@rededor/cura 1.8.3-alpha.0 → 2.0.0-alpha.11

package/dist/esm/cura-modal.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-OdKytJIH.js';
-import './cura-theme-module-BPKQjAwN.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Ce1Pxw3V.js';
+import './theme-legacy-default-BTIDzOyO.js';
 
-const curaModalCss = ":host{display:block}.modal{position:fixed;height:100%;width:100%;top:var(--top-offset);bottom:var(--bottom-offset);left:var(--left-offset);right:var(--right-offset);z-index:-1;margin-top:var(--offset-top)}.modal.open{z-index:var(--zIndex)}.modal.open .backdrop,.modal.open .wrapper{opacity:1;visibility:visible;animation:fadeIn 0.3s ease-out}.container{display:flex;align-items:center;justify-content:center}.backdrop,.wrapper{opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease}.backdrop{background-color:var(--background-color);z-index:calc(var(--zIndex) - 10);animation:fadeIn 0.3s ease-out}.wrapper{position:fixed;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-light);border-radius:calc(var(--cura-spacing-base) * 3px);max-width:600px;min-width:200px;padding:calc(calc(var(--cura-spacing-base) * 1px) / 2) calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px);z-index:var(--zIndex);box-shadow:0px 8px 16px 0px var(--neutral-black-shadow-4, rgba(38, 38, 38, 0.12));transform:scale(0.95);transition:transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease}.wrapper ::slotted(*){max-height:80vh;overflow:auto;padding-right:calc(var(--cura-spacing-base) * 5px)}.modal.open .wrapper{transform:scale(1);opacity:1;visibility:visible}.close{justify-self:flex-end;padding-top:calc(var(--cura-spacing-base) * 4px);background:none;border:none;cursor:pointer}.close.mobile{display:none}.close.desktop{display:flex;padding:0;margin-right:-8px}@media (max-width: 768px){.wrapper{position:fixed;bottom:0px;width:80%;padding-top:calc(var(--cura-spacing-base) * 4px);padding-bottom:0px;border-radius:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px) 0px 0px;border-bottom:none}.close{align-items:center;border-top:1px dashed var(--neutral-light);margin-top:calc(var(--cura-spacing-base) * 4px);padding:calc(var(--cura-spacing-base) * 2px) 0px;justify-content:center;width:100%}.close.mobile{display:flex;gap:calc(var(--cura-spacing-base) * 2px)}.close.desktop{display:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}";
+const curaModalCss = () => `:host{display:block}.modal{position:fixed;height:100%;width:100%;top:var(--top-offset);bottom:var(--bottom-offset);left:var(--left-offset);right:var(--right-offset);z-index:-1;margin-top:var(--offset-top)}.modal.open{z-index:var(--zIndex)}.modal.open .backdrop,.modal.open .wrapper{opacity:1;visibility:visible;animation:fadeIn 0.3s ease-out}.container{display:flex;align-items:center;justify-content:center}.backdrop,.wrapper{opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease}.backdrop{background-color:var(--background-color);z-index:calc(var(--zIndex) - 10);animation:fadeIn 0.3s ease-out}.wrapper{position:fixed;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-light);border-radius:calc(var(--cura-spacing-base) * 3px);max-width:600px;min-width:200px;padding:calc(calc(var(--cura-spacing-base) * 1px) / 2) calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px);z-index:var(--zIndex);box-shadow:0px 8px 16px 0px var(--neutral-black-shadow-4, rgba(38, 38, 38, 0.12));transform:scale(0.95);transition:transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease}.wrapper ::slotted(*){max-height:80vh;overflow:auto;padding-right:calc(var(--cura-spacing-base) * 5px)}.modal.open .wrapper{transform:scale(1);opacity:1;visibility:visible}.close{justify-self:flex-end;padding-top:calc(var(--cura-spacing-base) * 4px);background:none;border:none;cursor:pointer}.close.mobile{display:none}.close.desktop{display:flex;padding:0;margin-right:-8px}@media (max-width: 768px){.wrapper{position:fixed;bottom:0px;width:80%;padding-top:calc(var(--cura-spacing-base) * 4px);padding-bottom:0px;border-radius:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px) 0px 0px;border-bottom:none}.close{align-items:center;border-top:1px dashed var(--neutral-light);margin-top:calc(var(--cura-spacing-base) * 4px);padding:calc(var(--cura-spacing-base) * 2px) 0px;justify-content:center;width:100%}.close.mobile{display:flex;gap:calc(var(--cura-spacing-base) * 2px)}.close.desktop{display:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}`;
 
 const CuraModal = class {
     constructor(hostRef) {
@@ -108,16 +108,23 @@ const CuraModal = class {
         return (h(Host, { key: 'a6f81dd34ff6bea8c00a6ea08ba2967d8b37890b', role: "dialog", "aria-modal": "true", style: { '--zIndex': this.zindex } }, h("div", { key: '87c8a89c0ae261fd6d8ed8259ed4a18b92a6bf55', class: this.open ? 'modal container open' : 'modal container', style: this.styles }, h("div", { key: '1377054aaf87f31e2f27a32b813f21a3227a0679', class: this.open ? 'modal backdrop open' : 'modal backdrop', onClick: this.canClose ? this.handleClose : undefined }), h("div", { key: 'b8764e38f17fc18f6390b1454f73adc5b0f28024', class: "wrapper" }, this.canClose && (h("div", { key: 'e3b741e2885d879368b041c0da3ffa8ff1f6b1c4', class: "close desktop" }, h("cura-button-transparent", { key: '5c85f8cb21415741e3af4ab8833b031597faed50', iconName: "close", color: "error", size: "small", onClick: this.handleClose, iconOnly: true }))), h("slot", { key: 'fd0b51474b2fc973ad1dd6b626f42726e0972afb' }), this.canClose && (h("div", { key: 'da7b3e03af84967a38f398cde77495d6baa8af35', class: "close mobile", onClick: this.handleClose }, h("cura-button-transparent", { key: 'd95e7ed4963e6ad678dca0b23e5fdfb609dc7f6f', color: "error", iconName: "close", size: "small" }, this.mobileCloseLabel)))))));
     }
     static get watchers() { return {
-        "background": ["setColors"],
-        "top": ["setTop"],
-        "bottom": ["setBottom"],
-        "left": ["setLeft"],
-        "right": ["setRight"]
+        "background": [{
+                "setColors": 0
+            }],
+        "top": [{
+                "setTop": 0
+            }],
+        "bottom": [{
+                "setBottom": 0
+            }],
+        "left": [{
+                "setLeft": 0
+            }],
+        "right": [{
+                "setRight": 0
+            }]
     }; }
 };
-CuraModal.style = curaModalCss;
+CuraModal.style = curaModalCss();
 
 export { CuraModal as cura_modal };
-//# sourceMappingURL=cura-modal.entry.js.map
-
-//# sourceMappingURL=cura-modal.entry.js.map

package/dist/esm/cura-progress-bar_2.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-OdKytJIH.js';
-import './cura-theme-module-BPKQjAwN.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-Ce1Pxw3V.js';
+import './theme-legacy-default-BTIDzOyO.js';
 
-const curaProgressBarCss = ":host{display:block;box-sizing:border-box}.progress-bar{position:relative;display:flex;align-items:center;justify-content:center}.progress-bar span{position:absolute;display:flex}";
+const curaProgressBarCss = () => `:host{display:block;box-sizing:border-box}.progress-bar{position:relative;display:flex;align-items:center;justify-content:center}.progress-bar span{position:absolute;display:flex}`;
 
 const CuraProgressBar = class {
     constructor(hostRef) {
@@ -23,9 +23,9 @@ const CuraProgressBar = class {
         return (h(Host, { key: '6deebf97271b84fcecb9e1d688c79ae88b2aa618' }, h("div", { key: 'f6556e004e4d0cc4de342292610764b74495e3b0', class: "progress-bar" }, h("svg", { key: 'ffc1de55ded85602db1840812cd1f296a413c39e', width: this.size, height: this.size, viewBox: viewBox }, h("circle", { key: '691beeaf7b5fb5d670bfde48d8023b742bd97126', fill: "none", stroke: "#ccc", cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px` }), this.active && (h("circle", { key: '0fee97b7da871d6b242786bbcf175e9792da69f8', fill: "none", stroke: this.progressColor, cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px`, transform: `rotate(-90 ${this.size / 2} ${this.size / 2})`, "stroke-dasharray": `${dash}px ${circumference - dash}px`, "stroke-linecap": "round", style: { transition: 'all 0.5s' } }))), h("span", { key: '8e78dd28e8fad5ee4d9aef8029a73b6cf6d778cc' }, h("slot", { key: 'aa7155860e7aa0bcd2aef87bed2a5530161de4aa' })))));
     }
 };
-CuraProgressBar.style = curaProgressBarCss;
+CuraProgressBar.style = curaProgressBarCss();
 
-const curaStepperItemCss = ":host{display:block;box-sizing:border-box}.item-container{display:flex;gap:4px;align-items:center}";
+const curaStepperItemCss = () => `:host{display:block;box-sizing:border-box}.item-container{display:flex;gap:4px;align-items:center}`;
 
 const CuraStepperItem = class {
     constructor(hostRef) {
@@ -97,9 +97,6 @@ const CuraStepperItem = class {
     }
     get hostElement() { return getElement(this); }
 };
-CuraStepperItem.style = curaStepperItemCss;
+CuraStepperItem.style = curaStepperItemCss();
 
 export { CuraProgressBar as cura_progress_bar, CuraStepperItem as cura_stepper_item };
-//# sourceMappingURL=cura-progress-bar.cura-stepper-item.entry.js.map
-
-//# sourceMappingURL=cura-progress-bar_2.entry.js.map

package/dist/esm/cura-radio.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-OdKytJIH.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Ce1Pxw3V.js';
 import { f as formsSizes } from './cura-forms.definitions-Dot54hbB.js';
-import './cura-theme-module-BPKQjAwN.js';
+import './theme-legacy-default-BTIDzOyO.js';
 
-const curaRadioCss = "@charset \"UTF-8\";:host{display:block;box-sizing:border-box;min-width:0;}:host .container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer}:host .position.container{flex-direction:row}:host .position .label-wrapper{justify-content:end}:host .position .message{text-align:right}:host .position .label{order:1}:host .label.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;min-width:0;max-width:100%}:host .info{display:flex;flex-direction:column;overflow:hidden}:host .label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}:host .control{width:fit-content;cursor:pointer;position:relative}:host .radio{margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;border:2px solid var(--primary-base-neutral-medium);background:var(--neutral-purewhite);box-sizing:border-box;transition:border-color 0.3s;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--size);height:var(--size);flex:0 0 var(--size)}:host .radio::after{content:\"\";background:var(--color-base-light);border-radius:50%;opacity:0;transition:opacity 0.3s;width:var(--size-after);height:var(--size-after)}:host .radio:focus{border-color:var(--info-base) !important}:host .success .radio{border-color:var(--success-base);background:var(--success-lighter)}:host .success .radio:hover{border-color:var(--success-base) !important}:host .success.checked .radio{border-color:var(--success-base)}:host .success.checked .radio::after{background:var(--success-base)}:host .success.checked .radio:hover{background:var(--success-lighter) !important;border-color:var(--success-base) !important}:host .success.checked .radio:hover::after{background:var(--success-base) !important}:host .error .radio{border-color:var(--error-base);background:var(--error-lighter)}:host .error .radio:hover{border-color:var(--error-base) !important}:host .error.checked .radio{border-color:var(--error-base)}:host .error.checked .radio::after{background:var(--error-base)}:host .error.checked .radio:hover{background:var(--error-lighter) !important;border-color:var(--error-base) !important}:host .error.checked .radio:hover::after{background:var(--error-base) !important}:host .checked .radio::after{opacity:1;background:var(--color-base)}:host .checked .radio{border-color:var(--color-dark)}:host .checked .radio:hover{border-color:var(--color-light) !important}:host .checked .radio:hover::after{background:var(--color-light)}:host .disabled .radio{background:var(--primary-base-neutral-white);border-color:var(--primary-darker-neutral-base);cursor:not-allowed}:host .disabled .radio::after{background:var(--neutral-lighter)}:host .disabled.checked .radio{border-color:var(--primary-base-neutral-base) !important;background:var(--primary-darker-neutral-white) !important}:host .disabled.checked .radio::after{background:var(--primary-base-neutral-base) !important}:host :not(.disabled):not(.checked) .radio:hover{border-color:var(--primary-base-neutral-dark)}";
+const curaRadioCss = () => `@charset "UTF-8";:host{display:block;box-sizing:border-box;min-width:0;}:host .container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer}:host .position.container{flex-direction:row}:host .position .label-wrapper{justify-content:end}:host .position .message{text-align:right}:host .position .label{order:1}:host .label.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;min-width:0;max-width:100%}:host .info{display:flex;flex-direction:column;overflow:hidden}:host .label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}:host .control{width:fit-content;cursor:pointer;position:relative}:host .radio{margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;border:2px solid var(--primary-base-neutral-medium);background:var(--neutral-purewhite);box-sizing:border-box;transition:border-color 0.3s;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--size);height:var(--size);flex:0 0 var(--size)}:host .radio::after{content:"";background:var(--color-base-light);border-radius:50%;opacity:0;transition:opacity 0.3s;width:var(--size-after);height:var(--size-after)}:host .radio:focus{border-color:var(--info-base) !important}:host .success .radio{border-color:var(--success-base);background:var(--success-lighter)}:host .success .radio:hover{border-color:var(--success-base) !important}:host .success.checked .radio{border-color:var(--success-base)}:host .success.checked .radio::after{background:var(--success-base)}:host .success.checked .radio:hover{background:var(--success-lighter) !important;border-color:var(--success-base) !important}:host .success.checked .radio:hover::after{background:var(--success-base) !important}:host .error .radio{border-color:var(--error-base);background:var(--error-lighter)}:host .error .radio:hover{border-color:var(--error-base) !important}:host .error.checked .radio{border-color:var(--error-base)}:host .error.checked .radio::after{background:var(--error-base)}:host .error.checked .radio:hover{background:var(--error-lighter) !important;border-color:var(--error-base) !important}:host .error.checked .radio:hover::after{background:var(--error-base) !important}:host .checked .radio::after{opacity:1;background:var(--color-base)}:host .checked .radio{border-color:var(--color-dark)}:host .checked .radio:hover{border-color:var(--color-light) !important}:host .checked .radio:hover::after{background:var(--color-light)}:host .disabled .radio{background:var(--primary-base-neutral-white);border-color:var(--primary-darker-neutral-base);cursor:not-allowed}:host .disabled .radio::after{background:var(--neutral-lighter)}:host .disabled.checked .radio{border-color:var(--primary-base-neutral-base) !important;background:var(--primary-darker-neutral-white) !important}:host .disabled.checked .radio::after{background:var(--primary-base-neutral-base) !important}:host :not(.disabled):not(.checked) .radio:hover{border-color:var(--primary-base-neutral-dark)}`;
 
 const CuraRadio = class {
     constructor(hostRef) {
@@ -193,14 +193,19 @@ const CuraRadio = class {
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "size": ["sizeHandler"],
-        "color": ["setColors"],
-        "background": ["setColors", "assignColor"]
+        "size": [{
+                "sizeHandler": 0
+            }],
+        "color": [{
+                "setColors": 0
+            }],
+        "background": [{
+                "setColors": 0
+            }, {
+                "assignColor": 0
+            }]
     }; }
 };
-CuraRadio.style = curaRadioCss;
+CuraRadio.style = curaRadioCss();
 
 export { CuraRadio as cura_radio };
-//# sourceMappingURL=cura-radio.entry.js.map
-
-//# sourceMappingURL=cura-radio.entry.js.map

package/dist/esm/cura-stepper.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-OdKytJIH.js';
-import './cura-theme-module-BPKQjAwN.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-Ce1Pxw3V.js';
+import './theme-legacy-default-BTIDzOyO.js';
 
-const curaStepperCss = ":host{display:block;box-sizing:border-box;width:100%}cura-heading{--margin-block:0 !important}.container{display:flex}.compact{display:flex;padding:0px;justify-content:space-between;align-items:center}.compact .heading{text-align:right}.stepper-list{gap:4px;display:flex;flex-shrink:0;align-items:center;padding:0;flex:1;width:100%;justify-content:space-between}.step{display:flex;align-items:center;flex-direction:row;flex:1;gap:4px}.step .wrapper{flex:1;position:relative}.step .divider{background-color:var(--neutral-light);height:2px;flex:1;transition:all 1s}.step .animation{position:absolute;top:0;left:0;right:0;width:var(--progress-width)}.step .done{background-color:var(--success-light)}.step .stop{background-color:var(--error-light)}.step .active{background-color:var(--info-light)}.last{flex:0}";
+const curaStepperCss = () => `:host{display:block;box-sizing:border-box;width:100%}cura-heading{--margin-block:0 !important}.container{display:flex}.compact{display:flex;padding:0px;justify-content:space-between;align-items:center}.compact .heading{text-align:right}.stepper-list{gap:4px;display:flex;flex-shrink:0;align-items:center;padding:0;flex:1;width:100%;justify-content:space-between}.step{display:flex;align-items:center;flex-direction:row;flex:1;gap:4px}.step .wrapper{flex:1;position:relative}.step .divider{background-color:var(--neutral-light);height:2px;flex:1;transition:all 1s}.step .animation{position:absolute;top:0;left:0;right:0;width:var(--progress-width)}.step .done{background-color:var(--success-light)}.step .stop{background-color:var(--error-light)}.step .active{background-color:var(--info-light)}.last{flex:0}`;
 
 const CuraStepper = class {
     constructor(hostRef) {
@@ -130,9 +130,6 @@ const CuraStepper = class {
     }
     get host() { return getElement(this); }
 };
-CuraStepper.style = curaStepperCss;
+CuraStepper.style = curaStepperCss();
 
 export { CuraStepper as cura_stepper };
-//# sourceMappingURL=cura-stepper.entry.js.map
-
-//# sourceMappingURL=cura-stepper.entry.js.map

package/dist/esm/cura-switch.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-OdKytJIH.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Ce1Pxw3V.js';
 import { f as formsSizes } from './cura-forms.definitions-Dot54hbB.js';
-import './cura-theme-module-BPKQjAwN.js';
+import './theme-legacy-default-BTIDzOyO.js';
 
-const curaSwitchCss = "@charset \"UTF-8\";:host{display:block;box-sizing:border-box;min-width:0}.container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);text-align:left;cursor:pointer}.position{flex-direction:row}.info{overflow:hidden}.label,.message{text-align:left}.control{width:fit-content}.track{background:var(--neutral-dark-base);border-radius:16px;transition:background-color 0.3s;align-items:flex-start;flex-shrink:0;box-sizing:border-box;width:var(--size-track);height:var(--size);position:relative}.thumb{background:var(--neutral-purewhite);border:2px solid var(--neutral-darker-medium);border-radius:50%;position:absolute;transition:transform 0.3s, outline 0.3s;display:inline-block;cursor:pointer;user-select:none;box-sizing:border-box;width:var(--size);height:var(--size);top:50%;transform:translateY(-50%)}.checked .thumb{border-color:var(--color-dark);box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));background:var(--neutral-purewhite);transform:translateX(var(--size)) translateY(-50%)}.checked .thumb:hover{background:var(--neutral-pale) !important;border-color:var(--neutral-darker-medium) !important}.checked .thumb:active{border-color:var(--color-dark);background:var(--neutral-pale)}.checked .track{background:var(--color-base-light)}.disabled .track{background:var(--neutral-black-neutral-pale)}.disabled .thumb{background:var(--neutral-black-neutral-base) !important;border-color:var(--neutral-black-neutral-pale) !important;cursor:not-allowed}.disabled.checked .track{background:var(--neutral-black-neutral-pale)}.container.disabled .thumb:focus{outline:none !important;border-color:var(--neutral-black-neutral-pale) !important}:not(.disabled):not(.checked) .thumb:hover{border-color:var(--color-dark);background:var(--neutral-pale)}:not(.disabled):not(.checked) .thumb:active{border-color:var(--color-dark);background:var(--neutral-pale)}:not(.disabled) .thumb:focus{outline:2px solid var(--info-base) !important;border:2px solid var(--neutral-darker-medium);z-index:1}:not(.disabled) .checked .thumb:focus{outline:2px solid var(--info-base) !important;border-color:var(--color-dark)}";
+const curaSwitchCss = () => `@charset "UTF-8";:host{display:block;box-sizing:border-box;min-width:0}.container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);text-align:left;cursor:pointer}.position{flex-direction:row}.info{overflow:hidden}.label,.message{text-align:left}.control{width:fit-content}.track{background:var(--neutral-dark-base);border-radius:16px;transition:background-color 0.3s;align-items:flex-start;flex-shrink:0;box-sizing:border-box;width:var(--size-track);height:var(--size);position:relative}.thumb{background:var(--neutral-purewhite);border:2px solid var(--neutral-darker-medium);border-radius:50%;position:absolute;transition:transform 0.3s, outline 0.3s;display:inline-block;cursor:pointer;user-select:none;box-sizing:border-box;width:var(--size);height:var(--size);top:50%;transform:translateY(-50%)}.checked .thumb{border-color:var(--color-dark);box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));background:var(--neutral-purewhite);transform:translateX(var(--size)) translateY(-50%)}.checked .thumb:hover{background:var(--neutral-pale) !important;border-color:var(--neutral-darker-medium) !important}.checked .thumb:active{border-color:var(--color-dark);background:var(--neutral-pale)}.checked .track{background:var(--color-base-light)}.disabled .track{background:var(--neutral-black-neutral-pale)}.disabled .thumb{background:var(--neutral-black-neutral-base) !important;border-color:var(--neutral-black-neutral-pale) !important;cursor:not-allowed}.disabled.checked .track{background:var(--neutral-black-neutral-pale)}.container.disabled .thumb:focus{outline:none !important;border-color:var(--neutral-black-neutral-pale) !important}:not(.disabled):not(.checked) .thumb:hover{border-color:var(--color-dark);background:var(--neutral-pale)}:not(.disabled):not(.checked) .thumb:active{border-color:var(--color-dark);background:var(--neutral-pale)}:not(.disabled) .thumb:focus{outline:2px solid var(--info-base) !important;border:2px solid var(--neutral-darker-medium);z-index:1}:not(.disabled) .checked .thumb:focus{outline:2px solid var(--info-base) !important;border-color:var(--color-dark)}`;
 
 const CuraSwitch = class {
     constructor(hostRef) {
@@ -155,14 +155,17 @@ const CuraSwitch = class {
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
-        "size": ["sizeHandler"],
-        "color": ["setColors"],
-        "background": ["setColors"]
+        "size": [{
+                "sizeHandler": 0
+            }],
+        "color": [{
+                "setColors": 0
+            }],
+        "background": [{
+                "setColors": 0
+            }]
     }; }
 };
-CuraSwitch.style = curaSwitchCss;
+CuraSwitch.style = curaSwitchCss();
 
 export { CuraSwitch as cura_switch };
-//# sourceMappingURL=cura-switch.entry.js.map
-
-//# sourceMappingURL=cura-switch.entry.js.map

package/dist/esm/cura-tabs-button.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-OdKytJIH.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Ce1Pxw3V.js';
 import { l as labelSizes } from './cura-tabs.definitions-CHcd-uKK.js';
-import './cura-theme-module-BPKQjAwN.js';
+import './theme-legacy-default-BTIDzOyO.js';
 
-const curaTabsButtonCss = ":host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none;display:flex;align-items:center;justify-content:center;min-width:120px;width:fit-content;border:2px solid var(--border-color);border-radius:4px}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.selected),:host a:not(.selected){border:2px solid var(--border-color)}:host button:not(.disabled,.selected):hover,:host a:not(.disabled,.selected):hover{background-color:var(--background-color-hover)}:host button:not(.disabled,.selected):hover.dark,:host a:not(.disabled,.selected):hover.dark{border-color:var(--neutral-purewhite)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px) calc(var(--cura-spacing-base) * 2px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px)}:host button:focus,:host a:focus{border-color:var(--primary-light)}:host button cura-icon,:host a cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button cura-badge-counter,:host a cura-badge-counter{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--background-color-selected)}:host button.selected.disabled,:host a.selected.disabled{border-color:transparent;background-color:var(--background-disabled-selected)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled:not(.selected),:host a.disabled:not(.selected){border-color:var(--neutral-dark)}";
+const curaTabsButtonCss = () => `:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none;display:flex;align-items:center;justify-content:center;min-width:120px;width:fit-content;border:2px solid var(--border-color);border-radius:4px}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.selected),:host a:not(.selected){border:2px solid var(--border-color)}:host button:not(.disabled,.selected):hover,:host a:not(.disabled,.selected):hover{background-color:var(--background-color-hover)}:host button:not(.disabled,.selected):hover.dark,:host a:not(.disabled,.selected):hover.dark{border-color:var(--neutral-purewhite)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px) calc(var(--cura-spacing-base) * 2px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px)}:host button:focus,:host a:focus{border-color:var(--primary-light)}:host button cura-icon,:host a cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button cura-badge-counter,:host a cura-badge-counter{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--background-color-selected)}:host button.selected.disabled,:host a.selected.disabled{border-color:transparent;background-color:var(--background-disabled-selected)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled:not(.selected),:host a.disabled:not(.selected){border-color:var(--neutral-dark)}`;
 
 const CuraTabs = class {
     constructor(hostRef) {
@@ -90,12 +90,11 @@ const CuraTabs = class {
         return (h(Host, { key: '9410b9c68061ffb5d838fe6ab2f409be9b90c6ac', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, h("button", { key: '1ac26d9b41e072f1ec3668d66fee83679640c54f', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), h("cura-label", { key: 'ff854d36883b062d699388e71e6315f76f008f79', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, h("slot", { key: '6ab5c0cdea38f9094bb382943fe25c3967a681ab' })), this.counter > 0 && this.getCounter())));
     }
     static get watchers() { return {
-        "colorMode": ["setColors"]
+        "colorMode": [{
+                "setColors": 0
+            }]
     }; }
 };
-CuraTabs.style = curaTabsButtonCss;
+CuraTabs.style = curaTabsButtonCss();
 
 export { CuraTabs as cura_tabs_button };
-//# sourceMappingURL=cura-tabs-button.entry.js.map
-
-//# sourceMappingURL=cura-tabs-button.entry.js.map

package/dist/esm/cura-tabs-transparent.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-OdKytJIH.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Ce1Pxw3V.js';
 import { l as labelSizes } from './cura-tabs.definitions-CHcd-uKK.js';
-import './cura-theme-module-BPKQjAwN.js';
+import './theme-legacy-default-BTIDzOyO.js';
 
-const curaTabsTransparentCss = ":host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none;min-width:120px;width:fit-content;display:flex;align-items:center;justify-content:center}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button.border-bottom,:host a.border-bottom{border-bottom:1px solid var(--border-bottom-color)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px) calc(var(--cura-spacing-base) * 2px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px)}:host button:not(.selected),:host a:not(.selected){border-color:var(--border-color)}:host button:focus,:host a:focus{border-color:var(--primary-light)}:host button:not(.disabled,.selected):hover,:host a:not(.disabled,.selected):hover{background-color:var(--background-color-hover)}:host button:not(.disabled,.selected):hover.dark,:host a:not(.disabled,.selected):hover.dark{border-color:var(--neutral-purewhite)}:host button cura-icon,:host a cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer}:host button.selected:not(.disabled),:host a.selected:not(.disabled){border-bottom:1px solid var(--border-bottom-color-selected)}:host button.disabled,:host a.disabled{cursor:not-allowed}";
+const curaTabsTransparentCss = () => `:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none;min-width:120px;width:fit-content;display:flex;align-items:center;justify-content:center}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button.border-bottom,:host a.border-bottom{border-bottom:1px solid var(--border-bottom-color)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px) calc(var(--cura-spacing-base) * 2px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px)}:host button:not(.selected),:host a:not(.selected){border-color:var(--border-color)}:host button:focus,:host a:focus{border-color:var(--primary-light)}:host button:not(.disabled,.selected):hover,:host a:not(.disabled,.selected):hover{background-color:var(--background-color-hover)}:host button:not(.disabled,.selected):hover.dark,:host a:not(.disabled,.selected):hover.dark{border-color:var(--neutral-purewhite)}:host button cura-icon,:host a cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer}:host button.selected:not(.disabled),:host a.selected:not(.disabled){border-bottom:1px solid var(--border-bottom-color-selected)}:host button.disabled,:host a.disabled{cursor:not-allowed}`;
 
 const CuraTabsTransparent = class {
     constructor(hostRef) {
@@ -89,12 +89,11 @@ const CuraTabsTransparent = class {
         return (h(Host, { key: 'd3c9e277a079381def09397dc922d697aa99d70a', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, h("button", { key: 'ab4cac9782f48c367c4ada4e303f9422971dc38e', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), h("cura-label", { key: 'c6567bdf7b80efc3380a8a93bf52de966e1caa7d', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, h("slot", { key: '93c392107790a2c0e3499e5b7bd742219203a980' })))));
     }
     static get watchers() { return {
-        "colorMode": ["setColors"]
+        "colorMode": [{
+                "setColors": 0
+            }]
     }; }
 };
-CuraTabsTransparent.style = curaTabsTransparentCss;
+CuraTabsTransparent.style = curaTabsTransparentCss();
 
 export { CuraTabsTransparent as cura_tabs_transparent };
-//# sourceMappingURL=cura-tabs-transparent.entry.js.map
-
-//# sourceMappingURL=cura-tabs-transparent.entry.js.map

package/dist/esm/cura-tabs.definitions-CHcd-uKK.js

@@ -6,6 +6,3 @@ const labelSizes = {
 };
 
 export { labelSizes as l };
-//# sourceMappingURL=cura-tabs.definitions-CHcd-uKK.js.map
-
-//# sourceMappingURL=cura-tabs.definitions-CHcd-uKK.js.map

package/dist/esm/{cura-theme-module-BPKQjAwN.js → cura-theme-module-BrK961-w.js}

@@ -1,253 +1,5 @@
-/**
- * Cura Default Theme
- */
-const ThemeDefault = {
-    /* Colors */
-    color: {
-        primary: {
-            '100': '113,197,232',
-            '300': '68,142,205',
-            '500': '0,61,165',
-            '700': '0,48,117',
-            '900': '0,40,85'
-        },
-        secondary: {
-            '100': '245,236,227',
-            '300': '221,192,162',
-            '500': '204,160,116',
-            '700': '136,107,77',
-            '900': '41,32,23'
-        },
-        accent: {
-            '100': '255,194,123',
-            '300': '255,168,74',
-            '500': '255,130,0',
-            '700': '215,114,10',
-            '900': '155,90,26'
-        }
-    },
-    /* Spacing */
-    spacing: {
-        base: 4,
-    },
-    /* Fonts */
-    font: {
-        size: '14px',
-        color: '#4A4A4A',
-        body: "'Gotham', Arial, Helvetica, sans-serif",
-        heading: "'Gotham', Arial, Helvetica, sans-serif",
-        display: "'Gotham', Arial, Helvetica, sans-serif",
-        weights: {
-            thin: 100,
-            light: 300,
-            regular: 400,
-            medium: 500,
-            bold: 700,
-            black: 900
-        },
-    }
-};
-
-/**
- * Maternity Theme
- */
-const ThemeMaternity = Object.assign(Object.assign({}, ThemeDefault), { 
-    /* Custom */
-    /* Colors */
-    color: {
-        primary: {
-            '100': '248,227,226',
-            '300': '255,179,171',
-            '500': '218,113,111',
-            '700': '145,75,74',
-            '900': '73,38,37'
-        },
-        secondary: {
-            '100': '253,251,249',
-            '300': '247,244,238',
-            '500': '245,236,227',
-            '700': '204,197,189',
-            '900': '163,157,151'
-        },
-        accent: {
-            '100': '236,239,249',
-            '300': '133,153,203',
-            '500': '11,20,151',
-            '700': '7,13,101',
-            '900': '4,7,50'
-        }
-    }, font: {
-        size: '14px',
-        color: '#4A4A4A',
-        body: "'Gotham', Arial, Helvetica, sans-serif",
-        heading: "'Gotham', Arial, Helvetica, sans-serif",
-        display: "'Gotham', Arial, Helvetica, sans-serif",
-        weights: {
-            thin: 100,
-            light: 300,
-            regular: 400,
-            medium: 500,
-            bold: 700,
-            black: 900
-        },
-    } });
-
-/**
- * Oncology Theme
- */
-const ThemeOncology = Object.assign(Object.assign({}, ThemeDefault), { 
-    /* Custom */
-    /* Colors */
-    color: {
-        primary: {
-            '100': '170,190,225',
-            '300': '85,126,196',
-            '500': '0,61,166',
-            '700': '0,41,111',
-            '900': '0,12,33'
-        },
-        secondary: {
-            '100': '205,215,227',
-            '300': '155,175,199',
-            '500': '104,134,171',
-            '700': '54,95,143',
-            '900': '4,54,115',
-        },
-        accent: {
-            '100': '153,207,255',
-            '300': '71,169,255',
-            '500': '0,131,245',
-            '700': '0,109,204',
-            '900': '0,88,164',
-        },
-        aux: {
-            '100': '218,242,239',
-            '300': '132,212,202',
-            '500': '71,191,176',
-            '700': '33,100,92',
-            '900': '14,38,35',
-        },
-    }, font: {
-        size: '14px',
-        color: '#4A4A4A',
-        body: "'Hanken Grotesk', Arial, Helvetica, sans-serif",
-        heading: "'Hanken Grotesk', Arial, Helvetica, sans-serif",
-        display: "'Hanken Grotesk', Arial, Helvetica, sans-serif",
-        weights: {
-            thin: 100,
-            light: 300,
-            regular: 400,
-            medium: 500,
-            bold: 700,
-            black: 900
-        },
-    } });
-
-/**
- * Richet Theme
- */
-const ThemeRichet = Object.assign(Object.assign({}, ThemeDefault), { 
-    /* Custom */
-    /* Colors */
-    color: {
-        primary: {
-            '100': '153,197,255',
-            '300': '67,142,241',
-            '500': '0,47,108',
-            '700': '1,39,91',
-            '900': '0,33,77'
-        },
-        secondary: {
-            '100': '243,237,227',
-            '300': '216,194,163',
-            '500': '208,173,103',
-            '700': '201,155,64',
-            '900': '149,104,15'
-        },
-        accent: {
-            '100': '167,230,215',
-            '300': '130,225,209',
-            '500': '44,213,196',
-            '700': '26,188,169',
-            '900': '0,150,129'
-        }
-    } });
-
-/**
- * Perinatal temporary Theme
- */
-const ThemePerinatalTemporary = Object.assign(Object.assign({}, ThemeDefault), { 
-    /* Custom */
-    /* Colors */
-    color: {
-        primary: {
-            '100': '239,226,228',
-            '300': '226,196,200',
-            '500': '199,134,141',
-            '700': '175,91,109',
-            '900': '147,58,77'
-        },
-        secondary: {
-            '100': '233,226,220',
-            '300': '211,196,186',
-            '500': '189,167,151',
-            '700': '95,84,76',
-            '900': '38,33,30'
-        },
-        accent: {
-            '100': '219,189,196',
-            '300': '183,124,136',
-            '500': '147,58,77',
-            '700': '74,29,39',
-            '900': '29,12,15'
-        }
-    } });
-
-/**
- * Legacy Default Theme
- */
-const ThemeLegacyDefault = Object.assign(Object.assign({}, ThemeDefault), { 
-    /* Custom */
-    /* Colors */
-    color: {
-        primary: {
-            '100': '204,217,231',
-            '300': '85,128,174',
-            '500': '0,65,134',
-            '700': '0,43,89',
-            '900': '0,13,27'
-        },
-        secondary: {
-            '100': '238,232,206',
-            '300': '198,180,92',
-            '500': '170,142,11',
-            '700': '113,95,7',
-            '900': '34,28,2'
-        },
-        accent: {
-            '100': '249,232,213',
-            '300': '228,160,79',
-            '500': '223,141,44',
-            '700': '149,94,29',
-            '900': '45,28,9'
-        }
-    }, 
-    /* Fonts */
-    font: {
-        size: '14px',
-        color: '#4A4A4A',
-        body: "'Roboto', Arial, Helvetica, sans-serif",
-        heading: "'Roboto', Arial, Helvetica, sans-serif",
-        display: "'Roboto', Arial, Helvetica, sans-serif",
-        weights: {
-            thin: 100,
-            light: 300,
-            regular: 400,
-            medium: 500,
-            bold: 700,
-            black: 900
-        },
-    } });
+import { T as ThemeLegacyDefault, a as ThemePerinatalTemporary, b as ThemeRichet, c as ThemeOncology, d as ThemeMaternity, e as ThemeDefault } from './theme-legacy-default-BTIDzOyO.js';
+import { S as Static } from './static-DfJS7YqS.js';
 
 const ThemePresets = {
     'default': ThemeDefault,
@@ -258,91 +10,6 @@ const ThemePresets = {
     'legacyDefault': ThemeLegacyDefault
 };
 
-/**
- * Static
- */
-const Static = {
-    /* Colors */
-    color: {
-        success: {
-            '100': '223,246,233',
-            '300': '148,225,181',
-            '500': '95,210,144',
-            '700': '49,115,77',
-            '900': '19,42,29',
-        },
-        info: {
-            '100': '207,226,255',
-            '300': '149,191,255',
-            '500': '110,168,255',
-            '700': '66,100,153',
-            '900': '37,56,85',
-        },
-        /* error: {
-          '100': '251,221,221',
-          '300': '242,143,143',
-          '500': '235,87,87',
-          '700': '157,58,58',
-          '900': '47,17,17',
-        }, */
-        error: {
-            '100': '251,221,221',
-            '300': '242,143,143',
-            '500': '206,42,42',
-            '700': '157,58,58',
-            '900': '47,17,17',
-        },
-        warning: {
-            '100': '252,250,196',
-            '300': '248,244,137',
-            '500': '245,239,78',
-            '700': '108,106,32',
-            '900': '49,48,16',
-        },
-        whatsapp: {
-            '100': '182,240,204',
-            '300': '110,226,153',
-            '500': '37,211,102',
-            '700': '25,141,68',
-            '900': '7,42,20',
-        },
-        neutral: {
-            '0': '255,255,255',
-            '100': '246,246,246',
-            '200': '233,233,233',
-            '300': '226,226,226',
-            '400': '212,212,212',
-            '500': '183,183,183',
-            '600': '146,146,146',
-            '700': '110,110,110',
-            '800': '74,74,74',
-            '900': '38,38,38',
-        },
-    },
-    breakpoints: {
-        xsmall: {
-            min: 0,
-            max: 480
-        },
-        small: {
-            min: 481,
-            max: 768
-        },
-        medium: {
-            min: 769,
-            max: 992
-        },
-        large: {
-            min: 993,
-            max: 1920
-        },
-        xlarge: {
-            min: 1921,
-            max: 4096
-        }
-    }
-};
-
 class CuraThemeColorsModule {
     constructor() {
         this.NeutralDepthAlias = {
@@ -565,7 +232,4 @@ class CuraThemeModule {
     }
 }
 
-export { CuraThemeModule as C, Static as S };
-//# sourceMappingURL=cura-theme-module-BPKQjAwN.js.map
-
-//# sourceMappingURL=cura-theme-module-BPKQjAwN.js.map
+export { CuraThemeModule as C };