@telia/teddy 0.1.28 → 0.1.30

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

@@ -29,8 +29,8 @@ type RootContext = {
     setPathname: (v: string) => void;
     specifiedLink?: string;
     setSpecifiedLink: (v: string) => void;
-    hideMenu?: boolean | null;
-    setHideMenu: (v: boolean | null) => void;
+    showMenu?: boolean | null;
+    setShowMenu: (v: boolean) => void;
 } & 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, additionalSearchContent, isCartOpen, onCartOpenChange, drawerSize, isSimplified, currentPath, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;

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

@@ -62,7 +62,7 @@ const BUSINESS_NET_LINKS = {
   icon: "doc"
 };
 const SMART_CONNECT_LINKS = {
-  name: "Smart connect",
+  name: "Smart Connect",
   link: "https://teliasmartconnect.com/",
   appKey: APP_KEYS["open-pages"],
   links: [],

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

@@ -66,7 +66,7 @@ export declare const BUSINESS_NET_LINKS: {
     readonly icon: "doc";
 };
 export declare const SMART_CONNECT_LINKS: {
-    readonly name: "Smart connect";
+    readonly name: "Smart Connect";
     readonly link: "https://teliasmartconnect.com/";
     readonly appKey: "open-pages";
     readonly links: [];
@@ -85,7 +85,7 @@ export declare const LOGGED_IN_LINKS_BUSINESS: [{
     readonly links: [];
     readonly icon: "end-user";
 }, {
-    readonly name: "Smart connect";
+    readonly name: "Smart Connect";
     readonly link: "https://teliasmartconnect.com/";
     readonly appKey: "open-pages";
     readonly links: [];
@@ -135,7 +135,7 @@ export declare const LOGGED_IN_LINKS: [{
     readonly links: [];
     readonly icon: "end-user";
 }, {
-    readonly name: "Smart connect";
+    readonly name: "Smart Connect";
     readonly link: "https://teliasmartconnect.com/";
     readonly appKey: "open-pages";
     readonly links: [];

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

@@ -60,7 +60,7 @@ const BUSINESS_NET_LINKS = {
   icon: "doc"
 };
 const SMART_CONNECT_LINKS = {
-  name: "Smart connect",
+  name: "Smart Connect",
   link: "https://teliasmartconnect.com/",
   appKey: APP_KEYS["open-pages"],
   links: [],

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

@@ -869,7 +869,6 @@ const Desktop = React.forwardRef(() => {
   );
   const topMenuSize = utils_useSize.useSize(topMenuRef.current);
   const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
-  const viewPortHeight = shouldShowViewport ? "293px" : void 0;
   if (!rootContext)
     return null;
   function resetAndShowMenu() {
@@ -877,12 +876,13 @@ const Desktop = React.forwardRef(() => {
     scrollStartPos.current = window.scrollY;
     lastScrollPos.current = window.scrollY;
   }
-  const { hideMenu, selectedMenuItem, setSelectedMenuItem, linkComponent: Link2, specifiedLink, setSpecifiedLink } = rootContext;
+  const { showMenu, selectedMenuItem, setSelectedMenuItem, linkComponent: Link2, specifiedLink, setSpecifiedLink } = rootContext;
   const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
   const handleInteractions = (linkName) => {
     setSpecifiedLink(linkName || "");
     setSelectedMenuItem(linkName || "", true);
   };
+  const viewPortHeight = showMenu && shouldShowViewport ? "293px" : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles[`${rootClassName}__top-menu-color`], children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -969,7 +969,7 @@ const Desktop = React.forwardRef(() => {
           { ["--teddy-viewport-wrapper-height"]: viewPortHeight }
         ),
         className: styles[`${rootClassName}__viewport-wrapper`],
-        "data-state": hideMenu === null ? "closed" : hideMenu ? "closed" : "open",
+        "data-state": showMenu ? "open" : "closed",
         children: /* @__PURE__ */ jsxRuntime.jsx(
           NavigationMenu.Viewport,
           {
@@ -987,7 +987,7 @@ const HightlightedLinksDesktop = ({ links, listName }) => {
   const rootContext = React.useContext(RootContext);
   if (!rootContext)
     return null;
-  const { linkComponent: Link2, setSpecifiedLink, setSelectedMenuItem, setHideMenu } = rootContext;
+  const { linkComponent: Link2, setSpecifiedLink, setSelectedMenuItem, setShowMenu } = 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 }),
@@ -1002,7 +1002,7 @@ const HightlightedLinksDesktop = ({ links, listName }) => {
             rootContext.setPathname(subSubLink.link);
             setSpecifiedLink("");
             setSelectedMenuItem("", true);
-            setHideMenu(true);
+            setShowMenu(false);
           },
           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,
@@ -1198,7 +1198,7 @@ function Root({
   const [selectedDomainItem, setSelectedDomainItem] = React.useState(getInitialDomain(currentPath));
   const [pathname, setPathname] = React.useState(currentPath || "");
   const [specifiedLink, setSpecifiedLink] = React.useState(getInitialMenuItem(currentPath));
-  const [hideMenu, setHideMenu] = React.useState(null);
+  const [showMenu, setShowMenu] = React.useState(false);
   const classes = clsx([styles[`${rootClassName}`]], className);
   React.useEffect(() => {
     setPathname(currentPath || "");
@@ -1238,8 +1238,8 @@ function Root({
         drawerSize,
         specifiedLink,
         setSpecifiedLink,
-        hideMenu,
-        setHideMenu
+        showMenu,
+        setShowMenu
       },
       children: /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ...props, className: classes, children: /* @__PURE__ */ jsxRuntime.jsxs(
         NavigationMenu,
@@ -1252,8 +1252,8 @@ function Root({
               return;
             setSelectedMenuItem(v);
           },
-          onMouseEnter: () => setHideMenu(false),
-          onMouseLeave: () => setHideMenu(true),
+          onMouseEnter: () => setShowMenu(true),
+          onMouseLeave: () => setShowMenu(false),
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs(components_box_box.Box, { display: { sm: "none", lg: "block" }, children: [
               isSimplified && /* @__PURE__ */ jsxRuntime.jsx(DesktopSimplified, {}),

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

@@ -848,7 +848,6 @@ 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 ? "293px" : void 0;
   if (!rootContext)
     return null;
   function resetAndShowMenu() {
@@ -856,12 +855,13 @@ const Desktop = React__default.forwardRef(() => {
     scrollStartPos.current = window.scrollY;
     lastScrollPos.current = window.scrollY;
   }
-  const { hideMenu, selectedMenuItem, setSelectedMenuItem, linkComponent: Link2, specifiedLink, setSpecifiedLink } = rootContext;
+  const { showMenu, selectedMenuItem, setSelectedMenuItem, linkComponent: Link2, specifiedLink, setSpecifiedLink } = rootContext;
   const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
   const handleInteractions = (linkName) => {
     setSpecifiedLink(linkName || "");
     setSelectedMenuItem(linkName || "", true);
   };
+  const viewPortHeight = showMenu && shouldShowViewport ? "293px" : void 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { className: styles[`${rootClassName}__top-menu-color`], children: /* @__PURE__ */ jsx(
       "div",
@@ -948,7 +948,7 @@ const Desktop = React__default.forwardRef(() => {
           { ["--teddy-viewport-wrapper-height"]: viewPortHeight }
         ),
         className: styles[`${rootClassName}__viewport-wrapper`],
-        "data-state": hideMenu === null ? "closed" : hideMenu ? "closed" : "open",
+        "data-state": showMenu ? "open" : "closed",
         children: /* @__PURE__ */ jsx(
           NavigationMenu.Viewport,
           {
@@ -966,7 +966,7 @@ const HightlightedLinksDesktop = ({ links, listName }) => {
   const rootContext = React__default.useContext(RootContext);
   if (!rootContext)
     return null;
-  const { linkComponent: Link2, setSpecifiedLink, setSelectedMenuItem, setHideMenu } = rootContext;
+  const { linkComponent: Link2, setSpecifiedLink, setSelectedMenuItem, setShowMenu } = 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 }),
@@ -981,7 +981,7 @@ const HightlightedLinksDesktop = ({ links, listName }) => {
             rootContext.setPathname(subSubLink.link);
             setSpecifiedLink("");
             setSelectedMenuItem("", true);
-            setHideMenu(true);
+            setShowMenu(false);
           },
           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,
@@ -1177,7 +1177,7 @@ function Root({
   const [selectedDomainItem, setSelectedDomainItem] = React__default.useState(getInitialDomain(currentPath));
   const [pathname, setPathname] = React__default.useState(currentPath || "");
   const [specifiedLink, setSpecifiedLink] = React__default.useState(getInitialMenuItem(currentPath));
-  const [hideMenu, setHideMenu] = React__default.useState(null);
+  const [showMenu, setShowMenu] = React__default.useState(false);
   const classes = clsx([styles[`${rootClassName}`]], className);
   useEffect(() => {
     setPathname(currentPath || "");
@@ -1217,8 +1217,8 @@ function Root({
         drawerSize,
         specifiedLink,
         setSpecifiedLink,
-        hideMenu,
-        setHideMenu
+        showMenu,
+        setShowMenu
       },
       children: /* @__PURE__ */ jsx(Box, { ...props, className: classes, children: /* @__PURE__ */ jsxs(
         NavigationMenu,
@@ -1231,8 +1231,8 @@ function Root({
               return;
             setSelectedMenuItem(v);
           },
-          onMouseEnter: () => setHideMenu(false),
-          onMouseLeave: () => setHideMenu(true),
+          onMouseEnter: () => setShowMenu(true),
+          onMouseLeave: () => setShowMenu(false),
           children: [
             /* @__PURE__ */ jsxs(Box, { display: { sm: "none", lg: "block" }, children: [
               isSimplified && /* @__PURE__ */ jsx(DesktopSimplified, {}),

package/package.json

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