@itcenteratunihelsinki/huds-lib 0.8.42 → 0.8.44

package/loader/index.d.ts

@@ -1,12 +1,22 @@
-export * from '../dist/types/components';
+export * from "../dist/types/components";
 export interface CustomElementsDefineOptions {
   exclude?: string[];
   resourcesUrl?: string;
   syncQueue?: boolean;
   jmp?: (c: Function) => any;
   raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  ael?: (
+    el: EventTarget,
+    eventName: string,
+    listener: EventListenerOrEventListenerObject,
+    options: boolean | AddEventListenerOptions
+  ) => void;
+  rel?: (
+    el: EventTarget,
+    eventName: string,
+    listener: EventListenerOrEventListenerObject,
+    options: boolean | AddEventListenerOptions
+  ) => void;
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 export declare function applyPolyfills(): Promise<void>;

package/loader/index.es2017.js

@@ -1,3 +1,2 @@
-
-export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm/loader.js';
+export * from "../dist/esm/polyfills/index.js";
+export * from "../dist/esm/loader.js";

package/loader/index.js

@@ -1,4 +1,13 @@
-
-(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
-export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm/loader.js';
+(function () {
+  if ("undefined" !== typeof window && void 0 !== window.Reflect && void 0 !== window.customElements) {
+    var a = HTMLElement;
+    window.HTMLElement = function () {
+      return Reflect.construct(a, [], this.constructor);
+    };
+    HTMLElement.prototype = a.prototype;
+    HTMLElement.prototype.constructor = HTMLElement;
+    Object.setPrototypeOf(HTMLElement, a);
+  }
+})();
+export * from "../dist/esm/polyfills/index.js";
+export * from "../dist/esm/loader.js";

package/loader/package.json

@@ -8,4 +8,4 @@
   "es2015": "./index.es2017.js",
   "es2017": "./index.es2017.js",
   "unpkg": "./cdn.js"
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcenteratunihelsinki/huds-lib",
-  "version": "0.8.42",
+  "version": "0.8.44",
   "description": "Helsinki University Design System library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -10,6 +10,7 @@
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
   "files": [
+    "components",
     "dist/",
     "loader/"
   ],
@@ -19,11 +20,14 @@
     "start": "stencil build --dev --watch --serve",
     "test": "stencil test --spec",
     "test.watch": "stencil test --spec --e2e --watchAll",
+    "test.treeshake": "node scripts/treeshaking.js dist/index.js",
     "generate": "stencil generate",
     "watchdocs": "node watchdocs.js",
     "build.watch": "stencil build --docs --watch --serve"
   },
   "devDependencies": {
+    "@rollup/plugin-node-resolve": "^8.4.0",
+    "@rollup/plugin-virtual": "^2.0.3",
     "@stencil-community/postcss": "^2.1.0",
     "@stencil/core": "^3.2.0",
     "@stencil/react-output-target": "^0.5.0",
@@ -31,6 +35,7 @@
     "@types/jest": "25.2.3",
     "@types/jest-axe": "^3.5.1",
     "@types/puppeteer": "3.0.0",
+    "fs-extra": "^9.0.1",
     "husky": "^4.3.8",
     "jest": "26.0.1",
     "jest-axe": "^3.5.0",
@@ -38,6 +43,7 @@
     "prettier": "2.0.5",
     "pretty-quick": "2.0.1",
     "puppeteer": "3.1.0",
+    "rollup": "^2.26.4",
     "sass": "^1.60.0",
     "stylelint-config-recommended": "^11.0.0"
   },
@@ -51,7 +57,8 @@
     "postcss": "^8.1.0",
     "postcss-import": "^12.0.1",
     "resize-observer-polyfill": "1.0.0",
-    "stylelint": "^15.3.0"
+    "stylelint": "^15.3.0",
+    "swiper": "^9.2.4"
   },
   "browserslist": [
     "last 2 versions"
@@ -60,5 +67,6 @@
     "hooks": {
       "pre-commit": "pretty-quick --staged"
     }
-  }
+  },
+  "gitHead": "a372fdd8446aa3a490a28a4c80a24a78be76e811"
 }

package/dist/cjs/color-box_8.cjs.entry.js

@@ -1,187 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-25bd964b.js');
-const utils = require('./utils-14d5aa6f.js');
-
-const colorBoxCss = ":host{display:block}";
-
-const ColorBox = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-};
-ColorBox.style = colorBoxCss;
-
-const colors = {
-  brandMain: '#0e688b',
-  brandMainLight: '#107eab',
-  brandMainActive: '#005379',
-  brandMainDark: '#003146',
-  brandMainNearlyBlack: '#000222',
-  grayscaleWhite: '#fff',
-  grayscaleLight: '#f8f8f8',
-  grayscaleMedium: '#d2d2d2',
-  grayscaleBackgroundBox: '#f5f5f5',
-  grayscaleBackgroundArrow: '#dfdfdf',
-  grayscaleMediumDark: '#979797',
-  grayscaleDark: '#555555',
-  grayscaleBlack: '#000000',
-  additionalRedLight: '#E5053A',
-  additionalRedDark: '#A31621',
-  additionalPurpleLight: '#420039',
-  additionalYellow: '#F9A21A',
-  additionalSkyblue: '#48C5F8',
-  additionalOrange: '#D14600',
-  additionalGreenLight: '#96BA3C',
-  additionalGreenDark: '#006400'
-};
-
-const buttonCss = "@charset \"UTF-8\";: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;-webkit-box-sizing:border-box;box-sizing:border-box}.hy-button__icon{-ms-flex-line-pack:center;align-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-button{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main);color:var(--grayscale-white);font-family:var(--main-font-family);border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0.9375rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:0.9375rem;margin:0;padding:0;-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-property:all;transition-property:all;min-height:44px;position:relative;text-decoration:none}.hy-button.size-large{min-height:48px}.hy-button.primary{background-color:var(--brand-main);color:var(--grayscale-white)}.hy-button.primary .hy-button__icon{padding:8px 13px}.hy-button.primary svg{fill:var(--grayscale-white)}.hy-button.primary:hover{background-color:var(--brand-main-active)}.hy-button.primary:active{background-color:var(--brand-main-dark)}.hy-button.primary:disabled{background-color:var(--grayscale-medium);color:var(--grayscale-dark)}.hy-button.primary:disabled svg{fill:var(--grayscale-dark)}.hy-button.primary:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-button.secondary{background-color:transparent;border:solid 2px var(--brand-main);color:var(--brand-main)}.hy-button.secondary svg{fill:var(--brand-main)}.hy-button.secondary:hover{border:solid 2px var(--brand-main-active);color:var(--brand-main-active)}.hy-button.secondary:hover svg{fill:var(--brand-main-active)}.hy-button.secondary:active{border:solid 2px var(--brand-main-dark);color:var(--brand-main-dark)}.hy-button.secondary:active svg{fill:var(--brand-main-dark)}.hy-button.secondary:disabled{border:solid 2px var(--grayscale-medium-dark);color:var(--grayscale-medium-dark)}.hy-button.secondary:disabled svg{fill:var(--grayscale-medium-dark)}.hy-button::after{content:\"\";display:block;border-bottom:2px solid var(--additional-skyblue);position:absolute;bottom:-3.5px;left:3px;right:3px;z-index:0}.hy-button.primary::after{bottom:-2px}.hy-button:disabled{cursor:not-allowed}.hy-button:disabled::after{border-bottom:2px solid var(--grayscale-medium-dark);bottom:-3.5px}.hy-button:disabled.primary::after{bottom:-2px}.hy-button .hy-button__text{margin:12px 24px}.hy-button .hy-button__icon-right{padding-right:12px}hy-button[icon-right=hy-icon-arrow-right] .primary .hy-button__text{margin:12px 0 12px 16px;padding-right:16px}hy-button[icon-right=hy-icon-arrow-right] .primary:not(disabled) .hy-button__text{border-right:solid 1px var(--additional-skyblue)}hy-button[icon-right=hy-icon-arrow-right] .primary:disabled .hy-button__text{border-right:solid 1px var(--grayscale-dark)}hy-button[icon-right=hy-icon-arrow-right] .secondary .hy-button__text{margin:12px 16px}hy-button[icon-right=hy-icon-arrow-right] .secondary .hy-button__icon{padding-right:1rem;padding-left:0}hy-button[icon=hy-icon-arrow-left] .primary .hy-button__text{margin:12px 16px 12px 0;padding-left:16px}hy-button[icon=hy-icon-arrow-left] .primary:not(disabled) .hy-button__text{border-left:solid 1px var(--additional-skyblue)}hy-button[icon=hy-icon-arrow-left] .primary:disabled .hy-button__text{border-left:solid 1px var(--grayscale-dark)}hy-button[icon=hy-icon-arrow-left] .secondary .hy-button__text{margin:12px 16px}hy-button[icon=hy-icon-arrow-left] .secondary .hy-button__icon{padding-left:1rem;padding-right:0}";
-
-const fillcolors = {
-  primary: colors.brandMain,
-  secondary: 'white',
-};
-const Button = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.buttonType = 'submit';
-    this.buttonClasses = '';
-    this.variant = 'primary';
-    this.state = 'enabled';
-    this.size = 'normal';
-    this.disabled = false;
-    this.url = '';
-    this.ariaLabel = '';
-    this.isExternal = false;
-    this.icon = undefined;
-    this.iconRight = undefined;
-    this.attrs = '';
-  }
-  render() {
-    const classAttributes = ['hy-button', this.variant, this.state, 'size-' + this.size, this.buttonClasses];
-    const iconFillColor = fillcolors[this.variant];
-    const target = this.isExternal ? '_blank' : '_self';
-    let props = {};
-    if (this.attrs && this.attrs.length > 2) {
-      let attrString = JSON.parse(this.attrs);
-      let attrArray = attrString.split('" ');
-      attrArray.map((item) => {
-        let parts = item.split('=');
-        let key = parts[0];
-        let value = parts[1];
-        key = key.replaceAll('"', ' ');
-        key = key.trim();
-        if (key !== 'class') {
-          value = value.replaceAll('"', ' ');
-          value = value.trim();
-          props[key] = value;
-        }
-      });
-    }
-    return this.url ? (index.h(index.Host, { "icon-right": "hy-icon-arrow-right", "aria-label": this.ariaLabel }, index.h("div", { style: { display: 'flex' } }, index.h("a", { class: classAttributes.join(' '), href: this.url, target: target }, index.h("span", { class: "hy-button__text" }, index.h("slot", null)), index.h("span", { class: "hy-button__icon" }, index.h("hy-icon", { icon: "hy-icon-arrow-right", fill: iconFillColor, size: 13 })))))) : (index.h(index.Host, { "aria-label": this.ariaLabel }, index.h("button", Object.assign({ type: this.buttonType, class: classAttributes.join(' '), disabled: this.disabled }, props), !!this.icon && (index.h("span", { class: "hy-button__icon hy-button__icon--left" }, index.h("hy-icon", { icon: this.icon, fill: iconFillColor, size: 13 }))), index.h("span", { class: "hy-button__text" }, index.h("slot", null)), !!this.iconRight && (index.h("span", { class: "hy-button__icon hy-button__icon--right" }, index.h("hy-icon", { icon: this.iconRight, fill: iconFillColor, size: 13 }))))));
-  }
-};
-Button.style = buttonCss;
-
-const docsContainerCss = "div.hy-docs-container{display:block;margin:2rem 0}";
-
-const DocsContainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h("div", { class: "hy-docs-container" }, index.h("slot", null)));
-  }
-};
-DocsContainer.style = docsContainerCss;
-
-const gridContainerCss = ":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-grid--container{display:block;width:100%;margin-left:auto;margin-right:auto}@media only screen and (min-width: 30rem){.hy-grid--container{width:100%}}@media only screen and (min-width: 60rem){.hy-grid--container{width:100%;max-width:60rem}}@media only screen and (min-width: 75.0625rem){.hy-grid--container{width:100%;max-width:75rem}}@media only screen and (min-width: 1601px){.hy-grid--container{width:100%;max-width:90rem}}";
-
-const GridContainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    const classAttributes = ["hy-grid--container"];
-    return (index.h("div", { class: classAttributes.join(" ") }, index.h("slot", null)));
-  }
-};
-GridContainer.style = gridContainerCss;
-
-const gridItemCss = ":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-grid-align__left{text-align:left}.hy-grid-align__right{text-align:right}.hy-grid-align__center{text-align:center;margin-left:auto;margin-right:auto}.hy-grid-justify{text-align:justify}.hy-grid-hidden-sm{display:none}.hy-grid__col-1,.hy-grid__col-2,.hy-grid__col-3,.hy-grid__col-4,.hy-grid__col-5,.hy-grid__col-6,.hy-grid__col-7,.hy-grid__col-8,.hy-grid__col-9,.hy-grid__col-10,.hy-grid__col-11,.hy-grid__col-12{width:98%}.hy-grid__col-1-sm{width:6.3333333333%}.hy-grid__col-2-sm{width:14.6666666667%}.hy-grid__col-3-sm{width:23%}.hy-grid__col-4-sm{width:31.3333333333%}.hy-grid__col-5-sm{width:39.6666666667%}.hy-grid__col-6-sm{width:48%}.hy-grid__col-7-sm{width:56.3333333333%}.hy-grid__col-8-sm{width:64.6666666667%}.hy-grid__col-9-sm{width:73%}.hy-grid__col-10-sm{width:81.3333333333%}.hy-grid__col-11-sm{width:89.6666666667%}.hy-grid__col-12-sm{width:98%}@media only screen and (min-width: 48em){.hy-grid__col-1{width:6.3333333333%}.hy-grid__col-2{width:14.6666666667%}.hy-grid__col-3{width:23%}.hy-grid__col-4{width:31.3333333333%}.hy-grid__col-5{width:39.6666666667%}.hy-grid__col-6{width:48%}.hy-grid__col-7{width:56.3333333333%}.hy-grid__col-8{width:64.6666666667%}.hy-grid__col-9{width:73%}.hy-grid__col-10{width:81.3333333333%}.hy-grid__col-11{width:89.6666666667%}.hy-grid__col-12{width:98%}.hidden-sm{display:block}}@media only screen and (min-width: 60em){.hy-grid__col-1-lg{width:6.3333333333%}.hy-grid__col-2-lg{width:14.6666666667%}.hy-grid__col-3-lg{width:23%}.hy-grid__col-4-lg{width:31.3333333333%}.hy-grid__col-5-lg{width:39.6666666667%}.hy-grid__col-6-lg{width:48%}.hy-grid__col-7-lg{width:56.3333333333%}.hy-grid__col-8-lg{width:64.6666666667%}.hy-grid__col-9-lg{width:73%}.hy-grid__col-10-lg{width:81.3333333333%}.hy-grid__col-11-lg{width:89.6666666667%}.hy-grid__col-12-lg{width:98%}}";
-
-const GridItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.columns = utils.GridColumns.default;
-    this.columnssm = utils.GridColumnsSm.default;
-    this.columnslg = utils.GridColumnsLg.default;
-    this.contentalign = utils.GridAlignVariants.default;
-  }
-  render() {
-    const classAttributes = [
-      'hy-grid-item',
-      `hy-grid__col-${this.columnssm}-sm`,
-      `hy-grid__col-${this.columns}`,
-      `hy-grid__col-${this.columnslg}-lg`,
-      `hy-grid-align__${this.contentalign}`
-    ];
-    return (index.h(index.Host, { class: classAttributes.join(' ') }, index.h("slot", null)));
-  }
-};
-GridItem.style = gridItemCss;
-
-const gridRowCss = ":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-grid__row{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;width:100%}.hy-grid__row>[class^=hy-grid-item]{float:left;margin:0.5rem 1%;min-height:0.125rem}@media (min-width: 30rem){.hy-grid__row>[class^=hy-grid-item]{margin:1%}}.hy-grid__row::after{content:\"\";display:table;clear:both}";
-
-const GridRow = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    const classAttributes = ['hy-grid__row'];
-    return (index.h(index.Host, { class: classAttributes.join(' ') }, index.h("slot", null)));
-  }
-};
-GridRow.style = gridRowCss;
-
-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 SectionContainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h("div", { class: "hy-section--container" }, index.h("slot", null)));
-  }
-};
-SectionContainer.style = sectionContainerCss;
-
-const tinyTextCss = ":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-tiny-text{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:12px;letter-spacing:-0.07px;line-height:16px}";
-
-const TinyText = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    const classAttributes = ["hy-tiny-text"];
-    return (index.h("div", { class: classAttributes.join(" ") }, index.h("slot", null)));
-  }
-};
-TinyText.style = tinyTextCss;
-
-exports.color_box = ColorBox;
-exports.hy_button = Button;
-exports.hy_docs_container = DocsContainer;
-exports.hy_grid_container = GridContainer;
-exports.hy_grid_item = GridItem;
-exports.hy_grid_row = GridRow;
-exports.hy_section_container = SectionContainer;
-exports.hy_tiny_text = TinyText;
-
-//# sourceMappingURL=color-box_8.cjs.entry.js.map

package/dist/cjs/color-box_8.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"color-box.hy-button.hy-docs-container.hy-grid-container.hy-grid-item.hy-grid-row.hy-section-container.hy-tiny-text.entry.cjs.js","mappings":"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","names":["h","Host","GridColumns","GridColumnsSm","GridColumnsLg","GridAlignVariants"],"sources":["./src/components/color-box/color-box.css?tag=color-box&encapsulation=shadow","./src/components/color-box/color-box.tsx","./src/global/colors.ts","./src/components/button/button.scss?tag=hy-button","./src/components/button/button.tsx","./src/components/docs-container/docs-container.css?tag=hy-docs-container","./src/components/docs-container/docs-container.tsx","./src/components/grid-container/grid-container.scss?tag=hy-grid-container","./src/components/grid-container/grid-container.tsx","./src/components/grid-item/grid-item.scss?tag=hy-grid-item","./src/components/grid-item/grid-item.tsx","./src/components/grid-row/grid-row.scss?tag=hy-grid-row","./src/components/grid-row/grid-row.tsx","./src/components/section-container/section-container.scss?tag=hy-section-container","./src/components/section-container/section-container.tsx","./src/components/tiny-text/tiny-text.scss?tag=hy-tiny-text&encapsulation=shadow","./src/components/tiny-text/tiny-text.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import {Component, ComponentInterface, Host, h} from '@stencil/core';\n\n@Component({\n  tag: 'color-box',\n  styleUrl: 'color-box.css',\n  shadow: true\n})\nexport class ColorBox implements ComponentInterface {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n","export default {\n  brandMain: '#0e688b',\n  brandMainLight: '#107eab',\n  brandMainActive: '#005379',\n  brandMainDark: '#003146',\n  brandMainNearlyBlack: '#000222',\n  grayscaleWhite: '#fff',\n  grayscaleLight: '#f8f8f8',\n  grayscaleMedium: '#d2d2d2',\n  grayscaleBackgroundBox: '#f5f5f5',\n  grayscaleBackgroundArrow: '#dfdfdf',\n  grayscaleMediumDark: '#979797',\n  grayscaleDark: '#555555',\n  grayscaleBlack: '#000000',\n  additionalRedLight: '#E5053A',\n  additionalRedDark: '#A31621',\n  additionalPurpleLight: '#420039',\n  additionalYellow: '#F9A21A',\n  additionalSkyblue: '#48C5F8',\n  additionalOrange: '#D14600',\n  additionalGreenLight: '#96BA3C',\n  additionalGreenDark: '#006400'\n};\n",":host {\n  display: block;\n  box-sizing: border-box;\n}\n\n.hy-button__icon  {\n  align-content: center;\n  display: flex;\n}\n\n.hy-button {\n  display: block;\n  align-items: center;\n  background-color: var(--brand-main);\n  color: var(--grayscale-white);\n  font-family: var(--main-font-family);\n  border: none;\n  cursor: pointer;\n  display: flex;\n  font-size: 0.9375rem;\n  justify-content: center;\n  line-height: 0.9375rem;\n  margin: 0;\n  padding: 0;\n  transition-duration: 0.1s;\n  transition-property: all;\n  min-height: 44px;\n  position: relative;\n\n  text-decoration: none;\n\n  &.size-large {\n    min-height: 48px;\n  }\n\n  &.primary {\n    background-color: var(--brand-main);\n    color: var(--grayscale-white);\n    .hy-button__icon  {\n      padding: 8px 13px;\n    }\n    svg {\n      fill: var(--grayscale-white);\n    }\n    &:hover {\n      background-color: var(--brand-main-active);\n    }\n    &:active {\n      background-color: var(--brand-main-dark);\n    }\n    &:disabled {\n      background-color: var(--grayscale-medium);\n      color: var(--grayscale-dark);\n      svg {\n        fill: var(--grayscale-dark);\n      }\n    }\n    &:focus {\n      outline: solid 2px var(--additional-yellow);\n      outline-offset: 2px;\n    }\n  }\n\n  &.secondary {\n    background-color: transparent;\n    border: solid 2px var(--brand-main);\n    color: var(--brand-main);\n\n    svg {\n      fill: var(--brand-main);\n    }\n    &:hover {\n      border: solid 2px var(--brand-main-active);\n      color: var(--brand-main-active);\n\n      svg {\n        fill: var(--brand-main-active);\n      }\n    }\n    &:active {\n      border: solid 2px var(--brand-main-dark);\n      color: var(--brand-main-dark);\n\n      svg {\n        fill: var(--brand-main-dark);\n      }\n    }\n    &:disabled {\n      border: solid 2px var(--grayscale-medium-dark);\n      color: var(--grayscale-medium-dark);\n\n      svg {\n        fill: var(--grayscale-medium-dark);\n      }\n    }\n  }\n  // decorative bottom border/shadow\n  &::after {\n    content: '';\n    display: block;\n    border-bottom: 2px solid var(--additional-skyblue);\n    position: absolute;\n    bottom: -3.5px;\n    left: 3px;\n    right: 3px;\n    z-index: 0;\n  }\n  &.primary::after {\n    bottom: -2px;\n  }\n  &:disabled {\n    cursor: not-allowed;\n    &::after {\n      border-bottom: 2px solid var(--grayscale-medium-dark);\n      bottom: -3.5px;\n    }\n    &.primary::after {\n      bottom: -2px;\n    }\n  }\n  //\n\n  .hy-button__text {\n    margin: 12px 24px;\n  }\n  .hy-button__icon-right {\n    padding-right: 12px;\n  }\n}\n\nhy-button[icon-right='hy-icon-arrow-right'] {\n  .primary {\n    .hy-button__text {\n      margin: 12px 0 12px 16px;\n      padding-right: 16px;\n    }\n  }\n  .primary:not(disabled) {\n    .hy-button__text {\n      border-right: solid 1px var(--additional-skyblue);\n    }\n  }\n  .primary:disabled {\n    .hy-button__text {\n      border-right: solid 1px var(--grayscale-dark);\n    }\n  }\n  .secondary {\n    .hy-button__text {\n      margin: 12px 16px;\n    }\n    .hy-button__icon {\n      padding-right: 1rem;\n      padding-left: 0;\n    }\n  }\n}\n\nhy-button[icon='hy-icon-arrow-left'] {\n  .primary {\n    .hy-button__text {\n      margin: 12px 16px 12px 0;\n      padding-left: 16px;\n    }\n  }\n  .primary:not(disabled) {\n    .hy-button__text {\n      border-left: solid 1px var(--additional-skyblue);\n    }\n  }\n  .primary:disabled {\n    .hy-button__text {\n      border-left: solid 1px var(--grayscale-dark);\n    }\n  }\n  .secondary {\n    .hy-button__text {\n      margin: 12px 16px;\n    }\n    .hy-button__icon {\n      padding-left: 1rem;\n      padding-right: 0;\n    }\n  }\n}\n","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","div.hy-docs-container {\n  display: block;\n  margin: 2rem 0;\n}\n","import { Component, h } from \"@stencil/core\";\n\n@Component({\n  tag: \"hy-docs-container\",\n  styleUrl: \"docs-container.css\",\n  shadow: false\n})\nexport class DocsContainer {\n  render() {\n    return (\n      <div class=\"hy-docs-container\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.hy-grid--container {\n  display: block;\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n\n  @media only screen and (min-width: $narrow) {\n    width: 100%;\n  }\n\n  @media only screen and (min-width: $wide) {\n    width: 100%;\n    max-width: 60rem;\n  }\n\n  @media only screen and (min-width: $extrawide) {\n    width: 100%;\n    max-width: 75rem;\n  }\n\n  @media only screen and (min-width: $xlarge) {\n    width: 100%;\n    max-width: 90rem;\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'hy-grid-container',\n  styleUrl: 'grid-container.scss',\n  shadow: false,\n})\nexport class GridContainer {\n  render() {\n    const classAttributes = [\"hy-grid--container\"];\n\n    return (\n      <div\n        class={classAttributes.join(\" \")}\n      >\n        <slot />\n      </div>\n    );\n  }\n\n}\n",":host {\n  display: block;\n}\n\n.hy-grid-align__left {\n  text-align: left;\n}\n\n.hy-grid-align__right {\n  text-align: right;\n}\n\n.hy-grid-align__center {\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.hy-grid-justify {\n  text-align: justify;\n}\n\n.hy-grid-hidden-sm {\n  display: none;\n}\n\n// grid\n$width: 98%;\n$gutter: 2%;\n\n@media only screen and (min-width: $xlarge) {\n  $gutter: 3.5%;\n}\n\n$narrow: 30em; // 480px\n$medium: 48em; // 768px\n$wide: 60em; // 960px\n\n.hy-grid__col-1,\n.hy-grid__col-2,\n.hy-grid__col-3,\n.hy-grid__col-4,\n.hy-grid__col-5,\n.hy-grid__col-6,\n.hy-grid__col-7,\n.hy-grid__col-8,\n.hy-grid__col-9,\n.hy-grid__col-10,\n.hy-grid__col-11,\n.hy-grid__col-12 {\n  width: $width;\n}\n\n.hy-grid__col-1-sm {\n  width: calc($width / 12) - calc($gutter * 11 / 12);\n}\n.hy-grid__col-2-sm {\n  width: calc($width / 6) - calc($gutter * 10 / 12);\n}\n.hy-grid__col-3-sm {\n  width: calc($width / 4) - calc($gutter * 9 / 12);\n}\n.hy-grid__col-4-sm {\n  width: calc($width / 3) - calc($gutter * 8 / 12);\n}\n.hy-grid__col-5-sm {\n  width: calc($width / calc(12 / 5)) - calc($gutter * 7 / 12);\n}\n.hy-grid__col-6-sm {\n  width: calc($width / 2) - calc($gutter * 6 / 12);\n}\n.hy-grid__col-7-sm {\n  width: calc($width / calc(12 / 7)) - calc($gutter * 5 / 12);\n}\n.hy-grid__col-8-sm {\n  width: calc($width / calc(12 / 8)) - calc($gutter * 4 / 12);\n}\n.hy-grid__col-9-sm {\n  width: calc($width / calc(12 / 9)) - calc($gutter * 3 / 12);\n}\n.hy-grid__col-10-sm {\n  width: calc($width / calc(12 / 10)) - calc($gutter * 2 / 12);\n}\n.hy-grid__col-11-sm {\n  width: calc($width / calc(12 / 11)) - calc($gutter * 1 / 12);\n}\n.hy-grid__col-12-sm {\n  width: $width;\n}\n\n@media only screen and (min-width: $medium) {\n  .hy-grid__col-1 {\n    width: calc($width / 12) - calc($gutter * 11 / 12);\n  }\n  .hy-grid__col-2 {\n    width: calc($width / 6) - calc($gutter * 10 / 12);\n  }\n  .hy-grid__col-3 {\n    width: calc($width / 4) - calc($gutter * 9 / 12);\n  }\n  .hy-grid__col-4 {\n    width: calc($width / 3) - calc($gutter * 8 / 12);\n  }\n  .hy-grid__col-5 {\n    width: calc($width / calc(12 / 5)) - calc($gutter * 7 / 12);\n  }\n  .hy-grid__col-6 {\n    width: calc($width / 2) - calc($gutter * 6 / 12);\n  }\n  .hy-grid__col-7 {\n    width: calc($width / calc(12 / 7)) - calc($gutter * 5 / 12);\n  }\n  .hy-grid__col-8 {\n    width: calc($width / calc(12 / 8)) - calc($gutter * 4 / 12);\n  }\n  .hy-grid__col-9 {\n    width: calc($width / calc(12 / 9)) - calc($gutter * 3 / 12);\n  }\n  .hy-grid__col-10 {\n    width: calc($width / calc(12 / 10)) - calc($gutter * 2 / 12);\n  }\n  .hy-grid__col-11 {\n    width: calc($width / calc(12 / 11)) - calc($gutter * 1 / 12);\n  }\n  .hy-grid__col-12 {\n    width: $width;\n  }\n\n  .hidden-sm {\n    display: block;\n  }\n}\n\n@media only screen and (min-width: $wide) {\n  .hy-grid__col-1-lg {\n    width: calc($width / 12) - calc($gutter * 11 / 12);\n  }\n  .hy-grid__col-2-lg {\n    width: calc($width / 6) - calc($gutter * 10 / 12);\n  }\n  .hy-grid__col-3-lg {\n    width: calc($width / 4) - calc($gutter * 9 / 12);\n  }\n  .hy-grid__col-4-lg {\n    width: calc($width / 3) - calc($gutter * 8 / 12);\n  }\n  .hy-grid__col-5-lg {\n    width: calc($width / calc(12 / 5)) - calc($gutter * 7 / 12);\n  }\n  .hy-grid__col-6-lg {\n    width: calc($width / 2) - calc($gutter * 6 / 12);\n  }\n  .hy-grid__col-7-lg {\n    width: calc($width / calc(12 / 7)) - calc($gutter * 5 / 12);\n  }\n  .hy-grid__col-8-lg {\n    width: calc($width / calc(12 / 8)) - calc($gutter * 4 / 12);\n  }\n  .hy-grid__col-9-lg {\n    width: calc($width / calc(12 / 9)) - calc($gutter * 3 / 12);\n  }\n  .hy-grid__col-10-lg {\n    width: calc($width / calc(12 / 10)) - calc($gutter * 2 / 12);\n  }\n  .hy-grid__col-11-lg {\n    width: calc($width / calc(12 / 11)) - calc($gutter * 1 / 12);\n  }\n  .hy-grid__col-12-lg {\n    width: $width;\n  }\n}\n","import {Component, Host, Prop, h} from '@stencil/core';\nimport {GridColumns, GridColumnsSm, GridColumnsLg, GridAlignVariants} from '../../utils/utils';\n\n@Component({\n  tag: 'hy-grid-item',\n  styleUrl: 'grid-item.scss',\n  shadow: false\n})\nexport class GridItem {\n  @Prop() columns: GridColumns = GridColumns.default;\n  @Prop() columnssm: GridColumnsSm = GridColumnsSm.default;\n  @Prop() columnslg: GridColumnsLg = GridColumnsLg.default;\n  @Prop() contentalign: GridAlignVariants = GridAlignVariants.default;\n\n  render() {\n    const classAttributes = [\n      'hy-grid-item',\n      `hy-grid__col-${this.columnssm}-sm`,\n      `hy-grid__col-${this.columns}`,\n      `hy-grid__col-${this.columnslg}-lg`,\n      `hy-grid-align__${this.contentalign}`\n    ];\n\n    return (\n      <Host class={classAttributes.join(' ')}>\n        <slot />\n      </Host>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.hy-grid__row {\n  align-items: stretch;\n  display: flex;\n  flex-wrap: wrap;\n  flex: 1 1 auto;\n  position: relative;\n  width: 100%;\n}\n\n.hy-grid__row > [class^='hy-grid-item'] {\n  float: left;\n  margin: 0.5rem 1%;\n  min-height: 0.125rem;\n\n  @include breakpoint($narrow) {\n    margin: 1%;\n  }\n}\n\n.hy-grid__row::after {\n  content: '';\n  display: table;\n  clear: both;\n}\n","import {Component, Host, h} from '@stencil/core';\n\n@Component({\n  tag: 'hy-grid-row',\n  styleUrl: 'grid-row.scss',\n  shadow: false\n})\nexport class GridRow {\n  render() {\n    const classAttributes = ['hy-grid__row'];\n    return (\n      <Host class={classAttributes.join(' ')}>\n        <slot />\n      </Host>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.hy-section--container {\n  display: block;\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n\n  @media only screen and (min-width: $narrow) {\n    width: 100%;\n  }\n\n  @media only screen and (min-width: $wide) {\n    width: 100%;\n    max-width: 60rem;\n  }\n\n  @media only screen and (min-width: $extrawide) {\n    width: 100%;\n    max-width: 75rem;\n  }\n}","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'hy-section-container',\n  styleUrl: 'section-container.scss',\n  shadow: false,\n})\n\nexport class SectionContainer {\n\n  render() {\n    return (\n        <div class=\"hy-section--container\">\n          <slot />\n        </div>\n    );\n  }\n\n}",":host {\n  display: block;\n}\n\n\n.hy-tiny-text {\n  color: var(--grayscale-dark);\n  font-family: var(--main-font-family);\n  font-size: 12px;\n  letter-spacing: -0.07px;\n  line-height: 16px;\n}\n","import { Component, h } from \"@stencil/core\";\n\n@Component({\n  tag: \"hy-tiny-text\",\n  styleUrl: \"tiny-text.scss\",\n  shadow: true\n})\nexport class TinyText {\n  render() {\n    const classAttributes = [\"hy-tiny-text\"];\n    return (\n      <div class={classAttributes.join(\" \")}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/globalScript-45ad6d41.js.map

@@ -1 +0,0 @@
-{"file":"globalScript-45ad6d41.js","mappings":";;;;AACA;;;;AAIAA;EACE,MAAM,EAAE,GAAG;EACX,MAAM,WAAW,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG;EAC1C,IAAK,GAAW,CAAC,IAAI;IAAE,OAAQ,GAAW,CAAC;OACtC,IAAI,GAAG,CAAC;IAAsB,OAAO,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;;IAC9D;AACP,CAAC,CAAC,CAAC;AAEH;;;;;;EAME,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM;AAChD;;;;","names":["setMode"],"sources":["./src/global/globalScript.ts"],"sourcesContent":["import {setMode} from '@stencil/core';\n/**\n * This is a demo on how to initialize different themes with a class name from body element.\n * You can basically get it how you want, this is not necessarily the best way!\n */\nsetMode((elm) => {\n  const el = document.querySelector('body');\n  const bodyclasses = el.className.split(' ');\n  if ((elm as any).mode) return (elm as any).mode;\n  else if (elm.getAttribute('mode')) return elm.getAttribute('mode');\n  else return bodyclasses.includes('full-width') ? 'wide' : 'default';\n});\n\n/**\n * Moved jsonParserWorker function to global scripts until stenciljs issue is resolved.\n * https://github.com/ionic-team/stencil/issues/2731\n * Prevented web worker from working with webpack. Do not use web worker for now.\n */\nexport const jsonParserWorker = async (data) => {\n  return typeof data === 'string' && data.length > 0 ? JSON.parse(data) : data;\n};\n"],"version":3}

package/dist/cjs/huds-lib.cjs.js.map

@@ -1 +0,0 @@
-{"file":"huds-lib.cjs.js","mappings":";;;;;;;AAAA;AACA;AACA;AAiBA,MAAM,YAAY,GAAG,MAAM;AAkC3B,IAAI,MAAM,UAAU,GAAG,0MAAe,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;AAgBlF;AACA,IAAI,IAAuB,UAAU,KAAK,EAAE,EAAE;AAC9C,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D;AACA;AACA,KAaK;AACL,IAAI,OAAOA,oBAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;ACtFD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["promiseResolve","bootstrapLazy"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.2.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}