@telia/teddy 0.1.19 → 0.1.21

package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.cjs

@@ -14,4 +14,5 @@ require("../../icon/icon.cjs");
 require("../../flex/flex.cjs");
 require("../../list/index.cjs");
 require("../../heading/heading.cjs");
+require("../../button/button.cjs");
 exports.Desktop = components_radioCardGroup_radioCardGroupItemTitle.Desktop;

package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.js

@@ -12,6 +12,7 @@ import "../../icon/icon.js";
 import "../../flex/flex.js";
 import "../../list/index.js";
 import "../../heading/heading.js";
+import "../../button/button.js";
 export {
   D as Desktop
 };

package/dist/components/navigation-menu/global-navigation/global-navigation-root.d.ts

@@ -26,6 +26,8 @@ type RootContext = {
     setSelectedDomainItem: (v: string, onlyStateChange?: boolean) => void;
     pathname: string;
     setPathname: (v: string) => void;
+    specifiedLink: string;
+    setSpecifiedLink: (v: string) => void;
 } & Pick<RootProps, 'onSearchSubmit' | 'shoppingCart' | 'shoppingCartNumberOfItems' | 'loggedInUser' | 'appKey' | 'onLogoutClick' | 'linkComponent' | 'isCartOpen' | 'onCartOpenChange' | 'drawerSize'>;
 export declare const RootContext: React.Context<RootContext | null>;
 export declare function Root({ className, appKey, loggedInUser, linkComponent, onLogoutClick, shoppingCart, shoppingCartNumberOfItems, onSearchSubmit, isCartOpen, onCartOpenChange, drawerSize, isSimplified, currentPath, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation-menu/global-navigation/utils.cjs

@@ -113,7 +113,7 @@ const PRIVATE_LINKS = {
     },
     {
       name: "Mobil",
-      link: "/mobil/",
+      link: "",
       appKey: APP_KEYS["open-pages"],
       highlightedLinks: [
         {
@@ -207,7 +207,7 @@ const PRIVATE_LINKS = {
     },
     {
       name: "TV",
-      link: "/tv/",
+      link: "",
       appKey: APP_KEYS["open-pages"],
       highlightedLinks: [
         {
@@ -297,7 +297,7 @@ const PRIVATE_LINKS = {
     },
     {
       name: "Internett",
-      link: "/internett/",
+      link: "",
       appKey: APP_KEYS["open-pages"],
       highlightedLinks: [
         {
@@ -376,7 +376,7 @@ const PRIVATE_LINKS = {
     },
     {
       name: "Trygghet",
-      link: "/trygghet/",
+      link: "",
       appKey: APP_KEYS["open-pages"],
       highlightedLinks: [
         {
@@ -460,7 +460,7 @@ const PRIVATE_LINKS = {
     },
     {
       name: "Hjelp",
-      link: "/hjelp/",
+      link: "",
       appKey: APP_KEYS["open-pages"],
       highlightedLinks: [
         {

package/dist/components/navigation-menu/global-navigation/utils.d.ts

@@ -165,7 +165,7 @@ export declare const PRIVATE_LINKS: {
         readonly highlightedLinks: [];
     }, {
         readonly name: "Mobil";
-        readonly link: "/mobil/";
+        readonly link: "";
         readonly appKey: "open-pages";
         readonly highlightedLinks: [{
             readonly name: "Telia X";
@@ -235,7 +235,7 @@ export declare const PRIVATE_LINKS: {
         }];
     }, {
         readonly name: "TV";
-        readonly link: "/tv/";
+        readonly link: "";
         readonly appKey: "open-pages";
         readonly highlightedLinks: [{
             readonly name: "Valgmenyen i Telia Play";
@@ -297,7 +297,7 @@ export declare const PRIVATE_LINKS: {
         }];
     }, {
         readonly name: "Internett";
-        readonly link: "/internett/";
+        readonly link: "";
         readonly appKey: "open-pages";
         readonly highlightedLinks: [{
             readonly name: "Søk på adresse";
@@ -359,7 +359,7 @@ export declare const PRIVATE_LINKS: {
         }];
     }, {
         readonly name: "Trygghet";
-        readonly link: "/trygghet/";
+        readonly link: "";
         readonly appKey: "open-pages";
         readonly highlightedLinks: [{
             readonly name: "Telia Trygg";
@@ -425,7 +425,7 @@ export declare const PRIVATE_LINKS: {
         }];
     }, {
         readonly name: "Hjelp";
-        readonly link: "/hjelp/";
+        readonly link: "";
         readonly appKey: "open-pages";
         readonly highlightedLinks: [{
             readonly name: "SIM, PIN og PUK";
@@ -610,7 +610,7 @@ export declare const LINKS: [{
         readonly highlightedLinks: [];
     }, {
         readonly name: "Mobil";
-        readonly link: "/mobil/";
+        readonly link: "";
         readonly appKey: "open-pages";
         readonly highlightedLinks: [{
             readonly name: "Telia X";
@@ -680,7 +680,7 @@ export declare const LINKS: [{
         }];
     }, {
         readonly name: "TV";
-        readonly link: "/tv/";
+        readonly link: "";
         readonly appKey: "open-pages";
         readonly highlightedLinks: [{
             readonly name: "Valgmenyen i Telia Play";
@@ -742,7 +742,7 @@ export declare const LINKS: [{
         }];
     }, {
         readonly name: "Internett";
-        readonly link: "/internett/";
+        readonly link: "";
         readonly appKey: "open-pages";
         readonly highlightedLinks: [{
             readonly name: "Søk på adresse";
@@ -804,7 +804,7 @@ export declare const LINKS: [{
         }];
     }, {
         readonly name: "Trygghet";
-        readonly link: "/trygghet/";
+        readonly link: "";
         readonly appKey: "open-pages";
         readonly highlightedLinks: [{
             readonly name: "Telia Trygg";
@@ -870,7 +870,7 @@ export declare const LINKS: [{
         }];
     }, {
         readonly name: "Hjelp";
-        readonly link: "/hjelp/";
+        readonly link: "";
         readonly appKey: "open-pages";
         readonly highlightedLinks: [{
             readonly name: "SIM, PIN og PUK";

package/dist/components/navigation-menu/global-navigation/utils.js

@@ -111,7 +111,7 @@ const PRIVATE_LINKS = {
     },
     {
       name: "Mobil",
-      link: "/mobil/",
+      link: "",
       appKey: APP_KEYS["open-pages"],
       highlightedLinks: [
         {
@@ -205,7 +205,7 @@ const PRIVATE_LINKS = {
     },
     {
       name: "TV",
-      link: "/tv/",
+      link: "",
       appKey: APP_KEYS["open-pages"],
       highlightedLinks: [
         {
@@ -295,7 +295,7 @@ const PRIVATE_LINKS = {
     },
     {
       name: "Internett",
-      link: "/internett/",
+      link: "",
       appKey: APP_KEYS["open-pages"],
       highlightedLinks: [
         {
@@ -374,7 +374,7 @@ const PRIVATE_LINKS = {
     },
     {
       name: "Trygghet",
-      link: "/trygghet/",
+      link: "",
       appKey: APP_KEYS["open-pages"],
       highlightedLinks: [
         {
@@ -458,7 +458,7 @@ const PRIVATE_LINKS = {
     },
     {
       name: "Hjelp",
-      link: "/hjelp/",
+      link: "",
       appKey: APP_KEYS["open-pages"],
       highlightedLinks: [
         {

package/dist/components/radio-card-group/radio-card-group-item-title.cjs

@@ -699,26 +699,27 @@ const NavigationMenu = Object.assign(Root$1, {
   TopMenuTrigger
 });
 const styles = {
-  "teddy-global-navigation": "_teddy-global-navigation_h438t_1",
-  "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_h438t_6",
-  "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_h438t_9",
-  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_h438t_6",
-  "teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_h438t_32",
-  "teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_h438t_37",
-  "teddy-global-navigation__link": "_teddy-global-navigation__link_h438t_41",
-  "teddy-global-navigation__header": "_teddy-global-navigation__header_h438t_51",
-  "teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_h438t_54",
-  "teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_h438t_57",
-  "teddy-global-navigation__list": "_teddy-global-navigation__list_h438t_61",
-  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_h438t_66",
-  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_h438t_69",
-  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_h438t_73",
-  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_h438t_80",
-  "close-viewport": "_close-viewport_h438t_1",
-  "teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_h438t_91",
-  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_h438t_94",
-  "teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-look_h438t_111",
-  "teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-look_h438t_127"
+  "teddy-global-navigation": "_teddy-global-navigation_1i7an_1",
+  "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_1i7an_6",
+  "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_1i7an_9",
+  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1i7an_6",
+  "teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_1i7an_32",
+  "teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_1i7an_37",
+  "teddy-global-navigation__link": "_teddy-global-navigation__link_1i7an_41",
+  "teddy-global-navigation__header": "_teddy-global-navigation__header_1i7an_51",
+  "teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_1i7an_54",
+  "teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_1i7an_57",
+  "teddy-global-navigation__sublink-button--mobile": "_teddy-global-navigation__sublink-button--mobile_1i7an_61",
+  "teddy-global-navigation__list": "_teddy-global-navigation__list_1i7an_67",
+  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1i7an_72",
+  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1i7an_75",
+  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1i7an_79",
+  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1i7an_86",
+  "close-viewport": "_close-viewport_1i7an_1",
+  "teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_1i7an_97",
+  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1i7an_100",
+  "teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-look_1i7an_117",
+  "teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-look_1i7an_133"
 };
 function MyPages(props) {
   var _a, _b;
@@ -879,14 +880,13 @@ const ANIMATION_DURATION = 300;
 const Desktop = React.forwardRef(() => {
   const rootContext = React.useContext(RootContext);
   const [hideMenu, setHideMenu] = React.useState(null);
-  const [specifiedLink, setSpecifiedLink] = React.useState("");
   const lastScrollDirection = React.useRef();
   const scrollStartPos = React.useRef(0);
   const lastScrollPos = React.useRef(0);
   const topMenuRef = React.useRef(null);
   const viewPortRef = React.useRef(null);
   const shouldShowViewport = [...components_navigationMenu_globalNavigation_utils.PRIVATE_LINKS.links, ...components_navigationMenu_globalNavigation_utils.BUSINESS_LINKS.links, ...components_navigationMenu_globalNavigation_utils.MDU_LINKS.links].some(
-    (link) => !!components_navigationMenu_globalNavigation_utils.getActiveSubLink((rootContext == null ? void 0 : rootContext.pathname) || "", link.links) || link.links.length && link.name === specifiedLink || link.links.length && link.link === (rootContext == null ? void 0 : rootContext.pathname)
+    (link) => link.links.length && link.name === (rootContext == null ? void 0 : rootContext.specifiedLink)
   );
   const viewPortSize = utils_useSize.useSize(viewPortRef.current);
   const topMenuSize = utils_useSize.useSize(topMenuRef.current);
@@ -947,7 +947,7 @@ const Desktop = React.forwardRef(() => {
     lastScrollPos.current = window.scrollY;
     setHideMenu(false);
   }
-  const { setSelectedMenuItem, linkComponent: Link2 } = rootContext;
+  const { setSelectedMenuItem, linkComponent: Link2, specifiedLink, setSpecifiedLink } = rootContext;
   const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles[`${rootClassName}__top-menu-color`], children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -999,19 +999,25 @@ const Desktop = React.forwardRef(() => {
                 {
                   asChild: true,
                   active: currentLocation === subLink.link,
-                  onClick: () => setSpecifiedLink(subLink.name),
-                  children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, children: subLink.name })
+                  onClick: () => {
+                    setSpecifiedLink(subLink.name);
+                    setSelectedMenuItem(subLink.name, true);
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { children: subLink.name })
                 }
               ) : /* @__PURE__ */ jsxRuntime.jsx(
                 NavigationMenu.Link,
                 {
                   asChild: true,
                   active: currentLocation === subLink.link,
-                  onClick: () => setSpecifiedLink(subLink.name),
+                  onClick: () => {
+                    setSpecifiedLink(subLink.name);
+                    setSelectedMenuItem(subLink.name);
+                  },
                   children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, children: subLink.name })
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Content, { children: subLink.name === specifiedLink && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Content, { children: !!specifiedLink && subLink.name === specifiedLink && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 ((_b = subLink.links) == null ? void 0 : _b.length) > 0 && /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { direction: "column", pt: "400", pl: "150", children: /* @__PURE__ */ jsxRuntime.jsx(HightlightedLinksDesktop, { listName: subLink.name, subLink, links: subLink.links }) }),
                 ((_c = subLink.highlightedLinks) == null ? void 0 : _c.length) > 0 && /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { direction: "column", pt: "400", pl: "400", pr: "400", pb: "40px", className: styles[`${rootClassName}__colored-box`], children: /* @__PURE__ */ jsxRuntime.jsx(HightlightedLinksDesktop, { listName: "Nyttige snarveier", subLink, links: subLink.highlightedLinks }) })
               ] }) })
@@ -1122,7 +1128,7 @@ function Mobile(props) {
                     return /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.Content, { value: link.name, children: [
                       /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", children: (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
                         (subLink) => subLink.links.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(components_box_box.Box, { onClick: () => setSpecifiedLink(subLink.name), className: linkClasses, children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { asChild: true, variant: "title-300", children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { style: { all: "unset" }, children: subLink.name }) }),
+                          /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { asChild: true, variant: "title-300", children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { className: styles[`${rootClassName}__sublink-button--mobile`], children: subLink.name }) }),
                           /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "chevron-right", size: "md" })
                         ] }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsxs(NavLink, { href: subLink.link, className: linkClasses, children: [
                           /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-300", as: "h2", className: headerClasses, children: subLink.name }),
@@ -1265,6 +1271,7 @@ function Root({
   const [selectedMenuItem, setSelectedMenuItem] = React.useState(getInitialMenuItem(currentPath));
   const [selectedDomainItem, setSelectedDomainItem] = React.useState(getInitialDomain(currentPath));
   const [pathname, setPathname] = React.useState(currentPath || "");
+  const [specifiedLink, setSpecifiedLink] = React.useState("");
   const classes = clsx([styles[`${rootClassName}`]], className);
   return /* @__PURE__ */ jsxRuntime.jsx(
     RootContext.Provider,
@@ -1297,7 +1304,9 @@ function Root({
         onSearchSubmit,
         isCartOpen,
         onCartOpenChange,
-        drawerSize
+        drawerSize,
+        specifiedLink,
+        setSpecifiedLink
       },
       children: /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ...props, className: classes, children: /* @__PURE__ */ jsxRuntime.jsxs(
         NavigationMenu,

package/dist/components/radio-card-group/radio-card-group-item-title.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useEffect } from "react";
 import clsx from "clsx";
-import { MY_PAGE_LINKS, LOGGED_IN_LINKS_BUSINESS, PRIVATE_LINKS, BUSINESS_LINKS, MDU_LINKS, getActiveSubLink, LINKS } from "../navigation-menu/global-navigation/utils.js";
+import { MY_PAGE_LINKS, LOGGED_IN_LINKS_BUSINESS, PRIVATE_LINKS, BUSINESS_LINKS, MDU_LINKS, LINKS, getActiveSubLink } from "../navigation-menu/global-navigation/utils.js";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { useComposedRefs, composeRefs } from "../../utils/composeRefs.js";
 import { VisuallyHidden } from "../visually-hidden/visually-hidden.js";
@@ -678,26 +678,27 @@ const NavigationMenu = Object.assign(Root$1, {
   TopMenuTrigger
 });
 const styles = {
-  "teddy-global-navigation": "_teddy-global-navigation_h438t_1",
-  "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_h438t_6",
-  "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_h438t_9",
-  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_h438t_6",
-  "teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_h438t_32",
-  "teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_h438t_37",
-  "teddy-global-navigation__link": "_teddy-global-navigation__link_h438t_41",
-  "teddy-global-navigation__header": "_teddy-global-navigation__header_h438t_51",
-  "teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_h438t_54",
-  "teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_h438t_57",
-  "teddy-global-navigation__list": "_teddy-global-navigation__list_h438t_61",
-  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_h438t_66",
-  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_h438t_69",
-  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_h438t_73",
-  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_h438t_80",
-  "close-viewport": "_close-viewport_h438t_1",
-  "teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_h438t_91",
-  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_h438t_94",
-  "teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-look_h438t_111",
-  "teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-look_h438t_127"
+  "teddy-global-navigation": "_teddy-global-navigation_1i7an_1",
+  "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_1i7an_6",
+  "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_1i7an_9",
+  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1i7an_6",
+  "teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_1i7an_32",
+  "teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_1i7an_37",
+  "teddy-global-navigation__link": "_teddy-global-navigation__link_1i7an_41",
+  "teddy-global-navigation__header": "_teddy-global-navigation__header_1i7an_51",
+  "teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_1i7an_54",
+  "teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_1i7an_57",
+  "teddy-global-navigation__sublink-button--mobile": "_teddy-global-navigation__sublink-button--mobile_1i7an_61",
+  "teddy-global-navigation__list": "_teddy-global-navigation__list_1i7an_67",
+  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1i7an_72",
+  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1i7an_75",
+  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1i7an_79",
+  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1i7an_86",
+  "close-viewport": "_close-viewport_1i7an_1",
+  "teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_1i7an_97",
+  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1i7an_100",
+  "teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-look_1i7an_117",
+  "teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-look_1i7an_133"
 };
 function MyPages(props) {
   var _a, _b;
@@ -858,14 +859,13 @@ const ANIMATION_DURATION = 300;
 const Desktop = React__default.forwardRef(() => {
   const rootContext = React__default.useContext(RootContext);
   const [hideMenu, setHideMenu] = React__default.useState(null);
-  const [specifiedLink, setSpecifiedLink] = React__default.useState("");
   const lastScrollDirection = React__default.useRef();
   const scrollStartPos = React__default.useRef(0);
   const lastScrollPos = React__default.useRef(0);
   const topMenuRef = React__default.useRef(null);
   const viewPortRef = React__default.useRef(null);
   const shouldShowViewport = [...PRIVATE_LINKS.links, ...BUSINESS_LINKS.links, ...MDU_LINKS.links].some(
-    (link) => !!getActiveSubLink((rootContext == null ? void 0 : rootContext.pathname) || "", link.links) || link.links.length && link.name === specifiedLink || link.links.length && link.link === (rootContext == null ? void 0 : rootContext.pathname)
+    (link) => link.links.length && link.name === (rootContext == null ? void 0 : rootContext.specifiedLink)
   );
   const viewPortSize = useSize(viewPortRef.current);
   const topMenuSize = useSize(topMenuRef.current);
@@ -926,7 +926,7 @@ const Desktop = React__default.forwardRef(() => {
     lastScrollPos.current = window.scrollY;
     setHideMenu(false);
   }
-  const { setSelectedMenuItem, linkComponent: Link2 } = rootContext;
+  const { setSelectedMenuItem, linkComponent: Link2, specifiedLink, setSpecifiedLink } = rootContext;
   const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { className: styles[`${rootClassName}__top-menu-color`], children: /* @__PURE__ */ jsx(
@@ -978,19 +978,25 @@ const Desktop = React__default.forwardRef(() => {
                 {
                   asChild: true,
                   active: currentLocation === subLink.link,
-                  onClick: () => setSpecifiedLink(subLink.name),
-                  children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsx("a", { href: subLink.link, children: subLink.name })
+                  onClick: () => {
+                    setSpecifiedLink(subLink.name);
+                    setSelectedMenuItem(subLink.name, true);
+                  },
+                  children: /* @__PURE__ */ jsx(Button, { children: subLink.name })
                 }
               ) : /* @__PURE__ */ jsx(
                 NavigationMenu.Link,
                 {
                   asChild: true,
                   active: currentLocation === subLink.link,
-                  onClick: () => setSpecifiedLink(subLink.name),
+                  onClick: () => {
+                    setSpecifiedLink(subLink.name);
+                    setSelectedMenuItem(subLink.name);
+                  },
                   children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsx("a", { href: subLink.link, children: subLink.name })
                 }
               ),
-              /* @__PURE__ */ jsx(NavigationMenu.Content, { children: subLink.name === specifiedLink && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(NavigationMenu.Content, { children: !!specifiedLink && subLink.name === specifiedLink && /* @__PURE__ */ jsxs(Fragment, { children: [
                 ((_b = subLink.links) == null ? void 0 : _b.length) > 0 && /* @__PURE__ */ jsx(Flex, { direction: "column", pt: "400", pl: "150", children: /* @__PURE__ */ jsx(HightlightedLinksDesktop, { listName: subLink.name, subLink, links: subLink.links }) }),
                 ((_c = subLink.highlightedLinks) == null ? void 0 : _c.length) > 0 && /* @__PURE__ */ jsx(Flex, { direction: "column", pt: "400", pl: "400", pr: "400", pb: "40px", className: styles[`${rootClassName}__colored-box`], children: /* @__PURE__ */ jsx(HightlightedLinksDesktop, { listName: "Nyttige snarveier", subLink, links: subLink.highlightedLinks }) })
               ] }) })
@@ -1101,7 +1107,7 @@ function Mobile(props) {
                     return /* @__PURE__ */ jsxs(Tabs.Content, { value: link.name, children: [
                       /* @__PURE__ */ jsx(Box, { mt: "400", children: (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
                         (subLink) => subLink.links.length > 0 ? /* @__PURE__ */ jsxs(Box, { onClick: () => setSpecifiedLink(subLink.name), className: linkClasses, children: [
-                          /* @__PURE__ */ jsx(Heading, { asChild: true, variant: "title-300", children: /* @__PURE__ */ jsx(Button, { style: { all: "unset" }, children: subLink.name }) }),
+                          /* @__PURE__ */ jsx(Heading, { asChild: true, variant: "title-300", children: /* @__PURE__ */ jsx(Button, { className: styles[`${rootClassName}__sublink-button--mobile`], children: subLink.name }) }),
                           /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: "md" })
                         ] }) : /* @__PURE__ */ jsx(Fragment, { children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxs(NavLink, { href: subLink.link, className: linkClasses, children: [
                           /* @__PURE__ */ jsx(Heading, { variant: "title-300", as: "h2", className: headerClasses, children: subLink.name }),
@@ -1244,6 +1250,7 @@ function Root({
   const [selectedMenuItem, setSelectedMenuItem] = React__default.useState(getInitialMenuItem(currentPath));
   const [selectedDomainItem, setSelectedDomainItem] = React__default.useState(getInitialDomain(currentPath));
   const [pathname, setPathname] = React__default.useState(currentPath || "");
+  const [specifiedLink, setSpecifiedLink] = React__default.useState("");
   const classes = clsx([styles[`${rootClassName}`]], className);
   return /* @__PURE__ */ jsx(
     RootContext.Provider,
@@ -1276,7 +1283,9 @@ function Root({
         onSearchSubmit,
         isCartOpen,
         onCartOpenChange,
-        drawerSize
+        drawerSize,
+        specifiedLink,
+        setSpecifiedLink
       },
       children: /* @__PURE__ */ jsx(Box, { ...props, className: classes, children: /* @__PURE__ */ jsxs(
         NavigationMenu,

package/dist/style.css

@@ -5177,47 +5177,47 @@
     opacity: 0;
     transform: translateX(-200px);
   }
-}._teddy-global-navigation_h438t_1 {
+}._teddy-global-navigation_1i7an_1 {
   position: sticky;
   inset: 0 0 auto 0;
   z-index: 39;
 }
-._teddy-global-navigation__mobile-trigger_h438t_6 {
+._teddy-global-navigation__mobile-trigger_1i7an_6 {
   border-inline: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__mobile-header_h438t_9[data-state=open] {
+._teddy-global-navigation__mobile-header_1i7an_9[data-state=open] {
   border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__mobile_h438t_6 {
+._teddy-global-navigation__mobile_1i7an_6 {
   padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
 }
 @media screen and (max-width: 335px) {
-  ._teddy-global-navigation__mobile_h438t_6 {
+  ._teddy-global-navigation__mobile_1i7an_6 {
     padding: var(--teddy-spacing-25) 0;
   }
 }
-._teddy-global-navigation__mobile_h438t_6::before {
+._teddy-global-navigation__mobile_1i7an_6::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-global-navigation__mobile_h438t_6::after {
+._teddy-global-navigation__mobile_1i7an_6::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
 @media screen and (max-width: 335px) {
-  ._teddy-global-navigation__top-icon-wrapper_h438t_32 {
+  ._teddy-global-navigation__top-icon-wrapper_1i7an_32 {
     gap: 0;
   }
 }
 @media screen and (max-width: 335px) {
-  ._teddy-global-navigation__top-menu-icons_h438t_37 {
+  ._teddy-global-navigation__top-menu-icons_1i7an_37 {
     gap: 0;
   }
 }
-._teddy-global-navigation__link_h438t_41 {
+._teddy-global-navigation__link_1i7an_41 {
   text-decoration: none;
   display: flex;
   justify-content: space-between;
@@ -5227,67 +5227,73 @@
   font-weight: var(--teddy-typography-weight-bold);
   font-size: var(--teddy-typography-scale-400);
 }
-._teddy-global-navigation__header_h438t_51 {
+._teddy-global-navigation__header_1i7an_51 {
   color: var(--teddy-color-text-interactive-primary);
 }
-._teddy-global-navigation__colored-box_h438t_54 {
+._teddy-global-navigation__colored-box_1i7an_54 {
   background-color: var(--teddy-color-background-secondary);
 }
-._teddy-global-navigation__colored-box--mobile_h438t_57 {
+._teddy-global-navigation__colored-box--mobile_1i7an_57 {
   margin: 0 -1.5rem;
   background-color: var(--teddy-color-background-secondary);
 }
-._teddy-global-navigation__list_h438t_61 {
+._teddy-global-navigation__sublink-button--mobile_1i7an_61 {
+  background-color: transparent;
+  padding: 0;
+  color: var(--teddy-color-text-interactive-primary);
+  border-radius: unset;
+}
+._teddy-global-navigation__list_1i7an_67 {
   column-count: 2;
   max-height: 13rem;
   column-gap: var(--teddy-spacing-300);
 }
-._teddy-global-navigation__viewport_h438t_66._teddy-global-navigation__viewport_h438t_66 {
+._teddy-global-navigation__viewport_1i7an_72._teddy-global-navigation__viewport_1i7an_72 {
   height: var(--teddy-viewport-wrapper-height);
 }
-._teddy-global-navigation__item-wrapper_h438t_69 {
+._teddy-global-navigation__item-wrapper_1i7an_75 {
   position: relative;
   display: flex;
 }
-._teddy-global-navigation__item-count_h438t_73 {
+._teddy-global-navigation__item-count_1i7an_79 {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   transform: translate(calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)), calc(-1 * var(--teddy-spacing-100) + var(--teddy-spacing-10)));
 }
-._teddy-global-navigation__viewport-wrapper_h438t_80 {
+._teddy-global-navigation__viewport-wrapper_1i7an_86 {
   overflow: hidden;
   transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
 }
-._teddy-global-navigation__viewport-wrapper_h438t_80[data-state=open] {
+._teddy-global-navigation__viewport-wrapper_1i7an_86[data-state=open] {
   max-height: var(--teddy-viewport-wrapper-height);
 }
-._teddy-global-navigation__viewport-wrapper_h438t_80[data-state=closed] {
-  animation: _close-viewport_h438t_1 var(--teddy-motion-duration-controlled, 0) ease;
+._teddy-global-navigation__viewport-wrapper_1i7an_86[data-state=closed] {
+  animation: _close-viewport_1i7an_1 var(--teddy-motion-duration-controlled, 0) ease;
   max-height: 0;
 }
-._teddy-global-navigation__top-menu-color_h438t_91 {
+._teddy-global-navigation__top-menu-color_1i7an_97 {
   background-color: var(--teddy-color-background-secondary);
 }
-._teddy-global-navigation__top-menu-wrapper_h438t_94 {
+._teddy-global-navigation__top-menu-wrapper_1i7an_100 {
   overflow: hidden;
   max-width: 84rem;
   transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
   margin: 0 var(--teddy-spacing-600);
 }
 @media (min-width: 1440px) {
-  ._teddy-global-navigation__top-menu-wrapper_h438t_94 {
+  ._teddy-global-navigation__top-menu-wrapper_1i7an_100 {
     margin: 0 auto;
   }
 }
-._teddy-global-navigation__top-menu-wrapper_h438t_94[data-state=open] {
+._teddy-global-navigation__top-menu-wrapper_1i7an_100[data-state=open] {
   max-height: var(--teddy-top-menu-height, 47px);
 }
-._teddy-global-navigation__top-menu-wrapper_h438t_94[data-state=closed] {
+._teddy-global-navigation__top-menu-wrapper_1i7an_100[data-state=closed] {
   max-height: 0;
 }
-._teddy-global-navigation__accordion-look_h438t_111 {
+._teddy-global-navigation__accordion-look_1i7an_117 {
   background-color: var(--teddy-color-background-interactive-transparent);
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
@@ -5297,13 +5303,13 @@
   font-weight: var(--teddy-typography-weight-bold);
   border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__accordion-look_h438t_111:first-child {
+._teddy-global-navigation__accordion-look_1i7an_117:first-child {
   margin-top: 0;
 }
-._teddy-global-navigation__accordion-look_h438t_111:last-child {
+._teddy-global-navigation__accordion-look_1i7an_117:last-child {
   border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__mobile-link--accordion-look_h438t_127 {
+._teddy-global-navigation__mobile-link--accordion-look_1i7an_133 {
   padding: calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)) 0;
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-bold);
@@ -5311,16 +5317,16 @@
   line-height: var(--teddy-typography-line-height-default);
 }
 @media (min-width: 600px) {
-  ._teddy-global-navigation__mobile-link--accordion-look_h438t_127 {
+  ._teddy-global-navigation__mobile-link--accordion-look_1i7an_133 {
     padding: calc(var(--teddy-spacing-250) + var(--teddy-spacing-10)) 0;
   }
 }
 @media (min-width: 1024px) {
-  ._teddy-global-navigation__mobile-link--accordion-look_h438t_127 {
+  ._teddy-global-navigation__mobile-link--accordion-look_1i7an_133 {
     padding: calc(var(--teddy-spacing-300) + var(--teddy-spacing-10)) 0;
   }
 }
-@keyframes _close-viewport_h438t_1 {
+@keyframes _close-viewport_1i7an_1 {
   0% {
     max-height: var(--teddy-viewport-wrapper-height);
   }

package/package.json

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