@itcenteratunihelsinki/huds-lib 0.8.40 → 0.8.42

package/dist/collection/components/baseline/baseline.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { css } from 'emotion';
 const createCss = (value) => {
   return css `
@@ -10,40 +10,43 @@ const createCss = (value) => {
 };
 export class Baseline {
   constructor() {
-    /**
-     * Top margin to be added to all but first element. Amount of rem:s
-     */
     this.margin = 1;
   }
   render() {
-    return (h("div", { class: createCss(this.margin) },
-      h("slot", null)));
+    return (h("div", { class: createCss(this.margin) }, h("slot", null)));
   }
   static get is() { return "hy-baseline"; }
-  static get originalStyleUrls() { return {
-    "$": ["baseline.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["baseline.css"]
-  }; }
-  static get properties() { return {
-    "margin": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Top margin to be added to all but first element. Amount of rem:s"
-      },
-      "attribute": "margin",
-      "reflect": false,
-      "defaultValue": "1"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["baseline.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["baseline.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "margin": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Top margin to be added to all but first element. Amount of rem:s"
+        },
+        "attribute": "margin",
+        "reflect": false,
+        "defaultValue": "1"
+      }
+    };
+  }
 }
+//# sourceMappingURL=baseline.js.map

package/dist/collection/components/baseline/baseline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseline.js","sourceRoot":"","sources":["../../../src/components/baseline/baseline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,GAAG,EAAC,MAAM,SAAS,CAAC;AAE5B,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,EAAE;EAClC,OAAO,GAAG,CAAA;;oBAEQ,KAAK;;;GAGtB,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,OAAO,QAAQ;;kBAIM,CAAC;;EAC1B,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;MAChC,eAAa,CACT,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Prop} from '@stencil/core';\nimport {css} from 'emotion';\n\nconst createCss = (value: number) => {\n  return css`\n    > * + * {\n      margin-top: ${value}rem;\n      display: block;\n    }\n  `;\n};\n\n@Component({\n  tag: 'hy-baseline',\n  styleUrl: 'baseline.css',\n  shadow: false\n})\nexport class Baseline {\n  /**\n   * Top margin to be added to all but first element. Amount of rem:s\n   */\n  @Prop() margin: number = 1;\n  render() {\n    return (\n      <div class={createCss(this.margin)}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { Component, h, Prop, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import colors from '../../global/colors';
 const fillcolors = {
   primary: colors.brandMain,
@@ -6,42 +6,17 @@ const fillcolors = {
 };
 export class Button {
   constructor() {
-    /**
-     * Button type. Defaults to submit.
-     */
     this.buttonType = 'submit';
-    /**
-     * Custom classes added to button element.
-     */
     this.buttonClasses = '';
-    /**
-     * The element variant. Defaults to primary
-     */
     this.variant = 'primary';
-    /**
-     *  deprecated, use disabled boolean value
-     *  */
     this.state = 'enabled';
-    /**
-     * Size (height) of the button. Normal: 44px, large: 48px
-     */
     this.size = 'normal';
-    /**
-     * Use this to programmatically disable the button, matches the native button functionality
-     */
     this.disabled = false;
-    /**
-     *  Set this on if an anchor tag is required instead of a button.
-     */
     this.url = '';
-    /**
-     * Aria label for the element
-     */
     this.ariaLabel = '';
-    /**
-     * Use only with url property. Sets the
-     */
     this.isExternal = false;
+    this.icon = undefined;
+    this.iconRight = undefined;
     this.attrs = '';
   }
   render() {
@@ -65,247 +40,241 @@ export class Button {
         }
       });
     }
-    return this.url ? (h(Host, { "icon-right": "hy-icon-arrow-right", "aria-label": this.ariaLabel },
-      h("div", { style: { display: 'flex' } },
-        h("a", { class: classAttributes.join(' '), href: this.url, target: target },
-          h("span", { class: "hy-button__text" },
-            h("slot", null)),
-          h("span", { class: "hy-button__icon" },
-            h("hy-icon", { icon: "hy-icon-arrow-right", fill: iconFillColor, size: 13 })))))) : (h(Host, { "aria-label": this.ariaLabel },
-      h("button", Object.assign({ type: this.buttonType, class: classAttributes.join(' '), disabled: this.disabled }, props),
-        !!this.icon && (h("span", { class: "hy-button__icon hy-button__icon--left" },
-          h("hy-icon", { icon: this.icon, fill: iconFillColor, size: 13 }))),
-        h("span", { class: "hy-button__text" },
-          h("slot", null)),
-        !!this.iconRight && (h("span", { class: "hy-button__icon hy-button__icon--right" },
-          h("hy-icon", { icon: this.iconRight, fill: iconFillColor, size: 13 }))))));
+    return this.url ? (h(Host, { "icon-right": "hy-icon-arrow-right", "aria-label": this.ariaLabel }, h("div", { style: { display: 'flex' } }, h("a", { class: classAttributes.join(' '), href: this.url, target: target }, h("span", { class: "hy-button__text" }, h("slot", null)), h("span", { class: "hy-button__icon" }, h("hy-icon", { icon: "hy-icon-arrow-right", fill: iconFillColor, size: 13 })))))) : (h(Host, { "aria-label": this.ariaLabel }, h("button", Object.assign({ type: this.buttonType, class: classAttributes.join(' '), disabled: this.disabled }, props), !!this.icon && (h("span", { class: "hy-button__icon hy-button__icon--left" }, h("hy-icon", { icon: this.icon, fill: iconFillColor, size: 13 }))), h("span", { class: "hy-button__text" }, h("slot", null)), !!this.iconRight && (h("span", { class: "hy-button__icon hy-button__icon--right" }, h("hy-icon", { icon: this.iconRight, fill: iconFillColor, size: 13 }))))));
   }
   static get is() { return "hy-button"; }
-  static get originalStyleUrls() { return {
-    "$": ["button.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["button.css"]
-  }; }
-  static get properties() { return {
-    "buttonType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Button type. Defaults to submit."
-      },
-      "attribute": "button-type",
-      "reflect": false,
-      "defaultValue": "'submit'"
-    },
-    "buttonClasses": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["button.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["button.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "buttonType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Button type. Defaults to submit."
+        },
+        "attribute": "button-type",
+        "reflect": false,
+        "defaultValue": "'submit'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Custom classes added to button element."
+      "buttonClasses": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Custom classes added to button element."
+        },
+        "attribute": "button-classes",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "attribute": "button-classes",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ButtonVariants",
-        "resolved": "\"primary\" | \"secondary\"",
-        "references": {
-          "ButtonVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ButtonVariants",
+          "resolved": "\"primary\" | \"secondary\"",
+          "references": {
+            "ButtonVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The element variant. Defaults to primary"
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "'primary'"
-    },
-    "state": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'enabled' | 'disabled'",
-        "resolved": "\"disabled\" | \"enabled\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "deprecated, use disabled boolean value"
-      },
-      "attribute": "state",
-      "reflect": false,
-      "defaultValue": "'enabled'"
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'normal' | 'large'",
-        "resolved": "\"large\" | \"normal\"",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The element variant. Defaults to primary"
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "'primary'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Size (height) of the button. Normal: 44px, large: 48px"
+      "state": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'enabled' | 'disabled'",
+          "resolved": "\"disabled\" | \"enabled\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "deprecated, use disabled boolean value"
+        },
+        "attribute": "state",
+        "reflect": false,
+        "defaultValue": "'enabled'"
       },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'normal'"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'normal' | 'large'",
+          "resolved": "\"large\" | \"normal\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Size (height) of the button. Normal: 44px, large: 48px"
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "'normal'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Use this to programmatically disable the button, matches the native button functionality"
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Use this to programmatically disable the button, matches the native button functionality"
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Set this on if an anchor tag is required instead of a button."
+        },
+        "attribute": "url",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Set this on if an anchor tag is required instead of a button."
+      "ariaLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Aria label for the element"
+        },
+        "attribute": "aria-label",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "attribute": "url",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "ariaLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "isExternal": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Use only with url property. Sets the"
+        },
+        "attribute": "is-external",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Aria label for the element"
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Icon to use on the left side"
+        },
+        "attribute": "icon",
+        "reflect": false
       },
-      "attribute": "aria-label",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "isExternal": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "iconRight": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Icon to use on the right side"
+        },
+        "attribute": "icon-right",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Use only with url property. Sets the"
-      },
-      "attribute": "is-external",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Icon to use on the left side"
-      },
-      "attribute": "icon",
-      "reflect": false
-    },
-    "iconRight": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Icon to use on the right side"
-      },
-      "attribute": "icon-right",
-      "reflect": false
-    },
-    "attrs": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "attrs",
-      "reflect": false,
-      "defaultValue": "''"
-    }
-  }; }
+      "attrs": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "attrs",
+        "reflect": false,
+        "defaultValue": "''"
+      }
+    };
+  }
 }
+//# sourceMappingURL=button.js.map

package/dist/collection/components/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, h, Prop, Host} from '@stencil/core';\nimport {ButtonVariants} from '../../utils/utils';\nimport colors from '../../global/colors';\n\nconst fillcolors = {\n  primary: colors.brandMain,\n  secondary: 'white',\n};\n\n@Component({\n  tag: 'hy-button',\n  styleUrl: 'button.scss',\n  shadow: false,\n})\nexport class Button {\n  /**\n   * Button type. Defaults to submit.\n   */\n  @Prop() buttonType: string = 'submit';\n\n  /**\n   * Custom classes added to button element.\n   */\n  @Prop() buttonClasses: string = '';\n\n  /**\n   * The element variant. Defaults to primary\n   */\n  @Prop() variant: ButtonVariants = 'primary';\n  /**\n   *  deprecated, use disabled boolean value\n   *  */\n  @Prop() state: 'enabled' | 'disabled' = 'enabled';\n  /**\n   * Size (height) of the button. Normal: 44px, large: 48px\n   */\n  @Prop() size: 'normal' | 'large' = 'normal';\n  /**\n   * Use this to programmatically disable the button, matches the native button functionality\n   */\n  @Prop() disabled: boolean = false;\n  /**\n   *  Set this on if an anchor tag is required instead of a button.\n   */\n  @Prop() url?: string = '';\n  /**\n   * Aria label for the element\n   */\n  @Prop() ariaLabel: string = '';\n  /**\n   * Use only with url property. Sets the\n   */\n  @Prop() isExternal?: boolean = false;\n  /**\n   * Icon to use on the left side\n   */\n  @Prop() icon?: string;\n  /**\n   * Icon to use on the right side\n   */\n  @Prop() iconRight?: string;\n\n  @Prop() attrs: string = '';\n\n  render() {\n    const classAttributes = ['hy-button', this.variant, this.state, 'size-' + this.size, this.buttonClasses];\n    const iconFillColor = fillcolors[this.variant];\n    const target = this.isExternal ? '_blank' : '_self';\n    let props = {};\n\n    if (this.attrs && this.attrs.length > 2) {\n      let attrString = JSON.parse(this.attrs);\n      let attrArray = attrString.split('\" ');\n      attrArray.map((item) => {\n        let parts = item.split('=');\n        let key = parts[0];\n        let value = parts[1];\n        key = key.replaceAll('\"', ' ');\n        key = key.trim();\n        if (key !== 'class') {\n          value = value.replaceAll('\"', ' ');\n          value = value.trim();\n          props[key] = value;\n        }\n      });\n    }\n\n    return this.url ? (\n      <Host icon-right=\"hy-icon-arrow-right\" aria-label={this.ariaLabel}>\n        <div style={{display: 'flex'}}>\n          <a class={classAttributes.join(' ')} href={this.url} target={target}>\n            <span class=\"hy-button__text\">\n              <slot />\n            </span>\n            <span class=\"hy-button__icon\">\n              <hy-icon icon=\"hy-icon-arrow-right\" fill={iconFillColor} size={13} />\n            </span>\n          </a>\n        </div>\n      </Host>\n    ) : (\n      <Host aria-label={this.ariaLabel}>\n        <button type={this.buttonType} class={classAttributes.join(' ')} disabled={this.disabled} {...props}>\n          {!!this.icon && (\n            <span class=\"hy-button__icon hy-button__icon--left\">\n              <hy-icon icon={this.icon} fill={iconFillColor} size={13} />\n            </span>\n          )}\n          <span class=\"hy-button__text\">\n            <slot />\n          </span>\n          {!!this.iconRight && (\n            <span class=\"hy-button__icon hy-button__icon--right\">\n              <hy-icon icon={this.iconRight} fill={iconFillColor} size={13} />\n            </span>\n          )}\n        </button>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,15 +1,19 @@
-import { Component, Host, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class ColorBox {
   render() {
-    return (h(Host, null,
-      h("slot", null)));
+    return (h(Host, null, h("slot", null)));
   }
   static get is() { return "color-box"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["color-box.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["color-box.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["color-box.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["color-box.css"]
+    };
+  }
 }
+//# sourceMappingURL=color-box.js.map