@maggioli-design-system/mds-progress - npm Package Compare versions

Comparing version 2.10.3 to 3.0.0

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-2c37527a.js');
+const index = require('./index-9725b4b4.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
@@ -8,0 +8,0 @@

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

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-2c37527a.js');
+const index = require('./index-9725b4b4.js');
 
-const mdsProgressCss = "@tailwind components;\n@tailwind utilities;\n\n\n/* @import '../../tailwind/static-components.css'; */\n\n.svg{\n    display: -ms-flexbox;\n    display: flex;\n}\n\n.svg svg{\n    aspect-ratio: 1/1;\n    height: 100%;\n    width: 100%;\n}\n\n.contrast-area {\n    border-radius: inherit;\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    display: none;\n    inset: 0;\n    opacity: 0;\n    pointer-events: none;\n    position: absolute;\n    transition-behavior: allow-discrete;\n    -webkit-transition-property: display opacity;\n    transition-property: display opacity;\n\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n\n@container style(--magma-pref-contrast: more) {\n    .contrast-area,\n    .contrast-area-50{\n        display: block;\n        opacity: 1;\n\n      /* @starting-style {\n        opacity: 0;\n      } */\n    }\n  }\n\n@container style(--magma-pref-contrast: system) {\n\n    @media (prefers-contrast: more) {\n      .contrast-area,\n      .contrast-area-50{\n            display: block;\n            opacity: 1;\n\n        /* @starting-style {\n          opacity: 0;\n        } */\n        }\n    }\n  }\n\n@container style(--magma-pref-animation: reduce) {\n    .contrast-area,\n    .contrast-area-50{\n        -webkit-transition-duration: 0s;\n        transition-duration: 0s;\n    }\n  }\n\n@container style(--magma-pref-animation: system) {\n    \n    @media (prefers-reduced-motion) {\n      .contrast-area,\n      .contrast-area-50{\n            -webkit-transition-duration: 0s;\n            transition-duration: 0s;\n        }\n    }\n  }\n@tailwind utilities;\n\n/**\n  * @prop --mds-progress-background: Sets the background-color of the component\n  * @prop --mds-progress-color: Sets the background-color of the progress\n  * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n  * @prop --mds-progress-radius: Sets the border-radius of the component\n  * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n  */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--brand-maggioli-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;\n  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 150ms;\n  transition-duration: 150ms;\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n:host( [direction=\"vertical\"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant=\"dark\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant=\"light\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant=\"error\"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant=\"warning\"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant=\"success\"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant=\"info\"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant=\"primary\"] ) {\n\n  --mds-progress-color: rgb(var(--brand-maggioli-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n.static{\n    position: static;\n}\n\n.fixed{\n    position: fixed;\n}\n\n.absolute{\n    position: absolute;\n}\n\n.border{\n    border-width: 1px;\n}\n\n.bg-label-amaranth-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04{\n    fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04{\n    fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04{\n    fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04{\n    fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04{\n    fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04{\n    fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04{\n    fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04{\n    fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04{\n    fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04{\n    fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow{\n    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant=\"primary\"] ) {\n\n    --mds-progress-color: rgb(var(--brand-maggioli-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant=\"error\"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n  \n  :host( [variant=\"warning\"] ) {\n  \n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n  \n  :host( [variant=\"success\"] ) {\n  \n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n  \n  :host( [variant=\"info\"] ) {\n  \n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant=\"primary\"] ) {\n\n      --mds-progress-color: rgb(var(--brand-maggioli-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant=\"error\"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n    \n    :host( [variant=\"warning\"] ) {\n    \n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n    \n    :host( [variant=\"success\"] ) {\n    \n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n    \n    :host( [variant=\"info\"] ) {\n    \n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n";
+const mdsProgressCss = "@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-progress-background: Sets the background-color of the component\n * @prop --mds-progress-color: Sets the background-color of the progress\n * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n * @prop --mds-progress-radius: Sets the border-radius of the component\n * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n:host( [direction=\"vertical\"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant=\"dark\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant=\"light\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant=\"error\"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant=\"warning\"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant=\"success\"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant=\"info\"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant=\"primary\"] ) {\n\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant=\"primary\"] ) {\n\n    --mds-progress-color: rgb(var(--variant-primary-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant=\"error\"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n\n  :host( [variant=\"warning\"] ) {\n\n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n\n  :host( [variant=\"success\"] ) {\n\n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n\n  :host( [variant=\"info\"] ) {\n\n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant=\"primary\"] ) {\n\n      --mds-progress-color: rgb(var(--variant-primary-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant=\"error\"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n\n    :host( [variant=\"warning\"] ) {\n\n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n\n    :host( [variant=\"success\"] ) {\n\n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n\n    :host( [variant=\"info\"] ) {\n\n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n";
 const MdsProgressStyle0 = mdsProgressCss;
@@ -10,0 +10,0 @@

dist/cjs/mds-progress.cjs.js

@@ -5,7 +5,7 @@ 'use strict';
 
-const index = require('./index-2c37527a.js');
+const index = require('./index-9725b4b4.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.22.2 | MIT Licensed | https://stenciljs.com
  */
@@ -12,0 +12,0 @@ var patchBrowser = () => {

dist/collection/collection-manifest.json

@@ -7,4 +7,4 @@ {
     "name": "@stencil/core",
-    "version": "4.21.0",
-    "typescriptVersion": "5.5.3"
+    "version": "4.22.2",
+    "typescriptVersion": "5.5.4"
   },
@@ -11,0 +11,0 @@ "collections": [],

dist/collection/common/locale.js

@@ -1,2 +0,2 @@
-import Handlebars from "handlebars";
+import { render } from "mustache";
 export class Locale {
@@ -8,4 +8,5 @@ constructor(configData) {
         };
-        this.lang = (element) => {
-            this.closestElement = element.closest('[lang]');
+        this.lang = (el) => {
+            this.element = el;
+            this.closestElement = this.element.closest('[lang]');
             if (this.closestElement) {
@@ -20,2 +21,14 @@ if (this.closestElement.lang) {
         };
+        this.update = (doc) => {
+            const context = doc !== null && doc !== void 0 ? doc : this.element.shadowRoot;
+            context && context.querySelectorAll('*').forEach(el => {
+                if (el.tagName.toLowerCase().startsWith('mds-')) {
+                    // eslint-disable-next-line no-restricted-syntax
+                    if (el && 'updateLang' in el) {
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        el.updateLang();
+                    }
+                }
+            });
+        };
         this.pluralize = (tag, context) => {
@@ -43,4 +56,3 @@ const languagePhrase = this.config[this.language] ? this.config[this.language][tag] : this.config[this.rollbackLanguage][tag];
             }
-            const template = Handlebars.compile(translatePhrase);
-            return template(context);
+            return render(translatePhrase, context);
         };
@@ -47,0 +59,0 @@ this.get = (tag, context) => {

dist/collection/dictionary/button.js

@@ -7,2 +7,3 @@ const buttonVariantDictionary = [
     'primary',
+    'secondary',
     'success',
@@ -9,0 +10,0 @@ 'warning',

dist/collection/dictionary/variant.js

@@ -73,2 +73,11 @@ const themeVariantDictionary = [
 ];
+const themeVariantChipDictionary = [
+    'primary',
+    'secondary',
+    'dark',
+    'error',
+    'info',
+    'success',
+    'warning',
+];
 const toneActionVariantDictionary = [
@@ -96,2 +105,2 @@ 'primary',
 ];
-export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, themeVariantChipDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };

dist/collection/type/variant-file-format.js

@@ -18,101 +18,67 @@ import baselineFolderZip from "@icon/mi/baseline/folder-zip.svg";
     archive: {
-        color: 'fill-label-amaranth-04 text-label-amaranth-04',
         icon: baselineFolderZip,
-        iconBackground: 'bg-label-amaranth-10',
         variant: 'amaranth',
     },
     attachment: {
-        color: 'fill-tone-neutral-04 text-tone-neutral-04',
         icon: baselineAttachFile,
-        iconBackground: 'bg-tone-neutral-10',
         variant: 'dark',
     },
     audio: {
-        color: 'fill-label-violet-04 text-label-violet-04',
         icon: baselineAudiotrack,
-        iconBackground: 'bg-label-violet-10',
         variant: 'violet',
     },
     code: {
-        color: 'fill-label-yellow-04 text-label-yellow-04',
         icon: baselineTerminal,
-        iconBackground: 'bg-label-yellow-10',
         variant: 'yellow',
     },
     data: {
-        color: 'fill-label-yellow-04 text-label-yellow-04',
         icon: mdiHardDisk,
-        iconBackground: 'bg-label-yellow-10',
         variant: 'yellow',
     },
     document: {
-        color: 'fill-label-orange-04 text-label-orange-04',
         icon: baselineInsertDriveFile,
-        iconBackground: 'bg-label-orange-10',
         variant: 'orange',
     },
     email: {
-        color: 'fill-label-blue-04 text-label-blue-04',
         icon: baselineEmail,
-        iconBackground: 'bg-label-blue-10',
         variant: 'blue',
     },
     executable: {
-        color: 'fill-label-amaranth-04 text-label-amaranth-04',
         icon: baselineWysiwyg,
-        iconBackground: 'bg-label-amaranth-10',
         variant: 'amaranth',
     },
     image: {
-        color: 'fill-label-green-04 text-label-green-04',
         icon: baselinePanorama,
-        iconBackground: 'bg-label-green-10',
         variant: 'green',
     },
     imageRaster: {
-        color: 'fill-label-green-04 text-label-green-04',
         icon: baselinePanorama,
-        iconBackground: 'bg-label-green-10',
         variant: 'green',
     },
     markup: {
-        color: 'fill-label-yellow-04 text-label-yellow-04',
         icon: baselineWeb,
-        iconBackground: 'bg-label-yellow-10',
         variant: 'yellow',
     },
     slide: {
-        color: 'fill-label-orchid-04 text-label-orchid-04',
         icon: baselineTV,
-        iconBackground: 'bg-label-orchid-10',
         variant: 'orchid',
     },
     spreadsheet: {
-        color: 'fill-label-lime-04 text-label-lime-04',
         icon: baselineBorderAll,
-        iconBackground: 'bg-label-lime-10',
         variant: 'lime',
     },
     text: {
-        color: 'fill-label-blue-04 text-label-blue-04',
         icon: baselineDescription,
-        iconBackground: 'bg-label-blue-10',
         variant: 'blue',
     },
     vectorImage: {
-        color: 'fill-label-aqua-04 text-label-aqua-04',
         icon: mdiVectorCurve,
-        iconBackground: 'bg-label-aqua-10',
         variant: 'aqua',
     },
     vector: {
-        color: 'fill-label-aqua-04 text-label-aqua-04',
         icon: mdiVectorCurve,
-        iconBackground: 'bg-label-aqua-10',
         variant: 'aqua',
     },
     video: {
-        color: 'fill-label-violet-04 text-label-violet-04',
         icon: baselineVideocam,
-        iconBackground: 'bg-label-violet-10',
         variant: 'violet',
@@ -119,0 +85,0 @@ },

dist/components/mds-progress.js

 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const mdsProgressCss = "@tailwind components;\n@tailwind utilities;\n\n\n/* @import '../../tailwind/static-components.css'; */\n\n.svg{\n    display: -ms-flexbox;\n    display: flex;\n}\n\n.svg svg{\n    aspect-ratio: 1/1;\n    height: 100%;\n    width: 100%;\n}\n\n.contrast-area {\n    border-radius: inherit;\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    display: none;\n    inset: 0;\n    opacity: 0;\n    pointer-events: none;\n    position: absolute;\n    transition-behavior: allow-discrete;\n    -webkit-transition-property: display opacity;\n    transition-property: display opacity;\n\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n\n@container style(--magma-pref-contrast: more) {\n    .contrast-area,\n    .contrast-area-50{\n        display: block;\n        opacity: 1;\n\n      /* @starting-style {\n        opacity: 0;\n      } */\n    }\n  }\n\n@container style(--magma-pref-contrast: system) {\n\n    @media (prefers-contrast: more) {\n      .contrast-area,\n      .contrast-area-50{\n            display: block;\n            opacity: 1;\n\n        /* @starting-style {\n          opacity: 0;\n        } */\n        }\n    }\n  }\n\n@container style(--magma-pref-animation: reduce) {\n    .contrast-area,\n    .contrast-area-50{\n        -webkit-transition-duration: 0s;\n        transition-duration: 0s;\n    }\n  }\n\n@container style(--magma-pref-animation: system) {\n    \n    @media (prefers-reduced-motion) {\n      .contrast-area,\n      .contrast-area-50{\n            -webkit-transition-duration: 0s;\n            transition-duration: 0s;\n        }\n    }\n  }\n@tailwind utilities;\n\n/**\n  * @prop --mds-progress-background: Sets the background-color of the component\n  * @prop --mds-progress-color: Sets the background-color of the progress\n  * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n  * @prop --mds-progress-radius: Sets the border-radius of the component\n  * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n  */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--brand-maggioli-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;\n  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 150ms;\n  transition-duration: 150ms;\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n:host( [direction=\"vertical\"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant=\"dark\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant=\"light\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant=\"error\"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant=\"warning\"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant=\"success\"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant=\"info\"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant=\"primary\"] ) {\n\n  --mds-progress-color: rgb(var(--brand-maggioli-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n.static{\n    position: static;\n}\n\n.fixed{\n    position: fixed;\n}\n\n.absolute{\n    position: absolute;\n}\n\n.border{\n    border-width: 1px;\n}\n\n.bg-label-amaranth-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04{\n    fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04{\n    fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04{\n    fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04{\n    fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04{\n    fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04{\n    fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04{\n    fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04{\n    fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04{\n    fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04{\n    fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow{\n    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant=\"primary\"] ) {\n\n    --mds-progress-color: rgb(var(--brand-maggioli-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant=\"error\"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n  \n  :host( [variant=\"warning\"] ) {\n  \n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n  \n  :host( [variant=\"success\"] ) {\n  \n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n  \n  :host( [variant=\"info\"] ) {\n  \n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant=\"primary\"] ) {\n\n      --mds-progress-color: rgb(var(--brand-maggioli-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant=\"error\"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n    \n    :host( [variant=\"warning\"] ) {\n    \n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n    \n    :host( [variant=\"success\"] ) {\n    \n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n    \n    :host( [variant=\"info\"] ) {\n    \n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n";
+const mdsProgressCss = "@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-progress-background: Sets the background-color of the component\n * @prop --mds-progress-color: Sets the background-color of the progress\n * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n * @prop --mds-progress-radius: Sets the border-radius of the component\n * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n:host( [direction=\"vertical\"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant=\"dark\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant=\"light\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant=\"error\"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant=\"warning\"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant=\"success\"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant=\"info\"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant=\"primary\"] ) {\n\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant=\"primary\"] ) {\n\n    --mds-progress-color: rgb(var(--variant-primary-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant=\"error\"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n\n  :host( [variant=\"warning\"] ) {\n\n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n\n  :host( [variant=\"success\"] ) {\n\n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n\n  :host( [variant=\"info\"] ) {\n\n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant=\"primary\"] ) {\n\n      --mds-progress-color: rgb(var(--variant-primary-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant=\"error\"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n\n    :host( [variant=\"warning\"] ) {\n\n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n\n    :host( [variant=\"success\"] ) {\n\n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n\n    :host( [variant=\"info\"] ) {\n\n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n";
 const MdsProgressStyle0 = mdsProgressCss;
@@ -5,0 +5,0 @@

dist/documentation.json

 {
-  "timestamp": "2024-09-26T11:02:40",
+  "timestamp": "2024-11-25T18:55:25",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.21.0",
-    "typescriptVersion": "5.5.3"
+    "version": "4.22.2",
+    "typescriptVersion": "5.5.4"
   },
@@ -8,0 +8,0 @@ "components": [

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{c(r.next(e))}catch(e){o(e)}}function a(e){try{c(r["throw"](e))}catch(e){o(e)}}function c(e){e.done?n(e.value):i(e.value).then(s,a)}c((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return c([e,t])}}function c(a){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(n=0)),n)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{b as bootstrapLazy}from"./index-2c599ac6.js";export{s as setNonce}from"./index-2c599ac6.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var defineCustomElements=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(typeof window==="undefined")return[2,undefined];return[4,globalScripts()];case 1:e.sent();return[2,bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],t)]}}))}))};export{defineCustomElements};
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{c(r.next(e))}catch(e){o(e)}}function a(e){try{c(r["throw"](e))}catch(e){o(e)}}function c(e){e.done?n(e.value):i(e.value).then(s,a)}c((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return c([e,t])}}function c(a){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(n=0)),n)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{b as bootstrapLazy}from"./index-9f9c0c97.js";export{s as setNonce}from"./index-9f9c0c97.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var defineCustomElements=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(typeof window==="undefined")return[2,undefined];return[4,globalScripts()];case 1:e.sent();return[2,bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],t)]}}))}))};export{defineCustomElements};

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

@@ -1,1 +0,1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-2c599ac6.js";var mdsProgressCss='@tailwind components;\n@tailwind utilities;\n\n\n/* @import \'../../tailwind/static-components.css\'; */\n\n.svg{\n    display: -ms-flexbox;\n    display: flex;\n}\n\n.svg svg{\n    aspect-ratio: 1/1;\n    height: 100%;\n    width: 100%;\n}\n\n.contrast-area {\n    border-radius: inherit;\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    display: none;\n    inset: 0;\n    opacity: 0;\n    pointer-events: none;\n    position: absolute;\n    transition-behavior: allow-discrete;\n    -webkit-transition-property: display opacity;\n    transition-property: display opacity;\n\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n\n@container style(--magma-pref-contrast: more) {\n    .contrast-area,\n    .contrast-area-50{\n        display: block;\n        opacity: 1;\n\n      /* @starting-style {\n        opacity: 0;\n      } */\n    }\n  }\n\n@container style(--magma-pref-contrast: system) {\n\n    @media (prefers-contrast: more) {\n      .contrast-area,\n      .contrast-area-50{\n            display: block;\n            opacity: 1;\n\n        /* @starting-style {\n          opacity: 0;\n        } */\n        }\n    }\n  }\n\n@container style(--magma-pref-animation: reduce) {\n    .contrast-area,\n    .contrast-area-50{\n        -webkit-transition-duration: 0s;\n        transition-duration: 0s;\n    }\n  }\n\n@container style(--magma-pref-animation: system) {\n    \n    @media (prefers-reduced-motion) {\n      .contrast-area,\n      .contrast-area-50{\n            -webkit-transition-duration: 0s;\n            transition-duration: 0s;\n        }\n    }\n  }\n@tailwind utilities;\n\n/**\n  * @prop --mds-progress-background: Sets the background-color of the component\n  * @prop --mds-progress-color: Sets the background-color of the progress\n  * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n  * @prop --mds-progress-radius: Sets the border-radius of the component\n  * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n  */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--brand-maggioli-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;\n  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 150ms;\n  transition-duration: 150ms;\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n:host( [direction="vertical"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant="dark"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant="light"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant="error"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant="warning"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant="success"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant="info"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant="primary"] ) {\n\n  --mds-progress-color: rgb(var(--brand-maggioli-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n.static{\n    position: static;\n}\n\n.fixed{\n    position: fixed;\n}\n\n.absolute{\n    position: absolute;\n}\n\n.border{\n    border-width: 1px;\n}\n\n.bg-label-amaranth-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04{\n    fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04{\n    fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04{\n    fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04{\n    fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04{\n    fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04{\n    fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04{\n    fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04{\n    fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04{\n    fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04{\n    fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow{\n    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant="primary"] ) {\n\n    --mds-progress-color: rgb(var(--brand-maggioli-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant="error"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n  \n  :host( [variant="warning"] ) {\n  \n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n  \n  :host( [variant="success"] ) {\n  \n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n  \n  :host( [variant="info"] ) {\n  \n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant="primary"] ) {\n\n      --mds-progress-color: rgb(var(--brand-maggioli-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant="error"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n    \n    :host( [variant="warning"] ) {\n    \n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n    \n    :host( [variant="success"] ) {\n    \n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n    \n    :host( [variant="info"] ) {\n    \n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n';var MdsProgressStyle0=mdsProgressCss;var MdsProgress=function(){function n(n){registerInstance(this,n);this.stepsList=new Array;this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="primary";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}n.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};n.prototype.setProgress=function(n){if(this.steps){this.currentStep=this.stepsList[Math.round(n*(this.stepsList.length-1))];this.element.setAttribute("aria-valuetext",this.currentStep)}};n.prototype.progressChanged=function(n){this.setProgress(n)};n.prototype.stepsChanged=function(n){this.stepsList=n.split(",")};n.prototype.render=function(){return h(Host,{key:"fadd41ff24e30137a6998f2d6627fcd5d44c68ae","aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},h("div",{key:"8e1cc488d34e9876b8e256e58c65c973a7fe7a11",class:"contrast-area"}),h("div",{key:"611728b4b0b6702b3f98e005a8de265e43f7cf7b",class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return n}();MdsProgress.style=MdsProgressStyle0;export{MdsProgress as mds_progress};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-9f9c0c97.js";var mdsProgressCss='@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-progress-background: Sets the background-color of the component\n * @prop --mds-progress-color: Sets the background-color of the progress\n * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n * @prop --mds-progress-radius: Sets the border-radius of the component\n * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n:host( [direction="vertical"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant="dark"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant="light"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant="error"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant="warning"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant="success"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant="info"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant="primary"] ) {\n\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant="primary"] ) {\n\n    --mds-progress-color: rgb(var(--variant-primary-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant="error"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n\n  :host( [variant="warning"] ) {\n\n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n\n  :host( [variant="success"] ) {\n\n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n\n  :host( [variant="info"] ) {\n\n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant="primary"] ) {\n\n      --mds-progress-color: rgb(var(--variant-primary-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant="error"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n\n    :host( [variant="warning"] ) {\n\n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n\n    :host( [variant="success"] ) {\n\n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n\n    :host( [variant="info"] ) {\n\n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n';var MdsProgressStyle0=mdsProgressCss;var MdsProgress=function(){function r(r){registerInstance(this,r);this.stepsList=new Array;this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="primary";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,{key:"fadd41ff24e30137a6998f2d6627fcd5d44c68ae","aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},h("div",{key:"8e1cc488d34e9876b8e256e58c65c973a7fe7a11",class:"contrast-area"}),h("div",{key:"611728b4b0b6702b3f98e005a8de265e43f7cf7b",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=MdsProgressStyle0;export{MdsProgress as mds_progress};

dist/esm-es5/mds-progress.js

@@ -1,1 +0,1 @@
-var __awaiter=this&&this.__awaiter||function(r,t,e,n){function o(r){return r instanceof e?r:new e((function(t){t(r)}))}return new(e||(e=Promise))((function(e,i){function s(r){try{c(n.next(r))}catch(r){i(r)}}function a(r){try{c(n["throw"](r))}catch(r){i(r)}}function c(r){r.done?e(r.value):o(r.value).then(s,a)}c((n=n.apply(r,t||[])).next())}))};var __generator=this&&this.__generator||function(r,t){var e={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(r){return function(t){return c([r,t])}}function c(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(e=0)),e)try{if(n=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;o=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){e.label=a[1];break}if(a[0]===6&&e.label<i[1]){e.label=i[1];i=a;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(a);break}if(i[2])e.ops.pop();e.trys.pop();continue}a=t.call(r,e)}catch(r){a=[6,r];o=0}finally{n=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{p as promiseResolve,b as bootstrapLazy}from"./index-2c599ac6.js";export{s as setNonce}from"./index-2c599ac6.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var patchBrowser=function(){var r=import.meta.url;var t={};if(r!==""){t.resourcesUrl=new URL(".",r).href}return promiseResolve(t)};patchBrowser().then((function(r){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,globalScripts()];case 1:t.sent();return[2,bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],r)]}}))}))}));
+var __awaiter=this&&this.__awaiter||function(r,t,e,n){function o(r){return r instanceof e?r:new e((function(t){t(r)}))}return new(e||(e=Promise))((function(e,i){function s(r){try{c(n.next(r))}catch(r){i(r)}}function a(r){try{c(n["throw"](r))}catch(r){i(r)}}function c(r){r.done?e(r.value):o(r.value).then(s,a)}c((n=n.apply(r,t||[])).next())}))};var __generator=this&&this.__generator||function(r,t){var e={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(r){return function(t){return c([r,t])}}function c(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(e=0)),e)try{if(n=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;o=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){e.label=a[1];break}if(a[0]===6&&e.label<i[1]){e.label=i[1];i=a;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(a);break}if(i[2])e.ops.pop();e.trys.pop();continue}a=t.call(r,e)}catch(r){a=[6,r];o=0}finally{n=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{p as promiseResolve,b as bootstrapLazy}from"./index-9f9c0c97.js";export{s as setNonce}from"./index-9f9c0c97.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var patchBrowser=function(){var r=import.meta.url;var t={};if(r!==""){t.resourcesUrl=new URL(".",r).href}return promiseResolve(t)};patchBrowser().then((function(r){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,globalScripts()];case 1:t.sent();return[2,bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],r)]}}))}))}));

dist/esm/loader.js

@@ -1,3 +0,3 @@
-import { b as bootstrapLazy } from './index-2c599ac6.js';
-export { s as setNonce } from './index-2c599ac6.js';
+import { b as bootstrapLazy } from './index-9f9c0c97.js';
+export { s as setNonce } from './index-9f9c0c97.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
@@ -4,0 +4,0 @@

dist/esm/mds-progress.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2c599ac6.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-9f9c0c97.js';
 
-const mdsProgressCss = "@tailwind components;\n@tailwind utilities;\n\n\n/* @import '../../tailwind/static-components.css'; */\n\n.svg{\n    display: -ms-flexbox;\n    display: flex;\n}\n\n.svg svg{\n    aspect-ratio: 1/1;\n    height: 100%;\n    width: 100%;\n}\n\n.contrast-area {\n    border-radius: inherit;\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    display: none;\n    inset: 0;\n    opacity: 0;\n    pointer-events: none;\n    position: absolute;\n    transition-behavior: allow-discrete;\n    -webkit-transition-property: display opacity;\n    transition-property: display opacity;\n\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n\n@container style(--magma-pref-contrast: more) {\n    .contrast-area,\n    .contrast-area-50{\n        display: block;\n        opacity: 1;\n\n      /* @starting-style {\n        opacity: 0;\n      } */\n    }\n  }\n\n@container style(--magma-pref-contrast: system) {\n\n    @media (prefers-contrast: more) {\n      .contrast-area,\n      .contrast-area-50{\n            display: block;\n            opacity: 1;\n\n        /* @starting-style {\n          opacity: 0;\n        } */\n        }\n    }\n  }\n\n@container style(--magma-pref-animation: reduce) {\n    .contrast-area,\n    .contrast-area-50{\n        -webkit-transition-duration: 0s;\n        transition-duration: 0s;\n    }\n  }\n\n@container style(--magma-pref-animation: system) {\n    \n    @media (prefers-reduced-motion) {\n      .contrast-area,\n      .contrast-area-50{\n            -webkit-transition-duration: 0s;\n            transition-duration: 0s;\n        }\n    }\n  }\n@tailwind utilities;\n\n/**\n  * @prop --mds-progress-background: Sets the background-color of the component\n  * @prop --mds-progress-color: Sets the background-color of the progress\n  * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n  * @prop --mds-progress-radius: Sets the border-radius of the component\n  * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n  */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--brand-maggioli-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;\n  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 150ms;\n  transition-duration: 150ms;\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n:host( [direction=\"vertical\"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant=\"dark\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant=\"light\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant=\"error\"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant=\"warning\"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant=\"success\"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant=\"info\"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant=\"primary\"] ) {\n\n  --mds-progress-color: rgb(var(--brand-maggioli-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n.static{\n    position: static;\n}\n\n.fixed{\n    position: fixed;\n}\n\n.absolute{\n    position: absolute;\n}\n\n.border{\n    border-width: 1px;\n}\n\n.bg-label-amaranth-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10{\n    --tw-bg-opacity: 1;\n    background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04{\n    fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04{\n    fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04{\n    fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04{\n    fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04{\n    fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04{\n    fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04{\n    fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04{\n    fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04{\n    fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04{\n    fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04{\n    --tw-text-opacity: 1;\n    color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow{\n    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant=\"primary\"] ) {\n\n    --mds-progress-color: rgb(var(--brand-maggioli-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant=\"error\"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n  \n  :host( [variant=\"warning\"] ) {\n  \n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n  \n  :host( [variant=\"success\"] ) {\n  \n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n  \n  :host( [variant=\"info\"] ) {\n  \n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant=\"primary\"] ) {\n\n      --mds-progress-color: rgb(var(--brand-maggioli-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant=\"error\"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n    \n    :host( [variant=\"warning\"] ) {\n    \n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n    \n    :host( [variant=\"success\"] ) {\n    \n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n    \n    :host( [variant=\"info\"] ) {\n    \n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n";
+const mdsProgressCss = "@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-progress-background: Sets the background-color of the component\n * @prop --mds-progress-color: Sets the background-color of the progress\n * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n * @prop --mds-progress-radius: Sets the border-radius of the component\n * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n:host( [direction=\"vertical\"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant=\"dark\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant=\"light\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant=\"error\"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant=\"warning\"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant=\"success\"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant=\"info\"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant=\"primary\"] ) {\n\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant=\"primary\"] ) {\n\n    --mds-progress-color: rgb(var(--variant-primary-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant=\"error\"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n\n  :host( [variant=\"warning\"] ) {\n\n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n\n  :host( [variant=\"success\"] ) {\n\n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n\n  :host( [variant=\"info\"] ) {\n\n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant=\"primary\"] ) {\n\n      --mds-progress-color: rgb(var(--variant-primary-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant=\"error\"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n\n    :host( [variant=\"warning\"] ) {\n\n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n\n    :host( [variant=\"success\"] ) {\n\n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n\n    :host( [variant=\"info\"] ) {\n\n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n";
 const MdsProgressStyle0 = mdsProgressCss;
@@ -5,0 +5,0 @@

dist/esm/mds-progress.js

@@ -1,7 +0,7 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-2c599ac6.js';
-export { s as setNonce } from './index-2c599ac6.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-9f9c0c97.js';
+export { s as setNonce } from './index-9f9c0c97.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.22.2 | MIT Licensed | https://stenciljs.com
  */
@@ -8,0 +8,0 @@ var patchBrowser = () => {

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

@@ -1,1 +0,1 @@
-import{p as r,b as e}from"./p-313d3f72.js";export{s as setNonce}from"./p-313d3f72.js";import{g as p}from"./p-e1255160.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((async s=>(await p(),e([["p-2ca5093d",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],s))));
+import{p as r,b as e}from"./p-93b285aa.js";export{s as setNonce}from"./p-93b285aa.js";import{g as p}from"./p-e1255160.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((async s=>(await p(),e([["p-b8db6677",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],s))));

dist/stats.json

 {
-  "timestamp": "2024-09-26T11:02:40",
+  "timestamp": "2024-11-25T18:55:25",
   "compiler": {
     "name": "node",
-    "version": "20.10.0"
+    "version": "22.11.0"
   },
@@ -12,7 +12,7 @@ "app": {
     "entries": 1,
-    "bundles": 94,
+    "bundles": 93,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 46,
+        "files": 45,
         "generatedFiles": [
@@ -50,3 +50,2 @@ "./dist/collection/common/aria.js",
           "./dist/collection/fixtures/filenames.js",
-          "./dist/collection/interface/input-value.js",
           "./dist/collection/type/autocomplete.js",
@@ -58,4 +57,4 @@ "./dist/collection/type/button.js",
           "./dist/collection/type/form-rel.js",
+          "./dist/collection/type/header-bar.js",
           "./dist/collection/type/input.js",
-          "./dist/collection/type/language.js",
           "./dist/collection/type/loading.js",
@@ -84,3 +83,3 @@ "./dist/collection/type/preference.js",
           "./dist/cjs/app-globals-3a1e7e63.js",
-          "./dist/cjs/index-2c37527a.js",
+          "./dist/cjs/index-9725b4b4.js",
           "./dist/cjs/index.cjs.js",
@@ -91,3 +90,3 @@ "./dist/cjs/loader.cjs.js",
           "./dist/esm-es5/app-globals-0f993ce5.js",
-          "./dist/esm-es5/index-2c599ac6.js",
+          "./dist/esm-es5/index-9f9c0c97.js",
           "./dist/esm-es5/index.js",
@@ -98,3 +97,3 @@ "./dist/esm-es5/loader.js",
           "./dist/esm/app-globals-0f993ce5.js",
-          "./dist/esm/index-2c599ac6.js",
+          "./dist/esm/index-9f9c0c97.js",
           "./dist/esm/index.js",
@@ -109,21 +108,21 @@ "./dist/esm/loader.js",
           "./dist/mds-progress/mds-progress.js",
-          "./dist/mds-progress/p-18057705.system.entry.js",
-          "./dist/mds-progress/p-247bfa7b.system.js",
-          "./dist/mds-progress/p-2ca5093d.entry.js",
-          "./dist/mds-progress/p-313d3f72.js",
+          "./dist/mds-progress/p-0e39acfd.system.js",
           "./dist/mds-progress/p-50ea2036.system.js",
           "./dist/mds-progress/p-56ba5cbf.system.js",
+          "./dist/mds-progress/p-93b285aa.js",
+          "./dist/mds-progress/p-b8db6677.entry.js",
+          "./dist/mds-progress/p-c09df41d.system.js",
           "./dist/mds-progress/p-e1255160.js",
-          "./dist/mds-progress/p-ecdde885.system.js",
+          "./dist/mds-progress/p-fafac9b1.system.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-progress.esm.js",
           "./www/build/mds-progress.js",
-          "./www/build/p-18057705.system.entry.js",
-          "./www/build/p-247bfa7b.system.js",
-          "./www/build/p-2ca5093d.entry.js",
-          "./www/build/p-313d3f72.js",
+          "./www/build/p-0e39acfd.system.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-56ba5cbf.system.js",
+          "./www/build/p-93b285aa.js",
+          "./www/build/p-b8db6677.entry.js",
+          "./www/build/p-c09df41d.system.js",
           "./www/build/p-e1255160.js",
-          "./www/build/p-ecdde885.system.js"
+          "./www/build/p-fafac9b1.system.entry.js"
         ]
@@ -161,8 +160,8 @@ },
         ],
-        "bundleId": "p-2ca5093d",
-        "fileName": "p-2ca5093d.entry.js",
+        "bundleId": "p-b8db6677",
+        "fileName": "p-b8db6677.entry.js",
         "imports": [
-          "p-313d3f72.js"
+          "p-93b285aa.js"
         ],
-        "originalByteSize": 13037
+        "originalByteSize": 7229
       }
@@ -179,5 +178,5 @@ ],
         "imports": [
-          "index-2c599ac6.js"
+          "index-9f9c0c97.js"
         ],
-        "originalByteSize": 13041
+        "originalByteSize": 7233
       }
@@ -194,5 +193,5 @@ ],
         "imports": [
-          "index-2c599ac6.js"
+          "index-9f9c0c97.js"
         ],
-        "originalByteSize": 13041
+        "originalByteSize": 7233
       }
@@ -206,8 +205,8 @@ ],
         ],
-        "bundleId": "p-18057705.system",
-        "fileName": "p-18057705.system.entry.js",
+        "bundleId": "p-fafac9b1.system",
+        "fileName": "p-fafac9b1.system.entry.js",
         "imports": [
-          "p-ecdde885.system.js"
+          "p-c09df41d.system.js"
         ],
-        "originalByteSize": 13502
+        "originalByteSize": 7694
       }
@@ -224,5 +223,5 @@ ],
         "imports": [
-          "index-2c37527a.js"
+          "index-9725b4b4.js"
         ],
-        "originalByteSize": 13106
+        "originalByteSize": 7298
       }
@@ -610,3 +609,3 @@ ]
     "sc-mds-progress": [
-      "p-313d3f72.js"
+      "p-93b285aa.js"
     ]
@@ -660,3 +659,2 @@ },
     "./src/fixtures/filenames.ts": [],
-    "./src/interface/input-value.ts": [],
     "./src/type/autocomplete.ts": [],
@@ -668,4 +666,4 @@ "./src/type/button.ts": [],
     "./src/type/form-rel.ts": [],
+    "./src/type/header-bar.ts": [],
     "./src/type/input.ts": [],
-    "./src/type/language.ts": [],
     "./src/type/loading.ts": [],
@@ -672,0 +670,0 @@ "./src/type/preference.ts": [],

dist/types/common/date.d.ts

@@ -1,4 +0,4 @@
-import { ISO8601Date } from '@type/date';
+import { ISO8601Date } from "../type/date";
 declare const isISO8601Date: (dateString: string) => boolean;
 declare const sanitizeISO8601Date: (dateString: string) => ISO8601Date;
 export { sanitizeISO8601Date, isISO8601Date, };

dist/types/common/file.d.ts

@@ -1,7 +0,6 @@
-import { ExtensionInfo } from '@dictionary/file-extensions';
+import { ExtensionInfo } from "../dictionary/file-extensions";
+import { ThemeFullVariantType } from "../type/variant";
 interface FileFormatsVariants {
-    color: string;
     icon: string;
-    iconBackground: string;
-    variant: string;
+    variant: ThemeFullVariantType;
 }
@@ -8,0 +7,0 @@ declare const getName: (rawFilename: string) => string;

dist/types/common/locale.d.ts

@@ -12,5 +12,7 @@ type LocaleConfig = {
     closestElement: HTMLElement;
+    element: HTMLElement;
     constructor(configData?: LocaleConfig);
     set: (configData: LocaleConfig) => void;
-    lang: (element: HTMLElement) => string;
+    lang: (el: HTMLElement) => string;
+    update: (doc?: Document | ShadowRoot) => void;
     private pluralize;
@@ -17,0 +19,0 @@ get: (tag: string | string[], context?: Record<string, string | number>) => string;

dist/types/components.d.ts

@@ -9,5 +9,5 @@ /* eslint-disable */
 import { DirectionType } from "./components/mds-progress/meta/types";
-import { ThemeVariantType } from "@type/variant";
+import { ThemeVariantType } from "./type/variant";
 export { DirectionType } from "./components/mds-progress/meta/types";
-export { ThemeVariantType } from "@type/variant";
+export { ThemeVariantType } from "./type/variant";
 export namespace Components {
@@ -14,0 +14,0 @@ interface MdsProgress {

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

 import { DirectionType } from './meta/types';
-import { ThemeVariantType } from '@type/variant';
+import { ThemeVariantType } from "../../type/variant";
 export declare class MdsProgress {
@@ -4,0 +4,0 @@ private element;

dist/types/dictionary/file-extensions.d.ts

@@ -0,1 +1,2 @@
+import { FileFormat } from "../type/variant-file-format";
 interface FileExtenstion {
@@ -6,3 +7,3 @@ [key: string]: ExtensionInfo;
     preview?: boolean;
-    format: string;
+    format: FileFormat;
     description: string;
@@ -9,0 +10,0 @@ }

dist/types/dictionary/variant.d.ts

@@ -8,2 +8,3 @@ declare const themeVariantDictionary: string[];
 declare const toneVariantDictionary: string[];
+declare const themeVariantChipDictionary: string[];
 declare const toneActionVariantDictionary: string[];
@@ -13,2 +14,2 @@ declare const toneSimpleVariantDictionary: string[];
 declare const toneMinimalVariantDictionary: string[];
-export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, themeVariantChipDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };

dist/types/type/autocomplete.d.ts

@@ -1,2 +0,2 @@
-export type AutocompleteType = 'additional-name' | 'address' | 'address-level1' | 'address-level2' | 'address-level3' | 'address-level4' | 'address-line1' | 'address-line2' | 'address-line3' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'cc-additional-name' | 'cc-csc' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-family-name' | 'cc-family-name' | 'cc-given-name' | 'cc-name' | 'cc-number' | 'cc-type' | 'country' | 'country-name' | 'current-password' | 'email' | 'family-name' | 'given-name' | 'honorific-prefix' | 'honorific-suffix' | 'impp' | 'language' | 'name' | 'new-password' | 'nickname' | 'off' | 'on' | 'one-time-code' | 'organization' | 'organization-title' | 'photo' | 'postal-code' | 'sex' | 'street-address' | 'tel' | 'tel-area-code' | 'tel-country-code' | 'tel-extension' | 'tel-local' | 'tel-national' | 'transaction-amount' | 'transaction-currency' | 'url' | 'username';
+export type AutocompleteType = 'additional-name' | 'address' | 'address-level1' | 'address-level2' | 'address-level3' | 'address-level4' | 'address-line1' | 'address-line2' | 'address-line3' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'cc-additional-name' | 'cc-csc' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-family-name' | 'cc-given-name' | 'cc-name' | 'cc-number' | 'cc-type' | 'country' | 'country-name' | 'current-password' | 'email' | 'family-name' | 'given-name' | 'honorific-prefix' | 'honorific-suffix' | 'impp' | 'language' | 'name' | 'new-password' | 'nickname' | 'off' | 'on' | 'one-time-code' | 'organization' | 'organization-title' | 'photo' | 'postal-code' | 'sex' | 'street-address' | 'tel' | 'tel-area-code' | 'tel-country-code' | 'tel-extension' | 'tel-local' | 'tel-national' | 'transaction-amount' | 'transaction-currency' | 'url' | 'username';
 export type InputTextType = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'textarea' | 'time' | 'url';

dist/types/type/button.d.ts

@@ -5,2 +5,2 @@ export type ButtonType = 'a' | 'button' | 'reset' | 'submit';
 export type ButtonIconPositionType = 'left' | 'right';
-export type ButtonVariantType = 'primary' | 'dark' | 'light' | 'error' | 'info' | 'success' | 'warning';
+export type ButtonVariantType = 'primary' | 'secondary' | 'dark' | 'light' | 'error' | 'info' | 'success' | 'warning';

dist/types/type/input.d.ts

@@ -5,1 +5,4 @@ export type InputControlsLayoutType = 'horizontal' | 'vertical';
 export type InputTextType = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'textarea' | 'time' | 'url';
+export interface MdsInputEventDetail {
+    value?: File | string | FormData | null;
+}

dist/types/type/variant-file-format.d.ts

@@ -0,6 +1,6 @@
+import { ThemeFullVariantType } from "./variant";
+type FileFormat = 'archive' | 'attachment' | 'audio' | 'code' | 'data' | 'document' | 'email' | 'executable' | 'image' | 'markup' | 'slide' | 'spreadsheet' | 'text' | 'vector' | 'video';
 interface FileFormatVariant {
-    color: string;
     icon: string;
-    iconBackground: string;
-    variant: string;
+    variant: ThemeFullVariantType;
 }
@@ -11,2 +11,2 @@ interface FileFormatVariants {
 declare const fileFormatsVariant: FileFormatVariants;
-export { fileFormatsVariant, FileFormatVariant, FileFormatVariants, };
+export { fileFormatsVariant, FileFormat, FileFormatVariant, FileFormatVariants, };

dist/types/type/variant.d.ts

@@ -8,6 +8,7 @@ export type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning';
 export type ActionVariantType = 'primary' | 'dark' | 'light';
+export type ChipVariantType = 'primary' | 'secondary' | 'dark' | 'error' | 'info' | 'success' | 'warning';
 export type StateVariantType = 'disabled' | 'focused' | 'readonly';
-export type ToneActionVariantType = 'primary' | 'secondary' | 'tertiary' | 'strong' | 'weak' | 'ghost' | 'quiet';
+export type ToneActionVariantType = 'primary' | 'secondary' | 'strong' | 'weak' | 'ghost' | 'quiet';
 export type ToneVariantType = 'strong' | 'weak' | 'ghost' | 'quiet';
 export type ToneSimpleVariantType = 'quiet' | 'strong' | 'weak';
 export type ToneMinimalVariantType = 'strong' | 'weak';

documentation.json

 {
-  "timestamp": "2024-09-26T07:00:37",
+  "timestamp": "2024-11-25T16:00:58",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.21.0",
-    "typescriptVersion": "5.5.3"
+    "version": "4.22.2",
+    "typescriptVersion": "5.5.4"
   },
@@ -13,4 +13,4 @@ "components": [
       "tag": "mds-progress",
-      "readme": "# mds-progress\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), 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.\n",
-      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), 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.",
+      "readme": "# mds-progress\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
       "docsTags": [],
@@ -224,2 +224,7 @@ "usage": {},
     },
+    "src/components/mds-accordion-timer/meta/event-detail.ts::MdsAccordionTimerEventDetail": {
+      "declaration": "export interface MdsAccordionTimerEventDetail {\n  index: number;\n}",
+      "docstring": "",
+      "path": "src/components/mds-accordion-timer/meta/event-detail.ts"
+    },
     "src/components/mds-accordion-timer-item/meta/event-detail.ts::MdsAccordionTimerItemEventDetail": {
@@ -311,3 +316,3 @@ "declaration": "export interface MdsAccordionTimerItemEventDetail {\n  selected: boolean;\n  uuid: number;\n}",
     "src/type/button.ts::ButtonVariantType": {
-      "declaration": "export type ButtonVariantType =\n  | 'primary'\n  | 'dark'\n  | 'light'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
+      "declaration": "export type ButtonVariantType =\n  | 'primary'\n  | 'secondary'\n  | 'dark'\n  | 'light'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
       "docstring": "",
@@ -326,2 +331,7 @@ "path": "src/type/button.ts"
     },
+    "src/type/variant.ts::ChipVariantType": {
+      "declaration": "export type ChipVariantType =\n  | 'primary'\n  | 'secondary'\n  | 'dark'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
     "src/components/mds-chip/meta/interface.ts::MdsChipEvent": {
@@ -368,3 +378,3 @@ "declaration": "interface MdsChipEvent {\n  event: Event\n  element: HTMLMdsChipElement\n}",
     "src/components/mds-file-preview/meta/event-detail.ts::MdsFilePreviewEventDetail": {
-      "declaration": "export interface MdsFilePreviewEventDetail {\n  extension: string\n  filename: string\n  target: HTMLMdsFileElement\n}",
+      "declaration": "export interface MdsFilePreviewEventDetail {\n  extension: string\n  filename: string\n  target: HTMLMdsFilePreviewElement\n}",
       "docstring": "",
@@ -383,7 +393,12 @@ "path": "src/components/mds-file-preview/meta/event-detail.ts"
     },
-    "src/components/mds-header-bar/meta/types.ts::MenuType": {
-      "declaration": "export type MenuType =\n  | 'all'\n  | 'desktop'\n  | 'mobile'\n  | 'none'",
+    "src/type/header-bar.ts::HeaderBarMenuType": {
+      "declaration": "export type HeaderBarMenuType =\n  | 'all'\n  | 'desktop'\n  | 'mobile'\n  | 'none'",
       "docstring": "",
-      "path": "src/components/mds-header-bar/meta/types.ts"
+      "path": "src/type/header-bar.ts"
     },
+    "src/type/header-bar.ts::HeaderBarNavType": {
+      "declaration": "export type HeaderBarNavType =\n  | 'all'\n  | 'desktop'\n  | 'mobile'\n  | 'none'",
+      "docstring": "",
+      "path": "src/type/header-bar.ts"
+    },
     "src/components/mds-header/meta/event-detail.ts::MdsHeaderEventDetail": {
@@ -425,3 +440,3 @@ "declaration": "export interface MdsHeaderEventDetail {\n  bar: HTMLMdsHeaderBarElement\n}",
     "src/type/autocomplete.ts::AutocompleteType": {
-      "declaration": "export type AutocompleteType =\n  | 'additional-name'\n  | 'address'\n  | 'address-level1'\n  | 'address-level2'\n  | 'address-level3'\n  | 'address-level4'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'bday'\n  | 'bday-day'\n  | 'bday-month'\n  | 'bday-year'\n  | 'cc-additional-name'\n  | 'cc-csc'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-family-name'\n  | 'cc-family-name'\n  | 'cc-given-name'\n  | 'cc-name'\n  | 'cc-number'\n  | 'cc-type'\n  | 'country'\n  | 'country-name'\n  | 'current-password'\n  | 'email'\n  | 'family-name'\n  | 'given-name'\n  | 'honorific-prefix'\n  | 'honorific-suffix'\n  | 'impp'\n  | 'language'\n  | 'name'\n  | 'new-password'\n  | 'nickname'\n  | 'off'\n  | 'on'\n  | 'one-time-code'\n  | 'organization'\n  | 'organization-title'\n  | 'photo'\n  | 'postal-code'\n  | 'sex'\n  | 'street-address'\n  | 'tel'\n  | 'tel-area-code'\n  | 'tel-country-code'\n  | 'tel-extension'\n  | 'tel-local'\n  | 'tel-national'\n  | 'transaction-amount'\n  | 'transaction-currency'\n  | 'url'\n  | 'username'",
+      "declaration": "export type AutocompleteType =\n  | 'additional-name'\n  | 'address'\n  | 'address-level1'\n  | 'address-level2'\n  | 'address-level3'\n  | 'address-level4'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'bday'\n  | 'bday-day'\n  | 'bday-month'\n  | 'bday-year'\n  | 'cc-additional-name'\n  | 'cc-csc'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-family-name'\n  | 'cc-given-name'\n  | 'cc-name'\n  | 'cc-number'\n  | 'cc-type'\n  | 'country'\n  | 'country-name'\n  | 'current-password'\n  | 'email'\n  | 'family-name'\n  | 'given-name'\n  | 'honorific-prefix'\n  | 'honorific-suffix'\n  | 'impp'\n  | 'language'\n  | 'name'\n  | 'new-password'\n  | 'nickname'\n  | 'off'\n  | 'on'\n  | 'one-time-code'\n  | 'organization'\n  | 'organization-title'\n  | 'photo'\n  | 'postal-code'\n  | 'sex'\n  | 'street-address'\n  | 'tel'\n  | 'tel-area-code'\n  | 'tel-country-code'\n  | 'tel-extension'\n  | 'tel-local'\n  | 'tel-national'\n  | 'transaction-amount'\n  | 'transaction-currency'\n  | 'url'\n  | 'username'",
       "docstring": "",
@@ -455,6 +470,6 @@ "path": "src/type/autocomplete.ts"
     },
-    "src/components/mds-input/meta/event-detail.ts::MdsInputEventDetail": {
-      "declaration": "export interface MdsInputEventDetail {\n  value?: string\n}",
+    "src/type/input.ts::MdsInputEventDetail": {
+      "declaration": "export interface MdsInputEventDetail {\n  value?: File | string | FormData | null\n}",
       "docstring": "",
-      "path": "src/components/mds-input/meta/event-detail.ts"
+      "path": "src/type/input.ts"
     },
@@ -476,7 +491,2 @@ "src/components/mds-input-field/meta/types.ts::InputFieldType": {
     },
-    "src/interface/input-value.ts::InputValue": {
-      "declaration": "export interface InputValue {\n  value: InputValueType\n}",
-      "docstring": "",
-      "path": "src/interface/input-value.ts"
-    },
     "src/components/mds-input-switch/meta/types.ts::InputSwitchSizeType": {
@@ -528,6 +538,11 @@ "declaration": "export type InputSwitchSizeType =\n  | 'sm'\n  | 'md'\n  | 'lg'",
     "src/components/mds-modal/meta/types.ts::ModalPositionType": {
-      "declaration": "export type ModalPositionType =\n  | 'bottom'\n  | 'center'\n  | 'left'\n  | 'right'\n  | 'top'",
+      "declaration": "export type ModalPositionType =\n  | 'bottom'\n  | 'bottom-left'\n  | 'bottom-right'\n  | 'center'\n  | 'left'\n  | 'right'\n  | 'top'\n  | 'top-left'\n  | 'top-right'",
       "docstring": "",
       "path": "src/components/mds-modal/meta/types.ts"
     },
+    "src/components/mds-modal/meta/types.ts::ModalAnimationStateType": {
+      "declaration": "export type ModalAnimationStateType =\n  | 'intro'\n  | 'none'\n  | 'outro'",
+      "docstring": "",
+      "path": "src/components/mds-modal/meta/types.ts"
+    },
     "src/type/variant.ts::LabelVariantType": {
@@ -568,9 +583,4 @@ "declaration": "export type LabelVariantType =\n  | 'amaranth'\n  | 'aqua'\n  | 'blue'\n  | 'green'\n  | 'lime'\n  | 'orange'\n  | 'orchid'\n  | 'sky'\n  | 'violet'\n  | 'yellow'",
     },
-    "src/type/language.ts::LanguageType": {
-      "declaration": "export type LanguageType =\n  | 'auto'\n  | `${Lowercase<string>}${Lowercase<string>}`\n  | `${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}`",
-      "docstring": "",
-      "path": "src/type/language.ts"
-    },
     "src/event-detail/language.ts::MdsPrefLanguageEventDetail": {
-      "declaration": "export interface MdsPrefLanguageEventDetail {\n  language?: LanguageType\n}",
+      "declaration": "export interface MdsPrefLanguageEventDetail {\n  /* A string representing the language version as defined in {@link https://datatracker.ietf.org/doc/html/rfc5646 RFC 5646: Tags for Identifying Languages (also known as BCP 47)}.\n   *\n   * `Examples of valid language codes include \"en\", \"en-US\", \"fr\", \"fr-FR\", \"es-ES\", etc.`\n   */\n  language?: string\n}",
       "docstring": "",
@@ -649,2 +659,7 @@ "path": "src/event-detail/language.ts"
     },
+    "src/components/mds-table-header-cell/meta/types.ts::SortDirectionType": {
+      "declaration": "export type SortDirectionType =\n  | 'asc'\n  | 'desc'\n  | 'none'",
+      "docstring": "",
+      "path": "src/components/mds-table-header-cell/meta/types.ts"
+    },
     "src/components/mds-text/meta/types.ts::TextAnimationType": {
@@ -651,0 +666,0 @@ "declaration": "export type TextAnimationType =\n  | 'none'\n  | 'yugop'",

package.json

 {
   "name": "@maggioli-design-system/mds-progress",
-  "version": "2.10.3",
-  "description": "mds-progress is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+  "version": "3.0.0",
+  "description": "mds-progress is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
   "main": "dist/index.cjs.js",
@@ -27,4 +27,4 @@ "module": "dist/index.js",
   "dependencies": {
-    "@maggioli-design-system/styles": "15.3.2",
-    "@stencil/core": "4.21.0"
+    "@maggioli-design-system/styles": "15.5.0",
+    "@stencil/core": "4.22.2"
   },
@@ -31,0 +31,0 @@ "license": "MIT",

readme.md

@@ -5,3 +5,3 @@ # mds-progress
 
-This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), 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.
+This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.
 
@@ -8,0 +8,0 @@ <!-- Auto Generated Below -->

src/common/file.ts

 import { fileExtensionsDictionary, ExtensionInfo } from '@dictionary/file-extensions'
 import { fileFormatsVariant } from '@type/variant-file-format'
+import { ThemeFullVariantType } from '@type/variant'
 
 interface FileFormatsVariants {
-  color: string
   icon: string
-  iconBackground: string
-  variant: string
+  variant: ThemeFullVariantType
 }
@@ -10,0 +9,0 @@

src/common/locale.ts

@@ -1,2 +0,2 @@
-import Handlebars from 'handlebars'
+import { render } from 'mustache'
 
@@ -15,2 +15,3 @@ type LocaleConfig = {
   closestElement:HTMLElement
+  element: HTMLElement
 
@@ -27,4 +28,5 @@ constructor (configData?: LocaleConfig) {
 
-  lang = (element: HTMLElement): string => {
-    this.closestElement = element.closest('[lang]') as HTMLElement
+  lang = (el: HTMLElement): string => {
+    this.element = el
+    this.closestElement = this.element.closest('[lang]') as HTMLElement
 
@@ -42,2 +44,15 @@ if (this.closestElement) {
 
+  update = (doc?: Document | ShadowRoot): void => {
+    const context = doc ?? this.element.shadowRoot
+    context && context.querySelectorAll('*').forEach(el => {
+      if (el.tagName.toLowerCase().startsWith('mds-')) {
+        // eslint-disable-next-line no-restricted-syntax
+        if (el && 'updateLang' in el) {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          (el as any).updateLang()
+        }
+      }
+    })
+  }
+
   private pluralize = (tag: string | string[], context: Record<string, string | number>): string => {
@@ -47,3 +62,3 @@
     const phrases: string[] = []
-    
+
     if (Array.isArray(languagePhrase)) {
@@ -70,4 +85,3 @@ phrases.push(languagePhrase[0])
 
-    const template = Handlebars.compile(translatePhrase)
-    return template(context)
+    return render(translatePhrase, context)
   }
@@ -74,0 +88,0 @@

src/common/unit.ts

@@ -26,3 +26,3 @@ const cssDurationToMilliseconds = (duration: string, defaultValue = 1000): number => {
   }
-  
+
   return defaultValue
@@ -29,0 +29,0 @@ }

src/components.d.ts

@@ -9,5 +9,5 @@ /* eslint-disable */
 import { DirectionType } from "./components/mds-progress/meta/types";
-import { ThemeVariantType } from "@type/variant";
+import { ThemeVariantType } from "./type/variant";
 export { DirectionType } from "./components/mds-progress/meta/types";
-export { ThemeVariantType } from "@type/variant";
+export { ThemeVariantType } from "./type/variant";
 export namespace Components {
@@ -14,0 +14,0 @@ interface MdsProgress {

src/dictionary/button.ts

@@ -7,2 +7,3 @@ const buttonVariantDictionary = [
   'primary',
+  'secondary',
   'success',
@@ -9,0 +10,0 @@ 'warning',

src/dictionary/file-extensions.ts

@@ -0,1 +1,3 @@
+import { FileFormat } from '@type/variant-file-format'
+
 interface FileExtenstion {
@@ -7,3 +9,3 @@ [key: string]: ExtensionInfo
   preview?: boolean
-  format: string
+  format: FileFormat
   description: string
@@ -10,0 +12,0 @@ }

src/dictionary/variant.ts

@@ -80,2 +80,12 @@ const themeVariantDictionary = [
 
+const themeVariantChipDictionary = [
+  'primary',
+  'secondary',
+  'dark',
+  'error',
+  'info',
+  'success',
+  'warning',
+]
+
 const toneActionVariantDictionary = [
@@ -114,2 +124,3 @@ 'primary',
   themeVariantDictionary,
+  themeVariantChipDictionary,
   toneActionVariantDictionary,
@@ -116,0 +127,0 @@ toneMinimalVariantDictionary,

src/fixtures/icons.json

@@ -36,4 +36,12 @@ [
     "mgg/adv-denied",
-    "mgg/ai",
+    "mgg/ai-brain",
+    "mgg/ai-brain-outline",
+    "mgg/ai-message",
+    "mgg/ai-outline",
+    "mgg/ai-status-completed",
+    "mgg/ai-status-error",
+    "mgg/ai-status-processing",
+    "mgg/ai-status-suspended",
     "mgg/alerts-pagopa",
+    "mgg/anpr",
     "mgg/ansc",
@@ -50,2 +58,3 @@ "mgg/area-edificabile",
     "mgg/auto-awesome-motion",
+    "mgg/back-to-document",
     "mgg/balance",
@@ -91,2 +100,3 @@ "mgg/bill",
     "mgg/download-json",
+    "mgg/edit-article",
     "mgg/electronic-document",
@@ -173,2 +183,6 @@ "mgg/email-assigned",
     "mgg/masks-office",
+    "mgg/mdi-binoculars",
+    "mgg/mdi-graph-outline",
+    "mgg/mdi-microscope",
+    "mgg/mdi-telescope",
     "mgg/military-draft",
@@ -239,2 +253,3 @@ "mgg/money-bag-settings",
     "mgg/square-viewfinder",
+    "mgg/stacked-documents",
     "mgg/stamp",
@@ -249,2 +264,5 @@ "mgg/status-progress-a-quarter",
     "mgg/terminal",
+    "mgg/tie",
+    "mgg/to-single-document",
+    "mgg/to-stacked-documents",
     "mgg/todo",
@@ -287,4 +305,6 @@ "mgg/todo-action-businessman-view",
     "mgg/user-signed-out",
+    "mgg/user-substitution",
     "mgg/view-chart-gantt",
     "mgg/view-side-by-side",
+    "mgg/vote",
     "mgg/warning-superscript",
@@ -320,2 +340,4 @@ "mgg/web-app-ansc",
     "mi/baseline/description",
+    "mi/baseline/directions-run",
+    "mi/baseline/directions-walk",
     "mi/baseline/done",
@@ -329,3 +351,2 @@ "mi/baseline/downhill-skiing",
     "mi/baseline/folder-zip",
-    "mi/baseline/groups",
     "mi/baseline/horizontal-rule",
@@ -352,6 +373,12 @@ "mi/baseline/indeterminate-check-box",
     "mi/baseline/settings",
+    "mi/baseline/sports",
+    "mi/baseline/sports-soccer",
+    "mi/baseline/stadium",
     "mi/baseline/terminal",
     "mi/baseline/timer",
     "mi/baseline/tv",
+    "mi/baseline/unfold-more",
     "mi/baseline/videocam",
+    "mi/baseline/visibility",
+    "mi/baseline/visibility-off",
     "mi/baseline/warning",
@@ -368,3 +395,2 @@ "mi/baseline/warning-amber",
     "mi/round/email",
-    "mi/round/groups",
     "mi/round/menu",
@@ -371,0 +397,0 @@ "mi/round/more-vert",

src/fixtures/iconsauce.json

@@ -24,4 +24,12 @@ [
     "mgg/adv-denied",
-    "mgg/ai",
+    "mgg/ai-brain-outline",
+    "mgg/ai-brain",
+    "mgg/ai-message",
+    "mgg/ai-outline",
+    "mgg/ai-status-completed",
+    "mgg/ai-status-error",
+    "mgg/ai-status-processing",
+    "mgg/ai-status-suspended",
     "mgg/alerts-pagopa",
+    "mgg/anpr",
     "mgg/ansc",
@@ -38,2 +46,3 @@ "mgg/area-edificabile",
     "mgg/auto-awesome-motion",
+    "mgg/back-to-document",
     "mgg/balance",
@@ -79,2 +88,3 @@ "mgg/bill",
     "mgg/download-json",
+    "mgg/edit-article",
     "mgg/electronic-document",
@@ -161,2 +171,6 @@ "mgg/email-assigned",
     "mgg/masks-office",
+    "mgg/mdi-binoculars",
+    "mgg/mdi-graph-outline",
+    "mgg/mdi-microscope",
+    "mgg/mdi-telescope",
     "mgg/military-draft",
@@ -227,2 +241,3 @@ "mgg/money-bag-settings",
     "mgg/square-viewfinder",
+    "mgg/stacked-documents",
     "mgg/stamp",
@@ -237,2 +252,5 @@ "mgg/status-progress-a-quarter",
     "mgg/terminal",
+    "mgg/tie",
+    "mgg/to-single-document",
+    "mgg/to-stacked-documents",
     "mgg/todo-action-businessman-view",
@@ -275,4 +293,6 @@ "mgg/todo-action-certificate",
     "mgg/user-signed-out",
+    "mgg/user-substitution",
     "mgg/view-chart-gantt",
     "mgg/view-side-by-side",
+    "mgg/vote",
     "mgg/warning-superscript",
@@ -279,0 +299,0 @@ "mgg/web-app-ansc",

src/type/autocomplete.ts

@@ -21,3 +21,2 @@ export type AutocompleteType =
   | 'cc-family-name'
-  | 'cc-family-name'
   | 'cc-given-name'
@@ -24,0 +23,0 @@ | 'cc-name'

src/type/button.ts

@@ -23,2 +23,3 @@ export type ButtonType =
   | 'primary'
+  | 'secondary'
   | 'dark'
@@ -25,0 +26,0 @@ | 'light'

src/type/input.ts

@@ -26,1 +26,5 @@ export type InputControlsLayoutType =
   | 'url'
+
+export interface MdsInputEventDetail {
+  value?: File | string | FormData | null
+}

src/type/variant-file-format.ts

@@ -16,8 +16,24 @@ import baselineFolderZip from '@icon/mi/baseline/folder-zip.svg'
 import baselineVideocam from '@icon/mi/baseline/videocam.svg'
+import { ThemeFullVariantType } from '@type/variant'
 
+type FileFormat =
+  | 'archive'
+  | 'attachment'
+  | 'audio'
+  | 'code'
+  | 'data'
+  | 'document'
+  | 'email'
+  | 'executable'
+  | 'image'
+  | 'markup'
+  | 'slide'
+  | 'spreadsheet'
+  | 'text'
+  | 'vector'
+  | 'video'
+
 interface FileFormatVariant {
-  color: string
   icon: string
-  iconBackground: string
-  variant: string
+  variant: ThemeFullVariantType
 }
@@ -31,101 +47,67 @@
   archive: {
-    color: 'fill-label-amaranth-04 text-label-amaranth-04',
     icon: baselineFolderZip,
-    iconBackground: 'bg-label-amaranth-10',
     variant: 'amaranth',
   },
   attachment: {
-    color: 'fill-tone-neutral-04 text-tone-neutral-04',
     icon: baselineAttachFile,
-    iconBackground: 'bg-tone-neutral-10',
     variant: 'dark',
   },
   audio: {
-    color: 'fill-label-violet-04 text-label-violet-04',
     icon: baselineAudiotrack,
-    iconBackground: 'bg-label-violet-10',
     variant: 'violet',
   },
   code: {
-    color: 'fill-label-yellow-04 text-label-yellow-04',
     icon: baselineTerminal,
-    iconBackground: 'bg-label-yellow-10',
     variant: 'yellow',
   },
   data: {
-    color: 'fill-label-yellow-04 text-label-yellow-04',
     icon: mdiHardDisk,
-    iconBackground: 'bg-label-yellow-10',
     variant: 'yellow',
   },
   document: {
-    color: 'fill-label-orange-04 text-label-orange-04',
     icon: baselineInsertDriveFile,
-    iconBackground: 'bg-label-orange-10',
     variant: 'orange',
   },
   email: {
-    color: 'fill-label-blue-04 text-label-blue-04',
     icon: baselineEmail,
-    iconBackground: 'bg-label-blue-10',
     variant: 'blue',
   },
   executable: {
-    color: 'fill-label-amaranth-04 text-label-amaranth-04',
     icon: baselineWysiwyg,
-    iconBackground: 'bg-label-amaranth-10',
     variant: 'amaranth',
   },
   image: {
-    color: 'fill-label-green-04 text-label-green-04',
     icon: baselinePanorama,
-    iconBackground: 'bg-label-green-10',
     variant: 'green',
   },
   imageRaster: {
-    color: 'fill-label-green-04 text-label-green-04',
     icon: baselinePanorama,
-    iconBackground: 'bg-label-green-10',
     variant: 'green',
   },
   markup: {
-    color: 'fill-label-yellow-04 text-label-yellow-04',
     icon: baselineWeb,
-    iconBackground: 'bg-label-yellow-10',
     variant: 'yellow',
   },
   slide: {
-    color: 'fill-label-orchid-04 text-label-orchid-04',
     icon: baselineTV,
-    iconBackground: 'bg-label-orchid-10',
     variant: 'orchid',
   },
   spreadsheet: {
-    color: 'fill-label-lime-04 text-label-lime-04',
     icon: baselineBorderAll,
-    iconBackground: 'bg-label-lime-10',
     variant: 'lime',
   },
   text: {
-    color: 'fill-label-blue-04 text-label-blue-04',
     icon: baselineDescription,
-    iconBackground: 'bg-label-blue-10',
     variant: 'blue',
   },
   vectorImage: {
-    color: 'fill-label-aqua-04 text-label-aqua-04',
     icon: mdiVectorCurve,
-    iconBackground: 'bg-label-aqua-10',
     variant: 'aqua',
   },
   vector: {
-    color: 'fill-label-aqua-04 text-label-aqua-04',
     icon: mdiVectorCurve,
-    iconBackground: 'bg-label-aqua-10',
     variant: 'aqua',
   },
   video: {
-    color: 'fill-label-violet-04 text-label-violet-04',
     icon: baselineVideocam,
-    iconBackground: 'bg-label-violet-10',
     variant: 'violet',
@@ -137,4 +119,5 @@ },
   fileFormatsVariant,
+  FileFormat,
   FileFormatVariant,
   FileFormatVariants,
 }

src/type/variant.ts

@@ -72,2 +72,11 @@ export type ThemeStatusVariantType =
 
+export type ChipVariantType =
+  | 'primary'
+  | 'secondary'
+  | 'dark'
+  | 'error'
+  | 'info'
+  | 'success'
+  | 'warning'
+
 export type StateVariantType =
@@ -81,3 +90,2 @@ | 'disabled'
   | 'secondary' // background weak
-  | 'tertiary' // no background, no border
   | 'strong' // background strong
@@ -84,0 +92,0 @@ | 'weak' // background weak

www/build/mds-progress.esm.js

@@ -1,1 +0,1 @@
-import{p as r,b as e}from"./p-313d3f72.js";export{s as setNonce}from"./p-313d3f72.js";import{g as p}from"./p-e1255160.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((async s=>(await p(),e([["p-2ca5093d",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],s))));
+import{p as r,b as e}from"./p-93b285aa.js";export{s as setNonce}from"./p-93b285aa.js";import{g as p}from"./p-e1255160.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((async s=>(await p(),e([["p-b8db6677",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],s))));

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

Worsened metrics

Total package byte prevSize

878055

decreased by-5.18%

Number of package files

215

decreased by-1.38%

Lines of code

12599

decreased by-1.09%

Dependency changes

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

• + Added@fontsource/merriweather@5.1.0(transitive)

• + Added@fontsource/roboto@5.1.0(transitive)

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

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

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

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

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

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

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

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

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

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

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

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

• Updated@stencil/core@4.22.2