@telia/teddy 0.1.14 → 0.1.15

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 (9) hide show
  1. package/dist/components/card/card.cjs +52 -51
  2. package/dist/components/card/card.d.ts +1 -1
  3. package/dist/components/card/card.js +52 -51
  4. package/dist/components/card/utils.cjs +1 -1
  5. package/dist/components/card/utils.d.ts +1 -1
  6. package/dist/components/card/utils.js +1 -1
  7. package/dist/components/notification/notification.d.ts +3 -3
  8. package/dist/style.css +126 -112
  9. package/package.json +1 -1
package/dist/components/card/card.cjs CHANGED
@@ -7,57 +7,58 @@ const utils_composeEventHandlers = require("../../utils/composeEventHandlers.cjs
7
7
  const components_grid_grid = require("../grid/grid.cjs");
8
8
  const tokens_color_variables = require("../../tokens/color/variables.cjs");
9
9
  const styles = {
10
- "teddy-card": "_teddy-card_126z6_3",
11
- "teddy-card__slot": "_teddy-card__slot_126z6_13",
12
- "teddy-card__slot--bottom": "_teddy-card__slot--bottom_126z6_16",
13
- "teddy-card__slot--center": "_teddy-card__slot--center_126z6_19",
14
- "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_126z6_25",
15
- "teddy-card--shadow": "_teddy-card--shadow_126z6_44",
16
- "teddy-card__action": "_teddy-card__action_126z6_47",
17
- "teddy-card__action--disabled": "_teddy-card__action--disabled_126z6_47",
18
- "teddy-card--border": "_teddy-card--border_126z6_54",
19
- "teddy-card--layout": "_teddy-card--layout_126z6_57",
20
- "teddy-card__illustration": "_teddy-card__illustration_126z6_57",
21
- "teddy-card__carousel": "_teddy-card__carousel_126z6_60",
22
- "teddy-card__content": "_teddy-card__content_126z6_63",
23
- "teddy-card__heading": "_teddy-card__heading_126z6_66",
24
- "teddy-card__action-wrapper": "_teddy-card__action-wrapper_126z6_69",
25
- "teddy-card__footer": "_teddy-card__footer_126z6_72",
26
- "teddy-card__overline": "_teddy-card__overline_126z6_75",
27
- "teddy-card__description": "_teddy-card__description_126z6_78",
28
- "teddy-card__color-dots": "_teddy-card__color-dots_126z6_81",
29
- "teddy-card__availability": "_teddy-card__availability_126z6_84",
30
- "teddy-card__price": "_teddy-card__price_126z6_87",
31
- "teddy-card--default": "_teddy-card--default_126z6_90",
32
- "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_126z6_95",
33
- "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_126z6_115",
34
- "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_126z6_127",
35
- "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_126z6_149",
36
- "teddy-card--rich-card": "_teddy-card--rich-card_126z6_161",
37
- "teddy-card--rich-card-large": "_teddy-card--rich-card-large_126z6_180",
38
- "teddy-card__line": "_teddy-card__line_126z6_212",
39
- "teddy-card--purple-light": "_teddy-card--purple-light_126z6_216",
40
- "teddy-card--purple-dark": "_teddy-card--purple-dark_126z6_230",
41
- "teddy-card--white": "_teddy-card--white_126z6_249",
42
- "teddy-card--gray": "_teddy-card--gray_126z6_263",
43
- "teddy-card--beige": "_teddy-card--beige_126z6_277",
44
- "teddy-card--product": "_teddy-card--product_126z6_291",
45
- "teddy-card__price--big": "_teddy-card__price--big_126z6_359",
46
- "teddy-card__image--as-background": "_teddy-card__image--as-background_126z6_362",
47
- "teddy-card--background-image": "_teddy-card--background-image_126z6_368",
48
- "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_126z6_373",
49
- "teddy-card__inset": "_teddy-card__inset_126z6_377",
50
- "teddy-card__inset--top": "_teddy-card__inset--top_126z6_380",
51
- "teddy-card__inset--left": "_teddy-card__inset--left_126z6_383",
52
- "teddy-card__inset--right": "_teddy-card__inset--right_126z6_386",
53
- "teddy-card__inset--bottom": "_teddy-card__inset--bottom_126z6_389",
54
- "teddy-card__availability--badge": "_teddy-card__availability--badge_126z6_404",
55
- "teddy-card__availability--success": "_teddy-card__availability--success_126z6_407",
56
- "teddy-card__availability--warning": "_teddy-card__availability--warning_126z6_410",
57
- "teddy-card__availability--error": "_teddy-card__availability--error_126z6_413",
58
- "teddy-card__availability--special": "_teddy-card__availability--special_126z6_416",
59
- "teddy-card__availability--neutral": "_teddy-card__availability--neutral_126z6_419",
60
- "teddy-card__availability--information": "_teddy-card__availability--information_126z6_422"
10
+ "teddy-card": "_teddy-card_1h784_3",
11
+ "teddy-card__slot": "_teddy-card__slot_1h784_13",
12
+ "teddy-card__slot--bottom": "_teddy-card__slot--bottom_1h784_16",
13
+ "teddy-card__slot--center": "_teddy-card__slot--center_1h784_19",
14
+ "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1h784_25",
15
+ "teddy-card--shadow": "_teddy-card--shadow_1h784_44",
16
+ "teddy-card__action": "_teddy-card__action_1h784_47",
17
+ "teddy-card__action--disabled": "_teddy-card__action--disabled_1h784_47",
18
+ "teddy-card--border": "_teddy-card--border_1h784_54",
19
+ "teddy-card--layout": "_teddy-card--layout_1h784_57",
20
+ "teddy-card__illustration": "_teddy-card__illustration_1h784_57",
21
+ "teddy-card__carousel": "_teddy-card__carousel_1h784_60",
22
+ "teddy-card__content": "_teddy-card__content_1h784_63",
23
+ "teddy-card__heading": "_teddy-card__heading_1h784_66",
24
+ "teddy-card__action-wrapper": "_teddy-card__action-wrapper_1h784_69",
25
+ "teddy-card__footer": "_teddy-card__footer_1h784_72",
26
+ "teddy-card__overline": "_teddy-card__overline_1h784_75",
27
+ "teddy-card__description": "_teddy-card__description_1h784_78",
28
+ "teddy-card__color-dots": "_teddy-card__color-dots_1h784_81",
29
+ "teddy-card__availability": "_teddy-card__availability_1h784_84",
30
+ "teddy-card__price": "_teddy-card__price_1h784_87",
31
+ "teddy-card--default": "_teddy-card--default_1h784_90",
32
+ "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1h784_95",
33
+ "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1h784_115",
34
+ "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_1h784_127",
35
+ "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1h784_149",
36
+ "teddy-card--rich-card": "_teddy-card--rich-card_1h784_161",
37
+ "teddy-card--rich-card-large": "_teddy-card--rich-card-large_1h784_180",
38
+ "teddy-card__line": "_teddy-card__line_1h784_212",
39
+ "teddy-card--purple-light": "_teddy-card--purple-light_1h784_216",
40
+ "teddy-card--purple-dark": "_teddy-card--purple-dark_1h784_230",
41
+ "teddy-card--white": "_teddy-card--white_1h784_249",
42
+ "teddy-card--gray": "_teddy-card--gray_1h784_263",
43
+ "teddy-card--beige": "_teddy-card--beige_1h784_277",
44
+ "teddy-card--beige-light": "_teddy-card--beige-light_1h784_291",
45
+ "teddy-card--product": "_teddy-card--product_1h784_305",
46
+ "teddy-card__price--big": "_teddy-card__price--big_1h784_373",
47
+ "teddy-card__image--as-background": "_teddy-card__image--as-background_1h784_376",
48
+ "teddy-card--background-image": "_teddy-card--background-image_1h784_382",
49
+ "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1h784_387",
50
+ "teddy-card__inset": "_teddy-card__inset_1h784_391",
51
+ "teddy-card__inset--top": "_teddy-card__inset--top_1h784_394",
52
+ "teddy-card__inset--left": "_teddy-card__inset--left_1h784_397",
53
+ "teddy-card__inset--right": "_teddy-card__inset--right_1h784_400",
54
+ "teddy-card__inset--bottom": "_teddy-card__inset--bottom_1h784_403",
55
+ "teddy-card__availability--badge": "_teddy-card__availability--badge_1h784_418",
56
+ "teddy-card__availability--success": "_teddy-card__availability--success_1h784_421",
57
+ "teddy-card__availability--warning": "_teddy-card__availability--warning_1h784_424",
58
+ "teddy-card__availability--error": "_teddy-card__availability--error_1h784_427",
59
+ "teddy-card__availability--special": "_teddy-card__availability--special_1h784_430",
60
+ "teddy-card__availability--neutral": "_teddy-card__availability--neutral_1h784_433",
61
+ "teddy-card__availability--information": "_teddy-card__availability--information_1h784_436"
61
62
  };
62
63
  const rootClassName = "teddy-card";
63
64
  const actionElementIdentifier = `${rootClassName}__action`;
package/dist/components/card/card.d.ts CHANGED
@@ -10,7 +10,7 @@ export type CardType = 'regular' | 'product';
10
10
  export declare const RootContext: React.Context<{
11
11
  buttonRef: React.RefObject<HTMLButtonElement>;
12
12
  linkRef: React.RefObject<HTMLAnchorElement>;
13
- variant?: "beige" | "gray" | "white" | "purple-light" | "purple-dark" | undefined;
13
+ variant?: "beige" | "gray" | "white" | "purple-light" | "purple-dark" | "beige-light" | undefined;
14
14
  layout?: Layout | undefined;
15
15
  } | undefined>;
16
16
  /** -------------------------------------------------------------------------------------------------
package/dist/components/card/card.js CHANGED
@@ -5,57 +5,58 @@ import { composeEventHandlers } from "../../utils/composeEventHandlers.js";
5
5
  import { Grid } from "../grid/grid.js";
6
6
  import { teddyColorTransparentWhite850, teddyColorTransparentWhite800, teddyColorTransparentWhite100, teddyColorTransparentBlack600, teddyColorTransparentBlack200 } from "../../tokens/color/variables.js";
7
7
  const styles = {
8
- "teddy-card": "_teddy-card_126z6_3",
9
- "teddy-card__slot": "_teddy-card__slot_126z6_13",
10
- "teddy-card__slot--bottom": "_teddy-card__slot--bottom_126z6_16",
11
- "teddy-card__slot--center": "_teddy-card__slot--center_126z6_19",
12
- "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_126z6_25",
13
- "teddy-card--shadow": "_teddy-card--shadow_126z6_44",
14
- "teddy-card__action": "_teddy-card__action_126z6_47",
15
- "teddy-card__action--disabled": "_teddy-card__action--disabled_126z6_47",
16
- "teddy-card--border": "_teddy-card--border_126z6_54",
17
- "teddy-card--layout": "_teddy-card--layout_126z6_57",
18
- "teddy-card__illustration": "_teddy-card__illustration_126z6_57",
19
- "teddy-card__carousel": "_teddy-card__carousel_126z6_60",
20
- "teddy-card__content": "_teddy-card__content_126z6_63",
21
- "teddy-card__heading": "_teddy-card__heading_126z6_66",
22
- "teddy-card__action-wrapper": "_teddy-card__action-wrapper_126z6_69",
23
- "teddy-card__footer": "_teddy-card__footer_126z6_72",
24
- "teddy-card__overline": "_teddy-card__overline_126z6_75",
25
- "teddy-card__description": "_teddy-card__description_126z6_78",
26
- "teddy-card__color-dots": "_teddy-card__color-dots_126z6_81",
27
- "teddy-card__availability": "_teddy-card__availability_126z6_84",
28
- "teddy-card__price": "_teddy-card__price_126z6_87",
29
- "teddy-card--default": "_teddy-card--default_126z6_90",
30
- "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_126z6_95",
31
- "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_126z6_115",
32
- "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_126z6_127",
33
- "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_126z6_149",
34
- "teddy-card--rich-card": "_teddy-card--rich-card_126z6_161",
35
- "teddy-card--rich-card-large": "_teddy-card--rich-card-large_126z6_180",
36
- "teddy-card__line": "_teddy-card__line_126z6_212",
37
- "teddy-card--purple-light": "_teddy-card--purple-light_126z6_216",
38
- "teddy-card--purple-dark": "_teddy-card--purple-dark_126z6_230",
39
- "teddy-card--white": "_teddy-card--white_126z6_249",
40
- "teddy-card--gray": "_teddy-card--gray_126z6_263",
41
- "teddy-card--beige": "_teddy-card--beige_126z6_277",
42
- "teddy-card--product": "_teddy-card--product_126z6_291",
43
- "teddy-card__price--big": "_teddy-card__price--big_126z6_359",
44
- "teddy-card__image--as-background": "_teddy-card__image--as-background_126z6_362",
45
- "teddy-card--background-image": "_teddy-card--background-image_126z6_368",
46
- "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_126z6_373",
47
- "teddy-card__inset": "_teddy-card__inset_126z6_377",
48
- "teddy-card__inset--top": "_teddy-card__inset--top_126z6_380",
49
- "teddy-card__inset--left": "_teddy-card__inset--left_126z6_383",
50
- "teddy-card__inset--right": "_teddy-card__inset--right_126z6_386",
51
- "teddy-card__inset--bottom": "_teddy-card__inset--bottom_126z6_389",
52
- "teddy-card__availability--badge": "_teddy-card__availability--badge_126z6_404",
53
- "teddy-card__availability--success": "_teddy-card__availability--success_126z6_407",
54
- "teddy-card__availability--warning": "_teddy-card__availability--warning_126z6_410",
55
- "teddy-card__availability--error": "_teddy-card__availability--error_126z6_413",
56
- "teddy-card__availability--special": "_teddy-card__availability--special_126z6_416",
57
- "teddy-card__availability--neutral": "_teddy-card__availability--neutral_126z6_419",
58
- "teddy-card__availability--information": "_teddy-card__availability--information_126z6_422"
8
+ "teddy-card": "_teddy-card_1h784_3",
9
+ "teddy-card__slot": "_teddy-card__slot_1h784_13",
10
+ "teddy-card__slot--bottom": "_teddy-card__slot--bottom_1h784_16",
11
+ "teddy-card__slot--center": "_teddy-card__slot--center_1h784_19",
12
+ "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1h784_25",
13
+ "teddy-card--shadow": "_teddy-card--shadow_1h784_44",
14
+ "teddy-card__action": "_teddy-card__action_1h784_47",
15
+ "teddy-card__action--disabled": "_teddy-card__action--disabled_1h784_47",
16
+ "teddy-card--border": "_teddy-card--border_1h784_54",
17
+ "teddy-card--layout": "_teddy-card--layout_1h784_57",
18
+ "teddy-card__illustration": "_teddy-card__illustration_1h784_57",
19
+ "teddy-card__carousel": "_teddy-card__carousel_1h784_60",
20
+ "teddy-card__content": "_teddy-card__content_1h784_63",
21
+ "teddy-card__heading": "_teddy-card__heading_1h784_66",
22
+ "teddy-card__action-wrapper": "_teddy-card__action-wrapper_1h784_69",
23
+ "teddy-card__footer": "_teddy-card__footer_1h784_72",
24
+ "teddy-card__overline": "_teddy-card__overline_1h784_75",
25
+ "teddy-card__description": "_teddy-card__description_1h784_78",
26
+ "teddy-card__color-dots": "_teddy-card__color-dots_1h784_81",
27
+ "teddy-card__availability": "_teddy-card__availability_1h784_84",
28
+ "teddy-card__price": "_teddy-card__price_1h784_87",
29
+ "teddy-card--default": "_teddy-card--default_1h784_90",
30
+ "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1h784_95",
31
+ "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1h784_115",
32
+ "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_1h784_127",
33
+ "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1h784_149",
34
+ "teddy-card--rich-card": "_teddy-card--rich-card_1h784_161",
35
+ "teddy-card--rich-card-large": "_teddy-card--rich-card-large_1h784_180",
36
+ "teddy-card__line": "_teddy-card__line_1h784_212",
37
+ "teddy-card--purple-light": "_teddy-card--purple-light_1h784_216",
38
+ "teddy-card--purple-dark": "_teddy-card--purple-dark_1h784_230",
39
+ "teddy-card--white": "_teddy-card--white_1h784_249",
40
+ "teddy-card--gray": "_teddy-card--gray_1h784_263",
41
+ "teddy-card--beige": "_teddy-card--beige_1h784_277",
42
+ "teddy-card--beige-light": "_teddy-card--beige-light_1h784_291",
43
+ "teddy-card--product": "_teddy-card--product_1h784_305",
44
+ "teddy-card__price--big": "_teddy-card__price--big_1h784_373",
45
+ "teddy-card__image--as-background": "_teddy-card__image--as-background_1h784_376",
46
+ "teddy-card--background-image": "_teddy-card--background-image_1h784_382",
47
+ "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1h784_387",
48
+ "teddy-card__inset": "_teddy-card__inset_1h784_391",
49
+ "teddy-card__inset--top": "_teddy-card__inset--top_1h784_394",
50
+ "teddy-card__inset--left": "_teddy-card__inset--left_1h784_397",
51
+ "teddy-card__inset--right": "_teddy-card__inset--right_1h784_400",
52
+ "teddy-card__inset--bottom": "_teddy-card__inset--bottom_1h784_403",
53
+ "teddy-card__availability--badge": "_teddy-card__availability--badge_1h784_418",
54
+ "teddy-card__availability--success": "_teddy-card__availability--success_1h784_421",
55
+ "teddy-card__availability--warning": "_teddy-card__availability--warning_1h784_424",
56
+ "teddy-card__availability--error": "_teddy-card__availability--error_1h784_427",
57
+ "teddy-card__availability--special": "_teddy-card__availability--special_1h784_430",
58
+ "teddy-card__availability--neutral": "_teddy-card__availability--neutral_1h784_433",
59
+ "teddy-card__availability--information": "_teddy-card__availability--information_1h784_436"
59
60
  };
60
61
  const rootClassName = "teddy-card";
61
62
  const actionElementIdentifier = `${rootClassName}__action`;
package/dist/components/card/utils.cjs CHANGED
@@ -1,4 +1,4 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const variantOptions = ["purple-light", "purple-dark", "gray", "white", "beige"];
3
+ const variantOptions = ["purple-light", "purple-dark", "gray", "white", "beige", "beige-light"];
4
4
  exports.variantOptions = variantOptions;
package/dist/components/card/utils.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const variantOptions: readonly ["purple-light", "purple-dark", "gray", "white", "beige"];
1
+ export declare const variantOptions: readonly ["purple-light", "purple-dark", "gray", "white", "beige", "beige-light"];
2
2
  export type Variant = (typeof variantOptions)[number];
package/dist/components/card/utils.js CHANGED
@@ -1,4 +1,4 @@
1
- const variantOptions = ["purple-light", "purple-dark", "gray", "white", "beige"];
1
+ const variantOptions = ["purple-light", "purple-dark", "gray", "white", "beige", "beige-light"];
2
2
  export {
3
3
  variantOptions
4
4
  };
package/dist/components/notification/notification.d.ts CHANGED
@@ -41,7 +41,7 @@ declare const Notification: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
41
41
  as?: undefined;
42
42
  } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
43
43
  asChild?: boolean | undefined;
44
- variant?: "beige" | "gray" | "white" | "purple-light" | "purple-dark" | undefined;
44
+ variant?: "beige" | "gray" | "white" | "purple-light" | "purple-dark" | "beige-light" | undefined;
45
45
  bordered?: boolean | undefined;
46
46
  shadow?: boolean | undefined;
47
47
  backgroundImageSrc?: string | undefined;
@@ -57,7 +57,7 @@ declare const Notification: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
57
57
  asChild?: false | undefined;
58
58
  } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
59
59
  asChild?: boolean | undefined;
60
- variant?: "beige" | "gray" | "white" | "purple-light" | "purple-dark" | undefined;
60
+ variant?: "beige" | "gray" | "white" | "purple-light" | "purple-dark" | "beige-light" | undefined;
61
61
  bordered?: boolean | undefined;
62
62
  shadow?: boolean | undefined;
63
63
  backgroundImageSrc?: string | undefined;
@@ -73,7 +73,7 @@ declare const Notification: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
73
73
  asChild?: false | undefined;
74
74
  } & React.RefAttributes<HTMLDivElement>, "ref"> & {
75
75
  asChild?: boolean | undefined;
76
- variant?: "beige" | "gray" | "white" | "purple-light" | "purple-dark" | undefined;
76
+ variant?: "beige" | "gray" | "white" | "purple-light" | "purple-dark" | "beige-light" | undefined;
77
77
  bordered?: boolean | undefined;
78
78
  shadow?: boolean | undefined;
79
79
  backgroundImageSrc?: string | undefined;
package/dist/style.css CHANGED
@@ -2521,32 +2521,32 @@
2521
2521
  }
2522
2522
  }@layer heading, flex, grid, button, card;
2523
2523
  @layer card {
2524
- ._teddy-card_126z6_3 {
2524
+ ._teddy-card_1h784_3 {
2525
2525
  border-radius: var(--teddy-border-radius-md);
2526
2526
  padding: var(--teddy-spacing-250);
2527
2527
  position: relative;
2528
2528
  }
2529
2529
  @media (prefers-reduced-motion: no-preference) {
2530
- ._teddy-card_126z6_3 {
2530
+ ._teddy-card_1h784_3 {
2531
2531
  transition: background-color var(--teddy-motion-duration-300) ease;
2532
2532
  }
2533
2533
  }
2534
- ._teddy-card__slot_126z6_13 {
2534
+ ._teddy-card__slot_1h784_13 {
2535
2535
  transform: translateY(-50%);
2536
2536
  }
2537
- ._teddy-card__slot--bottom_126z6_16 {
2537
+ ._teddy-card__slot--bottom_1h784_16 {
2538
2538
  transform: translateY(50%);
2539
2539
  }
2540
- ._teddy-card__slot--center_126z6_19 {
2540
+ ._teddy-card__slot--center_1h784_19 {
2541
2541
  transform: translate(-50%, -50%);
2542
2542
  }
2543
- ._teddy-card__slot--bottom_126z6_16._teddy-card__slot--center_126z6_19 {
2543
+ ._teddy-card__slot--bottom_1h784_16._teddy-card__slot--center_1h784_19 {
2544
2544
  transform: translate(-50%, 50%);
2545
2545
  }
2546
- ._teddy-card__slot--no-translate_126z6_25 {
2546
+ ._teddy-card__slot--no-translate_1h784_25 {
2547
2547
  transform: initial;
2548
2548
  }
2549
- ._teddy-card_126z6_3::before {
2549
+ ._teddy-card_1h784_3::before {
2550
2550
  content: "";
2551
2551
  display: block;
2552
2552
  position: absolute;
@@ -2557,95 +2557,95 @@
2557
2557
  box-shadow: var(--teddy-shadow-sm);
2558
2558
  }
2559
2559
  @media (prefers-reduced-motion: no-preference) {
2560
- ._teddy-card_126z6_3::before {
2560
+ ._teddy-card_1h784_3::before {
2561
2561
  transition: var(--teddy-motion-duration-300) ease;
2562
2562
  transition-property: opacity, box-shadow;
2563
2563
  }
2564
2564
  }
2565
- ._teddy-card--shadow_126z6_44::before {
2565
+ ._teddy-card--shadow_1h784_44::before {
2566
2566
  opacity: 1;
2567
2567
  }
2568
- ._teddy-card_126z6_3:has(._teddy-card__action_126z6_47:not(._teddy-card__action--disabled_126z6_47)) {
2568
+ ._teddy-card_1h784_3:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)) {
2569
2569
  cursor: pointer;
2570
2570
  }
2571
- ._teddy-card_126z6_3:has(._teddy-card__action_126z6_47:not(._teddy-card__action--disabled_126z6_47)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_126z6_47:not(._teddy-card__action--disabled_126z6_47))::before {
2571
+ ._teddy-card_1h784_3:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47))::before {
2572
2572
  opacity: 1;
2573
2573
  box-shadow: var(--teddy-shadow-md);
2574
2574
  }
2575
- ._teddy-card--border_126z6_54 {
2575
+ ._teddy-card--border_1h784_54 {
2576
2576
  border: var(--teddy-border-width-xs) solid transparent;
2577
2577
  }
2578
- ._teddy-card--layout_126z6_57 ._teddy-card__illustration_126z6_57 {
2578
+ ._teddy-card--layout_1h784_57 ._teddy-card__illustration_1h784_57 {
2579
2579
  grid-area: illustration;
2580
2580
  }
2581
- ._teddy-card--layout_126z6_57 ._teddy-card__carousel_126z6_60 {
2581
+ ._teddy-card--layout_1h784_57 ._teddy-card__carousel_1h784_60 {
2582
2582
  grid-area: carousel;
2583
2583
  }
2584
- ._teddy-card--layout_126z6_57 ._teddy-card__content_126z6_63 {
2584
+ ._teddy-card--layout_1h784_57 ._teddy-card__content_1h784_63 {
2585
2585
  grid-area: content;
2586
2586
  }
2587
- ._teddy-card--layout_126z6_57 ._teddy-card__heading_126z6_66 {
2587
+ ._teddy-card--layout_1h784_57 ._teddy-card__heading_1h784_66 {
2588
2588
  grid-area: heading;
2589
2589
  }
2590
- ._teddy-card--layout_126z6_57 ._teddy-card__action-wrapper_126z6_69 {
2590
+ ._teddy-card--layout_1h784_57 ._teddy-card__action-wrapper_1h784_69 {
2591
2591
  grid-area: action;
2592
2592
  }
2593
- ._teddy-card--layout_126z6_57 ._teddy-card__footer_126z6_72 {
2593
+ ._teddy-card--layout_1h784_57 ._teddy-card__footer_1h784_72 {
2594
2594
  grid-area: footer;
2595
2595
  }
2596
- ._teddy-card--layout_126z6_57 ._teddy-card__overline_126z6_75 {
2596
+ ._teddy-card--layout_1h784_57 ._teddy-card__overline_1h784_75 {
2597
2597
  grid-area: overline;
2598
2598
  }
2599
- ._teddy-card--layout_126z6_57 ._teddy-card__description_126z6_78 {
2599
+ ._teddy-card--layout_1h784_57 ._teddy-card__description_1h784_78 {
2600
2600
  grid-area: description;
2601
2601
  }
2602
- ._teddy-card--layout_126z6_57 ._teddy-card__color-dots_126z6_81 {
2602
+ ._teddy-card--layout_1h784_57 ._teddy-card__color-dots_1h784_81 {
2603
2603
  grid-area: colors;
2604
2604
  }
2605
- ._teddy-card--layout_126z6_57 ._teddy-card__availability_126z6_84 {
2605
+ ._teddy-card--layout_1h784_57 ._teddy-card__availability_1h784_84 {
2606
2606
  grid-area: availability;
2607
2607
  }
2608
- ._teddy-card--layout_126z6_57 ._teddy-card__price_126z6_87 {
2608
+ ._teddy-card--layout_1h784_57 ._teddy-card__price_1h784_87 {
2609
2609
  grid-area: price;
2610
2610
  }
2611
- ._teddy-card--default_126z6_90 {
2611
+ ._teddy-card--default_1h784_90 {
2612
2612
  display: flex;
2613
2613
  flex-direction: column;
2614
2614
  gap: var(--teddy-spacing-200);
2615
2615
  }
2616
- ._teddy-card--navigation-vertical_126z6_95 {
2616
+ ._teddy-card--navigation-vertical_1h784_95 {
2617
2617
  grid-template-rows: auto auto 1fr auto;
2618
2618
  justify-items: start;
2619
2619
  justify-content: stretch;
2620
2620
  align-items: baseline;
2621
2621
  grid-template-areas: "illustration" "heading" "content" "action";
2622
2622
  }
2623
- ._teddy-card--navigation-vertical_126z6_95 ._teddy-card__illustration_126z6_57 {
2623
+ ._teddy-card--navigation-vertical_1h784_95 ._teddy-card__illustration_1h784_57 {
2624
2624
  margin-bottom: var(--teddy-spacing-200);
2625
2625
  }
2626
- ._teddy-card--navigation-vertical_126z6_95 ._teddy-card__content_126z6_63 {
2626
+ ._teddy-card--navigation-vertical_1h784_95 ._teddy-card__content_1h784_63 {
2627
2627
  margin-bottom: var(--teddy-spacing-200);
2628
2628
  }
2629
- ._teddy-card--navigation-vertical_126z6_95 ._teddy-card__heading_126z6_66 {
2629
+ ._teddy-card--navigation-vertical_1h784_95 ._teddy-card__heading_1h784_66 {
2630
2630
  margin-bottom: var(--teddy-spacing-100);
2631
2631
  }
2632
- ._teddy-card--navigation-vertical_126z6_95 ._teddy-card__action-wrapper_126z6_69 {
2632
+ ._teddy-card--navigation-vertical_1h784_95 ._teddy-card__action-wrapper_1h784_69 {
2633
2633
  margin-top: auto;
2634
2634
  justify-self: end;
2635
2635
  }
2636
- ._teddy-card--navigation-horizontal-small_126z6_115 {
2636
+ ._teddy-card--navigation-horizontal-small_1h784_115 {
2637
2637
  grid-template-columns: auto 1fr auto;
2638
2638
  grid-template-rows: auto 1fr;
2639
2639
  grid-template-areas: "illustration heading action" "illustration content action";
2640
2640
  column-gap: var(--teddy-spacing-200);
2641
2641
  }
2642
- ._teddy-card--navigation-horizontal-small_126z6_115 ._teddy-card__heading_126z6_66 {
2642
+ ._teddy-card--navigation-horizontal-small_1h784_115 ._teddy-card__heading_1h784_66 {
2643
2643
  margin-bottom: var(--teddy-spacing-100);
2644
2644
  }
2645
- ._teddy-card--navigation-horizontal-small_126z6_115 ._teddy-card__action-wrapper_126z6_69 {
2645
+ ._teddy-card--navigation-horizontal-small_1h784_115 ._teddy-card__action-wrapper_1h784_69 {
2646
2646
  margin-top: auto;
2647
2647
  }
2648
- ._teddy-card--navigation-horizontal-small-centered_126z6_127 {
2648
+ ._teddy-card--navigation-horizontal-small-centered_1h784_127 {
2649
2649
  width: 100%;
2650
2650
  max-width: 26rem;
2651
2651
  grid-template-columns: auto 1fr auto;
@@ -2654,162 +2654,176 @@
2654
2654
  align-items: center;
2655
2655
  column-gap: var(--teddy-spacing-200);
2656
2656
  }
2657
- ._teddy-card--navigation-horizontal-small-centered_126z6_127 ._teddy-card__content_126z6_63 {
2657
+ ._teddy-card--navigation-horizontal-small-centered_1h784_127 ._teddy-card__content_1h784_63 {
2658
2658
  margin-top: var(--teddy-spacing-200);
2659
2659
  }
2660
- ._teddy-card--navigation-horizontal-small-centered_126z6_127 ._teddy-card__action-wrapper_126z6_69 {
2660
+ ._teddy-card--navigation-horizontal-small-centered_1h784_127 ._teddy-card__action-wrapper_1h784_69 {
2661
2661
  margin: 0;
2662
2662
  }
2663
- ._teddy-card--navigation-horizontal-small-centered_126z6_127 ._teddy-card__illustration_126z6_57 {
2663
+ ._teddy-card--navigation-horizontal-small-centered_1h784_127 ._teddy-card__illustration_1h784_57 {
2664
2664
  max-height: 80px;
2665
2665
  max-width: 100px;
2666
2666
  }
2667
- ._teddy-card--navigation-horizontal-small-centered_126z6_127 ._teddy-card__illustration_126z6_57 img {
2667
+ ._teddy-card--navigation-horizontal-small-centered_1h784_127 ._teddy-card__illustration_1h784_57 img {
2668
2668
  object-fit: contain;
2669
2669
  }
2670
- ._teddy-card--navigation-horizontal-large_126z6_149 {
2670
+ ._teddy-card--navigation-horizontal-large_1h784_149 {
2671
2671
  grid-template-columns: 1fr auto;
2672
2672
  grid-template-rows: auto auto 1fr;
2673
2673
  grid-template-areas: "illustration action" "heading action" "content action";
2674
2674
  column-gap: var(--teddy-spacing-200);
2675
2675
  }
2676
- ._teddy-card--navigation-horizontal-large_126z6_149 ._teddy-card__heading_126z6_66 {
2676
+ ._teddy-card--navigation-horizontal-large_1h784_149 ._teddy-card__heading_1h784_66 {
2677
2677
  margin-bottom: var(--teddy-spacing-100);
2678
2678
  }
2679
- ._teddy-card--navigation-horizontal-large_126z6_149 ._teddy-card__action-wrapper_126z6_69 {
2679
+ ._teddy-card--navigation-horizontal-large_1h784_149 ._teddy-card__action-wrapper_1h784_69 {
2680
2680
  margin-top: auto;
2681
2681
  }
2682
- ._teddy-card--rich-card_126z6_161 {
2682
+ ._teddy-card--rich-card_1h784_161 {
2683
2683
  justify-items: start;
2684
2684
  align-items: baseline;
2685
2685
  grid-template-rows: auto auto 1fr auto;
2686
2686
  grid-template-areas: "illustration" "heading" "content" "action";
2687
2687
  }
2688
- ._teddy-card--rich-card_126z6_161 ._teddy-card__illustration_126z6_57 {
2688
+ ._teddy-card--rich-card_1h784_161 ._teddy-card__illustration_1h784_57 {
2689
2689
  margin-bottom: var(--teddy-spacing-200);
2690
2690
  }
2691
- ._teddy-card--rich-card_126z6_161 ._teddy-card__content_126z6_63 {
2691
+ ._teddy-card--rich-card_1h784_161 ._teddy-card__content_1h784_63 {
2692
2692
  margin-bottom: var(--teddy-spacing-200);
2693
2693
  }
2694
- ._teddy-card--rich-card_126z6_161 ._teddy-card__heading_126z6_66 {
2694
+ ._teddy-card--rich-card_1h784_161 ._teddy-card__heading_1h784_66 {
2695
2695
  margin-bottom: var(--teddy-spacing-100);
2696
2696
  }
2697
- ._teddy-card--rich-card_126z6_161 ._teddy-card__action-wrapper_126z6_69 {
2697
+ ._teddy-card--rich-card_1h784_161 ._teddy-card__action-wrapper_1h784_69 {
2698
2698
  margin-top: auto;
2699
2699
  }
2700
2700
  @media (max-width: 800px) {
2701
- ._teddy-card--rich-card-large_126z6_180 {
2701
+ ._teddy-card--rich-card-large_1h784_180 {
2702
2702
  align-items: baseline;
2703
2703
  grid-template-rows: auto auto 1fr auto;
2704
2704
  grid-template-areas: "illustration" "heading" "content" "action";
2705
2705
  }
2706
2706
  }
2707
- ._teddy-card--rich-card-large_126z6_180 ._teddy-card__illustration_126z6_57 img {
2707
+ ._teddy-card--rich-card-large_1h784_180 ._teddy-card__illustration_1h784_57 img {
2708
2708
  object-fit: cover;
2709
2709
  }
2710
2710
  @media (min-width: 801px) {
2711
- ._teddy-card--rich-card-large_126z6_180 ._teddy-card__illustration_126z6_57 {
2711
+ ._teddy-card--rich-card-large_1h784_180 ._teddy-card__illustration_1h784_57 {
2712
2712
  grid-column-start: 1;
2713
2713
  margin-right: var(--teddy-spacing-600);
2714
2714
  }
2715
2715
  }
2716
- ._teddy-card--rich-card-large_126z6_180 ._teddy-card__content_126z6_63 {
2716
+ ._teddy-card--rich-card-large_1h784_180 ._teddy-card__content_1h784_63 {
2717
2717
  margin-top: 2rem;
2718
2718
  }
2719
2719
  @media (min-width: 801px) {
2720
- ._teddy-card--rich-card-large_126z6_180 ._teddy-card__content_126z6_63 {
2720
+ ._teddy-card--rich-card-large_1h784_180 ._teddy-card__content_1h784_63 {
2721
2721
  grid-column-start: 2;
2722
2722
  margin-top: 0;
2723
2723
  align-content: center;
2724
2724
  }
2725
2725
  }
2726
- ._teddy-card--rich-card-large_126z6_180 ._teddy-card__action_126z6_47 {
2726
+ ._teddy-card--rich-card-large_1h784_180 ._teddy-card__action_1h784_47 {
2727
2727
  margin-top: var(--teddy-spacing-200);
2728
2728
  }
2729
- ._teddy-card--rich-card-large_126z6_180 ._teddy-card__heading_126z6_66 {
2729
+ ._teddy-card--rich-card-large_1h784_180 ._teddy-card__heading_1h784_66 {
2730
2730
  margin-top: var(--teddy-spacing-100);
2731
2731
  margin-bottom: var(--teddy-spacing-100);
2732
2732
  }
2733
- ._teddy-card__line_126z6_212 {
2733
+ ._teddy-card__line_1h784_212 {
2734
2734
  border: 0;
2735
2735
  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
2736
2736
  }
2737
- ._teddy-card--purple-light_126z6_216 {
2737
+ ._teddy-card--purple-light_1h784_216 {
2738
2738
  background-color: var(--teddy-color-background-interactive-primary-negative);
2739
2739
  color: var(--teddy-color-text-default);
2740
2740
  border-color: var(--teddy-color-background-interactive-primary-negative);
2741
2741
  }
2742
- ._teddy-card--purple-light_126z6_216:hover:has(._teddy-card__action_126z6_47:not(._teddy-card__action--disabled_126z6_47)) {
2742
+ ._teddy-card--purple-light_1h784_216:hover:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)) {
2743
2743
  background-color: var(--teddy-color-background-interactive-primary-negative-hover);
2744
2744
  }
2745
- ._teddy-card--purple-light_126z6_216:active:has(._teddy-card__action_126z6_47:not(._teddy-card__action--disabled_126z6_47)) {
2745
+ ._teddy-card--purple-light_1h784_216:active:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)) {
2746
2746
  background-color: var(--teddy-color-background-interactive-primary-negative-active);
2747
2747
  }
2748
- ._teddy-card--purple-light_126z6_216:has(._teddy-card__action--disabled_126z6_47) {
2748
+ ._teddy-card--purple-light_1h784_216:has(._teddy-card__action--disabled_1h784_47) {
2749
2749
  background-color: var(--teddy-color-background-interactive-disabled);
2750
2750
  }
2751
- ._teddy-card--purple-dark_126z6_230 {
2751
+ ._teddy-card--purple-dark_1h784_230 {
2752
2752
  background-color: var(--teddy-color-brand-deep-purple);
2753
2753
  color: var(--teddy-color-text-default-negative);
2754
2754
  border-color: var(--teddy-color-brand-deep-purple);
2755
2755
  }
2756
- ._teddy-card--purple-dark_126z6_230:hover:has(._teddy-card__action_126z6_47:not(._teddy-card__action--disabled_126z6_47)) {
2756
+ ._teddy-card--purple-dark_1h784_230:hover:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)) {
2757
2757
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
2758
2758
  }
2759
- ._teddy-card--purple-dark_126z6_230:active:has(._teddy-card__action_126z6_47:not(._teddy-card__action--disabled_126z6_47)) {
2759
+ ._teddy-card--purple-dark_1h784_230:active:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)) {
2760
2760
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
2761
2761
  }
2762
- ._teddy-card--purple-dark_126z6_230:has(._teddy-card__action--disabled_126z6_47) {
2762
+ ._teddy-card--purple-dark_1h784_230:has(._teddy-card__action--disabled_1h784_47) {
2763
2763
  color: var(--teddy-color-text-default);
2764
2764
  background-color: var(--teddy-color-background-interactive-disabled);
2765
2765
  }
2766
- ._teddy-card--purple-dark_126z6_230:has(._teddy-card__action--disabled_126z6_47) ._teddy-card__action_126z6_47 {
2766
+ ._teddy-card--purple-dark_1h784_230:has(._teddy-card__action--disabled_1h784_47) ._teddy-card__action_1h784_47 {
2767
2767
  color: var(--teddy-color-text-weak);
2768
2768
  background-color: var(--teddy-color-background-interactive-disabled);
2769
2769
  }
2770
- ._teddy-card--white_126z6_249 {
2770
+ ._teddy-card--white_1h784_249 {
2771
2771
  background-color: var(--teddy-color-brand-white);
2772
2772
  color: var(--teddy-color-text-default);
2773
2773
  border-color: var(--teddy-color-border-weak);
2774
2774
  }
2775
- ._teddy-card--white_126z6_249:hover:has(._teddy-card__action_126z6_47:not(._teddy-card__action--disabled_126z6_47)) {
2775
+ ._teddy-card--white_1h784_249:hover:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)) {
2776
2776
  background-color: var(--teddy-color-background-interactive-transparent-hover);
2777
2777
  }
2778
- ._teddy-card--white_126z6_249:active:has(._teddy-card__action_126z6_47:not(._teddy-card__action--disabled_126z6_47)) {
2778
+ ._teddy-card--white_1h784_249:active:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)) {
2779
2779
  background-color: var(--teddy-color-background-interactive-transparent-active);
2780
2780
  }
2781
- ._teddy-card--white_126z6_249:has(._teddy-card__action--disabled_126z6_47) {
2781
+ ._teddy-card--white_1h784_249:has(._teddy-card__action--disabled_1h784_47) {
2782
2782
  background-color: var(--teddy-color-background-interactive-disabled);
2783
2783
  }
2784
- ._teddy-card--gray_126z6_263 {
2784
+ ._teddy-card--gray_1h784_263 {
2785
2785
  background-color: var(--teddy-color-background-secondary);
2786
2786
  color: var(--teddy-color-text-default);
2787
2787
  border-color: var(--teddy-color-border-interactive-subtle);
2788
2788
  }
2789
- ._teddy-card--gray_126z6_263:hover:has(._teddy-card__action_126z6_47:not(._teddy-card__action--disabled_126z6_47)) {
2789
+ ._teddy-card--gray_1h784_263:hover:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)) {
2790
2790
  background-color: var(--teddy-color-gray-100);
2791
2791
  }
2792
- ._teddy-card--gray_126z6_263:active:has(._teddy-card__action_126z6_47:not(._teddy-card__action--disabled_126z6_47)) {
2792
+ ._teddy-card--gray_1h784_263:active:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)) {
2793
2793
  background-color: var(--teddy-color-gray-200);
2794
2794
  }
2795
- ._teddy-card--gray_126z6_263:has(._teddy-card__action--disabled_126z6_47) {
2795
+ ._teddy-card--gray_1h784_263:has(._teddy-card__action--disabled_1h784_47) {
2796
2796
  background-color: var(--teddy-color-background-interactive-disabled);
2797
2797
  }
2798
- ._teddy-card--beige_126z6_277 {
2798
+ ._teddy-card--beige_1h784_277 {
2799
2799
  background-color: var(--teddy-color-beige-100);
2800
2800
  color: var(--teddy-color-text-default);
2801
2801
  border-color: var(--teddy-color-beige-300);
2802
2802
  }
2803
- ._teddy-card--beige_126z6_277:hover:has(._teddy-card__action_126z6_47:not(._teddy-card__action--disabled_126z6_47)) {
2803
+ ._teddy-card--beige_1h784_277:hover:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)) {
2804
2804
  background-color: var(--teddy-color-beige-200);
2805
2805
  }
2806
- ._teddy-card--beige_126z6_277:active:has(._teddy-card__action_126z6_47:not(._teddy-card__action--disabled_126z6_47)) {
2806
+ ._teddy-card--beige_1h784_277:active:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)) {
2807
2807
  background-color: var(--teddy-color-beige-300);
2808
2808
  }
2809
- ._teddy-card--beige_126z6_277:has(._teddy-card__action--disabled_126z6_47) {
2809
+ ._teddy-card--beige_1h784_277:has(._teddy-card__action--disabled_1h784_47) {
2810
2810
  background-color: var(--teddy-color-background-interactive-disabled);
2811
2811
  }
2812
- ._teddy-card--product_126z6_291 {
2812
+ ._teddy-card--beige-light_1h784_291 {
2813
+ background-color: var(--teddy-color-beige-50);
2814
+ color: var(--teddy-color-text-default);
2815
+ border-color: var(--teddy-color-beige-200);
2816
+ }
2817
+ ._teddy-card--beige-light_1h784_291:hover:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)) {
2818
+ background-color: var(--teddy-color-beige-100);
2819
+ }
2820
+ ._teddy-card--beige-light_1h784_291:active:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)) {
2821
+ background-color: var(--teddy-color-beige-100);
2822
+ }
2823
+ ._teddy-card--beige-light_1h784_291:has(._teddy-card__action--disabled_1h784_47) {
2824
+ background-color: var(--teddy-color-background-interactive-disabled);
2825
+ }
2826
+ ._teddy-card--product_1h784_305 {
2813
2827
  grid-template-columns: minmax(0, 100%);
2814
2828
  grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
2815
2829
  grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
@@ -2819,128 +2833,128 @@
2819
2833
  padding-bottom: var(--teddy-spacing-100);
2820
2834
  width: 100%;
2821
2835
  }
2822
- ._teddy-card--product_126z6_291:hover:has(._teddy-card__action_126z6_47:not(._teddy-card__action--disabled_126z6_47)) {
2836
+ ._teddy-card--product_1h784_305:hover:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)) {
2823
2837
  background-color: var(--teddy-color-brand-white);
2824
2838
  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
2825
2839
  outline-offset: calc(var(--teddy-border-width-sm) * -1);
2826
2840
  }
2827
- ._teddy-card--product_126z6_291:active:has(._teddy-card__action_126z6_47:not(._teddy-card__action--disabled_126z6_47)) {
2841
+ ._teddy-card--product_1h784_305:active:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)) {
2828
2842
  -webkit-tap-highlight-color: transparent;
2829
2843
  }
2830
- ._teddy-card--product_126z6_291:active:has(._teddy-card__action_126z6_47:not(._teddy-card__action--disabled_126z6_47)):not(:has(._teddy-card__carousel_126z6_60:active)) {
2844
+ ._teddy-card--product_1h784_305:active:has(._teddy-card__action_1h784_47:not(._teddy-card__action--disabled_1h784_47)):not(:has(._teddy-card__carousel_1h784_60:active)) {
2831
2845
  background-color: var(--teddy-color-background-interactive-transparent-active);
2832
2846
  }
2833
- ._teddy-card--product_126z6_291:has(._teddy-card__action--disabled_126z6_47) {
2847
+ ._teddy-card--product_1h784_305:has(._teddy-card__action--disabled_1h784_47) {
2834
2848
  background-color: var(--teddy-color-background-interactive-disabled);
2835
2849
  }
2836
- ._teddy-card--product_126z6_291 ._teddy-card__action-wrapper_126z6_69 {
2850
+ ._teddy-card--product_1h784_305 ._teddy-card__action-wrapper_1h784_69 {
2837
2851
  margin-bottom: var(--teddy-spacing-200);
2838
2852
  }
2839
- ._teddy-card--product_126z6_291 ._teddy-card__illustration_126z6_57 {
2853
+ ._teddy-card--product_1h784_305 ._teddy-card__illustration_1h784_57 {
2840
2854
  height: 180px;
2841
2855
  display: grid;
2842
2856
  place-items: center;
2843
2857
  place-self: center;
2844
2858
  margin-bottom: var(--teddy-spacing-400);
2845
2859
  }
2846
- ._teddy-card--product_126z6_291 ._teddy-card__illustration_126z6_57 img {
2860
+ ._teddy-card--product_1h784_305 ._teddy-card__illustration_1h784_57 img {
2847
2861
  max-width: 200px;
2848
2862
  max-height: 180px;
2849
2863
  object-fit: contain;
2850
2864
  }
2851
- ._teddy-card--product_126z6_291 ._teddy-card__carousel_126z6_60 .slick-dots li {
2865
+ ._teddy-card--product_1h784_305 ._teddy-card__carousel_1h784_60 .slick-dots li {
2852
2866
  min-width: 12px;
2853
2867
  width: initial !important;
2854
2868
  margin: 0 0.25rem !important;
2855
2869
  }
2856
- ._teddy-card--product_126z6_291 ._teddy-card__carousel_126z6_60 .slick-dots .slick-active {
2870
+ ._teddy-card--product_1h784_305 ._teddy-card__carousel_1h784_60 .slick-dots .slick-active {
2857
2871
  min-width: 24px;
2858
2872
  width: initial !important;
2859
2873
  }
2860
- ._teddy-card--product_126z6_291 ._teddy-card__overline_126z6_75 {
2874
+ ._teddy-card--product_1h784_305 ._teddy-card__overline_1h784_75 {
2861
2875
  margin-bottom: var(--teddy-spacing-50);
2862
2876
  }
2863
- ._teddy-card--product_126z6_291 ._teddy-card__heading_126z6_66 {
2877
+ ._teddy-card--product_1h784_305 ._teddy-card__heading_1h784_66 {
2864
2878
  margin-bottom: var(--teddy-spacing-200);
2865
2879
  }
2866
- ._teddy-card--product_126z6_291 ._teddy-card__description_126z6_78 {
2880
+ ._teddy-card--product_1h784_305 ._teddy-card__description_1h784_78 {
2867
2881
  margin-bottom: var(--teddy-spacing-200);
2868
2882
  }
2869
- ._teddy-card--product_126z6_291 ._teddy-card__content_126z6_63 {
2883
+ ._teddy-card--product_1h784_305 ._teddy-card__content_1h784_63 {
2870
2884
  margin-bottom: var(--teddy-spacing-200);
2871
2885
  }
2872
- ._teddy-card--product_126z6_291 ._teddy-card__action_126z6_47 {
2886
+ ._teddy-card--product_1h784_305 ._teddy-card__action_1h784_47 {
2873
2887
  margin-top: auto;
2874
2888
  margin-left: auto;
2875
2889
  justify-self: end;
2876
2890
  }
2877
- ._teddy-card--product_126z6_291 ._teddy-card__price_126z6_87 {
2891
+ ._teddy-card--product_1h784_305 ._teddy-card__price_1h784_87 {
2878
2892
  display: flex;
2879
2893
  }
2880
- ._teddy-card--product_126z6_291 ._teddy-card__price--big_126z6_359 {
2894
+ ._teddy-card--product_1h784_305 ._teddy-card__price--big_1h784_373 {
2881
2895
  font-size: var(--teddy-typography-scale-200);
2882
2896
  }
2883
- ._teddy-card_126z6_3:has(._teddy-card__image--as-background_126z6_362) {
2897
+ ._teddy-card_1h784_3:has(._teddy-card__image--as-background_1h784_376) {
2884
2898
  background-color: transparent;
2885
2899
  }
2886
- ._teddy-card__heading_126z6_66 {
2900
+ ._teddy-card__heading_1h784_66 {
2887
2901
  color: inherit;
2888
2902
  }
2889
- ._teddy-card--background-image_126z6_368 {
2903
+ ._teddy-card--background-image_1h784_382 {
2890
2904
  background-repeat: no-repeat;
2891
2905
  background-size: cover;
2892
2906
  background-position: center;
2893
2907
  }
2894
- ._teddy-card__illustration--rounded_126z6_373 {
2908
+ ._teddy-card__illustration--rounded_1h784_387 {
2895
2909
  border-radius: inherit;
2896
2910
  overflow: hidden;
2897
2911
  }
2898
- ._teddy-card__inset_126z6_377 {
2912
+ ._teddy-card__inset_1h784_391 {
2899
2913
  overflow: hidden;
2900
2914
  }
2901
- ._teddy-card__inset--top_126z6_380 {
2915
+ ._teddy-card__inset--top_1h784_394 {
2902
2916
  margin-top: calc(var(--teddy-spacing-250) * -1);
2903
2917
  }
2904
- ._teddy-card__inset--top_126z6_380._teddy-card__inset--left_126z6_383 {
2918
+ ._teddy-card__inset--top_1h784_394._teddy-card__inset--left_1h784_397 {
2905
2919
  border-top-left-radius: inherit;
2906
2920
  }
2907
- ._teddy-card__inset--top_126z6_380._teddy-card__inset--right_126z6_386 {
2921
+ ._teddy-card__inset--top_1h784_394._teddy-card__inset--right_1h784_400 {
2908
2922
  border-top-right-radius: inherit;
2909
2923
  }
2910
- ._teddy-card__inset--bottom_126z6_389 {
2924
+ ._teddy-card__inset--bottom_1h784_403 {
2911
2925
  margin-bottom: calc(var(--teddy-spacing-250) * -1);
2912
2926
  }
2913
- ._teddy-card__inset--bottom_126z6_389._teddy-card__inset--left_126z6_383 {
2927
+ ._teddy-card__inset--bottom_1h784_403._teddy-card__inset--left_1h784_397 {
2914
2928
  border-bottom-left-radius: inherit;
2915
2929
  }
2916
- ._teddy-card__inset--bottom_126z6_389._teddy-card__inset--right_126z6_386 {
2930
+ ._teddy-card__inset--bottom_1h784_403._teddy-card__inset--right_1h784_400 {
2917
2931
  border-bottom-right-radius: inherit;
2918
2932
  }
2919
- ._teddy-card__inset--left_126z6_383 {
2933
+ ._teddy-card__inset--left_1h784_397 {
2920
2934
  margin-left: calc(var(--teddy-spacing-250) * -1);
2921
2935
  }
2922
- ._teddy-card__inset--right_126z6_386 {
2936
+ ._teddy-card__inset--right_1h784_400 {
2923
2937
  margin-right: calc(var(--teddy-spacing-250) * -1);
2924
2938
  }
2925
- ._teddy-card__availability--badge_126z6_404 {
2939
+ ._teddy-card__availability--badge_1h784_418 {
2926
2940
  margin-right: var(--teddy-spacing-150);
2927
2941
  }
2928
- ._teddy-card__availability--success_126z6_407 {
2942
+ ._teddy-card__availability--success_1h784_421 {
2929
2943
  color: var(--teddy-color-text-status-success-strong);
2930
2944
  }
2931
- ._teddy-card__availability--warning_126z6_410 {
2945
+ ._teddy-card__availability--warning_1h784_424 {
2932
2946
  color: var(--teddy-color-text-status-warning-strong);
2933
2947
  }
2934
- ._teddy-card__availability--error_126z6_413 {
2948
+ ._teddy-card__availability--error_1h784_427 {
2935
2949
  color: var(--teddy-color-text-status-error-strong);
2936
2950
  }
2937
- ._teddy-card__availability--special_126z6_416 {
2951
+ ._teddy-card__availability--special_1h784_430 {
2938
2952
  color: var(--teddy-color-text-status-special);
2939
2953
  }
2940
- ._teddy-card__availability--neutral_126z6_419 {
2954
+ ._teddy-card__availability--neutral_1h784_433 {
2941
2955
  color: var(--teddy-color-text-status-neutral);
2942
2956
  }
2943
- ._teddy-card__availability--information_126z6_422 {
2957
+ ._teddy-card__availability--information_1h784_436 {
2944
2958
  color: var(--teddy-color-text-status-info-strong);
2945
2959
  }
2946
2960
  }._teddy-badge_wlyo5_1 {
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=9"
21
21
  },
22
22
  "private": false,
23
- "version": "0.1.14",
23
+ "version": "0.1.15",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"