@telia/teddy 0.0.51 → 0.0.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -29,19 +29,19 @@ const components_visuallyHidden_visuallyHidden = require("../../visually-hidden/
29
29
  const components_link_link = require("../../link/link.cjs");
30
30
  const components_list_index = require("../../list/index.cjs");
31
31
  const styles = {
32
- "teddy-global-navigation": "_teddy-global-navigation_1yaoy_1",
33
- "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_1yaoy_6",
34
- "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_1yaoy_9",
35
- "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1yaoy_6",
36
- "teddy-global-navigation__link": "_teddy-global-navigation__link_1yaoy_26",
37
- "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1yaoy_29",
38
- "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1yaoy_32",
39
- "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1yaoy_36",
40
- "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1yaoy_43",
41
- "close-viewport": "_close-viewport_1yaoy_1",
42
- "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1yaoy_54",
43
- "teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-look_1yaoy_64",
44
- "teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-look_1yaoy_80"
32
+ "teddy-global-navigation": "_teddy-global-navigation_1m6ra_1",
33
+ "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_1m6ra_6",
34
+ "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_1m6ra_9",
35
+ "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1m6ra_6",
36
+ "teddy-global-navigation__link": "_teddy-global-navigation__link_1m6ra_26",
37
+ "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1m6ra_29",
38
+ "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1m6ra_32",
39
+ "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1m6ra_36",
40
+ "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1m6ra_43",
41
+ "close-viewport": "_close-viewport_1m6ra_1",
42
+ "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1m6ra_54",
43
+ "teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-look_1m6ra_64",
44
+ "teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-look_1m6ra_80"
45
45
  };
46
46
  function MyPages(props) {
47
47
  var _a, _b;
@@ -27,19 +27,19 @@ import { VisuallyHidden } from "../../visually-hidden/visually-hidden.js";
27
27
  import { Link } from "../../link/link.js";
28
28
  import { List } from "../../list/index.js";
29
29
  const styles = {
30
- "teddy-global-navigation": "_teddy-global-navigation_1yaoy_1",
31
- "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_1yaoy_6",
32
- "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_1yaoy_9",
33
- "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1yaoy_6",
34
- "teddy-global-navigation__link": "_teddy-global-navigation__link_1yaoy_26",
35
- "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1yaoy_29",
36
- "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1yaoy_32",
37
- "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1yaoy_36",
38
- "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1yaoy_43",
39
- "close-viewport": "_close-viewport_1yaoy_1",
40
- "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1yaoy_54",
41
- "teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-look_1yaoy_64",
42
- "teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-look_1yaoy_80"
30
+ "teddy-global-navigation": "_teddy-global-navigation_1m6ra_1",
31
+ "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_1m6ra_6",
32
+ "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_1m6ra_9",
33
+ "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1m6ra_6",
34
+ "teddy-global-navigation__link": "_teddy-global-navigation__link_1m6ra_26",
35
+ "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1m6ra_29",
36
+ "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1m6ra_32",
37
+ "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1m6ra_36",
38
+ "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1m6ra_43",
39
+ "close-viewport": "_close-viewport_1m6ra_1",
40
+ "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1m6ra_54",
41
+ "teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-look_1m6ra_64",
42
+ "teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-look_1m6ra_80"
43
43
  };
44
44
  function MyPages(props) {
45
45
  var _a, _b;
@@ -28,27 +28,27 @@ function _interopNamespaceDefault(e) {
28
28
  return Object.freeze(n);
29
29
  }
30
30
  const NavigationMenuPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(NavigationMenuPrimitive);
31
- const scaleIn = "_scaleIn_o6us2_1";
32
- const scaleOut = "_scaleOut_o6us2_1";
33
- const enterFromRight = "_enterFromRight_o6us2_1";
34
- const enterFromLeft = "_enterFromLeft_o6us2_1";
35
- const exitToRight = "_exitToRight_o6us2_1";
36
- const exitToLeft = "_exitToLeft_o6us2_1";
31
+ const scaleIn = "_scaleIn_1bmzc_1";
32
+ const scaleOut = "_scaleOut_1bmzc_1";
33
+ const enterFromRight = "_enterFromRight_1bmzc_1";
34
+ const enterFromLeft = "_enterFromLeft_1bmzc_1";
35
+ const exitToRight = "_exitToRight_1bmzc_1";
36
+ const exitToLeft = "_exitToLeft_1bmzc_1";
37
37
  const styles = {
38
- "teddy-navigation-menu": "_teddy-navigation-menu_o6us2_2",
39
- "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_o6us2_35",
40
- "teddy-navigation-menu__list": "_teddy-navigation-menu__list_o6us2_38",
41
- "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_o6us2_60",
42
- "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_o6us2_84",
43
- "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_o6us2_103",
44
- "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_o6us2_109",
45
- "teddy-navigation-menu__content": "_teddy-navigation-menu__content_o6us2_184",
46
- "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_o6us2_220",
47
- "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_o6us2_240",
48
- "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_o6us2_246",
49
- "teddy-navigation-menu__link": "_teddy-navigation-menu__link_o6us2_314",
50
- "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_o6us2_334",
51
- "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_o6us2_340",
38
+ "teddy-navigation-menu": "_teddy-navigation-menu_1bmzc_1",
39
+ "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_1bmzc_34",
40
+ "teddy-navigation-menu__list": "_teddy-navigation-menu__list_1bmzc_37",
41
+ "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_1bmzc_59",
42
+ "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_1bmzc_83",
43
+ "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_1bmzc_102",
44
+ "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_1bmzc_108",
45
+ "teddy-navigation-menu__content": "_teddy-navigation-menu__content_1bmzc_183",
46
+ "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_1bmzc_219",
47
+ "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_1bmzc_239",
48
+ "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_1bmzc_245",
49
+ "teddy-navigation-menu__link": "_teddy-navigation-menu__link_1bmzc_313",
50
+ "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_1bmzc_333",
51
+ "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_1bmzc_339",
52
52
  scaleIn,
53
53
  scaleOut,
54
54
  enterFromRight,
@@ -9,27 +9,27 @@ import { Slot } from "@radix-ui/react-slot";
9
9
  import { useControllableState } from "@radix-ui/react-use-controllable-state";
10
10
  import { mergeStyles } from "../../utils/generate-styling/index.js";
11
11
  import { teddyMotionDuration300 } from "../../tokens/motion/variables.js";
12
- const scaleIn = "_scaleIn_o6us2_1";
13
- const scaleOut = "_scaleOut_o6us2_1";
14
- const enterFromRight = "_enterFromRight_o6us2_1";
15
- const enterFromLeft = "_enterFromLeft_o6us2_1";
16
- const exitToRight = "_exitToRight_o6us2_1";
17
- const exitToLeft = "_exitToLeft_o6us2_1";
12
+ const scaleIn = "_scaleIn_1bmzc_1";
13
+ const scaleOut = "_scaleOut_1bmzc_1";
14
+ const enterFromRight = "_enterFromRight_1bmzc_1";
15
+ const enterFromLeft = "_enterFromLeft_1bmzc_1";
16
+ const exitToRight = "_exitToRight_1bmzc_1";
17
+ const exitToLeft = "_exitToLeft_1bmzc_1";
18
18
  const styles = {
19
- "teddy-navigation-menu": "_teddy-navigation-menu_o6us2_2",
20
- "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_o6us2_35",
21
- "teddy-navigation-menu__list": "_teddy-navigation-menu__list_o6us2_38",
22
- "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_o6us2_60",
23
- "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_o6us2_84",
24
- "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_o6us2_103",
25
- "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_o6us2_109",
26
- "teddy-navigation-menu__content": "_teddy-navigation-menu__content_o6us2_184",
27
- "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_o6us2_220",
28
- "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_o6us2_240",
29
- "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_o6us2_246",
30
- "teddy-navigation-menu__link": "_teddy-navigation-menu__link_o6us2_314",
31
- "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_o6us2_334",
32
- "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_o6us2_340",
19
+ "teddy-navigation-menu": "_teddy-navigation-menu_1bmzc_1",
20
+ "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_1bmzc_34",
21
+ "teddy-navigation-menu__list": "_teddy-navigation-menu__list_1bmzc_37",
22
+ "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_1bmzc_59",
23
+ "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_1bmzc_83",
24
+ "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_1bmzc_102",
25
+ "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_1bmzc_108",
26
+ "teddy-navigation-menu__content": "_teddy-navigation-menu__content_1bmzc_183",
27
+ "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_1bmzc_219",
28
+ "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_1bmzc_239",
29
+ "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_1bmzc_245",
30
+ "teddy-navigation-menu__link": "_teddy-navigation-menu__link_1bmzc_313",
31
+ "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_1bmzc_333",
32
+ "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_1bmzc_339",
33
33
  scaleIn,
34
34
  scaleOut,
35
35
  enterFromRight,
package/dist/style.css CHANGED
@@ -2307,482 +2307,480 @@
2307
2307
  }
2308
2308
  ._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within):not(caption) {
2309
2309
  position: absolute;
2310
- }@layer NavigationMenu {
2311
- ._teddy-navigation-menu_o6us2_2 {
2312
- --item-gap: var(--teddy-spacing-200);
2313
- --width-for-centering-element: calc((100% - var(--teddy-breakpoint-xl) + var(--teddy-spacing-600) * 2) / 2);
2314
- --inline-padding: calc(var(--teddy-spacing-200) - var(--item-gap));
2315
- position: relative;
2316
- display: flex;
2317
- flex-direction: column;
2318
- width: auto;
2319
- background-color: var(--teddy-color-background-primary);
2320
- }
2321
- @media (min-width: 600px) {
2322
- ._teddy-navigation-menu_o6us2_2 {
2323
- --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
2324
- }
2325
- }
2326
- @media (min-width: 1440px) {
2327
- ._teddy-navigation-menu_o6us2_2 {
2328
- --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
2329
- }
2330
- }
2331
- ._teddy-navigation-menu_o6us2_2::after {
2332
- content: "";
2333
- position: absolute;
2334
- inset: 0;
2335
- pointer-events: none;
2336
- box-shadow: var(--teddy-shadow-md);
2337
- opacity: 0;
2338
- }
2339
- @media (prefers-reduced-motion: no-preference) {
2340
- ._teddy-navigation-menu_o6us2_2::after {
2341
- transition: opacity var(--teddy-motion-duration-300) ease;
2342
- }
2343
- }
2344
- ._teddy-navigation-menu_o6us2_2:has(._teddy-navigation-menu__viewport_o6us2_35[data-state=open])::after {
2345
- opacity: 1;
2346
- }
2347
- ._teddy-navigation-menu__list_o6us2_38 {
2348
- all: unset;
2349
- list-style-type: none;
2350
- display: flex;
2351
- align-items: center;
2352
- gap: var(--item-gap);
2353
- padding-inline: var(--inline-padding);
2354
- border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
2355
- }
2356
- ._teddy-navigation-menu__list_o6us2_38::before {
2357
- content: "";
2358
- display: block;
2359
- width: var(--width-for-centering-element);
2360
- }
2361
- ._teddy-navigation-menu__list_o6us2_38::after {
2362
- content: "";
2363
- display: block;
2364
- width: var(--width-for-centering-element);
2365
- }
2366
- ._teddy-navigation-menu__list_o6us2_38 li {
2367
- line-height: 1.2;
2368
- }
2369
- ._teddy-navigation-menu__top-menu-list_o6us2_60 {
2370
- all: unset;
2371
- position: relative;
2372
- list-style-type: none;
2373
- gap: var(--item-gap);
2374
- background-color: var(--teddy-color-background-secondary);
2375
- display: flex;
2376
- align-items: center;
2377
- padding-inline: var(--inline-padding);
2378
- }
2379
- ._teddy-navigation-menu__top-menu-list_o6us2_60::before {
2380
- content: "";
2381
- display: block;
2382
- width: var(--width-for-centering-element);
2383
- }
2384
- ._teddy-navigation-menu__top-menu-list_o6us2_60::after {
2385
- content: "";
2386
- display: block;
2387
- width: var(--width-for-centering-element);
2310
+ }._teddy-navigation-menu_1bmzc_1 {
2311
+ --item-gap: var(--teddy-spacing-200);
2312
+ --width-for-centering-element: calc((100% - var(--teddy-breakpoint-xl) + var(--teddy-spacing-600) * 2) / 2);
2313
+ --inline-padding: calc(var(--teddy-spacing-200) - var(--item-gap));
2314
+ position: relative;
2315
+ display: flex;
2316
+ flex-direction: column;
2317
+ width: auto;
2318
+ background-color: var(--teddy-color-background-primary);
2319
+ }
2320
+ @media (min-width: 600px) {
2321
+ ._teddy-navigation-menu_1bmzc_1 {
2322
+ --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
2388
2323
  }
2389
- ._teddy-navigation-menu__top-menu-list_o6us2_60 li {
2390
- display: grid;
2391
- line-height: 1.2;
2324
+ }
2325
+ @media (min-width: 1440px) {
2326
+ ._teddy-navigation-menu_1bmzc_1 {
2327
+ --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
2392
2328
  }
2393
- ._teddy-navigation-menu__top-menu-trigger_o6us2_84 {
2394
- all: unset;
2395
- position: relative;
2396
- cursor: pointer;
2397
- text-decoration: none;
2398
- display: inline-flex;
2399
- flex-direction: column;
2400
- align-items: center;
2401
- justify-content: center;
2402
- gap: var(--teddy-spacing-50);
2403
- color: var(--teddy-color-text-interactive-primary);
2404
- font-weight: var(--teddy-typography-weight-medium);
2405
- white-space: nowrap;
2406
- min-width: var(--teddy-spacing-400);
2407
- font-size: var(--teddy-typography-scale-100);
2408
- line-height: var(--teddy-typography-line-height-loose);
2409
- padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
2410
- text-align: center;
2329
+ }
2330
+ ._teddy-navigation-menu_1bmzc_1::after {
2331
+ content: "";
2332
+ position: absolute;
2333
+ inset: 0;
2334
+ pointer-events: none;
2335
+ box-shadow: var(--teddy-shadow-md);
2336
+ opacity: 0;
2337
+ }
2338
+ @media (prefers-reduced-motion: no-preference) {
2339
+ ._teddy-navigation-menu_1bmzc_1::after {
2340
+ transition: opacity var(--teddy-motion-duration-300) ease;
2411
2341
  }
2412
- ._teddy-navigation-menu__top-menu-trigger--small_o6us2_103 {
2413
- padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
2342
+ }
2343
+ ._teddy-navigation-menu_1bmzc_1:has(._teddy-navigation-menu__viewport_1bmzc_34[data-state=open])::after {
2344
+ opacity: 1;
2345
+ }
2346
+ ._teddy-navigation-menu__list_1bmzc_37 {
2347
+ all: unset;
2348
+ list-style-type: none;
2349
+ display: flex;
2350
+ align-items: center;
2351
+ gap: var(--item-gap);
2352
+ padding-inline: var(--inline-padding);
2353
+ border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
2354
+ }
2355
+ ._teddy-navigation-menu__list_1bmzc_37::before {
2356
+ content: "";
2357
+ display: block;
2358
+ width: var(--width-for-centering-element);
2359
+ }
2360
+ ._teddy-navigation-menu__list_1bmzc_37::after {
2361
+ content: "";
2362
+ display: block;
2363
+ width: var(--width-for-centering-element);
2364
+ }
2365
+ ._teddy-navigation-menu__list_1bmzc_37 li {
2366
+ line-height: 1.2;
2367
+ }
2368
+ ._teddy-navigation-menu__top-menu-list_1bmzc_59 {
2369
+ all: unset;
2370
+ position: relative;
2371
+ list-style-type: none;
2372
+ gap: var(--item-gap);
2373
+ background-color: var(--teddy-color-background-secondary);
2374
+ display: flex;
2375
+ align-items: center;
2376
+ padding-inline: var(--inline-padding);
2377
+ }
2378
+ ._teddy-navigation-menu__top-menu-list_1bmzc_59::before {
2379
+ content: "";
2380
+ display: block;
2381
+ width: var(--width-for-centering-element);
2382
+ }
2383
+ ._teddy-navigation-menu__top-menu-list_1bmzc_59::after {
2384
+ content: "";
2385
+ display: block;
2386
+ width: var(--width-for-centering-element);
2387
+ }
2388
+ ._teddy-navigation-menu__top-menu-list_1bmzc_59 li {
2389
+ display: grid;
2390
+ line-height: 1.2;
2391
+ }
2392
+ ._teddy-navigation-menu__top-menu-trigger_1bmzc_83 {
2393
+ all: unset;
2394
+ position: relative;
2395
+ cursor: pointer;
2396
+ text-decoration: none;
2397
+ display: inline-flex;
2398
+ flex-direction: column;
2399
+ align-items: center;
2400
+ justify-content: center;
2401
+ gap: var(--teddy-spacing-50);
2402
+ color: var(--teddy-color-text-interactive-primary);
2403
+ font-weight: var(--teddy-typography-weight-medium);
2404
+ white-space: nowrap;
2405
+ min-width: var(--teddy-spacing-400);
2406
+ font-size: var(--teddy-typography-scale-100);
2407
+ line-height: var(--teddy-typography-line-height-loose);
2408
+ padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
2409
+ text-align: center;
2410
+ }
2411
+ ._teddy-navigation-menu__top-menu-trigger--small_1bmzc_102 {
2412
+ padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
2413
+ font-size: var(--teddy-typography-scale-75);
2414
+ line-height: var(--teddy-typography-line-height-loose);
2415
+ outline-offset: -2px;
2416
+ }
2417
+ ._teddy-navigation-menu__top-menu-trigger--button_1bmzc_108 {
2418
+ padding: var(--teddy-spacing-100);
2419
+ min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
2420
+ box-sizing: border-box;
2421
+ border-radius: var(--teddy-border-radius-md);
2422
+ display: flex;
2423
+ place-items: center;
2424
+ flex-wrap: wrap;
2425
+ flex-direction: row;
2426
+ gap: var(--teddy-spacing-100);
2427
+ row-gap: var(--teddy-spacing-50);
2428
+ }
2429
+ @media (max-width: 600px) {
2430
+ ._teddy-navigation-menu__top-menu-trigger--button_1bmzc_108 {
2414
2431
  font-size: var(--teddy-typography-scale-75);
2415
- line-height: var(--teddy-typography-line-height-loose);
2416
- outline-offset: -2px;
2417
- }
2418
- ._teddy-navigation-menu__top-menu-trigger--button_o6us2_109 {
2419
- padding: var(--teddy-spacing-100);
2420
- min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
2421
- box-sizing: border-box;
2422
- border-radius: var(--teddy-border-radius-md);
2423
- display: flex;
2424
- place-items: center;
2425
- flex-wrap: wrap;
2426
- flex-direction: row;
2427
- gap: var(--teddy-spacing-100);
2428
- row-gap: var(--teddy-spacing-50);
2429
- }
2430
- @media (max-width: 600px) {
2431
- ._teddy-navigation-menu__top-menu-trigger--button_o6us2_109 {
2432
- font-size: var(--teddy-typography-scale-75);
2433
- }
2434
- }
2435
- ._teddy-navigation-menu__top-menu-trigger_o6us2_84::after {
2436
- content: "";
2437
- display: block;
2438
- position: absolute;
2439
- inset: 0;
2440
- opacity: 0;
2441
- border-radius: inherit;
2442
- background-color: transparent;
2443
- pointer-events: none;
2444
- border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2445
- }
2446
- ._teddy-navigation-menu__top-menu-trigger--button_o6us2_109::after {
2447
- border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2448
- }
2449
- ._teddy-navigation-menu__top-menu-trigger_o6us2_84:not(._teddy-navigation-menu__top-menu-trigger--button_o6us2_109)::before {
2450
- content: attr(data-text);
2451
- content: attr(data-text)/"";
2452
- height: 0;
2453
- visibility: hidden;
2454
- overflow: hidden;
2455
- user-select: none;
2456
- pointer-events: none;
2457
- font-weight: var(--teddy-typography-weight-bold);
2458
- }
2459
- @media speech {
2460
- ._teddy-navigation-menu__top-menu-trigger_o6us2_84:not(._teddy-navigation-menu__top-menu-trigger--button_o6us2_109)::before {
2461
- display: none;
2462
- }
2463
- }
2464
- ._teddy-navigation-menu__top-menu-trigger_o6us2_84:hover {
2465
- background-color: var(--teddy-color-background-interactive-transparent-hover);
2466
- }
2467
- ._teddy-navigation-menu__top-menu-trigger_o6us2_84:hover::after {
2468
- opacity: 1;
2469
- }
2470
- ._teddy-navigation-menu__top-menu-trigger_o6us2_84:active {
2471
- background-color: var(--teddy-color-background-interactive-transparent-active);
2472
- }
2473
- ._teddy-navigation-menu__top-menu-trigger_o6us2_84:active::after {
2474
- opacity: 1;
2475
2432
  }
2476
- ._teddy-navigation-menu__top-menu-trigger_o6us2_84[data-state=open], ._teddy-navigation-menu__top-menu-trigger_o6us2_84:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_o6us2_84[data-active] {
2477
- font-weight: var(--teddy-typography-weight-bold);
2478
- }
2479
- ._teddy-navigation-menu__top-menu-trigger_o6us2_84[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_o6us2_84:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_o6us2_84[data-active]::after {
2480
- border-color: var(--teddy-color-text-interactive-primary);
2481
- opacity: 1;
2482
- }
2483
- ._teddy-navigation-menu__top-menu-trigger_o6us2_84:focus-visible {
2484
- outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
2485
- }
2486
- ._teddy-navigation-menu__top-menu-trigger_o6us2_84[data-state=open] {
2487
- font-weight: var(--teddy-typography-weight-bold);
2488
- }
2489
- ._teddy-navigation-menu__top-menu-trigger_o6us2_84[data-state=open]::after {
2490
- border-color: var(--teddy-color-text-interactive-primary);
2491
- opacity: 1;
2492
- }
2493
- ._teddy-navigation-menu__content_o6us2_184 {
2494
- all: unset;
2495
- list-style-type: none;
2496
- display: flex;
2497
- gap: var(--teddy-spacing-100);
2498
- padding: 0;
2499
- position: absolute;
2500
- left: 0;
2501
- right: 0;
2502
- max-width: calc(var(--teddy-breakpoint-xl) - (var(--teddy-spacing-600) + var(--item-gap)) * 2);
2503
- margin-inline: auto;
2504
- padding-inline: calc(var(--inline-padding) + var(--teddy-spacing-200));
2505
- overflow: clip;
2506
- }
2507
- ._teddy-navigation-menu__content_o6us2_184 > ul {
2508
- list-style: none;
2509
- display: flex;
2510
- margin: 0;
2511
- padding: 0;
2512
- }
2513
- ._teddy-navigation-menu__content_o6us2_184 > ul > li {
2514
- display: grid;
2515
- line-height: 1.2;
2516
- }
2517
- @media (prefers-reduced-motion: no-preference) {
2518
- ._teddy-navigation-menu__content_o6us2_184 {
2519
- animation-duration: var(--teddy-motion-duration-300);
2520
- animation-timing-function: ease;
2521
- }
2522
- }
2523
- ._teddy-navigation-menu__content_o6us2_184::before {
2524
- content: "";
2525
- position: absolute;
2526
- inset: 0;
2527
- 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);
2433
+ }
2434
+ ._teddy-navigation-menu__top-menu-trigger_1bmzc_83::after {
2435
+ content: "";
2436
+ display: block;
2437
+ position: absolute;
2438
+ inset: 0;
2439
+ opacity: 0;
2440
+ border-radius: inherit;
2441
+ background-color: transparent;
2442
+ pointer-events: none;
2443
+ border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2444
+ }
2445
+ ._teddy-navigation-menu__top-menu-trigger--button_1bmzc_108::after {
2446
+ border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2447
+ }
2448
+ ._teddy-navigation-menu__top-menu-trigger_1bmzc_83:not(._teddy-navigation-menu__top-menu-trigger--button_1bmzc_108)::before {
2449
+ content: attr(data-text);
2450
+ content: attr(data-text)/"";
2451
+ height: 0;
2452
+ visibility: hidden;
2453
+ overflow: hidden;
2454
+ user-select: none;
2455
+ pointer-events: none;
2456
+ font-weight: var(--teddy-typography-weight-bold);
2457
+ }
2458
+ @media speech {
2459
+ ._teddy-navigation-menu__top-menu-trigger_1bmzc_83:not(._teddy-navigation-menu__top-menu-trigger--button_1bmzc_108)::before {
2460
+ display: none;
2528
2461
  }
2529
- ._teddy-navigation-menu__trigger_o6us2_220 {
2530
- position: relative;
2531
- all: unset;
2532
- position: relative;
2533
- cursor: pointer;
2534
- text-decoration: none;
2535
- display: inline-flex;
2536
- flex-direction: column;
2537
- align-items: center;
2538
- justify-content: center;
2539
- gap: var(--teddy-spacing-50);
2540
- color: var(--teddy-color-text-interactive-primary);
2541
- font-weight: var(--teddy-typography-weight-medium);
2542
- white-space: nowrap;
2543
- min-width: var(--teddy-spacing-400);
2544
- font-size: var(--teddy-typography-scale-100);
2545
- line-height: var(--teddy-typography-line-height-loose);
2546
- padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
2547
- text-align: center;
2462
+ }
2463
+ ._teddy-navigation-menu__top-menu-trigger_1bmzc_83:hover {
2464
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
2465
+ }
2466
+ ._teddy-navigation-menu__top-menu-trigger_1bmzc_83:hover::after {
2467
+ opacity: 1;
2468
+ }
2469
+ ._teddy-navigation-menu__top-menu-trigger_1bmzc_83:active {
2470
+ background-color: var(--teddy-color-background-interactive-transparent-active);
2471
+ }
2472
+ ._teddy-navigation-menu__top-menu-trigger_1bmzc_83:active::after {
2473
+ opacity: 1;
2474
+ }
2475
+ ._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-state=open], ._teddy-navigation-menu__top-menu-trigger_1bmzc_83:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-active] {
2476
+ font-weight: var(--teddy-typography-weight-bold);
2477
+ }
2478
+ ._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_1bmzc_83:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-active]::after {
2479
+ border-color: var(--teddy-color-text-interactive-primary);
2480
+ opacity: 1;
2481
+ }
2482
+ ._teddy-navigation-menu__top-menu-trigger_1bmzc_83:focus-visible {
2483
+ outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
2484
+ }
2485
+ ._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-state=open] {
2486
+ font-weight: var(--teddy-typography-weight-bold);
2487
+ }
2488
+ ._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-state=open]::after {
2489
+ border-color: var(--teddy-color-text-interactive-primary);
2490
+ opacity: 1;
2491
+ }
2492
+ ._teddy-navigation-menu__content_1bmzc_183 {
2493
+ all: unset;
2494
+ list-style-type: none;
2495
+ display: flex;
2496
+ gap: var(--teddy-spacing-100);
2497
+ padding: 0;
2498
+ position: absolute;
2499
+ left: 0;
2500
+ right: 0;
2501
+ max-width: calc(var(--teddy-breakpoint-xl) - (var(--teddy-spacing-600) + var(--item-gap)) * 2);
2502
+ margin-inline: auto;
2503
+ padding-inline: calc(var(--inline-padding) + var(--teddy-spacing-200));
2504
+ overflow: clip;
2505
+ }
2506
+ ._teddy-navigation-menu__content_1bmzc_183 > ul {
2507
+ list-style: none;
2508
+ display: flex;
2509
+ margin: 0;
2510
+ padding: 0;
2511
+ }
2512
+ ._teddy-navigation-menu__content_1bmzc_183 > ul > li {
2513
+ display: grid;
2514
+ line-height: 1.2;
2515
+ }
2516
+ @media (prefers-reduced-motion: no-preference) {
2517
+ ._teddy-navigation-menu__content_1bmzc_183 {
2518
+ animation-duration: var(--teddy-motion-duration-300);
2519
+ animation-timing-function: ease;
2548
2520
  }
2549
- ._teddy-navigation-menu__trigger--small_o6us2_240 {
2550
- padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
2521
+ }
2522
+ ._teddy-navigation-menu__content_1bmzc_183::before {
2523
+ content: "";
2524
+ position: absolute;
2525
+ inset: 0;
2526
+ 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);
2527
+ }
2528
+ ._teddy-navigation-menu__trigger_1bmzc_219 {
2529
+ position: relative;
2530
+ all: unset;
2531
+ position: relative;
2532
+ cursor: pointer;
2533
+ text-decoration: none;
2534
+ display: inline-flex;
2535
+ flex-direction: column;
2536
+ align-items: center;
2537
+ justify-content: center;
2538
+ gap: var(--teddy-spacing-50);
2539
+ color: var(--teddy-color-text-interactive-primary);
2540
+ font-weight: var(--teddy-typography-weight-medium);
2541
+ white-space: nowrap;
2542
+ min-width: var(--teddy-spacing-400);
2543
+ font-size: var(--teddy-typography-scale-100);
2544
+ line-height: var(--teddy-typography-line-height-loose);
2545
+ padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
2546
+ text-align: center;
2547
+ }
2548
+ ._teddy-navigation-menu__trigger--small_1bmzc_239 {
2549
+ padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
2550
+ font-size: var(--teddy-typography-scale-75);
2551
+ line-height: var(--teddy-typography-line-height-loose);
2552
+ outline-offset: -2px;
2553
+ }
2554
+ ._teddy-navigation-menu__trigger--button_1bmzc_245 {
2555
+ padding: var(--teddy-spacing-100);
2556
+ min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
2557
+ box-sizing: border-box;
2558
+ border-radius: var(--teddy-border-radius-md);
2559
+ display: flex;
2560
+ place-items: center;
2561
+ flex-wrap: wrap;
2562
+ flex-direction: row;
2563
+ gap: var(--teddy-spacing-100);
2564
+ row-gap: var(--teddy-spacing-50);
2565
+ }
2566
+ @media (max-width: 600px) {
2567
+ ._teddy-navigation-menu__trigger--button_1bmzc_245 {
2551
2568
  font-size: var(--teddy-typography-scale-75);
2552
- line-height: var(--teddy-typography-line-height-loose);
2553
- outline-offset: -2px;
2554
- }
2555
- ._teddy-navigation-menu__trigger--button_o6us2_246 {
2556
- padding: var(--teddy-spacing-100);
2557
- min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
2558
- box-sizing: border-box;
2559
- border-radius: var(--teddy-border-radius-md);
2560
- display: flex;
2561
- place-items: center;
2562
- flex-wrap: wrap;
2563
- flex-direction: row;
2564
- gap: var(--teddy-spacing-100);
2565
- row-gap: var(--teddy-spacing-50);
2566
- }
2567
- @media (max-width: 600px) {
2568
- ._teddy-navigation-menu__trigger--button_o6us2_246 {
2569
- font-size: var(--teddy-typography-scale-75);
2570
- }
2571
- }
2572
- ._teddy-navigation-menu__trigger_o6us2_220::after {
2573
- content: "";
2574
- display: block;
2575
- position: absolute;
2576
- inset: 0;
2577
- opacity: 0;
2578
- border-radius: inherit;
2579
- background-color: transparent;
2580
- pointer-events: none;
2581
- border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2582
2569
  }
2583
- ._teddy-navigation-menu__trigger--button_o6us2_246::after {
2584
- border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2585
- }
2586
- ._teddy-navigation-menu__trigger_o6us2_220:not(._teddy-navigation-menu__trigger--button_o6us2_246)::before {
2587
- content: attr(data-text);
2588
- content: attr(data-text)/"";
2589
- height: 0;
2590
- visibility: hidden;
2591
- overflow: hidden;
2592
- user-select: none;
2593
- pointer-events: none;
2594
- font-weight: var(--teddy-typography-weight-bold);
2595
- }
2596
- @media speech {
2597
- ._teddy-navigation-menu__trigger_o6us2_220:not(._teddy-navigation-menu__trigger--button_o6us2_246)::before {
2598
- display: none;
2599
- }
2570
+ }
2571
+ ._teddy-navigation-menu__trigger_1bmzc_219::after {
2572
+ content: "";
2573
+ display: block;
2574
+ position: absolute;
2575
+ inset: 0;
2576
+ opacity: 0;
2577
+ border-radius: inherit;
2578
+ background-color: transparent;
2579
+ pointer-events: none;
2580
+ border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2581
+ }
2582
+ ._teddy-navigation-menu__trigger--button_1bmzc_245::after {
2583
+ border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2584
+ }
2585
+ ._teddy-navigation-menu__trigger_1bmzc_219:not(._teddy-navigation-menu__trigger--button_1bmzc_245)::before {
2586
+ content: attr(data-text);
2587
+ content: attr(data-text)/"";
2588
+ height: 0;
2589
+ visibility: hidden;
2590
+ overflow: hidden;
2591
+ user-select: none;
2592
+ pointer-events: none;
2593
+ font-weight: var(--teddy-typography-weight-bold);
2594
+ }
2595
+ @media speech {
2596
+ ._teddy-navigation-menu__trigger_1bmzc_219:not(._teddy-navigation-menu__trigger--button_1bmzc_245)::before {
2597
+ display: none;
2600
2598
  }
2601
- ._teddy-navigation-menu__trigger_o6us2_220:hover {
2602
- background-color: var(--teddy-color-background-interactive-transparent-hover);
2599
+ }
2600
+ ._teddy-navigation-menu__trigger_1bmzc_219:hover {
2601
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
2602
+ }
2603
+ ._teddy-navigation-menu__trigger_1bmzc_219:hover::after {
2604
+ opacity: 1;
2605
+ }
2606
+ ._teddy-navigation-menu__trigger_1bmzc_219:active {
2607
+ background-color: var(--teddy-color-background-interactive-transparent-active);
2608
+ }
2609
+ ._teddy-navigation-menu__trigger_1bmzc_219:active::after {
2610
+ opacity: 1;
2611
+ }
2612
+ ._teddy-navigation-menu__trigger_1bmzc_219[data-state=open], ._teddy-navigation-menu__trigger_1bmzc_219:has([data-active]), ._teddy-navigation-menu__trigger_1bmzc_219[data-active] {
2613
+ font-weight: var(--teddy-typography-weight-bold);
2614
+ }
2615
+ ._teddy-navigation-menu__trigger_1bmzc_219[data-state=open]::after, ._teddy-navigation-menu__trigger_1bmzc_219:has([data-active])::after, ._teddy-navigation-menu__trigger_1bmzc_219[data-active]::after {
2616
+ border-color: var(--teddy-color-text-interactive-primary);
2617
+ opacity: 1;
2618
+ }
2619
+ ._teddy-navigation-menu__trigger_1bmzc_219:focus-visible {
2620
+ outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
2621
+ }
2622
+ ._teddy-navigation-menu__link_1bmzc_313 {
2623
+ all: unset;
2624
+ position: relative;
2625
+ cursor: pointer;
2626
+ text-decoration: none;
2627
+ display: inline-flex;
2628
+ flex-direction: column;
2629
+ align-items: center;
2630
+ justify-content: center;
2631
+ gap: var(--teddy-spacing-50);
2632
+ color: var(--teddy-color-text-interactive-primary);
2633
+ font-weight: var(--teddy-typography-weight-medium);
2634
+ white-space: nowrap;
2635
+ min-width: var(--teddy-spacing-400);
2636
+ font-size: var(--teddy-typography-scale-100);
2637
+ line-height: var(--teddy-typography-line-height-loose);
2638
+ padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
2639
+ text-align: center;
2640
+ text-decoration: none;
2641
+ }
2642
+ ._teddy-navigation-menu__link--small_1bmzc_333 {
2643
+ padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
2644
+ font-size: var(--teddy-typography-scale-75);
2645
+ line-height: var(--teddy-typography-line-height-loose);
2646
+ outline-offset: -2px;
2647
+ }
2648
+ ._teddy-navigation-menu__link--button_1bmzc_339 {
2649
+ padding: var(--teddy-spacing-100);
2650
+ min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
2651
+ box-sizing: border-box;
2652
+ border-radius: var(--teddy-border-radius-md);
2653
+ display: flex;
2654
+ place-items: center;
2655
+ flex-wrap: wrap;
2656
+ flex-direction: row;
2657
+ gap: var(--teddy-spacing-100);
2658
+ row-gap: var(--teddy-spacing-50);
2659
+ }
2660
+ @media (max-width: 600px) {
2661
+ ._teddy-navigation-menu__link--button_1bmzc_339 {
2662
+ font-size: var(--teddy-typography-scale-75);
2603
2663
  }
2604
- ._teddy-navigation-menu__trigger_o6us2_220:hover::after {
2605
- opacity: 1;
2664
+ }
2665
+ ._teddy-navigation-menu__link_1bmzc_313::after {
2666
+ content: "";
2667
+ display: block;
2668
+ position: absolute;
2669
+ inset: 0;
2670
+ opacity: 0;
2671
+ border-radius: inherit;
2672
+ background-color: transparent;
2673
+ pointer-events: none;
2674
+ border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2675
+ }
2676
+ ._teddy-navigation-menu__link--button_1bmzc_339::after {
2677
+ border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2678
+ }
2679
+ ._teddy-navigation-menu__link_1bmzc_313:not(._teddy-navigation-menu__link--button_1bmzc_339)::before {
2680
+ content: attr(data-text);
2681
+ content: attr(data-text)/"";
2682
+ height: 0;
2683
+ visibility: hidden;
2684
+ overflow: hidden;
2685
+ user-select: none;
2686
+ pointer-events: none;
2687
+ font-weight: var(--teddy-typography-weight-bold);
2688
+ }
2689
+ @media speech {
2690
+ ._teddy-navigation-menu__link_1bmzc_313:not(._teddy-navigation-menu__link--button_1bmzc_339)::before {
2691
+ display: none;
2606
2692
  }
2607
- ._teddy-navigation-menu__trigger_o6us2_220:active {
2608
- background-color: var(--teddy-color-background-interactive-transparent-active);
2693
+ }
2694
+ ._teddy-navigation-menu__link_1bmzc_313:hover {
2695
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
2696
+ }
2697
+ ._teddy-navigation-menu__link_1bmzc_313:hover::after {
2698
+ opacity: 1;
2699
+ }
2700
+ ._teddy-navigation-menu__link_1bmzc_313:active {
2701
+ background-color: var(--teddy-color-background-interactive-transparent-active);
2702
+ }
2703
+ ._teddy-navigation-menu__link_1bmzc_313:active::after {
2704
+ opacity: 1;
2705
+ }
2706
+ ._teddy-navigation-menu__link_1bmzc_313[data-state=open], ._teddy-navigation-menu__link_1bmzc_313:has([data-active]), ._teddy-navigation-menu__link_1bmzc_313[data-active] {
2707
+ font-weight: var(--teddy-typography-weight-bold);
2708
+ }
2709
+ ._teddy-navigation-menu__link_1bmzc_313[data-state=open]::after, ._teddy-navigation-menu__link_1bmzc_313:has([data-active])::after, ._teddy-navigation-menu__link_1bmzc_313[data-active]::after {
2710
+ border-color: var(--teddy-color-text-interactive-primary);
2711
+ opacity: 1;
2712
+ }
2713
+ ._teddy-navigation-menu__link_1bmzc_313:focus-visible {
2714
+ outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
2715
+ }
2716
+ ._teddy-navigation-menu__viewport_1bmzc_34 {
2717
+ position: relative;
2718
+ background-color: var(--teddy-color-background-primary);
2719
+ height: var(--radix-navigation-menu-viewport-height);
2720
+ transform-origin: top left;
2721
+ overflow: clip;
2722
+ }
2723
+ @keyframes _scaleIn_1bmzc_1 {
2724
+ from {
2725
+ opacity: 0;
2726
+ transform: scale(0.9);
2727
+ height: 1px;
2609
2728
  }
2610
- ._teddy-navigation-menu__trigger_o6us2_220:active::after {
2729
+ to {
2611
2730
  opacity: 1;
2731
+ transform: scale(1);
2732
+ height: var(--radix-navigation-menu-viewport-height);
2612
2733
  }
2613
- ._teddy-navigation-menu__trigger_o6us2_220[data-state=open], ._teddy-navigation-menu__trigger_o6us2_220:has([data-active]), ._teddy-navigation-menu__trigger_o6us2_220[data-active] {
2614
- font-weight: var(--teddy-typography-weight-bold);
2615
- }
2616
- ._teddy-navigation-menu__trigger_o6us2_220[data-state=open]::after, ._teddy-navigation-menu__trigger_o6us2_220:has([data-active])::after, ._teddy-navigation-menu__trigger_o6us2_220[data-active]::after {
2617
- border-color: var(--teddy-color-text-interactive-primary);
2734
+ }
2735
+ @keyframes _scaleOut_1bmzc_1 {
2736
+ from {
2618
2737
  opacity: 1;
2738
+ transform: scale(1);
2619
2739
  }
2620
- ._teddy-navigation-menu__trigger_o6us2_220:focus-visible {
2621
- outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
2622
- }
2623
- ._teddy-navigation-menu__link_o6us2_314 {
2624
- all: unset;
2625
- position: relative;
2626
- cursor: pointer;
2627
- text-decoration: none;
2628
- display: inline-flex;
2629
- flex-direction: column;
2630
- align-items: center;
2631
- justify-content: center;
2632
- gap: var(--teddy-spacing-50);
2633
- color: var(--teddy-color-text-interactive-primary);
2634
- font-weight: var(--teddy-typography-weight-medium);
2635
- white-space: nowrap;
2636
- min-width: var(--teddy-spacing-400);
2637
- font-size: var(--teddy-typography-scale-100);
2638
- line-height: var(--teddy-typography-line-height-loose);
2639
- padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
2640
- text-align: center;
2641
- text-decoration: none;
2642
- }
2643
- ._teddy-navigation-menu__link--small_o6us2_334 {
2644
- padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
2645
- font-size: var(--teddy-typography-scale-75);
2646
- line-height: var(--teddy-typography-line-height-loose);
2647
- outline-offset: -2px;
2648
- }
2649
- ._teddy-navigation-menu__link--button_o6us2_340 {
2650
- padding: var(--teddy-spacing-100);
2651
- min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
2652
- box-sizing: border-box;
2653
- border-radius: var(--teddy-border-radius-md);
2654
- display: flex;
2655
- place-items: center;
2656
- flex-wrap: wrap;
2657
- flex-direction: row;
2658
- gap: var(--teddy-spacing-100);
2659
- row-gap: var(--teddy-spacing-50);
2660
- }
2661
- @media (max-width: 600px) {
2662
- ._teddy-navigation-menu__link--button_o6us2_340 {
2663
- font-size: var(--teddy-typography-scale-75);
2664
- }
2665
- }
2666
- ._teddy-navigation-menu__link_o6us2_314::after {
2667
- content: "";
2668
- display: block;
2669
- position: absolute;
2670
- inset: 0;
2740
+ to {
2671
2741
  opacity: 0;
2672
- border-radius: inherit;
2673
- background-color: transparent;
2674
- pointer-events: none;
2675
- border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2676
- }
2677
- ._teddy-navigation-menu__link--button_o6us2_340::after {
2678
- border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2679
- }
2680
- ._teddy-navigation-menu__link_o6us2_314:not(._teddy-navigation-menu__link--button_o6us2_340)::before {
2681
- content: attr(data-text);
2682
- content: attr(data-text)/"";
2742
+ transform: scale(0.9);
2683
2743
  height: 0;
2684
- visibility: hidden;
2685
- overflow: hidden;
2686
- user-select: none;
2687
- pointer-events: none;
2688
- font-weight: var(--teddy-typography-weight-bold);
2689
- }
2690
- @media speech {
2691
- ._teddy-navigation-menu__link_o6us2_314:not(._teddy-navigation-menu__link--button_o6us2_340)::before {
2692
- display: none;
2693
- }
2694
2744
  }
2695
- ._teddy-navigation-menu__link_o6us2_314:hover {
2696
- background-color: var(--teddy-color-background-interactive-transparent-hover);
2745
+ }
2746
+ @keyframes _enterFromRight_1bmzc_1 {
2747
+ from {
2748
+ opacity: 0;
2749
+ transform: translateX(200px);
2697
2750
  }
2698
- ._teddy-navigation-menu__link_o6us2_314:hover::after {
2751
+ to {
2699
2752
  opacity: 1;
2753
+ transform: translateX(0);
2700
2754
  }
2701
- ._teddy-navigation-menu__link_o6us2_314:active {
2702
- background-color: var(--teddy-color-background-interactive-transparent-active);
2755
+ }
2756
+ @keyframes _enterFromLeft_1bmzc_1 {
2757
+ from {
2758
+ opacity: 0;
2759
+ transform: translateX(-200px);
2703
2760
  }
2704
- ._teddy-navigation-menu__link_o6us2_314:active::after {
2761
+ to {
2705
2762
  opacity: 1;
2763
+ transform: translateX(0);
2706
2764
  }
2707
- ._teddy-navigation-menu__link_o6us2_314[data-state=open], ._teddy-navigation-menu__link_o6us2_314:has([data-active]), ._teddy-navigation-menu__link_o6us2_314[data-active] {
2708
- font-weight: var(--teddy-typography-weight-bold);
2709
- }
2710
- ._teddy-navigation-menu__link_o6us2_314[data-state=open]::after, ._teddy-navigation-menu__link_o6us2_314:has([data-active])::after, ._teddy-navigation-menu__link_o6us2_314[data-active]::after {
2711
- border-color: var(--teddy-color-text-interactive-primary);
2765
+ }
2766
+ @keyframes _exitToRight_1bmzc_1 {
2767
+ from {
2712
2768
  opacity: 1;
2769
+ transform: translateX(0);
2713
2770
  }
2714
- ._teddy-navigation-menu__link_o6us2_314:focus-visible {
2715
- outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
2716
- }
2717
- ._teddy-navigation-menu__viewport_o6us2_35 {
2718
- position: relative;
2719
- background-color: var(--teddy-color-background-primary);
2720
- height: var(--radix-navigation-menu-viewport-height);
2721
- transform-origin: top left;
2722
- overflow: clip;
2723
- }
2724
- @keyframes _scaleIn_o6us2_1 {
2725
- from {
2726
- opacity: 0;
2727
- transform: scale(0.9);
2728
- height: 1px;
2729
- }
2730
- to {
2731
- opacity: 1;
2732
- transform: scale(1);
2733
- height: var(--radix-navigation-menu-viewport-height);
2734
- }
2735
- }
2736
- @keyframes _scaleOut_o6us2_1 {
2737
- from {
2738
- opacity: 1;
2739
- transform: scale(1);
2740
- }
2741
- to {
2742
- opacity: 0;
2743
- transform: scale(0.9);
2744
- height: 0;
2745
- }
2746
- }
2747
- @keyframes _enterFromRight_o6us2_1 {
2748
- from {
2749
- opacity: 0;
2750
- transform: translateX(200px);
2751
- }
2752
- to {
2753
- opacity: 1;
2754
- transform: translateX(0);
2755
- }
2756
- }
2757
- @keyframes _enterFromLeft_o6us2_1 {
2758
- from {
2759
- opacity: 0;
2760
- transform: translateX(-200px);
2761
- }
2762
- to {
2763
- opacity: 1;
2764
- transform: translateX(0);
2765
- }
2771
+ to {
2772
+ opacity: 0;
2773
+ transform: translateX(200px);
2766
2774
  }
2767
- @keyframes _exitToRight_o6us2_1 {
2768
- from {
2769
- opacity: 1;
2770
- transform: translateX(0);
2771
- }
2772
- to {
2773
- opacity: 0;
2774
- transform: translateX(200px);
2775
- }
2775
+ }
2776
+ @keyframes _exitToLeft_1bmzc_1 {
2777
+ from {
2778
+ opacity: 1;
2779
+ transform: translateX(0);
2776
2780
  }
2777
- @keyframes _exitToLeft_o6us2_1 {
2778
- from {
2779
- opacity: 1;
2780
- transform: translateX(0);
2781
- }
2782
- to {
2783
- opacity: 0;
2784
- transform: translateX(-200px);
2785
- }
2781
+ to {
2782
+ opacity: 0;
2783
+ transform: translateX(-200px);
2786
2784
  }
2787
2785
  }._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--subsection_],
2788
2786
  ._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--subsection-100_] {
@@ -3304,70 +3302,70 @@
3304
3302
  height: 0;
3305
3303
  }
3306
3304
  }
3307
- }._teddy-global-navigation_1yaoy_1 {
3305
+ }._teddy-global-navigation_1m6ra_1 {
3308
3306
  position: sticky;
3309
3307
  inset: 0 0 auto 0;
3310
3308
  z-index: 39;
3311
3309
  }
3312
- ._teddy-global-navigation__mobile-trigger_1yaoy_6 {
3310
+ ._teddy-global-navigation__mobile-trigger_1m6ra_6 {
3313
3311
  border-inline: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
3314
3312
  }
3315
- ._teddy-global-navigation__mobile-header_1yaoy_9[data-state=open] {
3313
+ ._teddy-global-navigation__mobile-header_1m6ra_9[data-state=open] {
3316
3314
  border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
3317
3315
  }
3318
- ._teddy-global-navigation__mobile_1yaoy_6 {
3316
+ ._teddy-global-navigation__mobile_1m6ra_6 {
3319
3317
  padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
3320
3318
  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
3321
3319
  }
3322
- ._teddy-global-navigation__mobile_1yaoy_6::before {
3320
+ ._teddy-global-navigation__mobile_1m6ra_6::before {
3323
3321
  content: "";
3324
3322
  display: block;
3325
3323
  width: var(--width-for-centering-element);
3326
3324
  }
3327
- ._teddy-global-navigation__mobile_1yaoy_6::after {
3325
+ ._teddy-global-navigation__mobile_1m6ra_6::after {
3328
3326
  content: "";
3329
3327
  display: block;
3330
3328
  width: var(--width-for-centering-element);
3331
3329
  }
3332
- ._teddy-global-navigation__link_1yaoy_26 {
3330
+ ._teddy-global-navigation__link_1m6ra_26 {
3333
3331
  text-decoration: none;
3334
3332
  }
3335
- ._teddy-global-navigation__viewport_1yaoy_29 {
3336
- height: var(--teddy-viewport-wrapper-height, );
3333
+ ._teddy-global-navigation__viewport_1m6ra_29._teddy-global-navigation__viewport_1m6ra_29 {
3334
+ height: var(--teddy-viewport-wrapper-height);
3337
3335
  }
3338
- ._teddy-global-navigation__item-wrapper_1yaoy_32 {
3336
+ ._teddy-global-navigation__item-wrapper_1m6ra_32 {
3339
3337
  position: relative;
3340
3338
  display: flex;
3341
3339
  }
3342
- ._teddy-global-navigation__item-count_1yaoy_36 {
3340
+ ._teddy-global-navigation__item-count_1m6ra_36 {
3343
3341
  display: flex;
3344
3342
  justify-content: center;
3345
3343
  align-items: center;
3346
3344
  position: absolute;
3347
3345
  transform: translate(calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)), calc(-1 * var(--teddy-spacing-100) + var(--teddy-spacing-10)));
3348
3346
  }
3349
- ._teddy-global-navigation__viewport-wrapper_1yaoy_43 {
3347
+ ._teddy-global-navigation__viewport-wrapper_1m6ra_43 {
3350
3348
  overflow: hidden;
3351
3349
  transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
3352
3350
  }
3353
- ._teddy-global-navigation__viewport-wrapper_1yaoy_43[data-state=open] {
3351
+ ._teddy-global-navigation__viewport-wrapper_1m6ra_43[data-state=open] {
3354
3352
  max-height: var(--teddy-viewport-wrapper-height);
3355
3353
  }
3356
- ._teddy-global-navigation__viewport-wrapper_1yaoy_43[data-state=closed] {
3357
- animation: _close-viewport_1yaoy_1 var(--teddy-motion-duration-controlled, 0) ease;
3354
+ ._teddy-global-navigation__viewport-wrapper_1m6ra_43[data-state=closed] {
3355
+ animation: _close-viewport_1m6ra_1 var(--teddy-motion-duration-controlled, 0) ease;
3358
3356
  max-height: 0;
3359
3357
  }
3360
- ._teddy-global-navigation__top-menu-wrapper_1yaoy_54 {
3358
+ ._teddy-global-navigation__top-menu-wrapper_1m6ra_54 {
3361
3359
  overflow: hidden;
3362
3360
  transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
3363
3361
  }
3364
- ._teddy-global-navigation__top-menu-wrapper_1yaoy_54[data-state=open] {
3362
+ ._teddy-global-navigation__top-menu-wrapper_1m6ra_54[data-state=open] {
3365
3363
  max-height: var(--teddy-top-menu-height, 47px);
3366
3364
  }
3367
- ._teddy-global-navigation__top-menu-wrapper_1yaoy_54[data-state=closed] {
3365
+ ._teddy-global-navigation__top-menu-wrapper_1m6ra_54[data-state=closed] {
3368
3366
  max-height: 0;
3369
3367
  }
3370
- ._teddy-global-navigation__accordion-look_1yaoy_64 {
3368
+ ._teddy-global-navigation__accordion-look_1m6ra_64 {
3371
3369
  background-color: var(--teddy-color-background-interactive-transparent);
3372
3370
  display: grid;
3373
3371
  grid-template-columns: minmax(0, 1fr) auto;
@@ -3377,13 +3375,13 @@
3377
3375
  font-weight: var(--teddy-typography-weight-bold);
3378
3376
  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
3379
3377
  }
3380
- ._teddy-global-navigation__accordion-look_1yaoy_64:first-child {
3378
+ ._teddy-global-navigation__accordion-look_1m6ra_64:first-child {
3381
3379
  margin-top: 0;
3382
3380
  }
3383
- ._teddy-global-navigation__accordion-look_1yaoy_64:last-child {
3381
+ ._teddy-global-navigation__accordion-look_1m6ra_64:last-child {
3384
3382
  border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
3385
3383
  }
3386
- ._teddy-global-navigation__mobile-link--accordion-look_1yaoy_80 {
3384
+ ._teddy-global-navigation__mobile-link--accordion-look_1m6ra_80 {
3387
3385
  padding: calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)) 0;
3388
3386
  font-family: var(--teddy-typography-family-default);
3389
3387
  font-weight: var(--teddy-typography-weight-bold);
@@ -3391,16 +3389,16 @@
3391
3389
  line-height: var(--teddy-typography-line-height-default);
3392
3390
  }
3393
3391
  @media (min-width: 600px) {
3394
- ._teddy-global-navigation__mobile-link--accordion-look_1yaoy_80 {
3392
+ ._teddy-global-navigation__mobile-link--accordion-look_1m6ra_80 {
3395
3393
  padding: calc(var(--teddy-spacing-250) + var(--teddy-spacing-10)) 0;
3396
3394
  }
3397
3395
  }
3398
3396
  @media (min-width: 1024px) {
3399
- ._teddy-global-navigation__mobile-link--accordion-look_1yaoy_80 {
3397
+ ._teddy-global-navigation__mobile-link--accordion-look_1m6ra_80 {
3400
3398
  padding: calc(var(--teddy-spacing-300) + var(--teddy-spacing-10)) 0;
3401
3399
  }
3402
3400
  }
3403
- @keyframes _close-viewport_1yaoy_1 {
3401
+ @keyframes _close-viewport_1m6ra_1 {
3404
3402
  0% {
3405
3403
  max-height: var(--teddy-viewport-wrapper-height);
3406
3404
  }
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=8"
21
21
  },
22
22
  "private": false,
23
- "version": "0.0.51",
23
+ "version": "0.0.52",
24
24
  "sideEffects": [
25
25
  "**/*.css"
26
26
  ],