@telia/teddy 0.1.26 → 0.1.27

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

@@ -681,22 +681,23 @@ const NavigationMenu = Object.assign(Root$1, {
   TopMenuTrigger
 });
 const styles = {
-  "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"
+  "teddy-global-navigation": "_teddy-global-navigation_1587l_1",
+  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1587l_6",
+  "teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_1587l_26",
+  "teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_1587l_31",
+  "teddy-global-navigation__link": "_teddy-global-navigation__link_1587l_35",
+  "teddy-global-navigation__header": "_teddy-global-navigation__header_1587l_48",
+  "teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_1587l_51",
+  "teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_1587l_54",
+  "teddy-global-navigation__sublink-button--mobile": "_teddy-global-navigation__sublink-button--mobile_1587l_58",
+  "teddy-global-navigation__list": "_teddy-global-navigation__list_1587l_64",
+  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1587l_69",
+  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1587l_72",
+  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1587l_76",
+  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1587l_83",
+  "close-viewport": "_close-viewport_1587l_1",
+  "teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_1587l_99",
+  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1587l_102"
 };
 function MyPages(props) {
   var _a, _b;
@@ -862,10 +863,8 @@ const Desktop = React.forwardRef(() => {
   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) => {
-      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));
       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;
+      return link.links.length && link.name === (rootContext == null ? void 0 : rootContext.specifiedLink) && sameParent;
     }
   );
   const topMenuSize = utils_useSize.useSize(topMenuRef.current);
@@ -970,7 +969,7 @@ const Desktop = React.forwardRef(() => {
           { ["--teddy-viewport-wrapper-height"]: viewPortHeight }
         ),
         className: styles[`${rootClassName}__viewport-wrapper`],
-        "data-state": hideMenu === null ? "" : hideMenu ? "closed" : "open",
+        "data-state": hideMenu === null ? "closed" : hideMenu ? "closed" : "open",
         children: /* @__PURE__ */ jsxRuntime.jsx(
           NavigationMenu.Viewport,
           {

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

@@ -660,22 +660,23 @@ const NavigationMenu = Object.assign(Root$1, {
   TopMenuTrigger
 });
 const styles = {
-  "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"
+  "teddy-global-navigation": "_teddy-global-navigation_1587l_1",
+  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1587l_6",
+  "teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_1587l_26",
+  "teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_1587l_31",
+  "teddy-global-navigation__link": "_teddy-global-navigation__link_1587l_35",
+  "teddy-global-navigation__header": "_teddy-global-navigation__header_1587l_48",
+  "teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_1587l_51",
+  "teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_1587l_54",
+  "teddy-global-navigation__sublink-button--mobile": "_teddy-global-navigation__sublink-button--mobile_1587l_58",
+  "teddy-global-navigation__list": "_teddy-global-navigation__list_1587l_64",
+  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1587l_69",
+  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1587l_72",
+  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1587l_76",
+  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1587l_83",
+  "close-viewport": "_close-viewport_1587l_1",
+  "teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_1587l_99",
+  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1587l_102"
 };
 function MyPages(props) {
   var _a, _b;
@@ -841,10 +842,8 @@ const Desktop = React__default.forwardRef(() => {
   const viewPortRef = React__default.useRef(null);
   const shouldShowViewport = [...PRIVATE_LINKS.links, ...BUSINESS_LINKS.links, ...MDU_LINKS.links].some(
     (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));
       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;
+      return link.links.length && link.name === (rootContext == null ? void 0 : rootContext.specifiedLink) && sameParent;
     }
   );
   const topMenuSize = useSize(topMenuRef.current);
@@ -949,7 +948,7 @@ const Desktop = React__default.forwardRef(() => {
           { ["--teddy-viewport-wrapper-height"]: viewPortHeight }
         ),
         className: styles[`${rootClassName}__viewport-wrapper`],
-        "data-state": hideMenu === null ? "" : hideMenu ? "closed" : "open",
+        "data-state": hideMenu === null ? "closed" : hideMenu ? "closed" : "open",
         children: /* @__PURE__ */ jsx(
           NavigationMenu.Viewport,
           {

package/dist/style.css

@@ -5117,41 +5117,41 @@
   height: var(--radix-navigation-menu-viewport-height);
   transform-origin: top left;
   overflow: clip;
-}._teddy-global-navigation_19q4u_1 {
+}._teddy-global-navigation_1587l_1 {
   position: sticky;
   inset: 0 0 auto 0;
   z-index: 39;
 }
-._teddy-global-navigation__mobile_19q4u_6 {
+._teddy-global-navigation__mobile_1587l_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_19q4u_6 {
+  ._teddy-global-navigation__mobile_1587l_6 {
     padding: var(--teddy-spacing-25) 0;
   }
 }
-._teddy-global-navigation__mobile_19q4u_6::before {
+._teddy-global-navigation__mobile_1587l_6::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-global-navigation__mobile_19q4u_6::after {
+._teddy-global-navigation__mobile_1587l_6::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
 @media screen and (max-width: 335px) {
-  ._teddy-global-navigation__top-icon-wrapper_19q4u_26 {
+  ._teddy-global-navigation__top-icon-wrapper_1587l_26 {
     gap: 0;
   }
 }
 @media screen and (max-width: 335px) {
-  ._teddy-global-navigation__top-menu-icons_19q4u_31 {
+  ._teddy-global-navigation__top-menu-icons_1587l_31 {
     gap: 0;
   }
 }
-._teddy-global-navigation__link_19q4u_35 {
+._teddy-global-navigation__link_1587l_35 {
   text-decoration: none;
   display: flex;
   justify-content: space-between;
@@ -5161,45 +5161,45 @@
   font-weight: var(--teddy-typography-weight-bold);
   font-size: var(--teddy-typography-scale-400);
 }
-._teddy-global-navigation__link_19q4u_35:hover {
+._teddy-global-navigation__link_1587l_35:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-global-navigation__header_19q4u_48 {
+._teddy-global-navigation__header_1587l_48 {
   color: var(--teddy-color-text-interactive-primary);
 }
-._teddy-global-navigation__colored-box_19q4u_51 {
+._teddy-global-navigation__colored-box_1587l_51 {
   background-color: var(--teddy-color-background-secondary);
 }
-._teddy-global-navigation__colored-box--mobile_19q4u_54 {
+._teddy-global-navigation__colored-box--mobile_1587l_54 {
   margin: 0 -1.5rem;
   background-color: var(--teddy-color-background-secondary);
 }
-._teddy-global-navigation__sublink-button--mobile_19q4u_58 {
+._teddy-global-navigation__sublink-button--mobile_1587l_58 {
   background-color: transparent;
   padding: 0;
   color: var(--teddy-color-text-interactive-primary);
   border-radius: unset;
 }
-._teddy-global-navigation__list_19q4u_64 {
+._teddy-global-navigation__list_1587l_64 {
   column-count: 2;
   max-height: 13rem;
   column-gap: var(--teddy-spacing-300);
 }
-._teddy-global-navigation__viewport_19q4u_69._teddy-global-navigation__viewport_19q4u_69 {
+._teddy-global-navigation__viewport_1587l_69._teddy-global-navigation__viewport_1587l_69 {
   height: var(--teddy-viewport-wrapper-height);
 }
-._teddy-global-navigation__item-wrapper_19q4u_72 {
+._teddy-global-navigation__item-wrapper_1587l_72 {
   position: relative;
   display: flex;
 }
-._teddy-global-navigation__item-count_19q4u_76 {
+._teddy-global-navigation__item-count_1587l_76 {
   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_19q4u_83 {
+._teddy-global-navigation__viewport-wrapper_1587l_83 {
   position: absolute;
   top: 112px;
   left: 0;
@@ -5208,31 +5208,40 @@
   transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
   box-shadow: var(--teddy-shadow-md);
 }
-._teddy-global-navigation__viewport-wrapper_19q4u_83[data-state=open] {
+._teddy-global-navigation__viewport-wrapper_1587l_83[data-state=open] {
   max-height: var(--teddy-viewport-wrapper-height);
 }
-._teddy-global-navigation__viewport-wrapper_19q4u_83[data-state=closed] {
+._teddy-global-navigation__viewport-wrapper_1587l_83[data-state=closed] {
   max-height: 0;
+  animation: _close-viewport_1587l_1 var(--teddy-motion-duration-controlled, 0) ease;
 }
-._teddy-global-navigation__top-menu-color_19q4u_98 {
+._teddy-global-navigation__top-menu-color_1587l_99 {
   background-color: var(--teddy-color-background-secondary);
 }
-._teddy-global-navigation__top-menu-wrapper_19q4u_101 {
+._teddy-global-navigation__top-menu-wrapper_1587l_102 {
   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_19q4u_101 {
+  ._teddy-global-navigation__top-menu-wrapper_1587l_102 {
     margin: 0 auto;
   }
 }
-._teddy-global-navigation__top-menu-wrapper_19q4u_101[data-state=open] {
+._teddy-global-navigation__top-menu-wrapper_1587l_102[data-state=open] {
   max-height: var(--teddy-top-menu-height, 47px);
 }
-._teddy-global-navigation__top-menu-wrapper_19q4u_101[data-state=closed] {
+._teddy-global-navigation__top-menu-wrapper_1587l_102[data-state=closed] {
   max-height: 0;
+}
+@keyframes _close-viewport_1587l_1 {
+  0% {
+    max-height: var(--teddy-viewport-wrapper-height);
+  }
+  100% {
+    max-height: 0;
+  }
 }._date-picker_1vj0x_1 {
   display: flex;
   flex-direction: column;

package/package.json

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