@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

package/dist/collection/components/baseline/baseline.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { css } from 'emotion';
 const createCss = (value) => {
   return css `
@@ -10,40 +10,42 @@ const createCss = (value) => {
 };
 export class Baseline {
   constructor() {
-    /**
-     * Top margin to be added to all but first element. Amount of rem:s
-     */
     this.margin = 1;
   }
   render() {
-    return (h("div", { class: createCss(this.margin) },
-      h("slot", null)));
+    return (h("div", { class: createCss(this.margin) }, h("slot", null)));
   }
   static get is() { return "hy-baseline"; }
-  static get originalStyleUrls() { return {
-    "$": ["baseline.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["baseline.css"]
-  }; }
-  static get properties() { return {
-    "margin": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Top margin to be added to all but first element. Amount of rem:s"
-      },
-      "attribute": "margin",
-      "reflect": false,
-      "defaultValue": "1"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["baseline.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["baseline.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "margin": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Top margin to be added to all but first element. Amount of rem:s"
+        },
+        "attribute": "margin",
+        "reflect": false,
+        "defaultValue": "1"
+      }
+    };
+  }
 }

package/dist/collection/components/button/button.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import colors from '../../global/colors';
 const fillcolors = {
   primary: colors.brandMain,
@@ -6,42 +6,17 @@ const fillcolors = {
 };
 export class Button {
   constructor() {
-    /**
-     * Button type. Defaults to submit.
-     */
     this.buttonType = 'submit';
-    /**
-     * Custom classes added to button element.
-     */
     this.buttonClasses = '';
-    /**
-     * The element variant. Defaults to primary
-     */
     this.variant = 'primary';
-    /**
-     *  deprecated, use disabled boolean value
-     *  */
     this.state = 'enabled';
-    /**
-     * Size (height) of the button. Normal: 44px, large: 48px
-     */
     this.size = 'normal';
-    /**
-     * Use this to programmatically disable the button, matches the native button functionality
-     */
     this.disabled = false;
-    /**
-     *  Set this on if an anchor tag is required instead of a button.
-     */
     this.url = '';
-    /**
-     * Aria label for the element
-     */
     this.ariaLabel = '';
-    /**
-     * Use only with url property. Sets the
-     */
     this.isExternal = false;
+    this.icon = undefined;
+    this.iconRight = undefined;
     this.attrs = '';
   }
   render() {
@@ -65,247 +40,240 @@ export class Button {
         }
       });
     }
-    return this.url ? (h(Host, { "icon-right": "hy-icon-arrow-right", "aria-label": this.ariaLabel },
-      h("div", { style: { display: 'flex' } },
-        h("a", { class: classAttributes.join(' '), href: this.url, target: target },
-          h("span", { class: "hy-button__text" },
-            h("slot", null)),
-          h("span", { class: "hy-button__icon" },
-            h("hy-icon", { icon: "hy-icon-arrow-right", fill: iconFillColor, size: 13 })))))) : (h(Host, { "aria-label": this.ariaLabel },
-      h("button", Object.assign({ type: this.buttonType, class: classAttributes.join(' '), disabled: this.disabled }, props),
-        !!this.icon && (h("span", { class: "hy-button__icon hy-button__icon--left" },
-          h("hy-icon", { icon: this.icon, fill: iconFillColor, size: 13 }))),
-        h("span", { class: "hy-button__text" },
-          h("slot", null)),
-        !!this.iconRight && (h("span", { class: "hy-button__icon hy-button__icon--right" },
-          h("hy-icon", { icon: this.iconRight, fill: iconFillColor, size: 13 }))))));
+    return this.url ? (h(Host, { "icon-right": "hy-icon-arrow-right", "aria-label": this.ariaLabel }, h("div", { style: { display: 'flex' } }, h("a", { class: classAttributes.join(' '), href: this.url, target: target }, h("span", { class: "hy-button__text" }, h("slot", null)), h("span", { class: "hy-button__icon" }, h("hy-icon", { icon: "hy-icon-arrow-right", fill: iconFillColor, size: 13 })))))) : (h(Host, { "aria-label": this.ariaLabel }, h("button", Object.assign({ type: this.buttonType, class: classAttributes.join(' '), disabled: this.disabled }, props), !!this.icon && (h("span", { class: "hy-button__icon hy-button__icon--left" }, h("hy-icon", { icon: this.icon, fill: iconFillColor, size: 13 }))), h("span", { class: "hy-button__text" }, h("slot", null)), !!this.iconRight && (h("span", { class: "hy-button__icon hy-button__icon--right" }, h("hy-icon", { icon: this.iconRight, fill: iconFillColor, size: 13 }))))));
   }
   static get is() { return "hy-button"; }
-  static get originalStyleUrls() { return {
-    "$": ["button.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["button.css"]
-  }; }
-  static get properties() { return {
-    "buttonType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Button type. Defaults to submit."
-      },
-      "attribute": "button-type",
-      "reflect": false,
-      "defaultValue": "'submit'"
-    },
-    "buttonClasses": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["button.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["button.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "buttonType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Button type. Defaults to submit."
+        },
+        "attribute": "button-type",
+        "reflect": false,
+        "defaultValue": "'submit'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Custom classes added to button element."
+      "buttonClasses": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Custom classes added to button element."
+        },
+        "attribute": "button-classes",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "attribute": "button-classes",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ButtonVariants",
-        "resolved": "\"primary\" | \"secondary\"",
-        "references": {
-          "ButtonVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ButtonVariants",
+          "resolved": "\"primary\" | \"secondary\"",
+          "references": {
+            "ButtonVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The element variant. Defaults to primary"
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "'primary'"
-    },
-    "state": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'enabled' | 'disabled'",
-        "resolved": "\"disabled\" | \"enabled\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "deprecated, use disabled boolean value"
-      },
-      "attribute": "state",
-      "reflect": false,
-      "defaultValue": "'enabled'"
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'normal' | 'large'",
-        "resolved": "\"large\" | \"normal\"",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The element variant. Defaults to primary"
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "'primary'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Size (height) of the button. Normal: 44px, large: 48px"
+      "state": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'enabled' | 'disabled'",
+          "resolved": "\"disabled\" | \"enabled\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "deprecated, use disabled boolean value"
+        },
+        "attribute": "state",
+        "reflect": false,
+        "defaultValue": "'enabled'"
       },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'normal'"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'normal' | 'large'",
+          "resolved": "\"large\" | \"normal\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Size (height) of the button. Normal: 44px, large: 48px"
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "'normal'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Use this to programmatically disable the button, matches the native button functionality"
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Use this to programmatically disable the button, matches the native button functionality"
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Set this on if an anchor tag is required instead of a button."
+        },
+        "attribute": "url",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Set this on if an anchor tag is required instead of a button."
+      "ariaLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Aria label for the element"
+        },
+        "attribute": "aria-label",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "attribute": "url",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "ariaLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "isExternal": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Use only with url property. Sets the"
+        },
+        "attribute": "is-external",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Aria label for the element"
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Icon to use on the left side"
+        },
+        "attribute": "icon",
+        "reflect": false
       },
-      "attribute": "aria-label",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "isExternal": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "iconRight": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Icon to use on the right side"
+        },
+        "attribute": "icon-right",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Use only with url property. Sets the"
-      },
-      "attribute": "is-external",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Icon to use on the left side"
-      },
-      "attribute": "icon",
-      "reflect": false
-    },
-    "iconRight": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Icon to use on the right side"
-      },
-      "attribute": "icon-right",
-      "reflect": false
-    },
-    "attrs": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "attrs",
-      "reflect": false,
-      "defaultValue": "''"
-    }
-  }; }
+      "attrs": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "attrs",
+        "reflect": false,
+        "defaultValue": "''"
+      }
+    };
+  }
 }

package/dist/collection/components/color-box/color-box.js

@@ -1,15 +1,18 @@
-import { Component, Host, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class ColorBox {
   render() {
-    return (h(Host, null,
-      h("slot", null)));
+    return (h(Host, null, h("slot", null)));
   }
   static get is() { return "color-box"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["color-box.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["color-box.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["color-box.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["color-box.css"]
+    };
+  }
 }