@telia/teddy 0.1.23 → 0.1.24

package/dist/style.css

@@ -4699,10 +4699,11 @@
   ._teddy-modal__content_lkqhu_37:where([data-state=closed]) {
     animation: _modal-content-hide_lkqhu_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-}._teddy-navigation-menu_gpawj_1 {
+}._teddy-navigation-menu_19565_1 {
   --item-gap: var(--teddy-spacing-200);
   --width-for-centering-element: calc((100% - var(--teddy-breakpoint-xl) + var(--teddy-spacing-600) * 2) / 2);
   --inline-padding: calc(var(--teddy-spacing-200) - var(--item-gap));
+  box-shadow: var(--teddy-shadow-md);
   position: relative;
   display: flex;
   flex-direction: column;
@@ -4710,35 +4711,34 @@
   background-color: var(--teddy-color-background-primary);
 }
 @media (min-width: 600px) {
-  ._teddy-navigation-menu_gpawj_1 {
+  ._teddy-navigation-menu_19565_1 {
     --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
   }
 }
 @media (min-width: 1440px) {
-  ._teddy-navigation-menu_gpawj_1 {
+  ._teddy-navigation-menu_19565_1 {
     --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
   }
 }
-._teddy-navigation-menu_gpawj_1::after {
+._teddy-navigation-menu_19565_1::after {
   content: "";
   position: absolute;
   inset: 0;
   pointer-events: none;
-  box-shadow: var(--teddy-shadow-md);
   opacity: 0;
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu_gpawj_1::after {
+  ._teddy-navigation-menu_19565_1::after {
     transition: opacity var(--teddy-motion-duration-300) ease;
   }
 }
-._teddy-navigation-menu_gpawj_1:has(._teddy-navigation-menu__viewport_gpawj_34[data-state=open])::after {
+._teddy-navigation-menu_19565_1:has(._teddy-navigation-menu__viewport_19565_34[data-state=open])::after {
   opacity: 1;
 }
-._teddy-navigation-menu__separator_gpawj_37 {
+._teddy-navigation-menu__separator_19565_37 {
   border-top: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
 }
-._teddy-navigation-menu__list_gpawj_40 {
+._teddy-navigation-menu__list_19565_40 {
   all: unset;
   list-style-type: none;
   display: flex;
@@ -4748,23 +4748,23 @@
   gap: var(--item-gap);
 }
 @media (min-width: 1440px) {
-  ._teddy-navigation-menu__list_gpawj_40 {
+  ._teddy-navigation-menu__list_19565_40 {
     margin: 0 auto;
   }
 }
-._teddy-navigation-menu__list_gpawj_40::before {
+._teddy-navigation-menu__list_19565_40::before {
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__list_gpawj_40::after {
+._teddy-navigation-menu__list_19565_40::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__list_gpawj_40 li {
+._teddy-navigation-menu__list_19565_40 li {
   line-height: 1.2;
 }
-._teddy-navigation-menu__top-menu-list_gpawj_66 {
+._teddy-navigation-menu__top-menu-list_19565_66 {
   all: unset;
   position: relative;
   list-style-type: none;
@@ -4772,20 +4772,20 @@
   display: flex;
   align-items: center;
 }
-._teddy-navigation-menu__top-menu-list_gpawj_66::before {
+._teddy-navigation-menu__top-menu-list_19565_66::before {
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-list_gpawj_66::after {
+._teddy-navigation-menu__top-menu-list_19565_66::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-list_gpawj_66 li {
+._teddy-navigation-menu__top-menu-list_19565_66 li {
   display: grid;
   line-height: 1.2;
 }
-._teddy-navigation-menu__top-menu-trigger_gpawj_87 {
+._teddy-navigation-menu__top-menu-trigger_19565_87 {
   all: unset;
   position: relative;
   cursor: pointer;
@@ -4804,13 +4804,13 @@
   padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
   text-align: center;
 }
-._teddy-navigation-menu__top-menu-trigger--small_gpawj_106 {
+._teddy-navigation-menu__top-menu-trigger--small_19565_106 {
   padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
   font-size: var(--teddy-typography-scale-100);
   line-height: var(--teddy-typography-line-height-loose);
   outline-offset: -2px;
 }
-._teddy-navigation-menu__top-menu-trigger--button_gpawj_112 {
+._teddy-navigation-menu__top-menu-trigger--button_19565_112 {
   padding: var(--teddy-spacing-100);
   min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
   box-sizing: border-box;
@@ -4823,11 +4823,11 @@
   row-gap: var(--teddy-spacing-50);
 }
 @media (max-width: 600px) {
-  ._teddy-navigation-menu__top-menu-trigger--button_gpawj_112 {
+  ._teddy-navigation-menu__top-menu-trigger--button_19565_112 {
     font-size: var(--teddy-typography-scale-75);
   }
 }
-._teddy-navigation-menu__top-menu-trigger_gpawj_87::after {
+._teddy-navigation-menu__top-menu-trigger_19565_87::after {
   content: "";
   display: block;
   position: absolute;
@@ -4838,10 +4838,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__top-menu-trigger--button_gpawj_112::after {
+._teddy-navigation-menu__top-menu-trigger--button_19565_112::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__top-menu-trigger_gpawj_87:not(._teddy-navigation-menu__top-menu-trigger--button_gpawj_112)::before {
+._teddy-navigation-menu__top-menu-trigger_19565_87:not(._teddy-navigation-menu__top-menu-trigger--button_19565_112)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -4852,40 +4852,40 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__top-menu-trigger_gpawj_87:not(._teddy-navigation-menu__top-menu-trigger--button_gpawj_112)::before {
+  ._teddy-navigation-menu__top-menu-trigger_19565_87:not(._teddy-navigation-menu__top-menu-trigger--button_19565_112)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__top-menu-trigger_gpawj_87:hover {
+._teddy-navigation-menu__top-menu-trigger_19565_87:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__top-menu-trigger_gpawj_87:hover::after {
+._teddy-navigation-menu__top-menu-trigger_19565_87:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_gpawj_87:active {
+._teddy-navigation-menu__top-menu-trigger_19565_87:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__top-menu-trigger_gpawj_87:active::after {
+._teddy-navigation-menu__top-menu-trigger_19565_87:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_gpawj_87[data-state=open], ._teddy-navigation-menu__top-menu-trigger_gpawj_87:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_gpawj_87[data-active] {
+._teddy-navigation-menu__top-menu-trigger_19565_87[data-state=open], ._teddy-navigation-menu__top-menu-trigger_19565_87:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_19565_87[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__top-menu-trigger_gpawj_87[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_gpawj_87:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_gpawj_87[data-active]::after {
+._teddy-navigation-menu__top-menu-trigger_19565_87[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_19565_87:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_19565_87[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_gpawj_87:focus-visible {
+._teddy-navigation-menu__top-menu-trigger_19565_87:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__top-menu-trigger_gpawj_87[data-state=open] {
+._teddy-navigation-menu__top-menu-trigger_19565_87[data-state=open] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__top-menu-trigger_gpawj_87[data-state=open]::after {
+._teddy-navigation-menu__top-menu-trigger_19565_87[data-state=open]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__content_gpawj_187 {
+._teddy-navigation-menu__content_19565_187 {
   all: unset;
   list-style-type: none;
   justify-content: space-between;
@@ -4899,34 +4899,34 @@
   margin: 0 var(--teddy-spacing-600);
   overflow: clip;
 }
-._teddy-navigation-menu__content_gpawj_187 > ul {
+._teddy-navigation-menu__content_19565_187 > ul {
   list-style: none;
   display: flex;
   margin: 0;
   padding: 0;
 }
-._teddy-navigation-menu__content_gpawj_187 > ul > li {
+._teddy-navigation-menu__content_19565_187 > ul > li {
   display: grid;
   line-height: 1.2;
 }
 @media (min-width: 1440px) {
-  ._teddy-navigation-menu__content_gpawj_187 {
+  ._teddy-navigation-menu__content_19565_187 {
     margin: 0 auto;
   }
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu__content_gpawj_187 {
+  ._teddy-navigation-menu__content_19565_187 {
     animation-duration: var(--teddy-motion-duration-300);
     animation-timing-function: ease;
   }
 }
-._teddy-navigation-menu__content_gpawj_187::before {
+._teddy-navigation-menu__content_19565_187::before {
   content: "";
   position: absolute;
   inset: 0;
   box-shadow: 0 var(--teddy-border-width-lg) var(--teddy-border-width-lg) calc(var(--teddy-border-width-md) * -1) var(--teddy-color-border-weak);
 }
-._teddy-navigation-menu__trigger_gpawj_228 {
+._teddy-navigation-menu__trigger_19565_228 {
   position: relative;
   all: unset;
   position: relative;
@@ -4946,13 +4946,13 @@
   padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
   text-align: center;
 }
-._teddy-navigation-menu__trigger--small_gpawj_248 {
+._teddy-navigation-menu__trigger--small_19565_248 {
   padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
   font-size: var(--teddy-typography-scale-100);
   line-height: var(--teddy-typography-line-height-loose);
   outline-offset: -2px;
 }
-._teddy-navigation-menu__trigger--button_gpawj_254 {
+._teddy-navigation-menu__trigger--button_19565_254 {
   padding: var(--teddy-spacing-100);
   min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
   box-sizing: border-box;
@@ -4965,11 +4965,11 @@
   row-gap: var(--teddy-spacing-50);
 }
 @media (max-width: 600px) {
-  ._teddy-navigation-menu__trigger--button_gpawj_254 {
+  ._teddy-navigation-menu__trigger--button_19565_254 {
     font-size: var(--teddy-typography-scale-75);
   }
 }
-._teddy-navigation-menu__trigger_gpawj_228::after {
+._teddy-navigation-menu__trigger_19565_228::after {
   content: "";
   display: block;
   position: absolute;
@@ -4980,10 +4980,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__trigger--button_gpawj_254::after {
+._teddy-navigation-menu__trigger--button_19565_254::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__trigger_gpawj_228:not(._teddy-navigation-menu__trigger--button_gpawj_254)::before {
+._teddy-navigation-menu__trigger_19565_228:not(._teddy-navigation-menu__trigger--button_19565_254)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -4994,33 +4994,33 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__trigger_gpawj_228:not(._teddy-navigation-menu__trigger--button_gpawj_254)::before {
+  ._teddy-navigation-menu__trigger_19565_228:not(._teddy-navigation-menu__trigger--button_19565_254)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__trigger_gpawj_228:hover {
+._teddy-navigation-menu__trigger_19565_228:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__trigger_gpawj_228:hover::after {
+._teddy-navigation-menu__trigger_19565_228:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_gpawj_228:active {
+._teddy-navigation-menu__trigger_19565_228:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__trigger_gpawj_228:active::after {
+._teddy-navigation-menu__trigger_19565_228:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_gpawj_228[data-state=open], ._teddy-navigation-menu__trigger_gpawj_228:has([data-active]), ._teddy-navigation-menu__trigger_gpawj_228[data-active] {
+._teddy-navigation-menu__trigger_19565_228[data-state=open], ._teddy-navigation-menu__trigger_19565_228:has([data-active]), ._teddy-navigation-menu__trigger_19565_228[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__trigger_gpawj_228[data-state=open]::after, ._teddy-navigation-menu__trigger_gpawj_228:has([data-active])::after, ._teddy-navigation-menu__trigger_gpawj_228[data-active]::after {
+._teddy-navigation-menu__trigger_19565_228[data-state=open]::after, ._teddy-navigation-menu__trigger_19565_228:has([data-active])::after, ._teddy-navigation-menu__trigger_19565_228[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_gpawj_228:focus-visible {
+._teddy-navigation-menu__trigger_19565_228:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__link_gpawj_322 {
+._teddy-navigation-menu__link_19565_322 {
   all: unset;
   position: relative;
   cursor: pointer;
@@ -5040,13 +5040,13 @@
   text-align: center;
   text-decoration: none;
 }
-._teddy-navigation-menu__link--small_gpawj_342 {
+._teddy-navigation-menu__link--small_19565_342 {
   padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
   font-size: var(--teddy-typography-scale-100);
   line-height: var(--teddy-typography-line-height-loose);
   outline-offset: -2px;
 }
-._teddy-navigation-menu__link--button_gpawj_348 {
+._teddy-navigation-menu__link--button_19565_348 {
   padding: var(--teddy-spacing-100);
   min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
   box-sizing: border-box;
@@ -5059,11 +5059,11 @@
   row-gap: var(--teddy-spacing-50);
 }
 @media (max-width: 600px) {
-  ._teddy-navigation-menu__link--button_gpawj_348 {
+  ._teddy-navigation-menu__link--button_19565_348 {
     font-size: var(--teddy-typography-scale-75);
   }
 }
-._teddy-navigation-menu__link_gpawj_322::after {
+._teddy-navigation-menu__link_19565_322::after {
   content: "";
   display: block;
   position: absolute;
@@ -5074,10 +5074,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__link--button_gpawj_348::after {
+._teddy-navigation-menu__link--button_19565_348::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__link_gpawj_322:not(._teddy-navigation-menu__link--button_gpawj_348)::before {
+._teddy-navigation-menu__link_19565_322:not(._teddy-navigation-menu__link--button_19565_348)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -5088,40 +5088,40 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__link_gpawj_322:not(._teddy-navigation-menu__link--button_gpawj_348)::before {
+  ._teddy-navigation-menu__link_19565_322:not(._teddy-navigation-menu__link--button_19565_348)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__link_gpawj_322:hover {
+._teddy-navigation-menu__link_19565_322:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__link_gpawj_322:hover::after {
+._teddy-navigation-menu__link_19565_322:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__link_gpawj_322:active {
+._teddy-navigation-menu__link_19565_322:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__link_gpawj_322:active::after {
+._teddy-navigation-menu__link_19565_322:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__link_gpawj_322[data-state=open], ._teddy-navigation-menu__link_gpawj_322:has([data-active]), ._teddy-navigation-menu__link_gpawj_322[data-active] {
+._teddy-navigation-menu__link_19565_322[data-state=open], ._teddy-navigation-menu__link_19565_322:has([data-active]), ._teddy-navigation-menu__link_19565_322[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__link_gpawj_322[data-state=open]::after, ._teddy-navigation-menu__link_gpawj_322:has([data-active])::after, ._teddy-navigation-menu__link_gpawj_322[data-active]::after {
+._teddy-navigation-menu__link_19565_322[data-state=open]::after, ._teddy-navigation-menu__link_19565_322:has([data-active])::after, ._teddy-navigation-menu__link_19565_322[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__link_gpawj_322:focus-visible {
+._teddy-navigation-menu__link_19565_322:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__viewport_gpawj_34 {
+._teddy-navigation-menu__viewport_19565_34 {
   position: relative;
   background-color: var(--teddy-color-background-primary);
   height: var(--radix-navigation-menu-viewport-height);
   transform-origin: top left;
   overflow: clip;
 }
-@keyframes _scaleIn_gpawj_1 {
+@keyframes _scaleIn_19565_1 {
   from {
     opacity: 0;
     transform: scale(0.9);
@@ -5133,7 +5133,7 @@
     height: var(--radix-navigation-menu-viewport-height);
   }
 }
-@keyframes _scaleOut_gpawj_1 {
+@keyframes _scaleOut_19565_1 {
   from {
     opacity: 1;
     transform: scale(1);
@@ -5144,7 +5144,7 @@
     height: 0;
   }
 }
-@keyframes _enterFromRight_gpawj_1 {
+@keyframes _enterFromRight_19565_1 {
   from {
     opacity: 0;
     transform: translateX(200px);
@@ -5154,7 +5154,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _enterFromLeft_gpawj_1 {
+@keyframes _enterFromLeft_19565_1 {
   from {
     opacity: 0;
     transform: translateX(-200px);
@@ -5164,7 +5164,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _exitToRight_gpawj_1 {
+@keyframes _exitToRight_19565_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -5174,7 +5174,7 @@
     transform: translateX(200px);
   }
 }
-@keyframes _exitToLeft_gpawj_1 {
+@keyframes _exitToLeft_19565_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -5183,47 +5183,47 @@
     opacity: 0;
     transform: translateX(-200px);
   }
-}._teddy-global-navigation_1i7an_1 {
+}._teddy-global-navigation_1kpy3_1 {
   position: sticky;
   inset: 0 0 auto 0;
   z-index: 39;
 }
-._teddy-global-navigation__mobile-trigger_1i7an_6 {
+._teddy-global-navigation__mobile-trigger_1kpy3_6 {
   border-inline: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__mobile-header_1i7an_9[data-state=open] {
+._teddy-global-navigation__mobile-header_1kpy3_9[data-state=open] {
   border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__mobile_1i7an_6 {
+._teddy-global-navigation__mobile_1kpy3_6 {
   padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
 }
 @media screen and (max-width: 335px) {
-  ._teddy-global-navigation__mobile_1i7an_6 {
+  ._teddy-global-navigation__mobile_1kpy3_6 {
     padding: var(--teddy-spacing-25) 0;
   }
 }
-._teddy-global-navigation__mobile_1i7an_6::before {
+._teddy-global-navigation__mobile_1kpy3_6::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-global-navigation__mobile_1i7an_6::after {
+._teddy-global-navigation__mobile_1kpy3_6::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
 @media screen and (max-width: 335px) {
-  ._teddy-global-navigation__top-icon-wrapper_1i7an_32 {
+  ._teddy-global-navigation__top-icon-wrapper_1kpy3_32 {
     gap: 0;
   }
 }
 @media screen and (max-width: 335px) {
-  ._teddy-global-navigation__top-menu-icons_1i7an_37 {
+  ._teddy-global-navigation__top-menu-icons_1kpy3_37 {
     gap: 0;
   }
 }
-._teddy-global-navigation__link_1i7an_41 {
+._teddy-global-navigation__link_1kpy3_41 {
   text-decoration: none;
   display: flex;
   justify-content: space-between;
@@ -5233,73 +5233,78 @@
   font-weight: var(--teddy-typography-weight-bold);
   font-size: var(--teddy-typography-scale-400);
 }
-._teddy-global-navigation__header_1i7an_51 {
+._teddy-global-navigation__header_1kpy3_51 {
   color: var(--teddy-color-text-interactive-primary);
 }
-._teddy-global-navigation__colored-box_1i7an_54 {
+._teddy-global-navigation__colored-box_1kpy3_54 {
   background-color: var(--teddy-color-background-secondary);
 }
-._teddy-global-navigation__colored-box--mobile_1i7an_57 {
+._teddy-global-navigation__colored-box--mobile_1kpy3_57 {
   margin: 0 -1.5rem;
   background-color: var(--teddy-color-background-secondary);
 }
-._teddy-global-navigation__sublink-button--mobile_1i7an_61 {
+._teddy-global-navigation__sublink-button--mobile_1kpy3_61 {
   background-color: transparent;
   padding: 0;
   color: var(--teddy-color-text-interactive-primary);
   border-radius: unset;
 }
-._teddy-global-navigation__list_1i7an_67 {
+._teddy-global-navigation__list_1kpy3_67 {
   column-count: 2;
   max-height: 13rem;
   column-gap: var(--teddy-spacing-300);
 }
-._teddy-global-navigation__viewport_1i7an_72._teddy-global-navigation__viewport_1i7an_72 {
+._teddy-global-navigation__viewport_1kpy3_72._teddy-global-navigation__viewport_1kpy3_72 {
   height: var(--teddy-viewport-wrapper-height);
 }
-._teddy-global-navigation__item-wrapper_1i7an_75 {
+._teddy-global-navigation__item-wrapper_1kpy3_75 {
   position: relative;
   display: flex;
 }
-._teddy-global-navigation__item-count_1i7an_79 {
+._teddy-global-navigation__item-count_1kpy3_79 {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   transform: translate(calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)), calc(-1 * var(--teddy-spacing-100) + var(--teddy-spacing-10)));
 }
-._teddy-global-navigation__viewport-wrapper_1i7an_86 {
+._teddy-global-navigation__viewport-wrapper_1kpy3_86 {
+  position: absolute;
+  top: 112px;
+  left: 0;
+  width: 100%;
   overflow: hidden;
   transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
+  box-shadow: var(--teddy-shadow-md);
 }
-._teddy-global-navigation__viewport-wrapper_1i7an_86[data-state=open] {
+._teddy-global-navigation__viewport-wrapper_1kpy3_86[data-state=open] {
   max-height: var(--teddy-viewport-wrapper-height);
 }
-._teddy-global-navigation__viewport-wrapper_1i7an_86[data-state=closed] {
-  animation: _close-viewport_1i7an_1 var(--teddy-motion-duration-controlled, 0) ease;
+._teddy-global-navigation__viewport-wrapper_1kpy3_86[data-state=closed] {
+  animation: _close-viewport_1kpy3_1 var(--teddy-motion-duration-controlled, 0) ease;
   max-height: 0;
 }
-._teddy-global-navigation__top-menu-color_1i7an_97 {
+._teddy-global-navigation__top-menu-color_1kpy3_102 {
   background-color: var(--teddy-color-background-secondary);
 }
-._teddy-global-navigation__top-menu-wrapper_1i7an_100 {
+._teddy-global-navigation__top-menu-wrapper_1kpy3_105 {
   overflow: hidden;
   max-width: 84rem;
   transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
   margin: 0 var(--teddy-spacing-600);
 }
 @media (min-width: 1440px) {
-  ._teddy-global-navigation__top-menu-wrapper_1i7an_100 {
+  ._teddy-global-navigation__top-menu-wrapper_1kpy3_105 {
     margin: 0 auto;
   }
 }
-._teddy-global-navigation__top-menu-wrapper_1i7an_100[data-state=open] {
+._teddy-global-navigation__top-menu-wrapper_1kpy3_105[data-state=open] {
   max-height: var(--teddy-top-menu-height, 47px);
 }
-._teddy-global-navigation__top-menu-wrapper_1i7an_100[data-state=closed] {
+._teddy-global-navigation__top-menu-wrapper_1kpy3_105[data-state=closed] {
   max-height: 0;
 }
-._teddy-global-navigation__accordion-look_1i7an_117 {
+._teddy-global-navigation__accordion-look_1kpy3_122 {
   background-color: var(--teddy-color-background-interactive-transparent);
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
@@ -5309,13 +5314,13 @@
   font-weight: var(--teddy-typography-weight-bold);
   border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__accordion-look_1i7an_117:first-child {
+._teddy-global-navigation__accordion-look_1kpy3_122:first-child {
   margin-top: 0;
 }
-._teddy-global-navigation__accordion-look_1i7an_117:last-child {
+._teddy-global-navigation__accordion-look_1kpy3_122:last-child {
   border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__mobile-link--accordion-look_1i7an_133 {
+._teddy-global-navigation__mobile-link--accordion-look_1kpy3_138 {
   padding: calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)) 0;
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-bold);
@@ -5323,16 +5328,16 @@
   line-height: var(--teddy-typography-line-height-default);
 }
 @media (min-width: 600px) {
-  ._teddy-global-navigation__mobile-link--accordion-look_1i7an_133 {
+  ._teddy-global-navigation__mobile-link--accordion-look_1kpy3_138 {
     padding: calc(var(--teddy-spacing-250) + var(--teddy-spacing-10)) 0;
   }
 }
 @media (min-width: 1024px) {
-  ._teddy-global-navigation__mobile-link--accordion-look_1i7an_133 {
+  ._teddy-global-navigation__mobile-link--accordion-look_1kpy3_138 {
     padding: calc(var(--teddy-spacing-300) + var(--teddy-spacing-10)) 0;
   }
 }
-@keyframes _close-viewport_1i7an_1 {
+@keyframes _close-viewport_1kpy3_1 {
   0% {
     max-height: var(--teddy-viewport-wrapper-height);
   }

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=9"
   },
   "private": false,
-  "version": "0.1.23",
+  "version": "0.1.24",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"