@telia/teddy 0.0.81 → 0.0.83

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_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"
10
+ "teddy-card": "_teddy-card_1hgp8_3",
11
+ "teddy-card__slot": "_teddy-card__slot_1hgp8_13",
12
+ "teddy-card__slot--bottom": "_teddy-card__slot--bottom_1hgp8_16",
13
+ "teddy-card__slot--center": "_teddy-card__slot--center_1hgp8_19",
14
+ "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1hgp8_25",
15
+ "teddy-card--shadow": "_teddy-card--shadow_1hgp8_44",
16
+ "teddy-card__action": "_teddy-card__action_1hgp8_48",
17
+ "teddy-card__action--disabled": "_teddy-card__action--disabled_1hgp8_48",
18
+ "teddy-card--border": "_teddy-card--border_1hgp8_55",
19
+ "teddy-card--layout": "_teddy-card--layout_1hgp8_58",
20
+ "teddy-card__illustration": "_teddy-card__illustration_1hgp8_58",
21
+ "teddy-card__carousel": "_teddy-card__carousel_1hgp8_61",
22
+ "teddy-card__content": "_teddy-card__content_1hgp8_64",
23
+ "teddy-card__heading": "_teddy-card__heading_1hgp8_67",
24
+ "teddy-card__action-wrapper": "_teddy-card__action-wrapper_1hgp8_70",
25
+ "teddy-card__footer": "_teddy-card__footer_1hgp8_73",
26
+ "teddy-card__overline": "_teddy-card__overline_1hgp8_76",
27
+ "teddy-card__description": "_teddy-card__description_1hgp8_79",
28
+ "teddy-card__color-dots": "_teddy-card__color-dots_1hgp8_82",
29
+ "teddy-card__availability": "_teddy-card__availability_1hgp8_85",
30
+ "teddy-card__price": "_teddy-card__price_1hgp8_88",
31
+ "teddy-card--default": "_teddy-card--default_1hgp8_91",
32
+ "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1hgp8_96",
33
+ "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1hgp8_116",
34
+ "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_1hgp8_128",
35
+ "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1hgp8_150",
36
+ "teddy-card--rich-card": "_teddy-card--rich-card_1hgp8_162",
37
+ "teddy-card--rich-card-large": "_teddy-card--rich-card-large_1hgp8_181",
38
+ "teddy-card__line": "_teddy-card__line_1hgp8_213",
39
+ "teddy-card--purple-light": "_teddy-card--purple-light_1hgp8_217",
40
+ "teddy-card--purple-dark": "_teddy-card--purple-dark_1hgp8_231",
41
+ "teddy-card--white": "_teddy-card--white_1hgp8_250",
42
+ "teddy-card--gray": "_teddy-card--gray_1hgp8_264",
43
+ "teddy-card--beige": "_teddy-card--beige_1hgp8_278",
44
+ "teddy-card--product": "_teddy-card--product_1hgp8_292",
45
+ "teddy-card__price--big": "_teddy-card__price--big_1hgp8_366",
46
+ "teddy-card__image--as-background": "_teddy-card__image--as-background_1hgp8_369",
47
+ "teddy-card--background-image": "_teddy-card--background-image_1hgp8_375",
48
+ "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1hgp8_380",
49
+ "teddy-card__inset": "_teddy-card__inset_1hgp8_384",
50
+ "teddy-card__inset--top": "_teddy-card__inset--top_1hgp8_387",
51
+ "teddy-card__inset--left": "_teddy-card__inset--left_1hgp8_390",
52
+ "teddy-card__inset--right": "_teddy-card__inset--right_1hgp8_393",
53
+ "teddy-card__inset--bottom": "_teddy-card__inset--bottom_1hgp8_396",
54
+ "teddy-card__availability--badge": "_teddy-card__availability--badge_1hgp8_411",
55
+ "teddy-card__availability--success": "_teddy-card__availability--success_1hgp8_414",
56
+ "teddy-card__availability--warning": "_teddy-card__availability--warning_1hgp8_417",
57
+ "teddy-card__availability--error": "_teddy-card__availability--error_1hgp8_420",
58
+ "teddy-card__availability--special": "_teddy-card__availability--special_1hgp8_423",
59
+ "teddy-card__availability--neutral": "_teddy-card__availability--neutral_1hgp8_426",
60
+ "teddy-card__availability--information": "_teddy-card__availability--information_1hgp8_429"
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_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"
8
+ "teddy-card": "_teddy-card_1hgp8_3",
9
+ "teddy-card__slot": "_teddy-card__slot_1hgp8_13",
10
+ "teddy-card__slot--bottom": "_teddy-card__slot--bottom_1hgp8_16",
11
+ "teddy-card__slot--center": "_teddy-card__slot--center_1hgp8_19",
12
+ "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1hgp8_25",
13
+ "teddy-card--shadow": "_teddy-card--shadow_1hgp8_44",
14
+ "teddy-card__action": "_teddy-card__action_1hgp8_48",
15
+ "teddy-card__action--disabled": "_teddy-card__action--disabled_1hgp8_48",
16
+ "teddy-card--border": "_teddy-card--border_1hgp8_55",
17
+ "teddy-card--layout": "_teddy-card--layout_1hgp8_58",
18
+ "teddy-card__illustration": "_teddy-card__illustration_1hgp8_58",
19
+ "teddy-card__carousel": "_teddy-card__carousel_1hgp8_61",
20
+ "teddy-card__content": "_teddy-card__content_1hgp8_64",
21
+ "teddy-card__heading": "_teddy-card__heading_1hgp8_67",
22
+ "teddy-card__action-wrapper": "_teddy-card__action-wrapper_1hgp8_70",
23
+ "teddy-card__footer": "_teddy-card__footer_1hgp8_73",
24
+ "teddy-card__overline": "_teddy-card__overline_1hgp8_76",
25
+ "teddy-card__description": "_teddy-card__description_1hgp8_79",
26
+ "teddy-card__color-dots": "_teddy-card__color-dots_1hgp8_82",
27
+ "teddy-card__availability": "_teddy-card__availability_1hgp8_85",
28
+ "teddy-card__price": "_teddy-card__price_1hgp8_88",
29
+ "teddy-card--default": "_teddy-card--default_1hgp8_91",
30
+ "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1hgp8_96",
31
+ "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1hgp8_116",
32
+ "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_1hgp8_128",
33
+ "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1hgp8_150",
34
+ "teddy-card--rich-card": "_teddy-card--rich-card_1hgp8_162",
35
+ "teddy-card--rich-card-large": "_teddy-card--rich-card-large_1hgp8_181",
36
+ "teddy-card__line": "_teddy-card__line_1hgp8_213",
37
+ "teddy-card--purple-light": "_teddy-card--purple-light_1hgp8_217",
38
+ "teddy-card--purple-dark": "_teddy-card--purple-dark_1hgp8_231",
39
+ "teddy-card--white": "_teddy-card--white_1hgp8_250",
40
+ "teddy-card--gray": "_teddy-card--gray_1hgp8_264",
41
+ "teddy-card--beige": "_teddy-card--beige_1hgp8_278",
42
+ "teddy-card--product": "_teddy-card--product_1hgp8_292",
43
+ "teddy-card__price--big": "_teddy-card__price--big_1hgp8_366",
44
+ "teddy-card__image--as-background": "_teddy-card__image--as-background_1hgp8_369",
45
+ "teddy-card--background-image": "_teddy-card--background-image_1hgp8_375",
46
+ "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1hgp8_380",
47
+ "teddy-card__inset": "_teddy-card__inset_1hgp8_384",
48
+ "teddy-card__inset--top": "_teddy-card__inset--top_1hgp8_387",
49
+ "teddy-card__inset--left": "_teddy-card__inset--left_1hgp8_390",
50
+ "teddy-card__inset--right": "_teddy-card__inset--right_1hgp8_393",
51
+ "teddy-card__inset--bottom": "_teddy-card__inset--bottom_1hgp8_396",
52
+ "teddy-card__availability--badge": "_teddy-card__availability--badge_1hgp8_411",
53
+ "teddy-card__availability--success": "_teddy-card__availability--success_1hgp8_414",
54
+ "teddy-card__availability--warning": "_teddy-card__availability--warning_1hgp8_417",
55
+ "teddy-card__availability--error": "_teddy-card__availability--error_1hgp8_420",
56
+ "teddy-card__availability--special": "_teddy-card__availability--special_1hgp8_423",
57
+ "teddy-card__availability--neutral": "_teddy-card__availability--neutral_1hgp8_426",
58
+ "teddy-card__availability--information": "_teddy-card__availability--information_1hgp8_429"
59
59
  };
60
60
  const rootClassName = "teddy-card";
61
61
  const actionElementIdentifier = `${rootClassName}__action`;
@@ -6,12 +6,11 @@ const clsx = require("clsx");
6
6
  const Slider = require("react-slick");
7
7
  require("../../assets/sprite.269ba410-teddy.svg");
8
8
  const components_icon_icon = require("../icon/icon.cjs");
9
- const tokens_color_variables = require("../../tokens/color/variables.cjs");
10
9
  const styles = {
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"
10
+ "teddy-carousel": "_teddy-carousel_1pdex_2",
11
+ "teddy-carousel__arrow": "_teddy-carousel__arrow_1pdex_9",
12
+ "teddy-carousel__item": "_teddy-carousel__item_1pdex_21",
13
+ "teddy-carousel--sm": "_teddy-carousel--sm_1pdex_99"
15
14
  };
16
15
  const rootClassName = "teddy-carousel";
17
16
  const CustomArrow = ({
@@ -31,7 +30,7 @@ const CustomArrow = ({
31
30
  onClick();
32
31
  handleClick();
33
32
  },
34
- children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: icon, color: tokens_color_variables.teddyColorTextInteractivePrimary, size: "md" })
33
+ children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: icon, size: "md" })
35
34
  }
36
35
  );
37
36
  const Carousel = ({
@@ -4,12 +4,11 @@ import clsx from "clsx";
4
4
  import Slider from "react-slick";
5
5
  import "../../assets/sprite.269ba410-teddy.svg";
6
6
  import { Icon } from "../icon/icon.js";
7
- import { teddyColorTextInteractivePrimary } from "../../tokens/color/variables.js";
8
7
  const styles = {
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"
8
+ "teddy-carousel": "_teddy-carousel_1pdex_2",
9
+ "teddy-carousel__arrow": "_teddy-carousel__arrow_1pdex_9",
10
+ "teddy-carousel__item": "_teddy-carousel__item_1pdex_21",
11
+ "teddy-carousel--sm": "_teddy-carousel--sm_1pdex_99"
13
12
  };
14
13
  const rootClassName = "teddy-carousel";
15
14
  const CustomArrow = ({
@@ -29,7 +28,7 @@ const CustomArrow = ({
29
28
  onClick();
30
29
  handleClick();
31
30
  },
32
- children: /* @__PURE__ */ jsx(Icon, { name: icon, color: teddyColorTextInteractivePrimary, size: "md" })
31
+ children: /* @__PURE__ */ jsx(Icon, { name: icon, size: "md" })
33
32
  }
34
33
  );
35
34
  const Carousel = ({
@@ -133,21 +133,21 @@ const RadioCardGroup = Object.assign(components_radioCardGroup_radioCardGroupRoo
133
133
  Body
134
134
  });
135
135
  const styles$2 = {
136
- "teddy-modal__overlay": "_teddy-modal__overlay_1o004_25",
137
- "teddy-modal__content": "_teddy-modal__content_1o004_37",
138
- "teddy-modal__scroll": "_teddy-modal__scroll_1o004_55",
139
- "teddy-modal__image": "_teddy-modal__image_1o004_59",
140
- "teddy-modal__close--floating": "_teddy-modal__close--floating_1o004_69",
141
- "teddy-modal__group": "_teddy-modal__group_1o004_79",
142
- "teddy-modal__group--title": "_teddy-modal__group--title_1o004_83",
143
- "teddy-modal__group--scroll": "_teddy-modal__group--scroll_1o004_94",
144
- "teddy-modal__group--action": "_teddy-modal__group--action_1o004_103",
145
- "modal-overlay-no-op": "_modal-overlay-no-op_1o004_1",
146
- "teddy-fade-in": "_teddy-fade-in_1o004_1",
147
- "teddy-fade-out": "_teddy-fade-out_1o004_1",
148
- "modal-content-show": "_modal-content-show_1o004_1",
149
- "modal-content-hide": "_modal-content-hide_1o004_1",
150
- "teddy-overlay-no-op": "_teddy-overlay-no-op_1o004_1"
136
+ "teddy-modal__overlay": "_teddy-modal__overlay_lkqhu_25",
137
+ "teddy-modal__content": "_teddy-modal__content_lkqhu_37",
138
+ "teddy-modal__scroll": "_teddy-modal__scroll_lkqhu_55",
139
+ "teddy-modal__image": "_teddy-modal__image_lkqhu_59",
140
+ "teddy-modal__close--floating": "_teddy-modal__close--floating_lkqhu_69",
141
+ "teddy-modal__group": "_teddy-modal__group_lkqhu_79",
142
+ "teddy-modal__group--title": "_teddy-modal__group--title_lkqhu_83",
143
+ "teddy-modal__group--scroll": "_teddy-modal__group--scroll_lkqhu_94",
144
+ "teddy-modal__group--action": "_teddy-modal__group--action_lkqhu_103",
145
+ "modal-overlay-no-op": "_modal-overlay-no-op_lkqhu_1",
146
+ "teddy-fade-in": "_teddy-fade-in_lkqhu_1",
147
+ "teddy-fade-out": "_teddy-fade-out_lkqhu_1",
148
+ "modal-content-show": "_modal-content-show_lkqhu_1",
149
+ "modal-content-hide": "_modal-content-hide_lkqhu_1",
150
+ "teddy-overlay-no-op": "_teddy-overlay-no-op_lkqhu_1"
151
151
  };
152
152
  const rootClassName$2 = "teddy-modal";
153
153
  const RootContext$1 = React.createContext({
@@ -112,21 +112,21 @@ const RadioCardGroup = Object.assign(Root$3, {
112
112
  Body
113
113
  });
114
114
  const styles$2 = {
115
- "teddy-modal__overlay": "_teddy-modal__overlay_1o004_25",
116
- "teddy-modal__content": "_teddy-modal__content_1o004_37",
117
- "teddy-modal__scroll": "_teddy-modal__scroll_1o004_55",
118
- "teddy-modal__image": "_teddy-modal__image_1o004_59",
119
- "teddy-modal__close--floating": "_teddy-modal__close--floating_1o004_69",
120
- "teddy-modal__group": "_teddy-modal__group_1o004_79",
121
- "teddy-modal__group--title": "_teddy-modal__group--title_1o004_83",
122
- "teddy-modal__group--scroll": "_teddy-modal__group--scroll_1o004_94",
123
- "teddy-modal__group--action": "_teddy-modal__group--action_1o004_103",
124
- "modal-overlay-no-op": "_modal-overlay-no-op_1o004_1",
125
- "teddy-fade-in": "_teddy-fade-in_1o004_1",
126
- "teddy-fade-out": "_teddy-fade-out_1o004_1",
127
- "modal-content-show": "_modal-content-show_1o004_1",
128
- "modal-content-hide": "_modal-content-hide_1o004_1",
129
- "teddy-overlay-no-op": "_teddy-overlay-no-op_1o004_1"
115
+ "teddy-modal__overlay": "_teddy-modal__overlay_lkqhu_25",
116
+ "teddy-modal__content": "_teddy-modal__content_lkqhu_37",
117
+ "teddy-modal__scroll": "_teddy-modal__scroll_lkqhu_55",
118
+ "teddy-modal__image": "_teddy-modal__image_lkqhu_59",
119
+ "teddy-modal__close--floating": "_teddy-modal__close--floating_lkqhu_69",
120
+ "teddy-modal__group": "_teddy-modal__group_lkqhu_79",
121
+ "teddy-modal__group--title": "_teddy-modal__group--title_lkqhu_83",
122
+ "teddy-modal__group--scroll": "_teddy-modal__group--scroll_lkqhu_94",
123
+ "teddy-modal__group--action": "_teddy-modal__group--action_lkqhu_103",
124
+ "modal-overlay-no-op": "_modal-overlay-no-op_lkqhu_1",
125
+ "teddy-fade-in": "_teddy-fade-in_lkqhu_1",
126
+ "teddy-fade-out": "_teddy-fade-out_lkqhu_1",
127
+ "modal-content-show": "_modal-content-show_lkqhu_1",
128
+ "modal-content-hide": "_modal-content-hide_lkqhu_1",
129
+ "teddy-overlay-no-op": "_teddy-overlay-no-op_lkqhu_1"
130
130
  };
131
131
  const rootClassName$2 = "teddy-modal";
132
132
  const RootContext$1 = React__default.createContext({
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_7s9sh_3 {
2509
+ ._teddy-card_1hgp8_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_7s9sh_3 {
2515
+ ._teddy-card_1hgp8_3 {
2516
2516
  transition: background-color var(--teddy-motion-duration-300) ease;
2517
2517
  }
2518
2518
  }
2519
- ._teddy-card__slot_7s9sh_13 {
2519
+ ._teddy-card__slot_1hgp8_13 {
2520
2520
  transform: translateY(-50%);
2521
2521
  }
2522
- ._teddy-card__slot--bottom_7s9sh_16 {
2522
+ ._teddy-card__slot--bottom_1hgp8_16 {
2523
2523
  transform: translateY(50%);
2524
2524
  }
2525
- ._teddy-card__slot--center_7s9sh_19 {
2525
+ ._teddy-card__slot--center_1hgp8_19 {
2526
2526
  transform: translate(-50%, -50%);
2527
2527
  }
2528
- ._teddy-card__slot--bottom_7s9sh_16._teddy-card__slot--center_7s9sh_19 {
2528
+ ._teddy-card__slot--bottom_1hgp8_16._teddy-card__slot--center_1hgp8_19 {
2529
2529
  transform: translate(-50%, 50%);
2530
2530
  }
2531
- ._teddy-card__slot--no-translate_7s9sh_25 {
2531
+ ._teddy-card__slot--no-translate_1hgp8_25 {
2532
2532
  transform: initial;
2533
2533
  }
2534
- ._teddy-card_7s9sh_3::before {
2534
+ ._teddy-card_1hgp8_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_7s9sh_3::before {
2545
+ ._teddy-card_1hgp8_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_7s9sh_44::before {
2550
+ ._teddy-card--shadow_1hgp8_44::before {
2551
2551
  opacity: 1;
2552
2552
  box-shadow: var(--teddy-shadow-sm-2);
2553
2553
  }
2554
- ._teddy-card_7s9sh_3:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2554
+ ._teddy-card_1hgp8_3:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2555
2555
  cursor: pointer;
2556
2556
  }
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 {
2557
+ ._teddy-card_1hgp8_3:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48))::before {
2558
2558
  opacity: 1;
2559
2559
  box-shadow: var(--teddy-shadow-md);
2560
2560
  }
2561
- ._teddy-card--border_7s9sh_55 {
2561
+ ._teddy-card--border_1hgp8_55 {
2562
2562
  border: var(--teddy-border-width-xs) solid transparent;
2563
2563
  }
2564
- ._teddy-card--layout_7s9sh_58 ._teddy-card__illustration_7s9sh_58 {
2564
+ ._teddy-card--layout_1hgp8_58 ._teddy-card__illustration_1hgp8_58 {
2565
2565
  grid-area: illustration;
2566
2566
  }
2567
- ._teddy-card--layout_7s9sh_58 ._teddy-card__carousel_7s9sh_61 {
2567
+ ._teddy-card--layout_1hgp8_58 ._teddy-card__carousel_1hgp8_61 {
2568
2568
  grid-area: carousel;
2569
2569
  }
2570
- ._teddy-card--layout_7s9sh_58 ._teddy-card__content_7s9sh_64 {
2570
+ ._teddy-card--layout_1hgp8_58 ._teddy-card__content_1hgp8_64 {
2571
2571
  grid-area: content;
2572
2572
  }
2573
- ._teddy-card--layout_7s9sh_58 ._teddy-card__heading_7s9sh_67 {
2573
+ ._teddy-card--layout_1hgp8_58 ._teddy-card__heading_1hgp8_67 {
2574
2574
  grid-area: heading;
2575
2575
  }
2576
- ._teddy-card--layout_7s9sh_58 ._teddy-card__action-wrapper_7s9sh_70 {
2576
+ ._teddy-card--layout_1hgp8_58 ._teddy-card__action-wrapper_1hgp8_70 {
2577
2577
  grid-area: action;
2578
2578
  }
2579
- ._teddy-card--layout_7s9sh_58 ._teddy-card__footer_7s9sh_73 {
2579
+ ._teddy-card--layout_1hgp8_58 ._teddy-card__footer_1hgp8_73 {
2580
2580
  grid-area: footer;
2581
2581
  }
2582
- ._teddy-card--layout_7s9sh_58 ._teddy-card__overline_7s9sh_76 {
2582
+ ._teddy-card--layout_1hgp8_58 ._teddy-card__overline_1hgp8_76 {
2583
2583
  grid-area: overline;
2584
2584
  }
2585
- ._teddy-card--layout_7s9sh_58 ._teddy-card__description_7s9sh_79 {
2585
+ ._teddy-card--layout_1hgp8_58 ._teddy-card__description_1hgp8_79 {
2586
2586
  grid-area: description;
2587
2587
  }
2588
- ._teddy-card--layout_7s9sh_58 ._teddy-card__color-dots_7s9sh_82 {
2588
+ ._teddy-card--layout_1hgp8_58 ._teddy-card__color-dots_1hgp8_82 {
2589
2589
  grid-area: colors;
2590
2590
  }
2591
- ._teddy-card--layout_7s9sh_58 ._teddy-card__availability_7s9sh_85 {
2591
+ ._teddy-card--layout_1hgp8_58 ._teddy-card__availability_1hgp8_85 {
2592
2592
  grid-area: availability;
2593
2593
  }
2594
- ._teddy-card--layout_7s9sh_58 ._teddy-card__price_7s9sh_88 {
2594
+ ._teddy-card--layout_1hgp8_58 ._teddy-card__price_1hgp8_88 {
2595
2595
  grid-area: price;
2596
2596
  }
2597
- ._teddy-card--default_7s9sh_91 {
2597
+ ._teddy-card--default_1hgp8_91 {
2598
2598
  display: flex;
2599
2599
  flex-direction: column;
2600
2600
  gap: var(--teddy-spacing-200);
2601
2601
  }
2602
- ._teddy-card--navigation-vertical_7s9sh_96 {
2602
+ ._teddy-card--navigation-vertical_1hgp8_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_7s9sh_96 ._teddy-card__illustration_7s9sh_58 {
2609
+ ._teddy-card--navigation-vertical_1hgp8_96 ._teddy-card__illustration_1hgp8_58 {
2610
2610
  margin-bottom: var(--teddy-spacing-200);
2611
2611
  }
2612
- ._teddy-card--navigation-vertical_7s9sh_96 ._teddy-card__content_7s9sh_64 {
2612
+ ._teddy-card--navigation-vertical_1hgp8_96 ._teddy-card__content_1hgp8_64 {
2613
2613
  margin-bottom: var(--teddy-spacing-200);
2614
2614
  }
2615
- ._teddy-card--navigation-vertical_7s9sh_96 ._teddy-card__heading_7s9sh_67 {
2615
+ ._teddy-card--navigation-vertical_1hgp8_96 ._teddy-card__heading_1hgp8_67 {
2616
2616
  margin-bottom: var(--teddy-spacing-100);
2617
2617
  }
2618
- ._teddy-card--navigation-vertical_7s9sh_96 ._teddy-card__action-wrapper_7s9sh_70 {
2618
+ ._teddy-card--navigation-vertical_1hgp8_96 ._teddy-card__action-wrapper_1hgp8_70 {
2619
2619
  margin-top: auto;
2620
2620
  justify-self: end;
2621
2621
  }
2622
- ._teddy-card--navigation-horizontal-small_7s9sh_116 {
2622
+ ._teddy-card--navigation-horizontal-small_1hgp8_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_7s9sh_116 ._teddy-card__heading_7s9sh_67 {
2628
+ ._teddy-card--navigation-horizontal-small_1hgp8_116 ._teddy-card__heading_1hgp8_67 {
2629
2629
  margin-bottom: var(--teddy-spacing-100);
2630
2630
  }
2631
- ._teddy-card--navigation-horizontal-small_7s9sh_116 ._teddy-card__action-wrapper_7s9sh_70 {
2631
+ ._teddy-card--navigation-horizontal-small_1hgp8_116 ._teddy-card__action-wrapper_1hgp8_70 {
2632
2632
  margin-top: auto;
2633
2633
  }
2634
- ._teddy-card--navigation-horizontal-small-centered_7s9sh_128 {
2634
+ ._teddy-card--navigation-horizontal-small-centered_1hgp8_128 {
2635
2635
  width: 100%;
2636
2636
  max-width: 26rem;
2637
2637
  grid-template-columns: auto 1fr auto;
@@ -2640,162 +2640,162 @@
2640
2640
  align-items: center;
2641
2641
  column-gap: var(--teddy-spacing-200);
2642
2642
  }
2643
- ._teddy-card--navigation-horizontal-small-centered_7s9sh_128 ._teddy-card__content_7s9sh_64 {
2643
+ ._teddy-card--navigation-horizontal-small-centered_1hgp8_128 ._teddy-card__content_1hgp8_64 {
2644
2644
  margin-top: var(--teddy-spacing-200);
2645
2645
  }
2646
- ._teddy-card--navigation-horizontal-small-centered_7s9sh_128 ._teddy-card__action-wrapper_7s9sh_70 {
2646
+ ._teddy-card--navigation-horizontal-small-centered_1hgp8_128 ._teddy-card__action-wrapper_1hgp8_70 {
2647
2647
  margin: 0;
2648
2648
  }
2649
- ._teddy-card--navigation-horizontal-small-centered_7s9sh_128 ._teddy-card__illustration_7s9sh_58 {
2649
+ ._teddy-card--navigation-horizontal-small-centered_1hgp8_128 ._teddy-card__illustration_1hgp8_58 {
2650
2650
  max-height: 80px;
2651
2651
  max-width: 100px;
2652
2652
  }
2653
- ._teddy-card--navigation-horizontal-small-centered_7s9sh_128 ._teddy-card__illustration_7s9sh_58 img {
2653
+ ._teddy-card--navigation-horizontal-small-centered_1hgp8_128 ._teddy-card__illustration_1hgp8_58 img {
2654
2654
  object-fit: contain;
2655
2655
  }
2656
- ._teddy-card--navigation-horizontal-large_7s9sh_150 {
2656
+ ._teddy-card--navigation-horizontal-large_1hgp8_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_7s9sh_150 ._teddy-card__heading_7s9sh_67 {
2662
+ ._teddy-card--navigation-horizontal-large_1hgp8_150 ._teddy-card__heading_1hgp8_67 {
2663
2663
  margin-bottom: var(--teddy-spacing-100);
2664
2664
  }
2665
- ._teddy-card--navigation-horizontal-large_7s9sh_150 ._teddy-card__action-wrapper_7s9sh_70 {
2665
+ ._teddy-card--navigation-horizontal-large_1hgp8_150 ._teddy-card__action-wrapper_1hgp8_70 {
2666
2666
  margin-top: auto;
2667
2667
  }
2668
- ._teddy-card--rich-card_7s9sh_162 {
2668
+ ._teddy-card--rich-card_1hgp8_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_7s9sh_162 ._teddy-card__illustration_7s9sh_58 {
2674
+ ._teddy-card--rich-card_1hgp8_162 ._teddy-card__illustration_1hgp8_58 {
2675
2675
  margin-bottom: var(--teddy-spacing-200);
2676
2676
  }
2677
- ._teddy-card--rich-card_7s9sh_162 ._teddy-card__content_7s9sh_64 {
2677
+ ._teddy-card--rich-card_1hgp8_162 ._teddy-card__content_1hgp8_64 {
2678
2678
  margin-bottom: var(--teddy-spacing-200);
2679
2679
  }
2680
- ._teddy-card--rich-card_7s9sh_162 ._teddy-card__heading_7s9sh_67 {
2680
+ ._teddy-card--rich-card_1hgp8_162 ._teddy-card__heading_1hgp8_67 {
2681
2681
  margin-bottom: var(--teddy-spacing-100);
2682
2682
  }
2683
- ._teddy-card--rich-card_7s9sh_162 ._teddy-card__action-wrapper_7s9sh_70 {
2683
+ ._teddy-card--rich-card_1hgp8_162 ._teddy-card__action-wrapper_1hgp8_70 {
2684
2684
  margin-top: auto;
2685
2685
  }
2686
2686
  @media (max-width: 800px) {
2687
- ._teddy-card--rich-card-large_7s9sh_181 {
2687
+ ._teddy-card--rich-card-large_1hgp8_181 {
2688
2688
  align-items: baseline;
2689
2689
  grid-template-rows: auto auto 1fr auto;
2690
2690
  grid-template-areas: "illustration" "heading" "content" "action";
2691
2691
  }
2692
2692
  }
2693
- ._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__illustration_7s9sh_58 img {
2693
+ ._teddy-card--rich-card-large_1hgp8_181 ._teddy-card__illustration_1hgp8_58 img {
2694
2694
  object-fit: cover;
2695
2695
  }
2696
2696
  @media (min-width: 801px) {
2697
- ._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__illustration_7s9sh_58 {
2697
+ ._teddy-card--rich-card-large_1hgp8_181 ._teddy-card__illustration_1hgp8_58 {
2698
2698
  grid-column-start: 1;
2699
2699
  margin-right: var(--teddy-spacing-600);
2700
2700
  }
2701
2701
  }
2702
- ._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__content_7s9sh_64 {
2702
+ ._teddy-card--rich-card-large_1hgp8_181 ._teddy-card__content_1hgp8_64 {
2703
2703
  margin-top: 2rem;
2704
2704
  }
2705
2705
  @media (min-width: 801px) {
2706
- ._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__content_7s9sh_64 {
2706
+ ._teddy-card--rich-card-large_1hgp8_181 ._teddy-card__content_1hgp8_64 {
2707
2707
  grid-column-start: 2;
2708
2708
  margin-top: 0;
2709
2709
  align-content: center;
2710
2710
  }
2711
2711
  }
2712
- ._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__action_7s9sh_48 {
2712
+ ._teddy-card--rich-card-large_1hgp8_181 ._teddy-card__action_1hgp8_48 {
2713
2713
  margin-top: var(--teddy-spacing-200);
2714
2714
  }
2715
- ._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__heading_7s9sh_67 {
2715
+ ._teddy-card--rich-card-large_1hgp8_181 ._teddy-card__heading_1hgp8_67 {
2716
2716
  margin-top: var(--teddy-spacing-100);
2717
2717
  margin-bottom: var(--teddy-spacing-100);
2718
2718
  }
2719
- ._teddy-card__line_7s9sh_213 {
2719
+ ._teddy-card__line_1hgp8_213 {
2720
2720
  border: 0;
2721
2721
  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
2722
2722
  }
2723
- ._teddy-card--purple-light_7s9sh_217 {
2723
+ ._teddy-card--purple-light_1hgp8_217 {
2724
2724
  background-color: var(--teddy-color-background-interactive-primary-negative);
2725
2725
  color: var(--teddy-color-text-default);
2726
2726
  border-color: var(--teddy-color-background-interactive-primary-negative);
2727
2727
  }
2728
- ._teddy-card--purple-light_7s9sh_217:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2728
+ ._teddy-card--purple-light_1hgp8_217:hover:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2729
2729
  background-color: var(--teddy-color-background-interactive-primary-negative-hover);
2730
2730
  }
2731
- ._teddy-card--purple-light_7s9sh_217:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2731
+ ._teddy-card--purple-light_1hgp8_217:active:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2732
2732
  background-color: var(--teddy-color-background-interactive-primary-negative-active);
2733
2733
  }
2734
- ._teddy-card--purple-light_7s9sh_217:has(._teddy-card__action--disabled_7s9sh_48) {
2734
+ ._teddy-card--purple-light_1hgp8_217:has(._teddy-card__action--disabled_1hgp8_48) {
2735
2735
  background-color: var(--teddy-color-background-interactive-disabled);
2736
2736
  }
2737
- ._teddy-card--purple-dark_7s9sh_231 {
2737
+ ._teddy-card--purple-dark_1hgp8_231 {
2738
2738
  background-color: var(--teddy-color-brand-deep-purple);
2739
2739
  color: var(--teddy-color-text-default-negative);
2740
2740
  border-color: var(--teddy-color-brand-deep-purple);
2741
2741
  }
2742
- ._teddy-card--purple-dark_7s9sh_231:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2742
+ ._teddy-card--purple-dark_1hgp8_231:hover:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2743
2743
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
2744
2744
  }
2745
- ._teddy-card--purple-dark_7s9sh_231:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2745
+ ._teddy-card--purple-dark_1hgp8_231:active:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2746
2746
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
2747
2747
  }
2748
- ._teddy-card--purple-dark_7s9sh_231:has(._teddy-card__action--disabled_7s9sh_48) {
2748
+ ._teddy-card--purple-dark_1hgp8_231:has(._teddy-card__action--disabled_1hgp8_48) {
2749
2749
  color: var(--teddy-color-text-default);
2750
2750
  background-color: var(--teddy-color-background-interactive-disabled);
2751
2751
  }
2752
- ._teddy-card--purple-dark_7s9sh_231:has(._teddy-card__action--disabled_7s9sh_48) ._teddy-card__action_7s9sh_48 {
2752
+ ._teddy-card--purple-dark_1hgp8_231:has(._teddy-card__action--disabled_1hgp8_48) ._teddy-card__action_1hgp8_48 {
2753
2753
  color: var(--teddy-color-text-weak);
2754
2754
  background-color: var(--teddy-color-background-interactive-disabled);
2755
2755
  }
2756
- ._teddy-card--white_7s9sh_250 {
2756
+ ._teddy-card--white_1hgp8_250 {
2757
2757
  background-color: var(--teddy-color-brand-white);
2758
2758
  color: var(--teddy-color-text-default);
2759
2759
  border-color: var(--teddy-color-border-interactive-subtle);
2760
2760
  }
2761
- ._teddy-card--white_7s9sh_250:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2761
+ ._teddy-card--white_1hgp8_250:hover:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2762
2762
  background-color: var(--teddy-color-background-interactive-transparent-hover);
2763
2763
  }
2764
- ._teddy-card--white_7s9sh_250:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2764
+ ._teddy-card--white_1hgp8_250:active:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2765
2765
  background-color: var(--teddy-color-background-interactive-transparent-active);
2766
2766
  }
2767
- ._teddy-card--white_7s9sh_250:has(._teddy-card__action--disabled_7s9sh_48) {
2767
+ ._teddy-card--white_1hgp8_250:has(._teddy-card__action--disabled_1hgp8_48) {
2768
2768
  background-color: var(--teddy-color-background-interactive-disabled);
2769
2769
  }
2770
- ._teddy-card--gray_7s9sh_264 {
2770
+ ._teddy-card--gray_1hgp8_264 {
2771
2771
  background-color: var(--teddy-color-background-secondary);
2772
2772
  color: var(--teddy-color-text-default);
2773
2773
  border-color: var(--teddy-color-border-interactive-subtle);
2774
2774
  }
2775
- ._teddy-card--gray_7s9sh_264:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2775
+ ._teddy-card--gray_1hgp8_264:hover:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2776
2776
  background-color: var(--teddy-color-gray-100);
2777
2777
  }
2778
- ._teddy-card--gray_7s9sh_264:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2778
+ ._teddy-card--gray_1hgp8_264:active:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2779
2779
  background-color: var(--teddy-color-gray-200);
2780
2780
  }
2781
- ._teddy-card--gray_7s9sh_264:has(._teddy-card__action--disabled_7s9sh_48) {
2781
+ ._teddy-card--gray_1hgp8_264:has(._teddy-card__action--disabled_1hgp8_48) {
2782
2782
  background-color: var(--teddy-color-background-interactive-disabled);
2783
2783
  }
2784
- ._teddy-card--beige_7s9sh_278 {
2784
+ ._teddy-card--beige_1hgp8_278 {
2785
2785
  background-color: var(--teddy-color-beige-100);
2786
2786
  color: var(--teddy-color-text-default);
2787
2787
  border-color: var(--teddy-color-beige-300);
2788
2788
  }
2789
- ._teddy-card--beige_7s9sh_278:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2789
+ ._teddy-card--beige_1hgp8_278:hover:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2790
2790
  background-color: var(--teddy-color-beige-200);
2791
2791
  }
2792
- ._teddy-card--beige_7s9sh_278:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2792
+ ._teddy-card--beige_1hgp8_278:active:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2793
2793
  background-color: var(--teddy-color-beige-300);
2794
2794
  }
2795
- ._teddy-card--beige_7s9sh_278:has(._teddy-card__action--disabled_7s9sh_48) {
2795
+ ._teddy-card--beige_1hgp8_278:has(._teddy-card__action--disabled_1hgp8_48) {
2796
2796
  background-color: var(--teddy-color-background-interactive-disabled);
2797
2797
  }
2798
- ._teddy-card--product_7s9sh_292 {
2798
+ ._teddy-card--product_1hgp8_292 {
2799
2799
  grid-template-columns: minmax(0, 100%);
2800
2800
  grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
2801
2801
  grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
@@ -2806,129 +2806,133 @@
2806
2806
  padding-bottom: var(--teddy-spacing-100);
2807
2807
  width: 100%;
2808
2808
  }
2809
- ._teddy-card--product_7s9sh_292:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2809
+ ._teddy-card--product_1hgp8_292:hover:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2810
2810
  background-color: var(--teddy-color-brand-white);
2811
2811
  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
2812
2812
  outline-offset: calc(var(--teddy-border-width-sm) * -1);
2813
2813
  }
2814
- ._teddy-card--product_7s9sh_292:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
2814
+ ._teddy-card--product_1hgp8_292:active:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)) {
2815
2815
  -webkit-tap-highlight-color: transparent;
2816
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)) {
2817
+ ._teddy-card--product_1hgp8_292:active:has(._teddy-card__action_1hgp8_48:not(._teddy-card__action--disabled_1hgp8_48)):not(:has(._teddy-card__carousel_1hgp8_61:active)) {
2818
2818
  background-color: var(--teddy-color-background-interactive-transparent-active);
2819
2819
  }
2820
- ._teddy-card--product_7s9sh_292:has(._teddy-card__action--disabled_7s9sh_48) {
2820
+ ._teddy-card--product_1hgp8_292:has(._teddy-card__action--disabled_1hgp8_48) {
2821
2821
  background-color: var(--teddy-color-background-interactive-disabled);
2822
2822
  }
2823
- ._teddy-card--product_7s9sh_292 ._teddy-card__action-wrapper_7s9sh_70 {
2823
+ ._teddy-card--product_1hgp8_292 ._teddy-card__action-wrapper_1hgp8_70 {
2824
2824
  margin-bottom: var(--teddy-spacing-200);
2825
2825
  }
2826
- ._teddy-card--product_7s9sh_292 ._teddy-card__illustration_7s9sh_58 {
2826
+ ._teddy-card--product_1hgp8_292 ._teddy-card__illustration_1hgp8_58 {
2827
2827
  height: 180px;
2828
2828
  display: grid;
2829
2829
  place-items: center;
2830
2830
  place-self: center;
2831
2831
  margin-bottom: var(--teddy-spacing-400);
2832
2832
  }
2833
- ._teddy-card--product_7s9sh_292 ._teddy-card__illustration_7s9sh_58 img {
2833
+ ._teddy-card--product_1hgp8_292 ._teddy-card__illustration_1hgp8_58 img {
2834
2834
  max-width: 200px;
2835
2835
  max-height: 180px;
2836
2836
  object-fit: contain;
2837
2837
  }
2838
- ._teddy-card--product_7s9sh_292 ._teddy-card__carousel_7s9sh_61 .slick-dots li {
2838
+ ._teddy-card--product_1hgp8_292 ._teddy-card__carousel_1hgp8_61 .slick-dots li {
2839
2839
  min-width: 12px;
2840
2840
  width: initial !important;
2841
2841
  margin: 0 0.25rem !important;
2842
2842
  }
2843
- ._teddy-card--product_7s9sh_292 ._teddy-card__carousel_7s9sh_61 .slick-dots .slick-active {
2843
+ ._teddy-card--product_1hgp8_292 ._teddy-card__carousel_1hgp8_61 .slick-dots .slick-active {
2844
2844
  min-width: 24px;
2845
2845
  width: initial !important;
2846
2846
  }
2847
- ._teddy-card--product_7s9sh_292 ._teddy-card__overline_7s9sh_76 {
2847
+ ._teddy-card--product_1hgp8_292 ._teddy-card__overline_1hgp8_76 {
2848
2848
  margin-bottom: var(--teddy-spacing-50);
2849
2849
  }
2850
- ._teddy-card--product_7s9sh_292 ._teddy-card__heading_7s9sh_67 {
2850
+ ._teddy-card--product_1hgp8_292 ._teddy-card__heading_1hgp8_67 {
2851
2851
  margin-bottom: var(--teddy-spacing-200);
2852
- min-height: 60px;
2853
2852
  }
2854
- ._teddy-card--product_7s9sh_292 ._teddy-card__description_7s9sh_79 {
2853
+ @media (min-width: 600px) {
2854
+ ._teddy-card--product_1hgp8_292 ._teddy-card__heading_1hgp8_67 {
2855
+ min-height: 60px;
2856
+ }
2857
+ }
2858
+ ._teddy-card--product_1hgp8_292 ._teddy-card__description_1hgp8_79 {
2855
2859
  margin-bottom: var(--teddy-spacing-200);
2856
2860
  }
2857
- ._teddy-card--product_7s9sh_292 ._teddy-card__content_7s9sh_64 {
2861
+ ._teddy-card--product_1hgp8_292 ._teddy-card__content_1hgp8_64 {
2858
2862
  margin-bottom: var(--teddy-spacing-200);
2859
2863
  }
2860
- ._teddy-card--product_7s9sh_292 ._teddy-card__action_7s9sh_48 {
2864
+ ._teddy-card--product_1hgp8_292 ._teddy-card__action_1hgp8_48 {
2861
2865
  margin-top: auto;
2862
2866
  margin-left: auto;
2863
2867
  justify-self: end;
2864
2868
  }
2865
- ._teddy-card--product_7s9sh_292 ._teddy-card__price_7s9sh_88 {
2869
+ ._teddy-card--product_1hgp8_292 ._teddy-card__price_1hgp8_88 {
2866
2870
  display: flex;
2867
2871
  }
2868
- ._teddy-card--product_7s9sh_292 ._teddy-card__price--big_7s9sh_362 {
2872
+ ._teddy-card--product_1hgp8_292 ._teddy-card__price--big_1hgp8_366 {
2869
2873
  font-size: var(--teddy-typography-scale-200);
2870
2874
  }
2871
- ._teddy-card_7s9sh_3:has(._teddy-card__image--as-background_7s9sh_365) {
2875
+ ._teddy-card_1hgp8_3:has(._teddy-card__image--as-background_1hgp8_369) {
2872
2876
  background-color: transparent;
2873
2877
  }
2874
- ._teddy-card__heading_7s9sh_67 {
2878
+ ._teddy-card__heading_1hgp8_67 {
2875
2879
  color: inherit;
2876
2880
  }
2877
- ._teddy-card--background-image_7s9sh_371 {
2881
+ ._teddy-card--background-image_1hgp8_375 {
2878
2882
  background-repeat: no-repeat;
2879
2883
  background-size: cover;
2880
2884
  background-position: center;
2881
2885
  }
2882
- ._teddy-card__illustration--rounded_7s9sh_376 {
2886
+ ._teddy-card__illustration--rounded_1hgp8_380 {
2883
2887
  border-radius: inherit;
2884
2888
  overflow: hidden;
2885
2889
  }
2886
- ._teddy-card__inset_7s9sh_380 {
2890
+ ._teddy-card__inset_1hgp8_384 {
2887
2891
  overflow: hidden;
2888
2892
  }
2889
- ._teddy-card__inset--top_7s9sh_383 {
2893
+ ._teddy-card__inset--top_1hgp8_387 {
2890
2894
  margin-top: calc(var(--teddy-spacing-250) * -1);
2891
2895
  }
2892
- ._teddy-card__inset--top_7s9sh_383._teddy-card__inset--left_7s9sh_386 {
2896
+ ._teddy-card__inset--top_1hgp8_387._teddy-card__inset--left_1hgp8_390 {
2893
2897
  border-top-left-radius: inherit;
2894
2898
  }
2895
- ._teddy-card__inset--top_7s9sh_383._teddy-card__inset--right_7s9sh_389 {
2899
+ ._teddy-card__inset--top_1hgp8_387._teddy-card__inset--right_1hgp8_393 {
2896
2900
  border-top-right-radius: inherit;
2897
2901
  }
2898
- ._teddy-card__inset--bottom_7s9sh_392 {
2902
+ ._teddy-card__inset--bottom_1hgp8_396 {
2899
2903
  margin-bottom: calc(var(--teddy-spacing-250) * -1);
2900
2904
  }
2901
- ._teddy-card__inset--bottom_7s9sh_392._teddy-card__inset--left_7s9sh_386 {
2905
+ ._teddy-card__inset--bottom_1hgp8_396._teddy-card__inset--left_1hgp8_390 {
2902
2906
  border-bottom-left-radius: inherit;
2903
2907
  }
2904
- ._teddy-card__inset--bottom_7s9sh_392._teddy-card__inset--right_7s9sh_389 {
2908
+ ._teddy-card__inset--bottom_1hgp8_396._teddy-card__inset--right_1hgp8_393 {
2905
2909
  border-bottom-right-radius: inherit;
2906
2910
  }
2907
- ._teddy-card__inset--left_7s9sh_386 {
2911
+ ._teddy-card__inset--left_1hgp8_390 {
2908
2912
  margin-left: calc(var(--teddy-spacing-250) * -1);
2909
2913
  }
2910
- ._teddy-card__inset--right_7s9sh_389 {
2914
+ ._teddy-card__inset--right_1hgp8_393 {
2911
2915
  margin-right: calc(var(--teddy-spacing-250) * -1);
2912
2916
  }
2913
- ._teddy-card__availability--badge_7s9sh_407 {
2917
+ ._teddy-card__availability--badge_1hgp8_411 {
2914
2918
  margin-right: var(--teddy-spacing-150);
2915
2919
  }
2916
- ._teddy-card__availability--success_7s9sh_410 {
2920
+ ._teddy-card__availability--success_1hgp8_414 {
2917
2921
  color: var(--teddy-color-text-status-success-strong);
2918
2922
  }
2919
- ._teddy-card__availability--warning_7s9sh_413 {
2923
+ ._teddy-card__availability--warning_1hgp8_417 {
2920
2924
  color: var(--teddy-color-text-status-warning-strong);
2921
2925
  }
2922
- ._teddy-card__availability--error_7s9sh_416 {
2926
+ ._teddy-card__availability--error_1hgp8_420 {
2923
2927
  color: var(--teddy-color-text-status-error-strong);
2924
2928
  }
2925
- ._teddy-card__availability--special_7s9sh_419 {
2929
+ ._teddy-card__availability--special_1hgp8_423 {
2926
2930
  color: var(--teddy-color-text-status-special);
2927
2931
  }
2928
- ._teddy-card__availability--neutral_7s9sh_422 {
2932
+ ._teddy-card__availability--neutral_1hgp8_426 {
2929
2933
  color: var(--teddy-color-text-status-neutral);
2930
2934
  }
2931
- ._teddy-card__availability--information_7s9sh_425 {
2935
+ ._teddy-card__availability--information_1hgp8_429 {
2932
2936
  color: var(--teddy-color-text-status-info-strong);
2933
2937
  }
2934
2938
  }._teddy-badge_wlyo5_1 {
@@ -3564,14 +3568,14 @@
3564
3568
  --teddy-color-brand-core-purple: var(--teddy-color-purple-550);
3565
3569
  --teddy-color-brand-deep-purple: var(--teddy-color-purple-900);
3566
3570
  }
3567
- ._teddy-carousel_13hgl_2 {
3571
+ ._teddy-carousel_1pdex_2 {
3568
3572
  width: 100%;
3569
3573
  min-width: 10rem;
3570
3574
  max-width: 15rem;
3571
3575
  height: 288px;
3572
3576
  margin: 0 auto 2rem;
3573
3577
  }
3574
- ._teddy-carousel__arrow_13hgl_9 {
3578
+ ._teddy-carousel__arrow_1pdex_9 {
3575
3579
  display: flex;
3576
3580
  justify-content: center;
3577
3581
  align-items: center;
@@ -3579,23 +3583,26 @@
3579
3583
  width: 3rem;
3580
3584
  height: 3rem;
3581
3585
  border-radius: 2rem;
3586
+ transition-duration: var(--teddy-motion-duration-100);
3587
+ transition-timing-function: var(--teddy-motion-easing-ease-in-out);
3588
+ transition-property: background-color, color;
3582
3589
  }
3583
- ._teddy-carousel__item_13hgl_18 {
3590
+ ._teddy-carousel__item_1pdex_21 {
3584
3591
  display: flex !important;
3585
3592
  justify-content: center;
3586
3593
  }
3587
- ._teddy-carousel_13hgl_2 .slick-prev:before,
3588
- ._teddy-carousel_13hgl_2 .slick-next:before {
3594
+ ._teddy-carousel_1pdex_2 .slick-prev:before,
3595
+ ._teddy-carousel_1pdex_2 .slick-next:before {
3589
3596
  content: "";
3590
3597
  }
3591
- ._teddy-carousel_13hgl_2 .slick-disabled {
3598
+ ._teddy-carousel_1pdex_2 .slick-disabled {
3592
3599
  cursor: initial;
3593
3600
  opacity: 0.3;
3594
3601
  }
3595
- ._teddy-carousel_13hgl_2 .slick-track {
3602
+ ._teddy-carousel_1pdex_2 .slick-track {
3596
3603
  display: flex;
3597
3604
  }
3598
- ._teddy-carousel_13hgl_2 .slick-slide > div {
3605
+ ._teddy-carousel_1pdex_2 .slick-slide > div {
3599
3606
  display: grid;
3600
3607
  place-items: center;
3601
3608
  width: 80%;
@@ -3603,68 +3610,82 @@
3603
3610
  height: 260px;
3604
3611
  padding: 0px;
3605
3612
  }
3606
- ._teddy-carousel_13hgl_2 .slick-slide img {
3613
+ ._teddy-carousel_1pdex_2 .slick-slide img {
3607
3614
  max-width: 10rem;
3608
3615
  max-height: 12.5rem;
3609
3616
  object-fit: contain;
3610
3617
  width: 100%;
3611
3618
  height: 100%;
3612
3619
  }
3613
- ._teddy-carousel_13hgl_2 .slick-next {
3620
+ ._teddy-carousel_1pdex_2 .slick-next {
3614
3621
  right: 0;
3622
+ color: var(--teddy-color-purple-700);
3615
3623
  }
3616
- ._teddy-carousel_13hgl_2 .slick-prev {
3624
+ ._teddy-carousel_1pdex_2 .slick-prev {
3617
3625
  left: 0;
3626
+ color: var(--teddy-color-purple-700);
3627
+ }
3628
+ ._teddy-carousel_1pdex_2 .slick-prev:focus-visible,
3629
+ ._teddy-carousel_1pdex_2 .slick-prev:active,
3630
+ ._teddy-carousel_1pdex_2 .slick-next:active,
3631
+ ._teddy-carousel_1pdex_2 .slick-next:focus-visible {
3632
+ color: var(--teddy-color-text-interactive-primary-active);
3633
+ background-color: var(--teddy-color-border-interactive-primary-negative-hover);
3618
3634
  }
3619
- ._teddy-carousel_13hgl_2 .slick-dots {
3635
+ ._teddy-carousel_1pdex_2 .slick-prev:hover,
3636
+ ._teddy-carousel_1pdex_2 .slick-next:hover {
3637
+ color: var(--teddy-color-text-interactive-primary-hover);
3638
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
3639
+ }
3640
+ ._teddy-carousel_1pdex_2 .slick-dots {
3620
3641
  bottom: -2rem;
3621
3642
  margin: 0;
3622
3643
  padding: 0;
3623
3644
  }
3624
- ._teddy-carousel_13hgl_2 .slick-dots button {
3645
+ ._teddy-carousel_1pdex_2 .slick-dots button {
3625
3646
  width: 24px;
3626
3647
  height: 24px;
3627
3648
  }
3628
- ._teddy-carousel_13hgl_2 .slick-dots button:before {
3649
+ ._teddy-carousel_1pdex_2 .slick-dots button:before {
3629
3650
  width: 24px;
3630
3651
  height: 24px;
3631
3652
  }
3632
- ._teddy-carousel_13hgl_2 .slick-dots button:hover:before {
3653
+ ._teddy-carousel_1pdex_2 .slick-dots button:hover:before {
3633
3654
  color: var(--teddy-color-purple-700);
3634
3655
  }
3635
- ._teddy-carousel_13hgl_2 .slick-dots .slick-active button:before {
3656
+ ._teddy-carousel_1pdex_2 .slick-dots .slick-active button:before {
3636
3657
  color: var(--teddy-color-purple-700);
3637
3658
  }
3638
- ._teddy-carousel_13hgl_2 .slick-dots li {
3659
+ ._teddy-carousel_1pdex_2 .slick-dots li {
3639
3660
  width: 24px;
3640
3661
  height: 24px;
3641
3662
  margin: 0;
3642
3663
  padding: 0;
3643
3664
  }
3644
- ._teddy-carousel_13hgl_2 .slick-dots li button:before {
3665
+ ._teddy-carousel_1pdex_2 .slick-dots li button:before {
3645
3666
  font-size: 1rem;
3646
3667
  }
3647
- ._teddy-carousel--sm_13hgl_82 {
3668
+ ._teddy-carousel--sm_1pdex_99 {
3648
3669
  height: 180px;
3649
3670
  }
3650
- ._teddy-carousel--sm_13hgl_82 .slick-slide > div {
3671
+ ._teddy-carousel--sm_1pdex_99 .slick-slide > div {
3651
3672
  height: 170px;
3652
3673
  }
3653
- ._teddy-carousel--sm_13hgl_82 .slick-slide img {
3674
+ ._teddy-carousel--sm_1pdex_99 .slick-slide img {
3654
3675
  max-width: 8rem;
3655
3676
  max-height: 10rem;
3656
3677
  }
3657
- ._teddy-carousel--sm_13hgl_82 .slick-next {
3658
- right: 0.5rem;
3678
+ ._teddy-carousel--sm_1pdex_99 .slick-next {
3679
+ right: -0.5rem;
3659
3680
  }
3660
- ._teddy-carousel--sm_13hgl_82 .slick-prev {
3661
- left: 0.5rem;
3681
+ ._teddy-carousel--sm_1pdex_99 .slick-prev {
3682
+ left: -0.5rem;
3662
3683
  }
3663
3684
  @media (min-width: 600px) {
3664
- ._teddy-carousel--sm_13hgl_82 .slick-next {
3685
+ ._teddy-carousel--sm_1pdex_99 .slick-next {
3665
3686
  right: 0rem;
3666
3687
  }
3667
- ._teddy-carousel--sm_13hgl_82 .slick-prev {
3688
+ ._teddy-carousel--sm_1pdex_99 .slick-prev {
3668
3689
  left: 0rem;
3669
3690
  }
3670
3691
  }@layer heading, button, card, notification;
@@ -4406,7 +4427,7 @@
4406
4427
  margin-bottom: 0;
4407
4428
  }._teddy-container_1jmq1_1 {
4408
4429
  box-sizing: border-box;
4409
- }@keyframes _teddy-fade-in_1o004_1 {
4430
+ }@keyframes _teddy-fade-in_lkqhu_1 {
4410
4431
  from {
4411
4432
  opacity: 0;
4412
4433
  }
@@ -4414,7 +4435,7 @@
4414
4435
  opacity: 1;
4415
4436
  }
4416
4437
  }
4417
- @keyframes _teddy-fade-out_1o004_1 {
4438
+ @keyframes _teddy-fade-out_lkqhu_1 {
4418
4439
  from {
4419
4440
  opacity: 1;
4420
4441
  }
@@ -4422,7 +4443,7 @@
4422
4443
  opacity: 0;
4423
4444
  }
4424
4445
  }
4425
- @keyframes _teddy-overlay-no-op_1o004_1 {
4446
+ @keyframes _teddy-overlay-no-op_lkqhu_1 {
4426
4447
  from {
4427
4448
  opacity: 1;
4428
4449
  }
@@ -4430,19 +4451,19 @@
4430
4451
  opacity: 1;
4431
4452
  }
4432
4453
  }
4433
- ._teddy-modal__overlay_1o004_25 {
4454
+ ._teddy-modal__overlay_lkqhu_25 {
4434
4455
  position: fixed;
4435
4456
  inset: 0;
4436
4457
  display: grid;
4437
4458
  place-items: center;
4438
4459
  }
4439
- ._teddy-modal__overlay_1o004_25::before {
4460
+ ._teddy-modal__overlay_lkqhu_25::before {
4440
4461
  position: fixed;
4441
4462
  content: "";
4442
4463
  inset: 0;
4443
4464
  background-color: var(--teddy-color-overlay-default);
4444
4465
  }
4445
- ._teddy-modal__content_1o004_37 {
4466
+ ._teddy-modal__content_lkqhu_37 {
4446
4467
  background-color: var(--teddy-color-background-primary);
4447
4468
  box-shadow: var(--teddy-shadow-lg);
4448
4469
  position: relative;
@@ -4451,7 +4472,7 @@
4451
4472
  width: 100%;
4452
4473
  }
4453
4474
  @media (min-width: 600px) {
4454
- ._teddy-modal__content_1o004_37 {
4475
+ ._teddy-modal__content_lkqhu_37 {
4455
4476
  max-width: 720px;
4456
4477
  max-height: 80%;
4457
4478
  min-height: 360px;
@@ -4460,11 +4481,11 @@
4460
4481
  border-radius: var(--teddy-border-radius-lg);
4461
4482
  }
4462
4483
  }
4463
- ._teddy-modal__scroll_1o004_55 {
4484
+ ._teddy-modal__scroll_lkqhu_55 {
4464
4485
  overflow: auto;
4465
4486
  padding-inline: var(--teddy-spacing-300);
4466
4487
  }
4467
- ._teddy-modal__image_1o004_59 {
4488
+ ._teddy-modal__image_lkqhu_59 {
4468
4489
  max-width: calc(100% + var(--teddy-spacing-300) * 2);
4469
4490
  height: auto;
4470
4491
  vertical-align: middle;
@@ -4474,51 +4495,49 @@
4474
4495
  shape-margin: 0.75rem;
4475
4496
  margin-inline: calc(var(--teddy-spacing-300) * -1);
4476
4497
  }
4477
- ._teddy-modal__close--floating_1o004_69 {
4498
+ ._teddy-modal__close--floating_lkqhu_69 {
4478
4499
  position: absolute;
4479
4500
  top: var(--teddy-spacing-100);
4480
4501
  right: var(--teddy-spacing-100);
4481
4502
  }
4482
4503
  @media (max-width: 600px) {
4483
- ._teddy-modal__close--floating_1o004_69 {
4504
+ ._teddy-modal__close--floating_lkqhu_69 {
4484
4505
  top: var(--teddy-spacing-50);
4485
4506
  }
4486
4507
  }
4487
- ._teddy-modal__group_1o004_79 {
4508
+ ._teddy-modal__group_lkqhu_79 {
4488
4509
  width: 100%;
4489
4510
  margin-bottom: var(--teddy-spacing-200);
4490
4511
  }
4491
- ._teddy-modal__group--title_1o004_83 {
4512
+ ._teddy-modal__group--title_lkqhu_83 {
4492
4513
  position: sticky;
4493
4514
  inset: 0 0 auto 0;
4494
4515
  background-color: var(--teddy-color-background-primary);
4495
4516
  padding-top: var(--teddy-spacing-300);
4496
4517
  }
4497
4518
  @media (max-width: 600px) {
4498
- ._teddy-modal__group--title_1o004_83 {
4519
+ ._teddy-modal__group--title_lkqhu_83 {
4499
4520
  padding-top: var(--teddy-spacing-250);
4500
4521
  }
4501
4522
  }
4502
- ._teddy-modal__group--title_1o004_83._teddy-modal__group--scroll_1o004_94 {
4523
+ ._teddy-modal__group--title_lkqhu_83._teddy-modal__group--scroll_lkqhu_94 {
4503
4524
  padding-block: var(--teddy-spacing-200);
4504
4525
  }
4505
- ._teddy-modal__group--title_1o004_83._teddy-modal__group--scroll_1o004_94::before {
4526
+ ._teddy-modal__group--title_lkqhu_83._teddy-modal__group--scroll_lkqhu_94::before {
4506
4527
  content: "";
4507
4528
  position: absolute;
4508
4529
  inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
4509
4530
  border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
4510
4531
  }
4511
- ._teddy-modal__group--action_1o004_103 {
4532
+ ._teddy-modal__group--action_lkqhu_103 {
4512
4533
  height: 100%;
4513
4534
  position: sticky;
4514
4535
  inset: auto 0 0 0;
4515
- margin: var(--teddy-spacing-200) 0 0;
4516
- padding: var(--teddy-spacing-200) var(--teddy-spacing-300) var(--teddy-spacing-300);
4536
+ margin: 0;
4537
+ padding: var(--teddy-spacing-200) 0 var(--teddy-spacing-300);
4517
4538
  background-color: var(--teddy-color-background-primary);
4518
- width: calc(100% + var(--teddy-spacing-300) * 2);
4519
- margin-left: calc(var(--teddy-spacing-300) * -1);
4520
4539
  }
4521
- ._teddy-modal__group--action_1o004_103._teddy-modal__group--scroll_1o004_94::before {
4540
+ ._teddy-modal__group--action_lkqhu_103._teddy-modal__group--scroll_lkqhu_94::before {
4522
4541
  content: "";
4523
4542
  position: absolute;
4524
4543
  inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
@@ -4526,7 +4545,7 @@
4526
4545
  box-shadow: 0 0 20px 15px var(--teddy-color-background-primary);
4527
4546
  }
4528
4547
  @media (prefers-reduced-motion: no-preference) {
4529
- @keyframes _modal-overlay-no-op_1o004_1 {
4548
+ @keyframes _modal-overlay-no-op_lkqhu_1 {
4530
4549
  from {
4531
4550
  opacity: 1;
4532
4551
  }
@@ -4534,7 +4553,7 @@
4534
4553
  opacity: 1;
4535
4554
  }
4536
4555
  }
4537
- @keyframes _modal-content-show_1o004_1 {
4556
+ @keyframes _modal-content-show_lkqhu_1 {
4538
4557
  from {
4539
4558
  opacity: 0;
4540
4559
  transform: translateY(5px) scale(0.97);
@@ -4544,7 +4563,7 @@
4544
4563
  transform: translateY(0px) scale(1);
4545
4564
  }
4546
4565
  }
4547
- @keyframes _modal-content-hide_1o004_1 {
4566
+ @keyframes _modal-content-hide_lkqhu_1 {
4548
4567
  from {
4549
4568
  opacity: 1;
4550
4569
  transform: translateY(0px) scale(1);
@@ -4554,23 +4573,23 @@
4554
4573
  transform: translateY(5px) scale(0.99);
4555
4574
  }
4556
4575
  }
4557
- ._teddy-modal__overlay_1o004_25 {
4576
+ ._teddy-modal__overlay_lkqhu_25 {
4558
4577
  /* Keep the overlay mounted until the children have animated */
4559
4578
  }
4560
- ._teddy-modal__overlay_1o004_25:where([data-state=closed]) {
4561
- animation: _modal-overlay-no-op_1o004_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
4579
+ ._teddy-modal__overlay_lkqhu_25:where([data-state=closed]) {
4580
+ animation: _modal-overlay-no-op_lkqhu_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
4562
4581
  }
4563
- ._teddy-modal__overlay_1o004_25:where([data-state=open])::before {
4564
- animation: _teddy-fade-in_1o004_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
4582
+ ._teddy-modal__overlay_lkqhu_25:where([data-state=open])::before {
4583
+ animation: _teddy-fade-in_lkqhu_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
4565
4584
  }
4566
- ._teddy-modal__overlay_1o004_25:where([data-state=closed])::before {
4567
- animation: _teddy-fade-out_1o004_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
4585
+ ._teddy-modal__overlay_lkqhu_25:where([data-state=closed])::before {
4586
+ animation: _teddy-fade-out_lkqhu_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
4568
4587
  }
4569
- ._teddy-modal__content_1o004_37:where([data-state=open]) {
4570
- animation: _modal-content-show_1o004_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
4588
+ ._teddy-modal__content_lkqhu_37:where([data-state=open]) {
4589
+ animation: _modal-content-show_lkqhu_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
4571
4590
  }
4572
- ._teddy-modal__content_1o004_37:where([data-state=closed]) {
4573
- animation: _modal-content-hide_1o004_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
4591
+ ._teddy-modal__content_lkqhu_37:where([data-state=closed]) {
4592
+ animation: _modal-content-hide_lkqhu_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
4574
4593
  }
4575
4594
  }._teddy-navigation-menu_11898_1 {
4576
4595
  --item-gap: var(--teddy-spacing-200);
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=8"
21
21
  },
22
22
  "private": false,
23
- "version": "0.0.81",
23
+ "version": "0.0.83",
24
24
  "sideEffects": [
25
25
  "**/*.css"
26
26
  ],