@telia/teddy 0.6.6 → 0.6.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/components/dashboard-card/dashboard-card-content.cjs +2 -1
  2. package/dist/components/dashboard-card/dashboard-card-content.d.ts +3 -2
  3. package/dist/components/dashboard-card/dashboard-card-content.js +2 -1
  4. package/dist/components/dashboard-card/dashboard-card-footer.cjs +7 -4
  5. package/dist/components/dashboard-card/dashboard-card-footer.d.ts +3 -2
  6. package/dist/components/dashboard-card/dashboard-card-footer.js +7 -4
  7. package/dist/components/dashboard-card/dashboard-card-heading.cjs +1 -1
  8. package/dist/components/dashboard-card/dashboard-card-heading.js +1 -1
  9. package/dist/components/dashboard-card/dashboard-card-root.cjs +15 -15
  10. package/dist/components/dashboard-card/dashboard-card-root.js +15 -15
  11. package/dist/components/navigation-menu/global-navigation/utils.cjs +3 -2
  12. package/dist/components/navigation-menu/global-navigation/utils.d.ts +4 -2
  13. package/dist/components/navigation-menu/global-navigation/utils.js +3 -2
  14. package/dist/style.css +37 -36
  15. package/package.json +1 -1
package/dist/components/dashboard-card/dashboard-card-content.cjs CHANGED
@@ -3,11 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const clsx = require("clsx");
6
+ const components_box_box = require("../box/box.cjs");
6
7
  const components_dashboardCard_dashboardCardRoot = require("./dashboard-card-root.cjs");
7
8
  const Content = React.forwardRef(
8
9
  ({ className, ...props }, forwardRef) => {
9
10
  const classes = clsx([components_dashboardCard_dashboardCardRoot.styles[`${components_dashboardCard_dashboardCardRoot.rootClassName}__content`]], className);
10
- return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, ref: forwardRef, className: classes });
11
+ return /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { width: "100%", ...props, ref: forwardRef, className: classes });
11
12
  }
12
13
  );
13
14
  exports.Content = Content;
package/dist/components/dashboard-card/dashboard-card-content.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { default as React } from 'react';
2
+ import { Box as PrimitiveBox } from '../box';
2
3
 
3
- export type ContentProps = React.ComponentPropsWithoutRef<'div'>;
4
- export declare const Content: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ export type ContentProps = React.ComponentPropsWithoutRef<typeof PrimitiveBox>;
5
+ export declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
package/dist/components/dashboard-card/dashboard-card-content.js CHANGED
@@ -1,11 +1,12 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import React__default from "react";
3
3
  import clsx from "clsx";
4
+ import { Box } from "../box/box.js";
4
5
  import { s as styles, rootClassName } from "./dashboard-card-root.js";
5
6
  const Content = React__default.forwardRef(
6
7
  ({ className, ...props }, forwardRef) => {
7
8
  const classes = clsx([styles[`${rootClassName}__content`]], className);
8
- return /* @__PURE__ */ jsx("div", { ...props, ref: forwardRef, className: classes });
9
+ return /* @__PURE__ */ jsx(Box, { width: "100%", ...props, ref: forwardRef, className: classes });
9
10
  }
10
11
  );
11
12
  export {
package/dist/components/dashboard-card/dashboard-card-footer.cjs CHANGED
@@ -3,9 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const clsx = require("clsx");
6
+ const components_box_box = require("../box/box.cjs");
6
7
  const components_dashboardCard_dashboardCardRoot = require("./dashboard-card-root.cjs");
7
- const Footer = React.forwardRef(({ className, ...props }, forwardRef) => {
8
- const classes = clsx([components_dashboardCard_dashboardCardRoot.styles[`${components_dashboardCard_dashboardCardRoot.rootClassName}__footer`]], className);
9
- return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, ref: forwardRef, className: classes });
10
- });
8
+ const Footer = React.forwardRef(
9
+ ({ className, ...props }, forwardRef) => {
10
+ const classes = clsx([components_dashboardCard_dashboardCardRoot.styles[`${components_dashboardCard_dashboardCardRoot.rootClassName}__footer`]], className);
11
+ return /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { width: "100%", ...props, ref: forwardRef, className: classes });
12
+ }
13
+ );
11
14
  exports.Footer = Footer;
package/dist/components/dashboard-card/dashboard-card-footer.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { default as React } from 'react';
2
+ import { Box as PrimitiveBox } from '../box';
2
3
 
3
- export type FooterProps = React.ComponentPropsWithoutRef<'div'>;
4
- export declare const Footer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ export type FooterProps = React.ComponentPropsWithoutRef<typeof PrimitiveBox>;
5
+ export declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLDivElement>>;
package/dist/components/dashboard-card/dashboard-card-footer.js CHANGED
@@ -1,11 +1,14 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import React__default from "react";
3
3
  import clsx from "clsx";
4
+ import { Box } from "../box/box.js";
4
5
  import { s as styles, rootClassName } from "./dashboard-card-root.js";
5
- const Footer = React__default.forwardRef(({ className, ...props }, forwardRef) => {
6
- const classes = clsx([styles[`${rootClassName}__footer`]], className);
7
- return /* @__PURE__ */ jsx("div", { ...props, ref: forwardRef, className: classes });
8
- });
6
+ const Footer = React__default.forwardRef(
7
+ ({ className, ...props }, forwardRef) => {
8
+ const classes = clsx([styles[`${rootClassName}__footer`]], className);
9
+ return /* @__PURE__ */ jsx(Box, { width: "100%", ...props, ref: forwardRef, className: classes });
10
+ }
11
+ );
9
12
  export {
10
13
  Footer
11
14
  };
package/dist/components/dashboard-card/dashboard-card-heading.cjs CHANGED
@@ -6,7 +6,7 @@ const clsx = require("clsx");
6
6
  const components_heading_heading = require("../heading/heading.cjs");
7
7
  const components_dashboardCard_dashboardCardRoot = require("./dashboard-card-root.cjs");
8
8
  const Heading = React.forwardRef(
9
- ({ className, as = "h2", ...props }, forwardRef) => {
9
+ ({ className, as = "h3", ...props }, forwardRef) => {
10
10
  const classes = clsx([components_dashboardCard_dashboardCardRoot.styles[`${components_dashboardCard_dashboardCardRoot.rootClassName}__heading`]], className);
11
11
  const variant = props.variant ?? "subsection-100";
12
12
  return /* @__PURE__ */ jsxRuntime.jsx(
package/dist/components/dashboard-card/dashboard-card-heading.js CHANGED
@@ -4,7 +4,7 @@ import clsx from "clsx";
4
4
  import { Heading as Heading$1 } from "../heading/heading.js";
5
5
  import { s as styles, rootClassName } from "./dashboard-card-root.js";
6
6
  const Heading = React__default.forwardRef(
7
- ({ className, as = "h2", ...props }, forwardRef) => {
7
+ ({ className, as = "h3", ...props }, forwardRef) => {
8
8
  const classes = clsx([styles[`${rootClassName}__heading`]], className);
9
9
  const variant = props.variant ?? "subsection-100";
10
10
  return /* @__PURE__ */ jsx(
package/dist/components/dashboard-card/dashboard-card-root.cjs CHANGED
@@ -7,21 +7,21 @@ const reactSlot = require("@radix-ui/react-slot");
7
7
  require("../../assets/sprite.c3af21af-teddy.svg");
8
8
  const components_icon_icon = require("../icon/icon.cjs");
9
9
  const styles = {
10
- "teddy-dashboard-card": "_teddy-dashboard-card_hpo7d_3",
11
- "teddy-dashboard-card__content": "_teddy-dashboard-card__content_hpo7d_18",
12
- "teddy-dashboard-card__footer": "_teddy-dashboard-card__footer_hpo7d_19",
13
- "teddy-dashboard-card--white": "_teddy-dashboard-card--white_hpo7d_22",
14
- "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_hpo7d_26",
15
- "teddy-dashboard-card--border": "_teddy-dashboard-card--border_hpo7d_35",
16
- "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_hpo7d_47",
17
- "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_hpo7d_60",
18
- "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_hpo7d_73",
19
- "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_hpo7d_86",
20
- "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_hpo7d_96",
21
- "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_hpo7d_99",
22
- "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_hpo7d_102",
23
- "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_hpo7d_106",
24
- "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_hpo7d_110"
10
+ "teddy-dashboard-card": "_teddy-dashboard-card_mczi8_3",
11
+ "teddy-dashboard-card__content": "_teddy-dashboard-card__content_mczi8_19",
12
+ "teddy-dashboard-card__footer": "_teddy-dashboard-card__footer_mczi8_20",
13
+ "teddy-dashboard-card--white": "_teddy-dashboard-card--white_mczi8_23",
14
+ "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_mczi8_27",
15
+ "teddy-dashboard-card--border": "_teddy-dashboard-card--border_mczi8_36",
16
+ "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_mczi8_48",
17
+ "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_mczi8_61",
18
+ "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_mczi8_74",
19
+ "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_mczi8_87",
20
+ "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_mczi8_97",
21
+ "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_mczi8_100",
22
+ "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_mczi8_103",
23
+ "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_mczi8_107",
24
+ "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_mczi8_111"
25
25
  };
26
26
  const rootClassName = "teddy-dashboard-card";
27
27
  const RootContext = React.createContext(void 0);
package/dist/components/dashboard-card/dashboard-card-root.js CHANGED
@@ -5,21 +5,21 @@ import { Slottable, Slot } from "@radix-ui/react-slot";
5
5
  import "../../assets/sprite.c3af21af-teddy.svg";
6
6
  import { Icon } from "../icon/icon.js";
7
7
  const styles = {
8
- "teddy-dashboard-card": "_teddy-dashboard-card_hpo7d_3",
9
- "teddy-dashboard-card__content": "_teddy-dashboard-card__content_hpo7d_18",
10
- "teddy-dashboard-card__footer": "_teddy-dashboard-card__footer_hpo7d_19",
11
- "teddy-dashboard-card--white": "_teddy-dashboard-card--white_hpo7d_22",
12
- "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_hpo7d_26",
13
- "teddy-dashboard-card--border": "_teddy-dashboard-card--border_hpo7d_35",
14
- "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_hpo7d_47",
15
- "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_hpo7d_60",
16
- "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_hpo7d_73",
17
- "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_hpo7d_86",
18
- "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_hpo7d_96",
19
- "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_hpo7d_99",
20
- "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_hpo7d_102",
21
- "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_hpo7d_106",
22
- "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_hpo7d_110"
8
+ "teddy-dashboard-card": "_teddy-dashboard-card_mczi8_3",
9
+ "teddy-dashboard-card__content": "_teddy-dashboard-card__content_mczi8_19",
10
+ "teddy-dashboard-card__footer": "_teddy-dashboard-card__footer_mczi8_20",
11
+ "teddy-dashboard-card--white": "_teddy-dashboard-card--white_mczi8_23",
12
+ "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_mczi8_27",
13
+ "teddy-dashboard-card--border": "_teddy-dashboard-card--border_mczi8_36",
14
+ "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_mczi8_48",
15
+ "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_mczi8_61",
16
+ "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_mczi8_74",
17
+ "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_mczi8_87",
18
+ "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_mczi8_97",
19
+ "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_mczi8_100",
20
+ "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_mczi8_103",
21
+ "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_mczi8_107",
22
+ "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_mczi8_111"
23
23
  };
24
24
  const rootClassName = "teddy-dashboard-card";
25
25
  const RootContext = React__default.createContext(void 0);
package/dist/components/navigation-menu/global-navigation/utils.cjs CHANGED
@@ -257,7 +257,8 @@ const PRIVATE_LINKS = {
257
257
  links: [
258
258
  {
259
259
  name: "Alle mobilabonnement",
260
- link: "/mobilabonnement/"
260
+ link: "/mobilabonnement/",
261
+ appKey: APP_KEYS["web-shop"]
261
262
  },
262
263
  {
263
264
  name: "Ubegrenset data",
@@ -287,7 +288,7 @@ const PRIVATE_LINKS = {
287
288
  {
288
289
  name: "Prisliste",
289
290
  link: "/mobilabonnement/priser/",
290
- appKey: APP_KEYS["web-shop"]
291
+ appKey: APP_KEYS["open-pages"]
291
292
  },
292
293
  {
293
294
  name: "Hjelp mobil",
package/dist/components/navigation-menu/global-navigation/utils.d.ts CHANGED
@@ -292,6 +292,7 @@ export declare const PRIVATE_LINKS: {
292
292
  readonly links: [{
293
293
  readonly name: "Alle mobilabonnement";
294
294
  readonly link: "/mobilabonnement/";
295
+ readonly appKey: "web-shop";
295
296
  }, {
296
297
  readonly name: "Ubegrenset data";
297
298
  readonly link: "/mobilabonnement/ubegrenset-data/";
@@ -315,7 +316,7 @@ export declare const PRIVATE_LINKS: {
315
316
  }, {
316
317
  readonly name: "Prisliste";
317
318
  readonly link: "/mobilabonnement/priser/";
318
- readonly appKey: "web-shop";
319
+ readonly appKey: "open-pages";
319
320
  }, {
320
321
  readonly name: "Hjelp mobil";
321
322
  readonly link: "/mobilabonnement/hjelp/";
@@ -1067,6 +1068,7 @@ export declare const getLinks: (ukko?: boolean) => [{
1067
1068
  readonly links: [{
1068
1069
  readonly name: "Alle mobilabonnement";
1069
1070
  readonly link: "/mobilabonnement/";
1071
+ readonly appKey: "web-shop";
1070
1072
  }, {
1071
1073
  readonly name: "Ubegrenset data";
1072
1074
  readonly link: "/mobilabonnement/ubegrenset-data/";
@@ -1090,7 +1092,7 @@ export declare const getLinks: (ukko?: boolean) => [{
1090
1092
  }, {
1091
1093
  readonly name: "Prisliste";
1092
1094
  readonly link: "/mobilabonnement/priser/";
1093
- readonly appKey: "web-shop";
1095
+ readonly appKey: "open-pages";
1094
1096
  }, {
1095
1097
  readonly name: "Hjelp mobil";
1096
1098
  readonly link: "/mobilabonnement/hjelp/";
package/dist/components/navigation-menu/global-navigation/utils.js CHANGED
@@ -255,7 +255,8 @@ const PRIVATE_LINKS = {
255
255
  links: [
256
256
  {
257
257
  name: "Alle mobilabonnement",
258
- link: "/mobilabonnement/"
258
+ link: "/mobilabonnement/",
259
+ appKey: APP_KEYS["web-shop"]
259
260
  },
260
261
  {
261
262
  name: "Ubegrenset data",
@@ -285,7 +286,7 @@ const PRIVATE_LINKS = {
285
286
  {
286
287
  name: "Prisliste",
287
288
  link: "/mobilabonnement/priser/",
288
- appKey: APP_KEYS["web-shop"]
289
+ appKey: APP_KEYS["open-pages"]
289
290
  },
290
291
  {
291
292
  name: "Hjelp mobil",
package/dist/style.css CHANGED
@@ -150,7 +150,7 @@
150
150
  background-color: var(--teddy-color-green-50);
151
151
  }@layer heading, badge, flex, grid, dashboard-card;
152
152
  @layer dashboard-card {
153
- ._teddy-dashboard-card_hpo7d_3 {
153
+ ._teddy-dashboard-card_mczi8_3 {
154
154
  outline: none;
155
155
  background: none;
156
156
  border: none;
@@ -164,76 +164,77 @@
164
164
  padding: var(--teddy-spacing-250);
165
165
  border: var(--teddy-border-width-xs) solid transparent;
166
166
  border-radius: var(--teddy-border-radius-md);
167
+ width: 100%;
167
168
  }
168
- ._teddy-dashboard-card_hpo7d_3 ._teddy-dashboard-card__content_hpo7d_18,
169
- ._teddy-dashboard-card_hpo7d_3 ._teddy-dashboard-card__footer_hpo7d_19 {
169
+ ._teddy-dashboard-card_mczi8_3 ._teddy-dashboard-card__content_mczi8_19,
170
+ ._teddy-dashboard-card_mczi8_3 ._teddy-dashboard-card__footer_mczi8_20 {
170
171
  margin-top: var(--teddy-spacing-150);
171
172
  }
172
- ._teddy-dashboard-card--white_hpo7d_22 {
173
+ ._teddy-dashboard-card--white_mczi8_23 {
173
174
  background-color: var(--teddy-color-brand-white);
174
175
  color: var(--teddy-color-text-default);
175
176
  }
176
- ._teddy-dashboard-card--white_hpo7d_22._teddy-dashboard-card--disabled_hpo7d_26 {
177
+ ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--disabled_mczi8_27 {
177
178
  background-color: var(--teddy-color-background-interactive-disabled);
178
179
  }
179
- ._teddy-dashboard-card--white_hpo7d_22:hover:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
180
+ ._teddy-dashboard-card--white_mczi8_23:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
180
181
  background-color: var(--teddy-color-purple-50);
181
182
  }
182
- ._teddy-dashboard-card--white_hpo7d_22:active:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
183
+ ._teddy-dashboard-card--white_mczi8_23:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
183
184
  background-color: var(--teddy-color-purple-100);
184
185
  }
185
- ._teddy-dashboard-card--white_hpo7d_22._teddy-dashboard-card--border_hpo7d_35 {
186
+ ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36 {
186
187
  border-color: var(--teddy-color-transparent-black-300);
187
188
  }
188
- ._teddy-dashboard-card--white_hpo7d_22._teddy-dashboard-card--border_hpo7d_35._teddy-dashboard-card--disabled_hpo7d_26 {
189
+ ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36._teddy-dashboard-card--disabled_mczi8_27 {
189
190
  border-color: var(--teddy-color-transparent-black-300);
190
191
  }
191
- ._teddy-dashboard-card--white_hpo7d_22._teddy-dashboard-card--border_hpo7d_35:hover:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
192
+ ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
192
193
  border-color: var(--teddy-color-transparent-black-300);
193
194
  }
194
- ._teddy-dashboard-card--white_hpo7d_22._teddy-dashboard-card--border_hpo7d_35:active:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
195
+ ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
195
196
  border-color: var(--teddy-color-transparent-black-300);
196
197
  }
197
- ._teddy-dashboard-card--grey_hpo7d_47 {
198
+ ._teddy-dashboard-card--grey_mczi8_48 {
198
199
  background-color: #f5f5fa;
199
200
  color: var(--teddy-color-text-default);
200
201
  }
201
- ._teddy-dashboard-card--grey_hpo7d_47._teddy-dashboard-card--disabled_hpo7d_26 {
202
+ ._teddy-dashboard-card--grey_mczi8_48._teddy-dashboard-card--disabled_mczi8_27 {
202
203
  background-color: var(--teddy-color-background-interactive-disabled);
203
204
  }
204
- ._teddy-dashboard-card--grey_hpo7d_47:hover:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
205
+ ._teddy-dashboard-card--grey_mczi8_48:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
205
206
  background-color: var(--teddy-color-gray-100);
206
207
  }
207
- ._teddy-dashboard-card--grey_hpo7d_47:active:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
208
+ ._teddy-dashboard-card--grey_mczi8_48:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
208
209
  background-color: var(--teddy-color-gray-200);
209
210
  }
210
- ._teddy-dashboard-card--purple-light_hpo7d_60 {
211
+ ._teddy-dashboard-card--purple-light_mczi8_61 {
211
212
  background-color: var(--teddy-color-purple-50);
212
213
  color: var(--teddy-color-text-default);
213
214
  }
214
- ._teddy-dashboard-card--purple-light_hpo7d_60._teddy-dashboard-card--disabled_hpo7d_26 {
215
+ ._teddy-dashboard-card--purple-light_mczi8_61._teddy-dashboard-card--disabled_mczi8_27 {
215
216
  background-color: var(--teddy-color-background-interactive-disabled);
216
217
  }
217
- ._teddy-dashboard-card--purple-light_hpo7d_60:hover:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
218
+ ._teddy-dashboard-card--purple-light_mczi8_61:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
218
219
  background-color: var(--teddy-color-purple-100);
219
220
  }
220
- ._teddy-dashboard-card--purple-light_hpo7d_60:active:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
221
+ ._teddy-dashboard-card--purple-light_mczi8_61:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
221
222
  background-color: var(--teddy-color-purple-200);
222
223
  }
223
- ._teddy-dashboard-card--beige-light_hpo7d_73 {
224
+ ._teddy-dashboard-card--beige-light_mczi8_74 {
224
225
  background-color: var(--teddy-color-beige-50);
225
226
  color: var(--teddy-color-text-default);
226
227
  }
227
- ._teddy-dashboard-card--beige-light_hpo7d_73._teddy-dashboard-card--disabled_hpo7d_26 {
228
+ ._teddy-dashboard-card--beige-light_mczi8_74._teddy-dashboard-card--disabled_mczi8_27 {
228
229
  background-color: var(--teddy-color-background-interactive-disabled);
229
230
  }
230
- ._teddy-dashboard-card--beige-light_hpo7d_73:hover:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
231
+ ._teddy-dashboard-card--beige-light_mczi8_74:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
231
232
  background-color: var(--teddy-color-beige-100);
232
233
  }
233
- ._teddy-dashboard-card--beige-light_hpo7d_73:active:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
234
+ ._teddy-dashboard-card--beige-light_mczi8_74:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
234
235
  background-color: var(--teddy-color-beige-200);
235
236
  }
236
- ._teddy-dashboard-card__layout_hpo7d_86 {
237
+ ._teddy-dashboard-card__layout_mczi8_87 {
237
238
  display: grid;
238
239
  gap: 0 var(--teddy-spacing-150);
239
240
  grid-template-columns: auto 1fr auto;
@@ -243,48 +244,48 @@
243
244
  align-items: center;
244
245
  grid-template-areas: "media heading chevron" "media subtitle chevron" "content content content" "footer footer footer";
245
246
  }
246
- ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__avatar_hpo7d_96 {
247
+ ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__avatar_mczi8_97 {
247
248
  grid-area: media;
248
249
  }
249
- ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__illustration_hpo7d_99 {
250
+ ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__illustration_mczi8_100 {
250
251
  grid-area: media;
251
252
  }
252
- ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__heading_hpo7d_102 {
253
+ ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__heading_mczi8_103 {
253
254
  grid-area: heading;
254
255
  align-self: end;
255
256
  }
256
- ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__subtitle_hpo7d_106 {
257
+ ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__subtitle_mczi8_107 {
257
258
  grid-area: subtitle;
258
259
  align-self: start;
259
260
  }
260
- ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__chevron_hpo7d_110 {
261
+ ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__chevron_mczi8_111 {
261
262
  grid-area: chevron;
262
263
  }
263
- ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__content_hpo7d_18 {
264
+ ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__content_mczi8_19 {
264
265
  grid-area: content;
265
266
  align-self: start;
266
267
  }
267
- ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__footer_hpo7d_19 {
268
+ ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__footer_mczi8_20 {
268
269
  grid-area: footer;
269
270
  align-self: end;
270
271
  }
271
- ._teddy-dashboard-card__layout_hpo7d_86:not(:has(._teddy-dashboard-card__subtitle_hpo7d_106)) {
272
+ ._teddy-dashboard-card__layout_mczi8_87:not(:has(._teddy-dashboard-card__subtitle_mczi8_107)) {
272
273
  grid-template-areas: "media heading chevron" "media heading chevron" "content content content" "footer footer footer";
273
274
  }
274
- ._teddy-dashboard-card__layout_hpo7d_86:not(:has(._teddy-dashboard-card__subtitle_hpo7d_106)) ._teddy-dashboard-card__heading_hpo7d_102 {
275
+ ._teddy-dashboard-card__layout_mczi8_87:not(:has(._teddy-dashboard-card__subtitle_mczi8_107)) ._teddy-dashboard-card__heading_mczi8_103 {
275
276
  align-self: center;
276
277
  }
277
- ._teddy-dashboard-card__illustration_hpo7d_99 {
278
+ ._teddy-dashboard-card__illustration_mczi8_100 {
278
279
  display: flex;
279
280
  align-items: center;
280
281
  justify-content: center;
281
282
  width: 40px;
282
283
  }
283
- ._teddy-dashboard-card_hpo7d_3:focus-visible {
284
+ ._teddy-dashboard-card_mczi8_3:focus-visible {
284
285
  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
285
286
  outline-offset: var(--teddy-spacing-25);
286
287
  }
287
- ._teddy-dashboard-card--disabled_hpo7d_26 {
288
+ ._teddy-dashboard-card--disabled_mczi8_27 {
288
289
  pointer-events: none;
289
290
  }
290
291
  }@layer heading {
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=9"
21
21
  },
22
22
  "private": false,
23
- "version": "0.6.6",
23
+ "version": "0.6.8",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"