@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

package/dist/collection/components/hy-key-figure/hy-key-figure.js

@@ -1,80 +1,86 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 import { KeyHighlightVariants } from '../../utils/utils';
 export class HyKeyFigure {
   constructor() {
     this.variant = KeyHighlightVariants.default;
+    this.heading = undefined;
+    this.description = undefined;
   }
   render() {
     const classVariant = [this.variant, 'hy-key-figure'].join(' ');
-    return (h("div", { class: classVariant },
-      h("div", { class: "hy-key-figure__title" }, this.heading),
-      h("div", { class: "hy-key-figure__description" }, this.description)));
+    return (h("div", { class: classVariant }, h("div", { class: "hy-key-figure__title" }, this.heading), h("div", { class: "hy-key-figure__description" }, this.description)));
   }
   static get is() { return "hy-key-figure"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-key-figure.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-key-figure.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "KeyHighlightVariants",
-        "resolved": "KeyHighlightVariants.default | KeyHighlightVariants.small",
-        "references": {
-          "KeyHighlightVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-key-figure.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-key-figure.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "KeyHighlightVariants",
+          "resolved": "KeyHighlightVariants.default | KeyHighlightVariants.small",
+          "references": {
+            "KeyHighlightVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "KeyHighlightVariants.default"
-    },
-    "heading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "KeyHighlightVariants.default"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "heading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "heading",
+        "reflect": false
       },
-      "attribute": "heading",
-      "reflect": false
-    },
-    "description": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "description",
-      "reflect": false
-    }
-  }; }
+      "description": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "description",
+        "reflect": false
+      }
+    };
+  }
 }

package/dist/collection/components/hy-key-figure-group/hy-key-figure-group.css

@@ -123,7 +123,7 @@
 
 @media (min-width: 30rem) {
   .hy-key-figure-group .box-2,
-.hy-key-figure-group .box-3 {
+  .hy-key-figure-group .box-3 {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;

package/dist/collection/components/hy-key-figure-group/hy-key-figure-group.js

@@ -1,8 +1,9 @@
-import { Component, Prop, h, Host, Element } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { KeyHighlightVariants } from '../../utils/utils';
 import { jsonParserWorker } from '../../global/globalScript';
 export class HyKeyFigureGroup {
   constructor() {
+    this.dataItems = undefined;
     this.headerstyle = 'common';
   }
   async componentWillLoad() {
@@ -46,76 +47,76 @@ export class HyKeyFigureGroup {
     const classRowAttributes = ['hy-key-figure-group'].join(' ');
     const classRowCenteredAttributes = ['hy-key-figure-group', 'hy-key-figure-group-centered'].join(' ');
     if (this._dataItems.length % 5 == 0) {
-      return (h(Host, null,
-        h("div", { class: classAttributes },
-          h("div", { class: classRowAttributes }, this._dataItems.map((x, index) => {
-            if (index < 3) {
-              return (h("hy-key-figure", { class: "box-3", variant: keyFiguresVariant, heading: x.heading, description: x.description }));
-            }
-          })),
-          h("div", { class: classRowCenteredAttributes }, this._dataItems.map((x, index) => {
-            if (index >= 3) {
-              return (h("hy-key-figure", { class: "box-2", variant: keyFiguresVariant, heading: x.heading, description: x.description }));
-            }
-          }))),
-        h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
+      return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: classRowAttributes }, this._dataItems.map((x, index) => {
+        if (index < 3) {
+          return (h("hy-key-figure", { class: "box-3", variant: keyFiguresVariant, heading: x.heading, description: x.description }));
+        }
+      })), h("div", { class: classRowCenteredAttributes }, this._dataItems.map((x, index) => {
+        if (index >= 3) {
+          return (h("hy-key-figure", { class: "box-2", variant: keyFiguresVariant, heading: x.heading, description: x.description }));
+        }
+      }))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
     }
     else {
-      return (h(Host, null,
-        h("div", { class: classAttributes },
-          h("div", { class: classRowAttributes }, this._dataItems.map((x) => {
-            return (h("hy-key-figure", { class: this.getBoxClassName(this._dataItems.length), variant: keyFiguresVariant, heading: x.heading, description: x.description }));
-          }))),
-        h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
+      return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: classRowAttributes }, this._dataItems.map((x) => {
+        return (h("hy-key-figure", { class: this.getBoxClassName(this._dataItems.length), variant: keyFiguresVariant, heading: x.heading, description: x.description }));
+      }))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
     }
   }
   static get is() { return "hy-key-figure-group"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-key-figure-group.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-key-figure-group.css"]
-  }; }
-  static get properties() { return {
-    "dataItems": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "KeyFigureValue[] | string",
-        "resolved": "KeyFigureValue[] | string",
-        "references": {
-          "KeyFigureValue": {
-            "location": "local"
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-key-figure-group.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-key-figure-group.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "dataItems": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "KeyFigureValue[] | string",
+          "resolved": "KeyFigureValue[] | string",
+          "references": {
+            "KeyFigureValue": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-key-figure-group/hy-key-figure-group.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-items",
-      "reflect": false
-    },
-    "headerstyle": {
-      "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": "data-items",
+        "reflect": false
       },
-      "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/hy-key-highlight/hy-key-highlight.js

@@ -1,81 +1,86 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 import { KeyHighlightVariants } from '../../utils/utils';
 export class HyKeyHighlight {
   constructor() {
     this.variant = KeyHighlightVariants.default;
+    this.heading = undefined;
+    this.description = undefined;
   }
   render() {
     const classVariant = [this.variant, 'hy-key-highlight'].join(' ');
-    return (h("div", { class: classVariant },
-      h("div", { class: "hy-key-highlight__title__container" },
-        h("div", { class: "hy-key-highlight__title", innerHTML: this.heading })),
-      h("div", { class: "hy-key-highlight__description" }, this.description)));
+    return (h("div", { class: classVariant }, h("div", { class: "hy-key-highlight__title__container" }, h("div", { class: "hy-key-highlight__title", innerHTML: this.heading })), h("div", { class: "hy-key-highlight__description" }, this.description)));
   }
   static get is() { return "hy-key-highlight"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-key-highlight.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-key-highlight.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "KeyHighlightVariants",
-        "resolved": "KeyHighlightVariants.default | KeyHighlightVariants.small",
-        "references": {
-          "KeyHighlightVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-key-highlight.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-key-highlight.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "KeyHighlightVariants",
+          "resolved": "KeyHighlightVariants.default | KeyHighlightVariants.small",
+          "references": {
+            "KeyHighlightVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "KeyHighlightVariants.default"
-    },
-    "heading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "KeyHighlightVariants.default"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "heading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "heading",
+        "reflect": false
       },
-      "attribute": "heading",
-      "reflect": false
-    },
-    "description": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "description",
-      "reflect": false
-    }
-  }; }
+      "description": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "description",
+        "reflect": false
+      }
+    };
+  }
 }

package/dist/collection/components/hy-key-highlight-group/hy-key-highlight-group.css

@@ -100,14 +100,14 @@
 
 @media (min-width: 30rem) {
   .hy-key-highlight-group .box,
-.hy-key-highlight-group .box-4 {
+  .hy-key-highlight-group .box-4 {
     padding: 0 var(--gutter-medium);
   }
 }
 
 @media (min-width: 60rem) {
   .hy-key-highlight-group .box,
-.hy-key-highlight-group .box-4 {
+  .hy-key-highlight-group .box-4 {
     padding: 0 var(--gutter-wide);
   }
 }