@telia/teddy 0.1.24 → 0.1.26

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

@@ -260,34 +260,22 @@ const Close = React__default.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_19565_1";
-const scaleOut = "_scaleOut_19565_1";
-const enterFromRight = "_enterFromRight_19565_1";
-const enterFromLeft = "_enterFromLeft_19565_1";
-const exitToRight = "_exitToRight_19565_1";
-const exitToLeft = "_exitToLeft_19565_1";
 const styles$1 = {
-  "teddy-navigation-menu": "_teddy-navigation-menu_19565_1",
-  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_19565_34",
-  "teddy-navigation-menu__separator": "_teddy-navigation-menu__separator_19565_37",
-  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_19565_40",
-  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_19565_66",
-  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_19565_87",
-  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_19565_106",
-  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_19565_112",
-  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_19565_187",
-  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_19565_228",
-  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_19565_248",
-  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_19565_254",
-  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_19565_322",
-  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_19565_342",
-  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_19565_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__default.createContext({
@@ -533,9 +521,6 @@ const Trigger = React__default.forwardRef(
     return /* @__PURE__ */ jsx(
       NavigationMenuPrimitive.Trigger,
       {
-        onPointerEnter: (e) => e.preventDefault(),
-        onPointerMove: (e) => e.preventDefault(),
-        onPointerLeave: (e) => e.preventDefault(),
         ...props,
         ref,
         "data-active": active ? "true" : void 0,
@@ -556,8 +541,6 @@ const Content = React__default.forwardRef(
     return /* @__PURE__ */ jsx(
       NavigationMenuPrimitive.Content,
       {
-        onPointerEnter: (e) => e.preventDefault(),
-        onPointerLeave: (e) => e.preventDefault(),
         ...props,
         ref: forwardRef,
         className: classes
@@ -677,27 +660,22 @@ const NavigationMenu = Object.assign(Root$1, {
   TopMenuTrigger
 });
 const styles = {
-  "teddy-global-navigation": "_teddy-global-navigation_1kpy3_1",
-  "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_1kpy3_6",
-  "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_1kpy3_9",
-  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1kpy3_6",
-  "teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_1kpy3_32",
-  "teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_1kpy3_37",
-  "teddy-global-navigation__link": "_teddy-global-navigation__link_1kpy3_41",
-  "teddy-global-navigation__header": "_teddy-global-navigation__header_1kpy3_51",
-  "teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_1kpy3_54",
-  "teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_1kpy3_57",
-  "teddy-global-navigation__sublink-button--mobile": "_teddy-global-navigation__sublink-button--mobile_1kpy3_61",
-  "teddy-global-navigation__list": "_teddy-global-navigation__list_1kpy3_67",
-  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1kpy3_72",
-  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1kpy3_75",
-  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1kpy3_79",
-  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1kpy3_86",
-  "close-viewport": "_close-viewport_1kpy3_1",
-  "teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_1kpy3_102",
-  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1kpy3_105",
-  "teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-look_1kpy3_122",
-  "teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-look_1kpy3_138"
+  "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;
@@ -871,7 +849,7 @@ const Desktop = React__default.forwardRef(() => {
   );
   const topMenuSize = useSize(topMenuRef.current);
   const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
-  const viewPortHeight = shouldShowViewport ? "288px" : void 0;
+  const viewPortHeight = shouldShowViewport ? "293px" : void 0;
   if (!rootContext)
     return null;
   function resetAndShowMenu() {
@@ -881,6 +859,10 @@ const Desktop = React__default.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__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { className: styles[`${rootClassName}__top-menu-color`], children: /* @__PURE__ */ jsx(
       "div",
@@ -910,13 +892,7 @@ const Desktop = React__default.forwardRef(() => {
           (subLink) => {
             var _a2, _b, _c;
             return /* @__PURE__ */ jsxs(NavigationMenu.Item, { value: subLink.name, children: [
-              subLink.name === "Logo" ? /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subLink.link, onMouseEnter: () => {
-                setSelectedMenuItem("", true);
-                setSpecifiedLink("");
-              }, onClick: () => {
-                setSelectedMenuItem("", true);
-                setSpecifiedLink("");
-              }, children: /* @__PURE__ */ jsx(
+              subLink.name === "Logo" ? /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subLink.link, onMouseEnter: () => handleInteractions(), onClick: () => handleInteractions(), children: /* @__PURE__ */ jsx(
                 "img",
                 {
                   src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
@@ -927,14 +903,8 @@ const Desktop = React__default.forwardRef(() => {
                 "a",
                 {
                   href: subLink.link,
-                  onMouseEnter: () => {
-                    setSelectedMenuItem("", true);
-                    setSpecifiedLink("");
-                  },
-                  onClick: () => {
-                    setSelectedMenuItem("", true);
-                    setSpecifiedLink("");
-                  },
+                  onMouseEnter: () => handleInteractions(),
+                  onClick: () => handleInteractions(),
                   children: /* @__PURE__ */ jsx(
                     "img",
                     {
@@ -949,23 +919,14 @@ const Desktop = React__default.forwardRef(() => {
                 {
                   asChild: true,
                   active: currentLocation === subLink.link,
-                  children: /* @__PURE__ */ jsx(Button, { onMouseEnter: () => {
-                    setSpecifiedLink(subLink.name);
-                    setSelectedMenuItem(subLink.name, true);
-                  }, children: subLink.name })
+                  children: /* @__PURE__ */ jsx(Button, { onMouseEnter: () => handleInteractions(subLink.name), onClick: () => handleInteractions(subLink.name), children: subLink.name })
                 }
               ) : /* @__PURE__ */ jsx(
                 NavigationMenu.Link,
                 {
                   asChild: true,
                   active: selectedMenuItem === subLink.name && currentLocation === subLink.link,
-                  children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { onMouseEnter: () => {
-                    setSpecifiedLink(subLink.name);
-                    setSelectedMenuItem(subLink.name, true);
-                  }, href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsx("a", { onMouseEnter: () => {
-                    setSpecifiedLink(subLink.name);
-                    setSelectedMenuItem(subLink.name, true);
-                  }, href: subLink.link, children: subLink.name })
+                  children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { onMouseEnter: () => handleInteractions(subLink.name), onClick: () => handleInteractions(subLink.name), href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsx("a", { onMouseEnter: () => handleInteractions(subLink.name), onClick: () => handleInteractions(subLink.name), href: subLink.link, children: subLink.name })
                 }
               ),
               /* @__PURE__ */ jsx(NavigationMenu.Content, { children: !!specifiedLink && subLink.name === specifiedLink && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1006,7 +967,7 @@ const HightlightedLinksDesktop = ({ links, listName }) => {
   const rootContext = React__default.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__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Heading, { pl: "100", pb: "100", variant: "title-200", as: "h2", children: listName }),
@@ -1019,6 +980,8 @@ const HightlightedLinksDesktop = ({ links, listName }) => {
           active: getActiveSubLink(currentLocation, links || []) === subSubLink.link,
           onClick: () => {
             rootContext.setPathname(subSubLink.link);
+            setSpecifiedLink("");
+            setSelectedMenuItem("", true);
           },
           children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "100", align: "center", children: [
             subSubLink.name,
@@ -1057,7 +1020,6 @@ function Mobile(props) {
           /* @__PURE__ */ jsx(Drawer.Close, { ref: drawerRef, slot: "floating", "aria-label": "Lukk" }),
           !specifiedLink ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Drawer.Title, { children: "Meny" }),
-            /* @__PURE__ */ jsx(SearchField, {}),
             /* @__PURE__ */ jsxs(
               Tabs,
               {

package/dist/components/tabs/tabs-root.cjs

@@ -24,11 +24,11 @@ function _interopNamespaceDefault(e) {
 }
 const TabsPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(TabsPrimitive);
 const styles = {
-  "teddy-tabs__list": "_teddy-tabs__list_1jnm3_1",
-  "teddy-tabs--full-width": "_teddy-tabs--full-width_1jnm3_28",
-  "teddy-tabs__content": "_teddy-tabs__content_1jnm3_31",
-  "teddy-tabs__trigger": "_teddy-tabs__trigger_1jnm3_35",
-  "teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_1jnm3_50"
+  "teddy-tabs__list": "_teddy-tabs__list_e9ndq_1",
+  "teddy-tabs--full-width": "_teddy-tabs--full-width_e9ndq_28",
+  "teddy-tabs__content": "_teddy-tabs__content_e9ndq_31",
+  "teddy-tabs__trigger": "_teddy-tabs__trigger_e9ndq_35",
+  "teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_e9ndq_56"
 };
 const rootClassName = "teddy-tabs";
 const RootContext = React.createContext(void 0);

package/dist/components/tabs/tabs-root.js

@@ -5,11 +5,11 @@ import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
 import { composeEventHandlers } from "../../utils/composeEventHandlers.js";
 const styles = {
-  "teddy-tabs__list": "_teddy-tabs__list_1jnm3_1",
-  "teddy-tabs--full-width": "_teddy-tabs--full-width_1jnm3_28",
-  "teddy-tabs__content": "_teddy-tabs__content_1jnm3_31",
-  "teddy-tabs__trigger": "_teddy-tabs__trigger_1jnm3_35",
-  "teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_1jnm3_50"
+  "teddy-tabs__list": "_teddy-tabs__list_e9ndq_1",
+  "teddy-tabs--full-width": "_teddy-tabs--full-width_e9ndq_28",
+  "teddy-tabs__content": "_teddy-tabs__content_e9ndq_31",
+  "teddy-tabs__trigger": "_teddy-tabs__trigger_e9ndq_35",
+  "teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_e9ndq_56"
 };
 const rootClassName = "teddy-tabs";
 const RootContext = React__default.createContext(void 0);