@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

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

@@ -1,4 +1,4 @@
-import { Component, h, Prop, Host, Element } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { css } from 'emotion';
 /*
 Example of using hy-box:
@@ -98,21 +98,20 @@ const toNumArray = (value) => value === null || value === void 0 ? void 0 : valu
 export class HyBox {
   constructor() {
     this.headerstyle = 'common';
-    /**
-     * Value for horisontal alignment (justify-content)
-     */
+    this.p = undefined;
+    this.pl = undefined;
+    this.pr = undefined;
+    this.pb = undefined;
+    this.pt = undefined;
+    this.m = undefined;
+    this.ml = undefined;
+    this.mr = undefined;
+    this.mb = undefined;
+    this.mt = undefined;
     this.justify = 'flex-start';
-    /**
-     * value for vertical alignment (align-items)
-     */
     this.align = 'baseline';
-    /**
-     * background color. Must use one of css variable names from color tokens
-     */
+    this.h = undefined;
     this.bg = 'transparent';
-    /**
-     * Responsive width. Must be a comma separated string of percentage values for breakpoints. First item is the default value.
-     */
     this.width = '100';
     this.direction = 'row';
   }
@@ -151,312 +150,317 @@ export class HyBox {
         justify: this.justify,
         align: this.align,
         direction: this.direction,
-      }) },
-      h("slot", null)));
+      }) }, h("slot", null)));
   }
   static get is() { return "hy-box"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-box.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-box.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'"
-    },
-    "p": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "All sides padding value in rems. Responsive when given Comma separated values."
-      },
-      "attribute": "p",
-      "reflect": false
-    },
-    "pl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Left padding in rems. Responsive when given Comma separated values."
-      },
-      "attribute": "pl",
-      "reflect": false
-    },
-    "pr": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Right padding in rems. Responsive when given Comma separated values."
-      },
-      "attribute": "pr",
-      "reflect": false
-    },
-    "pb": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Bottom padding in rems. Responsive when given Comma separated values."
-      },
-      "attribute": "pb",
-      "reflect": false
-    },
-    "pt": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Top padding in rems. Responsive when given Comma separated values."
-      },
-      "attribute": "pt",
-      "reflect": false
-    },
-    "m": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "All sides margin value in rems. Responsive when given Comma separated values."
-      },
-      "attribute": "m",
-      "reflect": false
-    },
-    "ml": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Left margin in rems. Responsive when given Comma separated values."
-      },
-      "attribute": "ml",
-      "reflect": false
-    },
-    "mr": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Right margin in rems. Responsive when given Comma separated values."
-      },
-      "attribute": "mr",
-      "reflect": false
-    },
-    "mb": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Bottom margin in rems. Responsive when given Comma separated values."
-      },
-      "attribute": "mb",
-      "reflect": false
-    },
-    "mt": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Top margin in rems. Responsive when given Comma separated values."
-      },
-      "attribute": "mt",
-      "reflect": false
-    },
-    "justify": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Value for horisontal alignment (justify-content)"
-      },
-      "attribute": "justify",
-      "reflect": false,
-      "defaultValue": "'flex-start'"
-    },
-    "align": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "value for vertical alignment (align-items)"
-      },
-      "attribute": "align",
-      "reflect": false,
-      "defaultValue": "'baseline'"
-    },
-    "h": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "fixed height for the container, useful for extra spacing containers"
-      },
-      "attribute": "h",
-      "reflect": false
-    },
-    "bg": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "background color. Must use one of css variable names from color tokens"
-      },
-      "attribute": "bg",
-      "reflect": false,
-      "defaultValue": "'transparent'"
-    },
-    "width": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Responsive width. Must be a comma separated string of percentage values for breakpoints. First item is the default value."
-      },
-      "attribute": "width",
-      "reflect": false,
-      "defaultValue": "'100'"
-    },
-    "direction": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "direction",
-      "reflect": false,
-      "defaultValue": "'row'"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-box.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-box.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'"
+      },
+      "p": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "All sides padding value in rems. Responsive when given Comma separated values."
+        },
+        "attribute": "p",
+        "reflect": false
+      },
+      "pl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Left padding in rems. Responsive when given Comma separated values."
+        },
+        "attribute": "pl",
+        "reflect": false
+      },
+      "pr": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Right padding in rems. Responsive when given Comma separated values."
+        },
+        "attribute": "pr",
+        "reflect": false
+      },
+      "pb": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Bottom padding in rems. Responsive when given Comma separated values."
+        },
+        "attribute": "pb",
+        "reflect": false
+      },
+      "pt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Top padding in rems. Responsive when given Comma separated values."
+        },
+        "attribute": "pt",
+        "reflect": false
+      },
+      "m": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "All sides margin value in rems. Responsive when given Comma separated values."
+        },
+        "attribute": "m",
+        "reflect": false
+      },
+      "ml": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Left margin in rems. Responsive when given Comma separated values."
+        },
+        "attribute": "ml",
+        "reflect": false
+      },
+      "mr": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Right margin in rems. Responsive when given Comma separated values."
+        },
+        "attribute": "mr",
+        "reflect": false
+      },
+      "mb": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Bottom margin in rems. Responsive when given Comma separated values."
+        },
+        "attribute": "mb",
+        "reflect": false
+      },
+      "mt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Top margin in rems. Responsive when given Comma separated values."
+        },
+        "attribute": "mt",
+        "reflect": false
+      },
+      "justify": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Value for horisontal alignment (justify-content)"
+        },
+        "attribute": "justify",
+        "reflect": false,
+        "defaultValue": "'flex-start'"
+      },
+      "align": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "value for vertical alignment (align-items)"
+        },
+        "attribute": "align",
+        "reflect": false,
+        "defaultValue": "'baseline'"
+      },
+      "h": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "fixed height for the container, useful for extra spacing containers"
+        },
+        "attribute": "h",
+        "reflect": false
+      },
+      "bg": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "background color. Must use one of css variable names from color tokens"
+        },
+        "attribute": "bg",
+        "reflect": false,
+        "defaultValue": "'transparent'"
+      },
+      "width": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Responsive width. Must be a comma separated string of percentage values for breakpoints. First item is the default value."
+        },
+        "attribute": "width",
+        "reflect": false,
+        "defaultValue": "'100'"
+      },
+      "direction": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "direction",
+        "reflect": false,
+        "defaultValue": "'row'"
+      }
+    };
+  }
   static get elementRef() { return "el"; }
 }