@telia/teddy 0.1.23 → 0.1.25

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

@@ -7,8 +7,6 @@ require("./utils.cjs");
 require("../../box/box.cjs");
 require("../../../utils/useSize.cjs");
 require("../../../utils/generate-styling/index.cjs");
-require("../../../utils/useCallbackRef.cjs");
-require("../../../tokens/motion/variables.cjs");
 require("../../../assets/sprite.269ba410-teddy.svg");
 require("../../icon/icon.cjs");
 require("../../flex/flex.cjs");

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

@@ -5,8 +5,6 @@ import "./utils.js";
 import "../../box/box.js";
 import "../../../utils/useSize.js";
 import "../../../utils/generate-styling/index.js";
-import "../../../utils/useCallbackRef.js";
-import "../../../tokens/motion/variables.js";
 import "../../../assets/sprite.269ba410-teddy.svg";
 import "../../icon/icon.js";
 import "../../flex/flex.js";

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

@@ -13,6 +13,7 @@ export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
     shoppingCart?: React.ReactNode;
     shoppingCartNumberOfItems?: number;
     onSearchSubmit?: (e: React.FormEvent<HTMLFormElement>, value?: string) => void;
+    additionalSearchContent?: React.ReactNode;
     isCartOpen?: boolean;
     onCartOpenChange?: (open: boolean) => void;
     drawerSize: 'md' | 'lg';
@@ -29,9 +30,9 @@ type RootContext = {
     specifiedLink?: string;
     setSpecifiedLink: (v: string) => void;
     hideMenu?: boolean | null;
-} & Pick<RootProps, 'onSearchSubmit' | 'shoppingCart' | 'shoppingCartNumberOfItems' | 'loggedInUser' | 'appKey' | 'onLogoutClick' | 'linkComponent' | 'isCartOpen' | 'onCartOpenChange' | 'drawerSize'>;
+} & Pick<RootProps, 'onSearchSubmit' | 'additionalSearchContent' | '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;
+export declare function Root({ className, appKey, loggedInUser, linkComponent, onLogoutClick, shoppingCart, shoppingCartNumberOfItems, onSearchSubmit, additionalSearchContent, isCartOpen, onCartOpenChange, drawerSize, isSimplified, currentPath, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Root {
     var displayName: string;
 }

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

@@ -117,7 +117,7 @@ const PRIVATE_LINKS = {
       appKey: APP_KEYS["open-pages"],
       highlightedLinks: [
         {
-          name: "Telia X",
+          name: "Kjøp Telia X",
           link: "/mobil/mobilabonnement/ubegrenset-data/",
           appKey: APP_KEYS["web-shop"]
         },
@@ -127,12 +127,12 @@ const PRIVATE_LINKS = {
           appKey: APP_KEYS["web-shop"]
         },
         {
-          name: "iPhone",
+          name: "Kjøp iPhone",
           link: "/varemerker/apple/iphone/",
           appKey: APP_KEYS["web-shop"]
         },
         {
-          name: "Airpods",
+          name: "Kjøp AirPods",
           link: "/varemerker/apple/airpods/",
           appKey: APP_KEYS["web-shop"]
         },
@@ -183,11 +183,6 @@ const PRIVATE_LINKS = {
           link: "/mobil/tilbehor/",
           appKey: APP_KEYS["web-shop"]
         },
-        // {
-        //   name: 'Pakketilbud',
-        //   link: '/mobil/mobilabonnement/pakketilbud/',
-        //   appKey: APP_KEYS['web-shop'],
-        // },
         {
           name: "Påfyll kontantkort",
           link: "/mobil/mobilabonnement/kontantkort/lade/",
@@ -221,7 +216,7 @@ const PRIVATE_LINKS = {
           appKey: APP_KEYS["open-pages"]
         },
         {
-          name: "Premier League",
+          name: "Kjøp Premier League",
           link: "/tv/innholdsoversikt/premiumtjenester/premier-league-v-premium/",
           appKey: APP_KEYS["open-pages"]
         },
@@ -250,7 +245,6 @@ const PRIVATE_LINKS = {
         {
           name: "Se Telia Play",
           link: "https://www.teliaplay.no",
-          // icon: 'external',
           appKey: APP_KEYS["open-pages"]
         },
         {
@@ -263,21 +257,11 @@ const PRIVATE_LINKS = {
           link: "/tv/innholdsoversikt/strommetjenester/",
           appKey: APP_KEYS["open-pages"]
         },
-        // {
-        //   name: 'TV-kanaler',
-        //   link: '/tv/tv-kanaler-og-kanalpakker/',
-        //   appKey: APP_KEYS['open-pages'],
-        // },
         {
           name: "Premiumtjenester",
           link: "/tv/innholdsoversikt/premiumtjenester/",
           appKey: APP_KEYS["open-pages"]
         },
-        // {
-        //   name: 'Filmer',
-        //   link: '/tv/filmleie-og-filmkjop/',
-        //   appKey: APP_KEYS['open-pages'],
-        // },
         {
           name: "TV-bokser",
           link: "/tv/tv-bokser/",
@@ -306,7 +290,7 @@ const PRIVATE_LINKS = {
           appKey: APP_KEYS["open-pages"]
         },
         {
-          name: "Bredbånd på hytta",
+          name: "Kjøp bredbånd til hytta",
           link: "/internett/tradlost-bredband-hytte/",
           appKey: APP_KEYS["open-pages"]
         },

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

@@ -168,7 +168,7 @@ export declare const PRIVATE_LINKS: {
         readonly link: "";
         readonly appKey: "open-pages";
         readonly highlightedLinks: [{
-            readonly name: "Telia X";
+            readonly name: "Kjøp Telia X";
             readonly link: "/mobil/mobilabonnement/ubegrenset-data/";
             readonly appKey: "web-shop";
         }, {
@@ -176,11 +176,11 @@ export declare const PRIVATE_LINKS: {
             readonly link: "/mobil/mobilabonnement/pakketilbud/";
             readonly appKey: "web-shop";
         }, {
-            readonly name: "iPhone";
+            readonly name: "Kjøp iPhone";
             readonly link: "/varemerker/apple/iphone/";
             readonly appKey: "web-shop";
         }, {
-            readonly name: "Airpods";
+            readonly name: "Kjøp AirPods";
             readonly link: "/varemerker/apple/airpods/";
             readonly appKey: "web-shop";
         }, {
@@ -246,7 +246,7 @@ export declare const PRIVATE_LINKS: {
             readonly link: "/tv/innholdsoversikt/strommetjenester/#registrere";
             readonly appKey: "open-pages";
         }, {
-            readonly name: "Premier League";
+            readonly name: "Kjøp Premier League";
             readonly link: "/tv/innholdsoversikt/premiumtjenester/premier-league-v-premium/";
             readonly appKey: "open-pages";
         }, {
@@ -304,7 +304,7 @@ export declare const PRIVATE_LINKS: {
             readonly link: "/internett/sok-adresse/";
             readonly appKey: "open-pages";
         }, {
-            readonly name: "Bredbånd på hytta";
+            readonly name: "Kjøp bredbånd til hytta";
             readonly link: "/internett/tradlost-bredband-hytte/";
             readonly appKey: "open-pages";
         }, {
@@ -613,7 +613,7 @@ export declare const LINKS: [{
         readonly link: "";
         readonly appKey: "open-pages";
         readonly highlightedLinks: [{
-            readonly name: "Telia X";
+            readonly name: "Kjøp Telia X";
             readonly link: "/mobil/mobilabonnement/ubegrenset-data/";
             readonly appKey: "web-shop";
         }, {
@@ -621,11 +621,11 @@ export declare const LINKS: [{
             readonly link: "/mobil/mobilabonnement/pakketilbud/";
             readonly appKey: "web-shop";
         }, {
-            readonly name: "iPhone";
+            readonly name: "Kjøp iPhone";
             readonly link: "/varemerker/apple/iphone/";
             readonly appKey: "web-shop";
         }, {
-            readonly name: "Airpods";
+            readonly name: "Kjøp AirPods";
             readonly link: "/varemerker/apple/airpods/";
             readonly appKey: "web-shop";
         }, {
@@ -691,7 +691,7 @@ export declare const LINKS: [{
             readonly link: "/tv/innholdsoversikt/strommetjenester/#registrere";
             readonly appKey: "open-pages";
         }, {
-            readonly name: "Premier League";
+            readonly name: "Kjøp Premier League";
             readonly link: "/tv/innholdsoversikt/premiumtjenester/premier-league-v-premium/";
             readonly appKey: "open-pages";
         }, {
@@ -749,7 +749,7 @@ export declare const LINKS: [{
             readonly link: "/internett/sok-adresse/";
             readonly appKey: "open-pages";
         }, {
-            readonly name: "Bredbånd på hytta";
+            readonly name: "Kjøp bredbånd til hytta";
             readonly link: "/internett/tradlost-bredband-hytte/";
             readonly appKey: "open-pages";
         }, {

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

@@ -115,7 +115,7 @@ const PRIVATE_LINKS = {
       appKey: APP_KEYS["open-pages"],
       highlightedLinks: [
         {
-          name: "Telia X",
+          name: "Kjøp Telia X",
           link: "/mobil/mobilabonnement/ubegrenset-data/",
           appKey: APP_KEYS["web-shop"]
         },
@@ -125,12 +125,12 @@ const PRIVATE_LINKS = {
           appKey: APP_KEYS["web-shop"]
         },
         {
-          name: "iPhone",
+          name: "Kjøp iPhone",
           link: "/varemerker/apple/iphone/",
           appKey: APP_KEYS["web-shop"]
         },
         {
-          name: "Airpods",
+          name: "Kjøp AirPods",
           link: "/varemerker/apple/airpods/",
           appKey: APP_KEYS["web-shop"]
         },
@@ -181,11 +181,6 @@ const PRIVATE_LINKS = {
           link: "/mobil/tilbehor/",
           appKey: APP_KEYS["web-shop"]
         },
-        // {
-        //   name: 'Pakketilbud',
-        //   link: '/mobil/mobilabonnement/pakketilbud/',
-        //   appKey: APP_KEYS['web-shop'],
-        // },
         {
           name: "Påfyll kontantkort",
           link: "/mobil/mobilabonnement/kontantkort/lade/",
@@ -219,7 +214,7 @@ const PRIVATE_LINKS = {
           appKey: APP_KEYS["open-pages"]
         },
         {
-          name: "Premier League",
+          name: "Kjøp Premier League",
           link: "/tv/innholdsoversikt/premiumtjenester/premier-league-v-premium/",
           appKey: APP_KEYS["open-pages"]
         },
@@ -248,7 +243,6 @@ const PRIVATE_LINKS = {
         {
           name: "Se Telia Play",
           link: "https://www.teliaplay.no",
-          // icon: 'external',
           appKey: APP_KEYS["open-pages"]
         },
         {
@@ -261,21 +255,11 @@ const PRIVATE_LINKS = {
           link: "/tv/innholdsoversikt/strommetjenester/",
           appKey: APP_KEYS["open-pages"]
         },
-        // {
-        //   name: 'TV-kanaler',
-        //   link: '/tv/tv-kanaler-og-kanalpakker/',
-        //   appKey: APP_KEYS['open-pages'],
-        // },
         {
           name: "Premiumtjenester",
           link: "/tv/innholdsoversikt/premiumtjenester/",
           appKey: APP_KEYS["open-pages"]
         },
-        // {
-        //   name: 'Filmer',
-        //   link: '/tv/filmleie-og-filmkjop/',
-        //   appKey: APP_KEYS['open-pages'],
-        // },
         {
           name: "TV-bokser",
           link: "/tv/tv-bokser/",
@@ -304,7 +288,7 @@ const PRIVATE_LINKS = {
           appKey: APP_KEYS["open-pages"]
         },
         {
-          name: "Bredbånd på hytta",
+          name: "Kjøp bredbånd til hytta",
           link: "/internett/tradlost-bredband-hytte/",
           appKey: APP_KEYS["open-pages"]
         },

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

@@ -65,7 +65,6 @@ const components_radioCardGroup_radioCardGroupIndicator = require("./radio-card-
 const components_radioCardGroup_radioCardGroupItemBody = require("./radio-card-group-item-body.cjs");
 const RadioGroupPrimitive = require("@radix-ui/react-radio-group");
 const utils_useSize = require("../../utils/useSize.cjs");
-const utils_useCallbackRef = require("../../utils/useCallbackRef.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -282,34 +281,22 @@ const Close = React.forwardRef(
 );
 Close.displayName = "Dialog.Close";
 const Modal = Object.assign(Root$2, { Trigger: Trigger$1, Content: Content$1, Title, Overlay, Description, Close, Image, Group });
-const scaleIn = "_scaleIn_gpawj_1";
-const scaleOut = "_scaleOut_gpawj_1";
-const enterFromRight = "_enterFromRight_gpawj_1";
-const enterFromLeft = "_enterFromLeft_gpawj_1";
-const exitToRight = "_exitToRight_gpawj_1";
-const exitToLeft = "_exitToLeft_gpawj_1";
 const styles$1 = {
-  "teddy-navigation-menu": "_teddy-navigation-menu_gpawj_1",
-  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_gpawj_34",
-  "teddy-navigation-menu__separator": "_teddy-navigation-menu__separator_gpawj_37",
-  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_gpawj_40",
-  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_gpawj_66",
-  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_gpawj_87",
-  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_gpawj_106",
-  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_gpawj_112",
-  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_gpawj_187",
-  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_gpawj_228",
-  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_gpawj_248",
-  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_gpawj_254",
-  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_gpawj_322",
-  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_gpawj_342",
-  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_gpawj_348",
-  scaleIn,
-  scaleOut,
-  enterFromRight,
-  enterFromLeft,
-  exitToRight,
-  exitToLeft
+  "teddy-navigation-menu": "_teddy-navigation-menu_6p30v_1",
+  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_6p30v_34",
+  "teddy-navigation-menu__separator": "_teddy-navigation-menu__separator_6p30v_37",
+  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_6p30v_40",
+  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_6p30v_66",
+  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_6p30v_87",
+  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_6p30v_106",
+  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_6p30v_112",
+  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_6p30v_187",
+  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_6p30v_219",
+  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_6p30v_239",
+  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_6p30v_245",
+  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_6p30v_313",
+  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_6p30v_333",
+  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_6p30v_339"
 };
 const rootClassName$1 = "teddy-navigation-menu";
 const NavigationMenuContext = React.createContext({
@@ -555,9 +542,6 @@ const Trigger = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       NavigationMenuPrimitive__namespace.Trigger,
       {
-        onPointerEnter: (e) => e.preventDefault(),
-        onPointerMove: (e) => e.preventDefault(),
-        onPointerLeave: (e) => e.preventDefault(),
         ...props,
         ref,
         "data-active": active ? "true" : void 0,
@@ -578,8 +562,6 @@ const Content = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       NavigationMenuPrimitive__namespace.Content,
       {
-        onPointerEnter: (e) => e.preventDefault(),
-        onPointerLeave: (e) => e.preventDefault(),
         ...props,
         ref: forwardRef,
         className: classes
@@ -699,27 +681,22 @@ const NavigationMenu = Object.assign(Root$1, {
   TopMenuTrigger
 });
 const styles = {
-  "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"
+  "teddy-global-navigation": "_teddy-global-navigation_19q4u_1",
+  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_19q4u_6",
+  "teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_19q4u_26",
+  "teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_19q4u_31",
+  "teddy-global-navigation__link": "_teddy-global-navigation__link_19q4u_35",
+  "teddy-global-navigation__header": "_teddy-global-navigation__header_19q4u_48",
+  "teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_19q4u_51",
+  "teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_19q4u_54",
+  "teddy-global-navigation__sublink-button--mobile": "_teddy-global-navigation__sublink-button--mobile_19q4u_58",
+  "teddy-global-navigation__list": "_teddy-global-navigation__list_19q4u_64",
+  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_19q4u_69",
+  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_19q4u_72",
+  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_19q4u_76",
+  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_19q4u_83",
+  "teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_19q4u_98",
+  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_19q4u_101"
 };
 function MyPages(props) {
   var _a, _b;
@@ -821,6 +798,7 @@ const SearchField = React.forwardRef(
 SearchField.displayName = "SearchField";
 function Search(props) {
   const rootContext = React.useContext(RootContext);
+  const additionalSearchContent = rootContext == null ? void 0 : rootContext.additionalSearchContent;
   const searchFieldRef = React.useRef(null);
   return /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer, { ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxs("button", { children: [
@@ -840,6 +818,7 @@ function Search(props) {
           /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "floating", "aria-label": "Lukk" }),
           /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Hva leter du etter?" }),
           /* @__PURE__ */ jsxRuntime.jsx(SearchField, { ref: searchFieldRef }),
+          additionalSearchContent ? additionalSearchContent : null,
           /* @__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" }) }) })
         ]
       }
@@ -885,38 +864,13 @@ const Desktop = React.forwardRef(() => {
     (link) => {
       const highlightedLinkSelected = [...link.highlightedLinks].some((highlightedLink) => highlightedLink.link === (rootContext == null ? void 0 : rootContext.pathname));
       const linkSelected = [...link.links].some((subLink) => subLink.link === (rootContext == null ? void 0 : rootContext.pathname));
-      return linkSelected || highlightedLinkSelected || link.links.length && link.name === (rootContext == null ? void 0 : rootContext.specifiedLink);
+      const sameParent = link.link.split("/")[1] === (rootContext == null ? void 0 : rootContext.pathname.split("/")[1]) || !link.link && (rootContext == null ? void 0 : rootContext.pathname) === "/";
+      return linkSelected || highlightedLinkSelected || link.links.length && link.name === (rootContext == null ? void 0 : rootContext.specifiedLink) && sameParent;
     }
   );
   const topMenuSize = utils_useSize.useSize(topMenuRef.current);
   const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
-  const viewPortHeight = shouldShowViewport ? "288px" : void 0;
-  const [allowAnimationOfHeight, setAllowAnimationOfHeight] = React.useState(false);
-  const timerRef = React.useRef(void 0);
-  React.useEffect(() => {
-    timerRef.current = setTimeout(() => {
-      setAllowAnimationOfHeight(true);
-    }, 500);
-    return () => {
-      timerRef.current && clearTimeout(timerRef.current);
-    };
-  }, []);
-  const handleScroll = () => {
-    const scrollY = window.scrollY;
-    const scrollDirection = scrollY > lastScrollPos.current ? "down" : "up";
-    if (scrollDirection !== lastScrollDirection.current) {
-      scrollStartPos.current = scrollY;
-    }
-    lastScrollDirection.current = scrollDirection;
-    lastScrollPos.current = scrollY;
-  };
-  const throttledScrollHandler = useDebounceCallback(handleScroll, 5);
-  React.useEffect(() => {
-    window.addEventListener("scroll", throttledScrollHandler);
-    return () => {
-      window.removeEventListener("scroll", throttledScrollHandler);
-    };
-  }, [throttledScrollHandler]);
+  const viewPortHeight = shouldShowViewport ? "293px" : void 0;
   if (!rootContext)
     return null;
   function resetAndShowMenu() {
@@ -926,13 +880,16 @@ const Desktop = React.forwardRef(() => {
   }
   const { hideMenu, selectedMenuItem, setSelectedMenuItem, linkComponent: Link2, specifiedLink, setSpecifiedLink } = rootContext;
   const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
+  const handleInteractions = (linkName) => {
+    setSpecifiedLink(linkName || "");
+    setSelectedMenuItem(linkName || "", true);
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles[`${rootClassName}__top-menu-color`], children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         style: utils_generateStyling_index.mergeStyles(
-          { ["--teddy-top-menu-height"]: topMenuHeight },
-          allowAnimationOfHeight ? { ["--teddy-motion-duration-controlled"]: tokens_motion_variables.teddyMotionDuration300 } : {}
+          { ["--teddy-top-menu-height"]: topMenuHeight }
         ),
         className: styles[`${rootClassName}__top-menu-wrapper`],
         children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.TopMenuList, { onFocus: resetAndShowMenu, ref: topMenuRef, children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.TopMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -956,52 +913,46 @@ const Desktop = React.forwardRef(() => {
           (subLink) => {
             var _a2, _b, _c;
             return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu.Item, { value: subLink.name, children: [
-              subLink.name === "Logo" ? /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: subLink.link, onClick: () => {
-                setSelectedMenuItem("", true);
-                setSpecifiedLink("");
-              }, children: /* @__PURE__ */ jsxRuntime.jsx(
+              subLink.name === "Logo" ? /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: subLink.link, onMouseEnter: () => handleInteractions(), onClick: () => handleInteractions(), children: /* @__PURE__ */ jsxRuntime.jsx(
                 "img",
                 {
                   src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
                   draggable: "false",
                   alt: "Telia logo"
                 }
-              ) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, onClick: () => {
-                setSelectedMenuItem("", true);
-                setSpecifiedLink("");
-              }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                "img",
+              ) }) : /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
                 {
-                  src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
-                  draggable: "false",
-                  alt: "Telia logo"
+                  href: subLink.link,
+                  onMouseEnter: () => handleInteractions(),
+                  onClick: () => handleInteractions(),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
+                      draggable: "false",
+                      alt: "Telia logo"
+                    }
+                  )
                 }
-              ) }) }) : ((_a2 = subLink.links) == null ? void 0 : _a2.length) ? /* @__PURE__ */ jsxRuntime.jsx(
+              ) }) : ((_a2 = subLink.links) == null ? void 0 : _a2.length) ? /* @__PURE__ */ jsxRuntime.jsx(
                 NavigationMenu.Trigger,
                 {
                   asChild: true,
                   active: currentLocation === subLink.link,
-                  onClick: () => {
-                    setSpecifiedLink(subLink.name);
-                    setSelectedMenuItem(subLink.name, true);
-                  },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { children: subLink.name })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { onMouseEnter: () => handleInteractions(subLink.name), onClick: () => handleInteractions(subLink.name), children: subLink.name })
                 }
               ) : /* @__PURE__ */ jsxRuntime.jsx(
                 NavigationMenu.Link,
                 {
                   asChild: true,
                   active: selectedMenuItem === subLink.name && currentLocation === subLink.link,
-                  onClick: () => {
-                    setSpecifiedLink(subLink.name);
-                    setSelectedMenuItem(subLink.name, true);
-                  },
-                  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 })
+                  children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { onMouseEnter: () => handleInteractions(subLink.name), onClick: () => handleInteractions(subLink.name), href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { onMouseEnter: () => handleInteractions(subLink.name), onClick: () => handleInteractions(subLink.name), href: subLink.link, children: subLink.name })
                 }
               ),
               /* @__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, 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", links: subLink.highlightedLinks }) })
+                ((_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: "250", className: styles[`${rootClassName}__colored-box`], children: /* @__PURE__ */ jsxRuntime.jsx(HightlightedLinksDesktop, { listName: "Nyttige snarveier", links: subLink.highlightedLinks }) })
               ] }) })
             ] }, subLink.name);
           }
@@ -1012,13 +963,11 @@ const Desktop = React.forwardRef(() => {
         /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(MyPages, {}) })
       ] }, link.name);
     }),
-    /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Separator, {}),
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         style: utils_generateStyling_index.mergeStyles(
-          { ["--teddy-viewport-wrapper-height"]: viewPortHeight },
-          allowAnimationOfHeight ? { ["--teddy-motion-duration-controlled"]: tokens_motion_variables.teddyMotionDuration300 } : {}
+          { ["--teddy-viewport-wrapper-height"]: viewPortHeight }
         ),
         className: styles[`${rootClassName}__viewport-wrapper`],
         "data-state": hideMenu === null ? "" : hideMenu ? "closed" : "open",
@@ -1035,20 +984,11 @@ const Desktop = React.forwardRef(() => {
   ] });
 });
 Desktop.displayName = "Desktop";
-function useDebounceCallback(callback, delay) {
-  const handleCallback = utils_useCallbackRef.useCallbackRef(callback);
-  const debounceTimerRef = React.useRef(0);
-  React.useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);
-  return React.useCallback(() => {
-    window.clearTimeout(debounceTimerRef.current);
-    debounceTimerRef.current = window.setTimeout(handleCallback, delay);
-  }, [handleCallback, delay]);
-}
 const HightlightedLinksDesktop = ({ links, listName }) => {
   const rootContext = React.useContext(RootContext);
   if (!rootContext)
     return null;
-  const { linkComponent: Link2 } = rootContext;
+  const { linkComponent: Link2, setSpecifiedLink, setSelectedMenuItem } = rootContext;
   const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { pl: "100", pb: "100", variant: "title-200", as: "h2", children: listName }),
@@ -1061,6 +1001,8 @@ const HightlightedLinksDesktop = ({ links, listName }) => {
           active: components_navigationMenu_globalNavigation_utils.getActiveSubLink(currentLocation, links || []) === subSubLink.link,
           onClick: () => {
             rootContext.setPathname(subSubLink.link);
+            setSpecifiedLink("");
+            setSelectedMenuItem("", true);
           },
           children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "100", align: "center", children: [
             subSubLink.name,
@@ -1099,7 +1041,6 @@ function Mobile(props) {
           /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { ref: drawerRef, slot: "floating", "aria-label": "Lukk" }),
           !specifiedLink ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Meny" }),
-            /* @__PURE__ */ jsxRuntime.jsx(SearchField, {}),
             /* @__PURE__ */ jsxRuntime.jsxs(
               components_tabs_index.Tabs,
               {
@@ -1245,6 +1186,7 @@ function Root({
   shoppingCart,
   shoppingCartNumberOfItems,
   onSearchSubmit,
+  additionalSearchContent,
   isCartOpen,
   onCartOpenChange,
   drawerSize = "md",
@@ -1290,6 +1232,7 @@ function Root({
         shoppingCart,
         shoppingCartNumberOfItems,
         onSearchSubmit,
+        additionalSearchContent,
         isCartOpen,
         onCartOpenChange,
         drawerSize,