@telia/teddy 0.0.50 → 0.0.51

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.
Files changed (10) hide show
  1. package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs +100 -81
  2. package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js +100 -81
  3. package/dist/components/navigation-menu/global-navigation/global-navigation-root.d.ts +2 -2
  4. package/dist/components/navigation-menu/global-navigation/utils.cjs +4 -1
  5. package/dist/components/navigation-menu/global-navigation/utils.d.ts +8 -2
  6. package/dist/components/navigation-menu/global-navigation/utils.js +4 -1
  7. package/dist/components/navigation-menu/navigation-menu.cjs +20 -20
  8. package/dist/components/navigation-menu/navigation-menu.js +20 -20
  9. package/dist/style.css +79 -76
  10. package/package.json +1 -1
package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs CHANGED
@@ -287,7 +287,7 @@ const Desktop = React.forwardRef(() => {
287
287
  value: link.name,
288
288
  asChild: true,
289
289
  onClick: () => rootContext.setPathname(link.link),
290
- children: /* @__PURE__ */ jsxRuntime.jsx(Link, { href: link.link, children: link.name })
290
+ children: link.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link, { href: link.link, children: link.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, children: link.name })
291
291
  }
292
292
  ) }, link.name)) })
293
293
  }
@@ -407,26 +407,76 @@ function Mobile(props) {
407
407
  /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { ref: drawerRef, slot: "floating", "aria-label": "Lukk" }),
408
408
  /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Meny" }),
409
409
  /* @__PURE__ */ jsxRuntime.jsx(SearchField, {}),
410
- /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs, { value: rootContext.selectedDomainItem, onValueChange: rootContext.setSelectedDomainItem, children: [
411
- /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.List, { children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Trigger, { value: link.name, children: link.name }, link.name)) }),
412
- /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => {
413
- var _a;
414
- return /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Content, { value: link.name, children: /* @__PURE__ */ jsxRuntime.jsx(
415
- components_accordion_index.Accordion,
416
- {
417
- type: "single",
418
- collapsible: true,
419
- value: rootContext.selectedMenuItem,
420
- onValueChange: rootContext.setSelectedMenuItem,
421
- children: (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
422
- (subLink) => {
423
- var _a2;
424
- return subLink.links.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(components_accordion_index.Accordion.Item, { value: subLink.name, children: [
425
- /* @__PURE__ */ jsxRuntime.jsxs(components_accordion_index.Accordion.Header, { className: styles[`${rootClassName}__mobile-header`], children: [
426
- /* @__PURE__ */ jsxRuntime.jsx(
410
+ /* @__PURE__ */ jsxRuntime.jsxs(
411
+ components_tabs_index.Tabs,
412
+ {
413
+ value: rootContext.selectedDomainItem,
414
+ onValueChange: (v) => rootContext.setSelectedDomainItem(v, true),
415
+ children: [
416
+ /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.List, { children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Trigger, { value: link.name, children: link.name }, link.name)) }),
417
+ /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => {
418
+ var _a;
419
+ return /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Content, { value: link.name, children: /* @__PURE__ */ jsxRuntime.jsx(
420
+ components_accordion_index.Accordion,
421
+ {
422
+ type: "single",
423
+ collapsible: true,
424
+ value: rootContext.selectedMenuItem,
425
+ onValueChange: (v) => rootContext.setSelectedMenuItem(v, true),
426
+ children: (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
427
+ (subLink) => {
428
+ var _a2;
429
+ return subLink.links.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(components_accordion_index.Accordion.Item, { value: subLink.name, children: [
430
+ /* @__PURE__ */ jsxRuntime.jsxs(components_accordion_index.Accordion.Header, { className: styles[`${rootClassName}__mobile-header`], children: [
431
+ /* @__PURE__ */ jsxRuntime.jsx(
432
+ components_link_link.Link,
433
+ {
434
+ className: linkClasses,
435
+ variant: "standalone",
436
+ asChild: true,
437
+ onClick: () => {
438
+ var _a3;
439
+ (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
440
+ rootContext.setSelectedMenuItem(subLink.name);
441
+ rootContext.setPathname(subLink.link);
442
+ },
443
+ children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, children: subLink.name })
444
+ }
445
+ ),
446
+ /* @__PURE__ */ jsxRuntime.jsx(components_accordion_index.Accordion.Trigger, { className: styles[`${rootClassName}__mobile-trigger`], children: /* @__PURE__ */ jsxRuntime.jsxs(components_visuallyHidden_visuallyHidden.VisuallyHidden, { children: [
447
+ subLink.name,
448
+ " linker"
449
+ ] }) })
450
+ ] }),
451
+ /* @__PURE__ */ jsxRuntime.jsx(components_accordion_index.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(components_list_index.List, { gap: "10", pl: "25", children: (_a2 = subLink.links) == null ? void 0 : _a2.map((subSubLink) => /* @__PURE__ */ jsxRuntime.jsx(components_list_index.List.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(
452
+ components_navigationMenu_navigationMenu.NavigationMenu.Link,
453
+ {
454
+ asChild: true,
455
+ variant: "small",
456
+ active: components_navigationMenu_globalNavigation_utils.getActiveSubLink(currentLocation, subLink.links || []) === subSubLink.link,
457
+ onClick: () => {
458
+ var _a3;
459
+ (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
460
+ rootContext.setPathname(subSubLink.link);
461
+ },
462
+ children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "100", children: [
463
+ subSubLink.name,
464
+ " ",
465
+ /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
466
+ ] }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "100", children: [
467
+ subSubLink.name,
468
+ " ",
469
+ /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
470
+ ] }) })
471
+ }
472
+ ) }, subSubLink.name)) }) })
473
+ ] }, subLink.name) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles[`${rootClassName}__accordion-look`], children: /* @__PURE__ */ jsxRuntime.jsx(
427
474
  components_link_link.Link,
428
475
  {
429
- className: linkClasses,
476
+ className: clsx([
477
+ linkClasses,
478
+ styles[`${rootClassName}__mobile-link--accordion-look`]
479
+ ]),
430
480
  variant: "standalone",
431
481
  asChild: true,
432
482
  onClick: () => {
@@ -435,67 +485,24 @@ function Mobile(props) {
435
485
  rootContext.setSelectedMenuItem(subLink.name);
436
486
  rootContext.setPathname(subLink.link);
437
487
  },
438
- children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, children: subLink.name })
488
+ children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsxs(NavLink, { href: subLink.link, children: [
489
+ subLink.name,
490
+ /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
491
+ ] }) : /* @__PURE__ */ jsxRuntime.jsxs("a", { href: subLink.link, children: [
492
+ subLink.name,
493
+ " ",
494
+ /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
495
+ ] })
439
496
  }
440
- ),
441
- /* @__PURE__ */ jsxRuntime.jsx(components_accordion_index.Accordion.Trigger, { className: styles[`${rootClassName}__mobile-trigger`], children: /* @__PURE__ */ jsxRuntime.jsxs(components_visuallyHidden_visuallyHidden.VisuallyHidden, { children: [
442
- subLink.name,
443
- " linker"
444
- ] }) })
445
- ] }),
446
- /* @__PURE__ */ jsxRuntime.jsx(components_accordion_index.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(components_list_index.List, { gap: "10", pl: "25", children: (_a2 = subLink.links) == null ? void 0 : _a2.map((subSubLink) => /* @__PURE__ */ jsxRuntime.jsx(components_list_index.List.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(
447
- components_navigationMenu_navigationMenu.NavigationMenu.Link,
448
- {
449
- asChild: true,
450
- variant: "small",
451
- active: components_navigationMenu_globalNavigation_utils.getActiveSubLink(currentLocation, subLink.links || []) === subSubLink.link,
452
- onClick: () => {
453
- var _a3;
454
- (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
455
- rootContext.setPathname(subSubLink.link);
456
- },
457
- children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "100", children: [
458
- subSubLink.name,
459
- " ",
460
- /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
461
- ] }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "100", children: [
462
- subSubLink.name,
463
- " ",
464
- /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
465
- ] }) })
466
- }
467
- ) }, subSubLink.name)) }) })
468
- ] }, subLink.name) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles[`${rootClassName}__accordion-look`], children: /* @__PURE__ */ jsxRuntime.jsx(
469
- components_link_link.Link,
470
- {
471
- className: clsx([
472
- linkClasses,
473
- styles[`${rootClassName}__mobile-link--accordion-look`]
474
- ]),
475
- variant: "standalone",
476
- asChild: true,
477
- onClick: () => {
478
- var _a3;
479
- (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
480
- rootContext.setSelectedMenuItem(subLink.name);
481
- rootContext.setPathname(subLink.link);
482
- },
483
- children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsxs(NavLink, { href: subLink.link, children: [
484
- subLink.name,
485
- /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
486
- ] }) : /* @__PURE__ */ jsxRuntime.jsxs("a", { href: subLink.link, children: [
487
- subLink.name,
488
- " ",
489
- /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
490
- ] })
497
+ ) }, subLink.name);
491
498
  }
492
- ) }, subLink.name);
499
+ )
493
500
  }
494
- )
495
- }
496
- ) }, link.name);
497
- }) })
498
- ] }),
501
+ ) }, link.name);
502
+ }) })
503
+ ]
504
+ }
505
+ ),
499
506
  /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "content", children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "secondary", children: "Lukk" }) }) })
500
507
  ] })
501
508
  ] })
@@ -576,12 +583,24 @@ function Root({
576
583
  appKey,
577
584
  loggedInUser,
578
585
  selectedMenuItem,
579
- setSelectedMenuItem,
586
+ setSelectedMenuItem(v, onlyStateChange) {
587
+ if (appKey === "open-pages" && !onlyStateChange)
588
+ return;
589
+ setSelectedMenuItem(v);
590
+ },
580
591
  linkComponent,
581
592
  selectedDomainItem,
582
- setSelectedDomainItem,
593
+ setSelectedDomainItem(v, onlyStateChange) {
594
+ if (appKey === "open-pages" && !onlyStateChange)
595
+ return;
596
+ setSelectedDomainItem(v);
597
+ },
583
598
  pathname,
584
- setPathname,
599
+ setPathname(v) {
600
+ if (appKey === "open-pages")
601
+ return;
602
+ setPathname(v);
603
+ },
585
604
  onLogoutClick,
586
605
  shoppingCart,
587
606
  shoppingCartNumberOfItems,
@@ -597,7 +616,7 @@ function Root({
597
616
  onTopMenuValueChange: setSelectedDomainItem,
598
617
  value: selectedMenuItem,
599
618
  onValueChange: (v) => {
600
- if (v === "")
619
+ if (v === "" || appKey === "open-pages")
601
620
  return;
602
621
  setSelectedMenuItem(v);
603
622
  },
package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js CHANGED
@@ -285,7 +285,7 @@ const Desktop = React__default.forwardRef(() => {
285
285
  value: link.name,
286
286
  asChild: true,
287
287
  onClick: () => rootContext.setPathname(link.link),
288
- children: /* @__PURE__ */ jsx(Link2, { href: link.link, children: link.name })
288
+ children: link.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: link.link, children: link.name }) : /* @__PURE__ */ jsx("a", { href: link.link, children: link.name })
289
289
  }
290
290
  ) }, link.name)) })
291
291
  }
@@ -405,26 +405,76 @@ function Mobile(props) {
405
405
  /* @__PURE__ */ jsx(Drawer.Close, { ref: drawerRef, slot: "floating", "aria-label": "Lukk" }),
406
406
  /* @__PURE__ */ jsx(Drawer.Title, { children: "Meny" }),
407
407
  /* @__PURE__ */ jsx(SearchField, {}),
408
- /* @__PURE__ */ jsxs(Tabs, { value: rootContext.selectedDomainItem, onValueChange: rootContext.setSelectedDomainItem, children: [
409
- /* @__PURE__ */ jsx(Tabs.List, { children: LINKS.map((link) => /* @__PURE__ */ jsx(Tabs.Trigger, { value: link.name, children: link.name }, link.name)) }),
410
- /* @__PURE__ */ jsx(Box, { mt: "400", children: LINKS.map((link) => {
411
- var _a;
412
- return /* @__PURE__ */ jsx(Tabs.Content, { value: link.name, children: /* @__PURE__ */ jsx(
413
- Accordion,
414
- {
415
- type: "single",
416
- collapsible: true,
417
- value: rootContext.selectedMenuItem,
418
- onValueChange: rootContext.setSelectedMenuItem,
419
- children: (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
420
- (subLink) => {
421
- var _a2;
422
- return subLink.links.length > 0 ? /* @__PURE__ */ jsxs(Accordion.Item, { value: subLink.name, children: [
423
- /* @__PURE__ */ jsxs(Accordion.Header, { className: styles[`${rootClassName}__mobile-header`], children: [
424
- /* @__PURE__ */ jsx(
408
+ /* @__PURE__ */ jsxs(
409
+ Tabs,
410
+ {
411
+ value: rootContext.selectedDomainItem,
412
+ onValueChange: (v) => rootContext.setSelectedDomainItem(v, true),
413
+ children: [
414
+ /* @__PURE__ */ jsx(Tabs.List, { children: LINKS.map((link) => /* @__PURE__ */ jsx(Tabs.Trigger, { value: link.name, children: link.name }, link.name)) }),
415
+ /* @__PURE__ */ jsx(Box, { mt: "400", children: LINKS.map((link) => {
416
+ var _a;
417
+ return /* @__PURE__ */ jsx(Tabs.Content, { value: link.name, children: /* @__PURE__ */ jsx(
418
+ Accordion,
419
+ {
420
+ type: "single",
421
+ collapsible: true,
422
+ value: rootContext.selectedMenuItem,
423
+ onValueChange: (v) => rootContext.setSelectedMenuItem(v, true),
424
+ children: (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
425
+ (subLink) => {
426
+ var _a2;
427
+ return subLink.links.length > 0 ? /* @__PURE__ */ jsxs(Accordion.Item, { value: subLink.name, children: [
428
+ /* @__PURE__ */ jsxs(Accordion.Header, { className: styles[`${rootClassName}__mobile-header`], children: [
429
+ /* @__PURE__ */ jsx(
430
+ Link,
431
+ {
432
+ className: linkClasses,
433
+ variant: "standalone",
434
+ asChild: true,
435
+ onClick: () => {
436
+ var _a3;
437
+ (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
438
+ rootContext.setSelectedMenuItem(subLink.name);
439
+ rootContext.setPathname(subLink.link);
440
+ },
441
+ children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsx("a", { href: subLink.link, children: subLink.name })
442
+ }
443
+ ),
444
+ /* @__PURE__ */ jsx(Accordion.Trigger, { className: styles[`${rootClassName}__mobile-trigger`], children: /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
445
+ subLink.name,
446
+ " linker"
447
+ ] }) })
448
+ ] }),
449
+ /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(List, { gap: "10", pl: "25", children: (_a2 = subLink.links) == null ? void 0 : _a2.map((subSubLink) => /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx(
450
+ NavigationMenu.Link,
451
+ {
452
+ asChild: true,
453
+ variant: "small",
454
+ active: getActiveSubLink(currentLocation, subLink.links || []) === subSubLink.link,
455
+ onClick: () => {
456
+ var _a3;
457
+ (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
458
+ rootContext.setPathname(subSubLink.link);
459
+ },
460
+ children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "100", children: [
461
+ subSubLink.name,
462
+ " ",
463
+ /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
464
+ ] }) }) : /* @__PURE__ */ jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "100", children: [
465
+ subSubLink.name,
466
+ " ",
467
+ /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
468
+ ] }) })
469
+ }
470
+ ) }, subSubLink.name)) }) })
471
+ ] }, subLink.name) : /* @__PURE__ */ jsx("div", { className: styles[`${rootClassName}__accordion-look`], children: /* @__PURE__ */ jsx(
425
472
  Link,
426
473
  {
427
- className: linkClasses,
474
+ className: clsx([
475
+ linkClasses,
476
+ styles[`${rootClassName}__mobile-link--accordion-look`]
477
+ ]),
428
478
  variant: "standalone",
429
479
  asChild: true,
430
480
  onClick: () => {
@@ -433,67 +483,24 @@ function Mobile(props) {
433
483
  rootContext.setSelectedMenuItem(subLink.name);
434
484
  rootContext.setPathname(subLink.link);
435
485
  },
436
- children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsx("a", { href: subLink.link, children: subLink.name })
486
+ children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxs(NavLink, { href: subLink.link, children: [
487
+ subLink.name,
488
+ /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
489
+ ] }) : /* @__PURE__ */ jsxs("a", { href: subLink.link, children: [
490
+ subLink.name,
491
+ " ",
492
+ /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
493
+ ] })
437
494
  }
438
- ),
439
- /* @__PURE__ */ jsx(Accordion.Trigger, { className: styles[`${rootClassName}__mobile-trigger`], children: /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
440
- subLink.name,
441
- " linker"
442
- ] }) })
443
- ] }),
444
- /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(List, { gap: "10", pl: "25", children: (_a2 = subLink.links) == null ? void 0 : _a2.map((subSubLink) => /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx(
445
- NavigationMenu.Link,
446
- {
447
- asChild: true,
448
- variant: "small",
449
- active: getActiveSubLink(currentLocation, subLink.links || []) === subSubLink.link,
450
- onClick: () => {
451
- var _a3;
452
- (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
453
- rootContext.setPathname(subSubLink.link);
454
- },
455
- children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "100", children: [
456
- subSubLink.name,
457
- " ",
458
- /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
459
- ] }) }) : /* @__PURE__ */ jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "100", children: [
460
- subSubLink.name,
461
- " ",
462
- /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
463
- ] }) })
464
- }
465
- ) }, subSubLink.name)) }) })
466
- ] }, subLink.name) : /* @__PURE__ */ jsx("div", { className: styles[`${rootClassName}__accordion-look`], children: /* @__PURE__ */ jsx(
467
- Link,
468
- {
469
- className: clsx([
470
- linkClasses,
471
- styles[`${rootClassName}__mobile-link--accordion-look`]
472
- ]),
473
- variant: "standalone",
474
- asChild: true,
475
- onClick: () => {
476
- var _a3;
477
- (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
478
- rootContext.setSelectedMenuItem(subLink.name);
479
- rootContext.setPathname(subLink.link);
480
- },
481
- children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxs(NavLink, { href: subLink.link, children: [
482
- subLink.name,
483
- /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
484
- ] }) : /* @__PURE__ */ jsxs("a", { href: subLink.link, children: [
485
- subLink.name,
486
- " ",
487
- /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
488
- ] })
495
+ ) }, subLink.name);
489
496
  }
490
- ) }, subLink.name);
497
+ )
491
498
  }
492
- )
493
- }
494
- ) }, link.name);
495
- }) })
496
- ] }),
499
+ ) }, link.name);
500
+ }) })
501
+ ]
502
+ }
503
+ ),
497
504
  /* @__PURE__ */ jsx(Drawer.Footer, { children: /* @__PURE__ */ jsx(Drawer.Close, { slot: "content", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Lukk" }) }) })
498
505
  ] })
499
506
  ] })
@@ -574,12 +581,24 @@ function Root({
574
581
  appKey,
575
582
  loggedInUser,
576
583
  selectedMenuItem,
577
- setSelectedMenuItem,
584
+ setSelectedMenuItem(v, onlyStateChange) {
585
+ if (appKey === "open-pages" && !onlyStateChange)
586
+ return;
587
+ setSelectedMenuItem(v);
588
+ },
578
589
  linkComponent,
579
590
  selectedDomainItem,
580
- setSelectedDomainItem,
591
+ setSelectedDomainItem(v, onlyStateChange) {
592
+ if (appKey === "open-pages" && !onlyStateChange)
593
+ return;
594
+ setSelectedDomainItem(v);
595
+ },
581
596
  pathname,
582
- setPathname,
597
+ setPathname(v) {
598
+ if (appKey === "open-pages")
599
+ return;
600
+ setPathname(v);
601
+ },
583
602
  onLogoutClick,
584
603
  shoppingCart,
585
604
  shoppingCartNumberOfItems,
@@ -595,7 +614,7 @@ function Root({
595
614
  onTopMenuValueChange: setSelectedDomainItem,
596
615
  value: selectedMenuItem,
597
616
  onValueChange: (v) => {
598
- if (v === "")
617
+ if (v === "" || appKey === "open-pages")
599
618
  return;
600
619
  setSelectedMenuItem(v);
601
620
  },
package/dist/components/navigation-menu/global-navigation/global-navigation-root.d.ts CHANGED
@@ -21,9 +21,9 @@ export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
21
21
  };
22
22
  type RootContext = {
23
23
  selectedMenuItem: string | undefined;
24
- setSelectedMenuItem: (v: string | undefined) => void;
24
+ setSelectedMenuItem: (v: string | undefined, onlyStateChange?: boolean) => void;
25
25
  selectedDomainItem: string;
26
- setSelectedDomainItem: (v: string) => void;
26
+ setSelectedDomainItem: (v: string, onlyStateChange?: boolean) => void;
27
27
  pathname: string;
28
28
  setPathname: (v: string) => void;
29
29
  } & Pick<RootProps, 'onSearchSubmit' | 'shoppingCart' | 'shoppingCartNumberOfItems' | 'loggedInUser' | 'appKey' | 'onLogoutClick' | 'linkComponent' | 'isCartOpen' | 'onCartOpenChange' | 'drawerSize'>;
package/dist/components/navigation-menu/global-navigation/utils.cjs CHANGED
@@ -34,7 +34,7 @@ const MY_PAGE_LINKS = {
34
34
  },
35
35
  {
36
36
  name: "Personvern",
37
- link: "/minside/innstillinger",
37
+ link: "/minside/personvern",
38
38
  appKey: APP_KEYS["my-pages"],
39
39
  icon: "secured-1"
40
40
  }
@@ -70,6 +70,7 @@ const LOGGED_IN_LINKS = [MY_PAGE_LINKS, ...LOGGED_IN_LINKS_BUSINESS];
70
70
  const PRIVATE_LINKS = {
71
71
  name: "Privat",
72
72
  link: "/",
73
+ appKey: APP_KEYS["open-pages"],
73
74
  links: [
74
75
  {
75
76
  name: "Logo",
@@ -255,6 +256,7 @@ const PRIVATE_LINKS = {
255
256
  const BUSINESS_LINKS = {
256
257
  name: "Bedrift",
257
258
  link: "/bedrift/",
259
+ appKey: APP_KEYS["open-pages"],
258
260
  links: [
259
261
  {
260
262
  name: "Logo",
@@ -313,6 +315,7 @@ const BUSINESS_LINKS = {
313
315
  const MDU_LINKS = {
314
316
  name: "Borettslag",
315
317
  link: "/borettslag/",
318
+ appKey: APP_KEYS["open-pages"],
316
319
  links: [
317
320
  {
318
321
  name: "Logo",
package/dist/components/navigation-menu/global-navigation/utils.d.ts CHANGED
@@ -38,7 +38,7 @@ export declare const MY_PAGE_LINKS: {
38
38
  readonly icon: "doc";
39
39
  }, {
40
40
  readonly name: "Personvern";
41
- readonly link: "/minside/innstillinger";
41
+ readonly link: "/minside/personvern";
42
42
  readonly appKey: "my-pages";
43
43
  readonly icon: "secured-1";
44
44
  }];
@@ -104,7 +104,7 @@ export declare const LOGGED_IN_LINKS: [{
104
104
  readonly icon: "doc";
105
105
  }, {
106
106
  readonly name: "Personvern";
107
- readonly link: "/minside/innstillinger";
107
+ readonly link: "/minside/personvern";
108
108
  readonly appKey: "my-pages";
109
109
  readonly icon: "secured-1";
110
110
  }];
@@ -130,6 +130,7 @@ export declare const LOGGED_IN_LINKS: [{
130
130
  export declare const PRIVATE_LINKS: {
131
131
  readonly name: "Privat";
132
132
  readonly link: "/";
133
+ readonly appKey: "open-pages";
133
134
  readonly links: [{
134
135
  readonly name: "Logo";
135
136
  readonly link: "/";
@@ -256,6 +257,7 @@ export declare const PRIVATE_LINKS: {
256
257
  export declare const BUSINESS_LINKS: {
257
258
  readonly name: "Bedrift";
258
259
  readonly link: "/bedrift/";
260
+ readonly appKey: "open-pages";
259
261
  readonly links: [{
260
262
  readonly name: "Logo";
261
263
  readonly link: "/bedrift/";
@@ -303,6 +305,7 @@ export declare const BUSINESS_LINKS: {
303
305
  export declare const MDU_LINKS: {
304
306
  readonly name: "Borettslag";
305
307
  readonly link: "/borettslag/";
308
+ readonly appKey: "open-pages";
306
309
  readonly links: [{
307
310
  readonly name: "Logo";
308
311
  readonly link: "/borettslag/";
@@ -328,6 +331,7 @@ export declare const MDU_LINKS: {
328
331
  export declare const LINKS: [{
329
332
  readonly name: "Privat";
330
333
  readonly link: "/";
334
+ readonly appKey: "open-pages";
331
335
  readonly links: [{
332
336
  readonly name: "Logo";
333
337
  readonly link: "/";
@@ -453,6 +457,7 @@ export declare const LINKS: [{
453
457
  }, {
454
458
  readonly name: "Bedrift";
455
459
  readonly link: "/bedrift/";
460
+ readonly appKey: "open-pages";
456
461
  readonly links: [{
457
462
  readonly name: "Logo";
458
463
  readonly link: "/bedrift/";
@@ -499,6 +504,7 @@ export declare const LINKS: [{
499
504
  }, {
500
505
  readonly name: "Borettslag";
501
506
  readonly link: "/borettslag/";
507
+ readonly appKey: "open-pages";
502
508
  readonly links: [{
503
509
  readonly name: "Logo";
504
510
  readonly link: "/borettslag/";
package/dist/components/navigation-menu/global-navigation/utils.js CHANGED
@@ -32,7 +32,7 @@ const MY_PAGE_LINKS = {
32
32
  },
33
33
  {
34
34
  name: "Personvern",
35
- link: "/minside/innstillinger",
35
+ link: "/minside/personvern",
36
36
  appKey: APP_KEYS["my-pages"],
37
37
  icon: "secured-1"
38
38
  }
@@ -68,6 +68,7 @@ const LOGGED_IN_LINKS = [MY_PAGE_LINKS, ...LOGGED_IN_LINKS_BUSINESS];
68
68
  const PRIVATE_LINKS = {
69
69
  name: "Privat",
70
70
  link: "/",
71
+ appKey: APP_KEYS["open-pages"],
71
72
  links: [
72
73
  {
73
74
  name: "Logo",
@@ -253,6 +254,7 @@ const PRIVATE_LINKS = {
253
254
  const BUSINESS_LINKS = {
254
255
  name: "Bedrift",
255
256
  link: "/bedrift/",
257
+ appKey: APP_KEYS["open-pages"],
256
258
  links: [
257
259
  {
258
260
  name: "Logo",
@@ -311,6 +313,7 @@ const BUSINESS_LINKS = {
311
313
  const MDU_LINKS = {
312
314
  name: "Borettslag",
313
315
  link: "/borettslag/",
316
+ appKey: APP_KEYS["open-pages"],
314
317
  links: [
315
318
  {
316
319
  name: "Logo",
package/dist/components/navigation-menu/navigation-menu.cjs CHANGED
@@ -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_1wcv5_1";
32
- const scaleOut = "_scaleOut_1wcv5_1";
33
- const enterFromRight = "_enterFromRight_1wcv5_1";
34
- const enterFromLeft = "_enterFromLeft_1wcv5_1";
35
- const exitToRight = "_exitToRight_1wcv5_1";
36
- const exitToLeft = "_exitToLeft_1wcv5_1";
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";
37
37
  const styles = {
38
- "teddy-navigation-menu": "_teddy-navigation-menu_1wcv5_2",
39
- "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_1wcv5_35",
40
- "teddy-navigation-menu__list": "_teddy-navigation-menu__list_1wcv5_38",
41
- "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_1wcv5_60",
42
- "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_1wcv5_84",
43
- "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_1wcv5_103",
44
- "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_1wcv5_109",
45
- "teddy-navigation-menu__content": "_teddy-navigation-menu__content_1wcv5_183",
46
- "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_1wcv5_219",
47
- "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_1wcv5_239",
48
- "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_1wcv5_245",
49
- "teddy-navigation-menu__link": "_teddy-navigation-menu__link_1wcv5_312",
50
- "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_1wcv5_332",
51
- "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_1wcv5_338",
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",
52
52
  scaleIn,
53
53
  scaleOut,
54
54
  enterFromRight,
package/dist/components/navigation-menu/navigation-menu.js CHANGED
@@ -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_1wcv5_1";
13
- const scaleOut = "_scaleOut_1wcv5_1";
14
- const enterFromRight = "_enterFromRight_1wcv5_1";
15
- const enterFromLeft = "_enterFromLeft_1wcv5_1";
16
- const exitToRight = "_exitToRight_1wcv5_1";
17
- const exitToLeft = "_exitToLeft_1wcv5_1";
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";
18
18
  const styles = {
19
- "teddy-navigation-menu": "_teddy-navigation-menu_1wcv5_2",
20
- "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_1wcv5_35",
21
- "teddy-navigation-menu__list": "_teddy-navigation-menu__list_1wcv5_38",
22
- "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_1wcv5_60",
23
- "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_1wcv5_84",
24
- "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_1wcv5_103",
25
- "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_1wcv5_109",
26
- "teddy-navigation-menu__content": "_teddy-navigation-menu__content_1wcv5_183",
27
- "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_1wcv5_219",
28
- "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_1wcv5_239",
29
- "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_1wcv5_245",
30
- "teddy-navigation-menu__link": "_teddy-navigation-menu__link_1wcv5_312",
31
- "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_1wcv5_332",
32
- "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_1wcv5_338",
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",
33
33
  scaleIn,
34
34
  scaleOut,
35
35
  enterFromRight,
package/dist/style.css CHANGED
@@ -2308,7 +2308,7 @@
2308
2308
  ._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within):not(caption) {
2309
2309
  position: absolute;
2310
2310
  }@layer NavigationMenu {
2311
- ._teddy-navigation-menu_1wcv5_2 {
2311
+ ._teddy-navigation-menu_o6us2_2 {
2312
2312
  --item-gap: var(--teddy-spacing-200);
2313
2313
  --width-for-centering-element: calc((100% - var(--teddy-breakpoint-xl) + var(--teddy-spacing-600) * 2) / 2);
2314
2314
  --inline-padding: calc(var(--teddy-spacing-200) - var(--item-gap));
@@ -2319,16 +2319,16 @@
2319
2319
  background-color: var(--teddy-color-background-primary);
2320
2320
  }
2321
2321
  @media (min-width: 600px) {
2322
- ._teddy-navigation-menu_1wcv5_2 {
2322
+ ._teddy-navigation-menu_o6us2_2 {
2323
2323
  --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
2324
2324
  }
2325
2325
  }
2326
2326
  @media (min-width: 1440px) {
2327
- ._teddy-navigation-menu_1wcv5_2 {
2327
+ ._teddy-navigation-menu_o6us2_2 {
2328
2328
  --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
2329
2329
  }
2330
2330
  }
2331
- ._teddy-navigation-menu_1wcv5_2::after {
2331
+ ._teddy-navigation-menu_o6us2_2::after {
2332
2332
  content: "";
2333
2333
  position: absolute;
2334
2334
  inset: 0;
@@ -2337,14 +2337,14 @@
2337
2337
  opacity: 0;
2338
2338
  }
2339
2339
  @media (prefers-reduced-motion: no-preference) {
2340
- ._teddy-navigation-menu_1wcv5_2::after {
2340
+ ._teddy-navigation-menu_o6us2_2::after {
2341
2341
  transition: opacity var(--teddy-motion-duration-300) ease;
2342
2342
  }
2343
2343
  }
2344
- ._teddy-navigation-menu_1wcv5_2:has(._teddy-navigation-menu__viewport_1wcv5_35[data-state=open])::after {
2344
+ ._teddy-navigation-menu_o6us2_2:has(._teddy-navigation-menu__viewport_o6us2_35[data-state=open])::after {
2345
2345
  opacity: 1;
2346
2346
  }
2347
- ._teddy-navigation-menu__list_1wcv5_38 {
2347
+ ._teddy-navigation-menu__list_o6us2_38 {
2348
2348
  all: unset;
2349
2349
  list-style-type: none;
2350
2350
  display: flex;
@@ -2353,20 +2353,20 @@
2353
2353
  padding-inline: var(--inline-padding);
2354
2354
  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
2355
2355
  }
2356
- ._teddy-navigation-menu__list_1wcv5_38::before {
2356
+ ._teddy-navigation-menu__list_o6us2_38::before {
2357
2357
  content: "";
2358
2358
  display: block;
2359
2359
  width: var(--width-for-centering-element);
2360
2360
  }
2361
- ._teddy-navigation-menu__list_1wcv5_38::after {
2361
+ ._teddy-navigation-menu__list_o6us2_38::after {
2362
2362
  content: "";
2363
2363
  display: block;
2364
2364
  width: var(--width-for-centering-element);
2365
2365
  }
2366
- ._teddy-navigation-menu__list_1wcv5_38 li {
2366
+ ._teddy-navigation-menu__list_o6us2_38 li {
2367
2367
  line-height: 1.2;
2368
2368
  }
2369
- ._teddy-navigation-menu__top-menu-list_1wcv5_60 {
2369
+ ._teddy-navigation-menu__top-menu-list_o6us2_60 {
2370
2370
  all: unset;
2371
2371
  position: relative;
2372
2372
  list-style-type: none;
@@ -2376,21 +2376,21 @@
2376
2376
  align-items: center;
2377
2377
  padding-inline: var(--inline-padding);
2378
2378
  }
2379
- ._teddy-navigation-menu__top-menu-list_1wcv5_60::before {
2379
+ ._teddy-navigation-menu__top-menu-list_o6us2_60::before {
2380
2380
  content: "";
2381
2381
  display: block;
2382
2382
  width: var(--width-for-centering-element);
2383
2383
  }
2384
- ._teddy-navigation-menu__top-menu-list_1wcv5_60::after {
2384
+ ._teddy-navigation-menu__top-menu-list_o6us2_60::after {
2385
2385
  content: "";
2386
2386
  display: block;
2387
2387
  width: var(--width-for-centering-element);
2388
2388
  }
2389
- ._teddy-navigation-menu__top-menu-list_1wcv5_60 li {
2389
+ ._teddy-navigation-menu__top-menu-list_o6us2_60 li {
2390
2390
  display: grid;
2391
2391
  line-height: 1.2;
2392
2392
  }
2393
- ._teddy-navigation-menu__top-menu-trigger_1wcv5_84 {
2393
+ ._teddy-navigation-menu__top-menu-trigger_o6us2_84 {
2394
2394
  all: unset;
2395
2395
  position: relative;
2396
2396
  cursor: pointer;
@@ -2409,15 +2409,16 @@
2409
2409
  padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
2410
2410
  text-align: center;
2411
2411
  }
2412
- ._teddy-navigation-menu__top-menu-trigger--small_1wcv5_103 {
2412
+ ._teddy-navigation-menu__top-menu-trigger--small_o6us2_103 {
2413
2413
  padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
2414
2414
  font-size: var(--teddy-typography-scale-75);
2415
2415
  line-height: var(--teddy-typography-line-height-loose);
2416
2416
  outline-offset: -2px;
2417
2417
  }
2418
- ._teddy-navigation-menu__top-menu-trigger--button_1wcv5_109 {
2418
+ ._teddy-navigation-menu__top-menu-trigger--button_o6us2_109 {
2419
2419
  padding: var(--teddy-spacing-100);
2420
- min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
2420
+ min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
2421
+ box-sizing: border-box;
2421
2422
  border-radius: var(--teddy-border-radius-md);
2422
2423
  display: flex;
2423
2424
  place-items: center;
@@ -2427,11 +2428,11 @@
2427
2428
  row-gap: var(--teddy-spacing-50);
2428
2429
  }
2429
2430
  @media (max-width: 600px) {
2430
- ._teddy-navigation-menu__top-menu-trigger--button_1wcv5_109 {
2431
+ ._teddy-navigation-menu__top-menu-trigger--button_o6us2_109 {
2431
2432
  font-size: var(--teddy-typography-scale-75);
2432
2433
  }
2433
2434
  }
2434
- ._teddy-navigation-menu__top-menu-trigger_1wcv5_84::after {
2435
+ ._teddy-navigation-menu__top-menu-trigger_o6us2_84::after {
2435
2436
  content: "";
2436
2437
  display: block;
2437
2438
  position: absolute;
@@ -2442,10 +2443,10 @@
2442
2443
  pointer-events: none;
2443
2444
  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2444
2445
  }
2445
- ._teddy-navigation-menu__top-menu-trigger--button_1wcv5_109::after {
2446
+ ._teddy-navigation-menu__top-menu-trigger--button_o6us2_109::after {
2446
2447
  border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2447
2448
  }
2448
- ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:not(._teddy-navigation-menu__top-menu-trigger--button_1wcv5_109)::before {
2449
+ ._teddy-navigation-menu__top-menu-trigger_o6us2_84:not(._teddy-navigation-menu__top-menu-trigger--button_o6us2_109)::before {
2449
2450
  content: attr(data-text);
2450
2451
  content: attr(data-text)/"";
2451
2452
  height: 0;
@@ -2456,40 +2457,40 @@
2456
2457
  font-weight: var(--teddy-typography-weight-bold);
2457
2458
  }
2458
2459
  @media speech {
2459
- ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:not(._teddy-navigation-menu__top-menu-trigger--button_1wcv5_109)::before {
2460
+ ._teddy-navigation-menu__top-menu-trigger_o6us2_84:not(._teddy-navigation-menu__top-menu-trigger--button_o6us2_109)::before {
2460
2461
  display: none;
2461
2462
  }
2462
2463
  }
2463
- ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:hover {
2464
+ ._teddy-navigation-menu__top-menu-trigger_o6us2_84:hover {
2464
2465
  background-color: var(--teddy-color-background-interactive-transparent-hover);
2465
2466
  }
2466
- ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:hover::after {
2467
+ ._teddy-navigation-menu__top-menu-trigger_o6us2_84:hover::after {
2467
2468
  opacity: 1;
2468
2469
  }
2469
- ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:active {
2470
+ ._teddy-navigation-menu__top-menu-trigger_o6us2_84:active {
2470
2471
  background-color: var(--teddy-color-background-interactive-transparent-active);
2471
2472
  }
2472
- ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:active::after {
2473
+ ._teddy-navigation-menu__top-menu-trigger_o6us2_84:active::after {
2473
2474
  opacity: 1;
2474
2475
  }
2475
- ._teddy-navigation-menu__top-menu-trigger_1wcv5_84[data-state=open], ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_1wcv5_84[data-active] {
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] {
2476
2477
  font-weight: var(--teddy-typography-weight-bold);
2477
2478
  }
2478
- ._teddy-navigation-menu__top-menu-trigger_1wcv5_84[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_1wcv5_84[data-active]::after {
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 {
2479
2480
  border-color: var(--teddy-color-text-interactive-primary);
2480
2481
  opacity: 1;
2481
2482
  }
2482
- ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:focus-visible {
2483
+ ._teddy-navigation-menu__top-menu-trigger_o6us2_84:focus-visible {
2483
2484
  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
2484
2485
  }
2485
- ._teddy-navigation-menu__top-menu-trigger_1wcv5_84[data-state=open] {
2486
+ ._teddy-navigation-menu__top-menu-trigger_o6us2_84[data-state=open] {
2486
2487
  font-weight: var(--teddy-typography-weight-bold);
2487
2488
  }
2488
- ._teddy-navigation-menu__top-menu-trigger_1wcv5_84[data-state=open]::after {
2489
+ ._teddy-navigation-menu__top-menu-trigger_o6us2_84[data-state=open]::after {
2489
2490
  border-color: var(--teddy-color-text-interactive-primary);
2490
2491
  opacity: 1;
2491
2492
  }
2492
- ._teddy-navigation-menu__content_1wcv5_183 {
2493
+ ._teddy-navigation-menu__content_o6us2_184 {
2493
2494
  all: unset;
2494
2495
  list-style-type: none;
2495
2496
  display: flex;
@@ -2503,29 +2504,29 @@
2503
2504
  padding-inline: calc(var(--inline-padding) + var(--teddy-spacing-200));
2504
2505
  overflow: clip;
2505
2506
  }
2506
- ._teddy-navigation-menu__content_1wcv5_183 > ul {
2507
+ ._teddy-navigation-menu__content_o6us2_184 > ul {
2507
2508
  list-style: none;
2508
2509
  display: flex;
2509
2510
  margin: 0;
2510
2511
  padding: 0;
2511
2512
  }
2512
- ._teddy-navigation-menu__content_1wcv5_183 > ul > li {
2513
+ ._teddy-navigation-menu__content_o6us2_184 > ul > li {
2513
2514
  display: grid;
2514
2515
  line-height: 1.2;
2515
2516
  }
2516
2517
  @media (prefers-reduced-motion: no-preference) {
2517
- ._teddy-navigation-menu__content_1wcv5_183 {
2518
+ ._teddy-navigation-menu__content_o6us2_184 {
2518
2519
  animation-duration: var(--teddy-motion-duration-300);
2519
2520
  animation-timing-function: ease;
2520
2521
  }
2521
2522
  }
2522
- ._teddy-navigation-menu__content_1wcv5_183::before {
2523
+ ._teddy-navigation-menu__content_o6us2_184::before {
2523
2524
  content: "";
2524
2525
  position: absolute;
2525
2526
  inset: 0;
2526
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);
2527
2528
  }
2528
- ._teddy-navigation-menu__trigger_1wcv5_219 {
2529
+ ._teddy-navigation-menu__trigger_o6us2_220 {
2529
2530
  position: relative;
2530
2531
  all: unset;
2531
2532
  position: relative;
@@ -2545,15 +2546,16 @@
2545
2546
  padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
2546
2547
  text-align: center;
2547
2548
  }
2548
- ._teddy-navigation-menu__trigger--small_1wcv5_239 {
2549
+ ._teddy-navigation-menu__trigger--small_o6us2_240 {
2549
2550
  padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
2550
2551
  font-size: var(--teddy-typography-scale-75);
2551
2552
  line-height: var(--teddy-typography-line-height-loose);
2552
2553
  outline-offset: -2px;
2553
2554
  }
2554
- ._teddy-navigation-menu__trigger--button_1wcv5_245 {
2555
+ ._teddy-navigation-menu__trigger--button_o6us2_246 {
2555
2556
  padding: var(--teddy-spacing-100);
2556
- min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
2557
+ min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
2558
+ box-sizing: border-box;
2557
2559
  border-radius: var(--teddy-border-radius-md);
2558
2560
  display: flex;
2559
2561
  place-items: center;
@@ -2563,11 +2565,11 @@
2563
2565
  row-gap: var(--teddy-spacing-50);
2564
2566
  }
2565
2567
  @media (max-width: 600px) {
2566
- ._teddy-navigation-menu__trigger--button_1wcv5_245 {
2568
+ ._teddy-navigation-menu__trigger--button_o6us2_246 {
2567
2569
  font-size: var(--teddy-typography-scale-75);
2568
2570
  }
2569
2571
  }
2570
- ._teddy-navigation-menu__trigger_1wcv5_219::after {
2572
+ ._teddy-navigation-menu__trigger_o6us2_220::after {
2571
2573
  content: "";
2572
2574
  display: block;
2573
2575
  position: absolute;
@@ -2578,10 +2580,10 @@
2578
2580
  pointer-events: none;
2579
2581
  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2580
2582
  }
2581
- ._teddy-navigation-menu__trigger--button_1wcv5_245::after {
2583
+ ._teddy-navigation-menu__trigger--button_o6us2_246::after {
2582
2584
  border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2583
2585
  }
2584
- ._teddy-navigation-menu__trigger_1wcv5_219:not(._teddy-navigation-menu__trigger--button_1wcv5_245)::before {
2586
+ ._teddy-navigation-menu__trigger_o6us2_220:not(._teddy-navigation-menu__trigger--button_o6us2_246)::before {
2585
2587
  content: attr(data-text);
2586
2588
  content: attr(data-text)/"";
2587
2589
  height: 0;
@@ -2592,33 +2594,33 @@
2592
2594
  font-weight: var(--teddy-typography-weight-bold);
2593
2595
  }
2594
2596
  @media speech {
2595
- ._teddy-navigation-menu__trigger_1wcv5_219:not(._teddy-navigation-menu__trigger--button_1wcv5_245)::before {
2597
+ ._teddy-navigation-menu__trigger_o6us2_220:not(._teddy-navigation-menu__trigger--button_o6us2_246)::before {
2596
2598
  display: none;
2597
2599
  }
2598
2600
  }
2599
- ._teddy-navigation-menu__trigger_1wcv5_219:hover {
2601
+ ._teddy-navigation-menu__trigger_o6us2_220:hover {
2600
2602
  background-color: var(--teddy-color-background-interactive-transparent-hover);
2601
2603
  }
2602
- ._teddy-navigation-menu__trigger_1wcv5_219:hover::after {
2604
+ ._teddy-navigation-menu__trigger_o6us2_220:hover::after {
2603
2605
  opacity: 1;
2604
2606
  }
2605
- ._teddy-navigation-menu__trigger_1wcv5_219:active {
2607
+ ._teddy-navigation-menu__trigger_o6us2_220:active {
2606
2608
  background-color: var(--teddy-color-background-interactive-transparent-active);
2607
2609
  }
2608
- ._teddy-navigation-menu__trigger_1wcv5_219:active::after {
2610
+ ._teddy-navigation-menu__trigger_o6us2_220:active::after {
2609
2611
  opacity: 1;
2610
2612
  }
2611
- ._teddy-navigation-menu__trigger_1wcv5_219[data-state=open], ._teddy-navigation-menu__trigger_1wcv5_219:has([data-active]), ._teddy-navigation-menu__trigger_1wcv5_219[data-active] {
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] {
2612
2614
  font-weight: var(--teddy-typography-weight-bold);
2613
2615
  }
2614
- ._teddy-navigation-menu__trigger_1wcv5_219[data-state=open]::after, ._teddy-navigation-menu__trigger_1wcv5_219:has([data-active])::after, ._teddy-navigation-menu__trigger_1wcv5_219[data-active]::after {
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 {
2615
2617
  border-color: var(--teddy-color-text-interactive-primary);
2616
2618
  opacity: 1;
2617
2619
  }
2618
- ._teddy-navigation-menu__trigger_1wcv5_219:focus-visible {
2620
+ ._teddy-navigation-menu__trigger_o6us2_220:focus-visible {
2619
2621
  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
2620
2622
  }
2621
- ._teddy-navigation-menu__link_1wcv5_312 {
2623
+ ._teddy-navigation-menu__link_o6us2_314 {
2622
2624
  all: unset;
2623
2625
  position: relative;
2624
2626
  cursor: pointer;
@@ -2638,15 +2640,16 @@
2638
2640
  text-align: center;
2639
2641
  text-decoration: none;
2640
2642
  }
2641
- ._teddy-navigation-menu__link--small_1wcv5_332 {
2643
+ ._teddy-navigation-menu__link--small_o6us2_334 {
2642
2644
  padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
2643
2645
  font-size: var(--teddy-typography-scale-75);
2644
2646
  line-height: var(--teddy-typography-line-height-loose);
2645
2647
  outline-offset: -2px;
2646
2648
  }
2647
- ._teddy-navigation-menu__link--button_1wcv5_338 {
2649
+ ._teddy-navigation-menu__link--button_o6us2_340 {
2648
2650
  padding: var(--teddy-spacing-100);
2649
- min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
2651
+ min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
2652
+ box-sizing: border-box;
2650
2653
  border-radius: var(--teddy-border-radius-md);
2651
2654
  display: flex;
2652
2655
  place-items: center;
@@ -2656,11 +2659,11 @@
2656
2659
  row-gap: var(--teddy-spacing-50);
2657
2660
  }
2658
2661
  @media (max-width: 600px) {
2659
- ._teddy-navigation-menu__link--button_1wcv5_338 {
2662
+ ._teddy-navigation-menu__link--button_o6us2_340 {
2660
2663
  font-size: var(--teddy-typography-scale-75);
2661
2664
  }
2662
2665
  }
2663
- ._teddy-navigation-menu__link_1wcv5_312::after {
2666
+ ._teddy-navigation-menu__link_o6us2_314::after {
2664
2667
  content: "";
2665
2668
  display: block;
2666
2669
  position: absolute;
@@ -2671,10 +2674,10 @@
2671
2674
  pointer-events: none;
2672
2675
  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2673
2676
  }
2674
- ._teddy-navigation-menu__link--button_1wcv5_338::after {
2677
+ ._teddy-navigation-menu__link--button_o6us2_340::after {
2675
2678
  border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
2676
2679
  }
2677
- ._teddy-navigation-menu__link_1wcv5_312:not(._teddy-navigation-menu__link--button_1wcv5_338)::before {
2680
+ ._teddy-navigation-menu__link_o6us2_314:not(._teddy-navigation-menu__link--button_o6us2_340)::before {
2678
2681
  content: attr(data-text);
2679
2682
  content: attr(data-text)/"";
2680
2683
  height: 0;
@@ -2685,40 +2688,40 @@
2685
2688
  font-weight: var(--teddy-typography-weight-bold);
2686
2689
  }
2687
2690
  @media speech {
2688
- ._teddy-navigation-menu__link_1wcv5_312:not(._teddy-navigation-menu__link--button_1wcv5_338)::before {
2691
+ ._teddy-navigation-menu__link_o6us2_314:not(._teddy-navigation-menu__link--button_o6us2_340)::before {
2689
2692
  display: none;
2690
2693
  }
2691
2694
  }
2692
- ._teddy-navigation-menu__link_1wcv5_312:hover {
2695
+ ._teddy-navigation-menu__link_o6us2_314:hover {
2693
2696
  background-color: var(--teddy-color-background-interactive-transparent-hover);
2694
2697
  }
2695
- ._teddy-navigation-menu__link_1wcv5_312:hover::after {
2698
+ ._teddy-navigation-menu__link_o6us2_314:hover::after {
2696
2699
  opacity: 1;
2697
2700
  }
2698
- ._teddy-navigation-menu__link_1wcv5_312:active {
2701
+ ._teddy-navigation-menu__link_o6us2_314:active {
2699
2702
  background-color: var(--teddy-color-background-interactive-transparent-active);
2700
2703
  }
2701
- ._teddy-navigation-menu__link_1wcv5_312:active::after {
2704
+ ._teddy-navigation-menu__link_o6us2_314:active::after {
2702
2705
  opacity: 1;
2703
2706
  }
2704
- ._teddy-navigation-menu__link_1wcv5_312[data-state=open], ._teddy-navigation-menu__link_1wcv5_312:has([data-active]), ._teddy-navigation-menu__link_1wcv5_312[data-active] {
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] {
2705
2708
  font-weight: var(--teddy-typography-weight-bold);
2706
2709
  }
2707
- ._teddy-navigation-menu__link_1wcv5_312[data-state=open]::after, ._teddy-navigation-menu__link_1wcv5_312:has([data-active])::after, ._teddy-navigation-menu__link_1wcv5_312[data-active]::after {
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 {
2708
2711
  border-color: var(--teddy-color-text-interactive-primary);
2709
2712
  opacity: 1;
2710
2713
  }
2711
- ._teddy-navigation-menu__link_1wcv5_312:focus-visible {
2714
+ ._teddy-navigation-menu__link_o6us2_314:focus-visible {
2712
2715
  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
2713
2716
  }
2714
- ._teddy-navigation-menu__viewport_1wcv5_35 {
2717
+ ._teddy-navigation-menu__viewport_o6us2_35 {
2715
2718
  position: relative;
2716
2719
  background-color: var(--teddy-color-background-primary);
2717
2720
  height: var(--radix-navigation-menu-viewport-height);
2718
2721
  transform-origin: top left;
2719
2722
  overflow: clip;
2720
2723
  }
2721
- @keyframes _scaleIn_1wcv5_1 {
2724
+ @keyframes _scaleIn_o6us2_1 {
2722
2725
  from {
2723
2726
  opacity: 0;
2724
2727
  transform: scale(0.9);
@@ -2730,7 +2733,7 @@
2730
2733
  height: var(--radix-navigation-menu-viewport-height);
2731
2734
  }
2732
2735
  }
2733
- @keyframes _scaleOut_1wcv5_1 {
2736
+ @keyframes _scaleOut_o6us2_1 {
2734
2737
  from {
2735
2738
  opacity: 1;
2736
2739
  transform: scale(1);
@@ -2741,7 +2744,7 @@
2741
2744
  height: 0;
2742
2745
  }
2743
2746
  }
2744
- @keyframes _enterFromRight_1wcv5_1 {
2747
+ @keyframes _enterFromRight_o6us2_1 {
2745
2748
  from {
2746
2749
  opacity: 0;
2747
2750
  transform: translateX(200px);
@@ -2751,7 +2754,7 @@
2751
2754
  transform: translateX(0);
2752
2755
  }
2753
2756
  }
2754
- @keyframes _enterFromLeft_1wcv5_1 {
2757
+ @keyframes _enterFromLeft_o6us2_1 {
2755
2758
  from {
2756
2759
  opacity: 0;
2757
2760
  transform: translateX(-200px);
@@ -2761,7 +2764,7 @@
2761
2764
  transform: translateX(0);
2762
2765
  }
2763
2766
  }
2764
- @keyframes _exitToRight_1wcv5_1 {
2767
+ @keyframes _exitToRight_o6us2_1 {
2765
2768
  from {
2766
2769
  opacity: 1;
2767
2770
  transform: translateX(0);
@@ -2771,7 +2774,7 @@
2771
2774
  transform: translateX(200px);
2772
2775
  }
2773
2776
  }
2774
- @keyframes _exitToLeft_1wcv5_1 {
2777
+ @keyframes _exitToLeft_o6us2_1 {
2775
2778
  from {
2776
2779
  opacity: 1;
2777
2780
  transform: translateX(0);
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=8"
21
21
  },
22
22
  "private": false,
23
- "version": "0.0.50",
23
+ "version": "0.0.51",
24
24
  "sideEffects": [
25
25
  "**/*.css"
26
26
  ],