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

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

@@ -132,7 +132,6 @@ export class CuraButtonTransparent {
         return {
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'button' | 'reset' | 'submit'",
@@ -148,11 +147,11 @@ export class CuraButtonTransparent {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "type",
                 "defaultValue": "'button'"
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "'small' | 'medium' | 'large'",
@@ -168,11 +167,11 @@ export class CuraButtonTransparent {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "size",
                 "defaultValue": "'large'"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -188,11 +187,11 @@ export class CuraButtonTransparent {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "isLoading": {
                 "type": "boolean",
-                "attribute": "is-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -208,11 +207,11 @@ export class CuraButtonTransparent {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "is-loading",
                 "defaultValue": "false"
             },
             "iconName": {
                 "type": "string",
-                "attribute": "icon-name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -227,11 +226,11 @@ export class CuraButtonTransparent {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "icon-name"
             },
             "iconset": {
                 "type": "string",
-                "attribute": "iconset",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -247,11 +246,11 @@ export class CuraButtonTransparent {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "iconset",
                 "defaultValue": "'default'"
             },
             "iconPosition": {
                 "type": "string",
-                "attribute": "icon-position",
                 "mutable": false,
                 "complexType": {
                     "original": "'left' | 'right'",
@@ -267,11 +266,11 @@ export class CuraButtonTransparent {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "icon-position",
                 "defaultValue": "'left'"
             },
             "iconOnly": {
                 "type": "boolean",
-                "attribute": "icon-only",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -287,11 +286,11 @@ export class CuraButtonTransparent {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "icon-only",
                 "defaultValue": "false"
             },
             "href": {
                 "type": "string",
-                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -306,11 +305,11 @@ export class CuraButtonTransparent {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "href"
             },
             "target": {
                 "type": "string",
-                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -326,11 +325,11 @@ export class CuraButtonTransparent {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "target",
                 "defaultValue": "\"_self\""
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -346,11 +345,11 @@ export class CuraButtonTransparent {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "color",
                 "defaultValue": "'primary'"
             },
             "fontColor": {
                 "type": "string",
-                "attribute": "font-color",
                 "mutable": false,
                 "complexType": {
                     "original": "'dark' | 'light'",
@@ -366,11 +365,11 @@ export class CuraButtonTransparent {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "font-color",
                 "defaultValue": "'dark'"
             },
             "textAlign": {
                 "type": "string",
-                "attribute": "text-align",
                 "mutable": false,
                 "complexType": {
                     "original": "'left' | 'center' | 'right'",
@@ -386,11 +385,11 @@ export class CuraButtonTransparent {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "text-align",
                 "defaultValue": "'left'"
             },
             "justify": {
                 "type": "boolean",
-                "attribute": "justify",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -406,6 +405,7 @@ export class CuraButtonTransparent {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "justify",
                 "defaultValue": "false"
             }
         };
@@ -427,4 +427,3 @@ export class CuraButtonTransparent {
     }
     static get attachInternalsMemberName() { return "internals"; }
 }
-//# sourceMappingURL=cura-button-transparent.js.map

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

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

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

@@ -4,4 +4,3 @@ export const labelSizes = {
     "large": "medium",
     "default": "medium"
 };
-//# sourceMappingURL=cura-button.definitions.js.map

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

@@ -17,10 +17,11 @@ export class CuraAlert {
             { name: '--color-light', theme: `${this.type}-light` },
             { name: '--color-base', theme: `${this.type}-base` },
         ];
+        const updatedStyles = Object.assign({}, this.styles);
         colors.forEach(color => {
-            this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.theme);
+            updatedStyles[color.name] = window.CuraAPI.theme.colors.getColor(color.theme);
         });
-        this.styles = Object.assign({}, this.styles);
+        this.styles = updatedStyles;
     }
     connectedCallback() {
         this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();
@@ -42,7 +43,7 @@ export class CuraAlert {
         return this.icon ? this.icon : iconMapping[this.type];
     }
     render() {
-        return (h(Host, { key: '2bb12a2c1f982aa328da2ba9fd80434459651735', role: "alert", "aria-live": "polite", "aria-atomic": "true", "aria-label": this.label }, h("div", { key: 'c3103080439a2d15dc530fd4d3e1945937da302a', class: this.getClasses(), style: this.styles }, h("cura-icon", { key: '0465d437885134eefdc41cdfe74a43a83f9e5265', name: this.getNameIcon(), class: "icon-left", size: 16, color: `${this.type}-dark` }), h("div", { key: '15c7545a76db2032e6ee20b8f27b90199cc95020', class: "content" }, this.label ? (h("cura-heading", { class: "title", size: "xsmall", color: "neutral-black", weight: "bold", "margin-block": "1px 0" }, this.label)) : '', h("cura-paragraph", { key: 'af74fc113ffdca4cf4ce4f52133ab1ecfb94f002', class: "text", color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, h("slot", { key: '5979eac43e2729097ec8d47c1f1b58a5834e4b02' })), h("slot", { key: 'c74a0bf68cb024a04c36392c6c3a2303bdd8e842', name: "actions" })), this.closeable ?
+        return (h(Host, { key: 'f64ddb202b9436f9bebd4316979ffc1ad8d2c711', role: "alert", "aria-live": "polite", "aria-atomic": "true", "aria-label": this.label }, h("div", { key: 'c1320f2a8007169776bf1d8b59301c9e070d97f3', class: this.getClasses(), style: this.styles }, h("cura-icon", { key: '18b352ca24b9904624e10beadc8ef2a214ef3ee4', name: this.getNameIcon(), class: "icon-left", size: 16, color: `${this.type}-dark` }), h("div", { key: '4f025525470856227ff65b36c27c8dcffc73be99', class: "content" }, this.label ? (h("cura-heading", { class: "title", size: "xsmall", color: "neutral-black", weight: "bold", "margin-block": "1px 0" }, this.label)) : '', h("cura-paragraph", { key: 'b1dcbf2fc75c387a8e30b255b94a3439d6443548', class: "text", color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, h("slot", { key: 'd4473ba49462f93fe5b4c5b2729ca018c7cc322c' })), h("slot", { key: '2d3d5e549a600424c13ae2642845af40fb3c0894', name: "actions" })), this.closeable ?
             (h("cura-icon", { name: "close", size: 16, color: "error-dark", class: "icon-right", onClick: this.handleClose }))
             : '')));
     }
@@ -62,7 +63,6 @@ export class CuraAlert {
         return {
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'info' | 'success' | 'warning' | 'error'",
@@ -78,11 +78,11 @@ export class CuraAlert {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "'info'"
             },
             "floating": {
                 "type": "boolean",
-                "attribute": "floating",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -98,11 +98,11 @@ export class CuraAlert {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "floating",
                 "defaultValue": "false"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -117,11 +117,11 @@ export class CuraAlert {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "label"
             },
             "closeable": {
                 "type": "boolean",
-                "attribute": "closeable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -137,11 +137,11 @@ export class CuraAlert {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "closeable",
                 "defaultValue": "true"
             },
             "icon": {
                 "type": "string",
-                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -156,7 +156,8 @@ export class CuraAlert {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "icon"
             }
         };
     }
@@ -191,4 +192,3 @@ export class CuraAlert {
             }];
     }
 }
-//# sourceMappingURL=cura-alert.js.map

package/dist/collection/components/cura-alert/cura-alert.stories.js

@@ -114,4 +114,3 @@ export const Alert = {
         close: '-'
     },
 };
-//# sourceMappingURL=cura-alert.stories.js.map

package/dist/collection/components/cura-avatar/cura-avatar.definitions.js

@@ -4,4 +4,3 @@ export const avatarSizes = {
     '32': { border: 2 },
     '24': { border: 1.75 },
 };
-//# sourceMappingURL=cura-avatar.definitions.js.map

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

@@ -74,7 +74,6 @@ export class CuraAvatar {
         return {
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "'80' | '40' | '32' | '24'",
@@ -93,11 +92,11 @@ export class CuraAvatar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "'80'"
             },
             "backgroundColor": {
                 "type": "string",
-                "attribute": "background-color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -116,11 +115,11 @@ export class CuraAvatar {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "background-color",
                 "defaultValue": "'neutral-purewhite'"
             },
             "borderColor": {
                 "type": "string",
-                "attribute": "border-color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -135,11 +134,11 @@ export class CuraAvatar {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "border-color"
             },
             "borderRadius": {
                 "type": "string",
-                "attribute": "border-radius",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -158,11 +157,11 @@ export class CuraAvatar {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "border-radius",
                 "defaultValue": "'50%'"
             },
             "border": {
                 "type": "boolean",
-                "attribute": "border",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -181,11 +180,11 @@ export class CuraAvatar {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "border",
                 "defaultValue": "false"
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'default' | 'branding'",
@@ -204,11 +203,11 @@ export class CuraAvatar {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "type",
                 "defaultValue": "'default'"
             },
             "imageSrc": {
                 "type": "string",
-                "attribute": "image-src",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -223,11 +222,11 @@ export class CuraAvatar {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "image-src"
             },
             "imageSrcDefault": {
                 "type": "string",
-                "attribute": "image-src-default",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -242,11 +241,11 @@ export class CuraAvatar {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "image-src-default"
             },
             "floating": {
                 "type": "boolean",
-                "attribute": "floating",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -264,7 +263,8 @@ export class CuraAvatar {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "floating"
             }
         };
     }
@@ -281,4 +281,3 @@ export class CuraAvatar {
             }];
     }
 }
-//# sourceMappingURL=cura-avatar.js.map

package/dist/collection/components/cura-avatar/cura-avatar.stories.js

@@ -195,4 +195,3 @@ export const Avatar = {
         cssBorderRadius: '',
     },
 };
-//# sourceMappingURL=cura-avatar.stories.js.map