@itcenteratunihelsinki/huds-lib 0.8.80 → 0.8.82

package/dist/collection/components/hy-opening-hours/hy-opening-hours.js

@@ -26,7 +26,7 @@ export class HyOpeningHours {
         ].join(" ");
         const listClasses = ["open-hours__content__top-label", this.venueType].join(" ");
         const buildingClasses = ["open-hours__content__top-label building", this.venueType].join(" ");
-        return (h(Host, { key: 'd876f06d312e55391addf8646da0f5ab313dc4ea' }, h("div", { key: 'a97a07ee0209e95d30a955e8e398a6a396782b6e', class: containerClasses, "data-lang": this.language, "data-id": this.blockId, "data-date": this.date, "data-type": this.dateType, "data-multiple": this.multiple }, this.blockTitle && h("h3", { key: '37ef25b28660605c7c693eb85ecce31a117a7b62', class: "open-hours__title" }, this.blockTitle), !this.exceptional && (h("div", { key: '7c1c76bd22bf1457e61bd8e274c42463751219e3', class: "open-hours__date-change" }, h("button", { key: 'f042f35f644fb6a4fb175e37937213dd2aa7ce31', "aria-label": this.prevLabel, class: "icon--arrow-left open-hours__prev-date" }, h("hy-icon", { key: 'ca4af5b86aa02e71996349194ab3d068cb0783dc', icon: "hy-icon-caret-left", size: 18 })), h("span", { key: '7daa93c84a0c3410c6fe7b5f55272082345e00c3', class: "open-hours__date-change--title" }, this.dateTitle), h("button", { key: 'ec5e278c086921b836cbc94858c163801299146a', "aria-label": this.nextLabel, class: "icon--arrow-right open-hours__next-date" }, h("hy-icon", { key: '9706a55abe9bf097457b9e329d12df529753e160', icon: "hy-icon-caret-right", size: 18 })))), h("div", { key: '9624deefa42e7316bbb780fd018ea91d762fb8e4', class: "open-hours__content__top" }, h("span", { key: '848bc133bc9900c79403b221fe804725f033a2d5', class: listClasses }, this.listLabel), h("span", { key: '8d7b2a2b5264bef5229081ca51773e9549029f34', class: buildingClasses }, this.buildingLabel), this.customerServiceLabel && h("span", { key: '40f91e38e84a58a293db1eb55de1d795a7ff9b72', class: listClasses }, this.customerServiceLabel)), h("div", { key: 'c313408d1a3a15bcf82c42b7e83755a8f2429a71', class: "open-hours__content" }, h("slot", { key: '03f45f9e0e06fb70b493c5eaa1b67b3adb347299' })), this.customLink && (h("div", { key: 'aed69bdc6eac1863cb2dfac00edb16fc09a4936b', class: "open-hours__links" }, h("hy-cta-link", { key: 'f45dfa62ca740349e4ba94c9c132c28beac2da72', "full-width": true, "link-content": this.customLinkTitle, "sc-label": this.customLinkTitle, url: this.customLink, variant: CtaLinkVariants.linkList })))), h("hy-box", { key: 'be72e04bc743b802e275a92a7172519ef4d2366e', mb: "1.75, 1.75, 2, 2.5" })));
+        return (h(Host, { key: 'f6f3415684392b415cdfd2ad02f1f2f929cc9681' }, h("div", { key: '0cbdb3472c793ddaa3219a6a2ce81de0485b9650', class: containerClasses, "data-lang": this.language, "data-id": this.blockId, "data-date": this.date, "data-type": this.dateType, "data-multiple": this.multiple }, this.blockTitle && h("h3", { key: 'f67b75961eead25f58945504e0b3d934f5e1f74b', class: "open-hours__title" }, this.blockTitle), !this.exceptional && (h("div", { key: '9cb2735ffb336d2ea4c6373c17c5c83f44731383', class: "open-hours__date-change" }, h("button", { key: '502b0fb12482079b76163c5cb603844e0a0f7a1e', "aria-label": this.prevLabel, class: "icon--arrow-left open-hours__prev-date" }, h("hy-icon", { key: 'cda2e8886a4c776fbd3aa09ca89661805cad0247', icon: "hy-icon-caret-left", size: 18 })), h("span", { key: '1bd235948fea29cc1cf25c812140b087abc4f71f', class: "open-hours__date-change--title" }, this.dateTitle), h("button", { key: 'd5733be3decaab622a9cbcea7e4178613e22c90d', "aria-label": this.nextLabel, class: "icon--arrow-right open-hours__next-date" }, h("hy-icon", { key: '39b8ade2704b0b97ab25daee7f6795bbfff5d806', icon: "hy-icon-caret-right", size: 18 })))), h("div", { key: '0acd8e75614bc0c715d05a336612baf4feb549a1', class: "open-hours__content__top" }, h("span", { key: 'd6706b18af8b69dd659fab521948448ff4088818', class: listClasses }, this.listLabel), h("span", { key: 'bae5faca109caeb73a64c471454f74a11fdb1dce', class: buildingClasses }, this.buildingLabel), this.customerServiceLabel && h("span", { key: '05665bd69d13624bc899c2bda8788e10b19348a5', class: listClasses }, this.customerServiceLabel)), h("div", { key: '8409743f535e461ea79ac53d58bcdbfe92567bcd', class: "open-hours__content" }, h("slot", { key: 'd22774dc5cce96a24e79697bb8a787f0cf0be41f' })), this.customLink && (h("div", { key: 'e77e28c2bb4a7420a8af63d601b90d868d1dad74', class: "open-hours__links" }, h("hy-cta-link", { key: 'a317216c011ea8c326482f737ed7eca6bfefe604', "full-width": true, "link-content": this.customLinkTitle, "sc-label": this.customLinkTitle, url: this.customLink, variant: CtaLinkVariants.linkList })))), h("hy-box", { key: '623243b1ae1181a7d8add2a6a7f567158132cbac', mb: "1.75, 1.75, 2, 2.5" })));
     }
     static get is() { return "hy-opening-hours"; }
     static get originalStyleUrls() {

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

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 export class HyPager {
     render() {
         const classAttributes = ["hy-pager"].join(" ");
-        return (h("ul", { key: '57c5f496374fd03d728c13ba9c5886b6d9163b3c', class: classAttributes }, h("slot", { key: 'fef2859524b802cb1d5d05395bea3d61dabfb289' })));
+        return (h("ul", { key: '1369f0d5f69d16c913009d94d7a47e34fe3cd5fa', class: classAttributes }, h("slot", { key: '57acd75b50bdbdbb15d91b1b2e0ba950188e32b1' })));
     }
     static get is() { return "hy-pager"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,7 +21,7 @@ export class ParagraphText {
             `${this.placement}`,
             `${this.headerstyle}`,
         ].join(" ");
-        return (h(Host, { key: 'df13a05622b1926d60cd5c9ea5265270fd4e17da' }, h("div", { key: '23a6c242a24fdd4583f702ddd3fc66a670d7af92', class: classAttributes }, h("slot", { key: '16f31f516e3f4e66459d21402620d1acca5b1e73' }))));
+        return (h(Host, { key: '14292b7022e93ca1897fdd676819863ba8c87676' }, h("div", { key: '6617fce6c395459cb96ca7e46db191f7d25f1fe8', class: classAttributes }, h("slot", { key: 'a20cadc6e44cd0338204b4942f20c0ff6def0c54' }))));
     }
     static get is() { return "hy-paragraph-text"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-person-card/hy-person-card.css

@@ -377,7 +377,6 @@
   line-height: 17px;
   color: var(--grayscale-dark-text);
   font-family: var(--main-font-family);
-  font-style: italic;
   letter-spacing: 0;
 }
 @media (min-width: 30rem) {

package/dist/collection/components/hy-person-card/hy-person-card.js

@@ -61,25 +61,25 @@ export class HyPersonCard {
             `hy-person-card__info-container__position-title__${this.variant}`,
         ].join(" ");
         const target = this.isExternal ? "_blank" : "_self";
-        return (h("article", { key: 'ddee8567836e22d8ab6a587a391c026bb1c05567', class: "hy-person-card-container" }, h("div", { key: '5d458411a72208181aeb0664e6c8c5a62df46000', class: classLinkAttributes }, this.categoryTitle && this.variant == PersonCardVariants.default && (h("div", { key: 'f5ce16f9eff4a3c2b653264d5924d2aedfe3cc6b', class: "hy-person-card-container__category-title" }, this.categoryTitle)), h("div", { key: '87e6af78b68ec23b46abe00d2e5b7453aa7bcb42', class: classAttributes }, h("div", { key: '37e22f55de43e9e978c42a3804707215f6acad0d', class: "hy-person-card__image-container" }, this.imageUrl ? (h("a", { class: "hy-person-card__image-container__image", href: this.url, target: target }, h("img", { loading: this.disableLazy ? "eager" : "lazy", src: this.imageUrl, alt: this.imageAlt }))) : (h("div", { class: "hy-person-card__image-container__no-image" }, h("div", { class: "hy-person-card__image-container__no-image__initials", "aria-hidden": "true" }, this._initials)))), h("div", { key: '5ac08c7a58432e1e9774d49da7db12b05c037751', class: "hy-person-card__info-container" }, h("a", { key: '4a6f05c3983483aa0791e99ab1beb02c92d5cbef', class: "hy-person-card__info-container__full-name", href: this.url, target: target }, this._fullName), this.positionTitle && h("div", { key: '72e8624ad4b8be9ab935fbed14f8f44ef0b252cf', class: classPositionTitle }, this.positionTitle), this.department &&
+        return (h("article", { key: '3213097b776b8c5b1cc97fce8c5026c8ff8fa4f2', class: "hy-person-card-container" }, h("div", { key: '4cb6625b5beb8ae17a2dcd5c6d9310b2918f0d4e', class: classLinkAttributes }, this.categoryTitle && this.variant == PersonCardVariants.default && (h("div", { key: '4583f8c4a8b58163c19246d14be16d35b1fbabfb', class: "hy-person-card-container__category-title" }, this.categoryTitle)), h("div", { key: '0a50e7039c402dbca3d4b0cbdcea997ad3127630', class: classAttributes }, h("div", { key: '19211286529ef3d8a155936cb06be9fb64dcfc30', class: "hy-person-card__image-container" }, this.imageUrl ? (h("a", { class: "hy-person-card__image-container__image", href: this.url, target: target }, h("img", { loading: this.disableLazy ? "eager" : "lazy", src: this.imageUrl, alt: this.imageAlt }))) : (h("div", { class: "hy-person-card__image-container__no-image" }, h("div", { class: "hy-person-card__image-container__no-image__initials", "aria-hidden": "true" }, this._initials)))), h("div", { key: 'a05c0ab88fc8ce7bf75df0d6262730cf91c74bf5', class: "hy-person-card__info-container" }, h("a", { key: '394df33b07f35d164356a8ccc9202219e5a58238', class: "hy-person-card__info-container__full-name", href: this.url, target: target }, this._fullName), this.positionTitle && h("div", { key: '9190a0cb9f16df25f8465e6ff680def35cfdaa66', class: classPositionTitle }, this.positionTitle), this.department &&
             (this.variant == PersonCardVariants.default ||
-                (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { key: '1231f12c67c38956b35f725e2c0e42c227e5379b', class: "hy-person-card__info-container__department" }, this.department)), this.field &&
+                (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { key: 'd49594910627722f0002ecc4c30f315433293f84', class: "hy-person-card__info-container__department" }, this.department)), this.field &&
             (this.variant == PersonCardVariants.default ||
-                (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { key: 'f01bdca4dc81a4fbc4fa2fc6934cea7b6c08a596', class: "hy-person-card__info-container__field" }, this.field)), this.email &&
+                (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { key: '7c4e31fc910b2dacdbbc594bfa899064bc595f18', class: "hy-person-card__info-container__field" }, this.field)), this.email &&
             (this.variant == PersonCardVariants.default ||
                 (this.variant == PersonCardVariants.extended && !this.isMobile)) && [
-            h("div", { key: '39eb0b20e22111a32612dde542017f15ba0223d8', class: "hy-person-card__info-container__email-container" }, h("span", { key: '11cf79db48a7eb12ecd9db3709075835f327c7d8', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: '872039975e07cd8efa2c57ff30e4556bd7c3ab1a', icon: "hy-icon-email", size: 16 })), h("span", { key: '911fbc4db04b1880ea5ac05fc77f4c2001868b34', class: "hy-person-card__info-container__email" }, this.email)),
+            h("div", { key: 'd99814b0f641db9988b732d3e575a7a53eaf1d27', class: "hy-person-card__info-container__email-container" }, h("span", { key: '3133628f3dd441e42ba35eac5c6b163ae8b3a085', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: '2ba762fb086e5887f6c19c85870b4ff5f4331d2c', icon: "hy-icon-email", size: 16 })), h("span", { key: 'dc95c7424f9e0b8902e5a4a0a9dbd61d1de579d7', class: "hy-person-card__info-container__email" }, this.email)),
         ], this.phone &&
             (this.variant == PersonCardVariants.default ||
                 (this.variant == PersonCardVariants.extended && !this.isMobile)) && [
-            h("div", { key: 'debb02ef9c717f5385e53ab8c307ce8652d37f99', class: "hy-person-card__info-container__phone-container" }, h("span", { key: 'ba4f93f6d1f433f5105ddbf2b201fffd3b9d1d0c', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: '7bb1e132a451622bcd2dad0f3a4ed15a779b15a9', icon: "hy-icon-phone", size: 14 })), h("span", { key: '5307715f36249df9347b3ad74a29c2fbd544a607', class: "hy-person-card__info-container__phone" }, this.phone)),
-        ])), this.variant == PersonCardVariants.extended && (h("div", { key: 'd724f12cc0c4de8c051b0d58621c7d4bbd78fbe6', class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (h("div", { key: 'ee0491925e1a10d5088903a621a77f7b687227e0', class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && h("div", { key: '75e946a722f9a87f3762eade4c96516e3296945e', class: "hy-person-card__info-container__field" }, this.field), this.email &&
+            h("div", { key: '3fef8854d7faf233d65183ac1a55096efdd4c0ce', class: "hy-person-card__info-container__phone-container" }, h("span", { key: '3f9f58a832babe71f8701f4ed9cd950de85e3342', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: '29f0b00716c37275b46c0b011ede19180c82aa5f', icon: "hy-icon-phone", size: 14 })), h("span", { key: 'df1bde1fd10dc3694e927118eeb45e5bf8b23a77', class: "hy-person-card__info-container__phone" }, this.phone)),
+        ])), this.variant == PersonCardVariants.extended && (h("div", { key: '3684dd34b94b37b8f62560c39ee2f22852bf9542', class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (h("div", { key: '16d8654869c49465a729991bbddc6d93642dc8e2', class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && h("div", { key: '07278924c3cea50f450e2ab663657ecc4585c24c', class: "hy-person-card__info-container__field" }, this.field), this.email &&
             this.isMobile && [
-            h("div", { key: '50976486f031a3c46b508efe135b0857dc5b973c', class: "hy-person-card__info-container__email-container" }, h("span", { key: 'd8242e9b3c337825bdec551d7a0cf4b3508d28b4', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: '1f33ea1fdee484355f777224d07ae4ae46c9aa09', icon: "hy-icon-email", size: 16 })), h("span", { key: '729fda983f1d0365cfe1639d03f32f62ad528e01', class: "hy-person-card__info-container__email" }, this.email)),
+            h("div", { key: '078c22f65de3f53613f953ca6609b534a3206224', class: "hy-person-card__info-container__email-container" }, h("span", { key: '313e437060a6a66fb402130a29b46e8b8e3a89ec', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: 'abce2d8840af13194a8369942baa0b67b0f52766', icon: "hy-icon-email", size: 16 })), h("span", { key: '27584d41593c92d916d939816289ec3d2851367c', class: "hy-person-card__info-container__email" }, this.email)),
         ], this.phone &&
             this.isMobile && [
-            h("div", { key: '45cbc46f6017da854bb0a795070a5b22c6265181', class: "hy-person-card__info-container__phone-container" }, h("span", { key: '38d68354af85572287538e2dd75e80300e39fd4b', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: '47f82e614421c96535a33375134111f9c754db23', icon: "hy-icon-phone", size: 14 })), h("span", { key: '450d5823c1e2d265df92ce4cf800accac41fe16b', class: "hy-person-card__info-container__phone" }, this.phone)),
-        ], this.aboutInfo && (h("div", { key: '983a81b95de153142c8dded7d1198e3dcdd9978f', class: "hy-person-card__extended-info-container__about" }, h("span", { key: 'ab739c66a8c6855ba99c09bb0d7f99c98a5a4339', class: "label" }, this.aboutInfoLabel, ":"), h("span", { key: 'dec3bd543b323dfb9abff63b5a3c323da1e8a7be' }, this.aboutInfo))))))));
+            h("div", { key: 'f62f84b056e235c8b1d3b9aac53bf7f3292a1fdc', class: "hy-person-card__info-container__phone-container" }, h("span", { key: '9c8cd94e43360f51bfaf5df3033480297bd7deb9', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: 'a8dc7140434d51042cc5cf3ec8f99e32f6d0ee47', icon: "hy-icon-phone", size: 14 })), h("span", { key: '7b0aef78d03f4c914cd1f30fecf819f7b005e3b3', class: "hy-person-card__info-container__phone" }, this.phone)),
+        ], this.aboutInfo && (h("div", { key: 'f8d70e579fe2fa5100ce85543847f09db6eec2c5', class: "hy-person-card__extended-info-container__about" }, h("span", { key: '32368741c552c8e0f7e4e5be5020c1471a75c6b3', class: "label" }, this.aboutInfoLabel, ":"), h("span", { key: '86aa1f6d397ffc256ebabcf07e338580ddc03ebe' }, this.aboutInfo))))))));
     }
     static get is() { return "hy-person-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-person-profile/person-profile.css

@@ -187,6 +187,13 @@
     line-height: 26px;
   }
 }
+.hy-profile-page__person-about-text a {
+  color: var(--link-blue);
+  text-decoration: none;
+}
+.hy-profile-page__person-about-text a:hover {
+  text-decoration: underline;
+}
 .hy-profile-page__person-about-text-toggle {
   font-size: 0.9375rem;
   line-height: 22px;

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

@@ -44,19 +44,19 @@ export class PersonProfile {
             }, 250);
         });
         const research_portal_title = `${research.research_portal_label}: ${name}`;
-        return (h(Host, { key: '26cca765665a2d3f11d97e8054fadfad4696f9c0' }, h("section", { key: '845b5708c7fb4248f0239e542c860375bf55ca75', class: "hy-profile-page" }, h("a", { key: '1839e32f06cd57c33a0590d49b1827787c9074fb', href: this.peopleFinderReturnLink, class: "hy-profile-page__back-button" }, h("hy-icon", { key: '89d37dbff26e01546a11f12ca397309d6fb95a2d', icon: "hy-icon-arrow-left", size: 24 }), h("span", { key: '08618af5b013a1fcb745553861ba8c0321fb82dd' }, this.peopleFinderReturnLabel)), h("section", { key: '7d8e1832e34c827c9da482779c4a7c12dbe160ca', class: "hy-profile-page__section" }, h("div", { key: 'bb81e1bfcf16d54701053be753f6141062c100b0', class: "hy-profile-page__person-information" }, h("div", { key: '63aec4194435d6b9df4a952adca1c87dcc32ed74' }, h("h1", { key: '708f548c98e2a5e12341025a932d04ed4c831f4e', class: "hy-profile-page__name" }, name), job_title && h("p", { key: '237a1c79a7305641708984d6f208d18a9e8e1518', class: "hy-profile-page__job-title" }, job_title), additional_information && (h("p", { key: 'e9693617b6c54b215505ab5e923318ddda291e96', 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", { key: '00e526d7f60375d6a9e251d037376d2570da4ed6', class: "hy-profile-page__contact-information" }, contact_information.label && h("h2", { key: 'be30afa8ec12e024d02fbea7c83b0ed28a54f4cb' }, contact_information.label), contact_information.items && (h("hy-person-profile-listing", { key: 'f0f7a8305b7adb60838e9a4f5c7459524ee0b756', items: contact_information.items, col: "col-4", withoutIcons: true, textSpacingTight: true }))))), (organizations.items.length > 0 || Object.keys(research_organizations.items).length > 0) && (h("section", { key: 'cf33c83493183b9dd251ef40fb4663585609bc8f', class: "hy-profile-page__section" }, organization_units.label && h("h2", { key: '7c7097de19aa4f5e3d3f80cb0cfe70faf14c9b91' }, organization_units.label), organizations.items.length > 0 && (h("section", { key: '268b5b49c06264449442faa8ea7103c594748f2c', class: "hy-profile-page__organization-units-section" }, h("h3", { key: '6195d95670f7bc6797ed0e980056308c6059b77e' }, organizations.label), h("ul", { key: '0d7bf767860d02e7f617b649aac60ea3e1efc418', class: "hy-profile-page__organizations" }, h("li", { key: 'a675a7a10ccdd1a8bde1eb91c658ac8ee2435be9' }, organizations.items.map((item, index) => {
+        return (h(Host, { key: '00fd25afa47ffc45c90c63dcf81ff0b955528d1d' }, h("section", { key: 'd231c98b8e4d318fd5fbb59d94e976b24b0d799c', class: "hy-profile-page" }, h("a", { key: '082a752959d108b24c29082c0fe57ee54c8b4269', href: this.peopleFinderReturnLink, class: "hy-profile-page__back-button" }, h("hy-icon", { key: 'fe8b9f105fbff4845ec44bfa8cc47f6447f413ea', icon: "hy-icon-arrow-left", size: 24 }), h("span", { key: '631531abb7f234a7ca94cccc5b6e26bc2982d807' }, this.peopleFinderReturnLabel)), h("section", { key: 'b77d57951539d96a91cf7cd62501c5bd91c13d93', class: "hy-profile-page__section" }, h("div", { key: 'cef2e3cd80ce41e6091b8c1889e910c8dbe3851f', class: "hy-profile-page__person-information" }, h("div", { key: 'e7552781e25d46a5801a83b23c08612aff69f1c6' }, h("h1", { key: 'b3398968093121dd07f30368c315dde2ad0f5b2d', class: "hy-profile-page__name" }, name), job_title && h("p", { key: '11c9eaf8f00b2e017f6efd17e8799800104b573e', class: "hy-profile-page__job-title" }, job_title), additional_information && (h("p", { key: 'efcad32ce03672da7f4f914478b3bc024e785156', 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", { key: '550e9dfe4d9c743197f2f837e31e07a7c2bdc67f', class: "hy-profile-page__contact-information" }, contact_information.label && h("h2", { key: 'a521f18d072cdb5f96781f0ce7fc8b676b0e3820' }, contact_information.label), contact_information.items && (h("hy-person-profile-listing", { key: '07a50c12144effd9bc73d8c5a8c062e31061f765', items: contact_information.items, col: "col-4", withoutIcons: true, textSpacingTight: true }))))), (organizations.items.length > 0 || Object.keys(research_organizations.items).length > 0) && (h("section", { key: '6d32a234f4afa28e05eff4297b8b09dbaf6ef32a', class: "hy-profile-page__section" }, organization_units.label && h("h2", { key: '7813840565525edf5ecefa2f4130697c4e98d28a' }, organization_units.label), organizations.items.length > 0 && (h("section", { key: '06c28944da1ce5485e10b6d90747415ddac58399', class: "hy-profile-page__organization-units-section" }, h("h3", { key: '6e50a953faf84296b5eb64d151d210833407ed0a' }, organizations.label), h("ul", { key: '9507e35ee39f43f80aef643b6d1a420fe91af1b1', class: "hy-profile-page__organizations" }, h("li", { key: '6a3ac8a036e6f7574a2a3ffc4a56def8f0a4e3e7' }, 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", { key: 'b23bb2b31642654f3e38071db4c65ac9599ac451', class: "hy-profile-page__organization-units-section" }, h("h3", { key: '87ddf2d986763187e0d41303aa31768edee2a38a' }, research_organizations.label), h("ul", { key: 'af44cbd3475d2a4b43b9a3c849fff001b71bd9f0', class: "hy-profile-page__research-organizations" }, Object.values(research_organizations.items).map(([...item]) => (h("li", null, item.map((item, index) => {
+        }))))), Object.keys(research_organizations.items).length > 0 && (h("section", { key: '039d9253b10acb9275a6a4dee087ebdc3ce77a28', class: "hy-profile-page__organization-units-section" }, h("h3", { key: '58c84e81bb3881bfb7c36e4d0686122f909bf802' }, research_organizations.label), h("ul", { key: 'dff96020016cc6ff854b011c9233fa2ac284b402', 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])))));
-        }))))))))), about && aboutDescriptionLength !== 0 && (h("section", { key: '4bd7d78352eaedb1acea3c751bda3976d006bf18', class: "hy-profile-page__section" }, about.description && (h(Fragment, { key: '53c28a052ff9ebfecd021b8f10c557e6c0e21fab' }, h("h2", { key: 'ddb10be5051bb8f5e5a5b335d64e9ef8f9183dd6' }, about.label), h("div", { key: 'ea0a9c8550f4ca9f6a49ebf8844c1a477d32a722', class: "hy-profile-page__person-about-text", innerHTML: !this.isFullAboutTextHidden && aboutDescriptionLength > 650
+        }))))))))), about && aboutDescriptionLength !== 0 && (h("section", { key: '6611936f1ad88960f7c297153423c4d8d394acc5', class: "hy-profile-page__section" }, about.description && (h(Fragment, { key: '661961252af443ec942ef21f8407f60f4a0c760d' }, h("h2", { key: '0df70feef652e63b6570a145054c775591354199' }, about.label), h("div", { key: 'bfc3f40f42708d9667c9aabf51f3491e22eac572', class: "hy-profile-page__person-about-text", innerHTML: !this.isFullAboutTextHidden && aboutDescriptionLength > 650
                 ? trimmedAboutDescription
-                : about.description }))), aboutDescriptionLength > 650 && (h("button", { key: '5559676646883a1904d7f6a7698ca9eca02b5233', 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", { key: 'c200ccd50431f4893b7bc98830bbd79934158005', class: "hy-profile-page__section" }, h("div", { key: '22af8b3951ff756f9e80862d14ff4ab8100ba97f', class: "hy-profile-page__section__research_title" }, research.label && h("h2", { key: '570beac29603426c99e416c212d89101e0adedde' }, research.label), research.label && person_content.research_url.length > 0 && (h("hy-cta-button", { key: '451b22793f69ae368f312991388b703d3445c26e', "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", { key: 'bdfbf9f7eebdcc50beee6556ed2df0cc74cd0a10', items: research.items, col: "col-1", textSpacingTight: true, "is-research": true, inline: true })), person_content.research_url.length > 0 && (h("div", { key: '309ad64b7990e54eb1987f17ea4854772fcbefe8', class: "hy-profile-page__loader", role: "presentation" }, h("div", { key: 'f7793fbae847ea06dcf72f2a4c7d36f7d9a70135' }), h("div", { key: '73ee944833ff3d586099ef903d438140ae9fdc69' }), h("div", { key: 'ee46c057e42750ad5231c3d77e046ef80418d15d' }), h("div", { key: '33cb1575f616d918d04b6faca980f982048d55d8' }))), person_content.research_url.length > 0 && this.viewportSize < 768 && (h("div", { key: 'ed59feaf3eedc5d5c634f12fdb46d57b2b1eb958', class: "hy-profile-page__person-content-container" }, h("hy-accordion-container", { key: '2d7577bc93f98512d8d54adbb337bfda4a204496', accordionid: "accordion-container-person-content" }, person_content.publications && (h("hy-accordion-item", { key: '796dc5f3b1d915f8309085c7eb83e24ab8a71668', "data-accordion-id": "publications", accordiontitle: person_content.publications.label })), person_content.projects && (h("hy-accordion-item", { key: 'b5f4687f7ba14940f0178a6a8d1cfff5c968f008', "data-accordion-id": "projects", accordiontitle: person_content.projects.label })), person_content.activities && (h("hy-accordion-item", { key: '03086eb1335b4a0c2ffdccc50189882cba07f812', "data-accordion-id": "activities", accordiontitle: person_content.activities.label }))))), person_content.research_url.length > 0 && this.viewportSize >= 768 && (h("div", { key: 'c6f808e0cf820015c27898133a2c31cc66fb274d', class: "hy-profile-page__person-content-container" }, h("hy-tabs", { key: '61bf12440da75aa90cd8503d6731534c6239d760', "tab-id": "tabs-container-person-content" }, person_content.publications && (h("hy-tabs-item", { key: '6e28d5213f877432102d03279b48cb8f6e3cd2ef', "data-tab-id": "publications", "tab-title": person_content.publications.label })), person_content.projects && (h("hy-tabs-item", { key: 'b6c8e65e8aeccee9c049ca2bb4a7433517342986', "data-tab-id": "projects", "tab-title": person_content.projects.label })), person_content.activities && (h("hy-tabs-item", { key: '7f33d522eed6d85f68576f3383ee78deeb267966', "data-tab-id": "activities", "tab-title": person_content.activities.label }))))))))));
+                : about.description }))), aboutDescriptionLength > 650 && (h("button", { key: 'ba0a3ab0ea3294629c4a7c0b47e4286bd94c6b0f', 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", { key: '2c237919b3c75504349308a575ce1ff3eb05320e', class: "hy-profile-page__section" }, h("div", { key: '5050c3d07cd642b29efb4eb5e1aecbb0d8c7d3a1', class: "hy-profile-page__section__research_title" }, research.label && h("h2", { key: '1b6fa2653211e9d566688d3efeeaf033b0286c2a' }, research.label), research.label && person_content.research_url.length > 0 && (h("hy-cta-button", { key: '2699d3035c73d3fc6eefa0a24d7d7424a5e24687', "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", { key: '4d5ad95c80c514ad80342b13c5ab508cde82dbd5', items: research.items, col: "col-1", textSpacingTight: true, "is-research": true, inline: true })), person_content.research_url.length > 0 && (h("div", { key: '0eae84935f45a141e262a25c0bdf03d772846dee', class: "hy-profile-page__loader", role: "presentation" }, h("div", { key: '7f99c31162e6888b58e3cd87fab2f88f77faf6cd' }), h("div", { key: '9fd0df58bd6be0c4c5fe71c49cde485a0089f772' }), h("div", { key: '7f69774406429930084baa7750d6f641e3685d06' }), h("div", { key: '16214be9989569be8f3e6928cbd9bee5186a0a62' }))), person_content.research_url.length > 0 && this.viewportSize < 768 && (h("div", { key: 'bc4ce938c83ae22398b345a5fad6a8e1c3f2c947', class: "hy-profile-page__person-content-container" }, h("hy-accordion-container", { key: '7e87dac1a6aa86a428b9e51212503490e18a375a', accordionid: "accordion-container-person-content" }, person_content.publications && (h("hy-accordion-item", { key: '2cab1dcfd03f46fd4d0f0640fd0b15a2613b6191', "data-accordion-id": "publications", accordiontitle: person_content.publications.label })), person_content.projects && (h("hy-accordion-item", { key: 'a376254683ee8b9c4b67863496fc3683ff1afb2b', "data-accordion-id": "projects", accordiontitle: person_content.projects.label })), person_content.activities && (h("hy-accordion-item", { key: '5622332d128feafe8dad4f0adc51e11e794852ec', "data-accordion-id": "activities", accordiontitle: person_content.activities.label }))))), person_content.research_url.length > 0 && this.viewportSize >= 768 && (h("div", { key: '9ba95c0264ad1832c30a1da39efc3655df57030d', class: "hy-profile-page__person-content-container" }, h("hy-tabs", { key: 'dc956780d9ef85d801347a53eec4c8c0bcdccc62', "tab-id": "tabs-container-person-content" }, person_content.publications && (h("hy-tabs-item", { key: 'a0b9afcd88cc83ebcba3b75507d2df6fcff7c98a', "data-tab-id": "publications", "tab-title": person_content.publications.label })), person_content.projects && (h("hy-tabs-item", { key: 'e5e93e568b57b33955bf48cfc6aed7d4bae5d63d', "data-tab-id": "projects", "tab-title": person_content.projects.label })), person_content.activities && (h("hy-tabs-item", { key: 'c050c2d7336828642c566fa2b10117ee677df8bc', "data-tab-id": "activities", "tab-title": person_content.activities.label }))))))))));
     }
     static get is() { return "hy-person-profile"; }
     static get originalStyleUrls() {

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

@@ -16,7 +16,7 @@ export class ProcessFlowBox {
         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, { key: 'c2729cc57b9c7b5398e5012d2c435ccc56b955f2' }, h("div", { key: '031ead0a5f8c3cb75ad5ae44e9231671ce12ef75', class: classVariant }, this.intermediateStepTitle && (h("div", { key: 'e2c5f7de23326b40401cdcb6ada5d4b9ce5cf12d', class: classStepVariant }, h("svg", { key: 'f32a7f6eed45c76163103583d7819e491307f422', class: "desktop", width: "210", height: "60" }, h("polygon", { key: '7ded103d7849a00401b4bcdd4ae1cabebe3727df', points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })), h("svg", { key: '0f5f5e94a7fe004aa234f4f007064d033570faad', class: "mobile", width: "138", height: "82" }, h("polygon", { key: '8db29c9076da442cef119aa92e8d9712c949757a', points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })), h("h2", { key: '0210a4057a628ffaa59836b106f479f5e3594914', class: "hy-process-flow-box__step" }, this.intermediateStepTitle))), h("div", { key: '230799f6ff3d21a3071d2d929d09c97a0b37f059', class: classNumberVariant }, h("h2", { key: 'f702b022ac4bdce3493302bfd561c3d29e95524d', class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` }, h("div", { key: '279cf79c5fbd587161a5dac0826e30b0a228744c', class: "hy-process-flow-box__number-title" }, this.boxNumber))), h("div", { key: '6f6fd5102819b0a019905e8d4445c0c0ddf58b4b', class: classContentVariant }, h("h3", { key: '937d1888f084d3ee881ed53cc8650d3d982e06e8', class: "hy-process-flow-box__title", innerHTML: this.boxTitle }), h("div", { key: '4b11de5c9bb612697f04d733c804303ff87166d1', class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))), h("hy-box", { key: '0fe53b67dc305408e43a742f9e6232c9c40fc695', mb: "1.75, 1.75, 2, 2.5" })));
+        return (h(Host, { key: '07044ab33a45d25e5d74569cb1a5ae731d1114b4' }, h("div", { key: 'bf0672c2a2056b645dfe664a5e956e7632ce839b', class: classVariant }, this.intermediateStepTitle && (h("div", { key: 'badcc668cb52b53adde44a5a006e567755308172', class: classStepVariant }, h("svg", { key: 'd5b59bdb7e6fb00d77b768050c76854acaa50c25', class: "desktop", width: "210", height: "60" }, h("polygon", { key: '8b69136da49223ffcce147d03f41c6410598c0a1', points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })), h("svg", { key: 'ae21f7e57f4f82646df862cf94477113b099f73d', class: "mobile", width: "138", height: "82" }, h("polygon", { key: '2a2ec8826d287f4b0cc7e4acbc5831cdff23efe5', points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })), h("h2", { key: 'd11faf75467510d13a9116adb917e3f0394c64b9', class: "hy-process-flow-box__step" }, this.intermediateStepTitle))), h("div", { key: '8bcc8ca41a6baf99c3cbd45170506122ef9d08e2', class: classNumberVariant }, h("h2", { key: 'f04f3b4ea8b1c2de7e9b70b06c42c598bed64faf', class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` }, h("div", { key: '909587be5155239d2ef1b1e00ebb5197e7387b38', class: "hy-process-flow-box__number-title" }, this.boxNumber))), h("div", { key: '6eed61d4718e28037fe0399c54212de2e743e6ad', class: classContentVariant }, h("h3", { key: 'efe9778e4f9f1b54db230d59bcfaf14c47db0fed', class: "hy-process-flow-box__title", innerHTML: this.boxTitle }), h("div", { key: 'ac94936f98d5b1cca975bbaae823d599ae499724', class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))), h("hy-box", { key: '3bc897e91707d38206025a71991b1e35a6e05861', mb: "1.75, 1.75, 2, 2.5" })));
     }
     static get is() { return "hy-process-flow-box"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,7 +14,7 @@ export class HyQuote {
     }
     render() {
         const quoteClass = ["hy-quote", this.headerstyle, `hy-quote__${this.headerstyle}`].join(" ");
-        return (h("div", { key: 'f6a99c662359293b4608f4c491a22ccf4c20d014', class: quoteClass }, h("span", { key: '8271c30c6783c391c855cb1f97514822a5a5f46f', class: "hy-quote__icon-wrapper" }, h("div", { key: '662e9ae08b4c88b25f509128b9470e1fe0012154', class: "hy-quote__icon" }, h("hy-icon", { key: '169fa3acadadfbb922f1d8f730d5150ecd7f9a51', icon: "hy-icon-quote", size: 48 }))), h("div", { key: '5eafcc74440671c990be9863637873c33a531269', class: "hy-quote-text-wrapper" }, h("div", { key: '5fd0cdf4fecdfdc371967ffa8a228dcf5aac31b3', class: "hy-quote__text" }, h("slot", { key: 'd78538e8642cc2f81937e4fdfffc7052451bc556' })), this.quoteSignature && h("div", { key: 'd42374d237025359e88dce7271f10cf3cb0746fd', class: "hy-quote__signature" }, this.quoteSignature))));
+        return (h("div", { key: '4197f197614ec565bdae0c9c90eeba49951593fd', class: quoteClass }, h("span", { key: 'bb52ef7e2c3c8cb9144dde6ce0b32e7b11b477a7', class: "hy-quote__icon-wrapper" }, h("div", { key: 'b80fd688ea31ce8bdae71bdc1f13f245055af5a6', class: "hy-quote__icon" }, h("hy-icon", { key: '6bcf9a6a25dba0f15e91d6ba8bb38877ab216d8e', icon: "hy-icon-quote", size: 48 }))), h("div", { key: 'c5b18efc0052e51b97b12b437ea7320660a76bca', class: "hy-quote-text-wrapper" }, h("div", { key: 'a8913ab796fb499df603e66be3a1341c207f8047', class: "hy-quote__text" }, h("slot", { key: '911e1db33ce8305c60942b450d712f399562829a' })), this.quoteSignature && h("div", { key: '1659721a856e2a913a5f07dfa0f298d9bcd86416', class: "hy-quote__signature" }, this.quoteSignature))));
     }
     static get is() { return "hy-quote"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class Row {
         this.margin = 1;
     }
     render() {
-        return (h("div", { key: 'a1a0ffc9ff6ce899fb0d3600b33f763ee85ccd0f', class: createCss(this.justify, this.align, this.margin) }, h("slot", { key: '2264561e8b6274632309bff6732dd171008486a9' })));
+        return (h("div", { key: '7febb035974b581bcbed45c947a3e61728f0016f', class: createCss(this.justify, this.align, this.margin) }, h("slot", { key: '2e08fb8723fe2a938074cdf27acca29a3001056c' })));
     }
     static get is() { return "hy-row"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-search-field/hy-search-field.js

@@ -37,10 +37,10 @@ export class HySearchField {
         searchInput.focus();
     }
     render() {
-        return (h(Host, { key: '962a52b40cfdfe4095b506bd98df6fa61afd2819', class: "search-field" }, !this.isLuomusSearch && (h("label", { key: '71f59a78f3d1b019ce6bec21f30a4aadbfb1f95d', htmlFor: this.inputId, class: `search-field__label 
+        return (h(Host, { key: '8b08102bae08a9f82ef9c7f30799572273ff59c3', class: "search-field" }, !this.isLuomusSearch && (h("label", { key: '81cb2a674ce7d7853e0785e60e1c58099d5e6067', htmlFor: this.inputId, class: `search-field__label 
           ${this.isLabelHidden ? "visually-hidden" : ""} 
           ${this.labelLarge ? "label-large" : ""} 
-          ${this.isLabelBold ? "bold" : ""}` }, this.label)), h("div", { key: '70bfb895fa22c3b12577797da095f84f2d9cdf9d', class: "search-field__actions" }, h("div", { key: '31cd5d39403d63dd35543eb3416ff0492bc96a93', class: "search-field__wrapper" }, this.isLuomusSearch && (h("input", { key: '5902a747448af37c48c4a4fb1da5e7fc7c3d8d0e', id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isLuomusSearch && (h("input", { key: '9bff4f9135bcf7f991e743c5c7c6a638e535d732', id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isInputValueEmpty && (h("button", { key: 'c4bf539f28a0c087ea4a1b998bb5cccd8bb5148c', type: "button", class: "search-field__reset", "aria-label": this.resetLabel, onClick: () => this.handleInputReset() }, h("hy-icon", { key: '2805140e047769629a50b5e32259b1a831270da9', icon: "hy-icon-remove", size: 14, "aria-hidden": "true" })))), this.isLuomusSearch && (h("button", { key: '2143e26ca64b7cc8e96cb5812250b9c79d7e41ee', type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel, "data-drupal-selector": "edit-submit-luomus-search", id: "edit-submit-luomus-search", value: "Apply" }, h("hy-icon", { key: 'f4c9e5fb524e94ec108239ba82e3909b4f3f7b8e', icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))), !this.isLuomusSearch && (h("button", { key: '8a6aecd0be99b66869fa410f6c1f6e127d398f78', type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel }, h("hy-icon", { key: '9a6ca7f028e2476d2f560de440ca1239b044bc52', icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))))));
+          ${this.isLabelBold ? "bold" : ""}` }, this.label)), h("div", { key: '94a1340b4acfd1dff04fd9ce4be0f578b84a2abf', class: "search-field__actions" }, h("div", { key: 'c98030b7bbcb5614d9bcb20e82096ff263cfa7b6', class: "search-field__wrapper" }, this.isLuomusSearch && (h("input", { key: '1bfa163624040eb1bcb97f74f460794c157e73b2', id: this.inputId, name: "search", "data-drupal-selector": "edit-search", value: "", type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isLuomusSearch && (h("input", { key: 'b6da30cfd843f7f07456a18df1f195679ef0b858', id: this.inputId, type: "text", placeholder: this.placeholder, class: "search-field__input" })), !this.isInputValueEmpty && (h("button", { key: 'e2c289943a1b1c6163c5aac96b8d130879a4b20e', type: "button", class: "search-field__reset", "aria-label": this.resetLabel, onClick: () => this.handleInputReset() }, h("hy-icon", { key: '76f1b3b5370746a36d0de180c855e9292f9f6a31', icon: "hy-icon-remove", size: 14, "aria-hidden": "true" })))), this.isLuomusSearch && (h("button", { key: 'bcf172ee407fba0e8574abfa61d3e9e7a8e702e1', type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel, "data-drupal-selector": "edit-submit-luomus-search", id: "edit-submit-luomus-search", value: "Apply" }, h("hy-icon", { key: 'bc6887ebba1e8edb54c12cd29cacab1833c2034f', icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))), !this.isLuomusSearch && (h("button", { key: 'a6e93661168f48cae6fdc8caf880f55572dfcbbc', type: "submit", class: "search-field__submit", "aria-label": this.ariaLabel }, h("hy-icon", { key: 'e89eb61b739562aef94f6da219b150c8c73d998b', icon: "hy-icon-search", size: 18, fill: ColorVariant.white, "aria-hidden": "true" }))))));
     }
     static get is() { return "hy-search-field"; }
     static get originalStyleUrls() {

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SectionContainer {
     render() {
-        return (h("div", { key: '540b4e6c72d3d29d3667f9bb7453100bded5c690', class: "hy-section--container" }, h("slot", { key: 'bc37dc4d5fc723a6bebe023b7bf701d48b77e66e' })));
+        return (h("div", { key: 'f8d98c5f36cfffe9647b133288745792112b572e', class: "hy-section--container" }, h("slot", { key: 'fa033e89d606e70403dfb5d016a53c2b72388f4d' })));
     }
     static get is() { return "hy-section-container"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-site-header/site-header.js

@@ -1,6 +1,5 @@
 let clickTimer = null;
 import { Fragment, h } from "@stencil/core";
-import ResizeObserver from "resize-observer-polyfill";
 import { MenuType, ColorVariant, SiteLogoSize } from "../../utils/utils";
 import { jsonParserWorker } from "../../global/globalScript";
 let clickTimeout = null;
@@ -105,13 +104,10 @@ export class SiteHeader {
         }
     }
     componentDidLoad() {
-        // Set the browser resize observer to gather information about browser width.
-        this.ro = new ResizeObserver((entries) => {
-            for (const entry of entries) {
-                this.applySizeClasses(entry.contentRect.width);
-            }
+        this.applySizeClasses(window.innerWidth);
+        window.addEventListener('resize', () => {
+            this.applySizeClasses(window.innerWidth);
         });
-        this.ro.observe(document.body);
         const topOptions = {
             root: null,
             rootMargin: "250px",
@@ -183,7 +179,6 @@ export class SiteHeader {
     }
     disconnectedCallback() {
         clearTimeout(clickTimer);
-        this.ro.disconnect();
         this.topObserver.disconnect();
         this.bottomObserver.disconnect();
         clearTimeout(clickTimeout);

package/dist/collection/components/hy-site-header/site-search/site-search.css

@@ -357,6 +357,6 @@
   background-color: var(--brand-main-light);
   fill: var(--grayscale-white);
   height: 40px;
-  padding: 8px;
+  padding: 7px;
   width: 40px;
 }

package/dist/collection/components/hy-site-header/site-search/site-search.js

@@ -107,24 +107,24 @@ export class SiteSearch {
     render() {
         const currentPageUrlPathName = window.location.pathname;
         const searchPagePathNames = ["/fi/haku", "/en/search", "/sv/sök"];
-        return (h("div", { key: '9f437c37797c7e5bd5854734877af5f5ebf27379', class: {
+        return (h("div", { key: '4ac9b1caf588eab9e9a41ac0afa3c42ca4cf2b7f', class: {
                 "site-search": true,
                 "site-search__is-open": this.isSearchPanelOpen,
                 "is-group": this.isGroup,
-            } }, h("button", { key: '0711bef406e2961d25b5db2b13168da7ff17e69e', "aria-label": this.showLabel ? this._labels["open"] : "", "aria-expanded": `${this.isSearchPanelOpen}`, class: {
+            } }, h("button", { key: '8e66bf52e245b4a7c340e0740b942e515b470374', "aria-label": this.showLabel ? this._labels["open"] : "", "aria-expanded": `${this.isSearchPanelOpen}`, class: {
                 "button--search": true,
                 "is-open--menu": this.isAlternative,
                 "is-open": this.isSearchPanelOpen,
                 "is-active": searchPagePathNames.some((item) => item === currentPageUrlPathName),
-            }, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), h("hy-icon", { key: '92daa35b3d0e58eaffc80affcddfbfa257b1cc36', icon: "hy-icon-search", size: this.size, fill: this.color })), (!this.isLuomusGroup && this.isSearchPanelOpen) && (h("div", { key: 'af7013ad82abe5f83a1efabb14c2f441de81c419', class: {
+            }, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), h("hy-icon", { key: '357e69fed2b6ac892650b69e1e28e857a6adba1f', icon: "hy-icon-search", size: this.size, fill: this.color })), (!this.isLuomusGroup && this.isSearchPanelOpen) && (h("div", { key: '216cac4927e21db0c326111314d73c946e572e1e', class: {
                 "site-search__panel": true,
                 "site-search__panel__is-open": this.isSearchPanelOpen,
-            }, "aria-hidden": `${!this.isSearchPanelOpen}` }, h("div", { key: '6ed52de939989022bf7b75989d26f5513fe2e2b2', class: "site-search__panel__content" }, h("div", { key: '73d114aacb85183187ab53abea184f911cf35345', class: "site-search__panel__wrapper" }, h("div", { key: 'e3404b8aa3910b5e4f79878f5dd042da1ef66dfa', class: "site-search__panel__title" }, h("div", { key: 'aaf3c4cb2c1bb44f7b7c44db208d7c242bbf8db0', class: "site-search__panel__title__group" }, h("span", { key: 'c2301ba1440dd4291591f28d9fa6653b2116a6cc', class: "panel-title" }, this.searchTitleLabel), h("div", { key: 'e289c8398b713fdda0c77278dc300530a9abc16a', class: "description" }, this.searchDescriptionLabel))), h("div", { key: '34bcd7ac864fd13988d31ef2dcde7fe240482757', id: "cludo-search-results", class: "container_12" }, h("div", { key: 'd3a23a35379be079b4842e8be0389521a994a2bc', class: "search-banner" }), h("div", { key: 'c901c907fe8d99e74feef6a0aafa5187361b4832', class: "search-filters search-filters-mobile" }), h("div", { key: '3ffd97dd72c268285875afdda497db6ac88c7677', class: "col-md-12" }, h("div", { key: 'da1ce482ea6f6a3bfa6c86e735a8b1c7a70dd146', style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, h("hy-search-field", { key: 'd342ede5f9c546d04ca4734a24cad6a07e7a391b', "input-id": "search", label: "" }))), h("div", { key: 'd685c958c2929351730465e708339faddb4b1864', class: "col-md-3" }, h("div", { key: 'c48085307368025d5769c4fafb1cf2c06ed728e3', class: "search-filters", "aria-controls": "search-results" })), h("div", { key: 'f9d93ef835ea12c5cad682447ee4c8bc75c475c0', class: "col-md-9" }, h("div", { key: 'fd04d8274e9a0b2f7e23cdf37d696bc889fd74bc', class: "search-results-container" }, h("hy-paragraph-text", { key: '38e86a92828084826ae50f77428f064634bd342f' }, h("div", { key: 'f68102417dee83ad19c3539ae5b76cfeb8da26a2', class: "search-result-count" })), h("div", { key: '4c13e758cef6c77ae4aae2f8d6059461cadbd640', class: "search-did-you-mean", role: "Complementary" }), h("div", { key: 'aca5ed57e5051c1b6d7c894c72ea63e7905b7f5b', class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (h("div", { key: 'e38b26dadcac5fa6e6a630bf031b9ed0510980a4', class: "site-search__panel__tools" }, h("div", { key: '3f285cc5ba6439f80d27707a44f37c697560b09d', class: "title" }, this.searchToolsLabel), h("div", { key: 'a73845acae85f2ced5d0bf2d2a098603d134b3ee', class: "list" }, this._searchTools.map((i) => {
+            }, "aria-hidden": `${!this.isSearchPanelOpen}` }, h("div", { key: '508b15c35329045bdc2eba0aef0a62c4605b32c9', class: "site-search__panel__content" }, h("div", { key: 'd7c1ad3170e55489768fad2531ee35108ba9c259', class: "site-search__panel__wrapper" }, h("div", { key: 'da9286017a0e1af822b13112869b7870f838d24e', class: "site-search__panel__title" }, h("div", { key: 'ea40c009702ca11e62d2a86eef799df64f815f4f', class: "site-search__panel__title__group" }, h("span", { key: '15c03566dca90ee75d67208ef8a62d1b45ba8289', class: "panel-title" }, this.searchTitleLabel), h("div", { key: '59a1e27b26e552091a14bbc1286f5848167e4547', class: "description" }, this.searchDescriptionLabel))), h("div", { key: 'bba6f2df064414b63c10b9fd9894cf05fd65111a', id: "cludo-search-results", class: "container_12" }, h("div", { key: 'd2cf4a20d6e3c767bd2e8657700e0dfa6a2bba76', class: "search-banner" }), h("div", { key: '630d3b54c96c0c425bc1b8039e855febe3118582', class: "search-filters search-filters-mobile" }), h("div", { key: 'f9e5b98bb58e4b9ef309ae357da0d6c826e937b9', class: "col-md-12" }, h("div", { key: 'c56b6830cb8f287c9613b63c787bdc0bca198ec6', style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, h("hy-search-field", { key: '014caca09b37533bee504333c185f8b460f90543', "input-id": "search", label: "" }))), h("div", { key: 'f8529bb05c8ff4cb980decdbce00d59ef51b11b1', class: "col-md-3" }, h("div", { key: 'ab6ab052a06b799a43799450b1ccf78e8e24ac5a', class: "search-filters", "aria-controls": "search-results" })), h("div", { key: '4a41c2a91edf8ed931791ba2ac90a55103026ef5', class: "col-md-9" }, h("div", { key: '9a388208afe64f3a60b89c847fd4cb740466a830', class: "search-results-container" }, h("hy-paragraph-text", { key: '0fc3472b7a6520e212493915b4d5cbbe0a1ddf45' }, h("div", { key: '6592c5f04487edcea1308bb7c1d3757911ef2dd5', class: "search-result-count" })), h("div", { key: 'd1bbd7d44a2120534f82fbc65c844225aa28d022', class: "search-did-you-mean", role: "Complementary" }), h("div", { key: 'b3cc65fd9cc303dd0fa6d9bf055679588992c09d', class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (h("div", { key: '75b93aa2b6b234adbc96e4efed407086f051ea8b', class: "site-search__panel__tools" }, h("div", { key: '3841809a8ab8f65f8e985992d06903f58c8e7e21', class: "title" }, this.searchToolsLabel), h("div", { key: 'd3f1069f79eeea5b3af19289d76690fa464d9fdb', class: "list" }, this._searchTools.map((i) => {
             let searchToolTarget = i.isExternal ? "_blank" : "_self";
-            return (h("a", { class: "search-special-tool", href: i.url, target: searchToolTarget }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 14, fill: ColorVariant.black }), h("span", { class: "label" }, i.label), h("span", { class: "description" }, i.description)));
-        })))), h("button", { key: '53010753be2d1bf888806172866cfab1651954fe', onClick: () => this.closeSearchPanel(), class: {
+            return (h("a", { class: "search-special-tool", href: i.url, target: searchToolTarget }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24, fill: ColorVariant.black }), h("span", { class: "label" }, i.label), h("span", { class: "description" }, i.description)));
+        })))), h("button", { key: 'e494d65c218193d653f64675a7742a060885695c', onClick: () => this.closeSearchPanel(), class: {
                 "site-search__panel__panel-toggle": true,
-            }, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, h("span", { key: '4f0aa66d5136788dca11bddf47c569651db43f46', class: "site-search__panel__panel-toggle__label" }, h("span", { key: 'b9e7af6ad56dd5bccca194ab906b7337b5aad0b0', class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), h("hy-icon", { key: 'd8baf375ca28cf9126c5a69b1c0b9a47b07e4522', icon: "hy-icon-remove", size: 16, fill: ColorVariant.black })))), h("div", { key: 'f580d8f64b162aa847c4de699257a11b21debf53', class: "site-search__panel__space-box", onClick: () => this.closeSearchPanel() }))))));
+            }, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, h("span", { key: '04b5b9982ed712730b22f25824c1700a715323ca', class: "site-search__panel__panel-toggle__label" }, h("span", { key: 'bae165308503b8aadc6cb0ac34b98076b3bcfb0e', class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), h("hy-icon", { key: '9fdca3a2808cd73282193e11cc037200e0bc98da', icon: "hy-icon-remove", size: 16, fill: ColorVariant.black })))), h("div", { key: '7ba624a1dac1f9447c03a9fb8fec36ba6759819f', class: "site-search__panel__space-box", onClick: () => this.closeSearchPanel() }))))));
     }
     static get is() { return "hy-site-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hy-table-container/hy-table-container.js

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class HyTableContainer {
     render() {
         const classAttributes = ["hy-table-container"].join(" ");
-        return (h(Host, { key: 'e01efb3d654b5e45da81afd492dcabc58c46cc27', class: classAttributes }, h("slot", { key: 'ced0d7fcf0ef64113dda035d38d05c0bf18c96d8' }), h("hy-box", { key: 'd7303ace3ac465a32ac087658259b194cb523e55', mb: "1.75, 1.75, 2, 2.5" })));
+        return (h(Host, { key: '3c9d46dc194b7007cf2ac1ad2c1c238270f74b64', class: classAttributes }, h("slot", { key: '92c347e9a46d55fcb55b14fc54f2ba03314a6e38' }), h("hy-box", { key: '8ce706d44c03799e0d19de94a297557e8ef5937c', mb: "1.75, 1.75, 2, 2.5" })));
     }
     static get is() { return "hy-table-container"; }
     static get originalStyleUrls() {

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

@@ -288,16 +288,16 @@ export class HyTabs {
             }
         }
         return [
-            h("hy-box", { key: '683a5479d2a708bb3d0cdaf68a54aa9bd801bb8a', pt: "1.25, 1.25, 1.5, 2.5" }),
-            h("div", { key: '41d787351d1ed5c07911584ed1a6f8dfd371ee64', id: id, class: classComponentAttributes }, h("div", { key: '451e17551576064418127d5bf9f837a5a8754c52', class: "hy-tablist-container" }, h("button", { key: 'c7e7f80d87ac1d9a67745d52788444adc89daa4e', tabindex: "-1", class: "hy-tab-scroll hy-tab-scroll__left is-hidden", "aria-hidden": "true" }, h("span", { key: 'aad02a75f2158552f9144f166779f78faf650242' }, h("hy-icon", { key: '47edc4178e962779da31830f6112e9e33e41b121', icon: "hy-icon-caret-left", size: 16 }))), h("div", { key: '13eef5d285c5676ee8f30306d6e86c369971c051', role: "tablist", "aria-label": this.tabListLabel }, this.tabButtonTitles &&
+            h("hy-box", { key: 'db85d54f57653e27d7719674337b12363e69b457', pt: "1.25, 1.25, 1.5, 2.5" }),
+            h("div", { key: 'e47886373517ebc134d0b8285f4df4135e1c0874', id: id, class: classComponentAttributes }, h("div", { key: 'cde0cc1f6b6b9a24d2e0e113415368bbf8a5bb12', class: "hy-tablist-container" }, h("button", { key: 'f4fa955d15acadef8b041c35064cb3aee88079bf', tabindex: "-1", class: "hy-tab-scroll hy-tab-scroll__left is-hidden", "aria-hidden": "true" }, h("span", { key: '153c335dc43792eba156420c9d91fb00c5ee0a49' }, h("hy-icon", { key: 'e0e97bdbb0782289d688e68418949b46f8f396ca', icon: "hy-icon-caret-left", size: 16 }))), h("div", { key: '5067393e3fd4caaee3647f82c4102ff8770d9079', role: "tablist", "aria-label": this.tabListLabel }, this.tabButtonTitles &&
                 this.tabButtonTitles.map((item) => {
                     const title = Object.values(item)[0];
                     const id = title.toLowerCase().replace(/\W/g, "-");
                     const titleAsId = title.toLowerCase().replace(/\W/g, "-");
                     const tabItemHref = "#" + titleAsId;
                     return (h("a", { href: tabItemHref, tabindex: "-1" }, h("button", { "aria-selected": "false", "aria-controls": `${id}-tab`, class: this.headerstyle, role: "tab", id: id }, h("span", null, title))));
-                })), h("button", { key: '44a95a82583d97ffa5b39630b2a49cb50aa1cea0', tabindex: "-1", class: "hy-tab-scroll hy-tab-scroll__right", "aria-hidden": "true" }, h("span", { key: 'd1f51ef899ea7471e3bfd4d5ae7358375012bc56' }, h("hy-icon", { key: '4942edbc2baba197b2dc5b0752052ebd4ede474d', icon: "hy-icon-caret-right", size: 16 })))), h("slot", { key: '90eb5de9ef6acda255b97db747f92b2d08f7702c' })),
-            h("hy-box", { key: '6e6aeac055c32cd5ef1e582f849ee1426424463d', mb: "1.75, 1.75, 2, 2.5" }),
+                })), h("button", { key: '3fa18b11a58c588e64931f1951d99d5c8ce1b091', tabindex: "-1", class: "hy-tab-scroll hy-tab-scroll__right", "aria-hidden": "true" }, h("span", { key: 'ddf49bf4740e4553bf7610fa1d32e4659fa8de67' }, h("hy-icon", { key: '3f157bd96731cbf98033d7f5a3f7f87fb6e65146', icon: "hy-icon-caret-right", size: 16 })))), h("slot", { key: '89a40649d35cc8ea5b8109a332b27c9154cee312' })),
+            h("hy-box", { key: '5542bf9f46be177f48b35e16d4c97d509d2eafad', mb: "1.75, 1.75, 2, 2.5" }),
         ];
     }
     static get is() { return "hy-tabs"; }

package/dist/collection/components/hy-tabs-item/hy-tabs-item.js

@@ -5,7 +5,7 @@ export class HyTabsItem {
     }
     render() {
         const id = this.tabTitle.toLowerCase().replace(/\W/g, "-");
-        return (h("div", { key: 'e774e5ec79390259ad5f327f227c1850abe802ed', tabindex: "0", role: "tabpanel", id: `${id}-tab`, "aria-labelledby": id, hidden: true }, h("slot", { key: '44361b2a263e8ec76706c529a131a23570505fcd' })));
+        return (h("div", { key: '3e52d79139baa862b4786685150b20521c0d588f', tabindex: "0", role: "tabpanel", id: `${id}-tab`, "aria-labelledby": id, hidden: true }, h("slot", { key: '70a6d6654e888f177cf694f2658793ee4928e5d3' })));
     }
     static get is() { return "hy-tabs-item"; }
     static get originalStyleUrls() {

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

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class HyTag {
     render() {
         const classAttributes = ["hy-tag"].join(" ");
-        return (h(Host, { key: 'b7a72db33a5474031d64fed1d96fe86398bacc8e' }, h("div", { key: 'aa04729413a0a9248d8533dbbf9dd0f017a38519', class: classAttributes }, h("span", { key: 'da4fb29a214975f8cf4e032b4c7b283a566bf92b' }, h("slot", { key: '0c331efd63254000e63b1806d2b8bad3f3033b31' })))));
+        return (h(Host, { key: '08fd3b2cc6f33b10e12cc4d795d0d69bf2d5ae7d' }, h("div", { key: '73ce327eefd39f7dd49eeeccc2f6f11cbb886a1e', class: classAttributes }, h("span", { key: '77629d158c44eeb20722a226fadf7442395473bb' }, h("slot", { key: '2315aa0c194bc3155dfe44edc196c0927b240ec5' })))));
     }
     static get is() { return "hy-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hy-tiny-text/tiny-text.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 export class TinyText {
     render() {
         const classAttributes = ["hy-tiny-text"];
-        return (h("div", { key: 'd6a0e71bab98789cf4873500a894895e15c74ddb', class: classAttributes.join(" ") }, h("slot", { key: '626b84d896db99e261bed787e6d51a1d53e563f4' })));
+        return (h("div", { key: 'aa2110b5fac692cf3f64250460d4351f1ed6a2ff', class: classAttributes.join(" ") }, h("slot", { key: '1d33effd61649f29948912921b73e0e75cdec12a' })));
     }
     static get is() { return "hy-tiny-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hy-twitter-feed/hy-twitter-feed.js

@@ -13,7 +13,7 @@ export class HyTwitterFeed {
         if (this.tweetType === "Hashtag" && this.twitterFeedKeyword.charAt(0) === "#") {
             this.twitterFeedKeyword = this.twitterFeedKeyword.substring(1);
         }
-        return (h("section", { key: '9ac5c6a3c642c162ce57631781f082fb0fd681b1', class: "hy-twitter-feed" }, h("div", { key: '3056efd0fd62e4001ca492a4d5b9c4dd13edd0c0', class: "hy-twitter-feed__header" }, h(HeadingVariant, { key: 'b299eba8788f1bcf30d6fc5d2a48fd49f04e8d37', class: "hy-twitter-feed__title" }, this.paragraphTitle || "Twitter"), h("p", { key: '59e6a536fca7ff1f974f18e690bdb457e7fa8070', class: "hy-twitter-feed__keyword" }, h("hy-icon", { key: '109c0631f67a9090c56c065909a5dee778d0d129', icon: `hy-icon-some-twitter`, size: 20 }), this.tweetType === "Hashtag" ? `#${this.twitterFeedKeyword}` : `@${this.twitterFeedKeyword}`), this.tweetType === "Username" && (h("a", { key: '334782112743e55f5988d2e776fb6c37da77ffea', href: `https://twitter.com/${this.twitterFeedKeyword}`, target: "_blank" }, h("hy-icon", { key: 'da13de78ea20edcd7cf2f30a27e28aa0a9126a12', icon: `hy-icon-plus`, size: 12 }), "Follow"))), h("ul", { key: '3c721de2994d2bc110bb6567e2c029af2ec4f50f', class: "hy-twitter-feed__tweets" }, parsedTweets.map(({ tweet_text, tweet_created, tweet_absolute_url, tweet_like_count, tweet_retweet_count, user_name, user_username, user_profile_image_url, }) => {
+        return (h("section", { key: '477d6e8362682a3979300f3184c5dfd92d18725b', class: "hy-twitter-feed" }, h("div", { key: 'ce9dce253abe7ed63b8a1bc5505c7c97cfb7279d', class: "hy-twitter-feed__header" }, h(HeadingVariant, { key: 'db941a1e2d22556736966a58cb3bee917a04bf6c', class: "hy-twitter-feed__title" }, this.paragraphTitle || "Twitter"), h("p", { key: '16b322545af7b11dba468328f59202e4d92eefeb', class: "hy-twitter-feed__keyword" }, h("hy-icon", { key: '5d033cbf681f856686ec1743a73fe6ab6e917aa5', icon: `hy-icon-some-twitter`, size: 20 }), this.tweetType === "Hashtag" ? `#${this.twitterFeedKeyword}` : `@${this.twitterFeedKeyword}`), this.tweetType === "Username" && (h("a", { key: '1583c7f46eb15e7878bf20ea0b8b98563eff1c3a', href: `https://twitter.com/${this.twitterFeedKeyword}`, target: "_blank" }, h("hy-icon", { key: 'b096eaeb2422b86eb6c1ff4412ebe815435be9de', icon: `hy-icon-plus`, size: 12 }), "Follow"))), h("ul", { key: '98a29039732a5d2ff9cc27ae2b71acbbb501cd4c', class: "hy-twitter-feed__tweets" }, parsedTweets.map(({ tweet_text, tweet_created, tweet_absolute_url, tweet_like_count, tweet_retweet_count, user_name, user_username, user_profile_image_url, }) => {
             const dateFormatted = new Intl.DateTimeFormat("fi-FI").format(new Date(tweet_created));
             return (h("li", { class: "hy-twitter-feed__item" }, h("article", { class: "hy-twitter-tweet" }, h("header", { class: "hy-twitter-tweet__header" }, h("figure", { class: "hy-twitter-tweet__profile-image", role: "complementary" }, h("img", { src: user_profile_image_url, alt: "" })), h("div", { class: "hy-twitter-tweet__header-content" }, h("time", { dateTime: tweet_created }, dateFormatted), h("p", null, user_name), h("a", { class: "hy-twitter-tweet__user-link", href: `https://twitter.com/${user_username}`, target: "_blank" }, "@", user_username))), h("div", { class: "hy-twitter-tweet__content-wrapper" }, h("div", { class: "hy-twitter-tweet__content" }, h("p", null, tweet_text.length > 113 ? `${tweet_text.substr(0, 113)}...` : tweet_text), h("a", { class: "hy-twitter-tweet__tweet-link", href: tweet_absolute_url, target: "_blank" }, h("span", { "aria-hidden": "true" }), `${tweet_absolute_url.substr(0, 24)}...`)), h("div", { class: "hy-twitter-tweet__statistics", role: "complementary" }, h("p", null, h("span", { class: "visually-hidden" }, "Tweet like count: "), h("hy-icon", { icon: `hy-icon-some-twitter-like`, size: 16 }), tweet_like_count), h("p", null, h("span", { class: "visually-hidden" }, "Tweet retweet count: "), h("hy-icon", { icon: `hy-icon-some-twitter-retweet`, size: 16 }), tweet_retweet_count))))));
         }))));

package/dist/collection/components/hy-two-columns/hy-two-columns.js

@@ -5,7 +5,7 @@ export class HyTwoColumns {
     }
     render() {
         const classAttributes = ["hy-two-columns", this.reversed ? "hy-two-columns--reversed" : ""].join(" ");
-        return (h(Host, { key: 'e95739b22e7e5abade82b22ad5fc328b542467cf' }, h("div", { key: '5e39fd55167d87991948ac9e50732422360793b1', class: classAttributes }, h("div", { key: '5fecc438200677391b81a46e90702a68acdb4ba5', class: "hy-two-columns__item hy-two-columns__item--main" }, h("slot", { key: '28f79a405dddd855edb9f21101798bd6497533f5', name: "main" })), h("div", { key: 'f99839311a6eb2d4dfbd478f377651a859343ad5', class: "hy-two-columns__item hy-two-columns__item--side" }, h("slot", { key: '0075a076673885644c579322b079e7a6dd13091e', name: "side" })))));
+        return (h(Host, { key: '7b1860ff9cb93485a344a1e152e13f9c5527f6c8' }, h("div", { key: '48b0b2429df3df4c2974b24b73835b133fdd01ef', class: classAttributes }, h("div", { key: '28228f514c9c806b64d8d5385de0e653a1ed3db1', class: "hy-two-columns__item hy-two-columns__item--main" }, h("slot", { key: '1f6ded037fb1112bf184d936d147ac145d97882d', name: "main" })), h("div", { key: '122fe6983af0f99f9095a4a88bad3e8223674102', class: "hy-two-columns__item hy-two-columns__item--side" }, h("slot", { key: 'fb5ef283a71067523e9eac4a0e820bdc6e04f2de', name: "side" })))));
     }
     static get is() { return "hy-two-columns"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-user-login-form/hy-user-login-form.js

@@ -9,7 +9,7 @@ export class HyUserLoginForm {
         const classAttributes = "hy-user-login-form";
         const logoSize = SiteLogoSize.large;
         const logoColor = ColorVariant.black;
-        return (h("div", { key: '5b53123c6eef159d1e7d41266c890a4ced52d6d9', class: classAttributes }, h("div", { key: '88da61560856f8718a728a4c582d33fab4b899f7', class: "hy-site-header__logo-container" }, h("hy-site-logo", { key: '1e16571f97de5b06d1c40d9b79911e81e9210ddf', size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("slot", { key: 'e67037f77418fe1d086d543d6468191297f0ed33' })));
+        return (h("div", { key: 'a48e695d0cc1fc598016edb32275618842a6283d', class: classAttributes }, h("div", { key: '7c91c0c301a4fd48c0311c50cf603875919aeb56', class: "hy-site-header__logo-container" }, h("hy-site-logo", { key: '88fd055a80781ca00737263513326a668cb90568', size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("slot", { key: '275513354ffcda111b0fa71f90d392630433be8e' })));
     }
     static get is() { return "hy-user-login-form"; }
     static get originalStyleUrls() {

package/dist/collection/components/icons/hy-icon-add-to-todo-list.js

@@ -0,0 +1,51 @@
+import { h, Host } from "@stencil/core";
+export class AddToTodoList {
+    constructor() {
+        this.size = '24px';
+        this.fill = 'currentColor';
+    }
+    render() {
+        return (h(Host, { key: 'c7397e2e80d09ce6b3dd96c0f02ec72b34b9d1e5', style: { 'display': 'flex' } }, h("svg", { key: '6ca7f4b84257a99724796652dbba83801ccc67cb', viewBox: "0 0 1000 1000", width: this.size, height: this.size, fill: this.fill }, h("path", { key: '928cd716c098841a7776d8ef2c3e6ec9d4321783', d: "M774 871H226V161h548v129h97V65H129v903h742V742h-97v129zm65-387v-97h-65v97h-97v64h97v97h65v-97h96v-64h-96zm-484 97h258v64H355v-64zm0 96h258v65H355v-65zm0-387h258v65H355v-65zm0 97h258v65H355v-65z" }))));
+    }
+    static get is() { return "hy-icon-add-to-todo-list"; }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "'24px'"
+            },
+            "fill": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fill",
+                "reflect": false,
+                "defaultValue": "'currentColor'"
+            }
+        };
+    }
+}

package/dist/collection/components/icons/hy-icon-alert.js

@@ -0,0 +1,51 @@
+import { h, Host } from "@stencil/core";
+export class Alert {
+    constructor() {
+        this.size = '24px';
+        this.fill = 'currentColor';
+    }
+    render() {
+        return (h(Host, { key: '9fa40f775a29e0d568202940c424e8b6f3fd7f51', style: { 'display': 'flex' } }, h("svg", { key: '4706d8a8d84b176a416737e3af5cd53cc929207e', viewBox: "0 0 32 32", width: this.size, height: this.size, fill: this.fill }, h("circle", { key: 'c12791f299fae65aec008ae1b04effbf74636513', cx: "16", cy: "16", r: "16" }), h("path", { key: '37905cddec64579632e8737b6b6742e9191c0757', d: "M17.6,18.79H15l-.55-10.5h3.72Zm-3.21,3.67a1.8,1.8,0,0,1,.48-1.36,2,2,0,0,1,1.41-.46,1.94,1.94,0,0,1,1.38.47,1.83,1.83,0,0,1,.49,1.35,1.79,1.79,0,0,1-.5,1.34,1.84,1.84,0,0,1-1.37.49,1.93,1.93,0,0,1-1.4-.48A1.79,1.79,0,0,1,14.39,22.46Z" }))));
+    }
+    static get is() { return "hy-icon-alert"; }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "'24px'"
+            },
+            "fill": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fill",
+                "reflect": false,
+                "defaultValue": "'currentColor'"
+            }
+        };
+    }
+}