Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@maggioli-design-system/mds-accordion-item

Package Overview
Dependencies
Maintainers
2
Versions
41
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 5.1.1 to 5.1.2

dist/mds-accordion-item/p-3c0b5e96.entry.js
dist/mds-accordion-item/p-fe72067f.system.entry.js
www/build/p-3c0b5e96.entry.js
www/build/p-fe72067f.system.entry.js

2

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

@@ -9,3 +9,3 @@ 'use strict';

const 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)}";
const 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);-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);display:grid;fill:var(--mds-accordion-item-color);margin-top:calc(-1 * var(--mds-accordion-item-border-width));padding:var(--mds-accordion-item-padding-unselected);position:relative}: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{gap:1rem;border-radius:0.5rem;background-color:transparent;border:0;color:var(--mds-accordion-item-description-color);cursor:pointer;display:grid;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-template-columns:auto 24px;padding:0;text-align:left}.icon-button{font-weight:400;display:block}.contents{gap:1rem;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);display:grid;grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;padding-top:0;-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;grid-template-rows:1fr;opacity:1}.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)}";

@@ -12,0 +12,0 @@ const MdsAccordionItem = class {

2

dist/components/mds-accordion-item.js

@@ -5,3 +5,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';

const 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)}";
const 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);-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);display:grid;fill:var(--mds-accordion-item-color);margin-top:calc(-1 * var(--mds-accordion-item-border-width));padding:var(--mds-accordion-item-padding-unselected);position:relative}: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{gap:1rem;border-radius:0.5rem;background-color:transparent;border:0;color:var(--mds-accordion-item-description-color);cursor:pointer;display:grid;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-template-columns:auto 24px;padding:0;text-align:left}.icon-button{font-weight:400;display:block}.contents{gap:1rem;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);display:grid;grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;padding-top:0;-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;grid-template-rows:1fr;opacity:1}.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)}";

@@ -8,0 +8,0 @@ const MdsAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class MdsAccordionItem extends HTMLElement {

2

dist/documentation.json
{
"timestamp": "2023-09-25T12:50:21",
"timestamp": "2023-09-27T11:16:38",
"compiler": {

@@ -4,0 +4,0 @@ "name": "@stencil/core",

2

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-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};
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);-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);display:grid;fill:var(--mds-accordion-item-color);margin-top:calc(-1 * var(--mds-accordion-item-border-width));padding:var(--mds-accordion-item-padding-unselected);position:relative}: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{gap:1rem;border-radius:0.5rem;background-color:transparent;border:0;color:var(--mds-accordion-item-description-color);cursor:pointer;display:grid;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-template-columns:auto 24px;padding:0;text-align:left}.icon-button{font-weight:400;display:block}.contents{gap:1rem;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);display:grid;grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;padding-top:0;-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;grid-template-rows:1fr;opacity:1}.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};

2

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

@@ -5,3 +5,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-42e793a1.js';

const 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)}";
const 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);-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);display:grid;fill:var(--mds-accordion-item-color);margin-top:calc(-1 * var(--mds-accordion-item-border-width));padding:var(--mds-accordion-item-padding-unselected);position:relative}: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{gap:1rem;border-radius:0.5rem;background-color:transparent;border:0;color:var(--mds-accordion-item-description-color);cursor:pointer;display:grid;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-template-columns:auto 24px;padding:0;text-align:left}.icon-button{font-weight:400;display:block}.contents{gap:1rem;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);display:grid;grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;padding-top:0;-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;grid-template-rows:1fr;opacity:1}.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)}";

@@ -8,0 +8,0 @@ const MdsAccordionItem = class {

2

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

@@ -1,1 +0,1 @@

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)));
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-3c0b5e96",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)));

2

dist/mds-accordion-item/p-5769c7d6.system.js

@@ -1,1 +0,1 @@

System.register(["./p-f133259d.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-f163d43c.system",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)}))}}}));
System.register(["./p-f133259d.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-fe72067f.system",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)}))}}}));

30

dist/stats.json
{
"timestamp": "2023-09-25T12:50:21",
"timestamp": "2023-09-27T11:16:38",
"compiler": {
"name": "node",
"version": "18.12.1"
"version": "18.16.1"
},

@@ -81,17 +81,17 @@ "app": {

"./dist/mds-accordion-item/mds-accordion-item.js",
"./dist/mds-accordion-item/p-3c0b5e96.entry.js",
"./dist/mds-accordion-item/p-50ea2036.system.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",
"./dist/mds-accordion-item/p-fe72067f.system.entry.js",
"./www/build/index.esm.js",
"./www/build/mds-accordion-item.esm.js",
"./www/build/mds-accordion-item.js",
"./www/build/p-3c0b5e96.entry.js",
"./www/build/p-50ea2036.system.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"
"./www/build/p-fe72067f.system.entry.js"
]

@@ -129,8 +129,8 @@ },

],
"bundleId": "p-beb2f436",
"fileName": "p-beb2f436.entry.js",
"bundleId": "p-3c0b5e96",
"fileName": "p-3c0b5e96.entry.js",
"imports": [
"p-d81525a6.js"
],
"originalByteSize": 7474
"originalByteSize": 7459
}

@@ -149,3 +149,3 @@ ],

],
"originalByteSize": 7478
"originalByteSize": 7463
}

@@ -164,3 +164,3 @@ ],

],
"originalByteSize": 7478
"originalByteSize": 7463
}

@@ -174,8 +174,8 @@ ],

],
"bundleId": "p-f163d43c.system",
"fileName": "p-f163d43c.system.entry.js",
"bundleId": "p-fe72067f.system",
"fileName": "p-fe72067f.system.entry.js",
"imports": [
"p-f133259d.system.js"
],
"originalByteSize": 7881
"originalByteSize": 7866
}

@@ -194,3 +194,3 @@ ],

],
"originalByteSize": 7573
"originalByteSize": 7558
}

@@ -197,0 +197,0 @@ ]

6

documentation.json
{
"timestamp": "2023-09-25T12:40:03",
"timestamp": "2023-09-27T10:36:27",
"compiler": {

@@ -13,4 +13,4 @@ "name": "@stencil/core",

"tag": "mds-accordion-item",
"readme": "# mds-accordion-item\n\n\n",
"docs": "",
"readme": "# mds-accordion-item\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), 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.\n",
"docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), 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.",
"docsTags": [

@@ -17,0 +17,0 @@ {

8

package.json
{
"name": "@maggioli-design-system/mds-accordion-item",
"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.",
"version": "5.1.2",
"description": "mds-accordion-item is a web-component from Magma Design System, 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.",
"main": "dist/index.cjs.js",

@@ -27,5 +27,5 @@ "module": "dist/index.js",

"dependencies": {
"@maggioli-design-system/mds-text": "^3.4.0",
"@maggioli-design-system/mds-text": "^3.4.2",
"@maggioli-design-system/styles": "^11.7.0",
"@stencil/core": "^4.2.1"
"@stencil/core": "^4.3.0"
},

@@ -32,0 +32,0 @@ "license": "MIT",

4

readme.md

@@ -5,2 +5,4 @@ # mds-accordion-item

This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), 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.
<!-- Auto Generated Below -->

@@ -70,2 +72,2 @@

Built with love @ **Maggioli Informatica / R&D Department**
Built with love @ [Gruppo Maggioli](https://www.maggioli.com) from [R&D Department](https://www.maggioli.com/it-it/chi-siamo/ricerca-sviluppo)

2

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

@@ -56,2 +56,2 @@ # mds-accordion-item

Built with love @ **Maggioli Informatica / R&D Department**
Built with love @ [Gruppo Maggioli](https://www.maggioli.com) from [R&D Department](https://www.maggioli.com/it-it/chi-siamo/ricerca-sviluppo)

2

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

@@ -1,1 +0,1 @@

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)));
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-3c0b5e96",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)));

2

www/build/p-5769c7d6.system.js

@@ -1,1 +0,1 @@

System.register(["./p-f133259d.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-f163d43c.system",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)}))}}}));
System.register(["./p-f133259d.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-fe72067f.system",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e)}))}}}));
dist/mds-accordion-item/p-beb2f436.entry.js
dist/mds-accordion-item/p-f163d43c.system.entry.js
www/build/p-beb2f436.entry.js
www/build/p-f163d43c.system.entry.js
dist/collection/components/mds-accordion-item/mds-accordion-item.css

Sorry, the diff of this file is not supported yet

src/components/mds-accordion-item/mds-accordion-item.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc