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

Comparing version 1.0.1 to 2.0.0

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

@@ -48,3 +48,3 @@ 'use strict';
 
-const mdsStepperBarItemCss = ".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{--color:rgb(var(--adjust-tone-03));--duaration:250ms;--icon-background-checked:rgb(var(--status-success-05));--icon-background-current:rgb(var(--brand-maggioli-04));--icon-background:var(--progress-background, rgb(var(--adjust-tone-08)));--icon-color-checked:rgb(var(--status-success-10));--icon-color-current:rgb(var(--adjust-tone));--icon-color:rgb(var(--adjust-tone-04));--icon-ring-color:var(--icon-background-current);--icon-ring-separator-color:rgb(var(--adjust-tone));--icon-ring-separator-size:0.375rem;--icon-ring-size:0.25rem;--min-width:180px;--progress-background:rgb(var(--adjust-tone-08));--progress-color:rgb(var(--status-success-04));--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;cursor:pointer;scroll-snap-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:1rem;min-width:var(--min-width);padding-left:calc(var(--icon-ring-size) + var(--icon-ring-separator-size));padding-top:calc(var(--icon-ring-size) + var(--icon-ring-separator-size))}:host(:last-of-type){-ms-flex-preferred-size:0.25rem;flex-basis:0.25rem}:host(:last-of-type) .progress{display:none}:host([ checked ]) .icon{--icon-background:var(--icon-background-checked);--icon-color:var(--icon-color-checked);-webkit-transition-delay:0ms;transition-delay:0ms}:host([ current ]) .icon{--icon-background:var(--icon-background-current);--icon-color:var(--icon-color-current);-webkit-box-shadow:0 0 0 var(--icon-ring-size) var(--icon-ring-color), 0 0 0 var(--icon-ring-separator-size) var(--icon-ring-separator-color);box-shadow:0 0 0 var(--icon-ring-size) var(--icon-ring-color), 0 0 0 var(--icon-ring-separator-size) var(--icon-ring-separator-color);-webkit-transition-delay:calc(var(--duaration) / 2);transition-delay:calc(var(--duaration) / 2)}:host(:not([ checked ])) .icon,:host(:not([ current ])) .icon{--icon-ring-color:var(--icon-background)}.header{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center}.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(--icon-background);-webkit-box-shadow:0 0 0 0 var(--icon-ring-color), 0 0 0 0 var(--icon-ring-separator-color);box-shadow:0 0 0 0 var(--icon-ring-color), 0 0 0 0 var(--icon-ring-separator-color);fill:var(--icon-color);-webkit-transition-duration:var(--duaration);transition-duration:var(--duaration)}.progress{--background:var(--progress-background);--color:var(--progress-color);--thickness:var(--progress-thickness);margin-left:-0.25rem;-ms-flex-positive:1;flex-grow:1;margin-right:calc(calc(calc(var(--icon-ring-size) + var(--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(--color);-webkit-transition-duration:var(--duaration);transition-duration:var(--duaration)}.badge{pointer-events:none;border-radius:9999px}.step{pointer-events:none;border-radius:9999px;--tw-text-opacity:1;color:rgba(var(--adjust-tone-04), var(--tw-text-opacity))}";
+const mdsStepperBarItemCss = ".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{--color:rgb(var(--tone-neutral-03));--duaration:250ms;--icon-background-checked:rgb(var(--status-success-05));--icon-background-current:rgb(var(--brand-maggioli-04));--icon-background:var(--progress-background, rgb(var(--tone-neutral-08)));--icon-color-checked:rgb(var(--status-success-10));--icon-color-current:rgb(var(--tone-neutral));--icon-color:rgb(var(--tone-neutral-04));--icon-ring-color:var(--icon-background-current);--icon-ring-separator-color:rgb(var(--tone-neutral));--icon-ring-separator-size:0.375rem;--icon-ring-size:0.25rem;--min-width:180px;--progress-background:rgb(var(--tone-neutral-08));--progress-color:rgb(var(--status-success-04));--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;cursor:pointer;scroll-snap-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:1rem;min-width:var(--min-width);padding-left:calc(var(--icon-ring-size) + var(--icon-ring-separator-size));padding-top:calc(var(--icon-ring-size) + var(--icon-ring-separator-size))}:host(:last-of-type){-ms-flex-preferred-size:0.25rem;flex-basis:0.25rem}:host(:last-of-type) .progress{display:none}:host([ checked ]) .icon{--icon-background:var(--icon-background-checked);--icon-color:var(--icon-color-checked);-webkit-transition-delay:0ms;transition-delay:0ms}:host([ current ]) .icon{--icon-background:var(--icon-background-current);--icon-color:var(--icon-color-current);-webkit-box-shadow:0 0 0 var(--icon-ring-size) var(--icon-ring-color), 0 0 0 var(--icon-ring-separator-size) var(--icon-ring-separator-color);box-shadow:0 0 0 var(--icon-ring-size) var(--icon-ring-color), 0 0 0 var(--icon-ring-separator-size) var(--icon-ring-separator-color);-webkit-transition-delay:calc(var(--duaration) / 2);transition-delay:calc(var(--duaration) / 2)}:host(:not([ checked ])) .icon,:host(:not([ current ])) .icon{--icon-ring-color:var(--icon-background)}.header{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center}.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(--icon-background);-webkit-box-shadow:0 0 0 0 var(--icon-ring-color), 0 0 0 0 var(--icon-ring-separator-color);box-shadow:0 0 0 0 var(--icon-ring-color), 0 0 0 0 var(--icon-ring-separator-color);fill:var(--icon-color);-webkit-transition-duration:var(--duaration);transition-duration:var(--duaration)}.progress{--background:var(--progress-background);--color:var(--progress-color);--thickness:var(--progress-thickness);margin-left:-0.25rem;-ms-flex-positive:1;flex-grow:1;margin-right:calc(calc(calc(var(--icon-ring-size) + var(--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(--color);-webkit-transition-duration:var(--duaration);transition-duration:var(--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))}";
 
@@ -51,0 +51,0 @@ const MdsStepperBarItem = class {

dist/collection/dictionary/typography.js

@@ -43,2 +43,7 @@ const typographyDictionary = [
 ];
-export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, };
+const typographyTooltipDictionary = [
+  'caption',
+  'detail',
+  'tip',
+];
+export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, typographyTooltipDictionary, };

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

@@ -44,3 +44,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
-const mdsStepperBarItemCss = ".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{--color:rgb(var(--adjust-tone-03));--duaration:250ms;--icon-background-checked:rgb(var(--status-success-05));--icon-background-current:rgb(var(--brand-maggioli-04));--icon-background:var(--progress-background, rgb(var(--adjust-tone-08)));--icon-color-checked:rgb(var(--status-success-10));--icon-color-current:rgb(var(--adjust-tone));--icon-color:rgb(var(--adjust-tone-04));--icon-ring-color:var(--icon-background-current);--icon-ring-separator-color:rgb(var(--adjust-tone));--icon-ring-separator-size:0.375rem;--icon-ring-size:0.25rem;--min-width:180px;--progress-background:rgb(var(--adjust-tone-08));--progress-color:rgb(var(--status-success-04));--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;cursor:pointer;scroll-snap-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:1rem;min-width:var(--min-width);padding-left:calc(var(--icon-ring-size) + var(--icon-ring-separator-size));padding-top:calc(var(--icon-ring-size) + var(--icon-ring-separator-size))}:host(:last-of-type){-ms-flex-preferred-size:0.25rem;flex-basis:0.25rem}:host(:last-of-type) .progress{display:none}:host([ checked ]) .icon{--icon-background:var(--icon-background-checked);--icon-color:var(--icon-color-checked);-webkit-transition-delay:0ms;transition-delay:0ms}:host([ current ]) .icon{--icon-background:var(--icon-background-current);--icon-color:var(--icon-color-current);-webkit-box-shadow:0 0 0 var(--icon-ring-size) var(--icon-ring-color), 0 0 0 var(--icon-ring-separator-size) var(--icon-ring-separator-color);box-shadow:0 0 0 var(--icon-ring-size) var(--icon-ring-color), 0 0 0 var(--icon-ring-separator-size) var(--icon-ring-separator-color);-webkit-transition-delay:calc(var(--duaration) / 2);transition-delay:calc(var(--duaration) / 2)}:host(:not([ checked ])) .icon,:host(:not([ current ])) .icon{--icon-ring-color:var(--icon-background)}.header{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center}.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(--icon-background);-webkit-box-shadow:0 0 0 0 var(--icon-ring-color), 0 0 0 0 var(--icon-ring-separator-color);box-shadow:0 0 0 0 var(--icon-ring-color), 0 0 0 0 var(--icon-ring-separator-color);fill:var(--icon-color);-webkit-transition-duration:var(--duaration);transition-duration:var(--duaration)}.progress{--background:var(--progress-background);--color:var(--progress-color);--thickness:var(--progress-thickness);margin-left:-0.25rem;-ms-flex-positive:1;flex-grow:1;margin-right:calc(calc(calc(var(--icon-ring-size) + var(--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(--color);-webkit-transition-duration:var(--duaration);transition-duration:var(--duaration)}.badge{pointer-events:none;border-radius:9999px}.step{pointer-events:none;border-radius:9999px;--tw-text-opacity:1;color:rgba(var(--adjust-tone-04), var(--tw-text-opacity))}";
+const mdsStepperBarItemCss = ".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{--color:rgb(var(--tone-neutral-03));--duaration:250ms;--icon-background-checked:rgb(var(--status-success-05));--icon-background-current:rgb(var(--brand-maggioli-04));--icon-background:var(--progress-background, rgb(var(--tone-neutral-08)));--icon-color-checked:rgb(var(--status-success-10));--icon-color-current:rgb(var(--tone-neutral));--icon-color:rgb(var(--tone-neutral-04));--icon-ring-color:var(--icon-background-current);--icon-ring-separator-color:rgb(var(--tone-neutral));--icon-ring-separator-size:0.375rem;--icon-ring-size:0.25rem;--min-width:180px;--progress-background:rgb(var(--tone-neutral-08));--progress-color:rgb(var(--status-success-04));--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;cursor:pointer;scroll-snap-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:1rem;min-width:var(--min-width);padding-left:calc(var(--icon-ring-size) + var(--icon-ring-separator-size));padding-top:calc(var(--icon-ring-size) + var(--icon-ring-separator-size))}:host(:last-of-type){-ms-flex-preferred-size:0.25rem;flex-basis:0.25rem}:host(:last-of-type) .progress{display:none}:host([ checked ]) .icon{--icon-background:var(--icon-background-checked);--icon-color:var(--icon-color-checked);-webkit-transition-delay:0ms;transition-delay:0ms}:host([ current ]) .icon{--icon-background:var(--icon-background-current);--icon-color:var(--icon-color-current);-webkit-box-shadow:0 0 0 var(--icon-ring-size) var(--icon-ring-color), 0 0 0 var(--icon-ring-separator-size) var(--icon-ring-separator-color);box-shadow:0 0 0 var(--icon-ring-size) var(--icon-ring-color), 0 0 0 var(--icon-ring-separator-size) var(--icon-ring-separator-color);-webkit-transition-delay:calc(var(--duaration) / 2);transition-delay:calc(var(--duaration) / 2)}:host(:not([ checked ])) .icon,:host(:not([ current ])) .icon{--icon-ring-color:var(--icon-background)}.header{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center}.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(--icon-background);-webkit-box-shadow:0 0 0 0 var(--icon-ring-color), 0 0 0 0 var(--icon-ring-separator-color);box-shadow:0 0 0 0 var(--icon-ring-color), 0 0 0 0 var(--icon-ring-separator-color);fill:var(--icon-color);-webkit-transition-duration:var(--duaration);transition-duration:var(--duaration)}.progress{--background:var(--progress-background);--color:var(--progress-color);--thickness:var(--progress-thickness);margin-left:-0.25rem;-ms-flex-positive:1;flex-grow:1;margin-right:calc(calc(calc(var(--icon-ring-size) + var(--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(--color);-webkit-transition-duration:var(--duaration);transition-duration:var(--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))}";
 
@@ -47,0 +47,0 @@ const MdsStepperBarItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {

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

@@ -1,1 +0,1 @@
-var __spreadArray=this&&this.__spreadArray||function(r,o,t){if(t||arguments.length===2)for(var i=0,e=o.length,n;i<e;i++){if(n||!(i in o)){if(!n)n=Array.prototype.slice.call(o,0,i);n[i]=o[i]}}return r.concat(n||Array.prototype.slice.call(o))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-e275897f.js";function toVal(r){var o,t,i="";if(typeof r==="string"||typeof r==="number"){i+=r}else if(typeof r==="object"){if(Array.isArray(r)){for(o=0;o<r.length;o++){if(r[o]){if(t=toVal(r[o])){i&&(i+=" ");i+=t}}}}else{for(o in r){if(r[o]){i&&(i+=" ");i+=o}}}}return i}function clsx(){var r=0,o,t,i="";while(r<arguments.length){if(o=arguments[r++]){if(t=toVal(o)){i&&(i+=" ");i+=t}}}return i}var mdsStepperBarItemCss=".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{--color:rgb(var(--adjust-tone-03));--duaration:250ms;--icon-background-checked:rgb(var(--status-success-05));--icon-background-current:rgb(var(--brand-maggioli-04));--icon-background:var(--progress-background, rgb(var(--adjust-tone-08)));--icon-color-checked:rgb(var(--status-success-10));--icon-color-current:rgb(var(--adjust-tone));--icon-color:rgb(var(--adjust-tone-04));--icon-ring-color:var(--icon-background-current);--icon-ring-separator-color:rgb(var(--adjust-tone));--icon-ring-separator-size:0.375rem;--icon-ring-size:0.25rem;--min-width:180px;--progress-background:rgb(var(--adjust-tone-08));--progress-color:rgb(var(--status-success-04));--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;cursor:pointer;scroll-snap-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:1rem;min-width:var(--min-width);padding-left:calc(var(--icon-ring-size) + var(--icon-ring-separator-size));padding-top:calc(var(--icon-ring-size) + var(--icon-ring-separator-size))}:host(:last-of-type){-ms-flex-preferred-size:0.25rem;flex-basis:0.25rem}:host(:last-of-type) .progress{display:none}:host([ checked ]) .icon{--icon-background:var(--icon-background-checked);--icon-color:var(--icon-color-checked);-webkit-transition-delay:0ms;transition-delay:0ms}:host([ current ]) .icon{--icon-background:var(--icon-background-current);--icon-color:var(--icon-color-current);-webkit-box-shadow:0 0 0 var(--icon-ring-size) var(--icon-ring-color), 0 0 0 var(--icon-ring-separator-size) var(--icon-ring-separator-color);box-shadow:0 0 0 var(--icon-ring-size) var(--icon-ring-color), 0 0 0 var(--icon-ring-separator-size) var(--icon-ring-separator-color);-webkit-transition-delay:calc(var(--duaration) / 2);transition-delay:calc(var(--duaration) / 2)}:host(:not([ checked ])) .icon,:host(:not([ current ])) .icon{--icon-ring-color:var(--icon-background)}.header{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center}.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(--icon-background);-webkit-box-shadow:0 0 0 0 var(--icon-ring-color), 0 0 0 0 var(--icon-ring-separator-color);box-shadow:0 0 0 0 var(--icon-ring-color), 0 0 0 0 var(--icon-ring-separator-color);fill:var(--icon-color);-webkit-transition-duration:var(--duaration);transition-duration:var(--duaration)}.progress{--background:var(--progress-background);--color:var(--progress-color);--thickness:var(--progress-thickness);margin-left:-0.25rem;-ms-flex-positive:1;flex-grow:1;margin-right:calc(calc(calc(var(--icon-ring-size) + var(--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(--color);-webkit-transition-duration:var(--duaration);transition-duration:var(--duaration)}.badge{pointer-events:none;border-radius:9999px}.step{pointer-events:none;border-radius:9999px;--tw-text-opacity:1;color:rgba(var(--adjust-tone-04), var(--tw-text-opacity))}";var MdsStepperBarItem=function(){function r(r){var o=this;registerInstance(this,r);this.currentEvent=createEvent(this,"currentEvent",7);this.iconChecked=this.icon;this.typography="h6";this.toggle=function(){o.isCurrent=true;if(o.isCurrent){o.currentEvent.emit(o.element.id)}};this.showBadge=function(){if(o.isChecked){return h("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},"Completato")}if(o.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")}}r.prototype.componentWillLoad=function(){this.isCurrent=this.current;this.isChecked=this.checked;this.index=__spreadArray([],Array.from(this.element.parentElement.childNodes),true).indexOf(this.element)};r.prototype.checkChecked=function(r){this.isChecked=r};r.prototype.checkCurrent=function(r){this.isCurrent=r};r.prototype.render=function(){return h(Host,{onClick:this.toggle},h("header",{class:"header"},h("mds-icon",{class:"icon",name:clsx(this.isChecked&&!this.isCurrent?this.iconChecked:this.icon)}),h("mds-progress",{class:"progress",progress:this.isChecked?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,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{checked:["checkChecked"],current:["checkCurrent"]}},enumerable:false,configurable:true});return r}();MdsStepperBarItem.style=mdsStepperBarItemCss;export{MdsStepperBarItem as mds_stepper_bar_item};
+var __spreadArray=this&&this.__spreadArray||function(r,o,t){if(t||arguments.length===2)for(var e=0,i=o.length,n;e<i;e++){if(n||!(e in o)){if(!n)n=Array.prototype.slice.call(o,0,e);n[e]=o[e]}}return r.concat(n||Array.prototype.slice.call(o))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-e275897f.js";function toVal(r){var o,t,e="";if(typeof r==="string"||typeof r==="number"){e+=r}else if(typeof r==="object"){if(Array.isArray(r)){for(o=0;o<r.length;o++){if(r[o]){if(t=toVal(r[o])){e&&(e+=" ");e+=t}}}}else{for(o in r){if(r[o]){e&&(e+=" ");e+=o}}}}return e}function clsx(){var r=0,o,t,e="";while(r<arguments.length){if(o=arguments[r++]){if(t=toVal(o)){e&&(e+=" ");e+=t}}}return e}var mdsStepperBarItemCss=".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{--color:rgb(var(--tone-neutral-03));--duaration:250ms;--icon-background-checked:rgb(var(--status-success-05));--icon-background-current:rgb(var(--brand-maggioli-04));--icon-background:var(--progress-background, rgb(var(--tone-neutral-08)));--icon-color-checked:rgb(var(--status-success-10));--icon-color-current:rgb(var(--tone-neutral));--icon-color:rgb(var(--tone-neutral-04));--icon-ring-color:var(--icon-background-current);--icon-ring-separator-color:rgb(var(--tone-neutral));--icon-ring-separator-size:0.375rem;--icon-ring-size:0.25rem;--min-width:180px;--progress-background:rgb(var(--tone-neutral-08));--progress-color:rgb(var(--status-success-04));--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;cursor:pointer;scroll-snap-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:1rem;min-width:var(--min-width);padding-left:calc(var(--icon-ring-size) + var(--icon-ring-separator-size));padding-top:calc(var(--icon-ring-size) + var(--icon-ring-separator-size))}:host(:last-of-type){-ms-flex-preferred-size:0.25rem;flex-basis:0.25rem}:host(:last-of-type) .progress{display:none}:host([ checked ]) .icon{--icon-background:var(--icon-background-checked);--icon-color:var(--icon-color-checked);-webkit-transition-delay:0ms;transition-delay:0ms}:host([ current ]) .icon{--icon-background:var(--icon-background-current);--icon-color:var(--icon-color-current);-webkit-box-shadow:0 0 0 var(--icon-ring-size) var(--icon-ring-color), 0 0 0 var(--icon-ring-separator-size) var(--icon-ring-separator-color);box-shadow:0 0 0 var(--icon-ring-size) var(--icon-ring-color), 0 0 0 var(--icon-ring-separator-size) var(--icon-ring-separator-color);-webkit-transition-delay:calc(var(--duaration) / 2);transition-delay:calc(var(--duaration) / 2)}:host(:not([ checked ])) .icon,:host(:not([ current ])) .icon{--icon-ring-color:var(--icon-background)}.header{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center}.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(--icon-background);-webkit-box-shadow:0 0 0 0 var(--icon-ring-color), 0 0 0 0 var(--icon-ring-separator-color);box-shadow:0 0 0 0 var(--icon-ring-color), 0 0 0 0 var(--icon-ring-separator-color);fill:var(--icon-color);-webkit-transition-duration:var(--duaration);transition-duration:var(--duaration)}.progress{--background:var(--progress-background);--color:var(--progress-color);--thickness:var(--progress-thickness);margin-left:-0.25rem;-ms-flex-positive:1;flex-grow:1;margin-right:calc(calc(calc(var(--icon-ring-size) + var(--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(--color);-webkit-transition-duration:var(--duaration);transition-duration:var(--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 o=this;registerInstance(this,r);this.currentEvent=createEvent(this,"currentEvent",7);this.iconChecked=this.icon;this.typography="h6";this.toggle=function(){o.isCurrent=true;if(o.isCurrent){o.currentEvent.emit(o.element.id)}};this.showBadge=function(){if(o.isChecked){return h("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},"Completato")}if(o.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")}}r.prototype.componentWillLoad=function(){this.isCurrent=this.current;this.isChecked=this.checked;this.index=__spreadArray([],Array.from(this.element.parentElement.childNodes),true).indexOf(this.element)};r.prototype.checkChecked=function(r){this.isChecked=r};r.prototype.checkCurrent=function(r){this.isCurrent=r};r.prototype.render=function(){return h(Host,{onClick:this.toggle},h("header",{class:"header"},h("mds-icon",{class:"icon",name:clsx(this.isChecked&&!this.isCurrent?this.iconChecked:this.icon)}),h("mds-progress",{class:"progress",progress:this.isChecked?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,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{checked:["checkChecked"],current:["checkCurrent"]}},enumerable:false,configurable:true});return r}();MdsStepperBarItem.style=mdsStepperBarItemCss;export{MdsStepperBarItem as mds_stepper_bar_item};

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

@@ -44,3 +44,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e275897f.js';
 
-const mdsStepperBarItemCss = ".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{--color:rgb(var(--adjust-tone-03));--duaration:250ms;--icon-background-checked:rgb(var(--status-success-05));--icon-background-current:rgb(var(--brand-maggioli-04));--icon-background:var(--progress-background, rgb(var(--adjust-tone-08)));--icon-color-checked:rgb(var(--status-success-10));--icon-color-current:rgb(var(--adjust-tone));--icon-color:rgb(var(--adjust-tone-04));--icon-ring-color:var(--icon-background-current);--icon-ring-separator-color:rgb(var(--adjust-tone));--icon-ring-separator-size:0.375rem;--icon-ring-size:0.25rem;--min-width:180px;--progress-background:rgb(var(--adjust-tone-08));--progress-color:rgb(var(--status-success-04));--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;cursor:pointer;scroll-snap-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:1rem;min-width:var(--min-width);padding-left:calc(var(--icon-ring-size) + var(--icon-ring-separator-size));padding-top:calc(var(--icon-ring-size) + var(--icon-ring-separator-size))}:host(:last-of-type){-ms-flex-preferred-size:0.25rem;flex-basis:0.25rem}:host(:last-of-type) .progress{display:none}:host([ checked ]) .icon{--icon-background:var(--icon-background-checked);--icon-color:var(--icon-color-checked);-webkit-transition-delay:0ms;transition-delay:0ms}:host([ current ]) .icon{--icon-background:var(--icon-background-current);--icon-color:var(--icon-color-current);-webkit-box-shadow:0 0 0 var(--icon-ring-size) var(--icon-ring-color), 0 0 0 var(--icon-ring-separator-size) var(--icon-ring-separator-color);box-shadow:0 0 0 var(--icon-ring-size) var(--icon-ring-color), 0 0 0 var(--icon-ring-separator-size) var(--icon-ring-separator-color);-webkit-transition-delay:calc(var(--duaration) / 2);transition-delay:calc(var(--duaration) / 2)}:host(:not([ checked ])) .icon,:host(:not([ current ])) .icon{--icon-ring-color:var(--icon-background)}.header{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center}.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(--icon-background);-webkit-box-shadow:0 0 0 0 var(--icon-ring-color), 0 0 0 0 var(--icon-ring-separator-color);box-shadow:0 0 0 0 var(--icon-ring-color), 0 0 0 0 var(--icon-ring-separator-color);fill:var(--icon-color);-webkit-transition-duration:var(--duaration);transition-duration:var(--duaration)}.progress{--background:var(--progress-background);--color:var(--progress-color);--thickness:var(--progress-thickness);margin-left:-0.25rem;-ms-flex-positive:1;flex-grow:1;margin-right:calc(calc(calc(var(--icon-ring-size) + var(--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(--color);-webkit-transition-duration:var(--duaration);transition-duration:var(--duaration)}.badge{pointer-events:none;border-radius:9999px}.step{pointer-events:none;border-radius:9999px;--tw-text-opacity:1;color:rgba(var(--adjust-tone-04), var(--tw-text-opacity))}";
+const mdsStepperBarItemCss = ".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{--color:rgb(var(--tone-neutral-03));--duaration:250ms;--icon-background-checked:rgb(var(--status-success-05));--icon-background-current:rgb(var(--brand-maggioli-04));--icon-background:var(--progress-background, rgb(var(--tone-neutral-08)));--icon-color-checked:rgb(var(--status-success-10));--icon-color-current:rgb(var(--tone-neutral));--icon-color:rgb(var(--tone-neutral-04));--icon-ring-color:var(--icon-background-current);--icon-ring-separator-color:rgb(var(--tone-neutral));--icon-ring-separator-size:0.375rem;--icon-ring-size:0.25rem;--min-width:180px;--progress-background:rgb(var(--tone-neutral-08));--progress-color:rgb(var(--status-success-04));--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;cursor:pointer;scroll-snap-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:1rem;min-width:var(--min-width);padding-left:calc(var(--icon-ring-size) + var(--icon-ring-separator-size));padding-top:calc(var(--icon-ring-size) + var(--icon-ring-separator-size))}:host(:last-of-type){-ms-flex-preferred-size:0.25rem;flex-basis:0.25rem}:host(:last-of-type) .progress{display:none}:host([ checked ]) .icon{--icon-background:var(--icon-background-checked);--icon-color:var(--icon-color-checked);-webkit-transition-delay:0ms;transition-delay:0ms}:host([ current ]) .icon{--icon-background:var(--icon-background-current);--icon-color:var(--icon-color-current);-webkit-box-shadow:0 0 0 var(--icon-ring-size) var(--icon-ring-color), 0 0 0 var(--icon-ring-separator-size) var(--icon-ring-separator-color);box-shadow:0 0 0 var(--icon-ring-size) var(--icon-ring-color), 0 0 0 var(--icon-ring-separator-size) var(--icon-ring-separator-color);-webkit-transition-delay:calc(var(--duaration) / 2);transition-delay:calc(var(--duaration) / 2)}:host(:not([ checked ])) .icon,:host(:not([ current ])) .icon{--icon-ring-color:var(--icon-background)}.header{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center}.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(--icon-background);-webkit-box-shadow:0 0 0 0 var(--icon-ring-color), 0 0 0 0 var(--icon-ring-separator-color);box-shadow:0 0 0 0 var(--icon-ring-color), 0 0 0 0 var(--icon-ring-separator-color);fill:var(--icon-color);-webkit-transition-duration:var(--duaration);transition-duration:var(--duaration)}.progress{--background:var(--progress-background);--color:var(--progress-color);--thickness:var(--progress-thickness);margin-left:-0.25rem;-ms-flex-positive:1;flex-grow:1;margin-right:calc(calc(calc(var(--icon-ring-size) + var(--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(--color);-webkit-transition-duration:var(--duaration);transition-duration:var(--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))}";
 
@@ -47,0 +47,0 @@ const MdsStepperBarItem = class {

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

@@ -1,1 +0,1 @@
-import{p as e,b as r}from"./p-5a5190df.js";(()=>{const r=import.meta.url,t={};return""!==r&&(t.resourcesUrl=new URL(".",r).href),e(t)})().then((e=>r([["p-2913bb14",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],checked:[516],current:[1540],typography:[1],isChecked:[32],isCurrent:[32],index:[32]}]]]],e)));
+import{p as e,b as r}from"./p-5a5190df.js";(()=>{const r=import.meta.url,t={};return""!==r&&(t.resourcesUrl=new URL(".",r).href),e(t)})().then((e=>r([["p-1788afb5",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],checked:[516],current:[1540],typography:[1],isChecked:[32],isCurrent:[32],index:[32]}]]]],e)));

dist/mds-stepper-bar-item/p-4f476757.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-1703f3de.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(e){r=e.p;n=e.b}],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-78c58432.system",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],checked:[516],current:[1540],typography:[1],isChecked:[32],isCurrent:[32],index:[32]}]]]],e)}))}}}));
+System.register(["./p-1703f3de.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(e){r=e.p;n=e.b}],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-459f60da.system",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],checked:[516],current:[1540],typography:[1],isChecked:[32],isCurrent:[32],index:[32]}]]]],e)}))}}}));

dist/stats.json

 {
-  "timestamp": "2022-06-09T14:43:22",
+  "timestamp": "2022-06-22T09:20:59",
   "compiler": {
@@ -77,7 +77,7 @@ "name": "node",
           "./dist/mds-stepper-bar-item/p-1703f3de.system.js",
-          "./dist/mds-stepper-bar-item/p-2913bb14.entry.js",
+          "./dist/mds-stepper-bar-item/p-1788afb5.entry.js",
+          "./dist/mds-stepper-bar-item/p-459f60da.system.entry.js",
           "./dist/mds-stepper-bar-item/p-4f476757.system.js",
           "./dist/mds-stepper-bar-item/p-50ea2036.system.js",
           "./dist/mds-stepper-bar-item/p-5a5190df.js",
-          "./dist/mds-stepper-bar-item/p-78c58432.system.entry.js",
           "./www/build/index.esm.js",
@@ -87,7 +87,7 @@ "./www/build/mds-stepper-bar-item.esm.js",
           "./www/build/p-1703f3de.system.js",
-          "./www/build/p-2913bb14.entry.js",
+          "./www/build/p-1788afb5.entry.js",
+          "./www/build/p-459f60da.system.entry.js",
           "./www/build/p-4f476757.system.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-5a5190df.js",
-          "./www/build/p-78c58432.system.entry.js"
+          "./www/build/p-5a5190df.js"
         ]
@@ -125,8 +125,8 @@ },
         ],
-        "bundleId": "p-2913bb14",
-        "fileName": "p-2913bb14.entry.js",
+        "bundleId": "p-1788afb5",
+        "fileName": "p-1788afb5.entry.js",
         "imports": [
           "p-5a5190df.js"
         ],
-        "originalByteSize": 8092
+        "originalByteSize": 8099
       }
@@ -145,3 +145,3 @@ ],
         ],
-        "originalByteSize": 8096
+        "originalByteSize": 8103
       }
@@ -160,3 +160,3 @@ ],
         ],
-        "originalByteSize": 8096
+        "originalByteSize": 8103
       }
@@ -170,8 +170,8 @@ ],
         ],
-        "bundleId": "p-78c58432.system",
-        "fileName": "p-78c58432.system.entry.js",
+        "bundleId": "p-459f60da.system",
+        "fileName": "p-459f60da.system.entry.js",
         "imports": [
           "p-1703f3de.system.js"
         ],
-        "originalByteSize": 8570
+        "originalByteSize": 8577
       }
@@ -190,3 +190,3 @@ ],
         ],
-        "originalByteSize": 8197
+        "originalByteSize": 8204
       }
@@ -193,0 +193,0 @@ ]

dist/types/dictionary/typography.d.ts

@@ -6,2 +6,3 @@ declare const typographyDictionary: string[];
 declare const typographySmallerDictionary: string[];
-export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, };
+declare const typographyTooltipDictionary: string[];
+export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, typographyTooltipDictionary, };

dist/types/types/typography.d.ts

@@ -6,1 +6,2 @@ export declare type TypographyType = 'action' | 'caption' | 'code' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
 export declare type TypographyMonoType = 'code' | 'hack';
+export declare type TypographyTooltipType = 'caption' | 'detail' | 'tip';

package.json

 {
   "name": "@maggioli-design-system/mds-stepper-bar-item",
-  "version": "1.0.1",
+  "version": "2.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.",
@@ -25,5 +25,6 @@ "main": "dist/index.cjs.js",
   "dependencies": {
-    "@maggioli-design-system/mds-badge": "^1.1.2",
-    "@maggioli-design-system/mds-text": "^1.4.0",
-    "@stencil/core": "^2.15.2",
+    "@maggioli-design-system/mds-badge": "^2.0.0",
+    "@maggioli-design-system/mds-text": "^2.0.0",
+    "@maggioli-design-system/styles": "^7.0.0",
+    "@stencil/core": "^2.16.1",
     "clsx": "^1.1.1"
@@ -30,0 +31,0 @@ },

src/dictionary/typography.ts

@@ -48,2 +48,8 @@ const typographyDictionary = [
 
+const typographyTooltipDictionary = [
+  'caption',
+  'detail',
+  'tip',
+]
+
 export {
@@ -55,2 +61,3 @@ typographyDictionary,
   typographySmallerDictionary,
+  typographyTooltipDictionary,
 }

src/types/typography.ts

@@ -42,1 +42,6 @@ export type TypographyType =
   | 'hack'
+
+export type TypographyTooltipType =
+  | 'caption'
+  | 'detail'
+  | 'tip'

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

@@ -1,1 +0,1 @@
-import{p as e,b as r}from"./p-5a5190df.js";(()=>{const r=import.meta.url,t={};return""!==r&&(t.resourcesUrl=new URL(".",r).href),e(t)})().then((e=>r([["p-2913bb14",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],checked:[516],current:[1540],typography:[1],isChecked:[32],isCurrent:[32],index:[32]}]]]],e)));
+import{p as e,b as r}from"./p-5a5190df.js";(()=>{const r=import.meta.url,t={};return""!==r&&(t.resourcesUrl=new URL(".",r).href),e(t)})().then((e=>r([["p-1788afb5",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],checked:[516],current:[1540],typography:[1],isChecked:[32],isCurrent:[32],index:[32]}]]]],e)));

www/build/p-4f476757.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-1703f3de.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(e){r=e.p;n=e.b}],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-78c58432.system",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],checked:[516],current:[1540],typography:[1],isChecked:[32],isCurrent:[32],index:[32]}]]]],e)}))}}}));
+System.register(["./p-1703f3de.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(e){r=e.p;n=e.b}],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-459f60da.system",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],checked:[516],current:[1540],typography:[1],isChecked:[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

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

747289

increased by0.1%

Lines of code

9256

increased by0.18%

Worsened metrics

Dependency count

5

increased by25%

Dependency changes

• + Added@maggioli-design-system/styles@^7.0.0

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

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

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

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

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

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

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

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

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

• + Addedclsx@2.1.0(transitive)

• + Addedtypeface-merriweather@1.1.13(transitive)

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

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

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

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

• Updated@maggioli-design-system/mds-badge@^2.0.0

• Updated@maggioli-design-system/mds-text@^2.0.0

• Updated@stencil/core@^2.16.1