@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

package/dist/collection/components/hy-box-container/hy-box-container.js

@@ -1,69 +1,67 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import { css } from 'emotion';
 export class HyBoxContainer {
   constructor() {
-    /**
-     * Should the items wrap to new rows.
-     */
     this.wrap = true;
-    /**
-     * Should the container have a max width of 90rems
-     */
     this.maxWidth = true;
   }
   render() {
-    return (h(Host, { style: { width: '100%', display: 'flex', flex: '1', justifyContent: 'center' } },
-      h("div", { class: css `
+    return (h(Host, { style: { width: '100%', display: 'flex', flex: '1', justifyContent: 'center' } }, h("div", { class: css `
             display: flex;
             width: 100%;
             flex-wrap: ${this.wrap ? 'wrap' : 'no-wrap'};
             max-width: ${this.maxWidth ? '90rem' : '100%'};
-          ` },
-        h("slot", null))));
+          ` }, h("slot", null))));
   }
   static get is() { return "hy-box-container"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-box-container.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-box-container.css"]
-  }; }
-  static get properties() { return {
-    "wrap": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Should the items wrap to new rows."
-      },
-      "attribute": "wrap",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "maxWidth": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Should the container have a max width of 90rems"
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-box-container.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-box-container.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "wrap": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Should the items wrap to new rows."
+        },
+        "attribute": "wrap",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "attribute": "max-width",
-      "reflect": false,
-      "defaultValue": "true"
-    }
-  }; }
+      "maxWidth": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Should the container have a max width of 90rems"
+        },
+        "attribute": "max-width",
+        "reflect": false,
+        "defaultValue": "true"
+      }
+    };
+  }
 }

package/dist/collection/components/hy-breadcrumbs/hy-breadcrumbs.js

@@ -1,8 +1,9 @@
-import { Component, Element, h, Prop, State } from '@stencil/core';
+import { h } from '@stencil/core';
 import { BreadcrumbVariants } from '../../utils/utils';
 import { jsonParserWorker } from '../../global/globalScript';
 export class HyBreadcrumbs {
   constructor() {
+    this.dataItems = undefined;
     this.variant = BreadcrumbVariants.default;
     this.headerstyle = 'with-sidebar';
     this.menuOpen = false;
@@ -20,92 +21,97 @@ export class HyBreadcrumbs {
   }
   render() {
     const breadcrumbsClass = ['hy-breadcrumbs', this.variant, this.headerstyle].join(' ');
-    return (h("nav", { "aria-label": "Breadcrumb", role: "navigation", "aria-labelledby": "system-breadcrumb", class: breadcrumbsClass },
-      h("ol", { class: "breadcrumb-container" }, this._dataItems.map((item) => {
-        if (item.url.length > 0) {
-          return (h("li", { class: "breadcrumb-item" },
-            h("a", { class: "breadcrumb-item__link", href: item.url }, item.text),
-            h("hy-icon", { class: "breadcrumb-item__icon", icon: "hy-icon-caret-right", size: 12 })));
-        }
-        else {
-          return (h("li", { class: "breadcrumb-item breadcrumb-item--current" },
-            h("a", { href: item.url, "aria-current": "page" }, item.text)));
-        }
-      }))));
+    return (h("nav", { "aria-label": "Breadcrumb", role: "navigation", "aria-labelledby": "system-breadcrumb", class: breadcrumbsClass }, h("ol", { class: "breadcrumb-container" }, this._dataItems.map((item) => {
+      if (item.url.length > 0) {
+        return (h("li", { class: "breadcrumb-item" }, h("a", { class: "breadcrumb-item__link", href: item.url }, item.text), h("hy-icon", { class: "breadcrumb-item__icon", icon: "hy-icon-caret-right", size: 12 })));
+      }
+      else {
+        return (h("li", { class: "breadcrumb-item breadcrumb-item--current" }, h("a", { href: item.url, "aria-current": "page" }, item.text)));
+      }
+    }))));
   }
   static get is() { return "hy-breadcrumbs"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-breadcrumbs.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-breadcrumbs.css"]
-  }; }
-  static get properties() { return {
-    "dataItems": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Breadcrumb[] | string",
-        "resolved": "Breadcrumb[] | string",
-        "references": {
-          "Breadcrumb": {
-            "location": "local"
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-breadcrumbs.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-breadcrumbs.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "dataItems": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Breadcrumb[] | string",
+          "resolved": "Breadcrumb[] | string",
+          "references": {
+            "Breadcrumb": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-breadcrumbs/hy-breadcrumbs.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-items",
+        "reflect": false
       },
-      "attribute": "data-items",
-      "reflect": false
-    },
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "BreadcrumbVariants",
-        "resolved": "BreadcrumbVariants.default | BreadcrumbVariants.landingLarge",
-        "references": {
-          "BreadcrumbVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "BreadcrumbVariants",
+          "resolved": "BreadcrumbVariants.default | BreadcrumbVariants.landingLarge",
+          "references": {
+            "BreadcrumbVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "BreadcrumbVariants.default as any"
       },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "BreadcrumbVariants.default as any"
-    },
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'with-sidebar'"
-    }
-  }; }
-  static get states() { return {
-    "menuOpen": {}
-  }; }
+      "headerstyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "headerstyle",
+        "reflect": false,
+        "defaultValue": "'with-sidebar'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "menuOpen": {}
+    };
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/hy-checkbox/hy-checkbox.js

@@ -1,133 +1,126 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import { CheckboxVariants } from '../../utils/utils';
 export class HyCheckbox {
   constructor() {
-    /**
-     * Checked attribute
-     */
+    this.checkboxId = undefined;
+    this.checkboxValue = undefined;
+    this.checkboxLabel = undefined;
     this.checkboxChecked = false;
-    /**
-     * Variant to deifne what style of checkbox to use
-     */
     this.variant = CheckboxVariants.default;
   }
   render() {
     switch (this.variant) {
       case 'button':
-        return (h(Host, { class: "hy-checkbox--button" },
-          h("input", { type: "checkbox", class: "hy-checkbox--button__checkbox", checked: this.checkboxChecked, id: `${this.checkboxId}`, value: `${this.checkboxValue}` }),
-          h("label", { class: "hy-checkbox--button__label", htmlFor: `${this.checkboxId}` },
-            this.checkboxLabel,
-            h("span", { class: "hy-checkbox--button__checkmark" },
-              h("hy-icon", { class: "hy-checkbox--button__label-icon", icon: 'hy-icon-done', size: 14, "aria-hidden": "true" })))));
+        return (h(Host, { class: "hy-checkbox--button" }, h("input", { type: "checkbox", class: "hy-checkbox--button__checkbox", checked: this.checkboxChecked, id: `${this.checkboxId}`, value: `${this.checkboxValue}` }), h("label", { class: "hy-checkbox--button__label", htmlFor: `${this.checkboxId}` }, this.checkboxLabel, h("span", { class: "hy-checkbox--button__checkmark" }, h("hy-icon", { class: "hy-checkbox--button__label-icon", icon: 'hy-icon-done', size: 14, "aria-hidden": "true" })))));
       default:
-        return (h(Host, { class: "hy-checkbox" },
-          h("input", { type: "checkbox", class: "hy-checkbox__checkbox", checked: this.checkboxChecked, id: `${this.checkboxId}`, value: `${this.checkboxValue}` }),
-          h("label", { class: "hy-checkbox__label", htmlFor: `${this.checkboxId}` },
-            h("span", { class: "hy-checkbox__checkmark" },
-              h("hy-icon", { class: "hy-checkbox__label-icon", icon: 'hy-icon-done', size: 23, "aria-hidden": "true" })),
-            this.checkboxLabel)));
+        return (h(Host, { class: "hy-checkbox" }, h("input", { type: "checkbox", class: "hy-checkbox__checkbox", checked: this.checkboxChecked, id: `${this.checkboxId}`, value: `${this.checkboxValue}` }), h("label", { class: "hy-checkbox__label", htmlFor: `${this.checkboxId}` }, h("span", { class: "hy-checkbox__checkmark" }, h("hy-icon", { class: "hy-checkbox__label-icon", icon: 'hy-icon-done', size: 23, "aria-hidden": "true" })), this.checkboxLabel)));
     }
   }
   static get is() { return "hy-checkbox"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-checkbox.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-checkbox.css"]
-  }; }
-  static get properties() { return {
-    "checkboxId": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "string | number",
-        "resolved": "number | string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Unique id for checkbox element"
-      },
-      "attribute": "checkbox-id",
-      "reflect": false
-    },
-    "checkboxValue": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "string | number",
-        "resolved": "number | string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Value for input element"
-      },
-      "attribute": "checkbox-value",
-      "reflect": false
-    },
-    "checkboxLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-checkbox.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-checkbox.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "checkboxId": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "string | number",
+          "resolved": "number | string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Unique id for checkbox element"
+        },
+        "attribute": "checkbox-id",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Label for input to describe"
+      "checkboxValue": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "string | number",
+          "resolved": "number | string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Value for input element"
+        },
+        "attribute": "checkbox-value",
+        "reflect": false
       },
-      "attribute": "checkbox-label",
-      "reflect": false
-    },
-    "checkboxChecked": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "checkboxLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Label for input to describe"
+        },
+        "attribute": "checkbox-label",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Checked attribute"
+      "checkboxChecked": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Checked attribute"
+        },
+        "attribute": "checkbox-checked",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "checkbox-checked",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "CheckboxVariants",
-        "resolved": "CheckboxVariants.button | CheckboxVariants.default",
-        "references": {
-          "CheckboxVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CheckboxVariants",
+          "resolved": "CheckboxVariants.button | CheckboxVariants.default",
+          "references": {
+            "CheckboxVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Variant to deifne what style of checkbox to use"
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "CheckboxVariants.default"
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Variant to deifne what style of checkbox to use"
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "CheckboxVariants.default"
+      }
+    };
+  }
 }