@itcenteratunihelsinki/huds-lib 0.8.73 → 0.8.75

package/components/hy-prominent-image.js

@@ -1,73 +1,72 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, c as Host } from './index3.js';
 import { d as defineCustomElement$3 } from './hy-box2.js';
 import { d as defineCustomElement$2 } from './image.js';
 
 const hyProminentImageCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-prominent-image{position:relative}.hy-prominent-image__text{font-size:1rem;line-height:20px;background-color:var(--grayscale-black);bottom:12px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:bold;left:-8px;letter-spacing:-0.5px;max-width:46%;padding:6px 12px;position:absolute;text-transform:uppercase}@media (min-width: 30rem){.hy-prominent-image__text{font-size:1.125rem;line-height:24px;bottom:20px;left:-16px;letter-spacing:-0.56px;max-width:58%;padding:12px 24px;position:absolute}}@media (min-width: 60rem){.hy-prominent-image__text{font-size:1.375rem;line-height:28px;bottom:24px;left:-16px;letter-spacing:-0.69px;padding:16px 24px;position:absolute}}@media (min-width: 1601px){.hy-prominent-image__text{font-size:1.625rem;line-height:32px;bottom:28px;left:-16px;letter-spacing:-0.8px;padding:20px 24px;position:absolute}}@media (min-width: 75.0625rem){.hy-prominent-image__text__large{font-size:1.625rem;line-height:32px;bottom:28px;left:-16px;letter-spacing:-0.8px;padding:20px 24px;position:absolute}}";
+const HyProminentImageStyle0 = hyProminentImageCss;
 
-const HyProminentImage$1 = /*@__PURE__*/ proxyCustomElement(class HyProminentImage extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.textTitle = undefined;
-    this.imageUrl = undefined;
-    this.imageAlt = "";
-    this.headerstyle = "common";
-    this.sourceSet = undefined;
-  }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest(".hy-main");
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains("with-sidebar")) {
-        this.headerstyle = "large";
-      }
+const HyProminentImage$1 = /*@__PURE__*/ proxyCustomElement(class HyProminentImage extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.textTitle = undefined;
+        this.imageUrl = undefined;
+        this.imageAlt = "";
+        this.headerstyle = "common";
+        this.sourceSet = undefined;
     }
-  }
-  render() {
-    const prominentImageClass = [
-      "hy-prominent-image",
-      this.headerstyle,
-      `hy-prominent-image__${this.headerstyle}`,
-    ].join(" ");
-    const prominentImageText = ["hy-prominent-image__text", `hy-prominent-image__text__${this.headerstyle}`].join(" ");
-    return (h(Host, null, h("div", { class: prominentImageClass }, h("div", { class: "hy-prominent-image__image" }, h("hy-image", { "source-set": this.sourceSet, "image-url": this.imageUrl, "image-alt": this.imageAlt, aspectRatioWidth: 2, aspectRatioHeight: 1 })), this.textTitle && h("div", { class: prominentImageText }, this.textTitle))));
-  }
-  get el() { return this; }
-  static get style() { return hyProminentImageCss; }
+    componentDidLoad() {
+        let hyMainDiv = this.el.closest(".hy-main");
+        if (hyMainDiv) {
+            if (!hyMainDiv.classList.contains("with-sidebar")) {
+                this.headerstyle = "large";
+            }
+        }
+    }
+    render() {
+        const prominentImageClass = [
+            "hy-prominent-image",
+            this.headerstyle,
+            `hy-prominent-image__${this.headerstyle}`,
+        ].join(" ");
+        const prominentImageText = ["hy-prominent-image__text", `hy-prominent-image__text__${this.headerstyle}`].join(" ");
+        return (h(Host, { key: '2d17bfc9d76a2b5e5ec5415b94863bef5f3772ae' }, h("div", { key: 'd4e35922f36ea76d0217ae09a300564fefb08975', class: prominentImageClass }, h("div", { key: 'ef3ee476a13f40516fc641f6edbc1444c88be05a', class: "hy-prominent-image__image" }, h("hy-image", { key: 'c5b4f060a6d44154a3f5f9e4ac69daaa4394f0d1', "source-set": this.sourceSet, "image-url": this.imageUrl, "image-alt": this.imageAlt, aspectRatioWidth: 2, aspectRatioHeight: 1 })), this.textTitle && h("div", { key: '0c59d61eff9837607cd5de8018ce855e8bc8d939', class: prominentImageText }, this.textTitle))));
+    }
+    get el() { return this; }
+    static get style() { return HyProminentImageStyle0; }
 }, [1, "hy-prominent-image", {
-    "textTitle": [1, "text-title"],
-    "imageUrl": [1, "image-url"],
-    "imageAlt": [1, "image-alt"],
-    "headerstyle": [1],
-    "sourceSet": [1, "source-set"]
-  }]);
+        "textTitle": [1, "text-title"],
+        "imageUrl": [1, "image-url"],
+        "imageAlt": [1, "image-alt"],
+        "headerstyle": [1],
+        "sourceSet": [1, "source-set"]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-prominent-image", "hy-box", "hy-image"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-prominent-image":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HyProminentImage$1);
-      }
-      break;
-    case "hy-box":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "hy-image":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-prominent-image", "hy-box", "hy-image"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-prominent-image":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, HyProminentImage$1);
+            }
+            break;
+        case "hy-box":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "hy-image":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 
 const HyProminentImage = HyProminentImage$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyProminentImage, defineCustomElement };
-
-//# sourceMappingURL=hy-prominent-image.js.map

package/components/hy-quote.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../dist/types/components";
 
 interface HyQuote extends Components.HyQuote, HTMLElement {}
 export const HyQuote: {
-  prototype: HyQuote;
-  new (): HyQuote;
+    prototype: HyQuote;
+    new (): HyQuote;
 };
 /**
  * Used to define this component and all nested components recursively.

package/components/hy-quote.js

@@ -1,56 +1,55 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './index3.js';
 import { d as defineCustomElement$2 } from './icon.js';
 
 const hyQuoteCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-quote{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0 8px}@media (min-width: 30rem){.hy-quote{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0}}@media (min-width: 60rem){.hy-quote{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-quote__icon-wrapper{margin-right:20px}@media (min-width: 30rem){.hy-quote__icon-wrapper{margin-right:0}}@media (min-width: 60rem){.hy-quote__icon-wrapper{margin-right:24px}}@media (min-width: 1601px){.hy-quote__icon-wrapper{margin-right:32px}}.hy-quote__icon svg{fill:var(--brand-main-light);height:32px;width:32px}@media (min-width: 60rem){.hy-quote__icon svg{height:40px;width:40px}}@media (min-width: 1601px){.hy-quote__icon svg{height:48px;width:48px}}.hy-quote__text{font-size:1rem;line-height:24px;color:var(--grayscale-black);font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.1px;padding-bottom:16px;padding-top:0}@media (min-width: 30rem){.hy-quote__text{font-size:1.125rem;line-height:28px;padding-top:16px}}@media (min-width: 75.0625rem){.hy-quote__text{font-size:1.25rem;line-height:32px;padding-top:0}}.hy-quote__signature:before{font-size:0.875rem;line-height:20px;display:inline-block;color:var(--grayscale-dark);content:\"-\";font-family:var(--main-font-family);letter-spacing:0;padding-right:3px}.hy-quote__signature{font-size:0.875rem;line-height:20px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:0}@media (min-width: 30rem){.hy-quote__signature{font-size:1rem;line-height:24px}}";
+const HyQuoteStyle0 = hyQuoteCss;
 
-const HyQuote$1 = /*@__PURE__*/ proxyCustomElement(class HyQuote extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.quoteSignature = undefined;
-    this.headerstyle = "common";
-  }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest(".hy-main");
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains("with-sidebar")) {
-        this.headerstyle = "large";
-      }
+const HyQuote$1 = /*@__PURE__*/ proxyCustomElement(class HyQuote extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.quoteSignature = undefined;
+        this.headerstyle = "common";
     }
-  }
-  render() {
-    const quoteClass = ["hy-quote", this.headerstyle, `hy-quote__${this.headerstyle}`].join(" ");
-    return (h("div", { class: quoteClass }, h("span", { class: "hy-quote__icon-wrapper" }, h("div", { class: "hy-quote__icon" }, h("hy-icon", { icon: "hy-icon-quote", size: 48 }))), h("div", { class: "hy-quote-text-wrapper" }, h("div", { class: "hy-quote__text" }, h("slot", null)), this.quoteSignature && h("div", { class: "hy-quote__signature" }, this.quoteSignature))));
-  }
-  get el() { return this; }
-  static get style() { return hyQuoteCss; }
+    componentDidLoad() {
+        let hyMainDiv = this.el.closest(".hy-main");
+        if (hyMainDiv) {
+            if (!hyMainDiv.classList.contains("with-sidebar")) {
+                this.headerstyle = "large";
+            }
+        }
+    }
+    render() {
+        const quoteClass = ["hy-quote", this.headerstyle, `hy-quote__${this.headerstyle}`].join(" ");
+        return (h("div", { key: 'f6a99c662359293b4608f4c491a22ccf4c20d014', class: quoteClass }, h("span", { key: '8271c30c6783c391c855cb1f97514822a5a5f46f', class: "hy-quote__icon-wrapper" }, h("div", { key: '662e9ae08b4c88b25f509128b9470e1fe0012154', class: "hy-quote__icon" }, h("hy-icon", { key: '169fa3acadadfbb922f1d8f730d5150ecd7f9a51', icon: "hy-icon-quote", size: 48 }))), h("div", { key: '5eafcc74440671c990be9863637873c33a531269', class: "hy-quote-text-wrapper" }, h("div", { key: '5fd0cdf4fecdfdc371967ffa8a228dcf5aac31b3', class: "hy-quote__text" }, h("slot", { key: 'd78538e8642cc2f81937e4fdfffc7052451bc556' })), this.quoteSignature && h("div", { key: 'd42374d237025359e88dce7271f10cf3cb0746fd', class: "hy-quote__signature" }, this.quoteSignature))));
+    }
+    get el() { return this; }
+    static get style() { return HyQuoteStyle0; }
 }, [1, "hy-quote", {
-    "quoteSignature": [1, "quote-signature"],
-    "headerstyle": [1]
-  }]);
+        "quoteSignature": [1, "quote-signature"],
+        "headerstyle": [1]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-quote", "hy-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-quote":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HyQuote$1);
-      }
-      break;
-    case "hy-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-quote", "hy-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-quote":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, HyQuote$1);
+            }
+            break;
+        case "hy-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 
 const HyQuote = HyQuote$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyQuote, defineCustomElement };
-
-//# sourceMappingURL=hy-quote.js.map

package/components/hy-row.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../dist/types/components";
 
 interface HyRow extends Components.HyRow, HTMLElement {}
 export const HyRow: {
-  prototype: HyRow;
-  new (): HyRow;
+    prototype: HyRow;
+    new (): HyRow;
 };
 /**
  * Used to define this component and all nested components recursively.

package/components/hy-row.js

@@ -1,10 +1,11 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c as css } from './emotion.esm.js';
+import { p as proxyCustomElement, H, h } from './index3.js';
+import { c as css } from './index.esm.js';
 
 const rowCss = "div.hy-row{display:block}";
+const HyRowStyle0 = rowCss;
 
 const createCss = (justify, align, margin) => {
-  return css `
+    return css `
     display: flex;
     justify-content: ${justify};
     align-items: ${align};
@@ -13,40 +14,38 @@ const createCss = (justify, align, margin) => {
     }
   `;
 };
-const Row = /*@__PURE__*/ proxyCustomElement(class Row extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.justify = "stretch";
-    this.align = "center";
-    this.margin = 1;
-  }
-  render() {
-    return (h("div", { class: createCss(this.justify, this.align, this.margin) }, h("slot", null)));
-  }
-  static get style() { return rowCss; }
+const Row = /*@__PURE__*/ proxyCustomElement(class Row extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.justify = "stretch";
+        this.align = "center";
+        this.margin = 1;
+    }
+    render() {
+        return (h("div", { key: 'a1a0ffc9ff6ce899fb0d3600b33f763ee85ccd0f', class: createCss(this.justify, this.align, this.margin) }, h("slot", { key: '2264561e8b6274632309bff6732dd171008486a9' })));
+    }
+    static get style() { return HyRowStyle0; }
 }, [4, "hy-row", {
-    "justify": [1],
-    "align": [1],
-    "margin": [2]
-  }]);
+        "justify": [1],
+        "align": [1],
+        "margin": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-row"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-row":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Row);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-row"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-row":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Row);
+            }
+            break;
+    } });
 }
 
 const HyRow = Row;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyRow, defineCustomElement };
-
-//# sourceMappingURL=hy-row.js.map

package/components/hy-search-field.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../dist/types/components";
 
 interface HySearchField extends Components.HySearchField, HTMLElement {}
 export const HySearchField: {
-  prototype: HySearchField;
-  new (): HySearchField;
+    prototype: HySearchField;
+    new (): HySearchField;
 };
 /**
  * Used to define this component and all nested components recursively.

package/components/hy-search-field.js

@@ -4,5 +4,3 @@ const HySearchField = HySearchField$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HySearchField, defineCustomElement };
-
-//# sourceMappingURL=hy-search-field.js.map

package/components/hy-search-field2.js

@@ -1,87 +1,86 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, c as Host } from './index3.js';
 import { e as ColorVariant } from './utils.js';
 import { d as defineCustomElement$1 } from './icon.js';
 
 const hySearchFieldCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.search-field{display:inline-block;width:100%}@media (min-width: 30rem){.search-field{min-width:48.3%}}@media (min-width: 75.0625rem){.search-field{min-width:23.03%}}.search-field__label{font-size:0.875rem;line-height:20px;display:block;font-family:var(--main-font-family);letter-spacing:-0.44px;margin-bottom:8px;position:relative;text-decoration:none;width:100%}@media (min-width: 30rem){.search-field__label{font-size:1rem;line-height:20px}}.search-field__label.label-large{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px;margin-bottom:0.75rem}@media (min-width: 30rem){.search-field__label.label-large{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px;margin-bottom:1.25rem}}.search-field__label.bold{font-weight:700}.search-field__actions{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex}.search-field__wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}.search-field__input{font-size:1rem;line-height:24px;border-radius:0;border:1px solid var(--grayscale-medium-dark);caret-color:var(--brand-main-light);font-weight:bold;height:40px;letter-spacing:normal;padding:8px 12px;width:100%;zoom:0}@media (min-width: 30rem){.search-field__input{font-size:1rem;line-height:24px;height:44px}}@media (min-width: 75.0625rem){.search-field__input{height:48px}}.search-field__input::-webkit-input-placeholder{font-size:1rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input::-moz-placeholder{font-size:1rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input:-ms-input-placeholder{font-size:1rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input::-ms-input-placeholder{font-size:1rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}.search-field__input::placeholder{font-size:1rem;line-height:24px;color:var(--grayscale-dark);font-weight:normal}@media (min-width: 30rem){.search-field__input::-webkit-input-placeholder{font-size:1rem;line-height:24px}.search-field__input::-moz-placeholder{font-size:1rem;line-height:24px}.search-field__input:-ms-input-placeholder{font-size:1rem;line-height:24px}.search-field__input::-ms-input-placeholder{font-size:1rem;line-height:24px}.search-field__input::placeholder{font-size:1rem;line-height:24px}}.search-field__input:hover{border-color:var(--brand-main-light)}.search-field__input:focus{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0}.search-field__reset{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40px}@media (min-width: 30rem){.search-field__reset{height:44px;width:44px}}@media (min-width: 75.0625rem){.search-field__reset{height:48px;width:48px}}.search-field__reset svg{fill:var(--grayscale-dark)}@media (min-width: 75.0625rem){.search-field__reset svg{height:16px;width:16px}}.search-field__reset:hover{cursor:pointer}.search-field__reset:focus{outline-color:var(--brand-main-light)}.search-field__submit{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);border:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}@media (min-width: 30rem){.search-field__submit{height:44px;width:44px}}@media (min-width: 75.0625rem){.search-field__submit{height:48px;width:48px}}@media (min-width: 30rem){.search-field__submit svg{height:20px;width:20px}}@media (min-width: 75.0625rem){.search-field__submit svg{height:22px;width:22px}}.search-field__submit:hover{cursor:pointer}s .search-field__submit:focus{outline-color:var(--brand-main-light)}";
+const HySearchFieldStyle0 = hySearchFieldCss;
 
-const HySearchField = /*@__PURE__*/ proxyCustomElement(class HySearchField extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.label = undefined;
-    this.ariaLabel = "Search";
-    this.resetLabel = "Reset";
-    this.isLabelBold = false;
-    this.labelLarge = false;
-    this.isLuomusSearch = false;
-    this.placeholder = "Type here...";
-    this.isLabelHidden = false;
-    this.inputId = undefined;
-    this.prefillParameter = "";
-    this.isInputValueEmpty = true;
-  }
-  componentDidLoad() {
-    const searchInput = this.el.querySelector(".search-field__input");
-    searchInput.addEventListener("keyup", (event) => {
-      const { value } = event.target;
-      this.isInputValueEmpty = value.length > 0 ? false : true;
-    });
-    if (this.prefillParameter.length > 0) {
-      if (window.location === undefined)
-        return;
-      const urlParams = new URLSearchParams(window.location.search);
-      const searchValue = urlParams.get(`${this.prefillParameter}`);
-      const searchInput = this.el.querySelector(".search-field__input");
-      searchInput.value = searchValue && searchValue.length > 0 ? searchValue : "";
-      this.isInputValueEmpty = false;
+const HySearchField = /*@__PURE__*/ proxyCustomElement(class HySearchField extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.label = undefined;
+        this.ariaLabel = "Search";
+        this.resetLabel = "Reset";
+        this.isLabelBold = false;
+        this.labelLarge = false;
+        this.isLuomusSearch = false;
+        this.placeholder = "Type here...";
+        this.isLabelHidden = false;
+        this.inputId = undefined;
+        this.prefillParameter = "";
+        this.isInputValueEmpty = true;
+    }
+    componentDidLoad() {
+        const searchInput = this.el.querySelector(".search-field__input");
+        searchInput.addEventListener("keyup", (event) => {
+            const { value } = event.target;
+            this.isInputValueEmpty = value.length > 0 ? false : true;
+        });
+        if (this.prefillParameter.length > 0) {
+            if (window.location === undefined)
+                return;
+            const urlParams = new URLSearchParams(window.location.search);
+            const searchValue = urlParams.get(`${this.prefillParameter}`);
+            const searchInput = this.el.querySelector(".search-field__input");
+            searchInput.value = searchValue && searchValue.length > 0 ? searchValue : "";
+            this.isInputValueEmpty = false;
+        }
     }
-  }
-  handleInputReset() {
-    this.isInputValueEmpty = true;
-    const searchInput = this.el.querySelector(".search-field__input");
-    searchInput.value = "";
-    searchInput.focus();
-  }
-  render() {
-    return (h(Host, { class: "search-field" }, !this.isLuomusSearch && (h("label", { htmlFor: this.inputId, class: `search-field__label 
+    handleInputReset() {
+        this.isInputValueEmpty = true;
+        const searchInput = this.el.querySelector(".search-field__input");
+        searchInput.value = "";
+        searchInput.focus();
+    }
+    render() {
+        return (h(Host, { key: '962a52b40cfdfe4095b506bd98df6fa61afd2819', class: "search-field" }, !this.isLuomusSearch && (h("label", { key: '71f59a78f3d1b019ce6bec21f30a4aadbfb1f95d', htmlFor: this.inputId, class: `search-field__label 
           ${this.isLabelHidden ? "visually-hidden" : ""} 
           ${this.labelLarge ? "label-large" : ""} 
-          ${this.isLabelBold ? "bold" : ""}` }, this.label)), h("div", { class: "search-field__actions" }, h("div", { class: "search-field__wrapper" }, this.isLuomusSearch && (h("input", { id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isLuomusSearch && (h("input", { id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isInputValueEmpty && (h("button", { type: "button", class: "search-field__reset", "aria-label": this.resetLabel, onClick: () => this.handleInputReset() }, h("hy-icon", { icon: "hy-icon-remove", size: 14, "aria-hidden": "true" })))), this.isLuomusSearch && (h("button", { type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel, "data-drupal-selector": "edit-submit-luomus-search", id: "edit-submit-luomus-search", value: "Apply" }, h("hy-icon", { icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))), !this.isLuomusSearch && (h("button", { type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel }, h("hy-icon", { icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))))));
-  }
-  get el() { return this; }
-  static get style() { return hySearchFieldCss; }
+          ${this.isLabelBold ? "bold" : ""}` }, this.label)), h("div", { key: '70bfb895fa22c3b12577797da095f84f2d9cdf9d', class: "search-field__actions" }, h("div", { key: '31cd5d39403d63dd35543eb3416ff0492bc96a93', class: "search-field__wrapper" }, this.isLuomusSearch && (h("input", { key: '5902a747448af37c48c4a4fb1da5e7fc7c3d8d0e', id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isLuomusSearch && (h("input", { key: '9bff4f9135bcf7f991e743c5c7c6a638e535d732', id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isInputValueEmpty && (h("button", { key: 'c4bf539f28a0c087ea4a1b998bb5cccd8bb5148c', type: "button", class: "search-field__reset", "aria-label": this.resetLabel, onClick: () => this.handleInputReset() }, h("hy-icon", { key: '2805140e047769629a50b5e32259b1a831270da9', icon: "hy-icon-remove", size: 14, "aria-hidden": "true" })))), this.isLuomusSearch && (h("button", { key: '2143e26ca64b7cc8e96cb5812250b9c79d7e41ee', type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel, "data-drupal-selector": "edit-submit-luomus-search", id: "edit-submit-luomus-search", value: "Apply" }, h("hy-icon", { key: 'f4c9e5fb524e94ec108239ba82e3909b4f3f7b8e', icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))), !this.isLuomusSearch && (h("button", { key: '8a6aecd0be99b66869fa410f6c1f6e127d398f78', type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel }, h("hy-icon", { key: '9a6ca7f028e2476d2f560de440ca1239b044bc52', icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))))));
+    }
+    get el() { return this; }
+    static get style() { return HySearchFieldStyle0; }
 }, [0, "hy-search-field", {
-    "label": [1],
-    "ariaLabel": [1, "aria-label"],
-    "resetLabel": [1, "reset-label"],
-    "isLabelBold": [4, "is-label-bold"],
-    "labelLarge": [4, "label-large"],
-    "isLuomusSearch": [4, "is-luomus-search"],
-    "placeholder": [1],
-    "isLabelHidden": [4, "is-label-hidden"],
-    "inputId": [1, "input-id"],
-    "prefillParameter": [1, "prefill-parameter"],
-    "isInputValueEmpty": [32]
-  }]);
+        "label": [1],
+        "ariaLabel": [1, "aria-label"],
+        "resetLabel": [1, "reset-label"],
+        "isLabelBold": [4, "is-label-bold"],
+        "labelLarge": [4, "label-large"],
+        "isLuomusSearch": [4, "is-luomus-search"],
+        "placeholder": [1],
+        "isLabelHidden": [4, "is-label-hidden"],
+        "inputId": [1, "input-id"],
+        "prefillParameter": [1, "prefill-parameter"],
+        "isInputValueEmpty": [32]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-search-field", "hy-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-search-field":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HySearchField);
-      }
-      break;
-    case "hy-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-search-field", "hy-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-search-field":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, HySearchField);
+            }
+            break;
+        case "hy-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
 }
 
 export { HySearchField as H, defineCustomElement as d };
-
-//# sourceMappingURL=hy-search-field2.js.map

package/components/hy-section-container.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../dist/types/components";
 
 interface HySectionContainer extends Components.HySectionContainer, HTMLElement {}
 export const HySectionContainer: {
-  prototype: HySectionContainer;
-  new (): HySectionContainer;
+    prototype: HySectionContainer;
+    new (): HySectionContainer;
 };
 /**
  * Used to define this component and all nested components recursively.

package/components/hy-section-container.js

@@ -1,34 +1,33 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './index3.js';
 
 const sectionContainerCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-section--container{display:block;width:100%;margin-left:auto;margin-right:auto}@media only screen and (min-width: 30rem){.hy-section--container{width:100%}}@media only screen and (min-width: 60rem){.hy-section--container{width:100%;max-width:60rem}}@media only screen and (min-width: 75.0625rem){.hy-section--container{width:100%;max-width:75rem}}";
+const HySectionContainerStyle0 = sectionContainerCss;
 
-const SectionContainer = /*@__PURE__*/ proxyCustomElement(class SectionContainer extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-  }
-  render() {
-    return (h("div", { class: "hy-section--container" }, h("slot", null)));
-  }
-  static get style() { return sectionContainerCss; }
+const SectionContainer = /*@__PURE__*/ proxyCustomElement(class SectionContainer extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h("div", { key: '540b4e6c72d3d29d3667f9bb7453100bded5c690', class: "hy-section--container" }, h("slot", { key: 'bc37dc4d5fc723a6bebe023b7bf701d48b77e66e' })));
+    }
+    static get style() { return HySectionContainerStyle0; }
 }, [4, "hy-section-container"]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-section-container"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-section-container":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SectionContainer);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-section-container"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-section-container":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SectionContainer);
+            }
+            break;
+    } });
 }
 
 const HySectionContainer = SectionContainer;
 const defineCustomElement = defineCustomElement$1;
 
 export { HySectionContainer, defineCustomElement };
-
-//# sourceMappingURL=hy-section-container.js.map

package/components/hy-shortcuts.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../dist/types/components";
 
 interface HyShortcuts extends Components.HyShortcuts, HTMLElement {}
 export const HyShortcuts: {
-  prototype: HyShortcuts;
-  new (): HyShortcuts;
+    prototype: HyShortcuts;
+    new (): HyShortcuts;
 };
 /**
  * Used to define this component and all nested components recursively.