@telia/teddy 0.7.68 → 0.7.70

package/dist/components/checkbox-card-group/checkbox-card-group-content.cjs

@@ -67,4 +67,4 @@ require("../container/container.cjs");
 require("../carousel/carousel-root.cjs");
 require("../slider/slider.cjs");
 require("../textarea/index.cjs");
-exports.Content = components_checkboxCardGroup_checkboxCardGroupIndicator.Content$1;
+exports.Content = components_checkboxCardGroup_checkboxCardGroupIndicator.Content$2;

package/dist/components/checkbox-card-group/checkbox-card-group-content.js

@@ -20,7 +20,7 @@ import "../collapsible/index.js";
 import "../meter-bar/index.js";
 import "../skeleton/index.js";
 import "../checkbox/index.js";
-import { a } from "./checkbox-card-group-indicator.js";
+import { q } from "./checkbox-card-group-indicator.js";
 import "../toast/toast-root.js";
 import "sonner";
 import "../toggletip/index.js";
@@ -66,5 +66,5 @@ import "../carousel/carousel-root.js";
 import "../slider/slider.js";
 import "../textarea/index.js";
 export {
-  a as Content
+  q as Content
 };

package/dist/components/checkbox-card-group/checkbox-card-group-indicator.cjs

@@ -1,17 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
 const clsx = require("clsx");
-const components_navigationMenu_globalNavigation_utils = require("../navigation-menu/global-navigation/utils.cjs");
-const NavigationMenuPrimitive = require("@radix-ui/react-navigation-menu");
-const utils_composeRefs = require("../../utils/composeRefs.cjs");
-const components_visuallyHidden_visuallyHidden = require("../visually-hidden/visually-hidden.cjs");
-const utils_composeEventHandlers = require("../../utils/composeEventHandlers.cjs");
-const reactSlot = require("@radix-ui/react-slot");
-const reactUseControllableState = require("@radix-ui/react-use-controllable-state");
-const utils_generateStyling_index = require("../../utils/generate-styling/index.cjs");
-const tokens_motion_variables = require("../../tokens/motion/variables.cjs");
+const React = require("react");
+const components_checkboxCardGroup_checkboxCardGroupRoot = require("./checkbox-card-group-root.cjs");
 require("../step-by-step/index.cjs");
 require("../top-row-buttons/top-row-buttons.cjs");
 require("../dashed-button/dashed-button-root.cjs");
@@ -30,8 +22,8 @@ require("../collapsible/index.cjs");
 require("../meter-bar/index.cjs");
 require("../skeleton/index.cjs");
 const components_checkbox_index = require("../checkbox/index.cjs");
-const components_checkboxCardGroup_checkboxCardGroupRoot = require("./checkbox-card-group-root.cjs");
 const components_checkboxCardGroup_checkboxCardGroupLabel = require("./checkbox-card-group-label.cjs");
+const reactSlot = require("@radix-ui/react-slot");
 require("../toast/toast-root.cjs");
 require("sonner");
 require("../toggletip/index.cjs");
@@ -66,22 +58,31 @@ const components_box_box = require("../box/box.cjs");
 const components_flex_flex = require("../flex/flex.cjs");
 require("../card/index.cjs");
 const components_grid_grid = require("../grid/grid.cjs");
-require("../toggle/toggle.cjs");
-require("../accordion/index.cjs");
-require("../link/link.cjs");
+const NavigationMenuPrimitive = require("@radix-ui/react-navigation-menu");
+const utils_composeRefs = require("../../utils/composeRefs.cjs");
+const components_visuallyHidden_visuallyHidden = require("../visually-hidden/visually-hidden.cjs");
+const utils_composeEventHandlers = require("../../utils/composeEventHandlers.cjs");
+const reactUseControllableState = require("@radix-ui/react-use-controllable-state");
+const utils_generateStyling_index = require("../../utils/generate-styling/index.cjs");
+const tokens_motion_variables = require("../../tokens/motion/variables.cjs");
+const components_navigationMenu_globalNavigation_utils = require("../navigation-menu/global-navigation/utils.cjs");
+const components_button_button = require("../button/button.cjs");
+const components_heading_heading = require("../heading/heading.cjs");
+const components_textSpacing_textSpacing = require("../text-spacing/text-spacing.cjs");
+const components_textField_index = require("../text-field/index.cjs");
 require("../badge/badge.cjs");
 require("../badge/alert-badge.cjs");
 const components_badge_counterBadge = require("../badge/counter-badge.cjs");
-const components_button_button = require("../button/button.cjs");
+const utils_useSize = require("../../utils/useSize.cjs");
+require("../toggle/toggle.cjs");
+require("../accordion/index.cjs");
+require("../link/link.cjs");
 require("../field-error-text/field-error-text.cjs");
 require("../helper-text/helper-text.cjs");
 require("../input/index.cjs");
 require("../label/label.cjs");
 require("../spinner/spinner.cjs");
 const components_text_text = require("../text/text.cjs");
-const components_textField_index = require("../text-field/index.cjs");
-const components_heading_heading = require("../heading/heading.cjs");
-const components_textSpacing_textSpacing = require("../text-spacing/text-spacing.cjs");
 require("../container/container.cjs");
 require("../carousel/carousel-root.cjs");
 require("../slider/slider.cjs");
@@ -92,7 +93,6 @@ const components_radioCardGroup_radioCardGroupIndicator = require("../radio-card
 const components_radioCardGroup_radioCardGroupItemBody = require("../radio-card-group/radio-card-group-item-body.cjs");
 const RadioGroupPrimitive = require("@radix-ui/react-radio-group");
 const components_checkboxCardGroup_checkboxCardGroupItemBody = require("./checkbox-card-group-item-body.cjs");
-const utils_useSize = require("../../utils/useSize.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -109,8 +109,8 @@ function _interopNamespaceDefault(e) {
   n.default = e;
   return Object.freeze(n);
 }
-const NavigationMenuPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(NavigationMenuPrimitive);
 const DrawerPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DrawerPrimitive);
+const NavigationMenuPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(NavigationMenuPrimitive);
 const RadioGroupPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadioGroupPrimitive);
 const Indicator$1 = React.forwardRef(
   ({ className, checked, onCheckedChange, disabled, ...props }, forwardRef) => {
@@ -136,13 +136,6 @@ const Title$1 = React.forwardRef(
   }
 );
 Title$1.displayName = "Title";
-const Content$2 = React.forwardRef(
-  ({ className, children, ...props }, forwardRef) => {
-    const classes = clsx([components_checkboxCardGroup_checkboxCardGroupRoot.styles[`${components_checkboxCardGroup_checkboxCardGroupRoot.rootClassName}__content-wrapper`]], className);
-    return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { direction: "column", width: "100%", gap: "50", ...props, ref: forwardRef, className: classes, children });
-  }
-);
-Content$2.displayName = "Content";
 const ItemContext$1 = React.createContext(void 0);
 const Item$2 = React.forwardRef(
   ({ className, children, value, imageUrl, checked, onCheckedChange, disabled, ...props }, forwardedRef) => {
@@ -182,7 +175,7 @@ const Item$2 = React.forwardRef(
         onKeyDown: handleKeyDown,
         children: [
           imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { className: clsx([components_checkboxCardGroup_checkboxCardGroupRoot.styles[`${components_checkboxCardGroup_checkboxCardGroupRoot.rootClassName}__illustration`]], className), justify: "center", align: "center", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: imageUrl, alt: value }) }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx(Content$2, { children: React.Children.map(children, (child) => {
+          /* @__PURE__ */ jsxRuntime.jsx(Content, { children: React.Children.map(children, (child) => {
             if (React.isValidElement(child) && child.type === Title$1) {
               return React.cloneElement(child, {
                 ...child.props,
@@ -222,13 +215,13 @@ const Title = React.forwardRef(
   }
 );
 Title.displayName = "Title";
-const Content$1 = React.forwardRef(
+const Content$2 = React.forwardRef(
   ({ className, children, ...props }, forwardRef) => {
     const classes = clsx([components_radioCardGroup_radioCardGroupRoot.styles[`${components_radioCardGroup_radioCardGroupRoot.rootClassName}__content-wrapper`]], className);
     return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { direction: "column", width: "100%", gap: "50", ...props, ref: forwardRef, className: classes, children });
   }
 );
-Content$1.displayName = "Content";
+Content$2.displayName = "Content";
 const ItemContext = React.createContext(void 0);
 const Item$1 = React.forwardRef(
   ({ className, children, value, ...props }, forwardedRef) => {
@@ -238,7 +231,7 @@ const Item$1 = React.forwardRef(
     const id = props.id || (context == null ? void 0 : context.id);
     return /* @__PURE__ */ jsxRuntime.jsxs(RadioGroupPrimitive__namespace.Item, { value, id, ...props, asChild: false, ref, className: classes, children: [
       props.imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { className: clsx([components_radioCardGroup_radioCardGroupRoot.styles[`${components_radioCardGroup_radioCardGroupRoot.rootClassName}__illustration`]], className), justify: "center", align: "center", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: props.imageUrl, alt: value }) }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(Content$1, { children })
+      /* @__PURE__ */ jsxRuntime.jsx(Content$2, { children })
     ] });
   }
 );
@@ -562,7 +555,7 @@ const Trigger = React.forwardRef(
   }
 );
 Trigger.displayName = "NavigationMenu.Trigger";
-const Content = React.forwardRef(
+const Content$1 = React.forwardRef(
   ({ className, variant = "default", ...props }, forwardRef) => {
     const classes = clsx(
       [styles$1[`${rootClassName$1}__content`]],
@@ -678,7 +671,7 @@ const NavigationMenu = Object.assign(Root$1, {
   Separator,
   Item,
   Trigger,
-  Content,
+  Content: Content$1,
   Link,
   Indicator,
   Viewport,
@@ -1128,6 +1121,7 @@ const HightlightedLinksDesktop = ({
   ] });
 };
 function Mobile(props) {
+  var _a;
   const [specifiedLink, setSpecifiedLink] = React.useState("");
   const rootContext = React.useContext(RootContext);
   const drawerRef = React.useRef(null);
@@ -1137,6 +1131,10 @@ function Mobile(props) {
   const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
   const linkClasses = clsx([styles[`${rootClassName}__link`]]);
   const headerClasses = clsx([styles[`${rootClassName}__header`]]);
+  const activeDomain = links.find((l) => l.name === rootContext.selectedDomainItem) || links[0];
+  const logoEntry = (_a = activeDomain == null ? void 0 : activeDomain.links) == null ? void 0 : _a.find((l) => l.name === "Logo");
+  const logoLink = (logoEntry == null ? void 0 : logoEntry.link) || "/";
+  const logoAppKey = logoEntry == null ? void 0 : logoEntry.appKey;
   return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { ...props, className: classes, children: /* @__PURE__ */ jsxRuntime.jsxs(
     components_flex_flex.Flex,
     {
@@ -1146,7 +1144,7 @@ function Mobile(props) {
       gap: "200",
       className: styles[`${rootClassName}__top-icon-wrapper`],
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { flexShrink: "0", children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: rootContext.appKey === "open-pages" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: "/", children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/", children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { flexShrink: "0", children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: logoAppKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: logoLink, children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: logoLink, children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { flexBasis: "0", gap: { sm: "100", md: "200" }, className: styles[`${rootClassName}__top-menu-icons`], children: [
           !rootContext.hideTopMenuList && /* @__PURE__ */ jsxRuntime.jsx(Search, {}),
           /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}),
@@ -1168,9 +1166,9 @@ function Mobile(props) {
                     children: [
                       !rootContext.hideTopMenuList && /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.List, { children: links.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Trigger, { asChild: true, value: link.name, children: link.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: link.link, children: link.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, children: link.name }) }, link.name)) }),
                       /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: links.map((link) => {
-                        var _a, _b;
+                        var _a2, _b;
                         return /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.Content, { value: link.name, children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", children: (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
+                          /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", children: (_a2 = link.links) == null ? void 0 : _a2.filter((l) => l.name !== "Logo").map(
                             (subLink) => subLink.links && subLink.links.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(components_box_box.Box, { onClick: () => setSpecifiedLink(subLink.name), className: linkClasses, children: [
                               /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { asChild: true, variant: "title-300", children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { className: styles[`${rootClassName}__sublink-button--mobile`], children: subLink.name }) }),
                               /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "chevron-right", size: "md" })
@@ -1203,8 +1201,8 @@ function Mobile(props) {
                 ] }) }),
                 /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "100", children: links.filter((item) => item.name === rootContext.selectedDomainItem).map(
                   (link) => {
-                    var _a;
-                    return (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
+                    var _a2;
+                    return (_a2 = link.links) == null ? void 0 : _a2.filter((l) => l.name !== "Logo").map(
                       (subLink) => subLink.links && subLink.links.length > 0 && subLink.name === specifiedLink && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                         /* @__PURE__ */ jsxRuntime.jsx(
                           HighlightedLinks,
@@ -1311,12 +1309,18 @@ const DesktopSimplified = React.forwardRef(() => {
 });
 DesktopSimplified.displayName = "DesktopSimplified";
 function MobileSimplified(props) {
+  var _a;
   const rootContext = React.useContext(RootContext);
   if (!rootContext) return null;
   const { linkComponent: NavLink } = rootContext;
   const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
+  const links = components_navigationMenu_globalNavigation_utils.getLinks(rootContext.pathname.includes("bedrift/utstyrsavtale"), rootContext.customLinks);
+  const activeDomain = links.find((l) => l.name === rootContext.selectedDomainItem) || links[0];
+  const logoEntry = (_a = activeDomain == null ? void 0 : activeDomain.links) == null ? void 0 : _a.find((l) => l.name === "Logo");
+  const logoLink = (logoEntry == null ? void 0 : logoEntry.link) || "/";
+  const logoAppKey = logoEntry == null ? void 0 : logoEntry.appKey;
   return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { ...props, className: classes, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { flexGrow: "1", justify: "between", align: "center", gap: "200", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { flexShrink: "0", children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: rootContext.appKey === "open-pages" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: "/", children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/", children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { flexShrink: "0", children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: logoAppKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: logoLink, children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: logoLink, children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { flexBasis: "0", gap: { sm: "100", md: "200" }, children: /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}) })
   ] }) });
 }
@@ -1462,13 +1466,20 @@ function getInitialMenuItem(currentPath, customLinks) {
 }
 Root.displayName = "GlobalNavigation";
 const GlobalNavigation = Root;
+const Content = React.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([components_checkboxCardGroup_checkboxCardGroupRoot.styles[`${components_checkboxCardGroup_checkboxCardGroupRoot.rootClassName}__content-wrapper`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { direction: "column", width: "100%", gap: "50", ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Content.displayName = "Content";
 exports.CheckboxCardGroup = CheckboxCardGroup;
 exports.CheckboxCardGroup$1 = CheckboxCardGroup;
 exports.Close = Close;
 exports.Close$1 = Close;
 exports.Content = Content$2;
 exports.Content$1 = Content$2;
-exports.Content$2 = Content$1;
+exports.Content$2 = Content;
 exports.Desktop = Desktop;
 exports.Desktop$1 = Desktop;
 exports.DesktopSimplified = DesktopSimplified;

package/dist/components/checkbox-card-group/checkbox-card-group-indicator.js

@@ -1,15 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React__default, { useEffect } from "react";
 import clsx from "clsx";
-import { MY_PAGE_RETAILER_LINKS, MY_PAGE_LINKS, LOGGED_IN_LINKS_BUSINESS, getLinks, getActiveSubLink, DEFAULT_PRIVATE_LINKS, DEFAULT_BUSINESS_LINKS, DEFAULT_MDU_LINKS } from "../navigation-menu/global-navigation/utils.js";
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { useComposedRefs } from "../../utils/composeRefs.js";
-import { VisuallyHidden } from "../visually-hidden/visually-hidden.js";
-import { composeEventHandlers } from "../../utils/composeEventHandlers.js";
-import { Slot } from "@radix-ui/react-slot";
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import { mergeStyles } from "../../utils/generate-styling/index.js";
-import { teddyMotionDuration300 } from "../../tokens/motion/variables.js";
+import React__default, { useEffect } from "react";
+import { s as styles$2, rootClassName as rootClassName$2, Root as Root$2 } from "./checkbox-card-group-root.js";
 import "../step-by-step/index.js";
 import "../top-row-buttons/top-row-buttons.js";
 import "../dashed-button/dashed-button-root.js";
@@ -28,8 +20,8 @@ import "../collapsible/index.js";
 import "../meter-bar/index.js";
 import "../skeleton/index.js";
 import { Checkbox } from "../checkbox/index.js";
-import { s as styles$2, rootClassName as rootClassName$2, Root as Root$2 } from "./checkbox-card-group-root.js";
 import { GroupLabel } from "./checkbox-card-group-label.js";
+import { Slot } from "@radix-ui/react-slot";
 import "../toast/toast-root.js";
 import "sonner";
 import "../toggletip/index.js";
@@ -64,22 +56,31 @@ import { Box } from "../box/box.js";
 import { Flex } from "../flex/flex.js";
 import "../card/index.js";
 import { Grid } from "../grid/grid.js";
-import "../toggle/toggle.js";
-import "../accordion/index.js";
-import "../link/link.js";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { useComposedRefs } from "../../utils/composeRefs.js";
+import { VisuallyHidden } from "../visually-hidden/visually-hidden.js";
+import { composeEventHandlers } from "../../utils/composeEventHandlers.js";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { mergeStyles } from "../../utils/generate-styling/index.js";
+import { teddyMotionDuration300 } from "../../tokens/motion/variables.js";
+import { MY_PAGE_RETAILER_LINKS, MY_PAGE_LINKS, LOGGED_IN_LINKS_BUSINESS, getLinks, getActiveSubLink, DEFAULT_PRIVATE_LINKS, DEFAULT_BUSINESS_LINKS, DEFAULT_MDU_LINKS } from "../navigation-menu/global-navigation/utils.js";
+import { Button } from "../button/button.js";
+import { Heading } from "../heading/heading.js";
+import { TextSpacing } from "../text-spacing/text-spacing.js";
+import { TextField } from "../text-field/index.js";
 import "../badge/badge.js";
 import "../badge/alert-badge.js";
 import { CounterBadge } from "../badge/counter-badge.js";
-import { Button } from "../button/button.js";
+import { useSize } from "../../utils/useSize.js";
+import "../toggle/toggle.js";
+import "../accordion/index.js";
+import "../link/link.js";
 import "../field-error-text/field-error-text.js";
 import "../helper-text/helper-text.js";
 import "../input/index.js";
 import "../label/label.js";
 import "../spinner/spinner.js";
 import { Text } from "../text/text.js";
-import { TextField } from "../text-field/index.js";
-import { Heading } from "../heading/heading.js";
-import { TextSpacing } from "../text-spacing/text-spacing.js";
 import "../container/container.js";
 import "../carousel/carousel-root.js";
 import "../slider/slider.js";
@@ -90,7 +91,6 @@ import { Indicator as Indicator$2 } from "../radio-card-group/radio-card-group-i
 import { Body as Body$1 } from "../radio-card-group/radio-card-group-item-body.js";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Body } from "./checkbox-card-group-item-body.js";
-import { useSize } from "../../utils/useSize.js";
 const Indicator$1 = React__default.forwardRef(
   ({ className, checked, onCheckedChange, disabled, ...props }, forwardRef) => {
     const classes = clsx([styles$2[`${rootClassName$2}__checkbox-wrapper`]], className);
@@ -115,13 +115,6 @@ const Title$1 = React__default.forwardRef(
   }
 );
 Title$1.displayName = "Title";
-const Content$2 = React__default.forwardRef(
-  ({ className, children, ...props }, forwardRef) => {
-    const classes = clsx([styles$2[`${rootClassName$2}__content-wrapper`]], className);
-    return /* @__PURE__ */ jsx(Flex, { direction: "column", width: "100%", gap: "50", ...props, ref: forwardRef, className: classes, children });
-  }
-);
-Content$2.displayName = "Content";
 const ItemContext$1 = React__default.createContext(void 0);
 const Item$2 = React__default.forwardRef(
   ({ className, children, value, imageUrl, checked, onCheckedChange, disabled, ...props }, forwardedRef) => {
@@ -161,7 +154,7 @@ const Item$2 = React__default.forwardRef(
         onKeyDown: handleKeyDown,
         children: [
           imageUrl ? /* @__PURE__ */ jsx(Flex, { className: clsx([styles$2[`${rootClassName$2}__illustration`]], className), justify: "center", align: "center", children: /* @__PURE__ */ jsx("img", { src: imageUrl, alt: value }) }) : null,
-          /* @__PURE__ */ jsx(Content$2, { children: React__default.Children.map(children, (child) => {
+          /* @__PURE__ */ jsx(Content, { children: React__default.Children.map(children, (child) => {
             if (React__default.isValidElement(child) && child.type === Title$1) {
               return React__default.cloneElement(child, {
                 ...child.props,
@@ -201,13 +194,13 @@ const Title = React__default.forwardRef(
   }
 );
 Title.displayName = "Title";
-const Content$1 = React__default.forwardRef(
+const Content$2 = React__default.forwardRef(
   ({ className, children, ...props }, forwardRef) => {
     const classes = clsx([styles$3[`${rootClassName$3}__content-wrapper`]], className);
     return /* @__PURE__ */ jsx(Flex, { direction: "column", width: "100%", gap: "50", ...props, ref: forwardRef, className: classes, children });
   }
 );
-Content$1.displayName = "Content";
+Content$2.displayName = "Content";
 const ItemContext = React__default.createContext(void 0);
 const Item$1 = React__default.forwardRef(
   ({ className, children, value, ...props }, forwardedRef) => {
@@ -217,7 +210,7 @@ const Item$1 = React__default.forwardRef(
     const id = props.id || (context == null ? void 0 : context.id);
     return /* @__PURE__ */ jsxs(RadioGroupPrimitive.Item, { value, id, ...props, asChild: false, ref, className: classes, children: [
       props.imageUrl ? /* @__PURE__ */ jsx(Flex, { className: clsx([styles$3[`${rootClassName$3}__illustration`]], className), justify: "center", align: "center", children: /* @__PURE__ */ jsx("img", { src: props.imageUrl, alt: value }) }) : null,
-      /* @__PURE__ */ jsx(Content$1, { children })
+      /* @__PURE__ */ jsx(Content$2, { children })
     ] });
   }
 );
@@ -541,7 +534,7 @@ const Trigger = React__default.forwardRef(
   }
 );
 Trigger.displayName = "NavigationMenu.Trigger";
-const Content = React__default.forwardRef(
+const Content$1 = React__default.forwardRef(
   ({ className, variant = "default", ...props }, forwardRef) => {
     const classes = clsx(
       [styles$1[`${rootClassName$1}__content`]],
@@ -657,7 +650,7 @@ const NavigationMenu = Object.assign(Root$1, {
   Separator,
   Item,
   Trigger,
-  Content,
+  Content: Content$1,
   Link,
   Indicator,
   Viewport,
@@ -1107,6 +1100,7 @@ const HightlightedLinksDesktop = ({
   ] });
 };
 function Mobile(props) {
+  var _a;
   const [specifiedLink, setSpecifiedLink] = React__default.useState("");
   const rootContext = React__default.useContext(RootContext);
   const drawerRef = React__default.useRef(null);
@@ -1116,6 +1110,10 @@ function Mobile(props) {
   const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
   const linkClasses = clsx([styles[`${rootClassName}__link`]]);
   const headerClasses = clsx([styles[`${rootClassName}__header`]]);
+  const activeDomain = links.find((l) => l.name === rootContext.selectedDomainItem) || links[0];
+  const logoEntry = (_a = activeDomain == null ? void 0 : activeDomain.links) == null ? void 0 : _a.find((l) => l.name === "Logo");
+  const logoLink = (logoEntry == null ? void 0 : logoEntry.link) || "/";
+  const logoAppKey = logoEntry == null ? void 0 : logoEntry.appKey;
   return /* @__PURE__ */ jsx(Flex, { ...props, className: classes, children: /* @__PURE__ */ jsxs(
     Flex,
     {
@@ -1125,7 +1123,7 @@ function Mobile(props) {
       gap: "200",
       className: styles[`${rootClassName}__top-icon-wrapper`],
       children: [
-        /* @__PURE__ */ jsx(Box, { flexShrink: "0", children: /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: rootContext.appKey === "open-pages" ? /* @__PURE__ */ jsx(NavLink, { href: "/", children: /* @__PURE__ */ jsx(Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) : /* @__PURE__ */ jsx("a", { href: "/", children: /* @__PURE__ */ jsx(Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) }) }),
+        /* @__PURE__ */ jsx(Box, { flexShrink: "0", children: /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: logoAppKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: logoLink, children: /* @__PURE__ */ jsx(Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) : /* @__PURE__ */ jsx("a", { href: logoLink, children: /* @__PURE__ */ jsx(Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) }) }),
         /* @__PURE__ */ jsxs(Flex, { flexBasis: "0", gap: { sm: "100", md: "200" }, className: styles[`${rootClassName}__top-menu-icons`], children: [
           !rootContext.hideTopMenuList && /* @__PURE__ */ jsx(Search, {}),
           /* @__PURE__ */ jsx(ShoppingCart, {}),
@@ -1147,9 +1145,9 @@ function Mobile(props) {
                     children: [
                       !rootContext.hideTopMenuList && /* @__PURE__ */ jsx(Tabs.List, { children: links.map((link) => /* @__PURE__ */ jsx(Tabs.Trigger, { asChild: true, value: link.name, children: link.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: link.link, children: link.name }) : /* @__PURE__ */ jsx("a", { href: link.link, children: link.name }) }, link.name)) }),
                       /* @__PURE__ */ jsx(Fragment, { children: links.map((link) => {
-                        var _a, _b;
+                        var _a2, _b;
                         return /* @__PURE__ */ jsxs(Tabs.Content, { value: link.name, children: [
-                          /* @__PURE__ */ jsx(Box, { mt: "400", children: (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
+                          /* @__PURE__ */ jsx(Box, { mt: "400", children: (_a2 = link.links) == null ? void 0 : _a2.filter((l) => l.name !== "Logo").map(
                             (subLink) => subLink.links && subLink.links.length > 0 ? /* @__PURE__ */ jsxs(Box, { onClick: () => setSpecifiedLink(subLink.name), className: linkClasses, children: [
                               /* @__PURE__ */ jsx(Heading, { asChild: true, variant: "title-300", children: /* @__PURE__ */ jsx(Button, { className: styles[`${rootClassName}__sublink-button--mobile`], children: subLink.name }) }),
                               /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: "md" })
@@ -1182,8 +1180,8 @@ function Mobile(props) {
                 ] }) }),
                 /* @__PURE__ */ jsx(Box, { mt: "100", children: links.filter((item) => item.name === rootContext.selectedDomainItem).map(
                   (link) => {
-                    var _a;
-                    return (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
+                    var _a2;
+                    return (_a2 = link.links) == null ? void 0 : _a2.filter((l) => l.name !== "Logo").map(
                       (subLink) => subLink.links && subLink.links.length > 0 && subLink.name === specifiedLink && /* @__PURE__ */ jsxs(Fragment, { children: [
                         /* @__PURE__ */ jsx(
                           HighlightedLinks,
@@ -1290,12 +1288,18 @@ const DesktopSimplified = React__default.forwardRef(() => {
 });
 DesktopSimplified.displayName = "DesktopSimplified";
 function MobileSimplified(props) {
+  var _a;
   const rootContext = React__default.useContext(RootContext);
   if (!rootContext) return null;
   const { linkComponent: NavLink } = rootContext;
   const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
+  const links = getLinks(rootContext.pathname.includes("bedrift/utstyrsavtale"), rootContext.customLinks);
+  const activeDomain = links.find((l) => l.name === rootContext.selectedDomainItem) || links[0];
+  const logoEntry = (_a = activeDomain == null ? void 0 : activeDomain.links) == null ? void 0 : _a.find((l) => l.name === "Logo");
+  const logoLink = (logoEntry == null ? void 0 : logoEntry.link) || "/";
+  const logoAppKey = logoEntry == null ? void 0 : logoEntry.appKey;
   return /* @__PURE__ */ jsx(Flex, { ...props, className: classes, children: /* @__PURE__ */ jsxs(Flex, { flexGrow: "1", justify: "between", align: "center", gap: "200", children: [
-    /* @__PURE__ */ jsx(Box, { flexShrink: "0", children: /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: rootContext.appKey === "open-pages" ? /* @__PURE__ */ jsx(NavLink, { href: "/", children: /* @__PURE__ */ jsx(Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) : /* @__PURE__ */ jsx("a", { href: "/", children: /* @__PURE__ */ jsx(Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) }) }),
+    /* @__PURE__ */ jsx(Box, { flexShrink: "0", children: /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: logoAppKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: logoLink, children: /* @__PURE__ */ jsx(Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) : /* @__PURE__ */ jsx("a", { href: logoLink, children: /* @__PURE__ */ jsx(Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) }) }),
     /* @__PURE__ */ jsx(Flex, { flexBasis: "0", gap: { sm: "100", md: "200" }, children: /* @__PURE__ */ jsx(ShoppingCart, {}) })
   ] }) });
 }
@@ -1441,6 +1445,13 @@ function getInitialMenuItem(currentPath, customLinks) {
 }
 Root.displayName = "GlobalNavigation";
 const GlobalNavigation = Root;
+const Content = React__default.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([styles$2[`${rootClassName$2}__content-wrapper`]], className);
+    return /* @__PURE__ */ jsx(Flex, { direction: "column", width: "100%", gap: "50", ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Content.displayName = "Content";
 export {
   CheckboxCardGroup as C,
   CheckboxCardGroup,
@@ -1453,7 +1464,7 @@ export {
   GlobalNavigation,
   HighlightedLinks as H,
   HighlightedLinks,
-  ItemContext$1 as I,
+  Item$2 as I,
   Indicator$1 as Indicator,
   Item$2 as Item,
   ItemContext$1 as ItemContext,
@@ -1473,23 +1484,23 @@ export {
   ShoppingCart,
   Title$1 as T,
   Title$1 as Title,
-  Content$2 as a,
-  Item$2 as b,
-  Title as c,
-  Content$1 as d,
+  ItemContext$1 as a,
+  Title as b,
+  Content$2 as c,
+  Item$1 as d,
   ItemContext as e,
-  Item$1 as f,
-  Close as g,
-  MyPages as h,
-  SearchField as i,
-  Search as j,
-  ShoppingCart as k,
-  Mobile as l,
-  DesktopSimplified as m,
-  MobileSimplified as n,
-  rootClassName as o,
-  RootContext as p,
-  Root as q,
+  Close as f,
+  MyPages as g,
+  SearchField as h,
+  Search as i,
+  ShoppingCart as j,
+  Mobile as k,
+  DesktopSimplified as l,
+  MobileSimplified as m,
+  Root as n,
+  RootContext as o,
+  rootClassName as p,
+  Content as q,
   rootClassName$1 as r,
   rootClassName$1 as rootClassName
 };

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

@@ -4,7 +4,6 @@ require("react/jsx-runtime");
 require("clsx");
 require("react");
 require("./checkbox-card-group-root.cjs");
-require("@radix-ui/react-slot");
 require("../step-by-step/index.cjs");
 require("../top-row-buttons/top-row-buttons.cjs");
 require("../dashed-button/dashed-button-root.cjs");

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

@@ -2,7 +2,6 @@ import "react/jsx-runtime";
 import "clsx";
 import "react";
 import "./checkbox-card-group-root.js";
-import "@radix-ui/react-slot";
 import "../step-by-step/index.js";
 import "../top-row-buttons/top-row-buttons.js";
 import "../dashed-button/dashed-button-root.js";

package/dist/components/checkbox-card-group/checkbox-card-group-item.js

@@ -20,7 +20,7 @@ import "../collapsible/index.js";
 import "../meter-bar/index.js";
 import "../skeleton/index.js";
 import "../checkbox/index.js";
-import { b, I } from "./checkbox-card-group-indicator.js";
+import { I, a } from "./checkbox-card-group-indicator.js";
 import "../toast/toast-root.js";
 import "sonner";
 import "../toggletip/index.js";
@@ -67,6 +67,6 @@ import "../slider/slider.js";
 import "../textarea/index.js";
 import "../../utils/composeRefs.js";
 export {
-  b as Item,
-  I as ItemContext
+  I as Item,
+  a as ItemContext
 };

package/dist/components/index.cjs

@@ -69,9 +69,9 @@ const components_circleBar_circleBar = require("./circle-bar/circle-bar.cjs");
 const components_textarea_index = require("./textarea/index.cjs");
 const components_video_video = require("./video/video.cjs");
 const components_shoppingCart_types = require("./shopping-cart/types.cjs");
-const sonner = require("sonner");
 const components_input_inputGroup = require("./input/input-group.cjs");
 const components_textarea_textareaGroup = require("./textarea/textarea-group.cjs");
+const sonner = require("sonner");
 exports.StepByStep = components_stepByStep_index.StepByStep;
 exports.TopRowButtons = components_topRowButtons_topRowButtons.TopRowButtons;
 exports.DashedButton = components_dashedButton_dashedButtonRoot.DashedButton;
@@ -145,9 +145,9 @@ exports.CircleBar = components_circleBar_circleBar.CircleBar;
 exports.TextareaGroup = components_textarea_index.TextareaGroup;
 exports.Video = components_video_video;
 exports.CART_ITEM_TYPE = components_shoppingCart_types.CART_ITEM_TYPE;
+exports.Input = components_input_inputGroup.Input$1;
+exports.Textarea = components_textarea_textareaGroup.Textarea$1;
 Object.defineProperty(exports, "toast", {
   enumerable: true,
   get: () => sonner.toast
 });
-exports.Input = components_input_inputGroup.Input$1;
-exports.Textarea = components_textarea_textareaGroup.Textarea$1;

package/dist/components/index.js

@@ -67,9 +67,9 @@ import { CircleBar } from "./circle-bar/circle-bar.js";
 import { TextareaGroup } from "./textarea/index.js";
 import { default as default3 } from "./video/video.js";
 import { CART_ITEM_TYPE } from "./shopping-cart/types.js";
-import { toast } from "sonner";
 import { I } from "./input/input-group.js";
 import { T } from "./textarea/textarea-group.js";
+import { toast } from "sonner";
 export {
   Accordion,
   AlertBadge,

package/dist/components/meter-bar/meter-bar-indicator.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
-import { isValidMaxNumber, DEFAULT_MAX, isNumber, defaultGetValueLabel, getProgress, isValidValueNumber } from "./utils.js";
+import { isValidMaxNumber, DEFAULT_MAX, isNumber, defaultGetValueLabel, isValidValueNumber, getProgress } from "./utils.js";
 const slideInFromLeft = "_slideInFromLeft_1wiil_1";
 const styles = {
   "teddy-meter-bar": "_teddy-meter-bar_1wiil_1",