Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@maggioli-design-system/mds-accordion-item
Advanced tools
@maggioli-design-system/mds-accordion-item - npm Package Compare versions
Comparing version 1.0.2 to 1.0.3
@@ -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));--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}"; | ||
| 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:-ms-flexbox;display:flex;height:0px;-ms-flex-direction:column;flex-direction:column;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 { |
@@ -6,2 +6,3 @@ const themeVariantDictionary = [ | ||
| 'light', | ||
| 'primary', | ||
| 'success', | ||
@@ -8,0 +9,0 @@ 'warning', |
@@ -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));--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}"; | ||
| 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:-ms-flexbox;display:flex;height:0px;-ms-flex-direction:column;flex-direction:column;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 { |
@@ -1,1 +0,1 @@ | ||
| 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}; | ||
| 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:-ms-flexbox;display:flex;height:0px;-ms-flex-direction:column;flex-direction:column;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}; |
@@ -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));--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}"; | ||
| 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:-ms-flexbox;display:flex;height:0px;-ms-flex-direction:column;flex-direction:column;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 { |
@@ -1,1 +0,1 @@ | ||
| 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))); | ||
| 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-1f592c77",[[1,"mds-accordion-item",{typography:[1],opened:[4],description:[1],isOpened:[32]}]]]],p))); |
@@ -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-698f43da.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-ad23058f.system",[[1,"mds-accordion-item",{typography:[1],opened:[4],description:[1],isOpened:[32]}]]]],e)}))}}})); |
| { | ||
| "timestamp": "2021-12-31T12:47:26", | ||
| "timestamp": "2021-12-31T13:41:37", | ||
| "compiler": { | ||
@@ -73,6 +73,6 @@ "name": "node", | ||
| "./dist/mds-accordion-item/mds-accordion-item.js", | ||
| "./dist/mds-accordion-item/p-1f592c77.entry.js", | ||
| "./dist/mds-accordion-item/p-50ea2036.system.js", | ||
| "./dist/mds-accordion-item/p-698f43da.system.entry.js", | ||
| "./dist/mds-accordion-item/p-ad23058f.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-1f592c77.entry.js", | ||
| "./www/build/p-50ea2036.system.js", | ||
| "./www/build/p-698f43da.system.entry.js", | ||
| "./www/build/p-ad23058f.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-eb142769", | ||
| "fileName": "p-eb142769.entry.js", | ||
| "bundleId": "p-1f592c77", | ||
| "fileName": "p-1f592c77.entry.js", | ||
| "imports": [ | ||
| "p-fdf1e9a3.js" | ||
| ], | ||
| "originalByteSize": 5406 | ||
| "originalByteSize": 5474 | ||
| } | ||
@@ -142,3 +142,3 @@ ], | ||
| ], | ||
| "originalByteSize": 5410 | ||
| "originalByteSize": 5478 | ||
| } | ||
@@ -157,3 +157,3 @@ ], | ||
| ], | ||
| "originalByteSize": 5410 | ||
| "originalByteSize": 5478 | ||
| } | ||
@@ -167,8 +167,8 @@ ], | ||
| ], | ||
| "bundleId": "p-698f43da.system", | ||
| "fileName": "p-698f43da.system.entry.js", | ||
| "bundleId": "p-ad23058f.system", | ||
| "fileName": "p-ad23058f.system.entry.js", | ||
| "imports": [ | ||
| "p-d47d3124.system.js" | ||
| ], | ||
| "originalByteSize": 5873 | ||
| "originalByteSize": 5941 | ||
| } | ||
@@ -187,3 +187,3 @@ ], | ||
| ], | ||
| "originalByteSize": 5487 | ||
| "originalByteSize": 5555 | ||
| } | ||
@@ -190,0 +190,0 @@ ] |
| export declare type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning'; | ||
| export declare type ThemeVariantType = 'dark' | 'light' | 'error' | 'info' | 'success' | 'warning'; | ||
| export declare type ThemeVariantType = 'dark' | 'error' | 'info' | 'light' | 'primary' | 'success' | 'warning'; | ||
| export declare type ThemeFullVariantType = 'amaranth' | 'aqua' | 'blue' | 'dark' | 'error' | 'green' | 'info' | 'light' | 'lime' | 'orange' | 'orchid' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow'; | ||
@@ -4,0 +4,0 @@ export declare type ThemeLuminanceVariantType = 'dark' | 'light'; |
| { | ||
| "name": "@maggioli-design-system/mds-accordion-item", | ||
| "version": "1.0.2", | ||
| "version": "1.0.3", | ||
| "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,2 @@ "main": "dist/index.cjs.js", | ||
| "dependencies": { | ||
| "@maggioli-design-system/mds-accordion": "^1.0.2", | ||
| "@stencil/core": "^2.12.0" | ||
@@ -27,0 +26,0 @@ }, |
@@ -6,2 +6,3 @@ const themeVariantDictionary = [ | ||
| 'light', | ||
| 'primary', | ||
| 'success', | ||
@@ -8,0 +9,0 @@ 'warning', |
@@ -9,5 +9,6 @@ export type ThemeStatusVariantType = | ||
| | 'dark' | ||
| | 'light' | ||
| | 'error' | ||
| | 'info' | ||
| | 'light' | ||
| | 'primary' | ||
| | 'success' | ||
@@ -14,0 +15,0 @@ | 'warning' |
@@ -1,1 +0,1 @@ | ||
| 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))); | ||
| 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-1f592c77",[[1,"mds-accordion-item",{typography:[1],opened:[4],description:[1],isOpened:[32]}]]]],p))); |
@@ -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-698f43da.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-ad23058f.system",[[1,"mds-accordion-item",{typography:[1],opened:[4],description:[1],isOpened:[32]}]]]],e)}))}}})); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis 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 riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis 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 riskContains 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
- increased by0.08%
690091
- Dependency count
- decreased by-50%
1
- Lines of code
- increased by0.06%
8102
Dependency changes
- Removed@maggioli-design-system/mds-accordion@1.0.2(transitive)