@itcenteratunihelsinki/huds-lib 0.8.42 → 0.8.44

package/dist/collection/components/footer/hy-footer/hy-footer.js

@@ -1,8 +1,8 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class HyFooter {
   render() {
-    const classAttributes = ['hy-footer'];
-    return (h("footer", { class: classAttributes.join(' ') }, h("slot", null)));
+    const classAttributes = ["hy-footer"];
+    return (h("footer", { class: classAttributes.join(" ") }, h("slot", null)));
   }
   static get is() { return "hy-footer"; }
   static get originalStyleUrls() {
@@ -16,4 +16,3 @@ export class HyFooter {
     };
   }
 }
-//# sourceMappingURL=hy-footer.js.map

package/dist/collection/components/footer/hy-footer-action/hy-footer-action.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 let scrollTimeout = null;
 export class HyFooterAction {
   constructor() {
@@ -9,15 +9,15 @@ export class HyFooterAction {
     clearTimeout(scrollTimeout);
   }
   scrollTop() {
-    const hyLogo = document.querySelector('.hy-site-logo a');
-    window.scrollTo({ top: 0, behavior: 'smooth' });
+    const hyLogo = document.querySelector(".hy-site-logo a");
+    window.scrollTo({ top: 0, behavior: "smooth" });
     scrollTimeout = window.setTimeout(() => {
       hyLogo.focus();
     }, 500);
   }
   render() {
-    const classAttributes = ['hy-footer-action'].join(' ');
-    return (h(Host, { class: classAttributes }, h("span", { class: 'hy-footer-action__updated-text' }, this.updatedText), this.upButtonLabel && (h("span", { class: "hy-footer-action__scroll-up" }, h("label", { id: "up-label", htmlFor: "scroll-up" }, this.upButtonLabel), h("button", { name: "scroll-up", "aria-labelledby": "up-label", onClick: () => this.scrollTop(), class: "hy-footer-action__up-button", type: "button" }, h("hy-icon", { class: 'hy-footer-action__up-icon', icon: 'hy-icon-arrow-up', size: 26 }))))));
+    const classAttributes = ["hy-footer-action"].join(" ");
+    return (h(Host, { class: classAttributes }, h("span", { class: "hy-footer-action__updated-text" }, this.updatedText), this.upButtonLabel && (h("span", { class: "hy-footer-action__scroll-up" }, h("label", { id: "up-label", htmlFor: "scroll-up" }, this.upButtonLabel), h("button", { name: "scroll-up", "aria-labelledby": "up-label", onClick: () => this.scrollTop(), class: "hy-footer-action__up-button", type: "button" }, h("hy-icon", { class: "hy-footer-action__up-icon", icon: "hy-icon-arrow-up", size: 26 }))))));
   }
   static get is() { return "hy-footer-action"; }
   static get originalStyleUrls() {
@@ -78,4 +78,3 @@ export class HyFooterAction {
       }];
   }
 }
-//# sourceMappingURL=hy-footer-action.js.map

package/dist/collection/components/footer/hy-footer-base/hy-footer-base.js

@@ -1,6 +1,6 @@
-import { Host, h } from '@stencil/core';
-import { FooterLinkItemColor, SiteLogoSize, ColorVariant, FooterVariant } from '../../../utils/utils';
-import { jsonParserWorker } from '../../../global/globalScript';
+import { Host, h } from "@stencil/core";
+import { FooterLinkItemColor, SiteLogoSize, ColorVariant, FooterVariant } from "../../../utils/utils";
+import { jsonParserWorker } from "../../../global/globalScript";
 export class HyFooterBase {
   constructor() {
     this.color = FooterLinkItemColor.white;
@@ -18,7 +18,7 @@ export class HyFooterBase {
   }
   render() {
     const logoColor = ColorVariant.white;
-    const classAttributes = ['hy-footer-base--content-container'].join(' ');
+    const classAttributes = ["hy-footer-base--content-container"].join(" ");
     const links = this._dataFooterBaseLinks;
     const some = this._dataFooterBaseSome;
     return (h(Host, { class: classAttributes }, h("div", { class: "hy-footer-base" }, h("div", { class: "hy-footer-base__left" }, h("div", { class: "hy-footer-base__logo" }, h("hy-site-logo", { type: FooterVariant.footer, size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("div", { class: "hy-footer-base__content" }, h("slot", { name: "content" })), h("div", { class: "hy-footer-base__some" }, h("span", { class: "hy-footer-base__some__label" }, this.someLabel), h("div", { class: "hy-footer-base__some__items" }, some &&
@@ -165,7 +165,7 @@ export class HyFooterBase {
           "references": {
             "FooterBaseLinks": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/footer/hy-footer-base/hy-footer-base.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/footer/hy-footer-base/hy-footer-base.tsx"
             }
           }
         },
@@ -187,7 +187,7 @@ export class HyFooterBase {
           "references": {
             "FooterBaseSome": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/footer/hy-footer-base/hy-footer-base.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/footer/hy-footer-base/hy-footer-base.tsx"
             }
           }
         },
@@ -203,4 +203,3 @@ export class HyFooterBase {
     };
   }
 }
-//# sourceMappingURL=hy-footer-base.js.map

package/dist/collection/components/footer/hy-footer-info/hy-footer-info.js

@@ -1,7 +1,7 @@
-import { h, Host } from '@stencil/core';
-import ResizeObserver from 'resize-observer-polyfill';
-import { ColorVariant, CtaLinkButtonVariants, FooterLinkItemColor, FooterLinkVariants, FooterVariant, HeadingSectionVariants, HeadingVarians, } from '../../../utils/utils';
-import { jsonParserWorker } from '../../../global/globalScript';
+import { h, Host } from "@stencil/core";
+import ResizeObserver from "resize-observer-polyfill";
+import { ColorVariant, CtaLinkButtonVariants, FooterLinkItemColor, FooterLinkVariants, FooterVariant, HeadingSectionVariants, HeadingVarians, } from "../../../utils/utils";
+import { jsonParserWorker } from "../../../global/globalScript";
 export class HyFooterInfo {
   constructor() {
     this.textTitle = undefined;
@@ -42,37 +42,37 @@ export class HyFooterInfo {
     const luomusFooterContentItems = this._dataLuomusFooterContent;
     const variant = this.isGroup ? FooterLinkVariants.group : FooterLinkVariants.campus;
     const section = this.isGroup ? HeadingSectionVariants.groupFooterInfo : HeadingSectionVariants.defaultFooterInfo;
-    const footerLinkItemClass = this.isGroup ? 'group' : 'campus';
+    const footerLinkItemClass = this.isGroup ? "group" : "campus";
     const scLabel = this.linkScLabel && this.linkScLabel.length > 0 ? this.linkScLabel : this.linkText;
     const logoColor = ColorVariant.white;
     const linksColor = this.isLuomusGroup ? FooterLinkItemColor.white : FooterLinkItemColor.black;
     return (h(Host, { class: {
-        'hy-footer-info': true,
+        "hy-footer-info": true,
         luomus: this.isLuomusGroup,
       } }, h("div", { class: {
-        'hy-footer-info__content': true,
-        'is-group': this.isGroup,
-      } }, !this.isLuomusGroup && (h("hy-heading", { heading: HeadingVarians.h2, section: section }, this.textTitle)), this.isLuomusGroup && (h("div", { class: "hy-footer-info__logo" }, h("hy-site-logo", { type: FooterVariant.footer, isGroup: this.isGroup, size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.isLuomusGroup && (h("div", { class: 'hy-footer-info__branding' }, h("a", { href: this.groupLogoUrl }, h("img", { src: this.groupLogoUrl, alt: 'Luomus logo' })))), !this.isLuomusGroup && (h("div", { class: {
-        'hy-footer-info__ingress': true,
-        'is-group': this.isGroup,
+        "hy-footer-info__content": true,
+        "is-group": this.isGroup,
+      } }, !this.isLuomusGroup && (h("hy-heading", { heading: HeadingVarians.h2, section: section }, this.textTitle)), this.isLuomusGroup && (h("div", { class: "hy-footer-info__logo" }, h("hy-site-logo", { type: FooterVariant.footer, isGroup: this.isGroup, size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.isLuomusGroup && (h("div", { class: "hy-footer-info__branding" }, h("a", { href: this.groupLogoUrl }, h("img", { src: this.groupLogoUrl, alt: "Luomus logo" })))), !this.isLuomusGroup && (h("div", { class: {
+        "hy-footer-info__ingress": true,
+        "is-group": this.isGroup,
       }, innerHTML: this.textDescription })), !this.isLuomusGroup && this.linkUrl && (h("hy-cta-button", { "link-content": this.linkText, "sc-label": scLabel, "is-external": this.linkIsExternal, url: this.linkUrl, variant: CtaLinkButtonVariants.onWhiteBkgd })), this.isLuomusGroup &&
       luomusFooterContentItems &&
       luomusFooterContentItems.map((item) => {
         return (h("div", { class: "luomus-footer-content" }, h("a", { href: item.url, class: "luomus-footer-content__link" }, item.heading), item.content && h("div", { class: "luomus-footer-content__description", innerHTML: item.content })));
       })), this.isMobile && this.isGroup === false ? (h("div", { class: {
-        'hy-footer-info__links': true,
-        'is-group': this.isGroup,
+        "hy-footer-info__links": true,
+        "is-group": this.isGroup,
         luomus: this.isLuomusGroup,
-      } }, h("hy-accordion-container", { accordionid: 'test' }, links &&
+      } }, h("hy-accordion-container", { accordionid: "test" }, links &&
       links.map((link) => {
         return (h("hy-accordion-item", { accordiontitle: link.label }, h("hy-footer-link-item", { class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile })));
       })))) : (h("div", { class: {
-        'hy-footer-info__links': true,
-        'is-group': this.isGroup,
+        "hy-footer-info__links": true,
+        "is-group": this.isGroup,
         luomus: this.isLuomusGroup,
       } }, links &&
       links.map((link) => {
-        const external_link = link.isExternal === 'external';
+        const external_link = link.isExternal === "external";
         return (h("hy-footer-link-item", { "is-luomus-group": this.isLuomusGroup, class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "is-external": external_link, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile }));
       })))));
   }
@@ -287,7 +287,7 @@ export class HyFooterInfo {
           "references": {
             "FooterInfoLinks": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/footer/hy-footer-info/hy-footer-info.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/footer/hy-footer-info/hy-footer-info.tsx"
             }
           }
         },
@@ -309,7 +309,7 @@ export class HyFooterInfo {
           "references": {
             "LuomusFooterContent": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/footer/hy-footer-info/hy-footer-info.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/footer/hy-footer-info/hy-footer-info.tsx"
             }
           }
         },
@@ -331,4 +331,3 @@ export class HyFooterInfo {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=hy-footer-info.js.map

package/dist/collection/components/footer/hy-footer-link-item/hy-footer-link-item.js

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
-import { FooterLinkItemColor, FooterLinkVariants, HeadingVarians } from '../../../utils/utils';
+import { h } from "@stencil/core";
+import { FooterLinkItemColor, FooterLinkVariants, HeadingVarians } from "../../../utils/utils";
 export class HyFooterLinkItem {
   constructor() {
     this.label = undefined;
@@ -14,43 +14,43 @@ export class HyFooterLinkItem {
   }
   render() {
     const containerClassAttributes = [
-      'hy-footer-link-item--container',
+      "hy-footer-link-item--container",
       `hy-footer-link-item__${this.variant}`,
-      this.items && 'hy-footer-link-item__has-children',
-    ].join(' ');
+      this.items && "hy-footer-link-item__has-children",
+    ].join(" ");
     const classAttributes = [
-      'hy-footer-link-item',
-      this.mainLink && 'hy-footer-link-item__main',
+      "hy-footer-link-item",
+      this.mainLink && "hy-footer-link-item__main",
       `hy-footer-link-item__color-${this.color}`,
-    ].join(' ');
+    ].join(" ");
     const headingClassAttributes = [
-      'hy-footer-link-item',
-      'hy-footer-link-item__heading',
-      this.mainLink && 'hy-footer-link-item__main',
+      "hy-footer-link-item",
+      "hy-footer-link-item__heading",
+      this.mainLink && "hy-footer-link-item__main",
       `hy-footer-link-item__heading__color-${this.color}`,
-    ].join(' ');
+    ].join(" ");
     const linkClassAttributes = [
-      'hy-footer-link-item',
+      "hy-footer-link-item",
       `hy-footer-link-item__color-${this.color}`,
-      this.isLuomusGroup ? `luomus` : '',
-    ].join(' ');
+      this.isLuomusGroup ? `luomus` : "",
+    ].join(" ");
     if (this.items) {
       if (this.isMobile && this.variant !== FooterLinkVariants.group) {
         return (h("div", { class: containerClassAttributes }, this.items.map((item) => {
-          const target = item.isExternal === 'external' ? '_blank' : '_self';
-          return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
+          const target = item.isExternal === "external" ? "_blank" : "_self";
+          return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
         })));
       }
       else {
-        return (h("div", { class: containerClassAttributes }, h("hy-heading", { class: headingClassAttributes, heading: HeadingVarians.h3 }, this.url.length > 0 && (h("a", { class: 'hy-footer-link-item__link', href: this.url, style: { color: this.color } }, this.label)), this.url.length == 0 && h("div", { class: 'hy-footer-link-item__link' }, this.label)), this.items.map((item) => {
-          const target = item.isExternal === 'external' ? '_blank' : '_self';
-          return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
+        return (h("div", { class: containerClassAttributes }, h("hy-heading", { class: headingClassAttributes, heading: HeadingVarians.h3 }, this.url.length > 0 && (h("a", { class: "hy-footer-link-item__link", href: this.url, style: { color: this.color } }, this.label)), this.url.length == 0 && h("div", { class: "hy-footer-link-item__link" }, this.label)), this.items.map((item) => {
+          const target = item.isExternal === "external" ? "_blank" : "_self";
+          return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
         })));
       }
     }
     else {
-      const target = this.isExternal ? '_blank' : '_self';
-      return (h("a", { class: classAttributes, href: this.url, style: { color: this.color }, target: target }, this.label, h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
+      const target = this.isExternal ? "_blank" : "_self";
+      return (h("a", { class: classAttributes, href: this.url, style: { color: this.color }, target: target }, this.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
     }
   }
   static get is() { return "hy-footer-link-item"; }
@@ -239,4 +239,3 @@ export class HyFooterLinkItem {
     };
   }
 }
-//# sourceMappingURL=hy-footer-link-item.js.map

package/dist/collection/components/global-workers/globals.worker.js

@@ -2,4 +2,3 @@
   return typeof data === 'string' && data.length > 0 ? JSON.parse(data) : data;
 };
  */
-//# sourceMappingURL=globals.worker.js.map

package/dist/collection/components/grid-container/grid-container.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class GridContainer {
   render() {
     const classAttributes = ["hy-grid--container"];
@@ -16,4 +16,3 @@ export class GridContainer {
     };
   }
 }
-//# sourceMappingURL=grid-container.js.map

package/dist/collection/components/grid-item/grid-item.js

@@ -1,5 +1,5 @@
-import { Host, h } from '@stencil/core';
-import { GridColumns, GridColumnsSm, GridColumnsLg, GridAlignVariants } from '../../utils/utils';
+import { Host, h } from "@stencil/core";
+import { GridColumns, GridColumnsSm, GridColumnsLg, GridAlignVariants } from "../../utils/utils";
 export class GridItem {
   constructor() {
     this.columns = GridColumns.default;
@@ -9,13 +9,13 @@ export class GridItem {
   }
   render() {
     const classAttributes = [
-      'hy-grid-item',
+      "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}`
+      `hy-grid-align__${this.contentalign}`,
     ];
-    return (h(Host, { class: classAttributes.join(' ') }, h("slot", null)));
+    return (h(Host, { class: classAttributes.join(" ") }, h("slot", null)));
   }
   static get is() { return "hy-grid-item"; }
   static get originalStyleUrls() {
@@ -125,4 +125,3 @@ export class GridItem {
     };
   }
 }
-//# sourceMappingURL=grid-item.js.map

package/dist/collection/components/grid-row/grid-row.js

@@ -1,8 +1,8 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class GridRow {
   render() {
-    const classAttributes = ['hy-grid__row'];
-    return (h(Host, { class: classAttributes.join(' ') }, h("slot", null)));
+    const classAttributes = ["hy-grid__row"];
+    return (h(Host, { class: classAttributes.join(" ") }, h("slot", null)));
   }
   static get is() { return "hy-grid-row"; }
   static get originalStyleUrls() {
@@ -16,4 +16,3 @@ export class GridRow {
     };
   }
 }
-//# sourceMappingURL=grid-row.js.map

package/dist/collection/components/heading/heading.js

@@ -1,46 +1,46 @@
-import { h, Host } from '@stencil/core';
-import { HeadingSectionVariants, HeadingVarians } from '../../utils/utils';
+import { h, Host } from "@stencil/core";
+import { HeadingSectionVariants, HeadingVarians } from "../../utils/utils";
 export class Heading {
   constructor() {
     this.heading = HeadingVarians.default;
     this.isSearch = false;
     this.section = HeadingSectionVariants.default;
     this.negative = false;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.hyphenatedText = undefined;
     this.hasChildren = true;
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
-    if (this.el.parentElement.classList.contains('hy-hero__title-container')) {
+    if (this.el.parentElement.classList.contains("hy-hero__title-container")) {
       this.hasChildren = false;
     }
   }
   render() {
     const headingInVariants = this.heading in HeadingVarians;
     const classAttributes = [
-      'hy-heading',
-      this.negative ? 'negative' : '',
-      this.isSearch ? 'hy-heading__search' : '',
-      this.isSearch ? `hy-heading__search__${this.headerstyle}` : '',
+      "hy-heading",
+      this.negative ? "negative" : "",
+      this.isSearch ? "hy-heading__search" : "",
+      this.isSearch ? `hy-heading__search__${this.headerstyle}` : "",
       `hy-heading__${this.section}`,
       `hy-heading__${this.headerstyle}`,
       `hy-heading__${this.section}__${this.headerstyle}`,
     ];
-    const sectionClassAttributes = [`hy-heading__${this.section}--divider`].join(' ');
+    const sectionClassAttributes = [`hy-heading__${this.section}--divider`].join(" ");
     const containerSectionClass = [
-      'hy-heading__container',
+      "hy-heading__container",
       `hy-heading__container__${this.section}`,
       `hy-heading__container__${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     return (h(Host, null, headingInVariants ? ([
-      h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(this.heading, { class: classAttributes.join(' '), innerHTML: this.hyphenatedText })) : (h(this.heading, { class: classAttributes.join(' ') }, h("slot", null))), h("span", { class: sectionClassAttributes })),
-    ]) : (h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(HeadingVarians.default, { class: classAttributes.join(' ') }, h("span", { innerHTML: this.hyphenatedText }))) : (h(HeadingVarians.default, { class: classAttributes.join(' ') }, h("span", null, h("slot", null)))), h("span", { class: sectionClassAttributes })))));
+      h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(this.heading, { class: classAttributes.join(" "), innerHTML: this.hyphenatedText })) : (h(this.heading, { class: classAttributes.join(" ") }, h("slot", null))), h("span", { class: sectionClassAttributes })),
+    ]) : (h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(HeadingVarians.default, { class: classAttributes.join(" ") }, h("span", { innerHTML: this.hyphenatedText }))) : (h(HeadingVarians.default, { class: classAttributes.join(" ") }, h("span", null, h("slot", null)))), h("span", { class: sectionClassAttributes })))));
   }
   static get is() { return "hy-heading"; }
   static get originalStyleUrls() {
@@ -161,7 +161,7 @@ export class Heading {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       },
       "hyphenatedText": {
         "type": "string",
@@ -189,4 +189,3 @@ export class Heading {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=heading.js.map

package/dist/collection/components/hy-anchor-link-list/hy-anchor-link-list.js

@@ -1,5 +1,5 @@
-import { Host, h } from '@stencil/core';
-import { jsonParserWorker } from '../../global/globalScript';
+import { Host, h } from "@stencil/core";
+import { jsonParserWorker } from "../../global/globalScript";
 export class HyAnchorLinkList {
   constructor() {
     this.listTitle = undefined;
@@ -12,30 +12,30 @@ export class HyAnchorLinkList {
     this._anchorItems = await jsonParserWorker(this.anchorItems);
   }
   handleLinkClick(e) {
-    const targetId = e.target.getAttribute('href');
+    const targetId = e.target.getAttribute("href");
     if (targetId) {
       const targetElement = document.getElementById(targetId.substring(1));
       const targetRect = targetElement.getBoundingClientRect();
-      window.scrollTo({ top: window.scrollY + targetRect.top - 100, behavior: 'smooth' });
-      targetElement.setAttribute('tabIndex', '-1');
+      window.scrollTo({ top: window.scrollY + targetRect.top - 100, behavior: "smooth" });
+      targetElement.setAttribute("tabIndex", "-1");
       targetElement.focus({ preventScroll: true });
     }
     e.preventDefault();
     e.stopPropagation();
   }
   render() {
-    const classAttributes = ['hy-anchor-link-list'].join(' ');
+    const classAttributes = ["hy-anchor-link-list"].join(" ");
     const buttonClasses = {
-      'hy-anchor-link-list__button': true,
-      'is-open': this.isOpen,
+      "hy-anchor-link-list__button": true,
+      "is-open": this.isOpen,
     };
     const containerClasses = {
-      'hy-anchor-link-list__container': true,
-      'is-open': this.isOpen,
+      "hy-anchor-link-list__container": true,
+      "is-open": this.isOpen,
     };
     const items = this._anchorItems;
-    return (h(Host, { class: classAttributes }, h("button", { "aria-label": this.listTitle, onClick: () => (this.isOpen = !this.isOpen), class: buttonClasses }, h("span", { class: "hy-anchor-link-list__button--title" }, h("hy-icon", { icon: 'hy-icon-bullet-list', size: 18, fill: 'var(--brand-main)' }), this.listTitle), h("span", { class: "hy-anchor-link-list__button--label" }, this.isOpen ? this.closeLabel : this.openLabel, h("hy-icon", { class: "label-close-icon", icon: 'hy-icon-caret-down', size: 16, fill: 'var(--brand-main)' }))), h("div", { "aria-hidden": this.isOpen ? 'false' : 'true', class: containerClasses }, items &&
-      items.map((item) => (h("a", { class: "hy-anchor-link-list__item", href: item.url, onClick: this.handleLinkClick }, h("hy-icon", { icon: 'hy-icon-arrow-down', size: 12, fill: 'var(--brand-main)' }), item.title))))));
+    return (h(Host, { class: classAttributes }, h("button", { "aria-label": this.listTitle, onClick: () => (this.isOpen = !this.isOpen), class: buttonClasses }, h("span", { class: "hy-anchor-link-list__button--title" }, h("hy-icon", { icon: "hy-icon-bullet-list", size: 18, fill: "var(--brand-main)" }), this.listTitle), h("span", { class: "hy-anchor-link-list__button--label" }, this.isOpen ? this.closeLabel : this.openLabel, h("hy-icon", { class: "label-close-icon", icon: "hy-icon-caret-down", size: 16, fill: "var(--brand-main)" }))), h("div", { "aria-hidden": this.isOpen ? "false" : "true", class: containerClasses }, items &&
+      items.map((item) => (h("a", { class: "hy-anchor-link-list__item", href: item.url, onClick: this.handleLinkClick }, h("hy-icon", { icon: "hy-icon-arrow-down", size: 12, fill: "var(--brand-main)" }), item.title))))));
   }
   static get is() { return "hy-anchor-link-list"; }
   static get originalStyleUrls() {
@@ -110,7 +110,7 @@ export class HyAnchorLinkList {
           "references": {
             "AnchorItem": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-anchor-link-list/hy-anchor-link-list.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-anchor-link-list/hy-anchor-link-list.tsx"
             }
           }
         },
@@ -140,4 +140,3 @@ export class HyAnchorLinkList {
       }];
   }
 }
-//# sourceMappingURL=hy-anchor-link-list.js.map

package/dist/collection/components/hy-badge/hy-badge.js

@@ -1,11 +1,11 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class HyBadge {
   constructor() {
-    this.variant = 'primary';
+    this.variant = "primary";
   }
   render() {
-    const classAttributes = ['hy-badge', this.variant];
-    return (h(Host, null, h("span", { class: classAttributes.join(' ') }, h("slot", null))));
+    const classAttributes = ["hy-badge", this.variant];
+    return (h(Host, null, h("span", { class: classAttributes.join(" ") }, h("slot", null))));
   }
   static get is() { return "hy-badge"; }
   static get encapsulation() { return "shadow"; }
@@ -25,7 +25,7 @@ export class HyBadge {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'primary' | 'warn' | 'success' | 'disabled'",
+          "original": "\"primary\" | \"warn\" | \"success\" | \"disabled\"",
           "resolved": "\"disabled\" | \"primary\" | \"success\" | \"warn\"",
           "references": {}
         },
@@ -37,9 +37,8 @@ export class HyBadge {
         },
         "attribute": "variant",
         "reflect": false,
-        "defaultValue": "'primary'"
+        "defaultValue": "\"primary\""
       }
     };
   }
 }
-//# sourceMappingURL=hy-badge.js.map

package/dist/collection/components/hy-banner/hy-banner.js

@@ -1,5 +1,5 @@
-import { h, Host } from '@stencil/core';
-import { CtaLinkButtonVariants } from '../../utils/utils';
+import { h, Host } from "@stencil/core";
+import { CtaLinkButtonVariants } from "../../utils/utils";
 export class HyBanner {
   constructor() {
     this.textTitle = undefined;
@@ -7,30 +7,30 @@ export class HyBanner {
     this.url = undefined;
     this.scLabel = undefined;
     this.urlTitle = undefined;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.isExternal = false;
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
-    const hyBannerClass = ['hy-banner', `hy-banner__${this.headerstyle}`, this.headerstyle].join(' ');
-    const hyBannerWrapperClass = ['hy-banner__info-container'].join(' ');
+    const hyBannerClass = ["hy-banner", `hy-banner__${this.headerstyle}`, this.headerstyle].join(" ");
+    const hyBannerWrapperClass = ["hy-banner__info-container"].join(" ");
     const hyBannerTitle = [
-      'hy-banner__info-container__title',
+      "hy-banner__info-container__title",
       `hy-banner__info-container__title__${this.headerstyle}`,
       this.headerstyle,
-    ].join(' ');
+    ].join(" ");
     const hyBannerDescription = [
-      'hy-banner__info-container__description',
+      "hy-banner__info-container__description",
       `hy-banner__info-container__description__${this.headerstyle}`,
       this.headerstyle,
-    ].join(' ');
+    ].join(" ");
     const variant = CtaLinkButtonVariants.onBlueBkgd;
     return (h(Host, null, h("hy-box", { pt: "1.25, 1.25, 1.5, 2.5" }), h("div", { class: hyBannerClass }, h("hy-main-content-wrapper", null, h("div", { class: hyBannerWrapperClass }, h("div", { class: hyBannerTitle }, this.textTitle), h("div", { class: hyBannerDescription }, this.textDescription), this.url && (h("div", { class: "hy-banner__info-container__link" }, h("hy-cta-button", { "link-content": this.urlTitle, "sc-label": this.scLabel, url: this.url, "is-external": this.isExternal, variant: variant })))))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
@@ -149,7 +149,7 @@ export class HyBanner {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       },
       "isExternal": {
         "type": "boolean",
@@ -173,4 +173,3 @@ export class HyBanner {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=hy-banner.js.map