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

Comparing version 2.2.0 to 3.0.0

dist/cjs/loader.cjs.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-fcad7907.js');
+const index = require('./index-6fcb2864.js');
 
 /*
- Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
  */
@@ -11,0 +11,0 @@ const patchEsm = () => {

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

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-fcad7907.js');
+const index = require('./index-6fcb2864.js');
 
-const mdsAccordionTimerItemCss = ".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{--progress-bar-color:rgb(var(--tone-neutral-03));--progress-bar-background:rgb(var(--tone-neutral-08));--progress-bar-thickness:0.25rem;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);color:var(--color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--color:var(--progress-bar-color);--background:var(--progress-bar-background);--thickness:var(--progress-bar-thickness)}.action{cursor:pointer;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .action{cursor:auto}.contents{display:grid;height:0px;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([active]) .contents{height:auto;padding-top:1rem;opacity:1}";
+const mdsAccordionTimerItemCss = "@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)}.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-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;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);color:var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .action{cursor:auto}.contents{display:grid;height:0px;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([active]) .contents{height:auto;padding-top:1rem;opacity:1}";
 
@@ -13,14 +13,7 @@ const MdsAccordionTimerItem = class {
     index.registerInstance(this, hostRef);
-    this.clickActive = index.createEvent(this, "clickActive", 7);
-    this.mouseEnterActive = index.createEvent(this, "mouseEnterActive", 7);
-    this.mouseLeaveActive = index.createEvent(this, "mouseLeaveActive", 7);
-    // componentWillLoad (): void {
-    //   this.isActive = this.active
-    // }
-    // componentDidLoad (): void {
-    //   this.element.shadowRoot.querySelector<HTMLMdsProgressElement>('mds-progress').setAttribute('direction', 'vertical')
-    // }
+    this.clickActive = index.createEvent(this, "activeClicked", 7);
+    this.mouseEnterActive = index.createEvent(this, "activeMouseEnter", 7);
+    this.mouseLeaveActive = index.createEvent(this, "activeMouseLeave", 7);
     this.toggle = () => {
       if (!this.active) {
-        // this.isActive = true
         this.clickActive.emit(this.description);
@@ -45,8 +38,4 @@ }
   }
-  // @Watch('active')
-  // activeChanged (newValue: boolean): void {
-  //   this.isActive = newValue
-  // }
   render() {
-    return (index.h(index.Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, index.h("div", { class: "row" }, index.h("mds-progress", { class: "progress-bar", progress: Number(this.progress.toFixed(2)), direction: "vertical" }), index.h("div", { class: "accordion" }, index.h("button", { "aria-controls": "contents", "aria-expanded": this.active ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, index.h("mds-text", { typography: this.typography }, this.description)), index.h("div", { class: "contents", id: "contents" }, index.h("slot", null))))));
+    return (index.h(index.Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, index.h("div", { class: "row" }, index.h("mds-progress", { class: "progress-bar", progress: Number(this.progress.toFixed(2)), direction: "vertical" }), index.h("div", { class: "accordion" }, index.h("button", { "aria-controls": "contents", "aria-expanded": this.active ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, index.h("mds-text", { typography: this.typography }, this.description)), index.h("div", { class: "contents", id: "contents" }, index.h("slot", null))))));
   }
@@ -53,0 +42,0 @@ };

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

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-fcad7907.js');
+const index = require('./index-6fcb2864.js');
 
 /*
- Stencil Client Patch Browser v2.22.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
  */
@@ -11,0 +11,0 @@ const patchBrowser = () => {

dist/collection/collection-manifest.json

@@ -7,3 +7,3 @@ {
     "name": "@stencil/core",
-    "version": "2.22.1",
+    "version": "2.22.2",
     "typescriptVersion": "4.9.4"
@@ -10,0 +10,0 @@ },

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

@@ -5,11 +5,4 @@ import { Host, h } from '@stencil/core';
   constructor() {
-    // componentWillLoad (): void {
-    //   this.isActive = this.active
-    // }
-    // componentDidLoad (): void {
-    //   this.element.shadowRoot.querySelector<HTMLMdsProgressElement>('mds-progress').setAttribute('direction', 'vertical')
-    // }
     this.toggle = () => {
       if (!this.active) {
-        // this.isActive = true
         this.clickActive.emit(this.description);
@@ -34,8 +27,4 @@ }
   }
-  // @Watch('active')
-  // activeChanged (newValue: boolean): void {
-  //   this.isActive = newValue
-  // }
   render() {
-    return (h(Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { class: "row" }, h("mds-progress", { class: "progress-bar", progress: Number(this.progress.toFixed(2)), direction: "vertical" }), h("div", { class: "accordion" }, h("button", { "aria-controls": "contents", "aria-expanded": this.active ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description)), h("div", { class: "contents", id: "contents" }, h("slot", null))))));
+    return (h(Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { class: "row" }, h("mds-progress", { class: "progress-bar", progress: Number(this.progress.toFixed(2)), direction: "vertical" }), h("div", { class: "accordion" }, h("button", { "aria-controls": "contents", "aria-expanded": this.active ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description)), h("div", { class: "contents", id: "contents" }, h("slot", null))))));
   }
@@ -154,3 +143,3 @@ static get is() { return "mds-accordion-timer-item"; }
         "method": "clickActive",
-        "name": "clickActive",
+        "name": "activeClicked",
         "bubbles": true,
@@ -170,3 +159,3 @@ "cancelable": true,
         "method": "mouseEnterActive",
-        "name": "mouseEnterActive",
+        "name": "activeMouseEnter",
         "bubbles": true,
@@ -186,3 +175,3 @@ "cancelable": true,
         "method": "mouseLeaveActive",
-        "name": "mouseLeaveActive",
+        "name": "activeMouseLeave",
         "bubbles": true,
@@ -189,0 +178,0 @@ "cancelable": true,

dist/collection/dictionary/icon.js

 import jsonIconsDictionary from '../fixtures/icons.json';
+import jsonMggIconsDictionary from '../fixtures/iconsauce.json';
 const iconsDictionary = jsonIconsDictionary;
-export { iconsDictionary, };
+const mggIconsDictionary = jsonMggIconsDictionary;
+export { iconsDictionary, mggIconsDictionary, };

dist/collection/dictionary/typography.js

@@ -24,2 +24,6 @@ const typographyDictionary = [
 ];
+const typographyReadingVariationsDictionary = [
+  'info',
+  'read',
+];
 const typographyMonoDictionary = [
@@ -60,2 +64,2 @@ 'snippet',
 ];
-export { typographyDictionary, typographyVariationsDictionary, typographyMonoDictionary, typographyTitleDictionary, typographyInfoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTooltipDictionary, };
+export { typographyDictionary, typographyInfoDictionary, typographyReadingVariationsDictionary, typographyMonoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };

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

 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
-const mdsAccordionTimerItemCss = ".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{--progress-bar-color:rgb(var(--tone-neutral-03));--progress-bar-background:rgb(var(--tone-neutral-08));--progress-bar-thickness:0.25rem;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);color:var(--color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--color:var(--progress-bar-color);--background:var(--progress-bar-background);--thickness:var(--progress-bar-thickness)}.action{cursor:pointer;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .action{cursor:auto}.contents{display:grid;height:0px;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([active]) .contents{height:auto;padding-top:1rem;opacity:1}";
+const mdsAccordionTimerItemCss = "@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)}.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-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;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);color:var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .action{cursor:auto}.contents{display:grid;height:0px;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([active]) .contents{height:auto;padding-top:1rem;opacity:1}";
 
@@ -10,14 +10,7 @@ const MdsAccordionTimerItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__attachShadow();
-    this.clickActive = createEvent(this, "clickActive", 7);
-    this.mouseEnterActive = createEvent(this, "mouseEnterActive", 7);
-    this.mouseLeaveActive = createEvent(this, "mouseLeaveActive", 7);
-    // componentWillLoad (): void {
-    //   this.isActive = this.active
-    // }
-    // componentDidLoad (): void {
-    //   this.element.shadowRoot.querySelector<HTMLMdsProgressElement>('mds-progress').setAttribute('direction', 'vertical')
-    // }
+    this.clickActive = createEvent(this, "activeClicked", 7);
+    this.mouseEnterActive = createEvent(this, "activeMouseEnter", 7);
+    this.mouseLeaveActive = createEvent(this, "activeMouseLeave", 7);
     this.toggle = () => {
       if (!this.active) {
-        // this.isActive = true
         this.clickActive.emit(this.description);
@@ -42,8 +35,4 @@ }
   }
-  // @Watch('active')
-  // activeChanged (newValue: boolean): void {
-  //   this.isActive = newValue
-  // }
   render() {
-    return (h(Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { class: "row" }, h("mds-progress", { class: "progress-bar", progress: Number(this.progress.toFixed(2)), direction: "vertical" }), h("div", { class: "accordion" }, h("button", { "aria-controls": "contents", "aria-expanded": this.active ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description)), h("div", { class: "contents", id: "contents" }, h("slot", null))))));
+    return (h(Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { class: "row" }, h("mds-progress", { class: "progress-bar", progress: Number(this.progress.toFixed(2)), direction: "vertical" }), h("div", { class: "accordion" }, h("button", { "aria-controls": "contents", "aria-expanded": this.active ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description)), h("div", { class: "contents", id: "contents" }, h("slot", null))))));
   }
@@ -50,0 +39,0 @@ static get style() { return mdsAccordionTimerItemCss; }

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-2ecea194.js";export{s as setNonce}from"./index-2ecea194.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-timer-item",[[1,"mds-accordion-timer-item",{typography:[1],active:[516],description:[1],progress:[2],uuid:[2]}]]]],o)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-5d57a2db.js";export{s as setNonce}from"./index-5d57a2db.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-timer-item",[[1,"mds-accordion-timer-item",{typography:[1],active:[516],description:[1],progress:[2],uuid:[2]}]]]],o)}))};export{defineCustomElements};

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

@@ -1,1 +0,1 @@
-import{r as registerInstance,c as createEvent,h,H as Host}from"./index-2ecea194.js";var mdsAccordionTimerItemCss=".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{--progress-bar-color:rgb(var(--tone-neutral-03));--progress-bar-background:rgb(var(--tone-neutral-08));--progress-bar-thickness:0.25rem;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);color:var(--color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--color:var(--progress-bar-color);--background:var(--progress-bar-background);--thickness:var(--progress-bar-thickness)}.action{cursor:pointer;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .action{cursor:auto}.contents{display:grid;height:0px;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([active]) .contents{height:auto;padding-top:1rem;opacity:1}";var MdsAccordionTimerItem=function(){function o(o){var i=this;registerInstance(this,o);this.clickActive=createEvent(this,"clickActive",7);this.mouseEnterActive=createEvent(this,"mouseEnterActive",7);this.mouseLeaveActive=createEvent(this,"mouseLeaveActive",7);this.toggle=function(){if(!i.active){i.clickActive.emit(i.description)}};this.mouseEnter=function(){if(i.active){i.mouseEnterActive.emit(i.description)}};this.mouseLeave=function(){if(i.active){i.mouseLeaveActive.emit(i.description)}};this.typography="h5";this.active=undefined;this.description=undefined;this.progress=0;this.uuid=0}o.prototype.render=function(){return h(Host,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},h("div",{class:"row"},h("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),h("div",{class:"accordion"},h("button",{"aria-controls":"contents","aria-expanded":this.active?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{typography:this.typography},this.description)),h("div",{class:"contents",id:"contents"},h("slot",null)))))};return o}();MdsAccordionTimerItem.style=mdsAccordionTimerItemCss;export{MdsAccordionTimerItem as mds_accordion_timer_item};
+import{r as registerInstance,c as createEvent,h,H as Host}from"./index-5d57a2db.js";var mdsAccordionTimerItemCss="@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)}.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-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;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);color:var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .action{cursor:auto}.contents{display:grid;height:0px;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([active]) .contents{height:auto;padding-top:1rem;opacity:1}";var MdsAccordionTimerItem=function(){function o(o){var i=this;registerInstance(this,o);this.clickActive=createEvent(this,"activeClicked",7);this.mouseEnterActive=createEvent(this,"activeMouseEnter",7);this.mouseLeaveActive=createEvent(this,"activeMouseLeave",7);this.toggle=function(){if(!i.active){i.clickActive.emit(i.description)}};this.mouseEnter=function(){if(i.active){i.mouseEnterActive.emit(i.description)}};this.mouseLeave=function(){if(i.active){i.mouseLeaveActive.emit(i.description)}};this.typography="h5";this.active=undefined;this.description=undefined;this.progress=0;this.uuid=0}o.prototype.render=function(){return h(Host,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},h("div",{class:"row"},h("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),h("div",{class:"accordion"},h("button",{"aria-controls":"contents","aria-expanded":this.active?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{typography:this.typography},this.description)),h("div",{class:"contents",id:"contents"},h("slot",null)))))};return o}();MdsAccordionTimerItem.style=mdsAccordionTimerItemCss;export{MdsAccordionTimerItem as mds_accordion_timer_item};

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

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-2ecea194.js";export{s as setNonce}from"./index-2ecea194.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-timer-item",[[1,"mds-accordion-timer-item",{typography:[1],active:[516],description:[1],progress:[2],uuid:[2]}]]]],r)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-5d57a2db.js";export{s as setNonce}from"./index-5d57a2db.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-timer-item",[[1,"mds-accordion-timer-item",{typography:[1],active:[516],description:[1],progress:[2],uuid:[2]}]]]],r)}));

dist/esm/loader.js

@@ -1,6 +0,6 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-2ecea194.js';
-export { s as setNonce } from './index-2ecea194.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-5d57a2db.js';
+export { s as setNonce } from './index-5d57a2db.js';
 
 /*
- Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
  */
@@ -7,0 +7,0 @@ const patchEsm = () => {

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

@@ -1,4 +0,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-2ecea194.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-5d57a2db.js';
 
-const mdsAccordionTimerItemCss = ".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{--progress-bar-color:rgb(var(--tone-neutral-03));--progress-bar-background:rgb(var(--tone-neutral-08));--progress-bar-thickness:0.25rem;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);color:var(--color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--color:var(--progress-bar-color);--background:var(--progress-bar-background);--thickness:var(--progress-bar-thickness)}.action{cursor:pointer;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .action{cursor:auto}.contents{display:grid;height:0px;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([active]) .contents{height:auto;padding-top:1rem;opacity:1}";
+const mdsAccordionTimerItemCss = "@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)}.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-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;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);color:var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .action{cursor:auto}.contents{display:grid;height:0px;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([active]) .contents{height:auto;padding-top:1rem;opacity:1}";
 
@@ -8,14 +8,7 @@ const MdsAccordionTimerItem = class {
     registerInstance(this, hostRef);
-    this.clickActive = createEvent(this, "clickActive", 7);
-    this.mouseEnterActive = createEvent(this, "mouseEnterActive", 7);
-    this.mouseLeaveActive = createEvent(this, "mouseLeaveActive", 7);
-    // componentWillLoad (): void {
-    //   this.isActive = this.active
-    // }
-    // componentDidLoad (): void {
-    //   this.element.shadowRoot.querySelector<HTMLMdsProgressElement>('mds-progress').setAttribute('direction', 'vertical')
-    // }
+    this.clickActive = createEvent(this, "activeClicked", 7);
+    this.mouseEnterActive = createEvent(this, "activeMouseEnter", 7);
+    this.mouseLeaveActive = createEvent(this, "activeMouseLeave", 7);
     this.toggle = () => {
       if (!this.active) {
-        // this.isActive = true
         this.clickActive.emit(this.description);
@@ -40,8 +33,4 @@ }
   }
-  // @Watch('active')
-  // activeChanged (newValue: boolean): void {
-  //   this.isActive = newValue
-  // }
   render() {
-    return (h(Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { class: "row" }, h("mds-progress", { class: "progress-bar", progress: Number(this.progress.toFixed(2)), direction: "vertical" }), h("div", { class: "accordion" }, h("button", { "aria-controls": "contents", "aria-expanded": this.active ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description)), h("div", { class: "contents", id: "contents" }, h("slot", null))))));
+    return (h(Host, { onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { class: "row" }, h("mds-progress", { class: "progress-bar", progress: Number(this.progress.toFixed(2)), direction: "vertical" }), h("div", { class: "accordion" }, h("button", { "aria-controls": "contents", "aria-expanded": this.active ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description)), h("div", { class: "contents", id: "contents" }, h("slot", null))))));
   }
@@ -48,0 +37,0 @@ };

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

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

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

@@ -1,1 +0,1 @@
-import{p as e,b as r}from"./p-870ea4fa.js";export{s as setNonce}from"./p-870ea4fa.js";(()=>{const r=import.meta.url,o={};return""!==r&&(o.resourcesUrl=new URL(".",r).href),e(o)})().then((e=>r([["p-3f67e42d",[[1,"mds-accordion-timer-item",{typography:[1],active:[516],description:[1],progress:[2],uuid:[2]}]]]],e)));
+import{p as e,b as r}from"./p-96e23db0.js";export{s as setNonce}from"./p-96e23db0.js";(()=>{const r=import.meta.url,o={};return""!==r&&(o.resourcesUrl=new URL(".",r).href),e(o)})().then((e=>r([["p-7ef8bff3",[[1,"mds-accordion-timer-item",{typography:[1],active:[516],description:[1],progress:[2],uuid:[2]}]]]],e)));

dist/stats.json

 {
-  "timestamp": "2023-01-20T18:15:35",
+  "timestamp": "2023-03-02T09:54:01",
   "compiler": {
@@ -12,9 +12,10 @@ "name": "node",
     "entries": 1,
-    "bundles": 64,
+    "bundles": 65,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 23,
+        "files": 24,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
+          "./dist/collection/common/keyboard-manager.js",
           "./dist/collection/components/mds-accordion-timer-item/mds-accordion-timer-item.js",
@@ -58,3 +59,3 @@ "./dist/collection/components/mds-accordion-timer-item/test/mds-accordion-timer-item.stories.js",
         "generatedFiles": [
-          "./dist/cjs/index-fcad7907.js",
+          "./dist/cjs/index-6fcb2864.js",
           "./dist/cjs/index.cjs.js",
@@ -64,3 +65,3 @@ "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-accordion-timer-item.cjs.js",
-          "./dist/esm-es5/index-2ecea194.js",
+          "./dist/esm-es5/index-5d57a2db.js",
           "./dist/esm-es5/index.js",
@@ -70,3 +71,3 @@ "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-accordion-timer-item.js",
-          "./dist/esm/index-2ecea194.js",
+          "./dist/esm/index-5d57a2db.js",
           "./dist/esm/index.js",
@@ -81,17 +82,17 @@ "./dist/esm/loader.js",
           "./dist/mds-accordion-timer-item/mds-accordion-timer-item.js",
-          "./dist/mds-accordion-timer-item/p-3f67e42d.entry.js",
+          "./dist/mds-accordion-timer-item/p-09486400.system.js",
+          "./dist/mds-accordion-timer-item/p-0df2a96d.system.js",
           "./dist/mds-accordion-timer-item/p-50ea2036.system.js",
-          "./dist/mds-accordion-timer-item/p-870ea4fa.js",
-          "./dist/mds-accordion-timer-item/p-886a1dba.system.js",
-          "./dist/mds-accordion-timer-item/p-93520008.system.js",
-          "./dist/mds-accordion-timer-item/p-e10df150.system.entry.js",
+          "./dist/mds-accordion-timer-item/p-7ef8bff3.entry.js",
+          "./dist/mds-accordion-timer-item/p-96e23db0.js",
+          "./dist/mds-accordion-timer-item/p-a0cb79ca.system.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-accordion-timer-item.esm.js",
           "./www/build/mds-accordion-timer-item.js",
-          "./www/build/p-3f67e42d.entry.js",
+          "./www/build/p-09486400.system.js",
+          "./www/build/p-0df2a96d.system.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-870ea4fa.js",
-          "./www/build/p-886a1dba.system.js",
-          "./www/build/p-93520008.system.js",
-          "./www/build/p-e10df150.system.entry.js"
+          "./www/build/p-7ef8bff3.entry.js",
+          "./www/build/p-96e23db0.js",
+          "./www/build/p-a0cb79ca.system.entry.js"
         ]
@@ -129,8 +130,8 @@ },
         ],
-        "bundleId": "p-3f67e42d",
-        "fileName": "p-3f67e42d.entry.js",
+        "bundleId": "p-7ef8bff3",
+        "fileName": "p-7ef8bff3.entry.js",
         "imports": [
-          "p-870ea4fa.js"
+          "p-96e23db0.js"
         ],
-        "originalByteSize": 5108
+        "originalByteSize": 6008
       }
@@ -147,5 +148,5 @@ ],
         "imports": [
-          "index-2ecea194.js"
+          "index-5d57a2db.js"
         ],
-        "originalByteSize": 5112
+        "originalByteSize": 6012
       }
@@ -162,5 +163,5 @@ ],
         "imports": [
-          "index-2ecea194.js"
+          "index-5d57a2db.js"
         ],
-        "originalByteSize": 5112
+        "originalByteSize": 6012
       }
@@ -174,8 +175,8 @@ ],
         ],
-        "bundleId": "p-e10df150.system",
-        "fileName": "p-e10df150.system.entry.js",
+        "bundleId": "p-a0cb79ca.system",
+        "fileName": "p-a0cb79ca.system.entry.js",
         "imports": [
-          "p-886a1dba.system.js"
+          "p-0df2a96d.system.js"
         ],
-        "originalByteSize": 5588
+        "originalByteSize": 6422
       }
@@ -192,5 +193,5 @@ ],
         "imports": [
-          "index-fcad7907.js"
+          "index-6fcb2864.js"
         ],
-        "originalByteSize": 5218
+        "originalByteSize": 6118
       }
@@ -219,3 +220,3 @@ ]
         {
-          "name": "clickActive",
+          "name": "activeClicked",
           "method": "clickActive",
@@ -237,3 +238,3 @@ "bubbles": true,
         {
-          "name": "mouseEnterActive",
+          "name": "activeMouseEnter",
           "method": "mouseEnterActive",
@@ -255,3 +256,3 @@ "bubbles": true,
         {
-          "name": "mouseLeaveActive",
+          "name": "activeMouseLeave",
           "method": "mouseLeaveActive",
@@ -513,3 +514,3 @@ "bubbles": true,
             {
-              "name": "clickActive",
+              "name": "activeClicked",
               "method": "clickActive",
@@ -531,3 +532,3 @@ "bubbles": true,
             {
-              "name": "mouseEnterActive",
+              "name": "activeMouseEnter",
               "method": "mouseEnterActive",
@@ -549,3 +550,3 @@ "bubbles": true,
             {
-              "name": "mouseLeaveActive",
+              "name": "activeMouseLeave",
               "method": "mouseLeaveActive",
@@ -589,3 +590,3 @@ "bubbles": true,
             {
-              "name": "--progress-bar-color",
+              "name": "--mds-accordion-timer-item-progress-bar-color",
               "docs": "Sets the color of the progress bar when the item is selected",
@@ -595,3 +596,3 @@ "annotation": "prop"
             {
-              "name": "--progress-bar-background",
+              "name": "--mds-accordion-timer-item-progress-bar-background",
               "docs": "Sets the background-color of the progress bar when the item is selected",
@@ -601,3 +602,3 @@ "annotation": "prop"
             {
-              "name": "--color",
+              "name": "--mds-accordion-timer-item-color",
               "docs": "Sets the text color of the component",
@@ -607,3 +608,3 @@ "annotation": "prop"
             {
-              "name": "--progress-bar-thickness",
+              "name": "--mds-accordion-timer-item-progress-bar-thickness",
               "docs": "Sets thickness of the progress bar",
@@ -704,3 +705,3 @@ "annotation": "prop"
     "sc-mds-accordion-timer-item": [
-      "p-870ea4fa.js"
+      "p-96e23db0.js"
     ]
@@ -710,2 +711,3 @@ },
     "./src/common/aria.ts": [],
+    "./src/common/keyboard-manager.ts": [],
     "./src/components/mds-accordion-timer-item/mds-accordion-timer-item.tsx": [],
@@ -718,3 +720,4 @@ "./src/components/mds-accordion-timer-item/test/mds-accordion-timer-item.stories.tsx": [],
     "./src/dictionary/icon.ts": [
-      "./src/fixtures/icons.json"
+      "./src/fixtures/icons.json",
+      "./src/fixtures/iconsauce.json"
     ],
@@ -721,0 +724,0 @@ "./src/dictionary/input-text-type.ts": [],

dist/types/components.d.ts

@@ -61,11 +61,11 @@ /* eslint-disable */
          */
-        "onClickActive"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
+        "onActiveClicked"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
         /**
           * Emits when the accordion is hovered by the mouse
          */
-        "onMouseEnterActive"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
+        "onActiveMouseEnter"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
         /**
           * Emits when the accordion is hovered by the mouse
          */
-        "onMouseLeaveActive"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
+        "onActiveMouseLeave"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
         /**
@@ -72,0 +72,0 @@ * A value between 0 and 100 that rapresents the status progress

dist/types/dictionary/icon.d.ts

 declare const iconsDictionary: string[];
-export { iconsDictionary, };
+declare const mggIconsDictionary: string[];
+export { iconsDictionary, mggIconsDictionary, };

dist/types/dictionary/typography.d.ts

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

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

@@ -488,2 +488,10 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
 }
+/**
+ * A Child VDOM node
+ *
+ * This has most of the same properties as {@link VNode} but friendlier names
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
+ * order to provide a friendlier public interface for users of the
+ * {@link FunctionalUtilities}).
+ */
 export interface ChildNode {
@@ -535,2 +543,5 @@ vtag?: string | number | Function;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+/**
+ * A virtual DOM node
+ */
 export interface VNode {
@@ -537,0 +548,0 @@ $flags$: number;

dist/types/types/typography.d.ts

 export type TypographyType = 'action' | 'caption' | 'snippet' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
 export type TypographyVariants = 'title' | 'info' | 'read' | 'code';
+export type TypographyReadingVariants = 'info' | 'read';
 export type TypographyTitleType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
@@ -4,0 +5,0 @@ export type TypographyInfoType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';

package.json

 {
   "name": "@maggioli-design-system/mds-accordion-timer-item",
-  "version": "2.2.0",
+  "version": "3.0.0",
   "description": "mds-accordion-timer-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.",
@@ -26,6 +26,6 @@ "main": "dist/index.cjs.js",
   "dependencies": {
-    "@maggioli-design-system/mds-progress": "^2.2.0",
-    "@maggioli-design-system/mds-text": "^3.1.0",
-    "@maggioli-design-system/styles": "^10.0.1",
-    "@stencil/core": "^2.22.1"
+    "@maggioli-design-system/mds-progress": "^2.3.0",
+    "@maggioli-design-system/mds-text": "^3.2.1",
+    "@maggioli-design-system/styles": "^11.2.1",
+    "@stencil/core": "^2.22.2"
   },
@@ -32,0 +32,0 @@ "license": "MIT",

readme.md

@@ -23,5 +23,5 @@ # mds-accordion-timer-item
 | ------------------ | ------------------------------------------------ | --------------------- |
-| `clickActive`      | Emits when the accordion is clicked by the mouse | `CustomEvent<string>` |
-| `mouseEnterActive` | Emits when the accordion is hovered by the mouse | `CustomEvent<string>` |
-| `mouseLeaveActive` | Emits when the accordion is hovered by the mouse | `CustomEvent<string>` |
+| `activeClicked`    | Emits when the accordion is clicked by the mouse | `CustomEvent<string>` |
+| `activeMouseEnter` | Emits when the accordion is hovered by the mouse | `CustomEvent<string>` |
+| `activeMouseLeave` | Emits when the accordion is hovered by the mouse | `CustomEvent<string>` |
 
@@ -31,8 +31,8 @@
 
-| Name                        | Description                                                             |
-| --------------------------- | ----------------------------------------------------------------------- |
-| `--color`                   | Sets the text color of the component                                    |
-| `--progress-bar-background` | Sets the background-color of the progress bar when the item is selected |
-| `--progress-bar-color`      | Sets the color of the progress bar when the item is selected            |
-| `--progress-bar-thickness`  | Sets thickness of the progress bar                                      |
+| Name                                                 | Description                                                             |
+| ---------------------------------------------------- | ----------------------------------------------------------------------- |
+| `--mds-accordion-timer-item-color`                   | Sets the text color of the component                                    |
+| `--mds-accordion-timer-item-progress-bar-background` | Sets the background-color of the progress bar when the item is selected |
+| `--mds-accordion-timer-item-progress-bar-color`      | Sets the color of the progress bar when the item is selected            |
+| `--mds-accordion-timer-item-progress-bar-thickness`  | Sets thickness of the progress bar                                      |
 
@@ -39,0 +39,0 @@

src/components.d.ts

@@ -61,11 +61,11 @@ /* eslint-disable */
          */
-        "onClickActive"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
+        "onActiveClicked"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
         /**
           * Emits when the accordion is hovered by the mouse
          */
-        "onMouseEnterActive"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
+        "onActiveMouseEnter"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
         /**
           * Emits when the accordion is hovered by the mouse
          */
-        "onMouseLeaveActive"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
+        "onActiveMouseLeave"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
         /**
@@ -72,0 +72,0 @@ * A value between 0 and 100 that rapresents the status progress

src/components/mds-accordion-timer-item/readme.md

@@ -23,5 +23,5 @@ # mds-accordion-timer-item
 | ------------------ | ------------------------------------------------ | --------------------- |
-| `clickActive`      | Emits when the accordion is clicked by the mouse | `CustomEvent<string>` |
-| `mouseEnterActive` | Emits when the accordion is hovered by the mouse | `CustomEvent<string>` |
-| `mouseLeaveActive` | Emits when the accordion is hovered by the mouse | `CustomEvent<string>` |
+| `activeClicked`    | Emits when the accordion is clicked by the mouse | `CustomEvent<string>` |
+| `activeMouseEnter` | Emits when the accordion is hovered by the mouse | `CustomEvent<string>` |
+| `activeMouseLeave` | Emits when the accordion is hovered by the mouse | `CustomEvent<string>` |
 
@@ -31,8 +31,8 @@
 
-| Name                        | Description                                                             |
-| --------------------------- | ----------------------------------------------------------------------- |
-| `--color`                   | Sets the text color of the component                                    |
-| `--progress-bar-background` | Sets the background-color of the progress bar when the item is selected |
-| `--progress-bar-color`      | Sets the color of the progress bar when the item is selected            |
-| `--progress-bar-thickness`  | Sets thickness of the progress bar                                      |
+| Name                                                 | Description                                                             |
+| ---------------------------------------------------- | ----------------------------------------------------------------------- |
+| `--mds-accordion-timer-item-color`                   | Sets the text color of the component                                    |
+| `--mds-accordion-timer-item-progress-bar-background` | Sets the background-color of the progress bar when the item is selected |
+| `--mds-accordion-timer-item-progress-bar-color`      | Sets the color of the progress bar when the item is selected            |
+| `--mds-accordion-timer-item-progress-bar-thickness`  | Sets thickness of the progress bar                                      |
 
@@ -39,0 +39,0 @@

src/dictionary/icon.ts

 import jsonIconsDictionary from '../fixtures/icons.json'
+import jsonMggIconsDictionary from '../fixtures/iconsauce.json'
 const iconsDictionary = jsonIconsDictionary
+const mggIconsDictionary = jsonMggIconsDictionary
+
 export {
   iconsDictionary,
+  mggIconsDictionary,
 }

src/dictionary/typography.ts

@@ -26,2 +26,7 @@ const typographyDictionary = [
 
+const typographyReadingVariationsDictionary = [
+  'info',
+  'read',
+]
+
 const typographyMonoDictionary = [
@@ -70,9 +75,10 @@ 'snippet',
   typographyDictionary,
-  typographyVariationsDictionary,
+  typographyInfoDictionary,
+  typographyReadingVariationsDictionary,
   typographyMonoDictionary,
-  typographyTitleDictionary,
-  typographyInfoDictionary,
   typographyReadDictionary,
   typographySmallerDictionary,
+  typographyTitleDictionary,
   typographyTooltipDictionary,
+  typographyVariationsDictionary,
 }

src/fixtures/icons.json

@@ -13,2 +13,175 @@ [
     "mdi/vector-curve",
+    "mgg/abitazione-principale",
+    "mgg/action-hide-down-side",
+    "mgg/action-hide-left-side",
+    "mgg/action-hide-right-side",
+    "mgg/action-hide-sidebar-left",
+    "mgg/action-hide-sidebar-right",
+    "mgg/action-show-down-side",
+    "mgg/action-show-left-side",
+    "mgg/action-show-right-side",
+    "mgg/action-show-sidebar-left",
+    "mgg/action-show-sidebar-right",
+    "mgg/add-document-settings",
+    "mgg/additional-contents",
+    "mgg/address-book-off",
+    "mgg/address-book-on",
+    "mgg/adv-denied",
+    "mgg/area-edificabile",
+    "mgg/area-weather",
+    "mgg/box-multiple",
+    "mgg/breadcrumb",
+    "mgg/calendar-euro",
+    "mgg/calendar-multiple",
+    "mgg/calendar-schedule",
+    "mgg/car-license",
+    "mgg/card-stamping",
+    "mgg/checklist",
+    "mgg/checklist-settings",
+    "mgg/citizenship",
+    "mgg/city-bin",
+    "mgg/copy-paste",
+    "mgg/data-analytics-alt",
+    "mgg/data-analytics-search",
+    "mgg/data-analytics-time",
+    "mgg/data-category-alt",
+    "mgg/data-civil-union",
+    "mgg/data-death-civil-union",
+    "mgg/data-death-marriage",
+    "mgg/data-end-civil-union",
+    "mgg/data-end-marriage",
+    "mgg/dataset",
+    "mgg/document-magic",
+    "mgg/document-rename",
+    "mgg/electronic-document",
+    "mgg/email-open-check",
+    "mgg/email-open-off",
+    "mgg/face-to-face-meeting",
+    "mgg/farmer",
+    "mgg/field",
+    "mgg/file-download",
+    "mgg/file-folder-tree",
+    "mgg/file-folder-tree-open",
+    "mgg/file-import",
+    "mgg/file-odt",
+    "mgg/file-rtf",
+    "mgg/file-settings-alt",
+    "mgg/file-stack",
+    "mgg/file-stack-alt",
+    "mgg/file-sub",
+    "mgg/file-type-document-attachment",
+    "mgg/file-type-document-multiple-attachment",
+    "mgg/file-type-document-rubber-stamp",
+    "mgg/file-type-home",
+    "mgg/file-type-pdf",
+    "mgg/file-type-success",
+    "mgg/file-type-warning",
+    "mgg/finance-euro-cashback",
+    "mgg/fit-horizontal",
+    "mgg/fit-vertical",
+    "mgg/fullscreen-on-alt",
+    "mgg/google-check-small",
+    "mgg/google-place-item",
+    "mgg/heart",
+    "mgg/heart-outline",
+    "mgg/historic-building",
+    "mgg/historic-building-unusable",
+    "mgg/home-hammer",
+    "mgg/home-number",
+    "mgg/inagibile",
+    "mgg/input-calendar-costs",
+    "mgg/input-calendar-period",
+    "mgg/input-calendar-time",
+    "mgg/isbn",
+    "mgg/judge-hammer",
+    "mgg/land-registry",
+    "mgg/layers",
+    "mgg/list-dot",
+    "mgg/logo-girasole-camuno",
+    "mgg/logo-gpl",
+    "mgg/logo-ilibro",
+    "mgg/map-marker-settings",
+    "mgg/military-draft",
+    "mgg/money-bag-settings",
+    "mgg/money-on-hand",
+    "mgg/move-down",
+    "mgg/move-left",
+    "mgg/move-right",
+    "mgg/move-row-down",
+    "mgg/move-row-up",
+    "mgg/move-up",
+    "mgg/multiple-payments",
+    "mgg/national-document",
+    "mgg/national-document-off",
+    "mgg/order-return-down-left-to-right",
+    "mgg/order-return-down-left-to-up",
+    "mgg/order-return-down-right-to-left",
+    "mgg/order-return-down-right-to-up",
+    "mgg/order-return-up-left-to-down",
+    "mgg/order-return-up-left-to-right",
+    "mgg/order-return-up-right-to-down",
+    "mgg/order-return-up-right-to-left",
+    "mgg/order-zigzag-down-left-to-right",
+    "mgg/order-zigzag-down-left-to-up",
+    "mgg/order-zigzag-down-right-to-left",
+    "mgg/order-zigzag-down-right-to-up",
+    "mgg/order-zigzag-up-left-to-down",
+    "mgg/order-zigzag-up-left-to-right",
+    "mgg/order-zigzag-up-right-to-down",
+    "mgg/order-zigzag-up-right-to-left",
+    "mgg/other-properties",
+    "mgg/other-properties-off",
+    "mgg/partial-wall",
+    "mgg/payment-settings",
+    "mgg/places-green",
+    "mgg/places-green-doc",
+    "mgg/places-green-history",
+    "mgg/places-green-info",
+    "mgg/places-holiday-beach",
+    "mgg/places-market",
+    "mgg/places-park",
+    "mgg/places-park-alt",
+    "mgg/places-store-access-denied",
+    "mgg/property-owner",
+    "mgg/relevance",
+    "mgg/reporting-abuse",
+    "mgg/residency-permit",
+    "mgg/rubber-stamp",
+    "mgg/rurale",
+    "mgg/search-maggioli",
+    "mgg/send-progress",
+    "mgg/settings-attachment",
+    "mgg/sign-shop",
+    "mgg/square-viewfinder",
+    "mgg/stamp",
+    "mgg/status-progress-a-quarter",
+    "mgg/status-progress-complete",
+    "mgg/status-progress-half",
+    "mgg/status-progress-three-quarter",
+    "mgg/stuck-codes",
+    "mgg/tea-light",
+    "mgg/terminal",
+    "mgg/todo",
+    "mgg/todo-completed",
+    "mgg/todo-completed-re-executable",
+    "mgg/todo-in-charge-by-me",
+    "mgg/todo-in-charge-by-others",
+    "mgg/todo-in-evaluation",
+    "mgg/todo-in-evaluation-by-others",
+    "mgg/todo-incoming-in-charge",
+    "mgg/todo-incoming-rejected",
+    "mgg/todo-pause",
+    "mgg/todo-running-completed",
+    "mgg/todo-suspended",
+    "mgg/traffic-cone",
+    "mgg/trending-down",
+    "mgg/tributes",
+    "mgg/urban-city",
+    "mgg/user-dead",
+    "mgg/user-family",
+    "mgg/user-location",
+    "mgg/user-location-off",
+    "mgg/view-chart-gantt",
+    "mgg/view-side-by-side",
+    "mgg/work-book",
     "mi/baseline/account-balance",
@@ -33,2 +206,3 @@ "mi/baseline/account-balance-wallet",
     "mi/baseline/done",
+    "mi/baseline/downhill-skiing",
     "mi/baseline/eco",
@@ -35,0 +209,0 @@ "mi/baseline/email",

src/types/typography.ts

@@ -24,2 +24,6 @@ export type TypographyType =
 
+export type TypographyReadingVariants =
+  | 'info'
+  | 'read'
+
 export type TypographyTitleType =
@@ -26,0 +30,0 @@ | 'action'

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

@@ -1,1 +0,1 @@
-import{p as e,b as r}from"./p-870ea4fa.js";export{s as setNonce}from"./p-870ea4fa.js";(()=>{const r=import.meta.url,o={};return""!==r&&(o.resourcesUrl=new URL(".",r).href),e(o)})().then((e=>r([["p-3f67e42d",[[1,"mds-accordion-timer-item",{typography:[1],active:[516],description:[1],progress:[2],uuid:[2]}]]]],e)));
+import{p as e,b as r}from"./p-96e23db0.js";export{s as setNonce}from"./p-96e23db0.js";(()=>{const r=import.meta.url,o={};return""!==r&&(o.resourcesUrl=new URL(".",r).href),e(o)})().then((e=>r([["p-7ef8bff3",[[1,"mds-accordion-timer-item",{typography:[1],active:[516],description:[1],progress:[2],uuid:[2]}]]]],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

768611

increased by3.95%

Number of package files

140

increased by2.94%

Lines of code

9859

increased by6.08%

Dependency changes

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

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

• - Removed@fontsource/merriweather@4.5.14(transitive)

• - Removed@fontsource/roboto@4.5.8(transitive)

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

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

• Updated@maggioli-design-system/mds-progress@^2.3.0

• Updated@maggioli-design-system/mds-text@^3.2.1

• Updated@maggioli-design-system/styles@^11.2.1

• Updated@stencil/core@^2.22.2