@telia/teddy 0.2.1 → 0.2.3

package/dist/style.css

@@ -4705,10 +4705,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_11898_1 {
+}._teddy-navigation-menu_6p30v_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;
@@ -4716,35 +4717,34 @@
   background-color: var(--teddy-color-background-primary);
 }
 @media (min-width: 600px) {
-  ._teddy-navigation-menu_11898_1 {
+  ._teddy-navigation-menu_6p30v_1 {
     --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
   }
 }
 @media (min-width: 1440px) {
-  ._teddy-navigation-menu_11898_1 {
+  ._teddy-navigation-menu_6p30v_1 {
     --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
   }
 }
-._teddy-navigation-menu_11898_1::after {
+._teddy-navigation-menu_6p30v_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_11898_1::after {
+  ._teddy-navigation-menu_6p30v_1::after {
     transition: opacity var(--teddy-motion-duration-300) ease;
   }
 }
-._teddy-navigation-menu_11898_1:has(._teddy-navigation-menu__viewport_11898_34[data-state=open])::after {
+._teddy-navigation-menu_6p30v_1:has(._teddy-navigation-menu__viewport_6p30v_34[data-state=open])::after {
   opacity: 1;
 }
-._teddy-navigation-menu__separator_11898_37 {
+._teddy-navigation-menu__separator_6p30v_37 {
   border-top: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
 }
-._teddy-navigation-menu__list_11898_40 {
+._teddy-navigation-menu__list_6p30v_40 {
   all: unset;
   list-style-type: none;
   display: flex;
@@ -4754,23 +4754,23 @@
   gap: var(--item-gap);
 }
 @media (min-width: 1440px) {
-  ._teddy-navigation-menu__list_11898_40 {
+  ._teddy-navigation-menu__list_6p30v_40 {
     margin: 0 auto;
   }
 }
-._teddy-navigation-menu__list_11898_40::before {
+._teddy-navigation-menu__list_6p30v_40::before {
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__list_11898_40::after {
+._teddy-navigation-menu__list_6p30v_40::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__list_11898_40 li {
+._teddy-navigation-menu__list_6p30v_40 li {
   line-height: 1.2;
 }
-._teddy-navigation-menu__top-menu-list_11898_66 {
+._teddy-navigation-menu__top-menu-list_6p30v_66 {
   all: unset;
   position: relative;
   list-style-type: none;
@@ -4778,20 +4778,20 @@
   display: flex;
   align-items: center;
 }
-._teddy-navigation-menu__top-menu-list_11898_66::before {
+._teddy-navigation-menu__top-menu-list_6p30v_66::before {
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-list_11898_66::after {
+._teddy-navigation-menu__top-menu-list_6p30v_66::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-list_11898_66 li {
+._teddy-navigation-menu__top-menu-list_6p30v_66 li {
   display: grid;
   line-height: 1.2;
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87 {
+._teddy-navigation-menu__top-menu-trigger_6p30v_87 {
   all: unset;
   position: relative;
   cursor: pointer;
@@ -4810,13 +4810,13 @@
   padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
   text-align: center;
 }
-._teddy-navigation-menu__top-menu-trigger--small_11898_106 {
+._teddy-navigation-menu__top-menu-trigger--small_6p30v_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-75);
+  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_11898_112 {
+._teddy-navigation-menu__top-menu-trigger--button_6p30v_112 {
   padding: var(--teddy-spacing-100);
   min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
   box-sizing: border-box;
@@ -4829,11 +4829,11 @@
   row-gap: var(--teddy-spacing-50);
 }
 @media (max-width: 600px) {
-  ._teddy-navigation-menu__top-menu-trigger--button_11898_112 {
+  ._teddy-navigation-menu__top-menu-trigger--button_6p30v_112 {
     font-size: var(--teddy-typography-scale-75);
   }
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87::after {
+._teddy-navigation-menu__top-menu-trigger_6p30v_87::after {
   content: "";
   display: block;
   position: absolute;
@@ -4844,10 +4844,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__top-menu-trigger--button_11898_112::after {
+._teddy-navigation-menu__top-menu-trigger--button_6p30v_112::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87:not(._teddy-navigation-menu__top-menu-trigger--button_11898_112)::before {
+._teddy-navigation-menu__top-menu-trigger_6p30v_87:not(._teddy-navigation-menu__top-menu-trigger--button_6p30v_112)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -4858,80 +4858,72 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__top-menu-trigger_11898_87:not(._teddy-navigation-menu__top-menu-trigger--button_11898_112)::before {
+  ._teddy-navigation-menu__top-menu-trigger_6p30v_87:not(._teddy-navigation-menu__top-menu-trigger--button_6p30v_112)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87:hover {
+._teddy-navigation-menu__top-menu-trigger_6p30v_87:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87:hover::after {
+._teddy-navigation-menu__top-menu-trigger_6p30v_87:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87:active {
+._teddy-navigation-menu__top-menu-trigger_6p30v_87:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87:active::after {
+._teddy-navigation-menu__top-menu-trigger_6p30v_87:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87[data-state=open], ._teddy-navigation-menu__top-menu-trigger_11898_87:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_11898_87[data-active] {
+._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-state=open], ._teddy-navigation-menu__top-menu-trigger_6p30v_87:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_11898_87:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_11898_87[data-active]::after {
+._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_6p30v_87:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87:focus-visible {
+._teddy-navigation-menu__top-menu-trigger_6p30v_87:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87[data-state=open] {
+._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-state=open] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87[data-state=open]::after {
+._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-state=open]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__content_11898_187 {
+._teddy-navigation-menu__content_6p30v_187 {
   all: unset;
   list-style-type: none;
+  justify-content: space-between;
   display: flex;
   gap: var(--teddy-spacing-100);
   padding: 0;
-  position: absolute;
-  left: 0;
-  right: 0;
   max-width: 84rem;
   margin: 0 var(--teddy-spacing-600);
   overflow: clip;
 }
-._teddy-navigation-menu__content_11898_187 > ul {
+._teddy-navigation-menu__content_6p30v_187 > ul {
   list-style: none;
   display: flex;
   margin: 0;
   padding: 0;
 }
-._teddy-navigation-menu__content_11898_187 > ul > li {
+._teddy-navigation-menu__content_6p30v_187 > ul > li {
   display: grid;
   line-height: 1.2;
 }
 @media (min-width: 1440px) {
-  ._teddy-navigation-menu__content_11898_187 {
+  ._teddy-navigation-menu__content_6p30v_187 {
     margin: 0 auto;
   }
 }
-@media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu__content_11898_187 {
-    animation-duration: var(--teddy-motion-duration-300);
-    animation-timing-function: ease;
-  }
-}
-._teddy-navigation-menu__content_11898_187::before {
+._teddy-navigation-menu__content_6p30v_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_11898_227 {
+._teddy-navigation-menu__trigger_6p30v_219 {
   position: relative;
   all: unset;
   position: relative;
@@ -4951,13 +4943,13 @@
   padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
   text-align: center;
 }
-._teddy-navigation-menu__trigger--small_11898_247 {
+._teddy-navigation-menu__trigger--small_6p30v_239 {
   padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
-  font-size: var(--teddy-typography-scale-75);
+  font-size: var(--teddy-typography-scale-100);
   line-height: var(--teddy-typography-line-height-loose);
   outline-offset: -2px;
 }
-._teddy-navigation-menu__trigger--button_11898_253 {
+._teddy-navigation-menu__trigger--button_6p30v_245 {
   padding: var(--teddy-spacing-100);
   min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
   box-sizing: border-box;
@@ -4970,11 +4962,11 @@
   row-gap: var(--teddy-spacing-50);
 }
 @media (max-width: 600px) {
-  ._teddy-navigation-menu__trigger--button_11898_253 {
+  ._teddy-navigation-menu__trigger--button_6p30v_245 {
     font-size: var(--teddy-typography-scale-75);
   }
 }
-._teddy-navigation-menu__trigger_11898_227::after {
+._teddy-navigation-menu__trigger_6p30v_219::after {
   content: "";
   display: block;
   position: absolute;
@@ -4985,10 +4977,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__trigger--button_11898_253::after {
+._teddy-navigation-menu__trigger--button_6p30v_245::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__trigger_11898_227:not(._teddy-navigation-menu__trigger--button_11898_253)::before {
+._teddy-navigation-menu__trigger_6p30v_219:not(._teddy-navigation-menu__trigger--button_6p30v_245)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -4999,33 +4991,33 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__trigger_11898_227:not(._teddy-navigation-menu__trigger--button_11898_253)::before {
+  ._teddy-navigation-menu__trigger_6p30v_219:not(._teddy-navigation-menu__trigger--button_6p30v_245)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__trigger_11898_227:hover {
+._teddy-navigation-menu__trigger_6p30v_219:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__trigger_11898_227:hover::after {
+._teddy-navigation-menu__trigger_6p30v_219:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_11898_227:active {
+._teddy-navigation-menu__trigger_6p30v_219:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__trigger_11898_227:active::after {
+._teddy-navigation-menu__trigger_6p30v_219:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_11898_227[data-state=open], ._teddy-navigation-menu__trigger_11898_227:has([data-active]), ._teddy-navigation-menu__trigger_11898_227[data-active] {
+._teddy-navigation-menu__trigger_6p30v_219[data-state=open], ._teddy-navigation-menu__trigger_6p30v_219:has([data-active]), ._teddy-navigation-menu__trigger_6p30v_219[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__trigger_11898_227[data-state=open]::after, ._teddy-navigation-menu__trigger_11898_227:has([data-active])::after, ._teddy-navigation-menu__trigger_11898_227[data-active]::after {
+._teddy-navigation-menu__trigger_6p30v_219[data-state=open]::after, ._teddy-navigation-menu__trigger_6p30v_219:has([data-active])::after, ._teddy-navigation-menu__trigger_6p30v_219[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_11898_227:focus-visible {
+._teddy-navigation-menu__trigger_6p30v_219:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__link_11898_321 {
+._teddy-navigation-menu__link_6p30v_313 {
   all: unset;
   position: relative;
   cursor: pointer;
@@ -5045,13 +5037,13 @@
   text-align: center;
   text-decoration: none;
 }
-._teddy-navigation-menu__link--small_11898_341 {
+._teddy-navigation-menu__link--small_6p30v_333 {
   padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
-  font-size: var(--teddy-typography-scale-75);
+  font-size: var(--teddy-typography-scale-100);
   line-height: var(--teddy-typography-line-height-loose);
   outline-offset: -2px;
 }
-._teddy-navigation-menu__link--button_11898_347 {
+._teddy-navigation-menu__link--button_6p30v_339 {
   padding: var(--teddy-spacing-100);
   min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
   box-sizing: border-box;
@@ -5064,11 +5056,11 @@
   row-gap: var(--teddy-spacing-50);
 }
 @media (max-width: 600px) {
-  ._teddy-navigation-menu__link--button_11898_347 {
+  ._teddy-navigation-menu__link--button_6p30v_339 {
     font-size: var(--teddy-typography-scale-75);
   }
 }
-._teddy-navigation-menu__link_11898_321::after {
+._teddy-navigation-menu__link_6p30v_313::after {
   content: "";
   display: block;
   position: absolute;
@@ -5079,10 +5071,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__link--button_11898_347::after {
+._teddy-navigation-menu__link--button_6p30v_339::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__link_11898_321:not(._teddy-navigation-menu__link--button_11898_347)::before {
+._teddy-navigation-menu__link_6p30v_313:not(._teddy-navigation-menu__link--button_6p30v_339)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -5093,208 +5085,158 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__link_11898_321:not(._teddy-navigation-menu__link--button_11898_347)::before {
+  ._teddy-navigation-menu__link_6p30v_313:not(._teddy-navigation-menu__link--button_6p30v_339)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__link_11898_321:hover {
+._teddy-navigation-menu__link_6p30v_313:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__link_11898_321:hover::after {
+._teddy-navigation-menu__link_6p30v_313:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__link_11898_321:active {
+._teddy-navigation-menu__link_6p30v_313:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__link_11898_321:active::after {
+._teddy-navigation-menu__link_6p30v_313:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__link_11898_321[data-state=open], ._teddy-navigation-menu__link_11898_321:has([data-active]), ._teddy-navigation-menu__link_11898_321[data-active] {
+._teddy-navigation-menu__link_6p30v_313[data-state=open], ._teddy-navigation-menu__link_6p30v_313:has([data-active]), ._teddy-navigation-menu__link_6p30v_313[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__link_11898_321[data-state=open]::after, ._teddy-navigation-menu__link_11898_321:has([data-active])::after, ._teddy-navigation-menu__link_11898_321[data-active]::after {
+._teddy-navigation-menu__link_6p30v_313[data-state=open]::after, ._teddy-navigation-menu__link_6p30v_313:has([data-active])::after, ._teddy-navigation-menu__link_6p30v_313[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__link_11898_321:focus-visible {
+._teddy-navigation-menu__link_6p30v_313:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__viewport_11898_34 {
+._teddy-navigation-menu__viewport_6p30v_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_11898_1 {
-  from {
-    opacity: 0;
-    transform: scale(0.9);
-    height: 1px;
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-    height: var(--radix-navigation-menu-viewport-height);
-  }
-}
-@keyframes _scaleOut_11898_1 {
-  from {
-    opacity: 1;
-    transform: scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: scale(0.9);
-    height: 0;
-  }
-}
-@keyframes _enterFromRight_11898_1 {
-  from {
-    opacity: 0;
-    transform: translateX(200px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-@keyframes _enterFromLeft_11898_1 {
-  from {
-    opacity: 0;
-    transform: translateX(-200px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-@keyframes _exitToRight_11898_1 {
-  from {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateX(200px);
-  }
-}
-@keyframes _exitToLeft_11898_1 {
-  from {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateX(-200px);
-  }
-}._teddy-global-navigation_2fdb8_1 {
+}._teddy-global-navigation_1mn6i_1 {
   position: sticky;
   inset: 0 0 auto 0;
   z-index: 39;
 }
-._teddy-global-navigation__mobile-trigger_2fdb8_6 {
-  border-inline: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
-}
-._teddy-global-navigation__mobile-header_2fdb8_9[data-state=open] {
-  border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
-}
-._teddy-global-navigation__mobile_2fdb8_6 {
+._teddy-global-navigation__mobile_1mn6i_6 {
   padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__mobile_2fdb8_6::before {
+@media screen and (max-width: 335px) {
+  ._teddy-global-navigation__mobile_1mn6i_6 {
+    padding: var(--teddy-spacing-25) 0;
+  }
+}
+._teddy-global-navigation__mobile_1mn6i_6::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-global-navigation__mobile_2fdb8_6::after {
+._teddy-global-navigation__mobile_1mn6i_6::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-global-navigation__link_2fdb8_26 {
+@media screen and (max-width: 335px) {
+  ._teddy-global-navigation__top-icon-wrapper_1mn6i_26 {
+    gap: 0;
+  }
+}
+@media screen and (max-width: 335px) {
+  ._teddy-global-navigation__top-menu-icons_1mn6i_31 {
+    gap: 0;
+  }
+}
+._teddy-global-navigation__link_1mn6i_35 {
   text-decoration: none;
+  display: flex;
+  justify-content: space-between;
+  padding: var(--teddy-spacing-150);
+  color: var(--teddy-color-text-interactive-primary);
+  cursor: pointer;
+  font-weight: var(--teddy-typography-weight-bold);
+  font-size: var(--teddy-typography-scale-400);
+}
+._teddy-global-navigation__link_1mn6i_35:hover {
+  background-color: var(--teddy-color-background-interactive-transparent-hover);
+}
+._teddy-global-navigation__header_1mn6i_48 {
+  color: var(--teddy-color-text-interactive-primary);
+}
+._teddy-global-navigation__colored-box_1mn6i_51 {
+  background-color: var(--teddy-color-background-secondary);
+  padding: 40px;
+}
+._teddy-global-navigation__colored-box--mobile_1mn6i_55 {
+  margin: 0 -1.5rem;
+  background-color: var(--teddy-color-background-secondary);
+}
+._teddy-global-navigation__sublink-button--mobile_1mn6i_59 {
+  background-color: transparent;
+  padding: 0;
+  color: var(--teddy-color-text-interactive-primary);
+  border-radius: unset;
 }
-._teddy-global-navigation__viewport_2fdb8_29._teddy-global-navigation__viewport_2fdb8_29 {
+._teddy-global-navigation__list_1mn6i_65 {
+  column-count: 2;
+  max-height: 13rem;
+  column-gap: var(--teddy-spacing-300);
+}
+._teddy-global-navigation__viewport_1mn6i_70._teddy-global-navigation__viewport_1mn6i_70 {
   height: var(--teddy-viewport-wrapper-height);
 }
-._teddy-global-navigation__item-wrapper_2fdb8_32 {
+._teddy-global-navigation__item-wrapper_1mn6i_73 {
   position: relative;
   display: flex;
 }
-._teddy-global-navigation__item-count_2fdb8_36 {
+._teddy-global-navigation__item-count_1mn6i_77 {
   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_2fdb8_43 {
+._teddy-global-navigation__viewport-wrapper_1mn6i_84 {
+  position: absolute;
+  left: 0;
+  width: 100%;
   overflow: hidden;
   transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
+  box-shadow: var(--teddy-shadow-md);
+  background-color: var(--teddy-color-background-primary);
 }
-._teddy-global-navigation__viewport-wrapper_2fdb8_43[data-state=open] {
+._teddy-global-navigation__viewport-wrapper_1mn6i_84[data-state=open] {
   max-height: var(--teddy-viewport-wrapper-height);
 }
-._teddy-global-navigation__viewport-wrapper_2fdb8_43[data-state=closed] {
-  animation: _close-viewport_2fdb8_1 var(--teddy-motion-duration-controlled, 0) ease;
+._teddy-global-navigation__viewport-wrapper_1mn6i_84[data-state=closed] {
   max-height: 0;
+  animation: _close-viewport_1mn6i_1 var(--teddy-motion-duration-controlled, 0) ease;
 }
-._teddy-global-navigation__top-menu-color_2fdb8_54 {
+._teddy-global-navigation__top-menu-color_1mn6i_100 {
   background-color: var(--teddy-color-background-secondary);
 }
-._teddy-global-navigation__top-menu-wrapper_2fdb8_57 {
+._teddy-global-navigation__top-menu-wrapper_1mn6i_103 {
   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_2fdb8_57 {
+  ._teddy-global-navigation__top-menu-wrapper_1mn6i_103 {
     margin: 0 auto;
   }
 }
-._teddy-global-navigation__top-menu-wrapper_2fdb8_57[data-state=open] {
+._teddy-global-navigation__top-menu-wrapper_1mn6i_103[data-state=open] {
   max-height: var(--teddy-top-menu-height, 47px);
 }
-._teddy-global-navigation__top-menu-wrapper_2fdb8_57[data-state=closed] {
+._teddy-global-navigation__top-menu-wrapper_1mn6i_103[data-state=closed] {
   max-height: 0;
 }
-._teddy-global-navigation__accordion-look_2fdb8_74 {
-  background-color: var(--teddy-color-background-interactive-transparent);
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  align-items: stretch;
-  max-width: initial;
-  color: var(--teddy-color-text-interactive-primary);
-  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_2fdb8_74:first-child {
-  margin-top: 0;
-}
-._teddy-global-navigation__accordion-look_2fdb8_74:last-child {
-  border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
-}
-._teddy-global-navigation__mobile-link--accordion-look_2fdb8_90 {
-  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);
-  font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
-  line-height: var(--teddy-typography-line-height-default);
-}
-@media (min-width: 600px) {
-  ._teddy-global-navigation__mobile-link--accordion-look_2fdb8_90 {
-    padding: calc(var(--teddy-spacing-250) + var(--teddy-spacing-10)) 0;
-  }
-}
-@media (min-width: 1024px) {
-  ._teddy-global-navigation__mobile-link--accordion-look_2fdb8_90 {
-    padding: calc(var(--teddy-spacing-300) + var(--teddy-spacing-10)) 0;
-  }
-}
-@keyframes _close-viewport_2fdb8_1 {
+@keyframes _close-viewport_1mn6i_1 {
   0% {
     max-height: var(--teddy-viewport-wrapper-height);
   }

package/package.json

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