@maggioli-design-system/magma 2.0.0-alpha.1 → 2.0.0-beta.2

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var keyboardArrowRight = require('./keyboard-arrow-right-PkJ_6j6H.js');
 
-const mdsAccordionItemCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-accordion-item-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-item-border-width:2px;--mds-accordion-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-item-description-color:rgb(var(--tone-neutral-02,244 244 244));--mds-accordion-item-duration:.3s;--mds-accordion-item-padding-selected:1rem 0 2rem 0;--mds-accordion-item-padding-unselected:1rem 0 1rem 0;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-accordion-item-border-width{syntax:\"<length>\";inherits:false;initial-value:2px}@property --mds-accordion-item-duration{syntax:\"<time>\";inherits:false;initial-value:.3s}@property --mds-accordion-item-padding-selected{syntax:\"<length>+\";inherits:false;initial-value:1rem 0 2rem 0}@property --mds-accordion-item-padding-unselected{syntax:\"<length>+\";inherits:false;initial-value:1rem 0 1rem 0}:host{--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-08,107 107 107)));--mds-accordion-item-border-width:var(--mds-accordion-border-width,2px);--mds-accordion-item-color:var(--mds-accordion-color,rgb(var(--tone-neutral-03,233 233 233)));--mds-accordion-item-description-color:var(--mds-accordion-description-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-accordion-item-duration:var(--mds-accordion-duration,.3s);--mds-accordion-item-padding-selected:var(--mds-accordion-padding-selected,calc(var(--spacing,.0025rem)*400)0 calc(var(--spacing,.0025rem)*800)0);--mds-accordion-item-padding-unselected:var(--mds-accordion-padding-unselected,calc(var(--spacing,.0025rem)*400)0 calc(var(--spacing,.0025rem)*400)0);border-bottom:solid var(--mds-accordion-item-border-width,2px)transparent;border-top:solid var(--mds-accordion-item-border-width,2px)transparent;color:var(--mds-accordion-item-color,rgb(var(--tone-neutral-03,233 233 233)));display:grid;fill:var(--mds-accordion-item-color,rgb(var(--tone-neutral-03,233 233 233)));margin-top:calc(var(--mds-accordion-item-border-width,2px)*-1);padding:var(--mds-accordion-item-padding-unselected,1rem 0 1rem 0);position:relative;-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:background-color,border-color,color,fill,margin,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}:host(:first-child){margin-top:0}.action{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:#0000;border:0;border-radius:var(--radius-md,12px);color:var(--mds-accordion-item-description-color,rgb(var(--tone-neutral-02,244 244 244)));cursor:pointer;display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-template-columns:auto 24px;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));padding:0;text-align:left;transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.action:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.icon-button{--tw-font-weight:var(--font-weight-normal,400);display:block;font-weight:var(--font-weight-normal,400)}.content{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;padding-top:0;-webkit-transition-duration:var(--mds-accordion-item-duration,.3s);transition-duration:var(--mds-accordion-item-duration,.3s);transition-property:grid-template-rows,opacity,padding,-ms-grid-rows;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.content-expander{display:grid;grid-template-columns:minmax(0,100%);min-height:0;-webkit-transition-duration:var(--mds-accordion-item-duration,.3s);transition-duration:var(--mds-accordion-item-duration,.3s);transition-property:opacity,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon{display:flex;fill:var(--mds-accordion-item-color,rgb(var(--tone-neutral-03,233 233 233)));transform:rotate(0);-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon svg{aspect-ratio:1;aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host([selected]:not([selected=false])){border-bottom:solid var(--mds-accordion-item-border-width,2px)var(--mds-accordion-item-border-color,rgb(var(--tone-neutral-08,107 107 107)));border-top:solid var(--mds-accordion-item-border-width,2px)var(--mds-accordion-item-border-color,rgb(var(--tone-neutral-08,107 107 107)));padding:var(--mds-accordion-item-padding-selected,1rem 0 2rem 0)}:host([selected]:not([selected=false]):first-child){border-top-color:#0000;margin-top:0}:host([selected]:not([selected=false]):last-child){border-bottom-color:#0000;margin-bottom:0}:host([selected]:not([selected=false])) .content{grid-template-rows:1fr;opacity:1;padding-top:calc(var(--spacing,.0025rem)*400)}:host([selected]:not([selected=false])) .icon{transform:rotate(90deg)}:host-context(:root.pref-animation-reduce){--mds-accordion-item-duration:var(--mds-accordion-duration,0s);transition-duration:0s}:host-context(:root.pref-animation-reduce) .icon{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-06,158 158 158)))}:host-context(:root.pref-contrast-more){--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-01,255 255 255)));--mds-accordion-item-color:var(--mds-accordion-color,rgb(var(--tone-neutral-01,255 255 255)))}@property --tw-font-weight{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-item-duration:var(--mds-accordion-duration,0s);transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-06,158 158 158)))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-01,255 255 255)));--mds-accordion-item-color:var(--mds-accordion-color,rgb(var(--tone-neutral-01,255 255 255)))}}";
+const mdsAccordionItemCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-accordion-item-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-item-border-width:2px;--mds-accordion-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-item-description-color:rgb(var(--tone-neutral-02,244 244 244));--mds-accordion-item-duration:.3s;--mds-accordion-item-padding-selected:1rem 0 2rem 0;--mds-accordion-item-padding-unselected:1rem 0 1rem 0;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-accordion-item-border-width{syntax:"<length>";inherits:false;initial-value:2px}@property --mds-accordion-item-duration{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-accordion-item-padding-selected{syntax:"<length>+";inherits:false;initial-value:1rem 0 2rem 0}@property --mds-accordion-item-padding-unselected{syntax:"<length>+";inherits:false;initial-value:1rem 0 1rem 0}:host{--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-08,107 107 107)));--mds-accordion-item-border-width:var(--mds-accordion-border-width,2px);--mds-accordion-item-color:var(--mds-accordion-color,rgb(var(--tone-neutral-03,233 233 233)));--mds-accordion-item-description-color:var(--mds-accordion-description-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-accordion-item-duration:var(--mds-accordion-duration,.3s);--mds-accordion-item-padding-selected:var(--mds-accordion-padding-selected,calc(var(--spacing,.0025rem)*400) 0 calc(var(--spacing,.0025rem)*800) 0);--mds-accordion-item-padding-unselected:var(--mds-accordion-padding-unselected,calc(var(--spacing,.0025rem)*400) 0 calc(var(--spacing,.0025rem)*400) 0);border-bottom:var(--mds-accordion-item-border-width,2px) solid transparent;border-top:var(--mds-accordion-item-border-width,2px) solid transparent;color:var(--mds-accordion-item-color,rgb(var(--tone-neutral-03,233 233 233)));display:grid;fill:var(--mds-accordion-item-color,rgb(var(--tone-neutral-03,233 233 233)));margin-top:calc(var(--mds-accordion-item-border-width,2px)*-1);padding:var(--mds-accordion-item-padding-unselected,1rem 0 1rem 0);position:relative;-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:background-color,border-color,color,fill,margin,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}:host(:first-child){margin-top:0}.action{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:#0000;border:0;border-radius:var(--radius-md,12px);color:var(--mds-accordion-item-description-color,rgb(var(--tone-neutral-02,244 244 244)));cursor:pointer;display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-template-columns:auto 24px;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));padding:0;text-align:left;transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.action:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.icon-button{--tw-font-weight:var(--font-weight-normal,400);display:block;font-weight:var(--font-weight-normal,400)}.content{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;padding-top:0;-webkit-transition-duration:var(--mds-accordion-item-duration,.3s);transition-duration:var(--mds-accordion-item-duration,.3s);transition-property:grid-template-rows,opacity,padding,-ms-grid-rows;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.content-expander{display:grid;grid-template-columns:minmax(0,100%);min-height:0;-webkit-transition-duration:var(--mds-accordion-item-duration,.3s);transition-duration:var(--mds-accordion-item-duration,.3s);transition-property:opacity,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon{display:flex;fill:var(--mds-accordion-item-color,rgb(var(--tone-neutral-03,233 233 233)));transform:rotate(0);-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host([selected]:not([selected=false])){border-bottom:var(--mds-accordion-item-border-width,2px) solid var(--mds-accordion-item-border-color,rgb(var(--tone-neutral-08,107 107 107)));border-top:var(--mds-accordion-item-border-width,2px) solid var(--mds-accordion-item-border-color,rgb(var(--tone-neutral-08,107 107 107)));padding:var(--mds-accordion-item-padding-selected,1rem 0 2rem 0)}:host([selected]:not([selected=false]):first-child){border-top-color:#0000;margin-top:0}:host([selected]:not([selected=false]):last-child){border-bottom-color:#0000;margin-bottom:0}:host([selected]:not([selected=false])) .content{grid-template-rows:1fr;opacity:1;padding-top:calc(var(--spacing,.0025rem)*400)}:host([selected]:not([selected=false])) .icon{transform:rotate(90deg)}:host-context(:root.pref-animation-reduce){--mds-accordion-item-duration:var(--mds-accordion-duration,0s);transition-duration:0s}:host-context(:root.pref-animation-reduce) .icon{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-06,158 158 158)))}:host-context(:root.pref-contrast-more){--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-01,255 255 255)));--mds-accordion-item-color:var(--mds-accordion-color,rgb(var(--tone-neutral-01,255 255 255)))}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-item-duration:var(--mds-accordion-duration,0s);transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-06,158 158 158)))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-01,255 255 255)));--mds-accordion-item-color:var(--mds-accordion-color,rgb(var(--tone-neutral-01,255 255 255)))}}`;
 
 const MdsAccordionItem = class {
     constructor(hostRef) {
@@ -26,10 +26,10 @@ const MdsAccordionItem = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'bbbd0e2fb054337847f318e13bff5a9d5f836f12' }, index.h("button", { key: 'e32a97a11a080c26c9783e7f9653c7df5bd46c98', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, index.h("mds-text", { key: 'd66dc3923030828e734bd0b31021980dc2de5a97', typography: this.typography, part: "label" }, this.label), index.h("mds-text", { key: 'fb7b0ca39023ddf53bad7edf68464d62f6f0caa7', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, index.h("i", { key: 'df38dae6c7d8f27ca4e000bc8bc18a9f8575f76c', class: "icon", innerHTML: keyboardArrowRight.miBaselineKeyboardArrowRight }))), index.h("div", { key: '8a932338cd7b4c87dca040d3730edbddfd1770d9', class: "content", id: "content" }, index.h("div", { key: '7314748049721c8c9c243e3135545e5265f9493e', "aria-labelledby": "action", class: "content-expander", part: "content", role: "region" }, index.h("slot", { key: '512b542a030897e6611612ae100e6b5f200f1e4a' })))));
+        return (index.h(index.Host, { key: '70cbd276fd2552fa643a9297ca91479835a3669a' }, index.h("button", { key: '80f2fe79c0c3516330949615ab76e30d76c553c8', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, index.h("mds-text", { key: '1709a57f269dc53e3530d17e37984d3a90991ec3', typography: this.typography, part: "label" }, this.label), index.h("mds-text", { key: 'd9c01a62a36a9a8930b228cc748e7527d8c927bd', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, index.h("i", { key: '80ecf7c41a6c8ee7a7d7793836466496e6c35149', class: "icon", innerHTML: keyboardArrowRight.miBaselineKeyboardArrowRight }))), index.h("div", { key: '43617c689361b7748b588af64e4e209f43788f8e', class: "content", id: "content" }, index.h("div", { key: 'ee082641d530d31c12e5f0e52464fb64c38ad572', "aria-labelledby": "action", class: "content-expander", part: "content", role: "region" }, index.h("slot", { key: '9499ce48fce9fa821ba339c08226c74eea72b63f' })))));
     }
     get element() { return index.getElement(this); }
 };
-MdsAccordionItem.style = mdsAccordionItemCss;
+MdsAccordionItem.style = mdsAccordionItemCss();
 
 exports.mds_accordion_item = MdsAccordionItem;

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var keyboardArrowRight = require('./keyboard-arrow-right-PkJ_6j6H.js');
 
-const mdsAccordionTimerItemCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-accordion-timer-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-timer-item-progress-bar-thickness:calc(var(--spacing,.0025rem)*100);--mds-accordion-timer-item-duration:.5s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-progress,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-accordion-timer-item-duration{syntax:\"<time>\";inherits:false;initial-value:.5s}:host{--mds-accordion-timer-item-color:var(--mds-accordion-timer-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-accordion-timer-item-progress-bar-color:var(--mds-accordion-timer-progress-bar-color,rgb(var(--tone-neutral-03,233 233 233)));--mds-accordion-timer-item-progress-bar-background:var(--mds-accordion-timer-progress-bar-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-accordion-timer-item-progress-bar-thickness:var(--mds-accordion-timer-progress-bar-thickness,calc(var(--spacing,.0025rem)*100));--mds-accordion-timer-item-duration:var(--mds-accordion-timer-duration,.5s);color:var(--mds-accordion-timer-item-color,rgb(var(--tone-neutral-02,244 244 244)));display:grid;padding-bottom:calc(var(--spacing,.0025rem)*400);padding-top:calc(var(--spacing,.0025rem)*400);position:relative;-webkit-transition-duration:var(--mds-accordion-timer-item-duration,.5s);transition-duration:var(--mds-accordion-timer-item-duration,.5s);transition-property:color;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.row{display:flex;gap:calc(var(--spacing,.0025rem)*400)}.accordion{display:grid}.progress-bar{--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color,rgb(var(--tone-neutral-03,233 233 233)));--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness,calc(var(--spacing,.0025rem)*100));flex-shrink:0}.action{background-color:#0000;border:0;border-radius:var(--radius-xs,8px);color:inherit;cursor:pointer;display:flex;justify-content:space-between;padding:0;text-align:left}.action,.content{gap:calc(var(--spacing,.0025rem)*400)}.content{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;padding-top:0;-webkit-transition-duration:var(--mds-accordion-timer-item-duration,.5s);transition-duration:var(--mds-accordion-timer-item-duration,.5s);transition-property:grid-template-rows,opacity,padding,-ms-grid-rows;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.content,.content-expander{min-height:0}.icon{display:flex;fill:currentColor;transform:rotate(0);-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon svg{aspect-ratio:1;aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host([selected]:not([selected=false])) .action{cursor:auto}:host([selected]:not([selected=false])) .icon{transform:rotate(90deg)}:host([selected]:not([selected=false])) .content{grid-template-rows:1fr;opacity:1;padding-top:calc(var(--spacing,.0025rem)*400)}:host-context(:root.pref-animation-reduce){--mds-accordion-timer-item-duration:0s}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-timer-item-duration:0s}}";
+const mdsAccordionTimerItemCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-accordion-timer-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-timer-item-progress-bar-thickness:calc(var(--spacing,.0025rem)*100);--mds-accordion-timer-item-duration:.5s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-progress,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-accordion-timer-item-duration{syntax:"<time>";inherits:false;initial-value:.5s}:host{--mds-accordion-timer-item-color:var(--mds-accordion-timer-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-accordion-timer-item-progress-bar-color:var(--mds-accordion-timer-progress-bar-color,rgb(var(--tone-neutral-03,233 233 233)));--mds-accordion-timer-item-progress-bar-background:var(--mds-accordion-timer-progress-bar-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-accordion-timer-item-progress-bar-thickness:var(--mds-accordion-timer-progress-bar-thickness,calc(var(--spacing,.0025rem)*100));--mds-accordion-timer-item-duration:var(--mds-accordion-timer-duration,.5s);color:var(--mds-accordion-timer-item-color,rgb(var(--tone-neutral-02,244 244 244)));display:grid;padding-bottom:calc(var(--spacing,.0025rem)*400);padding-top:calc(var(--spacing,.0025rem)*400);position:relative;-webkit-transition-duration:var(--mds-accordion-timer-item-duration,.5s);transition-duration:var(--mds-accordion-timer-item-duration,.5s);transition-property:color;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.row{display:flex;gap:calc(var(--spacing,.0025rem)*400)}.accordion{display:grid}.progress-bar{--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color,rgb(var(--tone-neutral-03,233 233 233)));--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness,calc(var(--spacing,.0025rem)*100));flex-shrink:0}.action{background-color:#0000;border:0;border-radius:var(--radius-xs,8px);color:inherit;cursor:pointer;display:flex;justify-content:space-between;padding:0;text-align:left}.action,.content{gap:calc(var(--spacing,.0025rem)*400)}.content{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;padding-top:0;-webkit-transition-duration:var(--mds-accordion-timer-item-duration,.5s);transition-duration:var(--mds-accordion-timer-item-duration,.5s);transition-property:grid-template-rows,opacity,padding,-ms-grid-rows;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.content,.content-expander{min-height:0}.icon{display:flex;fill:currentColor;transform:rotate(0);-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host([selected]:not([selected=false])) .action{cursor:auto}:host([selected]:not([selected=false])) .icon{transform:rotate(90deg)}:host([selected]:not([selected=false])) .content{grid-template-rows:1fr;opacity:1;padding-top:calc(var(--spacing,.0025rem)*400)}:host-context(:root.pref-animation-reduce){--mds-accordion-timer-item-duration:0s}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-timer-item-duration:0s}}`;
 
 const MdsAccordionTimerItem = class {
     constructor(hostRef) {
@@ -58,12 +58,14 @@ const MdsAccordionTimerItem = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'e60d0ab86bb47b64dc7b21bdae10c8ed11e902b5', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, index.h("div", { key: 'fc6012667a251010fc868b9dd1c8b0603a4f5ce0', class: "row" }, index.h("mds-progress", { key: 'a2b5695c093e6c9068f6ef5daba855066336e27a', "aria-hidden": "true", class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical", size: "sm", part: "progress" }), index.h("div", { key: 'ef96dd04f956cb2337d19b745c2d4126afdcfbd0', class: "accordion" }, index.h("button", { key: '513aeb07bbbfdc9731d4ee9c859f9dc6286d000c', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, index.h("mds-text", { key: '29b009883c56c52530331593da726840774c5453', typography: this.typography, part: "label" }, this.description), index.h("mds-text", { key: '98d4ddd516f761e279c6844023dfd133f43c3f70', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, index.h("i", { key: '99c14644569f3a0900322b898224aaf15eeb33b7', class: "icon", innerHTML: keyboardArrowRight.miBaselineKeyboardArrowRight }))), index.h("div", { key: '964bb74ed0704a92d5a493d733ead61789e4e8f3', class: "content", id: "content" }, index.h("div", { key: 'd0023fb03a93a3e12a5e1c1e4e1d7af5d378e5cd', "aria-label": this.description, class: "content-expander", part: "content", role: "region" }, index.h("slot", { key: 'ce44bbbbbcef87d2d634d60d060f86b51dcfeb92' })))))));
+        return (index.h(index.Host, { key: '2a267905abe7323573c9ba374f876877a4d7d708', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, index.h("div", { key: '96fcad4d326cc0cdee6003e874b267b05302d535', class: "row" }, index.h("mds-progress", { key: 'ac8f0ef04501960d4a90e2249cd72cfaecc4178d', "aria-hidden": "true", class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical", size: "sm", part: "progress" }), index.h("div", { key: '7550b2107ad942448f6da6e3116174ad2067b257', class: "accordion" }, index.h("button", { key: '084c9f9bd12d5aca2422a64bcea440c248cf1a00', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, index.h("mds-text", { key: 'd5b1d6961ab7b27ef837fd0180bb253885a58aba', typography: this.typography, part: "label" }, this.description), index.h("mds-text", { key: 'baac8e278b04ebabc01a434451a367df848cd692', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, index.h("i", { key: '835a41cd2c377aeff1c489aedad1a2b84651fcfe', class: "icon", innerHTML: keyboardArrowRight.miBaselineKeyboardArrowRight }))), index.h("div", { key: 'e48c87aeb25bb8d7fc33335978ff17ffd07f1577', class: "content", id: "content" }, index.h("div", { key: '4d3b60411f38078738cdc9b6cb4d5b14316391d3', "aria-label": this.description, class: "content-expander", part: "content", role: "region" }, index.h("slot", { key: 'e474417107b3705901dfe539ce8860d66f4c19b6' })))))));
     }
     static get watchers() { return {
-        "selected": ["handleSelected"]
+        "selected": [{
+                "handleSelected": 0
+            }]
     }; }
 };
-MdsAccordionTimerItem.style = mdsAccordionTimerItemCss;
+MdsAccordionTimerItem.style = mdsAccordionTimerItemCss();
 
 exports.mds_accordion_timer_item = MdsAccordionTimerItem;

package/dist/cjs/mds-accordion-timer.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsAccordionTimerCss = "@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-accordion-timer-progress-bar-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-timer-progress-bar-background:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-timer-progress-bar-thickness:1px;--mds-accordion-timer-duration:.5s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-accordion-timer-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-accordion-timer-progress-bar-thickness{syntax:\"<length>\";inherits:false;initial-value:1px}@property --mds-accordion-timer-duration{syntax:\"<time>\";inherits:false;initial-value:.5s}:host{--mds-accordion-timer-progress-bar-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-timer-progress-bar-background:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-timer-progress-bar-thickness:calc(var(--spacing,.0025rem)*100);--mds-accordion-timer-duration:.5s;display:block}:host-context(:root.pref-animation-reduce){--mds-accordion-timer-item-duration:var(--mds-accordion-timer-duration,0s)}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-timer-item-duration:var(--mds-accordion-timer-duration,0s)}}";
+const mdsAccordionTimerCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-accordion-timer-progress-bar-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-timer-progress-bar-background:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-timer-progress-bar-thickness:1px;--mds-accordion-timer-duration:.5s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-accordion-timer-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-accordion-timer-progress-bar-thickness{syntax:"<length>";inherits:false;initial-value:1px}@property --mds-accordion-timer-duration{syntax:"<time>";inherits:false;initial-value:.5s}:host{--mds-accordion-timer-progress-bar-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-timer-progress-bar-background:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-timer-progress-bar-thickness:calc(var(--spacing,.0025rem)*100);--mds-accordion-timer-duration:.5s;display:block}:host-context(:root.pref-animation-reduce){--mds-accordion-timer-item-duration:var(--mds-accordion-timer-duration,0s)}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-timer-item-duration:var(--mds-accordion-timer-duration,0s)}}`;
 
 const MdsAccordionTimer = class {
     constructor(hostRef) {
@@ -105,7 +105,7 @@ const MdsAccordionTimer = class {
     }
     onClickSelect(event) {
         this.clearIntervals();
-        if (this.selectedItem) {
+        if (this.selectedItem != null) {
             this.selectedItem.progress = 0;
         }
         this.setSelectedItem(event.detail.uuid);
@@ -115,7 +115,7 @@ const MdsAccordionTimer = class {
     onSelect(event) {
         this.clearIntervals();
         this.paused = false;
-        if (this.selectedItem) {
+        if (this.selectedItem != null) {
             this.selectedItem.progress = 0;
         }
         this.setSelectedItem(event.detail.uuid);
@@ -143,13 +143,15 @@ const MdsAccordionTimer = class {
         this.playTimer();
     }
     render() {
-        return (index.h(index.Host, { key: '83fbaf714fd50567fb7c035fb6344bea5fc55935' }, index.h("slot", { key: '3106401fa285586903177765544a76b976b5fd8e' })));
+        return (index.h(index.Host, { key: '6801e67ac8d8235b3c8610787fcddc6223123284' }, index.h("slot", { key: 'd9c3bebad4f570777a2d64a4ccfad242b22fd1e0' })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
-        "paused": ["handlePaused"]
+        "paused": [{
+                "handlePaused": 0
+            }]
     }; }
 };
-MdsAccordionTimer.style = mdsAccordionTimerCss;
+MdsAccordionTimer.style = mdsAccordionTimerCss();
 
 exports.mds_accordion_timer = MdsAccordionTimer;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsAccordionCss = "@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-accordion-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-description-color:rgb(var(--tone-neutral-02,244 244 244));--mds-accordion-border-width:2px;--mds-accordion-duration:.3s;--mds-accordion-padding-selected:1rem 0 2rem 0;--mds-accordion-padding-unselected:1rem 0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-accordion-border-width{syntax:\"<length>\";inherits:false;initial-value:2px}@property --mds-accordion-duration{syntax:\"<time>\";inherits:false;initial-value:.3s}@property --mds-accordion-padding-selected{syntax:\"<length>+\";inherits:false;initial-value:1rem 0 2rem 0}@property --mds-accordion-padding-unselected{syntax:\"<length>+\";inherits:false;initial-value:1rem 0}:host{--mds-accordion-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-border-width:2px;--mds-accordion-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-description-color:rgb(var(--tone-neutral-02,244 244 244));--mds-accordion-duration:.3s;--mds-accordion-padding-selected:calc(var(--spacing,.0025rem)*400)0 calc(var(--spacing,.0025rem)*800)0;--mds-accordion-padding-unselected:calc(var(--spacing,.0025rem)*400)0;display:grid}:host-context(:root.pref-animation-reduce){--mds-accordion-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-accordion-border-color:rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-contrast-more){--mds-accordion-border-color:rgb(var(--tone-neutral-01,255 255 255));--mds-accordion-color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-accordion-border-color:rgb(var(--tone-neutral-06,158 158 158))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-border-color:rgb(var(--tone-neutral-01,255 255 255));--mds-accordion-color:rgb(var(--tone-neutral-01,255 255 255))}}";
+const mdsAccordionCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-accordion-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-description-color:rgb(var(--tone-neutral-02,244 244 244));--mds-accordion-border-width:2px;--mds-accordion-duration:.3s;--mds-accordion-padding-selected:1rem 0 2rem 0;--mds-accordion-padding-unselected:1rem 0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-accordion-border-width{syntax:"<length>";inherits:false;initial-value:2px}@property --mds-accordion-duration{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-accordion-padding-selected{syntax:"<length>+";inherits:false;initial-value:1rem 0 2rem 0}@property --mds-accordion-padding-unselected{syntax:"<length>+";inherits:false;initial-value:1rem 0}:host{--mds-accordion-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-border-width:2px;--mds-accordion-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-description-color:rgb(var(--tone-neutral-02,244 244 244));--mds-accordion-duration:.3s;--mds-accordion-padding-selected:calc(var(--spacing,.0025rem)*400) 0 calc(var(--spacing,.0025rem)*800) 0;--mds-accordion-padding-unselected:calc(var(--spacing,.0025rem)*400) 0;display:grid}:host-context(:root.pref-animation-reduce){--mds-accordion-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-accordion-border-color:rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-contrast-more){--mds-accordion-border-color:rgb(var(--tone-neutral-01,255 255 255));--mds-accordion-color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-accordion-border-color:rgb(var(--tone-neutral-06,158 158 158))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-border-color:rgb(var(--tone-neutral-01,255 255 255));--mds-accordion-color:rgb(var(--tone-neutral-01,255 255 255))}}`;
 
 const MdsAccordion = class {
     constructor(hostRef) {
@@ -53,10 +53,10 @@ const MdsAccordion = class {
         this.changedChildrenHandler(event);
     }
     render() {
-        return (index.h(index.Host, { key: 'b0bb67801baf50bffd334901368ec18aceb9c677' }, index.h("slot", { key: 'babdb382cf841a21db5099025ddfb293265a5503' })));
+        return (index.h(index.Host, { key: 'c3abd999f46ae45f2ba929c1719a04b2f6e57e62' }, index.h("slot", { key: '368b026625a477dfc337b5d9b56ee6e01eef15ce' })));
     }
     get element() { return index.getElement(this); }
 };
-MdsAccordion.style = mdsAccordionCss;
+MdsAccordion.style = mdsAccordionCss();
 
 exports.mds_accordion = MdsAccordion;

package/dist/cjs/mds-author.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsAuthorCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-avatar:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{align-items:center;container:mds-author/inline-size;display:flex;gap:calc(var(--spacing,.0025rem)*400);width:100%}.avatar{display:flex;flex-shrink:0;-webkit-user-select:none;user-select:none}.info{display:grid;flex-grow:1;min-width:0}@container (max-width:200px){:host-context(:not(.safari)){flex-direction:column;justify-content:center;text-align:center}}";
+const mdsAuthorCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-avatar:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{align-items:center;container:mds-author/inline-size;display:flex;gap:calc(var(--spacing,.0025rem)*400);width:100%}.avatar{display:flex;flex-shrink:0;-webkit-user-select:none;user-select:none}.info{display:grid;flex-grow:1;min-width:0}@container (max-width:200px){:host-context(:not(.safari)){flex-direction:column;justify-content:center;text-align:center}}`;
 
 const MdsAuthor = class {
     constructor(hostRef) {
@@ -12,10 +12,10 @@ const MdsAuthor = class {
         this.hasAvatar = this.hostElement.querySelector(':scope > [slot="avatar"]') !== null;
     }
     render() {
-        return (index.h(index.Host, { key: '5c5f497c1206c82632d9f1d43e654dcff7182078' }, this.hasAvatar && (index.h("div", { key: '96373e67f2d0bf1b8b95fccb0d769160314d2329', class: "avatar" }, index.h("slot", { key: '9c688c746f9f9e29ca9b5b87924d2e470190ab04', name: "avatar" }))), index.h("div", { key: 'e4b9ad107b06481bdefe107b088c28eeeffaf9c2', class: "info" }, index.h("slot", { key: 'cf278792b4d32d854ef522476cd3e93a4a2182df' }))));
+        return (index.h(index.Host, { key: '2b0e6730cb3fb2d7881f527430d2b04a0705fd1b' }, this.hasAvatar && (index.h("div", { key: 'ee84a202caf229318c122be05abd703a0a7a7719', class: "avatar" }, index.h("slot", { key: 'd9b69db0285af31444ca333d948eecf36445539b', name: "avatar" }))), index.h("div", { key: '6a51cca8c63a1967e79a464b846f09d9966055bd', class: "info" }, index.h("slot", { key: '65e3f059c8d4e5e432b0990ffaa41197fd8186ff' }))));
     }
     get hostElement() { return index.getElement(this); }
 };
-MdsAuthor.style = mdsAuthorCss;
+MdsAuthor.style = mdsAuthorCss();
 
 exports.mds_author = MdsAuthor;

package/dist/cjs/mds-avatar-stack-item.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsAvatarStackItemCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-avatar-stack-item-lg-size:var(--mds-avatar-stack-lg-size,var(--spacing-1500,3.75rem));--mds-avatar-stack-item-md-size:var(--mds-avatar-stack-md-size,var(--spacing-1200,3rem));--mds-avatar-stack-item-sm-size:var(--mds-avatar-stack-sm-size,var(--spacing-900,2.25rem));--mds-avatar-stack-item-lg-border:var(--mds-avatar-stack-lg-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-md-border:var(--mds-avatar-stack-md-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-sm-border:var(--mds-avatar-stack-sm-border,var(--spacing-50,.125rem));--mds-avatar-stack-item-lg-offset:var(--mds-avatar-stack-lg-offset,2);--mds-avatar-stack-item-md-offset:var(--mds-avatar-stack-md-offset,1.75);--mds-avatar-stack-item-sm-offset:var(--mds-avatar-stack-sm-offset,1.5)}*,::backdrop,:after,:before{--mds-avatar-stack-item-background:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));--mds-avatar-stack-item-count-background-color:var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76)));--mds-avatar-stack-item-count-color:var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218)))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-avatar:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-avatar-stack-item-background:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));--mds-avatar-stack-item-count-background-color:var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76)));--mds-avatar-stack-item-count-color:var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218)));--mds-avatar-stack-item-lg-size:var(--mds-avatar-stack-lg-size,calc(var(--spacing,.0025rem)*1500));--mds-avatar-stack-item-md-size:var(--mds-avatar-stack-md-size,calc(var(--spacing,.0025rem)*1200));--mds-avatar-stack-item-sm-size:var(--mds-avatar-stack-sm-size,calc(var(--spacing,.0025rem)*900));--mds-avatar-stack-item-lg-border:var(--mds-avatar-stack-lg-border,calc(var(--spacing,.0025rem)*100));--mds-avatar-stack-item-md-border:var(--mds-avatar-stack-md-border,calc(var(--spacing,.0025rem)*100));--mds-avatar-stack-item-sm-border:var(--mds-avatar-stack-sm-border,calc(var(--spacing,.0025rem)*100));--mds-avatar-stack-item-lg-offset:var(--mds-avatar-stack-lg-offset,2);--mds-avatar-stack-item-md-offset:var(--mds-avatar-stack-md-offset,1.75);--mds-avatar-stack-item-sm-offset:var(--mds-avatar-stack-sm-offset,1.5);--mds-avatar-stack-item-border:var(--mds-avatar-stack-md-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-md-size,var(--mds-avatar-stack-md-size,var(--spacing-1200,3rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-md-offset,var(--mds-avatar-stack-md-offset,1.75));--mds-avatar-stack-item-offset-margin:calc(var(--mds-avatar-stack-item-size)/var(--mds-avatar-stack-item-offset));display:inline-flex;height:var(--mds-avatar-stack-item-size);position:relative;width:var(--mds-avatar-stack-item-size)}:host(:not(:first-child)){margin-left:calc(var(--mds-avatar-stack-item-size)*-1 - var(--mds-avatar-stack-item-offset-margin)*-1)}.avatar{border:var(--mds-avatar-stack-item-border)solid var(--mds-avatar-stack-item-background,var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0))));box-sizing:border-box;height:var(--mds-avatar-stack-item-size);min-width:var(--mds-avatar-stack-item-size);position:absolute;width:var(--mds-avatar-stack-item-size)}:host([count]) .avatar{--mds-avatar-background-color:var(--mds-avatar-stack-item-count-background-color,var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76))));--mds-avatar-color:var(--mds-avatar-stack-item-count-color,var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218))))}:host-context(mds-avatar-stack[size=sm]){--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-sm-size,var(--mds-avatar-stack-sm-size,var(--spacing-900,2.25rem)));--mds-avatar-stack-item-border:var(--mds-avatar-stack-item-sm-border,var(--mds-avatar-stack-sm-border,var(--spacing-50,.125rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-sm-offset,var(--mds-avatar-stack-sm-offset,1.5))}:host-context(mds-avatar-stack[size=md]){--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-md-size,var(--mds-avatar-stack-md-size,var(--spacing-1200,3rem)));--mds-avatar-stack-item-border:var(--mds-avatar-stack-item-md-border,var(--mds-avatar-stack-md-border,var(--spacing-100,.25rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-md-offset,var(--mds-avatar-stack-md-offset,1.75))}:host-context(mds-avatar-stack[size=lg]){--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-lg-size,var(--mds-avatar-stack-lg-size,var(--spacing-1500,3.75rem)));--mds-avatar-stack-item-border:var(--mds-avatar-stack-item-lg-border,var(--mds-avatar-stack-lg-border,var(--spacing-100,.25rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-lg-offset,var(--mds-avatar-stack-lg-offset,2))}";
+const mdsAvatarStackItemCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-avatar-stack-item-lg-size:var(--mds-avatar-stack-lg-size,var(--spacing-1500,3.75rem));--mds-avatar-stack-item-md-size:var(--mds-avatar-stack-md-size,var(--spacing-1200,3rem));--mds-avatar-stack-item-sm-size:var(--mds-avatar-stack-sm-size,var(--spacing-900,2.25rem));--mds-avatar-stack-item-lg-border:var(--mds-avatar-stack-lg-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-md-border:var(--mds-avatar-stack-md-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-sm-border:var(--mds-avatar-stack-sm-border,var(--spacing-50,.125rem));--mds-avatar-stack-item-lg-offset:var(--mds-avatar-stack-lg-offset,2);--mds-avatar-stack-item-md-offset:var(--mds-avatar-stack-md-offset,1.75);--mds-avatar-stack-item-sm-offset:var(--mds-avatar-stack-sm-offset,1.5)}*,::backdrop,:after,:before{--mds-avatar-stack-item-background:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));--mds-avatar-stack-item-count-background-color:var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76)));--mds-avatar-stack-item-count-color:var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218)))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-avatar:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-avatar-stack-item-background:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));--mds-avatar-stack-item-count-background-color:var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76)));--mds-avatar-stack-item-count-color:var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218)));--mds-avatar-stack-item-lg-size:var(--mds-avatar-stack-lg-size,calc(var(--spacing,.0025rem)*1500));--mds-avatar-stack-item-md-size:var(--mds-avatar-stack-md-size,calc(var(--spacing,.0025rem)*1200));--mds-avatar-stack-item-sm-size:var(--mds-avatar-stack-sm-size,calc(var(--spacing,.0025rem)*900));--mds-avatar-stack-item-lg-border:var(--mds-avatar-stack-lg-border,calc(var(--spacing,.0025rem)*100));--mds-avatar-stack-item-md-border:var(--mds-avatar-stack-md-border,calc(var(--spacing,.0025rem)*100));--mds-avatar-stack-item-sm-border:var(--mds-avatar-stack-sm-border,calc(var(--spacing,.0025rem)*100));--mds-avatar-stack-item-lg-offset:var(--mds-avatar-stack-lg-offset,2);--mds-avatar-stack-item-md-offset:var(--mds-avatar-stack-md-offset,1.75);--mds-avatar-stack-item-sm-offset:var(--mds-avatar-stack-sm-offset,1.5);--mds-avatar-stack-item-border:var(--mds-avatar-stack-md-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-md-size,var(--mds-avatar-stack-md-size,var(--spacing-1200,3rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-md-offset,var(--mds-avatar-stack-md-offset,1.75));--mds-avatar-stack-item-offset-margin:calc(var(--mds-avatar-stack-item-size)/var(--mds-avatar-stack-item-offset));display:inline-flex;height:var(--mds-avatar-stack-item-size);position:relative;width:var(--mds-avatar-stack-item-size)}:host(:not(:first-child)){margin-left:calc(var(--mds-avatar-stack-item-size)*-1 - var(--mds-avatar-stack-item-offset-margin)*-1)}.avatar{border:var(--mds-avatar-stack-item-border) solid var(--mds-avatar-stack-item-background,var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0))));box-sizing:border-box;height:var(--mds-avatar-stack-item-size);min-width:var(--mds-avatar-stack-item-size);position:absolute;width:var(--mds-avatar-stack-item-size)}:host([count]) .avatar{--mds-avatar-background-color:var(--mds-avatar-stack-item-count-background-color,var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76))));--mds-avatar-color:var(--mds-avatar-stack-item-count-color,var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218))))}:host-context(mds-avatar-stack[size=sm]){--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-sm-size,var(--mds-avatar-stack-sm-size,var(--spacing-900,2.25rem)));--mds-avatar-stack-item-border:var(--mds-avatar-stack-item-sm-border,var(--mds-avatar-stack-sm-border,var(--spacing-50,.125rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-sm-offset,var(--mds-avatar-stack-sm-offset,1.5))}:host-context(mds-avatar-stack[size=md]){--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-md-size,var(--mds-avatar-stack-md-size,var(--spacing-1200,3rem)));--mds-avatar-stack-item-border:var(--mds-avatar-stack-item-md-border,var(--mds-avatar-stack-md-border,var(--spacing-100,.25rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-md-offset,var(--mds-avatar-stack-md-offset,1.75))}:host-context(mds-avatar-stack[size=lg]){--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-lg-size,var(--mds-avatar-stack-lg-size,var(--spacing-1500,3.75rem)));--mds-avatar-stack-item-border:var(--mds-avatar-stack-item-lg-border,var(--mds-avatar-stack-lg-border,var(--spacing-100,.25rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-lg-offset,var(--mds-avatar-stack-lg-offset,2))}`;
 
 const MdsAvatarStackItem = class {
     constructor(hostRef) {
@@ -13,9 +13,9 @@ const MdsAvatarStackItem = class {
         this.tone = 'weak';
     }
     render() {
-        return (index.h(index.Host, { key: '0626ca208c46043a55b76069f8c0c8de4a91f467' }, index.h("mds-avatar", { key: '376af8e3683bd2c4f19aa5c38728ca5e59ff4f57', class: "avatar", count: this.count, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant })));
+        return (index.h(index.Host, { key: '8ad5051f47c51387c968570afd0934423f8c48dd' }, index.h("mds-avatar", { key: '6b51faaa7960a47e919d0b486f2418d8d6acceb6', class: "avatar", count: this.count, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant })));
     }
 };
-MdsAvatarStackItem.style = mdsAvatarStackItemCss;
+MdsAvatarStackItem.style = mdsAvatarStackItemCss();
 
 exports.mds_avatar_stack_item = MdsAvatarStackItem;

package/dist/cjs/mds-avatar-stack.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsAvatarStackCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-avatar-stack-background:rgb(var(--tone-neutral,0 0 0));--mds-avatar-stack-count-background-color:rgb(var(--tone-neutral-09,76 76 76));--mds-avatar-stack-count-color:rgb(var(--tone-neutral-04,218 218 218));--mds-avatar-stack-lg-border:var(--spacing-100,.25rem);--mds-avatar-stack-lg-offset:2;--mds-avatar-stack-lg-size:var(--spacing-1500,3.75rem);--mds-avatar-stack-md-border:var(--spacing-100,.25rem);--mds-avatar-stack-md-offset:1.75;--mds-avatar-stack-md-size:var(--spacing-1200,3rem);--mds-avatar-stack-sm-border:var(--spacing-50,.125rem);--mds-avatar-stack-sm-offset:1.5;--mds-avatar-stack-sm-size:var(--spacing-900,2.25rem)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-avatar-stack-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-avatar-stack-lg-offset{syntax:\"<integer>\";inherits:false;initial-value:2}@property --mds-avatar-stack-md-offset{syntax:\"<number>\";inherits:false;initial-value:1.75}@property --mds-avatar-stack-sm-offset{syntax:\"<number>\";inherits:false;initial-value:1.5}:host{--mds-avatar-stack-background:rgb(var(--tone-neutral,0 0 0));--mds-avatar-stack-count-background-color:rgb(var(--tone-neutral-09,76 76 76));--mds-avatar-stack-count-color:rgb(var(--tone-neutral-04,218 218 218));--mds-avatar-stack-lg-border:calc(var(--spacing,.0025rem)*100);--mds-avatar-stack-lg-offset:2;--mds-avatar-stack-lg-size:calc(var(--spacing,.0025rem)*1500);--mds-avatar-stack-md-border:calc(var(--spacing,.0025rem)*100);--mds-avatar-stack-md-offset:1.75;--mds-avatar-stack-md-size:calc(var(--spacing,.0025rem)*1200);--mds-avatar-stack-sm-border:calc(var(--spacing,.0025rem)*50);--mds-avatar-stack-sm-offset:1.5;--mds-avatar-stack-sm-size:calc(var(--spacing,.0025rem)*900);background-color:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));border-radius:1000px;display:inline-flex}";
+const mdsAvatarStackCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-avatar-stack-background:rgb(var(--tone-neutral,0 0 0));--mds-avatar-stack-count-background-color:rgb(var(--tone-neutral-09,76 76 76));--mds-avatar-stack-count-color:rgb(var(--tone-neutral-04,218 218 218));--mds-avatar-stack-lg-border:var(--spacing-100,.25rem);--mds-avatar-stack-lg-offset:2;--mds-avatar-stack-lg-size:var(--spacing-1500,3.75rem);--mds-avatar-stack-md-border:var(--spacing-100,.25rem);--mds-avatar-stack-md-offset:1.75;--mds-avatar-stack-md-size:var(--spacing-1200,3rem);--mds-avatar-stack-sm-border:var(--spacing-50,.125rem);--mds-avatar-stack-sm-offset:1.5;--mds-avatar-stack-sm-size:var(--spacing-900,2.25rem)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-avatar-stack-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-avatar-stack-lg-offset{syntax:"<integer>";inherits:false;initial-value:2}@property --mds-avatar-stack-md-offset{syntax:"<number>";inherits:false;initial-value:1.75}@property --mds-avatar-stack-sm-offset{syntax:"<number>";inherits:false;initial-value:1.5}:host{--mds-avatar-stack-background:rgb(var(--tone-neutral,0 0 0));--mds-avatar-stack-count-background-color:rgb(var(--tone-neutral-09,76 76 76));--mds-avatar-stack-count-color:rgb(var(--tone-neutral-04,218 218 218));--mds-avatar-stack-lg-border:calc(var(--spacing,.0025rem)*100);--mds-avatar-stack-lg-offset:2;--mds-avatar-stack-lg-size:calc(var(--spacing,.0025rem)*1500);--mds-avatar-stack-md-border:calc(var(--spacing,.0025rem)*100);--mds-avatar-stack-md-offset:1.75;--mds-avatar-stack-md-size:calc(var(--spacing,.0025rem)*1200);--mds-avatar-stack-sm-border:calc(var(--spacing,.0025rem)*50);--mds-avatar-stack-sm-offset:1.5;--mds-avatar-stack-sm-size:calc(var(--spacing,.0025rem)*900);background-color:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));border-radius:1000px;display:inline-flex}`;
 
 const MdsAvatarStack = class {
     constructor(hostRef) {
@@ -12,10 +12,10 @@ const MdsAvatarStack = class {
         this.items = this.host.querySelectorAll(':scope > mds-avatar-stack-item');
     }
     render() {
-        return (index.h(index.Host, { key: 'e57b0bdda7fe40f3c914df1e2954985f5b124560' }, index.h("slot", { key: '05586f1f84de3e29fb66290c2bf44b8608154aa4' }), this.total !== undefined && this.total - this.items.length > 0 && (index.h("mds-avatar-stack-item", { key: 'd24631df49ea987384eb30e85bcfc07f20d41698', count: this.total - this.items.length }))));
+        return (index.h(index.Host, { key: 'a60bd68436a0006d48b550bdc7f9e134824c8ca6' }, index.h("slot", { key: '9c600bfcf5b2baf490d431a75820b8d8d1bb4b9e' }), this.total !== undefined && this.total - this.items.length > 0 && (index.h("mds-avatar-stack-item", { key: '6164b8f843f4455e83ff57391da3ddbf9840881b', count: this.total - this.items.length }))));
     }
     get host() { return index.getElement(this); }
 };
-MdsAvatarStack.style = mdsAvatarStackCss;
+MdsAvatarStack.style = mdsAvatarStackCss();
 
 exports.mds_avatar_stack = MdsAvatarStack;

package/dist/cjs/mds-avatar.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 var _commonjsHelpers = require('./_commonjsHelpers-B83fTs8d.js');
 
@@ -48,7 +48,7 @@ const avatarVariant = [
 
 var miBaselinePerson = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>`;
 
-const mdsAvatarCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-avatar-background-color-pending:rgb(var(--tone-neutral-08,107 107 107));--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142));--mds-avatar-radius:1000px;--mds-avatar-initials-padding:20%;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-img):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-avatar-radius{syntax:\"<length>\";inherits:false;initial-value:1000px}@property --mds-avatar-initials-padding{syntax:\"<percentage>\";inherits:false;initial-value:20%}:host{--mds-avatar-background-color-pending:rgb(var(--tone-neutral-08,107 107 107));--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142));--mds-avatar-radius:var(--radius-full,1000px);--mds-avatar-initials-padding:20%;aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px);container:mds-avatar/inline-size;display:inline-flex;overflow:hidden;width:calc(var(--spacing,.0025rem)*1200)}.avatar{aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px);color:#0000;display:inline-flex;overflow:hidden;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,background-color,box-shadow,fill;width:100%}.avatar--pending{background-color:var(--mds-avatar-background-color-pending,rgb(var(--tone-neutral-08,107 107 107)))}.avatar--loaded{animation:none}.avatar--fallback,.avatar--icon,.avatar--initials{background-color:var(--mds-avatar-background-color,rgb(var(--variant-primary-05,152 188 255)));-webkit-box-shadow:none;box-shadow:none}.avatar--fallback,.avatar--initials{display:flex;place-items:stretch stretch}.avatar--fallback,.avatar--icon{padding:20%}.avatar--initials{padding:30% var(--mds-avatar-initials-padding,20%)25%}.image{aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px)}.fallback-icon{aspect-ratio:1;display:flex;fill:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));width:100%}.fallback-icon svg{aspect-ratio:1;aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.initials-text{font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);--tw-font-weight:var(--font-weight-bold,700);align-items:center;color:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));display:flex;font-weight:var(--font-weight-bold,700);height:100%;justify-content:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}.fit{display:inline-block;white-space:nowrap!important}.icon{fill:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));height:100%;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:fill;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));width:100%}@container (max-width:24px){:host-context(:not(.safari)) .avatar--initials{padding:0 var(--mds-avatar-initials-padding,20%)}:host-context(:not(.safari)) .initials-text{--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900)}}:host,:host([variant=primary]){--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142))}:is(:host,:host([variant=primary])):host([tone=weak]){--mds-avatar-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-avatar-color:rgb(var(--variant-primary-05,152 188 255))}:host([variant=red]){--mds-avatar-background-color:rgb(var(--label-red-05,244 167 167));--mds-avatar-color:rgb(var(--label-red-10,115 15 15))}:host([variant=red]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-red-09,134 17 17));--mds-avatar-color:rgb(var(--label-red-05,244 167 167))}:host([variant=amaranth]){--mds-avatar-background-color:rgb(var(--label-amaranth-05,250 163 178));--mds-avatar-color:rgb(var(--label-amaranth-10,114 7 25))}:host([variant=amaranth]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-amaranth-09,135 8 30));--mds-avatar-color:rgb(var(--label-amaranth-05,250 163 178))}:host([variant=orchid]){--mds-avatar-background-color:rgb(var(--label-orchid-05,245 163 203));--mds-avatar-color:rgb(var(--label-orchid-10,111 12 61))}:host([variant=orchid]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-orchid-09,131 14 71));--mds-avatar-color:rgb(var(--label-orchid-05,245 163 203))}:host([variant=violet]){--mds-avatar-background-color:rgb(var(--label-violet-05,198 175 251));--mds-avatar-color:rgb(var(--label-violet-10,57 9 165))}:host([variant=violet]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-violet-09,67 11 195));--mds-avatar-color:rgb(var(--label-violet-05,198 175 251))}:host([variant=purple]){--mds-avatar-background-color:rgb(var(--label-purple-05,212 170 251));--mds-avatar-color:rgb(var(--label-purple-10,78 7 146))}:host([variant=purple]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-purple-09,92 8 173));--mds-avatar-color:rgb(var(--label-purple-05,212 170 251))}:host([variant=blue]){--mds-avatar-background-color:rgb(var(--label-blue-05,170 184 252));--mds-avatar-color:rgb(var(--label-blue-10,6 34 166))}:host([variant=blue]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-blue-09,7 40 196));--mds-avatar-color:rgb(var(--label-blue-05,170 184 252))}:host([variant=sky]){--mds-avatar-background-color:rgb(var(--label-sky-05,94 198 245));--mds-avatar-color:rgb(var(--label-sky-10,5 63 90))}:host([variant=sky]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-sky-09,6 76 107));--mds-avatar-color:rgb(var(--label-sky-05,94 198 245))}:host([variant=aqua]){--mds-avatar-background-color:rgb(var(--label-aqua-05,7 203 237));--mds-avatar-color:rgb(var(--label-aqua-10,2 65 76))}:host([variant=aqua]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-aqua-09,3 77 90));--mds-avatar-color:rgb(var(--label-aqua-05,7 203 237))}:host([variant=green]){--mds-avatar-background-color:rgb(var(--label-green-05,37 213 102));--mds-avatar-color:rgb(var(--label-green-10,12 68 33))}:host([variant=green]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-green-09,14 81 39));--mds-avatar-color:rgb(var(--label-green-05,37 213 102))}:host([variant=lime]){--mds-avatar-background-color:rgb(var(--label-lime-05,134 207 22));--mds-avatar-color:rgb(var(--label-lime-10,43 66 7))}:host([variant=lime]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-lime-09,51 79 8));--mds-avatar-color:rgb(var(--label-lime-05,134 207 22))}:host([variant=yellow]){--mds-avatar-background-color:rgb(var(--label-yellow-05,234 179 8));--mds-avatar-color:rgb(var(--label-yellow-10,75 57 3))}:host([variant=yellow]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-yellow-09,89 68 3));--mds-avatar-color:rgb(var(--label-yellow-05,234 179 8))}:host([variant=orange]){--mds-avatar-background-color:rgb(var(--label-orange-05,251 168 111));--mds-avatar-color:rgb(var(--label-orange-10,99 42 3))}:host([variant=orange]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-orange-09,116 49 3));--mds-avatar-color:rgb(var(--label-orange-05,251 168 111))}:host([variant=error]){--mds-avatar-background-color:rgb(var(--status-error-05,250 165 160));--mds-avatar-color:rgb(var(--status-error-10,115 0 0))}:host([variant=error]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-error-09,135 0 14));--mds-avatar-color:rgb(var(--status-error-05,250 165 160))}:host([variant=warning]){--mds-avatar-background-color:rgb(var(--status-warning-05,237 177 0));--mds-avatar-color:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-warning-09,90 67 0));--mds-avatar-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=info]){--mds-avatar-background-color:rgb(var(--status-info-05,112 198 234));--mds-avatar-color:rgb(var(--status-info-10,0 61 103))}:host([variant=info]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-info-09,0 73 116));--mds-avatar-color:rgb(var(--status-info-05,112 198 234))}:host([variant=success]){--mds-avatar-background-color:rgb(var(--status-success-05,107 206 147));--mds-avatar-color:rgb(var(--status-success-10,0 69 0))}:host([variant=success]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-success-09,0 82 9));--mds-avatar-color:rgb(var(--status-success-05,107 206 147))}:is(:host-context(:root.pref-animation-reduce) .avatar,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}:is(:host-context(:root.pref-contrast-more) .avatar--icon,:host-context(:root.pref-contrast-more) .avatar--fallback,:host-context(:root.pref-contrast-more) .avatar--initials){-webkit-box-shadow:var(--shadow-outline-50)inset;box-shadow:var(--shadow-outline-50)inset}@property --tw-font-weight{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .avatar,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--fallback,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--icon,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--initials{-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}";
+const mdsAvatarCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-avatar-background-color-pending:rgb(var(--tone-neutral-08,107 107 107));--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142));--mds-avatar-radius:1000px;--mds-avatar-initials-padding:20%;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-img):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-avatar-radius{syntax:"<length>";inherits:false;initial-value:1000px}@property --mds-avatar-initials-padding{syntax:"<percentage>";inherits:false;initial-value:20%}:host{--mds-avatar-background-color-pending:rgb(var(--tone-neutral-08,107 107 107));--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142));--mds-avatar-radius:var(--radius-full,1000px);--mds-avatar-initials-padding:20%;aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px);container:mds-avatar/inline-size;display:inline-flex;overflow:hidden;width:calc(var(--spacing,.0025rem)*1200)}.avatar{aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px);color:#0000;display:inline-flex;overflow:hidden;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,background-color,box-shadow,fill;width:100%}.avatar--pending{background-color:var(--mds-avatar-background-color-pending,rgb(var(--tone-neutral-08,107 107 107)))}.avatar--loaded{animation:none}.avatar--fallback,.avatar--icon,.avatar--initials{background-color:var(--mds-avatar-background-color,rgb(var(--variant-primary-05,152 188 255)));-webkit-box-shadow:none;box-shadow:none}.avatar--fallback,.avatar--initials{display:flex;place-items:stretch stretch}.avatar--fallback,.avatar--icon{padding:20%}.avatar--initials{padding:30% var(--mds-avatar-initials-padding,20%) 25%}.image{aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px)}.fallback-icon{aspect-ratio:1;display:flex;fill:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));width:100%}.fallback-icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.initials-text{font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);--tw-font-weight:var(--font-weight-bold,700);align-items:center;color:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));display:flex;font-weight:var(--font-weight-bold,700);height:100%;justify-content:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}.fit{display:inline-block;white-space:nowrap!important}.icon{fill:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));height:100%;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:fill;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));width:100%}@container (max-width:24px){:host-context(:not(.safari)) .avatar--initials{padding:0 var(--mds-avatar-initials-padding,20%)}:host-context(:not(.safari)) .initials-text{--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900)}}:host,:host([variant=primary]){--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142))}:is(:host,:host([variant=primary])):host([tone=weak]){--mds-avatar-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-avatar-color:rgb(var(--variant-primary-05,152 188 255))}:host([variant=red]){--mds-avatar-background-color:rgb(var(--label-red-05,244 167 167));--mds-avatar-color:rgb(var(--label-red-10,115 15 15))}:host([variant=red]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-red-09,134 17 17));--mds-avatar-color:rgb(var(--label-red-05,244 167 167))}:host([variant=amaranth]){--mds-avatar-background-color:rgb(var(--label-amaranth-05,250 163 178));--mds-avatar-color:rgb(var(--label-amaranth-10,114 7 25))}:host([variant=amaranth]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-amaranth-09,135 8 30));--mds-avatar-color:rgb(var(--label-amaranth-05,250 163 178))}:host([variant=orchid]){--mds-avatar-background-color:rgb(var(--label-orchid-05,245 163 203));--mds-avatar-color:rgb(var(--label-orchid-10,111 12 61))}:host([variant=orchid]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-orchid-09,131 14 71));--mds-avatar-color:rgb(var(--label-orchid-05,245 163 203))}:host([variant=violet]){--mds-avatar-background-color:rgb(var(--label-violet-05,198 175 251));--mds-avatar-color:rgb(var(--label-violet-10,57 9 165))}:host([variant=violet]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-violet-09,67 11 195));--mds-avatar-color:rgb(var(--label-violet-05,198 175 251))}:host([variant=purple]){--mds-avatar-background-color:rgb(var(--label-purple-05,212 170 251));--mds-avatar-color:rgb(var(--label-purple-10,78 7 146))}:host([variant=purple]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-purple-09,92 8 173));--mds-avatar-color:rgb(var(--label-purple-05,212 170 251))}:host([variant=blue]){--mds-avatar-background-color:rgb(var(--label-blue-05,170 184 252));--mds-avatar-color:rgb(var(--label-blue-10,6 34 166))}:host([variant=blue]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-blue-09,7 40 196));--mds-avatar-color:rgb(var(--label-blue-05,170 184 252))}:host([variant=sky]){--mds-avatar-background-color:rgb(var(--label-sky-05,94 198 245));--mds-avatar-color:rgb(var(--label-sky-10,5 63 90))}:host([variant=sky]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-sky-09,6 76 107));--mds-avatar-color:rgb(var(--label-sky-05,94 198 245))}:host([variant=aqua]){--mds-avatar-background-color:rgb(var(--label-aqua-05,7 203 237));--mds-avatar-color:rgb(var(--label-aqua-10,2 65 76))}:host([variant=aqua]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-aqua-09,3 77 90));--mds-avatar-color:rgb(var(--label-aqua-05,7 203 237))}:host([variant=green]){--mds-avatar-background-color:rgb(var(--label-green-05,37 213 102));--mds-avatar-color:rgb(var(--label-green-10,12 68 33))}:host([variant=green]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-green-09,14 81 39));--mds-avatar-color:rgb(var(--label-green-05,37 213 102))}:host([variant=lime]){--mds-avatar-background-color:rgb(var(--label-lime-05,134 207 22));--mds-avatar-color:rgb(var(--label-lime-10,43 66 7))}:host([variant=lime]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-lime-09,51 79 8));--mds-avatar-color:rgb(var(--label-lime-05,134 207 22))}:host([variant=yellow]){--mds-avatar-background-color:rgb(var(--label-yellow-05,234 179 8));--mds-avatar-color:rgb(var(--label-yellow-10,75 57 3))}:host([variant=yellow]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-yellow-09,89 68 3));--mds-avatar-color:rgb(var(--label-yellow-05,234 179 8))}:host([variant=orange]){--mds-avatar-background-color:rgb(var(--label-orange-05,251 168 111));--mds-avatar-color:rgb(var(--label-orange-10,99 42 3))}:host([variant=orange]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-orange-09,116 49 3));--mds-avatar-color:rgb(var(--label-orange-05,251 168 111))}:host([variant=error]){--mds-avatar-background-color:rgb(var(--status-error-05,250 165 160));--mds-avatar-color:rgb(var(--status-error-10,115 0 0))}:host([variant=error]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-error-09,135 0 14));--mds-avatar-color:rgb(var(--status-error-05,250 165 160))}:host([variant=warning]){--mds-avatar-background-color:rgb(var(--status-warning-05,237 177 0));--mds-avatar-color:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-warning-09,90 67 0));--mds-avatar-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=info]){--mds-avatar-background-color:rgb(var(--status-info-05,112 198 234));--mds-avatar-color:rgb(var(--status-info-10,0 61 103))}:host([variant=info]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-info-09,0 73 116));--mds-avatar-color:rgb(var(--status-info-05,112 198 234))}:host([variant=success]){--mds-avatar-background-color:rgb(var(--status-success-05,107 206 147));--mds-avatar-color:rgb(var(--status-success-10,0 69 0))}:host([variant=success]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-success-09,0 82 9));--mds-avatar-color:rgb(var(--status-success-05,107 206 147))}:is(:host-context(:root.pref-animation-reduce) .avatar,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}:is(:host-context(:root.pref-contrast-more) .avatar--icon,:host-context(:root.pref-contrast-more) .avatar--fallback,:host-context(:root.pref-contrast-more) .avatar--initials){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .avatar,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--fallback,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--icon,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--initials{-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}`;
 
 const MdsAvatar = class {
     constructor(hostRef) {
@@ -108,7 +108,7 @@ const MdsAvatar = class {
                 this.removeFontResize();
         };
         this.checkInitialsVariant = () => {
-            if (this.initials) {
+            if (this.initials !== undefined && this.initials !== '') {
                 let cleanedInitials = this.initials
                     .toLowerCase()
                     .replace(/[^a-zA-Z0-9]+/g, '')
@@ -130,10 +130,10 @@ const MdsAvatar = class {
         if (this.src !== undefined) {
             this.loaded = false;
         }
-        if (this.initials) {
+        if (this.initials !== undefined && this.initials !== '') {
             this.checkText(this.initials);
         }
-        if (this.count) {
+        if (this.count !== undefined && this.count !== 0 && !Number.isNaN(this.count)) {
             this.checkText(this.count.toString());
         }
     }
@@ -141,9 +141,9 @@ const MdsAvatar = class {
         if (this.textChanged) {
             // placed here becase @Watch('initials') is fired
             // BEFORE the element .fit is attached on shDOM
-            if (this.initials)
+            if (this.initials !== undefined && this.initials !== '')
                 this.checkText(this.initials);
-            if (this.count)
+            if (this.count !== undefined && this.count !== 0 && !Number.isNaN(this.count))
                 this.checkText(this.count.toString());
             this.textChanged = false;
         }
@@ -167,21 +167,48 @@ const MdsAvatar = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'dcb0ca706de79f07684daea4efee5d1a69e43494' }, index.h("div", { key: '784a3d4ed4cbb382c7091894ed15664e38d82979', class: clsx.clsx('avatar', this.initials && !this.fallback && !this.src && 'avatar--initials', (this.fallback || (!this.icon && !this.initials && !this.src)) && 'avatar--fallback', this.icon && 'avatar--icon', this.loaded ? 'avatar--loaded' : 'avatar--pending'), part: "wrapper" }, this.initials && !this.count && !this.fallback && !this.src && (index.h("div", { key: '8ed5b7a608b1ff8b6e36947d8069c4a4932b8dca', class: "initials-text" }, index.h("span", { key: '6438aafad3d6f87081c56d61838a1e4cbaf23351', class: "fit" }, this.initials.substring(0, 2)))), this.count && !this.fallback && !this.src && (index.h("div", { key: 'c00430118c9adc6fed1ac3480b41854bfe9a2029', class: "initials-text" }, index.h("span", { key: '671ca6880e8c8e337efcf4266a3caca3d93910ce', class: "fit" }, "+", this.count))), this.src && !this.count && !this.fallback && !this.icon && (index.h("mds-img", { key: '290236542764aa0eff224bef9093931d3a6cc650', class: "image", loading: "lazy", onMdsImgLoadError: () => {
+        return (index.h(index.Host, { key: '07722662312e0060753fac4b5db088d291fd4e44' }, index.h("div", { key: 'deea787618ef936db82200106b9a7cc06f59cb07', class: clsx.clsx('avatar', this.initials &&
+                !this.fallback &&
+                (this.src === undefined || this.src === '') &&
+                'avatar--initials', (this.fallback ||
+                ((this.icon === undefined || this.icon === '') &&
+                    (this.initials === undefined || this.initials === '') &&
+                    (this.src === undefined || this.src === ''))) &&
+                'avatar--fallback', this.icon && 'avatar--icon', this.loaded ? 'avatar--loaded' : 'avatar--pending'), part: "wrapper" }, this.initials &&
+            (this.count === undefined || this.count === 0 || Number.isNaN(this.count)) &&
+            !this.fallback &&
+            (this.src === undefined || this.src === '') && (index.h("div", { key: '5373fafa0241fd295c12ca0349a86b221de5ae7a', class: "initials-text" }, index.h("span", { key: 'd771f1f77354bdd0daf3fee4e124bcac2b8c92ed', class: "fit" }, this.initials.substring(0, 2)))), this.count && !this.fallback && (this.src === undefined || this.src === '') && (index.h("div", { key: 'e7e0ba534f34c0cff2f79224a5ffdde499345aa8', class: "initials-text" }, index.h("span", { key: '4150adcaeed46edfe4a739bc894b712c394e9bf4', class: "fit" }, "+", this.count))), this.src &&
+            (this.count === undefined || this.count === 0 || Number.isNaN(this.count)) &&
+            !this.fallback &&
+            (this.icon === undefined || this.icon === '') && (index.h("mds-img", { key: '1fae5e0e557de2adaa52f9cddcabd8cf8d0dd236', class: "image", loading: "lazy", onMdsImgLoadError: () => {
                 this.loaded = true;
                 this.fallback = true;
             }, onMdsImgLoadSuccess: () => {
                 this.loaded = true;
-            }, part: "media", src: this.src })), this.icon && !this.initials && !this.count && (index.h("mds-icon", { key: '1a0a2d01fb411772a00891e3a420310118145025', class: "icon", part: "icon", name: this.icon })), (this.fallback || (!this.icon && !this.initials && !this.count && !this.src)) && (index.h("i", { key: '2e41fa86a08a034ce59ff64e8d95a3b837c645ee', class: "fallback-icon", innerHTML: miBaselinePerson })))));
+            }, part: "media", src: this.src })), this.icon &&
+            (this.initials === undefined || this.initials === '') &&
+            (this.count === undefined || this.count === 0 || Number.isNaN(this.count)) && (index.h("mds-icon", { key: 'ada49c8dde83c842fc9e73f85d09ff8ce1d680e8', class: "icon", part: "icon", name: this.icon })), (this.fallback ||
+            ((this.icon === undefined || this.icon === '') &&
+                (this.initials === undefined || this.initials === '') &&
+                (this.count === undefined || this.count === 0 || Number.isNaN(this.count)) &&
+                (this.src === undefined || this.src === ''))) && (index.h("i", { key: '86182aed0f562e731682e465ee5c33df43fa5b0f', class: "fallback-icon", innerHTML: miBaselinePerson })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
-        "initials": ["initialsHandler"],
-        "count": ["countHandler"],
-        "src": ["srcHandler"],
-        "icon": ["iconHandler"]
+        "initials": [{
+                "initialsHandler": 0
+            }],
+        "count": [{
+                "countHandler": 0
+            }],
+        "src": [{
+                "srcHandler": 0
+            }],
+        "icon": [{
+                "iconHandler": 0
+            }]
     }; }
 };
-MdsAvatar.style = mdsAvatarCss;
+MdsAvatar.style = mdsAvatarCss();
 
 exports.mds_avatar = MdsAvatar;

package/dist/cjs/mds-badge.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var slot = require('./slot-CI0KpgtY.js');
 
-const mdsBadgeCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-badge-border-width:1px;--mds-badge-radius:10px}*,::backdrop,:after,:before{--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-color:rgb(var(--label-sky-03,191 232 251))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-badge-border-width{syntax:\"<length>\";inherits:true;initial-value:1px}@property --mds-badge-radius{syntax:\"<length>\";inherits:true;initial-value:10px}:host{--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-border-width:1px;--mds-badge-color:rgb(var(--label-sky-03,191 232 251));--mds-badge-radius:var(--radius-lg,10px);align-items:center;background-color:var(--mds-badge-background,rgb(var(--label-sky-09,6 76 107)));border-radius:var(--mds-badge-radius,10px);color:var(--mds-badge-color,rgb(var(--label-sky-03,191 232 251)));display:inline-flex;min-width:min-content;padding:calc(var(--spacing,.0025rem)*100)calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,border-width,color;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));--mds-badge-color:rgb(var(--tone-neutral,0 0 0))}:host([tone=outline]){border-color:var(--mds-badge-border-color,rgb(var(--label-sky-06,13 158 224)));border-style:solid;border-width:var(--mds-badge-border-width,1px)}:host([tone=text]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0))}:host([variant=red]){--mds-badge-background:rgb(var(--label-red-04,247 195 195))}:host([variant=red]):host([tone=weak]){--mds-badge-background:rgb(var(--label-red-09,134 17 17));--mds-badge-color:rgb(var(--label-red-02,252 234 234))}:host([variant=red]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-red-06,236 110 110));--mds-badge-color:rgb(var(--label-red-04,247 195 195))}:host([variant=amaranth]){--mds-badge-background:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth]):host([tone=weak]){--mds-badge-background:rgb(var(--label-amaranth-09,135 8 30));--mds-badge-color:rgb(var(--label-amaranth-02,254 233 237))}:host([variant=amaranth]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-amaranth-06,246 99 125));--mds-badge-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=aqua]){--mds-badge-background:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua]):host([tone=weak]){--mds-badge-background:rgb(var(--label-aqua-09,3 77 90));--mds-badge-color:rgb(var(--label-aqua-02,203 246 254))}:host([variant=aqua]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-aqua-06,5 163 190));--mds-badge-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=blue]){--mds-badge-background:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue]):host([tone=weak]){--mds-badge-background:rgb(var(--label-blue-09,7 40 196));--mds-badge-color:rgb(var(--label-blue-02,234 238 254))}:host([variant=blue]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-blue-06,121 143 250));--mds-badge-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=green]){--mds-badge-background:rgb(var(--label-green-04,113 230 156))}:host([variant=green]):host([tone=weak]){--mds-badge-background:rgb(var(--label-green-09,14 81 39));--mds-badge-color:rgb(var(--label-green-02,211 247 224))}:host([variant=green]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-green-06,30 171 82));--mds-badge-color:rgb(var(--label-green-04,113 230 156))}:host([variant=lime]){--mds-badge-background:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime]):host([tone=weak]){--mds-badge-background:rgb(var(--label-lime-09,51 79 8));--mds-badge-color:rgb(var(--label-lime-02,223 247 185))}:host([variant=lime]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-lime-06,108 167 18));--mds-badge-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=orange]){--mds-badge-background:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange]):host([tone=weak]){--mds-badge-background:rgb(var(--label-orange-09,116 49 3));--mds-badge-color:rgb(var(--label-orange-02,254 235 222))}:host([variant=orange]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-orange-06,247 105 6));--mds-badge-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orchid]){--mds-badge-background:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid]):host([tone=weak]){--mds-badge-background:rgb(var(--label-orchid-09,131 14 71));--mds-badge-color:rgb(var(--label-orchid-02,253 233 243))}:host([variant=orchid]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-orchid-06,239 99 168));--mds-badge-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=sky]){--mds-badge-background:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky]):host([tone=weak]){--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-color:rgb(var(--label-sky-02,219 242 253))}:host([variant=sky]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=violet]){--mds-badge-background:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet]):host([tone=weak]){--mds-badge-background:rgb(var(--label-violet-09,67 11 195));--mds-badge-color:rgb(var(--label-violet-02,241 235 254))}:host([variant=violet]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-violet-06,166 129 248));--mds-badge-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=purple]){--mds-badge-background:rgb(var(--label-purple-04,225 196 252))}:host([variant=purple]):host([tone=weak]){--mds-badge-background:rgb(var(--label-purple-09,92 8 173));--mds-badge-color:rgb(var(--label-purple-02,245 234 254))}:host([variant=purple]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-purple-06,186 119 249));--mds-badge-color:rgb(var(--label-purple-04,225 196 252))}:host([variant=yellow]){--mds-badge-background:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow]):host([tone=weak]){--mds-badge-background:rgb(var(--label-yellow-09,89 68 3));--mds-badge-color:rgb(var(--label-yellow-02,253 238 190))}:host([variant=yellow]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-yellow-06,188 143 6));--mds-badge-color:rgb(var(--label-yellow-04,248 202 60))}:host([variant=warning]){--mds-badge-background:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning]):host([tone=weak]){--mds-badge-background:rgb(var(--status-warning-09,90 67 0));--mds-badge-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-warning-06,190 142 0));--mds-badge-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=error]){--mds-badge-background:rgb(var(--status-error-04,254 193 189))}:host([variant=error]):host([tone=weak]){--mds-badge-background:rgb(var(--status-error-09,135 0 14));--mds-badge-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-error-06,239 108 105));--mds-badge-color:rgb(var(--status-error-04,254 193 189))}:host([variant=success]){--mds-badge-background:rgb(var(--status-success-04,158 222 181))}:host([variant=success]):host([tone=weak]){--mds-badge-background:rgb(var(--status-success-09,0 82 9));--mds-badge-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-success-06,0 171 97));--mds-badge-color:rgb(var(--status-success-04,158 222 181))}:host([variant=info]){--mds-badge-background:rgb(var(--status-info-04,159 216 241))}:host([variant=info]):host([tone=weak]){--mds-badge-background:rgb(var(--status-info-09,0 73 116));--mds-badge-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-info-06,0 161 208));--mds-badge-color:rgb(var(--status-info-04,159 216 241))}:host([variant=light]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=weak]){--mds-badge-background:rgb(var(--tone-neutral-10,60 60 60));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=outline]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-02,244 244 244));--mds-badge-border-color:rgb(var(--tone-neutral-06,158 158 158))}:host([variant=dark]){--mds-badge-background:rgb(var(--tone-neutral-03,233 233 233));--mds-badge-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]):host([tone=weak]){--mds-badge-background:rgb(var(--tone-neutral-10,60 60 60));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=outline]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-02,244 244 244));--mds-badge-border-color:rgb(var(--tone-neutral-06,158 158 158))}:host([tone=outline]),:host([tone=text]){--mds-badge-background:transparent}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([tone=strong]),:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline)inset;box-shadow:var(--shadow-outline)inset}:host-context(:root.pref-contrast-more):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline)inset;box-shadow:var(--shadow-outline)inset}:is(:host-context(:root.pref-contrast-more.pref-theme-dark):host([tone=strong]),:host-context(:root.pref-contrast-more.pref-theme-dark):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px)inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px)inset}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([tone=strong]),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline)inset;box-shadow:var(--shadow-outline)inset}:is(:host-context(:root.pref-contrast-more.pref-theme-system):host([tone=strong]),:host-context(:root.pref-contrast-more.pref-theme-system):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px)inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px)inset}}@media (prefers-contrast:more){:host-context(:root.pref-contrast-system){-webkit-box-shadow:var(--shadow-outline)inset;box-shadow:var(--shadow-outline)inset}:host-context(:root:not([data-magma-pref])):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline)inset;box-shadow:var(--shadow-outline)inset}:is(:host-context(:root.pref-contrast-system.pref-theme-dark):host([tone=strong]),:host-context(:root.pref-contrast-system.pref-theme-dark):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px)inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px)inset}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:is(:host-context(:root.pref-contrast-system.pref-theme-system):host([tone=strong]),:host-context(:root.pref-contrast-system.pref-theme-system):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px)inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px)inset}}";
+const mdsBadgeCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-badge-border-width:1px;--mds-badge-radius:10px}*,::backdrop,:after,:before{--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-color:rgb(var(--label-sky-03,191 232 251))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-badge-border-width{syntax:"<length>";inherits:true;initial-value:1px}@property --mds-badge-radius{syntax:"<length>";inherits:true;initial-value:10px}:host{--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-border-width:1px;--mds-badge-color:rgb(var(--label-sky-03,191 232 251));--mds-badge-radius:var(--radius-lg,10px);align-items:center;background-color:var(--mds-badge-background,rgb(var(--label-sky-09,6 76 107)));border-radius:var(--mds-badge-radius,10px);color:var(--mds-badge-color,rgb(var(--label-sky-03,191 232 251)));display:inline-flex;min-width:min-content;padding:calc(var(--spacing,.0025rem)*100) calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,border-width,color;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));--mds-badge-color:rgb(var(--tone-neutral,0 0 0))}:host([tone=outline]){border-color:var(--mds-badge-border-color,rgb(var(--label-sky-06,13 158 224)));border-style:solid;border-width:var(--mds-badge-border-width,1px)}:host([tone=text]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0))}:host([variant=red]){--mds-badge-background:rgb(var(--label-red-04,247 195 195))}:host([variant=red]):host([tone=weak]){--mds-badge-background:rgb(var(--label-red-09,134 17 17));--mds-badge-color:rgb(var(--label-red-02,252 234 234))}:host([variant=red]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-red-06,236 110 110));--mds-badge-color:rgb(var(--label-red-04,247 195 195))}:host([variant=amaranth]){--mds-badge-background:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth]):host([tone=weak]){--mds-badge-background:rgb(var(--label-amaranth-09,135 8 30));--mds-badge-color:rgb(var(--label-amaranth-02,254 233 237))}:host([variant=amaranth]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-amaranth-06,246 99 125));--mds-badge-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=aqua]){--mds-badge-background:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua]):host([tone=weak]){--mds-badge-background:rgb(var(--label-aqua-09,3 77 90));--mds-badge-color:rgb(var(--label-aqua-02,203 246 254))}:host([variant=aqua]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-aqua-06,5 163 190));--mds-badge-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=blue]){--mds-badge-background:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue]):host([tone=weak]){--mds-badge-background:rgb(var(--label-blue-09,7 40 196));--mds-badge-color:rgb(var(--label-blue-02,234 238 254))}:host([variant=blue]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-blue-06,121 143 250));--mds-badge-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=green]){--mds-badge-background:rgb(var(--label-green-04,113 230 156))}:host([variant=green]):host([tone=weak]){--mds-badge-background:rgb(var(--label-green-09,14 81 39));--mds-badge-color:rgb(var(--label-green-02,211 247 224))}:host([variant=green]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-green-06,30 171 82));--mds-badge-color:rgb(var(--label-green-04,113 230 156))}:host([variant=lime]){--mds-badge-background:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime]):host([tone=weak]){--mds-badge-background:rgb(var(--label-lime-09,51 79 8));--mds-badge-color:rgb(var(--label-lime-02,223 247 185))}:host([variant=lime]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-lime-06,108 167 18));--mds-badge-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=orange]){--mds-badge-background:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange]):host([tone=weak]){--mds-badge-background:rgb(var(--label-orange-09,116 49 3));--mds-badge-color:rgb(var(--label-orange-02,254 235 222))}:host([variant=orange]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-orange-06,247 105 6));--mds-badge-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orchid]){--mds-badge-background:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid]):host([tone=weak]){--mds-badge-background:rgb(var(--label-orchid-09,131 14 71));--mds-badge-color:rgb(var(--label-orchid-02,253 233 243))}:host([variant=orchid]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-orchid-06,239 99 168));--mds-badge-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=sky]){--mds-badge-background:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky]):host([tone=weak]){--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-color:rgb(var(--label-sky-02,219 242 253))}:host([variant=sky]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=violet]){--mds-badge-background:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet]):host([tone=weak]){--mds-badge-background:rgb(var(--label-violet-09,67 11 195));--mds-badge-color:rgb(var(--label-violet-02,241 235 254))}:host([variant=violet]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-violet-06,166 129 248));--mds-badge-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=purple]){--mds-badge-background:rgb(var(--label-purple-04,225 196 252))}:host([variant=purple]):host([tone=weak]){--mds-badge-background:rgb(var(--label-purple-09,92 8 173));--mds-badge-color:rgb(var(--label-purple-02,245 234 254))}:host([variant=purple]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-purple-06,186 119 249));--mds-badge-color:rgb(var(--label-purple-04,225 196 252))}:host([variant=yellow]){--mds-badge-background:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow]):host([tone=weak]){--mds-badge-background:rgb(var(--label-yellow-09,89 68 3));--mds-badge-color:rgb(var(--label-yellow-02,253 238 190))}:host([variant=yellow]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-yellow-06,188 143 6));--mds-badge-color:rgb(var(--label-yellow-04,248 202 60))}:host([variant=warning]){--mds-badge-background:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning]):host([tone=weak]){--mds-badge-background:rgb(var(--status-warning-09,90 67 0));--mds-badge-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-warning-06,190 142 0));--mds-badge-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=error]){--mds-badge-background:rgb(var(--status-error-04,254 193 189))}:host([variant=error]):host([tone=weak]){--mds-badge-background:rgb(var(--status-error-09,135 0 14));--mds-badge-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-error-06,239 108 105));--mds-badge-color:rgb(var(--status-error-04,254 193 189))}:host([variant=success]){--mds-badge-background:rgb(var(--status-success-04,158 222 181))}:host([variant=success]):host([tone=weak]){--mds-badge-background:rgb(var(--status-success-09,0 82 9));--mds-badge-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-success-06,0 171 97));--mds-badge-color:rgb(var(--status-success-04,158 222 181))}:host([variant=info]){--mds-badge-background:rgb(var(--status-info-04,159 216 241))}:host([variant=info]):host([tone=weak]){--mds-badge-background:rgb(var(--status-info-09,0 73 116));--mds-badge-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-info-06,0 161 208));--mds-badge-color:rgb(var(--status-info-04,159 216 241))}:host([variant=light]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=weak]){--mds-badge-background:rgb(var(--tone-neutral-10,60 60 60));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=outline]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-02,244 244 244));--mds-badge-border-color:rgb(var(--tone-neutral-06,158 158 158))}:host([variant=dark]){--mds-badge-background:rgb(var(--tone-neutral-03,233 233 233));--mds-badge-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]):host([tone=weak]){--mds-badge-background:rgb(var(--tone-neutral-10,60 60 60));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=outline]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-02,244 244 244));--mds-badge-border-color:rgb(var(--tone-neutral-06,158 158 158))}:host([tone=outline]),:host([tone=text]){--mds-badge-background:transparent}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([tone=strong]),:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host-context(:root.pref-contrast-more):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:is(:host-context(:root.pref-contrast-more.pref-theme-dark):host([tone=strong]),:host-context(:root.pref-contrast-more.pref-theme-dark):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([tone=strong]),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:is(:host-context(:root.pref-contrast-more.pref-theme-system):host([tone=strong]),:host-context(:root.pref-contrast-more.pref-theme-system):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset}}@media (prefers-contrast:more){:host-context(:root.pref-contrast-system){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host-context(:root:not([data-magma-pref])):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:is(:host-context(:root.pref-contrast-system.pref-theme-dark):host([tone=strong]),:host-context(:root.pref-contrast-system.pref-theme-dark):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:is(:host-context(:root.pref-contrast-system.pref-theme-system):host([tone=strong]),:host-context(:root.pref-contrast-system.pref-theme-system):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset}}`;
 
 const MdsBadge = class {
     constructor(hostRef) {
@@ -22,7 +22,7 @@ const MdsBadge = class {
         this.typography = 'option';
         this.onSlotChangeHandler = () => {
             /* this should be removed in the future once slotted text is no longer used, use the label property instead */
-            if (this.label)
+            if (this.label !== undefined && this.label !== '')
                 return;
             this.label = slot.readSlottedLabel(this.host);
         };
@@ -31,13 +31,15 @@ const MdsBadge = class {
         this.label = slot.sanitizeLabel(newValue);
     }
     render() {
-        return (index.h(index.Host, { key: 'bed5c0dccff0e7e796e7e5e76efe25d8330dec2c' }, index.h("mds-text", { key: 'b9fc73764d75faa0d3102a622b3ecc4d8392c613', tag: "span", typography: this.typography, variant: "info", text: this.label }, this.label || index.h("slot", { key: 'd8d0e54393b72cc270574e00197cdc703bff3d0a', onSlotchange: this.onSlotChangeHandler }))));
+        return (index.h(index.Host, { key: '1c990216eae1dd3ad54815cd9ce69cf06bac9d19' }, index.h("mds-text", { key: '32185147bbdec26ce093679d8162482710782f61', tag: "span", typography: this.typography, variant: "info", text: this.label }, this.label || index.h("slot", { key: 'b3ce51b1012d918804f37a0a765fd23c081d4e26', onSlotchange: this.onSlotChangeHandler }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "label": ["labelChanged"]
+        "label": [{
+                "labelChanged": 0
+            }]
     }; }
 };
-MdsBadge.style = mdsBadgeCss;
+MdsBadge.style = mdsBadgeCss();
 
 exports.mds_badge = MdsBadge;