@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.
- package/dist/components/card/card.cjs +51 -51
- package/dist/components/card/card.js +51 -51
- package/dist/components/carousel/carousel-root.cjs +5 -6
- package/dist/components/carousel/carousel-root.js +5 -6
- package/dist/components/radio-card-group/radio-card-group-item-title.cjs +15 -15
- package/dist/components/radio-card-group/radio-card-group-item-title.js +15 -15
- package/dist/style.css +195 -176
- package/package.json +1 -1
|
@@ -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-
|
|
11
|
-
"teddy-card__slot": "_teddy-
|
|
12
|
-
"teddy-card__slot--bottom": "_teddy-card__slot--
|
|
13
|
-
"teddy-card__slot--center": "_teddy-card__slot--
|
|
14
|
-
"teddy-card__slot--no-translate": "_teddy-card__slot--no-
|
|
15
|
-
"teddy-card--shadow": "_teddy-card--
|
|
16
|
-
"teddy-card__action": "_teddy-
|
|
17
|
-
"teddy-card__action--disabled": "_teddy-card__action--
|
|
18
|
-
"teddy-card--border": "_teddy-card--
|
|
19
|
-
"teddy-card--layout": "_teddy-card--
|
|
20
|
-
"teddy-card__illustration": "_teddy-
|
|
21
|
-
"teddy-card__carousel": "_teddy-
|
|
22
|
-
"teddy-card__content": "_teddy-
|
|
23
|
-
"teddy-card__heading": "_teddy-
|
|
24
|
-
"teddy-card__action-wrapper": "_teddy-card__action-
|
|
25
|
-
"teddy-card__footer": "_teddy-
|
|
26
|
-
"teddy-card__overline": "_teddy-
|
|
27
|
-
"teddy-card__description": "_teddy-
|
|
28
|
-
"teddy-card__color-dots": "_teddy-card__color-
|
|
29
|
-
"teddy-card__availability": "_teddy-
|
|
30
|
-
"teddy-card__price": "_teddy-
|
|
31
|
-
"teddy-card--default": "_teddy-card--
|
|
32
|
-
"teddy-card--navigation-vertical": "_teddy-card--navigation-
|
|
33
|
-
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-
|
|
34
|
-
"teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-
|
|
35
|
-
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-
|
|
36
|
-
"teddy-card--rich-card": "_teddy-card--rich-
|
|
37
|
-
"teddy-card--rich-card-large": "_teddy-card--rich-card-
|
|
38
|
-
"teddy-card__line": "_teddy-
|
|
39
|
-
"teddy-card--purple-light": "_teddy-card--purple-
|
|
40
|
-
"teddy-card--purple-dark": "_teddy-card--purple-
|
|
41
|
-
"teddy-card--white": "_teddy-card--
|
|
42
|
-
"teddy-card--gray": "_teddy-card--
|
|
43
|
-
"teddy-card--beige": "_teddy-card--
|
|
44
|
-
"teddy-card--product": "_teddy-card--
|
|
45
|
-
"teddy-card__price--big": "_teddy-card__price--
|
|
46
|
-
"teddy-card__image--as-background": "_teddy-card__image--as-
|
|
47
|
-
"teddy-card--background-image": "_teddy-card--background-
|
|
48
|
-
"teddy-card__illustration--rounded": "_teddy-card__illustration--
|
|
49
|
-
"teddy-card__inset": "_teddy-
|
|
50
|
-
"teddy-card__inset--top": "_teddy-card__inset--
|
|
51
|
-
"teddy-card__inset--left": "_teddy-card__inset--
|
|
52
|
-
"teddy-card__inset--right": "_teddy-card__inset--
|
|
53
|
-
"teddy-card__inset--bottom": "_teddy-card__inset--
|
|
54
|
-
"teddy-card__availability--badge": "_teddy-card__availability--
|
|
55
|
-
"teddy-card__availability--success": "_teddy-card__availability--
|
|
56
|
-
"teddy-card__availability--warning": "_teddy-card__availability--
|
|
57
|
-
"teddy-card__availability--error": "_teddy-card__availability--
|
|
58
|
-
"teddy-card__availability--special": "_teddy-card__availability--
|
|
59
|
-
"teddy-card__availability--neutral": "_teddy-card__availability--
|
|
60
|
-
"teddy-card__availability--information": "_teddy-card__availability--
|
|
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-
|
|
9
|
-
"teddy-card__slot": "_teddy-
|
|
10
|
-
"teddy-card__slot--bottom": "_teddy-card__slot--
|
|
11
|
-
"teddy-card__slot--center": "_teddy-card__slot--
|
|
12
|
-
"teddy-card__slot--no-translate": "_teddy-card__slot--no-
|
|
13
|
-
"teddy-card--shadow": "_teddy-card--
|
|
14
|
-
"teddy-card__action": "_teddy-
|
|
15
|
-
"teddy-card__action--disabled": "_teddy-card__action--
|
|
16
|
-
"teddy-card--border": "_teddy-card--
|
|
17
|
-
"teddy-card--layout": "_teddy-card--
|
|
18
|
-
"teddy-card__illustration": "_teddy-
|
|
19
|
-
"teddy-card__carousel": "_teddy-
|
|
20
|
-
"teddy-card__content": "_teddy-
|
|
21
|
-
"teddy-card__heading": "_teddy-
|
|
22
|
-
"teddy-card__action-wrapper": "_teddy-card__action-
|
|
23
|
-
"teddy-card__footer": "_teddy-
|
|
24
|
-
"teddy-card__overline": "_teddy-
|
|
25
|
-
"teddy-card__description": "_teddy-
|
|
26
|
-
"teddy-card__color-dots": "_teddy-card__color-
|
|
27
|
-
"teddy-card__availability": "_teddy-
|
|
28
|
-
"teddy-card__price": "_teddy-
|
|
29
|
-
"teddy-card--default": "_teddy-card--
|
|
30
|
-
"teddy-card--navigation-vertical": "_teddy-card--navigation-
|
|
31
|
-
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-
|
|
32
|
-
"teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-
|
|
33
|
-
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-
|
|
34
|
-
"teddy-card--rich-card": "_teddy-card--rich-
|
|
35
|
-
"teddy-card--rich-card-large": "_teddy-card--rich-card-
|
|
36
|
-
"teddy-card__line": "_teddy-
|
|
37
|
-
"teddy-card--purple-light": "_teddy-card--purple-
|
|
38
|
-
"teddy-card--purple-dark": "_teddy-card--purple-
|
|
39
|
-
"teddy-card--white": "_teddy-card--
|
|
40
|
-
"teddy-card--gray": "_teddy-card--
|
|
41
|
-
"teddy-card--beige": "_teddy-card--
|
|
42
|
-
"teddy-card--product": "_teddy-card--
|
|
43
|
-
"teddy-card__price--big": "_teddy-card__price--
|
|
44
|
-
"teddy-card__image--as-background": "_teddy-card__image--as-
|
|
45
|
-
"teddy-card--background-image": "_teddy-card--background-
|
|
46
|
-
"teddy-card__illustration--rounded": "_teddy-card__illustration--
|
|
47
|
-
"teddy-card__inset": "_teddy-
|
|
48
|
-
"teddy-card__inset--top": "_teddy-card__inset--
|
|
49
|
-
"teddy-card__inset--left": "_teddy-card__inset--
|
|
50
|
-
"teddy-card__inset--right": "_teddy-card__inset--
|
|
51
|
-
"teddy-card__inset--bottom": "_teddy-card__inset--
|
|
52
|
-
"teddy-card__availability--badge": "_teddy-card__availability--
|
|
53
|
-
"teddy-card__availability--success": "_teddy-card__availability--
|
|
54
|
-
"teddy-card__availability--warning": "_teddy-card__availability--
|
|
55
|
-
"teddy-card__availability--error": "_teddy-card__availability--
|
|
56
|
-
"teddy-card__availability--special": "_teddy-card__availability--
|
|
57
|
-
"teddy-card__availability--neutral": "_teddy-card__availability--
|
|
58
|
-
"teddy-card__availability--information": "_teddy-card__availability--
|
|
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-
|
|
12
|
-
"teddy-carousel__arrow": "_teddy-
|
|
13
|
-
"teddy-carousel__item": "_teddy-
|
|
14
|
-
"teddy-carousel--sm": "_teddy-carousel--
|
|
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,
|
|
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-
|
|
10
|
-
"teddy-carousel__arrow": "_teddy-
|
|
11
|
-
"teddy-carousel__item": "_teddy-
|
|
12
|
-
"teddy-carousel--sm": "_teddy-carousel--
|
|
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,
|
|
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-
|
|
137
|
-
"teddy-modal__content": "_teddy-
|
|
138
|
-
"teddy-modal__scroll": "_teddy-
|
|
139
|
-
"teddy-modal__image": "_teddy-
|
|
140
|
-
"teddy-modal__close--floating": "_teddy-modal__close--
|
|
141
|
-
"teddy-modal__group": "_teddy-
|
|
142
|
-
"teddy-modal__group--title": "_teddy-modal__group--
|
|
143
|
-
"teddy-modal__group--scroll": "_teddy-modal__group--
|
|
144
|
-
"teddy-modal__group--action": "_teddy-modal__group--
|
|
145
|
-
"modal-overlay-no-op": "_modal-overlay-no-
|
|
146
|
-
"teddy-fade-in": "_teddy-fade-
|
|
147
|
-
"teddy-fade-out": "_teddy-fade-
|
|
148
|
-
"modal-content-show": "_modal-content-
|
|
149
|
-
"modal-content-hide": "_modal-content-
|
|
150
|
-
"teddy-overlay-no-op": "_teddy-overlay-no-
|
|
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-
|
|
116
|
-
"teddy-modal__content": "_teddy-
|
|
117
|
-
"teddy-modal__scroll": "_teddy-
|
|
118
|
-
"teddy-modal__image": "_teddy-
|
|
119
|
-
"teddy-modal__close--floating": "_teddy-modal__close--
|
|
120
|
-
"teddy-modal__group": "_teddy-
|
|
121
|
-
"teddy-modal__group--title": "_teddy-modal__group--
|
|
122
|
-
"teddy-modal__group--scroll": "_teddy-modal__group--
|
|
123
|
-
"teddy-modal__group--action": "_teddy-modal__group--
|
|
124
|
-
"modal-overlay-no-op": "_modal-overlay-no-
|
|
125
|
-
"teddy-fade-in": "_teddy-fade-
|
|
126
|
-
"teddy-fade-out": "_teddy-fade-
|
|
127
|
-
"modal-content-show": "_modal-content-
|
|
128
|
-
"modal-content-hide": "_modal-content-
|
|
129
|
-
"teddy-overlay-no-op": "_teddy-overlay-no-
|
|
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-
|
|
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-
|
|
2515
|
+
._teddy-card_1hgp8_3 {
|
|
2516
2516
|
transition: background-color var(--teddy-motion-duration-300) ease;
|
|
2517
2517
|
}
|
|
2518
2518
|
}
|
|
2519
|
-
._teddy-
|
|
2519
|
+
._teddy-card__slot_1hgp8_13 {
|
|
2520
2520
|
transform: translateY(-50%);
|
|
2521
2521
|
}
|
|
2522
|
-
._teddy-card__slot--
|
|
2522
|
+
._teddy-card__slot--bottom_1hgp8_16 {
|
|
2523
2523
|
transform: translateY(50%);
|
|
2524
2524
|
}
|
|
2525
|
-
._teddy-card__slot--
|
|
2525
|
+
._teddy-card__slot--center_1hgp8_19 {
|
|
2526
2526
|
transform: translate(-50%, -50%);
|
|
2527
2527
|
}
|
|
2528
|
-
._teddy-card__slot--
|
|
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-
|
|
2531
|
+
._teddy-card__slot--no-translate_1hgp8_25 {
|
|
2532
2532
|
transform: initial;
|
|
2533
2533
|
}
|
|
2534
|
-
._teddy-
|
|
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-
|
|
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--
|
|
2550
|
+
._teddy-card--shadow_1hgp8_44::before {
|
|
2551
2551
|
opacity: 1;
|
|
2552
2552
|
box-shadow: var(--teddy-shadow-sm-2);
|
|
2553
2553
|
}
|
|
2554
|
-
._teddy-
|
|
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-
|
|
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--
|
|
2561
|
+
._teddy-card--border_1hgp8_55 {
|
|
2562
2562
|
border: var(--teddy-border-width-xs) solid transparent;
|
|
2563
2563
|
}
|
|
2564
|
-
._teddy-card--
|
|
2564
|
+
._teddy-card--layout_1hgp8_58 ._teddy-card__illustration_1hgp8_58 {
|
|
2565
2565
|
grid-area: illustration;
|
|
2566
2566
|
}
|
|
2567
|
-
._teddy-card--
|
|
2567
|
+
._teddy-card--layout_1hgp8_58 ._teddy-card__carousel_1hgp8_61 {
|
|
2568
2568
|
grid-area: carousel;
|
|
2569
2569
|
}
|
|
2570
|
-
._teddy-card--
|
|
2570
|
+
._teddy-card--layout_1hgp8_58 ._teddy-card__content_1hgp8_64 {
|
|
2571
2571
|
grid-area: content;
|
|
2572
2572
|
}
|
|
2573
|
-
._teddy-card--
|
|
2573
|
+
._teddy-card--layout_1hgp8_58 ._teddy-card__heading_1hgp8_67 {
|
|
2574
2574
|
grid-area: heading;
|
|
2575
2575
|
}
|
|
2576
|
-
._teddy-card--
|
|
2576
|
+
._teddy-card--layout_1hgp8_58 ._teddy-card__action-wrapper_1hgp8_70 {
|
|
2577
2577
|
grid-area: action;
|
|
2578
2578
|
}
|
|
2579
|
-
._teddy-card--
|
|
2579
|
+
._teddy-card--layout_1hgp8_58 ._teddy-card__footer_1hgp8_73 {
|
|
2580
2580
|
grid-area: footer;
|
|
2581
2581
|
}
|
|
2582
|
-
._teddy-card--
|
|
2582
|
+
._teddy-card--layout_1hgp8_58 ._teddy-card__overline_1hgp8_76 {
|
|
2583
2583
|
grid-area: overline;
|
|
2584
2584
|
}
|
|
2585
|
-
._teddy-card--
|
|
2585
|
+
._teddy-card--layout_1hgp8_58 ._teddy-card__description_1hgp8_79 {
|
|
2586
2586
|
grid-area: description;
|
|
2587
2587
|
}
|
|
2588
|
-
._teddy-card--
|
|
2588
|
+
._teddy-card--layout_1hgp8_58 ._teddy-card__color-dots_1hgp8_82 {
|
|
2589
2589
|
grid-area: colors;
|
|
2590
2590
|
}
|
|
2591
|
-
._teddy-card--
|
|
2591
|
+
._teddy-card--layout_1hgp8_58 ._teddy-card__availability_1hgp8_85 {
|
|
2592
2592
|
grid-area: availability;
|
|
2593
2593
|
}
|
|
2594
|
-
._teddy-card--
|
|
2594
|
+
._teddy-card--layout_1hgp8_58 ._teddy-card__price_1hgp8_88 {
|
|
2595
2595
|
grid-area: price;
|
|
2596
2596
|
}
|
|
2597
|
-
._teddy-card--
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
2847
|
+
._teddy-card--product_1hgp8_292 ._teddy-card__overline_1hgp8_76 {
|
|
2848
2848
|
margin-bottom: var(--teddy-spacing-50);
|
|
2849
2849
|
}
|
|
2850
|
-
._teddy-card--
|
|
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
|
-
|
|
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--
|
|
2861
|
+
._teddy-card--product_1hgp8_292 ._teddy-card__content_1hgp8_64 {
|
|
2858
2862
|
margin-bottom: var(--teddy-spacing-200);
|
|
2859
2863
|
}
|
|
2860
|
-
._teddy-card--
|
|
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--
|
|
2869
|
+
._teddy-card--product_1hgp8_292 ._teddy-card__price_1hgp8_88 {
|
|
2866
2870
|
display: flex;
|
|
2867
2871
|
}
|
|
2868
|
-
._teddy-card--
|
|
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-
|
|
2875
|
+
._teddy-card_1hgp8_3:has(._teddy-card__image--as-background_1hgp8_369) {
|
|
2872
2876
|
background-color: transparent;
|
|
2873
2877
|
}
|
|
2874
|
-
._teddy-
|
|
2878
|
+
._teddy-card__heading_1hgp8_67 {
|
|
2875
2879
|
color: inherit;
|
|
2876
2880
|
}
|
|
2877
|
-
._teddy-card--background-
|
|
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--
|
|
2886
|
+
._teddy-card__illustration--rounded_1hgp8_380 {
|
|
2883
2887
|
border-radius: inherit;
|
|
2884
2888
|
overflow: hidden;
|
|
2885
2889
|
}
|
|
2886
|
-
._teddy-
|
|
2890
|
+
._teddy-card__inset_1hgp8_384 {
|
|
2887
2891
|
overflow: hidden;
|
|
2888
2892
|
}
|
|
2889
|
-
._teddy-card__inset--
|
|
2893
|
+
._teddy-card__inset--top_1hgp8_387 {
|
|
2890
2894
|
margin-top: calc(var(--teddy-spacing-250) * -1);
|
|
2891
2895
|
}
|
|
2892
|
-
._teddy-card__inset--
|
|
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--
|
|
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--
|
|
2902
|
+
._teddy-card__inset--bottom_1hgp8_396 {
|
|
2899
2903
|
margin-bottom: calc(var(--teddy-spacing-250) * -1);
|
|
2900
2904
|
}
|
|
2901
|
-
._teddy-card__inset--
|
|
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--
|
|
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--
|
|
2911
|
+
._teddy-card__inset--left_1hgp8_390 {
|
|
2908
2912
|
margin-left: calc(var(--teddy-spacing-250) * -1);
|
|
2909
2913
|
}
|
|
2910
|
-
._teddy-card__inset--
|
|
2914
|
+
._teddy-card__inset--right_1hgp8_393 {
|
|
2911
2915
|
margin-right: calc(var(--teddy-spacing-250) * -1);
|
|
2912
2916
|
}
|
|
2913
|
-
._teddy-card__availability--
|
|
2917
|
+
._teddy-card__availability--badge_1hgp8_411 {
|
|
2914
2918
|
margin-right: var(--teddy-spacing-150);
|
|
2915
2919
|
}
|
|
2916
|
-
._teddy-card__availability--
|
|
2920
|
+
._teddy-card__availability--success_1hgp8_414 {
|
|
2917
2921
|
color: var(--teddy-color-text-status-success-strong);
|
|
2918
2922
|
}
|
|
2919
|
-
._teddy-card__availability--
|
|
2923
|
+
._teddy-card__availability--warning_1hgp8_417 {
|
|
2920
2924
|
color: var(--teddy-color-text-status-warning-strong);
|
|
2921
2925
|
}
|
|
2922
|
-
._teddy-card__availability--
|
|
2926
|
+
._teddy-card__availability--error_1hgp8_420 {
|
|
2923
2927
|
color: var(--teddy-color-text-status-error-strong);
|
|
2924
2928
|
}
|
|
2925
|
-
._teddy-card__availability--
|
|
2929
|
+
._teddy-card__availability--special_1hgp8_423 {
|
|
2926
2930
|
color: var(--teddy-color-text-status-special);
|
|
2927
2931
|
}
|
|
2928
|
-
._teddy-card__availability--
|
|
2932
|
+
._teddy-card__availability--neutral_1hgp8_426 {
|
|
2929
2933
|
color: var(--teddy-color-text-status-neutral);
|
|
2930
2934
|
}
|
|
2931
|
-
._teddy-card__availability--
|
|
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-
|
|
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-
|
|
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-
|
|
3590
|
+
._teddy-carousel__item_1pdex_21 {
|
|
3584
3591
|
display: flex !important;
|
|
3585
3592
|
justify-content: center;
|
|
3586
3593
|
}
|
|
3587
|
-
._teddy-
|
|
3588
|
-
._teddy-
|
|
3594
|
+
._teddy-carousel_1pdex_2 .slick-prev:before,
|
|
3595
|
+
._teddy-carousel_1pdex_2 .slick-next:before {
|
|
3589
3596
|
content: "";
|
|
3590
3597
|
}
|
|
3591
|
-
._teddy-
|
|
3598
|
+
._teddy-carousel_1pdex_2 .slick-disabled {
|
|
3592
3599
|
cursor: initial;
|
|
3593
3600
|
opacity: 0.3;
|
|
3594
3601
|
}
|
|
3595
|
-
._teddy-
|
|
3602
|
+
._teddy-carousel_1pdex_2 .slick-track {
|
|
3596
3603
|
display: flex;
|
|
3597
3604
|
}
|
|
3598
|
-
._teddy-
|
|
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-
|
|
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-
|
|
3620
|
+
._teddy-carousel_1pdex_2 .slick-next {
|
|
3614
3621
|
right: 0;
|
|
3622
|
+
color: var(--teddy-color-purple-700);
|
|
3615
3623
|
}
|
|
3616
|
-
._teddy-
|
|
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-
|
|
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-
|
|
3645
|
+
._teddy-carousel_1pdex_2 .slick-dots button {
|
|
3625
3646
|
width: 24px;
|
|
3626
3647
|
height: 24px;
|
|
3627
3648
|
}
|
|
3628
|
-
._teddy-
|
|
3649
|
+
._teddy-carousel_1pdex_2 .slick-dots button:before {
|
|
3629
3650
|
width: 24px;
|
|
3630
3651
|
height: 24px;
|
|
3631
3652
|
}
|
|
3632
|
-
._teddy-
|
|
3653
|
+
._teddy-carousel_1pdex_2 .slick-dots button:hover:before {
|
|
3633
3654
|
color: var(--teddy-color-purple-700);
|
|
3634
3655
|
}
|
|
3635
|
-
._teddy-
|
|
3656
|
+
._teddy-carousel_1pdex_2 .slick-dots .slick-active button:before {
|
|
3636
3657
|
color: var(--teddy-color-purple-700);
|
|
3637
3658
|
}
|
|
3638
|
-
._teddy-
|
|
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-
|
|
3665
|
+
._teddy-carousel_1pdex_2 .slick-dots li button:before {
|
|
3645
3666
|
font-size: 1rem;
|
|
3646
3667
|
}
|
|
3647
|
-
._teddy-carousel--
|
|
3668
|
+
._teddy-carousel--sm_1pdex_99 {
|
|
3648
3669
|
height: 180px;
|
|
3649
3670
|
}
|
|
3650
|
-
._teddy-carousel--
|
|
3671
|
+
._teddy-carousel--sm_1pdex_99 .slick-slide > div {
|
|
3651
3672
|
height: 170px;
|
|
3652
3673
|
}
|
|
3653
|
-
._teddy-carousel--
|
|
3674
|
+
._teddy-carousel--sm_1pdex_99 .slick-slide img {
|
|
3654
3675
|
max-width: 8rem;
|
|
3655
3676
|
max-height: 10rem;
|
|
3656
3677
|
}
|
|
3657
|
-
._teddy-carousel--
|
|
3658
|
-
right: 0.5rem;
|
|
3678
|
+
._teddy-carousel--sm_1pdex_99 .slick-next {
|
|
3679
|
+
right: -0.5rem;
|
|
3659
3680
|
}
|
|
3660
|
-
._teddy-carousel--
|
|
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--
|
|
3685
|
+
._teddy-carousel--sm_1pdex_99 .slick-next {
|
|
3665
3686
|
right: 0rem;
|
|
3666
3687
|
}
|
|
3667
|
-
._teddy-carousel--
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4484
|
+
._teddy-modal__scroll_lkqhu_55 {
|
|
4464
4485
|
overflow: auto;
|
|
4465
4486
|
padding-inline: var(--teddy-spacing-300);
|
|
4466
4487
|
}
|
|
4467
|
-
._teddy-
|
|
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--
|
|
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--
|
|
4504
|
+
._teddy-modal__close--floating_lkqhu_69 {
|
|
4484
4505
|
top: var(--teddy-spacing-50);
|
|
4485
4506
|
}
|
|
4486
4507
|
}
|
|
4487
|
-
._teddy-
|
|
4508
|
+
._teddy-modal__group_lkqhu_79 {
|
|
4488
4509
|
width: 100%;
|
|
4489
4510
|
margin-bottom: var(--teddy-spacing-200);
|
|
4490
4511
|
}
|
|
4491
|
-
._teddy-modal__group--
|
|
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--
|
|
4519
|
+
._teddy-modal__group--title_lkqhu_83 {
|
|
4499
4520
|
padding-top: var(--teddy-spacing-250);
|
|
4500
4521
|
}
|
|
4501
4522
|
}
|
|
4502
|
-
._teddy-modal__group--
|
|
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--
|
|
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--
|
|
4532
|
+
._teddy-modal__group--action_lkqhu_103 {
|
|
4512
4533
|
height: 100%;
|
|
4513
4534
|
position: sticky;
|
|
4514
4535
|
inset: auto 0 0 0;
|
|
4515
|
-
margin:
|
|
4516
|
-
padding: var(--teddy-spacing-200)
|
|
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--
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4576
|
+
._teddy-modal__overlay_lkqhu_25 {
|
|
4558
4577
|
/* Keep the overlay mounted until the children have animated */
|
|
4559
4578
|
}
|
|
4560
|
-
._teddy-
|
|
4561
|
-
animation: _modal-overlay-no-
|
|
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-
|
|
4564
|
-
animation: _teddy-fade-
|
|
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-
|
|
4567
|
-
animation: _teddy-fade-
|
|
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-
|
|
4570
|
-
animation: _modal-content-
|
|
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-
|
|
4573
|
-
animation: _modal-content-
|
|
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);
|