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

Comparing version 5.7.4 to 5.7.5

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

@@ -9,3 +9,3 @@ 'use strict';
 
-const mdsAccordionItemCss = "@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n.svg {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.svg svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n@tailwind utilities;\n\n/**\n * @prop --mds-accordion-item-border-color: Sets the border-color of the component\n * @prop --mds-accordion-item-border-width: Sets the border-width of the separators of the component\n * @prop --mds-accordion-item-color: Sets the text-color of the component\n * @prop --mds-accordion-item-description-color: Sets the color of the always visible title description\n * @prop --mds-accordion-item-duration: Sets the transition duration of the close/open animation of the component\n * @prop --mds-accordion-item-padding-selected: Sets the vertical padding of the component when it's selected\n * @prop --mds-accordion-item-padding-unselected: Sets the vertical padding of the component when it's unselected\n */\n\n:host {\n\n  --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));\n  --mds-accordion-item-border-width: var(--mds-accordion-border-width, 2px);\n  --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-03)));\n  --mds-accordion-item-description-color: var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));\n  --mds-accordion-item-duration: var(--mds-accordion-duration, 300ms);\n  --mds-accordion-item-padding-selected: var(--mds-accordion-padding-selected, 1rem 0 2rem 0);\n  --mds-accordion-item-padding-unselected: var(--mds-accordion-padding-unselected, 1rem 0 1rem 0);\n  -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  border-bottom: solid var(--mds-accordion-item-border-width) transparent;\n  border-top: solid var(--mds-accordion-item-border-width) transparent;\n  color: var(--mds-accordion-item-color);\n  display: grid;\n  fill: var(--mds-accordion-item-color);\n  margin-top: calc(-1 * var(--mds-accordion-item-border-width));\n  padding: var(--mds-accordion-item-padding-unselected);\n  position: relative;\n}\n\n:host(:first-child) {\n  margin-top: 0;\n}\n\n:host( [selected] ) {\n  border-bottom: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  border-top: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  padding: var(--mds-accordion-item-padding-selected);\n}\n\n:host( [selected]:first-child ) {\n  margin-top: 0rem;\n\n  border-top-color: transparent;\n}\n\n:host( [selected]:last-child ) {\n  margin-bottom: 0rem;\n\n  border-bottom-color: transparent;\n}\n\n.action {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.action {\n  gap: 1rem;\n  border-radius: 0.5rem;\n\n  background-color: transparent;\n  border: 0;\n  color: var(--mds-accordion-item-description-color);\n  cursor: pointer;\n  display: grid;\n  grid-auto-columns: -webkit-min-content;\n  grid-auto-columns: min-content;\n  grid-template-columns: auto 24px;\n  padding: 0;\n  text-align: left;\n}\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.icon-button {\n  font-weight: 400;\n\n  display: block;\n}\n\n.content {\n  gap: 1rem;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  padding-top: 0;\n  -webkit-transition-duration: var(--mds-accordion-item-duration);\n  transition-duration: var(--mds-accordion-item-duration);\n  -webkit-transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding, -ms-grid-rows opacity padding;\n}\n\n.content-expander {\n  min-height: 0;\n}\n\n:host( [selected] ) .content {\n  padding-top: 1rem;\n\n  grid-template-rows: 1fr;\n  opacity: 1;\n}\n\n.icon {\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  fill: var(--mds-accordion-item-color);\n  -webkit-transform: rotate(180deg);\n  transform: rotate(180deg);\n}\n\n:host( [selected] ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n    }\n  }\n}\n\n.static {\n  position: static;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.contents {\n  display: contents;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.bg-label-amaranth-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04 {\n  fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04 {\n  fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04 {\n  fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04 {\n  fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04 {\n  fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04 {\n  fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04 {\n  fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04 {\n  fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04 {\n  fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04 {\n  fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n    --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n      --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n    }\n  }\n}\n\n\n";
+const mdsAccordionItemCss = "@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n.svg {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.svg svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n@tailwind utilities;\n\n/**\n * @prop --mds-accordion-item-border-color: Sets the border-color of the component\n * @prop --mds-accordion-item-border-width: Sets the border-width of the separators of the component\n * @prop --mds-accordion-item-color: Sets the text-color of the component\n * @prop --mds-accordion-item-description-color: Sets the color of the always visible title description\n * @prop --mds-accordion-item-duration: Sets the transition duration of the close/open animation of the component\n * @prop --mds-accordion-item-padding-selected: Sets the vertical padding of the component when it's selected\n * @prop --mds-accordion-item-padding-unselected: Sets the vertical padding of the component when it's unselected\n */\n\n:host {\n\n  --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));\n  --mds-accordion-item-border-width: var(--mds-accordion-border-width, 2px);\n  --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-03)));\n  --mds-accordion-item-description-color: var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));\n  --mds-accordion-item-duration: var(--mds-accordion-duration, 300ms);\n  --mds-accordion-item-padding-selected: var(--mds-accordion-padding-selected, 1rem 0 2rem 0);\n  --mds-accordion-item-padding-unselected: var(--mds-accordion-padding-unselected, 1rem 0 1rem 0);\n  -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  border-bottom: solid var(--mds-accordion-item-border-width) transparent;\n  border-top: solid var(--mds-accordion-item-border-width) transparent;\n  color: var(--mds-accordion-item-color);\n  display: grid;\n  fill: var(--mds-accordion-item-color);\n  margin-top: calc(-1 * var(--mds-accordion-item-border-width));\n  padding: var(--mds-accordion-item-padding-unselected);\n  position: relative;\n}\n\n:host(:first-child) {\n  margin-top: 0;\n}\n\n.action {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.action {\n  gap: 1rem;\n  border-radius: 0.5rem;\n\n  background-color: transparent;\n  border: 0;\n  color: var(--mds-accordion-item-description-color);\n  cursor: pointer;\n  display: grid;\n  grid-auto-columns: -webkit-min-content;\n  grid-auto-columns: min-content;\n  grid-template-columns: auto 24px;\n  padding: 0;\n  text-align: left;\n}\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.icon-button {\n  font-weight: 400;\n\n  display: block;\n}\n\n.content {\n  gap: 1rem;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  padding-top: 0;\n  -webkit-transition-duration: var(--mds-accordion-item-duration);\n  transition-duration: var(--mds-accordion-item-duration);\n  -webkit-transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding, -ms-grid-rows opacity padding;\n}\n\n.content-expander {\n  min-height: 0;\n}\n\n.icon {\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  fill: var(--mds-accordion-item-color);\n  -webkit-transform: rotate(180deg);\n  transform: rotate(180deg);\n}\n\n:host( [selected]:not([selected=\"false\"]) ) {\n  border-bottom: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  border-top: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  padding: var(--mds-accordion-item-padding-selected);\n}\n\n:host( [selected]:not([selected=\"false\"]):first-child ) {\n  margin-top: 0rem;\n\n  border-top-color: transparent;\n}\n\n:host( [selected]:not([selected=\"false\"]):last-child ) {\n  margin-bottom: 0rem;\n\n  border-bottom-color: transparent;\n}\n\n:host( [selected]:not([selected=\"false\"]) ) .content {\n  padding-top: 1rem;\n\n  grid-template-rows: 1fr;\n  opacity: 1;\n}\n\n:host( [selected]:not([selected=\"false\"]) ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n    }\n  }\n}\n\n.static {\n  position: static;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.contents {\n  display: contents;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.bg-label-amaranth-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04 {\n  fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04 {\n  fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04 {\n  fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04 {\n  fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04 {\n  fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04 {\n  fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04 {\n  fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04 {\n  fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04 {\n  fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04 {\n  fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n    --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n      --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n    }\n  }\n}\n\n\n";
 const MdsAccordionItemStyle0 = mdsAccordionItemCss;
@@ -12,0 +12,0 @@

dist/components/mds-accordion-item.js

@@ -5,3 +5,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
-const mdsAccordionItemCss = "@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n.svg {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.svg svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n@tailwind utilities;\n\n/**\n * @prop --mds-accordion-item-border-color: Sets the border-color of the component\n * @prop --mds-accordion-item-border-width: Sets the border-width of the separators of the component\n * @prop --mds-accordion-item-color: Sets the text-color of the component\n * @prop --mds-accordion-item-description-color: Sets the color of the always visible title description\n * @prop --mds-accordion-item-duration: Sets the transition duration of the close/open animation of the component\n * @prop --mds-accordion-item-padding-selected: Sets the vertical padding of the component when it's selected\n * @prop --mds-accordion-item-padding-unselected: Sets the vertical padding of the component when it's unselected\n */\n\n:host {\n\n  --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));\n  --mds-accordion-item-border-width: var(--mds-accordion-border-width, 2px);\n  --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-03)));\n  --mds-accordion-item-description-color: var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));\n  --mds-accordion-item-duration: var(--mds-accordion-duration, 300ms);\n  --mds-accordion-item-padding-selected: var(--mds-accordion-padding-selected, 1rem 0 2rem 0);\n  --mds-accordion-item-padding-unselected: var(--mds-accordion-padding-unselected, 1rem 0 1rem 0);\n  -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  border-bottom: solid var(--mds-accordion-item-border-width) transparent;\n  border-top: solid var(--mds-accordion-item-border-width) transparent;\n  color: var(--mds-accordion-item-color);\n  display: grid;\n  fill: var(--mds-accordion-item-color);\n  margin-top: calc(-1 * var(--mds-accordion-item-border-width));\n  padding: var(--mds-accordion-item-padding-unselected);\n  position: relative;\n}\n\n:host(:first-child) {\n  margin-top: 0;\n}\n\n:host( [selected] ) {\n  border-bottom: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  border-top: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  padding: var(--mds-accordion-item-padding-selected);\n}\n\n:host( [selected]:first-child ) {\n  margin-top: 0rem;\n\n  border-top-color: transparent;\n}\n\n:host( [selected]:last-child ) {\n  margin-bottom: 0rem;\n\n  border-bottom-color: transparent;\n}\n\n.action {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.action {\n  gap: 1rem;\n  border-radius: 0.5rem;\n\n  background-color: transparent;\n  border: 0;\n  color: var(--mds-accordion-item-description-color);\n  cursor: pointer;\n  display: grid;\n  grid-auto-columns: -webkit-min-content;\n  grid-auto-columns: min-content;\n  grid-template-columns: auto 24px;\n  padding: 0;\n  text-align: left;\n}\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.icon-button {\n  font-weight: 400;\n\n  display: block;\n}\n\n.content {\n  gap: 1rem;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  padding-top: 0;\n  -webkit-transition-duration: var(--mds-accordion-item-duration);\n  transition-duration: var(--mds-accordion-item-duration);\n  -webkit-transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding, -ms-grid-rows opacity padding;\n}\n\n.content-expander {\n  min-height: 0;\n}\n\n:host( [selected] ) .content {\n  padding-top: 1rem;\n\n  grid-template-rows: 1fr;\n  opacity: 1;\n}\n\n.icon {\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  fill: var(--mds-accordion-item-color);\n  -webkit-transform: rotate(180deg);\n  transform: rotate(180deg);\n}\n\n:host( [selected] ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n    }\n  }\n}\n\n.static {\n  position: static;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.contents {\n  display: contents;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.bg-label-amaranth-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04 {\n  fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04 {\n  fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04 {\n  fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04 {\n  fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04 {\n  fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04 {\n  fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04 {\n  fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04 {\n  fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04 {\n  fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04 {\n  fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n    --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n      --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n    }\n  }\n}\n\n\n";
+const mdsAccordionItemCss = "@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n.svg {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.svg svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n@tailwind utilities;\n\n/**\n * @prop --mds-accordion-item-border-color: Sets the border-color of the component\n * @prop --mds-accordion-item-border-width: Sets the border-width of the separators of the component\n * @prop --mds-accordion-item-color: Sets the text-color of the component\n * @prop --mds-accordion-item-description-color: Sets the color of the always visible title description\n * @prop --mds-accordion-item-duration: Sets the transition duration of the close/open animation of the component\n * @prop --mds-accordion-item-padding-selected: Sets the vertical padding of the component when it's selected\n * @prop --mds-accordion-item-padding-unselected: Sets the vertical padding of the component when it's unselected\n */\n\n:host {\n\n  --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));\n  --mds-accordion-item-border-width: var(--mds-accordion-border-width, 2px);\n  --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-03)));\n  --mds-accordion-item-description-color: var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));\n  --mds-accordion-item-duration: var(--mds-accordion-duration, 300ms);\n  --mds-accordion-item-padding-selected: var(--mds-accordion-padding-selected, 1rem 0 2rem 0);\n  --mds-accordion-item-padding-unselected: var(--mds-accordion-padding-unselected, 1rem 0 1rem 0);\n  -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  border-bottom: solid var(--mds-accordion-item-border-width) transparent;\n  border-top: solid var(--mds-accordion-item-border-width) transparent;\n  color: var(--mds-accordion-item-color);\n  display: grid;\n  fill: var(--mds-accordion-item-color);\n  margin-top: calc(-1 * var(--mds-accordion-item-border-width));\n  padding: var(--mds-accordion-item-padding-unselected);\n  position: relative;\n}\n\n:host(:first-child) {\n  margin-top: 0;\n}\n\n.action {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.action {\n  gap: 1rem;\n  border-radius: 0.5rem;\n\n  background-color: transparent;\n  border: 0;\n  color: var(--mds-accordion-item-description-color);\n  cursor: pointer;\n  display: grid;\n  grid-auto-columns: -webkit-min-content;\n  grid-auto-columns: min-content;\n  grid-template-columns: auto 24px;\n  padding: 0;\n  text-align: left;\n}\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.icon-button {\n  font-weight: 400;\n\n  display: block;\n}\n\n.content {\n  gap: 1rem;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  padding-top: 0;\n  -webkit-transition-duration: var(--mds-accordion-item-duration);\n  transition-duration: var(--mds-accordion-item-duration);\n  -webkit-transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding, -ms-grid-rows opacity padding;\n}\n\n.content-expander {\n  min-height: 0;\n}\n\n.icon {\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  fill: var(--mds-accordion-item-color);\n  -webkit-transform: rotate(180deg);\n  transform: rotate(180deg);\n}\n\n:host( [selected]:not([selected=\"false\"]) ) {\n  border-bottom: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  border-top: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  padding: var(--mds-accordion-item-padding-selected);\n}\n\n:host( [selected]:not([selected=\"false\"]):first-child ) {\n  margin-top: 0rem;\n\n  border-top-color: transparent;\n}\n\n:host( [selected]:not([selected=\"false\"]):last-child ) {\n  margin-bottom: 0rem;\n\n  border-bottom-color: transparent;\n}\n\n:host( [selected]:not([selected=\"false\"]) ) .content {\n  padding-top: 1rem;\n\n  grid-template-rows: 1fr;\n  opacity: 1;\n}\n\n:host( [selected]:not([selected=\"false\"]) ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n    }\n  }\n}\n\n.static {\n  position: static;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.contents {\n  display: contents;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.bg-label-amaranth-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04 {\n  fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04 {\n  fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04 {\n  fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04 {\n  fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04 {\n  fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04 {\n  fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04 {\n  fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04 {\n  fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04 {\n  fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04 {\n  fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n    --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n      --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n    }\n  }\n}\n\n\n";
 const MdsAccordionItemStyle0 = mdsAccordionItemCss;
@@ -8,0 +8,0 @@

dist/documentation.json

 {
-  "timestamp": "2024-10-16T13:11:09",
+  "timestamp": "2024-10-17T17:17:05",
   "compiler": {
@@ -4,0 +4,0 @@ "name": "@stencil/core",

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-5b2ba07c.js";var miBaselineKeyboardArrowDown='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6l1.41-1.41z"/></svg>';var mdsAccordionItemCss="@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n.svg {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.svg svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n@tailwind utilities;\n\n/**\n * @prop --mds-accordion-item-border-color: Sets the border-color of the component\n * @prop --mds-accordion-item-border-width: Sets the border-width of the separators of the component\n * @prop --mds-accordion-item-color: Sets the text-color of the component\n * @prop --mds-accordion-item-description-color: Sets the color of the always visible title description\n * @prop --mds-accordion-item-duration: Sets the transition duration of the close/open animation of the component\n * @prop --mds-accordion-item-padding-selected: Sets the vertical padding of the component when it's selected\n * @prop --mds-accordion-item-padding-unselected: Sets the vertical padding of the component when it's unselected\n */\n\n:host {\n\n  --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));\n  --mds-accordion-item-border-width: var(--mds-accordion-border-width, 2px);\n  --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-03)));\n  --mds-accordion-item-description-color: var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));\n  --mds-accordion-item-duration: var(--mds-accordion-duration, 300ms);\n  --mds-accordion-item-padding-selected: var(--mds-accordion-padding-selected, 1rem 0 2rem 0);\n  --mds-accordion-item-padding-unselected: var(--mds-accordion-padding-unselected, 1rem 0 1rem 0);\n  -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  border-bottom: solid var(--mds-accordion-item-border-width) transparent;\n  border-top: solid var(--mds-accordion-item-border-width) transparent;\n  color: var(--mds-accordion-item-color);\n  display: grid;\n  fill: var(--mds-accordion-item-color);\n  margin-top: calc(-1 * var(--mds-accordion-item-border-width));\n  padding: var(--mds-accordion-item-padding-unselected);\n  position: relative;\n}\n\n:host(:first-child) {\n  margin-top: 0;\n}\n\n:host( [selected] ) {\n  border-bottom: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  border-top: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  padding: var(--mds-accordion-item-padding-selected);\n}\n\n:host( [selected]:first-child ) {\n  margin-top: 0rem;\n\n  border-top-color: transparent;\n}\n\n:host( [selected]:last-child ) {\n  margin-bottom: 0rem;\n\n  border-bottom-color: transparent;\n}\n\n.action {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.action {\n  gap: 1rem;\n  border-radius: 0.5rem;\n\n  background-color: transparent;\n  border: 0;\n  color: var(--mds-accordion-item-description-color);\n  cursor: pointer;\n  display: grid;\n  grid-auto-columns: -webkit-min-content;\n  grid-auto-columns: min-content;\n  grid-template-columns: auto 24px;\n  padding: 0;\n  text-align: left;\n}\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.icon-button {\n  font-weight: 400;\n\n  display: block;\n}\n\n.content {\n  gap: 1rem;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  padding-top: 0;\n  -webkit-transition-duration: var(--mds-accordion-item-duration);\n  transition-duration: var(--mds-accordion-item-duration);\n  -webkit-transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding, -ms-grid-rows opacity padding;\n}\n\n.content-expander {\n  min-height: 0;\n}\n\n:host( [selected] ) .content {\n  padding-top: 1rem;\n\n  grid-template-rows: 1fr;\n  opacity: 1;\n}\n\n.icon {\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  fill: var(--mds-accordion-item-color);\n  -webkit-transform: rotate(180deg);\n  transform: rotate(180deg);\n}\n\n:host( [selected] ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n    }\n  }\n}\n\n.static {\n  position: static;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.contents {\n  display: contents;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.bg-label-amaranth-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04 {\n  fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04 {\n  fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04 {\n  fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04 {\n  fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04 {\n  fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04 {\n  fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04 {\n  fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04 {\n  fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04 {\n  fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04 {\n  fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n    --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n      --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n    }\n  }\n}\n\n\n";var MdsAccordionItemStyle0=mdsAccordionItemCss;var MdsAccordionItem=function(){function n(n){var t=this;registerInstance(this,n);this.selectedEvent=createEvent(this,"mdsAccordionItemSelect",7);this.unselectedEvent=createEvent(this,"mdsAccordionItemUnselect",7);this.changedEvent=createEvent(this,"mdsAccordionItemChange",7);this.toggle=function(){t.selected=!t.selected;t.changedEvent.emit({id:t.element.id,selected:t.selected});if(t.selected){t.selectedEvent.emit({id:t.element.id,selected:t.selected});return}t.unselectedEvent.emit({id:t.element.id,selected:t.selected})};this.typography="h5";this.selected=undefined;this.label=undefined}n.prototype.render=function(){return h(Host,{key:"4eb5f518122be935c641b737e06495a7fb3aa36e"},h("button",{key:"9206e455a0bcf3ac22cf406fe51d3f64eb0ab3a3","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{key:"6807945608721355129b642713b042146e9063db",typography:this.typography,part:"label"},this.label),h("mds-text",{key:"003e3574b4185c738f3ddcd741a18d179a603d88","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},h("i",{key:"9e402e2d74e6bdf5996020f7bad4a3dc73c411d2",class:"svg icon",innerHTML:miBaselineKeyboardArrowDown}))),h("div",{key:"e64e478a66fd0dd2c3d3608294a6160aa4232952",class:"content",id:"content"},h("div",{key:"15e3ecf5c18a8b73913ffd8e07359d68c8e3bd3f","aria-labelledby":"action",class:"content-expander",part:"content",role:"region"},h("slot",{key:"603e3805d62155ba45f2a8913213e29723d621a3"}))))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsAccordionItem.style=MdsAccordionItemStyle0;export{MdsAccordionItem as mds_accordion_item};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5b2ba07c.js";var miBaselineKeyboardArrowDown='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6l1.41-1.41z"/></svg>';var mdsAccordionItemCss='@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n.svg {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.svg svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n@tailwind utilities;\n\n/**\n * @prop --mds-accordion-item-border-color: Sets the border-color of the component\n * @prop --mds-accordion-item-border-width: Sets the border-width of the separators of the component\n * @prop --mds-accordion-item-color: Sets the text-color of the component\n * @prop --mds-accordion-item-description-color: Sets the color of the always visible title description\n * @prop --mds-accordion-item-duration: Sets the transition duration of the close/open animation of the component\n * @prop --mds-accordion-item-padding-selected: Sets the vertical padding of the component when it\'s selected\n * @prop --mds-accordion-item-padding-unselected: Sets the vertical padding of the component when it\'s unselected\n */\n\n:host {\n\n  --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));\n  --mds-accordion-item-border-width: var(--mds-accordion-border-width, 2px);\n  --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-03)));\n  --mds-accordion-item-description-color: var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));\n  --mds-accordion-item-duration: var(--mds-accordion-duration, 300ms);\n  --mds-accordion-item-padding-selected: var(--mds-accordion-padding-selected, 1rem 0 2rem 0);\n  --mds-accordion-item-padding-unselected: var(--mds-accordion-padding-unselected, 1rem 0 1rem 0);\n  -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  border-bottom: solid var(--mds-accordion-item-border-width) transparent;\n  border-top: solid var(--mds-accordion-item-border-width) transparent;\n  color: var(--mds-accordion-item-color);\n  display: grid;\n  fill: var(--mds-accordion-item-color);\n  margin-top: calc(-1 * var(--mds-accordion-item-border-width));\n  padding: var(--mds-accordion-item-padding-unselected);\n  position: relative;\n}\n\n:host(:first-child) {\n  margin-top: 0;\n}\n\n.action {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.action {\n  gap: 1rem;\n  border-radius: 0.5rem;\n\n  background-color: transparent;\n  border: 0;\n  color: var(--mds-accordion-item-description-color);\n  cursor: pointer;\n  display: grid;\n  grid-auto-columns: -webkit-min-content;\n  grid-auto-columns: min-content;\n  grid-template-columns: auto 24px;\n  padding: 0;\n  text-align: left;\n}\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.icon-button {\n  font-weight: 400;\n\n  display: block;\n}\n\n.content {\n  gap: 1rem;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  padding-top: 0;\n  -webkit-transition-duration: var(--mds-accordion-item-duration);\n  transition-duration: var(--mds-accordion-item-duration);\n  -webkit-transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding, -ms-grid-rows opacity padding;\n}\n\n.content-expander {\n  min-height: 0;\n}\n\n.icon {\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  fill: var(--mds-accordion-item-color);\n  -webkit-transform: rotate(180deg);\n  transform: rotate(180deg);\n}\n\n:host( [selected]:not([selected="false"]) ) {\n  border-bottom: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  border-top: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  padding: var(--mds-accordion-item-padding-selected);\n}\n\n:host( [selected]:not([selected="false"]):first-child ) {\n  margin-top: 0rem;\n\n  border-top-color: transparent;\n}\n\n:host( [selected]:not([selected="false"]):last-child ) {\n  margin-bottom: 0rem;\n\n  border-bottom-color: transparent;\n}\n\n:host( [selected]:not([selected="false"]) ) .content {\n  padding-top: 1rem;\n\n  grid-template-rows: 1fr;\n  opacity: 1;\n}\n\n:host( [selected]:not([selected="false"]) ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n    }\n  }\n}\n\n.static {\n  position: static;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.contents {\n  display: contents;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.bg-label-amaranth-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04 {\n  fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04 {\n  fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04 {\n  fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04 {\n  fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04 {\n  fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04 {\n  fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04 {\n  fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04 {\n  fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04 {\n  fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04 {\n  fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n    --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n      --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n    }\n  }\n}\n\n\n';var MdsAccordionItemStyle0=mdsAccordionItemCss;var MdsAccordionItem=function(){function n(n){var t=this;registerInstance(this,n);this.selectedEvent=createEvent(this,"mdsAccordionItemSelect",7);this.unselectedEvent=createEvent(this,"mdsAccordionItemUnselect",7);this.changedEvent=createEvent(this,"mdsAccordionItemChange",7);this.toggle=function(){t.selected=!t.selected;t.changedEvent.emit({id:t.element.id,selected:t.selected});if(t.selected){t.selectedEvent.emit({id:t.element.id,selected:t.selected});return}t.unselectedEvent.emit({id:t.element.id,selected:t.selected})};this.typography="h5";this.selected=undefined;this.label=undefined}n.prototype.render=function(){return h(Host,{key:"4eb5f518122be935c641b737e06495a7fb3aa36e"},h("button",{key:"9206e455a0bcf3ac22cf406fe51d3f64eb0ab3a3","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{key:"6807945608721355129b642713b042146e9063db",typography:this.typography,part:"label"},this.label),h("mds-text",{key:"003e3574b4185c738f3ddcd741a18d179a603d88","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},h("i",{key:"9e402e2d74e6bdf5996020f7bad4a3dc73c411d2",class:"svg icon",innerHTML:miBaselineKeyboardArrowDown}))),h("div",{key:"e64e478a66fd0dd2c3d3608294a6160aa4232952",class:"content",id:"content"},h("div",{key:"15e3ecf5c18a8b73913ffd8e07359d68c8e3bd3f","aria-labelledby":"action",class:"content-expander",part:"content",role:"region"},h("slot",{key:"603e3805d62155ba45f2a8913213e29723d621a3"}))))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsAccordionItem.style=MdsAccordionItemStyle0;export{MdsAccordionItem as mds_accordion_item};

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-5b2ba07c.js';
 
-const mdsAccordionItemCss = "@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n.svg {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.svg svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n@tailwind utilities;\n\n/**\n * @prop --mds-accordion-item-border-color: Sets the border-color of the component\n * @prop --mds-accordion-item-border-width: Sets the border-width of the separators of the component\n * @prop --mds-accordion-item-color: Sets the text-color of the component\n * @prop --mds-accordion-item-description-color: Sets the color of the always visible title description\n * @prop --mds-accordion-item-duration: Sets the transition duration of the close/open animation of the component\n * @prop --mds-accordion-item-padding-selected: Sets the vertical padding of the component when it's selected\n * @prop --mds-accordion-item-padding-unselected: Sets the vertical padding of the component when it's unselected\n */\n\n:host {\n\n  --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));\n  --mds-accordion-item-border-width: var(--mds-accordion-border-width, 2px);\n  --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-03)));\n  --mds-accordion-item-description-color: var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));\n  --mds-accordion-item-duration: var(--mds-accordion-duration, 300ms);\n  --mds-accordion-item-padding-selected: var(--mds-accordion-padding-selected, 1rem 0 2rem 0);\n  --mds-accordion-item-padding-unselected: var(--mds-accordion-padding-unselected, 1rem 0 1rem 0);\n  -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  border-bottom: solid var(--mds-accordion-item-border-width) transparent;\n  border-top: solid var(--mds-accordion-item-border-width) transparent;\n  color: var(--mds-accordion-item-color);\n  display: grid;\n  fill: var(--mds-accordion-item-color);\n  margin-top: calc(-1 * var(--mds-accordion-item-border-width));\n  padding: var(--mds-accordion-item-padding-unselected);\n  position: relative;\n}\n\n:host(:first-child) {\n  margin-top: 0;\n}\n\n:host( [selected] ) {\n  border-bottom: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  border-top: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  padding: var(--mds-accordion-item-padding-selected);\n}\n\n:host( [selected]:first-child ) {\n  margin-top: 0rem;\n\n  border-top-color: transparent;\n}\n\n:host( [selected]:last-child ) {\n  margin-bottom: 0rem;\n\n  border-bottom-color: transparent;\n}\n\n.action {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.action {\n  gap: 1rem;\n  border-radius: 0.5rem;\n\n  background-color: transparent;\n  border: 0;\n  color: var(--mds-accordion-item-description-color);\n  cursor: pointer;\n  display: grid;\n  grid-auto-columns: -webkit-min-content;\n  grid-auto-columns: min-content;\n  grid-template-columns: auto 24px;\n  padding: 0;\n  text-align: left;\n}\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.icon-button {\n  font-weight: 400;\n\n  display: block;\n}\n\n.content {\n  gap: 1rem;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  padding-top: 0;\n  -webkit-transition-duration: var(--mds-accordion-item-duration);\n  transition-duration: var(--mds-accordion-item-duration);\n  -webkit-transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding, -ms-grid-rows opacity padding;\n}\n\n.content-expander {\n  min-height: 0;\n}\n\n:host( [selected] ) .content {\n  padding-top: 1rem;\n\n  grid-template-rows: 1fr;\n  opacity: 1;\n}\n\n.icon {\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  fill: var(--mds-accordion-item-color);\n  -webkit-transform: rotate(180deg);\n  transform: rotate(180deg);\n}\n\n:host( [selected] ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n    }\n  }\n}\n\n.static {\n  position: static;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.contents {\n  display: contents;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.bg-label-amaranth-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04 {\n  fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04 {\n  fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04 {\n  fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04 {\n  fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04 {\n  fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04 {\n  fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04 {\n  fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04 {\n  fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04 {\n  fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04 {\n  fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n    --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n      --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n    }\n  }\n}\n\n\n";
+const mdsAccordionItemCss = "@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n.svg {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.svg svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n@tailwind utilities;\n\n/**\n * @prop --mds-accordion-item-border-color: Sets the border-color of the component\n * @prop --mds-accordion-item-border-width: Sets the border-width of the separators of the component\n * @prop --mds-accordion-item-color: Sets the text-color of the component\n * @prop --mds-accordion-item-description-color: Sets the color of the always visible title description\n * @prop --mds-accordion-item-duration: Sets the transition duration of the close/open animation of the component\n * @prop --mds-accordion-item-padding-selected: Sets the vertical padding of the component when it's selected\n * @prop --mds-accordion-item-padding-unselected: Sets the vertical padding of the component when it's unselected\n */\n\n:host {\n\n  --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));\n  --mds-accordion-item-border-width: var(--mds-accordion-border-width, 2px);\n  --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-03)));\n  --mds-accordion-item-description-color: var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));\n  --mds-accordion-item-duration: var(--mds-accordion-duration, 300ms);\n  --mds-accordion-item-padding-selected: var(--mds-accordion-padding-selected, 1rem 0 2rem 0);\n  --mds-accordion-item-padding-unselected: var(--mds-accordion-padding-unselected, 1rem 0 1rem 0);\n  -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  border-bottom: solid var(--mds-accordion-item-border-width) transparent;\n  border-top: solid var(--mds-accordion-item-border-width) transparent;\n  color: var(--mds-accordion-item-color);\n  display: grid;\n  fill: var(--mds-accordion-item-color);\n  margin-top: calc(-1 * var(--mds-accordion-item-border-width));\n  padding: var(--mds-accordion-item-padding-unselected);\n  position: relative;\n}\n\n:host(:first-child) {\n  margin-top: 0;\n}\n\n.action {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.action {\n  gap: 1rem;\n  border-radius: 0.5rem;\n\n  background-color: transparent;\n  border: 0;\n  color: var(--mds-accordion-item-description-color);\n  cursor: pointer;\n  display: grid;\n  grid-auto-columns: -webkit-min-content;\n  grid-auto-columns: min-content;\n  grid-template-columns: auto 24px;\n  padding: 0;\n  text-align: left;\n}\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.icon-button {\n  font-weight: 400;\n\n  display: block;\n}\n\n.content {\n  gap: 1rem;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  padding-top: 0;\n  -webkit-transition-duration: var(--mds-accordion-item-duration);\n  transition-duration: var(--mds-accordion-item-duration);\n  -webkit-transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding, -ms-grid-rows opacity padding;\n}\n\n.content-expander {\n  min-height: 0;\n}\n\n.icon {\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  fill: var(--mds-accordion-item-color);\n  -webkit-transform: rotate(180deg);\n  transform: rotate(180deg);\n}\n\n:host( [selected]:not([selected=\"false\"]) ) {\n  border-bottom: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  border-top: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  padding: var(--mds-accordion-item-padding-selected);\n}\n\n:host( [selected]:not([selected=\"false\"]):first-child ) {\n  margin-top: 0rem;\n\n  border-top-color: transparent;\n}\n\n:host( [selected]:not([selected=\"false\"]):last-child ) {\n  margin-bottom: 0rem;\n\n  border-bottom-color: transparent;\n}\n\n:host( [selected]:not([selected=\"false\"]) ) .content {\n  padding-top: 1rem;\n\n  grid-template-rows: 1fr;\n  opacity: 1;\n}\n\n:host( [selected]:not([selected=\"false\"]) ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n    }\n  }\n}\n\n.static {\n  position: static;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.contents {\n  display: contents;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.bg-label-amaranth-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04 {\n  fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04 {\n  fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04 {\n  fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04 {\n  fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04 {\n  fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04 {\n  fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04 {\n  fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04 {\n  fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04 {\n  fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04 {\n  fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n    --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n      --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n    }\n  }\n}\n\n\n";
 const MdsAccordionItemStyle0 = mdsAccordionItemCss;
@@ -8,0 +8,0 @@

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

@@ -1,1 +0,1 @@
-import{p as e,b as o}from"./p-f803bb69.js";export{s as setNonce}from"./p-f803bb69.js";import{g as t}from"./p-e1255160.js";(()=>{const s=import.meta.url,o={};return""!==s&&(o.resourcesUrl=new URL(".",s).href),e(o)})().then((async e=>(await t(),o([["p-8f90e25d",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e))));
+import{p as e,b as a}from"./p-f803bb69.js";export{s as setNonce}from"./p-f803bb69.js";import{g as o}from"./p-e1255160.js";(()=>{const s=import.meta.url,a={};return""!==s&&(a.resourcesUrl=new URL(".",s).href),e(a)})().then((async e=>(await o(),a([["p-a21504eb",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e))));

dist/mds-accordion-item/p-6ac3ee6a.system.js

@@ -1,1 +0,1 @@
-var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function u(t){try{a(r.next(t))}catch(t){c(t)}}function o(t){try{a(r["throw"](t))}catch(t){c(t)}}function a(t){t.done?e(t.value):i(t.value).then(u,o)}a((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(t){return function(n){return a([t,n])}}function a(o){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(e=0)),e)try{if(r=1,i&&(c=o[0]&2?i["return"]:o[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,o[1])).done)return c;if(i=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;i=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){e.label=o[1];break}if(o[0]===6&&e.label<c[1]){e.label=c[1];c=o;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(o);break}if(c[2])e.ops.pop();e.trys.pop();continue}o=n.call(t,e)}catch(t){o=[6,t];i=0}finally{r=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-4294749d.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-0cf8f097.system",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],n)]}}))}))}))}}}));
+var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function u(t){try{a(r.next(t))}catch(t){c(t)}}function o(t){try{a(r["throw"](t))}catch(t){c(t)}}function a(t){t.done?e(t.value):i(t.value).then(u,o)}a((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(t){return function(n){return a([t,n])}}function a(o){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(e=0)),e)try{if(r=1,i&&(c=o[0]&2?i["return"]:o[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,o[1])).done)return c;if(i=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;i=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){e.label=o[1];break}if(o[0]===6&&e.label<c[1]){e.label=c[1];c=o;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(o);break}if(c[2])e.ops.pop();e.trys.pop();continue}o=n.call(t,e)}catch(t){o=[6,t];i=0}finally{r=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-4294749d.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-efc072cf.system",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],n)]}}))}))}))}}}));

dist/stats.json

 {
-  "timestamp": "2024-10-16T13:11:09",
+  "timestamp": "2024-10-17T17:17:05",
   "compiler": {
@@ -102,3 +102,2 @@ "name": "node",
           "./dist/mds-accordion-item/mds-accordion-item.js",
-          "./dist/mds-accordion-item/p-0cf8f097.system.entry.js",
           "./dist/mds-accordion-item/p-4294749d.system.js",
@@ -108,4 +107,5 @@ "./dist/mds-accordion-item/p-50ea2036.system.js",
           "./dist/mds-accordion-item/p-6ac3ee6a.system.js",
-          "./dist/mds-accordion-item/p-8f90e25d.entry.js",
+          "./dist/mds-accordion-item/p-a21504eb.entry.js",
           "./dist/mds-accordion-item/p-e1255160.js",
+          "./dist/mds-accordion-item/p-efc072cf.system.entry.js",
           "./dist/mds-accordion-item/p-f803bb69.js",
@@ -115,3 +115,2 @@ "./www/build/index.esm.js",
           "./www/build/mds-accordion-item.js",
-          "./www/build/p-0cf8f097.system.entry.js",
           "./www/build/p-4294749d.system.js",
@@ -121,4 +120,5 @@ "./www/build/p-50ea2036.system.js",
           "./www/build/p-6ac3ee6a.system.js",
-          "./www/build/p-8f90e25d.entry.js",
+          "./www/build/p-a21504eb.entry.js",
           "./www/build/p-e1255160.js",
+          "./www/build/p-efc072cf.system.entry.js",
           "./www/build/p-f803bb69.js"
@@ -157,8 +157,8 @@ ]
         ],
-        "bundleId": "p-8f90e25d",
-        "fileName": "p-8f90e25d.entry.js",
+        "bundleId": "p-a21504eb",
+        "fileName": "p-a21504eb.entry.js",
         "imports": [
           "p-f803bb69.js"
         ],
-        "originalByteSize": 15389
+        "originalByteSize": 15519
       }
@@ -177,3 +177,3 @@ ],
         ],
-        "originalByteSize": 15393
+        "originalByteSize": 15523
       }
@@ -192,3 +192,3 @@ ],
         ],
-        "originalByteSize": 15393
+        "originalByteSize": 15523
       }
@@ -202,8 +202,8 @@ ],
         ],
-        "bundleId": "p-0cf8f097.system",
-        "fileName": "p-0cf8f097.system.entry.js",
+        "bundleId": "p-efc072cf.system",
+        "fileName": "p-efc072cf.system.entry.js",
         "imports": [
           "p-4294749d.system.js"
         ],
-        "originalByteSize": 15802
+        "originalByteSize": 15932
       }
@@ -222,3 +222,3 @@ ],
         ],
-        "originalByteSize": 15488
+        "originalByteSize": 15618
       }
@@ -225,0 +225,0 @@ ]

documentation.json

 {
-  "timestamp": "2024-10-16T12:59:03",
+  "timestamp": "2024-10-17T17:04:16",
   "compiler": {
@@ -4,0 +4,0 @@ "name": "@stencil/core",

package.json

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

readme.md

@@ -37,6 +37,7 @@ # mds-accordion-item
 
-| Part        | Description |
-| ----------- | ----------- |
-| `"content"` |             |
-| `"label"`   |             |
+| Part        | Description                               |
+| ----------- | ----------------------------------------- |
+| `"content"` | the content wrapper of the `default` slot |
+| `"icon"`    | The arrow icon of the component           |
+| `"label"`   | The text label of the component           |
 
@@ -43,0 +44,0 @@

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

@@ -1,1 +0,1 @@
-import{p as e,b as o}from"./p-f803bb69.js";export{s as setNonce}from"./p-f803bb69.js";import{g as t}from"./p-e1255160.js";(()=>{const s=import.meta.url,o={};return""!==s&&(o.resourcesUrl=new URL(".",s).href),e(o)})().then((async e=>(await t(),o([["p-8f90e25d",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e))));
+import{p as e,b as a}from"./p-f803bb69.js";export{s as setNonce}from"./p-f803bb69.js";import{g as o}from"./p-e1255160.js";(()=>{const s=import.meta.url,a={};return""!==s&&(a.resourcesUrl=new URL(".",s).href),e(a)})().then((async e=>(await o(),a([["p-a21504eb",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],e))));

www/build/p-6ac3ee6a.system.js

@@ -1,1 +0,1 @@
-var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function u(t){try{a(r.next(t))}catch(t){c(t)}}function o(t){try{a(r["throw"](t))}catch(t){c(t)}}function a(t){t.done?e(t.value):i(t.value).then(u,o)}a((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(t){return function(n){return a([t,n])}}function a(o){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(e=0)),e)try{if(r=1,i&&(c=o[0]&2?i["return"]:o[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,o[1])).done)return c;if(i=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;i=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){e.label=o[1];break}if(o[0]===6&&e.label<c[1]){e.label=c[1];c=o;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(o);break}if(c[2])e.ops.pop();e.trys.pop();continue}o=n.call(t,e)}catch(t){o=[6,t];i=0}finally{r=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-4294749d.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-0cf8f097.system",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],n)]}}))}))}))}}}));
+var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function u(t){try{a(r.next(t))}catch(t){c(t)}}function o(t){try{a(r["throw"](t))}catch(t){c(t)}}function a(t){t.done?e(t.value):i(t.value).then(u,o)}a((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(t){return function(n){return a([t,n])}}function a(o){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(e=0)),e)try{if(r=1,i&&(c=o[0]&2?i["return"]:o[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,o[1])).done)return c;if(i=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;i=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){e.label=o[1];break}if(o[0]===6&&e.label<c[1]){e.label=c[1];c=o;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(o);break}if(c[2])e.ops.pop();e.trys.pop();continue}o=n.call(t,e)}catch(t){o=[6,t];i=0}finally{r=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-4294749d.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-efc072cf.system",[[1,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]]]],n)]}}))}))}))}}}));

New alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

971308

increased by0.15%

Lines of code

13134

increased by0.02%

Number of lines in readme file

73

increased by1.39%

No dependency changes