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

package/dist/cjs/mds-pref-theme-variant-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var locale = require('./locale-oGW3SvGJ.js');
 var checkCircle = require('./check-circle-Dot_k9WN.js');
 var circle = require('./circle-Cd893kVJ.js');
@@ -15,7 +15,7 @@ var localeEn = {
 	noCode: noCode
 };
 
-const mdsPrefThemeVariantItemCss = "@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-pref-theme-variant-item-color-background:rgb(var(--tint-base-lv1,var(--tone-neutral-09,76 76 76)));--mds-pref-theme-variant-item-color-status-error:rgb(var(--status-error-06,239 108 105));--mds-pref-theme-variant-item-color-status-success:rgb(var(--status-success-06,0 171 97));--mds-pref-theme-variant-item-color-status-warning:rgb(var(--status-warning-06,190 142 0));--mds-pref-theme-variant-item-color-variant-primary:rgb(var(--variant-primary-03,211 226 255))}}}@layer reset,vendor,theme,base,components,utilities;:host{--mds-pref-theme-variant-item-color-background:rgb(var(--tint-base-lv1,var(--tone-neutral-09,76 76 76)));--mds-pref-theme-variant-item-color-status-error:rgb(var(--status-error-06,239 108 105));--mds-pref-theme-variant-item-color-status-success:rgb(var(--status-success-06,0 171 97));--mds-pref-theme-variant-item-color-status-warning:rgb(var(--status-warning-06,190 142 0));--mds-pref-theme-variant-item-color-variant-primary:rgb(var(--variant-primary-03,211 226 255));display:flex}.label{align-items:center;display:flex;gap:calc(var(--spacing,.0025rem)*200)}.theme-preview{background-color:var(--mds-pref-theme-variant-item-color-background,rgb(var(--tint-base-lv1,var(--tone-neutral-09,76 76 76))));border-radius:var(--radius-md,12px);-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light);box-sizing:border-box;display:inline-flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*100);height:calc(var(--spacing,.0025rem)*600);margin:1px;padding:calc(var(--spacing,.0025rem)*100);width:calc(var(--spacing,.0025rem)*600)}.theme-color{background-color:var(--color-tone-neutral-09,rgb(var(--tone-neutral-09,228 228 228)));border-radius:var(--radius-lg,16px);height:calc(var(--spacing,.0025rem)*150);position:relative;width:calc(var(--spacing,.0025rem)*150)}.theme-color:after{border-radius:inherit;-webkit-box-shadow:var(--shadow-outline-light)inset;box-shadow:var(--shadow-outline-light)inset;content:\"\";display:flex;inset:0;position:absolute}.theme-color--variant-primary{background-color:var(--mds-pref-theme-variant-item-color-variant-primary,rgb(var(--variant-primary-03,211 226 255)))}.theme-color--status-success{background-color:var(--mds-pref-theme-variant-item-color-status-success,rgb(var(--status-success-06,0 171 97)))}.theme-color--status-warning{background-color:var(--mds-pref-theme-variant-item-color-status-warning,rgb(var(--status-warning-06,190 142 0)))}.theme-color--status-error{background-color:var(--mds-pref-theme-variant-item-color-status-error,rgb(var(--status-error-06,239 108 105)))}";
+const mdsPrefThemeVariantItemCss = () => `@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-pref-theme-variant-item-color-background:rgb(var(--tint-base-lv1,var(--tone-neutral-09,76 76 76)));--mds-pref-theme-variant-item-color-status-error:rgb(var(--status-error-06,239 108 105));--mds-pref-theme-variant-item-color-status-success:rgb(var(--status-success-06,0 171 97));--mds-pref-theme-variant-item-color-status-warning:rgb(var(--status-warning-06,190 142 0));--mds-pref-theme-variant-item-color-variant-primary:rgb(var(--variant-primary-03,211 226 255))}}}@layer reset,vendor,theme,base,components,utilities;:host{--mds-pref-theme-variant-item-color-background:rgb(var(--tint-base-lv1,var(--tone-neutral-09,76 76 76)));--mds-pref-theme-variant-item-color-status-error:rgb(var(--status-error-06,239 108 105));--mds-pref-theme-variant-item-color-status-success:rgb(var(--status-success-06,0 171 97));--mds-pref-theme-variant-item-color-status-warning:rgb(var(--status-warning-06,190 142 0));--mds-pref-theme-variant-item-color-variant-primary:rgb(var(--variant-primary-03,211 226 255));display:flex}.label{align-items:center;display:flex;gap:calc(var(--spacing,.0025rem)*200)}.theme-preview{background-color:var(--mds-pref-theme-variant-item-color-background,rgb(var(--tint-base-lv1,var(--tone-neutral-09,76 76 76))));border-radius:var(--radius-md,12px);-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light);box-sizing:border-box;display:inline-flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*100);height:calc(var(--spacing,.0025rem)*600);margin:1px;padding:calc(var(--spacing,.0025rem)*100);width:calc(var(--spacing,.0025rem)*600)}.theme-color{background-color:var(--color-tone-neutral-09,rgb(var(--tone-neutral-09,228 228 228)));border-radius:var(--radius-lg,16px);height:calc(var(--spacing,.0025rem)*150);position:relative;width:calc(var(--spacing,.0025rem)*150)}.theme-color:after{border-radius:inherit;-webkit-box-shadow:var(--shadow-outline-light) inset;box-shadow:var(--shadow-outline-light) inset;content:"";display:flex;inset:0;position:absolute}.theme-color--variant-primary{background-color:var(--mds-pref-theme-variant-item-color-variant-primary,rgb(var(--variant-primary-03,211 226 255)))}.theme-color--status-success{background-color:var(--mds-pref-theme-variant-item-color-status-success,rgb(var(--status-success-06,0 171 97)))}.theme-color--status-warning{background-color:var(--mds-pref-theme-variant-item-color-status-warning,rgb(var(--status-warning-06,190 142 0)))}.theme-color--status-error{background-color:var(--mds-pref-theme-variant-item-color-status-error,rgb(var(--status-error-06,239 108 105)))}`;
 
 const MdsPrefThemeVariantItem = class {
     constructor(hostRef) {
@@ -41,20 +41,23 @@ const MdsPrefThemeVariantItem = class {
             this.selectVariantEvent.emit({ name: this.name, scheme: this.scheme });
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
     componentWillRender() {
         this.t.lang(this.element);
-        if (!this.label) {
+        if (this.label === undefined || this.label === '') {
             this.label = this.name.charAt(0).toUpperCase() + this.name.slice(1).replace(/-/g, ' ');
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7226e8612de14cb55f08e59867a85bac2a818c20', onClick: this.handleClick }, index.h("mds-button", { key: '9ba3cfd0a254eaeff4e3ccb6c6b1ceab5f245e07', icon: this.selected ? checkCircle.miBaselineCheckCircle : circle.miOutlineCircle, variant: "dark", tone: "text" }, index.h("div", { key: '98e24fcf47e692495a0f5c05d5ef9d7924f08949', class: "label" }, index.h("div", { key: '25d6de60ebe19d3e7f21a425e6fd8069927ee46f', class: "theme-preview" }, index.h("div", { key: 'd8820f6717263184e7af45e8f9f999a1e013481c', class: "theme-color theme-color--variant-primary" }), index.h("div", { key: 'd058474d0c8aa30e37647f6a0d07dd2b66bf5bee', class: "theme-color theme-color--status-success" }), index.h("div", { key: '50ef0f48869b26b846b668963f1ce95ccd2517e4', class: "theme-color theme-color--status-warning" }), index.h("div", { key: 'f6ca3f58fb1e4df027f79fed26c46e62379e7733', class: "theme-color theme-color--status-error" })), this.label))));
+        return (index.h(index.Host, { key: '7c67e626a1111e762cf384dd1e07cca9e8ab3025', onClick: this.handleClick }, index.h("mds-button", { key: '12b4207889f201e6b4424aa28472fcd4a637fb0b', icon: this.selected ? checkCircle.miBaselineCheckCircle : circle.miOutlineCircle, variant: "dark", tone: "text" }, index.h("div", { key: '7ab3d3e6667f2ff83d578579210888af336b7170', class: "label" }, index.h("div", { key: 'fadd43f41276b708742e4cf1a3902d2bb6c7dddf', class: "theme-preview" }, index.h("div", { key: '0338afc3745f1212f9e924d7b7fb9e55d7f455fb', class: "theme-color theme-color--variant-primary" }), index.h("div", { key: '23acf3c5f95614ee9b83562f1061a612ee139332', class: "theme-color theme-color--status-success" }), index.h("div", { key: 'bdefd9b571f74615d63a4e015626a096a92446dd', class: "theme-color theme-color--status-warning" }), index.h("div", { key: 'fc128b9b30699cf52881ee3f559dc10d9323486a', class: "theme-color theme-color--status-error" })), this.label))));
     }
     get element() { return index.getElement(this); }
 };
-MdsPrefThemeVariantItem.style = mdsPrefThemeVariantItemCss;
+MdsPrefThemeVariantItem.style = mdsPrefThemeVariantItemCss();
 
 exports.mds_pref_theme_variant_item = MdsPrefThemeVariantItem;

package/dist/cjs/mds-pref-theme-variant.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var locale = require('./locale-oGW3SvGJ.js');
 var keyboardArrowDown = require('./keyboard-arrow-down-BNOA3Lin.js');
 var keyboardArrowUp = require('./keyboard-arrow-up-C6Wsxo6j.js');
@@ -25,7 +25,7 @@ var localeIt = {
 	label: label
 };
 
-const mdsPrefThemeVariantCss = "@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;:host(:not(:is([hydrated],.hydrated))),:is(mds-dropdown,mds-tab,mds-tab-item,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}mds-pref-language{display:grid;gap:calc(var(--spacing,.0025rem)*400)}.mds-pref-theme-variant-dropdown{gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*400)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--custom-theme-variant{cursor:pointer}.item--auto,.item--custom-theme-variant{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}";
+const mdsPrefThemeVariantCss = () => `@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;:host(:not(:is([hydrated],.hydrated))),:is(mds-dropdown,mds-tab,mds-tab-item,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}mds-pref-language{display:grid;gap:calc(var(--spacing,.0025rem)*400)}.mds-pref-theme-variant-dropdown{gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*400)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--custom-theme-variant{cursor:pointer}.item--auto,.item--custom-theme-variant{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}`;
 
 const MdsPrefThemeVariant = class {
     constructor(hostRef) {
@@ -102,7 +102,7 @@ const MdsPrefThemeVariant = class {
             this.prefChangeEvent.emit({ preference: 'theme-variant' });
             localStorage.setItem(this.localStorageAliasThemeName, this.name);
             localStorage.setItem(this.localStorageAliasThemeScheme, this.scheme);
-            if (document) {
+            if (typeof document !== 'undefined') {
                 const element = document.querySelector('html');
                 // cleanup previeous selection
                 for (const key in this.schemeSet) {
@@ -110,7 +110,7 @@ const MdsPrefThemeVariant = class {
                         element === null || element === void 0 ? void 0 : element.classList.remove(this.schemeSet[key]);
                     }
                 }
-                if (this.previousName) {
+                if (this.previousName !== null && this.previousName !== '') {
                     element === null || element === void 0 ? void 0 : element.classList.remove(this.clasNameThemeNamePrefix + this.previousName);
                 }
                 // set new selection
@@ -123,6 +123,9 @@ const MdsPrefThemeVariant = class {
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -137,10 +140,10 @@ const MdsPrefThemeVariant = class {
         this.t.lang(this.element);
     }
     render() {
-        return (index.h(index.Host, { key: '15e431592fa7b91f8b964a3848de67406baf072f' }, index.h("div", { key: 'a0a16b7172f212c8664ee3cf1fa298884922b62f', class: "menu" }, index.h("mds-text", { key: 'b76c54c74c66191278d1dfe9c3eb9bc7e6d55fad', class: "info", typography: "caption" }, index.h("b", { key: 'ec9f3e8fc0887393539ba47220d20c9db03a3449' }, this.t.get('label'))), index.h("mds-tab", { key: '7df63e45e1d9265ffc3617cfc49a1e167996d66b', fill: true, size: this.size }, index.h("mds-tab-item", { key: '2b80350e8481b2e0b7d82f3b4a4f013b6ff949d0', selected: true, onClick: this.toggleDropdown, id: "mds-pref-theme-variant-nav", class: "item item--custom-theme-variant", "icon-position": "right", icon: this.showDropdown ? keyboardArrowUp.miBaselineKeyboardArrowUp : keyboardArrowDown.miBaselineKeyboardArrowDown }, this.name))), index.h("mds-dropdown", { key: '05732e03bb52fe1477f2933e127cfc699f92f941', class: "mds-pref-theme-variant-dropdown", target: "#mds-pref-theme-variant-nav", interaction: "none", visible: this.showDropdown, onMdsDropdownHide: this.hideThemeVariantDropdownSelect, autoPlacement: true }, index.h("slot", { key: '1b984764ffcb3467ff1050b3eef5c1c83edff918' })), this.name !== this.defaultTheme && (index.h("mds-text", { key: '7871a4799701c0fda9f6c35b913cf7a00e9d7510', typography: "caption" }, this.t.get('defaultTheme')))));
+        return (index.h(index.Host, { key: '5232c814c636b1f3cf3351e67460cdfd9b9c1b56' }, index.h("div", { key: 'a2a255a4c62cc2aa4cbac79886e629bebce294f7', class: "menu" }, index.h("mds-text", { key: '02a7f081c306907d973009a3a7e73b8059940352', class: "info", typography: "caption" }, index.h("b", { key: '01967f8b9aea1f6324ef1f15d5ae958b92e005b4' }, this.t.get('label'))), index.h("mds-tab", { key: 'ef02c8b82bbadcad95541f67be2dcf4ba0ddc2fc', fill: true, size: this.size }, index.h("mds-tab-item", { key: '663e683eac4d520e61fbc76cf4d048feacb798d2', selected: true, onClick: this.toggleDropdown, id: "mds-pref-theme-variant-nav", class: "item item--custom-theme-variant", "icon-position": "right", icon: this.showDropdown ? keyboardArrowUp.miBaselineKeyboardArrowUp : keyboardArrowDown.miBaselineKeyboardArrowDown }, this.name))), index.h("mds-dropdown", { key: 'e86ce5ba509a6b015add47622fe94d6d59aba713', class: "mds-pref-theme-variant-dropdown", target: "#mds-pref-theme-variant-nav", interaction: "none", visible: this.showDropdown, onMdsDropdownHide: this.hideThemeVariantDropdownSelect, autoPlacement: true }, index.h("slot", { key: '9b18d8d7f8d5bdb1b75150ee0559c12f8d385bda' })), this.name !== this.defaultTheme && (index.h("mds-text", { key: '60cb41f838f81abdbf7e7d78fb56ea6faca48c26', typography: "caption" }, this.t.get('defaultTheme')))));
     }
     get element() { return index.getElement(this); }
 };
-MdsPrefThemeVariant.style = mdsPrefThemeVariantCss;
+MdsPrefThemeVariant.style = mdsPrefThemeVariantCss();
 
 exports.mds_pref_theme_variant = MdsPrefThemeVariant;

package/dist/cjs/mds-pref-theme.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var unit = require('./unit-Cm341q1R.js');
 var settings = require('./settings-CeE526kn.js');
 var locale = require('./locale-oGW3SvGJ.js');
@@ -56,7 +56,7 @@ var localeIt = {
 	systemSettings: systemSettings
 };
 
-const mdsPrefThemeCss = "@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-pref-theme-overlay-fadeout-duration:.2s;--mds-pref-theme-overlay-show-duration:.3s;--mds-pref-theme-overlay-z-index:var(--magma-theme-overlay-z-index,6000)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,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-pref-theme-overlay-fadeout-duration{syntax:\"<time>\";inherits:false;initial-value:.2s}@property --mds-pref-theme-overlay-show-duration{syntax:\"<time>\";inherits:false;initial-value:.3s}:host{--mds-pref-theme-overlay-fadeout-duration:.2s;--mds-pref-theme-overlay-show-duration:.3s;--mds-pref-theme-overlay-z-index:var(--magma-theme-overlay-z-index,6000);display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}.item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-06,188 143 6))}.item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-06,13 158 224))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-03,251 224 142))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-03,191 232 251))}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-03,251 224 142))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-03,191 232 251))}}";
+const mdsPrefThemeCss = () => `@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-pref-theme-overlay-fadeout-duration:.2s;--mds-pref-theme-overlay-show-duration:.3s;--mds-pref-theme-overlay-z-index:var(--magma-theme-overlay-z-index,6000)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,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-pref-theme-overlay-fadeout-duration{syntax:"<time>";inherits:false;initial-value:.2s}@property --mds-pref-theme-overlay-show-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-pref-theme-overlay-fadeout-duration:.2s;--mds-pref-theme-overlay-show-duration:.3s;--mds-pref-theme-overlay-z-index:var(--magma-theme-overlay-z-index,6000);display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}.item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-06,188 143 6))}.item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-06,13 158 224))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-03,251 224 142))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-03,191 232 251))}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-03,251 224 142))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-03,191 232 251))}}`;
 
 const MdsPrefTheme = class {
     constructor(hostRef) {
@@ -113,7 +113,7 @@ const MdsPrefTheme = class {
             this.prefChangeEvent.emit({ preference: 'theme-mode' });
             this.mode = mode;
             localStorage.setItem(this.localStorageAlias, this.mode);
-            if (document) {
+            if (typeof document !== 'undefined') {
                 const element = document.querySelector('html');
                 for (const key in this.theme) {
                     if ({}.hasOwnProperty.call(this.theme, key)) {
@@ -128,7 +128,7 @@ const MdsPrefTheme = class {
             return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
         };
         this.getColorScheme = (mode) => {
-            if (mode) {
+            if (mode !== undefined) {
                 if (mode === 'system') {
                     return this.isDarkMode() ? 'dark' : 'light';
                 }
@@ -140,7 +140,7 @@ const MdsPrefTheme = class {
             return this.mode;
         };
         this.instanceOverlay = () => {
-            if (!this.overlayEl) {
+            if (this.overlayEl == null) {
                 this.overlayEl = document.createElement('div');
                 this.overlayEl.className = this.overlayId;
                 this.overlayEl.style.inset = '0';
@@ -207,6 +207,9 @@ const MdsPrefTheme = class {
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -230,7 +233,7 @@ const MdsPrefTheme = class {
         this.setTheme(newValue);
     }
     detachOverlayTransition() {
-        if (!this.overlayEl) {
+        if (this.overlayEl == null) {
             return;
         }
         this.overlayEl.style.backgroundColor = this.overlayBackgroundHidden;
@@ -241,19 +244,19 @@ const MdsPrefTheme = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'c78474ccae6afb47766f571d86fe235c7d61d1ba' }, index.h("mds-text", { key: '3535c07209e5465959044593d89cce53ab128180', class: "info", typography: "caption" }, index.h("b", { key: '68be38f8895654dd40214f66fb7241012d392199' }, this.t.get('label')), ' ', this.disabled
+        return (index.h(index.Host, { key: 'd39c062c0ddd2b9f321ce4d153613ab35628ba07' }, index.h("mds-text", { key: '547812a4d5c9e790fdb71e19e39156842a1635e2', class: "info", typography: "caption" }, index.h("b", { key: '343a8359be692988c9ec734d52246d16950e6185' }, this.t.get('label')), ' ', this.disabled
             ? this.t.get(this.theme[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label, { forced: true })
-            : this.t.get(this.theme[(_b = this.mode) !== null && _b !== void 0 ? _b : this.defaultMode].label, { forced: false })), index.h("mds-tab", { key: '22fe4bd6c21908dc356a322226cfe7518952f68d', fill: true, size: this.size }, index.h("mds-tab-item", { key: 'c40a7c19794324a2156bd0cfa6a085e4ed98194e', disabled: this.disabled, selected: this.mode === 'light', onClick: () => {
+            : this.t.get(this.theme[(_b = this.mode) !== null && _b !== void 0 ? _b : this.defaultMode].label, { forced: false })), index.h("mds-tab", { key: '86baac9e84e019c9367a521fcc6d1a61adbc43ce', fill: true, size: this.size }, index.h("mds-tab-item", { key: '8c1d7742877300f0efe7c9e93ddb99aa24722cca', disabled: this.disabled, selected: this.mode === 'light', onClick: () => {
                 if (this.overlayShow) {
                     return;
                 }
                 this.changeTheme('light');
-            }, class: "item item--light", icon: miBaselineLightMode }), index.h("mds-tab-item", { key: '4986b3c390f38ffbe292d36180ab8b6799eda730', disabled: this.disabled, selected: this.mode === 'system', onClick: () => {
+            }, class: "item item--light", icon: miBaselineLightMode }), index.h("mds-tab-item", { key: '1974867e21420238c2e8000091dd2e5dfaf4d0c1', disabled: this.disabled, selected: this.mode === 'system', onClick: () => {
                 if (this.overlayShow) {
                     return;
                 }
                 this.changeTheme('system');
-            }, class: "item item--system", icon: settings.miBaselineSettings }), index.h("mds-tab-item", { key: '5e211984d3891daa894fe391277a1574d98ea1a1', disabled: this.disabled, selected: this.mode === 'dark', onClick: () => {
+            }, class: "item item--system", icon: settings.miBaselineSettings }), index.h("mds-tab-item", { key: '1c433c2879c2165b08d896bdb8fff6d7d8fe1b2e', disabled: this.disabled, selected: this.mode === 'dark', onClick: () => {
                 if (this.overlayShow) {
                     return;
                 }
@@ -262,9 +265,11 @@ const MdsPrefTheme = class {
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
-        "mode": ["modeChanged"]
+        "mode": [{
+                "modeChanged": 0
+            }]
     }; }
 };
-MdsPrefTheme.style = mdsPrefThemeCss;
+MdsPrefTheme.style = mdsPrefThemeCss();
 
 exports.mds_pref_theme = MdsPrefTheme;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var locale = require('./locale-oGW3SvGJ.js');
 
 const reloadPageToSeeChanges$3 = "Πρέπει να ανανεώσετε τη σελίδα για να δείτε όλες τις αλλαγές, διαφορετικά θα είναι ορατές μόνο για τα πρόσφατα μεταφορτωμένα στοιχεία.";
@@ -23,7 +23,7 @@ var localeIt = {
 	reloadPageToSeeChanges: reloadPageToSeeChanges
 };
 
-const mdsPrefCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@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}:host{display:grid;gap:calc(var(--spacing,.0025rem)*400)}:host(:empty),:host([controller]){display:none}.reload-required{display:grid;gap:calc(var(--spacing,.0025rem)*200)}";
+const mdsPrefCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@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}:host{display:grid;gap:calc(var(--spacing,.0025rem)*400)}:host(:empty),:host([controller]){display:none}.reload-required{display:grid;gap:calc(var(--spacing,.0025rem)*200)}`;
 
 const MdsPref = class {
     constructor(hostRef) {
@@ -69,6 +69,9 @@ const MdsPref = class {
             element.removeEventListener('mdsPrefChange', this.handlePrefChangeEvent.bind(this));
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -89,7 +92,7 @@ const MdsPref = class {
     }
     componentDidLoad() {
         var _a;
-        if (window) {
+        if (typeof window !== 'undefined') {
             (_a = document.documentElement) === null || _a === void 0 ? void 0 : _a.setAttribute('data-magma-pref', '');
         }
         if (this.controller) {
@@ -98,20 +101,24 @@ const MdsPref = class {
     }
     disconnectedCallback() {
         var _a;
-        if (window) {
+        if (typeof window !== 'undefined') {
             (_a = document.documentElement) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-magma-pref');
         }
         this.removePerfEvents();
     }
     render() {
-        return (index.h(index.Host, { key: '8c5ead4e84eabbf2382ed64eaec6a6b9efb5ffee' }, index.h("slot", { key: '136f362db37befead20e9f04a9e3a9e8c0f9a94c' }), this.showReload && (index.h("div", { key: '96959ca6338ac7d11259e97f74712378941aab38', class: "reload-required" }, index.h("mds-text", { key: '3d7c32617dc21f76c22e940a7cbc791515863b6a', typography: "caption" }, this.t.get('reloadPageToSeeChanges'))))));
+        return (index.h(index.Host, { key: '9b6e06abc8d530f2e148f4823bb70ace4cfd786b' }, index.h("slot", { key: '5be136360ee11b12cec8664a1e6c228c924a4123' }), this.showReload && (index.h("div", { key: 'a10b658b7a064be2b89101422e273402235c92c8', class: "reload-required" }, index.h("mds-text", { key: 'd66a8213bfc744d590817f72e4ae63e8b3684d40', typography: "caption" }, this.t.get('reloadPageToSeeChanges'))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "controller": ["handleControllerChange"],
-        "size": ["handleSizeChange"]
+        "controller": [{
+                "handleControllerChange": 0
+            }],
+        "size": [{
+                "handleSizeChange": 0
+            }]
     }; }
 };
-MdsPref.style = mdsPrefCss;
+MdsPref.style = mdsPrefCss();
 
 exports.mds_pref = MdsPref;

package/dist/cjs/mds-price-table-features-cell.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var checkCircle = require('./check-circle-Dot_k9WN.js');
 var horizontalRule = require('./horizontal-rule-BnDv-kBK.js');
 
-const mdsPriceTableFeaturesCellCss = "@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-price-table-features-cell-padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-08,107 107 107));--tw-duration:initial;--tw-ease:initial}}}@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}:host{--mds-price-table-features-cell-padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-08,107 107 107));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-bottom:1px solid var(--mds-price-table-features-cell-border-color,rgb(var(--tone-neutral-08,107 107 107)));display:table-cell;padding:var(--mds-price-table-features-cell-padding,var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)));transition-duration:.2s;transition-property:border-color,transform;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));vertical-align:top}.icon{height:calc(var(--spacing,.0025rem)*600);width:calc(var(--spacing,.0025rem)*600);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));display:flex;fill:var(--icon-fill-color,currentColor);transition-duration:.2s;transition-property:fill;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.icon svg{aspect-ratio:1;aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.icon--supported{--icon-fill-color:var(--mds-price-table-features-cell-icon-supported-color,rgb(var(--label-green-06,30 171 82)))}.icon--unsupported{--icon-fill-color:var(--mds-price-table-features-cell-icon-unsupported-color,rgb(var(--tone-neutral-06,158 158 158)))}:host-context(:root.pref-animation-reduce){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-price-table-features-cell-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-03,173 241 198));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-04,218 218 218))}:host-context(:root.pref-contrast-more){--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-01,231 251 239));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-04,218 218 218))}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{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]))) .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-price-table-features-cell-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-03,173 241 198));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-04,218 218 218))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-01,231 251 239));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-04,218 218 218))}}";
+const mdsPriceTableFeaturesCellCss = () => `@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-price-table-features-cell-padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-08,107 107 107));--tw-duration:initial;--tw-ease:initial}}}@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}:host{--mds-price-table-features-cell-padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-08,107 107 107));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-bottom:1px solid var(--mds-price-table-features-cell-border-color,rgb(var(--tone-neutral-08,107 107 107)));display:table-cell;padding:var(--mds-price-table-features-cell-padding,var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)));transition-duration:.2s;transition-property:border-color,transform;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));vertical-align:top}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.icon{height:calc(var(--spacing,.0025rem)*600);width:calc(var(--spacing,.0025rem)*600);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));display:flex;fill:var(--icon-fill-color,currentColor);transition-duration:.2s;transition-property:fill;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.icon--supported{--icon-fill-color:var(--mds-price-table-features-cell-icon-supported-color,rgb(var(--label-green-06,30 171 82)))}.icon--unsupported{--icon-fill-color:var(--mds-price-table-features-cell-icon-unsupported-color,rgb(var(--tone-neutral-06,158 158 158)))}:host-context(:root.pref-animation-reduce){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-price-table-features-cell-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-03,173 241 198));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-04,218 218 218))}:host-context(:root.pref-contrast-more){--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-01,231 251 239));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-04,218 218 218))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{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]))) .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-price-table-features-cell-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-03,173 241 198));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-04,218 218 218))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-01,231 251 239));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-04,218 218 218))}}`;
 
 const MdsPriceTableFeaturesCell = class {
     constructor(hostRef) {
@@ -15,9 +15,9 @@ const MdsPriceTableFeaturesCell = class {
         this.type = 'text';
     }
     render() {
-        return (index.h(index.Host, { key: '54e7d4ba98f366ca072ce0e4faf02a093db43369' }, this.type === 'supported' && (index.h("i", { key: '3131fd8fc3fae4b821fd643e84477ef78700d2e2', class: "icon icon--supported", innerHTML: checkCircle.miBaselineCheckCircle, part: "icon" })), this.type === 'unsupported' && (index.h("i", { key: '8080a37fd7dc031bc3e162480a76d88b5b1a32f6', class: "icon icon--unsupported", innerHTML: horizontalRule.miBaselineHorizontalRule, part: "icon" })), this.type === 'text' && (index.h("mds-text", { key: '47ccf913caed4f3a3b8070e8c5d51699fa66b96b', part: "text", typography: "detail" }, index.h("slot", { key: '125c00d4287ce168a20d1cde74ad06bd61d19112' }))), this.type === 'custom' && index.h("slot", { key: '875b44b69e06f7d8a464b4d598b5a00680d78a3a' }), this.type === 'label' && index.h("slot", { key: 'f584c21d6d8af59d3a8a0be9b4f008478eefd279' })));
+        return (index.h(index.Host, { key: 'c2128e191ac5c1b87f07094c22ec8933b7a21874' }, this.type === 'supported' && (index.h("i", { key: 'af9fc4de6bdf3698ce80126b5166809920ec209c', class: "icon icon--supported", innerHTML: checkCircle.miBaselineCheckCircle, part: "icon" })), this.type === 'unsupported' && (index.h("i", { key: 'ca1fd3835fa926af3989f75e79354512d46ae37a', class: "icon icon--unsupported", innerHTML: horizontalRule.miBaselineHorizontalRule, part: "icon" })), this.type === 'text' && (index.h("mds-text", { key: '6ad51db1f44912c8e175edf8530234d947bda5a5', part: "text", typography: "detail" }, index.h("slot", { key: '856ddd5a1d444fe3127379f2d7b2c2ce1a27c292' }))), this.type === 'custom' && index.h("slot", { key: '0a206aad7c9d1e7ba0e647db8ebb47a8eef396aa' }), this.type === 'label' && index.h("slot", { key: '17d326be1ffeb2fb4f0dc832e0233a8cf5fcd197' })));
     }
 };
-MdsPriceTableFeaturesCell.style = mdsPriceTableFeaturesCellCss;
+MdsPriceTableFeaturesCell.style = mdsPriceTableFeaturesCellCss();
 
 exports.mds_price_table_features_cell = MdsPriceTableFeaturesCell;

package/dist/cjs/mds-price-table-features-row.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsPriceTableFeaturesRowCss = "@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-price-table-features-row-background:transparent;--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-price-table-features-row-color:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-price-table-features-cell: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-price-table-features-row-background{syntax:\"<color>\";inherits:false;initial-value:#0000}:host{--mds-price-table-features-row-background:transparent;--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-price-table-features-row-color:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-price-table-features-row-background,transparent);color:var(--mds-price-table-features-row-color,rgb(var(--tone-neutral-04,218 218 218)));display:table-row;transition-duration:.2s;transition-property:background-color,color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host-context(:not(.safari)):host(:hover){--mds-price-table-features-row-background:var(--mds-price-table-features-row-background-hover,rgb(var(--tone-neutral-10,60 60 60)));--mds-price-table-features-row-color:var(--mds-price-table-features-row-color-hover,rgb(var(--tone-neutral-01,255 255 255)))}:host-context(:not(.safari)):host(:hover)>::slotted(mds-price-table-features-cell){--mds-price-table-features-cell-icon-supported-color:var(--mds-price-table-features-cell-icon-supported-color-hover,rgb(var(--label-green-06,30 171 82)));--mds-price-table-features-cell-icon-unsupported-color:var(--mds-price-table-features-cell-icon-unsupported-color-hover,rgb(var(--tone-neutral-06,158 158 158)))}:host>::slotted([type=label]){padding-left:0}:host-context(:not(.safari)):host(:hover)>::slotted([type=label]){-webkit-transform:translate(calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*200))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-contrast-more){--mds-price-table-features-row-color:rgb(var(--tone-neutral-01,255 255 255));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-09,76 76 76))}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-price-table-features-row-color:rgb(var(--tone-neutral-01,255 255 255));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255))}}@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-price-table-features-row-background-hover:rgb(var(--tone-neutral-09,76 76 76))}}";
+const mdsPriceTableFeaturesRowCss = () => `@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-price-table-features-row-background:transparent;--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-price-table-features-row-color:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-price-table-features-cell: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-price-table-features-row-background{syntax:"<color>";inherits:false;initial-value:#0000}:host{--mds-price-table-features-row-background:transparent;--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-price-table-features-row-color:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-price-table-features-row-background,transparent);color:var(--mds-price-table-features-row-color,rgb(var(--tone-neutral-04,218 218 218)));display:table-row;transition-duration:.2s;transition-property:background-color,color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host-context(:not(.safari)):host(:hover){--mds-price-table-features-row-background:var(--mds-price-table-features-row-background-hover,rgb(var(--tone-neutral-10,60 60 60)));--mds-price-table-features-row-color:var(--mds-price-table-features-row-color-hover,rgb(var(--tone-neutral-01,255 255 255)))}:host-context(:not(.safari)):host(:hover)>::slotted(mds-price-table-features-cell){--mds-price-table-features-cell-icon-supported-color:var(--mds-price-table-features-cell-icon-supported-color-hover,rgb(var(--label-green-06,30 171 82)));--mds-price-table-features-cell-icon-unsupported-color:var(--mds-price-table-features-cell-icon-unsupported-color-hover,rgb(var(--tone-neutral-06,158 158 158)))}:host>::slotted([type=label]){padding-left:0}:host-context(:not(.safari)):host(:hover)>::slotted([type=label]){-webkit-transform:translate(calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*200))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-contrast-more){--mds-price-table-features-row-color:rgb(var(--tone-neutral-01,255 255 255));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-09,76 76 76))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-price-table-features-row-color:rgb(var(--tone-neutral-01,255 255 255));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255))}}@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-price-table-features-row-background-hover:rgb(var(--tone-neutral-09,76 76 76))}}`;
 
 const MdsPriceTableFeaturesRow = class {
     constructor(hostRef) {
@@ -16,10 +16,10 @@ const MdsPriceTableFeaturesRow = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '81ade11b3ab36047fe6ea3abd16b8766f1660b87' }, index.h("slot", { key: '570984b400f99165ee9f3f40ffd93ad19b437dd9' })));
+        return (index.h(index.Host, { key: '49b215263ed6aad599fcf7371fc88091febf16de' }, index.h("slot", { key: 'edbfb6111c9363ecf3510f29a3d2ce137e303472' })));
     }
     get host() { return index.getElement(this); }
 };
-MdsPriceTableFeaturesRow.style = mdsPriceTableFeaturesRowCss;
+MdsPriceTableFeaturesRow.style = mdsPriceTableFeaturesRowCss();
 
 exports.mds_price_table_features_row = MdsPriceTableFeaturesRow;

package/dist/cjs/mds-price-table-features.cjs.entry.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsPriceTableFeaturesCss = "@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-price-table-features-border-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-padding:calc(var(--spacing,.0025rem)*300);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host{--mds-price-table-features-border-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-padding:calc(var(--spacing,.0025rem)*300);--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:flex;transition-duration:.2s;transition-property:border-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));width:100%}.table-wrapper{scroll-margin-inline:calc(var(--spacing,.0025rem)*600);width:100%}table{border-collapse:collapse;min-width:100%;table-layout:fixed}header{border-bottom:1px solid var(--mds-price-table-features-border-color,rgb(var(--tone-neutral-06,158 158 158)));padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300))var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300))var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300))0}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-price-table-features-border-color:rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more){--mds-price-table-features-border-color:rgb(var(--tone-neutral-03,233 233 233))}: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 --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@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]))){--mds-price-table-features-border-color:rgb(var(--tone-neutral-05,197 197 197))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-price-table-features-border-color:rgb(var(--tone-neutral-03,233 233 233))}}";
+const mdsPriceTableFeaturesCss = () => `@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-price-table-features-border-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-padding:calc(var(--spacing,.0025rem)*300);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host{--mds-price-table-features-border-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-padding:calc(var(--spacing,.0025rem)*300);--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:flex;transition-duration:.2s;transition-property:border-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));width:100%}.table-wrapper{scroll-margin-inline:calc(var(--spacing,.0025rem)*600);width:100%}table{border-collapse:collapse;min-width:100%;table-layout:fixed}header{border-bottom:1px solid var(--mds-price-table-features-border-color,rgb(var(--tone-neutral-06,158 158 158)));padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)) var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)) var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)) 0}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-price-table-features-border-color:rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more){--mds-price-table-features-border-color:rgb(var(--tone-neutral-03,233 233 233))}: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 --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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]))){--mds-price-table-features-border-color:rgb(var(--tone-neutral-05,197 197 197))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-price-table-features-border-color:rgb(var(--tone-neutral-03,233 233 233))}}`;
 
 const MdsPriceTableFeatures = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'c1c9c47c868a3811604fa8a2a163b2093f146e03' }, index.h("div", { key: 'a308014a1778ff72e0e3e552bff15c0f1d18c15d', class: "table-wrapper" }, this.label && (index.h("header", { key: '421aecece294adb7d717a8f5b5b55bc7cb39e801', part: "header" }, index.h("mds-text", { key: '4506989506031cc040e201e2aa1ee1f2b217b53c', typography: "detail" }, index.h("b", { key: 'f065ba3c8c054f385ee8fef05dcff1b4bdf65ade' }, this.label)))), index.h("table", { key: '97bb2c61f606d69a815f29a5d6c994cc19ae4e84' }, index.h("tbody", { key: 'c70053b39c21e3ad4f9558d0fe031c111ce5b9cd' }, index.h("slot", { key: 'c854ebd92ead2d68d63b4838f8826cadf3338211' }))))));
+        return (index.h(index.Host, { key: 'e7f9344d10b9d60dc268381a74eccf8514b3c398' }, index.h("div", { key: '5b705f564d319faeac9d4eb622e462eabeee7031', class: "table-wrapper" }, this.label && (index.h("header", { key: '5f84a45d54385488a527afc523448756624170f9', part: "header" }, index.h("mds-text", { key: '7316e7c2d5793513f582643b76974c266faedc10', typography: "detail" }, index.h("b", { key: 'baa6b6737d4cdd98c8405d3eb4421a1fb0b1b518' }, this.label)))), index.h("table", { key: 'f20e7627f4e4770b1e4bd475a945acc111e5ce8a' }, index.h("tbody", { key: '6f4d54def644b954a56e8a7ada75ca913f65a837' }, index.h("slot", { key: '2b96abcc2dc865bd55ec953d429f345d89904dc7' }))))));
     }
 };
-MdsPriceTableFeatures.style = mdsPriceTableFeaturesCss;
+MdsPriceTableFeatures.style = mdsPriceTableFeaturesCss();
 
 exports.mds_price_table_features = MdsPriceTableFeatures;

package/dist/cjs/mds-price-table-header.cjs.entry.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsPriceTableHeaderCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-price-table-list: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{display:grid;gap:calc(var(--spacing,.0025rem)*600);grid-template-columns:repeat(auto-fit,minmax(1px,1fr))}";
+const mdsPriceTableHeaderCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-price-table-list: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{display:grid;gap:calc(var(--spacing,.0025rem)*600);grid-template-columns:repeat(auto-fit,minmax(1px,1fr))}`;
 
 const MdsPriceTableHeader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '42fabeb365252635792adb6b5f28ba16f6ebe9e3' }, index.h("slot", { key: '1f2726a1e4df0605cb2e5d635f37193834408d47' })));
+        return (index.h(index.Host, { key: 'b882376c905d6e22fddcc441877d7b2ffd2eda12' }, index.h("slot", { key: 'cc100d18a2026ea3223fefb6207969e8e2ac46ab' })));
     }
 };
-MdsPriceTableHeader.style = mdsPriceTableHeaderCss;
+MdsPriceTableHeader.style = mdsPriceTableHeaderCss();
 
 exports.mds_price_table_header = MdsPriceTableHeader;

package/dist/cjs/mds-price-table-list-item.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var checkCircle = require('./check-circle-Dot_k9WN.js');
 var horizontalRule = require('./horizontal-rule-BnDv-kBK.js');
 
-const mdsPriceTableListItemCss = "@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-price-table-list-item-supported-icon-color-hover:rgb(var(--label-green-05,37 213 102));--mds-price-table-list-item-supported-icon-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-list-item-unsupported-icon-color-hover:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-list-item-unsupported-icon-color:rgb(var(--tone-neutral-05,197 197 197));--tw-ease:initial}}}@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}:host{--mds-price-table-list-item-supported-icon-color-hover:rgb(var(--label-green-05,37 213 102));--mds-price-table-list-item-supported-icon-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-list-item-unsupported-icon-color-hover:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-list-item-unsupported-icon-color:rgb(var(--tone-neutral-05,197 197 197));align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*100)}.text{flex-grow:1}.icon-container{flex-shrink:0}.icon{display:flex;height:calc(var(--spacing,.0025rem)*600);width:calc(var(--spacing,.0025rem)*600);--tw-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));fill:var(--mds-price-table-list-item-unsupported-icon-color,rgb(var(--tone-neutral-05,197 197 197)));-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:fill;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([supported]:not([supported=false])) .icon{fill:var(--mds-price-table-list-item-supported-icon-color,rgb(var(--label-green-06,30 171 82)))}@property --tw-ease{syntax:\"*\";inherits:false}";
+const mdsPriceTableListItemCss = () => `@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-price-table-list-item-supported-icon-color-hover:rgb(var(--label-green-05,37 213 102));--mds-price-table-list-item-supported-icon-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-list-item-unsupported-icon-color-hover:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-list-item-unsupported-icon-color:rgb(var(--tone-neutral-05,197 197 197));--tw-ease:initial}}}@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}:host{--mds-price-table-list-item-supported-icon-color-hover:rgb(var(--label-green-05,37 213 102));--mds-price-table-list-item-supported-icon-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-list-item-unsupported-icon-color-hover:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-list-item-unsupported-icon-color:rgb(var(--tone-neutral-05,197 197 197));align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*100)}.text{flex-grow:1}.icon-container{flex-shrink:0}.icon{display:flex;height:calc(var(--spacing,.0025rem)*600);width:calc(var(--spacing,.0025rem)*600);--tw-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));fill:var(--mds-price-table-list-item-unsupported-icon-color,rgb(var(--tone-neutral-05,197 197 197)));-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:fill;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([supported]:not([supported=false])) .icon{fill:var(--mds-price-table-list-item-supported-icon-color,rgb(var(--label-green-06,30 171 82)))}@property --tw-ease{syntax:"*";inherits:false}`;
 
 const MdsPriceTableListItem = class {
     constructor(hostRef) {
@@ -19,9 +19,9 @@ const MdsPriceTableListItem = class {
         this.typography = 'detail';
     }
     render() {
-        return (index.h(index.Host, { key: '90b909850952b68e79aecf6222ca9eb2e0d32a3f', slot: "item" }, index.h("mds-text", { key: '16c8618310b452ac9f478036605655139eec1513', class: "icon-container", typography: this.typography }, this.supported ? (index.h("i", { class: "icon", innerHTML: checkCircle.miBaselineCheckCircle, part: "icon" })) : (index.h("i", { class: "icon", innerHTML: horizontalRule.miBaselineHorizontalRule, part: "icon" }))), index.h("mds-text", { key: '5cc3f23b819caebb5b5c25401da75dbc9b023659', class: "text", typography: this.typography }, index.h("slot", { key: 'd824314eb2e3e056b2924a159ffa85152ebbf9e4' }))));
+        return (index.h(index.Host, { key: '10cdc06ed8d528e21a4d5c9d40752e61e5a670a0', slot: "item" }, index.h("mds-text", { key: '93487f55363206856aa655044df9b4190b486a77', class: "icon-container", typography: this.typography }, this.supported ? (index.h("i", { class: "icon", innerHTML: checkCircle.miBaselineCheckCircle, part: "icon" })) : (index.h("i", { class: "icon", innerHTML: horizontalRule.miBaselineHorizontalRule, part: "icon" }))), index.h("mds-text", { key: '8e91a53122918c3629d7d2db466f66e8f0a2d838', class: "text", typography: this.typography }, index.h("slot", { key: '9d6d6071ca509914c1b6f467b6cda11d4eb51fec' }))));
     }
 };
-MdsPriceTableListItem.style = mdsPriceTableListItemCss;
+MdsPriceTableListItem.style = mdsPriceTableListItemCss();
 
 exports.mds_price_table_list_item = MdsPriceTableListItem;

package/dist/cjs/mds-price-table-list.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsPriceTableListCss = "@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-price-table-list-separator-color:rgb(var(--tone-neutral-03,233 233 233)/.5);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-separator: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-price-table-list-separator-color:rgb(var(--tone-neutral-03,233 233 233)/.5);border-radius:var(--radius-xl,20px);gap:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*600);--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:rgb(var(--label-green-10,12 68 33));display:grid;transition-duration:.2s;transition-property:background-color,color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.separator{--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-price-table-list-separator-color,rgb(var(--tone-neutral-03,233 233 233)/.5));transition-duration:.2s;transition-property:background-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.header,.main{display:grid}.main{gap:calc(var(--spacing,.0025rem)*300)}.footer{display:grid;gap:calc(var(--spacing,.0025rem)*400)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .separator{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);background-color:rgb(var(--label-green-09,14 81 39));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);-webkit-box-shadow:var(--shadow-outline-50)inset;box-shadow:var(--shadow-outline-50)inset;color:rgb(var(--tone-neutral-01,255 255 255))}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{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]))) .separator{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-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);background-color:rgb(var(--label-green-09,14 81 39));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);-webkit-box-shadow:var(--shadow-outline-50)inset;box-shadow:var(--shadow-outline-50)inset;color:rgb(var(--tone-neutral-01,255 255 255))}}";
+const mdsPriceTableListCss = () => `@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-price-table-list-separator-color:rgb(var(--tone-neutral-03,233 233 233)/.5);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-separator: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-price-table-list-separator-color:rgb(var(--tone-neutral-03,233 233 233)/.5);border-radius:var(--radius-xl,20px);gap:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*600);--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:rgb(var(--label-green-10,12 68 33));display:grid;transition-duration:.2s;transition-property:background-color,color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.separator{--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-price-table-list-separator-color,rgb(var(--tone-neutral-03,233 233 233)/.5));transition-duration:.2s;transition-property:background-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.header,.main{display:grid}.main{gap:calc(var(--spacing,.0025rem)*300)}.footer{display:grid;gap:calc(var(--spacing,.0025rem)*400)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .separator{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);background-color:rgb(var(--label-green-09,14 81 39));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset;color:rgb(var(--tone-neutral-01,255 255 255))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{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]))) .separator{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-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);background-color:rgb(var(--label-green-09,14 81 39));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset;color:rgb(var(--tone-neutral-01,255 255 255))}}`;
 
 const MdsPriceTableList = class {
     constructor(hostRef) {
@@ -13,10 +13,10 @@ const MdsPriceTableList = class {
             this.hostElement.querySelectorAll('[slot="item"], mds-price-table-list-item').length > 0;
     }
     render() {
-        return (index.h(index.Host, { key: '9839e2822db4193a8deb66c594a425786a535d1f' }, index.h("div", { key: '58507843f8e7eae61e26eafaeb99f01c77480ed1', class: "header", part: "header" }, index.h("slot", { key: '5f7541028888ada10f64725d1ecf0ebb5e4d9832', name: "header" })), this.hasItems && index.h("mds-separator", { key: '566ca8c9ba02b76f47f3bfcaa0100449b07e6146', class: "separator" }), this.hasItems && (index.h("main", { key: '0f03d7c886ce609ee8efa658408ba2c53e38015b', class: "main", part: "content" }, index.h("slot", { key: '1044b8d53d3234bcd10dd9cd912c4574c0d3436a', name: "item" }))), index.h("div", { key: '4f5ace1034982ee7f4d8942819a987439ba36509', class: "footer", part: "footer" }, index.h("slot", { key: 'a8f206d356219f57376bd341c7447497a6e88c52', name: "price" }), index.h("slot", { key: 'c9ed7291e71ee29a1c0a7542fb79065934523ec0', name: "action" }))));
+        return (index.h(index.Host, { key: 'bb6d784c26371390055494e96fb4194f6525113f' }, index.h("div", { key: '4158b4739e07535d56db97ff286f6c6339da5f76', class: "header", part: "header" }, index.h("slot", { key: 'bccecac7c5f63db407b2658e6a9d5ef1eb2f5468', name: "header" })), this.hasItems && index.h("mds-separator", { key: '2822bfea0edcf58ea26f5ac8f3b2c4f0751f0318', class: "separator" }), this.hasItems && (index.h("main", { key: '32c5d76670faf634a9d386a78e2e201c16b270b2', class: "main", part: "content" }, index.h("slot", { key: 'd3c61f5f594a1e4e323e86ecded79587deb875ae', name: "item" }))), index.h("div", { key: '422d6ac5f00182b404b32fd7adf7bf9214e5bedd', class: "footer", part: "footer" }, index.h("slot", { key: '74fdaaf493a48a6251f4ca7d38abea6e560d201b', name: "price" }), index.h("slot", { key: 'eff0dfa6116d33f667f342ccd79b9bff13364511', name: "action" }))));
     }
     get hostElement() { return index.getElement(this); }
 };
-MdsPriceTableList.style = mdsPriceTableListCss;
+MdsPriceTableList.style = mdsPriceTableListCss();
 
 exports.mds_price_table_list = MdsPriceTableList;

package/dist/cjs/mds-price-table.cjs.entry.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 
-const mdsPriceTableCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-price-table-features,mds-price-table-header,mds-price-table-list):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{display:grid;gap:calc(var(--spacing,.0025rem)*600)}";
+const mdsPriceTableCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-price-table-features,mds-price-table-header,mds-price-table-list):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{display:grid;gap:calc(var(--spacing,.0025rem)*600)}`;
 
 const MdsPriceTable = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '2d2b09b6b5ec12bccfa957bf0a7ab636eacf8639' }, index.h("slot", { key: '1db821d187a0488397440de72739af6d7c30c971' })));
+        return (index.h(index.Host, { key: '4a7524eda2d51d229b579063684f617d686bca52' }, index.h("slot", { key: 'c6eeb79e4b5439383b992832d6e346221a8ee067' })));
     }
 };
-MdsPriceTable.style = mdsPriceTableCss;
+MdsPriceTable.style = mdsPriceTableCss();
 
 exports.mds_price_table = MdsPriceTable;