@itcenteratunihelsinki/huds-lib 0.5.0 → 0.5.4

package/dist/cjs/hy-content-list.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
-const utils = require('./utils-250efadd.js');
+const utils = require('./utils-f2f5569b.js');
 
-const hyContentListCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-content-list{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-content-list--no-result{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-content-list--alert{margin-right:6px}.hy-content-list--alert svg{fill:var(--grayscale-dark)}@media (min-width: 1601px){.hy-content-list--alert svg{height:18px;width:18px}}@media (min-width: 87.5rem){.hy-content-list--alert--large svg{height:18px;width:18px}}.hy-content-list--alert-label{font-family:var(--main-font-family);font-size:0.9375rem;line-height:22px;color:var(--grayscale-dark);font-style:italic;letter-spacing:0}@media (min-width: 30rem){.hy-content-list--alert-label{font-size:1rem;line-height:24px}}@media (min-width: 1601px){.hy-content-list--alert-label{font-size:1.0625rem;line-height:26px}}@media (min-width: 87.5rem){.hy-content-list--alert-label--large{font-size:1.0625rem;line-height:26px}}.hy-content-list.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-content-list.grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}";
+const hyContentListCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-content-list{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-content-list--no-result{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-content-list--alert{margin-right:6px}.hy-content-list--alert svg{fill:var(--grayscale-dark)}@media (min-width: 1601px){.hy-content-list--alert svg{height:18px;width:18px}}@media (min-width: 87.5rem){.hy-content-list--alert--large svg{height:18px;width:18px}}.hy-content-list--alert-label{font-family:var(--main-font-family);font-size:0.9375rem;line-height:22px;color:var(--grayscale-dark);font-style:italic;letter-spacing:0}@media (min-width: 30rem){.hy-content-list--alert-label{font-size:1rem;line-height:24px}}@media (min-width: 1601px){.hy-content-list--alert-label{font-size:1.0625rem;line-height:26px}}@media (min-width: 87.5rem){.hy-content-list--alert-label--large{font-size:1.0625rem;line-height:26px}}.hy-content-list.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-content-list.grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}";
 
 const HyContentList = class {
   constructor(hostRef) {
@@ -15,6 +15,7 @@ const HyContentList = class {
     this.creditsLabel = 'cr';
     this.cancelledLabel = 'Cancelled';
     this.headerstyle = 'common';
+    this.courseStateVariant = utils.CourseStateVariants.default;
     this.variant = utils.CourseVariants.default;
     this.courseRealisations = [];
   }
@@ -43,45 +44,47 @@ const HyContentList = class {
   }
   renderItems() {
     let courseRealisations = [];
-    this._dataItems.forEach((item) => {
-      let courseObject = JSON.parse(JSON.stringify(item));
-      const courseListType = courseObject['courseListType'];
-      this.variant = courseListType == 'list' ? utils.CourseVariants.row : utils.CourseVariants.grid;
-      for (let courseProperty in courseObject) {
-        if (courseProperty == 'courseListType')
-          continue;
-        let courseItem = courseObject[courseProperty];
-        let courseCode = courseItem['code'];
-        let courseCredits = courseItem['credits'];
-        // Course realisations
-        if (courseItem['realisations']) {
-          let realisations = JSON.parse(JSON.stringify(courseItem['realisations']));
-          for (let realisationProperty in realisations) {
-            let realizationItem = realisations[realisationProperty];
-            let courseRealisationName = realizationItem['name'];
-            let courseRealisationFullName = courseRealisationName + ', ' + courseCredits + ' ' + this.creditsLabel;
-            let courseStudyFormat = realizationItem['studyFormat'];
-            let courseCancelled = realizationItem['cancelled'];
-            let courseStartDate = realizationItem['startDate'];
-            let courseEndDate = realizationItem['endDate'];
-            let courseEnrollmentLink = realizationItem['enrolmentLink'];
-            let courseTeachingLanguage = realizationItem['teachingLanguage'];
-            let courseOrganisation = realizationItem['organisation'];
-            let courseTags = [];
-            if (realizationItem['tags']) {
-              let tags = JSON.parse(JSON.stringify(realizationItem['tags']));
-              for (let z in tags) {
-                let tagItem = { name: tags[z] };
-                courseTags.push(tagItem);
+    if (this._dataItems && this._dataItems.length > 0) {
+      this._dataItems.forEach((item) => {
+        let courseObject = JSON.parse(JSON.stringify(item));
+        const courseListType = courseObject['courseListType'];
+        this.variant = courseListType == 'list' ? utils.CourseVariants.row : utils.CourseVariants.grid;
+        for (let courseProperty in courseObject) {
+          if (courseProperty == 'courseListType')
+            continue;
+          let courseItem = courseObject[courseProperty];
+          let courseCode = courseItem['code'];
+          let courseCredits = courseItem['credits'];
+          // Course realisations.
+          if (courseItem['realisations']) {
+            let realisations = JSON.parse(JSON.stringify(courseItem['realisations']));
+            for (let realisationProperty in realisations) {
+              let realizationItem = realisations[realisationProperty];
+              let courseRealisationName = realizationItem['name'];
+              let courseRealisationFullName = courseRealisationName + ', ' + courseCredits + ' ' + this.creditsLabel;
+              let courseStudyFormat = realizationItem['studyFormat'];
+              let courseCancelled = realizationItem['cancelled'];
+              let courseStartDate = realizationItem['startDate'];
+              let courseEndDate = realizationItem['endDate'];
+              let courseEnrollmentLink = realizationItem['enrolmentLink'];
+              let courseTeachingLanguage = realizationItem['teachingLanguage'];
+              let courseOrganisation = realizationItem['organisation'];
+              let courseTags = [];
+              if (realizationItem['tags']) {
+                let tags = JSON.parse(JSON.stringify(realizationItem['tags']));
+                for (let z in tags) {
+                  let tagItem = { name: tags[z] };
+                  courseTags.push(tagItem);
+                }
               }
+              let courseTagsJSON = JSON.stringify(courseTags);
+              const contentListItemClassAttributes = ['item', this.variant].join(' ');
+              courseRealisations.push(index.h("hy-content-list-item", { id: realisationProperty, class: contentListItemClassAttributes, variant: this.variant, "state-variant": this.courseStateVariant, "course-code": courseCode, "course-name": courseRealisationFullName, "is-cancelled": courseCancelled, "cancelled-label": this.cancelledLabel, "course-credits": courseCredits, "course-tags": courseTagsJSON, "course-start-date": courseStartDate, "course-end-date": courseEndDate, "course-study-format": courseStudyFormat, "course-organisation": courseOrganisation, "course-enrollment-link": courseEnrollmentLink, "course-teaching-language": courseTeachingLanguage, "course-link-label": this.linkLabel, "data-location": courseEnrollmentLink, onClick: () => this.handleCardClick(realisationProperty) }));
             }
-            let courseTagsJSON = JSON.stringify(courseTags);
-            const contentListItemClassAttributes = ['item', this.variant].join(' ');
-            courseRealisations.push(index.h("hy-content-list-item", { id: realisationProperty, class: contentListItemClassAttributes, variant: this.variant, "course-code": courseCode, "course-name": courseRealisationFullName, "is-cancelled": courseCancelled, "cancelled-label": this.cancelledLabel, "course-credits": courseCredits, "course-tags": courseTagsJSON, "course-start-date": courseStartDate, "course-end-date": courseEndDate, "course-study-format": courseStudyFormat, "course-organisation": courseOrganisation, "course-enrollment-link": courseEnrollmentLink, "course-teaching-language": courseTeachingLanguage, "course-link-label": this.linkLabel, "data-location": courseEnrollmentLink, onClick: () => this.handleCardClick(realisationProperty) }));
           }
         }
-      }
-    });
+      });
+    }
     return courseRealisations;
   }
   render() {

package/dist/cjs/hy-crisis-banner.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
 
-const hyCrisisBannerCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{-webkit-box-shadow:inset 0 -20px 20px -20px rgba(14, 104, 139, 0.1);box-shadow:inset 0 -20px 20px -20px rgba(14, 104, 139, 0.1);display:block}.hy-crisis-banner__container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1216px}.hy-crisis-banner__indicator{background-color:var(--additional-yellow);-ms-flex-negative:0;flex-shrink:0}@media (min-width: 30rem){.hy-crisis-banner__indicator{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.hy-crisis-banner__indicator-icon{margin-left:8px;margin-right:8px;margin-top:10px}@media (min-width: 30rem){.hy-crisis-banner__indicator-icon{margin-left:10px;margin-right:10px;margin-top:0}}.hy-crisis-banner__indicator-icon svg{height:22px;width:22px}.hy-crisis-banner__indicator-icon svg circle{fill:var(--grayscale-white)}.hy-crisis-banner__indicator-icon svg path{fill:var(--additional-yellow)}.hy-crisis-banner__content-wrapper{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:12px 0 12px 12px}@media (min-width: 30rem){.hy-crisis-banner__content-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 0 14px 14px}}@media (min-width: 60rem){.hy-crisis-banner__content-wrapper{padding:20px 0 20px 20px}}@media (min-width: 30rem){.hy-crisis-banner__content{max-width:61.22%;width:100%}}@media (min-width: 60rem){.hy-crisis-banner__content{max-width:65.83%}}@media (min-width: 75.0625rem){.hy-crisis-banner__content{max-width:65.79%}}.hy-crisis-banner__title{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.35px;margin:0 0 2px 0}@media (min-width: 1601px){.hy-crisis-banner__title{font-size:1rem;line-height:18px;letter-spacing:-0.4px}}.hy-crisis-banner__description{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.35px;margin:0}@media (min-width: 30rem){.hy-crisis-banner__description{font-size:0.875rem;line-height:16px}}.hy-crisis-banner__description p{margin-top:0}.hy-crisis-banner__description p:last-of-type{margin-bottom:0}.hy-crisis-banner__link{font-size:0.875rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.5px;margin:12px 0 0;overflow:hidden;text-decoration:none}@media (min-width: 30rem){.hy-crisis-banner__link{-ms-flex-negative:0;flex-shrink:0;margin-left:24px;margin-right:32px;margin-top:0;text-align:right}}@media (min-width: 75.0625rem){.hy-crisis-banner__link{margin-left:32px}}@media (min-width: 1601px){.hy-crisis-banner__link{font-size:1rem;line-height:18px}}.hy-crisis-banner__link:hover,.hy-crisis-banner__link:focus{color:var(--brand-main);text-decoration:underline}.hy-crisis-banner__link:hover .hy-crisis-banner__link-icon svg,.hy-crisis-banner__link:focus .hy-crisis-banner__link-icon svg{fill:var(--brand-main)}.hy-crisis-banner__link-icon{margin-left:4px}@media (min-width: 30rem){.hy-crisis-banner__link-icon{margin-left:8px}}@media (min-width: 75.0625rem){.hy-crisis-banner__link-icon{margin-left:12px}}.hy-crisis-banner__link-icon svg{fill:var(--brand-main-light);height:12px;width:12px}@media (min-width: 30rem){.hy-crisis-banner__link-icon svg{height:14px;width:14px}}@media (min-width: 1601px){.hy-crisis-banner__link-icon svg{height:16px;width:16px}}";
+const hyCrisisBannerCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{-webkit-box-shadow:inset 0 -20px 20px -20px rgba(14, 104, 139, 0.1);box-shadow:inset 0 -20px 20px -20px rgba(14, 104, 139, 0.1);display:block}.hy-crisis-banner__container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1216px}.hy-crisis-banner__indicator{background-color:var(--additional-yellow);-ms-flex-negative:0;flex-shrink:0}@media (min-width: 30rem){.hy-crisis-banner__indicator{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.hy-crisis-banner__indicator-icon{margin-left:8px;margin-right:8px;margin-top:10px}@media (min-width: 30rem){.hy-crisis-banner__indicator-icon{margin-left:10px;margin-right:10px;margin-top:0}}.hy-crisis-banner__indicator-icon svg{height:22px;width:22px}.hy-crisis-banner__indicator-icon svg circle{fill:var(--grayscale-white)}.hy-crisis-banner__indicator-icon svg path{fill:var(--additional-yellow)}.hy-crisis-banner__content-wrapper{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:12px 0 12px 12px}@media (min-width: 30rem){.hy-crisis-banner__content-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 0 14px 14px}}@media (min-width: 60rem){.hy-crisis-banner__content-wrapper{padding:20px 0 20px 20px}}@media (min-width: 30rem){.hy-crisis-banner__content{max-width:61.22%;width:100%}}@media (min-width: 60rem){.hy-crisis-banner__content{max-width:65.83%}}@media (min-width: 75.0625rem){.hy-crisis-banner__content{max-width:65.79%}}.hy-crisis-banner__title{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.35px;margin:0 0 2px 0}@media (min-width: 1601px){.hy-crisis-banner__title{font-size:1rem;line-height:18px;letter-spacing:-0.4px}}.hy-crisis-banner__description{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.35px;margin:0}@media (min-width: 30rem){.hy-crisis-banner__description{font-size:0.875rem;line-height:16px}}.hy-crisis-banner__description p{margin-top:0}.hy-crisis-banner__description p:last-of-type{margin-bottom:0}.hy-crisis-banner__link{font-size:0.875rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.5px;margin:12px 0 0;overflow:hidden;text-decoration:none}@media (min-width: 30rem){.hy-crisis-banner__link{-ms-flex-negative:0;flex-shrink:0;margin-left:24px;margin-right:32px;margin-top:0;text-align:right}}@media (min-width: 75.0625rem){.hy-crisis-banner__link{margin-left:32px}}@media (min-width: 1601px){.hy-crisis-banner__link{font-size:1rem;line-height:18px}}.hy-crisis-banner__link:hover,.hy-crisis-banner__link:focus{color:var(--brand-main);text-decoration:underline}.hy-crisis-banner__link:hover .hy-crisis-banner__link-icon svg,.hy-crisis-banner__link:focus .hy-crisis-banner__link-icon svg{fill:var(--brand-main)}.hy-crisis-banner__link-icon{margin-left:4px}@media (min-width: 30rem){.hy-crisis-banner__link-icon{margin-left:8px}}@media (min-width: 75.0625rem){.hy-crisis-banner__link-icon{margin-left:12px}}.hy-crisis-banner__link-icon svg{fill:var(--brand-main-light);height:12px;width:12px}@media (min-width: 30rem){.hy-crisis-banner__link-icon svg{height:14px;width:14px}}@media (min-width: 1601px){.hy-crisis-banner__link-icon svg{height:16px;width:16px}}";
 
 const HyCrisisBanner = class {
   constructor(hostRef) {

package/dist/cjs/hy-cta-button.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
-const utils = require('./utils-250efadd.js');
+const utils = require('./utils-f2f5569b.js');
 
-const ctaButtonCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-cta-button-container{display:-webkit-box;display:-ms-flexbox;display:flex}.hy-cta-button{cursor:pointer;font-family:var(--main-font-family);font-weight:600;position:relative;text-decoration:none}.hy-cta-button.transparent-background{background-color:var(--grayscale-white);border:3px solid var(--grayscale-black);color:var(--grayscale-black)}@media (min-width: 1601px){.hy-cta-button.transparent-background{border:4px solid var(--grayscale-black)}}.hy-cta-button.transparent-background .link-icon svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-cta-button.transparent-background .text{color:var(--grayscale-black)}.hy-cta-button.black-background{background-color:var(--grayscale-black);border:3px solid var(--grayscale-white);color:var(--grayscale-white)}@media (min-width: 1601px){.hy-cta-button.black-background{border:4px solid var(--grayscale-white)}}.hy-cta-button.black-background .link-icon svg{background-color:var(--grayscale-black);fill:var(--grayscale-white)}.hy-cta-button.black-background .text{color:var(--grayscale-white)}.hy-cta-button.black-background:hover{background-color:var(--brand-main-active)}.hy-cta-button.black-background:hover .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.black-background:focus{background-color:var(--brand-main)}.hy-cta-button.black-background:focus .link-icon svg{background-color:var(--brand-main)}.hy-cta-button.blue-background{background-color:var(--brand-main-light);border:3px solid var(--grayscale-white);color:var(--grayscale-white)}@media (min-width: 1601px){.hy-cta-button.blue-background{border:4px solid var(--grayscale-white)}}.hy-cta-button.blue-background .link-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white)}.hy-cta-button.blue-background .text{color:var(--grayscale-white)}.hy-cta-button.blue-background:hover{background-color:var(--brand-main)}.hy-cta-button.blue-background:hover .link-icon svg{background-color:var(--brand-main)}.hy-cta-button.blue-background:focus{background-color:var(--brand-main-active)}.hy-cta-button.blue-background:focus .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.white-background{background-color:var(--grayscale-white);border:3px solid var(--brand-main-light);color:var(--brand-main-light)}@media (min-width: 1601px){.hy-cta-button.white-background{border:4px solid var(--brand-main-light)}}.hy-cta-button.white-background .link-icon svg{background-color:var(--grayscale-white);fill:var(--brand-main-light)}.hy-cta-button.white-background .text{color:var(--brand-main-light)}.hy-cta-button.white-background:hover{border-color:var(--brand-main)}.hy-cta-button.white-background:hover .text{color:var(--brand-main)}.hy-cta-button.white-background:hover .link-icon svg{fill:var(--brand-main)}.hy-cta-button.white-background:focus{border-color:var(--brand-main-active)}.hy-cta-button.white-background:focus .text{color:var(--brand-main-active)}.hy-cta-button.white-background:focus .link-icon svg{fill:var(--brand-main-active)}.hy-cta-button.transparent-background,.hy-cta-button.black-background,.hy-cta-button.blue-background,.hy-cta-button.white-background{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:278px;padding:14px 12px}@media (min-width: 30rem){.hy-cta-button.transparent-background,.hy-cta-button.black-background,.hy-cta-button.blue-background,.hy-cta-button.white-background{padding:15px 16px}}@media (min-width: 75.0625rem){.hy-cta-button.transparent-background,.hy-cta-button.black-background,.hy-cta-button.blue-background,.hy-cta-button.white-background{padding:15px 16px}}@media (min-width: 1601px){.hy-cta-button.transparent-background,.hy-cta-button.black-background,.hy-cta-button.blue-background,.hy-cta-button.white-background{padding:17px 16px}}.hy-cta-button.transparent-background .text,.hy-cta-button.black-background .text,.hy-cta-button.blue-background .text,.hy-cta-button.white-background .text{font-size:1rem;line-height:16px}@media (min-width: 30rem){.hy-cta-button.transparent-background .text,.hy-cta-button.black-background .text,.hy-cta-button.blue-background .text,.hy-cta-button.white-background .text{font-size:1.125rem;line-height:18px}}@media (min-width: 75.0625rem){.hy-cta-button.transparent-background .text,.hy-cta-button.black-background .text,.hy-cta-button.blue-background .text,.hy-cta-button.white-background .text{font-size:1.125rem;line-height:18px}}@media (min-width: 1601px){.hy-cta-button.transparent-background .text,.hy-cta-button.black-background .text,.hy-cta-button.blue-background .text,.hy-cta-button.white-background .text{font-size:1.25rem;line-height:20px}}.hy-cta-button.transparent-background .link-icon,.hy-cta-button.black-background .link-icon,.hy-cta-button.blue-background .link-icon,.hy-cta-button.white-background .link-icon{margin-left:8px}@media (min-width: 30rem){.hy-cta-button.transparent-background .link-icon,.hy-cta-button.black-background .link-icon,.hy-cta-button.blue-background .link-icon,.hy-cta-button.white-background .link-icon{margin-left:10px}}@media (min-width: 75.0625rem){.hy-cta-button.transparent-background .link-icon,.hy-cta-button.black-background .link-icon,.hy-cta-button.blue-background .link-icon,.hy-cta-button.white-background .link-icon{margin-left:10px}}@media (min-width: 1601px){.hy-cta-button.transparent-background .link-icon,.hy-cta-button.black-background .link-icon,.hy-cta-button.blue-background .link-icon,.hy-cta-button.white-background .link-icon{margin-left:12px}}.hy-cta-button.transparent-background .link-icon svg,.hy-cta-button.black-background .link-icon svg,.hy-cta-button.blue-background .link-icon svg,.hy-cta-button.white-background .link-icon svg{height:16px;width:16px}@media (min-width: 30rem){.hy-cta-button.transparent-background .link-icon svg,.hy-cta-button.black-background .link-icon svg,.hy-cta-button.blue-background .link-icon svg,.hy-cta-button.white-background .link-icon svg{height:18px;width:18px}}@media (min-width: 75.0625rem){.hy-cta-button.transparent-background .link-icon svg,.hy-cta-button.black-background .link-icon svg,.hy-cta-button.blue-background .link-icon svg,.hy-cta-button.white-background .link-icon svg{height:18px;width:18px}}@media (min-width: 1601px){.hy-cta-button.transparent-background .link-icon svg,.hy-cta-button.black-background .link-icon svg,.hy-cta-button.blue-background .link-icon svg,.hy-cta-button.white-background .link-icon svg{height:22px;width:22px}}@media (min-width: 75.0625rem){.hy-cta-button.large{padding:17px 16px}}@media (min-width: 75.0625rem){.hy-cta-button.large .text{font-size:1.25rem;line-height:20px}}@media (min-width: 75.0625rem){.hy-cta-button.large .link-icon{margin-left:12px}}@media (min-width: 75.0625rem){.hy-cta-button.large .link-icon svg{height:22px;width:22px}}@media (min-width: 75.0625rem){.hy-cta-button.large.blue-background,.hy-cta-button.large.black-background{border-width:4px}}@media (min-width: 75.0625rem){.hy-cta-button.large.transparent-background{border-width:4px}}@media (min-width: 75.0625rem){.hy-cta-button.large.white-background{border-width:4px}}";
+const ctaButtonCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-cta-button-container{display:-webkit-box;display:-ms-flexbox;display:flex}.hy-cta-button{cursor:pointer;font-family:var(--main-font-family);font-weight:700;position:relative;text-decoration:none}.hy-cta-button.transparent-background,.hy-cta-button.black-background,.hy-cta-button.blue-background,.hy-cta-button.white-background,.hy-cta-button.hero-white,.hy-cta-button.hero-blue,.hy-cta-button.hero-black{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:328px;padding:13px 16px}.hy-cta-button.transparent-background .text,.hy-cta-button.black-background .text,.hy-cta-button.blue-background .text,.hy-cta-button.white-background .text,.hy-cta-button.hero-white .text,.hy-cta-button.hero-blue .text,.hy-cta-button.hero-black .text{font-size:1rem;line-height:18px;letter-spacing:-0.3px}.hy-cta-button.transparent-background .link-icon,.hy-cta-button.black-background .link-icon,.hy-cta-button.blue-background .link-icon,.hy-cta-button.white-background .link-icon,.hy-cta-button.hero-white .link-icon,.hy-cta-button.hero-blue .link-icon,.hy-cta-button.hero-black .link-icon{margin-left:8px}.hy-cta-button.transparent-background .link-icon svg,.hy-cta-button.black-background .link-icon svg,.hy-cta-button.blue-background .link-icon svg,.hy-cta-button.white-background .link-icon svg,.hy-cta-button.hero-white .link-icon svg,.hy-cta-button.hero-blue .link-icon svg,.hy-cta-button.hero-black .link-icon svg{height:16px;width:16px}.hy-cta-button.transparent-background{background-color:var(--grayscale-white);border:4px solid var(--grayscale-black);color:var(--grayscale-black)}.hy-cta-button.transparent-background .link-icon svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-cta-button.transparent-background .text{color:var(--grayscale-black)}.hy-cta-button.black-background{background-color:var(--grayscale-black);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.black-background .link-icon svg{background-color:var(--grayscale-black);fill:var(--grayscale-white)}.hy-cta-button.black-background .text{color:var(--grayscale-white)}.hy-cta-button.black-background:hover{background-color:var(--brand-main-active)}.hy-cta-button.black-background:hover .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.black-background:focus{background-color:var(--brand-main)}.hy-cta-button.black-background:focus .link-icon svg{background-color:var(--brand-main)}.hy-cta-button.blue-background{background-color:var(--brand-main-light);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.blue-background .link-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white)}.hy-cta-button.blue-background .text{color:var(--grayscale-white)}.hy-cta-button.blue-background:hover{background-color:var(--brand-main)}.hy-cta-button.blue-background:hover .link-icon svg{background-color:var(--brand-main)}.hy-cta-button.blue-background:focus{background-color:var(--brand-main-active)}.hy-cta-button.blue-background:focus .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.white-background{background-color:var(--grayscale-white);border:4px solid var(--brand-main-light);color:var(--brand-main-light)}.hy-cta-button.white-background .link-icon svg{background-color:var(--grayscale-white);fill:var(--brand-main-light)}.hy-cta-button.white-background .text{color:var(--brand-main-light)}.hy-cta-button.white-background:hover{border-color:var(--brand-main)}.hy-cta-button.white-background:hover .text{color:var(--brand-main)}.hy-cta-button.white-background:hover .link-icon svg{fill:var(--brand-main)}.hy-cta-button.white-background:focus{border-color:var(--brand-main-active)}.hy-cta-button.white-background:focus .text{color:var(--brand-main-active)}.hy-cta-button.white-background:focus .link-icon svg{fill:var(--brand-main-active)}.hy-cta-button.hero-white{background-color:var(--brand-main-light);color:var(--grayscale-white)}.hy-cta-button.hero-white .link-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white)}.hy-cta-button.hero-white .text{color:var(--grayscale-white)}.hy-cta-button.hero-white:hover{background-color:var(--brand-main)}.hy-cta-button.hero-white:hover .link-icon svg{background-color:var(--brand-main)}.hy-cta-button.hero-white:focus{background-color:var(--brand-main-active)}.hy-cta-button.hero-white:focus .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.hero-black{background-color:var(--grayscale-black);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.hero-black .link-icon svg{background-color:var(--grayscale-black);fill:var(--grayscale-white)}.hy-cta-button.hero-black .text{color:var(--grayscale-white)}.hy-cta-button.hero-black:hover{border-color:var(--brand-main-soft)}.hy-cta-button.hero-black:hover .text{color:var(--brand-main-soft)}.hy-cta-button.hero-black:hover .link-icon svg{fill:var(--brand-main-soft)}.hy-cta-button.hero-black:focus{border-color:var(--brand-main-soft)}.hy-cta-button.hero-black:focus .text{color:var(--brand-main-soft)}.hy-cta-button.hero-black:focus .link-icon svg{fill:var(--brand-main-soft)}.hy-cta-button.hero-blue{background-color:var(--brand-main);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.hero-blue .link-icon svg{background-color:var(--brand-main);fill:var(--grayscale-white)}.hy-cta-button.hero-blue .text{color:var(--grayscale-white)}.hy-cta-button.hero-blue:hover{border-color:var(--brand-main-soft)}.hy-cta-button.hero-blue:hover .text{color:var(--brand-main-soft)}.hy-cta-button.hero-blue:hover .link-icon svg{fill:var(--brand-main-soft)}.hy-cta-button.hero-blue:focus{border-color:var(--brand-main-soft)}.hy-cta-button.hero-blue:focus .text{color:var(--brand-main-soft)}.hy-cta-button.hero-blue:focus .link-icon svg{fill:var(--brand-main-soft)}";
 
 const CtaButton = class {
   constructor(hostRef) {
@@ -15,14 +15,6 @@ const CtaButton = class {
     this.isExternal = false;
     this.headerstyle = 'common';
   }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
-      }
-    }
-  }
   render() {
     const classAttributes = ['hy-cta-button', this.variant, this.headerstyle].join(' ');
     const containerClassAttributes = ['hy-cta-button-container'].join(' ');

package/dist/cjs/hy-cta-link.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
-const utils = require('./utils-250efadd.js');
+const utils = require('./utils-f2f5569b.js');
 
-const ctaLinkCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-cta-link-container{display:-webkit-box;display:-ms-flexbox;display:flex}.hy-cta-link{font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;color:var(--brand-main);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);height:100%;position:relative;text-decoration:none}.hy-cta-link.default{font-size:0.875rem;line-height:16px;-webkit-box-align:right;-ms-flex-align:right;align-items:right;letter-spacing:-0.26px}@media (min-width: 30rem){.hy-cta-link.default{font-size:1rem;line-height:18px;letter-spacing:-0.3px}}@media (min-width: 1601px){.hy-cta-link.default{font-size:1.125rem;line-height:20px;letter-spacing:-0.34px}}@media (min-width: 75.0625rem){.hy-cta-link.default__large{font-size:1.125rem;line-height:20px;letter-spacing:-0.34px}}.hy-cta-link.default .text{padding:14px 0;text-align:right}.hy-cta-link.default .link-icon{margin-left:16px}.hy-cta-link.default .link-icon svg{background-color:var(--brand-main-light);-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);fill:var(--grayscale-white);padding:10.29px}.hy-cta-link.default:hover span{color:var(--brand-main) !important;text-decoration:underline}.hy-cta-link.default:hover svg{background-color:var(--brand-main) !important}.hy-cta-link.link-list{font-size:0.875rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.26px}@media (min-width: 30rem){.hy-cta-link.link-list{font-size:1rem;line-height:18px;letter-spacing:-0.3px}}.hy-cta-link.link-list .text{background-color:var(--grayscale-background-box);margin-left:-36px;padding:10px 10px 10px 48px}.hy-cta-link.link-list .hy-icon-wrapper{background-color:var(--brand-main-light);z-index:10}.hy-cta-link.link-list .hy-icon-wrapper .link-icon{position:relative;overflow:hidden}.hy-cta-link.link-list .hy-icon-wrapper .link-icon svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);fill:var(--grayscale-white);padding:10.29px}.hy-cta-link.link-list .hy-icon-wrapper .link-icon--external{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-cta-link.link-list:hover span{color:var(--brand-main) !important;text-decoration:underline}.hy-cta-link.link-list:hover .hy-icon-wrapper{background-color:var(--brand-main) !important}.hy-cta-link.link-list.hy-cta-link--full{width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.hy-cta-link.link-list.hy-cta-link--full .text{width:100%}";
+const ctaLinkCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none}.hy-cta-link:hover,.hy-cta-link:focus{text-decoration:underline}.hy-cta-link:hover .hy-cta-link__icon,.hy-cta-link:focus .hy-cta-link__icon{background-color:var(--brand-main)}.hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}";
 
 const CtaLink = class {
   constructor(hostRef) {
@@ -13,29 +13,11 @@ const CtaLink = class {
     this.variant = utils.CtaLinkVariants.default;
     this.linkContent = '';
     this.isExternal = false;
-    this.headerstyle = 'default';
-    this.fullWidth = false;
-  }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
-      }
-    }
   }
   render() {
-    const classAttributes = [
-      'hy-cta-link',
-      this.variant,
-      `${this.variant}__${this.headerstyle}`,
-      this.fullWidth ? 'hy-cta-link--full' : '',
-    ].join(' ');
-    const containerClassAttributes = ['hy-cta-link-container'].join(' ');
-    const textClassAttributes = ['text'].join(' ');
-    const iconClassAttributes = ['link-icon', this.isExternal ? 'link-icon--external' : null].join(' ');
+    const iconClassAttributes = ['hy-cta-link__icon', this.isExternal && 'hy-cta-link__icon--external'].join(' ');
     const target = this.isExternal ? '_blank' : '_self';
-    return (index.h("span", { class: containerClassAttributes }, index.h("a", { "aria-label": this.scLabel, class: classAttributes, href: this.url, target: target }, this.variant == utils.CtaLinkVariants.linkList && (index.h("span", { class: 'hy-icon-wrapper' }, index.h("div", { class: iconClassAttributes }, index.h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 40 })))), index.h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? index.h("slot", null) : this.linkContent), this.variant == utils.CtaLinkVariants.default && (index.h("span", { class: iconClassAttributes }, index.h("hy-icon", { icon: 'hy-icon-arrow-right', size: 40 }))))));
+    return (index.h("a", { "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` }, this.variant == utils.CtaLinkVariants.linkList && (index.h("span", { class: iconClassAttributes }, index.h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 }))), index.h("span", null, this.linkContent), this.variant == utils.CtaLinkVariants.default && (index.h("span", { class: iconClassAttributes }, index.h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 })))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/hy-desktop-menu-links.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
-const utils = require('./utils-250efadd.js');
+const utils = require('./utils-f2f5569b.js');
 const globalScript = require('./globalScript-1c4e262e.js');
 const index$1 = require('./index-314ad166.js');
 
-const hyDesktopMenuLinksCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 32px;padding:0;height:100%}.hy-site-header__menu-desktop{height:100%}.hy-site-header__menu-desktop-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-flow:row;flex-flow:row;height:100%;list-style:none;margin:0;padding:0;width:100%}.hy-site-header__menu-desktop-container li{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.hy-site-header__menu-desktop-container .desktop-menu-link{background-color:transparent;border:none;color:var(--brand-main-nearly-black);cursor:pointer;font-family:var(--main-font-family)}.hy-site-header__menu-desktop-container .desktop-menu-link:hover{cursor:pointer}.hy-site-header__menu-desktop-container .desktop-menu-link:hover span{color:var(--brand-main)}.hy-site-header__menu-desktop-container .desktop-menu-link:hover svg{fill:var(--brand-main)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link{font-size:0.875rem;line-height:14px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:0 none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.6px;padding:0 7px;position:relative;text-transform:uppercase}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .desktop-menu-link{font-size:1rem;line-height:16px;letter-spacing:-0.7px;padding:0 9px}}.hy-site-header__menu-desktop-container .desktop-menu-link.toggle{text-decoration:none}.hy-site-header__menu-desktop-container .desktop-menu-link__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;position:relative;width:-webkit-min-content;width:-moz-min-content;width:min-content}@media (min-width: 87.5rem){.hy-site-header__menu-desktop-container .desktop-menu-link__label{width:100%}}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail{border-bottom:4px solid var(--brand-main-nearly-black);position:relative;margin-bottom:-4px}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::after{background-color:var(--grayscale-white);content:\" \";position:absolute;bottom:-7px;left:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::after{bottom:-3px}}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::before{background-color:var(--grayscale-white);content:\" \";position:absolute;bottom:-7px;right:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::before{bottom:-3px}}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail--disabled{border:none;margin-bottom:0}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail--disabled::after,.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail--disabled::before{display:none}.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon{display:-webkit-box;display:-ms-flexbox;display:flex;height:8px;margin-left:3px;width:10px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon{height:8.44px;margin-left:4px;width:12px}}.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon svg{height:8px;width:10px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon svg{height:8.44px;width:12px}}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:hover,.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:focus{color:var(--link-blue)}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:hover hy-icon svg,.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:focus hy-icon svg{fill:var(--link-blue)}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active hy-icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active .desktop-menu-link__label--is-active-trail::after{border:none}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active{border-bottom:4px solid var(--brand-main-nearly-black);position:relative;margin-bottom:0px}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active .desktop-menu-link__label{margin-bottom:-4px}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::after{background-color:var(--grayscale-white);content:\" \";position:absolute;bottom:-7px;left:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::after{bottom:-5px}}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::before{background-color:var(--grayscale-white);content:\" \";position:absolute;bottom:-7px;right:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::before{bottom:-5px}}.hy-site-header__menu-desktop-container .desktop-menu-link:focus{outline:none;color:var(--link-blue);}.hy-site-header__menu-desktop-container .desktop-menu-link:focus span.external-icon svg{fill:var(--link-blue)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel{display:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;opacity:0;-webkit-transition:none;transition:none;position:absolute;left:0;top:0;z-index:510;width:100%}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel--is-active{background:radial-gradient(circle, var(--grayscale-light) 0%, var(--grayscale-background-box) 100%);display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:300px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:10px;top:0}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle{padding:22px 32px 17px 32px}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle{padding:30px 32px 30px 32px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);letter-spacing:-0.56px;margin-bottom:18px;text-transform:uppercase}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label__title{padding-right:5px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label:hover{cursor:pointer}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label:hover span{color:var(--brand-main)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label:hover svg{fill:var(--brand-main)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:-8px;margin-top:6px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__menu-items{min-width:440px;max-width:540px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item{font-weight:700;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);text-decoration:none;width:100%}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item:hover,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item:focus{-webkit-box-shadow:0 0 16px 0 rgba(0, 83, 121, 0.2);box-shadow:0 0 16px 0 rgba(0, 83, 121, 0.2);color:var(--link-blue)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item{font-size:1.5rem;line-height:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--grayscale-white);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.75px;margin-bottom:4px;padding:17px 32px 12px;position:relative;text-transform:none}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item{font-size:1.625rem;line-height:32px;letter-spacing:-0.81px;margin-bottom:6px;padding:25px 32px 16px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .label{border:none;margin-left:14px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .label:hover,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .label:focus{color:var(--link-blue)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .description{font-size:0.875rem;line-height:18px;font-weight:400;color:var(--grayscale-dark);letter-spacing:-0.2;margin-left:14px;margin-bottom:12px;margin-top:4px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .description{font-size:1rem;line-height:20px;letter-spacing:-0.25}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .description:hover{color:var(--grayscale-dark)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item span.heading-icon{position:absolute;top:12px;left:-6px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item span.heading-icon{top:20px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item span.heading-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);padding:8px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu{background-color:var(--grayscale-white);list-style:none;margin:0;padding:12px 0}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a{font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);text-decoration:none;width:100%;}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a{font-size:0.875rem;line-height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;letter-spacing:-0.5px;padding-left:24px;padding-right:48px;text-transform:none}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a{font-size:1rem;line-height:18px;letter-spacing:-0.5px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:focus,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:hover{color:var(--link-blue)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:focus span.external-icon svg,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:hover span.external-icon svg{fill:var(--link-blue)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a .label{border:none;margin:0 5px 0 12px;padding-top:12px;padding-bottom:12px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.heading-icon svg{fill:var(--brand-main-light)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.heading-icon svg{padding:1px 0}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.external-icon svg{fill:var(--brand-main-nearly-black);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.external-icon svg:hover,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.external-icon svg:focus{fill:var(--link-blue)}.hy-site-header__menu-desktop-container .shortcuts-panel{background-color:var(--grayscale-white);position:absolute;left:0;list-style:none;min-width:350px;margin:6px 4px 0 4px;max-width:400px;padding:0 48px;top:0}.hy-site-header__menu-desktop-container .shortcuts-panel__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.56px;margin-bottom:18px;text-transform:uppercase}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item{border-bottom:1px solid var(--grayscale-medium-dark)}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item__first{border-top:1px solid var(--grayscale-medium-dark)}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item a{font-size:1rem;line-height:22px;font-weight:600;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:-0.5px;padding:19px 0;text-decoration:none}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item a .icon{padding-left:24px}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item a .icon svg{padding:4px}";
+const hyDesktopMenuLinksCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 32px;padding:0;height:100%}.hy-site-header__menu-desktop{height:100%}.hy-site-header__menu-desktop-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-flow:row;flex-flow:row;height:100%;list-style:none;margin:0;padding:0;width:100%}.hy-site-header__menu-desktop-container li{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.hy-site-header__menu-desktop-container .desktop-menu-link{background-color:transparent;border:none;color:var(--brand-main-nearly-black);cursor:pointer;font-family:var(--main-font-family)}.hy-site-header__menu-desktop-container .desktop-menu-link:hover{cursor:pointer}.hy-site-header__menu-desktop-container .desktop-menu-link:hover span{color:var(--brand-main)}.hy-site-header__menu-desktop-container .desktop-menu-link:hover svg{fill:var(--brand-main)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link{font-size:0.875rem;line-height:14px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:0 none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.6px;padding:0 7px;position:relative;text-transform:uppercase}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .desktop-menu-link{font-size:1rem;line-height:16px;letter-spacing:-0.7px;padding:0 9px}}.hy-site-header__menu-desktop-container .desktop-menu-link.toggle{text-decoration:none}.hy-site-header__menu-desktop-container .desktop-menu-link__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;position:relative;width:-webkit-min-content;width:-moz-min-content;width:min-content}@media (min-width: 87.5rem){.hy-site-header__menu-desktop-container .desktop-menu-link__label{width:100%}}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail{border-bottom:4px solid var(--brand-main-nearly-black);position:relative;margin-bottom:-4px}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::after{background-color:var(--grayscale-white);content:\" \";position:absolute;bottom:-7px;left:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::after{bottom:-3px}}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::before{background-color:var(--grayscale-white);content:\" \";position:absolute;bottom:-7px;right:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail::before{bottom:-3px}}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail--disabled{border:none;margin-bottom:0}.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail--disabled::after,.hy-site-header__menu-desktop-container .desktop-menu-link__label--is-active-trail--disabled::before{display:none}.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon{display:-webkit-box;display:-ms-flexbox;display:flex;height:8px;margin-left:3px;width:10px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon{height:8.44px;margin-left:4px;width:12px}}.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon svg{height:8px;width:10px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .desktop-menu-link hy-icon svg{height:8.44px;width:12px}}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:hover,.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:focus{color:var(--link-blue)}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:hover hy-icon svg,.hy-site-header__menu-desktop-container .desktop-menu-link--is-active:focus hy-icon svg{fill:var(--link-blue)}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active hy-icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active .desktop-menu-link__label--is-active-trail::after{border:none}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active{border-bottom:4px solid var(--brand-main-nearly-black);position:relative;margin-bottom:0px}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active .desktop-menu-link__label{margin-bottom:-4px}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::after{background-color:var(--grayscale-white);content:\" \";position:absolute;bottom:-7px;left:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::after{bottom:-5px}}.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::before{background-color:var(--grayscale-white);content:\" \";position:absolute;bottom:-7px;right:-15px;height:8px;width:15px}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .desktop-menu-link--is-active::before{bottom:-5px}}.hy-site-header__menu-desktop-container .desktop-menu-link:focus{outline:none;color:var(--link-blue);}.hy-site-header__menu-desktop-container .desktop-menu-link:focus span.external-icon svg{fill:var(--link-blue)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel{display:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;opacity:0;-webkit-transition:none;transition:none;position:absolute;left:0;top:0;z-index:510;width:100%}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel--is-active{background:radial-gradient(circle, var(--grayscale-light) 0%, var(--grayscale-background-box) 100%);display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:300px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:10px;top:0}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle{padding:22px 32px 17px 32px}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle{padding:30px 32px 30px 32px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);letter-spacing:-0.56px;margin-bottom:18px;text-transform:uppercase}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label__title{padding-right:5px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label:hover{cursor:pointer}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label:hover span{color:var(--brand-main)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__panel-toggle__label:hover svg{fill:var(--brand-main)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:-8px;margin-top:6px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__menu-items{min-width:440px;max-width:540px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item{font-weight:700;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);text-decoration:none;width:100%}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item:hover,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item:focus{-webkit-box-shadow:0 0 16px 0 rgba(0, 83, 121, 0.2);box-shadow:0 0 16px 0 rgba(0, 83, 121, 0.2);color:var(--link-blue)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item{font-size:1.5rem;line-height:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--grayscale-white);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.75px;margin-bottom:4px;padding:17px 32px 12px;position:relative;text-transform:none}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item{font-size:1.625rem;line-height:32px;letter-spacing:-0.81px;margin-bottom:6px;padding:25px 32px 16px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .label{border:none;margin-left:14px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .label:hover,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .label:focus{color:var(--link-blue)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .description{font-size:0.875rem;line-height:18px;font-weight:400;color:var(--grayscale-dark);letter-spacing:-0.2;margin-left:14px;margin-bottom:12px;margin-top:4px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .description{font-size:1rem;line-height:20px;letter-spacing:-0.25}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item .description:hover{color:var(--grayscale-dark)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item span.heading-icon{position:absolute;top:12px;left:-6px}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item span.heading-icon{top:20px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__first-level-menu-item span.heading-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);padding:8px}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu{background-color:var(--grayscale-white);list-style:none;margin:0;padding:12px 0}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a{font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);text-decoration:none;width:100%;}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a{font-size:0.875rem;line-height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;letter-spacing:-0.5px;padding-left:24px;padding-right:48px;text-transform:none}}@media (min-width: 1601px){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a{font-size:1rem;line-height:18px;letter-spacing:-0.5px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:focus,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:hover{color:var(--link-blue)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:focus span.external-icon svg,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a:hover span.external-icon svg{fill:var(--link-blue)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a .label{border:none;margin:0 5px 0 12px;padding-top:12px;padding-bottom:12px}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.heading-icon svg{fill:var(--brand-main-light)}@media (min-width: 75.0625rem){.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.heading-icon svg{padding:1px 0}}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.external-icon svg{fill:var(--brand-main-nearly-black);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.external-icon svg:hover,.hy-site-header__menu-desktop-container .hy-desktop-menu-panel__desktop-menu__second-level-menu li a span.external-icon svg:focus{fill:var(--link-blue)}.hy-site-header__menu-desktop-container .shortcuts-panel{background-color:var(--grayscale-white);position:absolute;left:0;list-style:none;min-width:350px;margin:6px 4px 0 4px;max-width:400px;padding:0 48px;top:0}.hy-site-header__menu-desktop-container .shortcuts-panel__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.56px;margin-bottom:18px;text-transform:uppercase}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item{border-bottom:1px solid var(--grayscale-medium-dark)}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item__first{border-top:1px solid var(--grayscale-medium-dark)}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item a{font-size:1rem;line-height:22px;font-weight:600;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:-0.5px;padding:19px 0;text-decoration:none}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item a .icon{padding-left:24px}.hy-site-header__menu-desktop-container .shortcuts-panel__shortcut-item a .icon svg{padding:4px}";
 
 let keys = {
   enter: 'Enter',

package/dist/cjs/hy-dropdown.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-52aea450.js');
 const globalScript = require('./globalScript-1c4e262e.js');
 
-const hyDropdownCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-dropdown{display:inline-block;min-width:100%;position:relative}@media (min-width: 30rem){.hy-dropdown{min-width:48.3%}}@media (min-width: 75.0625rem){.hy-dropdown{min-width:23.03%}}.hy-dropdown label.hy-dropdown__button-label{font-size:1rem;line-height:20px;font-weight:700;display:block;font-family:var(--main-font-family);letter-spacing:-0.32px;margin-bottom:8px}.hy-dropdown--single .hy-dropdown__panel{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:330px;min-width:100%}.hy-dropdown__toggle{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;height:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;padding:0 0 0 16px;text-align:left;max-width:280px;width:100%}@media (min-width: 30rem){.hy-dropdown__toggle{font-size:1rem;line-height:24px;min-height:44px}}@media (min-width: 75.0625rem){.hy-dropdown__toggle{min-height:48px}}.hy-dropdown__toggle:hover{border-color:var(--brand-main-light);cursor:pointer}.hy-dropdown__toggle:focus{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}.hy-dropdown__toggle svg{pointer-events:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon{background-color:var(--brand-main-light);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-dropdown__toggle.is-open .hy-dropdown__icon::before{display:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon svg{fill:var(--grayscale-white)}.hy-dropdown__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 0 16px;position:relative;width:40px}.hy-dropdown__icon::before{border-left:0.5px solid var(--grayscale-medium-dark);content:\"\";display:inline-block;height:65%;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-dropdown__icon{height:44px;width:44px}}@media (min-width: 75.0625rem){.hy-dropdown__icon{height:48px;width:48px}}.hy-dropdown__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-dropdown__icon svg{height:16px;width:16px}}.hy-dropdown__panel{background-color:var(--grayscale-white);-webkit-box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);list-style:none;margin:0;padding:6px;position:absolute;width:100%;z-index:11}.hy-dropdown__panel.is-hidden{display:none;visibility:hidden}.hy-dropdown__panel-item{position:relative}.hy-dropdown__panel-item:not(.is-last){margin-bottom:6px}.hy-dropdown__label{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;padding:0 16px;text-align:left;width:100%}@media (min-width: 30rem){.hy-dropdown__label{font-size:1rem;line-height:24px}}.hy-dropdown__label-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none !important;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;visibility:hidden;width:40px}.hy-dropdown__checkbox{height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:10}.hy-dropdown__checkbox:checked+label{border-color:var(--grayscale-black);border-style:solid inset solid solid;border-width:2px;color:var(--grayscale-black);outline:0;text-indent:-1px}.hy-dropdown__checkbox:checked+label .hy-dropdown__label-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;visibility:visible}.hy-dropdown__checkbox:hover{cursor:pointer}.hy-dropdown__checkbox:hover+label{border-color:var(--brand-main-light)}.hy-dropdown__checkbox:focus+label{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}";
+const hyDropdownCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-dropdown{display:inline-block;min-width:100%;position:relative}@media (min-width: 30rem){.hy-dropdown{min-width:48.3%}}@media (min-width: 75.0625rem){.hy-dropdown{min-width:23.03%}}.hy-dropdown label.hy-dropdown__button-label{font-size:1rem;line-height:20px;font-weight:700;display:block;font-family:var(--main-font-family);letter-spacing:-0.32px;margin-bottom:8px}.hy-dropdown--single .hy-dropdown__panel{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:330px;min-width:100%}.hy-dropdown__toggle{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;height:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;padding:0 0 0 16px;text-align:left;max-width:280px;width:100%}@media (min-width: 30rem){.hy-dropdown__toggle{font-size:1rem;line-height:24px;min-height:44px}}@media (min-width: 75.0625rem){.hy-dropdown__toggle{min-height:48px}}.hy-dropdown__toggle:hover{border-color:var(--brand-main-light);cursor:pointer}.hy-dropdown__toggle:focus{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}.hy-dropdown__toggle svg{pointer-events:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon{background-color:var(--brand-main-light);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-dropdown__toggle.is-open .hy-dropdown__icon::before{display:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon svg{fill:var(--grayscale-white)}.hy-dropdown__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 0 16px;position:relative;width:40px}.hy-dropdown__icon::before{border-left:0.5px solid var(--grayscale-medium-dark);content:\"\";display:inline-block;height:65%;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-dropdown__icon{height:44px;width:44px}}@media (min-width: 75.0625rem){.hy-dropdown__icon{height:48px;width:48px}}.hy-dropdown__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-dropdown__icon svg{height:16px;width:16px}}.hy-dropdown__panel{background-color:var(--grayscale-white);-webkit-box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);list-style:none;margin:0;padding:6px;position:absolute;width:100%;z-index:11}.hy-dropdown__panel.is-hidden{display:none;visibility:hidden}.hy-dropdown__panel-item{position:relative}.hy-dropdown__panel-item:not(.is-last){margin-bottom:6px}.hy-dropdown__label{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;padding:0 16px;text-align:left;width:100%}@media (min-width: 30rem){.hy-dropdown__label{font-size:1rem;line-height:24px}}.hy-dropdown__label-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none !important;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;visibility:hidden;width:40px}.hy-dropdown__checkbox{height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:10}.hy-dropdown__checkbox:checked+label{border-color:var(--grayscale-black);border-style:solid inset solid solid;border-width:2px;color:var(--grayscale-black);outline:0;text-indent:-1px}.hy-dropdown__checkbox:checked+label .hy-dropdown__label-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;visibility:visible}.hy-dropdown__checkbox:hover{cursor:pointer}.hy-dropdown__checkbox:hover+label{border-color:var(--brand-main-light)}.hy-dropdown__checkbox:focus+label{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}";
 
 const HyDropdown = class {
   constructor(hostRef) {

package/dist/cjs/hy-filter-group-item.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
-const utils = require('./utils-250efadd.js');
+const utils = require('./utils-f2f5569b.js');
 
 const HyFilterGroupItem = class {
   constructor(hostRef) {

package/dist/cjs/hy-filter-group.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
 
-const hyFilterGroupCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-filter-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:16px}.hy-filter-group__listing{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.hy-filter-group__label{font-size:0.75rem;line-height:16px;border-radius:2px;color:var(--grayscale-dark);font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px 8px 0;padding:4px 0}@media (min-width: 30rem){.hy-filter-group__label{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 0}}.hy-filter-group__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border-radius:2px;border:0;color:var(--grayscale-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px;padding:4px 6px}@media (min-width: 30rem){.hy-filter-group__button{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 8px}}.hy-filter-group__button:hover{cursor:pointer}.hy-filter-group__button-icon{margin-left:6px}@media (min-width: 30rem){.hy-filter-group__button-icon{margin-left:8px}}.hy-filter-group__button-icon svg{pointer-events:none}@media (min-width: 30rem){.hy-filter-group__button-icon svg{height:12px;width:12px}}.hy-filter-group__divider{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);font-family:var(--main-font-family);margin:4px 6px}@media (min-width: 30rem){.hy-filter-group__divider{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px}}";
+const hyFilterGroupCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-filter-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:16px}.hy-filter-group__listing{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.hy-filter-group__label{font-size:0.75rem;line-height:16px;border-radius:2px;color:var(--grayscale-dark);font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px 8px 0;padding:4px 0}@media (min-width: 30rem){.hy-filter-group__label{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 0}}.hy-filter-group__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border-radius:2px;border:0;color:var(--grayscale-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px;padding:4px 6px}@media (min-width: 30rem){.hy-filter-group__button{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 8px}}.hy-filter-group__button:hover{cursor:pointer}.hy-filter-group__button-icon{margin-left:6px}@media (min-width: 30rem){.hy-filter-group__button-icon{margin-left:8px}}.hy-filter-group__button-icon svg{pointer-events:none}@media (min-width: 30rem){.hy-filter-group__button-icon svg{height:12px;width:12px}}.hy-filter-group__divider{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);font-family:var(--main-font-family);margin:4px 6px}@media (min-width: 30rem){.hy-filter-group__divider{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px}}";
 
 const HyFilterGroup = class {
   constructor(hostRef) {

package/dist/cjs/hy-filter-list-type.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
-const utils = require('./utils-250efadd.js');
+const utils = require('./utils-f2f5569b.js');
 
-const hyFilterListTypeCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-filter__list-type{display:none}@media (min-width: 60rem){.hy-filter__list-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--main-font-family)}}@media (min-width: 60rem){.hy-filter__list-type span{font-size:0.875rem;line-height:18px;font-weight:600;color:var(--grayscale-black);letter-spacing:-0.5px;text-align:right}}@media (min-width: 1601px){.hy-filter__list-type span{font-size:1rem;line-height:20px}}.hy-filter__list-type__list{background:var(--grayscale-background-box);border:none;margin:0 8px;padding:10px}.hy-filter__list-type__list svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__list.is-active{background:white;border:black 1px solid}.hy-filter__list-type__list.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__list:hover{cursor:pointer}.hy-filter__list-type__grid{background:var(--grayscale-background-box);border:none;padding:10px}.hy-filter__list-type__grid svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__grid.is-active{background:white;border:black 1px solid}.hy-filter__list-type__grid.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__grid:hover{cursor:pointer}";
+const hyFilterListTypeCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-filter__list-type{display:none}@media (min-width: 60rem){.hy-filter__list-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--main-font-family)}}@media (min-width: 60rem){.hy-filter__list-type span{font-size:0.875rem;line-height:18px;font-weight:600;color:var(--grayscale-black);letter-spacing:-0.5px;text-align:right}}@media (min-width: 1601px){.hy-filter__list-type span{font-size:1rem;line-height:20px}}.hy-filter__list-type__list{background:var(--grayscale-background-box);border:none;margin:0 8px;padding:10px}.hy-filter__list-type__list svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__list.is-active{background:white;border:black 1px solid}.hy-filter__list-type__list.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__list:hover{cursor:pointer}.hy-filter__list-type__grid{background:var(--grayscale-background-box);border:none;padding:10px}.hy-filter__list-type__grid svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__grid.is-active{background:white;border:black 1px solid}.hy-filter__list-type__grid.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__grid:hover{cursor:pointer}";
 
 const HyFilterListType = class {
   constructor(hostRef) {

package/dist/cjs/hy-filter-visibility-tool.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
 
-const hyFilterVisibilityToolCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-filter-visibility-tool{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.35px;padding:0;margin-right:1rem}@media (min-width: 30rem){.hy-filter-visibility-tool{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}.hy-filter-visibility-tool:hover{color:var(--brand-main);cursor:pointer}.hy-filter-visibility-tool:hover svg{fill:var(--brand-main)}.hy-filter-visibility-tool:focus{color:var(--brand-main);outline-offset:1px;outline:2px solid var(--brand-main)}.hy-filter-visibility-tool:focus svg{fill:var(--brand-main)}.hy-filter-visibility-tool__icon{-ms-flex-negative:0;flex-shrink:0;margin-right:6px}.hy-filter-visibility-tool__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-filter-visibility-tool__icon svg{height:16px;width:16px}}";
+const hyFilterVisibilityToolCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-filter-visibility-tool{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.35px;padding:0;margin-right:1rem}@media (min-width: 30rem){.hy-filter-visibility-tool{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}.hy-filter-visibility-tool:hover{color:var(--brand-main);cursor:pointer}.hy-filter-visibility-tool:hover svg{fill:var(--brand-main)}.hy-filter-visibility-tool:focus{color:var(--brand-main);outline-offset:1px;outline:2px solid var(--brand-main)}.hy-filter-visibility-tool:focus svg{fill:var(--brand-main)}.hy-filter-visibility-tool__icon{-ms-flex-negative:0;flex-shrink:0;margin-right:6px}.hy-filter-visibility-tool__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-filter-visibility-tool__icon svg{height:16px;width:16px}}";
 
 const HyFilterVisibilityTool = class {
   constructor(hostRef) {