@maggioli-design-system/mds-accordion-item - npm Package Compare versions

Comparing version 1.0.3 to 2.0.0

dist/cjs/loader.cjs.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-942ca198.js');
+const index = require('./index-0e674620.js');
 
 /*
- Stencil Client Patch Esm v2.12.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.14.2 | MIT Licensed | https://stenciljs.com
  */
@@ -18,3 +18,3 @@ const patchEsm = () => {
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["mds-accordion-item.cjs",[[1,"mds-accordion-item",{"typography":[1],"opened":[4],"description":[1],"isOpened":[32]}]]]], options);
+  return index.bootstrapLazy([["mds-accordion-item.cjs",[[1,"mds-accordion-item",{"typography":[1],"opened":[1540],"description":[1]}]]]], options);
   });
@@ -21,0 +21,0 @@ };

dist/cjs/mds-accordion-item.cjs.entry.js

@@ -5,48 +5,9 @@ 'use strict';
 
-const index = require('./index-942ca198.js');
+const index = require('./index-0e674620.js');
 
-function toVal(mix) {
-	var k, y, str='';
+const miBaselineKeyboardArrowUp = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>`;
 
-	if (typeof mix === 'string' || typeof mix === 'number') {
-		str += mix;
-	} else if (typeof mix === 'object') {
-		if (Array.isArray(mix)) {
-			for (k=0; k < mix.length; k++) {
-				if (mix[k]) {
-					if (y = toVal(mix[k])) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			}
-		} else {
-			for (k in mix) {
-				if (mix[k]) {
-					str && (str += ' ');
-					str += k;
-				}
-			}
-		}
-	}
+const mdsAccordionItemCss = "@tailwind components; .contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}:host{--color:rgb(var(--adjust-tone-02));--border-color:rgb(var(--adjust-tone-08));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);border-bottom:solid 2px;border-color:transparent !important;border-top:solid 2px;color:var(--color);fill:var(--color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom-color:var(--border-color) !important;border-top-color:var(--border-color) !important}:host(.sibling[opened]){margin-top:-1.125rem;border-top-color:transparent !important}:host([opened]:first-child){border-top-color:transparent !important}:host([opened]:last-child){border-bottom-color:transparent !important}.header{cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.contents{display:-ms-flexbox;display:flex;height:0px;-ms-flex-direction:column;flex-direction:column;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([opened]) .contents{height:auto;padding-top:1rem;opacity:1}.icon{--tw-rotate:180deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}:host([opened]) .icon{--tw-rotate:0deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}";
 
-	return str;
-}
-
-function clsx () {
-	var i=0, tmp, x, str='';
-	while (i < arguments.length) {
-		if (tmp = arguments[i++]) {
-			if (x = toVal(tmp)) {
-				str && (str += ' ');
-				str += x;
-			}
-		}
-	}
-	return str;
-}
-
-const mdsAccordionItemCss = "*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--color:rgb(var(--adjust-tone-02));--border-color:rgb(var(--adjust-tone-08));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);border-bottom:solid 2px;border-color:transparent !important;border-top:solid 2px;color:var(--color);margin-bottom:-2px}:host(.opened){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom-color:var(--border-color) !important;border-top-color:var(--border-color) !important}:host(.opened:first-child){border-top-color:transparent !important}:host(.opened:last-child){border-bottom-color:transparent !important}.header{cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.font-inherit{font-size:inherit}.contents{display:-ms-flexbox;display:flex;height:0px;-ms-flex-direction:column;flex-direction:column;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.contents--opened{height:auto;padding-top:1rem;opacity:1}";
-
-let MdsAccordionItem = class {
+const MdsAccordionItem = class {
   constructor(hostRef) {
@@ -60,36 +21,10 @@ index.registerInstance(this, hostRef);
     this.toggle = () => {
-      this.isOpened = !this.isOpened;
-      if (this.isOpened) {
-        this.openedEvent.emit(this.element.id);
-      }
+      this.opened = !this.opened;
+      this.openedEvent.emit(this.element.id);
     };
   }
-  componentWillLoad() {
-    this.isOpened = this.opened;
-  }
-  validateOpened(newValue) {
-    this.isOpened = newValue;
-  }
   render() {
-    let fontSizeInherit;
-    switch (this.typography) {
-      case 'h1': {
-        fontSizeInherit = 'font-inherit';
-        break;
-      }
-      case 'h2': {
-        fontSizeInherit = 'font-inherit';
-        break;
-      }
-      case 'h3': {
-        fontSizeInherit = 'font-inherit';
-        break;
-      }
-    }
-    return (index.h(index.Host, { class: clsx(this.isOpened && 'opened') }, index.h("mds-grid", { class: "header", onClick: this.toggle }, index.h("mds-text", { typography: this.typography }, this.description), index.h("mds-text", { class: "icon-button", typography: this.typography }, index.h("mds-icon", { class: clsx('icon', fontSizeInherit), name: clsx(this.isOpened ? 'keyboard-arrow-up' : 'keyboard-arrow-down') }))), index.h("div", { class: clsx('contents', this.isOpened && 'contents--opened') }, index.h("slot", null))));
+    return (index.h(index.Host, null, index.h("mds-grid", { class: "header", onClick: this.toggle }, index.h("mds-text", { typography: this.typography }, this.description), index.h("mds-text", { class: "icon-button", typography: this.typography }, index.h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), index.h("div", { class: "contents" }, index.h("slot", null))));
   }
   get element() { return index.getElement(this); }
-  static get watchers() { return {
-    "opened": ["validateOpened"]
-  }; }
 };
@@ -96,0 +31,0 @@ MdsAccordionItem.style = mdsAccordionItemCss;

dist/cjs/mds-accordion-item.cjs.js

 'use strict';
 
-const index = require('./index-942ca198.js');
+const index = require('./index-0e674620.js');
 
 /*
- Stencil Client Patch Browser v2.12.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.14.2 | MIT Licensed | https://stenciljs.com
  */
@@ -18,3 +18,3 @@ const patchBrowser = () => {
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["mds-accordion-item.cjs",[[1,"mds-accordion-item",{"typography":[1],"opened":[4],"description":[1],"isOpened":[32]}]]]], options);
+  return index.bootstrapLazy([["mds-accordion-item.cjs",[[1,"mds-accordion-item",{"typography":[1],"opened":[1540],"description":[1]}]]]], options);
 });

dist/collection/collection-manifest.json

@@ -7,4 +7,4 @@ {
     "name": "@stencil/core",
-    "version": "2.12.0",
-    "typescriptVersion": "4.3.5"
+    "version": "2.14.2",
+    "typescriptVersion": "4.5.4"
   },
@@ -11,0 +11,0 @@ "collections": [],

dist/collection/components/mds-accordion-item/mds-accordion-item.js

@@ -1,3 +0,3 @@
-import { Component, Host, h, Prop, State, Element, Event, Watch } from '@stencil/core';
-import clsx from 'clsx';
+import { Component, Host, h, Prop, Element, Event } from '@stencil/core';
+import miBaselineKeyboardArrowUp from '@icon/mi/baseline/keyboard-arrow-up.svg';
 export class MdsAccordionItem {
@@ -10,36 +10,13 @@ constructor() {
     this.toggle = () => {
-      this.isOpened = !this.isOpened;
-      if (this.isOpened) {
-        this.openedEvent.emit(this.element.id);
-      }
+      this.opened = !this.opened;
+      this.openedEvent.emit(this.element.id);
     };
   }
-  componentWillLoad() {
-    this.isOpened = this.opened;
-  }
-  validateOpened(newValue) {
-    this.isOpened = newValue;
-  }
   render() {
-    let fontSizeInherit;
-    switch (this.typography) {
-      case 'h1': {
-        fontSizeInherit = 'font-inherit';
-        break;
-      }
-      case 'h2': {
-        fontSizeInherit = 'font-inherit';
-        break;
-      }
-      case 'h3': {
-        fontSizeInherit = 'font-inherit';
-        break;
-      }
-    }
-    return (h(Host, { class: clsx(this.isOpened && 'opened') },
+    return (h(Host, null,
       h("mds-grid", { class: "header", onClick: this.toggle },
         h("mds-text", { typography: this.typography }, this.description),
         h("mds-text", { class: "icon-button", typography: this.typography },
-          h("mds-icon", { class: clsx('icon', fontSizeInherit), name: clsx(this.isOpened ? 'keyboard-arrow-up' : 'keyboard-arrow-down') }))),
-      h("div", { class: clsx('contents', this.isOpened && 'contents--opened') },
+          h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))),
+      h("div", { class: "contents" },
         h("slot", null))));
@@ -81,3 +58,3 @@ }
       "type": "boolean",
-      "mutable": false,
+      "mutable": true,
       "complexType": {
@@ -95,3 +72,3 @@ "original": "boolean",
       "attribute": "opened",
-      "reflect": false
+      "reflect": true
     },
@@ -116,5 +93,2 @@ "description": {
   }; }
-  static get states() { return {
-    "isOpened": {}
-  }; }
   static get events() { return [{
@@ -137,6 +111,2 @@ "method": "openedEvent",
   static get elementRef() { return "element"; }
-  static get watchers() { return [{
-      "propName": "opened",
-      "methodName": "validateOpened"
-    }]; }
 }

dist/collection/dictionary/icon.js

@@ -1,3 +0,3 @@
-import mggIconsDictionary from '@maggioli-design-system/icons/original/dictionary.json';
-const iconsDictionary = Object.keys(mggIconsDictionary).sort();
+import jsonIconsDictionary from '../fixtures/icons.json';
+const iconsDictionary = jsonIconsDictionary;
 export { iconsDictionary, };

dist/collection/dictionary/typography.js

@@ -16,2 +16,3 @@ const typographyDictionary = [
   'paragraph',
+  'tip',
 ];
@@ -37,3 +38,8 @@ const typographyMonoDictionary = [
   'paragraph',
+  'tip',
 ];
-export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, };
+const typographySmallerDictionary = [
+  'option',
+  'tip',
+];
+export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, };

dist/components/mds-accordion-item.js

@@ -1,47 +0,8 @@
-import { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
-function toVal(mix) {
-	var k, y, str='';
+const miBaselineKeyboardArrowUp = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>`;
 
-	if (typeof mix === 'string' || typeof mix === 'number') {
-		str += mix;
-	} else if (typeof mix === 'object') {
-		if (Array.isArray(mix)) {
-			for (k=0; k < mix.length; k++) {
-				if (mix[k]) {
-					if (y = toVal(mix[k])) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			}
-		} else {
-			for (k in mix) {
-				if (mix[k]) {
-					str && (str += ' ');
-					str += k;
-				}
-			}
-		}
-	}
+const mdsAccordionItemCss = "@tailwind components; .contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}:host{--color:rgb(var(--adjust-tone-02));--border-color:rgb(var(--adjust-tone-08));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);border-bottom:solid 2px;border-color:transparent !important;border-top:solid 2px;color:var(--color);fill:var(--color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom-color:var(--border-color) !important;border-top-color:var(--border-color) !important}:host(.sibling[opened]){margin-top:-1.125rem;border-top-color:transparent !important}:host([opened]:first-child){border-top-color:transparent !important}:host([opened]:last-child){border-bottom-color:transparent !important}.header{cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.contents{display:-ms-flexbox;display:flex;height:0px;-ms-flex-direction:column;flex-direction:column;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([opened]) .contents{height:auto;padding-top:1rem;opacity:1}.icon{--tw-rotate:180deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}:host([opened]) .icon{--tw-rotate:0deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}";
 
-	return str;
-}
-
-function clsx () {
-	var i=0, tmp, x, str='';
-	while (i < arguments.length) {
-		if (tmp = arguments[i++]) {
-			if (x = toVal(tmp)) {
-				str && (str += ' ');
-				str += x;
-			}
-		}
-	}
-	return str;
-}
-
-const mdsAccordionItemCss = "*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--color:rgb(var(--adjust-tone-02));--border-color:rgb(var(--adjust-tone-08));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);border-bottom:solid 2px;border-color:transparent !important;border-top:solid 2px;color:var(--color);margin-bottom:-2px}:host(.opened){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom-color:var(--border-color) !important;border-top-color:var(--border-color) !important}:host(.opened:first-child){border-top-color:transparent !important}:host(.opened:last-child){border-bottom-color:transparent !important}.header{cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.font-inherit{font-size:inherit}.contents{display:-ms-flexbox;display:flex;height:0px;-ms-flex-direction:column;flex-direction:column;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.contents--opened{height:auto;padding-top:1rem;opacity:1}";
-
-let MdsAccordionItem$1 = class extends HTMLElement {
+const MdsAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -57,43 +18,15 @@ super();
     this.toggle = () => {
-      this.isOpened = !this.isOpened;
-      if (this.isOpened) {
-        this.openedEvent.emit(this.element.id);
-      }
+      this.opened = !this.opened;
+      this.openedEvent.emit(this.element.id);
     };
   }
-  componentWillLoad() {
-    this.isOpened = this.opened;
-  }
-  validateOpened(newValue) {
-    this.isOpened = newValue;
-  }
   render() {
-    let fontSizeInherit;
-    switch (this.typography) {
-      case 'h1': {
-        fontSizeInherit = 'font-inherit';
-        break;
-      }
-      case 'h2': {
-        fontSizeInherit = 'font-inherit';
-        break;
-      }
-      case 'h3': {
-        fontSizeInherit = 'font-inherit';
-        break;
-      }
-    }
-    return (h(Host, { class: clsx(this.isOpened && 'opened') }, h("mds-grid", { class: "header", onClick: this.toggle }, h("mds-text", { typography: this.typography }, this.description), h("mds-text", { class: "icon-button", typography: this.typography }, h("mds-icon", { class: clsx('icon', fontSizeInherit), name: clsx(this.isOpened ? 'keyboard-arrow-up' : 'keyboard-arrow-down') }))), h("div", { class: clsx('contents', this.isOpened && 'contents--opened') }, h("slot", null))));
+    return (h(Host, null, h("mds-grid", { class: "header", onClick: this.toggle }, h("mds-text", { typography: this.typography }, this.description), h("mds-text", { class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { class: "contents" }, h("slot", null))));
   }
   get element() { return this; }
-  static get watchers() { return {
-    "opened": ["validateOpened"]
-  }; }
   static get style() { return mdsAccordionItemCss; }
-};
-MdsAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(MdsAccordionItem$1, [1, "mds-accordion-item", {
+}, [1, "mds-accordion-item", {
     "typography": [1],
-    "opened": [4],
-    "description": [1],
-    "isOpened": [32]
+    "opened": [1540],
+    "description": [1]
   }]);
@@ -100,0 +33,0 @@ function defineCustomElement$1() {

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-ab601f10.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,o){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],opened:[4],description:[1],isOpened:[32]}]]]],o)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-105107c3.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,o){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o)}))};export{defineCustomElements};

dist/esm-es5/mds-accordion-item.entry.js

@@ -1,1 +0,1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-ab601f10.js";function toVal(o){var t,r,e="";if(typeof o==="string"||typeof o==="number"){e+=o}else if(typeof o==="object"){if(Array.isArray(o)){for(t=0;t<o.length;t++){if(o[t]){if(r=toVal(o[t])){e&&(e+=" ");e+=r}}}}else{for(t in o){if(o[t]){e&&(e+=" ");e+=t}}}}return e}function clsx(){var o=0,t,r,e="";while(o<arguments.length){if(t=arguments[o++]){if(r=toVal(t)){e&&(e+=" ");e+=r}}}return e}var mdsAccordionItemCss="*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--color:rgb(var(--adjust-tone-02));--border-color:rgb(var(--adjust-tone-08));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);border-bottom:solid 2px;border-color:transparent !important;border-top:solid 2px;color:var(--color);margin-bottom:-2px}:host(.opened){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom-color:var(--border-color) !important;border-top-color:var(--border-color) !important}:host(.opened:first-child){border-top-color:transparent !important}:host(.opened:last-child){border-bottom-color:transparent !important}.header{cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.font-inherit{font-size:inherit}.contents{display:-ms-flexbox;display:flex;height:0px;-ms-flex-direction:column;flex-direction:column;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.contents--opened{height:auto;padding-top:1rem;opacity:1}";var MdsAccordionItem=function(){function o(o){var t=this;registerInstance(this,o);this.openedEvent=createEvent(this,"openedEvent",7);this.typography="h5";this.toggle=function(){t.isOpened=!t.isOpened;if(t.isOpened){t.openedEvent.emit(t.element.id)}}}o.prototype.componentWillLoad=function(){this.isOpened=this.opened};o.prototype.validateOpened=function(o){this.isOpened=o};o.prototype.render=function(){var o;switch(this.typography){case"h1":{o="font-inherit";break}case"h2":{o="font-inherit";break}case"h3":{o="font-inherit";break}}return h(Host,{class:clsx(this.isOpened&&"opened")},h("mds-grid",{class:"header",onClick:this.toggle},h("mds-text",{typography:this.typography},this.description),h("mds-text",{class:"icon-button",typography:this.typography},h("mds-icon",{class:clsx("icon",o),name:clsx(this.isOpened?"keyboard-arrow-up":"keyboard-arrow-down")}))),h("div",{class:clsx("contents",this.isOpened&&"contents--opened")},h("slot",null)))};Object.defineProperty(o.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{opened:["validateOpened"]}},enumerable:false,configurable:true});return o}();MdsAccordionItem.style=mdsAccordionItemCss;export{MdsAccordionItem as mds_accordion_item};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-105107c3.js";var miBaselineKeyboardArrowUp='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>';var mdsAccordionItemCss="@tailwind components; .contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}:host{--color:rgb(var(--adjust-tone-02));--border-color:rgb(var(--adjust-tone-08));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);border-bottom:solid 2px;border-color:transparent !important;border-top:solid 2px;color:var(--color);fill:var(--color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom-color:var(--border-color) !important;border-top-color:var(--border-color) !important}:host(.sibling[opened]){margin-top:-1.125rem;border-top-color:transparent !important}:host([opened]:first-child){border-top-color:transparent !important}:host([opened]:last-child){border-bottom-color:transparent !important}.header{cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.contents{display:-ms-flexbox;display:flex;height:0px;-ms-flex-direction:column;flex-direction:column;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([opened]) .contents{height:auto;padding-top:1rem;opacity:1}.icon{--tw-rotate:180deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}:host([opened]) .icon{--tw-rotate:0deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}";var MdsAccordionItem=function(){function t(t){var o=this;registerInstance(this,t);this.openedEvent=createEvent(this,"openedEvent",7);this.typography="h5";this.toggle=function(){o.opened=!o.opened;o.openedEvent.emit(o.element.id)}}t.prototype.render=function(){return h(Host,null,h("mds-grid",{class:"header",onClick:this.toggle},h("mds-text",{typography:this.typography},this.description),h("mds-text",{class:"icon-button",typography:this.typography},h("i",{class:"svg icon",innerHTML:miBaselineKeyboardArrowUp}))),h("div",{class:"contents"},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsAccordionItem.style=mdsAccordionItemCss;export{MdsAccordionItem as mds_accordion_item};

dist/esm-es5/mds-accordion-item.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-ab601f10.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],opened:[4],description:[1],isOpened:[32]}]]]],r)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-105107c3.js";var patchBrowser=function(){var r=import.meta.url;var o={};if(r!==""){o.resourcesUrl=new URL(".",r).href}return promiseResolve(o)};patchBrowser().then((function(r){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],r)}));

dist/esm/loader.js

@@ -1,5 +0,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-ab601f10.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-105107c3.js';
 
 /*
- Stencil Client Patch Esm v2.12.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.14.2 | MIT Licensed | https://stenciljs.com
  */
@@ -13,3 +13,3 @@ const patchEsm = () => {
   return patchEsm().then(() => {
-  return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{"typography":[1],"opened":[4],"description":[1],"isOpened":[32]}]]]], options);
+  return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{"typography":[1],"opened":[1540],"description":[1]}]]]], options);
   });
@@ -16,0 +16,0 @@ };

dist/esm/mds-accordion-item.entry.js

@@ -1,47 +0,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab601f10.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-105107c3.js';
 
-function toVal(mix) {
-	var k, y, str='';
+const miBaselineKeyboardArrowUp = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>`;
 
-	if (typeof mix === 'string' || typeof mix === 'number') {
-		str += mix;
-	} else if (typeof mix === 'object') {
-		if (Array.isArray(mix)) {
-			for (k=0; k < mix.length; k++) {
-				if (mix[k]) {
-					if (y = toVal(mix[k])) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			}
-		} else {
-			for (k in mix) {
-				if (mix[k]) {
-					str && (str += ' ');
-					str += k;
-				}
-			}
-		}
-	}
+const mdsAccordionItemCss = "@tailwind components; .contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}:host{--color:rgb(var(--adjust-tone-02));--border-color:rgb(var(--adjust-tone-08));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);border-bottom:solid 2px;border-color:transparent !important;border-top:solid 2px;color:var(--color);fill:var(--color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom-color:var(--border-color) !important;border-top-color:var(--border-color) !important}:host(.sibling[opened]){margin-top:-1.125rem;border-top-color:transparent !important}:host([opened]:first-child){border-top-color:transparent !important}:host([opened]:last-child){border-bottom-color:transparent !important}.header{cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.contents{display:-ms-flexbox;display:flex;height:0px;-ms-flex-direction:column;flex-direction:column;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([opened]) .contents{height:auto;padding-top:1rem;opacity:1}.icon{--tw-rotate:180deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}:host([opened]) .icon{--tw-rotate:0deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}";
 
-	return str;
-}
-
-function clsx () {
-	var i=0, tmp, x, str='';
-	while (i < arguments.length) {
-		if (tmp = arguments[i++]) {
-			if (x = toVal(tmp)) {
-				str && (str += ' ');
-				str += x;
-			}
-		}
-	}
-	return str;
-}
-
-const mdsAccordionItemCss = "*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--color:rgb(var(--adjust-tone-02));--border-color:rgb(var(--adjust-tone-08));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);border-bottom:solid 2px;border-color:transparent !important;border-top:solid 2px;color:var(--color);margin-bottom:-2px}:host(.opened){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom-color:var(--border-color) !important;border-top-color:var(--border-color) !important}:host(.opened:first-child){border-top-color:transparent !important}:host(.opened:last-child){border-bottom-color:transparent !important}.header{cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.font-inherit{font-size:inherit}.contents{display:-ms-flexbox;display:flex;height:0px;-ms-flex-direction:column;flex-direction:column;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.contents--opened{height:auto;padding-top:1rem;opacity:1}";
-
-let MdsAccordionItem = class {
+const MdsAccordionItem = class {
   constructor(hostRef) {
@@ -55,36 +16,10 @@ registerInstance(this, hostRef);
     this.toggle = () => {
-      this.isOpened = !this.isOpened;
-      if (this.isOpened) {
-        this.openedEvent.emit(this.element.id);
-      }
+      this.opened = !this.opened;
+      this.openedEvent.emit(this.element.id);
     };
   }
-  componentWillLoad() {
-    this.isOpened = this.opened;
-  }
-  validateOpened(newValue) {
-    this.isOpened = newValue;
-  }
   render() {
-    let fontSizeInherit;
-    switch (this.typography) {
-      case 'h1': {
-        fontSizeInherit = 'font-inherit';
-        break;
-      }
-      case 'h2': {
-        fontSizeInherit = 'font-inherit';
-        break;
-      }
-      case 'h3': {
-        fontSizeInherit = 'font-inherit';
-        break;
-      }
-    }
-    return (h(Host, { class: clsx(this.isOpened && 'opened') }, h("mds-grid", { class: "header", onClick: this.toggle }, h("mds-text", { typography: this.typography }, this.description), h("mds-text", { class: "icon-button", typography: this.typography }, h("mds-icon", { class: clsx('icon', fontSizeInherit), name: clsx(this.isOpened ? 'keyboard-arrow-up' : 'keyboard-arrow-down') }))), h("div", { class: clsx('contents', this.isOpened && 'contents--opened') }, h("slot", null))));
+    return (h(Host, null, h("mds-grid", { class: "header", onClick: this.toggle }, h("mds-text", { typography: this.typography }, this.description), h("mds-text", { class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { class: "contents" }, h("slot", null))));
   }
   get element() { return getElement(this); }
-  static get watchers() { return {
-    "opened": ["validateOpened"]
-  }; }
 };
@@ -91,0 +26,0 @@ MdsAccordionItem.style = mdsAccordionItemCss;

dist/esm/mds-accordion-item.js

@@ -1,5 +0,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-ab601f10.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-105107c3.js';
 
 /*
- Stencil Client Patch Browser v2.12.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.14.2 | MIT Licensed | https://stenciljs.com
  */
@@ -16,3 +16,3 @@ const patchBrowser = () => {
 patchBrowser().then(options => {
-  return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{"typography":[1],"opened":[4],"description":[1],"isOpened":[32]}]]]], options);
+  return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{"typography":[1],"opened":[1540],"description":[1]}]]]], options);
 });

dist/esm/polyfills/css-shim.js

@@ -1,1 +0,1 @@
-var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector=""};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,"").replace(RX.port,"")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r)}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e="0"+e;return"\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE="{",CLOSE_BRACE="}",RX={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},VAR_START="--",MEDIA_START="@media",AT_START="@";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return{start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\bvar\(/,VAR_ASSIGN_START=/\B--[\w-]+\s*:/,COMMENTS=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,TRAILING_LINES=/^[\t ]+\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):""}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if("("===s)r++;else if(")"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(","),o=s[0],a=s.slice(1);return{start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(",").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r="",n=0;n<e.length;n++){var s=e[n];r+="string"==typeof s?s:s(t)}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'"'===o&&(r=!1),n||"'"!==o||(r=!1);else if('"'===o)r=!0,n=!0;else if("'"===o)r=!0,n=!1;else{if(";"===o)return s+1;if("}"===o)return s}}return s}function removeCustomAssigns(e){for(var t="",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s)}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,"")).replace(TRAILING_LINES,"");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value}))}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0)})),!t)return"break"},o=0;o<10;o++){if("break"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return[];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(",").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t})})),t++})),r}function computeSpecificity(e){return 1}var IMPORTANT="!important",FIND_DECLARATIONS=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o})}return r}function normalizeValue(e){var t=(e=e.replace(/\s+/gim," ").trim()).endsWith(IMPORTANT);return t&&(e=e.substr(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors)})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return":root"===t||"html"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return{original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return!1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t))}))}function reScope(e,t){var r=e.template.map((function(r){return"string"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,"\\."+t,"."+r)}function replaceAll(e,t,r){return e.replace(new RegExp(t,"g"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t)}))}function startWatcher(e,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t)})).observe(document.head,{childList:!0})}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement("style");o.setAttribute("data-styles",""),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove()}})).catch((function(e){console.error(e)}))}var CSS_VARIABLE_REGEXP=/[\s;{]--[-a-zA-Z0-9]+\s*:/m;function hasCssVariables(e){return e.indexOf("var(")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,"");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}))}))})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal()}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal()},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error("host style already created");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement("style");return o.setAttribute("data-no-shim",""),s.usesCssVars?n?(o["s-sc"]=t=s.scopeId+"-"+this.count,o.textContent="/*needs update*/",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e)},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n)}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes)},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")||(e.__cssshim=new CustomStyle(e,e.document))}("undefined"!=typeof window&&window);
+var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector=""};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,"").replace(RX.port,"")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r)}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e="0"+e;return"\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE="{",CLOSE_BRACE="}",RX={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},VAR_START="--",MEDIA_START="@media",AT_START="@";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return{start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\bvar\(/,VAR_ASSIGN_START=/\B--[\w-]+\s*:/,COMMENTS=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,TRAILING_LINES=/^[\t ]+\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):""}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if("("===s)r++;else if(")"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(","),o=s[0],a=s.slice(1);return{start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(",").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r="",n=0;n<e.length;n++){var s=e[n];r+="string"==typeof s?s:s(t)}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'"'===o&&(r=!1),n||"'"!==o||(r=!1);else if('"'===o)r=!0,n=!0;else if("'"===o)r=!0,n=!1;else{if(";"===o)return s+1;if("}"===o)return s}}return s}function removeCustomAssigns(e){for(var t="",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s)}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,"")).replace(TRAILING_LINES,"");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value}))}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0)})),!t)return"break"},o=0;o<10;o++){if("break"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return[];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(",").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t})})),t++})),r}function computeSpecificity(e){return 1}var IMPORTANT="!important",FIND_DECLARATIONS=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o})}return r}function normalizeValue(e){var t=(e=e.replace(/\s+/gim," ").trim()).endsWith(IMPORTANT);return t&&(e=e.substr(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors)})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return":root"===t||"html"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return{original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return!1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t))}))}function reScope(e,t){var r=e.template.map((function(r){return"string"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,"\\.".concat(t),".".concat(r))}function replaceAll(e,t,r){return e.replace(new RegExp(t,"g"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t)}))}function startWatcher(e,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t)})).observe(document.head,{childList:!0})}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement("style");o.setAttribute("data-styles",""),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove()}})).catch((function(e){console.error(e)}))}var CSS_VARIABLE_REGEXP=/[\s;{]--[-a-zA-Z0-9]+\s*:/m;function hasCssVariables(e){return e.indexOf("var(")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,"");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}))}))})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal()}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal()},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error("host style already created");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement("style");return o.setAttribute("data-no-shim",""),s.usesCssVars?n?(o["s-sc"]=t="".concat(s.scopeId,"-").concat(this.count),o.textContent="/*needs update*/",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e)},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n)}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes)},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")||(e.__cssshim=new CustomStyle(e,e.document))}("undefined"!=typeof window&&window);

dist/mds-accordion-item/mds-accordion-item.esm.js

@@ -1,1 +0,1 @@
-import{p,b as e}from"./p-fdf1e9a3.js";(()=>{const e=import.meta.url,o={};return""!==e&&(o.resourcesUrl=new URL(".",e).href),p(o)})().then((p=>e([["p-1f592c77",[[1,"mds-accordion-item",{typography:[1],opened:[4],description:[1],isOpened:[32]}]]]],p)));
+import{p as o,b as p}from"./p-b1f8cb07.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-89888639",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o)));

dist/stats.json

 {
-  "timestamp": "2021-12-31T13:41:37",
+  "timestamp": "2022-03-30T11:18:59",
   "compiler": {
@@ -53,3 +53,3 @@ "name": "node",
         "generatedFiles": [
-          "./dist/cjs/index-942ca198.js",
+          "./dist/cjs/index-0e674620.js",
           "./dist/cjs/index.cjs.js",
@@ -59,3 +59,3 @@ "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-accordion-item.cjs.js",
-          "./dist/esm-es5/index-ab601f10.js",
+          "./dist/esm-es5/index-105107c3.js",
           "./dist/esm-es5/index.js",
@@ -65,3 +65,3 @@ "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-accordion-item.js",
-          "./dist/esm/index-ab601f10.js",
+          "./dist/esm/index-105107c3.js",
           "./dist/esm/index.js",
@@ -76,17 +76,17 @@ "./dist/esm/loader.js",
           "./dist/mds-accordion-item/mds-accordion-item.js",
-          "./dist/mds-accordion-item/p-1f592c77.entry.js",
           "./dist/mds-accordion-item/p-50ea2036.system.js",
-          "./dist/mds-accordion-item/p-ad23058f.system.entry.js",
-          "./dist/mds-accordion-item/p-d47d3124.system.js",
-          "./dist/mds-accordion-item/p-fdf1e9a3.js",
-          "./dist/mds-accordion-item/p-fe5ae645.system.js",
+          "./dist/mds-accordion-item/p-89888639.entry.js",
+          "./dist/mds-accordion-item/p-b1f8cb07.js",
+          "./dist/mds-accordion-item/p-cc94ea3e.system.js",
+          "./dist/mds-accordion-item/p-e2544042.system.js",
+          "./dist/mds-accordion-item/p-f141fe7c.system.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-accordion-item.esm.js",
           "./www/build/mds-accordion-item.js",
-          "./www/build/p-1f592c77.entry.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-ad23058f.system.entry.js",
-          "./www/build/p-d47d3124.system.js",
-          "./www/build/p-fdf1e9a3.js",
-          "./www/build/p-fe5ae645.system.js"
+          "./www/build/p-89888639.entry.js",
+          "./www/build/p-b1f8cb07.js",
+          "./www/build/p-cc94ea3e.system.js",
+          "./www/build/p-e2544042.system.js",
+          "./www/build/p-f141fe7c.system.entry.js"
         ]
@@ -124,8 +124,8 @@ },
         ],
-        "bundleId": "p-1f592c77",
-        "fileName": "p-1f592c77.entry.js",
+        "bundleId": "p-89888639",
+        "fileName": "p-89888639.entry.js",
         "imports": [
-          "p-fdf1e9a3.js"
+          "p-b1f8cb07.js"
         ],
-        "originalByteSize": 5474
+        "originalByteSize": 5950
       }
@@ -142,5 +142,5 @@ ],
         "imports": [
-          "index-ab601f10.js"
+          "index-105107c3.js"
         ],
-        "originalByteSize": 5478
+        "originalByteSize": 5954
       }
@@ -157,5 +157,5 @@ ],
         "imports": [
-          "index-ab601f10.js"
+          "index-105107c3.js"
         ],
-        "originalByteSize": 5478
+        "originalByteSize": 5954
       }
@@ -169,8 +169,8 @@ ],
         ],
-        "bundleId": "p-ad23058f.system",
-        "fileName": "p-ad23058f.system.entry.js",
+        "bundleId": "p-f141fe7c.system",
+        "fileName": "p-f141fe7c.system.entry.js",
         "imports": [
-          "p-d47d3124.system.js"
+          "p-e2544042.system.js"
         ],
-        "originalByteSize": 5941
+        "originalByteSize": 6321
       }
@@ -187,5 +187,5 @@ ],
         "imports": [
-          "index-942ca198.js"
+          "index-0e674620.js"
         ],
-        "originalByteSize": 5555
+        "originalByteSize": 6031
       }
@@ -238,4 +238,3 @@ ]
         "mds-grid",
-        "mds-text",
-        "mds-icon"
+        "mds-text"
       ],
@@ -272,4 +271,4 @@ "properties": [
           "attribute": "opened",
-          "reflect": false,
-          "mutable": false,
+          "reflect": true,
+          "mutable": true,
           "required": false,
@@ -309,7 +308,3 @@ "optional": true,
       "shadowDelegatesFocus": false,
-      "states": [
-        {
-          "name": "isOpened"
-        }
-      ]
+      "states": []
     }
@@ -358,4 +353,4 @@ ],
               "attribute": "opened",
-              "reflect": false,
-              "mutable": false,
+              "reflect": true,
+              "mutable": true,
               "required": false,
@@ -395,7 +390,3 @@ "optional": true,
           "virtualProperties": [],
-          "states": [
-            {
-              "name": "isOpened"
-            }
-          ],
+          "states": [],
           "methods": [],
@@ -422,8 +413,3 @@ "listeners": [],
           ],
-          "watchers": [
-            {
-              "propName": "opened",
-              "methodName": "validateOpened"
-            }
-          ],
+          "watchers": [],
           "styles": [
@@ -468,3 +454,3 @@ {
           "hasAttributeChangedCallbackFn": false,
-          "hasComponentWillLoadFn": true,
+          "hasComponentWillLoadFn": false,
           "hasComponentDidLoadFn": false,
@@ -481,3 +467,3 @@ "hasComponentShouldUpdateFn": false,
           "hasEvent": true,
-          "hasLifecycle": true,
+          "hasLifecycle": false,
           "hasListener": false,
@@ -497,6 +483,6 @@ "hasListenerTarget": false,
           "hasPropString": true,
-          "hasPropMutable": false,
-          "hasReflect": false,
+          "hasPropMutable": true,
+          "hasReflect": true,
           "hasRenderFn": true,
-          "hasState": true,
+          "hasState": false,
           "hasStyle": true,
@@ -514,3 +500,3 @@ "hasVdomAttribute": true,
           "hasVdomText": true,
-          "hasWatchCallback": true,
+          "hasWatchCallback": false,
           "isPlain": false,
@@ -521,3 +507,3 @@ "htmlAttrNames": [
             "typography",
-            "name"
+            "innerHTML"
           ],
@@ -527,3 +513,3 @@ "htmlTagNames": [
             "mds-text",
-            "mds-icon",
+            "i",
             "div",
@@ -536,4 +522,3 @@ "slot"
             "mds-grid",
-            "mds-text",
-            "mds-icon"
+            "mds-text"
           ],
@@ -551,3 +536,3 @@ "directDependencies": [],
     "sc-mds-accordion-item": [
-      "p-fdf1e9a3.js"
+      "p-b1f8cb07.js"
     ]
@@ -560,3 +545,5 @@ },
     "./src/dictionary/color.ts": [],
-    "./src/dictionary/icon.ts": [],
+    "./src/dictionary/icon.ts": [
+      "./src/fixtures/icons.json"
+    ],
     "./src/dictionary/input-text-type.ts": [],
@@ -563,0 +550,0 @@ "./src/dictionary/loading.ts": [],

dist/types/components/mds-accordion-item/mds-accordion-item.d.ts

@@ -5,3 +5,2 @@ import { EventEmitter } from '../../stencil-public-runtime';
   private element;
-  isOpened: boolean;
   /**
@@ -14,3 +13,3 @@ * Specifies the typography of the element
    */
-  readonly opened?: boolean;
+  opened?: boolean;
   /**
@@ -20,3 +19,2 @@ * Specifies the title shown when the accordion is closed or opened
   readonly description: string;
-  componentWillLoad(): void;
   private toggle;
@@ -27,4 +25,3 @@ /**
   openedEvent: EventEmitter<string>;
-  validateOpened(newValue: boolean): void;
   render(): any;
 }

dist/types/dictionary/typography.d.ts

@@ -5,2 +5,3 @@ declare const typographyDictionary: string[];
 declare const typographySecondaryDictionary: string[];
-export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, };
+declare const typographySmallerDictionary: string[];
+export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, };

dist/types/stencil-public-runtime.d.ts

@@ -669,3 +669,3 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
     }
-    interface SlotAttributes {
+    interface SlotAttributes extends JSXAttributes {
         name?: string;
@@ -1431,5 +1431,3 @@ slot?: string;
     }
-    interface DOMAttributes<T = Element> {
-        key?: string | number;
-        ref?: (elm?: T) => void;
+    interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
@@ -1555,2 +1553,6 @@ part?: string;
 }
+export interface JSXAttributes<T = Element> {
+    key?: string | number;
+    ref?: (elm?: T) => void;
+}
 export interface CustomElementsDefineOptions {
@@ -1557,0 +1559,0 @@ exclude?: string[];

dist/types/types/typography.d.ts

@@ -1,4 +0,5 @@
-export declare type TypographyType = 'action' | 'caption' | 'code' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph';
+export declare type TypographyType = 'action' | 'caption' | 'code' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
 export declare type TypographyPrimaryType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export declare type TypographySecondaryType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph';
+export declare type TypographySecondaryType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';
+export declare type TypographySmallerType = 'tip' | 'option';
 export declare type TypographyMonoType = 'code' | 'hack';

package.json

 {
   "name": "@maggioli-design-system/mds-accordion-item",
-  "version": "1.0.3",
+  "version": "2.0.0",
   "description": "mds-accordion-item is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
@@ -21,6 +21,7 @@ "main": "dist/index.cjs.js",
   "scripts": {
-    "build": "stencil build --docs-readme"
+    "build": "rm src/components.d.ts || true && stencil build --docs-readme",
+    "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@stencil/core": "^2.12.0"
+    "@stencil/core": "^2.14.2"
   },
@@ -27,0 +28,0 @@ "license": "MIT",

readme.md

@@ -38,3 +38,2 @@ # mds-accordion-item
 - [mds-text](../mds-text)
-- [mds-icon](../mds-icon)
 
@@ -46,3 +45,2 @@ ### Graph
   mds-accordion-item --> mds-text
-  mds-accordion-item --> mds-icon
   style mds-accordion-item fill:#f9f,stroke:#333,stroke-width:4px
@@ -49,0 +47,0 @@ ```

src/dictionary/icon.ts

@@ -1,5 +0,5 @@
-import mggIconsDictionary from '@maggioli-design-system/icons/original/dictionary.json'
-const iconsDictionary = Object.keys(mggIconsDictionary).sort()
+import jsonIconsDictionary from '../fixtures/icons.json'
+const iconsDictionary = jsonIconsDictionary
 export {
   iconsDictionary,
 }

src/dictionary/typography.ts

@@ -16,2 +16,3 @@ const typographyDictionary = [
   'paragraph',
+  'tip',
 ]
@@ -40,4 +41,10 @@
   'paragraph',
+  'tip',
 ]
 
+const typographySmallerDictionary = [
+  'option',
+  'tip',
+]
+
 export {
@@ -48,2 +55,3 @@ typographyDictionary,
   typographySecondaryDictionary,
+  typographySmallerDictionary,
 }

src/types/typography.ts

@@ -16,2 +16,3 @@ export type TypographyType =
   | 'paragraph'
+  | 'tip'
 
@@ -33,5 +34,10 @@ export type TypographyPrimaryType =
   | 'paragraph'
+  | 'tip'
 
+export type TypographySmallerType =
+  | 'tip'
+  | 'option'
+
 export type TypographyMonoType =
   | 'code'
   | 'hack'

www/build/mds-accordion-item.esm.js

@@ -1,1 +0,1 @@
-import{p,b as e}from"./p-fdf1e9a3.js";(()=>{const e=import.meta.url,o={};return""!==e&&(o.resourcesUrl=new URL(".",e).href),p(o)})().then((p=>e([["p-1f592c77",[[1,"mds-accordion-item",{typography:[1],opened:[4],description:[1],isOpened:[32]}]]]],p)));
+import{p as o,b as p}from"./p-b1f8cb07.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-89888639",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o)));

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

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

697832

increased by1.12%

Number of package files

125

increased by1.63%

Worsened metrics

Lines of code

7956

decreased by-1.8%

Number of lines in readme file

50

decreased by-3.85%

Dependency changes

• Updated@stencil/core@^2.14.2