@maggioli-design-system/mds-progress 2.2.1 → 2.4.0

package/dist/cjs/mds-progress.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d846f7a.js');
 
-const mdsProgressCss = "@tailwind utilities; :host{--background:rgb(var(--tone-neutral-08));--color:rgb(var(--brand-maggioli-03));--duration:500ms;--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness);min-width:var(--thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--thickness);min-height:var(--thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--color);border-radius:var(--radius);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.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([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";
+const mdsProgressCss = "@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.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([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";
 
 const MdsProgress = class {
   constructor(hostRef) {

package/dist/collection/common/keyboard-manager.js

@@ -0,0 +1,40 @@
+export class KeyboardManager {
+  constructor() {
+    this.elements = [];
+    this.handleClickBehaviorDispatchEvent = (event) => {
+      if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
+        event.target.click();
+      }
+    };
+    this.handleEscapeBehaviorDispatchEvent = (event) => {
+      if (event.code === 'Escape' && this.escapeCallback) {
+        this.escapeCallback();
+      }
+    };
+    this.addElement = (el, name = 'element') => {
+      this.elements[name] = el;
+    };
+    this.attachClickBehavior = (name = 'element') => {
+      if (this.elements[name]) {
+        this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
+      }
+    };
+    this.detachClickBehavior = (name = 'element') => {
+      if (this.elements[name]) {
+        this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent);
+      }
+    };
+    this.attachEscapeBehavior = (callBack) => {
+      this.escapeCallback = callBack;
+      if (typeof window !== undefined) {
+        window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
+      }
+    };
+    this.detachEscapeBehavior = () => {
+      this.escapeCallback = null;
+      if (typeof window !== undefined) {
+        window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
+      }
+    };
+  }
+}

package/dist/collection/components/mds-progress/mds-progress.css

@@ -1,20 +1,20 @@
 @tailwind utilities;
 
 /**
-* @prop --background: Sets the background-color of the component
-* @prop --color: Sets the background-color of the progress
-* @prop --duration: Sets the duration of the progress bar animation
-* @prop --radius: Sets the border-radius of the component
-* @prop --thickness: Sets the thickness of the progress bar
+* @prop --mds-progress-background: Sets the background-color of the component
+* @prop --mds-progress-color: Sets the background-color of the progress
+* @prop --mds-progress-duration: Sets the duration of the progress bar animation
+* @prop --mds-progress-radius: Sets the border-radius of the component
+* @prop --mds-progress-thickness: Sets the thickness of the progress bar
 */
 
 :host {
 
-  --background: rgb(var(--tone-neutral-08));
-  --color: rgb(var(--brand-maggioli-03));
-  --duration: 500ms;
-  --radius: 0.5rem;
-  --thickness: 0.5rem;
+  --mds-progress-background: rgb(var(--tone-neutral-08));
+  --mds-progress-color: rgb(var(--brand-maggioli-03));
+  --mds-progress-duration: 750ms;
+  --mds-progress-radius: 0.5rem;
+  --mds-progress-thickness: 0.5rem;
   display: flex;
   width: 100%;
   overflow: hidden;
@@ -22,10 +22,10 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 
-  background-color: var(--background);
-  border-radius: var(--radius);
-  height: var(--thickness);
-  min-width: var(--thickness);
+  background-color: var(--mds-progress-background);
+  border-radius: var(--mds-progress-radius);
+  height: var(--mds-progress-thickness);
+  min-width: var(--mds-progress-thickness);
 }
 
 :host ( [direction=vertical] ){
@@ -37,17 +37,17 @@
   flex-direction: column;
 
   height: unset;
-  width: var(--thickness);
-  min-height: var(--thickness);
+  min-height: var(--mds-progress-thickness);
+  width: var(--mds-progress-thickness);
 }
 
 .progress{
 
   transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
 
-  background-color: var(--color);
-  border-radius: var(--radius);
-  transition-duration: var(--duration);
+  background-color: var(--mds-progress-color);
+  border-radius: var(--mds-progress-radius);
+  transition-duration: var(--mds-progress-duration);
   transition-property: background-color, flex-grow;
 }
 

package/dist/collection/components/mds-progress/mds-progress.js

@@ -93,7 +93,7 @@ export class MdsProgress {
           "references": {
             "ThemeVariantType": {
               "location": "import",
-              "path": "../../types/variant"
+              "path": "@type/variant"
             }
           }
         },

package/dist/collection/dictionary/typography.js

@@ -21,6 +21,10 @@ const typographyVariationsDictionary = [
   'read',
   'code',
 ];
+const typographyReadingVariationsDictionary = [
+  'info',
+  'read',
+];
 const typographyMonoDictionary = [
   'snippet',
   'hack',
@@ -56,4 +60,4 @@ const typographyTooltipDictionary = [
   'detail',
   'tip',
 ];
-export { typographyDictionary, typographyVariationsDictionary, typographyMonoDictionary, typographyTitleDictionary, typographyInfoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTooltipDictionary, };
+export { typographyDictionary, typographyInfoDictionary, typographyReadingVariationsDictionary, typographyMonoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };

package/dist/components/mds-progress.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const mdsProgressCss = "@tailwind utilities; :host{--background:rgb(var(--tone-neutral-08));--color:rgb(var(--brand-maggioli-03));--duration:500ms;--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness);min-width:var(--thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--thickness);min-height:var(--thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--color);border-radius:var(--radius);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.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([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";
+const mdsProgressCss = "@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.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([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";
 
 const MdsProgress$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/esm/mds-progress.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b254472d.js';
 
-const mdsProgressCss = "@tailwind utilities; :host{--background:rgb(var(--tone-neutral-08));--color:rgb(var(--brand-maggioli-03));--duration:500ms;--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness);min-width:var(--thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--thickness);min-height:var(--thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--color);border-radius:var(--radius);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.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([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";
+const mdsProgressCss = "@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.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([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";
 
 const MdsProgress = class {
   constructor(hostRef) {

package/dist/esm-es5/mds-progress.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-b254472d.js";var mdsProgressCss="@tailwind utilities; :host{--background:rgb(var(--tone-neutral-08));--color:rgb(var(--brand-maggioli-03));--duration:500ms;--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness);min-width:var(--thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--thickness);min-height:var(--thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--color);border-radius:var(--radius);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.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([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";var MdsProgress=function(){function r(r){registerInstance(this,r);this.stepsList=[];this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="dark";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}r.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};r.prototype.setProgress=function(r){if(this.steps){this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))];this.element.setAttribute("aria-valuetext",this.currentStep)}};r.prototype.progressChanged=function(r){this.setProgress(r)};r.prototype.stepsChanged=function(r){this.stepsList=r.split(",")};r.prototype.render=function(){return h(Host,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},h("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}();MdsProgress.style=mdsProgressCss;export{MdsProgress as mds_progress};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-b254472d.js";var mdsProgressCss="@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.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([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";var MdsProgress=function(){function r(r){registerInstance(this,r);this.stepsList=[];this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="dark";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}r.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};r.prototype.setProgress=function(r){if(this.steps){this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))];this.element.setAttribute("aria-valuetext",this.currentStep)}};r.prototype.progressChanged=function(r){this.setProgress(r)};r.prototype.stepsChanged=function(r){this.stepsList=r.split(",")};r.prototype.render=function(){return h(Host,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},h("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}();MdsProgress.style=mdsProgressCss;export{MdsProgress as mds_progress};

package/dist/mds-progress/mds-progress.esm.js

@@ -1 +1 @@
-import{p as r,b as e}from"./p-d657b3ae.js";export{s as setNonce}from"./p-d657b3ae.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((r=>e([["p-b46a06eb",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)));
+import{p as e,b as r}from"./p-d657b3ae.js";export{s as setNonce}from"./p-d657b3ae.js";(()=>{const r=import.meta.url,s={};return""!==r&&(s.resourcesUrl=new URL(".",r).href),e(s)})().then((e=>r([["p-e2e4d70b",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)));

package/dist/mds-progress/p-ae3a1868.system.js

@@ -1 +1 @@
-System.register(["./p-86f204e8.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return t(s)};e().then((function(e){return s([["p-8e872f12.system",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)}))}}}));
+System.register(["./p-86f204e8.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return t(s)};e().then((function(e){return s([["p-fc6f1e41.system",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)}))}}}));

package/dist/mds-progress/p-e2e4d70b.entry.js

@@ -0,0 +1 @@
+import{r,h as o,H as t,g as s}from"./p-d657b3ae.js";const i=class{constructor(o){r(this,o),this.stepsList=[],this.currentStep=void 0,this.progress=0,this.direction="horizontal",this.variant="dark",this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}componentWillLoad(){this.stepsList=this.steps.split(","),this.setProgress(this.progress)}setProgress(r){this.steps&&(this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))],this.element.setAttribute("aria-valuetext",this.currentStep))}progressChanged(r){this.setProgress(r)}stepsChanged(r){this.stepsList=r.split(",")}render(){return o(t,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(100*this.progress),role:"progressbar"},o("div",{class:"progress",style:"horizontal"===this.direction?{flexGrow:`${this.progress}`}:{flexGrow:`${this.progress}`,width:"100%"}}))}get element(){return s(this)}static get watchers(){return{progress:["progressChanged"],steps:["stepsChanged"]}}};i.style="@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.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([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";export{i as mds_progress}

package/dist/mds-progress/p-fc6f1e41.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-86f204e8.system.js"],(function(r){"use strict";var t,o,s,e;return{setters:[function(r){t=r.r;o=r.h;s=r.H;e=r.g}],execute:function(){var i="@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.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([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";var n=r("mds_progress",function(){function r(r){t(this,r);this.stepsList=[];this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="dark";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}r.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};r.prototype.setProgress=function(r){if(this.steps){this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))];this.element.setAttribute("aria-valuetext",this.currentStep)}};r.prototype.progressChanged=function(r){this.setProgress(r)};r.prototype.stepsChanged=function(r){this.stepsList=r.split(",")};r.prototype.render=function(){return o(s,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},o("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}());n.style=i}}}));

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-02-20T10:26:58",
+  "timestamp": "2023-03-09T10:55:16",
   "compiler": {
     "name": "node",
     "version": "18.3.0"
@@ -9,13 +9,14 @@
     "fsNamespace": "mds-progress",
     "components": 1,
     "entries": 1,
-    "bundles": 66,
+    "bundles": 67,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 25,
+        "files": 26,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
+          "./dist/collection/common/keyboard-manager.js",
           "./dist/collection/components/mds-progress/mds-progress.js",
           "./dist/collection/components/mds-progress/meta/dictionary.js",
           "./dist/collection/components/mds-progress/meta/types.js",
@@ -31,15 +32,15 @@
           "./dist/collection/dictionary/variant.js",
           "./dist/collection/fixtures/cities.js",
           "./dist/collection/interface/input-value.js",
-          "./dist/collection/types/autocomplete.js",
-          "./dist/collection/types/button.js",
-          "./dist/collection/types/floating-ui.js",
-          "./dist/collection/types/form-rel.js",
-          "./dist/collection/types/input-text-type.js",
-          "./dist/collection/types/input-value-type.js",
-          "./dist/collection/types/loading.js",
-          "./dist/collection/types/typography.js",
-          "./dist/collection/types/variant.js"
+          "./dist/collection/type/autocomplete.js",
+          "./dist/collection/type/button.js",
+          "./dist/collection/type/floating-ui.js",
+          "./dist/collection/type/form-rel.js",
+          "./dist/collection/type/input-text-type.js",
+          "./dist/collection/type/input-value-type.js",
+          "./dist/collection/type/loading.js",
+          "./dist/collection/type/typography.js",
+          "./dist/collection/type/variant.js"
         ]
       },
       {
@@ -78,19 +79,19 @@
           "./dist/mds-progress/mds-progress.js",
           "./dist/mds-progress/p-50ea2036.system.js",
           "./dist/mds-progress/p-86f204e8.system.js",
-          "./dist/mds-progress/p-8e872f12.system.entry.js",
           "./dist/mds-progress/p-ae3a1868.system.js",
-          "./dist/mds-progress/p-b46a06eb.entry.js",
           "./dist/mds-progress/p-d657b3ae.js",
+          "./dist/mds-progress/p-e2e4d70b.entry.js",
+          "./dist/mds-progress/p-fc6f1e41.system.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-progress.esm.js",
           "./www/build/mds-progress.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-86f204e8.system.js",
-          "./www/build/p-8e872f12.system.entry.js",
           "./www/build/p-ae3a1868.system.js",
-          "./www/build/p-b46a06eb.entry.js",
-          "./www/build/p-d657b3ae.js"
+          "./www/build/p-d657b3ae.js",
+          "./www/build/p-e2e4d70b.entry.js",
+          "./www/build/p-fc6f1e41.system.entry.js"
         ]
       },
       {
@@ -123,12 +124,12 @@
         "components": [
           "mds-progress"
         ],
-        "bundleId": "p-b46a06eb",
-        "fileName": "p-b46a06eb.entry.js",
+        "bundleId": "p-e2e4d70b",
+        "fileName": "p-e2e4d70b.entry.js",
         "imports": [
           "p-d657b3ae.js"
         ],
-        "originalByteSize": 4171
+        "originalByteSize": 4366
       }
     ],
     "esm": [
@@ -142,7 +143,7 @@
         "imports": [
           "index-b254472d.js"
         ],
-        "originalByteSize": 4175
+        "originalByteSize": 4370
       }
     ],
     "es5": [
@@ -156,7 +157,7 @@
         "imports": [
           "index-b254472d.js"
         ],
-        "originalByteSize": 4175
+        "originalByteSize": 4370
       }
     ],
     "system": [
@@ -165,12 +166,12 @@
         "components": [
           "mds-progress"
         ],
-        "bundleId": "p-8e872f12.system",
-        "fileName": "p-8e872f12.system.entry.js",
+        "bundleId": "p-fc6f1e41.system",
+        "fileName": "p-fc6f1e41.system.entry.js",
         "imports": [
           "p-86f204e8.system.js"
         ],
-        "originalByteSize": 4630
+        "originalByteSize": 4825
       }
     ],
     "commonjs": [
@@ -184,7 +185,7 @@
         "imports": [
           "index-1d846f7a.js"
         ],
-        "originalByteSize": 4234
+        "originalByteSize": 4429
       }
     ]
   },
@@ -274,7 +275,7 @@
             "references": {
               "ThemeVariantType": {
                 "location": "import",
-                "path": "../../types/variant"
+                "path": "@type/variant"
               }
             }
           },
@@ -385,7 +386,7 @@
                 "references": {
                   "ThemeVariantType": {
                     "location": "import",
-                    "path": "../../types/variant"
+                    "path": "@type/variant"
                   }
                 }
               },
@@ -456,27 +457,27 @@
           "assetsDirs": [],
           "styleDocs": [
             {
-              "name": "--background",
+              "name": "--mds-progress-background",
               "docs": "Sets the background-color of the component",
               "annotation": "prop"
             },
             {
-              "name": "--color",
+              "name": "--mds-progress-color",
               "docs": "Sets the background-color of the progress",
               "annotation": "prop"
             },
             {
-              "name": "--duration",
+              "name": "--mds-progress-duration",
               "docs": "Sets the duration of the progress bar animation",
               "annotation": "prop"
             },
             {
-              "name": "--radius",
+              "name": "--mds-progress-radius",
               "docs": "Sets the border-radius of the component",
               "annotation": "prop"
             },
             {
-              "name": "--thickness",
+              "name": "--mds-progress-thickness",
               "docs": "Sets the thickness of the progress bar",
               "annotation": "prop"
             }
@@ -564,6 +565,7 @@
   },
   "sourceGraph": {
     "./src/common/aria.ts": [],
+    "./src/common/keyboard-manager.ts": [],
     "./src/components/mds-progress/mds-progress.tsx": [],
     "./src/components/mds-progress/meta/dictionary.ts": [],
     "./src/components/mds-progress/meta/types.ts": [],
@@ -584,15 +586,15 @@
     "./src/dictionary/variant.ts": [],
     "./src/fixtures/cities.ts": [],
     "./src/interface/input-value.ts": [],
-    "./src/types/autocomplete.ts": [],
-    "./src/types/button.ts": [],
-    "./src/types/floating-ui.ts": [],
-    "./src/types/form-rel.ts": [],
-    "./src/types/input-text-type.ts": [],
-    "./src/types/input-value-type.ts": [],
-    "./src/types/loading.ts": [],
-    "./src/types/typography.ts": [],
-    "./src/types/variant.ts": []
+    "./src/type/autocomplete.ts": [],
+    "./src/type/button.ts": [],
+    "./src/type/floating-ui.ts": [],
+    "./src/type/form-rel.ts": [],
+    "./src/type/input-text-type.ts": [],
+    "./src/type/input-value-type.ts": [],
+    "./src/type/loading.ts": [],
+    "./src/type/typography.ts": [],
+    "./src/type/variant.ts": []
   },
   "collections": []
 }

package/dist/types/common/keyboard-manager.d.ts

@@ -0,0 +1,11 @@
+export declare class KeyboardManager {
+  private escapeCallback;
+  private elements;
+  private handleClickBehaviorDispatchEvent;
+  private handleEscapeBehaviorDispatchEvent;
+  addElement: (el: HTMLElement, name?: string) => void;
+  attachClickBehavior: (name?: string) => void;
+  detachClickBehavior: (name?: string) => void;
+  attachEscapeBehavior: (callBack: () => void) => void;
+  detachEscapeBehavior: () => void;
+}

package/dist/types/components/mds-progress/mds-progress.d.ts

@@ -1,5 +1,5 @@
 import { DirectionType } from './meta/types';
-import { ThemeVariantType } from '../../types/variant';
+import { ThemeVariantType } from '@type/variant';
 export declare class MdsProgress {
   private element;
   currentStep: string;

package/dist/types/components.d.ts

@@ -6,7 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { DirectionType } from "./components/mds-progress/meta/types";
-import { ThemeVariantType } from "./types/variant";
+import { ThemeVariantType } from "@type/variant";
 export namespace Components {
     interface MdsProgress {
         /**

package/dist/types/dictionary/typography.d.ts

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

package/dist/types/{types → type}/typography.d.ts

@@ -1,5 +1,6 @@
 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';
 export type TypographyInfoType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';
 export type TypographyReadType = 'caption' | 'detail' | 'paragraph';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-progress",
-  "version": "2.2.1",
+  "version": "2.4.0",
   "description": "mds-progress 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.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -23,8 +23,8 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/styles": "^10.0.1",
-    "@stencil/core": "^2.22.1"
+    "@maggioli-design-system/styles": "^11.2.1",
+    "@stencil/core": "^2.22.2"
   },
   "license": "MIT",
   "author": {

package/readme.md

@@ -17,13 +17,13 @@
 
 ## CSS Custom Properties
 
-| Name           | Description                                     |
-| -------------- | ----------------------------------------------- |
-| `--background` | Sets the background-color of the component      |
-| `--color`      | Sets the background-color of the progress       |
-| `--duration`   | Sets the duration of the progress bar animation |
-| `--radius`     | Sets the border-radius of the component         |
-| `--thickness`  | Sets the thickness of the progress bar          |
+| Name                        | Description                                     |
+| --------------------------- | ----------------------------------------------- |
+| `--mds-progress-background` | Sets the background-color of the component      |
+| `--mds-progress-color`      | Sets the background-color of the progress       |
+| `--mds-progress-duration`   | Sets the duration of the progress bar animation |
+| `--mds-progress-radius`     | Sets the border-radius of the component         |
+| `--mds-progress-thickness`  | Sets the thickness of the progress bar          |
 
 
 ## Dependencies

package/src/common/keyboard-manager.ts

@@ -0,0 +1,46 @@
+export class KeyboardManager {
+  private escapeCallback: () => void
+  private elements = []
+
+  private handleClickBehaviorDispatchEvent = (event: KeyboardEvent): void => {
+    if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
+      (event.target as HTMLElement).click()
+    }
+  }
+
+  private handleEscapeBehaviorDispatchEvent = (event: KeyboardEvent): void => {
+    if (event.code === 'Escape' && this.escapeCallback) {
+      this.escapeCallback()
+    }
+  }
+
+  addElement = (el: HTMLElement, name = 'element'): void => {
+    this.elements[name] = el
+  }
+
+  attachClickBehavior = (name = 'element'): void => {
+    if (this.elements[name]) {
+      this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent)
+    }
+  }
+
+  detachClickBehavior = (name = 'element'): void => {
+    if (this.elements[name]) {
+      this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent)
+    }
+  }
+
+  attachEscapeBehavior = (callBack: () => void): void => {
+    this.escapeCallback = callBack
+    if (typeof window !== undefined) {
+      window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
+    }
+  }
+
+  detachEscapeBehavior = (): void => {
+    this.escapeCallback = null
+    if (typeof window !== undefined) {
+      window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
+    }
+  }
+}

package/src/components/mds-progress/mds-progress.css

@@ -1,20 +1,20 @@
 @tailwind utilities;
 
 /**
-* @prop --background: Sets the background-color of the component
-* @prop --color: Sets the background-color of the progress
-* @prop --duration: Sets the duration of the progress bar animation
-* @prop --radius: Sets the border-radius of the component
-* @prop --thickness: Sets the thickness of the progress bar
+* @prop --mds-progress-background: Sets the background-color of the component
+* @prop --mds-progress-color: Sets the background-color of the progress
+* @prop --mds-progress-duration: Sets the duration of the progress bar animation
+* @prop --mds-progress-radius: Sets the border-radius of the component
+* @prop --mds-progress-thickness: Sets the thickness of the progress bar
 */
 
 :host {
 
-  --background: theme('colors.tone-neutral-08');
-  --color: theme('colors.brand-maggioli-03');
-  --duration: 500ms;
-  --radius: theme('borderRadius.lg');
-  --thickness: theme('height.2');
+  --mds-progress-background: theme('colors.tone-neutral-08');
+  --mds-progress-color: theme('colors.brand-maggioli-03');
+  --mds-progress-duration: 750ms;
+  --mds-progress-radius: theme('borderRadius.lg');
+  --mds-progress-thickness: theme('height.2');
 
   @apply
     flex
@@ -22,10 +22,10 @@
     transition-colors
     w-full;
 
-  background-color: var(--background);
-  border-radius: var(--radius);
-  height: var(--thickness);
-  min-width: var(--thickness);
+  background-color: var(--mds-progress-background);
+  border-radius: var(--mds-progress-radius);
+  height: var(--mds-progress-thickness);
+  min-width: var(--mds-progress-thickness);
 }
 
 :host ( [direction=vertical] ) {
@@ -35,16 +35,16 @@
     w-auto;
 
   height: unset;
-  width: var(--thickness);
-  min-height: var(--thickness);
+  min-height: var(--mds-progress-thickness);
+  width: var(--mds-progress-thickness);
 }
 
 .progress {
   @apply ease-out-expo;
 
-  background-color: var(--color);
-  border-radius: var(--radius);
-  transition-duration: var(--duration);
+  background-color: var(--mds-progress-color);
+  border-radius: var(--mds-progress-radius);
+  transition-duration: var(--mds-progress-duration);
   transition-property: background-color, flex-grow;
 }
 

package/src/components/mds-progress/mds-progress.tsx

@@ -1,6 +1,6 @@
 import { Component, Element, Host, h, Prop, Watch, State } from '@stencil/core'
 import { DirectionType } from './meta/types'
-import { ThemeVariantType } from '../../types/variant'
+import { ThemeVariantType } from '@type/variant'
 
 @Component({
   tag: 'mds-progress',

package/src/components/mds-progress/readme.md

@@ -17,13 +17,13 @@
 
 ## CSS Custom Properties
 
-| Name           | Description                                     |
-| -------------- | ----------------------------------------------- |
-| `--background` | Sets the background-color of the component      |
-| `--color`      | Sets the background-color of the progress       |
-| `--duration`   | Sets the duration of the progress bar animation |
-| `--radius`     | Sets the border-radius of the component         |
-| `--thickness`  | Sets the thickness of the progress bar          |
+| Name                        | Description                                     |
+| --------------------------- | ----------------------------------------------- |
+| `--mds-progress-background` | Sets the background-color of the component      |
+| `--mds-progress-color`      | Sets the background-color of the progress       |
+| `--mds-progress-duration`   | Sets the duration of the progress bar animation |
+| `--mds-progress-radius`     | Sets the border-radius of the component         |
+| `--mds-progress-thickness`  | Sets the thickness of the progress bar          |
 
 
 ----------------------------------------------

package/src/components.d.ts

@@ -6,7 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 import { DirectionType } from "./components/mds-progress/meta/types";
-import { ThemeVariantType } from "./types/variant";
+import { ThemeVariantType } from "@type/variant";
 export namespace Components {
     interface MdsProgress {
         /**

package/src/dictionary/typography.ts

@@ -23,6 +23,11 @@ const typographyVariationsDictionary = [
   'code',
 ]
 
+const typographyReadingVariationsDictionary = [
+  'info',
+  'read',
+]
+
 const typographyMonoDictionary = [
   'snippet',
   'hack',
@@ -66,11 +71,12 @@ const typographyTooltipDictionary = [
 
 export {
   typographyDictionary,
-  typographyVariationsDictionary,
-  typographyMonoDictionary,
-  typographyTitleDictionary,
   typographyInfoDictionary,
+  typographyReadingVariationsDictionary,
+  typographyMonoDictionary,
   typographyReadDictionary,
   typographySmallerDictionary,
+  typographyTitleDictionary,
   typographyTooltipDictionary,
+  typographyVariationsDictionary,
 }

package/src/fixtures/icons.json

@@ -202,6 +202,7 @@
     "mi/baseline/css",
     "mi/baseline/description",
     "mi/baseline/done",
+    "mi/baseline/downhill-skiing",
     "mi/baseline/eco",
     "mi/baseline/email",
     "mi/baseline/error",

package/src/tailwind/components.css

@@ -1,3 +1,4 @@
+@import '~@maggioli-design-system/styles/dist/tailwind/components.css';
 @tailwind components;
 
 @layer components {

package/src/{types → type}/typography.ts

@@ -21,6 +21,10 @@ export type TypographyVariants =
   | 'read'
   | 'code'
 
+export type TypographyReadingVariants =
+  | 'info'
+  | 'read'
+
 export type TypographyTitleType =
   | 'action'
   | 'h1'

package/www/build/mds-progress.esm.js

@@ -1 +1 @@
-import{p as r,b as e}from"./p-d657b3ae.js";export{s as setNonce}from"./p-d657b3ae.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((r=>e([["p-b46a06eb",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)));
+import{p as e,b as r}from"./p-d657b3ae.js";export{s as setNonce}from"./p-d657b3ae.js";(()=>{const r=import.meta.url,s={};return""!==r&&(s.resourcesUrl=new URL(".",r).href),e(s)})().then((e=>r([["p-e2e4d70b",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)));

package/www/build/p-ae3a1868.system.js

@@ -1 +1 @@
-System.register(["./p-86f204e8.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return t(s)};e().then((function(e){return s([["p-8e872f12.system",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)}))}}}));
+System.register(["./p-86f204e8.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return t(s)};e().then((function(e){return s([["p-fc6f1e41.system",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)}))}}}));

package/www/build/p-e2e4d70b.entry.js

@@ -0,0 +1 @@
+import{r,h as o,H as t,g as s}from"./p-d657b3ae.js";const i=class{constructor(o){r(this,o),this.stepsList=[],this.currentStep=void 0,this.progress=0,this.direction="horizontal",this.variant="dark",this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}componentWillLoad(){this.stepsList=this.steps.split(","),this.setProgress(this.progress)}setProgress(r){this.steps&&(this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))],this.element.setAttribute("aria-valuetext",this.currentStep))}progressChanged(r){this.setProgress(r)}stepsChanged(r){this.stepsList=r.split(",")}render(){return o(t,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(100*this.progress),role:"progressbar"},o("div",{class:"progress",style:"horizontal"===this.direction?{flexGrow:`${this.progress}`}:{flexGrow:`${this.progress}`,width:"100%"}}))}get element(){return s(this)}static get watchers(){return{progress:["progressChanged"],steps:["stepsChanged"]}}};i.style="@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.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([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";export{i as mds_progress}

package/www/build/p-fc6f1e41.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-86f204e8.system.js"],(function(r){"use strict";var t,o,s,e;return{setters:[function(r){t=r.r;o=r.h;s=r.H;e=r.g}],execute:function(){var i="@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.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([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";var n=r("mds_progress",function(){function r(r){t(this,r);this.stepsList=[];this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="dark";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}r.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};r.prototype.setProgress=function(r){if(this.steps){this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))];this.element.setAttribute("aria-valuetext",this.currentStep)}};r.prototype.progressChanged=function(r){this.setProgress(r)};r.prototype.stepsChanged=function(r){this.stepsList=r.split(",")};r.prototype.render=function(){return o(s,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},o("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}());n.style=i}}}));

package/dist/mds-progress/p-8e872f12.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-86f204e8.system.js"],(function(r){"use strict";var t,o,i,e;return{setters:[function(r){t=r.r;o=r.h;i=r.H;e=r.g}],execute:function(){var s="@tailwind utilities; :host{--background:rgb(var(--tone-neutral-08));--color:rgb(var(--brand-maggioli-03));--duration:500ms;--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness);min-width:var(--thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--thickness);min-height:var(--thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--color);border-radius:var(--radius);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.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([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";var n=r("mds_progress",function(){function r(r){t(this,r);this.stepsList=[];this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="dark";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}r.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};r.prototype.setProgress=function(r){if(this.steps){this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))];this.element.setAttribute("aria-valuetext",this.currentStep)}};r.prototype.progressChanged=function(r){this.setProgress(r)};r.prototype.stepsChanged=function(r){this.stepsList=r.split(",")};r.prototype.render=function(){return o(i,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},o("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}());n.style=s}}}));

package/dist/mds-progress/p-b46a06eb.entry.js

@@ -1 +0,0 @@
-import{r,h as o,H as t,g as i}from"./p-d657b3ae.js";const a=class{constructor(o){r(this,o),this.stepsList=[],this.currentStep=void 0,this.progress=0,this.direction="horizontal",this.variant="dark",this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}componentWillLoad(){this.stepsList=this.steps.split(","),this.setProgress(this.progress)}setProgress(r){this.steps&&(this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))],this.element.setAttribute("aria-valuetext",this.currentStep))}progressChanged(r){this.setProgress(r)}stepsChanged(r){this.stepsList=r.split(",")}render(){return o(t,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(100*this.progress),role:"progressbar"},o("div",{class:"progress",style:"horizontal"===this.direction?{flexGrow:`${this.progress}`}:{flexGrow:`${this.progress}`,width:"100%"}}))}get element(){return i(this)}static get watchers(){return{progress:["progressChanged"],steps:["stepsChanged"]}}};a.style="@tailwind utilities; :host{--background:rgb(var(--tone-neutral-08));--color:rgb(var(--brand-maggioli-03));--duration:500ms;--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness);min-width:var(--thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--thickness);min-height:var(--thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--color);border-radius:var(--radius);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.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([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";export{a as mds_progress}

package/www/build/p-8e872f12.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-86f204e8.system.js"],(function(r){"use strict";var t,o,i,e;return{setters:[function(r){t=r.r;o=r.h;i=r.H;e=r.g}],execute:function(){var s="@tailwind utilities; :host{--background:rgb(var(--tone-neutral-08));--color:rgb(var(--brand-maggioli-03));--duration:500ms;--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness);min-width:var(--thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--thickness);min-height:var(--thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--color);border-radius:var(--radius);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.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([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";var n=r("mds_progress",function(){function r(r){t(this,r);this.stepsList=[];this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="dark";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}r.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};r.prototype.setProgress=function(r){if(this.steps){this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))];this.element.setAttribute("aria-valuetext",this.currentStep)}};r.prototype.progressChanged=function(r){this.setProgress(r)};r.prototype.stepsChanged=function(r){this.stepsList=r.split(",")};r.prototype.render=function(){return o(i,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},o("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}());n.style=s}}}));

package/www/build/p-b46a06eb.entry.js

@@ -1 +0,0 @@
-import{r,h as o,H as t,g as i}from"./p-d657b3ae.js";const a=class{constructor(o){r(this,o),this.stepsList=[],this.currentStep=void 0,this.progress=0,this.direction="horizontal",this.variant="dark",this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}componentWillLoad(){this.stepsList=this.steps.split(","),this.setProgress(this.progress)}setProgress(r){this.steps&&(this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))],this.element.setAttribute("aria-valuetext",this.currentStep))}progressChanged(r){this.setProgress(r)}stepsChanged(r){this.stepsList=r.split(",")}render(){return o(t,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(100*this.progress),role:"progressbar"},o("div",{class:"progress",style:"horizontal"===this.direction?{flexGrow:`${this.progress}`}:{flexGrow:`${this.progress}`,width:"100%"}}))}get element(){return i(this)}static get watchers(){return{progress:["progressChanged"],steps:["stepsChanged"]}}};a.style="@tailwind utilities; :host{--background:rgb(var(--tone-neutral-08));--color:rgb(var(--brand-maggioli-03));--duration:500ms;--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness);min-width:var(--thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--thickness);min-height:var(--thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--color);border-radius:var(--radius);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.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([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";export{a as mds_progress}