@rededor/cura 2.0.0-alpha.13 → 2.0.0-alpha.16

package/dist/collection/components/forms/cura-input-textarea/cura-input-textarea.stories.js

@@ -0,0 +1,222 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import iconNames from "../../../assets/icons/iconset-default-list";
+const renderCuraInputTextArea = (helperText, args) => {
+    const block = `<cura-input-textarea ${args.mode && args.mode !== 'default'
+        ? `
+  mode="${args.mode}" `
+        : ''}${args.status && args.status !== 'default'
+        ? `
+  status="${args.status}" `
+        : ''}${args.size && args.size !== 'medium'
+        ? `
+  size="${args.size}" `
+        : ''}${args.placeholder
+        ? `
+  placeholder="${args.placeholder}" `
+        : ''}${args.value
+        ? `
+  value="${args.value}" `
+        : ''}${args.label
+        ? `
+  label="${args.label}"`
+        : ''}${args.name
+        ? `
+  name="${args.name}"`
+        : ''}${args.iconName
+        ? `
+  icon-name="${args.iconName}"`
+        : ''}${args.disabled
+        ? `
+  disabled="${args.disabled}"`
+        : ''}${args.required
+        ? `
+  required="${args.required}"`
+        : ''}${args.isLoading
+        ? `
+  is-loading="${args.isLoading}"`
+        : ''}${args.maxlength
+        ? `
+  maxlength="${args.maxlength}"`
+        : ''}${args.readOnly
+        ? `
+  read-only="${args.readOnly}"`
+        : ''}${args.autocomplete
+        ? `
+  autocomplete="${args.autocomplete}" `
+        : ''}${args.resizable
+        ? `
+  resizable="${args.resizable}" `
+        : ''}>
+  ${helperText ? `${helperText}` : ''}
+</cura-input-textarea>
+`;
+    return `${block}`;
+};
+export default {
+    title: 'Componentes/Forms/InputTextArea',
+    tags: ['autodocs'],
+    render: (_a) => {
+        var { helperText } = _a, args = __rest(_a, ["helperText"]);
+        return renderCuraInputTextArea(helperText, args);
+    },
+    argTypes: {
+        mode: {
+            control: { type: 'inline-radio' },
+            options: ['default', 'transparent'],
+            description: 'Modo de exibição do input.',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: 'default' },
+            },
+        },
+        status: {
+            control: { type: 'inline-radio' },
+            options: ['default', 'success', 'error'],
+            description: 'Status do input.',
+            table: {
+                category: 'State',
+                defaultValue: { summary: 'default' },
+            },
+        },
+        size: {
+            control: { type: 'inline-radio' },
+            options: ['small', 'medium', 'large'],
+            description: 'Tamanho do input.',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: 'medium' },
+            },
+        },
+        label: {
+            control: 'text',
+            description: 'Texto da label do input.',
+            required: false,
+            table: {
+                category: 'Properties',
+            },
+        },
+        name: {
+            control: 'text',
+            description: 'Propriedade name do input.',
+            required: false,
+            table: {
+                category: 'Properties',
+            },
+        },
+        placeholder: {
+            control: 'text',
+            description: 'Texto de placeholder do input.',
+            required: false,
+            table: {
+                category: 'Properties',
+            },
+        },
+        helperText: {
+            control: 'text',
+            description: 'Define o texto de ajuda do input, renderizado dentro do slot num elemento <cura-label>. Aceita tags HTML.',
+            table: {
+                category: 'Slots',
+            },
+        },
+        value: {
+            control: 'text',
+            description: 'Valor do campo de input.',
+            table: {
+                category: 'Properties',
+            },
+        },
+        required: {
+            control: 'boolean',
+            description: 'Se o input é obrigatório.',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: false },
+            },
+        },
+        maxlength: {
+            control: 'number',
+            description: 'Comprimento máximo do valor do input.',
+            required: false,
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: null },
+            },
+        },
+        iconName: {
+            control: { type: 'select' },
+            options: ['', ...iconNames],
+            description: 'Nome do ícone de feedback. Usado no mode="default"',
+            required: false,
+            table: {
+                category: 'Icons',
+                defaultValue: { summary: '' },
+            },
+        },
+        disabled: {
+            control: 'boolean',
+            description: 'Se o input está desabilitado.',
+            table: {
+                category: 'State',
+                defaultValue: { summary: false },
+            },
+        },
+        readOnly: {
+            control: 'boolean',
+            description: 'Se o input é somente leitura.',
+            category: 'State',
+            required: false,
+            table: {
+                category: 'State',
+                defaultValue: { summary: false },
+            },
+        },
+        isLoading: {
+            control: 'boolean',
+            description: 'Se o input está em estado de carregamento.',
+            table: {
+                category: 'State',
+                defaultValue: { summary: false },
+            },
+        },
+        autocomplete: {
+            control: { type: 'inline-radio' },
+            options: ['on', 'off'],
+            description: 'Se o input tem autocomplete.',
+            required: false,
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: 'on' },
+            },
+        },
+    },
+};
+export const InputTextArea = {
+    args: {
+        mode: 'default',
+        status: 'default',
+        size: 'medium',
+        label: 'Label text',
+        name: 'cura-input-textarea',
+        placeholder: 'Placeholder',
+        helperText: 'Helper/Validation txt.',
+        value: '',
+        required: false,
+        maxlength: null,
+        iconName: 'secure',
+        disabled: false,
+        readOnly: false,
+        isLoading: false,
+        autocomplete: 'on',
+    },
+};

package/dist/collection/components/forms/cura-label/cura-label.js

@@ -73,7 +73,7 @@ export class CuraLabel {
         };
     }
     render() {
-        return (h(Host, { key: '7d49bffcd8408352d48e9d2f4d1a085232b0a388', style: this.hostCSSProperties() }, h("p", { key: '9479efc64405d2653e2aaf185138c37c4ecca95c', style: this.styles, class: this.getClasses() }, h("slot", { key: '6de7990505b1f2e4af8988e9a9cc3a96ae18cf75' }))));
+        return (h(Host, { key: '80bddd4f902e7084628ed2cbfe1144a6ddcf2674', style: this.hostCSSProperties() }, h("p", { key: 'bc507c1b119459c6efbb81120a7cc33c1e305800', style: this.styles, class: this.getClasses() }, h("slot", { key: '451674e41f86b0b3db3f2f29b498aa49c489a7ec' }))));
     }
     static get is() { return "cura-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/forms/cura-radio/cura-radio.js

@@ -175,7 +175,7 @@ export class CuraRadio {
         return statusColors[this.status][type];
     }
     render() {
-        return (h(Host, { key: '550e164f2be33f4fdad6c194302723a00e51843c', role: "radio", "aria-checked": this.checked, "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, h("div", { key: 'ebcfef353b7dd4655b1d809025060db952927521', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, h("div", { key: '436ecc0f4fd72ff6a00a2a47f494e08aae65b3d6', class: "info" }, h("div", { key: '4836e4ce83d1fc3b338cfd216b46a7791ba6dc90', class: "label-wrapper" }, h("cura-label", { key: '434f0b816eee11b7da0b44f37880e31c52e2f853', textOverflow: this.overflowLabel, class: `label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`, size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && (h("cura-paragraph", { key: '1d06464488947f469abd5c3d1c25ebb2ed63a5bd', lineHeight: "0%", marginBlock: "0", color: "error-base" }, "*", ' '))), h("cura-label", { key: '508bb787d2da5d25de48516ed64d6b02c94d8546', textOverflow: this.overflowHelper, color: this.assignColor('message'), size: "xsmall", class: "message" }, h("slot", { key: 'f35d5c895f74ec02987474e71df9a5067ea51e70' }))), h("input", { key: 'fbd6ba47d6e8a9c812ad986964749507f9d33d62', type: "radio", class: `radio ${this.size.toLocaleLowerCase()}`, name: this.name, value: this.value, required: this.required, tabIndex: this.ontabindex, disabled: this.disabled, checked: this.checked }))));
+        return (h(Host, { key: '7db2e7898ed5509b27a22a5ef06d580b6bfe58bc', role: "radio", "aria-checked": this.checked, "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, h("div", { key: 'a48dbced2eb1be2ff162282b40b767ed90d35470', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, h("div", { key: 'd332710c196dff35ab6cbcdd780d7bf89ad101ac', class: "info" }, h("div", { key: '651604209885f847e02af4a11fbd4cd9f42719e2', class: "label-wrapper" }, h("cura-label", { key: '13db1f1fe2dfb79cedce79ddb0cc2af9b04db77f', textOverflow: this.overflowLabel, class: `label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`, size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && (h("cura-paragraph", { key: '9cd6e5aaaa8007c766730b26b667a4e1f14a9324', lineHeight: "0%", marginBlock: "0", color: "error-base" }, "*", ' '))), h("cura-label", { key: '8e4c761b331bea1d1247d5827ead8e42f04ac2c0', textOverflow: this.overflowHelper, color: this.assignColor('message'), size: "xsmall", class: "message" }, h("slot", { key: 'bc8c9b14e175dae86a94e21e110afcf74e8faf49' }))), h("input", { key: '26a944b0af74465d83a9bd05c181924b9cfb1c38', type: "radio", class: `radio ${this.size.toLocaleLowerCase()}`, name: this.name, value: this.value, required: this.required, tabIndex: this.ontabindex, disabled: this.disabled, checked: this.checked }))));
     }
     static get is() { return "cura-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/forms/cura-select/cura-select.js

@@ -440,10 +440,10 @@ export class CuraSelect {
         });
     }
     render() {
-        return (h(Host, { key: '8a05e5365062b5a2da4f10d7e3ca04f9d3136fba', style: this.styles, role: "combobox", "aria-label": this.label, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error') }, h("div", { key: 'ab28fd73d68ccdc5ad6dd6cc7f79d879eaf25818', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (h("cura-label", { key: '5405aa3706b07640fdfdaa681ad22ea9c5fd9997', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && h("span", { key: '39b37aefbf4e61572607d891eb63c737c332793c', class: "required" }, "* "))), h("div", { key: 'c339ab1ff49699fb0a348a169ba7f545b89bd593', class: {
+        return (h(Host, { key: '7621641772e6c166b5359346f0d0681a614c1f5c', style: this.styles, role: "combobox", "aria-label": this.label, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error') }, h("div", { key: '7cc11beb3a10ada937c4668fdfcdb98b380200e0', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (h("cura-label", { key: 'd10426c84bb97db84074430f537293407f7afa05', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && h("span", { key: '82808b9add65b3c6abf03e56fe63dccd574229f3', class: "required" }, "* "))), h("div", { key: 'e37b1468d0bf2bdac3f1c2096c22840fe7e0eced', class: {
                 'cura-input-field': true,
                 'open': this.isOpen,
-            }, ref: el => (this.inputWrapper = el) }, this.renderIcon(), h("input", { key: '5118ad409b6b9c48c856670857d3cae26d28fd46', type: "text", autocomplete: "off", onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput, readonly: this.searchBehavior ? null : true }), h("button", { key: '53bddc2b1e56462a9181ce99749d98568f1c5dd9', class: "up-down-button" }, h("cura-icon", { key: '01cb20504d2e0506e7210d33e3ca75978a598eff', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: "default" }))), h("cura-label", { key: '550c24779f690ebd16bec881770b200ce06f5390', class: "helper-text", size: "xsmall", color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, h("slot", { key: '530f64f99df6328d3a49a449f8f924e57bb03f21' })), this.isOpen && (h("div", { key: '3ee7a6439c98a0837a3f39d27646ed7a55c630b3', class: {
+            }, ref: el => (this.inputWrapper = el) }, this.renderIcon(), h("input", { key: '7fabd1a5fc59c479ea09d95f7552f49f8448125e', type: "text", autocomplete: "off", onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput, readonly: this.searchBehavior ? null : true }), h("button", { key: '9fa767799517d3872d60e33a9d71562bfe24d0c5', class: "up-down-button" }, h("cura-icon", { key: '2299a69d28c72eba5f2a18faa87c653226105034', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: "default" }))), h("cura-label", { key: '6c88858d35cdf9c756b9ee7d9e93f5ff0596e372', class: "helper-text", size: "xsmall", color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, h("slot", { key: '55a075d118ba10f7921d6cf13331c7c0a0ddae46' })), this.isOpen && (h("div", { key: 'd36637fb50aeefbb10991dd2fa8212886293fff3', class: {
                 menu: true,
                 open: this.isOpen,
                 [this.preferredPlacement]: true,
@@ -456,7 +456,7 @@ export class CuraSelect {
                 visibility: this.isPositioned ? 'visible' : 'hidden',
                 opacity: this.isPositioned ? '1' : '0',
                 pointerEvents: this.isPositioned ? 'auto' : 'none',
-            } }, h("slot", { key: '84c3bb501966175635102b2ccbfa0cf43d2112f1', name: "option" }))))));
+            } }, h("slot", { key: '399d62fd686ed4c0a0729d336a3502b53918e371', name: "option" }))))));
     }
     static get is() { return "cura-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/forms/cura-select-options/cura-select-option.js

@@ -32,7 +32,7 @@ export class CuraSelectOption {
         };
     }
     render() {
-        return (h(Host, { key: '0822f9ef2bf99e9f2fd9b82757c232449cec3397', slot: "option", role: "option", "aria-selected": this.selected }, h("div", { key: '97ce07635ab1e67676cdf80bce6b1eada30e035c', class: this.getClasses(), style: this.styles }, h("cura-label", { key: 'd6fb19b666f1d12d713ba1e6270ebb62a12d86ab', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, h("slot", { key: '78f64d9347185fd398e1adbc45650cf247894481' })), this.selected && h("cura-icon", { key: '948e0d36d71e4c236a2472032703dbb47a371910', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
+        return (h(Host, { key: '351cadffe0228ba5af1a9d6019c8dece886061c6', slot: "option", role: "option", "aria-selected": this.selected }, h("div", { key: '0bbe81fd481f3d7d83e42bcbeb69c8b88ce23804', class: this.getClasses(), style: this.styles }, h("cura-label", { key: 'fa4ae11397845ed517f756fd4537f80bb7580e4f', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, h("slot", { key: 'c3b653b8a65d3b7afe0253fd9aafe922fdaebcfc' })), this.selected && h("cura-icon", { key: 'd7420da36a93c1f873ac79e6d55e1fa697a4eaad', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
     }
     static get is() { return "cura-select-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/forms/cura-switch/cura-switch.js

@@ -138,7 +138,7 @@ export class CuraSwitch {
         return classes;
     }
     render() {
-        return (h(Host, { key: '39e910a3c68672eb23a123529a77f8ee0d1093aa', role: "switch", "aria-checked": this.checked, "aria-disabled": this.disabled }, h("div", { key: '649b89d2709b8afa30cfc1ba549d45ac3c9c04a1', class: this.getClasses(), style: this.styles, onClick: this.toggleSwitch }, h("div", { key: '4b1c7d704f0db997a4738abbd248c3a0bbcfdfcd', class: "info" }, h("cura-label", { key: 'b225b06ed00144348d08bb95c8a5bf2f1f48e610', textOverflow: this.overflowLabel, style: { textAlign: this.position === 'right' ? 'right' : 'left' }, class: "label", weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', lineHeight: "125%", color: this.assignColor('neutral-white', 'neutral-black') }, this.label), h("cura-label", { key: '22f5e79e0b2e98867663a9a60436d11bc2ce236e', textOverflow: this.overflowHelper, style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, h("slot", { key: 'd9ed12c05133baeec10aa149f26d6dc01b2e3cd8' }))), h("div", { key: 'd51364956de2b53735285109dd457cbff9500eb7', class: "control" }, h("div", { key: '5f1ce68eba5430eac69d670a72c4abd48a79a90d', class: `track ${this.size.toLowerCase()}` }, h("div", { key: '5077af32559bc7eb183745544844d01a6078ee1d', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
+        return (h(Host, { key: '55eb7eb4da5cc3eaa376c3a188f1f4580b4d3be8', role: "switch", "aria-checked": this.checked, "aria-disabled": this.disabled }, h("div", { key: '2c2e8f59747f6b12e6e9b528007e9e585fc2bb6e', class: this.getClasses(), style: this.styles, onClick: this.toggleSwitch }, h("div", { key: '6e3ba0c77facb521f15cc7cdf75adb0ec7a64985', class: "info" }, h("cura-label", { key: '6ecc8ca37c3e4078b35f063f935ffa802ed11c0a', textOverflow: this.overflowLabel, style: { textAlign: this.position === 'right' ? 'right' : 'left' }, class: "label", weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', lineHeight: "125%", color: this.assignColor('neutral-white', 'neutral-black') }, this.label), h("cura-label", { key: 'eea722ec56d3293259d938089972a71b2b0806df', textOverflow: this.overflowHelper, style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, h("slot", { key: 'ce171b19a68fa581279cef2e8b4d6818b84e59c9' }))), h("div", { key: '73088b5709884f1d338680a4148f5b4dce33d09c', class: "control" }, h("div", { key: 'e61c81796ef55a901423fa8b050a22c856c7fc26', class: `track ${this.size.toLowerCase()}` }, h("div", { key: 'd8b302df2b06fc043dc0629a87e2fde46616b406', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
     }
     static get is() { return "cura-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/loaders/cura-loader-bar/cura-loader-bar.js

@@ -16,7 +16,7 @@ export class CuraLoaderBar {
         this.setProgress();
     }
     render() {
-        return (h(Host, { key: '397073d5ad18c49fedee1832e89c15108b693e01', role: "progressbar", "aria-valuenow": this.progress, "aria-valuemin": 0, "aria-valuemax": 100 }, h("div", { key: 'e3c46bc440ee9c54b308679fa8358df4f10c6a9c', id: "progress-bar", class: "progress-bar", style: this.styles }, h("span", { key: '1635e7d72dd6b34455a1891f6a1907f603c91cb7', class: "progress-bar-fill" }))));
+        return (h(Host, { key: '1cad7226bfde87284c61f4786c3bccf66f967d40', role: "progressbar", "aria-valuenow": this.progress, "aria-valuemin": 0, "aria-valuemax": 100 }, h("div", { key: '59320656c2a679ff5600ef803fa215f1ed5d218d', id: "progress-bar", class: "progress-bar", style: this.styles }, h("span", { key: '6d66523c36dfaece1e9d7a3d60c8fbf7dbef5efa', class: "progress-bar-fill" }))));
     }
     setColor() {
         this.styles = Object.assign(Object.assign({}, this.styles), { '--neutral-base': window.CuraAPI.theme.colors.getColor(`neutral-base`, 0.2), '--color-base': window.CuraAPI.theme.colors.getColor(this.color) });

package/dist/collection/components/loaders/cura-loader-circle/cura-loader-circle.js

@@ -25,7 +25,7 @@ export class CuraLoaderCircle {
         };
     }
     render() {
-        return (h(Host, { key: '09f72e4ec206571c1bfb4333a76da3113f2b386d', style: this.getStyles(), role: "progressbar" }, h("svg", { key: 'd446c093c9ae6c1ebca50e023f2eba592f37eb07', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '8d8bf0fefcb924af391977d672f777face8bf24f' }, h("circle", { key: 'd77eaba65fc61c265b7c495e95dae22d9732732b', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), h("path", { key: 'ab82247a03c327a6eac8f5c0770932e3520aa32c', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), h("defs", { key: '6291d976f90dd54aecaead32f8314e977dad4c3f' }, h("linearGradient", { key: '8f213ed3cb1e55f9aae79f18d43f414b48f45a19', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'c723178770cb0d49746a72fff6c9c8dc7fbb07b4' }), h("stop", { key: '07bb208a3ca3f3b7a317b1e2386dc9cf683fd155', offset: "1" }))))));
+        return (h(Host, { key: '628e3341e2bc0bef9a18362ab46625d99a7f6800', style: this.getStyles(), role: "progressbar" }, h("svg", { key: 'c0e5366cef003222ec7a60fcaed02a1e2376acd5', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '194989f5d872562dffc46ca981a699183de87603' }, h("circle", { key: '6ffa4ee0394f80b4328e5bda459f849387086568', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), h("path", { key: '9cc41c580811d999769f1ebe1443bd63a092eae0', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), h("defs", { key: '1190920b737c9306a96ac9854207a339ac312815' }, h("linearGradient", { key: '11921fe3939bef2f32a4688058a3c818600c5781', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'fa3f8b029d39912abea7adef004f24e99f76d453' }), h("stop", { key: '53b8efce47f6101c36ccf9f05beca7ab76ffb886', offset: "1" }))))));
     }
     static get is() { return "cura-loader-circle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/cura-tabs/cura-tabs.js

@@ -85,7 +85,7 @@ export class CuraTabs {
         const labelSize = labelSizes[this.size] || labelSizes['default'];
         const labelColor = this.computeContentColor();
         this.updateDynamicStyles();
-        return (h(Host, { key: '3966968b73a9a51ec26f3206cdb09fbfcb3d3daf', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, h("button", { key: '00cc6382c635a05c52fd74b3e02e968c2d94cacb', 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: 'e193500f156c10cf0442e6f504e19d552c19f849', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, h("slot", { key: '8a0ac7c4b2ff4990093d13b4110e370616cf39f4' })))));
+        return (h(Host, { key: 'd12ccbd8e900c1a21dfee2ee7363e167772acad4', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, h("button", { key: '2e77d02614e38baaca599d7830f5ba4dcb048519', 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: '343f0d566d70ea2f132ea55ca588c57cb2ce20f2', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, h("slot", { key: '9acebd9e763f88d698ca6c0a08e97c3960701730' })))));
     }
     static get is() { return "cura-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/cura-tabs-button/cura-tabs-button.js

@@ -81,7 +81,7 @@ export class CuraTabs {
     render() {
         const labelSize = labelSizes[this.size] || labelSizes['default'];
         const labelColor = this.computeContentColor();
-        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())));
+        return (h(Host, { key: '8c6b0887fb2077909547c732cecb8655842d4a93', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, h("button", { key: 'f91ddf1d31dbebb6e097e48838b64b6787a88148', 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: '0ca8313f7b54bc0d238c1b56abb75c940789471f', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, h("slot", { key: '964538375a7c4560a996cc8c069753f07120ba9e' })), this.counter > 0 && this.getCounter())));
     }
     static get is() { return "cura-tabs-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/cura-tabs-group/cura-tabs-group.js

@@ -24,7 +24,7 @@ export class CuraTabsGroup {
         this.styles = Object.assign(Object.assign({}, this.styles), { '--border-color': window.CuraAPI.theme.colors.getColor(this.colorMode === 'light' ? 'neutral-base' : 'primary-base'), '--gap': `${this.gap}px` });
     }
     render() {
-        return (h(Host, { key: 'fb6a6ae52fd5bdfb8c3978a75f26be87479ccafa', role: "tablist", style: this.styles, class: this.getClasses() }, h("slot", { key: 'afca97b27c8359f8236331257e4db41f1332e071' })));
+        return (h(Host, { key: '1a2babd4b23b2f54644cfe9d0129736c897f50c3', role: "tablist", style: this.styles, class: this.getClasses() }, h("slot", { key: 'ba78df56f01619de8df14cbfde08dd501b15048e' })));
     }
     static get is() { return "cura-tabs-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/cura-tabs-transparent/cura-tabs-transparent.js

@@ -80,7 +80,7 @@ export class CuraTabsTransparent {
     render() {
         const labelSize = labelSizes[this.size] || labelSizes['default'];
         const labelColor = this.computeContentColor();
-        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' })))));
+        return (h(Host, { key: '3a165e58646df4462994a4368ef6d58a843bdc5c', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, h("button", { key: '50bfeaf2ec27682b6168f0c173b140bee1249229', 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: '5f2c83984da3d83ec0e6719eff67e901195366fa', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, h("slot", { key: '317de55115567fed9ece59b8c4da507e20f9c57e' })))));
     }
     static get is() { return "cura-tabs-transparent"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/text/cura-display/cura-display.js

@@ -79,7 +79,7 @@ export class CuraDisplay {
         return tags[`${this.level}`] || tags['default'];
     }
     render() {
-        return (h(Host, { key: '264f7e93aac5ecb7a775c6e505f230518e3959f4', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
+        return (h(Host, { key: 'b9264ba7f3ff79b474f02107824441c9f6e67ec1', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
     }
     static get is() { return "cura-display"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/text/cura-heading/cura-heading.js

@@ -86,7 +86,7 @@ export class CuraHeading {
         return tags[`${this.level}`] || tags['default'];
     }
     render() {
-        return (h(Host, { key: 'd32c25d0110f82182f4559789f3d2db04e040afe', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
+        return (h(Host, { key: '611cbd1aff08cda4926fc82ba821c86c5df3e954', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
     }
     static get is() { return "cura-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/text/cura-paragraph/cura-paragraph.js

@@ -62,7 +62,7 @@ export class CuraParagraph {
         return classes;
     }
     render() {
-        return (h(Host, { key: 'c3789e60b50107cc39c51e4a3ec317e86c966689', style: this.hostCSSProperties() }, h("p", { key: 'f70ffc6277b6164dfc8d230123820efb3d5daa64', style: this.styles, class: this.getClasses() }, h("slot", { key: '66251e59d51637fc7820516b17af8947cc9168e8' }))));
+        return (h(Host, { key: '33b3d1d2e739523255fbfbfd8b6afd67aa5dbc2d', style: this.hostCSSProperties() }, h("p", { key: '1baf909ffcc9c682bc9fba3b36d173e53020d084', style: this.styles, class: this.getClasses() }, h("slot", { key: 'b836160b6c94a6f3a2f5a7c4c1802bc5340bd5b5' }))));
     }
     static get is() { return "cura-paragraph"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/cura-accordion-item.js

@@ -1 +1 @@
-import{p as e,H as o,i as c,j as a,t}from"./p-DBXUEjWh.js";import{d as i}from"./p-fR02COZb.js";import{d as n}from"./p-fn4zJrKE.js";const r=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.iconSize=20,this.labelIcon="",this.openIcon="down",this.closeIcon="up",this.iconColor="",this.colorMode="dark",this.level=3,this.opened=!1,this.styles={}}getClasses(){const e={"accordion-item":!0};return e.active=this.opened,e.inverted="light"===this.colorMode,e}accordionItemClick(e){this.opened=!this.opened}renderIcon(){return this.labelIcon?c("cura-icon",{name:this.labelIcon,size:this.iconSize,color:"neutral-black"}):""}render(){return c(a,{key:"3dd53ab4a597b1726045ec4d3ed066c6c30050d0",slot:"accordion-item"},c("div",{key:"209291c7c9b587ac546e8b9e40b7d94a11a2489e",class:this.getClasses(),style:this.styles},c("div",{key:"9c2de1103c7f30bc9d2cb0a86fc660c98b94be84",class:"label",onClick:e=>this.accordionItemClick(e)},c("div",{key:"052a8be2c00edf3907e49970120d9b65937ab031",class:"label-container"},c("div",{key:"da543cdbcb0c0d5f691c3d2fcabfbfc9ec46f506",class:"label-content"},this.renderIcon(),c("cura-heading",{key:"f587de080f2c1779ffacf0b557827c24edf5e1ee",size:"small",level:this.level,weight:"bold","margin-block":"0",color:"neutral-black"},this.label)),c("cura-icon",{key:"611b48e32dfd7056a563aab56401feb3c8febee2",name:this.opened?this.closeIcon:this.openIcon,size:this.iconSize,color:"neutral-black"}))),c("div",{key:"e1d5e606f3e9415570a2a5c2ba3d96264d430bd0",class:"content"},c("div",{key:"62b76ef21093a4d051120e2502936049a186c36a",class:"content-wrapper"},c("slot",{key:"646b3d0163edf473c1a2e824f251f4db85b2fc18"})))))}static get style(){return':host{display:block}:host .accordion-item{width:100%}:host .accordion-item::after{content:"";display:block;border-top:solid 1px var(--neutral-base);width:100%}:host .accordion-item:hover:not(.active)::after{content:"";display:block;border-top:solid 1px var(--acc-color-icon-hover);width:100%}:host .accordion-item .label{display:flex;flex-direction:column}:host .accordion-item .label .label-container{display:flex;flex-grow:1;justify-content:space-between;align-items:center;gap:calc(var(--cura-spacing-base) * 3px);padding:calc(var(--cura-spacing-base) * 3px);word-break:break-word;cursor:pointer;font-size:1.14em;font-weight:var(--font-weight-regular)}:host .accordion-item .label .label-container .label-content{display:flex;justify-content:center;align-items:center;gap:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item .label .label-container .label-content cura-icon{--color:var(--acc-color) !important}:host .accordion-item .label .label-container .label-content cura-heading{--color-body:var(--acc-color) !important}:host .accordion-item .label .label-container cura-icon{--color:var(--acc-color-icon) !important;margin-right:4px}:host .accordion-item .label .label-container:hover cura-heading{--color-body:var(--acc-color-hover) !important}:host .accordion-item .label .label-container:hover cura-icon{--color:var(--acc-color-icon-hover) !important}:host .accordion-item .content{font-size:1em;overflow:hidden;max-height:0;transition:max-height 0.25s ease}:host .accordion-item .content .content-wrapper{padding:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item.inverted:hover:not(.active)::after{content:"";display:block;border-top:solid 1px var(--acc-color-icon-hover-inverted);width:100%}:host .accordion-item.inverted .label .label-container cura-heading{--color-body:var(--acc-color-inverted) !important}:host .accordion-item.inverted .label .label-container cura-icon{--color:var(--acc-color-icon-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-heading{--color-body:var(--acc-color-hover-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-icon{--color:var(--acc-color-icon-hover-inverted) !important}:host .accordion-item.active .content{max-height:200vh;overflow-y:auto;transition:max-height 0.5s ease 0.14s}@media (min-width: 769px) and (max-width: 992px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}@media (min-width: 993px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}'}},[257,"cura-accordion-item",{label:[513],iconSize:[514,"icon-size"],labelIcon:[513,"label-icon"],openIcon:[513,"open-icon"],closeIcon:[513,"close-icon"],iconColor:[513,"icon-color"],colorMode:[1,"color-mode"],level:[514],opened:[1540],styles:[32]}]),l=r,s=function(){"undefined"!=typeof customElements&&["cura-accordion-item","cura-heading","cura-icon"].forEach((e=>{switch(e){case"cura-accordion-item":customElements.get(t(e))||customElements.define(t(e),r);break;case"cura-heading":customElements.get(t(e))||i();break;case"cura-icon":customElements.get(t(e))||n()}}))};export{l as CuraAccordionItem,s as defineCustomElement}
+import{p as e,H as o,i as c,j as a,t}from"./p-DBXUEjWh.js";import{d as i}from"./p-Dmalf4Oj.js";import{d as n}from"./p-DI66_jP6.js";const r=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.iconSize=20,this.labelIcon="",this.openIcon="down",this.closeIcon="up",this.iconColor="",this.colorMode="dark",this.level=3,this.opened=!1,this.styles={}}getClasses(){const e={"accordion-item":!0};return e.active=this.opened,e.inverted="light"===this.colorMode,e}accordionItemClick(e){this.opened=!this.opened}renderIcon(){return this.labelIcon?c("cura-icon",{name:this.labelIcon,size:this.iconSize,color:"neutral-black"}):""}render(){return c(a,{key:"3dd53ab4a597b1726045ec4d3ed066c6c30050d0",slot:"accordion-item"},c("div",{key:"209291c7c9b587ac546e8b9e40b7d94a11a2489e",class:this.getClasses(),style:this.styles},c("div",{key:"9c2de1103c7f30bc9d2cb0a86fc660c98b94be84",class:"label",onClick:e=>this.accordionItemClick(e)},c("div",{key:"052a8be2c00edf3907e49970120d9b65937ab031",class:"label-container"},c("div",{key:"da543cdbcb0c0d5f691c3d2fcabfbfc9ec46f506",class:"label-content"},this.renderIcon(),c("cura-heading",{key:"f587de080f2c1779ffacf0b557827c24edf5e1ee",size:"small",level:this.level,weight:"bold","margin-block":"0",color:"neutral-black"},this.label)),c("cura-icon",{key:"611b48e32dfd7056a563aab56401feb3c8febee2",name:this.opened?this.closeIcon:this.openIcon,size:this.iconSize,color:"neutral-black"}))),c("div",{key:"e1d5e606f3e9415570a2a5c2ba3d96264d430bd0",class:"content"},c("div",{key:"62b76ef21093a4d051120e2502936049a186c36a",class:"content-wrapper"},c("slot",{key:"646b3d0163edf473c1a2e824f251f4db85b2fc18"})))))}static get style(){return':host{display:block}:host .accordion-item{width:100%}:host .accordion-item::after{content:"";display:block;border-top:solid 1px var(--neutral-base);width:100%}:host .accordion-item:hover:not(.active)::after{content:"";display:block;border-top:solid 1px var(--acc-color-icon-hover);width:100%}:host .accordion-item .label{display:flex;flex-direction:column}:host .accordion-item .label .label-container{display:flex;flex-grow:1;justify-content:space-between;align-items:center;gap:calc(var(--cura-spacing-base) * 3px);padding:calc(var(--cura-spacing-base) * 3px);word-break:break-word;cursor:pointer;font-size:1.14em;font-weight:var(--font-weight-regular)}:host .accordion-item .label .label-container .label-content{display:flex;justify-content:center;align-items:center;gap:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item .label .label-container .label-content cura-icon{--color:var(--acc-color) !important}:host .accordion-item .label .label-container .label-content cura-heading{--color-body:var(--acc-color) !important}:host .accordion-item .label .label-container cura-icon{--color:var(--acc-color-icon) !important;margin-right:4px}:host .accordion-item .label .label-container:hover cura-heading{--color-body:var(--acc-color-hover) !important}:host .accordion-item .label .label-container:hover cura-icon{--color:var(--acc-color-icon-hover) !important}:host .accordion-item .content{font-size:1em;overflow:hidden;max-height:0;transition:max-height 0.25s ease}:host .accordion-item .content .content-wrapper{padding:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item.inverted:hover:not(.active)::after{content:"";display:block;border-top:solid 1px var(--acc-color-icon-hover-inverted);width:100%}:host .accordion-item.inverted .label .label-container cura-heading{--color-body:var(--acc-color-inverted) !important}:host .accordion-item.inverted .label .label-container cura-icon{--color:var(--acc-color-icon-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-heading{--color-body:var(--acc-color-hover-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-icon{--color:var(--acc-color-icon-hover-inverted) !important}:host .accordion-item.active .content{max-height:200vh;overflow-y:auto;transition:max-height 0.5s ease 0.14s}@media (min-width: 769px) and (max-width: 992px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}@media (min-width: 993px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}'}},[257,"cura-accordion-item",{label:[513],iconSize:[514,"icon-size"],labelIcon:[513,"label-icon"],openIcon:[513,"open-icon"],closeIcon:[513,"close-icon"],iconColor:[513,"icon-color"],colorMode:[1,"color-mode"],level:[514],opened:[1540],styles:[32]}]),l=r,s=function(){"undefined"!=typeof customElements&&["cura-accordion-item","cura-heading","cura-icon"].forEach((e=>{switch(e){case"cura-accordion-item":customElements.get(t(e))||customElements.define(t(e),r);break;case"cura-heading":customElements.get(t(e))||i();break;case"cura-icon":customElements.get(t(e))||n()}}))};export{l as CuraAccordionItem,s as defineCustomElement}

package/dist/components/cura-alert.js

@@ -1 +1 @@
-import{p as e,H as s,k as a,i as t,j as r,t as c}from"./p-DBXUEjWh.js";import{d as i}from"./p-fR02COZb.js";import{d as o}from"./p-fn4zJrKE.js";import{d as l}from"./p-D7WNwjv-.js";const n=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.close=a(this,"close"),this.type="info",this.floating=!1,this.closeable=!0,this.styles={},this.handleClose=()=>{this.close.emit(),this.host.remove()}}setColors(){const e=[{name:"--color-lighter",theme:this.type+"-lighter"},{name:"--neutral-black",theme:"neutral-black"},{name:"--color-light",theme:this.type+"-light"},{name:"--color-base",theme:this.type+"-base"}],s=Object.assign({},this.styles);e.forEach((e=>{s[e.name]=window.CuraAPI.theme.colors.getColor(e.theme)})),this.styles=s}connectedCallback(){this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing(),this.setColors()}getClasses(){const e={conteiner:!0};return e.floating=this.floating,e}getNameIcon(){return this.icon?this.icon:{info:"infoCircle",success:"checkCircle",warning:"alertCircle",error:"alertTriangle"}[this.type]}render(){return t(r,{key:"f64ddb202b9436f9bebd4316979ffc1ad8d2c711",role:"alert","aria-live":"polite","aria-atomic":"true","aria-label":this.label},t("div",{key:"c1320f2a8007169776bf1d8b59301c9e070d97f3",class:this.getClasses(),style:this.styles},t("cura-icon",{key:"18b352ca24b9904624e10beadc8ef2a214ef3ee4",name:this.getNameIcon(),class:"icon-left",size:16,color:this.type+"-dark"}),t("div",{key:"4f025525470856227ff65b36c27c8dcffc73be99",class:"content"},this.label?t("cura-heading",{class:"title",size:"xsmall",color:"neutral-black",weight:"bold","margin-block":"1px 0"},this.label):"",t("cura-paragraph",{key:"b1dcbf2fc75c387a8e30b255b94a3439d6443548",class:"text",color:this.type+"-darker",size:"xsmall",marginBlock:"0",lineHeight:"133.33%"},t("slot",{key:"d4473ba49462f93fe5b4c5b2729ca018c7cc322c"})),t("slot",{key:"2d3d5e549a600424c13ae2642845af40fb3c0894",name:"actions"})),this.closeable?t("cura-icon",{name:"close",size:16,color:"error-dark",class:"icon-right",onClick:this.handleClose}):""))}get host(){return this}static get watchers(){return{type:[{setColors:0}]}}static get style(){return":host{display:block;box-sizing:border-box}:host .conteiner{display:flex;box-sizing:border-box;padding:calc(var(--cura-spacing-base) * 3px);gap:calc(var(--cura-spacing-base) * 3px);flex-shrink:0;border:1px solid var(--color-base);border-radius:4px;background-color:var(--color-lighter)}:host .conteiner.floating{box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host .content{flex:1;flex-direction:column;display:flex;gap:calc(var(--cura-spacing-base) * 1px)}:host .icon-right{cursor:pointer}"}},[257,"cura-alert",{type:[1],floating:[516],label:[513],closeable:[516],icon:[513],styles:[32]},void 0,{type:[{setColors:0}]}]),h=n,b=function(){"undefined"!=typeof customElements&&["cura-alert","cura-heading","cura-icon","cura-paragraph"].forEach((e=>{switch(e){case"cura-alert":customElements.get(c(e))||customElements.define(c(e),n);break;case"cura-heading":customElements.get(c(e))||i();break;case"cura-icon":customElements.get(c(e))||o();break;case"cura-paragraph":customElements.get(c(e))||l()}}))};export{h as CuraAlert,b as defineCustomElement}
+import{p as e,H as a,k as s,i as t,j as c,t as r}from"./p-DBXUEjWh.js";import{d as i}from"./p-Dmalf4Oj.js";import{d as o}from"./p-DI66_jP6.js";import{d as l}from"./p-PiUhcFob.js";const n=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.close=s(this,"close"),this.type="info",this.floating=!1,this.closeable=!0,this.styles={},this.handleClose=()=>{this.close.emit(),this.host.remove()}}setColors(){const e=[{name:"--color-lighter",theme:this.type+"-lighter"},{name:"--neutral-black",theme:"neutral-black"},{name:"--color-light",theme:this.type+"-light"},{name:"--color-base",theme:this.type+"-base"}],a=Object.assign({},this.styles);e.forEach((e=>{a[e.name]=window.CuraAPI.theme.colors.getColor(e.theme)})),this.styles=a}connectedCallback(){this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing(),this.setColors()}getClasses(){const e={conteiner:!0};return e.floating=this.floating,e}getNameIcon(){return this.icon?this.icon:{info:"infoCircle",success:"checkCircle",warning:"alertCircle",error:"alertTriangle"}[this.type]}render(){return t(c,{key:"f64ddb202b9436f9bebd4316979ffc1ad8d2c711",role:"alert","aria-live":"polite","aria-atomic":"true","aria-label":this.label},t("div",{key:"c1320f2a8007169776bf1d8b59301c9e070d97f3",class:this.getClasses(),style:this.styles},t("cura-icon",{key:"18b352ca24b9904624e10beadc8ef2a214ef3ee4",name:this.getNameIcon(),class:"icon-left",size:16,color:this.type+"-dark"}),t("div",{key:"4f025525470856227ff65b36c27c8dcffc73be99",class:"content"},this.label?t("cura-heading",{class:"title",size:"xsmall",color:"neutral-black",weight:"bold","margin-block":"1px 0"},this.label):"",t("cura-paragraph",{key:"b1dcbf2fc75c387a8e30b255b94a3439d6443548",class:"text",color:this.type+"-darker",size:"xsmall",marginBlock:"0",lineHeight:"133.33%"},t("slot",{key:"d4473ba49462f93fe5b4c5b2729ca018c7cc322c"})),t("slot",{key:"2d3d5e549a600424c13ae2642845af40fb3c0894",name:"actions"})),this.closeable?t("cura-icon",{name:"close",size:16,color:"error-dark",class:"icon-right",onClick:this.handleClose}):""))}get host(){return this}static get watchers(){return{type:[{setColors:0}]}}static get style(){return":host{display:block;box-sizing:border-box}:host .conteiner{display:flex;box-sizing:border-box;padding:calc(var(--cura-spacing-base) * 3px);gap:calc(var(--cura-spacing-base) * 3px);flex-shrink:0;border:1px solid var(--color-base);border-radius:4px;background-color:var(--color-lighter)}:host .conteiner.floating{box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host .content{flex:1;flex-direction:column;display:flex;gap:calc(var(--cura-spacing-base) * 1px)}:host .icon-right{cursor:pointer}"}},[257,"cura-alert",{type:[1],floating:[516],label:[513],closeable:[516],icon:[513],styles:[32]},void 0,{type:[{setColors:0}]}]),h=n,b=function(){"undefined"!=typeof customElements&&["cura-alert","cura-heading","cura-icon","cura-paragraph"].forEach((e=>{switch(e){case"cura-alert":customElements.get(r(e))||customElements.define(r(e),n);break;case"cura-heading":customElements.get(r(e))||i();break;case"cura-icon":customElements.get(r(e))||o();break;case"cura-paragraph":customElements.get(r(e))||l()}}))};export{h as CuraAlert,b as defineCustomElement}

package/dist/components/cura-badge-counter.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-B2RN7oe_.js";const p=o,r=s;export{p as CuraBadgeCounter,r as defineCustomElement}
+import{C as o,d as p}from"./p-BKDpza6x.js";const s=o,a=p;export{s as CuraBadgeCounter,a as defineCustomElement}

package/dist/components/cura-badge-distance.js

@@ -1 +1 @@
-import{p as e,H as a,i as t,j as s,t as c}from"./p-DBXUEjWh.js";import{d as i}from"./p-BSdkRryc.js";const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.distance=0,this.label="km",this.styles={},this.displayDistance=0,this.isThousandRounded=!1,this.theme=window.CuraAPI.theme}formatDistance(){const e=this.distance%1!=0?parseFloat(this.distance.toFixed(1)):this.distance;this.isThousandRounded=Math.abs(e)>=1e3,this.displayDistance=this.isThousandRounded?parseFloat((e/1e3).toFixed(1)):e}connectedCallback(){this.setCssProperties(),this.formatDistance()}render(){return t(s,{key:"cdc206deecbed2e069befda5d21ddcaf03049afc"},t("div",{key:"d22d2b5b97964281e8588fbc17a66f3fddcd875e",class:"container",style:this.styles},t("cura-label",{key:"0d54ab1ad403ba23a57fb78a422ed8c577cd627e",size:"xsmall",weight:"bold",color:"neutral-black"},this.displayDistance,this.isThousandRounded?"K":""),t("cura-label",{key:"d4929a67484bbfd6d6f3edce82414951ea4778c8",size:"xsmall",weight:"bold",color:"neutral-dark"},this.label)))}setCssProperties(){this.styles={"--neutral-pale":this.theme.colors.getColor("neutral-pale"),"--base-spacing":this.theme.spacing.getSpacing()}}static get watchers(){return{distance:[{formatDistance:0}]}}static get style(){return":host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--cura-spacing-base) * 10px);height:calc(var(--cura-spacing-base) * 10px);border-radius:calc(var(--cura-spacing-base) * 1px);background:var(--neutral-pale)}"}},[1,"cura-badge-distance",{distance:[2],label:[513],styles:[32],displayDistance:[32]},void 0,{distance:[{formatDistance:0}]}]),n=r,d=function(){"undefined"!=typeof customElements&&["cura-badge-distance","cura-label"].forEach((e=>{switch(e){case"cura-badge-distance":customElements.get(c(e))||customElements.define(c(e),r);break;case"cura-label":customElements.get(c(e))||i()}}))};export{n as CuraBadgeDistance,d as defineCustomElement}
+import{p as e,H as a,i as t,j as s,t as c}from"./p-DBXUEjWh.js";import{d as i}from"./p-i55vIhdM.js";const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.distance=0,this.label="km",this.styles={},this.displayDistance=0,this.isThousandRounded=!1,this.theme=window.CuraAPI.theme}formatDistance(){const e=this.distance%1!=0?parseFloat(this.distance.toFixed(1)):this.distance;this.isThousandRounded=Math.abs(e)>=1e3,this.displayDistance=this.isThousandRounded?parseFloat((e/1e3).toFixed(1)):e}connectedCallback(){this.setCssProperties(),this.formatDistance()}render(){return t(s,{key:"cdc206deecbed2e069befda5d21ddcaf03049afc"},t("div",{key:"d22d2b5b97964281e8588fbc17a66f3fddcd875e",class:"container",style:this.styles},t("cura-label",{key:"0d54ab1ad403ba23a57fb78a422ed8c577cd627e",size:"xsmall",weight:"bold",color:"neutral-black"},this.displayDistance,this.isThousandRounded?"K":""),t("cura-label",{key:"d4929a67484bbfd6d6f3edce82414951ea4778c8",size:"xsmall",weight:"bold",color:"neutral-dark"},this.label)))}setCssProperties(){this.styles={"--neutral-pale":this.theme.colors.getColor("neutral-pale"),"--base-spacing":this.theme.spacing.getSpacing()}}static get watchers(){return{distance:[{formatDistance:0}]}}static get style(){return":host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--cura-spacing-base) * 10px);height:calc(var(--cura-spacing-base) * 10px);border-radius:calc(var(--cura-spacing-base) * 1px);background:var(--neutral-pale)}"}},[1,"cura-badge-distance",{distance:[2],label:[513],styles:[32],displayDistance:[32]},void 0,{distance:[{formatDistance:0}]}]),n=r,d=function(){"undefined"!=typeof customElements&&["cura-badge-distance","cura-label"].forEach((e=>{switch(e){case"cura-badge-distance":customElements.get(c(e))||customElements.define(c(e),r);break;case"cura-label":customElements.get(c(e))||i()}}))};export{n as CuraBadgeDistance,d as defineCustomElement}

package/dist/components/cura-badge-pill.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-D6xuYQiO.js";const p=o,r=s;export{p as CuraBadgePill,r as defineCustomElement}
+import{C as o,d as s}from"./p-KovUKiTX.js";const p=o,r=s;export{p as CuraBadgePill,r as defineCustomElement}

package/dist/components/cura-button-outline.js

@@ -1 +1 @@
-import{p as t,H as o,i,j as a,t as s}from"./p-DBXUEjWh.js";import{l as n}from"./p-BSI2FkNn.js";import{d as r}from"./p-fn4zJrKE.js";import{d as e}from"./p-BSdkRryc.js";import{d as c}from"./p-Bf21UQXV.js";const l=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.internals=this.attachInternals(),this.type="button",this.size="large",this.disabled=!1,this.isLoading=!1,this.iconset="default",this.iconPosition="left",this.iconOnly=!1,this.target="_self",this.color="primary",this.background="light",this.fontColor="dark",this.textAlign="left",this.justify=!1,this.styles={},this.hovered=!1}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights(),this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing(),this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor("neutral-white"),this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor("neutral-base"),this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor("neutral-dark"),this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize(),this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily(),this.styles["--font-weight-medium"]=this.weights.medium,this.styles["--text-align"]=this.textAlign,this.setColors()}getClasses(){var t;const o={};return o[""+(null===(t=this.size)||void 0===t?void 0:t.toLowerCase())]=!0,o["icon-"+this.iconPosition.toLowerCase()]=!0,o["icon-only"]=this.iconOnly,o.disabled=this.disabled,o.isLoading=this.isLoading,o.justify=this.justify,o}setColors(){[{name:"--color-dark-neutral-purewhite",thema:"light"===this.background?this.color+"-dark":"neutral-purewhite"},{name:"--color-lighter-color-darker",thema:"light"===this.background?this.color+"-lighter":this.color+"-darker"},{name:"--color-light-color-darker",thema:"light"===this.background?this.color+"-light":this.color+"-lighter"},{name:"--neutral-dark",thema:"neutral-dark"}].forEach((t=>this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.thema))),this.styles=Object.assign({},this.styles)}getIcon(){return this.iconName?i("cura-icon",{name:this.iconName,iconset:this.iconset,size:"large"===this.size?20:16,color:this.getSymbolColor()}):""}handleMouseEnter(){this.disabled||(this.hovered=!0)}handleMouseLeave(){this.hovered=!1}getSymbolColor(){return this.disabled?"neutral-dark":"light"===this.fontColor?"neutral-purewhite":this.color+"-darker"}handleClick(t){this.disabled||this.isLoading?t.preventDefault():this.href||("submit"===this.type&&this.internals.form&&this.internals.form.submit(),"reset"===this.type&&this.internals.form&&this.internals.form.reset())}render(){const t=this.getSymbolColor(),o=n[this.size]||n.default;return i(a,{key:"b358245d50ce91c2340312a74ac6a711fb9f3929",role:this.href?"link":this.type,"aria-disabled":this.disabled},this.href?i("a",{href:this.disabled?"":this.href,target:this.target,class:this.getClasses(),style:this.styles,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},i("span",{class:"button-container"},this.getIcon(),i("cura-label",{size:o,lineHeight:"normal",color:t},i("slot",null))),i("cura-loader-circle",{size:this.size,color:t})):i("button",{class:this.getClasses(),style:this.styles,disabled:this.disabled||null,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave(),type:this.type},i("span",{class:"button-container"},this.getIcon(),i("cura-label",{size:o,lineHeight:"normal",color:t},i("slot",null))),i("cura-loader-circle",{size:this.size,color:t})))}static get formAssociated(){return!0}static get watchers(){return{background:[{setColors:0}],color:[{setColors:0},{getSymbolColor:0}],fontColor:[{getSymbolColor:0}]}}static get style(){return':host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}: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}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:"";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid var(--color-dark-neutral-purewhite);border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{background-color:var(--color-lighter-color-darker)}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{background-color:var(--color-light-color-darker)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, "left")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled::before,:host a.disabled::before{border-color:var(--neutral-dark)}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}'}},[321,"cura-button-outline",{type:[513],size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],background:[1],fontColor:[1,"font-color"],textAlign:[513,"text-align"],justify:[516],styles:[32],hovered:[32]},void 0,{background:[{setColors:0}],color:[{setColors:0},{getSymbolColor:0}],fontColor:[{getSymbolColor:0}]}]),h=l,u=function(){"undefined"!=typeof customElements&&["cura-button-outline","cura-icon","cura-label","cura-loader-circle"].forEach((t=>{switch(t){case"cura-button-outline":customElements.get(s(t))||customElements.define(s(t),l);break;case"cura-icon":customElements.get(s(t))||r();break;case"cura-label":customElements.get(s(t))||e();break;case"cura-loader-circle":customElements.get(s(t))||c()}}))};export{h as CuraButtonOutline,u as defineCustomElement}
+import{p as t,H as o,i,j as a,t as s}from"./p-DBXUEjWh.js";import{l as n}from"./p-BSI2FkNn.js";import{d as r}from"./p-DI66_jP6.js";import{d as e}from"./p-i55vIhdM.js";import{d as c}from"./p-DQP7jRHp.js";const l=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.internals=this.attachInternals(),this.type="button",this.size="large",this.disabled=!1,this.isLoading=!1,this.iconset="default",this.iconPosition="left",this.iconOnly=!1,this.target="_self",this.color="primary",this.background="light",this.fontColor="dark",this.textAlign="left",this.justify=!1,this.styles={},this.hovered=!1}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights(),this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing(),this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor("neutral-white"),this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor("neutral-base"),this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor("neutral-dark"),this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize(),this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily(),this.styles["--font-weight-medium"]=this.weights.medium,this.styles["--text-align"]=this.textAlign,this.setColors()}getClasses(){var t;const o={};return o[""+(null===(t=this.size)||void 0===t?void 0:t.toLowerCase())]=!0,o["icon-"+this.iconPosition.toLowerCase()]=!0,o["icon-only"]=this.iconOnly,o.disabled=this.disabled,o.isLoading=this.isLoading,o.justify=this.justify,o}setColors(){[{name:"--color-dark-neutral-purewhite",thema:"light"===this.background?this.color+"-dark":"neutral-purewhite"},{name:"--color-lighter-color-darker",thema:"light"===this.background?this.color+"-lighter":this.color+"-darker"},{name:"--color-light-color-darker",thema:"light"===this.background?this.color+"-light":this.color+"-lighter"},{name:"--neutral-dark",thema:"neutral-dark"}].forEach((t=>this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.thema))),this.styles=Object.assign({},this.styles)}getIcon(){return this.iconName?i("cura-icon",{name:this.iconName,iconset:this.iconset,size:"large"===this.size?20:16,color:this.getSymbolColor()}):""}handleMouseEnter(){this.disabled||(this.hovered=!0)}handleMouseLeave(){this.hovered=!1}getSymbolColor(){return this.disabled?"neutral-dark":"light"===this.fontColor?"neutral-purewhite":this.color+"-darker"}handleClick(t){this.disabled||this.isLoading?t.preventDefault():this.href||("submit"===this.type&&this.internals.form&&this.internals.form.submit(),"reset"===this.type&&this.internals.form&&this.internals.form.reset())}render(){const t=this.getSymbolColor(),o=n[this.size]||n.default;return i(a,{key:"b358245d50ce91c2340312a74ac6a711fb9f3929",role:this.href?"link":this.type,"aria-disabled":this.disabled},this.href?i("a",{href:this.disabled?"":this.href,target:this.target,class:this.getClasses(),style:this.styles,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},i("span",{class:"button-container"},this.getIcon(),i("cura-label",{size:o,lineHeight:"normal",color:t},i("slot",null))),i("cura-loader-circle",{size:this.size,color:t})):i("button",{class:this.getClasses(),style:this.styles,disabled:this.disabled||null,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave(),type:this.type},i("span",{class:"button-container"},this.getIcon(),i("cura-label",{size:o,lineHeight:"normal",color:t},i("slot",null))),i("cura-loader-circle",{size:this.size,color:t})))}static get formAssociated(){return!0}static get watchers(){return{background:[{setColors:0}],color:[{setColors:0},{getSymbolColor:0}],fontColor:[{getSymbolColor:0}]}}static get style(){return':host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}: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}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:"";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid var(--color-dark-neutral-purewhite);border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{background-color:var(--color-lighter-color-darker)}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{background-color:var(--color-light-color-darker)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, "left")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled::before,:host a.disabled::before{border-color:var(--neutral-dark)}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}'}},[321,"cura-button-outline",{type:[513],size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],background:[1],fontColor:[1,"font-color"],textAlign:[513,"text-align"],justify:[516],styles:[32],hovered:[32]},void 0,{background:[{setColors:0}],color:[{setColors:0},{getSymbolColor:0}],fontColor:[{getSymbolColor:0}]}]),h=l,u=function(){"undefined"!=typeof customElements&&["cura-button-outline","cura-icon","cura-label","cura-loader-circle"].forEach((t=>{switch(t){case"cura-button-outline":customElements.get(s(t))||customElements.define(s(t),l);break;case"cura-icon":customElements.get(s(t))||r();break;case"cura-label":customElements.get(s(t))||e();break;case"cura-loader-circle":customElements.get(s(t))||c()}}))};export{h as CuraButtonOutline,u as defineCustomElement}

package/dist/components/cura-button-select.js

@@ -1 +1 @@
-import{p as t,H as o,k as e,i as r,j as a,t as s}from"./p-DBXUEjWh.js";import{l as i}from"./p-BSI2FkNn.js";import{d as c}from"./p-B2RN7oe_.js";import{d as n}from"./p-fn4zJrKE.js";import{d as l}from"./p-BSdkRryc.js";const h=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.onclick=e(this,"onclick"),this.selected=!1,this.size="medium",this.background="light",this.color="primary",this.hovered=!1,this.styles={},this.theme=window.CuraAPI.theme}setColors(){[{name:"--color-border",thema:"light"===this.background?this.color+"-darker":"neutral-white"},{name:"--color-border-hover-pressed",thema:"light"===this.background?this.color+"-dark":this.color+"-light"},{name:"--color-background-hover",thema:"light"===this.background?this.color+"-light":this.color+"-dark"},{name:"--color-select",thema:"light"===this.background?this.color+"-base":"neutral-white"},{name:"--color-select-hover-pressed",thema:"light"===this.background?this.color+"-dark":this.color+"-lighter"},{name:"--color-select-focus",thema:"light"===this.background?this.color+"-base":this.color+"-lighter"},{name:"--color-disable-select",thema:"light"===this.background?"neutral-white":"neutral-black"},{name:"--color-border-disable-unselect",thema:"neutral-dark"},{name:"--color-counter-disabled",thema:"light"===this.background?"neutral-pale":"neutral-black"},{name:"--color-counter",thema:!this.disabled&&"primary-lighter"}].forEach((t=>this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.thema))),this.styles=Object.assign({},this.styles)}getClasses(){var t;const o={};return o[""+(null===(t=this.size)||void 0===t?void 0:t.toLowerCase())]=!0,o["icon-"+this.iconPosition.toLowerCase()]=!0,o.disabled=this.disabled,o.selected=this.selected,o}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights(),this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing(),this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize(),this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily(),this.styles["--font-weight-medium"]=this.weights.medium,this.setColors()}getLabelFontColor(){return this.disabled?"neutral-dark":"dark"===this.background?this.selected?"neutral-black":"neutral-white":"light"===this.background?this.selected?"neutral-white":"neutral-black":void 0}getColorBagdeNumber(){return"dark"===this.background&&this.disabled?this.selected?"neutral-black":"neutral-dark":"light"===this.background&&this.disabled?"neutral-medium":this.color+"-darker"}getIcon(){if("right"!==this.iconPosition)return r("cura-icon",{name:this.iconName,size:"large"===this.size?20:16,color:this.getLabelFontColor()})}getCounter(){return r("cura-badge-counter",{number:this.counter,color:this.color,disabled:this.disabled||null,class:"badge-number"})}getCheckIconRight(){return r("cura-icon",{name:"check",size:"large"===this.size?20:16,color:this.getLabelFontColor()})}handleMouseEnter(){this.disabled||(this.hovered=!0)}handleMouseLeave(){this.hovered=!1}handleClick(t){this.disabled&&t.preventDefault(),this.selected=!this.selected,this.onclick.emit({selected:this.selected})}render(){const t=i[this.size]||i.default;return r(a,{key:"c691cdc5f2a9ac4bc32a1fb3c21a1f30ad73caa1",role:"button","aria-disabled":this.disabled,"aria-pressed":this.selected},r("button",{key:"85a81fc19a8e280771d56bd41df83e3ab551a831",class:this.getClasses(),style:this.styles,disabled:this.disabled,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},r("div",{key:"4d206c48d71efca483375a7d2e765f91aff78e5f",class:"button-container"},this.iconName?this.getIcon():null,r("cura-label",{key:"2a9ad257ffa77f906c7db83e76f50fb7a5c9ded7",class:"label",size:t,lineHeight:"0%",color:this.getLabelFontColor(),weight:"regular"},r("slot",{key:"2153d1444550a56292b137d32c6835514111c7a1"})),this.counter?this.getCounter():null,"right"===this.iconPosition&&this.selected?this.getCheckIconRight():null)))}get host(){return this}static get watchers(){return{background:[{setColors:0}],color:[{setColors:0}]}}static get style(){return':host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}: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:var(--neutral-purewhite);box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:"";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid var(--color-border);border-radius:var(--border-radius)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover-pressed)}:host button:focus,:host a:focus{border-color:var(--color-border) !important}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, "left")}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative;flex-direction:row !important}:host button .button-container .badge-number,:host a .button-container .badge-number{margin-left:10px}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--color-select);border-color:var(--color-select)}:host button.selected:not(.disabled):hover,:host a.selected:not(.disabled):hover{background-color:var(--color-border-hover-pressed);border-color:var(--color-border-hover-pressed)}:host button.selected:focus,:host a.selected:focus{border-color:var(--color-select-focus) !important}:host button.selected.disabled,:host a.selected.disabled{background-color:var(--color-disable-select);border-color:var(--color-disable-select)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-white-primary-darker);border-color:var(--color-border-disable-unselect)}'}},[257,"cura-button-select",{selected:[1540],iconName:[1537,"icon-name"],size:[513],counter:[1538],disabled:[516],background:[1],color:[1],iconPosition:[513,"icon-position"],hovered:[32],styles:[32]},void 0,{background:[{setColors:0}],color:[{setColors:0}]}]),u=h,d=function(){"undefined"!=typeof customElements&&["cura-button-select","cura-badge-counter","cura-icon","cura-label"].forEach((t=>{switch(t){case"cura-button-select":customElements.get(s(t))||customElements.define(s(t),h);break;case"cura-badge-counter":customElements.get(s(t))||c();break;case"cura-icon":customElements.get(s(t))||n();break;case"cura-label":customElements.get(s(t))||l()}}))};export{u as CuraButtonSelect,d as defineCustomElement}
+import{p as t,H as o,k as e,i as r,j as a,t as s}from"./p-DBXUEjWh.js";import{l as i}from"./p-BSI2FkNn.js";import{d as c}from"./p-BKDpza6x.js";import{d as n}from"./p-DI66_jP6.js";import{d as l}from"./p-i55vIhdM.js";const h=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.onclick=e(this,"onclick"),this.selected=!1,this.size="medium",this.background="light",this.color="primary",this.hovered=!1,this.styles={},this.theme=window.CuraAPI.theme}setColors(){[{name:"--color-border",thema:"light"===this.background?this.color+"-darker":"neutral-white"},{name:"--color-border-hover-pressed",thema:"light"===this.background?this.color+"-dark":this.color+"-light"},{name:"--color-background-hover",thema:"light"===this.background?this.color+"-light":this.color+"-dark"},{name:"--color-select",thema:"light"===this.background?this.color+"-base":"neutral-white"},{name:"--color-select-hover-pressed",thema:"light"===this.background?this.color+"-dark":this.color+"-lighter"},{name:"--color-select-focus",thema:"light"===this.background?this.color+"-base":this.color+"-lighter"},{name:"--color-disable-select",thema:"light"===this.background?"neutral-white":"neutral-black"},{name:"--color-border-disable-unselect",thema:"neutral-dark"},{name:"--color-counter-disabled",thema:"light"===this.background?"neutral-pale":"neutral-black"},{name:"--color-counter",thema:!this.disabled&&"primary-lighter"}].forEach((t=>this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.thema))),this.styles=Object.assign({},this.styles)}getClasses(){var t;const o={};return o[""+(null===(t=this.size)||void 0===t?void 0:t.toLowerCase())]=!0,o["icon-"+this.iconPosition.toLowerCase()]=!0,o.disabled=this.disabled,o.selected=this.selected,o}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights(),this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing(),this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize(),this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily(),this.styles["--font-weight-medium"]=this.weights.medium,this.setColors()}getLabelFontColor(){return this.disabled?"neutral-dark":"dark"===this.background?this.selected?"neutral-black":"neutral-white":"light"===this.background?this.selected?"neutral-white":"neutral-black":void 0}getColorBagdeNumber(){return"dark"===this.background&&this.disabled?this.selected?"neutral-black":"neutral-dark":"light"===this.background&&this.disabled?"neutral-medium":this.color+"-darker"}getIcon(){if("right"!==this.iconPosition)return r("cura-icon",{name:this.iconName,size:"large"===this.size?20:16,color:this.getLabelFontColor()})}getCounter(){return r("cura-badge-counter",{number:this.counter,color:this.color,disabled:this.disabled||null,class:"badge-number"})}getCheckIconRight(){return r("cura-icon",{name:"check",size:"large"===this.size?20:16,color:this.getLabelFontColor()})}handleMouseEnter(){this.disabled||(this.hovered=!0)}handleMouseLeave(){this.hovered=!1}handleClick(t){this.disabled&&t.preventDefault(),this.selected=!this.selected,this.onclick.emit({selected:this.selected})}render(){const t=i[this.size]||i.default;return r(a,{key:"c691cdc5f2a9ac4bc32a1fb3c21a1f30ad73caa1",role:"button","aria-disabled":this.disabled,"aria-pressed":this.selected},r("button",{key:"85a81fc19a8e280771d56bd41df83e3ab551a831",class:this.getClasses(),style:this.styles,disabled:this.disabled,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},r("div",{key:"4d206c48d71efca483375a7d2e765f91aff78e5f",class:"button-container"},this.iconName?this.getIcon():null,r("cura-label",{key:"2a9ad257ffa77f906c7db83e76f50fb7a5c9ded7",class:"label",size:t,lineHeight:"0%",color:this.getLabelFontColor(),weight:"regular"},r("slot",{key:"2153d1444550a56292b137d32c6835514111c7a1"})),this.counter?this.getCounter():null,"right"===this.iconPosition&&this.selected?this.getCheckIconRight():null)))}get host(){return this}static get watchers(){return{background:[{setColors:0}],color:[{setColors:0}]}}static get style(){return':host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}: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:var(--neutral-purewhite);box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:"";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid var(--color-border);border-radius:var(--border-radius)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover-pressed)}:host button:focus,:host a:focus{border-color:var(--color-border) !important}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, "left")}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative;flex-direction:row !important}:host button .button-container .badge-number,:host a .button-container .badge-number{margin-left:10px}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--color-select);border-color:var(--color-select)}:host button.selected:not(.disabled):hover,:host a.selected:not(.disabled):hover{background-color:var(--color-border-hover-pressed);border-color:var(--color-border-hover-pressed)}:host button.selected:focus,:host a.selected:focus{border-color:var(--color-select-focus) !important}:host button.selected.disabled,:host a.selected.disabled{background-color:var(--color-disable-select);border-color:var(--color-disable-select)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-white-primary-darker);border-color:var(--color-border-disable-unselect)}'}},[257,"cura-button-select",{selected:[1540],iconName:[1537,"icon-name"],size:[513],counter:[1538],disabled:[516],background:[1],color:[1],iconPosition:[513,"icon-position"],hovered:[32],styles:[32]},void 0,{background:[{setColors:0}],color:[{setColors:0}]}]),u=h,d=function(){"undefined"!=typeof customElements&&["cura-button-select","cura-badge-counter","cura-icon","cura-label"].forEach((t=>{switch(t){case"cura-button-select":customElements.get(s(t))||customElements.define(s(t),h);break;case"cura-badge-counter":customElements.get(s(t))||c();break;case"cura-icon":customElements.get(s(t))||n();break;case"cura-label":customElements.get(s(t))||l()}}))};export{u as CuraButtonSelect,d as defineCustomElement}

package/dist/components/cura-button-transparent.js

@@ -1 +1 @@
-import{C as o,d as p}from"./p-DXlGQp3a.js";const s=o,a=p;export{s as CuraButtonTransparent,a as defineCustomElement}
+import{C as o,d as s}from"./p-DgQJ968V.js";const p=o,r=s;export{p as CuraButtonTransparent,r as defineCustomElement}