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

Comparing version 2.9.2 to 2.10.0

dist/cjs/loader.cjs.js

@@ -5,6 +5,8 @@ 'use strict';
 
-const index = require('./index-ef941864.js');
+const index = require('./index-2c37527a.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
-const defineCustomElements = (win, options) => {
+const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
   return index.bootstrapLazy([["mds-progress.cjs",[[1,"mds-progress",{"progress":[2],"direction":[513],"variant":[513],"steps":[1],"currentStep":[32]},null,{"progress":["progressChanged"],"steps":["stepsChanged"]}]]]], options);
@@ -11,0 +13,0 @@ };

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

@@ -5,5 +5,6 @@ 'use strict';
 
-const index = require('./index-ef941864.js');
+const index = require('./index-2c37527a.js');
 
-const mdsProgressCss = "@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);display:-ms-flexbox;display:flex;height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness);overflow:hidden;width:100%}:host([direction=\"vertical\"]){-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=\"dark\"]){--mds-progress-color:rgb(var(--tone-neutral-04));--mds-progress-background:rgb(var(--tone-neutral-08))}:host([variant=\"light\"]){--mds-progress-color:rgb(var(--tone-neutral));--mds-progress-background:rgb(var(--tone-neutral-05))}:host([variant=\"error\"]){--mds-progress-color:rgb(var(--status-error-06));--mds-progress-background:rgb(var(--status-error-09))}:host([variant=\"warning\"]){--mds-progress-color:rgb(var(--status-warning-06));--mds-progress-background:rgb(var(--status-warning-09))}:host([variant=\"success\"]){--mds-progress-color:rgb(var(--status-success-06));--mds-progress-background:rgb(var(--status-success-09))}:host([variant=\"info\"]){--mds-progress-color:rgb(var(--status-info-06));--mds-progress-background:rgb(var(--status-info-09))}:host([variant=\"primary\"]){--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-background:rgb(var(--tone-neutral-08))}";
+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 MdsProgressStyle0 = mdsProgressCss;
 
@@ -37,3 +38,3 @@ const MdsProgress = class {
     render() {
-        return (index.h(index.Host, { "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": Math.round(this.progress * 100), role: "progressbar" }, index.h("div", { class: "progress", style: this.direction === 'horizontal'
+        return (index.h(index.Host, { key: 'fadd41ff24e30137a6998f2d6627fcd5d44c68ae', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": Math.round(this.progress * 100), role: "progressbar" }, index.h("div", { key: '8e1cc488d34e9876b8e256e58c65c973a7fe7a11', class: "contrast-area" }), index.h("div", { key: '611728b4b0b6702b3f98e005a8de265e43f7cf7b', class: "progress", style: this.direction === 'horizontal'
                 ? { flexGrow: `${this.progress}` }
@@ -48,4 +49,4 @@ : { flexGrow: `${this.progress}`, width: '100%' } })));
 };
-MdsProgress.style = mdsProgressCss;
+MdsProgress.style = MdsProgressStyle0;
 
 exports.mds_progress = MdsProgress;

dist/cjs/mds-progress.cjs.js

@@ -5,17 +5,19 @@ 'use strict';
 
-const index = require('./index-ef941864.js');
+const index = require('./index-2c37527a.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.10.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com
  */
-const patchBrowser = () => {
-    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-progress.cjs.js', document.baseURI).href));
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return index.promiseResolve(opts);
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-progress.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
 };
 
-patchBrowser().then(options => {
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
   return index.bootstrapLazy([["mds-progress.cjs",[[1,"mds-progress",{"progress":[2],"direction":[513],"variant":[513],"steps":[1],"currentStep":[32]},null,{"progress":["progressChanged"],"steps":["stepsChanged"]}]]]], options);
@@ -22,0 +24,0 @@ });

dist/collection/collection-manifest.json

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

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

@@ -28,3 +28,3 @@ import { Host, h } from "@stencil/core";
     render() {
-        return (h(Host, { "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": Math.round(this.progress * 100), role: "progressbar" }, h("div", { class: "progress", style: this.direction === 'horizontal'
+        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: `${this.progress}` }
@@ -31,0 +31,0 @@ : { flexGrow: `${this.progress}`, width: '100%' } })));

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

@@ -7,2 +7,11 @@ import baselineFolderZip from "@icon/mi/baseline/folder-zip.svg";
 import mdiHardDisk from "@icon/mdi/harddisk.svg";
+import baselineEmail from "@icon/mi/baseline/email.svg";
+import baselineWysiwyg from "@icon/mi/baseline/wysiwyg.svg";
+import baselinePanorama from "@icon/mi/baseline/panorama.svg";
+import baselineWeb from "@icon/mi/baseline/web.svg";
+import baselineTV from "@icon/mi/baseline/tv.svg";
+import baselineBorderAll from "@icon/mi/baseline/border-all.svg";
+import baselineDescription from "@icon/mi/baseline/description.svg";
+import mdiVectorCurve from "@icon/mdi/vector-curve.svg";
+import baselineVideocam from "@icon/mi/baseline/videocam.svg";
 const fileFormatsVariant = {
@@ -47,3 +56,3 @@ archive: {
         color: 'fill-label-blue-04 text-label-blue-04',
-        icon: 'mi/baseline/email',
+        icon: baselineEmail,
         iconBackground: 'bg-label-blue-10',
@@ -54,3 +63,3 @@ variant: 'blue',
         color: 'fill-label-amaranth-04 text-label-amaranth-04',
-        icon: 'mi/baseline/wysiwyg',
+        icon: baselineWysiwyg,
         iconBackground: 'bg-label-amaranth-10',
@@ -61,3 +70,3 @@ variant: 'amaranth',
         color: 'fill-label-green-04 text-label-green-04',
-        icon: 'mi/baseline/panorama',
+        icon: baselinePanorama,
         iconBackground: 'bg-label-green-10',
@@ -68,3 +77,3 @@ variant: 'green',
         color: 'fill-label-green-04 text-label-green-04',
-        icon: 'mi/baseline/panorama',
+        icon: baselinePanorama,
         iconBackground: 'bg-label-green-10',
@@ -75,3 +84,3 @@ variant: 'green',
         color: 'fill-label-yellow-04 text-label-yellow-04',
-        icon: 'mi/baseline/web',
+        icon: baselineWeb,
         iconBackground: 'bg-label-yellow-10',
@@ -82,3 +91,3 @@ variant: 'yellow',
         color: 'fill-label-orchid-04 text-label-orchid-04',
-        icon: 'mi/baseline/tv',
+        icon: baselineTV,
         iconBackground: 'bg-label-orchid-10',
@@ -89,3 +98,3 @@ variant: 'orchid',
         color: 'fill-label-lime-04 text-label-lime-04',
-        icon: 'mi/baseline/border-all',
+        icon: baselineBorderAll,
         iconBackground: 'bg-label-lime-10',
@@ -96,3 +105,3 @@ variant: 'lime',
         color: 'fill-label-blue-04 text-label-blue-04',
-        icon: 'mi/baseline/description',
+        icon: baselineDescription,
         iconBackground: 'bg-label-blue-10',
@@ -103,3 +112,3 @@ variant: 'blue',
         color: 'fill-label-aqua-04 text-label-aqua-04',
-        icon: 'mdi/vector-curve',
+        icon: mdiVectorCurve,
         iconBackground: 'bg-label-aqua-10',
@@ -110,3 +119,3 @@ variant: 'aqua',
         color: 'fill-label-aqua-04 text-label-aqua-04',
-        icon: 'mdi/vector-curve',
+        icon: mdiVectorCurve,
         iconBackground: 'bg-label-aqua-10',
@@ -117,3 +126,3 @@ variant: 'aqua',
         color: 'fill-label-violet-04 text-label-violet-04',
-        icon: 'mi/baseline/videocam',
+        icon: baselineVideocam,
         iconBackground: 'bg-label-violet-10',
@@ -120,0 +129,0 @@ variant: 'violet',

dist/components/mds-progress.js

 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const mdsProgressCss = "@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);display:-ms-flexbox;display:flex;height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness);overflow:hidden;width:100%}:host([direction=\"vertical\"]){-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=\"dark\"]){--mds-progress-color:rgb(var(--tone-neutral-04));--mds-progress-background:rgb(var(--tone-neutral-08))}:host([variant=\"light\"]){--mds-progress-color:rgb(var(--tone-neutral));--mds-progress-background:rgb(var(--tone-neutral-05))}:host([variant=\"error\"]){--mds-progress-color:rgb(var(--status-error-06));--mds-progress-background:rgb(var(--status-error-09))}:host([variant=\"warning\"]){--mds-progress-color:rgb(var(--status-warning-06));--mds-progress-background:rgb(var(--status-warning-09))}:host([variant=\"success\"]){--mds-progress-color:rgb(var(--status-success-06));--mds-progress-background:rgb(var(--status-success-09))}:host([variant=\"info\"]){--mds-progress-color:rgb(var(--status-info-06));--mds-progress-background:rgb(var(--status-info-09))}:host([variant=\"primary\"]){--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-background:rgb(var(--tone-neutral-08))}";
+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 MdsProgressStyle0 = mdsProgressCss;
 
@@ -34,3 +35,3 @@ const MdsProgress$1 = /*@__PURE__*/ proxyCustomElement(class MdsProgress extends HTMLElement {
     render() {
-        return (h(Host, { "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": Math.round(this.progress * 100), role: "progressbar" }, h("div", { class: "progress", style: this.direction === 'horizontal'
+        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: `${this.progress}` }
@@ -44,3 +45,3 @@ : { flexGrow: `${this.progress}`, width: '100%' } })));
     }; }
-    static get style() { return mdsProgressCss; }
+    static get style() { return MdsProgressStyle0; }
 }, [1, "mds-progress", {
@@ -47,0 +48,0 @@ "progress": [2],

dist/documentation.d.ts

@@ -350,6 +350,22 @@
 }
+/**
+ * Type describing a CSS Style, as described by a JSDoc-style comment
+ */
 export interface JsonDocsStyle {
+  /**
+   * The name of the style
+   */
   name: string;
+  /**
+   * The type/description associated with the style
+   */
   docs: string;
+  /**
+   * The annotation used in the JSDoc of the style (e.g. `@prop`)
+   */
   annotation: string;
+  /**
+   * The mode associated with the style
+   */
+  mode: string | undefined;
 }
@@ -393,6 +409,24 @@ export interface JsonDocsListener {
 }
+/**
+ * Represents a parsed block comment in a CSS, Sass, etc. file for a custom property.
+ */
 export interface StyleDoc {
+  /**
+   * The name of the CSS property
+   */
   name: string;
+  /**
+   * The user-defined description of the CSS property
+   */
   docs: string;
+  /**
+   * The JSDoc-style annotation (e.g. `@prop`) that was used in the block comment to detect the comment.
+   * Used to inform Stencil where the start of a new property's description starts (and where the previous description
+   * ends).
+   */
   annotation: "prop";
+  /**
+   * The Stencil style-mode that is associated with this property.
+   */
+  mode: string | undefined;
 }
@@ -399,0 +433,0 @@

dist/documentation.json

 {
-  "timestamp": "2024-04-18T15:17:33",
+  "timestamp": "2024-09-05T13:46:25",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.10.0",
-    "typescriptVersion": "5.3.3"
+    "version": "4.21.0",
+    "typescriptVersion": "5.5.3"
   },
@@ -8,0 +8,0 @@ "components": [

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{b as bootstrapLazy}from"./index-370f577b.js";export{s as setNonce}from"./index-370f577b.js";var defineCustomElements=function(e,s){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],s)};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-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};

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

@@ -1,1 +0,1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-370f577b.js";var mdsProgressCss='@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);display:-ms-flexbox;display:flex;height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness);overflow:hidden;width:100%}:host([direction="vertical"]){-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant="dark"]){--mds-progress-color:rgb(var(--tone-neutral-04));--mds-progress-background:rgb(var(--tone-neutral-08))}:host([variant="light"]){--mds-progress-color:rgb(var(--tone-neutral));--mds-progress-background:rgb(var(--tone-neutral-05))}:host([variant="error"]){--mds-progress-color:rgb(var(--status-error-06));--mds-progress-background:rgb(var(--status-error-09))}:host([variant="warning"]){--mds-progress-color:rgb(var(--status-warning-06));--mds-progress-background:rgb(var(--status-warning-09))}:host([variant="success"]){--mds-progress-color:rgb(var(--status-success-06));--mds-progress-background:rgb(var(--status-success-09))}:host([variant="info"]){--mds-progress-color:rgb(var(--status-info-06));--mds-progress-background:rgb(var(--status-info-09))}:host([variant="primary"]){--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-background:rgb(var(--tone-neutral-08))}';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,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},h("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}();MdsProgress.style=mdsProgressCss;export{MdsProgress as mds_progress};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-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};

dist/esm-es5/mds-progress.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-370f577b.js";export{s as setNonce}from"./index-370f577b.js";var patchBrowser=function(){var r=import.meta.url;var s={};if(r!==""){s.resourcesUrl=new URL(".",r).href}return promiseResolve(s)};patchBrowser().then((function(r){return 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-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)]}}))}))}));

dist/esm/loader.js

@@ -1,6 +0,8 @@
-import { b as bootstrapLazy } from './index-370f577b.js';
-export { s as setNonce } from './index-370f577b.js';
+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';
 
-const defineCustomElements = (win, options) => {
+const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
+  await globalScripts();
   return bootstrapLazy([["mds-progress",[[1,"mds-progress",{"progress":[2],"direction":[513],"variant":[513],"steps":[1],"currentStep":[32]},null,{"progress":["progressChanged"],"steps":["stepsChanged"]}]]]], options);
@@ -7,0 +9,0 @@ };

dist/esm/mds-progress.entry.js

@@ -1,4 +0,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-370f577b.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-2c599ac6.js';
 
-const mdsProgressCss = "@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);display:-ms-flexbox;display:flex;height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness);overflow:hidden;width:100%}:host([direction=\"vertical\"]){-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=\"dark\"]){--mds-progress-color:rgb(var(--tone-neutral-04));--mds-progress-background:rgb(var(--tone-neutral-08))}:host([variant=\"light\"]){--mds-progress-color:rgb(var(--tone-neutral));--mds-progress-background:rgb(var(--tone-neutral-05))}:host([variant=\"error\"]){--mds-progress-color:rgb(var(--status-error-06));--mds-progress-background:rgb(var(--status-error-09))}:host([variant=\"warning\"]){--mds-progress-color:rgb(var(--status-warning-06));--mds-progress-background:rgb(var(--status-warning-09))}:host([variant=\"success\"]){--mds-progress-color:rgb(var(--status-success-06));--mds-progress-background:rgb(var(--status-success-09))}:host([variant=\"info\"]){--mds-progress-color:rgb(var(--status-info-06));--mds-progress-background:rgb(var(--status-info-09))}:host([variant=\"primary\"]){--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-background:rgb(var(--tone-neutral-08))}";
+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 MdsProgressStyle0 = mdsProgressCss;
 
@@ -32,3 +33,3 @@ const MdsProgress = class {
     render() {
-        return (h(Host, { "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": Math.round(this.progress * 100), role: "progressbar" }, h("div", { class: "progress", style: this.direction === 'horizontal'
+        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: `${this.progress}` }
@@ -43,4 +44,4 @@ : { flexGrow: `${this.progress}`, width: '100%' } })));
 };
-MdsProgress.style = mdsProgressCss;
+MdsProgress.style = MdsProgressStyle0;
 
 export { MdsProgress as mds_progress };

dist/esm/mds-progress.js

@@ -1,18 +0,20 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-370f577b.js';
-export { s as setNonce } from './index-370f577b.js';
+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';
 
 /*
- Stencil Client Patch Browser v4.10.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com
  */
-const patchBrowser = () => {
-    const importMeta = import.meta.url;
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return promiseResolve(opts);
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
 };
 
-patchBrowser().then(options => {
+patchBrowser().then(async (options) => {
+  await globalScripts();
   return bootstrapLazy([["mds-progress",[[1,"mds-progress",{"progress":[2],"direction":[513],"variant":[513],"steps":[1],"currentStep":[32]},null,{"progress":["progressChanged"],"steps":["stepsChanged"]}]]]], options);
 });

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

@@ -1,1 +0,1 @@
-import{p as r,b as e}from"./p-87430859.js";export{s as setNonce}from"./p-87430859.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((s=>e([["p-b8ddb760",[[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-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-a9121660",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],s))));

dist/stats.json

 {
-  "timestamp": "2024-04-18T15:17:33",
+  "timestamp": "2024-09-05T13:46:25",
   "compiler": {
@@ -12,7 +12,7 @@ "name": "node",
     "entries": 1,
-    "bundles": 83,
+    "bundles": 91,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 42,
+        "files": 43,
         "generatedFiles": [
@@ -23,2 +23,3 @@ "./dist/collection/common/aria.js",
           "./dist/collection/common/keyboard-manager.js",
+          "./dist/collection/common/locale.js",
           "./dist/collection/common/unit.js",
@@ -35,3 +36,2 @@ "./dist/collection/common/yugop/core.js",
           "./dist/collection/components/mds-progress/meta/types.js",
-          "./dist/collection/components/mds-progress/test/mds-progress.e2e.js",
           "./dist/collection/components/mds-progress/test/mds-progress.stories.js",
@@ -59,2 +59,3 @@ "./dist/collection/dictionary/autocomplete.js",
           "./dist/collection/type/loading.js",
+          "./dist/collection/type/preference.js",
           "./dist/collection/type/text.js",
@@ -78,5 +79,6 @@ "./dist/collection/type/typography.js",
         "name": "dist-lazy",
-        "files": 35,
+        "files": 42,
         "generatedFiles": [
-          "./dist/cjs/index-ef941864.js",
+          "./dist/cjs/app-globals-3a1e7e63.js",
+          "./dist/cjs/index-2c37527a.js",
           "./dist/cjs/index.cjs.js",
@@ -86,3 +88,4 @@ "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-progress.cjs.js",
-          "./dist/esm-es5/index-370f577b.js",
+          "./dist/esm-es5/app-globals-0f993ce5.js",
+          "./dist/esm-es5/index-2c599ac6.js",
           "./dist/esm-es5/index.js",
@@ -92,3 +95,4 @@ "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-progress.js",
-          "./dist/esm/index-370f577b.js",
+          "./dist/esm/app-globals-0f993ce5.js",
+          "./dist/esm/index-2c599ac6.js",
           "./dist/esm/index.js",
@@ -103,17 +107,21 @@ "./dist/esm/loader.js",
           "./dist/mds-progress/mds-progress.js",
-          "./dist/mds-progress/p-20cc5857.system.entry.js",
+          "./dist/mds-progress/p-247bfa7b.system.js",
+          "./dist/mds-progress/p-313d3f72.js",
           "./dist/mds-progress/p-50ea2036.system.js",
-          "./dist/mds-progress/p-87430859.js",
-          "./dist/mds-progress/p-91249106.system.js",
-          "./dist/mds-progress/p-b8ddb760.entry.js",
-          "./dist/mds-progress/p-bf3c5077.system.js",
+          "./dist/mds-progress/p-56ba5cbf.system.js",
+          "./dist/mds-progress/p-63b6c1a0.system.entry.js",
+          "./dist/mds-progress/p-a9121660.entry.js",
+          "./dist/mds-progress/p-e1255160.js",
+          "./dist/mds-progress/p-ecdde885.system.js",
           "./www/build/index.esm.js",
           "./www/build/mds-progress.esm.js",
           "./www/build/mds-progress.js",
-          "./www/build/p-20cc5857.system.entry.js",
+          "./www/build/p-247bfa7b.system.js",
+          "./www/build/p-313d3f72.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-87430859.js",
-          "./www/build/p-91249106.system.js",
-          "./www/build/p-b8ddb760.entry.js",
-          "./www/build/p-bf3c5077.system.js"
+          "./www/build/p-56ba5cbf.system.js",
+          "./www/build/p-63b6c1a0.system.entry.js",
+          "./www/build/p-a9121660.entry.js",
+          "./www/build/p-e1255160.js",
+          "./www/build/p-ecdde885.system.js"
         ]
@@ -151,8 +159,8 @@ },
         ],
-        "bundleId": "p-b8ddb760",
-        "fileName": "p-b8ddb760.entry.js",
+        "bundleId": "p-a9121660",
+        "fileName": "p-a9121660.entry.js",
         "imports": [
-          "p-87430859.js"
+          "p-313d3f72.js"
         ],
-        "originalByteSize": 7305
+        "originalByteSize": 13025
       }
@@ -169,5 +177,5 @@ ],
         "imports": [
-          "index-370f577b.js"
+          "index-2c599ac6.js"
         ],
-        "originalByteSize": 7309
+        "originalByteSize": 13029
       }
@@ -184,5 +192,5 @@ ],
         "imports": [
-          "index-370f577b.js"
+          "index-2c599ac6.js"
         ],
-        "originalByteSize": 7309
+        "originalByteSize": 13029
       }
@@ -196,8 +204,8 @@ ],
         ],
-        "bundleId": "p-20cc5857.system",
-        "fileName": "p-20cc5857.system.entry.js",
+        "bundleId": "p-63b6c1a0.system",
+        "fileName": "p-63b6c1a0.system.entry.js",
         "imports": [
-          "p-bf3c5077.system.js"
+          "p-ecdde885.system.js"
         ],
-        "originalByteSize": 7764
+        "originalByteSize": 13490
       }
@@ -214,5 +222,5 @@ ],
         "imports": [
-          "index-ef941864.js"
+          "index-2c37527a.js"
         ],
-        "originalByteSize": 7368
+        "originalByteSize": 13094
       }
@@ -493,3 +501,4 @@ ]
               "docs": "Sets the background-color of the component",
-              "annotation": "prop"
+              "annotation": "prop",
+              "mode": "$"
             },
@@ -499,3 +508,4 @@ {
               "docs": "Sets the background-color of the progress",
-              "annotation": "prop"
+              "annotation": "prop",
+              "mode": "$"
             },
@@ -505,3 +515,4 @@ {
               "docs": "Sets the duration of the progress bar animation",
-              "annotation": "prop"
+              "annotation": "prop",
+              "mode": "$"
             },
@@ -511,3 +522,4 @@ {
               "docs": "Sets the border-radius of the component",
-              "annotation": "prop"
+              "annotation": "prop",
+              "mode": "$"
             },
@@ -517,3 +529,4 @@ {
               "docs": "Sets the thickness of the progress bar",
-              "annotation": "prop"
+              "annotation": "prop",
+              "mode": "$"
             }
@@ -565,3 +578,3 @@ ],
           "hasVdomFunctional": false,
-          "hasVdomKey": false,
+          "hasVdomKey": true,
           "hasVdomListener": false,
@@ -576,2 +589,3 @@ "hasVdomPropOrAttr": true,
           "htmlAttrNames": [
+            "key",
             "aria-valuemax",
@@ -601,3 +615,3 @@ "aria-valuemin",
     "sc-mds-progress": [
-      "p-87430859.js"
+      "p-313d3f72.js"
     ]
@@ -610,2 +624,3 @@ },
     "./src/common/keyboard-manager.ts": [],
+    "./src/common/locale.ts": [],
     "./src/common/unit.ts": [],
@@ -631,3 +646,2 @@ "./src/common/yugop/core.ts": [
     "./src/components/mds-progress/meta/types.ts": [],
-    "./src/components/mds-progress/test/mds-progress.e2e.ts": [],
     "./src/components/mds-progress/test/mds-progress.stories.tsx": [
@@ -660,2 +674,3 @@ "./src/components/mds-progress/meta/dictionary"
     "./src/type/loading.ts": [],
+    "./src/type/preference.ts": [],
     "./src/type/text.ts": [],
@@ -662,0 +677,0 @@ "./src/type/typography.ts": [],

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

@@ -771,2 +771,3 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
         media?: string;
+        ping?: string;
         rel?: string;
@@ -798,3 +799,2 @@ target?: string;
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
@@ -926,4 +926,2 @@ form?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
@@ -985,4 +983,2 @@ checked?: boolean;
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
@@ -1000,3 +996,2 @@ disabled?: boolean;
         htmlFor?: string;
-        htmlfor?: string;
     }
@@ -1112,3 +1107,2 @@ interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
         htmlFor?: string;
-        htmlfor?: string;
         name?: string;
@@ -1138,3 +1132,2 @@ }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
@@ -1174,4 +1167,2 @@ form?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
@@ -1229,2 +1220,4 @@ disabled?: boolean;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
@@ -1231,0 +1224,0 @@ [className: string]: boolean;

documentation.json

 {
-  "timestamp": "2024-04-18T15:04:37",
+  "timestamp": "2024-09-05T13:13:09",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.10.0",
-    "typescriptVersion": "5.3.3"
+    "version": "4.21.0",
+    "typescriptVersion": "5.5.3"
   },
@@ -378,22 +378,2 @@ "components": [
     },
-    "src/components/mds-form/meta/types.ts::CharacterSetType": {
-      "declaration": "export type CharacterSetType =\n  | '8859-1'\n  | 'ansi'\n  | 'ascii'\n  | 'utf-8'",
-      "docstring": "",
-      "path": "src/components/mds-form/meta/types.ts"
-    },
-    "src/components/mds-form/meta/types.ts::FormAutocompleteType": {
-      "declaration": "export type FormAutocompleteType =\n  | 'off'\n  | 'on'",
-      "docstring": "",
-      "path": "src/components/mds-form/meta/types.ts"
-    },
-    "src/components/mds-form/meta/types.ts::EnctypeType": {
-      "declaration": "export type EnctypeType =\n  | 'application/x-www-form-urlencoded'\n  | 'multipart/form-data'\n  | 'text/plain'",
-      "docstring": "",
-      "path": "src/components/mds-form/meta/types.ts"
-    },
-    "src/components/mds-form/meta/types.ts::FormMethodType": {
-      "declaration": "export type FormMethodType =\n  | 'get'\n  | 'post'",
-      "docstring": "",
-      "path": "src/components/mds-form/meta/types.ts"
-    },
     "src/components/mds-header-bar/meta/types.ts::MenuType": {
@@ -509,2 +489,12 @@ "declaration": "export type MenuType =\n  | 'all'\n  | 'desktop'\n  | 'mobile'\n  | 'none'",
     },
+    "src/components/mds-input-tip/meta/types.ts::InputTipPositionType": {
+      "declaration": "export type InputTipPositionType =\n  | 'top'\n  | 'bottom'",
+      "docstring": "",
+      "path": "src/components/mds-input-tip/meta/types.ts"
+    },
+    "src/components/mds-input-tip-item/meta/types.ts::InputTipItemVariantType": {
+      "declaration": "export type InputTipItemVariantType =\n  | 'required'\n  | 'required-success'\n  | 'disabled'\n  | 'readonly'\n  | 'text'",
+      "docstring": "",
+      "path": "src/components/mds-input-tip-item/meta/types.ts"
+    },
     "src/components/mds-input-upload/meta/types.ts::AttachmentSort": {
@@ -515,2 +505,7 @@ "declaration": "type AttachmentSort =\n  'status' |\n  'date'",
     },
+    "src/components/mds-input-upload/meta/types.ts::FileError": {
+      "declaration": "interface FileError {\n  filename: string,\n  errorMessage: string,\n}",
+      "docstring": "",
+      "path": "src/components/mds-input-upload/meta/types.ts"
+    },
     "src/type/typography.ts::TypographyType": {
@@ -546,2 +541,27 @@ "declaration": "export type TypographyType =\n  | 'action'\n  | 'caption'\n  | 'snippet'\n  | 'detail'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'hack'\n  | 'label'\n  | 'option'\n  | 'paragraph'\n  | 'tip'",
     },
+    "src/components/mds-pref-animation/meta/types.ts::AnimationModeType": {
+      "declaration": "export type AnimationModeType =\n  | 'reduce'\n  | 'no-preference'\n  | 'system'",
+      "docstring": "",
+      "path": "src/components/mds-pref-animation/meta/types.ts"
+    },
+    "src/type/preference.ts::ConsumptionModeType": {
+      "declaration": "export type ConsumptionModeType =\n  | 'high'\n  | 'medium'\n  | 'low'",
+      "docstring": "",
+      "path": "src/type/preference.ts"
+    },
+    "src/components/mds-pref-contrast/meta/types.ts::ContrastModeType": {
+      "declaration": "export type ContrastModeType =\n  | 'more'\n  | 'no-preference'\n  | 'system'",
+      "docstring": "",
+      "path": "src/components/mds-pref-contrast/meta/types.ts"
+    },
+    "src/components/mds-pref-theme/meta/types.ts::ThemeModeType": {
+      "declaration": "export type ThemeModeType =\n  | 'light'\n  | 'dark'\n  | 'system'",
+      "docstring": "",
+      "path": "src/components/mds-pref-theme/meta/types.ts"
+    },
+    "src/components/mds-pref-theme/meta/types.ts::ThemeTransitionType": {
+      "declaration": "export type ThemeTransitionType =\n  | 'none'\n  | 'flash'\n  | 'smooth'",
+      "docstring": "",
+      "path": "src/components/mds-pref-theme/meta/types.ts"
+    },
     "src/components/mds-price-table-features-cell/meta/types.ts::PriceTableFeaturesCellType": {
@@ -548,0 +568,0 @@ "declaration": "export type PriceTableFeaturesCellType =\n  | 'custom'\n  | 'label'\n  | 'supported'\n  | 'text'\n  | 'unsupported'",

loader/cdn.js

@@ -1,3 +0,2 @@
-
 module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports.applyPolyfills = function() { return Promise.resolve() };

loader/index.cjs.js

@@ -1,3 +0,2 @@
-
 module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports.applyPolyfills = function() { return Promise.resolve() };

loader/index.d.ts

@@ -12,2 +12,5 @@ export * from '../dist/types/components';
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
 export declare function applyPolyfills(): Promise<void>;
@@ -14,0 +17,0 @@

loader/index.es2017.js

@@ -1,3 +0,2 @@
-
 export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm/loader.js';
+export * from '../dist/esm/loader.js';

loader/index.js

@@ -1,4 +0,3 @@
-
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm-es5/loader.js';
+export * from '../dist/esm-es5/loader.js';

package.json

 {
   "name": "@maggioli-design-system/mds-progress",
-  "version": "2.9.2",
+  "version": "2.10.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 JavaScirpt framework you are using.",
@@ -27,4 +27,4 @@ "main": "dist/index.cjs.js",
   "dependencies": {
-    "@maggioli-design-system/styles": "14.3.2",
-    "@stencil/core": "4.10.0"
+    "@maggioli-design-system/styles": "15.3.0",
+    "@stencil/core": "4.21.0"
   },
@@ -31,0 +31,0 @@ "license": "MIT",

src/fixtures/icons.json

@@ -37,2 +37,3 @@ [
     "mgg/alerts-pagopa",
+    "mgg/ansc",
     "mgg/area-edificabile",
@@ -65,2 +66,5 @@ "mgg/area-weather",
     "mgg/classic-permission",
+    "mgg/consumption-high",
+    "mgg/consumption-low",
+    "mgg/consumption-medium",
     "mgg/copy-paste",
@@ -118,2 +122,4 @@ "mgg/d-instrumental-buildings",
     "mgg/google-experiment",
+    "mgg/google-face-retouching-off",
+    "mgg/google-hub",
     "mgg/google-keyboard-double-arrow-down",
@@ -165,2 +171,3 @@ "mgg/google-keyboard-double-arrow-up",
     "mgg/not-sent-yet",
+    "mgg/office-off",
     "mgg/order-return-down-left-to-right",
@@ -204,2 +211,3 @@ "mgg/order-return-down-left-to-up",
     "mgg/residency-permit",
+    "mgg/robot",
     "mgg/roles-permission",
@@ -264,2 +272,3 @@ "mgg/rubber-stamp",
     "mgg/warning-superscript",
+    "mgg/web-app-ansc",
     "mgg/work-book",
@@ -272,2 +281,3 @@ "mi/baseline/account-balance",
     "mi/baseline/agriculture",
+    "mi/baseline/animation",
     "mi/baseline/arrow-back",
@@ -278,5 +288,7 @@ "mi/baseline/arrow-forward",
     "mi/baseline/audiotrack",
+    "mi/baseline/auto-awesome",
     "mi/baseline/badge",
     "mi/baseline/book",
     "mi/baseline/border-all",
+    "mi/baseline/broken-image",
     "mi/baseline/cancel",
@@ -288,3 +300,5 @@ "mi/baseline/category",
     "mi/baseline/close",
+    "mi/baseline/contrast",
     "mi/baseline/css",
+    "mi/baseline/dark-mode",
     "mi/baseline/description",
@@ -306,2 +320,3 @@ "mi/baseline/done",
     "mi/baseline/keyboard-arrow-up",
+    "mi/baseline/light-mode",
     "mi/baseline/local-activity",
@@ -329,2 +344,5 @@ "mi/baseline/lock-open",
     "mi/baseline/wysiwyg",
+    "mi/outline/auto-awesome",
+    "mi/outline/circle",
+    "mi/outline/dark-mode",
     "mi/outline/help-outline",
@@ -331,0 +349,0 @@ "mi/outline/schedule",

src/fixtures/iconsauce.json

@@ -25,2 +25,3 @@ [
     "mgg/alerts-pagopa",
+    "mgg/ansc",
     "mgg/area-edificabile",
@@ -53,2 +54,5 @@ "mgg/area-weather",
     "mgg/classic-permission",
+    "mgg/consumption-high",
+    "mgg/consumption-low",
+    "mgg/consumption-medium",
     "mgg/copy-paste",
@@ -106,2 +110,4 @@ "mgg/d-instrumental-buildings",
     "mgg/google-experiment",
+    "mgg/google-face-retouching-off",
+    "mgg/google-hub",
     "mgg/google-keyboard-double-arrow-down",
@@ -153,2 +159,3 @@ "mgg/google-keyboard-double-arrow-up",
     "mgg/not-sent-yet",
+    "mgg/office-off",
     "mgg/order-return-down-left-to-right",
@@ -192,2 +199,3 @@ "mgg/order-return-down-left-to-up",
     "mgg/residency-permit",
+    "mgg/robot",
     "mgg/roles-permission",
@@ -252,3 +260,4 @@ "mgg/rubber-stamp",
     "mgg/warning-superscript",
+    "mgg/web-app-ansc",
     "mgg/work-book"
 ]

src/type/variant-file-format.ts

@@ -7,2 +7,11 @@ import baselineFolderZip from '@icon/mi/baseline/folder-zip.svg'
 import mdiHardDisk from '@icon/mdi/harddisk.svg'
+import baselineEmail from '@icon/mi/baseline/email.svg'
+import baselineWysiwyg from '@icon/mi/baseline/wysiwyg.svg'
+import baselinePanorama from '@icon/mi/baseline/panorama.svg'
+import baselineWeb from '@icon/mi/baseline/web.svg'
+import baselineTV from '@icon/mi/baseline/tv.svg'
+import baselineBorderAll from '@icon/mi/baseline/border-all.svg'
+import baselineDescription from '@icon/mi/baseline/description.svg'
+import mdiVectorCurve from '@icon/mdi/vector-curve.svg'
+import baselineVideocam from '@icon/mi/baseline/videocam.svg'
 
@@ -59,3 +68,3 @@ interface FileFormatVariant {
     color: 'fill-label-blue-04 text-label-blue-04',
-    icon: 'mi/baseline/email',
+    icon: baselineEmail,
     iconBackground: 'bg-label-blue-10',
@@ -66,3 +75,3 @@ variant: 'blue',
     color: 'fill-label-amaranth-04 text-label-amaranth-04',
-    icon: 'mi/baseline/wysiwyg',
+    icon: baselineWysiwyg,
     iconBackground: 'bg-label-amaranth-10',
@@ -73,3 +82,3 @@ variant: 'amaranth',
     color: 'fill-label-green-04 text-label-green-04',
-    icon: 'mi/baseline/panorama',
+    icon: baselinePanorama,
     iconBackground: 'bg-label-green-10',
@@ -80,3 +89,3 @@ variant: 'green',
     color: 'fill-label-green-04 text-label-green-04',
-    icon: 'mi/baseline/panorama',
+    icon: baselinePanorama,
     iconBackground: 'bg-label-green-10',
@@ -87,3 +96,3 @@ variant: 'green',
     color: 'fill-label-yellow-04 text-label-yellow-04',
-    icon: 'mi/baseline/web',
+    icon: baselineWeb,
     iconBackground: 'bg-label-yellow-10',
@@ -94,3 +103,3 @@ variant: 'yellow',
     color: 'fill-label-orchid-04 text-label-orchid-04',
-    icon: 'mi/baseline/tv',
+    icon: baselineTV,
     iconBackground: 'bg-label-orchid-10',
@@ -101,3 +110,3 @@ variant: 'orchid',
     color: 'fill-label-lime-04 text-label-lime-04',
-    icon: 'mi/baseline/border-all',
+    icon: baselineBorderAll,
     iconBackground: 'bg-label-lime-10',
@@ -108,3 +117,3 @@ variant: 'lime',
     color: 'fill-label-blue-04 text-label-blue-04',
-    icon: 'mi/baseline/description',
+    icon: baselineDescription,
     iconBackground: 'bg-label-blue-10',
@@ -115,3 +124,3 @@ variant: 'blue',
     color: 'fill-label-aqua-04 text-label-aqua-04',
-    icon: 'mdi/vector-curve',
+    icon: mdiVectorCurve,
     iconBackground: 'bg-label-aqua-10',
@@ -122,3 +131,3 @@ variant: 'aqua',
     color: 'fill-label-aqua-04 text-label-aqua-04',
-    icon: 'mdi/vector-curve',
+    icon: mdiVectorCurve,
     iconBackground: 'bg-label-aqua-10',
@@ -129,3 +138,3 @@ variant: 'aqua',
     color: 'fill-label-violet-04 text-label-violet-04',
-    icon: 'mi/baseline/videocam',
+    icon: baselineVideocam,
     iconBackground: 'bg-label-violet-10',
@@ -132,0 +141,0 @@ variant: 'violet',

www/build/mds-progress.esm.js

@@ -1,1 +0,1 @@
-import{p as r,b as e}from"./p-87430859.js";export{s as setNonce}from"./p-87430859.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((s=>e([["p-b8ddb760",[[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-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-a9121660",[[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

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

920169

increased by2.76%

Number of package files

209

increased by7.73%

Worsened metrics

Lines of code

12580

decreased by-3.69%

Number of low supply chain risk alerts

9

increased by12.5%

Dependency changes

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

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

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

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

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

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

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

• Updated@stencil/core@4.21.0