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

Comparing version 1.0.1 to 1.0.2

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

@@ -48,3 +48,3 @@ 'use strict';
 
-const mdsAccordionItemCss = "*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.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{--color:rgb(var(--adjust-tone-02));position:relative !important;display:grid !important;border-bottom-width:2px !important;border-top-width:2px !important;border-color:transparent !important;padding-top:1rem !important;padding-bottom:1rem !important;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform !important;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform !important;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width !important;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform !important;-webkit-transition-duration:500ms !important;transition-duration:500ms !important;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1) !important;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1) !important;color:var(--color);margin-bottom:-2px}:host(.opened){border-bottom-color:rgba(var(--adjust-tone-09), var(--tw-border-opacity)) !important;--tw-border-opacity:1 !important;border-top-color:rgba(var(--adjust-tone-09), var(--tw-border-opacity)) !important;padding-top:2rem !important;padding-bottom:2rem !important}:host(.opened:first-child){border-top-color:transparent !important}:host(.opened:last-child){border-bottom-color:transparent !important}.header{cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.font-inherit{font-size:inherit}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.contents--opened{height:auto;padding-top:1rem;opacity:1}";
+const mdsAccordionItemCss = "*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.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{--color:rgb(var(--adjust-tone-02));--border-color:rgb(var(--adjust-tone-08));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-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 2px;border-color:transparent !important;border-top:solid 2px;color:var(--color);margin-bottom:-2px}:host(.opened){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom-color:var(--border-color) !important;border-top-color:var(--border-color) !important}:host(.opened:first-child){border-top-color:transparent !important}:host(.opened:last-child){border-bottom-color:transparent !important}.header{cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.font-inherit{font-size:inherit}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.contents--opened{height:auto;padding-top:1rem;opacity:1}";
 
@@ -51,0 +51,0 @@ let MdsAccordionItem = class {

dist/components/mds-accordion-item.js

@@ -44,3 +44,3 @@ import { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 
-const mdsAccordionItemCss = "*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.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{--color:rgb(var(--adjust-tone-02));position:relative !important;display:grid !important;border-bottom-width:2px !important;border-top-width:2px !important;border-color:transparent !important;padding-top:1rem !important;padding-bottom:1rem !important;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform !important;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform !important;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width !important;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform !important;-webkit-transition-duration:500ms !important;transition-duration:500ms !important;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1) !important;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1) !important;color:var(--color);margin-bottom:-2px}:host(.opened){border-bottom-color:rgba(var(--adjust-tone-09), var(--tw-border-opacity)) !important;--tw-border-opacity:1 !important;border-top-color:rgba(var(--adjust-tone-09), var(--tw-border-opacity)) !important;padding-top:2rem !important;padding-bottom:2rem !important}:host(.opened:first-child){border-top-color:transparent !important}:host(.opened:last-child){border-bottom-color:transparent !important}.header{cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.font-inherit{font-size:inherit}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.contents--opened{height:auto;padding-top:1rem;opacity:1}";
+const mdsAccordionItemCss = "*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.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{--color:rgb(var(--adjust-tone-02));--border-color:rgb(var(--adjust-tone-08));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-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 2px;border-color:transparent !important;border-top:solid 2px;color:var(--color);margin-bottom:-2px}:host(.opened){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom-color:var(--border-color) !important;border-top-color:var(--border-color) !important}:host(.opened:first-child){border-top-color:transparent !important}:host(.opened:last-child){border-bottom-color:transparent !important}.header{cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.font-inherit{font-size:inherit}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.contents--opened{height:auto;padding-top:1rem;opacity:1}";
 
@@ -47,0 +47,0 @@ let MdsAccordionItem$1 = class extends HTMLElement {

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-ab601f10.js";function toVal(t){var o,r,i="";if(typeof t==="string"||typeof t==="number"){i+=t}else if(typeof t==="object"){if(Array.isArray(t)){for(o=0;o<t.length;o++){if(t[o]){if(r=toVal(t[o])){i&&(i+=" ");i+=r}}}}else{for(o in t){if(t[o]){i&&(i+=" ");i+=o}}}}return i}function clsx(){var t=0,o,r,i="";while(t<arguments.length){if(o=arguments[t++]){if(r=toVal(o)){i&&(i+=" ");i+=r}}}return i}var mdsAccordionItemCss="*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.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{--color:rgb(var(--adjust-tone-02));position:relative !important;display:grid !important;border-bottom-width:2px !important;border-top-width:2px !important;border-color:transparent !important;padding-top:1rem !important;padding-bottom:1rem !important;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform !important;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform !important;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width !important;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform !important;-webkit-transition-duration:500ms !important;transition-duration:500ms !important;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1) !important;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1) !important;color:var(--color);margin-bottom:-2px}:host(.opened){border-bottom-color:rgba(var(--adjust-tone-09), var(--tw-border-opacity)) !important;--tw-border-opacity:1 !important;border-top-color:rgba(var(--adjust-tone-09), var(--tw-border-opacity)) !important;padding-top:2rem !important;padding-bottom:2rem !important}:host(.opened:first-child){border-top-color:transparent !important}:host(.opened:last-child){border-bottom-color:transparent !important}.header{cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.font-inherit{font-size:inherit}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.contents--opened{height:auto;padding-top:1rem;opacity:1}";var MdsAccordionItem=function(){function t(t){var o=this;registerInstance(this,t);this.openedEvent=createEvent(this,"openedEvent",7);this.typography="h5";this.toggle=function(){o.isOpened=!o.isOpened;if(o.isOpened){o.openedEvent.emit(o.element.id)}}}t.prototype.componentWillLoad=function(){this.isOpened=this.opened};t.prototype.validateOpened=function(t){this.isOpened=t};t.prototype.render=function(){var t;switch(this.typography){case"h1":{t="font-inherit";break}case"h2":{t="font-inherit";break}case"h3":{t="font-inherit";break}}return h(Host,{class:clsx(this.isOpened&&"opened")},h("mds-grid",{class:"header",onClick:this.toggle},h("mds-text",{typography:this.typography},this.description),h("mds-text",{class:"icon-button",typography:this.typography},h("mds-icon",{class:clsx("icon",t),name:clsx(this.isOpened?"keyboard-arrow-up":"keyboard-arrow-down")}))),h("div",{class:clsx("contents",this.isOpened&&"contents--opened")},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{opened:["validateOpened"]}},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-ab601f10.js";function toVal(o){var t,r,e="";if(typeof o==="string"||typeof o==="number"){e+=o}else if(typeof o==="object"){if(Array.isArray(o)){for(t=0;t<o.length;t++){if(o[t]){if(r=toVal(o[t])){e&&(e+=" ");e+=r}}}}else{for(t in o){if(o[t]){e&&(e+=" ");e+=t}}}}return e}function clsx(){var o=0,t,r,e="";while(o<arguments.length){if(t=arguments[o++]){if(r=toVal(t)){e&&(e+=" ");e+=r}}}return e}var mdsAccordionItemCss="*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.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{--color:rgb(var(--adjust-tone-02));--border-color:rgb(var(--adjust-tone-08));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-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 2px;border-color:transparent !important;border-top:solid 2px;color:var(--color);margin-bottom:-2px}:host(.opened){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom-color:var(--border-color) !important;border-top-color:var(--border-color) !important}:host(.opened:first-child){border-top-color:transparent !important}:host(.opened:last-child){border-bottom-color:transparent !important}.header{cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.font-inherit{font-size:inherit}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.contents--opened{height:auto;padding-top:1rem;opacity:1}";var MdsAccordionItem=function(){function o(o){var t=this;registerInstance(this,o);this.openedEvent=createEvent(this,"openedEvent",7);this.typography="h5";this.toggle=function(){t.isOpened=!t.isOpened;if(t.isOpened){t.openedEvent.emit(t.element.id)}}}o.prototype.componentWillLoad=function(){this.isOpened=this.opened};o.prototype.validateOpened=function(o){this.isOpened=o};o.prototype.render=function(){var o;switch(this.typography){case"h1":{o="font-inherit";break}case"h2":{o="font-inherit";break}case"h3":{o="font-inherit";break}}return h(Host,{class:clsx(this.isOpened&&"opened")},h("mds-grid",{class:"header",onClick:this.toggle},h("mds-text",{typography:this.typography},this.description),h("mds-text",{class:"icon-button",typography:this.typography},h("mds-icon",{class:clsx("icon",o),name:clsx(this.isOpened?"keyboard-arrow-up":"keyboard-arrow-down")}))),h("div",{class:clsx("contents",this.isOpened&&"contents--opened")},h("slot",null)))};Object.defineProperty(o.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{opened:["validateOpened"]}},enumerable:false,configurable:true});return o}();MdsAccordionItem.style=mdsAccordionItemCss;export{MdsAccordionItem as mds_accordion_item};

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

@@ -44,3 +44,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab601f10.js';
 
-const mdsAccordionItemCss = "*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.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{--color:rgb(var(--adjust-tone-02));position:relative !important;display:grid !important;border-bottom-width:2px !important;border-top-width:2px !important;border-color:transparent !important;padding-top:1rem !important;padding-bottom:1rem !important;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform !important;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform !important;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width !important;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform !important;-webkit-transition-duration:500ms !important;transition-duration:500ms !important;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1) !important;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1) !important;color:var(--color);margin-bottom:-2px}:host(.opened){border-bottom-color:rgba(var(--adjust-tone-09), var(--tw-border-opacity)) !important;--tw-border-opacity:1 !important;border-top-color:rgba(var(--adjust-tone-09), var(--tw-border-opacity)) !important;padding-top:2rem !important;padding-bottom:2rem !important}:host(.opened:first-child){border-top-color:transparent !important}:host(.opened:last-child){border-bottom-color:transparent !important}.header{cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.font-inherit{font-size:inherit}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.contents--opened{height:auto;padding-top:1rem;opacity:1}";
+const mdsAccordionItemCss = "*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.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{--color:rgb(var(--adjust-tone-02));--border-color:rgb(var(--adjust-tone-08));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-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 2px;border-color:transparent !important;border-top:solid 2px;color:var(--color);margin-bottom:-2px}:host(.opened){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom-color:var(--border-color) !important;border-top-color:var(--border-color) !important}:host(.opened:first-child){border-top-color:transparent !important}:host(.opened:last-child){border-bottom-color:transparent !important}.header{cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.font-inherit{font-size:inherit}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.contents--opened{height:auto;padding-top:1rem;opacity:1}";
 
@@ -47,0 +47,0 @@ let MdsAccordionItem = class {

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

@@ -1,1 +0,1 @@
-import{p,b as e}from"./p-fdf1e9a3.js";(()=>{const e=import.meta.url,o={};return""!==e&&(o.resourcesUrl=new URL(".",e).href),p(o)})().then((p=>e([["p-7883cfdd",[[1,"mds-accordion-item",{typography:[1],opened:[4],description:[1],isOpened:[32]}]]]],p)));
+import{p as e,b as p}from"./p-fdf1e9a3.js";(()=>{const p=import.meta.url,o={};return""!==p&&(o.resourcesUrl=new URL(".",p).href),e(o)})().then((e=>p([["p-eb142769",[[1,"mds-accordion-item",{typography:[1],opened:[4],description:[1],isOpened:[32]}]]]],e)));

dist/mds-accordion-item/p-fe5ae645.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-d47d3124.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(e){t=e.p;n=e.b}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-47c0a5cc.system",[[1,"mds-accordion-item",{typography:[1],opened:[4],description:[1],isOpened:[32]}]]]],e)}))}}}));
+System.register(["./p-d47d3124.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(e){t=e.p;n=e.b}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-698f43da.system",[[1,"mds-accordion-item",{typography:[1],opened:[4],description:[1],isOpened:[32]}]]]],e)}))}}}));

dist/stats.json

 {
-  "timestamp": "2021-12-31T11:26:10",
+  "timestamp": "2021-12-31T12:47:26",
   "compiler": {
@@ -73,6 +73,6 @@ "name": "node",
           "./dist/mds-accordion-item/mds-accordion-item.js",
-          "./dist/mds-accordion-item/p-47c0a5cc.system.entry.js",
           "./dist/mds-accordion-item/p-50ea2036.system.js",
-          "./dist/mds-accordion-item/p-7883cfdd.entry.js",
+          "./dist/mds-accordion-item/p-698f43da.system.entry.js",
           "./dist/mds-accordion-item/p-d47d3124.system.js",
+          "./dist/mds-accordion-item/p-eb142769.entry.js",
           "./dist/mds-accordion-item/p-fdf1e9a3.js",
@@ -83,6 +83,6 @@ "./dist/mds-accordion-item/p-fe5ae645.system.js",
           "./www/build/mds-accordion-item.js",
-          "./www/build/p-47c0a5cc.system.entry.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-7883cfdd.entry.js",
+          "./www/build/p-698f43da.system.entry.js",
           "./www/build/p-d47d3124.system.js",
+          "./www/build/p-eb142769.entry.js",
           "./www/build/p-fdf1e9a3.js",
@@ -122,8 +122,8 @@ "./www/build/p-fe5ae645.system.js"
         ],
-        "bundleId": "p-7883cfdd",
-        "fileName": "p-7883cfdd.entry.js",
+        "bundleId": "p-eb142769",
+        "fileName": "p-eb142769.entry.js",
         "imports": [
           "p-fdf1e9a3.js"
         ],
-        "originalByteSize": 5606
+        "originalByteSize": 5406
       }
@@ -142,3 +142,3 @@ ],
         ],
-        "originalByteSize": 5610
+        "originalByteSize": 5410
       }
@@ -157,3 +157,3 @@ ],
         ],
-        "originalByteSize": 5610
+        "originalByteSize": 5410
       }
@@ -167,8 +167,8 @@ ],
         ],
-        "bundleId": "p-47c0a5cc.system",
-        "fileName": "p-47c0a5cc.system.entry.js",
+        "bundleId": "p-698f43da.system",
+        "fileName": "p-698f43da.system.entry.js",
         "imports": [
           "p-d47d3124.system.js"
         ],
-        "originalByteSize": 6073
+        "originalByteSize": 5873
       }
@@ -187,3 +187,3 @@ ],
         ],
-        "originalByteSize": 5687
+        "originalByteSize": 5487
       }
@@ -445,2 +445,7 @@ ]
               "annotation": "prop"
+            },
+            {
+              "name": "--border-color",
+              "docs": "Sets the color of the border that separates elements",
+              "annotation": "prop"
             }
@@ -447,0 +452,0 @@ ],

package.json

 {
   "name": "@maggioli-design-system/mds-accordion-item",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "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.",
@@ -24,3 +24,3 @@ "main": "dist/index.cjs.js",
   "dependencies": {
-    "@maggioli-design-system/mds-accordion": "^1.0.1",
+    "@maggioli-design-system/mds-accordion": "^1.0.2",
     "@stencil/core": "^2.12.0"
@@ -27,0 +27,0 @@ },

readme.md

@@ -26,5 +26,6 @@ # mds-accordion-item
 
-| Name      | Description                        |
-| --------- | ---------------------------------- |
-| `--color` | Sets the text-color of the element |
+| Name             | Description                                          |
+| ---------------- | ---------------------------------------------------- |
+| `--border-color` | Sets the color of the border that separates elements |
+| `--color`        | Sets the text-color of the element                   |
 
@@ -31,0 +32,0 @@

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

@@ -26,5 +26,6 @@ # mds-accordion-item
 
-| Name      | Description                        |
-| --------- | ---------------------------------- |
-| `--color` | Sets the text-color of the element |
+| Name             | Description                                          |
+| ---------------- | ---------------------------------------------------- |
+| `--border-color` | Sets the color of the border that separates elements |
+| `--color`        | Sets the text-color of the element                   |
 
@@ -31,0 +32,0 @@

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

@@ -1,1 +0,1 @@
-import{p,b as e}from"./p-fdf1e9a3.js";(()=>{const e=import.meta.url,o={};return""!==e&&(o.resourcesUrl=new URL(".",e).href),p(o)})().then((p=>e([["p-7883cfdd",[[1,"mds-accordion-item",{typography:[1],opened:[4],description:[1],isOpened:[32]}]]]],p)));
+import{p as e,b as p}from"./p-fdf1e9a3.js";(()=>{const p=import.meta.url,o={};return""!==p&&(o.resourcesUrl=new URL(".",p).href),e(o)})().then((e=>p([["p-eb142769",[[1,"mds-accordion-item",{typography:[1],opened:[4],description:[1],isOpened:[32]}]]]],e)));

www/build/p-fe5ae645.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-d47d3124.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(e){t=e.p;n=e.b}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-47c0a5cc.system",[[1,"mds-accordion-item",{typography:[1],opened:[4],description:[1],isOpened:[32]}]]]],e)}))}}}));
+System.register(["./p-d47d3124.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(e){t=e.p;n=e.b}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-698f43da.system",[[1,"mds-accordion-item",{typography:[1],opened:[4],description:[1],isOpened:[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

Lines of code

8097

increased by0.04%

Number of lines in readme file

52

increased by1.96%

Worsened metrics

Total package byte prevSize

689520

decreased by-0.15%

Dependency changes

• - Removed@maggioli-design-system/mds-accordion-item@1.0.3(transitive)

• Updated@maggioli-design-system/mds-accordion@^1.0.2