@telia/teddy 0.1.24 → 0.1.25

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.
@@ -117,7 +117,7 @@ const PRIVATE_LINKS = {
117
117
  appKey: APP_KEYS["open-pages"],
118
118
  highlightedLinks: [
119
119
  {
120
- name: "Telia X",
120
+ name: "Kjøp Telia X",
121
121
  link: "/mobil/mobilabonnement/ubegrenset-data/",
122
122
  appKey: APP_KEYS["web-shop"]
123
123
  },
@@ -127,12 +127,12 @@ const PRIVATE_LINKS = {
127
127
  appKey: APP_KEYS["web-shop"]
128
128
  },
129
129
  {
130
- name: "iPhone",
130
+ name: "Kjøp iPhone",
131
131
  link: "/varemerker/apple/iphone/",
132
132
  appKey: APP_KEYS["web-shop"]
133
133
  },
134
134
  {
135
- name: "Airpods",
135
+ name: "Kjøp AirPods",
136
136
  link: "/varemerker/apple/airpods/",
137
137
  appKey: APP_KEYS["web-shop"]
138
138
  },
@@ -183,11 +183,6 @@ const PRIVATE_LINKS = {
183
183
  link: "/mobil/tilbehor/",
184
184
  appKey: APP_KEYS["web-shop"]
185
185
  },
186
- // {
187
- // name: 'Pakketilbud',
188
- // link: '/mobil/mobilabonnement/pakketilbud/',
189
- // appKey: APP_KEYS['web-shop'],
190
- // },
191
186
  {
192
187
  name: "Påfyll kontantkort",
193
188
  link: "/mobil/mobilabonnement/kontantkort/lade/",
@@ -221,7 +216,7 @@ const PRIVATE_LINKS = {
221
216
  appKey: APP_KEYS["open-pages"]
222
217
  },
223
218
  {
224
- name: "Premier League",
219
+ name: "Kjøp Premier League",
225
220
  link: "/tv/innholdsoversikt/premiumtjenester/premier-league-v-premium/",
226
221
  appKey: APP_KEYS["open-pages"]
227
222
  },
@@ -250,7 +245,6 @@ const PRIVATE_LINKS = {
250
245
  {
251
246
  name: "Se Telia Play",
252
247
  link: "https://www.teliaplay.no",
253
- // icon: 'external',
254
248
  appKey: APP_KEYS["open-pages"]
255
249
  },
256
250
  {
@@ -263,21 +257,11 @@ const PRIVATE_LINKS = {
263
257
  link: "/tv/innholdsoversikt/strommetjenester/",
264
258
  appKey: APP_KEYS["open-pages"]
265
259
  },
266
- // {
267
- // name: 'TV-kanaler',
268
- // link: '/tv/tv-kanaler-og-kanalpakker/',
269
- // appKey: APP_KEYS['open-pages'],
270
- // },
271
260
  {
272
261
  name: "Premiumtjenester",
273
262
  link: "/tv/innholdsoversikt/premiumtjenester/",
274
263
  appKey: APP_KEYS["open-pages"]
275
264
  },
276
- // {
277
- // name: 'Filmer',
278
- // link: '/tv/filmleie-og-filmkjop/',
279
- // appKey: APP_KEYS['open-pages'],
280
- // },
281
265
  {
282
266
  name: "TV-bokser",
283
267
  link: "/tv/tv-bokser/",
@@ -306,7 +290,7 @@ const PRIVATE_LINKS = {
306
290
  appKey: APP_KEYS["open-pages"]
307
291
  },
308
292
  {
309
- name: "Bredbånd hytta",
293
+ name: "Kjøp bredbånd til hytta",
310
294
  link: "/internett/tradlost-bredband-hytte/",
311
295
  appKey: APP_KEYS["open-pages"]
312
296
  },
@@ -168,7 +168,7 @@ export declare const PRIVATE_LINKS: {
168
168
  readonly link: "";
169
169
  readonly appKey: "open-pages";
170
170
  readonly highlightedLinks: [{
171
- readonly name: "Telia X";
171
+ readonly name: "Kjøp Telia X";
172
172
  readonly link: "/mobil/mobilabonnement/ubegrenset-data/";
173
173
  readonly appKey: "web-shop";
174
174
  }, {
@@ -176,11 +176,11 @@ export declare const PRIVATE_LINKS: {
176
176
  readonly link: "/mobil/mobilabonnement/pakketilbud/";
177
177
  readonly appKey: "web-shop";
178
178
  }, {
179
- readonly name: "iPhone";
179
+ readonly name: "Kjøp iPhone";
180
180
  readonly link: "/varemerker/apple/iphone/";
181
181
  readonly appKey: "web-shop";
182
182
  }, {
183
- readonly name: "Airpods";
183
+ readonly name: "Kjøp AirPods";
184
184
  readonly link: "/varemerker/apple/airpods/";
185
185
  readonly appKey: "web-shop";
186
186
  }, {
@@ -246,7 +246,7 @@ export declare const PRIVATE_LINKS: {
246
246
  readonly link: "/tv/innholdsoversikt/strommetjenester/#registrere";
247
247
  readonly appKey: "open-pages";
248
248
  }, {
249
- readonly name: "Premier League";
249
+ readonly name: "Kjøp Premier League";
250
250
  readonly link: "/tv/innholdsoversikt/premiumtjenester/premier-league-v-premium/";
251
251
  readonly appKey: "open-pages";
252
252
  }, {
@@ -304,7 +304,7 @@ export declare const PRIVATE_LINKS: {
304
304
  readonly link: "/internett/sok-adresse/";
305
305
  readonly appKey: "open-pages";
306
306
  }, {
307
- readonly name: "Bredbånd hytta";
307
+ readonly name: "Kjøp bredbånd til hytta";
308
308
  readonly link: "/internett/tradlost-bredband-hytte/";
309
309
  readonly appKey: "open-pages";
310
310
  }, {
@@ -613,7 +613,7 @@ export declare const LINKS: [{
613
613
  readonly link: "";
614
614
  readonly appKey: "open-pages";
615
615
  readonly highlightedLinks: [{
616
- readonly name: "Telia X";
616
+ readonly name: "Kjøp Telia X";
617
617
  readonly link: "/mobil/mobilabonnement/ubegrenset-data/";
618
618
  readonly appKey: "web-shop";
619
619
  }, {
@@ -621,11 +621,11 @@ export declare const LINKS: [{
621
621
  readonly link: "/mobil/mobilabonnement/pakketilbud/";
622
622
  readonly appKey: "web-shop";
623
623
  }, {
624
- readonly name: "iPhone";
624
+ readonly name: "Kjøp iPhone";
625
625
  readonly link: "/varemerker/apple/iphone/";
626
626
  readonly appKey: "web-shop";
627
627
  }, {
628
- readonly name: "Airpods";
628
+ readonly name: "Kjøp AirPods";
629
629
  readonly link: "/varemerker/apple/airpods/";
630
630
  readonly appKey: "web-shop";
631
631
  }, {
@@ -691,7 +691,7 @@ export declare const LINKS: [{
691
691
  readonly link: "/tv/innholdsoversikt/strommetjenester/#registrere";
692
692
  readonly appKey: "open-pages";
693
693
  }, {
694
- readonly name: "Premier League";
694
+ readonly name: "Kjøp Premier League";
695
695
  readonly link: "/tv/innholdsoversikt/premiumtjenester/premier-league-v-premium/";
696
696
  readonly appKey: "open-pages";
697
697
  }, {
@@ -749,7 +749,7 @@ export declare const LINKS: [{
749
749
  readonly link: "/internett/sok-adresse/";
750
750
  readonly appKey: "open-pages";
751
751
  }, {
752
- readonly name: "Bredbånd hytta";
752
+ readonly name: "Kjøp bredbånd til hytta";
753
753
  readonly link: "/internett/tradlost-bredband-hytte/";
754
754
  readonly appKey: "open-pages";
755
755
  }, {
@@ -115,7 +115,7 @@ const PRIVATE_LINKS = {
115
115
  appKey: APP_KEYS["open-pages"],
116
116
  highlightedLinks: [
117
117
  {
118
- name: "Telia X",
118
+ name: "Kjøp Telia X",
119
119
  link: "/mobil/mobilabonnement/ubegrenset-data/",
120
120
  appKey: APP_KEYS["web-shop"]
121
121
  },
@@ -125,12 +125,12 @@ const PRIVATE_LINKS = {
125
125
  appKey: APP_KEYS["web-shop"]
126
126
  },
127
127
  {
128
- name: "iPhone",
128
+ name: "Kjøp iPhone",
129
129
  link: "/varemerker/apple/iphone/",
130
130
  appKey: APP_KEYS["web-shop"]
131
131
  },
132
132
  {
133
- name: "Airpods",
133
+ name: "Kjøp AirPods",
134
134
  link: "/varemerker/apple/airpods/",
135
135
  appKey: APP_KEYS["web-shop"]
136
136
  },
@@ -181,11 +181,6 @@ const PRIVATE_LINKS = {
181
181
  link: "/mobil/tilbehor/",
182
182
  appKey: APP_KEYS["web-shop"]
183
183
  },
184
- // {
185
- // name: 'Pakketilbud',
186
- // link: '/mobil/mobilabonnement/pakketilbud/',
187
- // appKey: APP_KEYS['web-shop'],
188
- // },
189
184
  {
190
185
  name: "Påfyll kontantkort",
191
186
  link: "/mobil/mobilabonnement/kontantkort/lade/",
@@ -219,7 +214,7 @@ const PRIVATE_LINKS = {
219
214
  appKey: APP_KEYS["open-pages"]
220
215
  },
221
216
  {
222
- name: "Premier League",
217
+ name: "Kjøp Premier League",
223
218
  link: "/tv/innholdsoversikt/premiumtjenester/premier-league-v-premium/",
224
219
  appKey: APP_KEYS["open-pages"]
225
220
  },
@@ -248,7 +243,6 @@ const PRIVATE_LINKS = {
248
243
  {
249
244
  name: "Se Telia Play",
250
245
  link: "https://www.teliaplay.no",
251
- // icon: 'external',
252
246
  appKey: APP_KEYS["open-pages"]
253
247
  },
254
248
  {
@@ -261,21 +255,11 @@ const PRIVATE_LINKS = {
261
255
  link: "/tv/innholdsoversikt/strommetjenester/",
262
256
  appKey: APP_KEYS["open-pages"]
263
257
  },
264
- // {
265
- // name: 'TV-kanaler',
266
- // link: '/tv/tv-kanaler-og-kanalpakker/',
267
- // appKey: APP_KEYS['open-pages'],
268
- // },
269
258
  {
270
259
  name: "Premiumtjenester",
271
260
  link: "/tv/innholdsoversikt/premiumtjenester/",
272
261
  appKey: APP_KEYS["open-pages"]
273
262
  },
274
- // {
275
- // name: 'Filmer',
276
- // link: '/tv/filmleie-og-filmkjop/',
277
- // appKey: APP_KEYS['open-pages'],
278
- // },
279
263
  {
280
264
  name: "TV-bokser",
281
265
  link: "/tv/tv-bokser/",
@@ -304,7 +288,7 @@ const PRIVATE_LINKS = {
304
288
  appKey: APP_KEYS["open-pages"]
305
289
  },
306
290
  {
307
- name: "Bredbånd hytta",
291
+ name: "Kjøp bredbånd til hytta",
308
292
  link: "/internett/tradlost-bredband-hytte/",
309
293
  appKey: APP_KEYS["open-pages"]
310
294
  },
@@ -281,34 +281,22 @@ const Close = React.forwardRef(
281
281
  );
282
282
  Close.displayName = "Dialog.Close";
283
283
  const Modal = Object.assign(Root$2, { Trigger: Trigger$1, Content: Content$1, Title, Overlay, Description, Close, Image, Group });
284
- const scaleIn = "_scaleIn_19565_1";
285
- const scaleOut = "_scaleOut_19565_1";
286
- const enterFromRight = "_enterFromRight_19565_1";
287
- const enterFromLeft = "_enterFromLeft_19565_1";
288
- const exitToRight = "_exitToRight_19565_1";
289
- const exitToLeft = "_exitToLeft_19565_1";
290
284
  const styles$1 = {
291
- "teddy-navigation-menu": "_teddy-navigation-menu_19565_1",
292
- "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_19565_34",
293
- "teddy-navigation-menu__separator": "_teddy-navigation-menu__separator_19565_37",
294
- "teddy-navigation-menu__list": "_teddy-navigation-menu__list_19565_40",
295
- "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_19565_66",
296
- "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_19565_87",
297
- "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_19565_106",
298
- "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_19565_112",
299
- "teddy-navigation-menu__content": "_teddy-navigation-menu__content_19565_187",
300
- "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_19565_228",
301
- "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_19565_248",
302
- "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_19565_254",
303
- "teddy-navigation-menu__link": "_teddy-navigation-menu__link_19565_322",
304
- "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_19565_342",
305
- "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_19565_348",
306
- scaleIn,
307
- scaleOut,
308
- enterFromRight,
309
- enterFromLeft,
310
- exitToRight,
311
- exitToLeft
285
+ "teddy-navigation-menu": "_teddy-navigation-menu_6p30v_1",
286
+ "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_6p30v_34",
287
+ "teddy-navigation-menu__separator": "_teddy-navigation-menu__separator_6p30v_37",
288
+ "teddy-navigation-menu__list": "_teddy-navigation-menu__list_6p30v_40",
289
+ "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_6p30v_66",
290
+ "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_6p30v_87",
291
+ "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_6p30v_106",
292
+ "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_6p30v_112",
293
+ "teddy-navigation-menu__content": "_teddy-navigation-menu__content_6p30v_187",
294
+ "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_6p30v_219",
295
+ "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_6p30v_239",
296
+ "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_6p30v_245",
297
+ "teddy-navigation-menu__link": "_teddy-navigation-menu__link_6p30v_313",
298
+ "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_6p30v_333",
299
+ "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_6p30v_339"
312
300
  };
313
301
  const rootClassName$1 = "teddy-navigation-menu";
314
302
  const NavigationMenuContext = React.createContext({
@@ -554,9 +542,6 @@ const Trigger = React.forwardRef(
554
542
  return /* @__PURE__ */ jsxRuntime.jsx(
555
543
  NavigationMenuPrimitive__namespace.Trigger,
556
544
  {
557
- onPointerEnter: (e) => e.preventDefault(),
558
- onPointerMove: (e) => e.preventDefault(),
559
- onPointerLeave: (e) => e.preventDefault(),
560
545
  ...props,
561
546
  ref,
562
547
  "data-active": active ? "true" : void 0,
@@ -577,8 +562,6 @@ const Content = React.forwardRef(
577
562
  return /* @__PURE__ */ jsxRuntime.jsx(
578
563
  NavigationMenuPrimitive__namespace.Content,
579
564
  {
580
- onPointerEnter: (e) => e.preventDefault(),
581
- onPointerLeave: (e) => e.preventDefault(),
582
565
  ...props,
583
566
  ref: forwardRef,
584
567
  className: classes
@@ -698,27 +681,22 @@ const NavigationMenu = Object.assign(Root$1, {
698
681
  TopMenuTrigger
699
682
  });
700
683
  const styles = {
701
- "teddy-global-navigation": "_teddy-global-navigation_1kpy3_1",
702
- "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_1kpy3_6",
703
- "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_1kpy3_9",
704
- "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1kpy3_6",
705
- "teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_1kpy3_32",
706
- "teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_1kpy3_37",
707
- "teddy-global-navigation__link": "_teddy-global-navigation__link_1kpy3_41",
708
- "teddy-global-navigation__header": "_teddy-global-navigation__header_1kpy3_51",
709
- "teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_1kpy3_54",
710
- "teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_1kpy3_57",
711
- "teddy-global-navigation__sublink-button--mobile": "_teddy-global-navigation__sublink-button--mobile_1kpy3_61",
712
- "teddy-global-navigation__list": "_teddy-global-navigation__list_1kpy3_67",
713
- "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1kpy3_72",
714
- "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1kpy3_75",
715
- "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1kpy3_79",
716
- "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1kpy3_86",
717
- "close-viewport": "_close-viewport_1kpy3_1",
718
- "teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_1kpy3_102",
719
- "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1kpy3_105",
720
- "teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-look_1kpy3_122",
721
- "teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-look_1kpy3_138"
684
+ "teddy-global-navigation": "_teddy-global-navigation_19q4u_1",
685
+ "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_19q4u_6",
686
+ "teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_19q4u_26",
687
+ "teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_19q4u_31",
688
+ "teddy-global-navigation__link": "_teddy-global-navigation__link_19q4u_35",
689
+ "teddy-global-navigation__header": "_teddy-global-navigation__header_19q4u_48",
690
+ "teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_19q4u_51",
691
+ "teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_19q4u_54",
692
+ "teddy-global-navigation__sublink-button--mobile": "_teddy-global-navigation__sublink-button--mobile_19q4u_58",
693
+ "teddy-global-navigation__list": "_teddy-global-navigation__list_19q4u_64",
694
+ "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_19q4u_69",
695
+ "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_19q4u_72",
696
+ "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_19q4u_76",
697
+ "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_19q4u_83",
698
+ "teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_19q4u_98",
699
+ "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_19q4u_101"
722
700
  };
723
701
  function MyPages(props) {
724
702
  var _a, _b;
@@ -892,7 +870,7 @@ const Desktop = React.forwardRef(() => {
892
870
  );
893
871
  const topMenuSize = utils_useSize.useSize(topMenuRef.current);
894
872
  const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
895
- const viewPortHeight = shouldShowViewport ? "288px" : void 0;
873
+ const viewPortHeight = shouldShowViewport ? "293px" : void 0;
896
874
  if (!rootContext)
897
875
  return null;
898
876
  function resetAndShowMenu() {
@@ -902,6 +880,10 @@ const Desktop = React.forwardRef(() => {
902
880
  }
903
881
  const { hideMenu, selectedMenuItem, setSelectedMenuItem, linkComponent: Link2, specifiedLink, setSpecifiedLink } = rootContext;
904
882
  const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
883
+ const handleInteractions = (linkName) => {
884
+ setSpecifiedLink(linkName || "");
885
+ setSelectedMenuItem(linkName || "", true);
886
+ };
905
887
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
906
888
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles[`${rootClassName}__top-menu-color`], children: /* @__PURE__ */ jsxRuntime.jsx(
907
889
  "div",
@@ -931,13 +913,7 @@ const Desktop = React.forwardRef(() => {
931
913
  (subLink) => {
932
914
  var _a2, _b, _c;
933
915
  return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu.Item, { value: subLink.name, children: [
934
- 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: () => {
935
- setSelectedMenuItem("", true);
936
- setSpecifiedLink("");
937
- }, onClick: () => {
938
- setSelectedMenuItem("", true);
939
- setSpecifiedLink("");
940
- }, children: /* @__PURE__ */ jsxRuntime.jsx(
916
+ 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(
941
917
  "img",
942
918
  {
943
919
  src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
@@ -948,14 +924,8 @@ const Desktop = React.forwardRef(() => {
948
924
  "a",
949
925
  {
950
926
  href: subLink.link,
951
- onMouseEnter: () => {
952
- setSelectedMenuItem("", true);
953
- setSpecifiedLink("");
954
- },
955
- onClick: () => {
956
- setSelectedMenuItem("", true);
957
- setSpecifiedLink("");
958
- },
927
+ onMouseEnter: () => handleInteractions(),
928
+ onClick: () => handleInteractions(),
959
929
  children: /* @__PURE__ */ jsxRuntime.jsx(
960
930
  "img",
961
931
  {
@@ -970,23 +940,14 @@ const Desktop = React.forwardRef(() => {
970
940
  {
971
941
  asChild: true,
972
942
  active: currentLocation === subLink.link,
973
- children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { onMouseEnter: () => {
974
- setSpecifiedLink(subLink.name);
975
- setSelectedMenuItem(subLink.name, true);
976
- }, children: subLink.name })
943
+ children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { onMouseEnter: () => handleInteractions(subLink.name), onClick: () => handleInteractions(subLink.name), children: subLink.name })
977
944
  }
978
945
  ) : /* @__PURE__ */ jsxRuntime.jsx(
979
946
  NavigationMenu.Link,
980
947
  {
981
948
  asChild: true,
982
949
  active: selectedMenuItem === subLink.name && currentLocation === subLink.link,
983
- children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { onMouseEnter: () => {
984
- setSpecifiedLink(subLink.name);
985
- setSelectedMenuItem(subLink.name, true);
986
- }, href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { onMouseEnter: () => {
987
- setSpecifiedLink(subLink.name);
988
- setSelectedMenuItem(subLink.name, true);
989
- }, href: subLink.link, children: subLink.name })
950
+ 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 })
990
951
  }
991
952
  ),
992
953
  /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Content, { children: !!specifiedLink && subLink.name === specifiedLink && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -1027,7 +988,7 @@ const HightlightedLinksDesktop = ({ links, listName }) => {
1027
988
  const rootContext = React.useContext(RootContext);
1028
989
  if (!rootContext)
1029
990
  return null;
1030
- const { linkComponent: Link2 } = rootContext;
991
+ const { linkComponent: Link2, setSpecifiedLink, setSelectedMenuItem } = rootContext;
1031
992
  const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
1032
993
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1033
994
  /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { pl: "100", pb: "100", variant: "title-200", as: "h2", children: listName }),
@@ -1040,6 +1001,8 @@ const HightlightedLinksDesktop = ({ links, listName }) => {
1040
1001
  active: components_navigationMenu_globalNavigation_utils.getActiveSubLink(currentLocation, links || []) === subSubLink.link,
1041
1002
  onClick: () => {
1042
1003
  rootContext.setPathname(subSubLink.link);
1004
+ setSpecifiedLink("");
1005
+ setSelectedMenuItem("", true);
1043
1006
  },
1044
1007
  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: [
1045
1008
  subSubLink.name,
@@ -1078,7 +1041,6 @@ function Mobile(props) {
1078
1041
  /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { ref: drawerRef, slot: "floating", "aria-label": "Lukk" }),
1079
1042
  !specifiedLink ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1080
1043
  /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Meny" }),
1081
- /* @__PURE__ */ jsxRuntime.jsx(SearchField, {}),
1082
1044
  /* @__PURE__ */ jsxRuntime.jsxs(
1083
1045
  components_tabs_index.Tabs,
1084
1046
  {