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

Comparing version 1.0.0 to 2.0.0

dist/cjs/loader.cjs.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-2b655aa9.js');
+const index = require('./index-11d8eae0.js');
 
 /*
- Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.16.1 | MIT Licensed | https://stenciljs.com
  */
@@ -11,0 +11,0 @@ const patchEsm = () => {

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

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-2b655aa9.js');
+const index = require('./index-11d8eae0.js');
 
-const mdsStepperBarCss = ".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.contents{display:contents}.min-h-80{min-height:20rem}.items-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgba(var(--label-amaranth-10), var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgba(var(--label-blue-10), var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgba(var(--label-green-10), var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgba(var(--label-orange-10), var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgba(var(--label-violet-10), var(--tw-bg-opacity))}.bg-label-sky-10{--tw-bg-opacity:1;background-color:rgba(var(--label-sky-10), var(--tw-bg-opacity))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgba(var(--label-amaranth-04), var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgba(var(--label-blue-04), var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgba(var(--label-green-04), var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgba(var(--label-orange-04), var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgba(var(--label-violet-04), var(--tw-text-opacity))}.text-label-sky-04{--tw-text-opacity:1;color:rgba(var(--label-sky-04), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{position:relative;display:grid;gap:1.5rem}.items{position:relative;z-index:10;display:-ms-flexbox;display:flex;width:100%;-ms-flex-positive:1;flex-grow:1;-ms-scroll-snap-type:x var(--tw-scroll-snap-strictness);-webkit-scroll-snap-type:x var(--tw-scroll-snap-strictness);scroll-snap-type:x var(--tw-scroll-snap-strictness);gap:0px;overflow:auto;scroll-behavior:smooth}:host([linear=true]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=false]) ::slotted(mds-stepper-bar-item){pointer-events:auto}";
+const mdsStepperBarCss = ".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.contents{display:contents}.min-h-80{min-height:20rem}.items-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgba(var(--label-amaranth-10), var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgba(var(--label-blue-10), var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgba(var(--label-green-10), var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgba(var(--label-orange-10), var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgba(var(--label-violet-10), var(--tw-bg-opacity))}.bg-label-sky-10{--tw-bg-opacity:1;background-color:rgba(var(--label-sky-10), var(--tw-bg-opacity))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgba(var(--label-amaranth-04), var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgba(var(--label-blue-04), var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgba(var(--label-green-04), var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgba(var(--label-orange-04), var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgba(var(--label-violet-04), var(--tw-text-opacity))}.text-label-sky-04{--tw-text-opacity:1;color:rgba(var(--label-sky-04), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{position:relative;display:grid;gap:1.5rem}.items{position:relative;z-index:10;display:-ms-flexbox;display:flex;width:100%;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x var(--tw-scroll-snap-strictness);-ms-scroll-snap-type:x var(--tw-scroll-snap-strictness);scroll-snap-type:x var(--tw-scroll-snap-strictness);gap:0px;overflow:auto;scroll-behavior:smooth}:host([linear=true]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=false]) ::slotted(mds-stepper-bar-item){pointer-events:auto}";
 
@@ -10,0 +10,0 @@ const MdsStepperBar = class {

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

 'use strict';
 
-const index = require('./index-2b655aa9.js');
+const index = require('./index-11d8eae0.js');
 
 /*
- Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.16.1 | MIT Licensed | https://stenciljs.com
  */
@@ -8,0 +8,0 @@ const patchBrowser = () => {

dist/collection/collection-manifest.json

@@ -7,3 +7,3 @@ {
     "name": "@stencil/core",
-    "version": "2.15.2",
+    "version": "2.16.1",
     "typescriptVersion": "4.5.4"
@@ -10,0 +10,0 @@ },

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.js

 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
-const mdsStepperBarCss = ".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.contents{display:contents}.min-h-80{min-height:20rem}.items-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgba(var(--label-amaranth-10), var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgba(var(--label-blue-10), var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgba(var(--label-green-10), var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgba(var(--label-orange-10), var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgba(var(--label-violet-10), var(--tw-bg-opacity))}.bg-label-sky-10{--tw-bg-opacity:1;background-color:rgba(var(--label-sky-10), var(--tw-bg-opacity))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgba(var(--label-amaranth-04), var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgba(var(--label-blue-04), var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgba(var(--label-green-04), var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgba(var(--label-orange-04), var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgba(var(--label-violet-04), var(--tw-text-opacity))}.text-label-sky-04{--tw-text-opacity:1;color:rgba(var(--label-sky-04), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{position:relative;display:grid;gap:1.5rem}.items{position:relative;z-index:10;display:-ms-flexbox;display:flex;width:100%;-ms-flex-positive:1;flex-grow:1;-ms-scroll-snap-type:x var(--tw-scroll-snap-strictness);-webkit-scroll-snap-type:x var(--tw-scroll-snap-strictness);scroll-snap-type:x var(--tw-scroll-snap-strictness);gap:0px;overflow:auto;scroll-behavior:smooth}:host([linear=true]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=false]) ::slotted(mds-stepper-bar-item){pointer-events:auto}";
+const mdsStepperBarCss = ".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.contents{display:contents}.min-h-80{min-height:20rem}.items-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgba(var(--label-amaranth-10), var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgba(var(--label-blue-10), var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgba(var(--label-green-10), var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgba(var(--label-orange-10), var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgba(var(--label-violet-10), var(--tw-bg-opacity))}.bg-label-sky-10{--tw-bg-opacity:1;background-color:rgba(var(--label-sky-10), var(--tw-bg-opacity))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgba(var(--label-amaranth-04), var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgba(var(--label-blue-04), var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgba(var(--label-green-04), var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgba(var(--label-orange-04), var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgba(var(--label-violet-04), var(--tw-text-opacity))}.text-label-sky-04{--tw-text-opacity:1;color:rgba(var(--label-sky-04), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{position:relative;display:grid;gap:1.5rem}.items{position:relative;z-index:10;display:-ms-flexbox;display:flex;width:100%;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x var(--tw-scroll-snap-strictness);-ms-scroll-snap-type:x var(--tw-scroll-snap-strictness);scroll-snap-type:x var(--tw-scroll-snap-strictness);gap:0px;overflow:auto;scroll-behavior:smooth}:host([linear=true]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=false]) ::slotted(mds-stepper-bar-item){pointer-events:auto}";
 
@@ -5,0 +5,0 @@ const MdsStepperBar$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-00c8b881.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,r){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-stepper-bar",[[1,"mds-stepper-bar",{linear:[4],select:[2],currentItem:[32]},[[0,"currentEvent","changeEventHandler"]]]]]],r)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-a730baed.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,r){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-stepper-bar",[[1,"mds-stepper-bar",{linear:[4],select:[2],currentItem:[32]},[[0,"currentEvent","changeEventHandler"]]]]]],r)}))};export{defineCustomElements};

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

@@ -1,1 +0,1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-00c8b881.js";var mdsStepperBarCss=".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.contents{display:contents}.min-h-80{min-height:20rem}.items-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgba(var(--label-amaranth-10), var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgba(var(--label-blue-10), var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgba(var(--label-green-10), var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgba(var(--label-orange-10), var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgba(var(--label-violet-10), var(--tw-bg-opacity))}.bg-label-sky-10{--tw-bg-opacity:1;background-color:rgba(var(--label-sky-10), var(--tw-bg-opacity))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgba(var(--label-amaranth-04), var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgba(var(--label-blue-04), var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgba(var(--label-green-04), var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgba(var(--label-orange-04), var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgba(var(--label-violet-04), var(--tw-text-opacity))}.text-label-sky-04{--tw-text-opacity:1;color:rgba(var(--label-sky-04), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{position:relative;display:grid;gap:1.5rem}.items{position:relative;z-index:10;display:-ms-flexbox;display:flex;width:100%;-ms-flex-positive:1;flex-grow:1;-ms-scroll-snap-type:x var(--tw-scroll-snap-strictness);-webkit-scroll-snap-type:x var(--tw-scroll-snap-strictness);scroll-snap-type:x var(--tw-scroll-snap-strictness);gap:0px;overflow:auto;scroll-behavior:smooth}:host([linear=true]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=false]) ::slotted(mds-stepper-bar-item){pointer-events:auto}";var MdsStepperBar=function(){function t(t){var e=this;registerInstance(this,t);this.itemChangedEvent=createEvent(this,"itemChangedEvent",7);this.currentItem=0;this.linear=true;this.select=1;this.queryItems=function(){return e.element.querySelectorAll("mds-stepper-bar-item")};this.queryContents=function(){return e.element.querySelectorAll('[slot="content"]')};this.minmax=function(t,e,r){return Math.min(Math.max(t,e),r)};this.setCurrent=function(t){if(t===void 0){t=1}e.items=e.queryItems();e.currentItem=t-1;e.items.forEach((function(t,r){if(e.linear){t.checked=false;if(r<e.currentItem){t.checked=true}}t.current=false;if(r===e.currentItem){t.current=true;e.currentItem=r}}));e.itemChangedEvent.emit(e.currentItem);e.scrollItems();e.setCurrentContent()};this.setCurrentContent=function(){var t=e.queryContents();t.forEach((function(t,r){t.style.display="none";if(r===e.currentItem){t.removeAttribute("style")}}))};this.scrollItems=function(){var t=e.element.shadowRoot.querySelector(".items");var r=e.queryItems();var a=e.minmax(e.currentItem,0,e.items.length-1);if(a<=0){t.scrollLeft=0;return}if(a>=r.length){var o=r[r.length-1];t.scrollLeft=o.offsetLeft-t.offsetLeft;return}var n=r[a];t.scrollLeft=n.offsetLeft-t.offsetLeft-t.offsetWidth/2+n.offsetWidth/2}}t.prototype.componentWillLoad=function(){this.items=this.queryItems();this.items.forEach((function(t,e){return t.id="item-".concat(e)}));var t=this.queryContents();t.forEach((function(t){return t.style.display="none"}))};t.prototype.componentDidLoad=function(){var t=this;setTimeout((function(){console.log("componentDidLoad");t.setCurrent(t.select)}),10)};t.prototype.itemSelected=function(t){this.setCurrent(t)};t.prototype.changeEventHandler=function(t){var e=this;this.items=this.queryItems();this.items.forEach((function(r,a){r.current=false;if("item-".concat(a)===t.detail){r.current=true;e.currentItem=a}}))};t.prototype.render=function(){return h(Host,null,h("div",{class:"items"},h("slot",null)),h("div",{class:"contents"},h("slot",{name:"content"})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{select:["itemSelected"]}},enumerable:false,configurable:true});return t}();MdsStepperBar.style=mdsStepperBarCss;export{MdsStepperBar as mds_stepper_bar};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-a730baed.js";var mdsStepperBarCss=".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.contents{display:contents}.min-h-80{min-height:20rem}.items-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgba(var(--label-amaranth-10), var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgba(var(--label-blue-10), var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgba(var(--label-green-10), var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgba(var(--label-orange-10), var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgba(var(--label-violet-10), var(--tw-bg-opacity))}.bg-label-sky-10{--tw-bg-opacity:1;background-color:rgba(var(--label-sky-10), var(--tw-bg-opacity))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgba(var(--label-amaranth-04), var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgba(var(--label-blue-04), var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgba(var(--label-green-04), var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgba(var(--label-orange-04), var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgba(var(--label-violet-04), var(--tw-text-opacity))}.text-label-sky-04{--tw-text-opacity:1;color:rgba(var(--label-sky-04), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{position:relative;display:grid;gap:1.5rem}.items{position:relative;z-index:10;display:-ms-flexbox;display:flex;width:100%;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x var(--tw-scroll-snap-strictness);-ms-scroll-snap-type:x var(--tw-scroll-snap-strictness);scroll-snap-type:x var(--tw-scroll-snap-strictness);gap:0px;overflow:auto;scroll-behavior:smooth}:host([linear=true]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=false]) ::slotted(mds-stepper-bar-item){pointer-events:auto}";var MdsStepperBar=function(){function t(t){var e=this;registerInstance(this,t);this.itemChangedEvent=createEvent(this,"itemChangedEvent",7);this.currentItem=0;this.linear=true;this.select=1;this.queryItems=function(){return e.element.querySelectorAll("mds-stepper-bar-item")};this.queryContents=function(){return e.element.querySelectorAll('[slot="content"]')};this.minmax=function(t,e,r){return Math.min(Math.max(t,e),r)};this.setCurrent=function(t){if(t===void 0){t=1}e.items=e.queryItems();e.currentItem=t-1;e.items.forEach((function(t,r){if(e.linear){t.checked=false;if(r<e.currentItem){t.checked=true}}t.current=false;if(r===e.currentItem){t.current=true;e.currentItem=r}}));e.itemChangedEvent.emit(e.currentItem);e.scrollItems();e.setCurrentContent()};this.setCurrentContent=function(){var t=e.queryContents();t.forEach((function(t,r){t.style.display="none";if(r===e.currentItem){t.removeAttribute("style")}}))};this.scrollItems=function(){var t=e.element.shadowRoot.querySelector(".items");var r=e.queryItems();var a=e.minmax(e.currentItem,0,e.items.length-1);if(a<=0){t.scrollLeft=0;return}if(a>=r.length){var o=r[r.length-1];t.scrollLeft=o.offsetLeft-t.offsetLeft;return}var n=r[a];t.scrollLeft=n.offsetLeft-t.offsetLeft-t.offsetWidth/2+n.offsetWidth/2}}t.prototype.componentWillLoad=function(){this.items=this.queryItems();this.items.forEach((function(t,e){return t.id="item-".concat(e)}));var t=this.queryContents();t.forEach((function(t){return t.style.display="none"}))};t.prototype.componentDidLoad=function(){var t=this;setTimeout((function(){console.log("componentDidLoad");t.setCurrent(t.select)}),10)};t.prototype.itemSelected=function(t){this.setCurrent(t)};t.prototype.changeEventHandler=function(t){var e=this;this.items=this.queryItems();this.items.forEach((function(r,a){r.current=false;if("item-".concat(a)===t.detail){r.current=true;e.currentItem=a}}))};t.prototype.render=function(){return h(Host,null,h("div",{class:"items"},h("slot",null)),h("div",{class:"contents"},h("slot",{name:"content"})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{select:["itemSelected"]}},enumerable:false,configurable:true});return t}();MdsStepperBar.style=mdsStepperBarCss;export{MdsStepperBar as mds_stepper_bar};

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

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-00c8b881.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-stepper-bar",[[1,"mds-stepper-bar",{linear:[4],select:[2],currentItem:[32]},[[0,"currentEvent","changeEventHandler"]]]]]],r)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-a730baed.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-stepper-bar",[[1,"mds-stepper-bar",{linear:[4],select:[2],currentItem:[32]},[[0,"currentEvent","changeEventHandler"]]]]]],r)}));

dist/esm/loader.js

@@ -1,5 +0,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-00c8b881.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-a730baed.js';
 
 /*
- Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.16.1 | MIT Licensed | https://stenciljs.com
  */
@@ -6,0 +6,0 @@ const patchEsm = () => {

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

@@ -1,4 +0,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-00c8b881.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a730baed.js';
 
-const mdsStepperBarCss = ".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.contents{display:contents}.min-h-80{min-height:20rem}.items-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgba(var(--label-amaranth-10), var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgba(var(--label-blue-10), var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgba(var(--label-green-10), var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgba(var(--label-orange-10), var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgba(var(--label-violet-10), var(--tw-bg-opacity))}.bg-label-sky-10{--tw-bg-opacity:1;background-color:rgba(var(--label-sky-10), var(--tw-bg-opacity))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgba(var(--label-amaranth-04), var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgba(var(--label-blue-04), var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgba(var(--label-green-04), var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgba(var(--label-orange-04), var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgba(var(--label-violet-04), var(--tw-text-opacity))}.text-label-sky-04{--tw-text-opacity:1;color:rgba(var(--label-sky-04), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{position:relative;display:grid;gap:1.5rem}.items{position:relative;z-index:10;display:-ms-flexbox;display:flex;width:100%;-ms-flex-positive:1;flex-grow:1;-ms-scroll-snap-type:x var(--tw-scroll-snap-strictness);-webkit-scroll-snap-type:x var(--tw-scroll-snap-strictness);scroll-snap-type:x var(--tw-scroll-snap-strictness);gap:0px;overflow:auto;scroll-behavior:smooth}:host([linear=true]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=false]) ::slotted(mds-stepper-bar-item){pointer-events:auto}";
+const mdsStepperBarCss = ".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.contents{display:contents}.min-h-80{min-height:20rem}.items-center{-ms-flex-align:center;align-items:center}.justify-center{-ms-flex-pack:center;justify-content:center}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgba(var(--label-amaranth-10), var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgba(var(--label-blue-10), var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgba(var(--label-green-10), var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgba(var(--label-orange-10), var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgba(var(--label-violet-10), var(--tw-bg-opacity))}.bg-label-sky-10{--tw-bg-opacity:1;background-color:rgba(var(--label-sky-10), var(--tw-bg-opacity))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgba(var(--label-amaranth-04), var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgba(var(--label-blue-04), var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgba(var(--label-green-04), var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgba(var(--label-orange-04), var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgba(var(--label-violet-04), var(--tw-text-opacity))}.text-label-sky-04{--tw-text-opacity:1;color:rgba(var(--label-sky-04), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{position:relative;display:grid;gap:1.5rem}.items{position:relative;z-index:10;display:-ms-flexbox;display:flex;width:100%;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x var(--tw-scroll-snap-strictness);-ms-scroll-snap-type:x var(--tw-scroll-snap-strictness);scroll-snap-type:x var(--tw-scroll-snap-strictness);gap:0px;overflow:auto;scroll-behavior:smooth}:host([linear=true]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=false]) ::slotted(mds-stepper-bar-item){pointer-events:auto}";
 
@@ -5,0 +5,0 @@ const MdsStepperBar = class {

dist/esm/mds-stepper-bar.js

@@ -1,5 +0,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-00c8b881.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-a730baed.js';
 
 /*
- Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.16.1 | MIT Licensed | https://stenciljs.com
  */
@@ -6,0 +6,0 @@ const patchBrowser = () => {

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

@@ -1,1 +0,1 @@
-import{p as e,b as r}from"./p-97de6a39.js";(()=>{const r=import.meta.url,t={};return""!==r&&(t.resourcesUrl=new URL(".",r).href),e(t)})().then((e=>r([["p-7f11bed8",[[1,"mds-stepper-bar",{linear:[4],select:[2],currentItem:[32]},[[0,"currentEvent","changeEventHandler"]]]]]],e)));
+import{p as e,b as r}from"./p-0d3a3a88.js";(()=>{const r=import.meta.url,t={};return""!==r&&(t.resourcesUrl=new URL(".",r).href),e(t)})().then((e=>r([["p-e80dae95",[[1,"mds-stepper-bar",{linear:[4],select:[2],currentItem:[32]},[[0,"currentEvent","changeEventHandler"]]]]]],e)));

dist/stats.json

 {
-  "timestamp": "2022-05-26T11:02:23",
+  "timestamp": "2022-06-22T09:10:34",
   "compiler": {
     "name": "node",
-    "version": "16.13.2"
+    "version": "18.3.0"
   },
@@ -56,3 +56,3 @@ "app": {
         "generatedFiles": [
-          "./dist/cjs/index-2b655aa9.js",
+          "./dist/cjs/index-11d8eae0.js",
           "./dist/cjs/index.cjs.js",
@@ -62,3 +62,3 @@ "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-stepper-bar.cjs.js",
-          "./dist/esm-es5/index-00c8b881.js",
+          "./dist/esm-es5/index-a730baed.js",
           "./dist/esm-es5/index.js",
@@ -68,3 +68,3 @@ "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-stepper-bar.js",
-          "./dist/esm/index-00c8b881.js",
+          "./dist/esm/index-a730baed.js",
           "./dist/esm/index.js",
@@ -79,17 +79,17 @@ "./dist/esm/loader.js",
           "./dist/mds-stepper-bar/mds-stepper-bar.js",
+          "./dist/mds-stepper-bar/p-0d3a3a88.js",
+          "./dist/mds-stepper-bar/p-4d88b836.system.entry.js",
           "./dist/mds-stepper-bar/p-50ea2036.system.js",
-          "./dist/mds-stepper-bar/p-656df7d9.system.entry.js",
-          "./dist/mds-stepper-bar/p-71c52975.system.js",
-          "./dist/mds-stepper-bar/p-7f11bed8.entry.js",
-          "./dist/mds-stepper-bar/p-97de6a39.js",
-          "./dist/mds-stepper-bar/p-fb00607d.system.js",
+          "./dist/mds-stepper-bar/p-843c5f6a.system.js",
+          "./dist/mds-stepper-bar/p-dab216db.system.js",
+          "./dist/mds-stepper-bar/p-e80dae95.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-stepper-bar.esm.js",
           "./www/build/mds-stepper-bar.js",
+          "./www/build/p-0d3a3a88.js",
+          "./www/build/p-4d88b836.system.entry.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-656df7d9.system.entry.js",
-          "./www/build/p-71c52975.system.js",
-          "./www/build/p-7f11bed8.entry.js",
-          "./www/build/p-97de6a39.js",
-          "./www/build/p-fb00607d.system.js"
+          "./www/build/p-843c5f6a.system.js",
+          "./www/build/p-dab216db.system.js",
+          "./www/build/p-e80dae95.entry.js"
         ]
@@ -127,6 +127,6 @@ },
         ],
-        "bundleId": "p-7f11bed8",
-        "fileName": "p-7f11bed8.entry.js",
+        "bundleId": "p-e80dae95",
+        "fileName": "p-e80dae95.entry.js",
         "imports": [
-          "p-97de6a39.js"
+          "p-0d3a3a88.js"
         ],
@@ -145,3 +145,3 @@ "originalByteSize": 6019
         "imports": [
-          "index-00c8b881.js"
+          "index-a730baed.js"
         ],
@@ -160,3 +160,3 @@ "originalByteSize": 6023
         "imports": [
-          "index-00c8b881.js"
+          "index-a730baed.js"
         ],
@@ -172,6 +172,6 @@ "originalByteSize": 6023
         ],
-        "bundleId": "p-656df7d9.system",
-        "fileName": "p-656df7d9.system.entry.js",
+        "bundleId": "p-4d88b836.system",
+        "fileName": "p-4d88b836.system.entry.js",
         "imports": [
-          "p-71c52975.system.js"
+          "p-dab216db.system.js"
         ],
@@ -190,3 +190,3 @@ "originalByteSize": 6849
         "imports": [
-          "index-2b655aa9.js"
+          "index-11d8eae0.js"
         ],
@@ -485,3 +485,3 @@ "originalByteSize": 6088
     "sc-mds-stepper-bar": [
-      "p-97de6a39.js"
+      "p-0d3a3a88.js"
     ]
@@ -488,0 +488,0 @@ },

dist/types/components.d.ts

@@ -20,2 +20,6 @@ /* eslint-disable */
 }
+export interface MdsStepperBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMdsStepperBarElement;
+}
 declare global {
@@ -41,3 +45,3 @@ interface HTMLMdsStepperBarElement extends Components.MdsStepperBar, HTMLStencilElement {
          */
-        "onItemChangedEvent"?: (event: CustomEvent<number>) => void;
+        "onItemChangedEvent"?: (event: MdsStepperBarCustomEvent<number>) => void;
         /**
@@ -44,0 +48,0 @@ * Sets the current item to the given index: 0 is none selected, 1 is the first item selected, last number + 1 is all items checked

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",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "mds-stepper-bar 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,4 +25,6 @@ "main": "dist/index.cjs.js",
   "dependencies": {
-    "@maggioli-design-system/mds-progress": "^1.3.1",
-    "@stencil/core": "^2.15.2"
+    "@maggioli-design-system/mds-progress": "^2.0.0",
+    "@maggioli-design-system/mds-stepper-bar-item": "^2.0.0",
+    "@maggioli-design-system/styles": "^7.0.0",
+    "@stencil/core": "^2.16.1"
   },
@@ -29,0 +31,0 @@ "license": "MIT",

src/components.d.ts

@@ -20,2 +20,6 @@ /* eslint-disable */
 }
+export interface MdsStepperBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMdsStepperBarElement;
+}
 declare global {
@@ -41,3 +45,3 @@ interface HTMLMdsStepperBarElement extends Components.MdsStepperBar, HTMLStencilElement {
          */
-        "onItemChangedEvent"?: (event: CustomEvent<number>) => void;
+        "onItemChangedEvent"?: (event: MdsStepperBarCustomEvent<number>) => void;
         /**
@@ -44,0 +48,0 @@ * Sets the current item to the given index: 0 is none selected, 1 is the first item selected, last number + 1 is all items checked

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.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as r}from"./p-97de6a39.js";(()=>{const r=import.meta.url,t={};return""!==r&&(t.resourcesUrl=new URL(".",r).href),e(t)})().then((e=>r([["p-7f11bed8",[[1,"mds-stepper-bar",{linear:[4],select:[2],currentItem:[32]},[[0,"currentEvent","changeEventHandler"]]]]]],e)));
+import{p as e,b as r}from"./p-0d3a3a88.js";(()=>{const r=import.meta.url,t={};return""!==r&&(t.resourcesUrl=new URL(".",r).href),e(t)})().then((e=>r([["p-e80dae95",[[1,"mds-stepper-bar",{linear:[4],select:[2],currentItem:[32]},[[0,"currentEvent","changeEventHandler"]]]]]],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

702175

increased by0.19%

Lines of code

8589

increased by3.13%

Worsened metrics

Dependency count

4

increased by100%

Dependency changes

• + Added@maggioli-design-system/mds-stepper-bar-item@^2.0.0

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

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

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

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

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

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

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

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

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

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

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

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

• + Addedclsx@1.2.12.1.0(transitive)

• + Addednormalize.css@8.0.1(transitive)

• + Addedtypeface-karla@1.1.13(transitive)

• + Addedtypeface-roboto@1.1.13(transitive)

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

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

• Updated@stencil/core@^2.16.1