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

Comparing version 5.1.0 to 5.1.1

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-864918da.js');
+const index = require('./index-37800da1.js');
 
@@ -8,0 +8,0 @@ const defineCustomElements = (win, options) => {

dist/cjs/mds-accordion-item.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-864918da.js');
+const index = require('./index-37800da1.js');
 
@@ -8,0 +8,0 @@ const miBaselineKeyboardArrowUp = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>`;

dist/cjs/mds-accordion-item.cjs.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-864918da.js');
+const index = require('./index-37800da1.js');
 
 /*
- Stencil Client Patch Browser v4.2.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.3.0 | MIT Licensed | https://stenciljs.com
  */
@@ -11,0 +11,0 @@ const patchBrowser = () => {

dist/collection/collection-manifest.json

@@ -7,3 +7,3 @@ {
     "name": "@stencil/core",
-    "version": "4.2.1",
+    "version": "4.3.0",
     "typescriptVersion": "5.1.6"
@@ -10,0 +10,0 @@ },

dist/collection/common/aria.js

@@ -8,2 +8,3 @@ const hash = (s) => {
 };
+const randomInt = (max) => Math.floor(Math.random() * max);
 const unslugName = (name) => {
@@ -22,2 +23,9 @@ var _a, _b, _c;
 const hashValue = (value) => `${value}-${hash(value)}`;
-export { unslugName, setAttributeIfEmpty, hashValue, };
+const hashRandomValue = (value) => {
+  const randomValue = randomInt(1000000);
+  if (value) {
+    return `${value}-${hash(randomValue.toString())}`;
+  }
+  return hash(randomValue.toString());
+};
+export { unslugName, setAttributeIfEmpty, hashRandomValue, hashValue, };

dist/documentation.json

 {
-  "timestamp": "2023-09-18T09:09:56",
+  "timestamp": "2023-09-25T12:50:21",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.2.1",
+    "version": "4.3.0",
     "typescriptVersion": "5.1.6"
@@ -195,2 +195,7 @@ },
         {
+          "name": "--mds-accordion-item-border-width",
+          "annotation": "prop",
+          "docs": "Sets the border-width of the separators of the component"
+        },
+        {
           "name": "--mds-accordion-item-color",
@@ -197,0 +202,0 @@ "annotation": "prop",

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{b as bootstrapLazy}from"./index-5a30a46f.js";export{s as setNonce}from"./index-5a30a46f.js";var defineCustomElements=function(e,o){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],o)};export{defineCustomElements};
+import{b as bootstrapLazy}from"./index-42e793a1.js";export{s as setNonce}from"./index-42e793a1.js";var defineCustomElements=function(e,o){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],o)};export{defineCustomElements};

dist/esm-es5/mds-accordion-item.entry.js

@@ -1,1 +0,1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5a30a46f.js";var miBaselineKeyboardArrowUp='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>';var mdsAccordionItemCss="@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-item-border-color:var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));--mds-accordion-item-border-width:var(--mds-accordion-border-width, 2px);--mds-accordion-item-color:var(--mds-accordion-color, rgb(var(--tone-neutral-03)));--mds-accordion-item-description-color:var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));--mds-accordion-item-duration:var(--mds-accordion-duration, 300ms);--mds-accordion-item-padding-selected:var(--mds-accordion-padding-selected, 1rem 0 2rem 0);--mds-accordion-item-padding-unselected:var(--mds-accordion-padding-unselected, 1rem 0 1rem 0);position:relative;display:grid;-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:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);border-bottom:solid var(--mds-accordion-item-border-width) transparent;border-top:solid var(--mds-accordion-item-border-width) transparent;color:var(--mds-accordion-item-color);fill:var(--mds-accordion-item-color);padding:var(--mds-accordion-item-padding-unselected);margin-top:calc(-1 * var(--mds-accordion-item-border-width))}:host(:first-child){margin-top:0}:host([selected]){padding:var(--mds-accordion-item-padding-selected);border-bottom:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);border-top:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color)}:host([selected]:first-child){margin-top:0px;border-top-color:transparent}:host([selected]:last-child){margin-bottom:0px;border-bottom-color:transparent}.action{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;border-radius:0.5rem;border-style:none;background-color:transparent;padding:0px;text-align:left;color:var(--mds-accordion-item-description-color);grid-template-columns:auto 24px}.icon-button{display:block;font-weight:400}.contents{display:grid;min-height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);grid-template-rows:0fr;-webkit-transition-duration:var(--mds-accordion-item-duration);transition-duration:var(--mds-accordion-item-duration);-webkit-transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding, -ms-grid-rows opacity padding}.contents-expander{min-height:0}:host([selected]) .contents{padding-top:1rem;opacity:1;grid-template-rows:1fr}.icon{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -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:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([selected]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";var MdsAccordionItem=function(){function t(t){var o=this;registerInstance(this,t);this.selectedEvent=createEvent(this,"mdsAccordionItemSelect",7);this.unselectedEvent=createEvent(this,"mdsAccordionItemUnselect",7);this.changedEvent=createEvent(this,"mdsAccordionItemChange",7);this.toggle=function(){o.selected=!o.selected;o.changedEvent.emit({id:o.element.id,selected:o.selected});if(o.selected){o.selectedEvent.emit({id:o.element.id,selected:o.selected});return}o.unselectedEvent.emit({id:o.element.id,selected:o.selected})};this.typography="h5";this.selected=undefined;this.label=undefined}t.prototype.render=function(){return h(Host,null,h("button",{"aria-controls":"contents","aria-expanded":this.selected?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{part:"label",typography:this.typography},this.label),h("mds-text",{"aria-hidden":"true",class:"icon-button",typography:this.typography},h("i",{class:"svg icon",innerHTML:miBaselineKeyboardArrowUp}))),h("div",{class:"contents",id:"contents"},h("div",{"aria-labelledby":"action",class:"contents-expander",part:"contents",role:"region"},h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsAccordionItem.style=mdsAccordionItemCss;export{MdsAccordionItem as mds_accordion_item};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-42e793a1.js";var miBaselineKeyboardArrowUp='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>';var mdsAccordionItemCss="@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-item-border-color:var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));--mds-accordion-item-border-width:var(--mds-accordion-border-width, 2px);--mds-accordion-item-color:var(--mds-accordion-color, rgb(var(--tone-neutral-03)));--mds-accordion-item-description-color:var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));--mds-accordion-item-duration:var(--mds-accordion-duration, 300ms);--mds-accordion-item-padding-selected:var(--mds-accordion-padding-selected, 1rem 0 2rem 0);--mds-accordion-item-padding-unselected:var(--mds-accordion-padding-unselected, 1rem 0 1rem 0);position:relative;display:grid;-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:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);border-bottom:solid var(--mds-accordion-item-border-width) transparent;border-top:solid var(--mds-accordion-item-border-width) transparent;color:var(--mds-accordion-item-color);fill:var(--mds-accordion-item-color);padding:var(--mds-accordion-item-padding-unselected);margin-top:calc(-1 * var(--mds-accordion-item-border-width))}:host(:first-child){margin-top:0}:host([selected]){padding:var(--mds-accordion-item-padding-selected);border-bottom:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);border-top:solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color)}:host([selected]:first-child){margin-top:0px;border-top-color:transparent}:host([selected]:last-child){margin-bottom:0px;border-bottom-color:transparent}.action{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;border-radius:0.5rem;border-style:none;background-color:transparent;padding:0px;text-align:left;color:var(--mds-accordion-item-description-color);grid-template-columns:auto 24px}.icon-button{display:block;font-weight:400}.contents{display:grid;min-height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);grid-template-rows:0fr;-webkit-transition-duration:var(--mds-accordion-item-duration);transition-duration:var(--mds-accordion-item-duration);-webkit-transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding;transition-property:grid-template-rows opacity padding, -ms-grid-rows opacity padding}.contents-expander{min-height:0}:host([selected]) .contents{padding-top:1rem;opacity:1;grid-template-rows:1fr}.icon{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -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:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);fill:var(--mds-accordion-item-color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([selected]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";var MdsAccordionItem=function(){function t(t){var o=this;registerInstance(this,t);this.selectedEvent=createEvent(this,"mdsAccordionItemSelect",7);this.unselectedEvent=createEvent(this,"mdsAccordionItemUnselect",7);this.changedEvent=createEvent(this,"mdsAccordionItemChange",7);this.toggle=function(){o.selected=!o.selected;o.changedEvent.emit({id:o.element.id,selected:o.selected});if(o.selected){o.selectedEvent.emit({id:o.element.id,selected:o.selected});return}o.unselectedEvent.emit({id:o.element.id,selected:o.selected})};this.typography="h5";this.selected=undefined;this.label=undefined}t.prototype.render=function(){return h(Host,null,h("button",{"aria-controls":"contents","aria-expanded":this.selected?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{part:"label",typography:this.typography},this.label),h("mds-text",{"aria-hidden":"true",class:"icon-button",typography:this.typography},h("i",{class:"svg icon",innerHTML:miBaselineKeyboardArrowUp}))),h("div",{class:"contents",id:"contents"},h("div",{"aria-labelledby":"action",class:"contents-expander",part:"contents",role:"region"},h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsAccordionItem.style=mdsAccordionItemCss;export{MdsAccordionItem as mds_accordion_item};

dist/esm-es5/mds-accordion-item.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-5a30a46f.js";export{s as setNonce}from"./index-5a30a46f.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-accordion-item",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],r)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-42e793a1.js";export{s as setNonce}from"./index-42e793a1.js";var patchBrowser=function(){var e=import.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return promiseResolve(r)};patchBrowser().then((function(e){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)}));

dist/esm/loader.js

@@ -1,3 +0,3 @@
-import { b as bootstrapLazy } from './index-5a30a46f.js';
-export { s as setNonce } from './index-5a30a46f.js';
+import { b as bootstrapLazy } from './index-42e793a1.js';
+export { s as setNonce } from './index-42e793a1.js';
 
@@ -4,0 +4,0 @@ const defineCustomElements = (win, options) => {

dist/esm/mds-accordion-item.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5a30a46f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-42e793a1.js';
 
@@ -3,0 +3,0 @@ const miBaselineKeyboardArrowUp = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>`;

dist/esm/mds-accordion-item.js

@@ -1,6 +0,6 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-5a30a46f.js';
-export { s as setNonce } from './index-5a30a46f.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-42e793a1.js';
+export { s as setNonce } from './index-42e793a1.js';
 
 /*
- Stencil Client Patch Browser v4.2.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.3.0 | MIT Licensed | https://stenciljs.com
  */
@@ -7,0 +7,0 @@ const patchBrowser = () => {

dist/mds-accordion-item/mds-accordion-item.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as o}from"./p-c445a3d7.js";export{s as setNonce}from"./p-c445a3d7.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-26c250cd",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)));
+import{p as e,b as o}from"./p-d81525a6.js";export{s as setNonce}from"./p-d81525a6.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-beb2f436",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)));

dist/stats.json

 {
-  "timestamp": "2023-09-18T09:09:56",
+  "timestamp": "2023-09-25T12:50:21",
   "compiler": {
@@ -61,3 +61,3 @@ "name": "node",
         "generatedFiles": [
-          "./dist/cjs/index-864918da.js",
+          "./dist/cjs/index-37800da1.js",
           "./dist/cjs/index.cjs.js",
@@ -67,3 +67,3 @@ "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-accordion-item.cjs.js",
-          "./dist/esm-es5/index-5a30a46f.js",
+          "./dist/esm-es5/index-42e793a1.js",
           "./dist/esm-es5/index.js",
@@ -73,3 +73,3 @@ "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-accordion-item.js",
-          "./dist/esm/index-5a30a46f.js",
+          "./dist/esm/index-42e793a1.js",
           "./dist/esm/index.js",
@@ -84,17 +84,17 @@ "./dist/esm/loader.js",
           "./dist/mds-accordion-item/mds-accordion-item.js",
-          "./dist/mds-accordion-item/p-0fa02d15.system.js",
-          "./dist/mds-accordion-item/p-26c250cd.entry.js",
-          "./dist/mds-accordion-item/p-2b3fe759.system.js",
           "./dist/mds-accordion-item/p-50ea2036.system.js",
-          "./dist/mds-accordion-item/p-6663a96d.system.entry.js",
-          "./dist/mds-accordion-item/p-c445a3d7.js",
+          "./dist/mds-accordion-item/p-5769c7d6.system.js",
+          "./dist/mds-accordion-item/p-beb2f436.entry.js",
+          "./dist/mds-accordion-item/p-d81525a6.js",
+          "./dist/mds-accordion-item/p-f133259d.system.js",
+          "./dist/mds-accordion-item/p-f163d43c.system.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-accordion-item.esm.js",
           "./www/build/mds-accordion-item.js",
-          "./www/build/p-0fa02d15.system.js",
-          "./www/build/p-26c250cd.entry.js",
-          "./www/build/p-2b3fe759.system.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-6663a96d.system.entry.js",
-          "./www/build/p-c445a3d7.js"
+          "./www/build/p-5769c7d6.system.js",
+          "./www/build/p-beb2f436.entry.js",
+          "./www/build/p-d81525a6.js",
+          "./www/build/p-f133259d.system.js",
+          "./www/build/p-f163d43c.system.entry.js"
         ]
@@ -132,6 +132,6 @@ },
         ],
-        "bundleId": "p-26c250cd",
-        "fileName": "p-26c250cd.entry.js",
+        "bundleId": "p-beb2f436",
+        "fileName": "p-beb2f436.entry.js",
         "imports": [
-          "p-c445a3d7.js"
+          "p-d81525a6.js"
         ],
@@ -150,3 +150,3 @@ "originalByteSize": 7474
         "imports": [
-          "index-5a30a46f.js"
+          "index-42e793a1.js"
         ],
@@ -165,3 +165,3 @@ "originalByteSize": 7478
         "imports": [
-          "index-5a30a46f.js"
+          "index-42e793a1.js"
         ],
@@ -177,6 +177,6 @@ "originalByteSize": 7478
         ],
-        "bundleId": "p-6663a96d.system",
-        "fileName": "p-6663a96d.system.entry.js",
+        "bundleId": "p-f163d43c.system",
+        "fileName": "p-f163d43c.system.entry.js",
         "imports": [
-          "p-2b3fe759.system.js"
+          "p-f133259d.system.js"
         ],
@@ -195,3 +195,3 @@ "originalByteSize": 7881
         "imports": [
-          "index-864918da.js"
+          "index-37800da1.js"
         ],
@@ -549,2 +549,7 @@ "originalByteSize": 7573
             {
+              "name": "--mds-accordion-item-border-width",
+              "docs": "Sets the border-width of the separators of the component",
+              "annotation": "prop"
+            },
+            {
               "name": "--mds-accordion-item-color",
@@ -673,3 +678,3 @@ "docs": "Sets the text-color of the component",
     "sc-mds-accordion-item": [
-      "p-c445a3d7.js"
+      "p-d81525a6.js"
     ]
@@ -676,0 +681,0 @@ },

dist/types/common/aria.d.ts

 declare const unslugName: (name: string) => string;
 declare const setAttributeIfEmpty: (element: HTMLElement, attribute: string, value: string) => string;
 declare const hashValue: (value: string) => string;
-export { unslugName, setAttributeIfEmpty, hashValue, };
+declare const hashRandomValue: (value?: string) => string;
+export { unslugName, setAttributeIfEmpty, hashRandomValue, hashValue, };

documentation.json

 {
-  "timestamp": "2023-09-18T08:43:05",
+  "timestamp": "2023-09-25T12:40:03",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.2.1",
+    "version": "4.3.0",
     "typescriptVersion": "5.1.6"
@@ -196,2 +196,7 @@ },
         {
+          "name": "--mds-accordion-item-border-width",
+          "annotation": "prop",
+          "docs": "Sets the border-width of the separators of the component"
+        },
+        {
           "name": "--mds-accordion-item-color",
@@ -415,2 +420,7 @@ "annotation": "prop",
     },
+    "src/components/mds-header-bar/meta/types.ts::MenuType": {
+      "declaration": "export type MenuType =\n  | 'all'\n  | 'desktop'\n  | 'mobile'\n  | 'none'",
+      "docstring": "",
+      "path": "src/components/mds-header-bar/meta/types.ts"
+    },
     "src/components/mds-header/meta/event-detail.ts::MdsHeaderEventDetail": {
@@ -521,2 +531,7 @@ "declaration": "export interface MdsHeaderEventDetail {\n  bar: HTMLMdsHeaderBarElement\n}",
     },
+    "src/components/mds-price-table-features-cell/meta/types.ts::PriceTableFeaturesCellType": {
+      "declaration": "export type PriceTableFeaturesCellType =\n  | 'custom'\n  | 'label'\n  | 'supported'\n  | 'text'\n  | 'unsupported'",
+      "docstring": "",
+      "path": "src/components/mds-price-table-features-cell/meta/types.ts"
+    },
     "src/components/mds-progress/meta/types.ts::DirectionType": {
@@ -523,0 +538,0 @@ "declaration": "export type DirectionType =\n  | 'horizontal'\n  | 'vertical'",

package.json

 {
   "name": "@maggioli-design-system/mds-accordion-item",
-  "version": "5.1.0",
+  "version": "5.1.1",
   "description": "mds-accordion-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.",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

readme.md

@@ -46,2 +46,3 @@ # mds-accordion-item
 | `--mds-accordion-item-border-color`       | Sets the border-color of the component                                    |
+| `--mds-accordion-item-border-width`       | Sets the border-width of the separators of the component                  |
 | `--mds-accordion-item-color`              | Sets the text-color of the component                                      |
@@ -48,0 +49,0 @@ | `--mds-accordion-item-description-color`  | Sets the color of the always visible title description                    |

src/common/aria.ts

@@ -9,2 +9,4 @@ const hash = (s: string): string => {
 
+const randomInt = (max: number): number => Math.floor(Math.random() * max)
+
 const unslugName = (name: string): string => {
@@ -24,6 +26,16 @@ return name.split('/')?.slice(-1).pop()?.replace(/-/g, ' ') ?? name
 
+const hashRandomValue = (value?: string): string => {
+  const randomValue = randomInt(1000000)
+  if (value) {
+    return `${value}-${hash(randomValue.toString())}`
+  }
+
+  return hash(randomValue.toString())
+}
+
 export {
   unslugName,
   setAttributeIfEmpty,
+  hashRandomValue,
   hashValue,
 }

src/components/mds-accordion-item/readme.md

@@ -46,2 +46,3 @@ # mds-accordion-item
 | `--mds-accordion-item-border-color`       | Sets the border-color of the component                                    |
+| `--mds-accordion-item-border-width`       | Sets the border-width of the separators of the component                  |
 | `--mds-accordion-item-color`              | Sets the text-color of the component                                      |
@@ -48,0 +49,0 @@ | `--mds-accordion-item-description-color`  | Sets the color of the always visible title description                    |

src/fixtures/icons.json

@@ -250,2 +250,3 @@ [
     "mi/baseline/groups",
+    "mi/baseline/horizontal-rule",
     "mi/baseline/indeterminate-check-box",
@@ -276,2 +277,3 @@ "mi/baseline/info",
     "mi/baseline/wysiwyg",
+    "mi/outline/help-outline",
     "mi/round/arrow-circle-down",
@@ -278,0 +280,0 @@ "mi/round/email",

www/build/mds-accordion-item.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as o}from"./p-c445a3d7.js";export{s as setNonce}from"./p-c445a3d7.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-26c250cd",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)));
+import{p as e,b as o}from"./p-d81525a6.js";export{s as setNonce}from"./p-d81525a6.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-beb2f436",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)));

New alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

846769

increased by0.87%

Lines of code

11592

increased by0.95%

Number of lines in readme file

70

increased by1.45%

No dependency changes