@telia/teddy 0.0.35 → 0.0.37

package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs

@@ -327,6 +327,47 @@ function Mobile(props) {
   ] }) });
 }
 Mobile.displayName = "Mobile";
+const DesktopSimplified = React.forwardRef(() => {
+  const rootContext = React.useContext(RootContext);
+  if (!rootContext)
+    return null;
+  const { setSelectedMenuItem, linkComponent: Link } = rootContext;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsxs(components_navigationMenu_navigationMenu.NavigationMenu.List, { value: link.name, children: [
+      link.links.map((subLink) => /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { value: subLink.name, children: subLink.name === "Logo" && /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Link, { asChild: true, variant: "button", children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link, { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
+          draggable: "false",
+          alt: "Telia logo"
+        }
+      ) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
+          draggable: "false",
+          alt: "Telia logo"
+        }
+      ) }) }) }, subLink.name)),
+      /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ml: "auto" }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}) })
+    ] }, link.name)),
+    /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Viewport, { className: styles[`${rootClassName}__viewport`] })
+  ] });
+});
+DesktopSimplified.displayName = "DesktopSimplified";
+function MobileSimplified(props) {
+  const rootContext = React.useContext(RootContext);
+  if (!rootContext)
+    return null;
+  const { linkComponent: NavLink } = rootContext;
+  const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
+  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(components_navigationMenu_navigationMenu.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_flex_flex.Flex, { flexBasis: "0", gap: { sm: "100", md: "200" }, children: /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}) })
+  ] }) });
+}
+MobileSimplified.displayName = "MobileSimplified";
 const rootClassName = "teddy-global-navigation";
 const RootContext = React.createContext(null);
 function Root({
@@ -341,6 +382,7 @@ function Root({
   isCartOpen,
   onCartOpenChange,
   drawerSize = "md",
+  isSimplified,
   ...props
 }) {
   const [selectedMenuItem, setSelectedMenuItem] = React.useState(getInitialMenuItem());
@@ -380,8 +422,14 @@ function Root({
             setSelectedMenuItem(v);
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { display: { sm: "none", lg: "block" }, children: /* @__PURE__ */ jsxRuntime.jsx(Desktop, {}) }),
-            /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { display: { lg: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(Mobile, {}) })
+            /* @__PURE__ */ jsxRuntime.jsxs(components_box_box.Box, { display: { sm: "none", lg: "block" }, children: [
+              isSimplified && /* @__PURE__ */ jsxRuntime.jsx(DesktopSimplified, {}),
+              !isSimplified && /* @__PURE__ */ jsxRuntime.jsx(Desktop, {})
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(components_box_box.Box, { display: { lg: "none" }, children: [
+              isSimplified && /* @__PURE__ */ jsxRuntime.jsx(MobileSimplified, {}),
+              !isSimplified && /* @__PURE__ */ jsxRuntime.jsx(Mobile, {})
+            ] })
           ]
         }
       ) })
@@ -419,8 +467,10 @@ function getInitialMenuItem() {
 Root.displayName = "GlobalNavigation";
 const GlobalNavigation = Root;
 exports.Desktop = Desktop;
+exports.DesktopSimplified = DesktopSimplified;
 exports.GlobalNavigation = GlobalNavigation;
 exports.Mobile = Mobile;
+exports.MobileSimplified = MobileSimplified;
 exports.MyPages = MyPages;
 exports.Root = Root;
 exports.RootContext = RootContext;

package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js

@@ -325,6 +325,47 @@ function Mobile(props) {
   ] }) });
 }
 Mobile.displayName = "Mobile";
+const DesktopSimplified = React__default.forwardRef(() => {
+  const rootContext = React__default.useContext(RootContext);
+  if (!rootContext)
+    return null;
+  const { setSelectedMenuItem, linkComponent: Link2 } = rootContext;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    LINKS.map((link) => /* @__PURE__ */ jsxs(NavigationMenu.List, { value: link.name, children: [
+      link.links.map((subLink) => /* @__PURE__ */ jsx(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, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
+          draggable: "false",
+          alt: "Telia logo"
+        }
+      ) }) : /* @__PURE__ */ jsx("a", { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
+          draggable: "false",
+          alt: "Telia logo"
+        }
+      ) }) }) }, subLink.name)),
+      /* @__PURE__ */ jsx(Box, { ml: "auto" }),
+      /* @__PURE__ */ jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsx(ShoppingCart, {}) })
+    ] }, link.name)),
+    /* @__PURE__ */ jsx(NavigationMenu.Viewport, { className: styles[`${rootClassName}__viewport`] })
+  ] });
+});
+DesktopSimplified.displayName = "DesktopSimplified";
+function MobileSimplified(props) {
+  const rootContext = React__default.useContext(RootContext);
+  if (!rootContext)
+    return null;
+  const { linkComponent: NavLink } = rootContext;
+  const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
+  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(Flex, { flexBasis: "0", gap: { sm: "100", md: "200" }, children: /* @__PURE__ */ jsx(ShoppingCart, {}) })
+  ] }) });
+}
+MobileSimplified.displayName = "MobileSimplified";
 const rootClassName = "teddy-global-navigation";
 const RootContext = React__default.createContext(null);
 function Root({
@@ -339,6 +380,7 @@ function Root({
   isCartOpen,
   onCartOpenChange,
   drawerSize = "md",
+  isSimplified,
   ...props
 }) {
   const [selectedMenuItem, setSelectedMenuItem] = React__default.useState(getInitialMenuItem());
@@ -378,8 +420,14 @@ function Root({
             setSelectedMenuItem(v);
           },
           children: [
-            /* @__PURE__ */ jsx(Box, { display: { sm: "none", lg: "block" }, children: /* @__PURE__ */ jsx(Desktop, {}) }),
-            /* @__PURE__ */ jsx(Box, { display: { lg: "none" }, children: /* @__PURE__ */ jsx(Mobile, {}) })
+            /* @__PURE__ */ jsxs(Box, { display: { sm: "none", lg: "block" }, children: [
+              isSimplified && /* @__PURE__ */ jsx(DesktopSimplified, {}),
+              !isSimplified && /* @__PURE__ */ jsx(Desktop, {})
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { display: { lg: "none" }, children: [
+              isSimplified && /* @__PURE__ */ jsx(MobileSimplified, {}),
+              !isSimplified && /* @__PURE__ */ jsx(Mobile, {})
+            ] })
           ]
         }
       ) })
@@ -425,6 +473,8 @@ export {
   SearchField as S,
   Search as a,
   ShoppingCart as b,
-  Root as c,
+  DesktopSimplified as c,
+  MobileSimplified as d,
+  Root as e,
   rootClassName as r
 };

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

@@ -16,6 +16,7 @@ export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
     isCartOpen?: boolean;
     onCartOpenChange?: (open: boolean) => void;
     drawerSize: 'md' | 'lg';
+    isSimplified?: boolean;
 };
 type RootContext = {
     selectedMenuItem: string | undefined;
@@ -26,7 +27,7 @@ type RootContext = {
     setPathname: (v: string) => void;
 } & Pick<RootProps, 'onSearchSubmit' | '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, isCartOpen, onCartOpenChange, drawerSize, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare function Root({ className, appKey, loggedInUser, linkComponent, onLogoutClick, shoppingCart, shoppingCartNumberOfItems, onSearchSubmit, isCartOpen, onCartOpenChange, drawerSize, isSimplified, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Root {
     var displayName: string;
 }

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

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
 import "react";
 import "clsx";
-import { c, R, r } from "./global-navigation-my-pages.js";
+import { e, R, r } from "./global-navigation-my-pages.js";
 import "./utils.js";
 import "../../box/box.js";
 import "../navigation-menu.js";
 export {
-  c as Root,
+  e as Root,
   R as RootContext,
   r as rootClassName
 };

package/dist/components/notification/notification.d.ts

@@ -45,6 +45,7 @@ declare const Notification: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
     bordered?: boolean | undefined;
     shadow?: boolean | undefined;
     backgroundImageSrc?: string | undefined;
+    imageGradient?: ("dark" | "light") | undefined;
     layout?: ("navigation-vertical" | "navigation-horizontal-small" | "navigation-horizontal-large" | "rich-card") | undefined;
 } & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
     display?: import('../../utils/generate-styling').DisplayChildren | undefined;
@@ -60,6 +61,7 @@ declare const Notification: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
     bordered?: boolean | undefined;
     shadow?: boolean | undefined;
     backgroundImageSrc?: string | undefined;
+    imageGradient?: ("dark" | "light") | undefined;
     layout?: ("navigation-vertical" | "navigation-horizontal-small" | "navigation-horizontal-large" | "rich-card") | undefined;
 } & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
     display?: import('../../utils/generate-styling').DisplayChildren | undefined;
@@ -75,6 +77,7 @@ declare const Notification: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
     bordered?: boolean | undefined;
     shadow?: boolean | undefined;
     backgroundImageSrc?: string | undefined;
+    imageGradient?: ("dark" | "light") | undefined;
     layout?: ("navigation-vertical" | "navigation-horizontal-small" | "navigation-horizontal-large" | "rich-card") | undefined;
 } & React.RefAttributes<HTMLDivElement>, "ref">, "as" | "variant"> & {
     variant?: "error" | "warning" | "success" | "information" | undefined;

package/dist/drawer.module-BNPErv-x.js

@@ -0,0 +1,16 @@
+const styles = {
+  "teddy-drawer__overlay": "_teddy-drawer__overlay_ugum0_26",
+  "teddy-overlay-no-op": "_teddy-overlay-no-op_ugum0_1",
+  "teddy-fade-in": "_teddy-fade-in_ugum0_1",
+  "teddy-fade-out": "_teddy-fade-out_ugum0_1",
+  "teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_ugum0_59",
+  "teddy-drawer__content": "_teddy-drawer__content_ugum0_65",
+  "teddy-drawer__title": "_teddy-drawer__title_ugum0_69",
+  "drawer-content-show": "_drawer-content-show_ugum0_1",
+  "drawer-content-hide": "_drawer-content-hide_ugum0_1",
+  "teddy-drawer__content--lg": "_teddy-drawer__content--lg_ugum0_99",
+  "teddy-drawer__close--floating": "_teddy-drawer__close--floating_ugum0_104"
+};
+export {
+  styles as s
+};

package/dist/drawer.module-CTowTFmf.cjs

@@ -0,0 +1,15 @@
+"use strict";
+const styles = {
+  "teddy-drawer__overlay": "_teddy-drawer__overlay_ugum0_26",
+  "teddy-overlay-no-op": "_teddy-overlay-no-op_ugum0_1",
+  "teddy-fade-in": "_teddy-fade-in_ugum0_1",
+  "teddy-fade-out": "_teddy-fade-out_ugum0_1",
+  "teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_ugum0_59",
+  "teddy-drawer__content": "_teddy-drawer__content_ugum0_65",
+  "teddy-drawer__title": "_teddy-drawer__title_ugum0_69",
+  "drawer-content-show": "_drawer-content-show_ugum0_1",
+  "drawer-content-hide": "_drawer-content-hide_ugum0_1",
+  "teddy-drawer__content--lg": "_teddy-drawer__content--lg_ugum0_99",
+  "teddy-drawer__close--floating": "_teddy-drawer__close--floating_ugum0_104"
+};
+exports.styles = styles;