@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

package/dist/collection/components/process-flow-box/process-flow-box.js

@@ -1,10 +1,14 @@
-import { Component, Prop, h, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { ProcessFlowBoxVariants } from '../../utils/utils';
 export class ProcessFlowBox {
   constructor() {
     this.variant = ProcessFlowBoxVariants.default;
+    this.boxNumber = undefined;
+    this.boxTitle = undefined;
+    this.boxDescription = undefined;
     this.intermediateStepTitle = '';
     this.stepState = 'default';
+    this.numberTerm = undefined;
   }
   render() {
     const classVariant = [this.variant, 'hy-process-flow-box'].join(' ');
@@ -12,162 +16,154 @@ export class ProcessFlowBox {
     const classIsEven = parseInt(this.boxNumber) % 2 == 0 ? 'even' : 'odd';
     const classNumberVariant = [this.variant, 'hy-process-flow-box__number__container'].join(' ');
     const classStepVariant = [this.variant, this.stepState, classIsEven, 'hy-process-flow-box__step__container'].join(' ');
-    return (h(Host, null,
-      h("div", { class: classVariant },
-        this.intermediateStepTitle && (h("div", { class: classStepVariant },
-          h("svg", { class: "desktop", width: "210", height: "60" },
-            h("polygon", { points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })),
-          h("svg", { class: "mobile", width: "138", height: "82" },
-            h("polygon", { points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })),
-          h("h2", { class: "hy-process-flow-box__step" }, this.intermediateStepTitle))),
-        h("div", { class: classNumberVariant },
-          h("h2", { class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` },
-            h("div", { class: "hy-process-flow-box__number-title" }, this.boxNumber))),
-        h("div", { class: classContentVariant },
-          h("h3", { class: "hy-process-flow-box__title", innerHTML: this.boxTitle }),
-          h("div", { class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))),
-      h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
+    return (h(Host, null, h("div", { class: classVariant }, this.intermediateStepTitle && (h("div", { class: classStepVariant }, h("svg", { class: "desktop", width: "210", height: "60" }, h("polygon", { points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })), h("svg", { class: "mobile", width: "138", height: "82" }, h("polygon", { points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })), h("h2", { class: "hy-process-flow-box__step" }, this.intermediateStepTitle))), h("div", { class: classNumberVariant }, h("h2", { class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` }, h("div", { class: "hy-process-flow-box__number-title" }, this.boxNumber))), h("div", { class: classContentVariant }, h("h3", { class: "hy-process-flow-box__title", innerHTML: this.boxTitle }), h("div", { class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
   static get is() { return "hy-process-flow-box"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["process-flow-box.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["process-flow-box.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ProcessFlowBoxVariants",
-        "resolved": "ProcessFlowBoxVariants.default | ProcessFlowBoxVariants.small",
-        "references": {
-          "ProcessFlowBoxVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["process-flow-box.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["process-flow-box.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ProcessFlowBoxVariants",
+          "resolved": "ProcessFlowBoxVariants.default | ProcessFlowBoxVariants.small",
+          "references": {
+            "ProcessFlowBoxVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "ProcessFlowBoxVariants.default"
-    },
-    "boxNumber": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "box-number",
-      "reflect": false
-    },
-    "boxTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "ProcessFlowBoxVariants.default"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "boxNumber": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "box-number",
+        "reflect": false
       },
-      "attribute": "box-title",
-      "reflect": false
-    },
-    "boxDescription": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "boxTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "box-title",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "boxDescription": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "box-description",
+        "reflect": false
       },
-      "attribute": "box-description",
-      "reflect": false
-    },
-    "intermediateStepTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "intermediateStepTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "intermediate-step-title",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "intermediate-step-title",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "stepState": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ProcessFlowBoxStepStates",
-        "resolved": "\"default\" | \"first\"",
-        "references": {
-          "ProcessFlowBoxStepStates": {
-            "location": "import",
-            "path": "../../utils/utils"
+      "stepState": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ProcessFlowBoxStepStates",
+          "resolved": "\"default\" | \"first\"",
+          "references": {
+            "ProcessFlowBoxStepStates": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "step-state",
-      "reflect": false,
-      "defaultValue": "'default'"
-    },
-    "numberTerm": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "step-state",
+        "reflect": false,
+        "defaultValue": "'default'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "number-term",
-      "reflect": false
-    }
-  }; }
+      "numberTerm": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "number-term",
+        "reflect": false
+      }
+    };
+  }
 }

package/dist/collection/components/row/row.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { css } from 'emotion';
 const createCss = (justify, align, margin) => {
   return css `
@@ -12,84 +12,80 @@ const createCss = (justify, align, margin) => {
 };
 export class Row {
   constructor() {
-    /**
-     * justify-content property.
-     */
     this.justify = 'stretch';
-    /**
-     * justify-content property.
-     */
     this.align = 'center';
-    /**
-     * Left margin to be added to adjacent items.
-     */
     this.margin = 1;
   }
   render() {
-    return (h("div", { class: createCss(this.justify, this.align, this.margin) },
-      h("slot", null)));
+    return (h("div", { class: createCss(this.justify, this.align, this.margin) }, h("slot", null)));
   }
   static get is() { return "hy-row"; }
-  static get originalStyleUrls() { return {
-    "$": ["row.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["row.css"]
-  }; }
-  static get properties() { return {
-    "justify": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "justify-content property."
-      },
-      "attribute": "justify",
-      "reflect": false,
-      "defaultValue": "'stretch'"
-    },
-    "align": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "justify-content property."
-      },
-      "attribute": "align",
-      "reflect": false,
-      "defaultValue": "'center'"
-    },
-    "margin": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["row.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["row.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "justify": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "justify-content property."
+        },
+        "attribute": "justify",
+        "reflect": false,
+        "defaultValue": "'stretch'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Left margin to be added to adjacent items."
+      "align": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "justify-content property."
+        },
+        "attribute": "align",
+        "reflect": false,
+        "defaultValue": "'center'"
       },
-      "attribute": "margin",
-      "reflect": false,
-      "defaultValue": "1"
-    }
-  }; }
+      "margin": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Left margin to be added to adjacent items."
+        },
+        "attribute": "margin",
+        "reflect": false,
+        "defaultValue": "1"
+      }
+    };
+  }
 }

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

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

package/dist/collection/components/site-header/site-header.css

@@ -124,7 +124,7 @@
 
 @media (min-width: 75.0625rem) {
   .hy-site-header.is-group hy-desktop-menu-links,
-.hy-site-header.is-group .hy-site-header__menu-desktop {
+  .hy-site-header.is-group .hy-site-header__menu-desktop {
     margin-left: -10px;
   }
 }