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

Comparing version 4.0.0 to 5.0.0

dist/cjs/loader.cjs.js

@@ -17,3 +17,3 @@ 'use strict';
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["mds-stepper-bar-item.cjs",[[1,"mds-stepper-bar-item",{"text":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"done":[516],"current":[1540],"value":[513],"typography":[1],"isDone":[32],"isCurrent":[32],"index":[32]}]]]], options);
+  return index.bootstrapLazy([["mds-stepper-bar-item.cjs",[[1,"mds-stepper-bar-item",{"label":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"done":[516],"current":[1540],"value":[513],"typography":[1],"isDone":[32],"isCurrent":[32],"index":[32]}]]]], options);
   });
@@ -20,0 +20,0 @@ };

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

@@ -27,3 +27,3 @@ 'use strict';
     this.index = undefined;
-    this.text = undefined;
+    this.label = undefined;
     this.step = undefined;
@@ -52,3 +52,3 @@ this.badge = undefined;
   render() {
-    return (index.h(index.Host, null, index.h("header", { class: "header", tabindex: "0" }, index.h("mds-icon", { class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), index.h("mds-progress", { class: "progress", progress: this.isDone ? 1 : 0 })), index.h("div", { class: "infos" }, this.step && index.h("mds-text", { class: "step", typography: "option" }, "step ", this.index + 1), this.text && index.h("mds-text", { class: "text", typography: this.typography }, this.text), this.badge && index.h("div", null, this.showBadge()))));
+    return (index.h(index.Host, null, index.h("header", { class: "header", tabindex: "0" }, index.h("mds-icon", { class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), index.h("mds-progress", { class: "progress", progress: this.isDone ? 1 : 0 })), index.h("div", { class: "infos" }, this.step && index.h("mds-text", { class: "step", typography: "option" }, "step ", this.index + 1), this.label && index.h("mds-text", { class: "text", typography: this.typography }, this.label), this.badge && index.h("div", null, this.showBadge()))));
   }
@@ -55,0 +55,0 @@ get host() { return index.getElement(this); }

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

@@ -20,5 +20,5 @@ 'use strict';
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["mds-stepper-bar-item.cjs",[[1,"mds-stepper-bar-item",{"text":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"done":[516],"current":[1540],"value":[513],"typography":[1],"isDone":[32],"isCurrent":[32],"index":[32]}]]]], options);
+  return index.bootstrapLazy([["mds-stepper-bar-item.cjs",[[1,"mds-stepper-bar-item",{"label":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"done":[516],"current":[1540],"value":[513],"typography":[1],"isDone":[32],"isCurrent":[32],"index":[32]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

dist/collection/components/mds-stepper-bar-item/mds-stepper-bar-item.js

@@ -0,3 +1,3 @@
+import { Host, h } from '@stencil/core';
 import clsx from 'clsx';
-import { Host, h } from '@stencil/core';
 export class MdsStepperBarItem {
@@ -17,3 +17,3 @@ constructor() {
     this.index = undefined;
-    this.text = undefined;
+    this.label = undefined;
     this.step = undefined;
@@ -42,3 +42,3 @@ this.badge = undefined;
   render() {
-    return (h(Host, null, h("header", { class: "header", tabindex: "0" }, h("mds-icon", { class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { class: "infos" }, this.step && h("mds-text", { class: "step", typography: "option" }, "step ", this.index + 1), this.text && h("mds-text", { class: "text", typography: this.typography }, this.text), this.badge && h("div", null, this.showBadge()))));
+    return (h(Host, null, h("header", { class: "header", tabindex: "0" }, h("mds-icon", { class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { class: "infos" }, this.step && h("mds-text", { class: "step", typography: "option" }, "step ", this.index + 1), this.label && h("mds-text", { class: "text", typography: this.typography }, this.label), this.badge && h("div", null, this.showBadge()))));
   }
@@ -59,3 +59,3 @@ static get is() { return "mds-stepper-bar-item"; }
     return {
-      "text": {
+      "label": {
         "type": "string",
@@ -74,3 +74,3 @@ "mutable": false,
         },
-        "attribute": "text",
+        "attribute": "label",
         "reflect": false
@@ -77,0 +77,0 @@ },

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

@@ -39,4 +39,4 @@ import { iconsDictionary, mggIconsDictionary } from '@dictionary/icon';
 };
-const Template = args => h("mds-stepper-bar", { "items-done": 0 }, h("mds-stepper-bar-item", { "icon-checked": "mi/baseline/done", icon: "mi/baseline/agriculture", text: "First" }), h("mds-stepper-bar-item", { "icon-checked": "mi/baseline/done", icon: "mi/baseline/adobe", text: "Second" }), h("mds-stepper-bar-item", Object.assign({ "icon-checked": "mi/baseline/done" }, args)), h("mds-stepper-bar-item", { "icon-checked": "mi/baseline/done", icon: "mi/baseline/css", text: "Forth" }), h("mds-stepper-bar-item", { "icon-checked": "mi/baseline/done", icon: "mdi/baseball", text: "Fifth" }));
-const TemplateDone = args => h("mds-stepper-bar", { "items-done": 3 }, h("mds-stepper-bar-item", { done: true, icon: "mi/baseline/agriculture", "icon-checked": args['icon-checked'], text: "First" }), h("mds-stepper-bar-item", { done: true, icon: "mi/baseline/adobe", "icon-checked": args['icon-checked'], text: "Second" }), h("mds-stepper-bar-item", Object.assign({}, args)), h("mds-stepper-bar-item", { icon: "mi/baseline/css", text: "Forth" }), h("mds-stepper-bar-item", { icon: "mi/baseline/local-activity", text: "Fifth" }));
+const Template = args => h("mds-stepper-bar", { "items-done": 0 }, h("mds-stepper-bar-item", { "icon-checked": "mi/baseline/done", icon: "mi/baseline/agriculture", label: "First" }), h("mds-stepper-bar-item", { "icon-checked": "mi/baseline/done", icon: "mi/baseline/adobe", label: "Second" }), h("mds-stepper-bar-item", Object.assign({ "icon-checked": "mi/baseline/done" }, args)), h("mds-stepper-bar-item", { "icon-checked": "mi/baseline/done", icon: "mi/baseline/css", label: "Forth" }), h("mds-stepper-bar-item", { "icon-checked": "mi/baseline/done", icon: "mdi/baseball", label: "Fifth" }));
+const TemplateDone = args => h("mds-stepper-bar", { "items-done": 3 }, h("mds-stepper-bar-item", { done: true, icon: "mi/baseline/agriculture", "icon-checked": args['icon-checked'], label: "First" }), h("mds-stepper-bar-item", { done: true, icon: "mi/baseline/adobe", "icon-checked": args['icon-checked'], label: "Second" }), h("mds-stepper-bar-item", Object.assign({}, args)), h("mds-stepper-bar-item", { icon: "mi/baseline/css", label: "Forth" }), h("mds-stepper-bar-item", { icon: "mi/baseline/local-activity", label: "Fifth" }));
 // mi_baseline_local-activity
@@ -46,3 +46,3 @@ // mi_baseline_bluetooth
   icon: 'mi/baseline/book',
-  text: 'Third',
+  label: 'Third',
 };
@@ -49,0 +49,0 @@ export const Default = Template.bind({});

dist/collection/dictionary/button.js

@@ -16,2 +16,6 @@ const buttonVariantDictionary = [
 ];
+const buttonTargetDictionary = [
+  'blank',
+  'self',
+];
 const buttonSizeDictionary = [
@@ -27,2 +31,2 @@ 'sm',
 ];
-export { buttonSizeDictionary, buttonToneVariantDictionary, buttonVariantDictionary, buttonIconPositionDictionary, };
+export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonVariantDictionary, };

dist/collection/dictionary/variant.js

@@ -56,2 +56,10 @@ const themeVariantDictionary = [
 ];
+const toneActionVariantDictionary = [
+  'primary',
+  'secondary',
+  'tertiary',
+  'strong',
+  'weak',
+  'quiet',
+];
 const toneSimpleVariantDictionary = [
@@ -66,2 +74,2 @@ 'strong',
 ];
-export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

dist/components/mds-stepper-bar-item.js

@@ -25,3 +25,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
     this.index = undefined;
-    this.text = undefined;
+    this.label = undefined;
     this.step = undefined;
@@ -50,3 +50,3 @@ this.badge = undefined;
   render() {
-    return (h(Host, null, h("header", { class: "header", tabindex: "0" }, h("mds-icon", { class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { class: "infos" }, this.step && h("mds-text", { class: "step", typography: "option" }, "step ", this.index + 1), this.text && h("mds-text", { class: "text", typography: this.typography }, this.text), this.badge && h("div", null, this.showBadge()))));
+    return (h(Host, null, h("header", { class: "header", tabindex: "0" }, h("mds-icon", { class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { class: "infos" }, this.step && h("mds-text", { class: "step", typography: "option" }, "step ", this.index + 1), this.label && h("mds-text", { class: "text", typography: this.typography }, this.label), this.badge && h("div", null, this.showBadge()))));
   }
@@ -60,3 +60,3 @@ get host() { return this; }
 }, [1, "mds-stepper-bar-item", {
-    "text": [1],
+    "label": [1],
     "step": [4],
@@ -63,0 +63,0 @@ "badge": [1540],

dist/documentation.json

 {
-  "timestamp": "2023-04-14T10:19:24",
+  "timestamp": "2023-07-05T10:32:56",
   "compiler": {
@@ -104,32 +104,32 @@ "name": "@stencil/core",
         {
-          "name": "step",
-          "type": "boolean",
+          "name": "label",
+          "type": "string",
           "mutable": false,
-          "attr": "step",
+          "attr": "label",
           "reflectToAttr": false,
-          "docs": "Specifies if the step is displayed",
+          "docs": "Specifies a short description of the component",
           "docsTags": [],
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
-          "required": false
+          "required": true
         },
         {
-          "name": "text",
-          "type": "string",
+          "name": "step",
+          "type": "boolean",
           "mutable": false,
-          "attr": "text",
+          "attr": "step",
           "reflectToAttr": false,
-          "docs": "Specifies a short description of the component",
+          "docs": "Specifies if the step is displayed",
           "docsTags": [],
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
-          "required": true
+          "required": false
         },
@@ -136,0 +136,0 @@ {

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-2eb0845c.js";export{s as setNonce}from"./index-2eb0845c.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,t){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-stepper-bar-item",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]}]]]],t)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-2eb0845c.js";export{s as setNonce}from"./index-2eb0845c.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,t){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-stepper-bar-item",[[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]}]]]],t)}))};export{defineCustomElements};

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

@@ -1,1 +0,1 @@
-var __spreadArray=this&&this.__spreadArray||function(r,e,t){if(t||arguments.length===2)for(var i=0,o=e.length,s;i<o;i++){if(s||!(i in e)){if(!s)s=Array.prototype.slice.call(e,0,i);s[i]=e[i]}}return r.concat(s||Array.prototype.slice.call(e))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-2eb0845c.js";function r(e){var t,i,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(i=r(e[t]))&&(o&&(o+=" "),o+=i);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function clsx(){for(var e,t,i=0,o="";i<arguments.length;)(e=arguments[i++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}var mdsStepperBarItemCss="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-stepper-bar-item-color:rgb(var(--tone-neutral-03));--mds-stepper-bar-item-duaration:250ms;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05));--mds-stepper-bar-item-icon-background-current:rgb(var(--brand-maggioli-04));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background, rgb(var(--tone-neutral-08)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04));--mds-stepper-bar-item-icon-ring-color:var(--mds-stepper-bar-item-icon-background-current);--mds-stepper-bar-item-icon-ring-separator-color:rgb(var(--tone-neutral));--mds-stepper-bar-item-icon-ring-separator-size:0.375rem;--mds-stepper-bar-item-icon-ring-size:0.25rem;--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04));--mds-stepper-bar-item-progress-thickness:0.5rem;position:relative;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0px;flex-basis:0px;scroll-snap-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:1rem;min-width:var(--mds-stepper-bar-item-min-width);padding-left:calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));padding-top:calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));-webkit-transition-property:outline, outline-offset;transition-property:outline, outline-offset}:host(:last-of-type){-ms-flex-preferred-size:0.25rem;flex-basis:0.25rem}:host(:last-of-type) .progress{display:none}:host([ done ]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-done);--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-done);-webkit-transition-delay:0ms;transition-delay:0ms}:host([ current ]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-current);--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-current);-webkit-box-shadow:0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);box-shadow:0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);-webkit-transition-delay:calc(var(--mds-stepper-bar-item-duaration) / 2);transition-delay:calc(var(--mds-stepper-bar-item-duaration) / 2)}:host(:not([ done ])) .icon,:host(:not([ current ])) .icon{--mds-stepper-bar-item-icon-ring-color:var(--mds-stepper-bar-item-icon-background)}.header{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;border-radius:0.375rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transition-property:outline, outline-offset;transition-property:outline, outline-offset}.icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;border-radius:9999px;padding:0.5rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-stepper-bar-item-icon-background);-webkit-box-shadow:0 0 0 0 var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-color);box-shadow:0 0 0 0 var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-color);fill:var(--mds-stepper-bar-item-icon-color);-webkit-transition-duration:var(--mds-stepper-bar-item-duaration);transition-duration:var(--mds-stepper-bar-item-duaration)}.progress{--mds-stepper-bar-item-background:var(--mds-stepper-bar-item-progress-background);--mds-stepper-bar-item-color:var(--mds-stepper-bar-item-progress-color);--mds-stepper-bar-item-thickness:var(--mds-stepper-bar-item-progress-thickness);margin-left:-0.25rem;-ms-flex-positive:1;flex-grow:1;margin-right:calc(calc(calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size)) * -1) - 0.25rem)}.infos{display:grid;gap:0.25rem;padding-left:0.25rem}.text{pointer-events:none;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;color:var(--mds-stepper-bar-item-color);-webkit-transition-duration:var(--mds-stepper-bar-item-duaration);transition-duration:var(--mds-stepper-bar-item-duaration)}.badge{pointer-events:none;border-radius:9999px}.step{pointer-events:none;border-radius:9999px;--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}";var MdsStepperBarItem=function(){function r(r){var e=this;registerInstance(this,r);this.doneEvent=createEvent(this,"mdsStepperBarItemDone",7);this.showBadge=function(){if(e.isDone){return h("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},"Completato")}if(e.isCurrent){return h("mds-badge",{class:"badge",variant:"info",tone:"weak",typography:"option"},"In corso")}return h("mds-badge",{class:"badge",variant:"dark",tone:"weak",typography:"option"},"In coda")};this.isDone=undefined;this.isCurrent=undefined;this.index=undefined;this.text=undefined;this.step=undefined;this.badge=undefined;this.icon=undefined;this.iconChecked=this.icon;this.done=false;this.current=false;this.value=undefined;this.typography="h6"}r.prototype.componentWillLoad=function(){this.isCurrent=this.current;this.isDone=this.done;var r=this.host.parentElement;if(r)this.index=__spreadArray([],Array.from(r.childNodes),true).indexOf(this.host)};r.prototype.selectedHandler=function(r){this.isDone=r};r.prototype.currentHandler=function(r){this.isCurrent=r};r.prototype.render=function(){return h(Host,null,h("header",{class:"header",tabindex:"0"},h("mds-icon",{class:"icon",name:clsx(this.isDone&&!this.isCurrent?this.iconChecked:this.icon)}),h("mds-progress",{class:"progress",progress:this.isDone?1:0})),h("div",{class:"infos"},this.step&&h("mds-text",{class:"step",typography:"option"},"step ",this.index+1),this.text&&h("mds-text",{class:"text",typography:this.typography},this.text),this.badge&&h("div",null,this.showBadge())))};Object.defineProperty(r.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{done:["selectedHandler"],current:["currentHandler"]}},enumerable:false,configurable:true});return r}();MdsStepperBarItem.style=mdsStepperBarItemCss;export{MdsStepperBarItem as mds_stepper_bar_item};
+var __spreadArray=this&&this.__spreadArray||function(r,e,t){if(t||arguments.length===2)for(var i=0,o=e.length,s;i<o;i++){if(s||!(i in e)){if(!s)s=Array.prototype.slice.call(e,0,i);s[i]=e[i]}}return r.concat(s||Array.prototype.slice.call(e))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-2eb0845c.js";function r(e){var t,i,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(i=r(e[t]))&&(o&&(o+=" "),o+=i);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function clsx(){for(var e,t,i=0,o="";i<arguments.length;)(e=arguments[i++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}var mdsStepperBarItemCss="@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-stepper-bar-item-color:rgb(var(--tone-neutral-03));--mds-stepper-bar-item-duaration:250ms;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05));--mds-stepper-bar-item-icon-background-current:rgb(var(--brand-maggioli-04));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background, rgb(var(--tone-neutral-08)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04));--mds-stepper-bar-item-icon-ring-color:var(--mds-stepper-bar-item-icon-background-current);--mds-stepper-bar-item-icon-ring-separator-color:rgb(var(--tone-neutral));--mds-stepper-bar-item-icon-ring-separator-size:0.375rem;--mds-stepper-bar-item-icon-ring-size:0.25rem;--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04));--mds-stepper-bar-item-progress-thickness:0.5rem;position:relative;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0px;flex-basis:0px;scroll-snap-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:1rem;min-width:var(--mds-stepper-bar-item-min-width);padding-left:calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));padding-top:calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));-webkit-transition-property:outline, outline-offset;transition-property:outline, outline-offset}:host(:last-of-type){-ms-flex-preferred-size:0.25rem;flex-basis:0.25rem}:host(:last-of-type) .progress{display:none}:host([ done ]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-done);--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-done);-webkit-transition-delay:0ms;transition-delay:0ms}:host([ current ]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-current);--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-current);-webkit-box-shadow:0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);box-shadow:0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);-webkit-transition-delay:calc(var(--mds-stepper-bar-item-duaration) / 2);transition-delay:calc(var(--mds-stepper-bar-item-duaration) / 2)}:host(:not([ done ])) .icon,:host(:not([ current ])) .icon{--mds-stepper-bar-item-icon-ring-color:var(--mds-stepper-bar-item-icon-background)}.header{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;border-radius:0.375rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transition-property:outline, outline-offset;transition-property:outline, outline-offset}.icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;border-radius:9999px;padding:0.5rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-stepper-bar-item-icon-background);-webkit-box-shadow:0 0 0 0 var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-color);box-shadow:0 0 0 0 var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-color);fill:var(--mds-stepper-bar-item-icon-color);-webkit-transition-duration:var(--mds-stepper-bar-item-duaration);transition-duration:var(--mds-stepper-bar-item-duaration)}.progress{--mds-stepper-bar-item-background:var(--mds-stepper-bar-item-progress-background);--mds-stepper-bar-item-color:var(--mds-stepper-bar-item-progress-color);--mds-stepper-bar-item-thickness:var(--mds-stepper-bar-item-progress-thickness);margin-left:-0.25rem;-ms-flex-positive:1;flex-grow:1;margin-right:calc(calc(calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size)) * -1) - 0.25rem)}.infos{display:grid;gap:0.25rem;padding-left:0.25rem}.text{pointer-events:none;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;color:var(--mds-stepper-bar-item-color);-webkit-transition-duration:var(--mds-stepper-bar-item-duaration);transition-duration:var(--mds-stepper-bar-item-duaration)}.badge{pointer-events:none;border-radius:9999px}.step{pointer-events:none;border-radius:9999px;--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}";var MdsStepperBarItem=function(){function r(r){var e=this;registerInstance(this,r);this.doneEvent=createEvent(this,"mdsStepperBarItemDone",7);this.showBadge=function(){if(e.isDone){return h("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},"Completato")}if(e.isCurrent){return h("mds-badge",{class:"badge",variant:"info",tone:"weak",typography:"option"},"In corso")}return h("mds-badge",{class:"badge",variant:"dark",tone:"weak",typography:"option"},"In coda")};this.isDone=undefined;this.isCurrent=undefined;this.index=undefined;this.label=undefined;this.step=undefined;this.badge=undefined;this.icon=undefined;this.iconChecked=this.icon;this.done=false;this.current=false;this.value=undefined;this.typography="h6"}r.prototype.componentWillLoad=function(){this.isCurrent=this.current;this.isDone=this.done;var r=this.host.parentElement;if(r)this.index=__spreadArray([],Array.from(r.childNodes),true).indexOf(this.host)};r.prototype.selectedHandler=function(r){this.isDone=r};r.prototype.currentHandler=function(r){this.isCurrent=r};r.prototype.render=function(){return h(Host,null,h("header",{class:"header",tabindex:"0"},h("mds-icon",{class:"icon",name:clsx(this.isDone&&!this.isCurrent?this.iconChecked:this.icon)}),h("mds-progress",{class:"progress",progress:this.isDone?1:0})),h("div",{class:"infos"},this.step&&h("mds-text",{class:"step",typography:"option"},"step ",this.index+1),this.label&&h("mds-text",{class:"text",typography:this.typography},this.label),this.badge&&h("div",null,this.showBadge())))};Object.defineProperty(r.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{done:["selectedHandler"],current:["currentHandler"]}},enumerable:false,configurable:true});return r}();MdsStepperBarItem.style=mdsStepperBarItemCss;export{MdsStepperBarItem as mds_stepper_bar_item};

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

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-2eb0845c.js";export{s as setNonce}from"./index-2eb0845c.js";var patchBrowser=function(){var e=import.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return promiseResolve(r)};patchBrowser().then((function(e){return bootstrapLazy([["mds-stepper-bar-item",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]}]]]],e)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-2eb0845c.js";export{s as setNonce}from"./index-2eb0845c.js";var patchBrowser=function(){var e=import.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return promiseResolve(r)};patchBrowser().then((function(e){return bootstrapLazy([["mds-stepper-bar-item",[[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]}]]]],e)}));

dist/esm/loader.js

@@ -14,3 +14,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-2eb0845c.js';
   return patchEsm().then(() => {
-  return bootstrapLazy([["mds-stepper-bar-item",[[1,"mds-stepper-bar-item",{"text":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"done":[516],"current":[1540],"value":[513],"typography":[1],"isDone":[32],"isCurrent":[32],"index":[32]}]]]], options);
+  return bootstrapLazy([["mds-stepper-bar-item",[[1,"mds-stepper-bar-item",{"label":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"done":[516],"current":[1540],"value":[513],"typography":[1],"isDone":[32],"isCurrent":[32],"index":[32]}]]]], options);
   });
@@ -17,0 +17,0 @@ };

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

@@ -23,3 +23,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2eb0845c.js';
     this.index = undefined;
-    this.text = undefined;
+    this.label = undefined;
     this.step = undefined;
@@ -48,3 +48,3 @@ this.badge = undefined;
   render() {
-    return (h(Host, null, h("header", { class: "header", tabindex: "0" }, h("mds-icon", { class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { class: "infos" }, this.step && h("mds-text", { class: "step", typography: "option" }, "step ", this.index + 1), this.text && h("mds-text", { class: "text", typography: this.typography }, this.text), this.badge && h("div", null, this.showBadge()))));
+    return (h(Host, null, h("header", { class: "header", tabindex: "0" }, h("mds-icon", { class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { class: "infos" }, this.step && h("mds-text", { class: "step", typography: "option" }, "step ", this.index + 1), this.label && h("mds-text", { class: "text", typography: this.typography }, this.label), this.badge && h("div", null, this.showBadge()))));
   }
@@ -51,0 +51,0 @@ get host() { return getElement(this); }

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

@@ -17,3 +17,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-2eb0845c.js';
 patchBrowser().then(options => {
-  return bootstrapLazy([["mds-stepper-bar-item",[[1,"mds-stepper-bar-item",{"text":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"done":[516],"current":[1540],"value":[513],"typography":[1],"isDone":[32],"isCurrent":[32],"index":[32]}]]]], options);
+  return bootstrapLazy([["mds-stepper-bar-item",[[1,"mds-stepper-bar-item",{"label":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"done":[516],"current":[1540],"value":[513],"typography":[1],"isDone":[32],"isCurrent":[32],"index":[32]}]]]], options);
 });

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

@@ -1,1 +0,1 @@
-import{p as e,b as r}from"./p-33280b60.js";export{s as setNonce}from"./p-33280b60.js";(()=>{const r=import.meta.url,t={};return""!==r&&(t.resourcesUrl=new URL(".",r).href),e(t)})().then((e=>r([["p-ca90f327",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]}]]]],e)));
+import{p as e,b as r}from"./p-33280b60.js";export{s as setNonce}from"./p-33280b60.js";(()=>{const r=import.meta.url,o={};return""!==r&&(o.resourcesUrl=new URL(".",r).href),e(o)})().then((e=>r([["p-852b441f",[[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]}]]]],e)));

dist/mds-stepper-bar-item/p-86c99705.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-2b6327ea.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-2f225952.system",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]}]]]],e)}))}}}));
+System.register(["./p-2b6327ea.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(r){t=r.p;n=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-192e201e.system",[[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]}]]]],e)}))}}}));

dist/stats.json

 {
-  "timestamp": "2023-04-14T10:19:24",
+  "timestamp": "2023-07-05T10:32:56",
   "compiler": {
     "name": "node",
-    "version": "18.3.0"
+    "version": "18.12.1"
   },
@@ -12,10 +12,11 @@ "app": {
     "entries": 1,
-    "bundles": 66,
+    "bundles": 67,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 25,
+        "files": 26,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
           "./dist/collection/common/keyboard-manager.js",
+          "./dist/collection/common/unit.js",
           "./dist/collection/components/mds-stepper-bar-item/mds-stepper-bar-item.js",
@@ -80,17 +81,17 @@ "./dist/collection/components/mds-stepper-bar-item/meta/event-detail.js",
           "./dist/mds-stepper-bar-item/mds-stepper-bar-item.js",
+          "./dist/mds-stepper-bar-item/p-192e201e.system.entry.js",
           "./dist/mds-stepper-bar-item/p-2b6327ea.system.js",
-          "./dist/mds-stepper-bar-item/p-2f225952.system.entry.js",
           "./dist/mds-stepper-bar-item/p-33280b60.js",
           "./dist/mds-stepper-bar-item/p-50ea2036.system.js",
+          "./dist/mds-stepper-bar-item/p-852b441f.entry.js",
           "./dist/mds-stepper-bar-item/p-86c99705.system.js",
-          "./dist/mds-stepper-bar-item/p-ca90f327.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-stepper-bar-item.esm.js",
           "./www/build/mds-stepper-bar-item.js",
+          "./www/build/p-192e201e.system.entry.js",
           "./www/build/p-2b6327ea.system.js",
-          "./www/build/p-2f225952.system.entry.js",
           "./www/build/p-33280b60.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-86c99705.system.js",
-          "./www/build/p-ca90f327.entry.js"
+          "./www/build/p-852b441f.entry.js",
+          "./www/build/p-86c99705.system.js"
         ]
@@ -128,8 +129,8 @@ },
         ],
-        "bundleId": "p-ca90f327",
-        "fileName": "p-ca90f327.entry.js",
+        "bundleId": "p-852b441f",
+        "fileName": "p-852b441f.entry.js",
         "imports": [
           "p-33280b60.js"
         ],
-        "originalByteSize": 9485
+        "originalByteSize": 9488
       }
@@ -148,3 +149,3 @@ ],
         ],
-        "originalByteSize": 9489
+        "originalByteSize": 9492
       }
@@ -163,3 +164,3 @@ ],
         ],
-        "originalByteSize": 9489
+        "originalByteSize": 9492
       }
@@ -173,8 +174,8 @@ ],
         ],
-        "bundleId": "p-2f225952.system",
-        "fileName": "p-2f225952.system.entry.js",
+        "bundleId": "p-192e201e.system",
+        "fileName": "p-192e201e.system.entry.js",
         "imports": [
           "p-2b6327ea.system.js"
         ],
-        "originalByteSize": 10035
+        "originalByteSize": 10038
       }
@@ -193,3 +194,3 @@ ],
         ],
-        "originalByteSize": 9590
+        "originalByteSize": 9593
       }
@@ -253,5 +254,5 @@ ]
         {
-          "name": "text",
+          "name": "label",
           "type": "string",
-          "attribute": "text",
+          "attribute": "label",
           "reflect": false,
@@ -461,5 +462,5 @@ "mutable": false,
             {
-              "name": "text",
+              "name": "label",
               "type": "string",
-              "attribute": "text",
+              "attribute": "label",
               "reflect": false,
@@ -871,2 +872,3 @@ "mutable": false,
     "./src/common/keyboard-manager.ts": [],
+    "./src/common/unit.ts": [],
     "./src/components/mds-stepper-bar-item/mds-stepper-bar-item.tsx": [],
@@ -873,0 +875,0 @@ "./src/components/mds-stepper-bar-item/meta/event-detail.ts": [],

dist/types/components.d.ts

@@ -33,2 +33,6 @@ /* eslint-disable */
         /**
+          * Specifies a short description of the component
+         */
+        "label": string;
+        /**
           * Specifies if the step is displayed
@@ -38,6 +42,2 @@ */
         /**
-          * Specifies a short description of the component
-         */
-        "text": string;
-        /**
           * Specifies the typography of the element
@@ -90,2 +90,6 @@ */
         /**
+          * Specifies a short description of the component
+         */
+        "label": string;
+        /**
           * Emits when the accordion is selected
@@ -99,6 +103,2 @@ */
         /**
-          * Specifies a short description of the component
-         */
-        "text": string;
-        /**
           * Specifies the typography of the element
@@ -105,0 +105,0 @@ */

dist/types/components/mds-stepper-bar-item/mds-stepper-bar-item.d.ts

@@ -12,3 +12,3 @@ import { EventEmitter } from '../../stencil-public-runtime';
    */
-  readonly text: string;
+  readonly label: string;
   /**
@@ -15,0 +15,0 @@ * Specifies if the step is displayed

dist/types/dictionary/button.d.ts

 declare const buttonVariantDictionary: string[];
 declare const buttonToneVariantDictionary: string[];
+declare const buttonTargetDictionary: string[];
 declare const buttonSizeDictionary: string[];
 declare const buttonIconPositionDictionary: string[];
-export { buttonSizeDictionary, buttonToneVariantDictionary, buttonVariantDictionary, buttonIconPositionDictionary, };
+export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonVariantDictionary, };

dist/types/dictionary/variant.d.ts

@@ -7,4 +7,5 @@ declare const themeVariantDictionary: string[];
 declare const toneVariantDictionary: string[];
+declare const toneActionVariantDictionary: string[];
 declare const toneSimpleVariantDictionary: string[];
 declare const toneMinimalVariantDictionary: string[];
-export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

dist/types/type/button.d.ts

 export type ButtonType = 'a' | 'button' | 'reset' | 'submit';
+export type ButtonTargetType = 'self' | 'blank';
 export type ButtonSizeType = 'sm' | 'md' | 'lg' | 'xl';
 export type ButtonIconPositionType = 'left' | 'right';
 export type ButtonVariantType = 'primary' | 'dark' | 'light' | 'error' | 'info' | 'success' | 'warning';

dist/types/type/variant.d.ts

@@ -8,4 +8,5 @@ export type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning';
 export type StateVariantType = 'disabled' | 'focused' | 'readonly';
+export type ToneActionVariantType = 'primary' | 'secondary' | 'tertiary' | 'strong' | 'weak' | 'ghost' | 'quiet';
 export type ToneVariantType = 'strong' | 'weak' | 'ghost' | 'quiet';
 export type ToneSimpleVariantType = 'strong' | 'weak' | 'quiet';
 export type ToneMinimalVariantType = 'strong' | 'weak';

documentation.json

 {
-  "timestamp": "2023-04-14T09:57:39",
+  "timestamp": "2023-07-05T10:28:58",
   "compiler": {
@@ -105,32 +105,32 @@ "name": "@stencil/core",
         {
-          "name": "step",
-          "type": "boolean",
+          "name": "label",
+          "type": "string",
           "mutable": false,
-          "attr": "step",
+          "attr": "label",
           "reflectToAttr": false,
-          "docs": "Specifies if the step is displayed",
+          "docs": "Specifies a short description of the component",
           "docsTags": [],
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
-          "required": false
+          "required": true
         },
         {
-          "name": "text",
-          "type": "string",
+          "name": "step",
+          "type": "boolean",
           "mutable": false,
-          "attr": "text",
+          "attr": "step",
           "reflectToAttr": false,
-          "docs": "Specifies a short description of the component",
+          "docs": "Specifies if the step is displayed",
           "docsTags": [],
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
-          "required": true
+          "required": false
         },
@@ -137,0 +137,0 @@ {

package.json

 {
   "name": "@maggioli-design-system/mds-stepper-bar-item",
-  "version": "4.0.0",
+  "version": "5.0.0",
   "description": "mds-stepper-bar-item is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
@@ -28,3 +28,3 @@ "main": "dist/index.cjs.js",
     "@maggioli-design-system/mds-text": "^3.3.0",
-    "@maggioli-design-system/styles": "^11.4.0",
+    "@maggioli-design-system/styles": "^11.6.0",
     "@stencil/core": "^2.22.3",
@@ -31,0 +31,0 @@ "clsx": "^1.2.1"

readme.md

@@ -10,13 +10,13 @@ # mds-stepper-bar-item
 
-| Property            | Attribute      | Description                                                                           | Type                                                                                                                                                                   | Default     |
-| ------------------- | -------------- | ------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `badge`             | `badge`        | Specifies if the badge status is displayed                                            | `boolean`                                                                                                                                                              | `undefined` |
-| `current`           | `current`      | Specifies if the component is the current or not                                      | `boolean`                                                                                                                                                              | `false`     |
-| `done`              | `done`         | Specifies if the component is checked or not                                          | `boolean`                                                                                                                                                              | `false`     |
-| `icon` _(required)_ | `icon`         | Specifies the icon displayed of the component when is not checked or the current item | `string`                                                                                                                                                               | `undefined` |
-| `iconChecked`       | `icon-checked` | Specifies the icon displayed of the component when is checked                         | `string \| undefined`                                                                                                                                                  | `this.icon` |
-| `step`              | `step`         | Specifies if the step is displayed                                                    | `boolean`                                                                                                                                                              | `undefined` |
-| `text` _(required)_ | `text`         | Specifies a short description of the component                                        | `string`                                                                                                                                                               | `undefined` |
-| `typography`        | `typography`   | Specifies the typography of the element                                               | `"action" \| "caption" \| "detail" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "hack" \| "label" \| "option" \| "paragraph" \| "snippet" \| "tip" \| undefined` | `'h6'`      |
-| `value`             | `value`        | Specifies the value the component will return mdsStepperBarItemSelect event           | `string \| undefined`                                                                                                                                                  | `undefined` |
+| Property             | Attribute      | Description                                                                           | Type                                                                                                                                                                   | Default     |
+| -------------------- | -------------- | ------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `badge`              | `badge`        | Specifies if the badge status is displayed                                            | `boolean`                                                                                                                                                              | `undefined` |
+| `current`            | `current`      | Specifies if the component is the current or not                                      | `boolean`                                                                                                                                                              | `false`     |
+| `done`               | `done`         | Specifies if the component is checked or not                                          | `boolean`                                                                                                                                                              | `false`     |
+| `icon` _(required)_  | `icon`         | Specifies the icon displayed of the component when is not checked or the current item | `string`                                                                                                                                                               | `undefined` |
+| `iconChecked`        | `icon-checked` | Specifies the icon displayed of the component when is checked                         | `string \| undefined`                                                                                                                                                  | `this.icon` |
+| `label` _(required)_ | `label`        | Specifies a short description of the component                                        | `string`                                                                                                                                                               | `undefined` |
+| `step`               | `step`         | Specifies if the step is displayed                                                    | `boolean`                                                                                                                                                              | `undefined` |
+| `typography`         | `typography`   | Specifies the typography of the element                                               | `"action" \| "caption" \| "detail" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "hack" \| "label" \| "option" \| "paragraph" \| "snippet" \| "tip" \| undefined` | `'h6'`      |
+| `value`              | `value`        | Specifies the value the component will return mdsStepperBarItemSelect event           | `string \| undefined`                                                                                                                                                  | `undefined` |
 
@@ -23,0 +23,0 @@

src/components.d.ts

@@ -33,2 +33,6 @@ /* eslint-disable */
         /**
+          * Specifies a short description of the component
+         */
+        "label": string;
+        /**
           * Specifies if the step is displayed
@@ -38,6 +42,2 @@ */
         /**
-          * Specifies a short description of the component
-         */
-        "text": string;
-        /**
           * Specifies the typography of the element
@@ -90,2 +90,6 @@ */
         /**
+          * Specifies a short description of the component
+         */
+        "label": string;
+        /**
           * Emits when the accordion is selected
@@ -99,6 +103,2 @@ */
         /**
-          * Specifies a short description of the component
-         */
-        "text": string;
-        /**
           * Specifies the typography of the element
@@ -105,0 +105,0 @@ */

src/components/mds-stepper-bar-item/readme.md

@@ -10,13 +10,13 @@ # mds-stepper-bar-item
 
-| Property            | Attribute      | Description                                                                           | Type                                                                                                                                                                   | Default     |
-| ------------------- | -------------- | ------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `badge`             | `badge`        | Specifies if the badge status is displayed                                            | `boolean`                                                                                                                                                              | `undefined` |
-| `current`           | `current`      | Specifies if the component is the current or not                                      | `boolean`                                                                                                                                                              | `false`     |
-| `done`              | `done`         | Specifies if the component is checked or not                                          | `boolean`                                                                                                                                                              | `false`     |
-| `icon` _(required)_ | `icon`         | Specifies the icon displayed of the component when is not checked or the current item | `string`                                                                                                                                                               | `undefined` |
-| `iconChecked`       | `icon-checked` | Specifies the icon displayed of the component when is checked                         | `string \| undefined`                                                                                                                                                  | `this.icon` |
-| `step`              | `step`         | Specifies if the step is displayed                                                    | `boolean`                                                                                                                                                              | `undefined` |
-| `text` _(required)_ | `text`         | Specifies a short description of the component                                        | `string`                                                                                                                                                               | `undefined` |
-| `typography`        | `typography`   | Specifies the typography of the element                                               | `"action" \| "caption" \| "detail" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "hack" \| "label" \| "option" \| "paragraph" \| "snippet" \| "tip" \| undefined` | `'h6'`      |
-| `value`             | `value`        | Specifies the value the component will return mdsStepperBarItemSelect event           | `string \| undefined`                                                                                                                                                  | `undefined` |
+| Property             | Attribute      | Description                                                                           | Type                                                                                                                                                                   | Default     |
+| -------------------- | -------------- | ------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `badge`              | `badge`        | Specifies if the badge status is displayed                                            | `boolean`                                                                                                                                                              | `undefined` |
+| `current`            | `current`      | Specifies if the component is the current or not                                      | `boolean`                                                                                                                                                              | `false`     |
+| `done`               | `done`         | Specifies if the component is checked or not                                          | `boolean`                                                                                                                                                              | `false`     |
+| `icon` _(required)_  | `icon`         | Specifies the icon displayed of the component when is not checked or the current item | `string`                                                                                                                                                               | `undefined` |
+| `iconChecked`        | `icon-checked` | Specifies the icon displayed of the component when is checked                         | `string \| undefined`                                                                                                                                                  | `this.icon` |
+| `label` _(required)_ | `label`        | Specifies a short description of the component                                        | `string`                                                                                                                                                               | `undefined` |
+| `step`               | `step`         | Specifies if the step is displayed                                                    | `boolean`                                                                                                                                                              | `undefined` |
+| `typography`         | `typography`   | Specifies the typography of the element                                               | `"action" \| "caption" \| "detail" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "hack" \| "label" \| "option" \| "paragraph" \| "snippet" \| "tip" \| undefined` | `'h6'`      |
+| `value`              | `value`        | Specifies the value the component will return mdsStepperBarItemSelect event           | `string \| undefined`                                                                                                                                                  | `undefined` |
 
@@ -23,0 +23,0 @@

src/dictionary/button.ts

@@ -18,2 +18,7 @@ const buttonVariantDictionary = [
 
+const buttonTargetDictionary = [
+  'blank',
+  'self',
+]
+
 const buttonSizeDictionary = [
@@ -32,6 +37,7 @@ 'sm',
 export {
+  buttonIconPositionDictionary,
   buttonSizeDictionary,
+  buttonTargetDictionary,
   buttonToneVariantDictionary,
   buttonVariantDictionary,
-  buttonIconPositionDictionary,
 }

src/dictionary/variant.ts

@@ -62,2 +62,11 @@ const themeVariantDictionary = [
 
+const toneActionVariantDictionary = [
+  'primary',
+  'secondary',
+  'tertiary',
+  'strong',
+  'weak',
+  'quiet',
+]
+
 const toneSimpleVariantDictionary = [
@@ -80,2 +89,3 @@ 'strong',
   themeVariantDictionary,
+  toneActionVariantDictionary,
   toneMinimalVariantDictionary,
@@ -82,0 +92,0 @@ toneSimpleVariantDictionary,

src/fixtures/icons.json

@@ -31,2 +31,3 @@ [
     "mgg/area-weather",
+    "mgg/bill",
     "mgg/box-multiple",
@@ -37,2 +38,3 @@ "mgg/breadcrumb",
     "mgg/calendar-schedule",
+    "mgg/cancelled-sheet",
     "mgg/car-license",
@@ -44,3 +46,5 @@ "mgg/card-stamping",
     "mgg/city-bin",
+    "mgg/classic-permission",
     "mgg/copy-paste",
+    "mgg/d-instrumental-buildings",
     "mgg/data-analytics-alt",
@@ -56,2 +60,3 @@ "mgg/data-analytics-search",
     "mgg/dataset",
+    "mgg/delivered-to-the-recipient",
     "mgg/document-magic",
@@ -85,5 +90,9 @@ "mgg/document-rename",
     "mgg/fit-vertical",
+    "mgg/forwarded-with-a-single-sending",
     "mgg/fullscreen-on-alt",
     "mgg/google-check-small",
     "mgg/google-place-item",
+    "mgg/group-assigned-automatically-system",
+    "mgg/group-ceased",
+    "mgg/group-inherited",
     "mgg/heart",
@@ -99,2 +108,3 @@ "mgg/heart-outline",
     "mgg/input-calendar-time",
+    "mgg/instrumental-buildings",
     "mgg/isbn",
@@ -121,2 +131,4 @@ "mgg/judge-hammer",
     "mgg/national-document-off",
+    "mgg/not-instrumental-d-buildings",
+    "mgg/not-sent-yet",
     "mgg/order-return-down-left-to-right",
@@ -140,4 +152,6 @@ "mgg/order-return-down-left-to-up",
     "mgg/other-properties-off",
+    "mgg/other-residential-buildings",
     "mgg/partial-wall",
     "mgg/payment-settings",
+    "mgg/pec-sent-to-the-not-pec-recipient",
     "mgg/places-green",
@@ -156,2 +170,3 @@ "mgg/places-green-doc",
     "mgg/residency-permit",
+    "mgg/roles-permission",
     "mgg/rubber-stamp",
@@ -161,2 +176,3 @@ "mgg/rurale",
     "mgg/send-progress",
+    "mgg/sending-error",
     "mgg/settings-attachment",
@@ -171,2 +187,3 @@ "mgg/sign-shop",
     "mgg/stuck-codes",
+    "mgg/subtractive-permission",
     "mgg/tea-light",
@@ -188,2 +205,3 @@ "mgg/terminal",
     "mgg/trending-down",
+    "mgg/tribute",
     "mgg/tributes",
@@ -195,2 +213,3 @@ "mgg/urban-city",
     "mgg/user-location-off",
+    "mgg/user-signed-out",
     "mgg/view-chart-gantt",
@@ -197,0 +216,0 @@ "mgg/view-side-by-side",

src/fixtures/iconsauce.json

@@ -20,2 +20,3 @@ [
     "mgg/area-weather",
+    "mgg/bill",
     "mgg/box-multiple",
@@ -26,2 +27,3 @@ "mgg/breadcrumb",
     "mgg/calendar-schedule",
+    "mgg/cancelled-sheet",
     "mgg/car-license",
@@ -33,3 +35,5 @@ "mgg/card-stamping",
     "mgg/city-bin",
+    "mgg/classic-permission",
     "mgg/copy-paste",
+    "mgg/d-instrumental-buildings",
     "mgg/data-analytics-alt",
@@ -45,2 +49,3 @@ "mgg/data-analytics-search",
     "mgg/dataset",
+    "mgg/delivered-to-the-recipient",
     "mgg/document-magic",
@@ -74,5 +79,9 @@ "mgg/document-rename",
     "mgg/fit-vertical",
+    "mgg/forwarded-with-a-single-sending",
     "mgg/fullscreen-on-alt",
     "mgg/google-check-small",
     "mgg/google-place-item",
+    "mgg/group-assigned-automatically-system",
+    "mgg/group-ceased",
+    "mgg/group-inherited",
     "mgg/heart-outline",
@@ -88,2 +97,3 @@ "mgg/heart",
     "mgg/input-calendar-time",
+    "mgg/instrumental-buildings",
     "mgg/isbn",
@@ -110,2 +120,4 @@ "mgg/judge-hammer",
     "mgg/national-document",
+    "mgg/not-instrumental-d-buildings",
+    "mgg/not-sent-yet",
     "mgg/order-return-down-left-to-right",
@@ -129,4 +141,6 @@ "mgg/order-return-down-left-to-up",
     "mgg/other-properties",
+    "mgg/other-residential-buildings",
     "mgg/partial-wall",
     "mgg/payment-settings",
+    "mgg/pec-sent-to-the-not-pec-recipient",
     "mgg/places-green-doc",
@@ -145,2 +159,3 @@ "mgg/places-green-history",
     "mgg/residency-permit",
+    "mgg/roles-permission",
     "mgg/rubber-stamp",
@@ -150,2 +165,3 @@ "mgg/rurale",
     "mgg/send-progress",
+    "mgg/sending-error",
     "mgg/settings-attachment",
@@ -160,2 +176,3 @@ "mgg/sign-shop",
     "mgg/stuck-codes",
+    "mgg/subtractive-permission",
     "mgg/tea-light",
@@ -177,2 +194,3 @@ "mgg/terminal",
     "mgg/trending-down",
+    "mgg/tribute",
     "mgg/tributes",
@@ -184,2 +202,3 @@ "mgg/urban-city",
     "mgg/user-location",
+    "mgg/user-signed-out",
     "mgg/view-chart-gantt",
@@ -186,0 +205,0 @@ "mgg/view-side-by-side",

src/type/button.ts

@@ -7,2 +7,6 @@ export type ButtonType =
 
+export type ButtonTargetType =
+  |'self'
+  |'blank'
+
 export type ButtonSizeType =
@@ -9,0 +13,0 @@ | 'sm'

src/type/variant.ts

@@ -60,2 +60,11 @@ export type ThemeStatusVariantType =
 
+export type ToneActionVariantType =
+  | 'primary' // background strong
+  | 'secondary' // background weak
+  | 'tertiary' // no background, no border
+  | 'strong' // background strong
+  | 'weak' // background weak
+  | 'ghost' // bordered
+  | 'quiet' // no background, no border
+
 export type ToneVariantType =
@@ -62,0 +71,0 @@ | 'strong' // background strong

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

@@ -1,1 +0,1 @@
-import{p as e,b as r}from"./p-33280b60.js";export{s as setNonce}from"./p-33280b60.js";(()=>{const r=import.meta.url,t={};return""!==r&&(t.resourcesUrl=new URL(".",r).href),e(t)})().then((e=>r([["p-ca90f327",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]}]]]],e)));
+import{p as e,b as r}from"./p-33280b60.js";export{s as setNonce}from"./p-33280b60.js";(()=>{const r=import.meta.url,o={};return""!==r&&(o.resourcesUrl=new URL(".",r).href),e(o)})().then((e=>r([["p-852b441f",[[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]}]]]],e)));

www/build/p-86c99705.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-2b6327ea.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-2f225952.system",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]}]]]],e)}))}}}));
+System.register(["./p-2b6327ea.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(r){t=r.p;n=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-192e201e.system",[[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]}]]]],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

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

Improved metrics

Total package byte prevSize

846353

increased by0.39%

Number of package files

147

increased by2.08%

Lines of code

11343

increased by0.93%

Dependency changes

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