@itcenteratunihelsinki/huds-lib 0.8.42 → 0.8.44

package/dist/collection/components/pagination/hy-pager-item/hy-pager-item.js

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
-import { PaginationItemVariants } from '../../../utils/utils';
+import { h } from "@stencil/core";
+import { PaginationItemVariants } from "../../../utils/utils";
 export class HyPagerItem {
   constructor() {
     this.variant = PaginationItemVariants.default;
@@ -8,28 +8,28 @@ export class HyPagerItem {
     this.scAriaLabel = undefined;
   }
   render() {
-    let classAttributes = ['hy-pager__item'].join(' ');
+    let classAttributes = ["hy-pager__item"].join(" ");
     switch (this.variant) {
       case PaginationItemVariants.current: {
-        classAttributes = ['hy-pager__item', 'hy-pager__item__current'].join(' ');
+        classAttributes = ["hy-pager__item", "hy-pager__item__current"].join(" ");
         return (h("li", { class: classAttributes }, h("a", { href: this.itemUrl, "aria-current": "true" }, this.itemLabel)));
       }
       case PaginationItemVariants.next: {
-        classAttributes = ['hy-pager__item', 'hy-pager__item__next'].join(' ');
-        const iconClassAttributes = ['link-icon'].join(' ');
-        return (h("li", { class: classAttributes }, h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, this.itemLabel, h("span", { class: 'hy-icon-wrapper' }, h("div", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 12 }))))));
+        classAttributes = ["hy-pager__item", "hy-pager__item__next"].join(" ");
+        const iconClassAttributes = ["link-icon"].join(" ");
+        return (h("li", { class: classAttributes }, h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, this.itemLabel, h("span", { class: "hy-icon-wrapper" }, h("div", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 12 }))))));
       }
       case PaginationItemVariants.previous: {
-        classAttributes = ['hy-pager__item', 'hy-pager__item__previous'].join(' ');
-        const iconClassAttributes = ['link-icon'].join(' ');
-        return (h("li", { class: classAttributes }, h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, h("span", { class: 'hy-icon-wrapper' }, h("div", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-left', size: 12 }))), this.itemLabel)));
+        classAttributes = ["hy-pager__item", "hy-pager__item__previous"].join(" ");
+        const iconClassAttributes = ["link-icon"].join(" ");
+        return (h("li", { class: classAttributes }, h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, h("span", { class: "hy-icon-wrapper" }, h("div", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-left", size: 12 }))), this.itemLabel)));
       }
       case PaginationItemVariants.ellipsis: {
-        classAttributes = ['hy-pager__item', 'hy-pager__item__ellipsis'].join(' ');
+        classAttributes = ["hy-pager__item", "hy-pager__item__ellipsis"].join(" ");
         return h("li", { class: classAttributes }, "...");
       }
       default: {
-        classAttributes = ['hy-pager__item'].join(' ');
+        classAttributes = ["hy-pager__item"].join(" ");
         return (h("li", { class: classAttributes }, h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, this.itemLabel)));
       }
     }
@@ -125,4 +125,3 @@ export class HyPagerItem {
     };
   }
 }
-//# sourceMappingURL=hy-pager-item.js.map

package/dist/collection/components/paragraph-text/paragraph-text.js

@@ -1,26 +1,26 @@
-import { h, Host } from '@stencil/core';
+import { h, Host } from "@stencil/core";
 export class ParagraphText {
   constructor() {
     this.variant = undefined;
-    this.placement = 'internal';
-    this.headerstyle = 'default';
+    this.placement = "internal";
+    this.headerstyle = "default";
   }
   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-paragraph-text',
+      "hy-paragraph-text",
       `hy-paragraph-text__${this.headerstyle}`,
       `${this.variant}`,
       `${this.placement}`,
       `${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     return (h(Host, null, h("div", { class: classAttributes }, h("slot", null))));
   }
   static get is() { return "hy-paragraph-text"; }
@@ -73,7 +73,7 @@ export class ParagraphText {
         },
         "attribute": "placement",
         "reflect": false,
-        "defaultValue": "'internal'"
+        "defaultValue": "\"internal\""
       },
       "headerstyle": {
         "type": "string",
@@ -91,10 +91,9 @@ export class ParagraphText {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'default'"
+        "defaultValue": "\"default\""
       }
     };
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=paragraph-text.js.map

package/dist/collection/components/person-profile/person-profile-listing/person-profile.listing.js

@@ -1,21 +1,21 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class PersonProfile {
   constructor() {
     this.items = undefined;
-    this.col = 'col-2';
+    this.col = "col-2";
     this.inline = undefined;
     this.withoutIcons = undefined;
     this.textSpacingTight = undefined;
     this.isResearch = false;
   }
   render() {
-    return (h(Host, null, h("ul", { class: `hy-person-profile-listing ${this.col} ${this.inline ? 'is-inline' : ''} ${this.withoutIcons ? 'without-icons' : ''} ${this.textSpacingTight ? 'text-tight' : ''}` }, this.isResearch && h("h3", { class: "hy-person-profile-listing__label" }, this.items[0].label), this.items.map(({ label, items }) => {
-      if (items.filter(({ label }) => label !== '').length > 0) {
+    return (h(Host, null, h("ul", { class: `hy-person-profile-listing ${this.col} ${this.inline ? "is-inline" : ""} ${this.withoutIcons ? "without-icons" : ""} ${this.textSpacingTight ? "text-tight" : ""}` }, this.isResearch && h("h3", { class: "hy-person-profile-listing__label" }, this.items[0].label), this.items.map(({ label, items }) => {
+      if (items.filter(({ label }) => label !== "").length > 0) {
         return (h("li", null, !this.isResearch && h("h3", { class: "hy-person-profile-listing__label" }, label), h("ul", { class: "hy-person-profile-listing__items" }, items.map(({ label, url }, index) => {
           if (url) {
-            return (h("li", { class: "hy-person-profile-listing__item" }, h("a", { href: url }, index !== 0 && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, label))));
+            return (h("li", { class: "hy-person-profile-listing__item" }, h("a", { href: url }, index !== 0 && h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), h("span", null, label))));
           }
-          return (h("li", { class: "hy-person-profile-listing__item" }, index !== 0 && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, label)));
+          return (h("li", { class: "hy-person-profile-listing__item" }, index !== 0 && h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), h("span", null, label)));
         }))));
       }
     }))));
@@ -42,7 +42,7 @@ export class PersonProfile {
           "references": {
             "personProfileListingItems": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/person-profile/person-profile-listing/person-profile.listing.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/person-profile/person-profile-listing/person-profile.listing.tsx"
             }
           }
         },
@@ -57,7 +57,7 @@ export class PersonProfile {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'col-1' | 'col-2' | 'col-4'",
+          "original": "\"col-1\" | \"col-2\" | \"col-4\"",
           "resolved": "\"col-1\" | \"col-2\" | \"col-4\"",
           "references": {}
         },
@@ -69,7 +69,7 @@ export class PersonProfile {
         },
         "attribute": "col",
         "reflect": false,
-        "defaultValue": "'col-2'"
+        "defaultValue": "\"col-2\""
       },
       "inline": {
         "type": "boolean",
@@ -143,4 +143,3 @@ export class PersonProfile {
     };
   }
 }
-//# sourceMappingURL=person-profile.listing.js.map

package/dist/collection/components/person-profile/person-profile.js

@@ -1,5 +1,5 @@
-import { Host, h, Fragment } from '@stencil/core';
-import { CtaLinkButtonVariants } from '../../utils/utils';
+import { Host, h, Fragment } from "@stencil/core";
+import { CtaLinkButtonVariants } from "../../utils/utils";
 let timer;
 export class PersonProfile {
   constructor() {
@@ -26,37 +26,37 @@ export class PersonProfile {
     const { organizations, research_organizations } = organization_units.items;
     const aboutDescriptionTextDestructured = about.description;
     const aboutDescriptionLength = aboutDescriptionTextDestructured.length;
-    let trimmedAboutDescription = '';
+    let trimmedAboutDescription = "";
     if (aboutDescriptionLength > 650) {
       if (this.isFullAboutTextHidden) {
-        const ellipsisTextArray = aboutDescriptionTextDestructured + '...';
+        const ellipsisTextArray = aboutDescriptionTextDestructured + "...";
         trimmedAboutDescription = ellipsisTextArray;
       }
       else {
-        const ellipsisTextArray = aboutDescriptionTextDestructured.substring(0, 650) + '...';
+        const ellipsisTextArray = aboutDescriptionTextDestructured.substring(0, 650) + "...";
         trimmedAboutDescription = ellipsisTextArray;
       }
     }
-    window.addEventListener('resize', () => {
+    window.addEventListener("resize", () => {
       clearTimeout(timer);
       timer = setTimeout(() => {
         this.viewportSize = window.innerWidth;
       }, 250);
     });
     const research_portal_title = `${research.research_portal_label}: ${name}`;
-    return (h(Host, null, h("section", { class: "hy-profile-page" }, h("a", { href: this.peopleFinderReturnLink, class: "hy-profile-page__back-button" }, h("hy-icon", { icon: 'hy-icon-arrow-left', size: 24 }), h("span", null, this.peopleFinderReturnLabel)), h("section", { class: "hy-profile-page__section" }, h("div", { class: "hy-profile-page__person-information" }, h("div", null, h("h1", { class: "hy-profile-page__name" }, name), job_title && h("p", { class: "hy-profile-page__job-title" }, job_title), additional_information && (h("p", { class: "hy-profile-page__additional-information" }, additional_information))), image_url ? (h("img", { src: image_url, alt: "", class: "hy-profile-page__image" })) : (h("div", { class: "hy-profile-page__image", "aria-hidden": "true" }))), contact_information && (h("div", { class: "hy-profile-page__contact-information" }, contact_information.label && h("h2", null, contact_information.label), contact_information.items && (h("hy-person-profile-listing", { items: contact_information.items, col: "col-4", withoutIcons: true, textSpacingTight: true }))))), (organizations.items.length > 0 || Object.keys(research_organizations.items).length > 0) && (h("section", { class: "hy-profile-page__section" }, organization_units.label && h("h2", null, organization_units.label), organizations.items.length > 0 && (h("section", { class: "hy-profile-page__organization-units-section" }, h("h3", null, organizations.label), h("ul", { class: "hy-profile-page__organizations" }, h("li", null, organizations.items.map((item, index) => {
-      return (h("span", null, index > 1 && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), index !== 0 && (h("span", null, h("a", { href: organization_units.people_finder_path[organization_units.lang] +
-          '?researchOrganizations.id[]=' +
-          item.id, target: '_blank' }, item.name[organization_units.lang])))));
+    return (h(Host, null, h("section", { class: "hy-profile-page" }, h("a", { href: this.peopleFinderReturnLink, class: "hy-profile-page__back-button" }, h("hy-icon", { icon: "hy-icon-arrow-left", size: 24 }), h("span", null, this.peopleFinderReturnLabel)), h("section", { class: "hy-profile-page__section" }, h("div", { class: "hy-profile-page__person-information" }, h("div", null, h("h1", { class: "hy-profile-page__name" }, name), job_title && h("p", { class: "hy-profile-page__job-title" }, job_title), additional_information && (h("p", { class: "hy-profile-page__additional-information" }, additional_information))), image_url ? (h("img", { src: image_url, alt: "", class: "hy-profile-page__image" })) : (h("div", { class: "hy-profile-page__image", "aria-hidden": "true" }))), contact_information && (h("div", { class: "hy-profile-page__contact-information" }, contact_information.label && h("h2", null, contact_information.label), contact_information.items && (h("hy-person-profile-listing", { items: contact_information.items, col: "col-4", withoutIcons: true, textSpacingTight: true }))))), (organizations.items.length > 0 || Object.keys(research_organizations.items).length > 0) && (h("section", { class: "hy-profile-page__section" }, organization_units.label && h("h2", null, organization_units.label), organizations.items.length > 0 && (h("section", { class: "hy-profile-page__organization-units-section" }, h("h3", null, organizations.label), h("ul", { class: "hy-profile-page__organizations" }, h("li", null, organizations.items.map((item, index) => {
+      return (h("span", null, index > 1 && h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), index !== 0 && (h("span", null, h("a", { href: organization_units.people_finder_path[organization_units.lang] +
+          "?researchOrganizations.id[]=" +
+          item.id, target: "_blank" }, item.name[organization_units.lang])))));
     }))))), Object.keys(research_organizations.items).length > 0 && (h("section", { class: "hy-profile-page__organization-units-section" }, h("h3", null, research_organizations.label), h("ul", { class: "hy-profile-page__research-organizations" }, Object.values(research_organizations.items).map(([...item]) => (h("li", null, item.map((item, index) => {
-      return (h(Fragment, null, index > 1 && (h("ul", null, h("li", null, h("span", null, h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, h("a", { href: organization_units.people_finder_path[organization_units.lang] +
-          '?researchOrganizations.id[]=' +
-          item.id, target: '_blank' }, item.name[organization_units.lang])))))), index == 1 && (h("span", null, h("a", { href: organization_units.people_finder_path[organization_units.lang] +
-          '?researchOrganizations.id[]=' +
-          item.id, target: '_blank' }, item.name[organization_units.lang])))));
+      return (h(Fragment, null, index > 1 && (h("ul", null, h("li", null, h("span", null, h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), h("span", null, h("a", { href: organization_units.people_finder_path[organization_units.lang] +
+          "?researchOrganizations.id[]=" +
+          item.id, target: "_blank" }, item.name[organization_units.lang])))))), index == 1 && (h("span", null, h("a", { href: organization_units.people_finder_path[organization_units.lang] +
+          "?researchOrganizations.id[]=" +
+          item.id, target: "_blank" }, item.name[organization_units.lang])))));
     }))))))))), about && aboutDescriptionLength !== 0 && (h("section", { class: "hy-profile-page__section" }, about.description && (h(Fragment, null, h("h2", null, about.label), h("div", { class: "hy-profile-page__person-about-text", innerHTML: !this.isFullAboutTextHidden && aboutDescriptionLength > 650
         ? trimmedAboutDescription
-        : about.description }))), aboutDescriptionLength > 650 && (h("button", { class: "hy-profile-page__person-about-text-toggle", onClick: () => this.toggleShowFullAboutText(), "aria-expanded": `${this.isFullAboutTextHidden ? 'true' : 'false'}` }, this.isFullAboutTextHidden ? this.hideFullAboutText : this.showFullAboutText)))), ((research && research.items.length > 0) || (person_content && person_content.research_url.length > 0)) && (h("section", { class: "hy-profile-page__section" }, h("div", { class: "hy-profile-page__section__research_title" }, research.label && h("h2", null, research.label), research.label && person_content.research_url.length > 0 && (h("hy-cta-button", { "link-content": research_portal_title, "sc-label": research_portal_title, url: person_content.research_url, "is-external": "true", variant: CtaLinkButtonVariants.onWhiteBkgd }))), research.items && (h("hy-person-profile-listing", { items: research.items, col: "col-1", textSpacingTight: true, "is-research": true, inline: true })), person_content.research_url.length > 0 && (h("div", { class: "hy-profile-page__loader", role: "presentation" }, h("div", null), h("div", null), h("div", null), h("div", null))), person_content.research_url.length > 0 && this.viewportSize < 768 && (h("div", { class: "hy-profile-page__person-content-container" }, h("hy-accordion-container", { accordionid: "accordion-container-person-content" }, person_content.publications && (h("hy-accordion-item", { "data-accordion-id": 'publications', accordiontitle: person_content.publications.label })), person_content.projects && (h("hy-accordion-item", { "data-accordion-id": 'projects', accordiontitle: person_content.projects.label })), person_content.activities && (h("hy-accordion-item", { "data-accordion-id": 'activities', accordiontitle: person_content.activities.label }))))), person_content.research_url.length > 0 && this.viewportSize >= 768 && (h("div", { class: "hy-profile-page__person-content-container" }, h("hy-tabs", { "tab-id": "tabs-container-person-content" }, person_content.publications && (h("hy-tabs-item", { "data-tab-id": 'publications', "tab-title": person_content.publications.label })), person_content.projects && (h("hy-tabs-item", { "data-tab-id": 'projects', "tab-title": person_content.projects.label })), person_content.activities && (h("hy-tabs-item", { "data-tab-id": 'activities', "tab-title": person_content.activities.label }))))))))));
+        : about.description }))), aboutDescriptionLength > 650 && (h("button", { class: "hy-profile-page__person-about-text-toggle", onClick: () => this.toggleShowFullAboutText(), "aria-expanded": `${this.isFullAboutTextHidden ? "true" : "false"}` }, this.isFullAboutTextHidden ? this.hideFullAboutText : this.showFullAboutText)))), ((research && research.items.length > 0) || (person_content && person_content.research_url.length > 0)) && (h("section", { class: "hy-profile-page__section" }, h("div", { class: "hy-profile-page__section__research_title" }, research.label && h("h2", null, research.label), research.label && person_content.research_url.length > 0 && (h("hy-cta-button", { "link-content": research_portal_title, "sc-label": research_portal_title, url: person_content.research_url, "is-external": "true", variant: CtaLinkButtonVariants.onWhiteBkgd }))), research.items && (h("hy-person-profile-listing", { items: research.items, col: "col-1", textSpacingTight: true, "is-research": true, inline: true })), person_content.research_url.length > 0 && (h("div", { class: "hy-profile-page__loader", role: "presentation" }, h("div", null), h("div", null), h("div", null), h("div", null))), person_content.research_url.length > 0 && this.viewportSize < 768 && (h("div", { class: "hy-profile-page__person-content-container" }, h("hy-accordion-container", { accordionid: "accordion-container-person-content" }, person_content.publications && (h("hy-accordion-item", { "data-accordion-id": "publications", accordiontitle: person_content.publications.label })), person_content.projects && (h("hy-accordion-item", { "data-accordion-id": "projects", accordiontitle: person_content.projects.label })), person_content.activities && (h("hy-accordion-item", { "data-accordion-id": "activities", accordiontitle: person_content.activities.label }))))), person_content.research_url.length > 0 && this.viewportSize >= 768 && (h("div", { class: "hy-profile-page__person-content-container" }, h("hy-tabs", { "tab-id": "tabs-container-person-content" }, person_content.publications && (h("hy-tabs-item", { "data-tab-id": "publications", "tab-title": person_content.publications.label })), person_content.projects && (h("hy-tabs-item", { "data-tab-id": "projects", "tab-title": person_content.projects.label })), person_content.activities && (h("hy-tabs-item", { "data-tab-id": "activities", "tab-title": person_content.activities.label }))))))))));
   }
   static get is() { return "hy-person-profile"; }
   static get originalStyleUrls() {
@@ -182,4 +182,3 @@ export class PersonProfile {
     };
   }
 }
-//# sourceMappingURL=person-profile.js.map

package/dist/collection/components/process/process.js

@@ -1,9 +1,9 @@
-import { h } from '@stencil/core';
-import { ProcessFlowBoxVariants } from '../../utils/utils';
-import { jsonParserWorker } from '../../global/globalScript';
+import { h } from "@stencil/core";
+import { ProcessFlowBoxVariants } from "../../utils/utils";
+import { jsonParserWorker } from "../../global/globalScript";
 export class Process {
   constructor() {
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.numberTerm = undefined;
     this.dataItems = undefined;
   }
@@ -11,10 +11,10 @@ export class Process {
     this._dataItems = await jsonParserWorker(this.dataItems);
   }
   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";
       }
     }
   }
@@ -34,12 +34,12 @@ export class Process {
       ? ProcessFlowBoxVariants.default
       : ProcessFlowBoxVariants.small;
     const itemsPerRow = processVariant == ProcessFlowBoxVariants.small ? 4 : 3;
-    const classAttributes = [processVariant, 'hy-process', `hy-process__${this.headerstyle}`].join(' ');
-    const classItem = 'box';
+    const classAttributes = [processVariant, "hy-process", `hy-process__${this.headerstyle}`].join(" ");
+    const classItem = "box";
     var stepState;
     return [
       h("div", { class: classAttributes }, this._dataItems.map((x, index) => {
-        index % itemsPerRow == 0 ? (stepState = 'first') : (stepState = 'default');
+        index % itemsPerRow == 0 ? (stepState = "first") : (stepState = "default");
         return (h("hy-process-flow-box", { class: classItem, variant: processVariant, "box-number": index + 1, "box-title": x.heading, "box-description": x.description, "intermediate-step-title": x.step, "step-state": stepState, "number-term": this.numberTerm }));
       })),
     ];
@@ -74,7 +74,7 @@ export class Process {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       },
       "numberTerm": {
         "type": "string",
@@ -102,7 +102,7 @@ export class Process {
           "references": {
             "ProcessFlowBoxValue": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/process/process.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/process/process.tsx"
             }
           }
         },
@@ -119,4 +119,3 @@ export class Process {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=process.js.map

package/dist/collection/components/process-flow-box/process-flow-box.js

@@ -1,21 +1,21 @@
-import { h, Host } from '@stencil/core';
-import { ProcessFlowBoxVariants } from '../../utils/utils';
+import { h, Host } from "@stencil/core";
+import { ProcessFlowBoxVariants } from "../../utils/utils";
 export class ProcessFlowBox {
   constructor() {
     this.variant = ProcessFlowBoxVariants.default;
     this.boxNumber = undefined;
     this.boxTitle = undefined;
     this.boxDescription = undefined;
-    this.intermediateStepTitle = '';
-    this.stepState = 'default';
+    this.intermediateStepTitle = "";
+    this.stepState = "default";
     this.numberTerm = undefined;
   }
   render() {
-    const classVariant = [this.variant, 'hy-process-flow-box'].join(' ');
-    const classContentVariant = [this.variant, 'hy-process-flow-box__content'].join(' ');
-    const classIsEven = parseInt(this.boxNumber) % 2 == 0 ? 'even' : 'odd';
-    const classNumberVariant = [this.variant, 'hy-process-flow-box__number__container'].join(' ');
-    const classStepVariant = [this.variant, this.stepState, classIsEven, 'hy-process-flow-box__step__container'].join(' ');
+    const classVariant = [this.variant, "hy-process-flow-box"].join(" ");
+    const classContentVariant = [this.variant, "hy-process-flow-box__content"].join(" ");
+    const classIsEven = parseInt(this.boxNumber) % 2 == 0 ? "even" : "odd";
+    const classNumberVariant = [this.variant, "hy-process-flow-box__number__container"].join(" ");
+    const classStepVariant = [this.variant, this.stepState, classIsEven, "hy-process-flow-box__step__container"].join(" ");
     return (h(Host, null, h("div", { class: classVariant }, this.intermediateStepTitle && (h("div", { class: classStepVariant }, h("svg", { class: "desktop", width: "210", height: "60" }, h("polygon", { points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })), h("svg", { class: "mobile", width: "138", height: "82" }, h("polygon", { points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })), h("h2", { class: "hy-process-flow-box__step" }, this.intermediateStepTitle))), h("div", { class: classNumberVariant }, h("h2", { class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` }, h("div", { class: "hy-process-flow-box__number-title" }, this.boxNumber))), h("div", { class: classContentVariant }, h("h3", { class: "hy-process-flow-box__title", innerHTML: this.boxTitle }), h("div", { class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
   static get is() { return "hy-process-flow-box"; }
@@ -122,7 +122,7 @@ export class ProcessFlowBox {
         },
         "attribute": "intermediate-step-title",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "stepState": {
         "type": "string",
@@ -145,7 +145,7 @@ export class ProcessFlowBox {
         },
         "attribute": "step-state",
         "reflect": false,
-        "defaultValue": "'default'"
+        "defaultValue": "\"default\""
       },
       "numberTerm": {
         "type": "string",
@@ -167,4 +167,3 @@ export class ProcessFlowBox {
     };
   }
 }
-//# sourceMappingURL=process-flow-box.js.map

package/dist/collection/components/row/row.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 = (justify, align, margin) => {
   return css `
     display: flex;
@@ -12,8 +12,8 @@ const createCss = (justify, align, margin) => {
 };
 export class Row {
   constructor() {
-    this.justify = 'stretch';
-    this.align = 'center';
+    this.justify = "stretch";
+    this.align = "center";
     this.margin = 1;
   }
   render() {
@@ -48,7 +48,7 @@ export class Row {
         },
         "attribute": "justify",
         "reflect": false,
-        "defaultValue": "'stretch'"
+        "defaultValue": "\"stretch\""
       },
       "align": {
         "type": "string",
@@ -66,7 +66,7 @@ export class Row {
         },
         "attribute": "align",
         "reflect": false,
-        "defaultValue": "'center'"
+        "defaultValue": "\"center\""
       },
       "margin": {
         "type": "number",
@@ -89,4 +89,3 @@ export class Row {
     };
   }
 }
-//# sourceMappingURL=row.js.map

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

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class SectionContainer {
   render() {
     return (h("div", { class: "hy-section--container" }, h("slot", null)));
@@ -15,4 +15,3 @@ export class SectionContainer {
     };
   }
 }
-//# sourceMappingURL=section-container.js.map