@itcenteratunihelsinki/huds-lib 0.11.0 → 0.12.0

package/dist/collection/components/hy-cta-button/cta-button.css

@@ -54,6 +54,12 @@
   border: 4px solid var(--grayscale-white);
   color: var(--grayscale-white);
 }
+.hy-cta-button.dark-blue-background:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 .hy-cta-button.dark-blue-background .link-icon svg {
   background-color: var(--brand-main-dark);
   fill: var(--grayscale-white);
@@ -66,6 +72,12 @@
   border: 4px solid var(--grayscale-black);
   color: var(--grayscale-black);
 }
+.hy-cta-button.transparent-background:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 .hy-cta-button.transparent-background .link-icon svg {
   background-color: var(--grayscale-white);
   fill: var(--grayscale-black);
@@ -85,16 +97,22 @@
 .hy-cta-button.black-background .text {
   color: var(--grayscale-white);
 }
+.hy-cta-button.black-background:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 .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 {
+.hy-cta-button.black-background:focus-visible {
   background-color: var(--brand-main);
 }
-.hy-cta-button.black-background:focus .link-icon svg {
+.hy-cta-button.black-background:focus-visible .link-icon svg {
   background-color: var(--brand-main);
 }
 .hy-cta-button.blue-background {
@@ -109,16 +127,22 @@
 .hy-cta-button.blue-background .text {
   color: var(--grayscale-white);
 }
+.hy-cta-button.blue-background:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 .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 {
+.hy-cta-button.blue-background:focus-visible {
   background-color: var(--brand-main-active);
 }
-.hy-cta-button.blue-background:focus .link-icon svg {
+.hy-cta-button.blue-background:focus-visible .link-icon svg {
   background-color: var(--brand-main-active);
 }
 .hy-cta-button.white-background {
@@ -133,6 +157,12 @@
 .hy-cta-button.white-background .text {
   color: var(--brand-main-light);
 }
+.hy-cta-button.white-background:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 .hy-cta-button.white-background:hover {
   border-color: var(--brand-main-active);
 }
@@ -142,13 +172,13 @@
 .hy-cta-button.white-background:hover .link-icon svg {
   fill: var(--brand-main-active);
 }
-.hy-cta-button.white-background:focus {
+.hy-cta-button.white-background:focus-visible {
   border-color: var(--brand-main-active);
 }
-.hy-cta-button.white-background:focus .text {
+.hy-cta-button.white-background:focus-visible .text {
   color: var(--brand-main-active);
 }
-.hy-cta-button.white-background:focus .link-icon svg {
+.hy-cta-button.white-background:focus-visible .link-icon svg {
   fill: var(--brand-main-active);
 }
 .hy-cta-button.hero-white {
@@ -162,16 +192,22 @@
 .hy-cta-button.hero-white .text {
   color: var(--grayscale-white);
 }
+.hy-cta-button.hero-white:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 .hy-cta-button.hero-white:hover {
   background-color: var(--brand-main-active);
 }
 .hy-cta-button.hero-white:hover .link-icon svg {
   background-color: var(--brand-main-active);
 }
-.hy-cta-button.hero-white:focus {
+.hy-cta-button.hero-white:focus-visible {
   background-color: var(--brand-main-active);
 }
-.hy-cta-button.hero-white:focus .link-icon svg {
+.hy-cta-button.hero-white:focus-visible .link-icon svg {
   background-color: var(--brand-main-active);
 }
 .hy-cta-button.hero-black {
@@ -186,6 +222,12 @@
 .hy-cta-button.hero-black .text {
   color: var(--grayscale-white);
 }
+.hy-cta-button.hero-black:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 .hy-cta-button.hero-black:hover {
   border-color: var(--brand-main-soft);
 }
@@ -195,13 +237,13 @@
 .hy-cta-button.hero-black:hover .link-icon svg {
   fill: var(--brand-main-soft);
 }
-.hy-cta-button.hero-black:focus {
+.hy-cta-button.hero-black:focus-visible {
   border-color: var(--brand-main-soft);
 }
-.hy-cta-button.hero-black:focus .text {
+.hy-cta-button.hero-black:focus-visible .text {
   color: var(--brand-main-soft);
 }
-.hy-cta-button.hero-black:focus .link-icon svg {
+.hy-cta-button.hero-black:focus-visible .link-icon svg {
   fill: var(--brand-main-soft);
 }
 .hy-cta-button.hero-blue {
@@ -216,6 +258,12 @@
 .hy-cta-button.hero-blue .text {
   color: var(--grayscale-white);
 }
+.hy-cta-button.hero-blue:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 .hy-cta-button.hero-blue:hover {
   border-color: var(--brand-main-soft);
 }
@@ -225,12 +273,12 @@
 .hy-cta-button.hero-blue:hover .link-icon svg {
   fill: var(--brand-main-soft);
 }
-.hy-cta-button.hero-blue:focus {
+.hy-cta-button.hero-blue:focus-visible {
   border-color: var(--brand-main-soft);
 }
-.hy-cta-button.hero-blue:focus .text {
+.hy-cta-button.hero-blue:focus-visible .text {
   color: var(--brand-main-soft);
 }
-.hy-cta-button.hero-blue:focus .link-icon svg {
+.hy-cta-button.hero-blue:focus-visible .link-icon svg {
   fill: var(--brand-main-soft);
 }

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

@@ -25,10 +25,16 @@
   overflow: hidden;
   text-decoration: none;
 }
-.hy-cta-link:hover, .hy-cta-link:focus {
+.hy-cta-link:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
+.hy-cta-link:hover, .hy-cta-link:focus-visible {
   text-decoration: underline;
 }
-.hy-cta-link:hover .hy-cta-link__icon, .hy-cta-link:focus .hy-cta-link__icon {
+.hy-cta-link:hover .hy-cta-link__icon, .hy-cta-link:focus-visible .hy-cta-link__icon {
   background-color: var(--brand-main-active);
 }
 .hy-cta-link__icon {

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

@@ -84,7 +84,7 @@
   border-color: var(--brand-main-light);
   cursor: pointer;
 }
-.hy-dropdown__toggle:focus {
+.hy-dropdown__toggle:focus-visible {
   border-color: var(--brand-main-light);
   border-style: solid inset solid solid;
   border-width: 2px;

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

@@ -275,17 +275,17 @@
   }
 }
 @media (min-width: 48rem) {
-  .hy-events__item--grid.is-long:hover, .hy-events__item--grid.is-long:focus {
+  .hy-events__item--grid.is-long:hover, .hy-events__item--grid.is-long:focus-visible {
     border: 0;
   }
 }
 .hy-events__item--grid.is-long:hover::after,
-.hy-events__item--grid.is-long:hover .hy-events__item--toggle, .hy-events__item--grid.is-long:focus::after,
-.hy-events__item--grid.is-long:focus .hy-events__item--toggle {
+.hy-events__item--grid.is-long:hover .hy-events__item--toggle, .hy-events__item--grid.is-long:focus-visible::after,
+.hy-events__item--grid.is-long:focus-visible .hy-events__item--toggle {
   display: none;
 }
 @media (min-width: 48rem) {
-  .hy-events__item--grid.is-long:hover .hy-events__item--container, .hy-events__item--grid.is-long:focus .hy-events__item--container {
+  .hy-events__item--grid.is-long:hover .hy-events__item--container, .hy-events__item--grid.is-long:focus-visible .hy-events__item--container {
     background-color: var(--grayscale-white);
     border: 1px solid var(--grayscale-light);
     padding: 16px 16px;

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

@@ -104,6 +104,12 @@ hy-events.no-events .hy-events__footer {
   background: none;
   padding: 0.5rem;
 }
+.hy-events--wrapper .hy-events__scroll-buttons button:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 .hy-events--wrapper .hy-events__scroll-buttons button:hover {
   cursor: pointer;
 }

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

@@ -76,6 +76,12 @@
     padding: 6px 8px;
   }
 }
+.hy-filter-group__button:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 .hy-filter-group__button:hover {
   cursor: pointer;
 }

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

@@ -45,6 +45,12 @@
   margin: 0 8px;
   padding: 10px;
 }
+.hy-filter__list-type__list:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 .hy-filter__list-type__list svg {
   background-color: var(--grayscale-background-box);
   fill: var(--brand-main-light);
@@ -65,6 +71,12 @@
   border: none;
   padding: 10px;
 }
+.hy-filter__list-type__grid:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 .hy-filter__list-type__grid svg {
   background-color: var(--grayscale-background-box);
   fill: var(--brand-main-light);

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

@@ -38,12 +38,16 @@
 .hy-filter-visibility-tool:hover svg {
   fill: var(--brand-main);
 }
-.hy-filter-visibility-tool:focus {
+.hy-filter-visibility-tool:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
+.hy-filter-visibility-tool:focus-visible {
   color: var(--brand-main);
-  outline-offset: 1px;
-  outline: 2px solid var(--brand-main);
 }
-.hy-filter-visibility-tool:focus svg {
+.hy-filter-visibility-tool:focus-visible svg {
   fill: var(--brand-main);
 }
 .hy-filter-visibility-tool__icon {

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

@@ -72,6 +72,12 @@
   position: relative;
   text-decoration: none;
 }
+.hy-general-list-item__link:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 @media (min-width: 30rem) {
   .hy-general-list-item__link {
     -webkit-box-orient: horizontal;
@@ -83,10 +89,10 @@
 .hy-general-list-item__link:hover {
   cursor: pointer;
 }
-.hy-general-list-item__link:hover .hy-general-list-item__type span, .hy-general-list-item__link:focus .hy-general-list-item__type span {
+.hy-general-list-item__link:hover .hy-general-list-item__type span, .hy-general-list-item__link:focus-visible .hy-general-list-item__type span {
   background-color: var(--brand-main);
 }
-.hy-general-list-item__link:hover .hy-general-list-item__title, .hy-general-list-item__link:focus .hy-general-list-item__title {
+.hy-general-list-item__link:hover .hy-general-list-item__title, .hy-general-list-item__link:focus-visible .hy-general-list-item__title {
   color: var(--brand-main);
   text-decoration: underline;
 }

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

@@ -1,22 +1,13 @@
 /**
- * Swiper 9.2.4
+ * Swiper 12.1.3
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
- * Copyright 2014-2023 Vladimir Kharlampidi
+ * Copyright 2014-2025 Vladimir Kharlampidi
  *
  * Released under the MIT License
- *
- * Released on: April 21, 2023
  */
 
-@font-face {
-  font-family: swiper-icons;
-  src: url("data:application/font-woff;charset=utf-8;base64, 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");
-  font-weight: 400;
-  font-style: normal;
-}
-
 :root {
   --swiper-theme-color: var(--brand-main);
 }
@@ -361,16 +352,6 @@ swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
   display: none !important;
 }
 
-.swiper-button-next:after,
-.swiper-button-prev:after {
-  font-family: swiper-icons;
-  font-size: var(--swiper-navigation-size);
-  text-transform: none !important;
-  letter-spacing: 0;
-  font-variant: initial;
-  line-height: 1;
-}
-
 .swiper-button-prev,
 .swiper-rtl .swiper-button-next {
   left: var(--swiper-navigation-sides-offset, 10px);
@@ -1132,7 +1113,7 @@ swiper-container .swiper-notification {
   text-align: left;
 }
 
-.hero-carousel--item__pagination ul li.hero-carousel--item__pagination__button button:is(:hover, :focus) {
+.hero-carousel--item__pagination ul li.hero-carousel--item__pagination__button button:is(:hover, :focus-visible) {
   cursor: pointer;
   opacity: 1;
 }

package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.js

@@ -30,6 +30,7 @@ export class HyHeroCarousel {
             navigation: {
                 nextEl: ".swiper-button-next",
                 prevEl: ".swiper-button-prev",
+                addIcons: false,
             },
             pagination: {
                 el: ".swiper-pagination",
@@ -56,7 +57,7 @@ export class HyHeroCarousel {
     }
     render() {
         const carouselContentClasses = ["hero-carousel--item__content", this.itemCount > 1 ? "has-pagination" : ""].join(" ");
-        return (h("div", { key: '9d96a22771922ed3b7df014f05beaa96ff027288', class: "hero-carousel-container" }, h("div", { key: '4143fde98f6b15317ae8c7b4450b517cfe1c45d2', class: "swiper" }, h("div", { key: '2043f7e03ce07bea346d8bcbf89f65929f51f858', class: "swiper-wrapper" }, this._data["items"] &&
+        return (h("div", { key: '6edb4f0431901d93792c815d98c3d1b0530b028d', class: "hero-carousel-container" }, h("div", { key: '56818055b029489cd68ec5bd242c7fa0f6cbda65', class: "swiper" }, h("div", { key: '10e2871e58c3eac5fe6a5793d435a0ebe126bb25', class: "swiper-wrapper" }, this._data["items"] &&
             this._data["items"].map((i, index) => {
                 const currentIndex = index;
                 const srcSet = JSON.parse(i.image_sources);

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

@@ -26,7 +26,10 @@
   position: relative;
 }
 .hy-link-box-container:focus-within {
-  outline: auto;
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
 }
 .hy-link-box-container:hover {
   cursor: pointer;

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

@@ -50,8 +50,11 @@
   padding: 0;
   position: relative;
 }
-.menu--main-group__toggle:focus {
-  outline: none;
+.menu--main-group__toggle:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
 }
 .menu--main-group__toggle:hover {
   cursor: pointer;
@@ -201,6 +204,12 @@
 .menu--main-group__dropdown.is-open .menu-main-link:hover svg {
   fill: var(--grayscale-medium);
 }
+.menu--main-group__dropdown.is-open .menu-main-link:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 .menu--main-group__dropdown.is-open .menu--main-group__label {
   color: var(--grayscale-white);
   margin-left: 12px;
@@ -226,6 +235,12 @@
 .menu--main-group__mobile-toggle:hover {
   cursor: pointer;
 }
+.menu--main-group__mobile-toggle:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 .menu--main-group__dropdown__top {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -248,6 +263,12 @@
 .menu--main-group__dropdown__close:hover {
   cursor: pointer;
 }
+.menu--main-group__dropdown__close:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 .menu--main-group__logo-container .hy-site-logo__label.group {
   max-width: 250px;
 }
@@ -272,6 +293,12 @@
   text-decoration: none;
   width: 100%;
 }
+.menu--main-group__dropdown__items .menu-main-link:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 .menu--main-group__dropdown__items .menu-main-link:hover {
   text-decoration: underline;
 }

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

@@ -60,9 +60,11 @@
 .menu-language__toggle:hover svg {
   fill: var(--brand-main);
 }
-.menu-language__toggle:focus {
-  outline: solid 2px var(--additional-yellow);
-  outline-offset: 2px;
+.menu-language__toggle:focus-visible {
+  -webkit-box-shadow: inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);
+  box-shadow: inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
+  outline-offset: calc(var(--ds-borderWidth-thin) * -1 * 1);
 }
 .menu-language__toggle hy-icon:first-of-type {
   display: none !important;
@@ -93,6 +95,12 @@
 .is-group .menu-language__toggle {
   color: var(--grayscale-white);
 }
+.is-group .menu-language__toggle:focus-visible {
+  -webkit-box-shadow: inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);
+  box-shadow: inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
+  outline-offset: calc(var(--ds-borderWidth-thin) * -1 * 1);
+}
 .is-group .menu-language__toggle:hover {
   color: var(--grayscale-medium);
   cursor: pointer;

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

@@ -18,6 +18,12 @@
   padding: 12px 12px;
   display: block;
 }
+.menu-language__link:focus-visible {
+  -webkit-box-shadow: inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);
+  box-shadow: inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
+  outline-offset: calc(var(--ds-borderWidth-thin) * -1 * 1);
+}
 .menu-language__link:hover {
   background-color: var(--grayscale-background-box);
   color: var(--brand-main);

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

@@ -67,8 +67,15 @@
   color: var(--brand-main-active);
   cursor: pointer;
 }
-.open-hours__date-change .open-hours__prev-date:focus,
-.open-hours__date-change .open-hours__next-date:focus {
+.open-hours__date-change .open-hours__prev-date:focus-visible,
+.open-hours__date-change .open-hours__next-date:focus-visible {
+  -webkit-box-shadow: inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);
+  box-shadow: inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
+  outline-offset: calc(var(--ds-borderWidth-thin) * -1 * 1);
+}
+.open-hours__date-change .open-hours__prev-date:focus-visible,
+.open-hours__date-change .open-hours__next-date:focus-visible {
   background-color: var(--hover-gray);
   color: var(--brand-main-active);
 }

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

@@ -66,6 +66,12 @@
   min-width: 36px;
   text-decoration: none;
 }
+.hy-pager__item a:focus-visible {
+  -webkit-box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
+  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
+  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
+}
 @media (min-width: 60rem) {
   .hy-pager__item a {
     font-size: 1rem;

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

@@ -168,7 +168,7 @@
     margin-bottom: 5px;
   }
 }
-.hy-person-card__info-container__full-name:hover, .hy-person-card__info-container__full-name:focus {
+.hy-person-card__info-container__full-name:hover, .hy-person-card__info-container__full-name:focus-visible {
   color: var(--brand-main);
 }
 .hy-person-card__info-container__position-title {

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

@@ -50,13 +50,13 @@ export class PersonProfile {
                     item.id, target: "_blank" }, item.name[organization_units.lang])))));
         }))))), Object.keys(research_organizations.items).length > 0 && (h("section", { key: '2ddc88c5f06ff3ac277c9712d53ab23767c3b1d5', class: "hy-profile-page__organization-units-section" }, h("h3", { key: '4113522bef5f2efc055faaa535cf4407569705e7' }, research_organizations.label), h("ul", { key: '8866f531865c226734e0b7610ce8901d4a4c5556', class: "hy-profile-page__research-organizations" }, Object.values(research_organizations.items).map(([...item]) => (h("li", null, item.map((item, index) => {
             return (h(Fragment, null, index > 1 && (h("ul", null, h("li", null, h("span", null, h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), h("span", null, h("a", { href: organization_units.people_finder_path[organization_units.lang] +
-                    "?researchOrganizations.id[]=" +
+                    "?hrOrganizations.id[]=" +
                     item.id, target: "_blank" }, item.name[organization_units.lang])))))), index == 1 && (h("span", null, h("a", { href: organization_units.people_finder_path[organization_units.lang] +
-                    "?researchOrganizations.id[]=" +
+                    "?hrOrganizations.id[]=" +
                     item.id, target: "_blank" }, item.name[organization_units.lang])))));
-        }))))))))), about && aboutDescriptionLength !== 0 && (h("section", { key: 'f252f4f5f32df0e3d044648a761e0cec27e381b4', class: "hy-profile-page__section" }, about.description && (h(Fragment, { key: '0677b685159259e0836278e15029e983c76394fd' }, h("h2", { key: '25981c3e02998ef0d48208a30254f085eca7ed80' }, about.label), h("div", { key: '878beb7d9ec82c14a7e396ac6409e73b9ad65e44', class: "hy-profile-page__person-about-text", innerHTML: !this.isFullAboutTextHidden && aboutDescriptionLength > 650
+        }))))))))), about && aboutDescriptionLength !== 0 && (h("section", { key: '0ac309494200f33ca94df8186de9844efba623cd', class: "hy-profile-page__section" }, about.description && (h(Fragment, { key: 'fb36486a018a3d50436605fb8455d2882f7bd37c' }, h("h2", { key: '52f499c2dd834a41d71ebce84d92148b15aae535' }, about.label), h("div", { key: '90af304c5f3f0350682dc2622285e8c409c89bbb', class: "hy-profile-page__person-about-text", innerHTML: !this.isFullAboutTextHidden && aboutDescriptionLength > 650
                 ? trimmedAboutDescription
-                : about.description }))), aboutDescriptionLength > 650 && (h("button", { key: '8445a77a71b51881ccf9393006fd7cef246d3252', class: "hy-profile-page__person-about-text-toggle", onClick: () => this.toggleShowFullAboutText(), "aria-expanded": `${this.isFullAboutTextHidden ? "true" : "false"}` }, this.isFullAboutTextHidden ? this.hideFullAboutText : this.showFullAboutText)))), ((research && research.items.length > 0) || (person_content && person_content.research_url.length > 0)) && (h("section", { key: '7252032cbdd74efde66d97b61ea8abf3bebff702', class: "hy-profile-page__section" }, h("div", { key: '5cc57d6911b7017d0d346cca9acff3ab698fdfa8', class: "hy-profile-page__section__research_title" }, research.label && h("h2", { key: 'ce453d9ca22b73346c522fb5e9040fdd4c1e11a8' }, research.label), research.label && person_content.research_url.length > 0 && (h("hy-cta-button", { key: '36089f12f65b6aca5796d72f190d13bf30652199', "link-content": research_portal_title, "sc-label": research_portal_title, url: person_content.research_url, "is-external": "true", variant: CtaLinkButtonVariants.onWhiteBkgd }))), research.items && (h("hy-person-profile-listing", { key: '50f2928afc1b61e4ca256cc271d68c82b803bc6b', items: research.items, col: "col-1", textSpacingTight: true, "is-research": true, inline: true })), person_content.research_url.length > 0 && (h("div", { key: 'ac652d1531b7cc1f18c4b929424dcb4d9799120e', class: "hy-profile-page__loader", role: "presentation" }, h("div", { key: '37e5bc9a972ba6619c8880ec38e7b69eb88cc420' }), h("div", { key: 'cbe4d189f349961963e4799bbaf4e80a35f8bf62' }), h("div", { key: '4fda88f8d8a1bd9189a539049b13d41aca3c70c2' }), h("div", { key: '3743c1325628992184cb871c4ea1451fd378ec9f' }))), person_content.research_url.length > 0 && this.viewportSize < 768 && (h("div", { key: '9d9725d190aeadcedca8b632e001c78963e36326', class: "hy-profile-page__person-content-container" }, h("div", { key: '0fced962f959823554b67137755b35a8e69aa65d', id: "accordion-container-person-content" }, person_content.publications && (h("ds-accordion", { key: '05dbe3f09df63dbbe7f3bd287da2e82600fc0d01', "ds-heading-level": "3", "data-accordion-id": "publications" }, h("div", { key: 'f20fe325df468024a8da83e9fb5fc15243b5f71d', slot: "header" }, person_content.publications.label), h("div", { key: 'e6e5e209ef1bf2a8c6bd07b7f84ed87acebdbc27', slot: "content", class: "accordion-content" }))), person_content.projects && (h("ds-accordion", { key: '5c4b18287ad477e9cf974345c36f1f07008ca2b1', "ds-heading-level": "3", "data-accordion-id": "projects" }, h("div", { key: '610b651c1f059d18084a170d7373d9bac0dbe2dc', slot: "header" }, person_content.projects.label), h("div", { key: '95220a908d22dec6f7d7937ff5c8652d89d1a311', slot: "content", class: "accordion-content" }))), person_content.activities && (h("ds-accordion", { key: 'b35b56a4dae11d82ab533f136e032f0ba885c0ae', "ds-heading-level": "3", "data-accordion-id": "activities" }, h("div", { key: 'd4e3a05fea502a3cf7041d004311f07b63c2b4c7', slot: "header" }, person_content.activities.label), h("div", { key: '56033a09035b95acca19170cae45b2e5e0b8b682', slot: "content", class: "accordion-content" })))))), person_content.research_url.length > 0 && this.viewportSize >= 768 && (h("div", { key: '4d3dc03c374cf8de10768c912434a2fc4b052f71', class: "hy-profile-page__person-content-container" }, h("hy-tabs", { key: '37f51a03f1c8a1129b332dea3b70c01282616414', "tab-id": "tabs-container-person-content" }, person_content.publications && (h("hy-tabs-item", { key: '1adbe5ba24c0f479e9c658473fcc6ee57c2a34de', "data-tab-id": "publications", "tab-title": person_content.publications.label })), person_content.projects && (h("hy-tabs-item", { key: '308a9cd3147ab2c4b487e9445d42a92308ca110a', "data-tab-id": "projects", "tab-title": person_content.projects.label })), person_content.activities && (h("hy-tabs-item", { key: 'cddaa85724e3663fb22b5505e37cb55f3e37886d', "data-tab-id": "activities", "tab-title": person_content.activities.label }))))))))));
+                : about.description }))), aboutDescriptionLength > 650 && (h("button", { key: '2c738cf52c332647c741b3c884e9d85d71d9b08a', class: "hy-profile-page__person-about-text-toggle", onClick: () => this.toggleShowFullAboutText(), "aria-expanded": `${this.isFullAboutTextHidden ? "true" : "false"}` }, this.isFullAboutTextHidden ? this.hideFullAboutText : this.showFullAboutText)))), ((research && research.items.length > 0) || (person_content && person_content.research_url.length > 0)) && (h("section", { key: '0f276980904a2fb6f7f38634ba54d167c80098c8', class: "hy-profile-page__section" }, h("div", { key: '9fa071898ff9181f8440571fbf41ec512930c1dd', class: "hy-profile-page__section__research_title" }, research.label && h("h2", { key: '9f412798a8c02b9089424935959e22396c489e36' }, research.label), research.label && person_content.research_url.length > 0 && (h("hy-cta-button", { key: '390e5ed574412d899ac010ad6eb511fb8a6fdb78', "link-content": research_portal_title, "sc-label": research_portal_title, url: person_content.research_url, "is-external": "true", variant: CtaLinkButtonVariants.onWhiteBkgd }))), research.items && (h("hy-person-profile-listing", { key: 'bceb172e8f1b65900855eb6d26c4331534912cca', items: research.items, col: "col-1", textSpacingTight: true, "is-research": true, inline: true })), person_content.research_url.length > 0 && (h("div", { key: '41e5641420252352fc628e1d1bfb3f9909869199', class: "hy-profile-page__loader", role: "presentation" }, h("div", { key: '175fcade298a6724fa050e5844c79e64b070db9e' }), h("div", { key: '46e80f3f18952c6b0a9589bfc866af456461a911' }), h("div", { key: '5c6b19a344c8ba95fea4523df9f775e2e868bfb2' }), h("div", { key: '1e4fd4e37b437f0168b7665c8274c1532c0b3304' }))), person_content.research_url.length > 0 && this.viewportSize < 768 && (h("div", { key: '6a43cf02bd166d9e36adc8588fc68c45f911c668', class: "hy-profile-page__person-content-container" }, h("div", { key: 'a7ecd5f88eaba693e195c557b75e23202713436a', id: "accordion-container-person-content" }, person_content.publications && (h("ds-accordion", { key: 'aa8b834f98cd821e5b86cdd6105b6ece763e110f', "ds-heading-level": "3", "data-accordion-id": "publications" }, h("div", { key: 'f80ec4f79d5fdfb6aada5ae21e6249b455011f65', slot: "header" }, person_content.publications.label), h("div", { key: '5aa8d4f61af42f829e0704a0e73f240f5b13a9af', slot: "content", class: "accordion-content" }))), person_content.projects && (h("ds-accordion", { key: 'f611ed7d784b7f92d4a74c71b05c84182e53cd8d', "ds-heading-level": "3", "data-accordion-id": "projects" }, h("div", { key: 'b41e9e664e3ec2cc17a2fb8689d3fb31307689f2', slot: "header" }, person_content.projects.label), h("div", { key: '66705c1fcd371b3e7c7ad04ef599cd4c50816420', slot: "content", class: "accordion-content" }))), person_content.activities && (h("ds-accordion", { key: '20007a9ad3f90f519ce8b05121bb7e8ee720eac7', "ds-heading-level": "3", "data-accordion-id": "activities" }, h("div", { key: 'ace6fe67a0ac404faac9f26238758f118be25db4', slot: "header" }, person_content.activities.label), h("div", { key: '3c3f5299d07591f67ff3712e5bbe71dbd60ca752', slot: "content", class: "accordion-content" })))))), person_content.research_url.length > 0 && this.viewportSize >= 768 && (h("div", { key: '4c65d595043eb7d87c0d810f15455d58afac57fb', class: "hy-profile-page__person-content-container" }, h("hy-tabs", { key: '682063d4d3da86d0d63064d3db3294ac38224a56', "tab-id": "tabs-container-person-content" }, person_content.publications && (h("hy-tabs-item", { key: '6293c88c5e4e0c74bca596faddb6e087802f1673', "data-tab-id": "publications", "tab-title": person_content.publications.label })), person_content.projects && (h("hy-tabs-item", { key: 'fc2ae0b5fd2afd8d9a5ed7ceddecdf04394a6cf6', "data-tab-id": "projects", "tab-title": person_content.projects.label })), person_content.activities && (h("hy-tabs-item", { key: '74c3308a23ee8f2c7ba4ed480cd8b26174f58d86', "data-tab-id": "activities", "tab-title": person_content.activities.label }))))))))));
     }
     static get is() { return "hy-person-profile"; }
     static get originalStyleUrls() {