@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

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

@@ -1,10 +1,12 @@
-import { Component, Element, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 import { CtaLinkButtonVariants } from '../../utils/utils';
 export class CtaButton {
   constructor() {
     this.variant = CtaLinkButtonVariants.onBlueBkgd;
     this.linkContent = '';
     this.typeButton = false;
+    this.url = undefined;
+    this.scLabel = undefined;
     this.isExternal = false;
     this.headerstyle = 'common';
   }
@@ -14,151 +16,151 @@ export class CtaButton {
     const textClassAttributes = ['text'].join(' ');
     const iconClassAttributes = ['link-icon'].join(' ');
     const target = this.isExternal ? '_blank' : '_self';
-    return (h("span", { class: containerClassAttributes }, !this.typeButton ? (h("a", { "aria-label": this.scLabel, class: classAttributes, href: this.url, target: target },
-      h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent),
-      h("span", { class: iconClassAttributes },
-        h("hy-icon", { icon: 'hy-icon-arrow-right', size: 48 })))) : (h("button", { "aria-label": this.scLabel, class: classAttributes },
-      h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent),
-      h("span", { class: iconClassAttributes },
-        h("hy-icon", { icon: 'hy-icon-arrow-right', size: 48 }))))));
+    return (h("span", { class: containerClassAttributes }, !this.typeButton ? (h("a", { "aria-label": this.scLabel, class: classAttributes, href: this.url, target: target }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 48 })))) : (h("button", { "aria-label": this.scLabel, class: classAttributes }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 48 }))))));
   }
   static get is() { return "hy-cta-button"; }
-  static get originalStyleUrls() { return {
-    "$": ["cta-button.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["cta-button.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "CtaLinkButtonVariants",
-        "resolved": "CtaLinkButtonVariants.darkBlue | CtaLinkButtonVariants.default | CtaLinkButtonVariants.heroBlack | CtaLinkButtonVariants.heroBlue | CtaLinkButtonVariants.heroWhite | CtaLinkButtonVariants.onBlackBkgd | CtaLinkButtonVariants.onBlueBkgd | CtaLinkButtonVariants.onTransparentBkgd | CtaLinkButtonVariants.onWhiteBkgd",
-        "references": {
-          "CtaLinkButtonVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["cta-button.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["cta-button.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CtaLinkButtonVariants",
+          "resolved": "CtaLinkButtonVariants.darkBlue | CtaLinkButtonVariants.default | CtaLinkButtonVariants.heroBlack | CtaLinkButtonVariants.heroBlue | CtaLinkButtonVariants.heroWhite | CtaLinkButtonVariants.onBlackBkgd | CtaLinkButtonVariants.onBlueBkgd | CtaLinkButtonVariants.onTransparentBkgd | CtaLinkButtonVariants.onWhiteBkgd",
+          "references": {
+            "CtaLinkButtonVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "CtaLinkButtonVariants.onBlueBkgd"
-    },
-    "linkContent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "link-content",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "typeButton": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "CtaLinkButtonVariants.onBlueBkgd"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "linkContent": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "link-content",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "attribute": "type-button",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "typeButton": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "type-button",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "url",
+        "reflect": false
       },
-      "attribute": "url",
-      "reflect": false
-    },
-    "scLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "scLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "sc-label",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "isExternal": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-external",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "sc-label",
-      "reflect": false
-    },
-    "isExternal": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-external",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'common'"
-    }
-  }; }
+      "headerstyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "headerstyle",
+        "reflect": false,
+        "defaultValue": "'common'"
+      }
+    };
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/cta-link/cta-link.js

@@ -1,122 +1,125 @@
-import { Component, Prop, h, Element } from '@stencil/core';
+import { h } from '@stencil/core';
 import { CtaLinkVariants } from '../../utils/utils';
 export class CtaLink {
   constructor() {
     this.variant = CtaLinkVariants.default;
     this.linkContent = '';
+    this.url = undefined;
+    this.scLabel = undefined;
     this.isExternal = false;
   }
   render() {
     const iconClassAttributes = ['hy-cta-link__icon', this.isExternal && 'hy-cta-link__icon--external'].join(' ');
     const target = this.isExternal ? '_blank' : '_self';
-    return (h("a", { "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` },
-      this.variant == CtaLinkVariants.linkList && (h("span", { class: iconClassAttributes },
-        h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 }))),
-      h("span", null, this.linkContent),
-      this.variant == CtaLinkVariants.default && (h("span", { class: iconClassAttributes },
-        h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 })))));
+    return (h("a", { "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` }, this.variant == CtaLinkVariants.linkList && (h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 }))), h("span", null, this.linkContent), this.variant == CtaLinkVariants.default && (h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 })))));
   }
   static get is() { return "hy-cta-link"; }
-  static get originalStyleUrls() { return {
-    "$": ["cta-link.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["cta-link.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "CtaLinkVariants",
-        "resolved": "CtaLinkVariants.default | CtaLinkVariants.linkList",
-        "references": {
-          "CtaLinkVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["cta-link.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["cta-link.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CtaLinkVariants",
+          "resolved": "CtaLinkVariants.default | CtaLinkVariants.linkList",
+          "references": {
+            "CtaLinkVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "CtaLinkVariants.default"
-    },
-    "linkContent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "CtaLinkVariants.default"
       },
-      "attribute": "link-content",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "linkContent": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "link-content",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "url",
+        "reflect": false
       },
-      "attribute": "url",
-      "reflect": false
-    },
-    "scLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "scLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "sc-label",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "sc-label",
-      "reflect": false
-    },
-    "isExternal": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-external",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
+      "isExternal": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-external",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/docs-container/docs-container.js

@@ -1,14 +1,17 @@
-import { Component, h } from "@stencil/core";
+import { h } from "@stencil/core";
 export class DocsContainer {
   render() {
-    return (h("div", { class: "hy-docs-container" },
-      h("slot", null)));
+    return (h("div", { class: "hy-docs-container" }, h("slot", null)));
   }
   static get is() { return "hy-docs-container"; }
-  static get originalStyleUrls() { return {
-    "$": ["docs-container.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["docs-container.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["docs-container.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["docs-container.css"]
+    };
+  }
 }

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

@@ -1,15 +1,18 @@
-import { Component, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class HyFooter {
   render() {
     const classAttributes = ['hy-footer'];
-    return (h("footer", { class: classAttributes.join(' ') },
-      h("slot", null)));
+    return (h("footer", { class: classAttributes.join(' ') }, h("slot", null)));
   }
   static get is() { return "hy-footer"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-footer.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-footer.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-footer.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-footer.css"]
+    };
+  }
 }