@itcenteratunihelsinki/huds-lib 0.7.4 → 0.7.6

package/dist/collection/components/hy-dropdown/hy-dropdown.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-event-item/hy-event-item.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-events/hy-events.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-filter-group/hy-filter-group.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-filter-list-type/hy-filter-list-type.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-filter-visibility-tool/hy-filter-visibility-tool.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-general-list/hy-general-list.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-general-list-item/hy-general-list-item.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-hero/hy-hero.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-introduction/hy-introduction.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-key-figure/hy-key-figure.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-key-figure-group/hy-key-figure-group.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-key-highlight/hy-key-highlight.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-key-highlight-group/hy-key-highlight-group.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-large-process-flow/hy-large-process-flow.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-large-process-flow-phase/hy-large-process-flow-phase.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-link-list/hy-link-list.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-list-item/hy-list-item.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-logo-grid/hy-logo-grid.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-main/hy-main.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-main-content-wrapper/hy-main-content-wrapper.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

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

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

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

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;
@@ -115,11 +116,19 @@
 
 .hy-person-card__image-container {
   margin-right: 12px;
+  max-width: 70px;
 }
 
 @media (min-width: 30rem) {
   .hy-person-card__image-container {
     margin-right: 16px;
+    max-width: 112px;
+  }
+}
+
+@media (min-width: 120.0625rem) {
+  .hy-person-card__image-container {
+    max-width: 140px;
   }
 }
 
@@ -215,6 +224,7 @@
   color: var(--brand-main-light);
   letter-spacing: -0.56px;
   margin-bottom: 4px;
+  text-decoration: none;
 }
 
 @media (min-width: 30rem) {
@@ -235,6 +245,10 @@
   }
 }
 
+.hy-person-card__info-container__full-name:hover, .hy-person-card__info-container__full-name:focus {
+  color: var(--brand-main);
+}
+
 .hy-person-card__info-container__position-title {
   font-size: 0.875rem;
   line-height: 19px;

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

@@ -51,14 +51,14 @@ export class HyPersonCard {
     ].join(' ');
     const target = this.isExternal ? '_blank' : '_self';
     return (h("article", { class: "hy-person-card-container" },
-      h("a", { class: classLinkAttributes, href: this.url, target: target, "aria-label": this.scLabel },
+      h("div", { class: classLinkAttributes },
         this.categoryTitle && this.variant == PersonCardVariants.default && (h("div", { class: "hy-person-card-container__category-title" }, this.categoryTitle)),
         h("div", { class: classAttributes },
-          h("div", { class: "hy-person-card__image-container" }, this.imageUrl ? (h("div", { class: "hy-person-card__image-container__image" },
+          h("div", { class: "hy-person-card__image-container" }, this.imageUrl ? (h("a", { class: "hy-person-card__image-container__image", href: this.url, target: target },
             h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt }))) : (h("div", { class: "hy-person-card__image-container__no-image" },
-            h("div", { class: "hy-person-card__image-container__no-image__initials" }, this._initials)))),
+            h("div", { class: "hy-person-card__image-container__no-image__initials", "aria-hidden": "true" }, this._initials)))),
           h("div", { class: "hy-person-card__info-container" },
-            h("div", { class: "hy-person-card__info-container__full-name" }, this._fullName),
+            h("a", { class: "hy-person-card__info-container__full-name", href: this.url, target: target }, this._fullName),
             this.positionTitle && h("div", { class: classPositionTitle }, this.positionTitle),
             this.department &&
               (this.variant == PersonCardVariants.default ||

package/dist/collection/components/hy-prominent-image/hy-prominent-image.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

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

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

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

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;
@@ -96,6 +97,22 @@
   }
 }
 
+.search-field__label.label-large {
+  font-size: 1.375rem;
+  line-height: 28px;
+  letter-spacing: -0.7px;
+  margin-bottom: 0.75rem;
+}
+
+@media (min-width: 30rem) {
+  .search-field__label.label-large {
+    font-size: 1.625rem;
+    line-height: 32px;
+    letter-spacing: -0.8px;
+    margin-bottom: 1.25rem;
+  }
+}
+
 .search-field__label.bold {
   font-weight: 700;
 }

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

@@ -3,6 +3,7 @@ import { ColorVariant } from '../../utils/utils';
 export class HySearchField {
   constructor() {
     this.isLabelBold = false;
+    this.labelLarge = false;
     this.isLuomusSearch = false;
     this.placeholder = 'Type here...';
     this.isLabelHidden = false;
@@ -35,6 +36,7 @@ export class HySearchField {
     return (h(Host, { class: "search-field" },
       !this.isLuomusSearch && (h("label", { htmlFor: this.inputId, class: `search-field__label 
           ${this.isLabelHidden ? 'visually-hidden' : ''} 
+          ${this.labelLarge ? 'label-large' : ''} 
           ${this.isLabelBold ? 'bold' : ''}` }, this.label)),
       h("div", { class: "search-field__actions" },
         h("div", { class: "search-field__wrapper" },
@@ -90,6 +92,24 @@ export class HySearchField {
       "reflect": false,
       "defaultValue": "false"
     },
+    "labelLarge": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "label-large",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "isLuomusSearch": {
       "type": "boolean",
       "mutable": false,

package/dist/collection/components/hy-shortcuts/hy-shortcuts.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

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

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

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

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

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

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

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

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

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

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

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

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

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

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/hy-video/hy-video.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/image/image.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/ingress/ingress.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/link/link.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/link-box/link-box.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/link-box-list/link-box-list.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/navigation/hy-menu-main-group/hy-menu-main-group.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/navigation/hy-menu-main-group/hy-menu-main-group.js

@@ -140,7 +140,7 @@ export class HyMenuMainGroup {
       h("button", { class: {
           'menu--main-group__toggle': true,
           'is-open': this.isMenuOpen,
-        } },
+        }, "aria-expanded": this.isMenuOpen ? 'true' : 'false', "aria-haspopup": "menu" },
         this.isMenuOpen ? (h("hy-icon", { class: 'toggle__close', icon: 'hy-icon-remove', size: 8, fill: white })) : (h("hy-icon", { class: 'toggle__caret', icon: 'hy-icon-slim-hamburger-menu', size: 8, fill: white })),
         h("span", null, this.menuLabel)),
       h("div", { class: {

package/dist/collection/components/navigation/menu-language/menu-language.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/navigation/menu-language/menu-language.js

@@ -66,7 +66,7 @@ export class MenuLanguage {
       } },
       h("button", { class: {
           'menu-language__toggle': true,
-        }, "aria-label": this.isMenuOpen ? this._labels['close'] : this._labels['open'], "aria-expanded": `${this.isMenuOpen}` },
+        }, "aria-label": this.isMenuOpen ? this._labels['close'] : this._labels['open'] },
         h("hy-icon", { icon: 'hy-icon-globe', size: globeIconSize, fill: svgColor }),
         h("span", null, this._dataMenuLanguage.map(({ isActive, langCode }) => {
           if (isActive) {

package/dist/collection/components/navigation/menu-language-item/menu-language-item.css

@@ -22,7 +22,8 @@
   --additional-red-light: #e5053a;
   --additional-red-dark: #a31621;
   --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
+  --additional-yellow-light: #f9a21a;
+  --additional-yellow: #c47f1b;
   --additional-skyblue: #48c5f8;
   --additional-orange: #d14600;
   --additional-green-light: #96ba3c;

package/dist/collection/components/navigation/menu-language-item/menu-language-item.js

@@ -6,7 +6,7 @@ export class SiteLanguage {
   }
   render() {
     return (h("li", { class: `menu-language__links-item` },
-      h("a", { href: this.url, class: {
+      h("a", { href: this.url, lang: this.langCode, class: {
           'is-active': this.isActive,
           'is-disabled': this.isDisabled,
           'menu-language__link': true,