@itcenteratunihelsinki/huds-lib 0.8.42 → 0.8.43

package/dist/types/components/hy-hero-carousel/hy-hero-carousel.d.ts

@@ -0,0 +1,30 @@
+export interface ImageSrcSet {
+  src: any;
+  media: string;
+  type: string;
+  sizes: string | null;
+}
+export interface CarouselItem {
+  title: string;
+  desc: string;
+  theme_text: string;
+  image_alt: string;
+  image_fallback: string;
+  image_sources: ImageSrcSet[] | string;
+  uri?: string;
+  uri_title: string;
+}
+export declare class HyHeroCarousel {
+  itemCount: number;
+  ariaLabelNext: string;
+  ariaLabelPrev: string;
+  ariaLabelFirstSlide: string;
+  ariaLabelLastSlide: string;
+  ariaLabelBulletMessage: string;
+  data: CarouselItem[] | string;
+  private _data;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  handleSlideChangeFromButtons(index: any): void;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -16,6 +16,7 @@ import { FooterBaseLinks, FooterBaseSome } from "./components/footer/hy-footer-b
 import { FooterInfoLinks, LuomusFooterContent } from "./components/footer/hy-footer-info/hy-footer-info";
 import { ListItemValue } from "./components/hy-general-list/hy-general-list";
 import { ImageSrcSet as ImageSrcSet1 } from "./components/hy-hero/hy-hero";
+import { CarouselItem } from "./components/hy-hero-carousel/hy-hero-carousel";
 import { ImageSrcSet as ImageSrcSet2 } from "./components/image/image";
 import { ImageSrcSet as ImageSrcSet3 } from "./components/hy-introduction/hy-introduction";
 import { KeyFigureValue } from "./components/hy-key-figure-group/hy-key-figure-group";
@@ -46,6 +47,7 @@ export { FooterBaseLinks, FooterBaseSome } from "./components/footer/hy-footer-b
 export { FooterInfoLinks, LuomusFooterContent } from "./components/footer/hy-footer-info/hy-footer-info";
 export { ListItemValue } from "./components/hy-general-list/hy-general-list";
 export { ImageSrcSet as ImageSrcSet1 } from "./components/hy-hero/hy-hero";
+export { CarouselItem } from "./components/hy-hero-carousel/hy-hero-carousel";
 export { ImageSrcSet as ImageSrcSet2 } from "./components/image/image";
 export { ImageSrcSet as ImageSrcSet3 } from "./components/hy-introduction/hy-introduction";
 export { KeyFigureValue } from "./components/hy-key-figure-group/hy-key-figure-group";
@@ -551,6 +553,15 @@ export namespace Components {
         "url": string;
         "urlTitle": string;
     }
+    interface HyHeroCarousel {
+        "ariaLabelBulletMessage": string;
+        "ariaLabelFirstSlide": string;
+        "ariaLabelLastSlide": string;
+        "ariaLabelNext": string;
+        "ariaLabelPrev": string;
+        "data": CarouselItem[] | string;
+        "itemCount": number;
+    }
     interface HyIcon {
         "fill": string;
         "icon": string;
@@ -1262,6 +1273,12 @@ declare global {
         prototype: HTMLHyHeroElement;
         new (): HTMLHyHeroElement;
     };
+    interface HTMLHyHeroCarouselElement extends Components.HyHeroCarousel, HTMLStencilElement {
+    }
+    var HTMLHyHeroCarouselElement: {
+        prototype: HTMLHyHeroCarouselElement;
+        new (): HTMLHyHeroCarouselElement;
+    };
     interface HTMLHyIconElement extends Components.HyIcon, HTMLStencilElement {
     }
     var HTMLHyIconElement: {
@@ -1606,6 +1623,7 @@ declare global {
         "hy-grid-row": HTMLHyGridRowElement;
         "hy-heading": HTMLHyHeadingElement;
         "hy-hero": HTMLHyHeroElement;
+        "hy-hero-carousel": HTMLHyHeroCarouselElement;
         "hy-icon": HTMLHyIconElement;
         "hy-image": HTMLHyImageElement;
         "hy-ingress": HTMLHyIngressElement;
@@ -2144,6 +2162,15 @@ declare namespace LocalJSX {
         "url"?: string;
         "urlTitle"?: string;
     }
+    interface HyHeroCarousel {
+        "ariaLabelBulletMessage"?: string;
+        "ariaLabelFirstSlide"?: string;
+        "ariaLabelLastSlide"?: string;
+        "ariaLabelNext"?: string;
+        "ariaLabelPrev"?: string;
+        "data"?: CarouselItem[] | string;
+        "itemCount"?: number;
+    }
     interface HyIcon {
         "fill"?: string;
         "icon"?: string;
@@ -2631,6 +2658,7 @@ declare namespace LocalJSX {
         "hy-grid-row": HyGridRow;
         "hy-heading": HyHeading;
         "hy-hero": HyHero;
+        "hy-hero-carousel": HyHeroCarousel;
         "hy-icon": HyIcon;
         "hy-image": HyImage;
         "hy-ingress": HyIngress;
@@ -2730,6 +2758,7 @@ declare module "@stencil/core" {
             "hy-grid-row": LocalJSX.HyGridRow & JSXBase.HTMLAttributes<HTMLHyGridRowElement>;
             "hy-heading": LocalJSX.HyHeading & JSXBase.HTMLAttributes<HTMLHyHeadingElement>;
             "hy-hero": LocalJSX.HyHero & JSXBase.HTMLAttributes<HTMLHyHeroElement>;
+            "hy-hero-carousel": LocalJSX.HyHeroCarousel & JSXBase.HTMLAttributes<HTMLHyHeroCarouselElement>;
             "hy-icon": LocalJSX.HyIcon & JSXBase.HTMLAttributes<HTMLHyIconElement>;
             "hy-image": LocalJSX.HyImage & JSXBase.HTMLAttributes<HTMLHyImageElement>;
             "hy-ingress": LocalJSX.HyIngress & JSXBase.HTMLAttributes<HTMLHyIngressElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcenteratunihelsinki/huds-lib",
-  "version": "0.8.42",
+  "version": "0.8.43",
   "description": "Helsinki University Design System library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -51,7 +51,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"

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}