@maggioli-design-system/mds-stepper-bar - npm Package Compare versions

Comparing version 5.3.4 to 5.4.0

dist/cjs/mds-stepper-bar.cjs.entry.js

@@ -7,3 +7,3 @@ 'use strict';
 
-const mdsStepperBarCss = ".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.contents{display:contents}.hidden{display:none}.items-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.rounded-lg{border-radius:0.5rem}.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-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-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-sky-10{--tw-bg-opacity:1;background-color:rgb(var(--label-sky-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-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-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-sky-04{--tw-text-opacity:1;color:rgb(var(--label-sky-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-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{gap:1.5rem;display:grid;position:relative}.items{z-index:10;width:100%;gap:0rem;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;overflow:auto;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host([linear=\"true\"]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=\"false\"]) ::slotted(mds-stepper-bar-item){pointer-events:auto}.contents{width:100%;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-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;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([hydrated]) .contents{opacity:1}";
+const mdsStepperBarCss = ".static{position:static}.fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.contents{display:contents}.hidden{display:none}.min-h-8000{min-height:20rem}.items-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.rounded-lg{border-radius:0.5rem}.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-sky-10{--tw-bg-opacity:1;background-color:rgb(var(--label-sky-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-sky-04{--tw-text-opacity:1;color:rgb(var(--label-sky-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{gap:1.5rem;display:grid;position:relative}.items{z-index:10;width:100%;gap:0rem;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;overflow:auto;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host([linear=\"true\"]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=\"false\"]) ::slotted(mds-stepper-bar-item){pointer-events:auto}.contents{width:100%;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-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;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([hydrated]) .contents{opacity:1}";
 
@@ -10,0 +10,0 @@ const MdsStepperBar = class {

dist/cjs/mds-stepper-bar.cjs.js

@@ -8,3 +8,3 @@ 'use strict';
 /*
- Stencil Client Patch Browser v4.9.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.10.0 | MIT Licensed | https://stenciljs.com
  */
@@ -11,0 +11,0 @@ const patchBrowser = () => {

dist/collection/collection-manifest.json

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

dist/collection/common/unit.js

 const cssDurationToMilliseconds = (duration, defaultValue = 1000) => {
+    if (duration.includes('ms')) {
+        return Number(duration.replace('ms', ''));
+    }
     if (duration.includes('s')) {
         return Number(duration.replace('s', '')) * 1000;
     }
-    if (duration.includes('ms')) {
-        return Number(duration.replace('s', ''));
+    return defaultValue;
+};
+const cssSizeToNumber = (size, defaultValue = 0) => {
+    if (size.includes('px')) {
+        return Number(size.replace('px', ''));
     }
+    if (size.includes('rem')) {
+        return Number(size.replace('rem', '')) * 16;
+    }
+    if (size.includes('em')) {
+        return Number(size.replace('em', '')) * 16;
+    }
     return defaultValue;
 };
-export { cssDurationToMilliseconds, };
+export { cssDurationToMilliseconds, cssSizeToNumber, };

dist/collection/components/mds-stepper-bar/test/mds-stepper-bar.stories.js

@@ -11,3 +11,3 @@ import { h } from "@stencil/core";
 };
-const Template = args => h("mds-stepper-bar", Object.assign({}, args), h("mds-stepper-bar-item", { badge: true, step: true, "icon-checked": "mi/baseline/done", icon: "mi/baseline/person", label: "Nuovo account" }), h("mds-stepper-bar-item", { badge: true, step: true, "icon-checked": "mi/baseline/done", icon: "mi/baseline/badge", label: "Dati personali" }), h("mds-stepper-bar-item", { badge: true, step: true, "icon-checked": "mi/baseline/done", icon: "mi/round/email", label: "Impostazioni newsletter" }), h("mds-stepper-bar-item", { badge: true, step: true, "icon-checked": "mi/baseline/done", icon: "mi/baseline/lock-open", label: "Attivazione account" }), h("mds-stepper-bar-item", { badge: true, step: true, "icon-checked": "mi/baseline/done", icon: "mi/baseline/login", label: "Accedi" }), h("mds-stepper-bar-item", { badge: true, step: true, "icon-checked": "mi/baseline/done", icon: "mi/baseline/done", label: "Finito" }), h("div", { slot: "content", class: "min-h-80 flex rounded-lg items-center justify-center bg-label-amaranth-10 text-label-amaranth-04" }, h("mds-text", null, "Nuovo account")), h("div", { slot: "content", class: "min-h-80 flex rounded-lg items-center justify-center bg-label-blue-10 text-label-blue-04" }, h("mds-text", null, "Dati personali")), h("div", { slot: "content", class: "min-h-80 flex rounded-lg items-center justify-center bg-label-green-10 text-label-green-04" }, h("mds-text", null, "Impostazioni newsletter")), h("div", { slot: "content", class: "min-h-80 flex rounded-lg items-center justify-center bg-label-orange-10 text-label-orange-04" }, h("mds-text", null, "Attivazione account")), h("div", { slot: "content", class: "min-h-80 flex rounded-lg items-center justify-center bg-label-violet-10 text-label-violet-04" }, h("mds-text", null, "Accedi")), h("div", { slot: "content", class: "min-h-80 flex rounded-lg items-center justify-center bg-label-sky-10 text-label-sky-04" }, h("mds-text", null, "Finito")));
+const Template = args => h("mds-stepper-bar", Object.assign({}, args), h("mds-stepper-bar-item", { badge: true, step: true, "icon-checked": "mi/baseline/done", icon: "mi/baseline/person", label: "Nuovo account" }), h("mds-stepper-bar-item", { badge: true, step: true, "icon-checked": "mi/baseline/done", icon: "mi/baseline/badge", label: "Dati personali" }), h("mds-stepper-bar-item", { badge: true, step: true, "icon-checked": "mi/baseline/done", icon: "mi/round/email", label: "Impostazioni newsletter" }), h("mds-stepper-bar-item", { badge: true, step: true, "icon-checked": "mi/baseline/done", icon: "mi/baseline/lock-open", label: "Attivazione account" }), h("mds-stepper-bar-item", { badge: true, step: true, "icon-checked": "mi/baseline/done", icon: "mi/baseline/login", label: "Accedi" }), h("mds-stepper-bar-item", { badge: true, step: true, "icon-checked": "mi/baseline/done", icon: "mi/baseline/done", label: "Finito" }), h("div", { slot: "content", class: "min-h-8000 flex rounded-lg items-center justify-center bg-label-amaranth-10 text-label-amaranth-04" }, h("mds-text", null, "Nuovo account")), h("div", { slot: "content", class: "min-h-8000 flex rounded-lg items-center justify-center bg-label-blue-10 text-label-blue-04" }, h("mds-text", null, "Dati personali")), h("div", { slot: "content", class: "min-h-8000 flex rounded-lg items-center justify-center bg-label-green-10 text-label-green-04" }, h("mds-text", null, "Impostazioni newsletter")), h("div", { slot: "content", class: "min-h-8000 flex rounded-lg items-center justify-center bg-label-orange-10 text-label-orange-04" }, h("mds-text", null, "Attivazione account")), h("div", { slot: "content", class: "min-h-8000 flex rounded-lg items-center justify-center bg-label-violet-10 text-label-violet-04" }, h("mds-text", null, "Accedi")), h("div", { slot: "content", class: "min-h-8000 flex rounded-lg items-center justify-center bg-label-sky-10 text-label-sky-04" }, h("mds-text", null, "Finito")));
 export const Default = Template.bind({});
@@ -14,0 +14,0 @@ export const Select = Template.bind({});

dist/collection/dictionary/icon.js

@@ -5,2 +5,7 @@ import jsonIconsDictionary from "../fixtures/icons.json";
 const mggIconsDictionary = jsonMggIconsDictionary;
-export { iconsDictionary, mggIconsDictionary, };
+const svgIconsDictionary = [
+    `${location.origin}/svg/mi/baseline/email.svg`,
+    'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Im0yMzMtODAgNjUtMjgxTDgwLTU1MGwyODgtMjUgMTEyLTI2NSAxMTIgMjY1IDI4OCAyNS0yMTggMTg5IDY1IDI4MS0yNDctMTQ5TDIzMy04MFoiLz48L3N2Zz4=',
+    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6s-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8s-3.58-8-8-8z"/></svg>',
+];
+export { iconsDictionary, mggIconsDictionary, svgIconsDictionary, };

dist/collection/dictionary/variant.js

@@ -38,2 +38,19 @@ const themeVariantDictionary = [
 ];
+const themeFullVariantAvatarDictionary = [
+    'amaranth',
+    'aqua',
+    'blue',
+    'error',
+    'green',
+    'info',
+    'lime',
+    'orange',
+    'orchid',
+    'primary',
+    'sky',
+    'success',
+    'violet',
+    'warning',
+    'yellow',
+];
 const themeLabelVariantDictionary = [
@@ -74,2 +91,2 @@ 'amaranth',
 ];
-export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

dist/components/mds-stepper-bar.js

 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
-const mdsStepperBarCss = ".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.contents{display:contents}.hidden{display:none}.items-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.rounded-lg{border-radius:0.5rem}.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-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-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-sky-10{--tw-bg-opacity:1;background-color:rgb(var(--label-sky-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-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-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-sky-04{--tw-text-opacity:1;color:rgb(var(--label-sky-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-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{gap:1.5rem;display:grid;position:relative}.items{z-index:10;width:100%;gap:0rem;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;overflow:auto;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host([linear=\"true\"]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=\"false\"]) ::slotted(mds-stepper-bar-item){pointer-events:auto}.contents{width:100%;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-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;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([hydrated]) .contents{opacity:1}";
+const mdsStepperBarCss = ".static{position:static}.fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.contents{display:contents}.hidden{display:none}.min-h-8000{min-height:20rem}.items-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.rounded-lg{border-radius:0.5rem}.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-sky-10{--tw-bg-opacity:1;background-color:rgb(var(--label-sky-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-sky-04{--tw-text-opacity:1;color:rgb(var(--label-sky-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{gap:1.5rem;display:grid;position:relative}.items{z-index:10;width:100%;gap:0rem;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;overflow:auto;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host([linear=\"true\"]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=\"false\"]) ::slotted(mds-stepper-bar-item){pointer-events:auto}.contents{width:100%;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-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;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([hydrated]) .contents{opacity:1}";
 
@@ -5,0 +5,0 @@ const MdsStepperBar$1 = /*@__PURE__*/ proxyCustomElement(class MdsStepperBar extends HTMLElement {

dist/documentation.json

 {
-  "timestamp": "2024-01-10T08:27:15",
+  "timestamp": "2024-02-09T14:56:08",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.9.1",
-    "typescriptVersion": "5.2.2"
+    "version": "4.10.0",
+    "typescriptVersion": "5.3.3"
   },
@@ -8,0 +8,0 @@ "components": [

dist/esm-es5/mds-stepper-bar.entry.js

@@ -1,1 +0,1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9281c2a6.js";var mdsStepperBarCss='.fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.contents{display:contents}.hidden{display:none}.items-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.rounded-lg{border-radius:0.5rem}.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-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-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-sky-10{--tw-bg-opacity:1;background-color:rgb(var(--label-sky-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-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-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-sky-04{--tw-text-opacity:1;color:rgb(var(--label-sky-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-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{gap:1.5rem;display:grid;position:relative}.items{z-index:10;width:100%;gap:0rem;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;overflow:auto;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host([linear="true"]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear="false"]) ::slotted(mds-stepper-bar-item){pointer-events:auto}.contents{width:100%;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-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;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([hydrated]) .contents{opacity:1}';var MdsStepperBar=function(){function t(t){var e=this;registerInstance(this,t);this.changedEvent=createEvent(this,"mdsStepperBarChange",7);this.queryItems=function(){return e.element.querySelectorAll("mds-stepper-bar-item")};this.queryContentItems=function(){return e.element.querySelectorAll("[slot=content]")};this.minmax=function(t,e,r){return Math.min(Math.max(t,e),r)};this.setCurrent=function(t){e.items=e.queryItems();e.currentItem=t-1;var r=new Array;e.items.forEach((function(t,a){t.done=false;if(a<e.currentItem){t.done=true;if(t.value){r.push(t.value)}}t.current=false;if(a===e.currentItem){t.current=true;e.currentItem=a}}));e.changedEvent.emit({value:r.toString(),step:e.currentItem});e.scrollItems();e.setCurrentContent()};this.setCurrentContent=function(){e.contentItems.forEach((function(t,r){t.classList.add("hidden");if(r===e.currentItem){t.classList.remove("hidden")}}))};this.scrollItems=function(){var t;var r=(t=e.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".items");var a=e.queryItems();var o=e.minmax(e.currentItem,0,e.items.length-1);if(!r)throw Error("No mds-stepper-bar-items found");if(o<=0){r.scrollLeft=0;return}if(o>=a.length){var i=a[a.length-1];r.scrollLeft=i.offsetLeft-r.offsetLeft;return}var n=a[o];r.scrollLeft=n.offsetLeft-r.offsetLeft-r.offsetWidth/2+n.offsetWidth/2};this.currentItem=0;this.itemsDone=1}t.prototype.componentWillLoad=function(){this.items=this.queryItems();this.items.forEach((function(t,e){t.id="mds-stepper-bar-item-".concat(e)}))};t.prototype.componentDidLoad=function(){this.contentItems=this.queryContentItems();this.setCurrent(this.itemsDone)};t.prototype.itemDone=function(t){this.setCurrent(t)};t.prototype.changeEventHandler=function(t){var e=this;this.items=this.queryItems();this.items.forEach((function(r,a){r.done=false;if("mds-stepper-bar-item-".concat(a)===t.detail){r.current=true;e.currentItem=a}}))};t.prototype.render=function(){return h(Host,null,h("div",{class:"items"},h("slot",null)),h("div",{class:"contents",part:"contents"},h("slot",{name:"content"})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{itemsDone:["itemDone"]}},enumerable:false,configurable:true});return t}();MdsStepperBar.style=mdsStepperBarCss;export{MdsStepperBar as mds_stepper_bar};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9281c2a6.js";var mdsStepperBarCss='.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.contents{display:contents}.hidden{display:none}.min-h-8000{min-height:20rem}.items-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.rounded-lg{border-radius:0.5rem}.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-sky-10{--tw-bg-opacity:1;background-color:rgb(var(--label-sky-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-sky-04{--tw-text-opacity:1;color:rgb(var(--label-sky-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{gap:1.5rem;display:grid;position:relative}.items{z-index:10;width:100%;gap:0rem;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;overflow:auto;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host([linear="true"]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear="false"]) ::slotted(mds-stepper-bar-item){pointer-events:auto}.contents{width:100%;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-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;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([hydrated]) .contents{opacity:1}';var MdsStepperBar=function(){function t(t){var e=this;registerInstance(this,t);this.changedEvent=createEvent(this,"mdsStepperBarChange",7);this.queryItems=function(){return e.element.querySelectorAll("mds-stepper-bar-item")};this.queryContentItems=function(){return e.element.querySelectorAll("[slot=content]")};this.minmax=function(t,e,a){return Math.min(Math.max(t,e),a)};this.setCurrent=function(t){e.items=e.queryItems();e.currentItem=t-1;var a=new Array;e.items.forEach((function(t,r){t.done=false;if(r<e.currentItem){t.done=true;if(t.value){a.push(t.value)}}t.current=false;if(r===e.currentItem){t.current=true;e.currentItem=r}}));e.changedEvent.emit({value:a.toString(),step:e.currentItem});e.scrollItems();e.setCurrentContent()};this.setCurrentContent=function(){e.contentItems.forEach((function(t,a){t.classList.add("hidden");if(a===e.currentItem){t.classList.remove("hidden")}}))};this.scrollItems=function(){var t;var a=(t=e.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".items");var r=e.queryItems();var l=e.minmax(e.currentItem,0,e.items.length-1);if(!a)throw Error("No mds-stepper-bar-items found");if(l<=0){a.scrollLeft=0;return}if(l>=r.length){var o=r[r.length-1];a.scrollLeft=o.offsetLeft-a.offsetLeft;return}var i=r[l];a.scrollLeft=i.offsetLeft-a.offsetLeft-a.offsetWidth/2+i.offsetWidth/2};this.currentItem=0;this.itemsDone=1}t.prototype.componentWillLoad=function(){this.items=this.queryItems();this.items.forEach((function(t,e){t.id="mds-stepper-bar-item-".concat(e)}))};t.prototype.componentDidLoad=function(){this.contentItems=this.queryContentItems();this.setCurrent(this.itemsDone)};t.prototype.itemDone=function(t){this.setCurrent(t)};t.prototype.changeEventHandler=function(t){var e=this;this.items=this.queryItems();this.items.forEach((function(a,r){a.done=false;if("mds-stepper-bar-item-".concat(r)===t.detail){a.current=true;e.currentItem=r}}))};t.prototype.render=function(){return h(Host,null,h("div",{class:"items"},h("slot",null)),h("div",{class:"contents",part:"contents"},h("slot",{name:"content"})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{itemsDone:["itemDone"]}},enumerable:false,configurable:true});return t}();MdsStepperBar.style=mdsStepperBarCss;export{MdsStepperBar as mds_stepper_bar};

dist/esm/mds-stepper-bar.entry.js

 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9281c2a6.js';
 
-const mdsStepperBarCss = ".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.contents{display:contents}.hidden{display:none}.items-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.rounded-lg{border-radius:0.5rem}.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-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-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-sky-10{--tw-bg-opacity:1;background-color:rgb(var(--label-sky-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-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-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-sky-04{--tw-text-opacity:1;color:rgb(var(--label-sky-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-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{gap:1.5rem;display:grid;position:relative}.items{z-index:10;width:100%;gap:0rem;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;overflow:auto;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host([linear=\"true\"]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=\"false\"]) ::slotted(mds-stepper-bar-item){pointer-events:auto}.contents{width:100%;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-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;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([hydrated]) .contents{opacity:1}";
+const mdsStepperBarCss = ".static{position:static}.fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.contents{display:contents}.hidden{display:none}.min-h-8000{min-height:20rem}.items-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.rounded-lg{border-radius:0.5rem}.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-sky-10{--tw-bg-opacity:1;background-color:rgb(var(--label-sky-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-sky-04{--tw-text-opacity:1;color:rgb(var(--label-sky-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{gap:1.5rem;display:grid;position:relative}.items{z-index:10;width:100%;gap:0rem;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;overflow:auto;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host([linear=\"true\"]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=\"false\"]) ::slotted(mds-stepper-bar-item){pointer-events:auto}.contents{width:100%;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-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;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([hydrated]) .contents{opacity:1}";
 
@@ -5,0 +5,0 @@ const MdsStepperBar = class {

dist/esm/mds-stepper-bar.js

@@ -5,3 +5,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-9281c2a6.js';
 /*
- Stencil Client Patch Browser v4.9.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.10.0 | MIT Licensed | https://stenciljs.com
  */
@@ -8,0 +8,0 @@ const patchBrowser = () => {

dist/mds-stepper-bar/mds-stepper-bar.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as t}from"./p-90bc99c0.js";export{s as setNonce}from"./p-90bc99c0.js";(()=>{const t=import.meta.url,r={};return""!==t&&(r.resourcesUrl=new URL(".",t).href),e(r)})().then((e=>t([["p-469e802a",[[1,"mds-stepper-bar",{itemsDone:[2,"items-done"],currentItem:[32]},[[0,"mdsStepperBarItemDone","changeEventHandler"]],{itemsDone:["itemDone"]}]]]],e)));
+import{p as e,b as t}from"./p-90bc99c0.js";export{s as setNonce}from"./p-90bc99c0.js";(()=>{const t=import.meta.url,r={};return""!==t&&(r.resourcesUrl=new URL(".",t).href),e(r)})().then((e=>t([["p-090888df",[[1,"mds-stepper-bar",{itemsDone:[2,"items-done"],currentItem:[32]},[[0,"mdsStepperBarItemDone","changeEventHandler"]],{itemsDone:["itemDone"]}]]]],e)));

dist/stats.json

 {
-  "timestamp": "2024-01-10T08:27:15",
+  "timestamp": "2024-02-09T14:56:08",
   "compiler": {
@@ -12,11 +12,20 @@ "name": "node",
     "entries": 1,
-    "bundles": 66,
+    "bundles": 81,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 25,
+        "files": 40,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
+          "./dist/collection/common/file.js",
+          "./dist/collection/common/icon.js",
           "./dist/collection/common/keyboard-manager.js",
           "./dist/collection/common/unit.js",
+          "./dist/collection/common/yugop/core.js",
+          "./dist/collection/common/yugop/index.js",
+          "./dist/collection/common/yugop/random-text.js",
+          "./dist/collection/common/yugop/utils/math.js",
+          "./dist/collection/common/yugop/utils/noop.js",
+          "./dist/collection/common/yugop/utils/prng.js",
+          "./dist/collection/common/yugop/utils/string.js",
           "./dist/collection/components/mds-stepper-bar/mds-stepper-bar.js",
@@ -28,2 +37,3 @@ "./dist/collection/components/mds-stepper-bar/meta/event-detail.js",
           "./dist/collection/dictionary/color.js",
+          "./dist/collection/dictionary/file-extensions.js",
           "./dist/collection/dictionary/floating-ui.js",
@@ -33,8 +43,11 @@ "./dist/collection/dictionary/icon.js",
           "./dist/collection/dictionary/loading.js",
+          "./dist/collection/dictionary/text.js",
           "./dist/collection/dictionary/typography.js",
           "./dist/collection/dictionary/variant.js",
           "./dist/collection/fixtures/cities.js",
+          "./dist/collection/fixtures/filenames.js",
           "./dist/collection/interface/input-value.js",
           "./dist/collection/type/autocomplete.js",
           "./dist/collection/type/button.js",
+          "./dist/collection/type/file-types.js",
           "./dist/collection/type/floating-ui.js",
@@ -44,3 +57,5 @@ "./dist/collection/type/form-rel.js",
           "./dist/collection/type/loading.js",
+          "./dist/collection/type/text.js",
           "./dist/collection/type/typography.js",
+          "./dist/collection/type/variant-file-format.js",
           "./dist/collection/type/variant.js"
@@ -83,7 +98,7 @@ ]
           "./dist/mds-stepper-bar/mds-stepper-bar.js",
-          "./dist/mds-stepper-bar/p-469e802a.entry.js",
+          "./dist/mds-stepper-bar/p-090888df.entry.js",
+          "./dist/mds-stepper-bar/p-1242b6a1.system.js",
+          "./dist/mds-stepper-bar/p-3ee348e2.system.entry.js",
           "./dist/mds-stepper-bar/p-50ea2036.system.js",
           "./dist/mds-stepper-bar/p-516067b8.system.js",
-          "./dist/mds-stepper-bar/p-5a48da68.system.entry.js",
-          "./dist/mds-stepper-bar/p-5c926817.system.js",
           "./dist/mds-stepper-bar/p-90bc99c0.js",
@@ -93,7 +108,7 @@ "./www/build/index.esm.js",
           "./www/build/mds-stepper-bar.js",
-          "./www/build/p-469e802a.entry.js",
+          "./www/build/p-090888df.entry.js",
+          "./www/build/p-1242b6a1.system.js",
+          "./www/build/p-3ee348e2.system.entry.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-516067b8.system.js",
-          "./www/build/p-5a48da68.system.entry.js",
-          "./www/build/p-5c926817.system.js",
           "./www/build/p-90bc99c0.js"
@@ -132,8 +147,8 @@ ]
         ],
-        "bundleId": "p-469e802a",
-        "fileName": "p-469e802a.entry.js",
+        "bundleId": "p-090888df",
+        "fileName": "p-090888df.entry.js",
         "imports": [
           "p-90bc99c0.js"
         ],
-        "originalByteSize": 6817
+        "originalByteSize": 8429
       }
@@ -152,3 +167,3 @@ ],
         ],
-        "originalByteSize": 6821
+        "originalByteSize": 8433
       }
@@ -167,3 +182,3 @@ ],
         ],
-        "originalByteSize": 6821
+        "originalByteSize": 8433
       }
@@ -177,8 +192,8 @@ ],
         ],
-        "bundleId": "p-5a48da68.system",
-        "fileName": "p-5a48da68.system.entry.js",
+        "bundleId": "p-3ee348e2.system",
+        "fileName": "p-3ee348e2.system.entry.js",
         "imports": [
           "p-516067b8.system.js"
         ],
-        "originalByteSize": 7629
+        "originalByteSize": 9241
       }
@@ -197,3 +212,3 @@ ],
         ],
-        "originalByteSize": 6886
+        "originalByteSize": 8498
       }
@@ -486,4 +501,22 @@ ]
     "./src/common/aria.ts": [],
+    "./src/common/file.ts": [],
+    "./src/common/icon.ts": [],
     "./src/common/keyboard-manager.ts": [],
     "./src/common/unit.ts": [],
+    "./src/common/yugop/core.ts": [
+      "./src/common/yugop/utils/math",
+      "./src/common/yugop/utils/prng",
+      "./src/common/yugop/utils/string"
+    ],
+    "./src/common/yugop/index.ts": [],
+    "./src/common/yugop/random-text.ts": [
+      "./src/common/yugop/core",
+      "./src/common/yugop/utils/noop"
+    ],
+    "./src/common/yugop/utils/math.ts": [
+      "./src/common/yugop/utils/prng"
+    ],
+    "./src/common/yugop/utils/noop.ts": [],
+    "./src/common/yugop/utils/prng.ts": [],
+    "./src/common/yugop/utils/string.ts": [],
     "./src/components/mds-stepper-bar/mds-stepper-bar.tsx": [],
@@ -495,2 +528,3 @@ "./src/components/mds-stepper-bar/meta/event-detail.ts": [],
     "./src/dictionary/color.ts": [],
+    "./src/dictionary/file-extensions.ts": [],
     "./src/dictionary/floating-ui.ts": [],
@@ -503,8 +537,11 @@ "./src/dictionary/icon.ts": [
     "./src/dictionary/loading.ts": [],
+    "./src/dictionary/text.ts": [],
     "./src/dictionary/typography.ts": [],
     "./src/dictionary/variant.ts": [],
     "./src/fixtures/cities.ts": [],
+    "./src/fixtures/filenames.ts": [],
     "./src/interface/input-value.ts": [],
     "./src/type/autocomplete.ts": [],
     "./src/type/button.ts": [],
+    "./src/type/file-types.ts": [],
     "./src/type/floating-ui.ts": [],
@@ -514,3 +551,5 @@ "./src/type/form-rel.ts": [],
     "./src/type/loading.ts": [],
+    "./src/type/text.ts": [],
     "./src/type/typography.ts": [],
+    "./src/type/variant-file-format.ts": [],
     "./src/type/variant.ts": []
@@ -517,0 +556,0 @@ },

dist/types/common/unit.d.ts

 declare const cssDurationToMilliseconds: (duration: string, defaultValue?: number) => number;
-export { cssDurationToMilliseconds, };
+declare const cssSizeToNumber: (size: string, defaultValue?: number) => number;
+export { cssDurationToMilliseconds, cssSizeToNumber, };

dist/types/dictionary/icon.d.ts

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

dist/types/dictionary/variant.d.ts

@@ -5,2 +5,3 @@ declare const themeVariantDictionary: string[];
 declare const themeFullVariantDictionary: string[];
+declare const themeFullVariantAvatarDictionary: string[];
 declare const themeLabelVariantDictionary: string[];
@@ -11,2 +12,2 @@ declare const toneVariantDictionary: string[];
 declare const toneMinimalVariantDictionary: string[];
-export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

dist/types/type/variant.d.ts

 export type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning';
 export type ThemeVariantType = 'dark' | 'error' | 'info' | 'light' | 'primary' | 'success' | 'warning';
 export type ThemeFullVariantType = 'amaranth' | 'aqua' | 'blue' | 'dark' | 'error' | 'green' | 'info' | 'light' | 'lime' | 'orange' | 'orchid' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';
+export type ThemeFullVariantAvatarType = 'amaranth' | 'aqua' | 'blue' | 'error' | 'green' | 'info' | 'lime' | 'orange' | 'orchid' | 'primary' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';
 export type ThemeLuminanceVariantType = 'dark' | 'light';
@@ -5,0 +6,0 @@ export type LabelVariantType = 'amaranth' | 'aqua' | 'blue' | 'green' | 'lime' | 'orange' | 'orchid' | 'sky' | 'violet' | 'yellow';

documentation.json

 {
-  "timestamp": "2024-01-10T08:00:22",
+  "timestamp": "2024-02-09T14:18:39",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.9.1",
-    "typescriptVersion": "5.2.2"
+    "version": "4.10.0",
+    "typescriptVersion": "5.3.3"
   },
@@ -123,2 +123,12 @@ "components": [
     },
+    "src/type/variant.ts::ToneMinimalVariantType": {
+      "declaration": "export type ToneMinimalVariantType =\n| 'strong'\n| 'weak'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/type/variant.ts::ThemeFullVariantAvatarType": {
+      "declaration": "export type ThemeFullVariantAvatarType =\n  | 'amaranth'\n  | 'aqua'\n  | 'blue'\n  | 'error'\n  | 'green'\n  | 'info'\n  | 'lime'\n  | 'orange'\n  | 'orchid'\n  | 'primary'\n  | 'sky'\n  | 'success'\n  | 'violet'\n  | 'warning'\n  | 'yellow'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
     "src/type/variant.ts::ThemeFullVariantType": {
@@ -229,6 +239,6 @@ "declaration": "export type ThemeFullVariantType =\n  | 'amaranth'\n  | 'aqua'\n  | 'blue'\n  | 'dark'\n  | 'error'\n  | 'green'\n  | 'info'\n  | 'light'\n  | 'lime'\n  | 'orange'\n  | 'orchid'\n  | 'sky'\n  | 'success'\n  | 'violet'\n  | 'warning'\n  | 'yellow'",
     },
-    "src/components/mds-file/meta/types.ts::ExtensionSuffixType": {
-      "declaration": "export type ExtensionSuffixType =\n  | '7z'\n  | 'ace'\n  | 'ai'\n  | 'db'\n  | 'default'\n  | 'dmg'\n  | 'doc'\n  | 'docm'\n  | 'docx'\n  | 'eml'\n  | 'eps'\n  | 'exe'\n  | 'flac'\n  | 'gif'\n  | 'htm'\n  | 'html'\n  | 'jpe'\n  | 'jpeg'\n  | 'jpg'\n  | 'js'\n  | 'json'\n  | 'jsx'\n  | 'm2v'\n  | 'mp2'\n  | 'mp3'\n  | 'mp4'\n  | 'mp4v'\n  | 'mpeg'\n  | 'mpg'\n  | 'mpg4'\n  | 'mpga'\n  | 'odp'\n  | 'ods'\n  | 'odt'\n  | 'pdf'\n  | 'php'\n  | 'png'\n  | 'ppt'\n  | 'rar'\n  | 'rtf'\n  | 'sass'\n  | 'shtml'\n  | 'svg'\n  | 'tar'\n  | 'ts'\n  | 'txt'\n  | 'wav'\n  | 'xar'\n  | 'xls'\n  | 'xlsx'\n  | 'zip'",
+    "src/type/file-types.ts::ExtensionSuffixType": {
+      "declaration": "export type ExtensionSuffixType =\n  | '7z'\n  | 'ace'\n  | 'ai'\n  | 'db'\n  | 'default'\n  | 'dmg'\n  | 'doc'\n  | 'docm'\n  | 'docx'\n  | 'eml'\n  | 'eps'\n  | 'exe'\n  | 'flac'\n  | 'gif'\n  | 'heic'\n  | 'htm'\n  | 'html'\n  | 'jpe'\n  | 'jpeg'\n  | 'jpg'\n  | 'js'\n  | 'json'\n  | 'jsx'\n  | 'm2v'\n  | 'mp2'\n  | 'mp3'\n  | 'mp4'\n  | 'mp4v'\n  | 'mpeg'\n  | 'mpg'\n  | 'mpg4'\n  | 'mpga'\n  | 'odp'\n  | 'ods'\n  | 'odt'\n  | 'pdf'\n  | 'php'\n  | 'png'\n  | 'ppt'\n  | 'rar'\n  | 'rtf'\n  | 'sass'\n  | 'shtml'\n  | 'svg'\n  | 'tar'\n  | 'tiff'\n  | 'ts'\n  | 'txt'\n  | 'wav'\n  | 'webp'\n  | 'xar'\n  | 'xls'\n  | 'xlsx'\n  | 'zip'",
       "docstring": "",
-      "path": "src/components/mds-file/meta/types.ts"
+      "path": "src/type/file-types.ts"
     },
@@ -240,2 +250,12 @@ "src/components/mds-file/meta/event-detail.ts::MdsFileEventDetail": {
     },
+    "src/type/text.ts::TypographyTruncateType": {
+      "declaration": "export type TypographyTruncateType =\n  | 'all'\n  | 'none'\n  | 'word'",
+      "docstring": "",
+      "path": "src/type/text.ts"
+    },
+    "src/components/mds-file-preview/meta/event-detail.ts::MdsFilePreviewEventDetail": {
+      "declaration": "export interface MdsFilePreviewEventDetail {\n  extension: string\n  filename: string\n  target: HTMLMdsFileElement\n}",
+      "docstring": "",
+      "path": "src/components/mds-file-preview/meta/event-detail.ts"
+    },
     "src/components/mds-filter/meta/event-detail.ts::MdsFilterEventDetail": {
@@ -376,2 +396,7 @@ "declaration": "export interface MdsFilterEventDetail {\n  children: NodeListOf<HTMLMdsFilterItemElement>\n  value: string\n}",
     },
+    "src/components/mds-input-upload/meta/types.ts::AttachmentSort": {
+      "declaration": "enum AttachmentSort {\n  status = 'status',\n  date = 'date',\n}",
+      "docstring": "",
+      "path": "src/components/mds-input-upload/meta/types.ts"
+    },
     "src/type/typography.ts::TypographyType": {
@@ -417,2 +442,7 @@ "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-push-notification/meta/types.ts::NotificationPreviewType": {
+      "declaration": "export type NotificationPreviewType =\n  | 'avatar'\n  | 'image'",
+      "docstring": "",
+      "path": "src/components/mds-push-notification/meta/types.ts"
+    },
     "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail": {
@@ -429,3 +459,3 @@ "declaration": "export interface MdsStepperBarEventDetail {\n  step: number\n  value: string\n}",
     "src/components/mds-tab/meta/event-detail.ts::MdsTabEventDetail": {
-      "declaration": "export interface MdsTabEventDetail {\n  id: number\n}",
+      "declaration": "export interface MdsTabEventDetail {\n  id: number\n  value?: string\n}",
       "docstring": "",
@@ -444,2 +474,12 @@ "path": "src/components/mds-tab/meta/event-detail.ts"
     },
+    "src/components/mds-tab-item/meta/event-detail.ts::MdsTabItemEventDetail": {
+      "declaration": "export interface MdsTabItemEventDetail {\n  target: HTMLMdsTabItemElement\n  value?: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-tab-item/meta/event-detail.ts"
+    },
+    "src/components/mds-text/meta/types.ts::TextAnimationType": {
+      "declaration": "export type TextAnimationType =\n  | 'none'\n  | 'yugop'",
+      "docstring": "",
+      "path": "src/components/mds-text/meta/types.ts"
+    },
     "src/components/mds-text/meta/types.ts::TypographyTagType": {
@@ -455,7 +495,2 @@ "declaration": "export type TypographyTagType =\n  | 'abbr'\n  | 'address'\n  | 'article'\n  | 'b'\n  | 'bdo'\n  | 'blockquote'\n  | 'cite'\n  | 'code'\n  | 'dd'\n  | 'del'\n  | 'details'\n  | 'dfn'\n  | 'div'\n  | 'dl'\n  | 'dt'\n  | 'em'\n  | 'figcaption'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'i'\n  | 'ins'\n  | 'kbd'\n  | 'label'\n  | 'legend'\n  | 'li'\n  | 'mark'\n  | 'ol'\n  | 'p'\n  | 'pre'\n  | 'q'\n  | 'rb'\n  | 'rt'\n  | 'ruby'\n  | 's'\n  | 'samp'\n  | 'small'\n  | 'span'\n  | 'strong'\n  | 'sub'\n  | 'summary'\n  | 'sup'\n  | 'time'\n  | 'u'\n  | 'ul'\n  | 'var'",
     },
-    "src/type/variant.ts::ToneMinimalVariantType": {
-      "declaration": "export type ToneMinimalVariantType =\n| 'strong'\n| 'weak'",
-      "docstring": "",
-      "path": "src/type/variant.ts"
-    },
     "src/components/mds-toast/meta/types.ts::ToastPosition": {
@@ -462,0 +497,0 @@ "declaration": "export type ToastPosition =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right'",

package.json

 {
   "name": "@maggioli-design-system/mds-stepper-bar",
-  "version": "5.3.4",
+  "version": "5.4.0",
   "description": "mds-stepper-bar 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.",
@@ -26,6 +26,6 @@ "main": "dist/index.cjs.js",
   "dependencies": {
-    "@maggioli-design-system/mds-progress": "2.8.3",
-    "@maggioli-design-system/mds-stepper-bar-item": "5.3.5",
-    "@maggioli-design-system/styles": "14.1.0",
-    "@stencil/core": "4.9.1"
+    "@maggioli-design-system/mds-progress": "2.9.0",
+    "@maggioli-design-system/mds-stepper-bar-item": "5.4.0",
+    "@maggioli-design-system/styles": "14.2.1",
+    "@stencil/core": "4.10.0"
   },
@@ -32,0 +32,0 @@ "license": "MIT",

src/common/unit.ts

 const cssDurationToMilliseconds = (duration: string, defaultValue = 1000): number => {
+
+  if (duration.includes('ms')) {
+    return Number(duration.replace('ms', ''))
+  }
+
   if (duration.includes('s')) {
@@ -6,10 +11,24 @@ return Number(duration.replace('s', '')) * 1000
 
-  if (duration.includes('ms')) {
-    return Number(duration.replace('s', ''))
+  return defaultValue
+}
+
+const cssSizeToNumber = (size: string, defaultValue = 0): number => {
+  if (size.includes('px')) {
+    return Number(size.replace('px', ''))
   }
 
+  if (size.includes('rem')) {
+    return Number(size.replace('rem', '')) * 16
+  }
+
+  if (size.includes('em')) {
+    return Number(size.replace('em', '')) * 16
+  }
+  
   return defaultValue
 }
+
 export {
   cssDurationToMilliseconds,
+  cssSizeToNumber,
 }

src/dictionary/icon.ts

@@ -5,2 +5,7 @@ import jsonIconsDictionary from '../fixtures/icons.json'
 const mggIconsDictionary = jsonMggIconsDictionary
+const svgIconsDictionary = [
+  `${location.origin}/svg/mi/baseline/email.svg`,
+  'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Im0yMzMtODAgNjUtMjgxTDgwLTU1MGwyODgtMjUgMTEyLTI2NSAxMTIgMjY1IDI4OCAyNS0yMTggMTg5IDY1IDI4MS0yNDctMTQ5TDIzMy04MFoiLz48L3N2Zz4=',
+  '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6s-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8s-3.58-8-8-8z"/></svg>',
+]
 
@@ -10,2 +15,3 @@ export {
   mggIconsDictionary,
+  svgIconsDictionary,
 }

src/dictionary/variant.ts

@@ -42,2 +42,20 @@ const themeVariantDictionary = [
 
+const themeFullVariantAvatarDictionary = [
+  'amaranth',
+  'aqua',
+  'blue',
+  'error',
+  'green',
+  'info',
+  'lime',
+  'orange',
+  'orchid',
+  'primary',
+  'sky',
+  'success',
+  'violet',
+  'warning',
+  'yellow',
+]
+
 const themeLabelVariantDictionary = [
@@ -84,2 +102,3 @@ 'amaranth',
 export {
+  themeFullVariantAvatarDictionary,
   themeFullVariantDictionary,
@@ -86,0 +105,0 @@ themeLabelVariantDictionary,

src/fixtures/icons.json

@@ -9,2 +9,3 @@ [
     "mdi/email",
+    "mdi/file-document-remove-outline",
     "mdi/harddisk",
@@ -25,2 +26,3 @@ "mdi/map-marker",
     "mgg/action-show-sidebar-right",
+    "mgg/activation-key",
     "mgg/activity-list",
@@ -232,2 +234,3 @@ "mgg/add-document-settings",
     "mgg/touchpoint-laptop-info",
+    "mgg/touchpoint-laptop-search",
     "mgg/traffic-cone",
@@ -245,2 +248,3 @@ "mgg/trending-down",
     "mgg/view-side-by-side",
+    "mgg/warning-superscript",
     "mgg/work-book",
@@ -250,2 +254,3 @@ "mi/baseline/account-balance",
     "mi/baseline/add",
+    "mi/baseline/add-circle",
     "mi/baseline/adobe",
@@ -256,2 +261,3 @@ "mi/baseline/agriculture",
     "mi/baseline/attach-file",
+    "mi/baseline/attachment",
     "mi/baseline/audiotrack",
@@ -262,2 +268,3 @@ "mi/baseline/badge",
     "mi/baseline/cancel",
+    "mi/baseline/category",
     "mi/baseline/check-box",
@@ -275,2 +282,3 @@ "mi/baseline/check-box-outline-blank",
     "mi/baseline/explore",
+    "mi/baseline/file-download-done",
     "mi/baseline/folder-zip",
@@ -295,2 +303,3 @@ "mi/baseline/groups",
     "mi/baseline/remove",
+    "mi/baseline/remove-circle",
     "mi/baseline/route",
@@ -307,2 +316,3 @@ "mi/baseline/settings",
     "mi/outline/help-outline",
+    "mi/outline/schedule",
     "mi/round/arrow-circle-down",
@@ -309,0 +319,0 @@ "mi/round/email",

src/fixtures/iconsauce.json

@@ -13,2 +13,3 @@ [
     "mgg/action-show-sidebar-right",
+    "mgg/activation-key",
     "mgg/activity-list",
@@ -220,2 +221,3 @@ "mgg/add-document-settings",
     "mgg/touchpoint-laptop-info",
+    "mgg/touchpoint-laptop-search",
     "mgg/traffic-cone",
@@ -233,3 +235,4 @@ "mgg/trending-down",
     "mgg/view-side-by-side",
+    "mgg/warning-superscript",
     "mgg/work-book"
 ]

src/type/variant.ts

@@ -34,2 +34,19 @@ export type ThemeStatusVariantType =
 
+export type ThemeFullVariantAvatarType =
+  | 'amaranth'
+  | 'aqua'
+  | 'blue'
+  | 'error'
+  | 'green'
+  | 'info'
+  | 'lime'
+  | 'orange'
+  | 'orchid'
+  | 'primary'
+  | 'sky'
+  | 'success'
+  | 'violet'
+  | 'warning'
+  | 'yellow'
+
 export type ThemeLuminanceVariantType =
@@ -36,0 +53,0 @@ | 'dark'

www/build/mds-stepper-bar.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as t}from"./p-90bc99c0.js";export{s as setNonce}from"./p-90bc99c0.js";(()=>{const t=import.meta.url,r={};return""!==t&&(r.resourcesUrl=new URL(".",t).href),e(r)})().then((e=>t([["p-469e802a",[[1,"mds-stepper-bar",{itemsDone:[2,"items-done"],currentItem:[32]},[[0,"mdsStepperBarItemDone","changeEventHandler"]],{itemsDone:["itemDone"]}]]]],e)));
+import{p as e,b as t}from"./p-90bc99c0.js";export{s as setNonce}from"./p-90bc99c0.js";(()=>{const t=import.meta.url,r={};return""!==t&&(r.resourcesUrl=new URL(".",t).href),e(r)})().then((e=>t([["p-090888df",[[1,"mds-stepper-bar",{itemsDone:[2,"items-done"],currentItem:[32]},[[0,"mdsStepperBarItemDone","changeEventHandler"]],{itemsDone:["itemDone"]}]]]],e)));

New alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Long strings

Supply chain risk

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

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Long strings

Supply chain risk

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

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

892046

increased by7.22%

Number of package files

188

increased by31.47%

Lines of code

12909

increased by12.01%

Dependency changes

• + Added@gen/prng@0.0.2(transitive)

• + Added@gen/random-text@0.0.1(transitive)

• + Added@maggioli-design-system/mds-badge@2.8.0(transitive)

• + Added@maggioli-design-system/mds-progress@2.9.0(transitive)

• + Added@maggioli-design-system/mds-stepper-bar-item@5.4.0(transitive)

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

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

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

• - Removed@maggioli-design-system/mds-badge@2.7.4(transitive)

• - Removed@maggioli-design-system/mds-progress@2.8.3(transitive)

• - Removed@maggioli-design-system/mds-stepper-bar-item@5.3.5(transitive)

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

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

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

• Updated@maggioli-design-system/mds-progress@2.9.0

• Updated@maggioli-design-system/mds-stepper-bar-item@5.4.0

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

• Updated@stencil/core@4.10.0