@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

package/dist/collection/components/image/image.js

@@ -1,4 +1,4 @@
-import { Component, Prop, h, Watch } from '@stencil/core';
+import { h } from '@stencil/core';
 export class Image {
   constructor() {
     this.imageUrl = null;
@@ -7,6 +7,7 @@ export class Image {
     this.caption = null;
     this.aspectRatioWidth = 16;
     this.aspectRatioHeight = 9;
+    this.sourceSet = undefined;
   }
   srcSetWatcher(data) {
     this._sourceSet = typeof data === 'string' ? JSON.parse(data) : data;
@@ -28,155 +29,160 @@ export class Image {
       aspectRatio !== null ? 'hy-image--with-aspect' : 'hy-image--no-aspect',
     ].join(' ');
     return [
-      h("div", { class: classAttributes },
-        h("div", { class: containerClasses, style: aspectRatio !== null ? aspectRatio : '' }, this.imageUrl &&
-          (this._sourceSet ? (h("picture", null,
-            this._sourceSet.map(({ src, media, type, sizes }) => (h("source", { srcSet: src, media: media, type: type, sizes: sizes || '' }))),
-            h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))) : (h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl })))),
-        this.caption && h("div", { class: "hy-image__caption" }, this.caption)),
+      h("div", { class: classAttributes }, h("div", { class: containerClasses, style: aspectRatio !== null ? aspectRatio : '' }, this.imageUrl &&
+        (this._sourceSet ? (h("picture", null, this._sourceSet.map(({ src, media, type, sizes }) => (h("source", { srcSet: src, media: media, type: type, sizes: sizes || '' }))), h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))) : (h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl })))), this.caption && h("div", { class: "hy-image__caption" }, this.caption)),
       h("hy-box", { mb: "1.75, 1.75, 2, 2.5" }),
     ];
   }
   static get is() { return "hy-image"; }
-  static get originalStyleUrls() { return {
-    "$": ["image.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["image.css"]
-  }; }
-  static get properties() { return {
-    "imageUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "image-url",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "imageAlt": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "image-alt",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "disableLazy": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disable-lazy",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "caption": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["image.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["image.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "imageUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "image-url",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "imageAlt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "image-alt",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "attribute": "caption",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "aspectRatioWidth": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "disableLazy": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disable-lazy",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "caption": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "caption",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "attribute": "aspect-ratio-width",
-      "reflect": false,
-      "defaultValue": "16"
-    },
-    "aspectRatioHeight": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "aspectRatioWidth": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "aspect-ratio-width",
+        "reflect": false,
+        "defaultValue": "16"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "aspectRatioHeight": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "aspect-ratio-height",
+        "reflect": false,
+        "defaultValue": "9"
       },
-      "attribute": "aspect-ratio-height",
-      "reflect": false,
-      "defaultValue": "9"
-    },
-    "sourceSet": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ImageSrcSet[] | string",
-        "resolved": "ImageSrcSet[] | string",
-        "references": {
-          "ImageSrcSet": {
-            "location": "local"
+      "sourceSet": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ImageSrcSet[] | string",
+          "resolved": "ImageSrcSet[] | string",
+          "references": {
+            "ImageSrcSet": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/image/image.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "source-set",
-      "reflect": false
-    }
-  }; }
-  static get watchers() { return [{
-      "propName": "sourceSet",
-      "methodName": "srcSetWatcher"
-    }]; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "source-set",
+        "reflect": false
+      }
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "sourceSet",
+        "methodName": "srcSetWatcher"
+      }];
+  }
 }

package/dist/collection/components/ingress/ingress.js

@@ -1,4 +1,4 @@
-import { Component, Element, h, Host, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class Ingress {
   constructor() {
     this.headerstyle = 'common';
@@ -13,36 +13,40 @@ export class Ingress {
   }
   render() {
     const classAttributes = ['hy-ingress', `hy-ingress__${this.headerstyle}`].join(' ');
-    return (h(Host, null,
-      h("p", { class: classAttributes },
-        h("slot", null))));
+    return (h(Host, null, h("p", { class: classAttributes }, h("slot", null))));
   }
   static get is() { return "hy-ingress"; }
-  static get originalStyleUrls() { return {
-    "$": ["ingress.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ingress.css"]
-  }; }
-  static get properties() { return {
-    "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 originalStyleUrls() {
+    return {
+      "$": ["ingress.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ingress.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "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/link/link.js

@@ -1,117 +1,124 @@
-import { Component, Host, Prop, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import { LinkVariants } from '../../utils/utils';
 export class Link {
   constructor() {
     this.variant = LinkVariants.default;
     this.linkContent = '';
+    this.url = undefined;
+    this.scLabel = undefined;
     this.isExternal = false;
   }
   render() {
     const classAttributes = ['hy-link', this.variant];
     const target = this.isExternal ? '_blank' : '_self';
-    return (h(Host, null,
-      h("a", { "aria-label": this.scLabel, class: classAttributes.join(' '), href: this.url, target: target }, this.linkContent)));
+    return (h(Host, null, h("a", { "aria-label": this.scLabel, class: classAttributes.join(' '), href: this.url, target: target }, this.linkContent)));
   }
   static get is() { return "hy-link"; }
-  static get originalStyleUrls() { return {
-    "$": ["link.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["link.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "LinkVariants",
-        "resolved": "LinkVariants.default | LinkVariants.paragraph",
-        "references": {
-          "LinkVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["link.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["link.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "LinkVariants",
+          "resolved": "LinkVariants.default | LinkVariants.paragraph",
+          "references": {
+            "LinkVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "LinkVariants.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": "LinkVariants.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"
+      }
+    };
+  }
 }

package/dist/collection/components/link-box/link-box.css

@@ -63,7 +63,6 @@
 
 .hy-link-box-container {
   background: var(--grayscale-background-box);
-  position: relative;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;