@itcenteratunihelsinki/huds-lib 0.8.73 → 0.8.75

package/dist/cjs/hy-process_2.cjs.entry.js

@@ -2,85 +2,85 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-32830401.js');
-const utils = require('./utils-56f3464c.js');
-const globalScript = require('./globalScript-9994473d.js');
+const index = require('./index-579f8aa3.js');
+const utils = require('./utils-8e26d681.js');
+const globalScript = require('./globalScript-eba122a0.js');
 
 const processCss = ":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-process{display:block;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:30rem;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 30rem){.hy-process{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;max-width:60rem;width:100%}}@media (min-width: 60rem){.hy-process{max-width:75rem}}.hy-process.small .box{display:block;margin:1%}@media (min-width: 30rem){.hy-process.small .box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:48%;padding-bottom:10px;width:48%}}@media (min-width: 60rem){.hy-process.small .box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:23%;width:23%}}.hy-process.big .box{display:block;margin:1%}@media (min-width: 30rem){.hy-process.big .box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:48%;padding-bottom:10px;width:48%}}@media (min-width: 60rem){.hy-process.big .box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:31%;width:31%}}.hy-process::after{clear:both}";
+const HyProcessStyle0 = processCss;
 
 const Process = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.headerstyle = "common";
-    this.numberTerm = undefined;
-    this.dataItems = undefined;
-  }
-  async componentWillLoad() {
-    this._dataItems = await globalScript.jsonParserWorker(this.dataItems);
-  }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest(".hy-main");
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains("with-sidebar")) {
-        this.headerstyle = "large";
-      }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.headerstyle = "common";
+        this.numberTerm = undefined;
+        this.dataItems = undefined;
     }
-  }
-  render() {
-    /*
-    - Logic:
-    - 3 items: big
-    - 4 items: small
-    - 5 items: big
-    - 6 items: big
-    - 7 items: small
-    - 8 items: small
-    - 9 items: big
-    * */
-    const bigVariants = [3, 5, 6, 9];
-    const processVariant = bigVariants.includes(this._dataItems.length)
-      ? utils.ProcessFlowBoxVariants.default
-      : utils.ProcessFlowBoxVariants.small;
-    const itemsPerRow = processVariant == utils.ProcessFlowBoxVariants.small ? 4 : 3;
-    const classAttributes = [processVariant, "hy-process", `hy-process__${this.headerstyle}`].join(" ");
-    const classItem = "box";
-    var stepState;
-    return [
-      index.h("div", { class: classAttributes }, this._dataItems.map((x, index$1) => {
-        index$1 % itemsPerRow == 0 ? (stepState = "first") : (stepState = "default");
-        return (index.h("hy-process-flow-box", { class: classItem, variant: processVariant, "box-number": index$1 + 1, "box-title": x.heading, "box-description": x.description, "intermediate-step-title": x.step, "step-state": stepState, "number-term": this.numberTerm }));
-      })),
-    ];
-  }
-  get el() { return index.getElement(this); }
+    async componentWillLoad() {
+        this._dataItems = await globalScript.jsonParserWorker(this.dataItems);
+    }
+    componentDidLoad() {
+        let hyMainDiv = this.el.closest(".hy-main");
+        if (hyMainDiv) {
+            if (!hyMainDiv.classList.contains("with-sidebar")) {
+                this.headerstyle = "large";
+            }
+        }
+    }
+    render() {
+        /*
+        - Logic:
+        - 3 items: big
+        - 4 items: small
+        - 5 items: big
+        - 6 items: big
+        - 7 items: small
+        - 8 items: small
+        - 9 items: big
+        * */
+        const bigVariants = [3, 5, 6, 9];
+        const processVariant = bigVariants.includes(this._dataItems.length)
+            ? utils.ProcessFlowBoxVariants.default
+            : utils.ProcessFlowBoxVariants.small;
+        const itemsPerRow = processVariant == utils.ProcessFlowBoxVariants.small ? 4 : 3;
+        const classAttributes = [processVariant, "hy-process", `hy-process__${this.headerstyle}`].join(" ");
+        const classItem = "box";
+        var stepState;
+        return [
+            index.h("div", { key: 'f43e65b744786dcc5a78b3db5aa205be17286589', class: classAttributes }, this._dataItems.map((x, index$1) => {
+                index$1 % itemsPerRow == 0 ? (stepState = "first") : (stepState = "default");
+                return (index.h("hy-process-flow-box", { class: classItem, variant: processVariant, "box-number": index$1 + 1, "box-title": x.heading, "box-description": x.description, "intermediate-step-title": x.step, "step-state": stepState, "number-term": this.numberTerm }));
+            })),
+        ];
+    }
+    get el() { return index.getElement(this); }
 };
-Process.style = processCss;
+Process.style = HyProcessStyle0;
 
 const processFlowBoxCss = ":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-process-flow-box{height:calc(100% - 32px);position:relative}.hy-process-flow-box__step__container{bottom:unset;display:grid;height:82px;place-items:center;position:absolute;top:-35px;width:138px;z-index:1}@media (min-width: 30rem){.hy-process-flow-box__step__container{bottom:-62px;display:grid;height:60px;top:unset;width:210px}}.hy-process-flow-box__step__container svg polygon{fill:var(--grayscale-background-arrow)}.hy-process-flow-box__step__container svg.mobile{display:block}@media (min-width: 30rem){.hy-process-flow-box__step__container svg.mobile{display:none}}.hy-process-flow-box__step__container svg.desktop{display:none}@media (min-width: 30rem){.hy-process-flow-box__step__container svg.desktop{display:block}}.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:-90px}}@media (min-width: 60rem){.hy-process-flow-box .first.even.hy-process-flow-box__step__container{left:0}}.hy-process-flow-box .first.odd.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box .first.odd.hy-process-flow-box__step__container{left:0}}.hy-process-flow-box :not(.first).even.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box :not(.first).even.hy-process-flow-box__step__container{left:-90px}}.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:calc(50% - 69px + 16px)}@media (min-width: 30rem){.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:0}}@media (min-width: 60rem){.hy-process-flow-box :not(.first).odd.hy-process-flow-box__step__container{left:-90px}}.hy-process-flow-box__step{background-color:transparent;color:var(--grayscale-black);font-family:var(--main-font-family);font-size:16px;font-weight:600;-ms-hyphens:auto;hyphens:auto;letter-spacing:0;line-height:22px;padding:19px 17px;position:absolute;text-align:center;word-break:break-word;z-index:11}@media (min-width: 30rem){.hy-process-flow-box__step{left:0;max-width:175px;padding:8px 23px 8px 14px}}.hy-process-flow-box__number__container{display:grid;height:64px;place-items:center;position:relative;width:64px;z-index:2}.hy-process-flow-box__number{background-color:var(--brand-main-light);color:var(--grayscale-white);display:grid;font-family:var(--main-font-family);font-size:36px;font-weight:600;height:48px;letter-spacing:0;line-height:49px;margin:0;padding:0;place-items:center;position:relative;width:48px}.hy-process-flow-box__number::after{content:\"\";height:48px;left:-6px;position:absolute;width:48px}.hy-process-flow-box__content.small{padding:16px 32px;padding-bottom:64px}@media (min-width: 60rem){.hy-process-flow-box__content.small{padding:20px;padding-bottom:64px}}.hy-process-flow-box__content.big{padding:24px 32px;padding-bottom:64px}.hy-process-flow-box__content{background-color:var(--grayscale-background-box);height:100%;margin-left:32px;margin-top:-32px;position:relative}.hy-process-flow-box__title{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-size:26px;font-weight:600;letter-spacing:-0.82px;line-height:32px;-ms-hyphens:auto;hyphens:auto;margin-bottom:16px;margin-top:0;word-break:break-word}.hy-process-flow-box__description{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:16px;letter-spacing:0;line-height:24px}.small.hy-process-flow-box .small.hy-process-flow-box__number__container{height:56px;width:56px}.small.hy-process-flow-box .small.hy-process-flow-box__number__container .hy-process-flow-box__number{font-size:28px;height:40px;line-height:40px;width:40px}";
+const HyProcessFlowBoxStyle0 = processFlowBoxCss;
 
 const ProcessFlowBox = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.variant = utils.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(" ");
-    const classContentVariant = [this.variant, "hy-process-flow-box__content"].join(" ");
-    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 (index.h(index.Host, null, index.h("div", { class: classVariant }, this.intermediateStepTitle && (index.h("div", { class: classStepVariant }, index.h("svg", { class: "desktop", width: "210", height: "60" }, index.h("polygon", { points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })), index.h("svg", { class: "mobile", width: "138", height: "82" }, index.h("polygon", { points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })), index.h("h2", { class: "hy-process-flow-box__step" }, this.intermediateStepTitle))), index.h("div", { class: classNumberVariant }, index.h("h2", { class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` }, index.h("div", { class: "hy-process-flow-box__number-title" }, this.boxNumber))), index.h("div", { class: classContentVariant }, index.h("h3", { class: "hy-process-flow-box__title", innerHTML: this.boxTitle }), index.h("div", { class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = utils.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(" ");
+        const classContentVariant = [this.variant, "hy-process-flow-box__content"].join(" ");
+        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 (index.h(index.Host, { key: 'c2729cc57b9c7b5398e5012d2c435ccc56b955f2' }, index.h("div", { key: '031ead0a5f8c3cb75ad5ae44e9231671ce12ef75', class: classVariant }, this.intermediateStepTitle && (index.h("div", { key: 'e2c5f7de23326b40401cdcb6ada5d4b9ce5cf12d', class: classStepVariant }, index.h("svg", { key: 'f32a7f6eed45c76163103583d7819e491307f422', class: "desktop", width: "210", height: "60" }, index.h("polygon", { key: '7ded103d7849a00401b4bcdd4ae1cabebe3727df', points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })), index.h("svg", { key: '0f5f5e94a7fe004aa234f4f007064d033570faad', class: "mobile", width: "138", height: "82" }, index.h("polygon", { key: '8db29c9076da442cef119aa92e8d9712c949757a', points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })), index.h("h2", { key: '0210a4057a628ffaa59836b106f479f5e3594914', class: "hy-process-flow-box__step" }, this.intermediateStepTitle))), index.h("div", { key: '230799f6ff3d21a3071d2d929d09c97a0b37f059', class: classNumberVariant }, index.h("h2", { key: 'f702b022ac4bdce3493302bfd561c3d29e95524d', class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` }, index.h("div", { key: '279cf79c5fbd587161a5dac0826e30b0a228744c', class: "hy-process-flow-box__number-title" }, this.boxNumber))), index.h("div", { key: '6f6fd5102819b0a019905e8d4445c0c0ddf58b4b', class: classContentVariant }, index.h("h3", { key: '937d1888f084d3ee881ed53cc8650d3d982e06e8', class: "hy-process-flow-box__title", innerHTML: this.boxTitle }), index.h("div", { key: '4b11de5c9bb612697f04d733c804303ff87166d1', class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))), index.h("hy-box", { key: '0fe53b67dc305408e43a742f9e6232c9c40fc695', mb: "1.75, 1.75, 2, 2.5" })));
+    }
 };
-ProcessFlowBox.style = processFlowBoxCss;
+ProcessFlowBox.style = HyProcessFlowBoxStyle0;
 
 exports.hy_process = Process;
 exports.hy_process_flow_box = ProcessFlowBox;
-
-//# sourceMappingURL=hy-process_2.cjs.entry.js.map

package/dist/cjs/hy-prominent-image.cjs.entry.js

@@ -2,40 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-32830401.js');
+const index = require('./index-579f8aa3.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 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    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";
-      }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        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 (index.h(index.Host, null, index.h("div", { class: prominentImageClass }, index.h("div", { class: "hy-prominent-image__image" }, index.h("hy-image", { "source-set": this.sourceSet, "image-url": this.imageUrl, "image-alt": this.imageAlt, aspectRatioWidth: 2, aspectRatioHeight: 1 })), this.textTitle && index.h("div", { class: prominentImageText }, this.textTitle))));
-  }
-  get el() { return index.getElement(this); }
+    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 (index.h(index.Host, { key: '2d17bfc9d76a2b5e5ec5415b94863bef5f3772ae' }, index.h("div", { key: 'd4e35922f36ea76d0217ae09a300564fefb08975', class: prominentImageClass }, index.h("div", { key: 'ef3ee476a13f40516fc641f6edbc1444c88be05a', class: "hy-prominent-image__image" }, index.h("hy-image", { key: 'c5b4f060a6d44154a3f5f9e4ac69daaa4394f0d1', "source-set": this.sourceSet, "image-url": this.imageUrl, "image-alt": this.imageAlt, aspectRatioWidth: 2, aspectRatioHeight: 1 })), this.textTitle && index.h("div", { key: '0c59d61eff9837607cd5de8018ce855e8bc8d939', class: prominentImageText }, this.textTitle))));
+    }
+    get el() { return index.getElement(this); }
 };
-HyProminentImage.style = hyProminentImageCss;
+HyProminentImage.style = HyProminentImageStyle0;
 
 exports.hy_prominent_image = HyProminentImage;
-
-//# sourceMappingURL=hy-prominent-image.cjs.entry.js.map

package/dist/cjs/hy-quote.cjs.entry.js

@@ -2,32 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-32830401.js');
+const index = require('./index-579f8aa3.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 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    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";
-      }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.quoteSignature = undefined;
+        this.headerstyle = "common";
     }
-  }
-  render() {
-    const quoteClass = ["hy-quote", this.headerstyle, `hy-quote__${this.headerstyle}`].join(" ");
-    return (index.h("div", { class: quoteClass }, index.h("span", { class: "hy-quote__icon-wrapper" }, index.h("div", { class: "hy-quote__icon" }, index.h("hy-icon", { icon: "hy-icon-quote", size: 48 }))), index.h("div", { class: "hy-quote-text-wrapper" }, index.h("div", { class: "hy-quote__text" }, index.h("slot", null)), this.quoteSignature && index.h("div", { class: "hy-quote__signature" }, this.quoteSignature))));
-  }
-  get el() { return index.getElement(this); }
+    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 (index.h("div", { key: 'f6a99c662359293b4608f4c491a22ccf4c20d014', class: quoteClass }, index.h("span", { key: '8271c30c6783c391c855cb1f97514822a5a5f46f', class: "hy-quote__icon-wrapper" }, index.h("div", { key: '662e9ae08b4c88b25f509128b9470e1fe0012154', class: "hy-quote__icon" }, index.h("hy-icon", { key: '169fa3acadadfbb922f1d8f730d5150ecd7f9a51', icon: "hy-icon-quote", size: 48 }))), index.h("div", { key: '5eafcc74440671c990be9863637873c33a531269', class: "hy-quote-text-wrapper" }, index.h("div", { key: '5fd0cdf4fecdfdc371967ffa8a228dcf5aac31b3', class: "hy-quote__text" }, index.h("slot", { key: 'd78538e8642cc2f81937e4fdfffc7052451bc556' })), this.quoteSignature && index.h("div", { key: 'd42374d237025359e88dce7271f10cf3cb0746fd', class: "hy-quote__signature" }, this.quoteSignature))));
+    }
+    get el() { return index.getElement(this); }
 };
-HyQuote.style = hyQuoteCss;
+HyQuote.style = HyQuoteStyle0;
 
 exports.hy_quote = HyQuote;
-
-//# sourceMappingURL=hy-quote.cjs.entry.js.map

package/dist/cjs/hy-row.cjs.entry.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-32830401.js');
-const emotion_esm = require('./emotion.esm-aef96835.js');
+const index = require('./index-579f8aa3.js');
+const index_esm = require('./index.esm-2f7250e0.js');
 
 const rowCss = "div.hy-row{display:block}";
+const HyRowStyle0 = rowCss;
 
 const createCss = (justify, align, margin) => {
-  return emotion_esm.css `
+    return index_esm.css `
     display: flex;
     justify-content: ${justify};
     align-items: ${align};
@@ -18,18 +19,16 @@ const createCss = (justify, align, margin) => {
   `;
 };
 const Row = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.justify = "stretch";
-    this.align = "center";
-    this.margin = 1;
-  }
-  render() {
-    return (index.h("div", { class: createCss(this.justify, this.align, this.margin) }, index.h("slot", null)));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.justify = "stretch";
+        this.align = "center";
+        this.margin = 1;
+    }
+    render() {
+        return (index.h("div", { key: 'a1a0ffc9ff6ce899fb0d3600b33f763ee85ccd0f', class: createCss(this.justify, this.align, this.margin) }, index.h("slot", { key: '2264561e8b6274632309bff6732dd171008486a9' })));
+    }
 };
-Row.style = rowCss;
+Row.style = HyRowStyle0;
 
 exports.hy_row = Row;
-
-//# sourceMappingURL=hy-row.cjs.entry.js.map

package/dist/cjs/hy-section-container.cjs.entry.js

@@ -2,20 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-32830401.js');
+const index = require('./index-579f8aa3.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 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h("div", { class: "hy-section--container" }, index.h("slot", null)));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("div", { key: '540b4e6c72d3d29d3667f9bb7453100bded5c690', class: "hy-section--container" }, index.h("slot", { key: 'bc37dc4d5fc723a6bebe023b7bf701d48b77e66e' })));
+    }
 };
-SectionContainer.style = sectionContainerCss;
+SectionContainer.style = HySectionContainerStyle0;
 
 exports.hy_section_container = SectionContainer;
-
-//# sourceMappingURL=hy-section-container.cjs.entry.js.map

package/dist/cjs/hy-shortcuts.cjs.entry.js

@@ -2,62 +2,61 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-32830401.js');
-const utils = require('./utils-56f3464c.js');
+const index = require('./index-579f8aa3.js');
+const utils = require('./utils-8e26d681.js');
 
 const hyShortcutsCss = ":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-shortcuts{overflow:hidden}.hy-shortcuts .shortcut-link-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--gutter-mobile)* -1)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-narrow)* -1)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container{margin:0 calc(var(--gutter-wide)* -1)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:62px;padding:0 var(--gutter-mobile)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:70px;padding:0 var(--gutter-narrow)}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper{min-height:82px;padding:0 var(--gutter-wide)}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:100%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3{width:33.33%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:50%}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4{width:25%}}.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:2.5px solid var(--brand-main-nearly-black)}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-3.first a.shortcut-link,.hy-shortcuts .shortcut-link-container .shortcut-link-wrapper.box-4.first a.shortcut-link{border-top:3px solid var(--brand-main-nearly-black)}}.hy-shortcuts .shortcut-link-container a.shortcut-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border-bottom:2.5px solid var(--brand-main-nearly-black);color:var(--brand-main-nearly-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);font-size:14px;font-weight:600;-ms-hyphens:auto;hyphens:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;letter-spacing:-0.44px;line-height:18px;min-height:70px;position:relative;text-decoration:none;word-break:break-word}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{border-bottom:3px solid var(--brand-main-nearly-black);border-top:3px solid var(--brand-main-nearly-black);font-size:16px;letter-spacing:-0.5px;line-height:18px;min-height:70px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link{font-size:16px;letter-spacing:-0.5px;line-height:22px;min-height:82px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 8px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 0 0 12px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon{padding:0 4px 0 22px}}.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:20px;fill:var(--brand-main-light);width:20px}@media (min-width: 30rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:24px;width:24px}}@media (min-width: 60rem){.hy-shortcuts .shortcut-link-container a.shortcut-link .link-icon svg{height:28px;width:28px}}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover{color:var(--brand-main)}.hy-shortcuts .shortcut-link-container a.shortcut-link:hover svg{fill:var(--brand-main)}";
+const HyShortcutsStyle0 = hyShortcutsCss;
 
 const HyShortcuts = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.dataItems = undefined;
-    this.listHeading = "";
-    this.headerstyle = "default";
-  }
-  arrayDataWatcher(newValue) {
-    if (typeof newValue === "string") {
-      this._dataItems = JSON.parse(newValue);
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.dataItems = undefined;
+        this.listHeading = "";
+        this.headerstyle = "default";
     }
-    else {
-      this._dataItems = newValue;
+    arrayDataWatcher(newValue) {
+        if (typeof newValue === "string") {
+            this._dataItems = JSON.parse(newValue);
+        }
+        else {
+            this._dataItems = newValue;
+        }
     }
-  }
-  componentWillLoad() {
-    this.arrayDataWatcher(this.dataItems);
-  }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest(".hy-main");
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains("with-sidebar")) {
-        this.headerstyle = "large";
-      }
+    componentWillLoad() {
+        this.arrayDataWatcher(this.dataItems);
     }
-  }
-  render() {
-    const classAttributes = ["hy-shortcuts", `hy-shortcuts__${this.headerstyle}`].join(" ");
-    const textClassAttributes = ["text"].join(" ");
-    const iconClassAttributes = ["link-icon"].join(" ");
-    let classItem = ["shortcut-link-wrapper", this._dataItems.length % 4 == 0 ? "box-4" : "box-3"].join(" ");
-    return (index.h(index.Host, null, index.h("div", { class: classAttributes }, this.listHeading.length > 0 && (index.h("hy-heading", { class: "list-title", heading: utils.HeadingVarians.h2 }, this.listHeading)), index.h("div", { class: "shortcut-link-container" }, this._dataItems.map((x, index$1) => {
-      let isFirstLine = "";
-      if (this._dataItems.length % 4 == 0) {
-        isFirstLine = index$1 == 0 || index$1 == 1 ? "first" : "";
-      }
-      else {
-        isFirstLine = index$1 == 0 ? "first" : "";
-      }
-      let classLinkWrapper = classItem.concat(" ", isFirstLine);
-      let target = x.isExternal ? "_blank" : "_self";
-      return (index.h("div", { class: classLinkWrapper }, index.h("a", { "aria-label": x.ariaLabel, class: "shortcut-link", href: x.url, target: target }, index.h("span", { class: textClassAttributes }, x.heading), index.h("span", { class: iconClassAttributes }, index.h("hy-icon", { icon: "hy-icon-arrow-right", size: 28 })))));
-    }))), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "dataItems": ["arrayDataWatcher"]
-  }; }
+    componentDidLoad() {
+        let hyMainDiv = this.el.closest(".hy-main");
+        if (hyMainDiv) {
+            if (!hyMainDiv.classList.contains("with-sidebar")) {
+                this.headerstyle = "large";
+            }
+        }
+    }
+    render() {
+        const classAttributes = ["hy-shortcuts", `hy-shortcuts__${this.headerstyle}`].join(" ");
+        const textClassAttributes = ["text"].join(" ");
+        const iconClassAttributes = ["link-icon"].join(" ");
+        let classItem = ["shortcut-link-wrapper", this._dataItems.length % 4 == 0 ? "box-4" : "box-3"].join(" ");
+        return (index.h(index.Host, { key: '196b4906d9c81110f5aae6fee2134c72394cdcff' }, index.h("div", { key: 'c6d233d0df0226c0c7a965238e8d88cad6699d38', class: classAttributes }, this.listHeading.length > 0 && (index.h("hy-heading", { key: 'af5b8956eb13c6f93530b9724c0c4893702b9b1d', class: "list-title", heading: utils.HeadingVarians.h2 }, this.listHeading)), index.h("div", { key: 'a6224ba14c96f43c5cea7b177dd778a25735a24b', class: "shortcut-link-container" }, this._dataItems.map((x, index$1) => {
+            let isFirstLine = "";
+            if (this._dataItems.length % 4 == 0) {
+                isFirstLine = index$1 == 0 || index$1 == 1 ? "first" : "";
+            }
+            else {
+                isFirstLine = index$1 == 0 ? "first" : "";
+            }
+            let classLinkWrapper = classItem.concat(" ", isFirstLine);
+            let target = x.isExternal ? "_blank" : "_self";
+            return (index.h("div", { class: classLinkWrapper }, index.h("a", { "aria-label": x.ariaLabel, class: "shortcut-link", href: x.url, target: target }, index.h("span", { class: textClassAttributes }, x.heading), index.h("span", { class: iconClassAttributes }, index.h("hy-icon", { icon: "hy-icon-arrow-right", size: 28 })))));
+        }))), index.h("hy-box", { key: 'c03dbf083ee267648e6760588ab467e587019cf7', mb: "1.75, 1.75, 2, 2.5" })));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "dataItems": ["arrayDataWatcher"]
+    }; }
 };
-HyShortcuts.style = hyShortcutsCss;
+HyShortcuts.style = HyShortcutsStyle0;
 
 exports.hy_shortcuts = HyShortcuts;
-
-//# sourceMappingURL=hy-shortcuts.cjs.entry.js.map

package/dist/cjs/hy-table-container.cjs.entry.js

@@ -2,21 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-32830401.js');
+const index = require('./index-579f8aa3.js');
 
 const hyTableContainerCss = ":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}.hy-table-container{font-size:0.875rem;line-height:18px;display:block;position:relative;overflow:scroll;white-space:nowrap}@media (min-width: 30rem){.hy-table-container{font-size:1rem;line-height:20px}}.hy-table-container table{border-collapse:collapse;border:1px solid var(--grayscale-dark);text-indent:initial;width:100%}.hy-table-container thead{border-bottom:1px solid var(--grayscale-dark);border-left:1px solid var(--grayscale-dark);border-right:1px solid var(--grayscale-dark)}.hy-table-container thead th{font-size:0.875rem;line-height:20px;border-left:1px solid black;background-color:var(--grayscale-light);text-transform:uppercase}@media (min-width: 30rem){.hy-table-container thead th{font-size:1rem;line-height:20px}}.hy-table-container td,.hy-table-container th{border:1px solid var(--grayscale-dark);background-clip:padding-box;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.5px;padding:0.7em 0.9em;text-align:left;vertical-align:top;word-wrap:break-word}.hy-table-container td a,.hy-table-container th a{text-decoration:none}.hy-table-container td a:hover,.hy-table-container th a:hover{cursor:pointer;text-decoration:underline}.hy-table-container td p,.hy-table-container th p{font-size:inherit}.hy-table-container td:first-child,.hy-table-container th:first-child{font-weight:700;border-collapse:separate;border-right:none;left:0;max-width:180px;min-width:180px;position:sticky;white-space:normal;width:180px;z-index:2}@media (min-width: 60rem){.hy-table-container td:first-child,.hy-table-container th:first-child{border-right:1px solid var(--grayscale-dark)}}.hy-table-container td:first-child::after,.hy-table-container th:first-child::after{content:\"\";display:block;position:absolute;right:-10px;bottom:0;width:10px;top:0;height:100%;background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%)}@media (min-width: 60rem){.hy-table-container td:first-child::after,.hy-table-container th:first-child::after{display:none}}.hy-table-container td:first-child::before,.hy-table-container th:first-child::before{border-left:1px solid black;content:\"\";display:block;position:absolute;left:-1px;bottom:0;width:1px;top:0;height:100%}@media (min-width: 60rem){.hy-table-container td:first-child::before,.hy-table-container th:first-child::before{display:none}}@media (min-width: 30rem){.hy-table-container td:first-child,.hy-table-container th:first-child{max-width:220px;min-width:220px;width:220px}}@media (min-width: 48rem){.hy-table-container td:first-child,.hy-table-container th:first-child{max-width:300px;min-width:300px;width:300px}}@media (min-width: 60rem){.hy-table-container td:first-child,.hy-table-container th:first-child{max-width:40%;min-width:40%;width:40%}}.hy-table-container td:first-child:only-child,.hy-table-container th:first-child:only-child{border:1px solid var(--grayscale-dark)}.hy-table-container td:first-child:only-child::after,.hy-table-container td:first-child:only-child::before,.hy-table-container th:first-child:only-child::after,.hy-table-container th:first-child:only-child::before{display:none}.hy-table-container td{background-color:var(--grayscale-white);word-wrap:break-word;white-space:normal}.hy-table-container caption{margin-bottom:1rem}";
+const HyTableContainerStyle0 = hyTableContainerCss;
 
 const HyTableContainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    const classAttributes = ["hy-table-container"].join(" ");
-    return (index.h(index.Host, { class: classAttributes }, index.h("slot", null), index.h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        const classAttributes = ["hy-table-container"].join(" ");
+        return (index.h(index.Host, { key: 'e01efb3d654b5e45da81afd492dcabc58c46cc27', class: classAttributes }, index.h("slot", { key: 'ced0d7fcf0ef64113dda035d38d05c0bf18c96d8' }), index.h("hy-box", { key: 'd7303ace3ac465a32ac087658259b194cb523e55', mb: "1.75, 1.75, 2, 2.5" })));
+    }
 };
-HyTableContainer.style = hyTableContainerCss;
+HyTableContainer.style = HyTableContainerStyle0;
 
 exports.hy_table_container = HyTableContainer;
-
-//# sourceMappingURL=hy-table-container.cjs.entry.js.map