@itcenteratunihelsinki/huds-lib 0.8.42 → 0.8.44

package/dist/collection/components/adjacent-image-text/adjacent-image-text.js

@@ -1,10 +1,10 @@
-import { h, Host } from '@stencil/core';
-import { jsonParserWorker } from '../../global/globalScript';
+import { h, Host } from "@stencil/core";
+import { jsonParserWorker } from "../../global/globalScript";
 export class AdjacentImageText {
   constructor() {
-    this.headerstyle = 'default';
+    this.headerstyle = "default";
     this.imageUrl = null;
-    this.imageAlt = '';
+    this.imageAlt = "";
     this.disableLazy = false;
     this.textTitle = undefined;
     this.textDescription = null;
@@ -22,27 +22,27 @@ export class AdjacentImageText {
     this._sourceSet = await jsonParserWorker(this.sourceSet);
   }
   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 classAttributes = ['hy-adjacent-image-text', `hy-adjacent-image-text__${this.headerstyle}`].join(' ');
+    const classAttributes = ["hy-adjacent-image-text", `hy-adjacent-image-text__${this.headerstyle}`].join(" ");
     const contentClassAttributes = [
-      'hy-adjacent-image-text__text-container',
-      'hy-adjacent-image-text__text-container--left',
-    ].join(' ');
-    const imageLeftClassAttributes = ['hy-adjacent-image-text__image-container'].join(' ');
+      "hy-adjacent-image-text__text-container",
+      "hy-adjacent-image-text__text-container--left",
+    ].join(" ");
+    const imageLeftClassAttributes = ["hy-adjacent-image-text__image-container"].join(" ");
     const aspectRatioWidth = 6;
     const aspectRatioHeight = 4;
     const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
     const aspectRatio = {
-      '--aspectRatio': `${aspect}%`,
+      "--aspectRatio": `${aspect}%`,
     };
-    return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: imageLeftClassAttributes, style: aspectRatio }, this._sourceSet ? (h("picture", null, this._sourceSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : '' }))), h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))) : (h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))), h("div", { class: contentClassAttributes }, h("div", { class: "hy-adjacent-image-text__text-container__info-wrapper" }, h("div", { class: "hy-adjacent-image-text__text-container__title" }, this.textTitle), h("p", { class: `hy-adjacent-image-text__text-container__description hy-adjacent-image-text__text-container__description__${this.headerstyle}` }, this.textDescription)), h("div", { class: "hy-adjacent-image-text__text-container__links-wrapper" }, this.mainUrl && (h("div", { class: "hy-adjacent-image-text__text-container__link" }, h("hy-cta-link", { "link-content": this.mainUrlTitle, "sc-label": this.mainUrlAriaLabel, url: this.mainUrl, "is-external": this.mainUrlIsExternal }))), this.mainUrl2 && (h("div", { class: "hy-adjacent-image-text__text-container__link" }, h("hy-cta-link", { "link-content": this.mainUrlTitle2, "sc-label": this.mainUrlAriaLabel2, url: this.mainUrl2, "is-external": this.mainUrlIsExternal2 })))))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
+    return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: imageLeftClassAttributes, style: aspectRatio }, this._sourceSet ? (h("picture", null, this._sourceSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))) : (h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))), h("div", { class: contentClassAttributes }, h("div", { class: "hy-adjacent-image-text__text-container__info-wrapper" }, h("div", { class: "hy-adjacent-image-text__text-container__title" }, this.textTitle), h("p", { class: `hy-adjacent-image-text__text-container__description hy-adjacent-image-text__text-container__description__${this.headerstyle}` }, this.textDescription)), h("div", { class: "hy-adjacent-image-text__text-container__links-wrapper" }, this.mainUrl && (h("div", { class: "hy-adjacent-image-text__text-container__link" }, h("hy-cta-link", { "link-content": this.mainUrlTitle, "sc-label": this.mainUrlAriaLabel, url: this.mainUrl, "is-external": this.mainUrlIsExternal }))), this.mainUrl2 && (h("div", { class: "hy-adjacent-image-text__text-container__link" }, h("hy-cta-link", { "link-content": this.mainUrlTitle2, "sc-label": this.mainUrlAriaLabel2, url: this.mainUrl2, "is-external": this.mainUrlIsExternal2 })))))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
   static get is() { return "hy-adjacent-image-text"; }
   static get originalStyleUrls() {
@@ -73,7 +73,7 @@ export class AdjacentImageText {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'default'"
+        "defaultValue": "\"default\""
       },
       "imageUrl": {
         "type": "string",
@@ -109,7 +109,7 @@ export class AdjacentImageText {
         },
         "attribute": "image-alt",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "disableLazy": {
         "type": "boolean",
@@ -311,7 +311,7 @@ export class AdjacentImageText {
           "references": {
             "ImageSrcSet": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/adjacent-image-text/adjacent-image-text.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/adjacent-image-text/adjacent-image-text.tsx"
             }
           }
         },
@@ -328,4 +328,3 @@ export class AdjacentImageText {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=adjacent-image-text.js.map

package/dist/collection/components/baseline/baseline.js

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
-import { css } from 'emotion';
+import { h } from "@stencil/core";
+import { css } from "emotion";
 const createCss = (value) => {
   return css `
     > * + * {
@@ -49,4 +49,3 @@ export class Baseline {
     };
   }
 }
-//# sourceMappingURL=baseline.js.map

package/dist/collection/components/button/button.js

@@ -1,46 +1,46 @@
-import { h, Host } from '@stencil/core';
-import colors from '../../global/colors';
+import { h, Host } from "@stencil/core";
+import colors from "../../global/colors";
 const fillcolors = {
   primary: colors.brandMain,
-  secondary: 'white',
+  secondary: "white",
 };
 export class Button {
   constructor() {
-    this.buttonType = 'submit';
-    this.buttonClasses = '';
-    this.variant = 'primary';
-    this.state = 'enabled';
-    this.size = 'normal';
+    this.buttonType = "submit";
+    this.buttonClasses = "";
+    this.variant = "primary";
+    this.state = "enabled";
+    this.size = "normal";
     this.disabled = false;
-    this.url = '';
-    this.ariaLabel = '';
+    this.url = "";
+    this.ariaLabel = "";
     this.isExternal = false;
     this.icon = undefined;
     this.iconRight = undefined;
-    this.attrs = '';
+    this.attrs = "";
   }
   render() {
-    const classAttributes = ['hy-button', this.variant, this.state, 'size-' + this.size, this.buttonClasses];
+    const classAttributes = ["hy-button", this.variant, this.state, "size-" + this.size, this.buttonClasses];
     const iconFillColor = fillcolors[this.variant];
-    const target = this.isExternal ? '_blank' : '_self';
+    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 parts = item.split("=");
         let key = parts[0];
         let value = parts[1];
-        key = key.replaceAll('"', ' ');
+        key = key.replaceAll('"', " ");
         key = key.trim();
-        if (key !== 'class') {
-          value = value.replaceAll('"', ' ');
+        if (key !== "class") {
+          value = value.replaceAll('"', " ");
           value = value.trim();
           props[key] = value;
         }
       });
     }
-    return this.url ? (h(Host, { "icon-right": "hy-icon-arrow-right", "aria-label": this.ariaLabel }, h("div", { style: { display: 'flex' } }, h("a", { class: classAttributes.join(' '), href: this.url, target: target }, h("span", { class: "hy-button__text" }, h("slot", null)), h("span", { class: "hy-button__icon" }, h("hy-icon", { icon: "hy-icon-arrow-right", fill: iconFillColor, size: 13 })))))) : (h(Host, { "aria-label": this.ariaLabel }, h("button", Object.assign({ type: this.buttonType, class: classAttributes.join(' '), disabled: this.disabled }, props), !!this.icon && (h("span", { class: "hy-button__icon hy-button__icon--left" }, h("hy-icon", { icon: this.icon, fill: iconFillColor, size: 13 }))), h("span", { class: "hy-button__text" }, h("slot", null)), !!this.iconRight && (h("span", { class: "hy-button__icon hy-button__icon--right" }, h("hy-icon", { icon: this.iconRight, fill: iconFillColor, size: 13 }))))));
+    return this.url ? (h(Host, { "icon-right": "hy-icon-arrow-right", "aria-label": this.ariaLabel }, h("div", { style: { display: "flex" } }, h("a", { class: classAttributes.join(" "), href: this.url, target: target }, h("span", { class: "hy-button__text" }, h("slot", null)), h("span", { class: "hy-button__icon" }, h("hy-icon", { icon: "hy-icon-arrow-right", fill: iconFillColor, size: 13 })))))) : (h(Host, { "aria-label": this.ariaLabel }, h("button", Object.assign({ type: this.buttonType, class: classAttributes.join(" "), disabled: this.disabled }, props), !!this.icon && (h("span", { class: "hy-button__icon hy-button__icon--left" }, h("hy-icon", { icon: this.icon, fill: iconFillColor, size: 13 }))), h("span", { class: "hy-button__text" }, h("slot", null)), !!this.iconRight && (h("span", { class: "hy-button__icon hy-button__icon--right" }, h("hy-icon", { icon: this.iconRight, fill: iconFillColor, size: 13 }))))));
   }
   static get is() { return "hy-button"; }
   static get originalStyleUrls() {
@@ -71,7 +71,7 @@ export class Button {
         },
         "attribute": "button-type",
         "reflect": false,
-        "defaultValue": "'submit'"
+        "defaultValue": "\"submit\""
       },
       "buttonClasses": {
         "type": "string",
@@ -89,7 +89,7 @@ export class Button {
         },
         "attribute": "button-classes",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "variant": {
         "type": "string",
@@ -112,13 +112,13 @@ export class Button {
         },
         "attribute": "variant",
         "reflect": false,
-        "defaultValue": "'primary'"
+        "defaultValue": "\"primary\""
       },
       "state": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'enabled' | 'disabled'",
+          "original": "\"enabled\" | \"disabled\"",
           "resolved": "\"disabled\" | \"enabled\"",
           "references": {}
         },
@@ -130,13 +130,13 @@ export class Button {
         },
         "attribute": "state",
         "reflect": false,
-        "defaultValue": "'enabled'"
+        "defaultValue": "\"enabled\""
       },
       "size": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'normal' | 'large'",
+          "original": "\"normal\" | \"large\"",
           "resolved": "\"large\" | \"normal\"",
           "references": {}
         },
@@ -148,7 +148,7 @@ export class Button {
         },
         "attribute": "size",
         "reflect": false,
-        "defaultValue": "'normal'"
+        "defaultValue": "\"normal\""
       },
       "disabled": {
         "type": "boolean",
@@ -184,7 +184,7 @@ export class Button {
         },
         "attribute": "url",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "ariaLabel": {
         "type": "string",
@@ -202,7 +202,7 @@ export class Button {
         },
         "attribute": "aria-label",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "isExternal": {
         "type": "boolean",
@@ -272,9 +272,8 @@ export class Button {
         },
         "attribute": "attrs",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       }
     };
   }
 }
-//# sourceMappingURL=button.js.map

package/dist/collection/components/color-box/color-box.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class ColorBox {
   render() {
     return (h(Host, null, h("slot", null)));
@@ -16,4 +16,3 @@ export class ColorBox {
     };
   }
 }
-//# sourceMappingURL=color-box.js.map

package/dist/collection/components/courses/hy-content-list/hy-content-list.js

@@ -1,14 +1,14 @@
-import { CourseStateVariants, CourseVariants } from '../../../utils/utils';
-import { h, Host } from '@stencil/core';
+import { CourseStateVariants, CourseVariants } from "../../../utils/utils";
+import { h, Host } from "@stencil/core";
 export class HyContentList {
   constructor() {
     this.variant = CourseVariants.default;
-    this.linkLabel = 'Go to course page';
-    this.noResultLabel = 'No courses scheduled at the moment';
-    this.creditsLabel = 'cr';
-    this.cancelledLabel = 'Cancelled';
+    this.linkLabel = "Go to course page";
+    this.noResultLabel = "No courses scheduled at the moment";
+    this.creditsLabel = "cr";
+    this.cancelledLabel = "Cancelled";
     this.dataItems = undefined;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.courseStateVariant = CourseStateVariants.default;
     this.courseRealisations = [];
   }
@@ -16,7 +16,7 @@ export class HyContentList {
    * Data for links to be displayed.
    */
   dataWatcher(data) {
-    this._dataItems = typeof data === 'string' ? JSON.parse(data) : data;
+    this._dataItems = typeof data === "string" ? JSON.parse(data) : data;
   }
   componentWillLoad() {
     this.dataWatcher(this.dataItems);
@@ -25,14 +25,14 @@ export class HyContentList {
     e.preventDefault();
     let card = this.el.querySelector(`#${id}`);
     if (card) {
-      window.open(card.dataset.location, '_blank');
+      window.open(card.dataset.location, "_blank");
     }
   }
   async 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";
       }
     }
   }
@@ -41,39 +41,39 @@ export class HyContentList {
     if (this._dataItems && this._dataItems.length > 0) {
       this._dataItems.forEach((item) => {
         const courseObject = JSON.parse(JSON.stringify(item));
-        const courseListType = courseObject['courseListType'];
-        this.variant = courseListType == 'list' ? CourseVariants.row : CourseVariants.grid;
+        const courseListType = courseObject["courseListType"];
+        this.variant = courseListType == "list" ? CourseVariants.row : CourseVariants.grid;
         for (const courseProperty in courseObject) {
-          if (courseProperty == 'courseListType')
+          if (courseProperty == "courseListType")
             continue;
           const courseItem = courseObject[courseProperty];
-          const courseCode = courseItem['code'];
-          const courseCredits = courseItem['credits'];
+          const courseCode = courseItem["code"];
+          const courseCredits = courseItem["credits"];
           // Course realisations.
-          if (courseItem['realisations']) {
-            const realisations = JSON.parse(JSON.stringify(courseItem['realisations']));
+          if (courseItem["realisations"]) {
+            const realisations = JSON.parse(JSON.stringify(courseItem["realisations"]));
             for (const realisationProperty in realisations) {
               const realizationItem = realisations[realisationProperty];
-              const courseRealisationName = realizationItem['name'];
-              const courseRealisationFullName = courseRealisationName + ', ' + courseCredits + ' ' + this.creditsLabel;
-              const courseStudyFormat = realizationItem['studyFormat'];
-              const courseCancelled = realizationItem['cancelled'];
-              const courseStartDate = realizationItem['startDate'];
-              const courseEndDate = realizationItem['endDate'];
-              const formattedTimeRange = realizationItem['formattedTimeRange'];
-              const courseEnrollmentLink = realizationItem['enrolmentLink'];
-              const courseTeachingLanguage = realizationItem['teachingLanguage'];
-              const courseOrganisation = realizationItem['organisation'];
+              const courseRealisationName = realizationItem["name"];
+              const courseRealisationFullName = courseRealisationName + ", " + courseCredits + " " + this.creditsLabel;
+              const courseStudyFormat = realizationItem["studyFormat"];
+              const courseCancelled = realizationItem["cancelled"];
+              const courseStartDate = realizationItem["startDate"];
+              const courseEndDate = realizationItem["endDate"];
+              const formattedTimeRange = realizationItem["formattedTimeRange"];
+              const courseEnrollmentLink = realizationItem["enrolmentLink"];
+              const courseTeachingLanguage = realizationItem["teachingLanguage"];
+              const courseOrganisation = realizationItem["organisation"];
               let courseTags = [];
-              if (realizationItem['tags']) {
-                let tags = JSON.parse(JSON.stringify(realizationItem['tags']));
+              if (realizationItem["tags"]) {
+                let tags = JSON.parse(JSON.stringify(realizationItem["tags"]));
                 for (let z in tags) {
                   let tagItem = { name: tags[z] };
                   courseTags.push(tagItem);
                 }
               }
               const courseTagsJSON = JSON.stringify(courseTags);
-              const contentListItemClassAttributes = ['item', this.variant].join(' ');
+              const contentListItemClassAttributes = ["item", this.variant].join(" ");
               courseRealisations.push(h("hy-content-list-item", { id: realisationProperty, class: contentListItemClassAttributes, variant: this.variant, "state-variant": this.courseStateVariant, "course-code": courseCode, "course-name": courseRealisationFullName, "is-cancelled": courseCancelled, "cancelled-label": this.cancelledLabel, "course-credits": courseCredits, "course-tags": courseTagsJSON, "course-start-date": courseStartDate, "course-end-date": courseEndDate, "formatted-time-range": formattedTimeRange, "course-study-format": courseStudyFormat, "course-organisation": courseOrganisation, "course-enrollment-link": courseEnrollmentLink, "course-teaching-language": courseTeachingLanguage, "course-link-label": this.linkLabel, "data-location": courseEnrollmentLink, onClick: (e) => this.handleCardClick(e, realisationProperty) }));
             }
           }
@@ -83,18 +83,18 @@ export class HyContentList {
     return courseRealisations;
   }
   render() {
-    const classAttributes = [this.variant, 'hy-content-list'].join(' ');
-    const classAlertAttributes = ['hy-content-list--alert', `hy-content-list--alert--${this.headerstyle}`].join(' ');
+    const classAttributes = [this.variant, "hy-content-list"].join(" ");
+    const classAlertAttributes = ["hy-content-list--alert", `hy-content-list--alert--${this.headerstyle}`].join(" ");
     const classAlertLabelAttributes = [
-      'hy-content-list--alert-label',
+      "hy-content-list--alert-label",
       `hy-content-list--alert-label--${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     this.courseRealisations = this.renderItems();
     if (this.courseRealisations && this.courseRealisations.length > 0) {
       return (h(Host, null, h("div", { class: classAttributes }, this.courseRealisations)));
     }
     else {
-      return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: "hy-content-list--no-result" }, h("span", { class: classAlertAttributes }, h("hy-icon", { icon: 'hy-icon-info', size: 16 })), h("span", { class: classAlertLabelAttributes }, this.noResultLabel)))));
+      return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: "hy-content-list--no-result" }, h("span", { class: classAlertAttributes }, h("hy-icon", { icon: "hy-icon-info", size: 16 })), h("span", { class: classAlertLabelAttributes }, this.noResultLabel)))));
     }
   }
   static get is() { return "hy-content-list"; }
@@ -126,7 +126,7 @@ export class HyContentList {
         },
         "attribute": "link-label",
         "reflect": false,
-        "defaultValue": "'Go to course page'"
+        "defaultValue": "\"Go to course page\""
       },
       "noResultLabel": {
         "type": "string",
@@ -144,7 +144,7 @@ export class HyContentList {
         },
         "attribute": "no-result-label",
         "reflect": false,
-        "defaultValue": "'No courses scheduled at the moment'"
+        "defaultValue": "\"No courses scheduled at the moment\""
       },
       "creditsLabel": {
         "type": "string",
@@ -162,7 +162,7 @@ export class HyContentList {
         },
         "attribute": "credits-label",
         "reflect": false,
-        "defaultValue": "'cr'"
+        "defaultValue": "\"cr\""
       },
       "cancelledLabel": {
         "type": "string",
@@ -180,7 +180,7 @@ export class HyContentList {
         },
         "attribute": "cancelled-label",
         "reflect": false,
-        "defaultValue": "'Cancelled'"
+        "defaultValue": "\"Cancelled\""
       },
       "dataItems": {
         "type": "string",
@@ -215,7 +215,7 @@ export class HyContentList {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       },
       "courseStateVariant": {
         "type": "string",
@@ -255,4 +255,3 @@ export class HyContentList {
       }];
   }
 }
-//# sourceMappingURL=hy-content-list.js.map

package/dist/collection/components/courses/hy-content-list-item/hy-content-list-item.js

@@ -1,8 +1,8 @@
-import { h } from '@stencil/core';
-import { CourseStateVariants, CourseVariants } from '../../../utils/utils';
-import { jsonParserWorker } from '../../../global/globalScript';
+import { h } from "@stencil/core";
+import { CourseStateVariants, CourseVariants } from "../../../utils/utils";
+import { jsonParserWorker } from "../../../global/globalScript";
 let keys = {
-  enter: 'Enter',
+  enter: "Enter",
 };
 export class HyContentLstItem {
   constructor() {
@@ -11,7 +11,7 @@ export class HyContentLstItem {
     this.courseCode = undefined;
     this.courseName = undefined;
     this.isCancelled = undefined;
-    this.cancelledLabel = 'Cancelled';
+    this.cancelledLabel = "Cancelled";
     this.courseCredits = undefined;
     this.courseTags = undefined;
     this.courseStartDate = undefined;
@@ -30,18 +30,18 @@ export class HyContentLstItem {
     const key = event.code;
     if (key == keys.enter) {
       let card = this.el;
-      window.open(card.dataset.location, '_blank', 'noopener');
+      window.open(card.dataset.location, "_blank", "noopener");
     }
   }
   render() {
-    const classAttributes = [this.variant, 'hy-content-list-item'].join(' ');
-    const target = '_blank';
-    const ariaLabel = 'Link points outside the current website.';
+    const classAttributes = [this.variant, "hy-content-list-item"].join(" ");
+    const target = "_blank";
+    const ariaLabel = "Link points outside the current website.";
     const classItemName = [
-      'hy-content-list-item--item-name',
+      "hy-content-list-item--item-name",
       `hy-content-list-item--item-name--${this.stateVariant}`,
-    ].join(' ');
-    const classItemCancelled = ['cancelled', `cancelled--${this.stateVariant}`].join(' ');
+    ].join(" ");
+    const classItemCancelled = ["cancelled", `cancelled--${this.stateVariant}`].join(" ");
     return [
       h("div", { class: classAttributes, tabindex: "0" }, h("div", { class: classItemName }, this.courseName), h("div", { class: "hy-content-list-item--metadata" }, this.isCancelled && (h("div", { class: classItemCancelled }, h("span", null, this.cancelledLabel))), h("div", { class: "hy-content-list-item--metadata--item hy-content-list-item--metadata--item--first" }, h("span", null, this.formattedTimeRange)), this.courseOrganisation
         ? [
@@ -52,7 +52,7 @@ export class HyContentLstItem {
           h("div", { class: "hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last" }, h("span", null, this.courseStudyFormat)),
         ]), this._courseTags && this._courseTags.length > 0 && (h("div", { class: "hy-content-list-item--tags" }, this._courseTags.map((x) => {
         return h("hy-tag", null, x.name);
-      }))), this.isCancelled && (h("div", { class: "cancelled mobile" }, h("span", null, this.cancelledLabel))), h("div", { class: "hy-content-list-item--link" }, h("a", { href: this.courseEnrollmentLink, target: target, "aria-label": ariaLabel, class: "hy-content-list-item--link--link", tabindex: "-1" }, h("span", { class: "label" }, this.courseLinkLabel), h("span", { class: "icon-wrapper" }, h("div", { class: "icon" }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 40 })))))),
+      }))), this.isCancelled && (h("div", { class: "cancelled mobile" }, h("span", null, this.cancelledLabel))), h("div", { class: "hy-content-list-item--link" }, h("a", { href: this.courseEnrollmentLink, target: target, "aria-label": ariaLabel, class: "hy-content-list-item--link--link", tabindex: "-1" }, h("span", { class: "label" }, this.courseLinkLabel), h("span", { class: "icon-wrapper" }, h("div", { class: "icon" }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 40 })))))),
     ];
   }
   static get is() { return "hy-content-list-item"; }
@@ -181,7 +181,7 @@ export class HyContentLstItem {
         },
         "attribute": "cancelled-label",
         "reflect": false,
-        "defaultValue": "'Cancelled'"
+        "defaultValue": "\"Cancelled\""
       },
       "courseCredits": {
         "type": "string",
@@ -209,7 +209,7 @@ export class HyContentLstItem {
           "references": {
             "TagValue": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/courses/hy-content-list-item/hy-content-list-item.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/courses/hy-content-list-item/hy-content-list-item.tsx"
             }
           }
         },
@@ -371,4 +371,3 @@ export class HyContentLstItem {
       }];
   }
 }
-//# sourceMappingURL=hy-content-list-item.js.map

package/dist/collection/components/cta-button/cta-button.js

@@ -1,22 +1,22 @@
-import { h } from '@stencil/core';
-import { CtaLinkButtonVariants } from '../../utils/utils';
+import { h } from "@stencil/core";
+import { CtaLinkButtonVariants } from "../../utils/utils";
 export class CtaButton {
   constructor() {
     this.variant = CtaLinkButtonVariants.onBlueBkgd;
-    this.linkContent = '';
+    this.linkContent = "";
     this.typeButton = false;
     this.url = undefined;
     this.scLabel = undefined;
     this.isExternal = false;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
   }
   render() {
-    const classAttributes = ['hy-cta-button', this.variant, this.headerstyle].join(' ');
-    const containerClassAttributes = ['hy-cta-button-container'].join(' ');
-    const textClassAttributes = ['text'].join(' ');
-    const iconClassAttributes = ['link-icon'].join(' ');
-    const target = this.isExternal ? '_blank' : '_self';
-    return (h("span", { class: containerClassAttributes }, !this.typeButton ? (h("a", { "aria-label": this.scLabel, class: classAttributes, href: this.url, target: target }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 48 })))) : (h("button", { "aria-label": this.scLabel, class: classAttributes }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 48 }))))));
+    const classAttributes = ["hy-cta-button", this.variant, this.headerstyle].join(" ");
+    const containerClassAttributes = ["hy-cta-button-container"].join(" ");
+    const textClassAttributes = ["text"].join(" ");
+    const iconClassAttributes = ["link-icon"].join(" ");
+    const target = this.isExternal ? "_blank" : "_self";
+    return (h("span", { class: containerClassAttributes }, !this.typeButton ? (h("a", { "aria-label": this.scLabel, class: classAttributes, href: this.url, target: target }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-right", size: 48 })))) : (h("button", { "aria-label": this.scLabel, class: classAttributes }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-right", size: 48 }))))));
   }
   static get is() { return "hy-cta-button"; }
   static get originalStyleUrls() {
@@ -70,7 +70,7 @@ export class CtaButton {
         },
         "attribute": "link-content",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "typeButton": {
         "type": "boolean",
@@ -158,10 +158,9 @@ export class CtaButton {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       }
     };
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=cta-button.js.map

package/dist/collection/components/cta-link/cta-link.js

@@ -1,17 +1,17 @@
-import { h } from '@stencil/core';
-import { CtaLinkVariants } from '../../utils/utils';
+import { h } from "@stencil/core";
+import { CtaLinkVariants } from "../../utils/utils";
 export class CtaLink {
   constructor() {
     this.variant = CtaLinkVariants.default;
-    this.linkContent = '';
+    this.linkContent = "";
     this.url = undefined;
     this.scLabel = undefined;
     this.isExternal = false;
   }
   render() {
-    const iconClassAttributes = ['hy-cta-link__icon', this.isExternal && 'hy-cta-link__icon--external'].join(' ');
-    const target = this.isExternal ? '_blank' : '_self';
-    return (h("a", { "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` }, this.variant == CtaLinkVariants.linkList && (h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 }))), h("span", null, this.linkContent), this.variant == CtaLinkVariants.default && (h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 })))));
+    const iconClassAttributes = ["hy-cta-link__icon", this.isExternal && "hy-cta-link__icon--external"].join(" ");
+    const target = this.isExternal ? "_blank" : "_self";
+    return (h("a", { "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` }, this.variant == CtaLinkVariants.linkList && (h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24 }))), h("span", null, this.linkContent), this.variant == CtaLinkVariants.default && (h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24 })))));
   }
   static get is() { return "hy-cta-link"; }
   static get originalStyleUrls() {
@@ -65,7 +65,7 @@ export class CtaLink {
         },
         "attribute": "link-content",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "url": {
         "type": "string",
@@ -123,4 +123,3 @@ export class CtaLink {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=cta-link.js.map

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

@@ -15,4 +15,3 @@ export class DocsContainer {
     };
   }
 }
-//# sourceMappingURL=docs-container.js.map