@rededor/cura 2.0.0-alpha.10 → 2.0.0-alpha.12

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BK9MSAiE.js');
-require('./cura-theme-module-CJkmAxBA.js');
+var index = require('./index-BLhmsPd0.js');
+require('./theme-legacy-default-COE-hjD7.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) {
@@ -25,9 +25,9 @@ const CuraProgressBar = class {
         return (index.h(index.Host, { key: '6deebf97271b84fcecb9e1d688c79ae88b2aa618' }, index.h("div", { key: 'f6556e004e4d0cc4de342292610764b74495e3b0', class: "progress-bar" }, index.h("svg", { key: 'ffc1de55ded85602db1840812cd1f296a413c39e', width: this.size, height: this.size, viewBox: viewBox }, index.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 && (index.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' } }))), index.h("span", { key: '8e78dd28e8fad5ee4d9aef8029a73b6cf6d778cc' }, index.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) {
@@ -99,10 +99,7 @@ const CuraStepperItem = class {
     }
     get hostElement() { return index.getElement(this); }
 };
-CuraStepperItem.style = curaStepperItemCss;
+CuraStepperItem.style = curaStepperItemCss();
 
 exports.cura_progress_bar = CuraProgressBar;
 exports.cura_stepper_item = CuraStepperItem;
-//# sourceMappingURL=cura-progress-bar.cura-stepper-item.entry.cjs.js.map
-
-//# sourceMappingURL=cura-progress-bar_2.cjs.entry.js.map

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-BK9MSAiE.js');
+var index = require('./index-BLhmsPd0.js');
 var curaForms_definitions = require('./cura-forms.definitions-DVLuO67c.js');
-require('./cura-theme-module-CJkmAxBA.js');
+require('./theme-legacy-default-COE-hjD7.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) {
@@ -195,14 +195,19 @@ const CuraRadio = class {
     static get formAssociated() { return true; }
     get host() { return index.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();
 
 exports.cura_radio = CuraRadio;
-//# sourceMappingURL=cura-radio.entry.cjs.js.map
-
-//# sourceMappingURL=cura-radio.cjs.entry.js.map

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BK9MSAiE.js');
-require('./cura-theme-module-CJkmAxBA.js');
+var index = require('./index-BLhmsPd0.js');
+require('./theme-legacy-default-COE-hjD7.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) {
@@ -132,9 +132,6 @@ const CuraStepper = class {
     }
     get host() { return index.getElement(this); }
 };
-CuraStepper.style = curaStepperCss;
+CuraStepper.style = curaStepperCss();
 
 exports.cura_stepper = CuraStepper;
-//# sourceMappingURL=cura-stepper.entry.cjs.js.map
-
-//# sourceMappingURL=cura-stepper.cjs.entry.js.map

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-BK9MSAiE.js');
+var index = require('./index-BLhmsPd0.js');
 var curaForms_definitions = require('./cura-forms.definitions-DVLuO67c.js');
-require('./cura-theme-module-CJkmAxBA.js');
+require('./theme-legacy-default-COE-hjD7.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) {
@@ -157,14 +157,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();
 
 exports.cura_switch = CuraSwitch;
-//# sourceMappingURL=cura-switch.entry.cjs.js.map
-
-//# sourceMappingURL=cura-switch.cjs.entry.js.map

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-BK9MSAiE.js');
+var index = require('./index-BLhmsPd0.js');
 var curaTabs_definitions = require('./cura-tabs.definitions-CGqqGE2e.js');
-require('./cura-theme-module-CJkmAxBA.js');
+require('./theme-legacy-default-COE-hjD7.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) {
@@ -92,12 +92,11 @@ const CuraTabs = class {
         return (index.h(index.Host, { key: '9410b9c68061ffb5d838fe6ab2f409be9b90c6ac', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, index.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(), index.h("cura-label", { key: 'ff854d36883b062d699388e71e6315f76f008f79', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, index.h("slot", { key: '6ab5c0cdea38f9094bb382943fe25c3967a681ab' })), this.counter > 0 && this.getCounter())));
     }
     static get watchers() { return {
-        "colorMode": ["setColors"]
+        "colorMode": [{
+                "setColors": 0
+            }]
     }; }
 };
-CuraTabs.style = curaTabsButtonCss;
+CuraTabs.style = curaTabsButtonCss();
 
 exports.cura_tabs_button = CuraTabs;
-//# sourceMappingURL=cura-tabs-button.entry.cjs.js.map
-
-//# sourceMappingURL=cura-tabs-button.cjs.entry.js.map

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-BK9MSAiE.js');
+var index = require('./index-BLhmsPd0.js');
 var curaTabs_definitions = require('./cura-tabs.definitions-CGqqGE2e.js');
-require('./cura-theme-module-CJkmAxBA.js');
+require('./theme-legacy-default-COE-hjD7.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) {
@@ -91,12 +91,11 @@ const CuraTabsTransparent = class {
         return (index.h(index.Host, { key: 'd3c9e277a079381def09397dc922d697aa99d70a', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, index.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(), index.h("cura-label", { key: 'c6567bdf7b80efc3380a8a93bf52de966e1caa7d', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, index.h("slot", { key: '93c392107790a2c0e3499e5b7bd742219203a980' })))));
     }
     static get watchers() { return {
-        "colorMode": ["setColors"]
+        "colorMode": [{
+                "setColors": 0
+            }]
     }; }
 };
-CuraTabsTransparent.style = curaTabsTransparentCss;
+CuraTabsTransparent.style = curaTabsTransparentCss();
 
 exports.cura_tabs_transparent = CuraTabsTransparent;
-//# sourceMappingURL=cura-tabs-transparent.entry.cjs.js.map
-
-//# sourceMappingURL=cura-tabs-transparent.cjs.entry.js.map

package/dist/cjs/cura-tabs.definitions-CGqqGE2e.js

@@ -8,6 +8,3 @@ const labelSizes = {
 };
 
 exports.labelSizes = labelSizes;
-//# sourceMappingURL=cura-tabs.definitions-CGqqGE2e.js.map
-
-//# sourceMappingURL=cura-tabs.definitions-CGqqGE2e.js.map

package/dist/cjs/cura-theme-module-Dg1d3VUN.js

@@ -0,0 +1,237 @@
+'use strict';
+
+var themeLegacyDefault = require('./theme-legacy-default-COE-hjD7.js');
+var _static = require('./static-DHz-FA_O.js');
+
+const ThemePresets = {
+    'default': themeLegacyDefault.ThemeDefault,
+    'maternidade': themeLegacyDefault.ThemeMaternity,
+    'oncologia': themeLegacyDefault.ThemeOncology,
+    'richet': themeLegacyDefault.ThemeRichet,
+    'perinatalTemp': themeLegacyDefault.ThemePerinatalTemporary,
+    'legacyDefault': themeLegacyDefault.ThemeLegacyDefault
+};
+
+class CuraThemeColorsModule {
+    constructor() {
+        this.NeutralDepthAlias = {
+            'purewhite': '0',
+            'white': '100',
+            'pale': '200',
+            'lighter': '300',
+            'light': '400',
+            'base': '500',
+            'medium': '600',
+            'dark': '700',
+            'darker': '800',
+            'black': '900',
+        };
+        this.ColorDepthAlias = {
+            'lighter': '100',
+            'light': '300',
+            'base': '500',
+            'dark': '700',
+            'darker': '900'
+        };
+    }
+    /**
+     * Get theme color.
+     * @param colorWithDepth string Ex.: primary-light
+     * @returns RGBA value.
+     */
+    getColor(colorWithDepth = "primary-base", opacity = 1) {
+        const { color, depth } = this.splitColorDepth(colorWithDepth);
+        const staticColor = this.getStatic(color, depth, opacity);
+        if (staticColor)
+            return staticColor;
+        return this.getDynamic(color, depth, opacity);
+    }
+    /**
+     * Internal: Look for static color by name and depth.
+     * @param color Color name.
+     * @param depth Depth number or alias.
+     * @returns RGBA value.
+     */
+    getStatic(color, depth, opacity = 1) {
+        var _a, _b, _c;
+        const colorObj = _static.Static.color[color];
+        if (!colorObj)
+            return null;
+        const alias = color === 'neutral' ? this.NeutralDepthAlias[depth] : this.ColorDepthAlias[depth];
+        return ((_a = _static.Static.color[color]) === null || _a === void 0 ? void 0 : _a[alias])
+            ? `rgba(${(_b = _static.Static.color[color]) === null || _b === void 0 ? void 0 : _b[alias]}, ${opacity})`
+            : `rgba(${(_c = _static.Static.color[color]) === null || _c === void 0 ? void 0 : _c[depth]}, ${opacity})`;
+    }
+    /**
+     * Internal: Look for theme dynamic colors.
+     * @param color Color name.
+     * @param depth Color depth.
+     * @returns RGBA value.
+     */
+    getDynamic(color, depth, opacity) {
+        const themeVar = this.ColorDepthAlias[depth]
+            ? `--cura-color-${color}-${this.ColorDepthAlias[depth]}`
+            : `--cura-color-${color}-${depth}`;
+        return getComputedStyle(document.documentElement).getPropertyValue(themeVar)
+            ? `rgba(var(${themeVar}), ${opacity})`
+            : `rgba(var(--cura-color-primary-500), ${opacity})`;
+    }
+    /**
+     * Internal: Split color strings
+     * @param colorWithDepth Color string [color]-[depth]. Ex.: primary-dark.
+     * @returns Object { color: string, depth: string }.
+     */
+    splitColorDepth(colorWithDepth) {
+        const [color, depth] = colorWithDepth.toLowerCase().split(/-(.*)/);
+        return { color: color !== null && color !== void 0 ? color : "primary", depth: depth !== null && depth !== void 0 ? depth : "base" };
+    }
+}
+
+class CuraThemeSpacingModule {
+    constructor() {
+        this.curaSpacing = '--cura-spacing-base';
+    }
+    /** Returns the base spacing var defined in the theme */
+    getSpacing() {
+        if (getComputedStyle(document.body).getPropertyValue(this.curaSpacing)) {
+            return `var(${this.curaSpacing})`;
+        }
+        return '4';
+    }
+}
+
+class CuraThemeFontsModule {
+    constructor() {
+        /**
+         * Get the CSS variable related to the font size base defined by the theme.
+         * @returns Related CSS variable as a string.
+         */
+        this.getSize = () => `var(--cura-font-size)`;
+        /**
+         * Get CSS variable related to the font color defined by the theme.
+         * @returns Related CSS variable as a string.
+         */
+        this.getColor = () => `var(--cura-font-color)`;
+    }
+    /**
+     * Get the CSS variable related to the font family defined by the theme.
+     * @param type 'body' | 'heading' | 'display'
+     * @returns Related css variable as a string.
+     */
+    getFamily(type = "body") {
+        const curaFontFamilyCSSVar = `--cura-font-${type.toLowerCase()}`;
+        return getComputedStyle(document.body).getPropertyValue(curaFontFamilyCSSVar)
+            ? `var(${curaFontFamilyCSSVar})`
+            : 'var(--cura-font-body)';
+    }
+    /**
+     * Get the CSS variables related to font weights defined by the theme.
+     * @returns Object with CSS vars weights definitions for thin, light, regular, medium, bold and black fonts.
+     */
+    getWeights() {
+        const weights = {};
+        Object.keys(themeLegacyDefault.ThemeDefault.font.weights).forEach((key) => weights[key] = `var(--cura-font-weights-${key})`);
+        return weights;
+    }
+}
+
+class CuraThemeBreakpointsModule {
+    constructor() { }
+    /** Returns the base spacing var defined in the theme */
+    get(size = null, position = null) {
+        if (size) {
+            const breakpoint = position ? _static.Static.breakpoints[size][position] : _static.Static.breakpoints[size];
+            if (breakpoint || breakpoint === 0)
+                return breakpoint;
+        }
+        return _static.Static.breakpoints;
+    }
+}
+
+class CuraThemeModule {
+    constructor() {
+        var _a;
+        this.prefix = '--cura';
+        this.colors = new CuraThemeColorsModule();
+        this.spacing = new CuraThemeSpacingModule();
+        this.fonts = new CuraThemeFontsModule();
+        this.breakpoints = new CuraThemeBreakpointsModule();
+        this.groupObject = {};
+        /* Private */
+        /** Set css var based on object structure */
+        this.setCssVar = (prop, path) => {
+            const varName = this.groupPath(path, prop[0]);
+            this.rootElement.style.setProperty(varName, prop[1]);
+        };
+        this.groupPath = (a, b) => `${a}-${b}`;
+        this.isObject = val => {
+            return val && typeof val === 'object' && !Array.isArray(val);
+        };
+        /** Deep merge objects */
+        this.mergeObject = (from, to) => {
+            const entries = Object.entries(from);
+            for (let e of entries) {
+                if (this.isObject(e[1])) {
+                    this.mergeObject(e[1], to[e[0]]);
+                }
+                else {
+                    to[e[0]] = e[1];
+                }
+            }
+        };
+        /** Set css vars from preset object */
+        this.buildCssVars = (path, obj, isGroup = false) => {
+            const entries = Object.entries(obj);
+            for (let e of entries) {
+                if (this.isObject(e[1])) {
+                    this.buildCssVars(this.groupPath(path, e[0]), e[1], isGroup);
+                }
+                else {
+                    if (isGroup) {
+                        const varName = this.groupPath(path, e[0]);
+                        this.groupObject[varName] = e[1];
+                    }
+                    else {
+                        this.setCssVar(e, path);
+                    }
+                }
+            }
+        };
+        if (typeof window === 'undefined')
+            return;
+        this.rootElement = (_a = window === null || window === void 0 ? void 0 : window.document) === null || _a === void 0 ? void 0 : _a.documentElement;
+    }
+    /**
+     * Load a theme.
+     * @param theme Theme tag.
+     */
+    load(theme = 'default') {
+        const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets.default;
+        this.buildCssVars(this.prefix, preset);
+    }
+    loadVarsSSR(theme = 'default') {
+        const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets.default;
+        this.buildCssVars(this.prefix, preset, true);
+        return this.groupObject;
+    }
+    /**
+     * Define a custom theme
+     * @param customTheme Custom theme object definition
+     */
+    setCustom(customTheme) {
+        const customTag = customTheme.name;
+        if (customTag in ThemePresets) {
+            console.log('Error building custom theme. Theme %s already exists. Loading default theme.', customTag);
+            this.load('default');
+        }
+        else {
+            const preset = customTheme.fromPreset && customTheme.fromPreset in ThemePresets ? ThemePresets[customTheme.fromPreset] : ThemePresets.default;
+            const newTheme = Object.assign({}, JSON.parse(JSON.stringify(preset)));
+            this.mergeObject(customTheme.definitions, newTheme);
+            ThemePresets[customTag] = newTheme;
+            this.load(customTag);
+        }
+    }
+}
+
+exports.CuraThemeModule = CuraThemeModule;

package/dist/cjs/cura-toast.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BK9MSAiE.js');
-require('./cura-theme-module-CJkmAxBA.js');
+var index = require('./index-BLhmsPd0.js');
+require('./theme-legacy-default-COE-hjD7.js');
 
-const curaToastCss = ":host{display:block;box-sizing:border-box}:host .container{position:fixed;z-index:99999;display:flex;box-sizing:border-box;min-width:320px;height:fit-content;padding:16px;border:1px solid var(--color-base);border-radius:12px;background-color:var(--neutral-purewhite);overflow:hidden;box-shadow:0px 8px 16px 0px var(--neutral-black-shadow-4, rgba(38, 38, 38, 0.12))}:host .container.loader{padding:16px 16px 20px}:host .container.top{top:24px}:host .container.top.center{top:-100%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.5s ease-in-out, top 0.5s ease-in-out}:host .container.top.center.active{top:24px;opacity:1}:host .container.bottom{bottom:24px}:host .container.bottom.center{bottom:-100%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.5s ease-in-out, bottom 0.5s ease-in-out}:host .container.bottom.center.active{bottom:24px;opacity:1}:host .container.left{left:-100%;opacity:0;transition:opacity 0.5s ease-in-out, left 0.5s ease-in-out}@media (max-width: 768px){:host .container.left{right:unset;left:50%;transform:translateX(-50%)}}:host .container.left.active{left:24px;opacity:1}:host .container.right{right:-100%;opacity:0;transition:opacity 0.5s ease-in-out, right 0.5s ease-in-out}@media (max-width: 768px){:host .container.right{right:unset;left:50%;transform:translateX(-50%)}}:host .container.right.active{right:24px;opacity:1}:host .container .content{flex:1 1 0;display:flex;flex-direction:column;gap:4px}:host .container .default-icon{margin-right:12px}:host .container .close-icon{margin-left:12px;cursor:pointer}";
+const curaToastCss = () => `:host{display:block;box-sizing:border-box}:host .container{position:fixed;z-index:99999;display:flex;box-sizing:border-box;min-width:320px;height:fit-content;padding:16px;border:1px solid var(--color-base);border-radius:12px;background-color:var(--neutral-purewhite);overflow:hidden;box-shadow:0px 8px 16px 0px var(--neutral-black-shadow-4, rgba(38, 38, 38, 0.12))}:host .container.loader{padding:16px 16px 20px}:host .container.top{top:24px}:host .container.top.center{top:-100%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.5s ease-in-out, top 0.5s ease-in-out}:host .container.top.center.active{top:24px;opacity:1}:host .container.bottom{bottom:24px}:host .container.bottom.center{bottom:-100%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.5s ease-in-out, bottom 0.5s ease-in-out}:host .container.bottom.center.active{bottom:24px;opacity:1}:host .container.left{left:-100%;opacity:0;transition:opacity 0.5s ease-in-out, left 0.5s ease-in-out}@media (max-width: 768px){:host .container.left{right:unset;left:50%;transform:translateX(-50%)}}:host .container.left.active{left:24px;opacity:1}:host .container.right{right:-100%;opacity:0;transition:opacity 0.5s ease-in-out, right 0.5s ease-in-out}@media (max-width: 768px){:host .container.right{right:unset;left:50%;transform:translateX(-50%)}}:host .container.right.active{right:24px;opacity:1}:host .container .content{flex:1 1 0;display:flex;flex-direction:column;gap:4px}:host .container .default-icon{margin-right:12px}:host .container .close-icon{margin-left:12px;cursor:pointer}`;
 
 const CuraToast = class {
     constructor(hostRef) {
@@ -97,13 +97,14 @@ const CuraToast = class {
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "type": ["handleChangeType"],
-        "position": ["handleChangeType"]
+        "type": [{
+                "handleChangeType": 0
+            }],
+        "position": [{
+                "handleChangeType": 0
+            }]
     }; }
 };
-CuraToast.style = curaToastCss;
+CuraToast.style = curaToastCss();
 
 exports.cura_toast = CuraToast;
-//# sourceMappingURL=cura-toast.entry.cjs.js.map
-
-//# sourceMappingURL=cura-toast.cjs.entry.js.map

package/dist/cjs/cura-tooltip.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BK9MSAiE.js');
-require('./cura-theme-module-CJkmAxBA.js');
+var index = require('./index-BLhmsPd0.js');
+require('./theme-legacy-default-COE-hjD7.js');
 
-const curaTooltipCss = ":host{position:absolute;z-index:99998;display:block;width:fit-content;height:fit-content;box-sizing:border-box}@media (max-width: 768px){:host{width:100%}}:host .container{display:flex;box-sizing:border-box;max-width:var(--max-width);height:auto;padding:calc(var(--cura-spacing-base) * 2px);border:1px solid var(--neutral-light);border-radius:calc(var(--cura-spacing-base) * 1px);background-color:var(--neutral-purewhite);box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16))}@media (max-width: 768px){:host .container{max-width:90%;height:fit-content;padding:calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px) 0 calc(var(--cura-spacing-base) * 4px);margin:0 auto;border:2px solid;border-radius:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px) 0 0;border-color:var(--neutral-light) var(--neutral-light) transparent var(--neutral-light)}}:host .container::after{content:\"\";position:absolute;z-index:99999;width:calc(var(--cura-spacing-base) * 2.5px);height:calc(var(--cura-spacing-base) * 2.5px);border:1px solid;border-radius:2px;background-color:var(--neutral-purewhite);left:var(--arrow-left);top:var(--arrow-top);border-color:var(--arrow-border-color);transform:var(--arrow-translate) rotate(45deg)}@media (max-width: 768px){:host .container::after{display:none}}:host .container .content{flex:1 1 0;display:flex;flex-direction:column;gap:calc(var(--cura-spacing-base) * 1px)}@media (max-width: 768px){:host .container .content{padding-bottom:calc(var(--cura-spacing-base) * 4px);border-bottom:1px dashed var(--neutral-light)}}:host .container .close-icon{margin-left:calc(var(--cura-spacing-base) * 3px);cursor:pointer}:host .container .close-button{padding:calc(var(--cura-spacing-base) * 2px) 0}";
+const curaTooltipCss = () => `:host{position:absolute;z-index:99998;display:block;width:fit-content;height:fit-content;box-sizing:border-box}@media (max-width: 768px){:host{width:100%}}:host .container{display:flex;box-sizing:border-box;max-width:var(--max-width);height:auto;padding:calc(var(--cura-spacing-base) * 2px);border:1px solid var(--neutral-light);border-radius:calc(var(--cura-spacing-base) * 1px);background-color:var(--neutral-purewhite);box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16))}@media (max-width: 768px){:host .container{max-width:90%;height:fit-content;padding:calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px) 0 calc(var(--cura-spacing-base) * 4px);margin:0 auto;border:2px solid;border-radius:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px) 0 0;border-color:var(--neutral-light) var(--neutral-light) transparent var(--neutral-light)}}:host .container::after{content:"";position:absolute;z-index:99999;width:calc(var(--cura-spacing-base) * 2.5px);height:calc(var(--cura-spacing-base) * 2.5px);border:1px solid;border-radius:2px;background-color:var(--neutral-purewhite);left:var(--arrow-left);top:var(--arrow-top);border-color:var(--arrow-border-color);transform:var(--arrow-translate) rotate(45deg)}@media (max-width: 768px){:host .container::after{display:none}}:host .container .content{flex:1 1 0;display:flex;flex-direction:column;gap:calc(var(--cura-spacing-base) * 1px)}@media (max-width: 768px){:host .container .content{padding-bottom:calc(var(--cura-spacing-base) * 4px);border-bottom:1px dashed var(--neutral-light)}}:host .container .close-icon{margin-left:calc(var(--cura-spacing-base) * 3px);cursor:pointer}:host .container .close-button{padding:calc(var(--cura-spacing-base) * 2px) 0}`;
 
 const BREAKPOINT_SMALL_MAX = 768;
 const CuraTooltip = class {
@@ -223,9 +223,6 @@ const CuraTooltip = class {
     }
     get host() { return index.getElement(this); }
 };
-CuraTooltip.style = curaTooltipCss;
+CuraTooltip.style = curaTooltipCss();
 
 exports.cura_tooltip = CuraTooltip;
-//# sourceMappingURL=cura-tooltip.entry.cjs.js.map
-
-//# sourceMappingURL=cura-tooltip.cjs.entry.js.map