@telia/teddy 0.0.79 → 0.0.81

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_gaf78_3",
11
- "teddy-card__slot": "_teddy-card__slot_gaf78_13",
12
- "teddy-card__slot--bottom": "_teddy-card__slot--bottom_gaf78_16",
13
- "teddy-card__slot--center": "_teddy-card__slot--center_gaf78_19",
14
- "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_gaf78_25",
15
- "teddy-card--shadow": "_teddy-card--shadow_gaf78_44",
16
- "teddy-card__action": "_teddy-card__action_gaf78_48",
17
- "teddy-card__action--disabled": "_teddy-card__action--disabled_gaf78_48",
18
- "teddy-card--border": "_teddy-card--border_gaf78_55",
19
- "teddy-card--layout": "_teddy-card--layout_gaf78_58",
20
- "teddy-card__illustration": "_teddy-card__illustration_gaf78_58",
21
- "teddy-card__carousel": "_teddy-card__carousel_gaf78_61",
22
- "teddy-card__content": "_teddy-card__content_gaf78_64",
23
- "teddy-card__heading": "_teddy-card__heading_gaf78_67",
24
- "teddy-card__action-wrapper": "_teddy-card__action-wrapper_gaf78_70",
25
- "teddy-card__footer": "_teddy-card__footer_gaf78_73",
26
- "teddy-card__overline": "_teddy-card__overline_gaf78_76",
27
- "teddy-card__description": "_teddy-card__description_gaf78_79",
28
- "teddy-card__color-dots": "_teddy-card__color-dots_gaf78_82",
29
- "teddy-card__availability": "_teddy-card__availability_gaf78_85",
30
- "teddy-card__price": "_teddy-card__price_gaf78_88",
31
- "teddy-card--default": "_teddy-card--default_gaf78_91",
32
- "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_gaf78_96",
33
- "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_gaf78_116",
34
- "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_gaf78_128",
35
- "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_gaf78_150",
36
- "teddy-card--rich-card": "_teddy-card--rich-card_gaf78_162",
37
- "teddy-card--rich-card-large": "_teddy-card--rich-card-large_gaf78_181",
38
- "teddy-card__line": "_teddy-card__line_gaf78_214",
39
- "teddy-card--purple-light": "_teddy-card--purple-light_gaf78_218",
40
- "teddy-card--purple-dark": "_teddy-card--purple-dark_gaf78_232",
41
- "teddy-card--white": "_teddy-card--white_gaf78_251",
42
- "teddy-card--gray": "_teddy-card--gray_gaf78_265",
43
- "teddy-card--beige": "_teddy-card--beige_gaf78_279",
44
- "teddy-card--product": "_teddy-card--product_gaf78_293",
45
- "teddy-card__price--big": "_teddy-card__price--big_gaf78_359",
46
- "teddy-card__image--as-background": "_teddy-card__image--as-background_gaf78_362",
47
- "teddy-card--background-image": "_teddy-card--background-image_gaf78_368",
48
- "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_gaf78_373",
49
- "teddy-card__inset": "_teddy-card__inset_gaf78_377",
50
- "teddy-card__inset--top": "_teddy-card__inset--top_gaf78_380",
51
- "teddy-card__inset--left": "_teddy-card__inset--left_gaf78_383",
52
- "teddy-card__inset--right": "_teddy-card__inset--right_gaf78_386",
53
- "teddy-card__inset--bottom": "_teddy-card__inset--bottom_gaf78_389",
54
- "teddy-card__availability--badge": "_teddy-card__availability--badge_gaf78_404",
55
- "teddy-card__availability--success": "_teddy-card__availability--success_gaf78_407",
56
- "teddy-card__availability--warning": "_teddy-card__availability--warning_gaf78_410",
57
- "teddy-card__availability--error": "_teddy-card__availability--error_gaf78_413",
58
- "teddy-card__availability--special": "_teddy-card__availability--special_gaf78_416",
59
- "teddy-card__availability--neutral": "_teddy-card__availability--neutral_gaf78_419",
60
- "teddy-card__availability--information": "_teddy-card__availability--information_gaf78_422"
10
+ "teddy-card": "_teddy-card_7s9sh_3",
11
+ "teddy-card__slot": "_teddy-card__slot_7s9sh_13",
12
+ "teddy-card__slot--bottom": "_teddy-card__slot--bottom_7s9sh_16",
13
+ "teddy-card__slot--center": "_teddy-card__slot--center_7s9sh_19",
14
+ "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_7s9sh_25",
15
+ "teddy-card--shadow": "_teddy-card--shadow_7s9sh_44",
16
+ "teddy-card__action": "_teddy-card__action_7s9sh_48",
17
+ "teddy-card__action--disabled": "_teddy-card__action--disabled_7s9sh_48",
18
+ "teddy-card--border": "_teddy-card--border_7s9sh_55",
19
+ "teddy-card--layout": "_teddy-card--layout_7s9sh_58",
20
+ "teddy-card__illustration": "_teddy-card__illustration_7s9sh_58",
21
+ "teddy-card__carousel": "_teddy-card__carousel_7s9sh_61",
22
+ "teddy-card__content": "_teddy-card__content_7s9sh_64",
23
+ "teddy-card__heading": "_teddy-card__heading_7s9sh_67",
24
+ "teddy-card__action-wrapper": "_teddy-card__action-wrapper_7s9sh_70",
25
+ "teddy-card__footer": "_teddy-card__footer_7s9sh_73",
26
+ "teddy-card__overline": "_teddy-card__overline_7s9sh_76",
27
+ "teddy-card__description": "_teddy-card__description_7s9sh_79",
28
+ "teddy-card__color-dots": "_teddy-card__color-dots_7s9sh_82",
29
+ "teddy-card__availability": "_teddy-card__availability_7s9sh_85",
30
+ "teddy-card__price": "_teddy-card__price_7s9sh_88",
31
+ "teddy-card--default": "_teddy-card--default_7s9sh_91",
32
+ "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_7s9sh_96",
33
+ "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_7s9sh_116",
34
+ "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_7s9sh_128",
35
+ "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_7s9sh_150",
36
+ "teddy-card--rich-card": "_teddy-card--rich-card_7s9sh_162",
37
+ "teddy-card--rich-card-large": "_teddy-card--rich-card-large_7s9sh_181",
38
+ "teddy-card__line": "_teddy-card__line_7s9sh_213",
39
+ "teddy-card--purple-light": "_teddy-card--purple-light_7s9sh_217",
40
+ "teddy-card--purple-dark": "_teddy-card--purple-dark_7s9sh_231",
41
+ "teddy-card--white": "_teddy-card--white_7s9sh_250",
42
+ "teddy-card--gray": "_teddy-card--gray_7s9sh_264",
43
+ "teddy-card--beige": "_teddy-card--beige_7s9sh_278",
44
+ "teddy-card--product": "_teddy-card--product_7s9sh_292",
45
+ "teddy-card__price--big": "_teddy-card__price--big_7s9sh_362",
46
+ "teddy-card__image--as-background": "_teddy-card__image--as-background_7s9sh_365",
47
+ "teddy-card--background-image": "_teddy-card--background-image_7s9sh_371",
48
+ "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_7s9sh_376",
49
+ "teddy-card__inset": "_teddy-card__inset_7s9sh_380",
50
+ "teddy-card__inset--top": "_teddy-card__inset--top_7s9sh_383",
51
+ "teddy-card__inset--left": "_teddy-card__inset--left_7s9sh_386",
52
+ "teddy-card__inset--right": "_teddy-card__inset--right_7s9sh_389",
53
+ "teddy-card__inset--bottom": "_teddy-card__inset--bottom_7s9sh_392",
54
+ "teddy-card__availability--badge": "_teddy-card__availability--badge_7s9sh_407",
55
+ "teddy-card__availability--success": "_teddy-card__availability--success_7s9sh_410",
56
+ "teddy-card__availability--warning": "_teddy-card__availability--warning_7s9sh_413",
57
+ "teddy-card__availability--error": "_teddy-card__availability--error_7s9sh_416",
58
+ "teddy-card__availability--special": "_teddy-card__availability--special_7s9sh_419",
59
+ "teddy-card__availability--neutral": "_teddy-card__availability--neutral_7s9sh_422",
60
+ "teddy-card__availability--information": "_teddy-card__availability--information_7s9sh_425"
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_gaf78_3",
9
- "teddy-card__slot": "_teddy-card__slot_gaf78_13",
10
- "teddy-card__slot--bottom": "_teddy-card__slot--bottom_gaf78_16",
11
- "teddy-card__slot--center": "_teddy-card__slot--center_gaf78_19",
12
- "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_gaf78_25",
13
- "teddy-card--shadow": "_teddy-card--shadow_gaf78_44",
14
- "teddy-card__action": "_teddy-card__action_gaf78_48",
15
- "teddy-card__action--disabled": "_teddy-card__action--disabled_gaf78_48",
16
- "teddy-card--border": "_teddy-card--border_gaf78_55",
17
- "teddy-card--layout": "_teddy-card--layout_gaf78_58",
18
- "teddy-card__illustration": "_teddy-card__illustration_gaf78_58",
19
- "teddy-card__carousel": "_teddy-card__carousel_gaf78_61",
20
- "teddy-card__content": "_teddy-card__content_gaf78_64",
21
- "teddy-card__heading": "_teddy-card__heading_gaf78_67",
22
- "teddy-card__action-wrapper": "_teddy-card__action-wrapper_gaf78_70",
23
- "teddy-card__footer": "_teddy-card__footer_gaf78_73",
24
- "teddy-card__overline": "_teddy-card__overline_gaf78_76",
25
- "teddy-card__description": "_teddy-card__description_gaf78_79",
26
- "teddy-card__color-dots": "_teddy-card__color-dots_gaf78_82",
27
- "teddy-card__availability": "_teddy-card__availability_gaf78_85",
28
- "teddy-card__price": "_teddy-card__price_gaf78_88",
29
- "teddy-card--default": "_teddy-card--default_gaf78_91",
30
- "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_gaf78_96",
31
- "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_gaf78_116",
32
- "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_gaf78_128",
33
- "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_gaf78_150",
34
- "teddy-card--rich-card": "_teddy-card--rich-card_gaf78_162",
35
- "teddy-card--rich-card-large": "_teddy-card--rich-card-large_gaf78_181",
36
- "teddy-card__line": "_teddy-card__line_gaf78_214",
37
- "teddy-card--purple-light": "_teddy-card--purple-light_gaf78_218",
38
- "teddy-card--purple-dark": "_teddy-card--purple-dark_gaf78_232",
39
- "teddy-card--white": "_teddy-card--white_gaf78_251",
40
- "teddy-card--gray": "_teddy-card--gray_gaf78_265",
41
- "teddy-card--beige": "_teddy-card--beige_gaf78_279",
42
- "teddy-card--product": "_teddy-card--product_gaf78_293",
43
- "teddy-card__price--big": "_teddy-card__price--big_gaf78_359",
44
- "teddy-card__image--as-background": "_teddy-card__image--as-background_gaf78_362",
45
- "teddy-card--background-image": "_teddy-card--background-image_gaf78_368",
46
- "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_gaf78_373",
47
- "teddy-card__inset": "_teddy-card__inset_gaf78_377",
48
- "teddy-card__inset--top": "_teddy-card__inset--top_gaf78_380",
49
- "teddy-card__inset--left": "_teddy-card__inset--left_gaf78_383",
50
- "teddy-card__inset--right": "_teddy-card__inset--right_gaf78_386",
51
- "teddy-card__inset--bottom": "_teddy-card__inset--bottom_gaf78_389",
52
- "teddy-card__availability--badge": "_teddy-card__availability--badge_gaf78_404",
53
- "teddy-card__availability--success": "_teddy-card__availability--success_gaf78_407",
54
- "teddy-card__availability--warning": "_teddy-card__availability--warning_gaf78_410",
55
- "teddy-card__availability--error": "_teddy-card__availability--error_gaf78_413",
56
- "teddy-card__availability--special": "_teddy-card__availability--special_gaf78_416",
57
- "teddy-card__availability--neutral": "_teddy-card__availability--neutral_gaf78_419",
58
- "teddy-card__availability--information": "_teddy-card__availability--information_gaf78_422"
8
+ "teddy-card": "_teddy-card_7s9sh_3",
9
+ "teddy-card__slot": "_teddy-card__slot_7s9sh_13",
10
+ "teddy-card__slot--bottom": "_teddy-card__slot--bottom_7s9sh_16",
11
+ "teddy-card__slot--center": "_teddy-card__slot--center_7s9sh_19",
12
+ "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_7s9sh_25",
13
+ "teddy-card--shadow": "_teddy-card--shadow_7s9sh_44",
14
+ "teddy-card__action": "_teddy-card__action_7s9sh_48",
15
+ "teddy-card__action--disabled": "_teddy-card__action--disabled_7s9sh_48",
16
+ "teddy-card--border": "_teddy-card--border_7s9sh_55",
17
+ "teddy-card--layout": "_teddy-card--layout_7s9sh_58",
18
+ "teddy-card__illustration": "_teddy-card__illustration_7s9sh_58",
19
+ "teddy-card__carousel": "_teddy-card__carousel_7s9sh_61",
20
+ "teddy-card__content": "_teddy-card__content_7s9sh_64",
21
+ "teddy-card__heading": "_teddy-card__heading_7s9sh_67",
22
+ "teddy-card__action-wrapper": "_teddy-card__action-wrapper_7s9sh_70",
23
+ "teddy-card__footer": "_teddy-card__footer_7s9sh_73",
24
+ "teddy-card__overline": "_teddy-card__overline_7s9sh_76",
25
+ "teddy-card__description": "_teddy-card__description_7s9sh_79",
26
+ "teddy-card__color-dots": "_teddy-card__color-dots_7s9sh_82",
27
+ "teddy-card__availability": "_teddy-card__availability_7s9sh_85",
28
+ "teddy-card__price": "_teddy-card__price_7s9sh_88",
29
+ "teddy-card--default": "_teddy-card--default_7s9sh_91",
30
+ "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_7s9sh_96",
31
+ "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_7s9sh_116",
32
+ "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_7s9sh_128",
33
+ "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_7s9sh_150",
34
+ "teddy-card--rich-card": "_teddy-card--rich-card_7s9sh_162",
35
+ "teddy-card--rich-card-large": "_teddy-card--rich-card-large_7s9sh_181",
36
+ "teddy-card__line": "_teddy-card__line_7s9sh_213",
37
+ "teddy-card--purple-light": "_teddy-card--purple-light_7s9sh_217",
38
+ "teddy-card--purple-dark": "_teddy-card--purple-dark_7s9sh_231",
39
+ "teddy-card--white": "_teddy-card--white_7s9sh_250",
40
+ "teddy-card--gray": "_teddy-card--gray_7s9sh_264",
41
+ "teddy-card--beige": "_teddy-card--beige_7s9sh_278",
42
+ "teddy-card--product": "_teddy-card--product_7s9sh_292",
43
+ "teddy-card__price--big": "_teddy-card__price--big_7s9sh_362",
44
+ "teddy-card__image--as-background": "_teddy-card__image--as-background_7s9sh_365",
45
+ "teddy-card--background-image": "_teddy-card--background-image_7s9sh_371",
46
+ "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_7s9sh_376",
47
+ "teddy-card__inset": "_teddy-card__inset_7s9sh_380",
48
+ "teddy-card__inset--top": "_teddy-card__inset--top_7s9sh_383",
49
+ "teddy-card__inset--left": "_teddy-card__inset--left_7s9sh_386",
50
+ "teddy-card__inset--right": "_teddy-card__inset--right_7s9sh_389",
51
+ "teddy-card__inset--bottom": "_teddy-card__inset--bottom_7s9sh_392",
52
+ "teddy-card__availability--badge": "_teddy-card__availability--badge_7s9sh_407",
53
+ "teddy-card__availability--success": "_teddy-card__availability--success_7s9sh_410",
54
+ "teddy-card__availability--warning": "_teddy-card__availability--warning_7s9sh_413",
55
+ "teddy-card__availability--error": "_teddy-card__availability--error_7s9sh_416",
56
+ "teddy-card__availability--special": "_teddy-card__availability--special_7s9sh_419",
57
+ "teddy-card__availability--neutral": "_teddy-card__availability--neutral_7s9sh_422",
58
+ "teddy-card__availability--information": "_teddy-card__availability--information_7s9sh_425"
59
59
  };
60
60
  const rootClassName = "teddy-card";
61
61
  const actionElementIdentifier = `${rootClassName}__action`;
@@ -8,10 +8,10 @@ require("../../assets/sprite.269ba410-teddy.svg");
8
8
  const components_icon_icon = require("../icon/icon.cjs");
9
9
  const tokens_color_variables = require("../../tokens/color/variables.cjs");
10
10
  const styles = {
11
- "teddy-carousel": "_teddy-carousel_1p2ww_2",
12
- "teddy-carousel__arrow": "_teddy-carousel__arrow_1p2ww_9",
13
- "teddy-carousel__item": "_teddy-carousel__item_1p2ww_18",
14
- "teddy-carousel--sm": "_teddy-carousel--sm_1p2ww_82"
11
+ "teddy-carousel": "_teddy-carousel_13hgl_2",
12
+ "teddy-carousel__arrow": "_teddy-carousel__arrow_13hgl_9",
13
+ "teddy-carousel__item": "_teddy-carousel__item_13hgl_18",
14
+ "teddy-carousel--sm": "_teddy-carousel--sm_13hgl_82"
15
15
  };
16
16
  const rootClassName = "teddy-carousel";
17
17
  const CustomArrow = ({
@@ -6,10 +6,10 @@ import "../../assets/sprite.269ba410-teddy.svg";
6
6
  import { Icon } from "../icon/icon.js";
7
7
  import { teddyColorTextInteractivePrimary } from "../../tokens/color/variables.js";
8
8
  const styles = {
9
- "teddy-carousel": "_teddy-carousel_1p2ww_2",
10
- "teddy-carousel__arrow": "_teddy-carousel__arrow_1p2ww_9",
11
- "teddy-carousel__item": "_teddy-carousel__item_1p2ww_18",
12
- "teddy-carousel--sm": "_teddy-carousel--sm_1p2ww_82"
9
+ "teddy-carousel": "_teddy-carousel_13hgl_2",
10
+ "teddy-carousel__arrow": "_teddy-carousel__arrow_13hgl_9",
11
+ "teddy-carousel__item": "_teddy-carousel__item_13hgl_18",
12
+ "teddy-carousel--sm": "_teddy-carousel--sm_13hgl_82"
13
13
  };
14
14
  const rootClassName = "teddy-carousel";
15
15
  const CustomArrow = ({
package/dist/style.css CHANGED
@@ -2506,32 +2506,32 @@
2506
2506
  }
2507
2507
  }@layer heading, flex, grid, button, card;
2508
2508
  @layer card {
2509
- ._teddy-card_gaf78_3 {
2509
+ ._teddy-card_7s9sh_3 {
2510
2510
  border-radius: var(--teddy-border-radius-md);
2511
2511
  padding: var(--teddy-spacing-250);
2512
2512
  position: relative;
2513
2513
  }
2514
2514
  @media (prefers-reduced-motion: no-preference) {
2515
- ._teddy-card_gaf78_3 {
2515
+ ._teddy-card_7s9sh_3 {
2516
2516
  transition: background-color var(--teddy-motion-duration-300) ease;
2517
2517
  }
2518
2518
  }
2519
- ._teddy-card__slot_gaf78_13 {
2519
+ ._teddy-card__slot_7s9sh_13 {
2520
2520
  transform: translateY(-50%);
2521
2521
  }
2522
- ._teddy-card__slot--bottom_gaf78_16 {
2522
+ ._teddy-card__slot--bottom_7s9sh_16 {
2523
2523
  transform: translateY(50%);
2524
2524
  }
2525
- ._teddy-card__slot--center_gaf78_19 {
2525
+ ._teddy-card__slot--center_7s9sh_19 {
2526
2526
  transform: translate(-50%, -50%);
2527
2527
  }
2528
- ._teddy-card__slot--bottom_gaf78_16._teddy-card__slot--center_gaf78_19 {
2528
+ ._teddy-card__slot--bottom_7s9sh_16._teddy-card__slot--center_7s9sh_19 {
2529
2529
  transform: translate(-50%, 50%);
2530
2530
  }
2531
- ._teddy-card__slot--no-translate_gaf78_25 {
2531
+ ._teddy-card__slot--no-translate_7s9sh_25 {
2532
2532
  transform: initial;
2533
2533
  }
2534
- ._teddy-card_gaf78_3::before {
2534
+ ._teddy-card_7s9sh_3::before {
2535
2535
  content: "";
2536
2536
  display: block;
2537
2537
  position: absolute;
@@ -2542,96 +2542,96 @@
2542
2542
  box-shadow: var(--teddy-shadow-md);
2543
2543
  }
2544
2544
  @media (prefers-reduced-motion: no-preference) {
2545
- ._teddy-card_gaf78_3::before {
2545
+ ._teddy-card_7s9sh_3::before {
2546
2546
  transition: var(--teddy-motion-duration-300) ease;
2547
2547
  transition-property: opacity, box-shadow;
2548
2548
  }
2549
2549
  }
2550
- ._teddy-card--shadow_gaf78_44::before {
2550
+ ._teddy-card--shadow_7s9sh_44::before {
2551
2551
  opacity: 1;
2552
2552
  box-shadow: var(--teddy-shadow-sm-2);
2553
2553
  }
2554
- ._teddy-card_gaf78_3:has(._teddy-card__action_gaf78_48:not(._teddy-card__action--disabled_gaf78_48)) {
2554
+ ._teddy-card_7s9sh_3:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2555
2555
  cursor: pointer;
2556
2556
  }
2557
- ._teddy-card_gaf78_3:has(._teddy-card__action_gaf78_48:not(._teddy-card__action--disabled_gaf78_48)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_gaf78_48:not(._teddy-card__action--disabled_gaf78_48))::before {
2557
+ ._teddy-card_7s9sh_3:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48))::before {
2558
2558
  opacity: 1;
2559
2559
  box-shadow: var(--teddy-shadow-md);
2560
2560
  }
2561
- ._teddy-card--border_gaf78_55 {
2561
+ ._teddy-card--border_7s9sh_55 {
2562
2562
  border: var(--teddy-border-width-xs) solid transparent;
2563
2563
  }
2564
- ._teddy-card--layout_gaf78_58 ._teddy-card__illustration_gaf78_58 {
2564
+ ._teddy-card--layout_7s9sh_58 ._teddy-card__illustration_7s9sh_58 {
2565
2565
  grid-area: illustration;
2566
2566
  }
2567
- ._teddy-card--layout_gaf78_58 ._teddy-card__carousel_gaf78_61 {
2567
+ ._teddy-card--layout_7s9sh_58 ._teddy-card__carousel_7s9sh_61 {
2568
2568
  grid-area: carousel;
2569
2569
  }
2570
- ._teddy-card--layout_gaf78_58 ._teddy-card__content_gaf78_64 {
2570
+ ._teddy-card--layout_7s9sh_58 ._teddy-card__content_7s9sh_64 {
2571
2571
  grid-area: content;
2572
2572
  }
2573
- ._teddy-card--layout_gaf78_58 ._teddy-card__heading_gaf78_67 {
2573
+ ._teddy-card--layout_7s9sh_58 ._teddy-card__heading_7s9sh_67 {
2574
2574
  grid-area: heading;
2575
2575
  }
2576
- ._teddy-card--layout_gaf78_58 ._teddy-card__action-wrapper_gaf78_70 {
2576
+ ._teddy-card--layout_7s9sh_58 ._teddy-card__action-wrapper_7s9sh_70 {
2577
2577
  grid-area: action;
2578
2578
  }
2579
- ._teddy-card--layout_gaf78_58 ._teddy-card__footer_gaf78_73 {
2579
+ ._teddy-card--layout_7s9sh_58 ._teddy-card__footer_7s9sh_73 {
2580
2580
  grid-area: footer;
2581
2581
  }
2582
- ._teddy-card--layout_gaf78_58 ._teddy-card__overline_gaf78_76 {
2582
+ ._teddy-card--layout_7s9sh_58 ._teddy-card__overline_7s9sh_76 {
2583
2583
  grid-area: overline;
2584
2584
  }
2585
- ._teddy-card--layout_gaf78_58 ._teddy-card__description_gaf78_79 {
2585
+ ._teddy-card--layout_7s9sh_58 ._teddy-card__description_7s9sh_79 {
2586
2586
  grid-area: description;
2587
2587
  }
2588
- ._teddy-card--layout_gaf78_58 ._teddy-card__color-dots_gaf78_82 {
2588
+ ._teddy-card--layout_7s9sh_58 ._teddy-card__color-dots_7s9sh_82 {
2589
2589
  grid-area: colors;
2590
2590
  }
2591
- ._teddy-card--layout_gaf78_58 ._teddy-card__availability_gaf78_85 {
2591
+ ._teddy-card--layout_7s9sh_58 ._teddy-card__availability_7s9sh_85 {
2592
2592
  grid-area: availability;
2593
2593
  }
2594
- ._teddy-card--layout_gaf78_58 ._teddy-card__price_gaf78_88 {
2594
+ ._teddy-card--layout_7s9sh_58 ._teddy-card__price_7s9sh_88 {
2595
2595
  grid-area: price;
2596
2596
  }
2597
- ._teddy-card--default_gaf78_91 {
2597
+ ._teddy-card--default_7s9sh_91 {
2598
2598
  display: flex;
2599
2599
  flex-direction: column;
2600
2600
  gap: var(--teddy-spacing-200);
2601
2601
  }
2602
- ._teddy-card--navigation-vertical_gaf78_96 {
2602
+ ._teddy-card--navigation-vertical_7s9sh_96 {
2603
2603
  grid-template-rows: auto auto 1fr auto;
2604
2604
  justify-items: start;
2605
2605
  justify-content: stretch;
2606
2606
  align-items: baseline;
2607
2607
  grid-template-areas: "illustration" "heading" "content" "action";
2608
2608
  }
2609
- ._teddy-card--navigation-vertical_gaf78_96 ._teddy-card__illustration_gaf78_58 {
2609
+ ._teddy-card--navigation-vertical_7s9sh_96 ._teddy-card__illustration_7s9sh_58 {
2610
2610
  margin-bottom: var(--teddy-spacing-200);
2611
2611
  }
2612
- ._teddy-card--navigation-vertical_gaf78_96 ._teddy-card__content_gaf78_64 {
2612
+ ._teddy-card--navigation-vertical_7s9sh_96 ._teddy-card__content_7s9sh_64 {
2613
2613
  margin-bottom: var(--teddy-spacing-200);
2614
2614
  }
2615
- ._teddy-card--navigation-vertical_gaf78_96 ._teddy-card__heading_gaf78_67 {
2615
+ ._teddy-card--navigation-vertical_7s9sh_96 ._teddy-card__heading_7s9sh_67 {
2616
2616
  margin-bottom: var(--teddy-spacing-100);
2617
2617
  }
2618
- ._teddy-card--navigation-vertical_gaf78_96 ._teddy-card__action-wrapper_gaf78_70 {
2618
+ ._teddy-card--navigation-vertical_7s9sh_96 ._teddy-card__action-wrapper_7s9sh_70 {
2619
2619
  margin-top: auto;
2620
2620
  justify-self: end;
2621
2621
  }
2622
- ._teddy-card--navigation-horizontal-small_gaf78_116 {
2622
+ ._teddy-card--navigation-horizontal-small_7s9sh_116 {
2623
2623
  grid-template-columns: auto 1fr auto;
2624
2624
  grid-template-rows: auto 1fr;
2625
2625
  grid-template-areas: "illustration heading action" "illustration content action";
2626
2626
  column-gap: var(--teddy-spacing-200);
2627
2627
  }
2628
- ._teddy-card--navigation-horizontal-small_gaf78_116 ._teddy-card__heading_gaf78_67 {
2628
+ ._teddy-card--navigation-horizontal-small_7s9sh_116 ._teddy-card__heading_7s9sh_67 {
2629
2629
  margin-bottom: var(--teddy-spacing-100);
2630
2630
  }
2631
- ._teddy-card--navigation-horizontal-small_gaf78_116 ._teddy-card__action-wrapper_gaf78_70 {
2631
+ ._teddy-card--navigation-horizontal-small_7s9sh_116 ._teddy-card__action-wrapper_7s9sh_70 {
2632
2632
  margin-top: auto;
2633
2633
  }
2634
- ._teddy-card--navigation-horizontal-small-centered_gaf78_128 {
2634
+ ._teddy-card--navigation-horizontal-small-centered_7s9sh_128 {
2635
2635
  width: 100%;
2636
2636
  max-width: 26rem;
2637
2637
  grid-template-columns: auto 1fr auto;
@@ -2640,163 +2640,162 @@
2640
2640
  align-items: center;
2641
2641
  column-gap: var(--teddy-spacing-200);
2642
2642
  }
2643
- ._teddy-card--navigation-horizontal-small-centered_gaf78_128 ._teddy-card__content_gaf78_64 {
2643
+ ._teddy-card--navigation-horizontal-small-centered_7s9sh_128 ._teddy-card__content_7s9sh_64 {
2644
2644
  margin-top: var(--teddy-spacing-200);
2645
2645
  }
2646
- ._teddy-card--navigation-horizontal-small-centered_gaf78_128 ._teddy-card__action-wrapper_gaf78_70 {
2646
+ ._teddy-card--navigation-horizontal-small-centered_7s9sh_128 ._teddy-card__action-wrapper_7s9sh_70 {
2647
2647
  margin: 0;
2648
2648
  }
2649
- ._teddy-card--navigation-horizontal-small-centered_gaf78_128 ._teddy-card__illustration_gaf78_58 {
2649
+ ._teddy-card--navigation-horizontal-small-centered_7s9sh_128 ._teddy-card__illustration_7s9sh_58 {
2650
2650
  max-height: 80px;
2651
2651
  max-width: 100px;
2652
2652
  }
2653
- ._teddy-card--navigation-horizontal-small-centered_gaf78_128 ._teddy-card__illustration_gaf78_58 img {
2653
+ ._teddy-card--navigation-horizontal-small-centered_7s9sh_128 ._teddy-card__illustration_7s9sh_58 img {
2654
2654
  object-fit: contain;
2655
2655
  }
2656
- ._teddy-card--navigation-horizontal-large_gaf78_150 {
2656
+ ._teddy-card--navigation-horizontal-large_7s9sh_150 {
2657
2657
  grid-template-columns: 1fr auto;
2658
2658
  grid-template-rows: auto auto 1fr;
2659
2659
  grid-template-areas: "illustration action" "heading action" "content action";
2660
2660
  column-gap: var(--teddy-spacing-200);
2661
2661
  }
2662
- ._teddy-card--navigation-horizontal-large_gaf78_150 ._teddy-card__heading_gaf78_67 {
2662
+ ._teddy-card--navigation-horizontal-large_7s9sh_150 ._teddy-card__heading_7s9sh_67 {
2663
2663
  margin-bottom: var(--teddy-spacing-100);
2664
2664
  }
2665
- ._teddy-card--navigation-horizontal-large_gaf78_150 ._teddy-card__action-wrapper_gaf78_70 {
2665
+ ._teddy-card--navigation-horizontal-large_7s9sh_150 ._teddy-card__action-wrapper_7s9sh_70 {
2666
2666
  margin-top: auto;
2667
2667
  }
2668
- ._teddy-card--rich-card_gaf78_162 {
2668
+ ._teddy-card--rich-card_7s9sh_162 {
2669
2669
  justify-items: start;
2670
2670
  align-items: baseline;
2671
2671
  grid-template-rows: auto auto 1fr auto;
2672
2672
  grid-template-areas: "illustration" "heading" "content" "action";
2673
2673
  }
2674
- ._teddy-card--rich-card_gaf78_162 ._teddy-card__illustration_gaf78_58 {
2674
+ ._teddy-card--rich-card_7s9sh_162 ._teddy-card__illustration_7s9sh_58 {
2675
2675
  margin-bottom: var(--teddy-spacing-200);
2676
2676
  }
2677
- ._teddy-card--rich-card_gaf78_162 ._teddy-card__content_gaf78_64 {
2677
+ ._teddy-card--rich-card_7s9sh_162 ._teddy-card__content_7s9sh_64 {
2678
2678
  margin-bottom: var(--teddy-spacing-200);
2679
2679
  }
2680
- ._teddy-card--rich-card_gaf78_162 ._teddy-card__heading_gaf78_67 {
2680
+ ._teddy-card--rich-card_7s9sh_162 ._teddy-card__heading_7s9sh_67 {
2681
2681
  margin-bottom: var(--teddy-spacing-100);
2682
2682
  }
2683
- ._teddy-card--rich-card_gaf78_162 ._teddy-card__action-wrapper_gaf78_70 {
2683
+ ._teddy-card--rich-card_7s9sh_162 ._teddy-card__action-wrapper_7s9sh_70 {
2684
2684
  margin-top: auto;
2685
2685
  }
2686
2686
  @media (max-width: 800px) {
2687
- ._teddy-card--rich-card-large_gaf78_181 {
2688
- justify-items: start;
2687
+ ._teddy-card--rich-card-large_7s9sh_181 {
2689
2688
  align-items: baseline;
2690
2689
  grid-template-rows: auto auto 1fr auto;
2691
2690
  grid-template-areas: "illustration" "heading" "content" "action";
2692
2691
  }
2693
2692
  }
2694
- ._teddy-card--rich-card-large_gaf78_181 ._teddy-card__illustration_gaf78_58 img {
2693
+ ._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__illustration_7s9sh_58 img {
2695
2694
  object-fit: cover;
2696
2695
  }
2697
2696
  @media (min-width: 801px) {
2698
- ._teddy-card--rich-card-large_gaf78_181 ._teddy-card__illustration_gaf78_58 {
2697
+ ._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__illustration_7s9sh_58 {
2699
2698
  grid-column-start: 1;
2700
2699
  margin-right: var(--teddy-spacing-600);
2701
2700
  }
2702
2701
  }
2703
- ._teddy-card--rich-card-large_gaf78_181 ._teddy-card__content_gaf78_64 {
2702
+ ._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__content_7s9sh_64 {
2704
2703
  margin-top: 2rem;
2705
2704
  }
2706
2705
  @media (min-width: 801px) {
2707
- ._teddy-card--rich-card-large_gaf78_181 ._teddy-card__content_gaf78_64 {
2706
+ ._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__content_7s9sh_64 {
2708
2707
  grid-column-start: 2;
2709
2708
  margin-top: 0;
2710
2709
  align-content: center;
2711
2710
  }
2712
2711
  }
2713
- ._teddy-card--rich-card-large_gaf78_181 ._teddy-card__action_gaf78_48 {
2712
+ ._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__action_7s9sh_48 {
2714
2713
  margin-top: var(--teddy-spacing-200);
2715
2714
  }
2716
- ._teddy-card--rich-card-large_gaf78_181 ._teddy-card__heading_gaf78_67 {
2715
+ ._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__heading_7s9sh_67 {
2717
2716
  margin-top: var(--teddy-spacing-100);
2718
2717
  margin-bottom: var(--teddy-spacing-100);
2719
2718
  }
2720
- ._teddy-card__line_gaf78_214 {
2719
+ ._teddy-card__line_7s9sh_213 {
2721
2720
  border: 0;
2722
2721
  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
2723
2722
  }
2724
- ._teddy-card--purple-light_gaf78_218 {
2723
+ ._teddy-card--purple-light_7s9sh_217 {
2725
2724
  background-color: var(--teddy-color-background-interactive-primary-negative);
2726
2725
  color: var(--teddy-color-text-default);
2727
2726
  border-color: var(--teddy-color-background-interactive-primary-negative);
2728
2727
  }
2729
- ._teddy-card--purple-light_gaf78_218:hover:has(._teddy-card__action_gaf78_48:not(._teddy-card__action--disabled_gaf78_48)) {
2728
+ ._teddy-card--purple-light_7s9sh_217:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2730
2729
  background-color: var(--teddy-color-background-interactive-primary-negative-hover);
2731
2730
  }
2732
- ._teddy-card--purple-light_gaf78_218:active:has(._teddy-card__action_gaf78_48:not(._teddy-card__action--disabled_gaf78_48)) {
2731
+ ._teddy-card--purple-light_7s9sh_217:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2733
2732
  background-color: var(--teddy-color-background-interactive-primary-negative-active);
2734
2733
  }
2735
- ._teddy-card--purple-light_gaf78_218:has(._teddy-card__action--disabled_gaf78_48) {
2734
+ ._teddy-card--purple-light_7s9sh_217:has(._teddy-card__action--disabled_7s9sh_48) {
2736
2735
  background-color: var(--teddy-color-background-interactive-disabled);
2737
2736
  }
2738
- ._teddy-card--purple-dark_gaf78_232 {
2737
+ ._teddy-card--purple-dark_7s9sh_231 {
2739
2738
  background-color: var(--teddy-color-brand-deep-purple);
2740
2739
  color: var(--teddy-color-text-default-negative);
2741
2740
  border-color: var(--teddy-color-brand-deep-purple);
2742
2741
  }
2743
- ._teddy-card--purple-dark_gaf78_232:hover:has(._teddy-card__action_gaf78_48:not(._teddy-card__action--disabled_gaf78_48)) {
2742
+ ._teddy-card--purple-dark_7s9sh_231:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2744
2743
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
2745
2744
  }
2746
- ._teddy-card--purple-dark_gaf78_232:active:has(._teddy-card__action_gaf78_48:not(._teddy-card__action--disabled_gaf78_48)) {
2745
+ ._teddy-card--purple-dark_7s9sh_231:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2747
2746
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
2748
2747
  }
2749
- ._teddy-card--purple-dark_gaf78_232:has(._teddy-card__action--disabled_gaf78_48) {
2748
+ ._teddy-card--purple-dark_7s9sh_231:has(._teddy-card__action--disabled_7s9sh_48) {
2750
2749
  color: var(--teddy-color-text-default);
2751
2750
  background-color: var(--teddy-color-background-interactive-disabled);
2752
2751
  }
2753
- ._teddy-card--purple-dark_gaf78_232:has(._teddy-card__action--disabled_gaf78_48) ._teddy-card__action_gaf78_48 {
2752
+ ._teddy-card--purple-dark_7s9sh_231:has(._teddy-card__action--disabled_7s9sh_48) ._teddy-card__action_7s9sh_48 {
2754
2753
  color: var(--teddy-color-text-weak);
2755
2754
  background-color: var(--teddy-color-background-interactive-disabled);
2756
2755
  }
2757
- ._teddy-card--white_gaf78_251 {
2756
+ ._teddy-card--white_7s9sh_250 {
2758
2757
  background-color: var(--teddy-color-brand-white);
2759
2758
  color: var(--teddy-color-text-default);
2760
2759
  border-color: var(--teddy-color-border-interactive-subtle);
2761
2760
  }
2762
- ._teddy-card--white_gaf78_251:hover:has(._teddy-card__action_gaf78_48:not(._teddy-card__action--disabled_gaf78_48)) {
2761
+ ._teddy-card--white_7s9sh_250:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2763
2762
  background-color: var(--teddy-color-background-interactive-transparent-hover);
2764
2763
  }
2765
- ._teddy-card--white_gaf78_251:active:has(._teddy-card__action_gaf78_48:not(._teddy-card__action--disabled_gaf78_48)) {
2764
+ ._teddy-card--white_7s9sh_250:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2766
2765
  background-color: var(--teddy-color-background-interactive-transparent-active);
2767
2766
  }
2768
- ._teddy-card--white_gaf78_251:has(._teddy-card__action--disabled_gaf78_48) {
2767
+ ._teddy-card--white_7s9sh_250:has(._teddy-card__action--disabled_7s9sh_48) {
2769
2768
  background-color: var(--teddy-color-background-interactive-disabled);
2770
2769
  }
2771
- ._teddy-card--gray_gaf78_265 {
2770
+ ._teddy-card--gray_7s9sh_264 {
2772
2771
  background-color: var(--teddy-color-background-secondary);
2773
2772
  color: var(--teddy-color-text-default);
2774
2773
  border-color: var(--teddy-color-border-interactive-subtle);
2775
2774
  }
2776
- ._teddy-card--gray_gaf78_265:hover:has(._teddy-card__action_gaf78_48:not(._teddy-card__action--disabled_gaf78_48)) {
2775
+ ._teddy-card--gray_7s9sh_264:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2777
2776
  background-color: var(--teddy-color-gray-100);
2778
2777
  }
2779
- ._teddy-card--gray_gaf78_265:active:has(._teddy-card__action_gaf78_48:not(._teddy-card__action--disabled_gaf78_48)) {
2778
+ ._teddy-card--gray_7s9sh_264:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2780
2779
  background-color: var(--teddy-color-gray-200);
2781
2780
  }
2782
- ._teddy-card--gray_gaf78_265:has(._teddy-card__action--disabled_gaf78_48) {
2781
+ ._teddy-card--gray_7s9sh_264:has(._teddy-card__action--disabled_7s9sh_48) {
2783
2782
  background-color: var(--teddy-color-background-interactive-disabled);
2784
2783
  }
2785
- ._teddy-card--beige_gaf78_279 {
2784
+ ._teddy-card--beige_7s9sh_278 {
2786
2785
  background-color: var(--teddy-color-beige-100);
2787
2786
  color: var(--teddy-color-text-default);
2788
2787
  border-color: var(--teddy-color-beige-300);
2789
2788
  }
2790
- ._teddy-card--beige_gaf78_279:hover:has(._teddy-card__action_gaf78_48:not(._teddy-card__action--disabled_gaf78_48)) {
2789
+ ._teddy-card--beige_7s9sh_278:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2791
2790
  background-color: var(--teddy-color-beige-200);
2792
2791
  }
2793
- ._teddy-card--beige_gaf78_279:active:has(._teddy-card__action_gaf78_48:not(._teddy-card__action--disabled_gaf78_48)) {
2792
+ ._teddy-card--beige_7s9sh_278:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2794
2793
  background-color: var(--teddy-color-beige-300);
2795
2794
  }
2796
- ._teddy-card--beige_gaf78_279:has(._teddy-card__action--disabled_gaf78_48) {
2795
+ ._teddy-card--beige_7s9sh_278:has(._teddy-card__action--disabled_7s9sh_48) {
2797
2796
  background-color: var(--teddy-color-background-interactive-disabled);
2798
2797
  }
2799
- ._teddy-card--product_gaf78_293 {
2798
+ ._teddy-card--product_7s9sh_292 {
2800
2799
  grid-template-columns: minmax(0, 100%);
2801
2800
  grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
2802
2801
  grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
@@ -2807,125 +2806,129 @@
2807
2806
  padding-bottom: var(--teddy-spacing-100);
2808
2807
  width: 100%;
2809
2808
  }
2810
- ._teddy-card--product_gaf78_293:hover:has(._teddy-card__action_gaf78_48:not(._teddy-card__action--disabled_gaf78_48)) {
2809
+ ._teddy-card--product_7s9sh_292:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2811
2810
  background-color: var(--teddy-color-brand-white);
2812
2811
  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
2813
2812
  outline-offset: calc(var(--teddy-border-width-sm) * -1);
2814
2813
  }
2815
- ._teddy-card--product_gaf78_293:active:has(._teddy-card__action_gaf78_48:not(._teddy-card__action--disabled_gaf78_48)) {
2814
+ ._teddy-card--product_7s9sh_292:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2815
+ -webkit-tap-highlight-color: transparent;
2816
+ }
2817
+ ._teddy-card--product_7s9sh_292:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)):not(:has(._teddy-card__carousel_7s9sh_61:active)) {
2816
2818
  background-color: var(--teddy-color-background-interactive-transparent-active);
2817
2819
  }
2818
- ._teddy-card--product_gaf78_293:has(._teddy-card__action--disabled_gaf78_48) {
2820
+ ._teddy-card--product_7s9sh_292:has(._teddy-card__action--disabled_7s9sh_48) {
2819
2821
  background-color: var(--teddy-color-background-interactive-disabled);
2820
2822
  }
2821
- ._teddy-card--product_gaf78_293 ._teddy-card__action-wrapper_gaf78_70 {
2823
+ ._teddy-card--product_7s9sh_292 ._teddy-card__action-wrapper_7s9sh_70 {
2822
2824
  margin-bottom: var(--teddy-spacing-200);
2823
2825
  }
2824
- ._teddy-card--product_gaf78_293 ._teddy-card__illustration_gaf78_58 {
2826
+ ._teddy-card--product_7s9sh_292 ._teddy-card__illustration_7s9sh_58 {
2825
2827
  height: 180px;
2826
2828
  display: grid;
2827
2829
  place-items: center;
2828
2830
  place-self: center;
2829
2831
  margin-bottom: var(--teddy-spacing-400);
2830
2832
  }
2831
- ._teddy-card--product_gaf78_293 ._teddy-card__illustration_gaf78_58 img {
2833
+ ._teddy-card--product_7s9sh_292 ._teddy-card__illustration_7s9sh_58 img {
2832
2834
  max-width: 200px;
2833
2835
  max-height: 180px;
2834
2836
  object-fit: contain;
2835
2837
  }
2836
- ._teddy-card--product_gaf78_293 ._teddy-card__carousel_gaf78_61 .slick-dots li {
2838
+ ._teddy-card--product_7s9sh_292 ._teddy-card__carousel_7s9sh_61 .slick-dots li {
2837
2839
  min-width: 12px;
2838
2840
  width: initial !important;
2839
2841
  margin: 0 0.25rem !important;
2840
2842
  }
2841
- ._teddy-card--product_gaf78_293 ._teddy-card__carousel_gaf78_61 .slick-dots .slick-active {
2843
+ ._teddy-card--product_7s9sh_292 ._teddy-card__carousel_7s9sh_61 .slick-dots .slick-active {
2842
2844
  min-width: 24px;
2843
2845
  width: initial !important;
2844
2846
  }
2845
- ._teddy-card--product_gaf78_293 ._teddy-card__overline_gaf78_76 {
2847
+ ._teddy-card--product_7s9sh_292 ._teddy-card__overline_7s9sh_76 {
2846
2848
  margin-bottom: var(--teddy-spacing-50);
2847
2849
  }
2848
- ._teddy-card--product_gaf78_293 ._teddy-card__heading_gaf78_67 {
2850
+ ._teddy-card--product_7s9sh_292 ._teddy-card__heading_7s9sh_67 {
2849
2851
  margin-bottom: var(--teddy-spacing-200);
2852
+ min-height: 60px;
2850
2853
  }
2851
- ._teddy-card--product_gaf78_293 ._teddy-card__description_gaf78_79 {
2854
+ ._teddy-card--product_7s9sh_292 ._teddy-card__description_7s9sh_79 {
2852
2855
  margin-bottom: var(--teddy-spacing-200);
2853
2856
  }
2854
- ._teddy-card--product_gaf78_293 ._teddy-card__content_gaf78_64 {
2857
+ ._teddy-card--product_7s9sh_292 ._teddy-card__content_7s9sh_64 {
2855
2858
  margin-bottom: var(--teddy-spacing-200);
2856
2859
  }
2857
- ._teddy-card--product_gaf78_293 ._teddy-card__action_gaf78_48 {
2860
+ ._teddy-card--product_7s9sh_292 ._teddy-card__action_7s9sh_48 {
2858
2861
  margin-top: auto;
2859
2862
  margin-left: auto;
2860
2863
  justify-self: end;
2861
2864
  }
2862
- ._teddy-card--product_gaf78_293 ._teddy-card__price_gaf78_88 {
2865
+ ._teddy-card--product_7s9sh_292 ._teddy-card__price_7s9sh_88 {
2863
2866
  display: flex;
2864
2867
  }
2865
- ._teddy-card--product_gaf78_293 ._teddy-card__price--big_gaf78_359 {
2868
+ ._teddy-card--product_7s9sh_292 ._teddy-card__price--big_7s9sh_362 {
2866
2869
  font-size: var(--teddy-typography-scale-200);
2867
2870
  }
2868
- ._teddy-card_gaf78_3:has(._teddy-card__image--as-background_gaf78_362) {
2871
+ ._teddy-card_7s9sh_3:has(._teddy-card__image--as-background_7s9sh_365) {
2869
2872
  background-color: transparent;
2870
2873
  }
2871
- ._teddy-card__heading_gaf78_67 {
2874
+ ._teddy-card__heading_7s9sh_67 {
2872
2875
  color: inherit;
2873
2876
  }
2874
- ._teddy-card--background-image_gaf78_368 {
2877
+ ._teddy-card--background-image_7s9sh_371 {
2875
2878
  background-repeat: no-repeat;
2876
2879
  background-size: cover;
2877
2880
  background-position: center;
2878
2881
  }
2879
- ._teddy-card__illustration--rounded_gaf78_373 {
2882
+ ._teddy-card__illustration--rounded_7s9sh_376 {
2880
2883
  border-radius: inherit;
2881
2884
  overflow: hidden;
2882
2885
  }
2883
- ._teddy-card__inset_gaf78_377 {
2886
+ ._teddy-card__inset_7s9sh_380 {
2884
2887
  overflow: hidden;
2885
2888
  }
2886
- ._teddy-card__inset--top_gaf78_380 {
2889
+ ._teddy-card__inset--top_7s9sh_383 {
2887
2890
  margin-top: calc(var(--teddy-spacing-250) * -1);
2888
2891
  }
2889
- ._teddy-card__inset--top_gaf78_380._teddy-card__inset--left_gaf78_383 {
2892
+ ._teddy-card__inset--top_7s9sh_383._teddy-card__inset--left_7s9sh_386 {
2890
2893
  border-top-left-radius: inherit;
2891
2894
  }
2892
- ._teddy-card__inset--top_gaf78_380._teddy-card__inset--right_gaf78_386 {
2895
+ ._teddy-card__inset--top_7s9sh_383._teddy-card__inset--right_7s9sh_389 {
2893
2896
  border-top-right-radius: inherit;
2894
2897
  }
2895
- ._teddy-card__inset--bottom_gaf78_389 {
2898
+ ._teddy-card__inset--bottom_7s9sh_392 {
2896
2899
  margin-bottom: calc(var(--teddy-spacing-250) * -1);
2897
2900
  }
2898
- ._teddy-card__inset--bottom_gaf78_389._teddy-card__inset--left_gaf78_383 {
2901
+ ._teddy-card__inset--bottom_7s9sh_392._teddy-card__inset--left_7s9sh_386 {
2899
2902
  border-bottom-left-radius: inherit;
2900
2903
  }
2901
- ._teddy-card__inset--bottom_gaf78_389._teddy-card__inset--right_gaf78_386 {
2904
+ ._teddy-card__inset--bottom_7s9sh_392._teddy-card__inset--right_7s9sh_389 {
2902
2905
  border-bottom-right-radius: inherit;
2903
2906
  }
2904
- ._teddy-card__inset--left_gaf78_383 {
2907
+ ._teddy-card__inset--left_7s9sh_386 {
2905
2908
  margin-left: calc(var(--teddy-spacing-250) * -1);
2906
2909
  }
2907
- ._teddy-card__inset--right_gaf78_386 {
2910
+ ._teddy-card__inset--right_7s9sh_389 {
2908
2911
  margin-right: calc(var(--teddy-spacing-250) * -1);
2909
2912
  }
2910
- ._teddy-card__availability--badge_gaf78_404 {
2913
+ ._teddy-card__availability--badge_7s9sh_407 {
2911
2914
  margin-right: var(--teddy-spacing-150);
2912
2915
  }
2913
- ._teddy-card__availability--success_gaf78_407 {
2916
+ ._teddy-card__availability--success_7s9sh_410 {
2914
2917
  color: var(--teddy-color-text-status-success-strong);
2915
2918
  }
2916
- ._teddy-card__availability--warning_gaf78_410 {
2919
+ ._teddy-card__availability--warning_7s9sh_413 {
2917
2920
  color: var(--teddy-color-text-status-warning-strong);
2918
2921
  }
2919
- ._teddy-card__availability--error_gaf78_413 {
2922
+ ._teddy-card__availability--error_7s9sh_416 {
2920
2923
  color: var(--teddy-color-text-status-error-strong);
2921
2924
  }
2922
- ._teddy-card__availability--special_gaf78_416 {
2925
+ ._teddy-card__availability--special_7s9sh_419 {
2923
2926
  color: var(--teddy-color-text-status-special);
2924
2927
  }
2925
- ._teddy-card__availability--neutral_gaf78_419 {
2928
+ ._teddy-card__availability--neutral_7s9sh_422 {
2926
2929
  color: var(--teddy-color-text-status-neutral);
2927
2930
  }
2928
- ._teddy-card__availability--information_gaf78_422 {
2931
+ ._teddy-card__availability--information_7s9sh_425 {
2929
2932
  color: var(--teddy-color-text-status-info-strong);
2930
2933
  }
2931
2934
  }._teddy-badge_wlyo5_1 {
@@ -3561,38 +3564,38 @@
3561
3564
  --teddy-color-brand-core-purple: var(--teddy-color-purple-550);
3562
3565
  --teddy-color-brand-deep-purple: var(--teddy-color-purple-900);
3563
3566
  }
3564
- ._teddy-carousel_1p2ww_2 {
3567
+ ._teddy-carousel_13hgl_2 {
3565
3568
  width: 100%;
3566
3569
  min-width: 10rem;
3567
3570
  max-width: 15rem;
3568
3571
  height: 288px;
3569
3572
  margin: 0 auto 2rem;
3570
3573
  }
3571
- ._teddy-carousel__arrow_1p2ww_9 {
3574
+ ._teddy-carousel__arrow_13hgl_9 {
3572
3575
  display: flex;
3573
3576
  justify-content: center;
3574
3577
  align-items: center;
3575
3578
  z-index: 2;
3576
- width: 2rem;
3577
- height: 2rem;
3579
+ width: 3rem;
3580
+ height: 3rem;
3578
3581
  border-radius: 2rem;
3579
3582
  }
3580
- ._teddy-carousel__item_1p2ww_18 {
3583
+ ._teddy-carousel__item_13hgl_18 {
3581
3584
  display: flex !important;
3582
3585
  justify-content: center;
3583
3586
  }
3584
- ._teddy-carousel_1p2ww_2 .slick-prev:before,
3585
- ._teddy-carousel_1p2ww_2 .slick-next:before {
3587
+ ._teddy-carousel_13hgl_2 .slick-prev:before,
3588
+ ._teddy-carousel_13hgl_2 .slick-next:before {
3586
3589
  content: "";
3587
3590
  }
3588
- ._teddy-carousel_1p2ww_2 .slick-disabled {
3591
+ ._teddy-carousel_13hgl_2 .slick-disabled {
3589
3592
  cursor: initial;
3590
3593
  opacity: 0.3;
3591
3594
  }
3592
- ._teddy-carousel_1p2ww_2 .slick-track {
3595
+ ._teddy-carousel_13hgl_2 .slick-track {
3593
3596
  display: flex;
3594
3597
  }
3595
- ._teddy-carousel_1p2ww_2 .slick-slide > div {
3598
+ ._teddy-carousel_13hgl_2 .slick-slide > div {
3596
3599
  display: grid;
3597
3600
  place-items: center;
3598
3601
  width: 80%;
@@ -3600,68 +3603,68 @@
3600
3603
  height: 260px;
3601
3604
  padding: 0px;
3602
3605
  }
3603
- ._teddy-carousel_1p2ww_2 .slick-slide img {
3606
+ ._teddy-carousel_13hgl_2 .slick-slide img {
3604
3607
  max-width: 10rem;
3605
3608
  max-height: 12.5rem;
3606
3609
  object-fit: contain;
3607
3610
  width: 100%;
3608
3611
  height: 100%;
3609
3612
  }
3610
- ._teddy-carousel_1p2ww_2 .slick-next {
3613
+ ._teddy-carousel_13hgl_2 .slick-next {
3611
3614
  right: 0;
3612
3615
  }
3613
- ._teddy-carousel_1p2ww_2 .slick-prev {
3616
+ ._teddy-carousel_13hgl_2 .slick-prev {
3614
3617
  left: 0;
3615
3618
  }
3616
- ._teddy-carousel_1p2ww_2 .slick-dots {
3619
+ ._teddy-carousel_13hgl_2 .slick-dots {
3617
3620
  bottom: -2rem;
3618
3621
  margin: 0;
3619
3622
  padding: 0;
3620
3623
  }
3621
- ._teddy-carousel_1p2ww_2 .slick-dots button {
3624
+ ._teddy-carousel_13hgl_2 .slick-dots button {
3622
3625
  width: 24px;
3623
3626
  height: 24px;
3624
3627
  }
3625
- ._teddy-carousel_1p2ww_2 .slick-dots button:before {
3628
+ ._teddy-carousel_13hgl_2 .slick-dots button:before {
3626
3629
  width: 24px;
3627
3630
  height: 24px;
3628
3631
  }
3629
- ._teddy-carousel_1p2ww_2 .slick-dots button:hover:before {
3632
+ ._teddy-carousel_13hgl_2 .slick-dots button:hover:before {
3630
3633
  color: var(--teddy-color-purple-700);
3631
3634
  }
3632
- ._teddy-carousel_1p2ww_2 .slick-dots .slick-active button:before {
3635
+ ._teddy-carousel_13hgl_2 .slick-dots .slick-active button:before {
3633
3636
  color: var(--teddy-color-purple-700);
3634
3637
  }
3635
- ._teddy-carousel_1p2ww_2 .slick-dots li {
3638
+ ._teddy-carousel_13hgl_2 .slick-dots li {
3636
3639
  width: 24px;
3637
3640
  height: 24px;
3638
3641
  margin: 0;
3639
3642
  padding: 0;
3640
3643
  }
3641
- ._teddy-carousel_1p2ww_2 .slick-dots li button:before {
3644
+ ._teddy-carousel_13hgl_2 .slick-dots li button:before {
3642
3645
  font-size: 1rem;
3643
3646
  }
3644
- ._teddy-carousel--sm_1p2ww_82 {
3647
+ ._teddy-carousel--sm_13hgl_82 {
3645
3648
  height: 180px;
3646
3649
  }
3647
- ._teddy-carousel--sm_1p2ww_82 .slick-slide > div {
3650
+ ._teddy-carousel--sm_13hgl_82 .slick-slide > div {
3648
3651
  height: 170px;
3649
3652
  }
3650
- ._teddy-carousel--sm_1p2ww_82 .slick-slide img {
3653
+ ._teddy-carousel--sm_13hgl_82 .slick-slide img {
3651
3654
  max-width: 8rem;
3652
3655
  max-height: 10rem;
3653
3656
  }
3654
- ._teddy-carousel--sm_1p2ww_82 .slick-next {
3657
+ ._teddy-carousel--sm_13hgl_82 .slick-next {
3655
3658
  right: 0.5rem;
3656
3659
  }
3657
- ._teddy-carousel--sm_1p2ww_82 .slick-prev {
3660
+ ._teddy-carousel--sm_13hgl_82 .slick-prev {
3658
3661
  left: 0.5rem;
3659
3662
  }
3660
3663
  @media (min-width: 600px) {
3661
- ._teddy-carousel--sm_1p2ww_82 .slick-next {
3664
+ ._teddy-carousel--sm_13hgl_82 .slick-next {
3662
3665
  right: 0rem;
3663
3666
  }
3664
- ._teddy-carousel--sm_1p2ww_82 .slick-prev {
3667
+ ._teddy-carousel--sm_13hgl_82 .slick-prev {
3665
3668
  left: 0rem;
3666
3669
  }
3667
3670
  }@layer heading, button, card, notification;
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=8"
21
21
  },
22
22
  "private": false,
23
- "version": "0.0.79",
23
+ "version": "0.0.81",
24
24
  "sideEffects": [
25
25
  "**/*.css"
26
26
  ],