@telia/teddy 0.0.69 → 0.0.70

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.
@@ -9,8 +9,8 @@ const getOffsets = (layout, align) => {
9
9
  switch (layout) {
10
10
  case "product":
11
11
  return {
12
- top: "200",
13
- right: "200"
12
+ top: "100",
13
+ right: "100"
14
14
  };
15
15
  default:
16
16
  return {
@@ -30,7 +30,8 @@ const Slot = React.forwardRef(
30
30
  components_card_card.styles[`${components_card_card.rootClassName}__slot`],
31
31
  {
32
32
  [components_card_card.styles[`${components_card_card.rootClassName}__slot--center`]]: align === "top" || align === "bottom",
33
- [components_card_card.styles[`${components_card_card.rootClassName}__slot--bottom`]]: align == null ? void 0 : align.includes("bottom")
33
+ [components_card_card.styles[`${components_card_card.rootClassName}__slot--bottom`]]: align == null ? void 0 : align.includes("bottom"),
34
+ [components_card_card.styles[`${components_card_card.rootClassName}__slot--no-translate`]]: layout === "product"
34
35
  }
35
36
  ],
36
37
  className
@@ -7,8 +7,8 @@ const getOffsets = (layout, align) => {
7
7
  switch (layout) {
8
8
  case "product":
9
9
  return {
10
- top: "200",
11
- right: "200"
10
+ top: "100",
11
+ right: "100"
12
12
  };
13
13
  default:
14
14
  return {
@@ -28,7 +28,8 @@ const Slot = React__default.forwardRef(
28
28
  styles[`${rootClassName}__slot`],
29
29
  {
30
30
  [styles[`${rootClassName}__slot--center`]]: align === "top" || align === "bottom",
31
- [styles[`${rootClassName}__slot--bottom`]]: align == null ? void 0 : align.includes("bottom")
31
+ [styles[`${rootClassName}__slot--bottom`]]: align == null ? void 0 : align.includes("bottom"),
32
+ [styles[`${rootClassName}__slot--no-translate`]]: layout === "product"
32
33
  }
33
34
  ],
34
35
  className
@@ -7,54 +7,55 @@ 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_13qq5_3",
11
- "teddy-card__slot": "_teddy-card__slot_13qq5_13",
12
- "teddy-card__slot--bottom": "_teddy-card__slot--bottom_13qq5_16",
13
- "teddy-card__slot--center": "_teddy-card__slot--center_13qq5_19",
14
- "teddy-card--shadow": "_teddy-card--shadow_13qq5_41",
15
- "teddy-card__action": "_teddy-card__action_13qq5_45",
16
- "teddy-card__action--disabled": "_teddy-card__action--disabled_13qq5_45",
17
- "teddy-card--border": "_teddy-card--border_13qq5_52",
18
- "teddy-card--layout": "_teddy-card--layout_13qq5_55",
19
- "teddy-card__illustration": "_teddy-card__illustration_13qq5_55",
20
- "teddy-card__carousel": "_teddy-card__carousel_13qq5_58",
21
- "teddy-card__content": "_teddy-card__content_13qq5_61",
22
- "teddy-card__heading": "_teddy-card__heading_13qq5_64",
23
- "teddy-card__action-wrapper": "_teddy-card__action-wrapper_13qq5_67",
24
- "teddy-card__footer": "_teddy-card__footer_13qq5_70",
25
- "teddy-card__overline": "_teddy-card__overline_13qq5_73",
26
- "teddy-card__description": "_teddy-card__description_13qq5_76",
27
- "teddy-card__color-dots": "_teddy-card__color-dots_13qq5_79",
28
- "teddy-card__availability": "_teddy-card__availability_13qq5_82",
29
- "teddy-card__price": "_teddy-card__price_13qq5_85",
30
- "teddy-card--default": "_teddy-card--default_13qq5_88",
31
- "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_13qq5_93",
32
- "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_13qq5_112",
33
- "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_13qq5_124",
34
- "teddy-card--rich-card": "_teddy-card--rich-card_13qq5_136",
35
- "teddy-card__line": "_teddy-card__line_13qq5_154",
36
- "teddy-card--purple-light": "_teddy-card--purple-light_13qq5_158",
37
- "teddy-card--purple-dark": "_teddy-card--purple-dark_13qq5_172",
38
- "teddy-card--white": "_teddy-card--white_13qq5_191",
39
- "teddy-card--gray": "_teddy-card--gray_13qq5_205",
40
- "teddy-card--beige": "_teddy-card--beige_13qq5_219",
41
- "teddy-card--product": "_teddy-card--product_13qq5_233",
42
- "teddy-card__price--big": "_teddy-card__price--big_13qq5_293",
43
- "teddy-card__image--as-background": "_teddy-card__image--as-background_13qq5_296",
44
- "teddy-card--background-image": "_teddy-card--background-image_13qq5_302",
45
- "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_13qq5_307",
46
- "teddy-card__inset": "_teddy-card__inset_13qq5_311",
47
- "teddy-card__inset--top": "_teddy-card__inset--top_13qq5_314",
48
- "teddy-card__inset--left": "_teddy-card__inset--left_13qq5_317",
49
- "teddy-card__inset--right": "_teddy-card__inset--right_13qq5_320",
50
- "teddy-card__inset--bottom": "_teddy-card__inset--bottom_13qq5_323",
51
- "teddy-card__availability--badge": "_teddy-card__availability--badge_13qq5_338",
52
- "teddy-card__availability--success": "_teddy-card__availability--success_13qq5_341",
53
- "teddy-card__availability--warning": "_teddy-card__availability--warning_13qq5_344",
54
- "teddy-card__availability--error": "_teddy-card__availability--error_13qq5_347",
55
- "teddy-card__availability--special": "_teddy-card__availability--special_13qq5_350",
56
- "teddy-card__availability--neutral": "_teddy-card__availability--neutral_13qq5_353",
57
- "teddy-card__availability--information": "_teddy-card__availability--information_13qq5_356"
10
+ "teddy-card": "_teddy-card_1vcct_3",
11
+ "teddy-card__slot": "_teddy-card__slot_1vcct_13",
12
+ "teddy-card__slot--bottom": "_teddy-card__slot--bottom_1vcct_16",
13
+ "teddy-card__slot--center": "_teddy-card__slot--center_1vcct_19",
14
+ "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1vcct_25",
15
+ "teddy-card--shadow": "_teddy-card--shadow_1vcct_44",
16
+ "teddy-card__action": "_teddy-card__action_1vcct_48",
17
+ "teddy-card__action--disabled": "_teddy-card__action--disabled_1vcct_48",
18
+ "teddy-card--border": "_teddy-card--border_1vcct_55",
19
+ "teddy-card--layout": "_teddy-card--layout_1vcct_58",
20
+ "teddy-card__illustration": "_teddy-card__illustration_1vcct_58",
21
+ "teddy-card__carousel": "_teddy-card__carousel_1vcct_61",
22
+ "teddy-card__content": "_teddy-card__content_1vcct_64",
23
+ "teddy-card__heading": "_teddy-card__heading_1vcct_67",
24
+ "teddy-card__action-wrapper": "_teddy-card__action-wrapper_1vcct_70",
25
+ "teddy-card__footer": "_teddy-card__footer_1vcct_73",
26
+ "teddy-card__overline": "_teddy-card__overline_1vcct_76",
27
+ "teddy-card__description": "_teddy-card__description_1vcct_79",
28
+ "teddy-card__color-dots": "_teddy-card__color-dots_1vcct_82",
29
+ "teddy-card__availability": "_teddy-card__availability_1vcct_85",
30
+ "teddy-card__price": "_teddy-card__price_1vcct_88",
31
+ "teddy-card--default": "_teddy-card--default_1vcct_91",
32
+ "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1vcct_96",
33
+ "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1vcct_115",
34
+ "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1vcct_127",
35
+ "teddy-card--rich-card": "_teddy-card--rich-card_1vcct_139",
36
+ "teddy-card__line": "_teddy-card__line_1vcct_157",
37
+ "teddy-card--purple-light": "_teddy-card--purple-light_1vcct_161",
38
+ "teddy-card--purple-dark": "_teddy-card--purple-dark_1vcct_175",
39
+ "teddy-card--white": "_teddy-card--white_1vcct_194",
40
+ "teddy-card--gray": "_teddy-card--gray_1vcct_208",
41
+ "teddy-card--beige": "_teddy-card--beige_1vcct_222",
42
+ "teddy-card--product": "_teddy-card--product_1vcct_236",
43
+ "teddy-card__price--big": "_teddy-card__price--big_1vcct_296",
44
+ "teddy-card__image--as-background": "_teddy-card__image--as-background_1vcct_299",
45
+ "teddy-card--background-image": "_teddy-card--background-image_1vcct_305",
46
+ "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1vcct_310",
47
+ "teddy-card__inset": "_teddy-card__inset_1vcct_314",
48
+ "teddy-card__inset--top": "_teddy-card__inset--top_1vcct_317",
49
+ "teddy-card__inset--left": "_teddy-card__inset--left_1vcct_320",
50
+ "teddy-card__inset--right": "_teddy-card__inset--right_1vcct_323",
51
+ "teddy-card__inset--bottom": "_teddy-card__inset--bottom_1vcct_326",
52
+ "teddy-card__availability--badge": "_teddy-card__availability--badge_1vcct_341",
53
+ "teddy-card__availability--success": "_teddy-card__availability--success_1vcct_344",
54
+ "teddy-card__availability--warning": "_teddy-card__availability--warning_1vcct_347",
55
+ "teddy-card__availability--error": "_teddy-card__availability--error_1vcct_350",
56
+ "teddy-card__availability--special": "_teddy-card__availability--special_1vcct_353",
57
+ "teddy-card__availability--neutral": "_teddy-card__availability--neutral_1vcct_356",
58
+ "teddy-card__availability--information": "_teddy-card__availability--information_1vcct_359"
58
59
  };
59
60
  const rootClassName = "teddy-card";
60
61
  const actionElementIdentifier = `${rootClassName}__action`;
@@ -5,54 +5,55 @@ 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_13qq5_3",
9
- "teddy-card__slot": "_teddy-card__slot_13qq5_13",
10
- "teddy-card__slot--bottom": "_teddy-card__slot--bottom_13qq5_16",
11
- "teddy-card__slot--center": "_teddy-card__slot--center_13qq5_19",
12
- "teddy-card--shadow": "_teddy-card--shadow_13qq5_41",
13
- "teddy-card__action": "_teddy-card__action_13qq5_45",
14
- "teddy-card__action--disabled": "_teddy-card__action--disabled_13qq5_45",
15
- "teddy-card--border": "_teddy-card--border_13qq5_52",
16
- "teddy-card--layout": "_teddy-card--layout_13qq5_55",
17
- "teddy-card__illustration": "_teddy-card__illustration_13qq5_55",
18
- "teddy-card__carousel": "_teddy-card__carousel_13qq5_58",
19
- "teddy-card__content": "_teddy-card__content_13qq5_61",
20
- "teddy-card__heading": "_teddy-card__heading_13qq5_64",
21
- "teddy-card__action-wrapper": "_teddy-card__action-wrapper_13qq5_67",
22
- "teddy-card__footer": "_teddy-card__footer_13qq5_70",
23
- "teddy-card__overline": "_teddy-card__overline_13qq5_73",
24
- "teddy-card__description": "_teddy-card__description_13qq5_76",
25
- "teddy-card__color-dots": "_teddy-card__color-dots_13qq5_79",
26
- "teddy-card__availability": "_teddy-card__availability_13qq5_82",
27
- "teddy-card__price": "_teddy-card__price_13qq5_85",
28
- "teddy-card--default": "_teddy-card--default_13qq5_88",
29
- "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_13qq5_93",
30
- "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_13qq5_112",
31
- "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_13qq5_124",
32
- "teddy-card--rich-card": "_teddy-card--rich-card_13qq5_136",
33
- "teddy-card__line": "_teddy-card__line_13qq5_154",
34
- "teddy-card--purple-light": "_teddy-card--purple-light_13qq5_158",
35
- "teddy-card--purple-dark": "_teddy-card--purple-dark_13qq5_172",
36
- "teddy-card--white": "_teddy-card--white_13qq5_191",
37
- "teddy-card--gray": "_teddy-card--gray_13qq5_205",
38
- "teddy-card--beige": "_teddy-card--beige_13qq5_219",
39
- "teddy-card--product": "_teddy-card--product_13qq5_233",
40
- "teddy-card__price--big": "_teddy-card__price--big_13qq5_293",
41
- "teddy-card__image--as-background": "_teddy-card__image--as-background_13qq5_296",
42
- "teddy-card--background-image": "_teddy-card--background-image_13qq5_302",
43
- "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_13qq5_307",
44
- "teddy-card__inset": "_teddy-card__inset_13qq5_311",
45
- "teddy-card__inset--top": "_teddy-card__inset--top_13qq5_314",
46
- "teddy-card__inset--left": "_teddy-card__inset--left_13qq5_317",
47
- "teddy-card__inset--right": "_teddy-card__inset--right_13qq5_320",
48
- "teddy-card__inset--bottom": "_teddy-card__inset--bottom_13qq5_323",
49
- "teddy-card__availability--badge": "_teddy-card__availability--badge_13qq5_338",
50
- "teddy-card__availability--success": "_teddy-card__availability--success_13qq5_341",
51
- "teddy-card__availability--warning": "_teddy-card__availability--warning_13qq5_344",
52
- "teddy-card__availability--error": "_teddy-card__availability--error_13qq5_347",
53
- "teddy-card__availability--special": "_teddy-card__availability--special_13qq5_350",
54
- "teddy-card__availability--neutral": "_teddy-card__availability--neutral_13qq5_353",
55
- "teddy-card__availability--information": "_teddy-card__availability--information_13qq5_356"
8
+ "teddy-card": "_teddy-card_1vcct_3",
9
+ "teddy-card__slot": "_teddy-card__slot_1vcct_13",
10
+ "teddy-card__slot--bottom": "_teddy-card__slot--bottom_1vcct_16",
11
+ "teddy-card__slot--center": "_teddy-card__slot--center_1vcct_19",
12
+ "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1vcct_25",
13
+ "teddy-card--shadow": "_teddy-card--shadow_1vcct_44",
14
+ "teddy-card__action": "_teddy-card__action_1vcct_48",
15
+ "teddy-card__action--disabled": "_teddy-card__action--disabled_1vcct_48",
16
+ "teddy-card--border": "_teddy-card--border_1vcct_55",
17
+ "teddy-card--layout": "_teddy-card--layout_1vcct_58",
18
+ "teddy-card__illustration": "_teddy-card__illustration_1vcct_58",
19
+ "teddy-card__carousel": "_teddy-card__carousel_1vcct_61",
20
+ "teddy-card__content": "_teddy-card__content_1vcct_64",
21
+ "teddy-card__heading": "_teddy-card__heading_1vcct_67",
22
+ "teddy-card__action-wrapper": "_teddy-card__action-wrapper_1vcct_70",
23
+ "teddy-card__footer": "_teddy-card__footer_1vcct_73",
24
+ "teddy-card__overline": "_teddy-card__overline_1vcct_76",
25
+ "teddy-card__description": "_teddy-card__description_1vcct_79",
26
+ "teddy-card__color-dots": "_teddy-card__color-dots_1vcct_82",
27
+ "teddy-card__availability": "_teddy-card__availability_1vcct_85",
28
+ "teddy-card__price": "_teddy-card__price_1vcct_88",
29
+ "teddy-card--default": "_teddy-card--default_1vcct_91",
30
+ "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1vcct_96",
31
+ "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1vcct_115",
32
+ "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1vcct_127",
33
+ "teddy-card--rich-card": "_teddy-card--rich-card_1vcct_139",
34
+ "teddy-card__line": "_teddy-card__line_1vcct_157",
35
+ "teddy-card--purple-light": "_teddy-card--purple-light_1vcct_161",
36
+ "teddy-card--purple-dark": "_teddy-card--purple-dark_1vcct_175",
37
+ "teddy-card--white": "_teddy-card--white_1vcct_194",
38
+ "teddy-card--gray": "_teddy-card--gray_1vcct_208",
39
+ "teddy-card--beige": "_teddy-card--beige_1vcct_222",
40
+ "teddy-card--product": "_teddy-card--product_1vcct_236",
41
+ "teddy-card__price--big": "_teddy-card__price--big_1vcct_296",
42
+ "teddy-card__image--as-background": "_teddy-card__image--as-background_1vcct_299",
43
+ "teddy-card--background-image": "_teddy-card--background-image_1vcct_305",
44
+ "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1vcct_310",
45
+ "teddy-card__inset": "_teddy-card__inset_1vcct_314",
46
+ "teddy-card__inset--top": "_teddy-card__inset--top_1vcct_317",
47
+ "teddy-card__inset--left": "_teddy-card__inset--left_1vcct_320",
48
+ "teddy-card__inset--right": "_teddy-card__inset--right_1vcct_323",
49
+ "teddy-card__inset--bottom": "_teddy-card__inset--bottom_1vcct_326",
50
+ "teddy-card__availability--badge": "_teddy-card__availability--badge_1vcct_341",
51
+ "teddy-card__availability--success": "_teddy-card__availability--success_1vcct_344",
52
+ "teddy-card__availability--warning": "_teddy-card__availability--warning_1vcct_347",
53
+ "teddy-card__availability--error": "_teddy-card__availability--error_1vcct_350",
54
+ "teddy-card__availability--special": "_teddy-card__availability--special_1vcct_353",
55
+ "teddy-card__availability--neutral": "_teddy-card__availability--neutral_1vcct_356",
56
+ "teddy-card__availability--information": "_teddy-card__availability--information_1vcct_359"
56
57
  };
57
58
  const rootClassName = "teddy-card";
58
59
  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_8mouq_2",
12
- "teddy-carousel__arrow": "_teddy-carousel__arrow_8mouq_8",
13
- "teddy-carousel__item": "_teddy-carousel__item_8mouq_17",
14
- "teddy-carousel--sm": "_teddy-carousel--sm_8mouq_81"
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"
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_8mouq_2",
10
- "teddy-carousel__arrow": "_teddy-carousel__arrow_8mouq_8",
11
- "teddy-carousel__item": "_teddy-carousel__item_8mouq_17",
12
- "teddy-carousel--sm": "_teddy-carousel--sm_8mouq_81"
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"
13
13
  };
14
14
  const rootClassName = "teddy-carousel";
15
15
  const CustomArrow = ({
package/dist/style.css CHANGED
@@ -2477,29 +2477,32 @@
2477
2477
  }
2478
2478
  }@layer heading, flex, grid, button, card;
2479
2479
  @layer card {
2480
- ._teddy-card_13qq5_3 {
2480
+ ._teddy-card_1vcct_3 {
2481
2481
  border-radius: var(--teddy-border-radius-md);
2482
2482
  padding: var(--teddy-spacing-250);
2483
2483
  position: relative;
2484
2484
  }
2485
2485
  @media (prefers-reduced-motion: no-preference) {
2486
- ._teddy-card_13qq5_3 {
2486
+ ._teddy-card_1vcct_3 {
2487
2487
  transition: background-color var(--teddy-motion-duration-300) ease;
2488
2488
  }
2489
2489
  }
2490
- ._teddy-card__slot_13qq5_13 {
2490
+ ._teddy-card__slot_1vcct_13 {
2491
2491
  transform: translateY(-50%);
2492
2492
  }
2493
- ._teddy-card__slot--bottom_13qq5_16 {
2493
+ ._teddy-card__slot--bottom_1vcct_16 {
2494
2494
  transform: translateY(50%);
2495
2495
  }
2496
- ._teddy-card__slot--center_13qq5_19 {
2496
+ ._teddy-card__slot--center_1vcct_19 {
2497
2497
  transform: translate(-50%, -50%);
2498
2498
  }
2499
- ._teddy-card__slot--bottom_13qq5_16._teddy-card__slot--center_13qq5_19 {
2499
+ ._teddy-card__slot--bottom_1vcct_16._teddy-card__slot--center_1vcct_19 {
2500
2500
  transform: translate(-50%, 50%);
2501
2501
  }
2502
- ._teddy-card_13qq5_3::before {
2502
+ ._teddy-card__slot--no-translate_1vcct_25 {
2503
+ transform: initial;
2504
+ }
2505
+ ._teddy-card_1vcct_3::before {
2503
2506
  content: "";
2504
2507
  display: block;
2505
2508
  position: absolute;
@@ -2510,204 +2513,204 @@
2510
2513
  box-shadow: var(--teddy-shadow-md);
2511
2514
  }
2512
2515
  @media (prefers-reduced-motion: no-preference) {
2513
- ._teddy-card_13qq5_3::before {
2516
+ ._teddy-card_1vcct_3::before {
2514
2517
  transition: var(--teddy-motion-duration-300) ease;
2515
2518
  transition-property: opacity, box-shadow;
2516
2519
  }
2517
2520
  }
2518
- ._teddy-card--shadow_13qq5_41::before {
2521
+ ._teddy-card--shadow_1vcct_44::before {
2519
2522
  opacity: 1;
2520
2523
  box-shadow: var(--teddy-shadow-sm-2);
2521
2524
  }
2522
- ._teddy-card_13qq5_3:has(._teddy-card__action_13qq5_45:not(._teddy-card__action--disabled_13qq5_45)) {
2525
+ ._teddy-card_1vcct_3:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2523
2526
  cursor: pointer;
2524
2527
  }
2525
- ._teddy-card_13qq5_3:has(._teddy-card__action_13qq5_45:not(._teddy-card__action--disabled_13qq5_45)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_13qq5_45:not(._teddy-card__action--disabled_13qq5_45))::before {
2528
+ ._teddy-card_1vcct_3:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48))::before {
2526
2529
  opacity: 1;
2527
2530
  box-shadow: var(--teddy-shadow-md);
2528
2531
  }
2529
- ._teddy-card--border_13qq5_52 {
2532
+ ._teddy-card--border_1vcct_55 {
2530
2533
  border: var(--teddy-border-width-xs) solid transparent;
2531
2534
  }
2532
- ._teddy-card--layout_13qq5_55 ._teddy-card__illustration_13qq5_55 {
2535
+ ._teddy-card--layout_1vcct_58 ._teddy-card__illustration_1vcct_58 {
2533
2536
  grid-area: illustration;
2534
2537
  }
2535
- ._teddy-card--layout_13qq5_55 ._teddy-card__carousel_13qq5_58 {
2538
+ ._teddy-card--layout_1vcct_58 ._teddy-card__carousel_1vcct_61 {
2536
2539
  grid-area: carousel;
2537
2540
  }
2538
- ._teddy-card--layout_13qq5_55 ._teddy-card__content_13qq5_61 {
2541
+ ._teddy-card--layout_1vcct_58 ._teddy-card__content_1vcct_64 {
2539
2542
  grid-area: content;
2540
2543
  }
2541
- ._teddy-card--layout_13qq5_55 ._teddy-card__heading_13qq5_64 {
2544
+ ._teddy-card--layout_1vcct_58 ._teddy-card__heading_1vcct_67 {
2542
2545
  grid-area: heading;
2543
2546
  }
2544
- ._teddy-card--layout_13qq5_55 ._teddy-card__action-wrapper_13qq5_67 {
2547
+ ._teddy-card--layout_1vcct_58 ._teddy-card__action-wrapper_1vcct_70 {
2545
2548
  grid-area: action;
2546
2549
  }
2547
- ._teddy-card--layout_13qq5_55 ._teddy-card__footer_13qq5_70 {
2550
+ ._teddy-card--layout_1vcct_58 ._teddy-card__footer_1vcct_73 {
2548
2551
  grid-area: footer;
2549
2552
  }
2550
- ._teddy-card--layout_13qq5_55 ._teddy-card__overline_13qq5_73 {
2553
+ ._teddy-card--layout_1vcct_58 ._teddy-card__overline_1vcct_76 {
2551
2554
  grid-area: overline;
2552
2555
  }
2553
- ._teddy-card--layout_13qq5_55 ._teddy-card__description_13qq5_76 {
2556
+ ._teddy-card--layout_1vcct_58 ._teddy-card__description_1vcct_79 {
2554
2557
  grid-area: description;
2555
2558
  }
2556
- ._teddy-card--layout_13qq5_55 ._teddy-card__color-dots_13qq5_79 {
2559
+ ._teddy-card--layout_1vcct_58 ._teddy-card__color-dots_1vcct_82 {
2557
2560
  grid-area: colors;
2558
2561
  }
2559
- ._teddy-card--layout_13qq5_55 ._teddy-card__availability_13qq5_82 {
2562
+ ._teddy-card--layout_1vcct_58 ._teddy-card__availability_1vcct_85 {
2560
2563
  grid-area: availability;
2561
2564
  }
2562
- ._teddy-card--layout_13qq5_55 ._teddy-card__price_13qq5_85 {
2565
+ ._teddy-card--layout_1vcct_58 ._teddy-card__price_1vcct_88 {
2563
2566
  grid-area: price;
2564
2567
  }
2565
- ._teddy-card--default_13qq5_88 {
2568
+ ._teddy-card--default_1vcct_91 {
2566
2569
  display: flex;
2567
2570
  flex-direction: column;
2568
2571
  gap: var(--teddy-spacing-200);
2569
2572
  }
2570
- ._teddy-card--navigation-vertical_13qq5_93 {
2573
+ ._teddy-card--navigation-vertical_1vcct_96 {
2571
2574
  grid-template-rows: auto auto 1fr auto;
2572
2575
  justify-items: start;
2573
2576
  align-items: baseline;
2574
2577
  grid-template-areas: "illustration" "heading" "content" "action";
2575
2578
  }
2576
- ._teddy-card--navigation-vertical_13qq5_93 ._teddy-card__illustration_13qq5_55 {
2579
+ ._teddy-card--navigation-vertical_1vcct_96 ._teddy-card__illustration_1vcct_58 {
2577
2580
  margin-bottom: var(--teddy-spacing-200);
2578
2581
  }
2579
- ._teddy-card--navigation-vertical_13qq5_93 ._teddy-card__content_13qq5_61 {
2582
+ ._teddy-card--navigation-vertical_1vcct_96 ._teddy-card__content_1vcct_64 {
2580
2583
  margin-bottom: var(--teddy-spacing-200);
2581
2584
  }
2582
- ._teddy-card--navigation-vertical_13qq5_93 ._teddy-card__heading_13qq5_64 {
2585
+ ._teddy-card--navigation-vertical_1vcct_96 ._teddy-card__heading_1vcct_67 {
2583
2586
  margin-bottom: var(--teddy-spacing-100);
2584
2587
  }
2585
- ._teddy-card--navigation-vertical_13qq5_93 ._teddy-card__action_13qq5_45 {
2588
+ ._teddy-card--navigation-vertical_1vcct_96 ._teddy-card__action_1vcct_48 {
2586
2589
  margin-top: auto;
2587
2590
  justify-self: end;
2588
2591
  }
2589
- ._teddy-card--navigation-horizontal-small_13qq5_112 {
2592
+ ._teddy-card--navigation-horizontal-small_1vcct_115 {
2590
2593
  grid-template-columns: auto 1fr auto;
2591
2594
  grid-template-rows: auto 1fr;
2592
2595
  grid-template-areas: "illustration heading action" "illustration content action";
2593
2596
  column-gap: var(--teddy-spacing-200);
2594
2597
  }
2595
- ._teddy-card--navigation-horizontal-small_13qq5_112 ._teddy-card__heading_13qq5_64 {
2598
+ ._teddy-card--navigation-horizontal-small_1vcct_115 ._teddy-card__heading_1vcct_67 {
2596
2599
  margin-bottom: var(--teddy-spacing-100);
2597
2600
  }
2598
- ._teddy-card--navigation-horizontal-small_13qq5_112 ._teddy-card__action_13qq5_45 {
2601
+ ._teddy-card--navigation-horizontal-small_1vcct_115 ._teddy-card__action_1vcct_48 {
2599
2602
  margin-top: auto;
2600
2603
  }
2601
- ._teddy-card--navigation-horizontal-large_13qq5_124 {
2604
+ ._teddy-card--navigation-horizontal-large_1vcct_127 {
2602
2605
  grid-template-columns: 1fr auto;
2603
2606
  grid-template-rows: auto auto 1fr;
2604
2607
  grid-template-areas: "illustration action" "heading action" "content action";
2605
2608
  column-gap: var(--teddy-spacing-200);
2606
2609
  }
2607
- ._teddy-card--navigation-horizontal-large_13qq5_124 ._teddy-card__heading_13qq5_64 {
2610
+ ._teddy-card--navigation-horizontal-large_1vcct_127 ._teddy-card__heading_1vcct_67 {
2608
2611
  margin-bottom: var(--teddy-spacing-100);
2609
2612
  }
2610
- ._teddy-card--navigation-horizontal-large_13qq5_124 ._teddy-card__action_13qq5_45 {
2613
+ ._teddy-card--navigation-horizontal-large_1vcct_127 ._teddy-card__action_1vcct_48 {
2611
2614
  margin-top: auto;
2612
2615
  }
2613
- ._teddy-card--rich-card_13qq5_136 {
2616
+ ._teddy-card--rich-card_1vcct_139 {
2614
2617
  justify-items: start;
2615
2618
  align-items: baseline;
2616
2619
  grid-template-rows: auto auto 1fr auto;
2617
2620
  grid-template-areas: "illustration" "heading" "content" "action";
2618
2621
  }
2619
- ._teddy-card--rich-card_13qq5_136 ._teddy-card__illustration_13qq5_55 {
2622
+ ._teddy-card--rich-card_1vcct_139 ._teddy-card__illustration_1vcct_58 {
2620
2623
  margin-bottom: var(--teddy-spacing-200);
2621
2624
  }
2622
- ._teddy-card--rich-card_13qq5_136 ._teddy-card__content_13qq5_61 {
2625
+ ._teddy-card--rich-card_1vcct_139 ._teddy-card__content_1vcct_64 {
2623
2626
  margin-bottom: var(--teddy-spacing-200);
2624
2627
  }
2625
- ._teddy-card--rich-card_13qq5_136 ._teddy-card__heading_13qq5_64 {
2628
+ ._teddy-card--rich-card_1vcct_139 ._teddy-card__heading_1vcct_67 {
2626
2629
  margin-bottom: var(--teddy-spacing-100);
2627
2630
  }
2628
- ._teddy-card--rich-card_13qq5_136 ._teddy-card__action_13qq5_45 {
2631
+ ._teddy-card--rich-card_1vcct_139 ._teddy-card__action_1vcct_48 {
2629
2632
  margin-top: auto;
2630
2633
  }
2631
- ._teddy-card__line_13qq5_154 {
2634
+ ._teddy-card__line_1vcct_157 {
2632
2635
  border: 0;
2633
2636
  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
2634
2637
  }
2635
- ._teddy-card--purple-light_13qq5_158 {
2638
+ ._teddy-card--purple-light_1vcct_161 {
2636
2639
  background-color: var(--teddy-color-background-interactive-primary-negative);
2637
2640
  color: var(--teddy-color-text-default);
2638
2641
  border-color: var(--teddy-color-background-interactive-primary-negative);
2639
2642
  }
2640
- ._teddy-card--purple-light_13qq5_158:hover:has(._teddy-card__action_13qq5_45:not(._teddy-card__action--disabled_13qq5_45)) {
2643
+ ._teddy-card--purple-light_1vcct_161:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2641
2644
  background-color: var(--teddy-color-background-interactive-primary-negative-hover);
2642
2645
  }
2643
- ._teddy-card--purple-light_13qq5_158:active:has(._teddy-card__action_13qq5_45:not(._teddy-card__action--disabled_13qq5_45)) {
2646
+ ._teddy-card--purple-light_1vcct_161:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2644
2647
  background-color: var(--teddy-color-background-interactive-primary-negative-active);
2645
2648
  }
2646
- ._teddy-card--purple-light_13qq5_158:has(._teddy-card__action--disabled_13qq5_45) {
2649
+ ._teddy-card--purple-light_1vcct_161:has(._teddy-card__action--disabled_1vcct_48) {
2647
2650
  background-color: var(--teddy-color-background-interactive-disabled);
2648
2651
  }
2649
- ._teddy-card--purple-dark_13qq5_172 {
2652
+ ._teddy-card--purple-dark_1vcct_175 {
2650
2653
  background-color: var(--teddy-color-brand-deep-purple);
2651
2654
  color: var(--teddy-color-text-default-negative);
2652
2655
  border-color: var(--teddy-color-brand-deep-purple);
2653
2656
  }
2654
- ._teddy-card--purple-dark_13qq5_172:hover:has(._teddy-card__action_13qq5_45:not(._teddy-card__action--disabled_13qq5_45)) {
2657
+ ._teddy-card--purple-dark_1vcct_175:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2655
2658
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
2656
2659
  }
2657
- ._teddy-card--purple-dark_13qq5_172:active:has(._teddy-card__action_13qq5_45:not(._teddy-card__action--disabled_13qq5_45)) {
2660
+ ._teddy-card--purple-dark_1vcct_175:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2658
2661
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
2659
2662
  }
2660
- ._teddy-card--purple-dark_13qq5_172:has(._teddy-card__action--disabled_13qq5_45) {
2663
+ ._teddy-card--purple-dark_1vcct_175:has(._teddy-card__action--disabled_1vcct_48) {
2661
2664
  color: var(--teddy-color-text-default);
2662
2665
  background-color: var(--teddy-color-background-interactive-disabled);
2663
2666
  }
2664
- ._teddy-card--purple-dark_13qq5_172:has(._teddy-card__action--disabled_13qq5_45) ._teddy-card__action_13qq5_45 {
2667
+ ._teddy-card--purple-dark_1vcct_175:has(._teddy-card__action--disabled_1vcct_48) ._teddy-card__action_1vcct_48 {
2665
2668
  color: var(--teddy-color-text-weak);
2666
2669
  background-color: var(--teddy-color-background-interactive-disabled);
2667
2670
  }
2668
- ._teddy-card--white_13qq5_191 {
2671
+ ._teddy-card--white_1vcct_194 {
2669
2672
  background-color: var(--teddy-color-brand-white);
2670
2673
  color: var(--teddy-color-text-default);
2671
2674
  border-color: var(--teddy-color-border-interactive-subtle);
2672
2675
  }
2673
- ._teddy-card--white_13qq5_191:hover:has(._teddy-card__action_13qq5_45:not(._teddy-card__action--disabled_13qq5_45)) {
2676
+ ._teddy-card--white_1vcct_194:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2674
2677
  background-color: var(--teddy-color-background-interactive-transparent-hover);
2675
2678
  }
2676
- ._teddy-card--white_13qq5_191:active:has(._teddy-card__action_13qq5_45:not(._teddy-card__action--disabled_13qq5_45)) {
2679
+ ._teddy-card--white_1vcct_194:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2677
2680
  background-color: var(--teddy-color-background-interactive-transparent-active);
2678
2681
  }
2679
- ._teddy-card--white_13qq5_191:has(._teddy-card__action--disabled_13qq5_45) {
2682
+ ._teddy-card--white_1vcct_194:has(._teddy-card__action--disabled_1vcct_48) {
2680
2683
  background-color: var(--teddy-color-background-interactive-disabled);
2681
2684
  }
2682
- ._teddy-card--gray_13qq5_205 {
2685
+ ._teddy-card--gray_1vcct_208 {
2683
2686
  background-color: var(--teddy-color-background-secondary);
2684
2687
  color: var(--teddy-color-text-default);
2685
2688
  border-color: var(--teddy-color-border-interactive-subtle);
2686
2689
  }
2687
- ._teddy-card--gray_13qq5_205:hover:has(._teddy-card__action_13qq5_45:not(._teddy-card__action--disabled_13qq5_45)) {
2690
+ ._teddy-card--gray_1vcct_208:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2688
2691
  background-color: var(--teddy-color-gray-100);
2689
2692
  }
2690
- ._teddy-card--gray_13qq5_205:active:has(._teddy-card__action_13qq5_45:not(._teddy-card__action--disabled_13qq5_45)) {
2693
+ ._teddy-card--gray_1vcct_208:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2691
2694
  background-color: var(--teddy-color-gray-200);
2692
2695
  }
2693
- ._teddy-card--gray_13qq5_205:has(._teddy-card__action--disabled_13qq5_45) {
2696
+ ._teddy-card--gray_1vcct_208:has(._teddy-card__action--disabled_1vcct_48) {
2694
2697
  background-color: var(--teddy-color-background-interactive-disabled);
2695
2698
  }
2696
- ._teddy-card--beige_13qq5_219 {
2699
+ ._teddy-card--beige_1vcct_222 {
2697
2700
  background-color: var(--teddy-color-beige-100);
2698
2701
  color: var(--teddy-color-text-default);
2699
2702
  border-color: var(--teddy-color-beige-300);
2700
2703
  }
2701
- ._teddy-card--beige_13qq5_219:hover:has(._teddy-card__action_13qq5_45:not(._teddy-card__action--disabled_13qq5_45)) {
2704
+ ._teddy-card--beige_1vcct_222:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2702
2705
  background-color: var(--teddy-color-beige-200);
2703
2706
  }
2704
- ._teddy-card--beige_13qq5_219:active:has(._teddy-card__action_13qq5_45:not(._teddy-card__action--disabled_13qq5_45)) {
2707
+ ._teddy-card--beige_1vcct_222:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2705
2708
  background-color: var(--teddy-color-beige-300);
2706
2709
  }
2707
- ._teddy-card--beige_13qq5_219:has(._teddy-card__action--disabled_13qq5_45) {
2710
+ ._teddy-card--beige_1vcct_222:has(._teddy-card__action--disabled_1vcct_48) {
2708
2711
  background-color: var(--teddy-color-background-interactive-disabled);
2709
2712
  }
2710
- ._teddy-card--product_13qq5_233 {
2713
+ ._teddy-card--product_1vcct_236 {
2711
2714
  grid-template-columns: minmax(0, 100%);
2712
2715
  grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
2713
2716
  grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
@@ -2718,119 +2721,119 @@
2718
2721
  padding-bottom: var(--teddy-spacing-100);
2719
2722
  width: 100%;
2720
2723
  }
2721
- ._teddy-card--product_13qq5_233:hover:has(._teddy-card__action_13qq5_45:not(._teddy-card__action--disabled_13qq5_45)) {
2724
+ ._teddy-card--product_1vcct_236:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2722
2725
  background-color: var(--teddy-color-brand-white);
2723
2726
  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
2724
2727
  outline-offset: calc(var(--teddy-border-width-sm) * -1);
2725
2728
  }
2726
- ._teddy-card--product_13qq5_233:active:has(._teddy-card__action_13qq5_45:not(._teddy-card__action--disabled_13qq5_45)) {
2729
+ ._teddy-card--product_1vcct_236:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2727
2730
  background-color: var(--teddy-color-background-interactive-transparent-active);
2728
2731
  }
2729
- ._teddy-card--product_13qq5_233:has(._teddy-card__action--disabled_13qq5_45) {
2732
+ ._teddy-card--product_1vcct_236:has(._teddy-card__action--disabled_1vcct_48) {
2730
2733
  background-color: var(--teddy-color-background-interactive-disabled);
2731
2734
  }
2732
- ._teddy-card--product_13qq5_233 ._teddy-card__illustration_13qq5_55 {
2735
+ ._teddy-card--product_1vcct_236 ._teddy-card__illustration_1vcct_58 {
2733
2736
  height: 180px;
2734
2737
  display: grid;
2735
2738
  place-items: center;
2736
2739
  place-self: center;
2737
2740
  margin-bottom: var(--teddy-spacing-400);
2738
2741
  }
2739
- ._teddy-card--product_13qq5_233 ._teddy-card__illustration_13qq5_55 img {
2742
+ ._teddy-card--product_1vcct_236 ._teddy-card__illustration_1vcct_58 img {
2740
2743
  max-width: 200px;
2741
2744
  max-height: 180px;
2742
2745
  object-fit: contain;
2743
2746
  }
2744
- ._teddy-card--product_13qq5_233 ._teddy-card__carousel_13qq5_58 .slick-dots li {
2747
+ ._teddy-card--product_1vcct_236 ._teddy-card__carousel_1vcct_61 .slick-dots li {
2745
2748
  min-width: 12px;
2746
2749
  width: initial !important;
2747
2750
  margin: 0 0.25rem !important;
2748
2751
  }
2749
- ._teddy-card--product_13qq5_233 ._teddy-card__carousel_13qq5_58 .slick-dots .slick-active {
2752
+ ._teddy-card--product_1vcct_236 ._teddy-card__carousel_1vcct_61 .slick-dots .slick-active {
2750
2753
  min-width: 24px;
2751
2754
  width: initial !important;
2752
2755
  }
2753
- ._teddy-card--product_13qq5_233 ._teddy-card__overline_13qq5_73 {
2754
- margin-bottom: var(--teddy-spacing-100);
2756
+ ._teddy-card--product_1vcct_236 ._teddy-card__overline_1vcct_76 {
2757
+ margin-bottom: var(--teddy-spacing-50);
2755
2758
  }
2756
- ._teddy-card--product_13qq5_233 ._teddy-card__heading_13qq5_64 {
2759
+ ._teddy-card--product_1vcct_236 ._teddy-card__heading_1vcct_67 {
2757
2760
  margin-bottom: var(--teddy-spacing-200);
2758
2761
  }
2759
- ._teddy-card--product_13qq5_233 ._teddy-card__description_13qq5_76 {
2762
+ ._teddy-card--product_1vcct_236 ._teddy-card__description_1vcct_79 {
2760
2763
  margin-bottom: var(--teddy-spacing-200);
2761
2764
  }
2762
- ._teddy-card--product_13qq5_233 ._teddy-card__action_13qq5_45 {
2765
+ ._teddy-card--product_1vcct_236 ._teddy-card__action_1vcct_48 {
2763
2766
  margin-top: auto;
2764
2767
  margin-left: auto;
2765
2768
  justify-self: end;
2766
2769
  }
2767
- ._teddy-card--product_13qq5_233 ._teddy-card__price_13qq5_85 {
2770
+ ._teddy-card--product_1vcct_236 ._teddy-card__price_1vcct_88 {
2768
2771
  display: flex;
2769
2772
  }
2770
- ._teddy-card--product_13qq5_233 ._teddy-card__price--big_13qq5_293 {
2773
+ ._teddy-card--product_1vcct_236 ._teddy-card__price--big_1vcct_296 {
2771
2774
  font-size: var(--teddy-typography-scale-400);
2772
2775
  }
2773
- ._teddy-card_13qq5_3:has(._teddy-card__image--as-background_13qq5_296) {
2776
+ ._teddy-card_1vcct_3:has(._teddy-card__image--as-background_1vcct_299) {
2774
2777
  background-color: transparent;
2775
2778
  }
2776
- ._teddy-card__heading_13qq5_64 {
2779
+ ._teddy-card__heading_1vcct_67 {
2777
2780
  color: inherit;
2778
2781
  }
2779
- ._teddy-card--background-image_13qq5_302 {
2782
+ ._teddy-card--background-image_1vcct_305 {
2780
2783
  background-repeat: no-repeat;
2781
2784
  background-size: cover;
2782
2785
  background-position: center;
2783
2786
  }
2784
- ._teddy-card__illustration--rounded_13qq5_307 {
2787
+ ._teddy-card__illustration--rounded_1vcct_310 {
2785
2788
  border-radius: inherit;
2786
2789
  overflow: hidden;
2787
2790
  }
2788
- ._teddy-card__inset_13qq5_311 {
2791
+ ._teddy-card__inset_1vcct_314 {
2789
2792
  overflow: hidden;
2790
2793
  }
2791
- ._teddy-card__inset--top_13qq5_314 {
2794
+ ._teddy-card__inset--top_1vcct_317 {
2792
2795
  margin-top: calc(var(--teddy-spacing-250) * -1);
2793
2796
  }
2794
- ._teddy-card__inset--top_13qq5_314._teddy-card__inset--left_13qq5_317 {
2797
+ ._teddy-card__inset--top_1vcct_317._teddy-card__inset--left_1vcct_320 {
2795
2798
  border-top-left-radius: inherit;
2796
2799
  }
2797
- ._teddy-card__inset--top_13qq5_314._teddy-card__inset--right_13qq5_320 {
2800
+ ._teddy-card__inset--top_1vcct_317._teddy-card__inset--right_1vcct_323 {
2798
2801
  border-top-right-radius: inherit;
2799
2802
  }
2800
- ._teddy-card__inset--bottom_13qq5_323 {
2803
+ ._teddy-card__inset--bottom_1vcct_326 {
2801
2804
  margin-bottom: calc(var(--teddy-spacing-250) * -1);
2802
2805
  }
2803
- ._teddy-card__inset--bottom_13qq5_323._teddy-card__inset--left_13qq5_317 {
2806
+ ._teddy-card__inset--bottom_1vcct_326._teddy-card__inset--left_1vcct_320 {
2804
2807
  border-bottom-left-radius: inherit;
2805
2808
  }
2806
- ._teddy-card__inset--bottom_13qq5_323._teddy-card__inset--right_13qq5_320 {
2809
+ ._teddy-card__inset--bottom_1vcct_326._teddy-card__inset--right_1vcct_323 {
2807
2810
  border-bottom-right-radius: inherit;
2808
2811
  }
2809
- ._teddy-card__inset--left_13qq5_317 {
2812
+ ._teddy-card__inset--left_1vcct_320 {
2810
2813
  margin-left: calc(var(--teddy-spacing-250) * -1);
2811
2814
  }
2812
- ._teddy-card__inset--right_13qq5_320 {
2815
+ ._teddy-card__inset--right_1vcct_323 {
2813
2816
  margin-right: calc(var(--teddy-spacing-250) * -1);
2814
2817
  }
2815
- ._teddy-card__availability--badge_13qq5_338 {
2818
+ ._teddy-card__availability--badge_1vcct_341 {
2816
2819
  margin-right: var(--teddy-spacing-150);
2817
2820
  }
2818
- ._teddy-card__availability--success_13qq5_341 {
2821
+ ._teddy-card__availability--success_1vcct_344 {
2819
2822
  color: var(--teddy-color-text-status-success-strong);
2820
2823
  }
2821
- ._teddy-card__availability--warning_13qq5_344 {
2824
+ ._teddy-card__availability--warning_1vcct_347 {
2822
2825
  color: var(--teddy-color-text-status-warning-strong);
2823
2826
  }
2824
- ._teddy-card__availability--error_13qq5_347 {
2827
+ ._teddy-card__availability--error_1vcct_350 {
2825
2828
  color: var(--teddy-color-text-status-error-strong);
2826
2829
  }
2827
- ._teddy-card__availability--special_13qq5_350 {
2830
+ ._teddy-card__availability--special_1vcct_353 {
2828
2831
  color: var(--teddy-color-text-status-special);
2829
2832
  }
2830
- ._teddy-card__availability--neutral_13qq5_353 {
2833
+ ._teddy-card__availability--neutral_1vcct_356 {
2831
2834
  color: var(--teddy-color-text-status-neutral);
2832
2835
  }
2833
- ._teddy-card__availability--information_13qq5_356 {
2836
+ ._teddy-card__availability--information_1vcct_359 {
2834
2837
  color: var(--teddy-color-text-status-info-strong);
2835
2838
  }
2836
2839
  }._teddy-badge_wlyo5_1 {
@@ -3466,13 +3469,14 @@
3466
3469
  --teddy-color-brand-core-purple: var(--teddy-color-purple-550);
3467
3470
  --teddy-color-brand-deep-purple: var(--teddy-color-purple-900);
3468
3471
  }
3469
- ._teddy-carousel_8mouq_2 {
3472
+ ._teddy-carousel_1p2ww_2 {
3470
3473
  width: 100%;
3471
3474
  min-width: 10rem;
3475
+ max-width: 15rem;
3472
3476
  height: 288px;
3473
- margin: 0 0 2rem 0;
3477
+ margin: 0 auto 2rem;
3474
3478
  }
3475
- ._teddy-carousel__arrow_8mouq_8 {
3479
+ ._teddy-carousel__arrow_1p2ww_9 {
3476
3480
  display: flex;
3477
3481
  justify-content: center;
3478
3482
  align-items: center;
@@ -3481,22 +3485,22 @@
3481
3485
  height: 2rem;
3482
3486
  border-radius: 2rem;
3483
3487
  }
3484
- ._teddy-carousel__item_8mouq_17 {
3488
+ ._teddy-carousel__item_1p2ww_18 {
3485
3489
  display: flex !important;
3486
3490
  justify-content: center;
3487
3491
  }
3488
- ._teddy-carousel_8mouq_2 .slick-prev:before,
3489
- ._teddy-carousel_8mouq_2 .slick-next:before {
3492
+ ._teddy-carousel_1p2ww_2 .slick-prev:before,
3493
+ ._teddy-carousel_1p2ww_2 .slick-next:before {
3490
3494
  content: "";
3491
3495
  }
3492
- ._teddy-carousel_8mouq_2 .slick-disabled {
3496
+ ._teddy-carousel_1p2ww_2 .slick-disabled {
3493
3497
  cursor: initial;
3494
3498
  opacity: 0.3;
3495
3499
  }
3496
- ._teddy-carousel_8mouq_2 .slick-track {
3500
+ ._teddy-carousel_1p2ww_2 .slick-track {
3497
3501
  display: flex;
3498
3502
  }
3499
- ._teddy-carousel_8mouq_2 .slick-slide > div {
3503
+ ._teddy-carousel_1p2ww_2 .slick-slide > div {
3500
3504
  display: grid;
3501
3505
  place-items: center;
3502
3506
  width: 80%;
@@ -3504,62 +3508,70 @@
3504
3508
  height: 260px;
3505
3509
  padding: 0px;
3506
3510
  }
3507
- ._teddy-carousel_8mouq_2 .slick-slide img {
3511
+ ._teddy-carousel_1p2ww_2 .slick-slide img {
3508
3512
  max-width: 10rem;
3509
3513
  max-height: 12.5rem;
3510
3514
  object-fit: contain;
3511
3515
  width: 100%;
3512
3516
  height: 100%;
3513
3517
  }
3514
- ._teddy-carousel_8mouq_2 .slick-next {
3515
- right: 1rem;
3518
+ ._teddy-carousel_1p2ww_2 .slick-next {
3519
+ right: 0;
3516
3520
  }
3517
- ._teddy-carousel_8mouq_2 .slick-prev {
3518
- left: 1rem;
3521
+ ._teddy-carousel_1p2ww_2 .slick-prev {
3522
+ left: 0;
3519
3523
  }
3520
- ._teddy-carousel_8mouq_2 .slick-dots {
3524
+ ._teddy-carousel_1p2ww_2 .slick-dots {
3521
3525
  bottom: -2rem;
3522
3526
  margin: 0;
3523
3527
  padding: 0;
3524
3528
  }
3525
- ._teddy-carousel_8mouq_2 .slick-dots button {
3529
+ ._teddy-carousel_1p2ww_2 .slick-dots button {
3526
3530
  width: 24px;
3527
3531
  height: 24px;
3528
3532
  }
3529
- ._teddy-carousel_8mouq_2 .slick-dots button:before {
3533
+ ._teddy-carousel_1p2ww_2 .slick-dots button:before {
3530
3534
  width: 24px;
3531
3535
  height: 24px;
3532
3536
  }
3533
- ._teddy-carousel_8mouq_2 .slick-dots button:hover:before {
3537
+ ._teddy-carousel_1p2ww_2 .slick-dots button:hover:before {
3534
3538
  color: var(--teddy-color-purple-700);
3535
3539
  }
3536
- ._teddy-carousel_8mouq_2 .slick-dots .slick-active button:before {
3540
+ ._teddy-carousel_1p2ww_2 .slick-dots .slick-active button:before {
3537
3541
  color: var(--teddy-color-purple-700);
3538
3542
  }
3539
- ._teddy-carousel_8mouq_2 .slick-dots li {
3543
+ ._teddy-carousel_1p2ww_2 .slick-dots li {
3540
3544
  width: 24px;
3541
3545
  height: 24px;
3542
3546
  margin: 0;
3543
3547
  padding: 0;
3544
3548
  }
3545
- ._teddy-carousel_8mouq_2 .slick-dots li button:before {
3549
+ ._teddy-carousel_1p2ww_2 .slick-dots li button:before {
3546
3550
  font-size: 1rem;
3547
3551
  }
3548
- ._teddy-carousel--sm_8mouq_81 {
3552
+ ._teddy-carousel--sm_1p2ww_82 {
3549
3553
  height: 180px;
3550
3554
  }
3551
- ._teddy-carousel--sm_8mouq_81 .slick-slide > div {
3555
+ ._teddy-carousel--sm_1p2ww_82 .slick-slide > div {
3552
3556
  height: 170px;
3553
3557
  }
3554
- ._teddy-carousel--sm_8mouq_81 .slick-slide img {
3558
+ ._teddy-carousel--sm_1p2ww_82 .slick-slide img {
3555
3559
  max-width: 8rem;
3556
3560
  max-height: 10rem;
3557
3561
  }
3558
- ._teddy-carousel--sm_8mouq_81 .slick-next {
3559
- right: 2rem;
3562
+ ._teddy-carousel--sm_1p2ww_82 .slick-next {
3563
+ right: 0.5rem;
3560
3564
  }
3561
- ._teddy-carousel--sm_8mouq_81 .slick-prev {
3562
- left: 2rem;
3565
+ ._teddy-carousel--sm_1p2ww_82 .slick-prev {
3566
+ left: 0.5rem;
3567
+ }
3568
+ @media (min-width: 600px) {
3569
+ ._teddy-carousel--sm_1p2ww_82 .slick-next {
3570
+ right: 0rem;
3571
+ }
3572
+ ._teddy-carousel--sm_1p2ww_82 .slick-prev {
3573
+ left: 0rem;
3574
+ }
3563
3575
  }@layer heading, button, card, notification;
3564
3576
  @layer notification {
3565
3577
  ._teddy-notification_1ref8_3 {
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=8"
21
21
  },
22
22
  "private": false,
23
- "version": "0.0.69",
23
+ "version": "0.0.70",
24
24
  "sideEffects": [
25
25
  "**/*.css"
26
26
  ],