@assecosolutions/fox-accordion - npm Package Compare versions

Comparing version 1.5.10 to 1.5.12

lib/FoxAccordion.d.ts

@@ -19,2 +19,5 @@ import { LitElement } from 'lit-element';
 export declare class FoxAccordion extends LitElement {
+    /**
+     * @ignore
+     */
     static styles: import("lit-element").CSSResult[];
@@ -21,0 +24,0 @@ /** enable open state on multiple accordion items */

lib/FoxAccordion.stories.d.ts

@@ -14,3 +14,3 @@ import './FoxAccordion';
     args: {
-        title: string;
+        heading: string;
         description: string;
@@ -17,0 +17,0 @@ leadingIcon: string;

lib/FoxAccordionItem.d.ts

@@ -16,3 +16,3 @@ import { LitElement } from 'lit-element';
  *
- * @slot title - Optional slot for title to the left on the header.
+ * @slot heading - Optional slot for heading to the left on the header.
  * @slot leadingIcon - Optional slot for leadingIcon on the first place of the header.
@@ -24,7 +24,10 @@ * @slot description - Optional slot for description to the left on the header.
 export declare class FoxAccordionItem extends LitElement {
+    /**
+     * @ignore
+     */
     static styles: import("lit-element").CSSResult[];
     /** Opens the accordion-item. */
     open: boolean;
-    /** Title of the accordion-item. */
-    title: any;
+    /** Heading of the accordion-item. */
+    heading: any;
     /** Description of the accordion-item. */
@@ -31,0 +34,0 @@ description: any;

package.json

 {
   "name": "@assecosolutions/fox-accordion",
-  "version": "1.5.10",
+  "version": "1.5.12",
   "public": true,
@@ -5,0 +5,0 @@ "lib": {

README.md

@@ -0,0 +0,0 @@ # 🦊 Fox - Future Open Experience

shared-ui-molecules-fox-accordion.esm.js

@@ -971,3 +971,3 @@ import { css, property, customElement, LitElement } from 'lit-element';
 var _templateObject;
-var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral([":host{box-sizing:border-box;display:flex;flex-direction:column;flex:1}::slotted(fox-accordion-item){--fox-accordion-item-spaceing: 0.5rem 0}\n"])));
+var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral([":host{box-sizing:border-box;display:flex;flex-direction:column;flex:1;font-family:var(--fox-accordion-font-family, var(--fox-font-family));--fox-accordion-font-family: Nunito, Roboto, sans-serif}::slotted(fox-accordion-item){--fox-accordion-item-spaceing: 0.5rem 0}\n"])));
 
@@ -1033,3 +1033,7 @@ var _templateObject$1;
 }(LitElement);
+/**
+ * @ignore
+ */
 
+
 FoxAccordion.styles = [styles];
@@ -1604,3 +1608,3 @@
 var _templateObject$2;
-var styles$1 = css(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral([":host{display:block;box-sizing:border-box;margin:var(--fox-accordion-item-spaceing)}:host{--fox-accordion-item-border-color: var(--fox-base-grey-40-color, #cbd5df);--fox-accordion-item-background-color: transparent;--fox-accordion-item-title-color: var(--fox-font-base-color, #0f1310);--fox-accordion-item-font-size: var(--fox-font-size-l, 17px);--fox-accordion-item-max-height: 350px;--fox-accordion-item-cursor: pointer;--fox-accordion-item-spaceing: 0}.fox-accordion-item{position:relative;border:solid 2px var(--fox-accordion-item-border-color);border-radius:4px;background:var(--fox-accordion-item-background-color)}.fox-accordion-item__header{transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);font-size:var(--fox-accordion-item-font-size);font-weight:var(--fox-font-weight-bold, 700);color:var(--fox-accordion-item-title-color);padding:0 1.5rem;z-index:1;display:flex;flex-direction:row;flex:auto;position:relative;align-items:center;box-sizing:border-box;height:48px}.fox-accordion-item__header-description{font-size:var(--fox-font-size-s, 12px);font-weight:var(--fox-font-weight-base, 400);padding-left:1.5rem;color:var(--fox-font-light-color, #738292)}.fox-accordion-item__header-indicator{user-select:none;margin-left:auto}.fox-accordion-item__header:hover{cursor:var(--fox-accordion-item-cursor)}.fox-accordion-item__header-leading-icon .fox-icon{padding-right:10px}.fox-accordion-item__content{transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);overflow:hidden;max-height:0}.fox-accordion-item__expanded .fox-accordion-item__content{max-height:350px;overflow:auto}.fox-accordion-item__expanded .fox-accordion-item__header-indicator fox-icon{transform:rotate(180deg)}.fox-accordion-item:hover:not(.fox-accordion-item__disabled),.fox-accordion-item__expanded{--fox-accordion-item-background-color: var(\n      --fox-base-grey-10-color,\n      #fcfcfd\n    );--fox-accordion-item-border-color: var(--fox-base-grey-50-color, #b0bfcd);--fox-accordion-item-title-color: var(--fox-font-base-color, #0f1310)}.fox-accordion-item__disabled{--fox-accordion-item-cursor: default;--fox-accordion-item-title-color: var(--fox-base-grey-60-color, #94a8bc)}.fox-accordion-item__header-indicator ::slotted(*),.fox-accordion-item__header-indicator .fox-icon,.fox-accordion-item__header-leading-icon ::slotted(*),.fox-accordion-item__header-leading-icon .fox-icon{transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);display:block;vertical-align:top}\n"])));
+var styles$1 = css(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral([":host{display:block;box-sizing:border-box;margin:var(--fox-accordion-item-spaceing);font-family:var(--fox-accordion-font-family, var(--fox-font-family))}:host{--fox-accordion-item-border-color: var(--fox-base-grey-40-color, #cbd5df);--fox-accordion-item-background-color: transparent;--fox-accordion-item-heading-color: var(--fox-font-base-color, #0f1310);--fox-accordion-item-font-size: var(--fox-font-size-l, 17px);--fox-accordion-item-max-height: 350px;--fox-accordion-item-cursor: pointer;--fox-accordion-item-spaceing: 0}.fox-accordion-item{position:relative;border:solid 2px var(--fox-accordion-item-border-color);border-radius:4px;background:var(--fox-accordion-item-background-color)}.fox-accordion-item__header{transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);font-size:var(--fox-accordion-item-font-size);font-weight:var(--fox-font-weight-bold, 700);color:var(--fox-accordion-item-heading-color);padding:0 1.5rem;z-index:1;display:flex;flex-direction:row;flex:auto;position:relative;align-items:center;box-sizing:border-box;height:48px}.fox-accordion-item__header-description{font-size:var(--fox-font-size-s, 12px);font-weight:var(--fox-font-weight-base, 400);padding-left:1.5rem;color:var(--fox-font-light-color, #738292)}.fox-accordion-item__header-indicator{user-select:none;margin-left:auto}.fox-accordion-item__header:hover{cursor:var(--fox-accordion-item-cursor)}.fox-accordion-item__content{transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);overflow:hidden;max-height:0}.fox-accordion-item__expanded .fox-accordion-item__content{max-height:350px;overflow:auto}.fox-accordion-item__expanded .fox-accordion-item__header-indicator fox-icon{transform:rotate(180deg)}.fox-accordion-item:hover:not(.fox-accordion-item__disabled),.fox-accordion-item__expanded{--fox-accordion-item-background-color: var(\n      --fox-base-grey-10-color,\n      #fcfcfd\n    );--fox-accordion-item-border-color: var(--fox-base-grey-50-color, #b0bfcd);--fox-accordion-item-heading-color: var(--fox-font-base-color, #0f1310)}.fox-accordion-item__disabled{--fox-accordion-item-cursor: default;--fox-accordion-item-heading-color: var(--fox-base-grey-60-color, #94a8bc)}.fox-accordion-item__header-indicator ::slotted(*),.fox-accordion-item__header-indicator .fox-icon,.fox-accordion-item__header-leading-icon ::slotted(*),.fox-accordion-item__header-leading-icon .fox-icon{transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);display:block;vertical-align:top}.fox-accordion-item__header-leading-icon ::slotted(*),.fox-accordion-item__header-leading-icon .fox-icon{padding-right:10px}\n"])));
 
@@ -1616,3 +1620,3 @@ var _templateObject$3, _templateObject2, _templateObject3;
  *
- * @slot title - Optional slot for title to the left on the header.
+ * @slot heading - Optional slot for heading to the left on the header.
  * @slot leadingIcon - Optional slot for leadingIcon on the first place of the header.
@@ -1666,3 +1670,3 @@ * @slot description - Optional slot for description to the left on the header.
 
-      return html$1(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n      <div class=\"fox-accordion-item ", "\">\n        <header\n          class=\"fox-accordion-item__header\"\n          aria-labelledby=\"title\"\n          @click=\"", "\"\n        >\n          <div class=\"fox-accordion-item__header-leading-icon\">\n            <slot name=\"leadingIcon\">\n              ", "\n            </slot>\n          </div>\n          <span class=\"fox-accordion-item__header-title\">\n            <slot name=\"title\">", "</slot>\n          </span>\n          <div class=\"fox-accordion-item__header-description\">\n            <slot name=\"description\">", "</slot>\n          </div>\n\n          <span class=\"fox-accordion-item__header-indicator\">\n            <slot name=\"indicatorIcon\">\n              ", "\n            </slot>\n          </span>\n        </header>\n        <div\n          class=\"fox-accordion-item__content\"\n          aria-hidden=\"", "\"\n          tabindex=\"", "\"\n        >\n          <slot></slot>\n        </div>\n      </div>\n    "])), classMap(classes), this.toggle, this.leadingIcon ? html$1(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                    <fox-icon class=\"fox-icon\">", "</fox-icon>\n                  "])), this.leadingIcon) : nothing, this.title, this.description, this.icon && !this.hideIndicator ? html$1(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([" <fox-icon class=\"fox-icon\">", "</fox-icon> "])), this.icon) : nothing, this.open.toString(), ifDefined(this.open ? undefined : -1));
+      return html$1(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n      <div class=\"fox-accordion-item ", "\">\n        <header class=\"fox-accordion-item__header\" @click=\"", "\">\n          <div class=\"fox-accordion-item__header-leading-icon\">\n            <slot name=\"leadingIcon\">\n              ", "\n            </slot>\n          </div>\n          <span class=\"fox-accordion-item__header-heading\">\n            <slot name=\"heading\">", "</slot>\n          </span>\n          <div class=\"fox-accordion-item__header-description\">\n            <slot name=\"description\">", "</slot>\n          </div>\n\n          <span class=\"fox-accordion-item__header-indicator\">\n            <slot name=\"indicatorIcon\">\n              ", "\n            </slot>\n          </span>\n        </header>\n        <div\n          class=\"fox-accordion-item__content\"\n          aria-hidden=\"", "\"\n          tabindex=\"", "\"\n        >\n          <slot></slot>\n        </div>\n      </div>\n    "])), classMap(classes), this.toggle, this.leadingIcon ? html$1(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                    <fox-icon class=\"fox-icon\">", "</fox-icon>\n                  "])), this.leadingIcon) : nothing, this.heading, this.description, this.icon && !this.hideIndicator ? html$1(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([" <fox-icon class=\"fox-icon\">", "</fox-icon> "])), this.icon) : nothing, this.open.toString(), ifDefined(this.open ? undefined : -1));
     }
@@ -1701,3 +1705,7 @@ }, {
 }(LitElement);
+/**
+ * @ignore
+ */
 
+
 FoxAccordionItem.styles = [styles$1];
@@ -1712,3 +1720,3 @@
   type: String
-}), __metadata("design:type", Object)], FoxAccordionItem.prototype, "title", void 0);
+}), __metadata("design:type", Object)], FoxAccordionItem.prototype, "heading", void 0);
 
@@ -1715,0 +1723,0 @@ __decorate([property({

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

134276

increased by0.62%

Lines of code

3017

increased by0.73%

Number of medium supply chain risk alerts

4

decreased by-20%

No dependency changes