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

Comparing version 5.1.3 to 5.3.0

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-2ebea6d6.js');
+const index = require('./index-2079a785.js');
 
@@ -8,0 +8,0 @@ const defineCustomElements = (win, options) => {

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

@@ -5,7 +5,7 @@ 'use strict';
 
-const index = require('./index-2ebea6d6.js');
+const index = require('./index-2079a785.js');
 
 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>`;
 
-const mdsAccordionItemCss = "@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.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{--mds-accordion-item-border-color:var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));--mds-accordion-item-border-width:var(--mds-accordion-border-width, 2px);--mds-accordion-item-color:var(--mds-accordion-color, rgb(var(--tone-neutral-03)));--mds-accordion-item-description-color:var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));--mds-accordion-item-duration:var(--mds-accordion-duration, 300ms);--mds-accordion-item-padding-selected:var(--mds-accordion-padding-selected, 1rem 0 2rem 0);--mds-accordion-item-padding-unselected:var(--mds-accordion-padding-unselected, 1rem 0 1rem 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: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 var(--mds-accordion-item-border-width) transparent;border-top:solid var(--mds-accordion-item-border-width) transparent;color:var(--mds-accordion-item-color);display:grid;fill:var(--mds-accordion-item-color);margin-top:calc(-1 * var(--mds-accordion-item-border-width));padding:var(--mds-accordion-item-padding-unselected);position:relative}:host(:first-child){margin-top:0}:host([selected]){padding:var(--mds-accordion-item-padding-selected);border-bottom:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);border-top:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color)}:host([selected]:first-child){margin-top:0px;border-top-color:transparent}:host([selected]:last-child){margin-bottom:0px;border-bottom-color:transparent}.action{gap:1rem;border-radius:0.5rem;background-color:transparent;border:0;color:var(--mds-accordion-item-description-color);cursor:pointer;display:grid;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-template-columns:auto 24px;padding:0;text-align:left}.icon-button{font-weight:400;display:block}.contents{gap:1rem;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);display:grid;grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;padding-top:0;-webkit-transition-duration:var(--mds-accordion-item-duration);transition-duration:var(--mds-accordion-item-duration);-webkit-transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding, -ms-grid-rows opacity padding}.contents-expander{min-height:0}:host([selected]) .contents{padding-top:1rem;grid-template-rows:1fr;opacity:1}.icon{-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);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([selected]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";
+const mdsAccordionItemCss = "@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset)}50%{outline-offset:var(--magma-outline-blur-offset)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset)}50%{outline-offset:var(--magma-outline-blur-offset)}}@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.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{--mds-accordion-item-border-color:var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));--mds-accordion-item-border-width:var(--mds-accordion-border-width, 2px);--mds-accordion-item-color:var(--mds-accordion-color, rgb(var(--tone-neutral-03)));--mds-accordion-item-description-color:var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));--mds-accordion-item-duration:var(--mds-accordion-duration, 300ms);--mds-accordion-item-padding-selected:var(--mds-accordion-padding-selected, 1rem 0 2rem 0);--mds-accordion-item-padding-unselected:var(--mds-accordion-padding-unselected, 1rem 0 1rem 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: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 var(--mds-accordion-item-border-width) transparent;border-top:solid var(--mds-accordion-item-border-width) transparent;color:var(--mds-accordion-item-color);display:grid;fill:var(--mds-accordion-item-color);margin-top:calc(-1 * var(--mds-accordion-item-border-width));padding:var(--mds-accordion-item-padding-unselected);position:relative}:host(:first-child){margin-top:0}:host([selected]){border-bottom:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);border-top:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);padding:var(--mds-accordion-item-padding-selected)}:host([selected]:first-child){margin-top:0px;border-top-color:transparent}:host([selected]:last-child){margin-bottom:0px;border-bottom-color:transparent}.action{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.action:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.action{gap:1rem;border-radius:0.5rem;background-color:transparent;border:0;color:var(--mds-accordion-item-description-color);cursor:pointer;display:grid;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-template-columns:auto 24px;padding:0;text-align:left}.action:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.icon-button{font-weight:400;display:block}.contents{gap:1rem;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);display:grid;grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;padding-top:0;-webkit-transition-duration:var(--mds-accordion-item-duration);transition-duration:var(--mds-accordion-item-duration);-webkit-transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding, -ms-grid-rows opacity padding}.contents-expander{min-height:0}:host([selected]) .contents{padding-top:1rem;grid-template-rows:1fr;opacity:1}.icon{-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);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([selected]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";
 
@@ -32,3 +32,3 @@ const MdsAccordionItem = class {
   render() {
-    return (index.h(index.Host, null, index.h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, index.h("mds-text", { part: "label", typography: this.typography }, this.label), index.h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, index.h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), index.h("div", { class: "contents", id: "contents" }, index.h("div", { "aria-labelledby": "action", class: "contents-expander", part: "contents", role: "region" }, index.h("slot", null)))));
+    return (index.h(index.Host, null, index.h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, index.h("mds-text", { part: "label", typography: this.typography }, this.label), index.h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, index.h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), index.h("div", { class: "contents", id: "contents" }, index.h("div", { "aria-labelledby": "action", class: "contents-expander", part: "contents", role: "region" }, index.h("slot", null)))));
   }
@@ -35,0 +35,0 @@ get element() { return index.getElement(this); }

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

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-2ebea6d6.js');
+const index = require('./index-2079a785.js');
 
 /*
- Stencil Client Patch Browser v4.5.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.7.1 | MIT Licensed | https://stenciljs.com
  */
@@ -11,0 +11,0 @@ const patchBrowser = () => {

dist/collection/collection-manifest.json

@@ -7,3 +7,3 @@ {
     "name": "@stencil/core",
-    "version": "4.5.0",
+    "version": "4.7.1",
     "typescriptVersion": "5.2.2"
@@ -10,0 +10,0 @@ },

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

@@ -22,3 +22,3 @@ import miBaselineKeyboardArrowUp from "@icon/mi/baseline/keyboard-arrow-up.svg";
   render() {
-    return (h(Host, null, h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { part: "label", typography: this.typography }, this.label), h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { class: "contents", id: "contents" }, h("div", { "aria-labelledby": "action", class: "contents-expander", part: "contents", role: "region" }, h("slot", null)))));
+    return (h(Host, null, h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { part: "label", typography: this.typography }, this.label), h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { class: "contents", id: "contents" }, h("div", { "aria-labelledby": "action", class: "contents-expander", part: "contents", role: "region" }, h("slot", null)))));
   }
@@ -25,0 +25,0 @@ static get is() { return "mds-accordion-item"; }

dist/collection/dictionary/typography.js

@@ -63,2 +63,6 @@ const typographyDictionary = [
 ];
-export { typographyDictionary, typographyInfoDictionary, typographyReadingVariationsDictionary, typographyMonoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };
+const typographyInputDictionary = [
+  'snippet',
+  'detail',
+];
+export { typographyDictionary, typographyInfoDictionary, typographyInputDictionary, typographyMonoDictionary, typographyReadDictionary, typographyReadingVariationsDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };

dist/components/mds-accordion-item.js

@@ -5,3 +5,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
-const mdsAccordionItemCss = "@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.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{--mds-accordion-item-border-color:var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));--mds-accordion-item-border-width:var(--mds-accordion-border-width, 2px);--mds-accordion-item-color:var(--mds-accordion-color, rgb(var(--tone-neutral-03)));--mds-accordion-item-description-color:var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));--mds-accordion-item-duration:var(--mds-accordion-duration, 300ms);--mds-accordion-item-padding-selected:var(--mds-accordion-padding-selected, 1rem 0 2rem 0);--mds-accordion-item-padding-unselected:var(--mds-accordion-padding-unselected, 1rem 0 1rem 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: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 var(--mds-accordion-item-border-width) transparent;border-top:solid var(--mds-accordion-item-border-width) transparent;color:var(--mds-accordion-item-color);display:grid;fill:var(--mds-accordion-item-color);margin-top:calc(-1 * var(--mds-accordion-item-border-width));padding:var(--mds-accordion-item-padding-unselected);position:relative}:host(:first-child){margin-top:0}:host([selected]){padding:var(--mds-accordion-item-padding-selected);border-bottom:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);border-top:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color)}:host([selected]:first-child){margin-top:0px;border-top-color:transparent}:host([selected]:last-child){margin-bottom:0px;border-bottom-color:transparent}.action{gap:1rem;border-radius:0.5rem;background-color:transparent;border:0;color:var(--mds-accordion-item-description-color);cursor:pointer;display:grid;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-template-columns:auto 24px;padding:0;text-align:left}.icon-button{font-weight:400;display:block}.contents{gap:1rem;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);display:grid;grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;padding-top:0;-webkit-transition-duration:var(--mds-accordion-item-duration);transition-duration:var(--mds-accordion-item-duration);-webkit-transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding, -ms-grid-rows opacity padding}.contents-expander{min-height:0}:host([selected]) .contents{padding-top:1rem;grid-template-rows:1fr;opacity:1}.icon{-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);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([selected]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";
+const mdsAccordionItemCss = "@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset)}50%{outline-offset:var(--magma-outline-blur-offset)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset)}50%{outline-offset:var(--magma-outline-blur-offset)}}@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.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{--mds-accordion-item-border-color:var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));--mds-accordion-item-border-width:var(--mds-accordion-border-width, 2px);--mds-accordion-item-color:var(--mds-accordion-color, rgb(var(--tone-neutral-03)));--mds-accordion-item-description-color:var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));--mds-accordion-item-duration:var(--mds-accordion-duration, 300ms);--mds-accordion-item-padding-selected:var(--mds-accordion-padding-selected, 1rem 0 2rem 0);--mds-accordion-item-padding-unselected:var(--mds-accordion-padding-unselected, 1rem 0 1rem 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: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 var(--mds-accordion-item-border-width) transparent;border-top:solid var(--mds-accordion-item-border-width) transparent;color:var(--mds-accordion-item-color);display:grid;fill:var(--mds-accordion-item-color);margin-top:calc(-1 * var(--mds-accordion-item-border-width));padding:var(--mds-accordion-item-padding-unselected);position:relative}:host(:first-child){margin-top:0}:host([selected]){border-bottom:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);border-top:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);padding:var(--mds-accordion-item-padding-selected)}:host([selected]:first-child){margin-top:0px;border-top-color:transparent}:host([selected]:last-child){margin-bottom:0px;border-bottom-color:transparent}.action{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.action:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.action{gap:1rem;border-radius:0.5rem;background-color:transparent;border:0;color:var(--mds-accordion-item-description-color);cursor:pointer;display:grid;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-template-columns:auto 24px;padding:0;text-align:left}.action:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.icon-button{font-weight:400;display:block}.contents{gap:1rem;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);display:grid;grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;padding-top:0;-webkit-transition-duration:var(--mds-accordion-item-duration);transition-duration:var(--mds-accordion-item-duration);-webkit-transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding, -ms-grid-rows opacity padding}.contents-expander{min-height:0}:host([selected]) .contents{padding-top:1rem;grid-template-rows:1fr;opacity:1}.icon{-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);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([selected]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";
 
@@ -30,3 +30,3 @@ const MdsAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class MdsAccordionItem extends HTMLElement {
   render() {
-    return (h(Host, null, h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { part: "label", typography: this.typography }, this.label), h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { class: "contents", id: "contents" }, h("div", { "aria-labelledby": "action", class: "contents-expander", part: "contents", role: "region" }, h("slot", null)))));
+    return (h(Host, null, h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { part: "label", typography: this.typography }, this.label), h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { class: "contents", id: "contents" }, h("div", { "aria-labelledby": "action", class: "contents-expander", part: "contents", role: "region" }, h("slot", null)))));
   }
@@ -33,0 +33,0 @@ get element() { return this; }

dist/documentation.json

 {
-  "timestamp": "2023-10-19T09:48:23",
+  "timestamp": "2023-11-08T15:30:03",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.5.0",
+    "version": "4.7.1",
     "typescriptVersion": "5.2.2"
@@ -7,0 +7,0 @@ },

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{b as bootstrapLazy}from"./index-2c704dc6.js";export{s as setNonce}from"./index-2c704dc6.js";var defineCustomElements=function(e,o){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],o)};export{defineCustomElements};
+import{b as bootstrapLazy}from"./index-6b9c73e9.js";export{s as setNonce}from"./index-6b9c73e9.js";var defineCustomElements=function(e,o){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[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-2c704dc6.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; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.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{--mds-accordion-item-border-color:var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));--mds-accordion-item-border-width:var(--mds-accordion-border-width, 2px);--mds-accordion-item-color:var(--mds-accordion-color, rgb(var(--tone-neutral-03)));--mds-accordion-item-description-color:var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));--mds-accordion-item-duration:var(--mds-accordion-duration, 300ms);--mds-accordion-item-padding-selected:var(--mds-accordion-padding-selected, 1rem 0 2rem 0);--mds-accordion-item-padding-unselected:var(--mds-accordion-padding-unselected, 1rem 0 1rem 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: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 var(--mds-accordion-item-border-width) transparent;border-top:solid var(--mds-accordion-item-border-width) transparent;color:var(--mds-accordion-item-color);display:grid;fill:var(--mds-accordion-item-color);margin-top:calc(-1 * var(--mds-accordion-item-border-width));padding:var(--mds-accordion-item-padding-unselected);position:relative}:host(:first-child){margin-top:0}:host([selected]){padding:var(--mds-accordion-item-padding-selected);border-bottom:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);border-top:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color)}:host([selected]:first-child){margin-top:0px;border-top-color:transparent}:host([selected]:last-child){margin-bottom:0px;border-bottom-color:transparent}.action{gap:1rem;border-radius:0.5rem;background-color:transparent;border:0;color:var(--mds-accordion-item-description-color);cursor:pointer;display:grid;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-template-columns:auto 24px;padding:0;text-align:left}.icon-button{font-weight:400;display:block}.contents{gap:1rem;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);display:grid;grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;padding-top:0;-webkit-transition-duration:var(--mds-accordion-item-duration);transition-duration:var(--mds-accordion-item-duration);-webkit-transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding, -ms-grid-rows opacity padding}.contents-expander{min-height:0}:host([selected]) .contents{padding-top:1rem;grid-template-rows:1fr;opacity:1}.icon{-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);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([selected]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";var MdsAccordionItem=function(){function o(o){var t=this;registerInstance(this,o);this.selectedEvent=createEvent(this,"mdsAccordionItemSelect",7);this.unselectedEvent=createEvent(this,"mdsAccordionItemUnselect",7);this.changedEvent=createEvent(this,"mdsAccordionItemChange",7);this.toggle=function(){t.selected=!t.selected;t.changedEvent.emit({id:t.element.id,selected:t.selected});if(t.selected){t.selectedEvent.emit({id:t.element.id,selected:t.selected});return}t.unselectedEvent.emit({id:t.element.id,selected:t.selected})};this.typography="h5";this.selected=undefined;this.label=undefined}o.prototype.render=function(){return h(Host,null,h("button",{"aria-controls":"contents","aria-expanded":this.selected?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{part:"label",typography:this.typography},this.label),h("mds-text",{"aria-hidden":"true",class:"icon-button",typography:this.typography},h("i",{class:"svg icon",innerHTML:miBaselineKeyboardArrowUp}))),h("div",{class:"contents",id:"contents"},h("div",{"aria-labelledby":"action",class:"contents-expander",part:"contents",role:"region"},h("slot",null))))};Object.defineProperty(o.prototype,"element",{get:function(){return getElement(this)},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-6b9c73e9.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="@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset)}50%{outline-offset:var(--magma-outline-blur-offset)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset)}50%{outline-offset:var(--magma-outline-blur-offset)}}@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.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{--mds-accordion-item-border-color:var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));--mds-accordion-item-border-width:var(--mds-accordion-border-width, 2px);--mds-accordion-item-color:var(--mds-accordion-color, rgb(var(--tone-neutral-03)));--mds-accordion-item-description-color:var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));--mds-accordion-item-duration:var(--mds-accordion-duration, 300ms);--mds-accordion-item-padding-selected:var(--mds-accordion-padding-selected, 1rem 0 2rem 0);--mds-accordion-item-padding-unselected:var(--mds-accordion-padding-unselected, 1rem 0 1rem 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: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 var(--mds-accordion-item-border-width) transparent;border-top:solid var(--mds-accordion-item-border-width) transparent;color:var(--mds-accordion-item-color);display:grid;fill:var(--mds-accordion-item-color);margin-top:calc(-1 * var(--mds-accordion-item-border-width));padding:var(--mds-accordion-item-padding-unselected);position:relative}:host(:first-child){margin-top:0}:host([selected]){border-bottom:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);border-top:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);padding:var(--mds-accordion-item-padding-selected)}:host([selected]:first-child){margin-top:0px;border-top-color:transparent}:host([selected]:last-child){margin-bottom:0px;border-bottom-color:transparent}.action{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.action:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.action{gap:1rem;border-radius:0.5rem;background-color:transparent;border:0;color:var(--mds-accordion-item-description-color);cursor:pointer;display:grid;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-template-columns:auto 24px;padding:0;text-align:left}.action:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.icon-button{font-weight:400;display:block}.contents{gap:1rem;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);display:grid;grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;padding-top:0;-webkit-transition-duration:var(--mds-accordion-item-duration);transition-duration:var(--mds-accordion-item-duration);-webkit-transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding, -ms-grid-rows opacity padding}.contents-expander{min-height:0}:host([selected]) .contents{padding-top:1rem;grid-template-rows:1fr;opacity:1}.icon{-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);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([selected]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";var MdsAccordionItem=function(){function o(o){var t=this;registerInstance(this,o);this.selectedEvent=createEvent(this,"mdsAccordionItemSelect",7);this.unselectedEvent=createEvent(this,"mdsAccordionItemUnselect",7);this.changedEvent=createEvent(this,"mdsAccordionItemChange",7);this.toggle=function(){t.selected=!t.selected;t.changedEvent.emit({id:t.element.id,selected:t.selected});if(t.selected){t.selectedEvent.emit({id:t.element.id,selected:t.selected});return}t.unselectedEvent.emit({id:t.element.id,selected:t.selected})};this.typography="h5";this.selected=undefined;this.label=undefined}o.prototype.render=function(){return h(Host,null,h("button",{"aria-controls":"contents","aria-expanded":this.selected?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{part:"label",typography:this.typography},this.label),h("mds-text",{"aria-hidden":"true",class:"icon-button",typography:this.typography},h("i",{class:"svg icon",innerHTML:miBaselineKeyboardArrowUp}))),h("div",{class:"contents",id:"contents"},h("div",{"aria-labelledby":"action",class:"contents-expander",part:"contents",role:"region"},h("slot",null))))};Object.defineProperty(o.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();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-2c704dc6.js";export{s as setNonce}from"./index-2c704dc6.js";var patchBrowser=function(){var e=import.meta.url;var o={};if(e!==""){o.resourcesUrl=new URL(".",e).href}return promiseResolve(o)};patchBrowser().then((function(e){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-6b9c73e9.js";export{s as setNonce}from"./index-6b9c73e9.js";var patchBrowser=function(){var e=import.meta.url;var o={};if(e!==""){o.resourcesUrl=new URL(".",e).href}return promiseResolve(o)};patchBrowser().then((function(e){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)}));

dist/esm/loader.js

@@ -1,3 +0,3 @@
-import { b as bootstrapLazy } from './index-2c704dc6.js';
-export { s as setNonce } from './index-2c704dc6.js';
+import { b as bootstrapLazy } from './index-6b9c73e9.js';
+export { s as setNonce } from './index-6b9c73e9.js';
 
@@ -4,0 +4,0 @@ const defineCustomElements = (win, options) => {

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

@@ -1,6 +0,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2c704dc6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6b9c73e9.js';
 
 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>`;
 
-const mdsAccordionItemCss = "@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.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{--mds-accordion-item-border-color:var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));--mds-accordion-item-border-width:var(--mds-accordion-border-width, 2px);--mds-accordion-item-color:var(--mds-accordion-color, rgb(var(--tone-neutral-03)));--mds-accordion-item-description-color:var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));--mds-accordion-item-duration:var(--mds-accordion-duration, 300ms);--mds-accordion-item-padding-selected:var(--mds-accordion-padding-selected, 1rem 0 2rem 0);--mds-accordion-item-padding-unselected:var(--mds-accordion-padding-unselected, 1rem 0 1rem 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: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 var(--mds-accordion-item-border-width) transparent;border-top:solid var(--mds-accordion-item-border-width) transparent;color:var(--mds-accordion-item-color);display:grid;fill:var(--mds-accordion-item-color);margin-top:calc(-1 * var(--mds-accordion-item-border-width));padding:var(--mds-accordion-item-padding-unselected);position:relative}:host(:first-child){margin-top:0}:host([selected]){padding:var(--mds-accordion-item-padding-selected);border-bottom:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);border-top:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color)}:host([selected]:first-child){margin-top:0px;border-top-color:transparent}:host([selected]:last-child){margin-bottom:0px;border-bottom-color:transparent}.action{gap:1rem;border-radius:0.5rem;background-color:transparent;border:0;color:var(--mds-accordion-item-description-color);cursor:pointer;display:grid;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-template-columns:auto 24px;padding:0;text-align:left}.icon-button{font-weight:400;display:block}.contents{gap:1rem;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);display:grid;grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;padding-top:0;-webkit-transition-duration:var(--mds-accordion-item-duration);transition-duration:var(--mds-accordion-item-duration);-webkit-transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding, -ms-grid-rows opacity padding}.contents-expander{min-height:0}:host([selected]) .contents{padding-top:1rem;grid-template-rows:1fr;opacity:1}.icon{-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);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([selected]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";
+const mdsAccordionItemCss = "@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset)}50%{outline-offset:var(--magma-outline-blur-offset)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset)}50%{outline-offset:var(--magma-outline-blur-offset)}}@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.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{--mds-accordion-item-border-color:var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));--mds-accordion-item-border-width:var(--mds-accordion-border-width, 2px);--mds-accordion-item-color:var(--mds-accordion-color, rgb(var(--tone-neutral-03)));--mds-accordion-item-description-color:var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));--mds-accordion-item-duration:var(--mds-accordion-duration, 300ms);--mds-accordion-item-padding-selected:var(--mds-accordion-padding-selected, 1rem 0 2rem 0);--mds-accordion-item-padding-unselected:var(--mds-accordion-padding-unselected, 1rem 0 1rem 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: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 var(--mds-accordion-item-border-width) transparent;border-top:solid var(--mds-accordion-item-border-width) transparent;color:var(--mds-accordion-item-color);display:grid;fill:var(--mds-accordion-item-color);margin-top:calc(-1 * var(--mds-accordion-item-border-width));padding:var(--mds-accordion-item-padding-unselected);position:relative}:host(:first-child){margin-top:0}:host([selected]){border-bottom:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);border-top:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);padding:var(--mds-accordion-item-padding-selected)}:host([selected]:first-child){margin-top:0px;border-top-color:transparent}:host([selected]:last-child){margin-bottom:0px;border-bottom-color:transparent}.action{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.action:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.action{gap:1rem;border-radius:0.5rem;background-color:transparent;border:0;color:var(--mds-accordion-item-description-color);cursor:pointer;display:grid;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-template-columns:auto 24px;padding:0;text-align:left}.action:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.icon-button{font-weight:400;display:block}.contents{gap:1rem;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);display:grid;grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;padding-top:0;-webkit-transition-duration:var(--mds-accordion-item-duration);transition-duration:var(--mds-accordion-item-duration);-webkit-transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding, -ms-grid-rows opacity padding}.contents-expander{min-height:0}:host([selected]) .contents{padding-top:1rem;grid-template-rows:1fr;opacity:1}.icon{-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);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([selected]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";
 
@@ -27,3 +27,3 @@ const MdsAccordionItem = class {
   render() {
-    return (h(Host, null, h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { part: "label", typography: this.typography }, this.label), h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { class: "contents", id: "contents" }, h("div", { "aria-labelledby": "action", class: "contents-expander", part: "contents", role: "region" }, h("slot", null)))));
+    return (h(Host, null, h("button", { "aria-controls": "contents", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { part: "label", typography: this.typography }, this.label), h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { class: "contents", id: "contents" }, h("div", { "aria-labelledby": "action", class: "contents-expander", part: "contents", role: "region" }, h("slot", null)))));
   }
@@ -30,0 +30,0 @@ get element() { return getElement(this); }

dist/esm/mds-accordion-item.js

@@ -1,6 +0,6 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-2c704dc6.js';
-export { s as setNonce } from './index-2c704dc6.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-6b9c73e9.js';
+export { s as setNonce } from './index-6b9c73e9.js';
 
 /*
- Stencil Client Patch Browser v4.5.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.7.1 | MIT Licensed | https://stenciljs.com
  */
@@ -7,0 +7,0 @@ const patchBrowser = () => {

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

@@ -1,1 +0,1 @@
-import{p as e,b as o}from"./p-3b6d9c97.js";export{s as setNonce}from"./p-3b6d9c97.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-590535f0",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)));
+import{p as e,b as o}from"./p-2eb6ab78.js";export{s as setNonce}from"./p-2eb6ab78.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-6d1b7d7b",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)));

dist/stats.json

 {
-  "timestamp": "2023-10-19T09:48:23",
+  "timestamp": "2023-11-08T15:30:03",
   "compiler": {
@@ -12,7 +12,7 @@ "name": "node",
     "entries": 1,
-    "bundles": 68,
+    "bundles": 67,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 27,
+        "files": 26,
         "generatedFiles": [
@@ -31,3 +31,3 @@ "./dist/collection/common/aria.js",
           "./dist/collection/dictionary/icon.js",
-          "./dist/collection/dictionary/input-text-type.js",
+          "./dist/collection/dictionary/input.js",
           "./dist/collection/dictionary/loading.js",
@@ -42,4 +42,3 @@ "./dist/collection/dictionary/typography.js",
           "./dist/collection/type/form-rel.js",
-          "./dist/collection/type/input-text-type.js",
-          "./dist/collection/type/input-value-type.js",
+          "./dist/collection/type/input.js",
           "./dist/collection/type/loading.js",
@@ -64,3 +63,3 @@ "./dist/collection/type/typography.js",
         "generatedFiles": [
-          "./dist/cjs/index-2ebea6d6.js",
+          "./dist/cjs/index-2079a785.js",
           "./dist/cjs/index.cjs.js",
@@ -70,3 +69,3 @@ "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-accordion-item.cjs.js",
-          "./dist/esm-es5/index-2c704dc6.js",
+          "./dist/esm-es5/index-6b9c73e9.js",
           "./dist/esm-es5/index.js",
@@ -76,3 +75,3 @@ "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-accordion-item.js",
-          "./dist/esm/index-2c704dc6.js",
+          "./dist/esm/index-6b9c73e9.js",
           "./dist/esm/index.js",
@@ -87,17 +86,17 @@ "./dist/esm/loader.js",
           "./dist/mds-accordion-item/mds-accordion-item.js",
-          "./dist/mds-accordion-item/p-0bb1c9be.system.js",
-          "./dist/mds-accordion-item/p-3b6d9c97.js",
+          "./dist/mds-accordion-item/p-2eb6ab78.js",
+          "./dist/mds-accordion-item/p-456333a6.system.entry.js",
           "./dist/mds-accordion-item/p-50ea2036.system.js",
-          "./dist/mds-accordion-item/p-590535f0.entry.js",
-          "./dist/mds-accordion-item/p-67ac7ae5.system.entry.js",
-          "./dist/mds-accordion-item/p-9c3fdcb2.system.js",
+          "./dist/mds-accordion-item/p-6609f9ee.system.js",
+          "./dist/mds-accordion-item/p-6d1b7d7b.entry.js",
+          "./dist/mds-accordion-item/p-84623490.system.js",
           "./www/build/index.esm.js",
           "./www/build/mds-accordion-item.esm.js",
           "./www/build/mds-accordion-item.js",
-          "./www/build/p-0bb1c9be.system.js",
-          "./www/build/p-3b6d9c97.js",
+          "./www/build/p-2eb6ab78.js",
+          "./www/build/p-456333a6.system.entry.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-590535f0.entry.js",
-          "./www/build/p-67ac7ae5.system.entry.js",
-          "./www/build/p-9c3fdcb2.system.js"
+          "./www/build/p-6609f9ee.system.js",
+          "./www/build/p-6d1b7d7b.entry.js",
+          "./www/build/p-84623490.system.js"
         ]
@@ -135,8 +134,8 @@ },
         ],
-        "bundleId": "p-590535f0",
-        "fileName": "p-590535f0.entry.js",
+        "bundleId": "p-6d1b7d7b",
+        "fileName": "p-6d1b7d7b.entry.js",
         "imports": [
-          "p-3b6d9c97.js"
+          "p-2eb6ab78.js"
         ],
-        "originalByteSize": 7459
+        "originalByteSize": 8219
       }
@@ -153,5 +152,5 @@ ],
         "imports": [
-          "index-2c704dc6.js"
+          "index-6b9c73e9.js"
         ],
-        "originalByteSize": 7463
+        "originalByteSize": 8223
       }
@@ -168,5 +167,5 @@ ],
         "imports": [
-          "index-2c704dc6.js"
+          "index-6b9c73e9.js"
         ],
-        "originalByteSize": 7463
+        "originalByteSize": 8223
       }
@@ -180,8 +179,8 @@ ],
         ],
-        "bundleId": "p-67ac7ae5.system",
-        "fileName": "p-67ac7ae5.system.entry.js",
+        "bundleId": "p-456333a6.system",
+        "fileName": "p-456333a6.system.entry.js",
         "imports": [
-          "p-0bb1c9be.system.js"
+          "p-84623490.system.js"
         ],
-        "originalByteSize": 7866
+        "originalByteSize": 8626
       }
@@ -198,5 +197,5 @@ ],
         "imports": [
-          "index-2ebea6d6.js"
+          "index-2079a785.js"
         ],
-        "originalByteSize": 7558
+        "originalByteSize": 8318
       }
@@ -682,3 +681,3 @@ ]
     "sc-mds-accordion-item": [
-      "p-3b6d9c97.js"
+      "p-2eb6ab78.js"
     ]
@@ -702,3 +701,3 @@ },
     ],
-    "./src/dictionary/input-text-type.ts": [],
+    "./src/dictionary/input.ts": [],
     "./src/dictionary/loading.ts": [],
@@ -713,4 +712,3 @@ "./src/dictionary/typography.ts": [],
     "./src/type/form-rel.ts": [],
-    "./src/type/input-text-type.ts": [],
-    "./src/type/input-value-type.ts": [],
+    "./src/type/input.ts": [],
     "./src/type/loading.ts": [],
@@ -717,0 +715,0 @@ "./src/type/typography.ts": [],

dist/types/components.d.ts

@@ -33,3 +33,16 @@ /* eslint-disable */
 declare global {
+    interface HTMLMdsAccordionItemElementEventMap {
+        "mdsAccordionItemSelect": MdsAccordionItemEventDetail;
+        "mdsAccordionItemUnselect": MdsAccordionItemEventDetail;
+        "mdsAccordionItemChange": MdsAccordionItemEventDetail;
+    }
     interface HTMLMdsAccordionItemElement extends Components.MdsAccordionItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLMdsAccordionItemElementEventMap>(type: K, listener: (this: HTMLMdsAccordionItemElement, ev: MdsAccordionItemCustomEvent<HTMLMdsAccordionItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLMdsAccordionItemElementEventMap>(type: K, listener: (this: HTMLMdsAccordionItemElement, ev: MdsAccordionItemCustomEvent<HTMLMdsAccordionItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
@@ -36,0 +49,0 @@ var HTMLMdsAccordionItemElement: {

dist/types/dictionary/typography.d.ts

@@ -10,2 +10,3 @@ declare const typographyDictionary: string[];
 declare const typographyTooltipDictionary: string[];
-export { typographyDictionary, typographyInfoDictionary, typographyReadingVariationsDictionary, typographyMonoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };
+declare const typographyInputDictionary: string[];
+export { typographyDictionary, typographyInfoDictionary, typographyInputDictionary, typographyMonoDictionary, typographyReadDictionary, typographyReadingVariationsDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };

dist/types/interface/input-value.d.ts

@@ -1,4 +0,4 @@
-import { InputValueType } from '@type/input-value-type';
+import { InputValueType } from '@type/input';
 export interface InputValue {
   value: InputValueType;
 }

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

@@ -1137,2 +1137,3 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
         media?: string;
@@ -1143,2 +1144,3 @@ sizes?: string;
         type?: string;
+        width?: number;
     }
@@ -1145,0 +1147,0 @@ interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {

dist/types/type/typography.d.ts

@@ -10,1 +10,2 @@ export type TypographyType = 'action' | 'caption' | 'snippet' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
 export type TypographyTooltipType = 'caption' | 'detail' | 'tip';
+export type TypographyInputType = 'snippet' | 'detail';

documentation.json

 {
-  "timestamp": "2023-10-19T09:23:19",
+  "timestamp": "2023-11-08T14:31:27",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.5.0",
+    "version": "4.7.1",
     "typescriptVersion": "5.2.2"
@@ -459,2 +459,12 @@ },
     },
+    "src/type/input.ts::InputControlsLayoutType": {
+      "declaration": "export type InputControlsLayoutType =\n  | 'horizontal'\n  | 'vertical'",
+      "docstring": "",
+      "path": "src/type/input.ts"
+    },
+    "src/type/input.ts::InputControlsIconType": {
+      "declaration": "export type InputControlsIconType =\n  | 'arrow'\n  | 'arithmetic'",
+      "docstring": "",
+      "path": "src/type/input.ts"
+    },
     "src/type/variant.ts::ThemeStatusVariantType": {
@@ -465,19 +475,19 @@ "declaration": "export type ThemeStatusVariantType =\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
     },
-    "src/type/input-text-type.ts::InputTextType": {
+    "src/type/input.ts::InputTextType": {
       "declaration": "export type InputTextType =\n  | 'date'\n  | 'email'\n  | 'number'\n  | 'password'\n  | 'search'\n  | 'tel'\n  | 'text'\n  | 'textarea'\n  | 'time'\n  | 'url'",
       "docstring": "",
-      "path": "src/type/input-text-type.ts"
+      "path": "src/type/input.ts"
     },
-    "src/type/input-value-type.ts::InputValueType": {
-      "declaration": "export type InputValueType =\n  | null\n  | number\n  | string\n  | undefined",
+    "src/type/typography.ts::TypographyInputType": {
+      "declaration": "export type TypographyInputType =\n  | 'snippet'\n  | 'detail'",
       "docstring": "",
-      "path": "src/type/input-value-type.ts"
+      "path": "src/type/typography.ts"
     },
-    "src/components/mds-input/meta/interfaces.ts::InputValue": {
-      "declaration": "export interface InputValue {\n  value: InputValueType\n}",
+    "src/components/mds-input/meta/event-detail.ts::MdsInputEventDetail": {
+      "declaration": "export interface MdsInputEventDetail {\n  value?: string\n}",
       "docstring": "",
-      "path": "src/components/mds-input/meta/interfaces.ts"
+      "path": "src/components/mds-input/meta/event-detail.ts"
     },
     "src/components/mds-input-field/meta/types.ts::ValidationModelType": {
-      "declaration": "export type ValidationModelType =\n  | 'cf'\n  | 'email'\n  | 'isbn'\n  | 'piva'",
+      "declaration": "export type ValidationModelType =\n  | 'cc'\n  | 'cf'\n  | 'email'\n  | 'isbn'\n  | 'piva'",
       "docstring": "",
@@ -501,2 +511,7 @@ "path": "src/components/mds-input-field/meta/types.ts"
     },
+    "src/type/input.ts::InputValueType": {
+      "declaration": "export type InputValueType =\n  | null\n  | number\n  | string\n  | undefined",
+      "docstring": "",
+      "path": "src/type/input.ts"
+    },
     "src/type/typography.ts::TypographyType": {
@@ -503,0 +518,0 @@ "declaration": "export type TypographyType =\n  | 'action'\n  | 'caption'\n  | 'snippet'\n  | 'detail'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'hack'\n  | 'label'\n  | 'option'\n  | 'paragraph'\n  | 'tip'",

package.json

 {
   "name": "@maggioli-design-system/mds-accordion-item",
-  "version": "5.1.3",
+  "version": "5.3.0",
   "description": "mds-accordion-item is a web-component from Magma Design System, 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.",
@@ -27,5 +27,5 @@ "main": "dist/index.cjs.js",
   "dependencies": {
-    "@maggioli-design-system/mds-text": "^3.4.3",
-    "@maggioli-design-system/styles": "^11.7.0",
-    "@stencil/core": "^4.3.0"
+    "@maggioli-design-system/mds-text": "3.4.3",
+    "@maggioli-design-system/styles": "13.0.0",
+    "@stencil/core": "4.7.1"
   },
@@ -32,0 +32,0 @@ "license": "MIT",

src/components.d.ts

@@ -33,3 +33,16 @@ /* eslint-disable */
 declare global {
+    interface HTMLMdsAccordionItemElementEventMap {
+        "mdsAccordionItemSelect": MdsAccordionItemEventDetail;
+        "mdsAccordionItemUnselect": MdsAccordionItemEventDetail;
+        "mdsAccordionItemChange": MdsAccordionItemEventDetail;
+    }
     interface HTMLMdsAccordionItemElement extends Components.MdsAccordionItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLMdsAccordionItemElementEventMap>(type: K, listener: (this: HTMLMdsAccordionItemElement, ev: MdsAccordionItemCustomEvent<HTMLMdsAccordionItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLMdsAccordionItemElementEventMap>(type: K, listener: (this: HTMLMdsAccordionItemElement, ev: MdsAccordionItemCustomEvent<HTMLMdsAccordionItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
@@ -36,0 +49,0 @@ var HTMLMdsAccordionItemElement: {

src/dictionary/typography.ts

@@ -72,8 +72,14 @@ const typographyDictionary = [
 
+const typographyInputDictionary = [
+  'snippet',
+  'detail',
+]
+
 export {
   typographyDictionary,
   typographyInfoDictionary,
-  typographyReadingVariationsDictionary,
+  typographyInputDictionary,
   typographyMonoDictionary,
   typographyReadDictionary,
+  typographyReadingVariationsDictionary,
   typographySmallerDictionary,
@@ -80,0 +86,0 @@ typographyTitleDictionary,

src/fixtures/icons.json

@@ -77,2 +77,3 @@ [
     "mgg/face-to-face-meeting",
+    "mgg/factory",
     "mgg/farmer",
@@ -103,2 +104,4 @@ "mgg/field",
     "mgg/google-check-small",
+    "mgg/google-keyboard-double-arrow-down",
+    "mgg/google-keyboard-double-arrow-up",
     "mgg/google-place-item",
@@ -202,2 +205,15 @@ "mgg/group-assigned-automatically-system",
     "mgg/todo",
+    "mgg/todo-action-businessman-view",
+    "mgg/todo-action-certificate",
+    "mgg/todo-action-contract",
+    "mgg/todo-action-currency-euro",
+    "mgg/todo-action-graduate",
+    "mgg/todo-action-graduation-hat",
+    "mgg/todo-action-judge",
+    "mgg/todo-action-money",
+    "mgg/todo-action-protocol",
+    "mgg/todo-action-upload",
+    "mgg/todo-action-wkf-document-checked",
+    "mgg/todo-action-wkf-people-checked",
+    "mgg/todo-action-wkf-set-pub-date",
     "mgg/todo-completed",
@@ -229,2 +245,3 @@ "mgg/todo-completed-re-executable",
     "mi/baseline/account-balance-wallet",
+    "mi/baseline/add",
     "mi/baseline/adobe",
@@ -270,2 +287,3 @@ "mi/baseline/agriculture",
     "mi/baseline/radio-button-unchecked",
+    "mi/baseline/remove",
     "mi/baseline/route",
@@ -272,0 +290,0 @@ "mi/baseline/settings",

src/fixtures/iconsauce.json

@@ -66,2 +66,3 @@ [
     "mgg/face-to-face-meeting",
+    "mgg/factory",
     "mgg/farmer",
@@ -92,2 +93,4 @@ "mgg/field",
     "mgg/google-check-small",
+    "mgg/google-keyboard-double-arrow-down",
+    "mgg/google-keyboard-double-arrow-up",
     "mgg/google-place-item",
@@ -190,2 +193,15 @@ "mgg/group-assigned-automatically-system",
     "mgg/terminal",
+    "mgg/todo-action-businessman-view",
+    "mgg/todo-action-certificate",
+    "mgg/todo-action-contract",
+    "mgg/todo-action-currency-euro",
+    "mgg/todo-action-graduate",
+    "mgg/todo-action-graduation-hat",
+    "mgg/todo-action-judge",
+    "mgg/todo-action-money",
+    "mgg/todo-action-protocol",
+    "mgg/todo-action-upload",
+    "mgg/todo-action-wkf-document-checked",
+    "mgg/todo-action-wkf-people-checked",
+    "mgg/todo-action-wkf-set-pub-date",
     "mgg/todo-completed-re-executable",
@@ -192,0 +208,0 @@ "mgg/todo-completed",

src/interface/input-value.ts

@@ -1,2 +0,2 @@
-import { InputValueType } from '@type/input-value-type'
+import { InputValueType } from '@type/input'
 
@@ -3,0 +3,0 @@ export interface InputValue {

src/type/typography.ts

@@ -62,1 +62,5 @@ export type TypographyType =
   | 'tip'
+
+export type TypographyInputType =
+  | 'snippet'
+  | 'detail'

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

@@ -1,1 +0,1 @@
-import{p as e,b as o}from"./p-3b6d9c97.js";export{s as setNonce}from"./p-3b6d9c97.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-590535f0",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)));
+import{p as e,b as o}from"./p-2eb6ab78.js";export{s as setNonce}from"./p-2eb6ab78.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-6d1b7d7b",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)));

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

864029

increased by1.76%

Lines of code

11813

increased by1.43%

Worsened metrics

Number of package files

145

decreased by-2.03%

Dependency changes

• + Added@fontsource/karla@5.0.16(transitive)

• + Added@fontsource/roboto-mono@5.0.145.1.0(transitive)

• + Added@maggioli-design-system/design-tokens@11.0.0(transitive)

• + Added@maggioli-design-system/mds-text@3.4.3(transitive)

• + Added@maggioli-design-system/styles@13.0.0(transitive)

• + Added@stencil/core@4.7.1(transitive)

• + Addedclsx@2.1.1(transitive)

• - Removed@fontsource/karla@5.0.18(transitive)

• - Removed@fontsource/roboto-mono@5.0.16(transitive)

• - Removed@maggioli-design-system/design-tokens@12.0.1(transitive)

• - Removed@maggioli-design-system/mds-text@3.7.0(transitive)

• - Removed@maggioli-design-system/styles@14.1.0(transitive)

• - Removed@stencil/core@4.23.04.9.1(transitive)

• - Removedclsx@2.1.0(transitive)

• Updated@maggioli-design-system/mds-text@3.4.3

• Updated@maggioli-design-system/styles@13.0.0

• Updated@stencil/core@4.7.1