@itcenteratunihelsinki/huds-lib 0.11.1 → 0.12.1

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.css

@@ -311,7 +311,6 @@
   letter-spacing: -0.32px;
   color: var(--grayscale-black);
   margin: 0 0 4px;
-  text-transform: capitalize;
 }
 @media (min-width: 60rem) {
   .hy-profile-page__job-title {

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

@@ -151,7 +151,7 @@
 .search-field__input:hover {
   border-color: var(--brand-main-light);
 }
-.search-field__input:focus {
+.search-field__input:focus-visible {
   border-color: var(--brand-main-light);
   border-style: solid inset solid solid;
   border-width: 2px;
@@ -201,8 +201,11 @@
 .search-field__reset:hover {
   cursor: pointer;
 }
-.search-field__reset:focus {
-  outline-color: var(--brand-main-light);
+.search-field__reset: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);
 }
 .search-field__submit {
   -webkit-box-align: center;
@@ -245,9 +248,12 @@
     width: 22px;
   }
 }
+.search-field__submit: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);
+}
 .search-field__submit:hover {
   cursor: pointer;
-}
-s .search-field__submit:focus {
-  outline-color: var(--brand-main-light);
 }

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

@@ -99,6 +99,12 @@
   text-decoration: none;
   word-break: break-word;
 }
+.hy-shortcuts .shortcut-link-container a.shortcut-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-shortcuts .shortcut-link-container a.shortcut-link {
     border-bottom: 3px solid var(--brand-main-nearly-black);