@telia/teddy 0.1.2 → 0.1.4

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.
@@ -7,57 +7,57 @@ 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_1hgp8_3",
11
- "teddy-card__slot": "_teddy-card__slot_1hgp8_13",
12
- "teddy-card__slot--bottom": "_teddy-card__slot--bottom_1hgp8_16",
13
- "teddy-card__slot--center": "_teddy-card__slot--center_1hgp8_19",
14
- "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1hgp8_25",
15
- "teddy-card--shadow": "_teddy-card--shadow_1hgp8_44",
16
- "teddy-card__action": "_teddy-card__action_1hgp8_48",
17
- "teddy-card__action--disabled": "_teddy-card__action--disabled_1hgp8_48",
18
- "teddy-card--border": "_teddy-card--border_1hgp8_55",
19
- "teddy-card--layout": "_teddy-card--layout_1hgp8_58",
20
- "teddy-card__illustration": "_teddy-card__illustration_1hgp8_58",
21
- "teddy-card__carousel": "_teddy-card__carousel_1hgp8_61",
22
- "teddy-card__content": "_teddy-card__content_1hgp8_64",
23
- "teddy-card__heading": "_teddy-card__heading_1hgp8_67",
24
- "teddy-card__action-wrapper": "_teddy-card__action-wrapper_1hgp8_70",
25
- "teddy-card__footer": "_teddy-card__footer_1hgp8_73",
26
- "teddy-card__overline": "_teddy-card__overline_1hgp8_76",
27
- "teddy-card__description": "_teddy-card__description_1hgp8_79",
28
- "teddy-card__color-dots": "_teddy-card__color-dots_1hgp8_82",
29
- "teddy-card__availability": "_teddy-card__availability_1hgp8_85",
30
- "teddy-card__price": "_teddy-card__price_1hgp8_88",
31
- "teddy-card--default": "_teddy-card--default_1hgp8_91",
32
- "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1hgp8_96",
33
- "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1hgp8_116",
34
- "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_1hgp8_128",
35
- "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1hgp8_150",
36
- "teddy-card--rich-card": "_teddy-card--rich-card_1hgp8_162",
37
- "teddy-card--rich-card-large": "_teddy-card--rich-card-large_1hgp8_181",
38
- "teddy-card__line": "_teddy-card__line_1hgp8_213",
39
- "teddy-card--purple-light": "_teddy-card--purple-light_1hgp8_217",
40
- "teddy-card--purple-dark": "_teddy-card--purple-dark_1hgp8_231",
41
- "teddy-card--white": "_teddy-card--white_1hgp8_250",
42
- "teddy-card--gray": "_teddy-card--gray_1hgp8_264",
43
- "teddy-card--beige": "_teddy-card--beige_1hgp8_278",
44
- "teddy-card--product": "_teddy-card--product_1hgp8_292",
45
- "teddy-card__price--big": "_teddy-card__price--big_1hgp8_366",
46
- "teddy-card__image--as-background": "_teddy-card__image--as-background_1hgp8_369",
47
- "teddy-card--background-image": "_teddy-card--background-image_1hgp8_375",
48
- "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1hgp8_380",
49
- "teddy-card__inset": "_teddy-card__inset_1hgp8_384",
50
- "teddy-card__inset--top": "_teddy-card__inset--top_1hgp8_387",
51
- "teddy-card__inset--left": "_teddy-card__inset--left_1hgp8_390",
52
- "teddy-card__inset--right": "_teddy-card__inset--right_1hgp8_393",
53
- "teddy-card__inset--bottom": "_teddy-card__inset--bottom_1hgp8_396",
54
- "teddy-card__availability--badge": "_teddy-card__availability--badge_1hgp8_411",
55
- "teddy-card__availability--success": "_teddy-card__availability--success_1hgp8_414",
56
- "teddy-card__availability--warning": "_teddy-card__availability--warning_1hgp8_417",
57
- "teddy-card__availability--error": "_teddy-card__availability--error_1hgp8_420",
58
- "teddy-card__availability--special": "_teddy-card__availability--special_1hgp8_423",
59
- "teddy-card__availability--neutral": "_teddy-card__availability--neutral_1hgp8_426",
60
- "teddy-card__availability--information": "_teddy-card__availability--information_1hgp8_429"
10
+ "teddy-card": "_teddy-card_2ns77_3",
11
+ "teddy-card__slot": "_teddy-card__slot_2ns77_13",
12
+ "teddy-card__slot--bottom": "_teddy-card__slot--bottom_2ns77_16",
13
+ "teddy-card__slot--center": "_teddy-card__slot--center_2ns77_19",
14
+ "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_2ns77_25",
15
+ "teddy-card--shadow": "_teddy-card--shadow_2ns77_44",
16
+ "teddy-card__action": "_teddy-card__action_2ns77_47",
17
+ "teddy-card__action--disabled": "_teddy-card__action--disabled_2ns77_47",
18
+ "teddy-card--border": "_teddy-card--border_2ns77_54",
19
+ "teddy-card--layout": "_teddy-card--layout_2ns77_57",
20
+ "teddy-card__illustration": "_teddy-card__illustration_2ns77_57",
21
+ "teddy-card__carousel": "_teddy-card__carousel_2ns77_60",
22
+ "teddy-card__content": "_teddy-card__content_2ns77_63",
23
+ "teddy-card__heading": "_teddy-card__heading_2ns77_66",
24
+ "teddy-card__action-wrapper": "_teddy-card__action-wrapper_2ns77_69",
25
+ "teddy-card__footer": "_teddy-card__footer_2ns77_72",
26
+ "teddy-card__overline": "_teddy-card__overline_2ns77_75",
27
+ "teddy-card__description": "_teddy-card__description_2ns77_78",
28
+ "teddy-card__color-dots": "_teddy-card__color-dots_2ns77_81",
29
+ "teddy-card__availability": "_teddy-card__availability_2ns77_84",
30
+ "teddy-card__price": "_teddy-card__price_2ns77_87",
31
+ "teddy-card--default": "_teddy-card--default_2ns77_90",
32
+ "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_2ns77_95",
33
+ "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_2ns77_115",
34
+ "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_2ns77_127",
35
+ "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_2ns77_149",
36
+ "teddy-card--rich-card": "_teddy-card--rich-card_2ns77_161",
37
+ "teddy-card--rich-card-large": "_teddy-card--rich-card-large_2ns77_180",
38
+ "teddy-card__line": "_teddy-card__line_2ns77_212",
39
+ "teddy-card--purple-light": "_teddy-card--purple-light_2ns77_216",
40
+ "teddy-card--purple-dark": "_teddy-card--purple-dark_2ns77_230",
41
+ "teddy-card--white": "_teddy-card--white_2ns77_249",
42
+ "teddy-card--gray": "_teddy-card--gray_2ns77_263",
43
+ "teddy-card--beige": "_teddy-card--beige_2ns77_277",
44
+ "teddy-card--product": "_teddy-card--product_2ns77_291",
45
+ "teddy-card__price--big": "_teddy-card__price--big_2ns77_364",
46
+ "teddy-card__image--as-background": "_teddy-card__image--as-background_2ns77_367",
47
+ "teddy-card--background-image": "_teddy-card--background-image_2ns77_373",
48
+ "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_2ns77_378",
49
+ "teddy-card__inset": "_teddy-card__inset_2ns77_382",
50
+ "teddy-card__inset--top": "_teddy-card__inset--top_2ns77_385",
51
+ "teddy-card__inset--left": "_teddy-card__inset--left_2ns77_388",
52
+ "teddy-card__inset--right": "_teddy-card__inset--right_2ns77_391",
53
+ "teddy-card__inset--bottom": "_teddy-card__inset--bottom_2ns77_394",
54
+ "teddy-card__availability--badge": "_teddy-card__availability--badge_2ns77_409",
55
+ "teddy-card__availability--success": "_teddy-card__availability--success_2ns77_412",
56
+ "teddy-card__availability--warning": "_teddy-card__availability--warning_2ns77_415",
57
+ "teddy-card__availability--error": "_teddy-card__availability--error_2ns77_418",
58
+ "teddy-card__availability--special": "_teddy-card__availability--special_2ns77_421",
59
+ "teddy-card__availability--neutral": "_teddy-card__availability--neutral_2ns77_424",
60
+ "teddy-card__availability--information": "_teddy-card__availability--information_2ns77_427"
61
61
  };
62
62
  const rootClassName = "teddy-card";
63
63
  const actionElementIdentifier = `${rootClassName}__action`;
@@ -5,57 +5,57 @@ 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_1hgp8_3",
9
- "teddy-card__slot": "_teddy-card__slot_1hgp8_13",
10
- "teddy-card__slot--bottom": "_teddy-card__slot--bottom_1hgp8_16",
11
- "teddy-card__slot--center": "_teddy-card__slot--center_1hgp8_19",
12
- "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1hgp8_25",
13
- "teddy-card--shadow": "_teddy-card--shadow_1hgp8_44",
14
- "teddy-card__action": "_teddy-card__action_1hgp8_48",
15
- "teddy-card__action--disabled": "_teddy-card__action--disabled_1hgp8_48",
16
- "teddy-card--border": "_teddy-card--border_1hgp8_55",
17
- "teddy-card--layout": "_teddy-card--layout_1hgp8_58",
18
- "teddy-card__illustration": "_teddy-card__illustration_1hgp8_58",
19
- "teddy-card__carousel": "_teddy-card__carousel_1hgp8_61",
20
- "teddy-card__content": "_teddy-card__content_1hgp8_64",
21
- "teddy-card__heading": "_teddy-card__heading_1hgp8_67",
22
- "teddy-card__action-wrapper": "_teddy-card__action-wrapper_1hgp8_70",
23
- "teddy-card__footer": "_teddy-card__footer_1hgp8_73",
24
- "teddy-card__overline": "_teddy-card__overline_1hgp8_76",
25
- "teddy-card__description": "_teddy-card__description_1hgp8_79",
26
- "teddy-card__color-dots": "_teddy-card__color-dots_1hgp8_82",
27
- "teddy-card__availability": "_teddy-card__availability_1hgp8_85",
28
- "teddy-card__price": "_teddy-card__price_1hgp8_88",
29
- "teddy-card--default": "_teddy-card--default_1hgp8_91",
30
- "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1hgp8_96",
31
- "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1hgp8_116",
32
- "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_1hgp8_128",
33
- "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1hgp8_150",
34
- "teddy-card--rich-card": "_teddy-card--rich-card_1hgp8_162",
35
- "teddy-card--rich-card-large": "_teddy-card--rich-card-large_1hgp8_181",
36
- "teddy-card__line": "_teddy-card__line_1hgp8_213",
37
- "teddy-card--purple-light": "_teddy-card--purple-light_1hgp8_217",
38
- "teddy-card--purple-dark": "_teddy-card--purple-dark_1hgp8_231",
39
- "teddy-card--white": "_teddy-card--white_1hgp8_250",
40
- "teddy-card--gray": "_teddy-card--gray_1hgp8_264",
41
- "teddy-card--beige": "_teddy-card--beige_1hgp8_278",
42
- "teddy-card--product": "_teddy-card--product_1hgp8_292",
43
- "teddy-card__price--big": "_teddy-card__price--big_1hgp8_366",
44
- "teddy-card__image--as-background": "_teddy-card__image--as-background_1hgp8_369",
45
- "teddy-card--background-image": "_teddy-card--background-image_1hgp8_375",
46
- "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1hgp8_380",
47
- "teddy-card__inset": "_teddy-card__inset_1hgp8_384",
48
- "teddy-card__inset--top": "_teddy-card__inset--top_1hgp8_387",
49
- "teddy-card__inset--left": "_teddy-card__inset--left_1hgp8_390",
50
- "teddy-card__inset--right": "_teddy-card__inset--right_1hgp8_393",
51
- "teddy-card__inset--bottom": "_teddy-card__inset--bottom_1hgp8_396",
52
- "teddy-card__availability--badge": "_teddy-card__availability--badge_1hgp8_411",
53
- "teddy-card__availability--success": "_teddy-card__availability--success_1hgp8_414",
54
- "teddy-card__availability--warning": "_teddy-card__availability--warning_1hgp8_417",
55
- "teddy-card__availability--error": "_teddy-card__availability--error_1hgp8_420",
56
- "teddy-card__availability--special": "_teddy-card__availability--special_1hgp8_423",
57
- "teddy-card__availability--neutral": "_teddy-card__availability--neutral_1hgp8_426",
58
- "teddy-card__availability--information": "_teddy-card__availability--information_1hgp8_429"
8
+ "teddy-card": "_teddy-card_2ns77_3",
9
+ "teddy-card__slot": "_teddy-card__slot_2ns77_13",
10
+ "teddy-card__slot--bottom": "_teddy-card__slot--bottom_2ns77_16",
11
+ "teddy-card__slot--center": "_teddy-card__slot--center_2ns77_19",
12
+ "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_2ns77_25",
13
+ "teddy-card--shadow": "_teddy-card--shadow_2ns77_44",
14
+ "teddy-card__action": "_teddy-card__action_2ns77_47",
15
+ "teddy-card__action--disabled": "_teddy-card__action--disabled_2ns77_47",
16
+ "teddy-card--border": "_teddy-card--border_2ns77_54",
17
+ "teddy-card--layout": "_teddy-card--layout_2ns77_57",
18
+ "teddy-card__illustration": "_teddy-card__illustration_2ns77_57",
19
+ "teddy-card__carousel": "_teddy-card__carousel_2ns77_60",
20
+ "teddy-card__content": "_teddy-card__content_2ns77_63",
21
+ "teddy-card__heading": "_teddy-card__heading_2ns77_66",
22
+ "teddy-card__action-wrapper": "_teddy-card__action-wrapper_2ns77_69",
23
+ "teddy-card__footer": "_teddy-card__footer_2ns77_72",
24
+ "teddy-card__overline": "_teddy-card__overline_2ns77_75",
25
+ "teddy-card__description": "_teddy-card__description_2ns77_78",
26
+ "teddy-card__color-dots": "_teddy-card__color-dots_2ns77_81",
27
+ "teddy-card__availability": "_teddy-card__availability_2ns77_84",
28
+ "teddy-card__price": "_teddy-card__price_2ns77_87",
29
+ "teddy-card--default": "_teddy-card--default_2ns77_90",
30
+ "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_2ns77_95",
31
+ "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_2ns77_115",
32
+ "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_2ns77_127",
33
+ "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_2ns77_149",
34
+ "teddy-card--rich-card": "_teddy-card--rich-card_2ns77_161",
35
+ "teddy-card--rich-card-large": "_teddy-card--rich-card-large_2ns77_180",
36
+ "teddy-card__line": "_teddy-card__line_2ns77_212",
37
+ "teddy-card--purple-light": "_teddy-card--purple-light_2ns77_216",
38
+ "teddy-card--purple-dark": "_teddy-card--purple-dark_2ns77_230",
39
+ "teddy-card--white": "_teddy-card--white_2ns77_249",
40
+ "teddy-card--gray": "_teddy-card--gray_2ns77_263",
41
+ "teddy-card--beige": "_teddy-card--beige_2ns77_277",
42
+ "teddy-card--product": "_teddy-card--product_2ns77_291",
43
+ "teddy-card__price--big": "_teddy-card__price--big_2ns77_364",
44
+ "teddy-card__image--as-background": "_teddy-card__image--as-background_2ns77_367",
45
+ "teddy-card--background-image": "_teddy-card--background-image_2ns77_373",
46
+ "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_2ns77_378",
47
+ "teddy-card__inset": "_teddy-card__inset_2ns77_382",
48
+ "teddy-card__inset--top": "_teddy-card__inset--top_2ns77_385",
49
+ "teddy-card__inset--left": "_teddy-card__inset--left_2ns77_388",
50
+ "teddy-card__inset--right": "_teddy-card__inset--right_2ns77_391",
51
+ "teddy-card__inset--bottom": "_teddy-card__inset--bottom_2ns77_394",
52
+ "teddy-card__availability--badge": "_teddy-card__availability--badge_2ns77_409",
53
+ "teddy-card__availability--success": "_teddy-card__availability--success_2ns77_412",
54
+ "teddy-card__availability--warning": "_teddy-card__availability--warning_2ns77_415",
55
+ "teddy-card__availability--error": "_teddy-card__availability--error_2ns77_418",
56
+ "teddy-card__availability--special": "_teddy-card__availability--special_2ns77_421",
57
+ "teddy-card__availability--neutral": "_teddy-card__availability--neutral_2ns77_424",
58
+ "teddy-card__availability--information": "_teddy-card__availability--information_2ns77_427"
59
59
  };
60
60
  const rootClassName = "teddy-card";
61
61
  const actionElementIdentifier = `${rootClassName}__action`;
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_1hgp8_3 {
2524
+ ._teddy-card_2ns77_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_1hgp8_3 {
2530
+ ._teddy-card_2ns77_3 {
2531
2531
  transition: background-color var(--teddy-motion-duration-300) ease;
2532
2532
  }
2533
2533
  }
2534
- ._teddy-card__slot_1hgp8_13 {
2534
+ ._teddy-card__slot_2ns77_13 {
2535
2535
  transform: translateY(-50%);
2536
2536
  }
2537
- ._teddy-card__slot--bottom_1hgp8_16 {
2537
+ ._teddy-card__slot--bottom_2ns77_16 {
2538
2538
  transform: translateY(50%);
2539
2539
  }
2540
- ._teddy-card__slot--center_1hgp8_19 {
2540
+ ._teddy-card__slot--center_2ns77_19 {
2541
2541
  transform: translate(-50%, -50%);
2542
2542
  }
2543
- ._teddy-card__slot--bottom_1hgp8_16._teddy-card__slot--center_1hgp8_19 {
2543
+ ._teddy-card__slot--bottom_2ns77_16._teddy-card__slot--center_2ns77_19 {
2544
2544
  transform: translate(-50%, 50%);
2545
2545
  }
2546
- ._teddy-card__slot--no-translate_1hgp8_25 {
2546
+ ._teddy-card__slot--no-translate_2ns77_25 {
2547
2547
  transform: initial;
2548
2548
  }
2549
- ._teddy-card_1hgp8_3::before {
2549
+ ._teddy-card_2ns77_3::before {
2550
2550
  content: "";
2551
2551
  display: block;
2552
2552
  position: absolute;
@@ -2554,99 +2554,98 @@
2554
2554
  pointer-events: none;
2555
2555
  border-radius: inherit;
2556
2556
  opacity: 0;
2557
- box-shadow: var(--teddy-shadow-md);
2557
+ box-shadow: var(--teddy-shadow-sm);
2558
2558
  }
2559
2559
  @media (prefers-reduced-motion: no-preference) {
2560
- ._teddy-card_1hgp8_3::before {
2560
+ ._teddy-card_2ns77_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_1hgp8_44::before {
2565
+ ._teddy-card--shadow_2ns77_44::before {
2566
2566
  opacity: 1;
2567
- box-shadow: var(--teddy-shadow-sm-2);
2568
2567
  }
2569
- ._teddy-card_1hgp8_3:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2568
+ ._teddy-card_2ns77_3:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
2570
2569
  cursor: pointer;
2571
2570
  }
2572
- ._teddy-card_1hgp8_3:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48))::before {
2571
+ ._teddy-card_2ns77_3:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47))::before {
2573
2572
  opacity: 1;
2574
2573
  box-shadow: var(--teddy-shadow-md);
2575
2574
  }
2576
- ._teddy-card--border_1hgp8_55 {
2575
+ ._teddy-card--border_2ns77_54 {
2577
2576
  border: var(--teddy-border-width-xs) solid transparent;
2578
2577
  }
2579
- ._teddy-card--layout_1hgp8_58 ._teddy-card__illustration_1hgp8_58 {
2578
+ ._teddy-card--layout_2ns77_57 ._teddy-card__illustration_2ns77_57 {
2580
2579
  grid-area: illustration;
2581
2580
  }
2582
- ._teddy-card--layout_1hgp8_58 ._teddy-card__carousel_1hgp8_61 {
2581
+ ._teddy-card--layout_2ns77_57 ._teddy-card__carousel_2ns77_60 {
2583
2582
  grid-area: carousel;
2584
2583
  }
2585
- ._teddy-card--layout_1hgp8_58 ._teddy-card__content_1hgp8_64 {
2584
+ ._teddy-card--layout_2ns77_57 ._teddy-card__content_2ns77_63 {
2586
2585
  grid-area: content;
2587
2586
  }
2588
- ._teddy-card--layout_1hgp8_58 ._teddy-card__heading_1hgp8_67 {
2587
+ ._teddy-card--layout_2ns77_57 ._teddy-card__heading_2ns77_66 {
2589
2588
  grid-area: heading;
2590
2589
  }
2591
- ._teddy-card--layout_1hgp8_58 ._teddy-card__action-wrapper_1hgp8_70 {
2590
+ ._teddy-card--layout_2ns77_57 ._teddy-card__action-wrapper_2ns77_69 {
2592
2591
  grid-area: action;
2593
2592
  }
2594
- ._teddy-card--layout_1hgp8_58 ._teddy-card__footer_1hgp8_73 {
2593
+ ._teddy-card--layout_2ns77_57 ._teddy-card__footer_2ns77_72 {
2595
2594
  grid-area: footer;
2596
2595
  }
2597
- ._teddy-card--layout_1hgp8_58 ._teddy-card__overline_1hgp8_76 {
2596
+ ._teddy-card--layout_2ns77_57 ._teddy-card__overline_2ns77_75 {
2598
2597
  grid-area: overline;
2599
2598
  }
2600
- ._teddy-card--layout_1hgp8_58 ._teddy-card__description_1hgp8_79 {
2599
+ ._teddy-card--layout_2ns77_57 ._teddy-card__description_2ns77_78 {
2601
2600
  grid-area: description;
2602
2601
  }
2603
- ._teddy-card--layout_1hgp8_58 ._teddy-card__color-dots_1hgp8_82 {
2602
+ ._teddy-card--layout_2ns77_57 ._teddy-card__color-dots_2ns77_81 {
2604
2603
  grid-area: colors;
2605
2604
  }
2606
- ._teddy-card--layout_1hgp8_58 ._teddy-card__availability_1hgp8_85 {
2605
+ ._teddy-card--layout_2ns77_57 ._teddy-card__availability_2ns77_84 {
2607
2606
  grid-area: availability;
2608
2607
  }
2609
- ._teddy-card--layout_1hgp8_58 ._teddy-card__price_1hgp8_88 {
2608
+ ._teddy-card--layout_2ns77_57 ._teddy-card__price_2ns77_87 {
2610
2609
  grid-area: price;
2611
2610
  }
2612
- ._teddy-card--default_1hgp8_91 {
2611
+ ._teddy-card--default_2ns77_90 {
2613
2612
  display: flex;
2614
2613
  flex-direction: column;
2615
2614
  gap: var(--teddy-spacing-200);
2616
2615
  }
2617
- ._teddy-card--navigation-vertical_1hgp8_96 {
2616
+ ._teddy-card--navigation-vertical_2ns77_95 {
2618
2617
  grid-template-rows: auto auto 1fr auto;
2619
2618
  justify-items: start;
2620
2619
  justify-content: stretch;
2621
2620
  align-items: baseline;
2622
2621
  grid-template-areas: "illustration" "heading" "content" "action";
2623
2622
  }
2624
- ._teddy-card--navigation-vertical_1hgp8_96 ._teddy-card__illustration_1hgp8_58 {
2623
+ ._teddy-card--navigation-vertical_2ns77_95 ._teddy-card__illustration_2ns77_57 {
2625
2624
  margin-bottom: var(--teddy-spacing-200);
2626
2625
  }
2627
- ._teddy-card--navigation-vertical_1hgp8_96 ._teddy-card__content_1hgp8_64 {
2626
+ ._teddy-card--navigation-vertical_2ns77_95 ._teddy-card__content_2ns77_63 {
2628
2627
  margin-bottom: var(--teddy-spacing-200);
2629
2628
  }
2630
- ._teddy-card--navigation-vertical_1hgp8_96 ._teddy-card__heading_1hgp8_67 {
2629
+ ._teddy-card--navigation-vertical_2ns77_95 ._teddy-card__heading_2ns77_66 {
2631
2630
  margin-bottom: var(--teddy-spacing-100);
2632
2631
  }
2633
- ._teddy-card--navigation-vertical_1hgp8_96 ._teddy-card__action-wrapper_1hgp8_70 {
2632
+ ._teddy-card--navigation-vertical_2ns77_95 ._teddy-card__action-wrapper_2ns77_69 {
2634
2633
  margin-top: auto;
2635
2634
  justify-self: end;
2636
2635
  }
2637
- ._teddy-card--navigation-horizontal-small_1hgp8_116 {
2636
+ ._teddy-card--navigation-horizontal-small_2ns77_115 {
2638
2637
  grid-template-columns: auto 1fr auto;
2639
2638
  grid-template-rows: auto 1fr;
2640
2639
  grid-template-areas: "illustration heading action" "illustration content action";
2641
2640
  column-gap: var(--teddy-spacing-200);
2642
2641
  }
2643
- ._teddy-card--navigation-horizontal-small_1hgp8_116 ._teddy-card__heading_1hgp8_67 {
2642
+ ._teddy-card--navigation-horizontal-small_2ns77_115 ._teddy-card__heading_2ns77_66 {
2644
2643
  margin-bottom: var(--teddy-spacing-100);
2645
2644
  }
2646
- ._teddy-card--navigation-horizontal-small_1hgp8_116 ._teddy-card__action-wrapper_1hgp8_70 {
2645
+ ._teddy-card--navigation-horizontal-small_2ns77_115 ._teddy-card__action-wrapper_2ns77_69 {
2647
2646
  margin-top: auto;
2648
2647
  }
2649
- ._teddy-card--navigation-horizontal-small-centered_1hgp8_128 {
2648
+ ._teddy-card--navigation-horizontal-small-centered_2ns77_127 {
2650
2649
  width: 100%;
2651
2650
  max-width: 26rem;
2652
2651
  grid-template-columns: auto 1fr auto;
@@ -2655,299 +2654,298 @@
2655
2654
  align-items: center;
2656
2655
  column-gap: var(--teddy-spacing-200);
2657
2656
  }
2658
- ._teddy-card--navigation-horizontal-small-centered_1hgp8_128 ._teddy-card__content_1hgp8_64 {
2657
+ ._teddy-card--navigation-horizontal-small-centered_2ns77_127 ._teddy-card__content_2ns77_63 {
2659
2658
  margin-top: var(--teddy-spacing-200);
2660
2659
  }
2661
- ._teddy-card--navigation-horizontal-small-centered_1hgp8_128 ._teddy-card__action-wrapper_1hgp8_70 {
2660
+ ._teddy-card--navigation-horizontal-small-centered_2ns77_127 ._teddy-card__action-wrapper_2ns77_69 {
2662
2661
  margin: 0;
2663
2662
  }
2664
- ._teddy-card--navigation-horizontal-small-centered_1hgp8_128 ._teddy-card__illustration_1hgp8_58 {
2663
+ ._teddy-card--navigation-horizontal-small-centered_2ns77_127 ._teddy-card__illustration_2ns77_57 {
2665
2664
  max-height: 80px;
2666
2665
  max-width: 100px;
2667
2666
  }
2668
- ._teddy-card--navigation-horizontal-small-centered_1hgp8_128 ._teddy-card__illustration_1hgp8_58 img {
2667
+ ._teddy-card--navigation-horizontal-small-centered_2ns77_127 ._teddy-card__illustration_2ns77_57 img {
2669
2668
  object-fit: contain;
2670
2669
  }
2671
- ._teddy-card--navigation-horizontal-large_1hgp8_150 {
2670
+ ._teddy-card--navigation-horizontal-large_2ns77_149 {
2672
2671
  grid-template-columns: 1fr auto;
2673
2672
  grid-template-rows: auto auto 1fr;
2674
2673
  grid-template-areas: "illustration action" "heading action" "content action";
2675
2674
  column-gap: var(--teddy-spacing-200);
2676
2675
  }
2677
- ._teddy-card--navigation-horizontal-large_1hgp8_150 ._teddy-card__heading_1hgp8_67 {
2676
+ ._teddy-card--navigation-horizontal-large_2ns77_149 ._teddy-card__heading_2ns77_66 {
2678
2677
  margin-bottom: var(--teddy-spacing-100);
2679
2678
  }
2680
- ._teddy-card--navigation-horizontal-large_1hgp8_150 ._teddy-card__action-wrapper_1hgp8_70 {
2679
+ ._teddy-card--navigation-horizontal-large_2ns77_149 ._teddy-card__action-wrapper_2ns77_69 {
2681
2680
  margin-top: auto;
2682
2681
  }
2683
- ._teddy-card--rich-card_1hgp8_162 {
2682
+ ._teddy-card--rich-card_2ns77_161 {
2684
2683
  justify-items: start;
2685
2684
  align-items: baseline;
2686
2685
  grid-template-rows: auto auto 1fr auto;
2687
2686
  grid-template-areas: "illustration" "heading" "content" "action";
2688
2687
  }
2689
- ._teddy-card--rich-card_1hgp8_162 ._teddy-card__illustration_1hgp8_58 {
2688
+ ._teddy-card--rich-card_2ns77_161 ._teddy-card__illustration_2ns77_57 {
2690
2689
  margin-bottom: var(--teddy-spacing-200);
2691
2690
  }
2692
- ._teddy-card--rich-card_1hgp8_162 ._teddy-card__content_1hgp8_64 {
2691
+ ._teddy-card--rich-card_2ns77_161 ._teddy-card__content_2ns77_63 {
2693
2692
  margin-bottom: var(--teddy-spacing-200);
2694
2693
  }
2695
- ._teddy-card--rich-card_1hgp8_162 ._teddy-card__heading_1hgp8_67 {
2694
+ ._teddy-card--rich-card_2ns77_161 ._teddy-card__heading_2ns77_66 {
2696
2695
  margin-bottom: var(--teddy-spacing-100);
2697
2696
  }
2698
- ._teddy-card--rich-card_1hgp8_162 ._teddy-card__action-wrapper_1hgp8_70 {
2697
+ ._teddy-card--rich-card_2ns77_161 ._teddy-card__action-wrapper_2ns77_69 {
2699
2698
  margin-top: auto;
2700
2699
  }
2701
2700
  @media (max-width: 800px) {
2702
- ._teddy-card--rich-card-large_1hgp8_181 {
2701
+ ._teddy-card--rich-card-large_2ns77_180 {
2703
2702
  align-items: baseline;
2704
2703
  grid-template-rows: auto auto 1fr auto;
2705
2704
  grid-template-areas: "illustration" "heading" "content" "action";
2706
2705
  }
2707
2706
  }
2708
- ._teddy-card--rich-card-large_1hgp8_181 ._teddy-card__illustration_1hgp8_58 img {
2707
+ ._teddy-card--rich-card-large_2ns77_180 ._teddy-card__illustration_2ns77_57 img {
2709
2708
  object-fit: cover;
2710
2709
  }
2711
2710
  @media (min-width: 801px) {
2712
- ._teddy-card--rich-card-large_1hgp8_181 ._teddy-card__illustration_1hgp8_58 {
2711
+ ._teddy-card--rich-card-large_2ns77_180 ._teddy-card__illustration_2ns77_57 {
2713
2712
  grid-column-start: 1;
2714
2713
  margin-right: var(--teddy-spacing-600);
2715
2714
  }
2716
2715
  }
2717
- ._teddy-card--rich-card-large_1hgp8_181 ._teddy-card__content_1hgp8_64 {
2716
+ ._teddy-card--rich-card-large_2ns77_180 ._teddy-card__content_2ns77_63 {
2718
2717
  margin-top: 2rem;
2719
2718
  }
2720
2719
  @media (min-width: 801px) {
2721
- ._teddy-card--rich-card-large_1hgp8_181 ._teddy-card__content_1hgp8_64 {
2720
+ ._teddy-card--rich-card-large_2ns77_180 ._teddy-card__content_2ns77_63 {
2722
2721
  grid-column-start: 2;
2723
2722
  margin-top: 0;
2724
2723
  align-content: center;
2725
2724
  }
2726
2725
  }
2727
- ._teddy-card--rich-card-large_1hgp8_181 ._teddy-card__action_1hgp8_48 {
2726
+ ._teddy-card--rich-card-large_2ns77_180 ._teddy-card__action_2ns77_47 {
2728
2727
  margin-top: var(--teddy-spacing-200);
2729
2728
  }
2730
- ._teddy-card--rich-card-large_1hgp8_181 ._teddy-card__heading_1hgp8_67 {
2729
+ ._teddy-card--rich-card-large_2ns77_180 ._teddy-card__heading_2ns77_66 {
2731
2730
  margin-top: var(--teddy-spacing-100);
2732
2731
  margin-bottom: var(--teddy-spacing-100);
2733
2732
  }
2734
- ._teddy-card__line_1hgp8_213 {
2733
+ ._teddy-card__line_2ns77_212 {
2735
2734
  border: 0;
2736
2735
  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
2737
2736
  }
2738
- ._teddy-card--purple-light_1hgp8_217 {
2737
+ ._teddy-card--purple-light_2ns77_216 {
2739
2738
  background-color: var(--teddy-color-background-interactive-primary-negative);
2740
2739
  color: var(--teddy-color-text-default);
2741
2740
  border-color: var(--teddy-color-background-interactive-primary-negative);
2742
2741
  }
2743
- ._teddy-card--purple-light_1hgp8_217:hover:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2742
+ ._teddy-card--purple-light_2ns77_216:hover:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
2744
2743
  background-color: var(--teddy-color-background-interactive-primary-negative-hover);
2745
2744
  }
2746
- ._teddy-card--purple-light_1hgp8_217:active:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2745
+ ._teddy-card--purple-light_2ns77_216:active:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
2747
2746
  background-color: var(--teddy-color-background-interactive-primary-negative-active);
2748
2747
  }
2749
- ._teddy-card--purple-light_1hgp8_217:has(._teddy-card__action--disabled_1hgp8_48) {
2748
+ ._teddy-card--purple-light_2ns77_216:has(._teddy-card__action--disabled_2ns77_47) {
2750
2749
  background-color: var(--teddy-color-background-interactive-disabled);
2751
2750
  }
2752
- ._teddy-card--purple-dark_1hgp8_231 {
2751
+ ._teddy-card--purple-dark_2ns77_230 {
2753
2752
  background-color: var(--teddy-color-brand-deep-purple);
2754
2753
  color: var(--teddy-color-text-default-negative);
2755
2754
  border-color: var(--teddy-color-brand-deep-purple);
2756
2755
  }
2757
- ._teddy-card--purple-dark_1hgp8_231:hover:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2756
+ ._teddy-card--purple-dark_2ns77_230:hover:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
2758
2757
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
2759
2758
  }
2760
- ._teddy-card--purple-dark_1hgp8_231:active:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2759
+ ._teddy-card--purple-dark_2ns77_230:active:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
2761
2760
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
2762
2761
  }
2763
- ._teddy-card--purple-dark_1hgp8_231:has(._teddy-card__action--disabled_1hgp8_48) {
2762
+ ._teddy-card--purple-dark_2ns77_230:has(._teddy-card__action--disabled_2ns77_47) {
2764
2763
  color: var(--teddy-color-text-default);
2765
2764
  background-color: var(--teddy-color-background-interactive-disabled);
2766
2765
  }
2767
- ._teddy-card--purple-dark_1hgp8_231:has(._teddy-card__action--disabled_1hgp8_48) ._teddy-card__action_1hgp8_48 {
2766
+ ._teddy-card--purple-dark_2ns77_230:has(._teddy-card__action--disabled_2ns77_47) ._teddy-card__action_2ns77_47 {
2768
2767
  color: var(--teddy-color-text-weak);
2769
2768
  background-color: var(--teddy-color-background-interactive-disabled);
2770
2769
  }
2771
- ._teddy-card--white_1hgp8_250 {
2770
+ ._teddy-card--white_2ns77_249 {
2772
2771
  background-color: var(--teddy-color-brand-white);
2773
2772
  color: var(--teddy-color-text-default);
2774
2773
  border-color: var(--teddy-color-border-interactive-subtle);
2775
2774
  }
2776
- ._teddy-card--white_1hgp8_250:hover:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2775
+ ._teddy-card--white_2ns77_249:hover:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
2777
2776
  background-color: var(--teddy-color-background-interactive-transparent-hover);
2778
2777
  }
2779
- ._teddy-card--white_1hgp8_250:active:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2778
+ ._teddy-card--white_2ns77_249:active:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
2780
2779
  background-color: var(--teddy-color-background-interactive-transparent-active);
2781
2780
  }
2782
- ._teddy-card--white_1hgp8_250:has(._teddy-card__action--disabled_1hgp8_48) {
2781
+ ._teddy-card--white_2ns77_249:has(._teddy-card__action--disabled_2ns77_47) {
2783
2782
  background-color: var(--teddy-color-background-interactive-disabled);
2784
2783
  }
2785
- ._teddy-card--gray_1hgp8_264 {
2784
+ ._teddy-card--gray_2ns77_263 {
2786
2785
  background-color: var(--teddy-color-background-secondary);
2787
2786
  color: var(--teddy-color-text-default);
2788
2787
  border-color: var(--teddy-color-border-interactive-subtle);
2789
2788
  }
2790
- ._teddy-card--gray_1hgp8_264:hover:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2789
+ ._teddy-card--gray_2ns77_263:hover:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
2791
2790
  background-color: var(--teddy-color-gray-100);
2792
2791
  }
2793
- ._teddy-card--gray_1hgp8_264:active:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2792
+ ._teddy-card--gray_2ns77_263:active:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
2794
2793
  background-color: var(--teddy-color-gray-200);
2795
2794
  }
2796
- ._teddy-card--gray_1hgp8_264:has(._teddy-card__action--disabled_1hgp8_48) {
2795
+ ._teddy-card--gray_2ns77_263:has(._teddy-card__action--disabled_2ns77_47) {
2797
2796
  background-color: var(--teddy-color-background-interactive-disabled);
2798
2797
  }
2799
- ._teddy-card--beige_1hgp8_278 {
2798
+ ._teddy-card--beige_2ns77_277 {
2800
2799
  background-color: var(--teddy-color-beige-100);
2801
2800
  color: var(--teddy-color-text-default);
2802
2801
  border-color: var(--teddy-color-beige-300);
2803
2802
  }
2804
- ._teddy-card--beige_1hgp8_278:hover:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2803
+ ._teddy-card--beige_2ns77_277:hover:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
2805
2804
  background-color: var(--teddy-color-beige-200);
2806
2805
  }
2807
- ._teddy-card--beige_1hgp8_278:active:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2806
+ ._teddy-card--beige_2ns77_277:active:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
2808
2807
  background-color: var(--teddy-color-beige-300);
2809
2808
  }
2810
- ._teddy-card--beige_1hgp8_278:has(._teddy-card__action--disabled_1hgp8_48) {
2809
+ ._teddy-card--beige_2ns77_277:has(._teddy-card__action--disabled_2ns77_47) {
2811
2810
  background-color: var(--teddy-color-background-interactive-disabled);
2812
2811
  }
2813
- ._teddy-card--product_1hgp8_292 {
2812
+ ._teddy-card--product_2ns77_291 {
2814
2813
  grid-template-columns: minmax(0, 100%);
2815
2814
  grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
2816
2815
  grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
2817
- background-color: var(--teddy-color-brand-white);
2818
2816
  color: var(--teddy-color-text-default);
2819
2817
  border-color: var(--teddy-color-border-interactive-subtle);
2820
2818
  padding-top: var(--teddy-spacing-400);
2821
2819
  padding-bottom: var(--teddy-spacing-100);
2822
2820
  width: 100%;
2823
2821
  }
2824
- ._teddy-card--product_1hgp8_292:hover:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2822
+ ._teddy-card--product_2ns77_291:hover:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
2825
2823
  background-color: var(--teddy-color-brand-white);
2826
2824
  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
2827
2825
  outline-offset: calc(var(--teddy-border-width-sm) * -1);
2828
2826
  }
2829
- ._teddy-card--product_1hgp8_292:active:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2827
+ ._teddy-card--product_2ns77_291:active:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
2830
2828
  -webkit-tap-highlight-color: transparent;
2831
2829
  }
2832
- ._teddy-card--product_1hgp8_292:active:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)):not(:has(._teddy-card__carousel_1hgp8_61:active)) {
2830
+ ._teddy-card--product_2ns77_291:active:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)):not(:has(._teddy-card__carousel_2ns77_60:active)) {
2833
2831
  background-color: var(--teddy-color-background-interactive-transparent-active);
2834
2832
  }
2835
- ._teddy-card--product_1hgp8_292:has(._teddy-card__action--disabled_1hgp8_48) {
2833
+ ._teddy-card--product_2ns77_291:has(._teddy-card__action--disabled_2ns77_47) {
2836
2834
  background-color: var(--teddy-color-background-interactive-disabled);
2837
2835
  }
2838
- ._teddy-card--product_1hgp8_292 ._teddy-card__action-wrapper_1hgp8_70 {
2836
+ ._teddy-card--product_2ns77_291 ._teddy-card__action-wrapper_2ns77_69 {
2839
2837
  margin-bottom: var(--teddy-spacing-200);
2840
2838
  }
2841
- ._teddy-card--product_1hgp8_292 ._teddy-card__illustration_1hgp8_58 {
2839
+ ._teddy-card--product_2ns77_291 ._teddy-card__illustration_2ns77_57 {
2842
2840
  height: 180px;
2843
2841
  display: grid;
2844
2842
  place-items: center;
2845
2843
  place-self: center;
2846
2844
  margin-bottom: var(--teddy-spacing-400);
2847
2845
  }
2848
- ._teddy-card--product_1hgp8_292 ._teddy-card__illustration_1hgp8_58 img {
2846
+ ._teddy-card--product_2ns77_291 ._teddy-card__illustration_2ns77_57 img {
2849
2847
  max-width: 200px;
2850
2848
  max-height: 180px;
2851
2849
  object-fit: contain;
2852
2850
  }
2853
- ._teddy-card--product_1hgp8_292 ._teddy-card__carousel_1hgp8_61 .slick-dots li {
2851
+ ._teddy-card--product_2ns77_291 ._teddy-card__carousel_2ns77_60 .slick-dots li {
2854
2852
  min-width: 12px;
2855
2853
  width: initial !important;
2856
2854
  margin: 0 0.25rem !important;
2857
2855
  }
2858
- ._teddy-card--product_1hgp8_292 ._teddy-card__carousel_1hgp8_61 .slick-dots .slick-active {
2856
+ ._teddy-card--product_2ns77_291 ._teddy-card__carousel_2ns77_60 .slick-dots .slick-active {
2859
2857
  min-width: 24px;
2860
2858
  width: initial !important;
2861
2859
  }
2862
- ._teddy-card--product_1hgp8_292 ._teddy-card__overline_1hgp8_76 {
2860
+ ._teddy-card--product_2ns77_291 ._teddy-card__overline_2ns77_75 {
2863
2861
  margin-bottom: var(--teddy-spacing-50);
2864
2862
  }
2865
- ._teddy-card--product_1hgp8_292 ._teddy-card__heading_1hgp8_67 {
2863
+ ._teddy-card--product_2ns77_291 ._teddy-card__heading_2ns77_66 {
2866
2864
  margin-bottom: var(--teddy-spacing-200);
2867
2865
  }
2868
2866
  @media (min-width: 600px) {
2869
- ._teddy-card--product_1hgp8_292 ._teddy-card__heading_1hgp8_67 {
2867
+ ._teddy-card--product_2ns77_291 ._teddy-card__heading_2ns77_66 {
2870
2868
  min-height: 60px;
2871
2869
  }
2872
2870
  }
2873
- ._teddy-card--product_1hgp8_292 ._teddy-card__description_1hgp8_79 {
2871
+ ._teddy-card--product_2ns77_291 ._teddy-card__description_2ns77_78 {
2874
2872
  margin-bottom: var(--teddy-spacing-200);
2875
2873
  }
2876
- ._teddy-card--product_1hgp8_292 ._teddy-card__content_1hgp8_64 {
2874
+ ._teddy-card--product_2ns77_291 ._teddy-card__content_2ns77_63 {
2877
2875
  margin-bottom: var(--teddy-spacing-200);
2878
2876
  }
2879
- ._teddy-card--product_1hgp8_292 ._teddy-card__action_1hgp8_48 {
2877
+ ._teddy-card--product_2ns77_291 ._teddy-card__action_2ns77_47 {
2880
2878
  margin-top: auto;
2881
2879
  margin-left: auto;
2882
2880
  justify-self: end;
2883
2881
  }
2884
- ._teddy-card--product_1hgp8_292 ._teddy-card__price_1hgp8_88 {
2882
+ ._teddy-card--product_2ns77_291 ._teddy-card__price_2ns77_87 {
2885
2883
  display: flex;
2886
2884
  }
2887
- ._teddy-card--product_1hgp8_292 ._teddy-card__price--big_1hgp8_366 {
2885
+ ._teddy-card--product_2ns77_291 ._teddy-card__price--big_2ns77_364 {
2888
2886
  font-size: var(--teddy-typography-scale-200);
2889
2887
  }
2890
- ._teddy-card_1hgp8_3:has(._teddy-card__image--as-background_1hgp8_369) {
2888
+ ._teddy-card_2ns77_3:has(._teddy-card__image--as-background_2ns77_367) {
2891
2889
  background-color: transparent;
2892
2890
  }
2893
- ._teddy-card__heading_1hgp8_67 {
2891
+ ._teddy-card__heading_2ns77_66 {
2894
2892
  color: inherit;
2895
2893
  }
2896
- ._teddy-card--background-image_1hgp8_375 {
2894
+ ._teddy-card--background-image_2ns77_373 {
2897
2895
  background-repeat: no-repeat;
2898
2896
  background-size: cover;
2899
2897
  background-position: center;
2900
2898
  }
2901
- ._teddy-card__illustration--rounded_1hgp8_380 {
2899
+ ._teddy-card__illustration--rounded_2ns77_378 {
2902
2900
  border-radius: inherit;
2903
2901
  overflow: hidden;
2904
2902
  }
2905
- ._teddy-card__inset_1hgp8_384 {
2903
+ ._teddy-card__inset_2ns77_382 {
2906
2904
  overflow: hidden;
2907
2905
  }
2908
- ._teddy-card__inset--top_1hgp8_387 {
2906
+ ._teddy-card__inset--top_2ns77_385 {
2909
2907
  margin-top: calc(var(--teddy-spacing-250) * -1);
2910
2908
  }
2911
- ._teddy-card__inset--top_1hgp8_387._teddy-card__inset--left_1hgp8_390 {
2909
+ ._teddy-card__inset--top_2ns77_385._teddy-card__inset--left_2ns77_388 {
2912
2910
  border-top-left-radius: inherit;
2913
2911
  }
2914
- ._teddy-card__inset--top_1hgp8_387._teddy-card__inset--right_1hgp8_393 {
2912
+ ._teddy-card__inset--top_2ns77_385._teddy-card__inset--right_2ns77_391 {
2915
2913
  border-top-right-radius: inherit;
2916
2914
  }
2917
- ._teddy-card__inset--bottom_1hgp8_396 {
2915
+ ._teddy-card__inset--bottom_2ns77_394 {
2918
2916
  margin-bottom: calc(var(--teddy-spacing-250) * -1);
2919
2917
  }
2920
- ._teddy-card__inset--bottom_1hgp8_396._teddy-card__inset--left_1hgp8_390 {
2918
+ ._teddy-card__inset--bottom_2ns77_394._teddy-card__inset--left_2ns77_388 {
2921
2919
  border-bottom-left-radius: inherit;
2922
2920
  }
2923
- ._teddy-card__inset--bottom_1hgp8_396._teddy-card__inset--right_1hgp8_393 {
2921
+ ._teddy-card__inset--bottom_2ns77_394._teddy-card__inset--right_2ns77_391 {
2924
2922
  border-bottom-right-radius: inherit;
2925
2923
  }
2926
- ._teddy-card__inset--left_1hgp8_390 {
2924
+ ._teddy-card__inset--left_2ns77_388 {
2927
2925
  margin-left: calc(var(--teddy-spacing-250) * -1);
2928
2926
  }
2929
- ._teddy-card__inset--right_1hgp8_393 {
2927
+ ._teddy-card__inset--right_2ns77_391 {
2930
2928
  margin-right: calc(var(--teddy-spacing-250) * -1);
2931
2929
  }
2932
- ._teddy-card__availability--badge_1hgp8_411 {
2930
+ ._teddy-card__availability--badge_2ns77_409 {
2933
2931
  margin-right: var(--teddy-spacing-150);
2934
2932
  }
2935
- ._teddy-card__availability--success_1hgp8_414 {
2933
+ ._teddy-card__availability--success_2ns77_412 {
2936
2934
  color: var(--teddy-color-text-status-success-strong);
2937
2935
  }
2938
- ._teddy-card__availability--warning_1hgp8_417 {
2936
+ ._teddy-card__availability--warning_2ns77_415 {
2939
2937
  color: var(--teddy-color-text-status-warning-strong);
2940
2938
  }
2941
- ._teddy-card__availability--error_1hgp8_420 {
2939
+ ._teddy-card__availability--error_2ns77_418 {
2942
2940
  color: var(--teddy-color-text-status-error-strong);
2943
2941
  }
2944
- ._teddy-card__availability--special_1hgp8_423 {
2942
+ ._teddy-card__availability--special_2ns77_421 {
2945
2943
  color: var(--teddy-color-text-status-special);
2946
2944
  }
2947
- ._teddy-card__availability--neutral_1hgp8_426 {
2945
+ ._teddy-card__availability--neutral_2ns77_424 {
2948
2946
  color: var(--teddy-color-text-status-neutral);
2949
2947
  }
2950
- ._teddy-card__availability--information_1hgp8_429 {
2948
+ ._teddy-card__availability--information_2ns77_427 {
2951
2949
  color: var(--teddy-color-text-status-info-strong);
2952
2950
  }
2953
2951
  }._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.2",
23
+ "version": "0.1.4",
24
24
  "sideEffects": [
25
25
  "**/*.css"
26
26
  ],