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

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

@@ -105,12 +105,12 @@ export class CuraButton {
         return h("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
     }
     getSymbolColor() {
-        if (this.isLoading && this.fontColor === 'light' ? 'neutral-white' : 'neutral-black')
-            return this.disabled
-                ? 'neutral-dark'
-                : this.fontColor === 'light'
-                    ? 'neutral-white'
-                    : 'neutral-black';
+        // if (this.isLoading && this.fontColor === 'light' ? 'neutral-white' : 'neutral-black')
+        return this.disabled
+            ? 'neutral-dark'
+            : this.fontColor === 'light'
+                ? 'neutral-white'
+                : 'neutral-black';
     }
     handleClick(e) {
         if (this.disabled || this.isLoading) {
@@ -127,7 +127,7 @@ export class CuraButton {
     render() {
         const symbolColor = this.getSymbolColor();
         const labelSize = labelSizes[this.size] || labelSizes["default"];
-        return (h(Host, { key: '2af171ed5b5a3ce783c6729503e27b01e3e84d01', 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", { class: "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", { class: "label", size: labelSize, lineHeight: 'normal', color: symbolColor }, h("slot", null))), h("cura-loader-circle", { size: this.size, color: symbolColor })))));
+        return (h(Host, { key: '7f9528e42c3c38a3aed09ac8bbe669aabde4c0d9', 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", { class: "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", { class: "label", size: labelSize, lineHeight: 'normal', color: symbolColor }, h("slot", null))), h("cura-loader-circle", { size: this.size, color: symbolColor })))));
     }
     static get is() { return "cura-button"; }
     static get encapsulation() { return "shadow"; }
@@ -146,7 +146,6 @@ export class CuraButton {
         return {
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'button' | 'reset' | 'submit'",
@@ -162,11 +161,11 @@ export class CuraButton {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "type",
                 "defaultValue": "'button'"
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "'small' | 'medium' | 'large'",
@@ -182,11 +181,11 @@ export class CuraButton {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "size",
                 "defaultValue": "'large'"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -202,11 +201,11 @@ export class CuraButton {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "isLoading": {
                 "type": "boolean",
-                "attribute": "is-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -222,11 +221,11 @@ export class CuraButton {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "is-loading",
                 "defaultValue": "false"
             },
             "iconName": {
                 "type": "string",
-                "attribute": "icon-name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -241,11 +240,11 @@ export class CuraButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "icon-name"
             },
             "iconset": {
                 "type": "string",
-                "attribute": "iconset",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -261,11 +260,11 @@ export class CuraButton {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "iconset",
                 "defaultValue": "'default'"
             },
             "iconPosition": {
                 "type": "string",
-                "attribute": "icon-position",
                 "mutable": false,
                 "complexType": {
                     "original": "'left' | 'right'",
@@ -281,11 +280,11 @@ export class CuraButton {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "icon-position",
                 "defaultValue": "'left'"
             },
             "iconOnly": {
                 "type": "boolean",
-                "attribute": "icon-only",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -301,11 +300,11 @@ export class CuraButton {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "icon-only",
                 "defaultValue": "false"
             },
             "href": {
                 "type": "string",
-                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -320,11 +319,11 @@ export class CuraButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "href"
             },
             "target": {
                 "type": "string",
-                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -340,11 +339,11 @@ export class CuraButton {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "target",
                 "defaultValue": "\"_self\""
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -360,11 +359,11 @@ export class CuraButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "'accent'"
             },
             "background": {
                 "type": "string",
-                "attribute": "background",
                 "mutable": false,
                 "complexType": {
                     "original": "'dark' | 'light'",
@@ -380,11 +379,11 @@ export class CuraButton {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "background",
                 "defaultValue": "'light'"
             },
             "fontColor": {
                 "type": "string",
-                "attribute": "font-color",
                 "mutable": false,
                 "complexType": {
                     "original": "'dark' | 'light'",
@@ -400,11 +399,11 @@ export class CuraButton {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "font-color",
                 "defaultValue": "'dark'"
             },
             "textAlign": {
                 "type": "string",
-                "attribute": "text-align",
                 "mutable": false,
                 "complexType": {
                     "original": "'left' | 'center' | 'right'",
@@ -420,11 +419,11 @@ export class CuraButton {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "text-align",
                 "defaultValue": "'left'"
             },
             "justify": {
                 "type": "boolean",
-                "attribute": "justify",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -440,6 +439,7 @@ export class CuraButton {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "justify",
                 "defaultValue": "false"
             }
         };
@@ -461,4 +461,3 @@ export class CuraButton {
     }
     static get attachInternalsMemberName() { return "internals"; }
 }
-//# sourceMappingURL=cura-button.js.map

package/dist/collection/components/buttons/cura-button/cura-button.stories.js

@@ -217,4 +217,3 @@ export const Button = {
         fullWidth: false,
     },
 };
-//# sourceMappingURL=cura-button.stories.js.map

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

@@ -145,7 +145,6 @@ export class CuraButtonOutline {
         return {
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'button' | 'reset' | 'submit'",
@@ -161,11 +160,11 @@ export class CuraButtonOutline {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "type",
                 "defaultValue": "'button'"
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "'small' | 'medium' | 'large'",
@@ -181,11 +180,11 @@ export class CuraButtonOutline {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "size",
                 "defaultValue": "'large'"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -201,11 +200,11 @@ export class CuraButtonOutline {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "isLoading": {
                 "type": "boolean",
-                "attribute": "is-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -221,11 +220,11 @@ export class CuraButtonOutline {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "is-loading",
                 "defaultValue": "false"
             },
             "iconName": {
                 "type": "string",
-                "attribute": "icon-name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -240,11 +239,11 @@ export class CuraButtonOutline {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "icon-name"
             },
             "iconset": {
                 "type": "string",
-                "attribute": "iconset",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -260,11 +259,11 @@ export class CuraButtonOutline {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "iconset",
                 "defaultValue": "'default'"
             },
             "iconPosition": {
                 "type": "string",
-                "attribute": "icon-position",
                 "mutable": false,
                 "complexType": {
                     "original": "'left' | 'right'",
@@ -280,11 +279,11 @@ export class CuraButtonOutline {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "icon-position",
                 "defaultValue": "'left'"
             },
             "iconOnly": {
                 "type": "boolean",
-                "attribute": "icon-only",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -300,11 +299,11 @@ export class CuraButtonOutline {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "icon-only",
                 "defaultValue": "false"
             },
             "href": {
                 "type": "string",
-                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -319,11 +318,11 @@ export class CuraButtonOutline {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "href"
             },
             "target": {
                 "type": "string",
-                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -339,11 +338,11 @@ export class CuraButtonOutline {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "target",
                 "defaultValue": "\"_self\""
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -359,11 +358,11 @@ export class CuraButtonOutline {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "'primary'"
             },
             "background": {
                 "type": "string",
-                "attribute": "background",
                 "mutable": false,
                 "complexType": {
                     "original": "'dark' | 'light'",
@@ -379,11 +378,11 @@ export class CuraButtonOutline {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "background",
                 "defaultValue": "'light'"
             },
             "fontColor": {
                 "type": "string",
-                "attribute": "font-color",
                 "mutable": false,
                 "complexType": {
                     "original": "'dark' | 'light'",
@@ -399,11 +398,11 @@ export class CuraButtonOutline {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "font-color",
                 "defaultValue": "'dark'"
             },
             "textAlign": {
                 "type": "string",
-                "attribute": "text-align",
                 "mutable": false,
                 "complexType": {
                     "original": "'left' | 'center' | 'right'",
@@ -419,11 +418,11 @@ export class CuraButtonOutline {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "text-align",
                 "defaultValue": "'left'"
             },
             "justify": {
                 "type": "boolean",
-                "attribute": "justify",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -439,6 +438,7 @@ export class CuraButtonOutline {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "justify",
                 "defaultValue": "false"
             }
         };
@@ -466,4 +466,3 @@ export class CuraButtonOutline {
     }
     static get attachInternalsMemberName() { return "internals"; }
 }
-//# sourceMappingURL=cura-button-outline.js.map

package/dist/collection/components/buttons/cura-button-outline/cura-button-outline.stories.js

@@ -217,4 +217,3 @@ export const ButtonOutline = {
         fullWidth: false,
     },
 };
-//# sourceMappingURL=cura-button-outline.stories.js.map

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

@@ -110,7 +110,6 @@ export class CuraButtonSelect {
         return {
             "selected": {
                 "type": "boolean",
-                "attribute": "selected",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -126,11 +125,11 @@ export class CuraButtonSelect {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "selected",
                 "defaultValue": "false"
             },
             "iconName": {
                 "type": "string",
-                "attribute": "icon-name",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -145,11 +144,11 @@ export class CuraButtonSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "icon-name"
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "'small' | 'medium' | 'large'",
@@ -165,11 +164,11 @@ export class CuraButtonSelect {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "size",
                 "defaultValue": "'medium'"
             },
             "counter": {
                 "type": "number",
-                "attribute": "counter",
                 "mutable": true,
                 "complexType": {
                     "original": "number | null",
@@ -184,11 +183,11 @@ export class CuraButtonSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "counter"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -203,11 +202,11 @@ export class CuraButtonSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "disabled"
             },
             "background": {
                 "type": "string",
-                "attribute": "background",
                 "mutable": false,
                 "complexType": {
                     "original": "'dark' | 'light'",
@@ -223,11 +222,11 @@ export class CuraButtonSelect {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "background",
                 "defaultValue": "'light'"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -243,11 +242,11 @@ export class CuraButtonSelect {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "'primary'"
             },
             "iconPosition": {
                 "type": "string",
-                "attribute": "icon-position",
                 "mutable": false,
                 "complexType": {
                     "original": "'left' | 'right'",
@@ -262,7 +261,8 @@ export class CuraButtonSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "icon-position"
             }
         };
     }
@@ -301,4 +301,3 @@ export class CuraButtonSelect {
             }];
     }
 }
-//# sourceMappingURL=cura-button-select.js.map

package/dist/collection/components/buttons/cura-button-select/cura-button-select.stories.js

@@ -142,4 +142,3 @@ export const Button = {
         iconPosition: 'left',
     },
 };
-//# sourceMappingURL=cura-button-select.stories.js.map