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 3.2.0 to 4.0.0
@@ -5,6 +5,6 @@ 'use strict'; | ||
| const index = require('./index-779f0766.js'); | ||
| const index = require('./index-4e504f3a.js'); | ||
| /* | ||
| Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com | ||
| Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com | ||
| */ | ||
@@ -11,0 +11,0 @@ const patchEsm = () => { |
@@ -5,7 +5,7 @@ 'use strict'; | ||
| const index = require('./index-779f0766.js'); | ||
| const index = require('./index-4e504f3a.js'); | ||
| const miBaselineKeyboardArrowUp = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>`; | ||
| const mdsAccordionItemCss = "@tailwind components; .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)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}:host{--border-color:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-03));--description-color:rgb(var(--tone-neutral-02));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-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 2px transparent !important;border-top:solid 2px transparent !important;color:var(--color);fill:var(--color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--border-color) !important;border-top:solid 2px var(--border-color) !important}:host(.sibling[opened]){margin-top:-1.125rem;border-top-color:transparent !important}:host([opened]:first-child){border-top-color:transparent !important}:host([opened]:last-child){border-bottom-color:transparent !important}.action{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;border-style:none;background-color:transparent;padding:0px;text-align:left;color:var(--description-color);grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.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, 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: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)}:host([opened]) .contents{height:auto;padding-top:1rem;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(--color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([opened]) .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:rgb(var(--tone-neutral-08));--mds-accordion-item-color:rgb(var(--tone-neutral-03));--mds-accordion-item-description-color:rgb(var(--tone-neutral-02));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-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 2px transparent !important;border-top:solid 2px transparent !important;color:var(--mds-accordion-item-color);fill:var(--mds-accordion-item-color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--mds-accordion-item-border-color) !important;border-top:solid 2px var(--mds-accordion-item-border-color) !important}:host(.sibling[opened]){margin-top:-1.125rem;border-top-color:transparent !important}:host([opened]:first-child){border-top-color:transparent !important}:host([opened]:last-child){border-bottom-color:transparent !important}.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:1fr auto}.icon-button{display:block;font-weight:400}.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, 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: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)}:host([opened]) .contents{height:auto;padding-top:1rem;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([opened]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}"; | ||
@@ -15,3 +15,3 @@ const MdsAccordionItem = class { | ||
| index.registerInstance(this, hostRef); | ||
| this.openedEvent = index.createEvent(this, "openedEvent", 7); | ||
| this.openedEvent = index.createEvent(this, "opened", 7); | ||
| this.toggle = () => { | ||
@@ -26,3 +26,3 @@ this.opened = !this.opened; | ||
| render() { | ||
| return (index.h(index.Host, null, index.h("button", { "aria-controls": "contents", "aria-expanded": this.opened ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, index.h("mds-text", { typography: this.typography }, this.description), index.h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, index.h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), index.h("div", { "aria-labelledby": "action", class: "contents", id: "contents", role: "region" }, index.h("slot", null)))); | ||
| return (index.h(index.Host, null, index.h("button", { "aria-controls": "contents", "aria-expanded": this.opened ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, index.h("mds-text", { typography: this.typography }, this.description), index.h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, index.h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), index.h("div", { "aria-labelledby": "action", class: "contents", id: "contents", role: "region" }, index.h("slot", null)))); | ||
| } | ||
@@ -29,0 +29,0 @@ get element() { return index.getElement(this); } |
@@ -5,6 +5,6 @@ 'use strict'; | ||
| const index = require('./index-779f0766.js'); | ||
| const index = require('./index-4e504f3a.js'); | ||
| /* | ||
| Stencil Client Patch Browser v2.22.1 | MIT Licensed | https://stenciljs.com | ||
| Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com | ||
| */ | ||
@@ -11,0 +11,0 @@ const patchBrowser = () => { |
@@ -7,3 +7,3 @@ { | ||
| "name": "@stencil/core", | ||
| "version": "2.22.1", | ||
| "version": "2.22.2", | ||
| "typescriptVersion": "4.9.4" | ||
@@ -10,0 +10,0 @@ }, |
@@ -14,3 +14,3 @@ import { Host, h } from '@stencil/core'; | ||
| render() { | ||
| return (h(Host, null, h("button", { "aria-controls": "contents", "aria-expanded": this.opened ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description), h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { "aria-labelledby": "action", class: "contents", id: "contents", role: "region" }, h("slot", null)))); | ||
| return (h(Host, null, h("button", { "aria-controls": "contents", "aria-expanded": this.opened ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description), h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { "aria-labelledby": "action", class: "contents", id: "contents", role: "region" }, h("slot", null)))); | ||
| } | ||
@@ -40,3 +40,3 @@ static get is() { return "mds-accordion-item"; } | ||
| "location": "import", | ||
| "path": "../../types/typography" | ||
| "path": "@type/typography" | ||
| } | ||
@@ -94,3 +94,3 @@ } | ||
| "method": "openedEvent", | ||
| "name": "openedEvent", | ||
| "name": "opened", | ||
| "bubbles": true, | ||
@@ -97,0 +97,0 @@ "cancelable": true, |
| import jsonIconsDictionary from '../fixtures/icons.json'; | ||
| import jsonMggIconsDictionary from '../fixtures/iconsauce.json'; | ||
| const iconsDictionary = jsonIconsDictionary; | ||
| export { iconsDictionary, }; | ||
| const mggIconsDictionary = jsonMggIconsDictionary; | ||
| export { iconsDictionary, mggIconsDictionary, }; |
@@ -24,2 +24,6 @@ const typographyDictionary = [ | ||
| ]; | ||
| const typographyReadingVariationsDictionary = [ | ||
| 'info', | ||
| 'read', | ||
| ]; | ||
| const typographyMonoDictionary = [ | ||
@@ -60,2 +64,2 @@ 'snippet', | ||
| ]; | ||
| export { typographyDictionary, typographyVariationsDictionary, typographyMonoDictionary, typographyTitleDictionary, typographyInfoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTooltipDictionary, }; | ||
| export { typographyDictionary, typographyInfoDictionary, typographyReadingVariationsDictionary, typographyMonoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, }; |
@@ -5,3 +5,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client'; | ||
| const mdsAccordionItemCss = "@tailwind components; .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)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}:host{--border-color:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-03));--description-color:rgb(var(--tone-neutral-02));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-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 2px transparent !important;border-top:solid 2px transparent !important;color:var(--color);fill:var(--color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--border-color) !important;border-top:solid 2px var(--border-color) !important}:host(.sibling[opened]){margin-top:-1.125rem;border-top-color:transparent !important}:host([opened]:first-child){border-top-color:transparent !important}:host([opened]:last-child){border-bottom-color:transparent !important}.action{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;border-style:none;background-color:transparent;padding:0px;text-align:left;color:var(--description-color);grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.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, 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: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)}:host([opened]) .contents{height:auto;padding-top:1rem;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(--color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([opened]) .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:rgb(var(--tone-neutral-08));--mds-accordion-item-color:rgb(var(--tone-neutral-03));--mds-accordion-item-description-color:rgb(var(--tone-neutral-02));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-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 2px transparent !important;border-top:solid 2px transparent !important;color:var(--mds-accordion-item-color);fill:var(--mds-accordion-item-color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--mds-accordion-item-border-color) !important;border-top:solid 2px var(--mds-accordion-item-border-color) !important}:host(.sibling[opened]){margin-top:-1.125rem;border-top-color:transparent !important}:host([opened]:first-child){border-top-color:transparent !important}:host([opened]:last-child){border-bottom-color:transparent !important}.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:1fr auto}.icon-button{display:block;font-weight:400}.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, 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: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)}:host([opened]) .contents{height:auto;padding-top:1rem;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([opened]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}"; | ||
@@ -13,3 +13,3 @@ const MdsAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement { | ||
| this.__attachShadow(); | ||
| this.openedEvent = createEvent(this, "openedEvent", 7); | ||
| this.openedEvent = createEvent(this, "opened", 7); | ||
| this.toggle = () => { | ||
@@ -24,3 +24,3 @@ this.opened = !this.opened; | ||
| render() { | ||
| return (h(Host, null, h("button", { "aria-controls": "contents", "aria-expanded": this.opened ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description), h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { "aria-labelledby": "action", class: "contents", id: "contents", role: "region" }, h("slot", null)))); | ||
| return (h(Host, null, h("button", { "aria-controls": "contents", "aria-expanded": this.opened ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description), h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { "aria-labelledby": "action", class: "contents", id: "contents", role: "region" }, h("slot", null)))); | ||
| } | ||
@@ -27,0 +27,0 @@ get element() { return this; } |
@@ -1,1 +0,1 @@ | ||
| import{p as promiseResolve,b as bootstrapLazy}from"./index-95897e17.js";export{s as setNonce}from"./index-95897e17.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,o){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o)}))};export{defineCustomElements}; | ||
| import{p as promiseResolve,b as bootstrapLazy}from"./index-54e481e6.js";export{s as setNonce}from"./index-54e481e6.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,o){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o)}))};export{defineCustomElements}; |
@@ -1,1 +0,1 @@ | ||
| import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-95897e17.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; .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)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}:host{--border-color:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-03));--description-color:rgb(var(--tone-neutral-02));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-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 2px transparent !important;border-top:solid 2px transparent !important;color:var(--color);fill:var(--color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--border-color) !important;border-top:solid 2px var(--border-color) !important}:host(.sibling[opened]){margin-top:-1.125rem;border-top-color:transparent !important}:host([opened]:first-child){border-top-color:transparent !important}:host([opened]:last-child){border-bottom-color:transparent !important}.action{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;border-style:none;background-color:transparent;padding:0px;text-align:left;color:var(--description-color);grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.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, 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: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)}:host([opened]) .contents{height:auto;padding-top:1rem;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(--color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([opened]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";var MdsAccordionItem=function(){function o(o){var t=this;registerInstance(this,o);this.openedEvent=createEvent(this,"openedEvent",7);this.toggle=function(){t.opened=!t.opened;t.openedEvent.emit({id:t.element.id,opened:t.opened})};this.typography="h5";this.opened=undefined;this.description=undefined}o.prototype.render=function(){return h(Host,null,h("button",{"aria-controls":"contents","aria-expanded":this.opened?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{typography:this.typography},this.description),h("mds-text",{"aria-hidden":"true",class:"icon-button",typography:this.typography},h("i",{class:"svg icon",innerHTML:miBaselineKeyboardArrowUp}))),h("div",{"aria-labelledby":"action",class:"contents",id:"contents",role:"region"},h("slot",null)))};Object.defineProperty(o.prototype,"element",{get:function(){return getElement(this)},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-54e481e6.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:rgb(var(--tone-neutral-08));--mds-accordion-item-color:rgb(var(--tone-neutral-03));--mds-accordion-item-description-color:rgb(var(--tone-neutral-02));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-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 2px transparent !important;border-top:solid 2px transparent !important;color:var(--mds-accordion-item-color);fill:var(--mds-accordion-item-color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--mds-accordion-item-border-color) !important;border-top:solid 2px var(--mds-accordion-item-border-color) !important}:host(.sibling[opened]){margin-top:-1.125rem;border-top-color:transparent !important}:host([opened]:first-child){border-top-color:transparent !important}:host([opened]:last-child){border-bottom-color:transparent !important}.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:1fr auto}.icon-button{display:block;font-weight:400}.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, 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: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)}:host([opened]) .contents{height:auto;padding-top:1rem;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([opened]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}";var MdsAccordionItem=function(){function o(o){var t=this;registerInstance(this,o);this.openedEvent=createEvent(this,"opened",7);this.toggle=function(){t.opened=!t.opened;t.openedEvent.emit({id:t.element.id,opened:t.opened})};this.typography="h5";this.opened=undefined;this.description=undefined}o.prototype.render=function(){return h(Host,null,h("button",{"aria-controls":"contents","aria-expanded":this.opened?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{typography:this.typography},this.description),h("mds-text",{"aria-hidden":"true",class:"icon-button",typography:this.typography},h("i",{class:"svg icon",innerHTML:miBaselineKeyboardArrowUp}))),h("div",{"aria-labelledby":"action",class:"contents",id:"contents",role:"region"},h("slot",null)))};Object.defineProperty(o.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();MdsAccordionItem.style=mdsAccordionItemCss;export{MdsAccordionItem as mds_accordion_item}; |
@@ -1,1 +0,1 @@ | ||
| import{p as promiseResolve,b as bootstrapLazy}from"./index-95897e17.js";export{s as setNonce}from"./index-95897e17.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],r)})); | ||
| import{p as promiseResolve,b as bootstrapLazy}from"./index-54e481e6.js";export{s as setNonce}from"./index-54e481e6.js";var patchBrowser=function(){var e=import.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return promiseResolve(r)};patchBrowser().then((function(e){return bootstrapLazy([["mds-accordion-item",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],e)})); |
@@ -1,6 +0,6 @@ | ||
| import { p as promiseResolve, b as bootstrapLazy } from './index-95897e17.js'; | ||
| export { s as setNonce } from './index-95897e17.js'; | ||
| import { p as promiseResolve, b as bootstrapLazy } from './index-54e481e6.js'; | ||
| export { s as setNonce } from './index-54e481e6.js'; | ||
| /* | ||
| Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com | ||
| Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com | ||
| */ | ||
@@ -7,0 +7,0 @@ const patchEsm = () => { |
@@ -1,6 +0,6 @@ | ||
| import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-95897e17.js'; | ||
| import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-54e481e6.js'; | ||
| const miBaselineKeyboardArrowUp = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg>`; | ||
| const mdsAccordionItemCss = "@tailwind components; .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)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}:host{--border-color:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-03));--description-color:rgb(var(--tone-neutral-02));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-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 2px transparent !important;border-top:solid 2px transparent !important;color:var(--color);fill:var(--color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--border-color) !important;border-top:solid 2px var(--border-color) !important}:host(.sibling[opened]){margin-top:-1.125rem;border-top-color:transparent !important}:host([opened]:first-child){border-top-color:transparent !important}:host([opened]:last-child){border-bottom-color:transparent !important}.action{display:grid;cursor:pointer;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;gap:1rem;border-style:none;background-color:transparent;padding:0px;text-align:left;color:var(--description-color);grid-template-columns:1fr auto}.icon-button{display:block;font-weight:400}.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, 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: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)}:host([opened]) .contents{height:auto;padding-top:1rem;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(--color);-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([opened]) .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:rgb(var(--tone-neutral-08));--mds-accordion-item-color:rgb(var(--tone-neutral-03));--mds-accordion-item-description-color:rgb(var(--tone-neutral-02));position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-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 2px transparent !important;border-top:solid 2px transparent !important;color:var(--mds-accordion-item-color);fill:var(--mds-accordion-item-color);margin-bottom:-2px}:host([opened]){margin-top:1rem;margin-bottom:1rem;padding-top:2rem;padding-bottom:2rem;border-bottom:solid 2px var(--mds-accordion-item-border-color) !important;border-top:solid 2px var(--mds-accordion-item-border-color) !important}:host(.sibling[opened]){margin-top:-1.125rem;border-top-color:transparent !important}:host([opened]:first-child){border-top-color:transparent !important}:host([opened]:last-child){border-bottom-color:transparent !important}.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:1fr auto}.icon-button{display:block;font-weight:400}.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, 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: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)}:host([opened]) .contents{height:auto;padding-top:1rem;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([opened]) .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}"; | ||
@@ -10,3 +10,3 @@ const MdsAccordionItem = class { | ||
| registerInstance(this, hostRef); | ||
| this.openedEvent = createEvent(this, "openedEvent", 7); | ||
| this.openedEvent = createEvent(this, "opened", 7); | ||
| this.toggle = () => { | ||
@@ -21,3 +21,3 @@ this.opened = !this.opened; | ||
| render() { | ||
| return (h(Host, null, h("button", { "aria-controls": "contents", "aria-expanded": this.opened ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description), h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { "aria-labelledby": "action", class: "contents", id: "contents", role: "region" }, h("slot", null)))); | ||
| return (h(Host, null, h("button", { "aria-controls": "contents", "aria-expanded": this.opened ? 'true' : 'false', class: "action focusable", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { typography: this.typography }, this.description), h("mds-text", { "aria-hidden": "true", class: "icon-button", typography: this.typography }, h("i", { class: "svg icon", innerHTML: miBaselineKeyboardArrowUp }))), h("div", { "aria-labelledby": "action", class: "contents", id: "contents", role: "region" }, h("slot", null)))); | ||
| } | ||
@@ -24,0 +24,0 @@ get element() { return getElement(this); } |
@@ -1,6 +0,6 @@ | ||
| import { p as promiseResolve, b as bootstrapLazy } from './index-95897e17.js'; | ||
| export { s as setNonce } from './index-95897e17.js'; | ||
| import { p as promiseResolve, b as bootstrapLazy } from './index-54e481e6.js'; | ||
| export { s as setNonce } from './index-54e481e6.js'; | ||
| /* | ||
| Stencil Client Patch Browser v2.22.1 | MIT Licensed | https://stenciljs.com | ||
| Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com | ||
| */ | ||
@@ -7,0 +7,0 @@ const patchBrowser = () => { |
@@ -1,1 +0,1 @@ | ||
| import{p as o,b as p}from"./p-b91033c0.js";export{s as setNonce}from"./p-b91033c0.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-84dbf8f3",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o))); | ||
| import{p as o,b as p}from"./p-b5a1441d.js";export{s as setNonce}from"./p-b5a1441d.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-40148841",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o))); |
| { | ||
| "timestamp": "2023-01-20T18:15:25", | ||
| "timestamp": "2023-03-02T09:53:50", | ||
| "compiler": { | ||
@@ -12,9 +12,10 @@ "name": "node", | ||
| "entries": 1, | ||
| "bundles": 64, | ||
| "bundles": 65, | ||
| "outputs": [ | ||
| { | ||
| "name": "dist-collection", | ||
| "files": 23, | ||
| "files": 24, | ||
| "generatedFiles": [ | ||
| "./dist/collection/common/aria.js", | ||
| "./dist/collection/common/keyboard-manager.js", | ||
| "./dist/collection/components/mds-accordion-item/mds-accordion-item.js", | ||
@@ -58,3 +59,3 @@ "./dist/collection/components/mds-accordion-item/test/mds-accordion-item.stories.js", | ||
| "generatedFiles": [ | ||
| "./dist/cjs/index-779f0766.js", | ||
| "./dist/cjs/index-4e504f3a.js", | ||
| "./dist/cjs/index.cjs.js", | ||
@@ -64,3 +65,3 @@ "./dist/cjs/loader.cjs.js", | ||
| "./dist/cjs/mds-accordion-item.cjs.js", | ||
| "./dist/esm-es5/index-95897e17.js", | ||
| "./dist/esm-es5/index-54e481e6.js", | ||
| "./dist/esm-es5/index.js", | ||
@@ -70,3 +71,3 @@ "./dist/esm-es5/loader.js", | ||
| "./dist/esm-es5/mds-accordion-item.js", | ||
| "./dist/esm/index-95897e17.js", | ||
| "./dist/esm/index-54e481e6.js", | ||
| "./dist/esm/index.js", | ||
@@ -81,17 +82,17 @@ "./dist/esm/loader.js", | ||
| "./dist/mds-accordion-item/mds-accordion-item.js", | ||
| "./dist/mds-accordion-item/p-057ec69e.system.js", | ||
| "./dist/mds-accordion-item/p-3d1be197.system.js", | ||
| "./dist/mds-accordion-item/p-40148841.entry.js", | ||
| "./dist/mds-accordion-item/p-50ea2036.system.js", | ||
| "./dist/mds-accordion-item/p-84dbf8f3.entry.js", | ||
| "./dist/mds-accordion-item/p-93851a2b.system.js", | ||
| "./dist/mds-accordion-item/p-b8deff0b.system.entry.js", | ||
| "./dist/mds-accordion-item/p-b91033c0.js", | ||
| "./dist/mds-accordion-item/p-b5a1441d.js", | ||
| "./dist/mds-accordion-item/p-ccd15aba.system.entry.js", | ||
| "./dist/mds-accordion-item/p-f8b9f469.system.js", | ||
| "./www/build/index.esm.js", | ||
| "./www/build/mds-accordion-item.esm.js", | ||
| "./www/build/mds-accordion-item.js", | ||
| "./www/build/p-057ec69e.system.js", | ||
| "./www/build/p-3d1be197.system.js", | ||
| "./www/build/p-40148841.entry.js", | ||
| "./www/build/p-50ea2036.system.js", | ||
| "./www/build/p-84dbf8f3.entry.js", | ||
| "./www/build/p-93851a2b.system.js", | ||
| "./www/build/p-b8deff0b.system.entry.js", | ||
| "./www/build/p-b91033c0.js" | ||
| "./www/build/p-b5a1441d.js", | ||
| "./www/build/p-ccd15aba.system.entry.js", | ||
| "./www/build/p-f8b9f469.system.js" | ||
| ] | ||
@@ -129,8 +130,8 @@ }, | ||
| ], | ||
| "bundleId": "p-84dbf8f3", | ||
| "fileName": "p-84dbf8f3.entry.js", | ||
| "bundleId": "p-40148841", | ||
| "fileName": "p-40148841.entry.js", | ||
| "imports": [ | ||
| "p-b91033c0.js" | ||
| "p-b5a1441d.js" | ||
| ], | ||
| "originalByteSize": 5735 | ||
| "originalByteSize": 6953 | ||
| } | ||
@@ -147,5 +148,5 @@ ], | ||
| "imports": [ | ||
| "index-95897e17.js" | ||
| "index-54e481e6.js" | ||
| ], | ||
| "originalByteSize": 5739 | ||
| "originalByteSize": 6957 | ||
| } | ||
@@ -162,5 +163,5 @@ ], | ||
| "imports": [ | ||
| "index-95897e17.js" | ||
| "index-54e481e6.js" | ||
| ], | ||
| "originalByteSize": 5739 | ||
| "originalByteSize": 6957 | ||
| } | ||
@@ -174,8 +175,8 @@ ], | ||
| ], | ||
| "bundleId": "p-b8deff0b.system", | ||
| "fileName": "p-b8deff0b.system.entry.js", | ||
| "bundleId": "p-ccd15aba.system", | ||
| "fileName": "p-ccd15aba.system.entry.js", | ||
| "imports": [ | ||
| "p-93851a2b.system.js" | ||
| "p-3d1be197.system.js" | ||
| ], | ||
| "originalByteSize": 6100 | ||
| "originalByteSize": 7318 | ||
| } | ||
@@ -192,5 +193,5 @@ ], | ||
| "imports": [ | ||
| "index-779f0766.js" | ||
| "index-4e504f3a.js" | ||
| ], | ||
| "originalByteSize": 5816 | ||
| "originalByteSize": 7034 | ||
| } | ||
@@ -219,3 +220,3 @@ ] | ||
| { | ||
| "name": "openedEvent", | ||
| "name": "opened", | ||
| "method": "openedEvent", | ||
@@ -266,3 +267,3 @@ "bubbles": true, | ||
| "location": "import", | ||
| "path": "../../types/typography" | ||
| "path": "@type/typography" | ||
| } | ||
@@ -347,3 +348,3 @@ } | ||
| "location": "import", | ||
| "path": "../../types/typography" | ||
| "path": "@type/typography" | ||
| } | ||
@@ -403,3 +404,3 @@ } | ||
| { | ||
| "name": "openedEvent", | ||
| "name": "opened", | ||
| "method": "openedEvent", | ||
@@ -448,3 +449,3 @@ "bubbles": true, | ||
| { | ||
| "name": "--color", | ||
| "name": "--mds-accordion-item-color", | ||
| "docs": "Sets the text-color of the element", | ||
@@ -454,3 +455,3 @@ "annotation": "prop" | ||
| { | ||
| "name": "--description-color", | ||
| "name": "--mds-accordion-item-description-color", | ||
| "docs": "Sets the color of the always visible title description", | ||
@@ -549,3 +550,3 @@ "annotation": "prop" | ||
| "sc-mds-accordion-item": [ | ||
| "p-b91033c0.js" | ||
| "p-b5a1441d.js" | ||
| ] | ||
@@ -555,2 +556,3 @@ }, | ||
| "./src/common/aria.ts": [], | ||
| "./src/common/keyboard-manager.ts": [], | ||
| "./src/components/mds-accordion-item/mds-accordion-item.tsx": [], | ||
@@ -563,3 +565,4 @@ "./src/components/mds-accordion-item/test/mds-accordion-item.stories.tsx": [], | ||
| "./src/dictionary/icon.ts": [ | ||
| "./src/fixtures/icons.json" | ||
| "./src/fixtures/icons.json", | ||
| "./src/fixtures/iconsauce.json" | ||
| ], | ||
@@ -566,0 +569,0 @@ "./src/dictionary/input-text-type.ts": [], |
@@ -8,3 +8,3 @@ /* eslint-disable */ | ||
| import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime"; | ||
| import { TypographyTitleType } from "./types/typography"; | ||
| import { TypographyTitleType } from "@type/typography"; | ||
| import { AccordionClickedEvent } from "./components/mds-accordion/meta/interface"; | ||
@@ -51,3 +51,3 @@ export namespace Components { | ||
| */ | ||
| "onOpenedEvent"?: (event: MdsAccordionItemCustomEvent<AccordionClickedEvent>) => void; | ||
| "onOpened"?: (event: MdsAccordionItemCustomEvent<AccordionClickedEvent>) => void; | ||
| /** | ||
@@ -54,0 +54,0 @@ * Specifies if the accordion item is opened or not |
| import { EventEmitter } from '../../stencil-public-runtime'; | ||
| import { TypographyTitleType } from '../../types/typography'; | ||
| import { TypographyTitleType } from '@type/typography'; | ||
| import { AccordionClickedEvent } from '../mds-accordion/meta/interface'; | ||
@@ -4,0 +4,0 @@ export declare class MdsAccordionItem { |
| declare const iconsDictionary: string[]; | ||
| export { iconsDictionary, }; | ||
| declare const mggIconsDictionary: string[]; | ||
| export { iconsDictionary, mggIconsDictionary, }; |
| declare const typographyDictionary: string[]; | ||
| declare const typographyVariationsDictionary: string[]; | ||
| declare const typographyReadingVariationsDictionary: string[]; | ||
| declare const typographyMonoDictionary: string[]; | ||
@@ -9,2 +10,2 @@ declare const typographyTitleDictionary: string[]; | ||
| declare const typographyTooltipDictionary: string[]; | ||
| export { typographyDictionary, typographyVariationsDictionary, typographyMonoDictionary, typographyTitleDictionary, typographyInfoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTooltipDictionary, }; | ||
| export { typographyDictionary, typographyInfoDictionary, typographyReadingVariationsDictionary, typographyMonoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, }; |
@@ -488,2 +488,10 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void; | ||
| } | ||
| /** | ||
| * A Child VDOM node | ||
| * | ||
| * This has most of the same properties as {@link VNode} but friendlier names | ||
| * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in | ||
| * order to provide a friendlier public interface for users of the | ||
| * {@link FunctionalUtilities}). | ||
| */ | ||
| export interface ChildNode { | ||
@@ -535,2 +543,5 @@ vtag?: string | number | Function; | ||
| export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode; | ||
| /** | ||
| * A virtual DOM node | ||
| */ | ||
| export interface VNode { | ||
@@ -537,0 +548,0 @@ $flags$: number; |
| export type TypographyType = 'action' | 'caption' | 'snippet' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip'; | ||
| export type TypographyVariants = 'title' | 'info' | 'read' | 'code'; | ||
| export type TypographyReadingVariants = 'info' | 'read'; | ||
| export type TypographyTitleType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'; | ||
@@ -4,0 +5,0 @@ export type TypographyInfoType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip'; |
| { | ||
| "name": "@maggioli-design-system/mds-accordion-item", | ||
| "version": "3.2.0", | ||
| "version": "4.0.0", | ||
| "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.", | ||
@@ -26,4 +26,4 @@ "main": "dist/index.cjs.js", | ||
| "dependencies": { | ||
| "@maggioli-design-system/mds-text": "^3.1.0", | ||
| "@maggioli-design-system/styles": "^10.0.1", | ||
| "@maggioli-design-system/mds-text": "^3.2.1", | ||
| "@maggioli-design-system/styles": "^11.2.1", | ||
| "@stencil/core": "^2.22.1" | ||
@@ -30,0 +30,0 @@ }, |
@@ -19,5 +19,5 @@ # mds-accordion-item | ||
| | Event | Description | Type | | ||
| | ------------- | ---------------------------------- | ------------------------------------ | | ||
| | `openedEvent` | Emits when the accordion is opened | `CustomEvent<AccordionClickedEvent>` | | ||
| | Event | Description | Type | | ||
| | -------- | ---------------------------------- | ------------------------------------ | | ||
| | `opened` | Emits when the accordion is opened | `CustomEvent<AccordionClickedEvent>` | | ||
@@ -27,6 +27,6 @@ | ||
| | Name | Description | | ||
| | --------------------- | ------------------------------------------------------ | | ||
| | `--color` | Sets the text-color of the element | | ||
| | `--description-color` | Sets the color of the always visible title description | | ||
| | Name | Description | | ||
| | ---------------------------------------- | ------------------------------------------------------ | | ||
| | `--mds-accordion-item-color` | Sets the text-color of the element | | ||
| | `--mds-accordion-item-description-color` | Sets the color of the always visible title description | | ||
@@ -33,0 +33,0 @@ |
@@ -8,3 +8,3 @@ /* eslint-disable */ | ||
| import { HTMLStencilElement, JSXBase } from "@stencil/core/internal"; | ||
| import { TypographyTitleType } from "./types/typography"; | ||
| import { TypographyTitleType } from "@type/typography"; | ||
| import { AccordionClickedEvent } from "./components/mds-accordion/meta/interface"; | ||
@@ -51,3 +51,3 @@ export namespace Components { | ||
| */ | ||
| "onOpenedEvent"?: (event: MdsAccordionItemCustomEvent<AccordionClickedEvent>) => void; | ||
| "onOpened"?: (event: MdsAccordionItemCustomEvent<AccordionClickedEvent>) => void; | ||
| /** | ||
@@ -54,0 +54,0 @@ * Specifies if the accordion item is opened or not |
@@ -19,5 +19,5 @@ # mds-accordion-item | ||
| | Event | Description | Type | | ||
| | ------------- | ---------------------------------- | ------------------------------------ | | ||
| | `openedEvent` | Emits when the accordion is opened | `CustomEvent<AccordionClickedEvent>` | | ||
| | Event | Description | Type | | ||
| | -------- | ---------------------------------- | ------------------------------------ | | ||
| | `opened` | Emits when the accordion is opened | `CustomEvent<AccordionClickedEvent>` | | ||
@@ -27,6 +27,6 @@ | ||
| | Name | Description | | ||
| | --------------------- | ------------------------------------------------------ | | ||
| | `--color` | Sets the text-color of the element | | ||
| | `--description-color` | Sets the color of the always visible title description | | ||
| | Name | Description | | ||
| | ---------------------------------------- | ------------------------------------------------------ | | ||
| | `--mds-accordion-item-color` | Sets the text-color of the element | | ||
| | `--mds-accordion-item-description-color` | Sets the color of the always visible title description | | ||
@@ -33,0 +33,0 @@ |
| import jsonIconsDictionary from '../fixtures/icons.json' | ||
| import jsonMggIconsDictionary from '../fixtures/iconsauce.json' | ||
| const iconsDictionary = jsonIconsDictionary | ||
| const mggIconsDictionary = jsonMggIconsDictionary | ||
| export { | ||
| iconsDictionary, | ||
| mggIconsDictionary, | ||
| } |
@@ -26,2 +26,7 @@ const typographyDictionary = [ | ||
| const typographyReadingVariationsDictionary = [ | ||
| 'info', | ||
| 'read', | ||
| ] | ||
| const typographyMonoDictionary = [ | ||
@@ -70,9 +75,10 @@ 'snippet', | ||
| typographyDictionary, | ||
| typographyVariationsDictionary, | ||
| typographyInfoDictionary, | ||
| typographyReadingVariationsDictionary, | ||
| typographyMonoDictionary, | ||
| typographyTitleDictionary, | ||
| typographyInfoDictionary, | ||
| typographyReadDictionary, | ||
| typographySmallerDictionary, | ||
| typographyTitleDictionary, | ||
| typographyTooltipDictionary, | ||
| typographyVariationsDictionary, | ||
| } |
@@ -13,2 +13,175 @@ [ | ||
| "mdi/vector-curve", | ||
| "mgg/abitazione-principale", | ||
| "mgg/action-hide-down-side", | ||
| "mgg/action-hide-left-side", | ||
| "mgg/action-hide-right-side", | ||
| "mgg/action-hide-sidebar-left", | ||
| "mgg/action-hide-sidebar-right", | ||
| "mgg/action-show-down-side", | ||
| "mgg/action-show-left-side", | ||
| "mgg/action-show-right-side", | ||
| "mgg/action-show-sidebar-left", | ||
| "mgg/action-show-sidebar-right", | ||
| "mgg/add-document-settings", | ||
| "mgg/additional-contents", | ||
| "mgg/address-book-off", | ||
| "mgg/address-book-on", | ||
| "mgg/adv-denied", | ||
| "mgg/area-edificabile", | ||
| "mgg/area-weather", | ||
| "mgg/box-multiple", | ||
| "mgg/breadcrumb", | ||
| "mgg/calendar-euro", | ||
| "mgg/calendar-multiple", | ||
| "mgg/calendar-schedule", | ||
| "mgg/car-license", | ||
| "mgg/card-stamping", | ||
| "mgg/checklist", | ||
| "mgg/checklist-settings", | ||
| "mgg/citizenship", | ||
| "mgg/city-bin", | ||
| "mgg/copy-paste", | ||
| "mgg/data-analytics-alt", | ||
| "mgg/data-analytics-search", | ||
| "mgg/data-analytics-time", | ||
| "mgg/data-category-alt", | ||
| "mgg/data-civil-union", | ||
| "mgg/data-death-civil-union", | ||
| "mgg/data-death-marriage", | ||
| "mgg/data-end-civil-union", | ||
| "mgg/data-end-marriage", | ||
| "mgg/dataset", | ||
| "mgg/document-magic", | ||
| "mgg/document-rename", | ||
| "mgg/electronic-document", | ||
| "mgg/email-open-check", | ||
| "mgg/email-open-off", | ||
| "mgg/face-to-face-meeting", | ||
| "mgg/farmer", | ||
| "mgg/field", | ||
| "mgg/file-download", | ||
| "mgg/file-folder-tree", | ||
| "mgg/file-folder-tree-open", | ||
| "mgg/file-import", | ||
| "mgg/file-odt", | ||
| "mgg/file-rtf", | ||
| "mgg/file-settings-alt", | ||
| "mgg/file-stack", | ||
| "mgg/file-stack-alt", | ||
| "mgg/file-sub", | ||
| "mgg/file-type-document-attachment", | ||
| "mgg/file-type-document-multiple-attachment", | ||
| "mgg/file-type-document-rubber-stamp", | ||
| "mgg/file-type-home", | ||
| "mgg/file-type-pdf", | ||
| "mgg/file-type-success", | ||
| "mgg/file-type-warning", | ||
| "mgg/finance-euro-cashback", | ||
| "mgg/fit-horizontal", | ||
| "mgg/fit-vertical", | ||
| "mgg/fullscreen-on-alt", | ||
| "mgg/google-check-small", | ||
| "mgg/google-place-item", | ||
| "mgg/heart", | ||
| "mgg/heart-outline", | ||
| "mgg/historic-building", | ||
| "mgg/historic-building-unusable", | ||
| "mgg/home-hammer", | ||
| "mgg/home-number", | ||
| "mgg/inagibile", | ||
| "mgg/input-calendar-costs", | ||
| "mgg/input-calendar-period", | ||
| "mgg/input-calendar-time", | ||
| "mgg/isbn", | ||
| "mgg/judge-hammer", | ||
| "mgg/land-registry", | ||
| "mgg/layers", | ||
| "mgg/list-dot", | ||
| "mgg/logo-girasole-camuno", | ||
| "mgg/logo-gpl", | ||
| "mgg/logo-ilibro", | ||
| "mgg/map-marker-settings", | ||
| "mgg/military-draft", | ||
| "mgg/money-bag-settings", | ||
| "mgg/money-on-hand", | ||
| "mgg/move-down", | ||
| "mgg/move-left", | ||
| "mgg/move-right", | ||
| "mgg/move-row-down", | ||
| "mgg/move-row-up", | ||
| "mgg/move-up", | ||
| "mgg/multiple-payments", | ||
| "mgg/national-document", | ||
| "mgg/national-document-off", | ||
| "mgg/order-return-down-left-to-right", | ||
| "mgg/order-return-down-left-to-up", | ||
| "mgg/order-return-down-right-to-left", | ||
| "mgg/order-return-down-right-to-up", | ||
| "mgg/order-return-up-left-to-down", | ||
| "mgg/order-return-up-left-to-right", | ||
| "mgg/order-return-up-right-to-down", | ||
| "mgg/order-return-up-right-to-left", | ||
| "mgg/order-zigzag-down-left-to-right", | ||
| "mgg/order-zigzag-down-left-to-up", | ||
| "mgg/order-zigzag-down-right-to-left", | ||
| "mgg/order-zigzag-down-right-to-up", | ||
| "mgg/order-zigzag-up-left-to-down", | ||
| "mgg/order-zigzag-up-left-to-right", | ||
| "mgg/order-zigzag-up-right-to-down", | ||
| "mgg/order-zigzag-up-right-to-left", | ||
| "mgg/other-properties", | ||
| "mgg/other-properties-off", | ||
| "mgg/partial-wall", | ||
| "mgg/payment-settings", | ||
| "mgg/places-green", | ||
| "mgg/places-green-doc", | ||
| "mgg/places-green-history", | ||
| "mgg/places-green-info", | ||
| "mgg/places-holiday-beach", | ||
| "mgg/places-market", | ||
| "mgg/places-park", | ||
| "mgg/places-park-alt", | ||
| "mgg/places-store-access-denied", | ||
| "mgg/property-owner", | ||
| "mgg/relevance", | ||
| "mgg/reporting-abuse", | ||
| "mgg/residency-permit", | ||
| "mgg/rubber-stamp", | ||
| "mgg/rurale", | ||
| "mgg/search-maggioli", | ||
| "mgg/send-progress", | ||
| "mgg/settings-attachment", | ||
| "mgg/sign-shop", | ||
| "mgg/square-viewfinder", | ||
| "mgg/stamp", | ||
| "mgg/status-progress-a-quarter", | ||
| "mgg/status-progress-complete", | ||
| "mgg/status-progress-half", | ||
| "mgg/status-progress-three-quarter", | ||
| "mgg/stuck-codes", | ||
| "mgg/tea-light", | ||
| "mgg/terminal", | ||
| "mgg/todo", | ||
| "mgg/todo-completed", | ||
| "mgg/todo-completed-re-executable", | ||
| "mgg/todo-in-charge-by-me", | ||
| "mgg/todo-in-charge-by-others", | ||
| "mgg/todo-in-evaluation", | ||
| "mgg/todo-in-evaluation-by-others", | ||
| "mgg/todo-incoming-in-charge", | ||
| "mgg/todo-incoming-rejected", | ||
| "mgg/todo-pause", | ||
| "mgg/todo-running-completed", | ||
| "mgg/todo-suspended", | ||
| "mgg/traffic-cone", | ||
| "mgg/trending-down", | ||
| "mgg/tributes", | ||
| "mgg/urban-city", | ||
| "mgg/user-dead", | ||
| "mgg/user-family", | ||
| "mgg/user-location", | ||
| "mgg/user-location-off", | ||
| "mgg/view-chart-gantt", | ||
| "mgg/view-side-by-side", | ||
| "mgg/work-book", | ||
| "mi/baseline/account-balance", | ||
@@ -33,2 +206,3 @@ "mi/baseline/account-balance-wallet", | ||
| "mi/baseline/done", | ||
| "mi/baseline/downhill-skiing", | ||
| "mi/baseline/eco", | ||
@@ -35,0 +209,0 @@ "mi/baseline/email", |
@@ -24,2 +24,6 @@ export type TypographyType = | ||
| export type TypographyReadingVariants = | ||
| | 'info' | ||
| | 'read' | ||
| export type TypographyTitleType = | ||
@@ -26,0 +30,0 @@ | 'action' |
@@ -1,1 +0,1 @@ | ||
| import{p as o,b as p}from"./p-b91033c0.js";export{s as setNonce}from"./p-b91033c0.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-84dbf8f3",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o))); | ||
| import{p as o,b as p}from"./p-b5a1441d.js";export{s as setNonce}from"./p-b5a1441d.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),o(r)})().then((o=>p([["p-40148841",[[1,"mds-accordion-item",{typography:[1],opened:[1540],description:[1]}]]]],o))); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
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 by4.09%
763644
- Number of package files
- increased by2.94%
140
- Lines of code
- increased by6.88%
9523
Dependency changes
+ Added@fontsource/karla@5.1.0(transitive)
+ Added@fontsource/merriweather@5.1.0(transitive)
+ Added@fontsource/roboto@5.1.0(transitive)
+ Added@maggioli-design-system/styles@11.7.0(transitive)
- Removed@fontsource/karla@4.5.11(transitive)
- Removed@fontsource/merriweather@4.5.14(transitive)
- Removed@fontsource/roboto@4.5.8(transitive)
- Removed@fontsource/roboto-mono@4.5.10(transitive)
- Removed@maggioli-design-system/styles@10.0.1(transitive)