@telia/teddy 0.0.35 → 0.0.37

package/dist/components/badge/badge.cjs

@@ -7,16 +7,16 @@ const reactSlot = require("@radix-ui/react-slot");
 require("../../assets/sprite.269ba410-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const styles = {
-  "teddy-badge": "_teddy-badge_1fsdh_1",
-  "teddy-badge--counter-badge": "_teddy-badge--counter-badge_1fsdh_13",
-  "teddy-badge--alert-badge": "_teddy-badge--alert-badge_1fsdh_19",
-  "teddy-badge--attention": "_teddy-badge--attention_1fsdh_29",
-  "teddy-badge--special": "_teddy-badge--special_1fsdh_36",
-  "teddy-badge--neutral": "_teddy-badge--neutral_1fsdh_40",
-  "teddy-badge--information": "_teddy-badge--information_1fsdh_48",
-  "teddy-badge--success": "_teddy-badge--success_1fsdh_56",
-  "teddy-badge--warning": "_teddy-badge--warning_1fsdh_64",
-  "teddy-badge--error": "_teddy-badge--error_1fsdh_72"
+  "teddy-badge": "_teddy-badge_wlyo5_1",
+  "teddy-badge--counter-badge": "_teddy-badge--counter-badge_wlyo5_13",
+  "teddy-badge--alert-badge": "_teddy-badge--alert-badge_wlyo5_23",
+  "teddy-badge--attention": "_teddy-badge--attention_wlyo5_33",
+  "teddy-badge--special": "_teddy-badge--special_wlyo5_40",
+  "teddy-badge--neutral": "_teddy-badge--neutral_wlyo5_44",
+  "teddy-badge--information": "_teddy-badge--information_wlyo5_52",
+  "teddy-badge--success": "_teddy-badge--success_wlyo5_60",
+  "teddy-badge--warning": "_teddy-badge--warning_wlyo5_68",
+  "teddy-badge--error": "_teddy-badge--error_wlyo5_76"
 };
 const rootClassName = "teddy-badge";
 function getIcon(variant) {

package/dist/components/badge/badge.js

@@ -5,16 +5,16 @@ import { Slottable, Slot } from "@radix-ui/react-slot";
 import "../../assets/sprite.269ba410-teddy.svg";
 import { Icon } from "../icon/icon.js";
 const styles = {
-  "teddy-badge": "_teddy-badge_1fsdh_1",
-  "teddy-badge--counter-badge": "_teddy-badge--counter-badge_1fsdh_13",
-  "teddy-badge--alert-badge": "_teddy-badge--alert-badge_1fsdh_19",
-  "teddy-badge--attention": "_teddy-badge--attention_1fsdh_29",
-  "teddy-badge--special": "_teddy-badge--special_1fsdh_36",
-  "teddy-badge--neutral": "_teddy-badge--neutral_1fsdh_40",
-  "teddy-badge--information": "_teddy-badge--information_1fsdh_48",
-  "teddy-badge--success": "_teddy-badge--success_1fsdh_56",
-  "teddy-badge--warning": "_teddy-badge--warning_1fsdh_64",
-  "teddy-badge--error": "_teddy-badge--error_1fsdh_72"
+  "teddy-badge": "_teddy-badge_wlyo5_1",
+  "teddy-badge--counter-badge": "_teddy-badge--counter-badge_wlyo5_13",
+  "teddy-badge--alert-badge": "_teddy-badge--alert-badge_wlyo5_23",
+  "teddy-badge--attention": "_teddy-badge--attention_wlyo5_33",
+  "teddy-badge--special": "_teddy-badge--special_wlyo5_40",
+  "teddy-badge--neutral": "_teddy-badge--neutral_wlyo5_44",
+  "teddy-badge--information": "_teddy-badge--information_wlyo5_52",
+  "teddy-badge--success": "_teddy-badge--success_wlyo5_60",
+  "teddy-badge--warning": "_teddy-badge--warning_wlyo5_68",
+  "teddy-badge--error": "_teddy-badge--error_wlyo5_76"
 };
 const rootClassName = "teddy-badge";
 function getIcon(variant) {

package/dist/components/card/card.cjs

@@ -11,6 +11,7 @@ const components_button_button = require("../button/button.cjs");
 const components_link_link = require("../link/link.cjs");
 const tokens_spacing_variables = require("../../tokens/spacing/variables.cjs");
 const components_grid_grid = require("../grid/grid.cjs");
+const tokens_color_variables = require("../../tokens/color/variables.cjs");
 const styles = {
   "teddy-card": "_teddy-card_aok47_3",
   "teddy-card__slot": "_teddy-card__slot_aok47_13",
@@ -47,7 +48,7 @@ const actionElementIdentifier = `${rootClassName}__action`;
 const variantOptions = ["purple-light", "purple-dark", "gray", "white", "beige"];
 const RootContext = React.createContext(void 0);
 const Root = React.forwardRef(
-  ({ className, children, shadow, backgroundImageSrc, layout, variant, bordered, ...props }, forwardRef) => {
+  ({ className, children, shadow, backgroundImageSrc, imageGradient, layout, variant, bordered, ...props }, forwardRef) => {
     const buttonRef = React.useRef(null);
     const linkRef = React.useRef(null);
     const classes = clsx(
@@ -57,17 +58,32 @@ const Root = React.forwardRef(
         [styles[`${rootClassName}--border`]]: bordered,
         [styles[`${rootClassName}--shadow`]]: shadow,
         [styles[`${rootClassName}--background-image`]]: backgroundImageSrc,
+        [styles[`${rootClassName}--background-image--${layout}`]]: layout,
         [styles[`${rootClassName}--layout`]]: layout,
         [styles[`${rootClassName}--${layout}`]]: layout
       },
       className
     );
+    const customStyle = backgroundImageSrc ? imageGradient === "light" ? {
+      backgroundImage: `
+        linear-gradient(${tokens_color_variables.teddyColorTransparentWhite850} 0%, 
+        ${tokens_color_variables.teddyColorTransparentWhite800} 50%, 
+        ${tokens_color_variables.teddyColorTransparentWhite100} 100%), 
+        url(${backgroundImageSrc})`,
+      ...props.style
+    } : {
+      backgroundImage: `
+        linear-gradient(${tokens_color_variables.teddyColorTransparentBlack600} 0%,
+        ${tokens_color_variables.teddyColorTransparentBlack200} 100%), 
+        url(${backgroundImageSrc})`,
+      ...props.style
+    } : props.style;
     return /* @__PURE__ */ jsxRuntime.jsx(RootContext.Provider, { value: { buttonRef, linkRef, variant, layout }, children: /* @__PURE__ */ jsxRuntime.jsx(
       components_grid_grid.Grid,
       {
         ...props,
         className: classes,
-        style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})`, ...props.style } : props.style,
+        style: customStyle,
         onClick: utils_composeEventHandlers.composeEventHandlers(props.onClick, (e) => {
           var _a;
           if (e.isDefaultPrevented())

package/dist/components/card/card.d.ts

@@ -8,6 +8,7 @@ import { Grid } from '../grid';
 declare const variantOptions: readonly ["purple-light", "purple-dark", "gray", "white", "beige"];
 type Variant = (typeof variantOptions)[number];
 type Layout = 'navigation-vertical' | 'navigation-horizontal-small' | 'navigation-horizontal-large' | 'rich-card';
+type Gradient = 'light' | 'dark';
 /** -------------------------------------------------------------------------------------------------
  * Root
  * -----------------------------------------------------------------------------------------------*/
@@ -17,6 +18,7 @@ type RootProps = React.ComponentPropsWithoutRef<typeof Grid> & {
     bordered?: boolean;
     shadow?: boolean;
     backgroundImageSrc?: string;
+    imageGradient?: Gradient;
     layout?: Layout;
 };
 /** -------------------------------------------------------------------------------------------------

package/dist/components/card/card.js

@@ -9,6 +9,7 @@ import { Button as Button$1 } from "../button/button.js";
 import { Link as Link$1 } from "../link/link.js";
 import { teddySpacing50 } from "../../tokens/spacing/variables.js";
 import { Grid } from "../grid/grid.js";
+import { teddyColorTransparentWhite850, teddyColorTransparentWhite800, teddyColorTransparentWhite100, teddyColorTransparentBlack600, teddyColorTransparentBlack200 } from "../../tokens/color/variables.js";
 const styles = {
   "teddy-card": "_teddy-card_aok47_3",
   "teddy-card__slot": "_teddy-card__slot_aok47_13",
@@ -45,7 +46,7 @@ const actionElementIdentifier = `${rootClassName}__action`;
 const variantOptions = ["purple-light", "purple-dark", "gray", "white", "beige"];
 const RootContext = React__default.createContext(void 0);
 const Root = React__default.forwardRef(
-  ({ className, children, shadow, backgroundImageSrc, layout, variant, bordered, ...props }, forwardRef) => {
+  ({ className, children, shadow, backgroundImageSrc, imageGradient, layout, variant, bordered, ...props }, forwardRef) => {
     const buttonRef = React__default.useRef(null);
     const linkRef = React__default.useRef(null);
     const classes = clsx(
@@ -55,17 +56,32 @@ const Root = React__default.forwardRef(
         [styles[`${rootClassName}--border`]]: bordered,
         [styles[`${rootClassName}--shadow`]]: shadow,
         [styles[`${rootClassName}--background-image`]]: backgroundImageSrc,
+        [styles[`${rootClassName}--background-image--${layout}`]]: layout,
         [styles[`${rootClassName}--layout`]]: layout,
         [styles[`${rootClassName}--${layout}`]]: layout
       },
       className
     );
+    const customStyle = backgroundImageSrc ? imageGradient === "light" ? {
+      backgroundImage: `
+        linear-gradient(${teddyColorTransparentWhite850} 0%, 
+        ${teddyColorTransparentWhite800} 50%, 
+        ${teddyColorTransparentWhite100} 100%), 
+        url(${backgroundImageSrc})`,
+      ...props.style
+    } : {
+      backgroundImage: `
+        linear-gradient(${teddyColorTransparentBlack600} 0%,
+        ${teddyColorTransparentBlack200} 100%), 
+        url(${backgroundImageSrc})`,
+      ...props.style
+    } : props.style;
     return /* @__PURE__ */ jsx(RootContext.Provider, { value: { buttonRef, linkRef, variant, layout }, children: /* @__PURE__ */ jsx(
       Grid,
       {
         ...props,
         className: classes,
-        style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})`, ...props.style } : props.style,
+        style: customStyle,
         onClick: composeEventHandlers(props.onClick, (e) => {
           var _a;
           if (e.isDefaultPrevented())

package/dist/components/drawer/drawer-close.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
-const drawer_module = require("../../drawer.module-_pUdp_M1.cjs");
+const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 require("../../assets/sprite.269ba410-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");

package/dist/components/drawer/drawer-close.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
-import { s as styles } from "../../drawer.module-BPXo6-Q2.js";
+import { s as styles } from "../../drawer.module-BNPErv-x.js";
 import { rootClassName } from "./drawer-root.js";
 import "../../assets/sprite.269ba410-teddy.svg";
 import { Icon } from "../icon/icon.js";

package/dist/components/drawer/drawer-content.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
-const drawer_module = require("../../drawer.module-_pUdp_M1.cjs");
+const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 const components_drawer_drawerOverlay = require("./drawer-overlay.cjs");
 const components_flex_flex = require("../flex/flex.cjs");
@@ -36,7 +36,7 @@ const InnerContent = React.forwardRef(
       ],
       className
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Content, { ...props, ref: forwardedRef, className: classes, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Content, { ...props, ref: forwardedRef, asChild: true, className: classes, children: /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { children }) });
   }
 );
 const Content = React.forwardRef(

package/dist/components/drawer/drawer-content.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
-import { s as styles } from "../../drawer.module-BPXo6-Q2.js";
+import { s as styles } from "../../drawer.module-BNPErv-x.js";
 import { rootClassName } from "./drawer-root.js";
 import { OverlayContext, Overlay } from "./drawer-overlay.js";
 import { Flex } from "../flex/flex.js";
@@ -17,7 +17,7 @@ const InnerContent = React__default.forwardRef(
       ],
       className
     );
-    return /* @__PURE__ */ jsx(DrawerPrimitive.Content, { ...props, ref: forwardedRef, className: classes, asChild: true, children: /* @__PURE__ */ jsx(Flex, { children }) });
+    return /* @__PURE__ */ jsx(DrawerPrimitive.Content, { ...props, ref: forwardedRef, asChild: true, className: classes, children: /* @__PURE__ */ jsx(Flex, { children }) });
   }
 );
 const Content = React__default.forwardRef(

package/dist/components/drawer/drawer-description.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
-const drawer_module = require("../../drawer.module-_pUdp_M1.cjs");
+const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 const components_text_text = require("../text/text.cjs");
 function _interopNamespaceDefault(e) {

package/dist/components/drawer/drawer-description.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
-import { s as styles } from "../../drawer.module-BPXo6-Q2.js";
+import { s as styles } from "../../drawer.module-BNPErv-x.js";
 import { rootClassName } from "./drawer-root.js";
 import { Text } from "../text/text.js";
 const DescriptionContext = React__default.createContext(false);

package/dist/components/drawer/drawer-footer.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
-const drawer_module = require("../../drawer.module-_pUdp_M1.cjs");
+const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 const components_flex_flex = require("../flex/flex.cjs");
 const Footer = React.forwardRef(

package/dist/components/drawer/drawer-footer.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
-import { s as styles } from "../../drawer.module-BPXo6-Q2.js";
+import { s as styles } from "../../drawer.module-BNPErv-x.js";
 import { rootClassName } from "./drawer-root.js";
 import { Flex } from "../flex/flex.js";
 const Footer = React__default.forwardRef(

package/dist/components/drawer/drawer-overlay.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
-const drawer_module = require("../../drawer.module-_pUdp_M1.cjs");
+const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/components/drawer/drawer-overlay.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
-import { s as styles } from "../../drawer.module-BPXo6-Q2.js";
+import { s as styles } from "../../drawer.module-BNPErv-x.js";
 import { rootClassName } from "./drawer-root.js";
 const OverlayContext = React__default.createContext(false);
 const Overlay = React__default.forwardRef(

package/dist/components/drawer/drawer-title.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
-const drawer_module = require("../../drawer.module-_pUdp_M1.cjs");
+const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 const components_heading_heading = require("../heading/heading.cjs");
 function _interopNamespaceDefault(e) {

package/dist/components/drawer/drawer-title.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
-import { s as styles } from "../../drawer.module-BPXo6-Q2.js";
+import { s as styles } from "../../drawer.module-BNPErv-x.js";
 import { rootClassName } from "./drawer-root.js";
 import { Heading } from "../heading/heading.js";
 const Title = React__default.forwardRef(

package/dist/components/expandable-card/expandable-card-indicator.cjs

@@ -12,5 +12,4 @@ const Indicator = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { "aria-hidden": true, name, ...props, ref: forwardRef, className: classes, children });
   }
 );
-Indicator.displayName = "Indicator";
 exports.Indicator = Indicator;

package/dist/components/expandable-card/expandable-card-indicator.js

@@ -10,7 +10,6 @@ const Indicator = React__default.forwardRef(
     return /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, name, ...props, ref: forwardRef, className: classes, children });
   }
 );
-Indicator.displayName = "Indicator";
 export {
   Indicator
 };

package/dist/components/expandable-card/expandable-card-root.cjs

@@ -22,21 +22,21 @@ function _interopNamespaceDefault(e) {
 }
 const AccordionPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AccordionPrimitive);
 const styles = {
-  "teddy-expandable-card": "_teddy-expandable-card_12yyw_1",
-  "teddy-expandable-card__item": "_teddy-expandable-card__item_12yyw_6",
-  "teddy-expandable-card__trigger": "_teddy-expandable-card__trigger_12yyw_14",
-  "teddy-expandable-card__indicator": "_teddy-expandable-card__indicator_12yyw_38",
-  "teddy-expandable-card__hidden": "_teddy-expandable-card__hidden_12yyw_50",
-  "teddy-expandable-card__line": "_teddy-expandable-card__line_12yyw_56",
-  "teddy-expandable-card__content": "_teddy-expandable-card__content_12yyw_59",
-  "teddy-expandable-card__description": "_teddy-expandable-card__description_12yyw_68",
-  "teddy-expandable-card__price": "_teddy-expandable-card__price_12yyw_79",
-  "teddy-expandable-card__header": "_teddy-expandable-card__header_12yyw_83",
-  "teddy-expandable-card__slot": "_teddy-expandable-card__slot_12yyw_91",
-  "teddy-expandable-card__slot--center": "_teddy-expandable-card__slot--center_12yyw_96",
-  "teddy-expandable-card__slot--bottom": "_teddy-expandable-card__slot--bottom_12yyw_99",
-  "teddy-expandable-card__button--right": "_teddy-expandable-card__button--right_12yyw_112",
-  "teddy-expandable-card__button--left": "_teddy-expandable-card__button--left_12yyw_115"
+  "teddy-expandable-card": "_teddy-expandable-card_15whs_1",
+  "teddy-expandable-card__item": "_teddy-expandable-card__item_15whs_7",
+  "teddy-expandable-card__trigger": "_teddy-expandable-card__trigger_15whs_15",
+  "teddy-expandable-card__indicator": "_teddy-expandable-card__indicator_15whs_39",
+  "teddy-expandable-card__hidden": "_teddy-expandable-card__hidden_15whs_51",
+  "teddy-expandable-card__line": "_teddy-expandable-card__line_15whs_57",
+  "teddy-expandable-card__content": "_teddy-expandable-card__content_15whs_60",
+  "teddy-expandable-card__description": "_teddy-expandable-card__description_15whs_69",
+  "teddy-expandable-card__price": "_teddy-expandable-card__price_15whs_80",
+  "teddy-expandable-card__header": "_teddy-expandable-card__header_15whs_84",
+  "teddy-expandable-card__slot": "_teddy-expandable-card__slot_15whs_92",
+  "teddy-expandable-card__slot--bottom": "_teddy-expandable-card__slot--bottom_15whs_97",
+  "teddy-expandable-card__slot--center": "_teddy-expandable-card__slot--center_15whs_100",
+  "teddy-expandable-card__button--right": "_teddy-expandable-card__button--right_15whs_116",
+  "teddy-expandable-card__button--left": "_teddy-expandable-card__button--left_15whs_119"
 };
 const rootClassName = "teddy-expandable-card";
 const Root = React.forwardRef(

package/dist/components/expandable-card/expandable-card-root.js

@@ -3,21 +3,21 @@ import React__default from "react";
 import clsx from "clsx";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 const styles = {
-  "teddy-expandable-card": "_teddy-expandable-card_12yyw_1",
-  "teddy-expandable-card__item": "_teddy-expandable-card__item_12yyw_6",
-  "teddy-expandable-card__trigger": "_teddy-expandable-card__trigger_12yyw_14",
-  "teddy-expandable-card__indicator": "_teddy-expandable-card__indicator_12yyw_38",
-  "teddy-expandable-card__hidden": "_teddy-expandable-card__hidden_12yyw_50",
-  "teddy-expandable-card__line": "_teddy-expandable-card__line_12yyw_56",
-  "teddy-expandable-card__content": "_teddy-expandable-card__content_12yyw_59",
-  "teddy-expandable-card__description": "_teddy-expandable-card__description_12yyw_68",
-  "teddy-expandable-card__price": "_teddy-expandable-card__price_12yyw_79",
-  "teddy-expandable-card__header": "_teddy-expandable-card__header_12yyw_83",
-  "teddy-expandable-card__slot": "_teddy-expandable-card__slot_12yyw_91",
-  "teddy-expandable-card__slot--center": "_teddy-expandable-card__slot--center_12yyw_96",
-  "teddy-expandable-card__slot--bottom": "_teddy-expandable-card__slot--bottom_12yyw_99",
-  "teddy-expandable-card__button--right": "_teddy-expandable-card__button--right_12yyw_112",
-  "teddy-expandable-card__button--left": "_teddy-expandable-card__button--left_12yyw_115"
+  "teddy-expandable-card": "_teddy-expandable-card_15whs_1",
+  "teddy-expandable-card__item": "_teddy-expandable-card__item_15whs_7",
+  "teddy-expandable-card__trigger": "_teddy-expandable-card__trigger_15whs_15",
+  "teddy-expandable-card__indicator": "_teddy-expandable-card__indicator_15whs_39",
+  "teddy-expandable-card__hidden": "_teddy-expandable-card__hidden_15whs_51",
+  "teddy-expandable-card__line": "_teddy-expandable-card__line_15whs_57",
+  "teddy-expandable-card__content": "_teddy-expandable-card__content_15whs_60",
+  "teddy-expandable-card__description": "_teddy-expandable-card__description_15whs_69",
+  "teddy-expandable-card__price": "_teddy-expandable-card__price_15whs_80",
+  "teddy-expandable-card__header": "_teddy-expandable-card__header_15whs_84",
+  "teddy-expandable-card__slot": "_teddy-expandable-card__slot_15whs_92",
+  "teddy-expandable-card__slot--bottom": "_teddy-expandable-card__slot--bottom_15whs_97",
+  "teddy-expandable-card__slot--center": "_teddy-expandable-card__slot--center_15whs_100",
+  "teddy-expandable-card__button--right": "_teddy-expandable-card__button--right_15whs_116",
+  "teddy-expandable-card__button--left": "_teddy-expandable-card__button--left_15whs_119"
 };
 const rootClassName = "teddy-expandable-card";
 const Root = React__default.forwardRef(

package/dist/components/expandable-card/index.cjs

@@ -11,6 +11,7 @@ const components_expandableCard_expandableCardHidden = require("./expandable-car
 const components_expandableCard_expandableCardButton = require("./expandable-card-button.cjs");
 const components_expandableCard_expandableCardDescription = require("./expandable-card-description.cjs");
 const components_expandableCard_expandableCardPrice = require("./expandable-card-price.cjs");
+const components_expandableCard_expandableCardIndicator = require("./expandable-card-indicator.cjs");
 components_expandableCard_expandableCardRoot.Root.displayName = "ExpandableCard";
 components_expandableCard_expandableCardItem.Item.displayName = "ExpandableCard.Item";
 components_expandableCard_expandableCardLine.Line.displayName = "ExpandableCard.Line";
@@ -22,6 +23,7 @@ components_expandableCard_expandableCardPrice.Price.displayName = "ExpandableCar
 components_expandableCard_expandableCardSlot.Slot.displayName = "ExpandableCard.Slot";
 components_expandableCard_expandableCardHidden.HiddenContainer.displayName = "ExpandableCard.HiddenContainer";
 components_expandableCard_expandableCardButton.Button.displayName = "ExpandableCard.Button";
+components_expandableCard_expandableCardIndicator.Indicator.displayName = "ExpandableCard.Indicator";
 const ExpandableCard = Object.assign(components_expandableCard_expandableCardRoot.Root, {
   Item: components_expandableCard_expandableCardItem.Item,
   Line: components_expandableCard_expandableCardLine.Line,
@@ -32,6 +34,7 @@ const ExpandableCard = Object.assign(components_expandableCard_expandableCardRoo
   Price: components_expandableCard_expandableCardPrice.Price,
   Slot: components_expandableCard_expandableCardSlot.Slot,
   HiddenContainer: components_expandableCard_expandableCardHidden.HiddenContainer,
-  Button: components_expandableCard_expandableCardButton.Button
+  Button: components_expandableCard_expandableCardButton.Button,
+  Indicator: components_expandableCard_expandableCardIndicator.Indicator
 });
 exports.ExpandableCard = ExpandableCard;

package/dist/components/expandable-card/index.d.ts

@@ -8,6 +8,7 @@ import { HiddenContainerProps } from './expandable-card-hidden';
 import { ButtonProps } from './expandable-card-button';
 import { DescriptionProps } from './expandable-card-description';
 import { PriceProps } from './expandable-card-price';
+import { IndicatorProps } from './expandable-card-indicator';
 
 export declare const ExpandableCard: import('react').ForwardRefExoticComponent<RootProps & import('react').RefAttributes<HTMLDivElement>> & {
     Item: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-accordion').AccordionItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
@@ -45,6 +46,7 @@ export declare const ExpandableCard: import('react').ForwardRefExoticComponent<R
         variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
         position?: "left" | "right" | undefined;
     } & import('react').RefAttributes<HTMLButtonElement>>;
+    Indicator: import('react').ForwardRefExoticComponent<Omit<IndicatorProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
 };
 export type ExpandableCardProps = {
     Root: RootProps;
@@ -58,4 +60,5 @@ export type ExpandableCardProps = {
     Slot: SlotProps;
     HiddenContainer: HiddenContainerProps;
     Button: ButtonProps;
+    Indicator: IndicatorProps;
 };

package/dist/components/expandable-card/index.js

@@ -9,6 +9,7 @@ import { HiddenContainer } from "./expandable-card-hidden.js";
 import { Button } from "./expandable-card-button.js";
 import { Description } from "./expandable-card-description.js";
 import { Price } from "./expandable-card-price.js";
+import { Indicator } from "./expandable-card-indicator.js";
 Root.displayName = "ExpandableCard";
 Item.displayName = "ExpandableCard.Item";
 Line.displayName = "ExpandableCard.Line";
@@ -20,6 +21,7 @@ Price.displayName = "ExpandableCard.Price";
 Slot.displayName = "ExpandableCard.Slot";
 HiddenContainer.displayName = "ExpandableCard.HiddenContainer";
 Button.displayName = "ExpandableCard.Button";
+Indicator.displayName = "ExpandableCard.Indicator";
 const ExpandableCard = Object.assign(Root, {
   Item,
   Line,
@@ -30,7 +32,8 @@ const ExpandableCard = Object.assign(Root, {
   Price,
   Slot,
   HiddenContainer,
-  Button
+  Button,
+  Indicator
 });
 export {
   ExpandableCard

package/dist/components/navigation-menu/global-navigation/global-navigation-desktop-simplified.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("react/jsx-runtime");
+require("react");
+require("../navigation-menu.cjs");
+const components_navigationMenu_globalNavigation_globalNavigationMyPages = require("./global-navigation-my-pages.cjs");
+require("./utils.cjs");
+require("../../box/box.cjs");
+exports.DesktopSimplified = components_navigationMenu_globalNavigation_globalNavigationMyPages.DesktopSimplified;

package/dist/components/navigation-menu/global-navigation/global-navigation-desktop-simplified.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+export type DesktopProps = React.ComponentPropsWithoutRef<'div'> & {
+    isSimplified?: boolean;
+};
+export declare const DesktopSimplified: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    isSimplified?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/navigation-menu/global-navigation/global-navigation-desktop-simplified.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "react";
+import "../navigation-menu.js";
+import { c } from "./global-navigation-my-pages.js";
+import "./utils.js";
+import "../../box/box.js";
+export {
+  c as DesktopSimplified
+};

package/dist/components/navigation-menu/global-navigation/global-navigation-mobile-simplified.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("react/jsx-runtime");
+require("react");
+const components_navigationMenu_globalNavigation_globalNavigationMyPages = require("./global-navigation-my-pages.cjs");
+require("clsx");
+require("../navigation-menu.cjs");
+require("../../flex/flex.cjs");
+require("../../box/box.cjs");
+require("../../../assets/sprite.269ba410-teddy.svg");
+require("../../icon/icon.cjs");
+exports.MobileSimplified = components_navigationMenu_globalNavigation_globalNavigationMyPages.MobileSimplified;

package/dist/components/navigation-menu/global-navigation/global-navigation-mobile-simplified.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+export type MobileProps = React.ComponentPropsWithoutRef<'div'>;
+export declare function MobileSimplified(props: MobileProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace MobileSimplified {
+    var displayName: string;
+}

package/dist/components/navigation-menu/global-navigation/global-navigation-mobile-simplified.js

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+import "react";
+import { d } from "./global-navigation-my-pages.js";
+import "clsx";
+import "../navigation-menu.js";
+import "../../flex/flex.js";
+import "../../box/box.js";
+import "../../../assets/sprite.269ba410-teddy.svg";
+import "../../icon/icon.js";
+export {
+  d as MobileSimplified
+};