@telia/teddy 0.6.15 → 0.6.17

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

@@ -7,21 +7,21 @@ const reactSlot = require("@radix-ui/react-slot");
 require("../../assets/sprite.c7653d19-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const styles = {
-  "teddy-dashboard-card": "_teddy-dashboard-card_mczi8_3",
-  "teddy-dashboard-card__content": "_teddy-dashboard-card__content_mczi8_19",
-  "teddy-dashboard-card__footer": "_teddy-dashboard-card__footer_mczi8_20",
-  "teddy-dashboard-card--white": "_teddy-dashboard-card--white_mczi8_23",
-  "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_mczi8_27",
-  "teddy-dashboard-card--border": "_teddy-dashboard-card--border_mczi8_36",
-  "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_mczi8_48",
-  "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_mczi8_61",
-  "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_mczi8_74",
-  "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_mczi8_87",
-  "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_mczi8_97",
-  "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_mczi8_100",
-  "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_mczi8_103",
-  "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_mczi8_107",
-  "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_mczi8_111"
+  "teddy-dashboard-card": "_teddy-dashboard-card_5b7hf_3",
+  "teddy-dashboard-card__content": "_teddy-dashboard-card__content_5b7hf_20",
+  "teddy-dashboard-card__footer": "_teddy-dashboard-card__footer_5b7hf_21",
+  "teddy-dashboard-card--white": "_teddy-dashboard-card--white_5b7hf_24",
+  "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_5b7hf_28",
+  "teddy-dashboard-card--border": "_teddy-dashboard-card--border_5b7hf_37",
+  "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_5b7hf_49",
+  "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_5b7hf_62",
+  "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_5b7hf_75",
+  "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_5b7hf_88",
+  "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_5b7hf_98",
+  "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_5b7hf_101",
+  "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_5b7hf_104",
+  "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_5b7hf_108",
+  "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_5b7hf_112"
 };
 const rootClassName = "teddy-dashboard-card";
 const RootContext = React.createContext(void 0);

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

@@ -5,21 +5,21 @@ import { Slottable, Slot } from "@radix-ui/react-slot";
 import "../../assets/sprite.c7653d19-teddy.svg";
 import { Icon } from "../icon/icon.js";
 const styles = {
-  "teddy-dashboard-card": "_teddy-dashboard-card_mczi8_3",
-  "teddy-dashboard-card__content": "_teddy-dashboard-card__content_mczi8_19",
-  "teddy-dashboard-card__footer": "_teddy-dashboard-card__footer_mczi8_20",
-  "teddy-dashboard-card--white": "_teddy-dashboard-card--white_mczi8_23",
-  "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_mczi8_27",
-  "teddy-dashboard-card--border": "_teddy-dashboard-card--border_mczi8_36",
-  "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_mczi8_48",
-  "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_mczi8_61",
-  "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_mczi8_74",
-  "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_mczi8_87",
-  "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_mczi8_97",
-  "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_mczi8_100",
-  "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_mczi8_103",
-  "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_mczi8_107",
-  "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_mczi8_111"
+  "teddy-dashboard-card": "_teddy-dashboard-card_5b7hf_3",
+  "teddy-dashboard-card__content": "_teddy-dashboard-card__content_5b7hf_20",
+  "teddy-dashboard-card__footer": "_teddy-dashboard-card__footer_5b7hf_21",
+  "teddy-dashboard-card--white": "_teddy-dashboard-card--white_5b7hf_24",
+  "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_5b7hf_28",
+  "teddy-dashboard-card--border": "_teddy-dashboard-card--border_5b7hf_37",
+  "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_5b7hf_49",
+  "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_5b7hf_62",
+  "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_5b7hf_75",
+  "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_5b7hf_88",
+  "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_5b7hf_98",
+  "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_5b7hf_101",
+  "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_5b7hf_104",
+  "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_5b7hf_108",
+  "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_5b7hf_112"
 };
 const rootClassName = "teddy-dashboard-card";
 const RootContext = React__default.createContext(void 0);

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

@@ -4,6 +4,7 @@ import { AppKey } from './utils';
 export declare const rootClassName = "teddy-global-navigation";
 type User = {
     name: string;
+    isRetailer?: boolean;
 };
 export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
     appKey: AppKey;
@@ -33,7 +34,7 @@ type RootContext = {
     setPathname: (v: string) => void;
     specifiedLink?: string;
     setSpecifiedLink: (v: string) => void;
-} & Pick<RootProps, 'onSearchSubmit' | 'additionalSearchContent' | 'shoppingCart' | 'shoppingCartNumberOfItems' | 'loggedInUser' | 'appKey' | 'onLogoutClick' | 'linkComponent' | 'isCartOpen' | 'onCartOpenChange' | 'drawerSize' | "onSearchInputChange" | 'onSearchKeyDown' | 'searchValue' | 'onClear'>;
+} & Pick<RootProps, 'onSearchSubmit' | 'additionalSearchContent' | 'shoppingCart' | 'shoppingCartNumberOfItems' | 'loggedInUser' | 'appKey' | 'onLogoutClick' | 'linkComponent' | 'isCartOpen' | 'onCartOpenChange' | 'drawerSize' | 'onSearchInputChange' | 'onSearchKeyDown' | 'searchValue' | 'onClear'>;
 export declare const RootContext: React.Context<RootContext | null>;
 export declare function Root({ className, appKey, loggedInUser, linkComponent, onLogoutClick, shoppingCart, shoppingCartNumberOfItems, onSearchSubmit, additionalSearchContent, isCartOpen, onCartOpenChange, drawerSize, isSimplified, currentPath, onSearchInputChange, onSearchKeyDown, searchValue, onClear, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Root {

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

@@ -41,6 +41,37 @@ const MY_PAGE_LINKS = {
     }
   ]
 };
+const MY_PAGE_RETAILER_LINKS = {
+  name: "Min Side",
+  link: "/forhandler",
+  appKey: APP_KEYS["web-shop"],
+  links: [
+    {
+      name: "Velg Butikk",
+      link: "/forhandler/butikk",
+      appKey: APP_KEYS["web-shop"],
+      icon: "store"
+    },
+    {
+      name: "Mine Ordre",
+      link: "/forhandler/mine-ordre",
+      appKey: APP_KEYS["web-shop"],
+      icon: "report"
+    },
+    {
+      name: "Administrasjon",
+      link: "/forhandler/administrasjon",
+      appKey: APP_KEYS["web-shop"],
+      icon: "settings"
+    },
+    {
+      name: "Se kundeopplysninger",
+      link: "/forhandler/kunde",
+      appKey: APP_KEYS["web-shop"],
+      icon: "end-user"
+    }
+  ]
+};
 const MY_BUSINESS_LINKS = {
   name: "Min bedrift",
   link: "https://beta.minbedrift.telia.no",
@@ -1085,6 +1116,7 @@ exports.LOGGED_IN_LINKS_BUSINESS = LOGGED_IN_LINKS_BUSINESS;
 exports.MDU_LINKS = MDU_LINKS;
 exports.MY_BUSINESS_LINKS = MY_BUSINESS_LINKS;
 exports.MY_PAGE_LINKS = MY_PAGE_LINKS;
+exports.MY_PAGE_RETAILER_LINKS = MY_PAGE_RETAILER_LINKS;
 exports.MY_PORTAL_LINKS = MY_PORTAL_LINKS;
 exports.PRIVATE_LINKS = PRIVATE_LINKS;
 exports.SMART_CONNECT_LINKS = SMART_CONNECT_LINKS;

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

@@ -45,6 +45,32 @@ export declare const MY_PAGE_LINKS: {
         readonly icon: "secured-1";
     }];
 };
+export declare const MY_PAGE_RETAILER_LINKS: {
+    readonly name: "Min Side";
+    readonly link: "/forhandler";
+    readonly appKey: "web-shop";
+    readonly links: [{
+        readonly name: "Velg Butikk";
+        readonly link: "/forhandler/butikk";
+        readonly appKey: "web-shop";
+        readonly icon: "store";
+    }, {
+        readonly name: "Mine Ordre";
+        readonly link: "/forhandler/mine-ordre";
+        readonly appKey: "web-shop";
+        readonly icon: "report";
+    }, {
+        readonly name: "Administrasjon";
+        readonly link: "/forhandler/administrasjon";
+        readonly appKey: "web-shop";
+        readonly icon: "settings";
+    }, {
+        readonly name: "Se kundeopplysninger";
+        readonly link: "/forhandler/kunde";
+        readonly appKey: "web-shop";
+        readonly icon: "end-user";
+    }];
+};
 export declare const MY_BUSINESS_LINKS: {
     readonly name: "Min bedrift";
     readonly link: "https://beta.minbedrift.telia.no";

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

@@ -39,6 +39,37 @@ const MY_PAGE_LINKS = {
     }
   ]
 };
+const MY_PAGE_RETAILER_LINKS = {
+  name: "Min Side",
+  link: "/forhandler",
+  appKey: APP_KEYS["web-shop"],
+  links: [
+    {
+      name: "Velg Butikk",
+      link: "/forhandler/butikk",
+      appKey: APP_KEYS["web-shop"],
+      icon: "store"
+    },
+    {
+      name: "Mine Ordre",
+      link: "/forhandler/mine-ordre",
+      appKey: APP_KEYS["web-shop"],
+      icon: "report"
+    },
+    {
+      name: "Administrasjon",
+      link: "/forhandler/administrasjon",
+      appKey: APP_KEYS["web-shop"],
+      icon: "settings"
+    },
+    {
+      name: "Se kundeopplysninger",
+      link: "/forhandler/kunde",
+      appKey: APP_KEYS["web-shop"],
+      icon: "end-user"
+    }
+  ]
+};
 const MY_BUSINESS_LINKS = {
   name: "Min bedrift",
   link: "https://beta.minbedrift.telia.no",
@@ -1084,6 +1115,7 @@ export {
   MDU_LINKS,
   MY_BUSINESS_LINKS,
   MY_PAGE_LINKS,
+  MY_PAGE_RETAILER_LINKS,
   MY_PORTAL_LINKS,
   PRIVATE_LINKS,
   SMART_CONNECT_LINKS,

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

@@ -643,8 +643,16 @@ function LoggedOutContent() {
   ] });
 }
 function LoggedInContent() {
-  var _a;
+  var _a, _b, _c;
   const rootContext = React.useContext(RootContext);
+  const isRetailerLoggedIn = (_a = rootContext == null ? void 0 : rootContext.loggedInUser) == null ? void 0 : _a.isRetailer;
+  if (isRetailerLoggedIn) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(components_textSpacing_textSpacing.TextSpacing, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Min Side" }),
+      (_b = components_navigationMenu_globalNavigation_utils.MY_PAGE_RETAILER_LINKS.links) == null ? void 0 : _b.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: link.icon, children: link.name }) }) }, link.link)),
+      /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { mt: "200", onClick: () => rootContext == null ? void 0 : rootContext.onLogoutClick(), variant: "secondary", children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "logout", children: "Logg ut" }) })
+    ] });
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Mine sider" }),
     /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs, { defaultValue: "private", children: [
@@ -655,7 +663,7 @@ function LoggedInContent() {
       /* @__PURE__ */ jsxRuntime.jsxs(components_textSpacing_textSpacing.TextSpacing, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.Content, { value: "private", children: [
           /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Min Side" }),
-          (_a = components_navigationMenu_globalNavigation_utils.MY_PAGE_LINKS.links) == null ? void 0 : _a.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: link.icon, children: link.name }) }) }, link.link))
+          (_c = components_navigationMenu_globalNavigation_utils.MY_PAGE_LINKS.links) == null ? void 0 : _c.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: link.icon, children: link.name }) }) }, link.link))
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.Content, { value: "business", children: [
           /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Bedriftsportaler" }),

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

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useEffect } from "react";
 import clsx from "clsx";
-import { MY_PAGE_LINKS, LOGGED_IN_LINKS_BUSINESS, PRIVATE_LINKS, BUSINESS_LINKS, BUSINESS_UKKO_LINKS, MDU_LINKS, getLinks, getActiveSubLink } from "../navigation-menu/global-navigation/utils.js";
+import { MY_PAGE_LINKS, LOGGED_IN_LINKS_BUSINESS, MY_PAGE_RETAILER_LINKS, PRIVATE_LINKS, BUSINESS_LINKS, BUSINESS_UKKO_LINKS, MDU_LINKS, getLinks, getActiveSubLink } 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";
@@ -622,8 +622,16 @@ function LoggedOutContent() {
   ] });
 }
 function LoggedInContent() {
-  var _a;
+  var _a, _b, _c;
   const rootContext = React__default.useContext(RootContext);
+  const isRetailerLoggedIn = (_a = rootContext == null ? void 0 : rootContext.loggedInUser) == null ? void 0 : _a.isRetailer;
+  if (isRetailerLoggedIn) {
+    return /* @__PURE__ */ jsxs(TextSpacing, { children: [
+      /* @__PURE__ */ jsx(Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Min Side" }),
+      (_b = MY_PAGE_RETAILER_LINKS.links) == null ? void 0 : _b.map((link) => /* @__PURE__ */ jsx(Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsx("a", { href: link.link, children: /* @__PURE__ */ jsx(Icon, { name: link.icon, children: link.name }) }) }, link.link)),
+      /* @__PURE__ */ jsx(Button, { mt: "200", onClick: () => rootContext == null ? void 0 : rootContext.onLogoutClick(), variant: "secondary", children: /* @__PURE__ */ jsx(Icon, { name: "logout", children: "Logg ut" }) })
+    ] });
+  }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Drawer.Title, { children: "Mine sider" }),
     /* @__PURE__ */ jsxs(Tabs, { defaultValue: "private", children: [
@@ -634,7 +642,7 @@ function LoggedInContent() {
       /* @__PURE__ */ jsxs(TextSpacing, { children: [
         /* @__PURE__ */ jsxs(Tabs.Content, { value: "private", children: [
           /* @__PURE__ */ jsx(Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Min Side" }),
-          (_a = MY_PAGE_LINKS.links) == null ? void 0 : _a.map((link) => /* @__PURE__ */ jsx(Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsx("a", { href: link.link, children: /* @__PURE__ */ jsx(Icon, { name: link.icon, children: link.name }) }) }, link.link))
+          (_c = MY_PAGE_LINKS.links) == null ? void 0 : _c.map((link) => /* @__PURE__ */ jsx(Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsx("a", { href: link.link, children: /* @__PURE__ */ jsx(Icon, { name: link.icon, children: link.name }) }) }, link.link))
         ] }),
         /* @__PURE__ */ jsxs(Tabs.Content, { value: "business", children: [
           /* @__PURE__ */ jsx(Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Bedriftsportaler" }),

package/dist/style.css

@@ -282,7 +282,7 @@
   background-color: var(--teddy-color-green-50);
 }@layer heading, badge, flex, grid, dashboard-card;
 @layer dashboard-card {
-  ._teddy-dashboard-card_mczi8_3 {
+  ._teddy-dashboard-card_5b7hf_3 {
     outline: none;
     background: none;
     border: none;
@@ -297,76 +297,77 @@
     border: var(--teddy-border-width-xs) solid transparent;
     border-radius: var(--teddy-border-radius-md);
     width: 100%;
+    cursor: pointer;
   }
-  ._teddy-dashboard-card_mczi8_3 ._teddy-dashboard-card__content_mczi8_19,
-  ._teddy-dashboard-card_mczi8_3 ._teddy-dashboard-card__footer_mczi8_20 {
+  ._teddy-dashboard-card_5b7hf_3 ._teddy-dashboard-card__content_5b7hf_20,
+  ._teddy-dashboard-card_5b7hf_3 ._teddy-dashboard-card__footer_5b7hf_21 {
     margin-top: var(--teddy-spacing-150);
   }
-  ._teddy-dashboard-card--white_mczi8_23 {
+  ._teddy-dashboard-card--white_5b7hf_24 {
     background-color: var(--teddy-color-brand-white);
     color: var(--teddy-color-text-default);
   }
-  ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--disabled_mczi8_27 {
+  ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--disabled_5b7hf_28 {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-dashboard-card--white_mczi8_23:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--white_5b7hf_24:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     background-color: var(--teddy-color-purple-50);
   }
-  ._teddy-dashboard-card--white_mczi8_23:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--white_5b7hf_24:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     background-color: var(--teddy-color-purple-100);
   }
-  ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36 {
+  ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--border_5b7hf_37 {
     border-color: var(--teddy-color-transparent-black-300);
   }
-  ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36._teddy-dashboard-card--disabled_mczi8_27 {
+  ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--border_5b7hf_37._teddy-dashboard-card--disabled_5b7hf_28 {
     border-color: var(--teddy-color-transparent-black-300);
   }
-  ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--border_5b7hf_37:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     border-color: var(--teddy-color-transparent-black-300);
   }
-  ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--border_5b7hf_37:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     border-color: var(--teddy-color-transparent-black-300);
   }
-  ._teddy-dashboard-card--grey_mczi8_48 {
+  ._teddy-dashboard-card--grey_5b7hf_49 {
     background-color: #f5f5fa;
     color: var(--teddy-color-text-default);
   }
-  ._teddy-dashboard-card--grey_mczi8_48._teddy-dashboard-card--disabled_mczi8_27 {
+  ._teddy-dashboard-card--grey_5b7hf_49._teddy-dashboard-card--disabled_5b7hf_28 {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-dashboard-card--grey_mczi8_48:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--grey_5b7hf_49:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     background-color: var(--teddy-color-gray-100);
   }
-  ._teddy-dashboard-card--grey_mczi8_48:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--grey_5b7hf_49:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     background-color: var(--teddy-color-gray-200);
   }
-  ._teddy-dashboard-card--purple-light_mczi8_61 {
+  ._teddy-dashboard-card--purple-light_5b7hf_62 {
     background-color: var(--teddy-color-purple-50);
     color: var(--teddy-color-text-default);
   }
-  ._teddy-dashboard-card--purple-light_mczi8_61._teddy-dashboard-card--disabled_mczi8_27 {
+  ._teddy-dashboard-card--purple-light_5b7hf_62._teddy-dashboard-card--disabled_5b7hf_28 {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-dashboard-card--purple-light_mczi8_61:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--purple-light_5b7hf_62:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     background-color: var(--teddy-color-purple-100);
   }
-  ._teddy-dashboard-card--purple-light_mczi8_61:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--purple-light_5b7hf_62:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     background-color: var(--teddy-color-purple-200);
   }
-  ._teddy-dashboard-card--beige-light_mczi8_74 {
+  ._teddy-dashboard-card--beige-light_5b7hf_75 {
     background-color: var(--teddy-color-beige-50);
     color: var(--teddy-color-text-default);
   }
-  ._teddy-dashboard-card--beige-light_mczi8_74._teddy-dashboard-card--disabled_mczi8_27 {
+  ._teddy-dashboard-card--beige-light_5b7hf_75._teddy-dashboard-card--disabled_5b7hf_28 {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-dashboard-card--beige-light_mczi8_74:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--beige-light_5b7hf_75:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     background-color: var(--teddy-color-beige-100);
   }
-  ._teddy-dashboard-card--beige-light_mczi8_74:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--beige-light_5b7hf_75:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     background-color: var(--teddy-color-beige-200);
   }
-  ._teddy-dashboard-card__layout_mczi8_87 {
+  ._teddy-dashboard-card__layout_5b7hf_88 {
     display: grid;
     gap: 0 var(--teddy-spacing-150);
     grid-template-columns: auto 1fr auto;
@@ -376,49 +377,50 @@
     align-items: center;
     grid-template-areas: "media heading chevron" "media subtitle chevron" "content content content" "footer footer footer";
   }
-  ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__avatar_mczi8_97 {
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__avatar_5b7hf_98 {
     grid-area: media;
   }
-  ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__illustration_mczi8_100 {
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__illustration_5b7hf_101 {
     grid-area: media;
   }
-  ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__heading_mczi8_103 {
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__heading_5b7hf_104 {
     grid-area: heading;
     align-self: end;
   }
-  ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__subtitle_mczi8_107 {
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__subtitle_5b7hf_108 {
     grid-area: subtitle;
     align-self: start;
   }
-  ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__chevron_mczi8_111 {
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__chevron_5b7hf_112 {
     grid-area: chevron;
   }
-  ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__content_mczi8_19 {
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__content_5b7hf_20 {
     grid-area: content;
     align-self: start;
   }
-  ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__footer_mczi8_20 {
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__footer_5b7hf_21 {
     grid-area: footer;
     align-self: end;
   }
-  ._teddy-dashboard-card__layout_mczi8_87:not(:has(._teddy-dashboard-card__subtitle_mczi8_107)) {
+  ._teddy-dashboard-card__layout_5b7hf_88:not(:has(._teddy-dashboard-card__subtitle_5b7hf_108)) {
     grid-template-areas: "media heading chevron" "media heading chevron" "content content content" "footer footer footer";
   }
-  ._teddy-dashboard-card__layout_mczi8_87:not(:has(._teddy-dashboard-card__subtitle_mczi8_107)) ._teddy-dashboard-card__heading_mczi8_103 {
+  ._teddy-dashboard-card__layout_5b7hf_88:not(:has(._teddy-dashboard-card__subtitle_5b7hf_108)) ._teddy-dashboard-card__heading_5b7hf_104 {
     align-self: center;
   }
-  ._teddy-dashboard-card__illustration_mczi8_100 {
+  ._teddy-dashboard-card__illustration_5b7hf_101 {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 40px;
   }
-  ._teddy-dashboard-card_mczi8_3:focus-visible {
+  ._teddy-dashboard-card_5b7hf_3:focus-visible {
     outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
     outline-offset: var(--teddy-spacing-25);
   }
-  ._teddy-dashboard-card--disabled_mczi8_27 {
+  ._teddy-dashboard-card--disabled_5b7hf_28 {
     pointer-events: none;
+    cursor: not-allowed;
   }
 }@layer heading {
   ._teddy-heading_r8os0_2 {

package/package.json

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