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

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

@@ -1,73 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
-import { d as defineCustomElement$2 } from './p-DR1RHrEX.js';
-
-const curaBadgeDistanceCss = ":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)}";
-
-const CuraDistance = /*@__PURE__*/ proxyCustomElement(class CuraDistance extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.distance = 0;
-        this.label = 'km';
-        this.styles = {};
-        this.displayDistance = 0;
-        this.isThousandRounded = false;
-        this.theme = window.CuraAPI.theme;
-    }
-    formatDistance() {
-        const roundedDistance = this.distance % 1 !== 0 ? parseFloat(this.distance.toFixed(1)) : this.distance;
-        this.isThousandRounded = Math.abs(roundedDistance) >= 1000;
-        this.displayDistance = this.isThousandRounded ? parseFloat((roundedDistance / 1000).toFixed(1)) : roundedDistance;
-    }
-    connectedCallback() {
-        this.setCssProperties();
-        this.formatDistance();
-    }
-    render() {
-        return (h(Host, { key: 'cdc206deecbed2e069befda5d21ddcaf03049afc' }, h("div", { key: 'd22d2b5b97964281e8588fbc17a66f3fddcd875e', class: "container", style: this.styles }, h("cura-label", { key: '0d54ab1ad403ba23a57fb78a422ed8c577cd627e', size: 'xsmall', weight: 'bold', color: 'neutral-black' }, this.displayDistance, this.isThousandRounded ? 'K' : ''), h("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"]
-    }; }
-    static get style() { return curaBadgeDistanceCss; }
-}, [1, "cura-badge-distance", {
-        "distance": [2],
-        "label": [513],
-        "styles": [32],
-        "displayDistance": [32]
-    }, undefined, {
-        "distance": ["formatDistance"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-badge-distance", "cura-label"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-badge-distance":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraDistance);
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraBadgeDistance = CuraDistance;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraBadgeDistance, defineCustomElement };
-//# sourceMappingURL=cura-badge-distance.js.map
-
-//# sourceMappingURL=cura-badge-distance.js.map
+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}

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

@@ -1,73 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
-
-const curaBadgeDotCss = ":host{display:block;position:relative;width:fit-content;height:fit-content}:host .container{width:calc(var(--cura-spacing-base) * 2px);height:calc(var(--cura-spacing-base) * 2px);position:relative;box-sizing:border-box}:host .container::before{width:100%;height:100%;position:absolute;left:0;top:0;content:\"\";box-sizing:border-box;border-radius:50%;border:1px solid var(--color-dark);background:var(--color)}:host .container.disabled::before{background:var(--neutral-pale);border:1px solid var(--neutral-medium)}:host .container.outline::before{background:transparent;border:2px solid var(--color)}:host .container.outline.disabled::before{border:2px solid var(--neutral-medium)}:host .container.transparent::before{background:var(--color-dark);border:none}:host .container.transparent.disabled::before{background:var(--neutral-medium);border:none}";
-
-const CuraBadgeDot$1 = /*@__PURE__*/ proxyCustomElement(class CuraBadgeDot extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = window.CuraAPI.theme;
-        /**
-         * Cor fundamental do design system sem profundidade.
-         * Ex.: primary (padrão)
-         */
-        this.color = 'primary';
-        /**
-         * Define o estado do badge como desabilitado ou habilitado.
-         */
-        this.disabled = false;
-        /**
-         * Define o estilo visual entre solid (default), outline ou transparent.
-         */
-        this.type = 'solid';
-        this.styles = {};
-    }
-    connectedCallback() {
-        this.styles['--base-spacing'] = this.theme.spacing.getSpacing();
-        this.styles['--neutral-medium'] = this.theme.colors.getColor('neutral-dark');
-        this.styles['--neutral-pale'] = this.theme.colors.getColor('neutral-pale');
-        this.setColors();
-    }
-    setColors() {
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--color': this.theme.colors.getColor(`${this.color}`), '--color-dark': this.theme.colors.getColor(`${this.color}-dark`) });
-    }
-    getClasses() {
-        const classes = {
-            'container': true,
-            'disabled': this.disabled
-        };
-        classes[`${this.type}`] = true;
-        return classes;
-    }
-    render() {
-        return (h(Host, { key: '00e335977fbb0677db9d95bab901a012ba8a5c06' }, h("div", { key: 'e828743793731c986f37dd6a9f7abdc78b63932b', class: this.getClasses(), style: this.styles })));
-    }
-    static get style() { return curaBadgeDotCss; }
-}, [1, "cura-badge-dot", {
-        "color": [1],
-        "disabled": [516],
-        "type": [513],
-        "styles": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-badge-dot"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-badge-dot":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraBadgeDot$1);
-            }
-            break;
-    } });
-}
-
-const CuraBadgeDot = CuraBadgeDot$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraBadgeDot, defineCustomElement };
-//# sourceMappingURL=cura-badge-dot.js.map
-
-//# sourceMappingURL=cura-badge-dot.js.map
+import{p as t,H as e,i as r,j as o,t as s}from"./p-DBXUEjWh.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.theme=window.CuraAPI.theme,this.color="primary",this.disabled=!1,this.type="solid",this.styles={}}connectedCallback(){this.styles["--base-spacing"]=this.theme.spacing.getSpacing(),this.styles["--neutral-medium"]=this.theme.colors.getColor("neutral-dark"),this.styles["--neutral-pale"]=this.theme.colors.getColor("neutral-pale"),this.setColors()}setColors(){this.styles=Object.assign(Object.assign({},this.styles),{"--color":this.theme.colors.getColor(""+this.color),"--color-dark":this.theme.colors.getColor(this.color+"-dark")})}getClasses(){const t={container:!0,disabled:this.disabled};return t[""+this.type]=!0,t}render(){return r(o,{key:"00e335977fbb0677db9d95bab901a012ba8a5c06"},r("div",{key:"e828743793731c986f37dd6a9f7abdc78b63932b",class:this.getClasses(),style:this.styles}))}static get style(){return':host{display:block;position:relative;width:fit-content;height:fit-content}:host .container{width:calc(var(--cura-spacing-base) * 2px);height:calc(var(--cura-spacing-base) * 2px);position:relative;box-sizing:border-box}:host .container::before{width:100%;height:100%;position:absolute;left:0;top:0;content:"";box-sizing:border-box;border-radius:50%;border:1px solid var(--color-dark);background:var(--color)}:host .container.disabled::before{background:var(--neutral-pale);border:1px solid var(--neutral-medium)}:host .container.outline::before{background:transparent;border:2px solid var(--color)}:host .container.outline.disabled::before{border:2px solid var(--neutral-medium)}:host .container.transparent::before{background:var(--color-dark);border:none}:host .container.transparent.disabled::before{background:var(--neutral-medium);border:none}'}},[1,"cura-badge-dot",{color:[1],disabled:[516],type:[513],styles:[32]}]),i=a,n=function(){"undefined"!=typeof customElements&&["cura-badge-dot"].forEach((t=>{"cura-badge-dot"===t&&(customElements.get(s(t))||customElements.define(s(t),a))}))};export{i as CuraBadgeDot,n as defineCustomElement}

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

@@ -1,9 +1 @@
-import { C as CuraBadgePill$1, d as defineCustomElement$1 } from './p-cOEGtL9C.js';
-
-const CuraBadgePill = CuraBadgePill$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraBadgePill, defineCustomElement };
-//# sourceMappingURL=cura-badge-pill.js.map
-
-//# sourceMappingURL=cura-badge-pill.js.map
+import{C as o,d as s}from"./p-D6xuYQiO.js";const p=o,r=s;export{p as CuraBadgePill,r as defineCustomElement}

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

@@ -1,206 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
-import { l as labelSizes } from './p-BSI2FkNn.js';
-import { d as defineCustomElement$4 } from './p-B5aO1chh.js';
-import { d as defineCustomElement$3 } from './p-DR1RHrEX.js';
-import { d as defineCustomElement$2 } from './p-Dqm2sAwv.js';
-
-const curaButtonOutlineCss = ":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}";
-
-const CuraButtonOutline$1 = /*@__PURE__*/ proxyCustomElement(class CuraButtonOutline extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.internals = this.attachInternals();
-        /**
-         * Button type: button (default) | submit | reset
-         */
-        this.type = 'button';
-        /**
-        * Button size: small | medium | large (default)
-        */
-        this.size = 'large';
-        /**
-        * Disabled state. Boolean.
-        */
-        this.disabled = false;
-        /**
-        * Loading state. Boolean.
-        */
-        this.isLoading = false;
-        /**
-        * Custom iconset if needed.
-        */
-        this.iconset = 'default';
-        /**
-        * Icon position: left (default) | right.
-        */
-        this.iconPosition = 'left';
-        /**
-        * Set button to FAB/icon only.
-        */
-        this.iconOnly = false;
-        /**
-        * Set target if link.
-        */
-        this.target = "_self";
-        /**
-        * Color base from color scheme. Default: primary.
-        */
-        this.color = 'primary';
-        /**
-        * Set the font background to dark or light.
-        */
-        this.background = 'light';
-        /**
-        * Set the font color to dark or light.
-        */
-        this.fontColor = 'dark';
-        /**
-        * Set text aligment for the button label.
-        * Vales: left (default) | center | right.
-        */
-        this.textAlign = 'left';
-        /**
-         * Justify icons and label inside the button.
-         * Vales: false (default) | true.
-         */
-        this.justify = false;
-        this.styles = {};
-        this.hovered = false;
-    }
-    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 _a;
-        const classes = {};
-        classes[`${(_a = this.size) === null || _a === void 0 ? void 0 : _a.toLowerCase()}`] = true;
-        classes[`icon-${this.iconPosition.toLowerCase()}`] = true;
-        classes[`icon-only`] = this.iconOnly;
-        classes['disabled'] = this.disabled;
-        classes['isLoading'] = this.isLoading;
-        classes['justify'] = this.justify;
-        return classes;
-    }
-    setColors() {
-        const colors = [
-            { name: '--color-dark-neutral-purewhite', thema: `${this.background === 'light' ? `${this.color}-dark` : 'neutral-purewhite'}` },
-            { name: '--color-lighter-color-darker', thema: `${this.background === 'light' ? `${this.color}-lighter` : `${this.color}-darker`}` },
-            { name: '--color-light-color-darker', thema: `${this.background === 'light' ? `${this.color}-light` : `${this.color}-lighter`}` },
-            { name: '--neutral-dark', thema: 'neutral-dark' },
-        ];
-        colors.forEach(color => this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.thema));
-        this.styles = Object.assign({}, this.styles);
-    }
-    getIcon() {
-        if (!this.iconName)
-            return '';
-        const iconSize = this.size === 'large' ? 20 : 16;
-        return h("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
-    }
-    handleMouseEnter() {
-        if (this.disabled)
-            return;
-        this.hovered = true;
-    }
-    handleMouseLeave() {
-        this.hovered = false;
-    }
-    getSymbolColor() {
-        if (this.disabled)
-            return 'neutral-dark';
-        return this.fontColor === 'light' ? 'neutral-purewhite' : `${this.color}-darker`;
-    }
-    handleClick(e) {
-        if (this.disabled || this.isLoading) {
-            e.preventDefault();
-            return;
-        }
-        if (!this.href) {
-            if (this.type === 'submit' && this.internals.form)
-                this.internals.form.submit();
-            if (this.type === 'reset' && this.internals.form)
-                this.internals.form.reset();
-        }
-    }
-    render() {
-        const symbolColor = this.getSymbolColor();
-        const labelSize = labelSizes[this.size] || labelSizes["default"];
-        return (h(Host, { key: 'b358245d50ce91c2340312a74ac6a711fb9f3929', role: this.href ? 'link' : this.type, "aria-disabled": this.disabled }, this.href ? (h("a", { href: this.disabled ? '' : this.href, target: this.target, class: this.getClasses(), style: this.styles, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, h("span", { class: "button-container" }, this.getIcon(), h("cura-label", { size: labelSize, lineHeight: 'normal', color: symbolColor }, h("slot", null))), h("cura-loader-circle", { size: this.size, color: symbolColor }))) : (h("button", { class: this.getClasses(), style: this.styles, disabled: this.disabled || null, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), type: this.type }, h("span", { class: "button-container" }, this.getIcon(), h("cura-label", { size: labelSize, lineHeight: 'normal', color: symbolColor }, h("slot", null))), h("cura-loader-circle", { size: this.size, color: symbolColor })))));
-    }
-    static get formAssociated() { return true; }
-    static get watchers() { return {
-        "background": ["setColors"],
-        "color": ["setColors", "getSymbolColor"],
-        "fontColor": ["getSymbolColor"]
-    }; }
-    static get style() { return curaButtonOutlineCss; }
-}, [65, "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]
-    }, undefined, {
-        "background": ["setColors"],
-        "color": ["setColors", "getSymbolColor"],
-        "fontColor": ["getSymbolColor"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-button-outline", "cura-icon", "cura-label", "cura-loader-circle"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-button-outline":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraButtonOutline$1);
-            }
-            break;
-        case "cura-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "cura-loader-circle":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraButtonOutline = CuraButtonOutline$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraButtonOutline, defineCustomElement };
-//# sourceMappingURL=cura-button-outline.js.map
-
-//# sourceMappingURL=cura-button-outline.js.map
+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}

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

@@ -1,163 +1 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-D1cPOZpG.js';
-import { l as labelSizes } from './p-BSI2FkNn.js';
-import { d as defineCustomElement$4 } from './p-C72aF-gL.js';
-import { d as defineCustomElement$3 } from './p-B5aO1chh.js';
-import { d as defineCustomElement$2 } from './p-DR1RHrEX.js';
-
-const curaButtonSelectCss = ":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)}";
-
-const CuraButtonSelect$1 = /*@__PURE__*/ proxyCustomElement(class CuraButtonSelect extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.onclick = createEvent(this, "onclick");
-        this.selected = false;
-        this.size = 'medium';
-        this.background = 'light';
-        this.color = 'primary';
-        this.hovered = false;
-        this.styles = {};
-        this.theme = window.CuraAPI.theme;
-    }
-    setColors() {
-        const colors = [
-            { name: '--color-border', thema: this.background === 'light' ? `${this.color}-darker` : 'neutral-white' },
-            { name: '--color-border-hover-pressed', thema: this.background === 'light' ? `${this.color}-dark` : `${this.color}-light` },
-            { name: '--color-background-hover', thema: this.background === 'light' ? `${this.color}-light` : `${this.color}-dark` },
-            { name: '--color-select', thema: this.background === 'light' ? `${this.color}-base` : 'neutral-white' },
-            { name: '--color-select-hover-pressed', thema: this.background === 'light' ? `${this.color}-dark` : `${this.color}-lighter` },
-            { name: '--color-select-focus', thema: this.background === 'light' ? `${this.color}-base` : `${this.color}-lighter` },
-            { name: '--color-disable-select', thema: this.background === 'light' ? 'neutral-white' : 'neutral-black' },
-            { name: '--color-border-disable-unselect', thema: 'neutral-dark' },
-            { name: '--color-counter-disabled', thema: this.background === 'light' ? 'neutral-pale' : 'neutral-black' },
-            { name: '--color-counter', thema: !this.disabled && 'primary-lighter' },
-        ];
-        colors.forEach(color => (this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.thema)));
-        this.styles = Object.assign({}, this.styles);
-    }
-    getClasses() {
-        var _a;
-        const classes = {};
-        classes[`${(_a = this.size) === null || _a === void 0 ? void 0 : _a.toLowerCase()}`] = true;
-        classes[`icon-${this.iconPosition.toLowerCase()}`] = true;
-        classes['disabled'] = this.disabled;
-        classes['selected'] = this.selected;
-        return classes;
-    }
-    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() {
-        if (this.disabled)
-            return 'neutral-dark';
-        if (this.background === 'dark') {
-            return this.selected ? 'neutral-black' : 'neutral-white';
-        }
-        if (this.background === 'light') {
-            return this.selected ? 'neutral-white' : 'neutral-black';
-        }
-    }
-    getColorBagdeNumber() {
-        if (this.background === 'dark' && this.disabled) {
-            return this.selected ? 'neutral-black' : 'neutral-dark';
-        }
-        if (this.background === 'light' && this.disabled) {
-            return 'neutral-medium';
-        }
-        return `${this.color}-darker`;
-    }
-    getIcon() {
-        const iconSize = this.size === 'large' ? 20 : 16;
-        if (this.iconPosition === 'right') {
-            return;
-        }
-        return h("cura-icon", { name: this.iconName, size: iconSize, color: this.getLabelFontColor() });
-    }
-    getCounter() {
-        return (h("cura-badge-counter", { number: this.counter, color: this.color, disabled: this.disabled || null, class: "badge-number" }));
-    }
-    getCheckIconRight() {
-        const iconSize = this.size === 'large' ? 20 : 16;
-        return h("cura-icon", { name: "check", size: iconSize, color: this.getLabelFontColor() });
-    }
-    handleMouseEnter() {
-        if (this.disabled)
-            return;
-        this.hovered = true;
-    }
-    handleMouseLeave() {
-        this.hovered = false;
-    }
-    handleClick(e) {
-        if (this.disabled)
-            e.preventDefault();
-        this.selected = !this.selected;
-        this.onclick.emit({ selected: this.selected });
-    }
-    render() {
-        const labelSize = labelSizes[this.size] || labelSizes['default'];
-        return (h(Host, { key: 'c691cdc5f2a9ac4bc32a1fb3c21a1f30ad73caa1', role: "button", "aria-disabled": this.disabled, "aria-pressed": this.selected }, h("button", { key: '85a81fc19a8e280771d56bd41df83e3ab551a831', class: this.getClasses(), style: this.styles, disabled: this.disabled, onClick: e => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, h("div", { key: '4d206c48d71efca483375a7d2e765f91aff78e5f', class: "button-container" }, this.iconName ? this.getIcon() : null, h("cura-label", { key: '2a9ad257ffa77f906c7db83e76f50fb7a5c9ded7', class: "label", size: labelSize, lineHeight: "0%", color: this.getLabelFontColor(), weight: "regular" }, h("slot", { key: '2153d1444550a56292b137d32c6835514111c7a1' })), this.counter ? this.getCounter() : null, this.iconPosition === 'right' && this.selected ? this.getCheckIconRight() : null))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "background": ["setColors"],
-        "color": ["setColors"]
-    }; }
-    static get style() { return curaButtonSelectCss; }
-}, [1, "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]
-    }, undefined, {
-        "background": ["setColors"],
-        "color": ["setColors"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-button-select", "cura-badge-counter", "cura-icon", "cura-label"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-button-select":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraButtonSelect$1);
-            }
-            break;
-        case "cura-badge-counter":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "cura-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraButtonSelect = CuraButtonSelect$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraButtonSelect, defineCustomElement };
-//# sourceMappingURL=cura-button-select.js.map
-
-//# sourceMappingURL=cura-button-select.js.map
+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}

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

@@ -1,9 +1 @@
-import { C as CuraButtonTransparent$1, d as defineCustomElement$1 } from './p-BRDqwZ4N.js';
-
-const CuraButtonTransparent = CuraButtonTransparent$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraButtonTransparent, defineCustomElement };
-//# sourceMappingURL=cura-button-transparent.js.map
-
-//# sourceMappingURL=cura-button-transparent.js.map
+import{C as o,d as p}from"./p-DXlGQp3a.js";const s=o,a=p;export{s as CuraButtonTransparent,a as defineCustomElement}