@telia/teddy 0.4.0 → 0.4.2
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 +57 -53
- package/dist/components/card/card.js +57 -53
- package/dist/style.css +119 -119
- package/package.json +1 -1
|
@@ -7,58 +7,58 @@ 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--beige-light": "_teddy-card--beige-
|
|
45
|
-
"teddy-card--product": "_teddy-card--
|
|
46
|
-
"teddy-card__price--big": "_teddy-card__price--
|
|
47
|
-
"teddy-card__image--as-background": "_teddy-card__image--as-
|
|
48
|
-
"teddy-card--background-image": "_teddy-card--background-
|
|
49
|
-
"teddy-card__illustration--rounded": "_teddy-card__illustration--
|
|
50
|
-
"teddy-card__inset": "_teddy-
|
|
51
|
-
"teddy-card__inset--top": "_teddy-card__inset--
|
|
52
|
-
"teddy-card__inset--left": "_teddy-card__inset--
|
|
53
|
-
"teddy-card__inset--right": "_teddy-card__inset--
|
|
54
|
-
"teddy-card__inset--bottom": "_teddy-card__inset--
|
|
55
|
-
"teddy-card__availability--badge": "_teddy-card__availability--
|
|
56
|
-
"teddy-card__availability--success": "_teddy-card__availability--
|
|
57
|
-
"teddy-card__availability--warning": "_teddy-card__availability--
|
|
58
|
-
"teddy-card__availability--error": "_teddy-card__availability--
|
|
59
|
-
"teddy-card__availability--special": "_teddy-card__availability--
|
|
60
|
-
"teddy-card__availability--neutral": "_teddy-card__availability--
|
|
61
|
-
"teddy-card__availability--information": "_teddy-card__availability--
|
|
10
|
+
"teddy-card": "_teddy-card_6pylp_3",
|
|
11
|
+
"teddy-card__slot": "_teddy-card__slot_6pylp_13",
|
|
12
|
+
"teddy-card__slot--bottom": "_teddy-card__slot--bottom_6pylp_16",
|
|
13
|
+
"teddy-card__slot--center": "_teddy-card__slot--center_6pylp_19",
|
|
14
|
+
"teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_6pylp_25",
|
|
15
|
+
"teddy-card--shadow": "_teddy-card--shadow_6pylp_44",
|
|
16
|
+
"teddy-card__action": "_teddy-card__action_6pylp_47",
|
|
17
|
+
"teddy-card__action--disabled": "_teddy-card__action--disabled_6pylp_47",
|
|
18
|
+
"teddy-card--border": "_teddy-card--border_6pylp_54",
|
|
19
|
+
"teddy-card--layout": "_teddy-card--layout_6pylp_57",
|
|
20
|
+
"teddy-card__illustration": "_teddy-card__illustration_6pylp_57",
|
|
21
|
+
"teddy-card__carousel": "_teddy-card__carousel_6pylp_60",
|
|
22
|
+
"teddy-card__content": "_teddy-card__content_6pylp_63",
|
|
23
|
+
"teddy-card__heading": "_teddy-card__heading_6pylp_66",
|
|
24
|
+
"teddy-card__action-wrapper": "_teddy-card__action-wrapper_6pylp_69",
|
|
25
|
+
"teddy-card__footer": "_teddy-card__footer_6pylp_72",
|
|
26
|
+
"teddy-card__overline": "_teddy-card__overline_6pylp_75",
|
|
27
|
+
"teddy-card__description": "_teddy-card__description_6pylp_78",
|
|
28
|
+
"teddy-card__color-dots": "_teddy-card__color-dots_6pylp_81",
|
|
29
|
+
"teddy-card__availability": "_teddy-card__availability_6pylp_84",
|
|
30
|
+
"teddy-card__price": "_teddy-card__price_6pylp_87",
|
|
31
|
+
"teddy-card--default": "_teddy-card--default_6pylp_90",
|
|
32
|
+
"teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_6pylp_95",
|
|
33
|
+
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_6pylp_115",
|
|
34
|
+
"teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_6pylp_127",
|
|
35
|
+
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_6pylp_149",
|
|
36
|
+
"teddy-card--rich-card": "_teddy-card--rich-card_6pylp_161",
|
|
37
|
+
"teddy-card--rich-card-large": "_teddy-card--rich-card-large_6pylp_180",
|
|
38
|
+
"teddy-card__line": "_teddy-card__line_6pylp_212",
|
|
39
|
+
"teddy-card--purple-light": "_teddy-card--purple-light_6pylp_216",
|
|
40
|
+
"teddy-card--purple-dark": "_teddy-card--purple-dark_6pylp_230",
|
|
41
|
+
"teddy-card--white": "_teddy-card--white_6pylp_249",
|
|
42
|
+
"teddy-card--gray": "_teddy-card--gray_6pylp_263",
|
|
43
|
+
"teddy-card--beige": "_teddy-card--beige_6pylp_277",
|
|
44
|
+
"teddy-card--beige-light": "_teddy-card--beige-light_6pylp_291",
|
|
45
|
+
"teddy-card--product": "_teddy-card--product_6pylp_305",
|
|
46
|
+
"teddy-card__price--big": "_teddy-card__price--big_6pylp_379",
|
|
47
|
+
"teddy-card__image--as-background": "_teddy-card__image--as-background_6pylp_382",
|
|
48
|
+
"teddy-card--background-image": "_teddy-card--background-image_6pylp_388",
|
|
49
|
+
"teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_6pylp_393",
|
|
50
|
+
"teddy-card__inset": "_teddy-card__inset_6pylp_397",
|
|
51
|
+
"teddy-card__inset--top": "_teddy-card__inset--top_6pylp_400",
|
|
52
|
+
"teddy-card__inset--left": "_teddy-card__inset--left_6pylp_403",
|
|
53
|
+
"teddy-card__inset--right": "_teddy-card__inset--right_6pylp_406",
|
|
54
|
+
"teddy-card__inset--bottom": "_teddy-card__inset--bottom_6pylp_409",
|
|
55
|
+
"teddy-card__availability--badge": "_teddy-card__availability--badge_6pylp_424",
|
|
56
|
+
"teddy-card__availability--success": "_teddy-card__availability--success_6pylp_427",
|
|
57
|
+
"teddy-card__availability--warning": "_teddy-card__availability--warning_6pylp_430",
|
|
58
|
+
"teddy-card__availability--error": "_teddy-card__availability--error_6pylp_433",
|
|
59
|
+
"teddy-card__availability--special": "_teddy-card__availability--special_6pylp_436",
|
|
60
|
+
"teddy-card__availability--neutral": "_teddy-card__availability--neutral_6pylp_439",
|
|
61
|
+
"teddy-card__availability--information": "_teddy-card__availability--information_6pylp_442"
|
|
62
62
|
};
|
|
63
63
|
const rootClassName = "teddy-card";
|
|
64
64
|
const actionElementIdentifier = `${rootClassName}__action`;
|
|
@@ -100,9 +100,13 @@ const Root = React.forwardRef(
|
|
|
100
100
|
...props,
|
|
101
101
|
className: classes,
|
|
102
102
|
style: customStyle,
|
|
103
|
-
|
|
103
|
+
onClick: utils_composeEventHandlers.composeEventHandlers(props.onClick, (e) => {
|
|
104
|
+
const isClickInsideCard = e.currentTarget.contains(e.target);
|
|
105
|
+
if (!isClickInsideCard)
|
|
106
|
+
return;
|
|
104
107
|
if (e.isDefaultPrevented())
|
|
105
108
|
return;
|
|
109
|
+
e.stopPropagation();
|
|
106
110
|
if (linkRef.current && e.target !== linkRef.current)
|
|
107
111
|
return linkRef.current.click();
|
|
108
112
|
if (buttonRef.current && e.target !== buttonRef.current)
|
|
@@ -5,58 +5,58 @@ 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--beige-light": "_teddy-card--beige-
|
|
43
|
-
"teddy-card--product": "_teddy-card--
|
|
44
|
-
"teddy-card__price--big": "_teddy-card__price--
|
|
45
|
-
"teddy-card__image--as-background": "_teddy-card__image--as-
|
|
46
|
-
"teddy-card--background-image": "_teddy-card--background-
|
|
47
|
-
"teddy-card__illustration--rounded": "_teddy-card__illustration--
|
|
48
|
-
"teddy-card__inset": "_teddy-
|
|
49
|
-
"teddy-card__inset--top": "_teddy-card__inset--
|
|
50
|
-
"teddy-card__inset--left": "_teddy-card__inset--
|
|
51
|
-
"teddy-card__inset--right": "_teddy-card__inset--
|
|
52
|
-
"teddy-card__inset--bottom": "_teddy-card__inset--
|
|
53
|
-
"teddy-card__availability--badge": "_teddy-card__availability--
|
|
54
|
-
"teddy-card__availability--success": "_teddy-card__availability--
|
|
55
|
-
"teddy-card__availability--warning": "_teddy-card__availability--
|
|
56
|
-
"teddy-card__availability--error": "_teddy-card__availability--
|
|
57
|
-
"teddy-card__availability--special": "_teddy-card__availability--
|
|
58
|
-
"teddy-card__availability--neutral": "_teddy-card__availability--
|
|
59
|
-
"teddy-card__availability--information": "_teddy-card__availability--
|
|
8
|
+
"teddy-card": "_teddy-card_6pylp_3",
|
|
9
|
+
"teddy-card__slot": "_teddy-card__slot_6pylp_13",
|
|
10
|
+
"teddy-card__slot--bottom": "_teddy-card__slot--bottom_6pylp_16",
|
|
11
|
+
"teddy-card__slot--center": "_teddy-card__slot--center_6pylp_19",
|
|
12
|
+
"teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_6pylp_25",
|
|
13
|
+
"teddy-card--shadow": "_teddy-card--shadow_6pylp_44",
|
|
14
|
+
"teddy-card__action": "_teddy-card__action_6pylp_47",
|
|
15
|
+
"teddy-card__action--disabled": "_teddy-card__action--disabled_6pylp_47",
|
|
16
|
+
"teddy-card--border": "_teddy-card--border_6pylp_54",
|
|
17
|
+
"teddy-card--layout": "_teddy-card--layout_6pylp_57",
|
|
18
|
+
"teddy-card__illustration": "_teddy-card__illustration_6pylp_57",
|
|
19
|
+
"teddy-card__carousel": "_teddy-card__carousel_6pylp_60",
|
|
20
|
+
"teddy-card__content": "_teddy-card__content_6pylp_63",
|
|
21
|
+
"teddy-card__heading": "_teddy-card__heading_6pylp_66",
|
|
22
|
+
"teddy-card__action-wrapper": "_teddy-card__action-wrapper_6pylp_69",
|
|
23
|
+
"teddy-card__footer": "_teddy-card__footer_6pylp_72",
|
|
24
|
+
"teddy-card__overline": "_teddy-card__overline_6pylp_75",
|
|
25
|
+
"teddy-card__description": "_teddy-card__description_6pylp_78",
|
|
26
|
+
"teddy-card__color-dots": "_teddy-card__color-dots_6pylp_81",
|
|
27
|
+
"teddy-card__availability": "_teddy-card__availability_6pylp_84",
|
|
28
|
+
"teddy-card__price": "_teddy-card__price_6pylp_87",
|
|
29
|
+
"teddy-card--default": "_teddy-card--default_6pylp_90",
|
|
30
|
+
"teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_6pylp_95",
|
|
31
|
+
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_6pylp_115",
|
|
32
|
+
"teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_6pylp_127",
|
|
33
|
+
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_6pylp_149",
|
|
34
|
+
"teddy-card--rich-card": "_teddy-card--rich-card_6pylp_161",
|
|
35
|
+
"teddy-card--rich-card-large": "_teddy-card--rich-card-large_6pylp_180",
|
|
36
|
+
"teddy-card__line": "_teddy-card__line_6pylp_212",
|
|
37
|
+
"teddy-card--purple-light": "_teddy-card--purple-light_6pylp_216",
|
|
38
|
+
"teddy-card--purple-dark": "_teddy-card--purple-dark_6pylp_230",
|
|
39
|
+
"teddy-card--white": "_teddy-card--white_6pylp_249",
|
|
40
|
+
"teddy-card--gray": "_teddy-card--gray_6pylp_263",
|
|
41
|
+
"teddy-card--beige": "_teddy-card--beige_6pylp_277",
|
|
42
|
+
"teddy-card--beige-light": "_teddy-card--beige-light_6pylp_291",
|
|
43
|
+
"teddy-card--product": "_teddy-card--product_6pylp_305",
|
|
44
|
+
"teddy-card__price--big": "_teddy-card__price--big_6pylp_379",
|
|
45
|
+
"teddy-card__image--as-background": "_teddy-card__image--as-background_6pylp_382",
|
|
46
|
+
"teddy-card--background-image": "_teddy-card--background-image_6pylp_388",
|
|
47
|
+
"teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_6pylp_393",
|
|
48
|
+
"teddy-card__inset": "_teddy-card__inset_6pylp_397",
|
|
49
|
+
"teddy-card__inset--top": "_teddy-card__inset--top_6pylp_400",
|
|
50
|
+
"teddy-card__inset--left": "_teddy-card__inset--left_6pylp_403",
|
|
51
|
+
"teddy-card__inset--right": "_teddy-card__inset--right_6pylp_406",
|
|
52
|
+
"teddy-card__inset--bottom": "_teddy-card__inset--bottom_6pylp_409",
|
|
53
|
+
"teddy-card__availability--badge": "_teddy-card__availability--badge_6pylp_424",
|
|
54
|
+
"teddy-card__availability--success": "_teddy-card__availability--success_6pylp_427",
|
|
55
|
+
"teddy-card__availability--warning": "_teddy-card__availability--warning_6pylp_430",
|
|
56
|
+
"teddy-card__availability--error": "_teddy-card__availability--error_6pylp_433",
|
|
57
|
+
"teddy-card__availability--special": "_teddy-card__availability--special_6pylp_436",
|
|
58
|
+
"teddy-card__availability--neutral": "_teddy-card__availability--neutral_6pylp_439",
|
|
59
|
+
"teddy-card__availability--information": "_teddy-card__availability--information_6pylp_442"
|
|
60
60
|
};
|
|
61
61
|
const rootClassName = "teddy-card";
|
|
62
62
|
const actionElementIdentifier = `${rootClassName}__action`;
|
|
@@ -98,9 +98,13 @@ const Root = React__default.forwardRef(
|
|
|
98
98
|
...props,
|
|
99
99
|
className: classes,
|
|
100
100
|
style: customStyle,
|
|
101
|
-
|
|
101
|
+
onClick: composeEventHandlers(props.onClick, (e) => {
|
|
102
|
+
const isClickInsideCard = e.currentTarget.contains(e.target);
|
|
103
|
+
if (!isClickInsideCard)
|
|
104
|
+
return;
|
|
102
105
|
if (e.isDefaultPrevented())
|
|
103
106
|
return;
|
|
107
|
+
e.stopPropagation();
|
|
104
108
|
if (linkRef.current && e.target !== linkRef.current)
|
|
105
109
|
return linkRef.current.click();
|
|
106
110
|
if (buttonRef.current && e.target !== buttonRef.current)
|
package/dist/style.css
CHANGED
|
@@ -2799,32 +2799,32 @@
|
|
|
2799
2799
|
}
|
|
2800
2800
|
}@layer heading, flex, grid, button, card;
|
|
2801
2801
|
@layer card {
|
|
2802
|
-
._teddy-
|
|
2802
|
+
._teddy-card_6pylp_3 {
|
|
2803
2803
|
border-radius: var(--teddy-border-radius-md);
|
|
2804
2804
|
padding: var(--teddy-spacing-250);
|
|
2805
2805
|
position: relative;
|
|
2806
2806
|
}
|
|
2807
2807
|
@media (prefers-reduced-motion: no-preference) {
|
|
2808
|
-
._teddy-
|
|
2809
|
-
transition: background-color var(--teddy-motion-duration-
|
|
2808
|
+
._teddy-card_6pylp_3 {
|
|
2809
|
+
transition: background-color var(--teddy-motion-duration-100) ease;
|
|
2810
2810
|
}
|
|
2811
2811
|
}
|
|
2812
|
-
._teddy-
|
|
2812
|
+
._teddy-card__slot_6pylp_13 {
|
|
2813
2813
|
transform: translateY(-50%);
|
|
2814
2814
|
}
|
|
2815
|
-
._teddy-card__slot--
|
|
2815
|
+
._teddy-card__slot--bottom_6pylp_16 {
|
|
2816
2816
|
transform: translateY(50%);
|
|
2817
2817
|
}
|
|
2818
|
-
._teddy-card__slot--
|
|
2818
|
+
._teddy-card__slot--center_6pylp_19 {
|
|
2819
2819
|
transform: translate(-50%, -50%);
|
|
2820
2820
|
}
|
|
2821
|
-
._teddy-card__slot--
|
|
2821
|
+
._teddy-card__slot--bottom_6pylp_16._teddy-card__slot--center_6pylp_19 {
|
|
2822
2822
|
transform: translate(-50%, 50%);
|
|
2823
2823
|
}
|
|
2824
|
-
._teddy-card__slot--no-
|
|
2824
|
+
._teddy-card__slot--no-translate_6pylp_25 {
|
|
2825
2825
|
transform: initial;
|
|
2826
2826
|
}
|
|
2827
|
-
._teddy-
|
|
2827
|
+
._teddy-card_6pylp_3::before {
|
|
2828
2828
|
content: "";
|
|
2829
2829
|
display: block;
|
|
2830
2830
|
position: absolute;
|
|
@@ -2835,95 +2835,95 @@
|
|
|
2835
2835
|
box-shadow: var(--teddy-shadow-sm);
|
|
2836
2836
|
}
|
|
2837
2837
|
@media (prefers-reduced-motion: no-preference) {
|
|
2838
|
-
._teddy-
|
|
2838
|
+
._teddy-card_6pylp_3::before {
|
|
2839
2839
|
transition: var(--teddy-motion-duration-300) ease;
|
|
2840
2840
|
transition-property: opacity, box-shadow;
|
|
2841
2841
|
}
|
|
2842
2842
|
}
|
|
2843
|
-
._teddy-card--
|
|
2843
|
+
._teddy-card--shadow_6pylp_44::before {
|
|
2844
2844
|
opacity: 1;
|
|
2845
2845
|
}
|
|
2846
|
-
._teddy-
|
|
2846
|
+
._teddy-card_6pylp_3:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
|
|
2847
2847
|
cursor: pointer;
|
|
2848
2848
|
}
|
|
2849
|
-
._teddy-
|
|
2849
|
+
._teddy-card_6pylp_3:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)):hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47))::before {
|
|
2850
2850
|
opacity: 1;
|
|
2851
2851
|
box-shadow: var(--teddy-shadow-md);
|
|
2852
2852
|
}
|
|
2853
|
-
._teddy-card--
|
|
2853
|
+
._teddy-card--border_6pylp_54 {
|
|
2854
2854
|
border: var(--teddy-border-width-xs) solid transparent;
|
|
2855
2855
|
}
|
|
2856
|
-
._teddy-card--
|
|
2856
|
+
._teddy-card--layout_6pylp_57 ._teddy-card__illustration_6pylp_57 {
|
|
2857
2857
|
grid-area: illustration;
|
|
2858
2858
|
}
|
|
2859
|
-
._teddy-card--
|
|
2859
|
+
._teddy-card--layout_6pylp_57 ._teddy-card__carousel_6pylp_60 {
|
|
2860
2860
|
grid-area: carousel;
|
|
2861
2861
|
}
|
|
2862
|
-
._teddy-card--
|
|
2862
|
+
._teddy-card--layout_6pylp_57 ._teddy-card__content_6pylp_63 {
|
|
2863
2863
|
grid-area: content;
|
|
2864
2864
|
}
|
|
2865
|
-
._teddy-card--
|
|
2865
|
+
._teddy-card--layout_6pylp_57 ._teddy-card__heading_6pylp_66 {
|
|
2866
2866
|
grid-area: heading;
|
|
2867
2867
|
}
|
|
2868
|
-
._teddy-card--
|
|
2868
|
+
._teddy-card--layout_6pylp_57 ._teddy-card__action-wrapper_6pylp_69 {
|
|
2869
2869
|
grid-area: action;
|
|
2870
2870
|
}
|
|
2871
|
-
._teddy-card--
|
|
2871
|
+
._teddy-card--layout_6pylp_57 ._teddy-card__footer_6pylp_72 {
|
|
2872
2872
|
grid-area: footer;
|
|
2873
2873
|
}
|
|
2874
|
-
._teddy-card--
|
|
2874
|
+
._teddy-card--layout_6pylp_57 ._teddy-card__overline_6pylp_75 {
|
|
2875
2875
|
grid-area: overline;
|
|
2876
2876
|
}
|
|
2877
|
-
._teddy-card--
|
|
2877
|
+
._teddy-card--layout_6pylp_57 ._teddy-card__description_6pylp_78 {
|
|
2878
2878
|
grid-area: description;
|
|
2879
2879
|
}
|
|
2880
|
-
._teddy-card--
|
|
2880
|
+
._teddy-card--layout_6pylp_57 ._teddy-card__color-dots_6pylp_81 {
|
|
2881
2881
|
grid-area: colors;
|
|
2882
2882
|
}
|
|
2883
|
-
._teddy-card--
|
|
2883
|
+
._teddy-card--layout_6pylp_57 ._teddy-card__availability_6pylp_84 {
|
|
2884
2884
|
grid-area: availability;
|
|
2885
2885
|
}
|
|
2886
|
-
._teddy-card--
|
|
2886
|
+
._teddy-card--layout_6pylp_57 ._teddy-card__price_6pylp_87 {
|
|
2887
2887
|
grid-area: price;
|
|
2888
2888
|
}
|
|
2889
|
-
._teddy-card--
|
|
2889
|
+
._teddy-card--default_6pylp_90 {
|
|
2890
2890
|
display: flex;
|
|
2891
2891
|
flex-direction: column;
|
|
2892
2892
|
gap: var(--teddy-spacing-200);
|
|
2893
2893
|
}
|
|
2894
|
-
._teddy-card--navigation-
|
|
2894
|
+
._teddy-card--navigation-vertical_6pylp_95 {
|
|
2895
2895
|
grid-template-rows: auto auto 1fr auto;
|
|
2896
2896
|
justify-items: start;
|
|
2897
2897
|
justify-content: stretch;
|
|
2898
2898
|
align-items: baseline;
|
|
2899
2899
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2900
2900
|
}
|
|
2901
|
-
._teddy-card--navigation-
|
|
2901
|
+
._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__illustration_6pylp_57 {
|
|
2902
2902
|
margin-bottom: var(--teddy-spacing-200);
|
|
2903
2903
|
}
|
|
2904
|
-
._teddy-card--navigation-
|
|
2904
|
+
._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__content_6pylp_63 {
|
|
2905
2905
|
margin-bottom: var(--teddy-spacing-200);
|
|
2906
2906
|
}
|
|
2907
|
-
._teddy-card--navigation-
|
|
2907
|
+
._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__heading_6pylp_66 {
|
|
2908
2908
|
margin-bottom: var(--teddy-spacing-100);
|
|
2909
2909
|
}
|
|
2910
|
-
._teddy-card--navigation-
|
|
2910
|
+
._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__action-wrapper_6pylp_69 {
|
|
2911
2911
|
margin-top: auto;
|
|
2912
2912
|
justify-self: end;
|
|
2913
2913
|
}
|
|
2914
|
-
._teddy-card--navigation-horizontal-
|
|
2914
|
+
._teddy-card--navigation-horizontal-small_6pylp_115 {
|
|
2915
2915
|
grid-template-columns: auto 1fr auto;
|
|
2916
2916
|
grid-template-rows: auto 1fr;
|
|
2917
2917
|
grid-template-areas: "illustration heading action" "illustration content action";
|
|
2918
2918
|
column-gap: var(--teddy-spacing-200);
|
|
2919
2919
|
}
|
|
2920
|
-
._teddy-card--navigation-horizontal-
|
|
2920
|
+
._teddy-card--navigation-horizontal-small_6pylp_115 ._teddy-card__heading_6pylp_66 {
|
|
2921
2921
|
margin-bottom: var(--teddy-spacing-100);
|
|
2922
2922
|
}
|
|
2923
|
-
._teddy-card--navigation-horizontal-
|
|
2923
|
+
._teddy-card--navigation-horizontal-small_6pylp_115 ._teddy-card__action-wrapper_6pylp_69 {
|
|
2924
2924
|
margin-top: auto;
|
|
2925
2925
|
}
|
|
2926
|
-
._teddy-card--navigation-horizontal-small-
|
|
2926
|
+
._teddy-card--navigation-horizontal-small-centered_6pylp_127 {
|
|
2927
2927
|
width: 100%;
|
|
2928
2928
|
max-width: 26rem;
|
|
2929
2929
|
grid-template-columns: auto 1fr auto;
|
|
@@ -2932,176 +2932,176 @@
|
|
|
2932
2932
|
align-items: center;
|
|
2933
2933
|
column-gap: var(--teddy-spacing-200);
|
|
2934
2934
|
}
|
|
2935
|
-
._teddy-card--navigation-horizontal-small-
|
|
2935
|
+
._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__content_6pylp_63 {
|
|
2936
2936
|
margin-top: var(--teddy-spacing-200);
|
|
2937
2937
|
}
|
|
2938
|
-
._teddy-card--navigation-horizontal-small-
|
|
2938
|
+
._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__action-wrapper_6pylp_69 {
|
|
2939
2939
|
margin: 0;
|
|
2940
2940
|
}
|
|
2941
|
-
._teddy-card--navigation-horizontal-small-
|
|
2941
|
+
._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__illustration_6pylp_57 {
|
|
2942
2942
|
max-height: 80px;
|
|
2943
2943
|
max-width: 100px;
|
|
2944
2944
|
}
|
|
2945
|
-
._teddy-card--navigation-horizontal-small-
|
|
2945
|
+
._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__illustration_6pylp_57 img {
|
|
2946
2946
|
object-fit: contain;
|
|
2947
2947
|
}
|
|
2948
|
-
._teddy-card--navigation-horizontal-
|
|
2948
|
+
._teddy-card--navigation-horizontal-large_6pylp_149 {
|
|
2949
2949
|
grid-template-columns: 1fr auto;
|
|
2950
2950
|
grid-template-rows: auto auto 1fr;
|
|
2951
2951
|
grid-template-areas: "illustration action" "heading action" "content action";
|
|
2952
2952
|
column-gap: var(--teddy-spacing-200);
|
|
2953
2953
|
}
|
|
2954
|
-
._teddy-card--navigation-horizontal-
|
|
2954
|
+
._teddy-card--navigation-horizontal-large_6pylp_149 ._teddy-card__heading_6pylp_66 {
|
|
2955
2955
|
margin-bottom: var(--teddy-spacing-100);
|
|
2956
2956
|
}
|
|
2957
|
-
._teddy-card--navigation-horizontal-
|
|
2957
|
+
._teddy-card--navigation-horizontal-large_6pylp_149 ._teddy-card__action-wrapper_6pylp_69 {
|
|
2958
2958
|
margin-top: auto;
|
|
2959
2959
|
}
|
|
2960
|
-
._teddy-card--rich-
|
|
2960
|
+
._teddy-card--rich-card_6pylp_161 {
|
|
2961
2961
|
justify-items: start;
|
|
2962
2962
|
align-items: baseline;
|
|
2963
2963
|
grid-template-rows: auto auto 1fr auto;
|
|
2964
2964
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2965
2965
|
}
|
|
2966
|
-
._teddy-card--rich-
|
|
2966
|
+
._teddy-card--rich-card_6pylp_161 ._teddy-card__illustration_6pylp_57 {
|
|
2967
2967
|
margin-bottom: var(--teddy-spacing-200);
|
|
2968
2968
|
}
|
|
2969
|
-
._teddy-card--rich-
|
|
2969
|
+
._teddy-card--rich-card_6pylp_161 ._teddy-card__content_6pylp_63 {
|
|
2970
2970
|
margin-bottom: var(--teddy-spacing-200);
|
|
2971
2971
|
}
|
|
2972
|
-
._teddy-card--rich-
|
|
2972
|
+
._teddy-card--rich-card_6pylp_161 ._teddy-card__heading_6pylp_66 {
|
|
2973
2973
|
margin-bottom: var(--teddy-spacing-100);
|
|
2974
2974
|
}
|
|
2975
|
-
._teddy-card--rich-
|
|
2975
|
+
._teddy-card--rich-card_6pylp_161 ._teddy-card__action-wrapper_6pylp_69 {
|
|
2976
2976
|
margin-top: auto;
|
|
2977
2977
|
}
|
|
2978
2978
|
@media (max-width: 800px) {
|
|
2979
|
-
._teddy-card--rich-card-
|
|
2979
|
+
._teddy-card--rich-card-large_6pylp_180 {
|
|
2980
2980
|
align-items: baseline;
|
|
2981
2981
|
grid-template-rows: auto auto 1fr auto;
|
|
2982
2982
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2983
2983
|
}
|
|
2984
2984
|
}
|
|
2985
|
-
._teddy-card--rich-card-
|
|
2985
|
+
._teddy-card--rich-card-large_6pylp_180 ._teddy-card__illustration_6pylp_57 img {
|
|
2986
2986
|
object-fit: cover;
|
|
2987
2987
|
}
|
|
2988
2988
|
@media (min-width: 801px) {
|
|
2989
|
-
._teddy-card--rich-card-
|
|
2989
|
+
._teddy-card--rich-card-large_6pylp_180 ._teddy-card__illustration_6pylp_57 {
|
|
2990
2990
|
grid-column-start: 1;
|
|
2991
2991
|
margin-right: var(--teddy-spacing-600);
|
|
2992
2992
|
}
|
|
2993
2993
|
}
|
|
2994
|
-
._teddy-card--rich-card-
|
|
2994
|
+
._teddy-card--rich-card-large_6pylp_180 ._teddy-card__content_6pylp_63 {
|
|
2995
2995
|
margin-top: 2rem;
|
|
2996
2996
|
}
|
|
2997
2997
|
@media (min-width: 801px) {
|
|
2998
|
-
._teddy-card--rich-card-
|
|
2998
|
+
._teddy-card--rich-card-large_6pylp_180 ._teddy-card__content_6pylp_63 {
|
|
2999
2999
|
grid-column-start: 2;
|
|
3000
3000
|
margin-top: 0;
|
|
3001
3001
|
align-content: center;
|
|
3002
3002
|
}
|
|
3003
3003
|
}
|
|
3004
|
-
._teddy-card--rich-card-
|
|
3004
|
+
._teddy-card--rich-card-large_6pylp_180 ._teddy-card__action_6pylp_47 {
|
|
3005
3005
|
margin-top: var(--teddy-spacing-200);
|
|
3006
3006
|
}
|
|
3007
|
-
._teddy-card--rich-card-
|
|
3007
|
+
._teddy-card--rich-card-large_6pylp_180 ._teddy-card__heading_6pylp_66 {
|
|
3008
3008
|
margin-top: var(--teddy-spacing-100);
|
|
3009
3009
|
margin-bottom: var(--teddy-spacing-100);
|
|
3010
3010
|
}
|
|
3011
|
-
._teddy-
|
|
3011
|
+
._teddy-card__line_6pylp_212 {
|
|
3012
3012
|
border: 0;
|
|
3013
3013
|
border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
3014
3014
|
}
|
|
3015
|
-
._teddy-card--purple-
|
|
3015
|
+
._teddy-card--purple-light_6pylp_216 {
|
|
3016
3016
|
background-color: var(--teddy-color-background-interactive-primary-negative);
|
|
3017
3017
|
color: var(--teddy-color-text-default);
|
|
3018
3018
|
border-color: var(--teddy-color-background-interactive-primary-negative);
|
|
3019
3019
|
}
|
|
3020
|
-
._teddy-card--purple-
|
|
3020
|
+
._teddy-card--purple-light_6pylp_216:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
|
|
3021
3021
|
background-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
3022
3022
|
}
|
|
3023
|
-
._teddy-card--purple-
|
|
3023
|
+
._teddy-card--purple-light_6pylp_216:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
|
|
3024
3024
|
background-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
3025
3025
|
}
|
|
3026
|
-
._teddy-card--purple-
|
|
3026
|
+
._teddy-card--purple-light_6pylp_216:has(._teddy-card__action--disabled_6pylp_47) {
|
|
3027
3027
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3028
3028
|
}
|
|
3029
|
-
._teddy-card--purple-
|
|
3029
|
+
._teddy-card--purple-dark_6pylp_230 {
|
|
3030
3030
|
background-color: var(--teddy-color-brand-deep-purple);
|
|
3031
3031
|
color: var(--teddy-color-text-default-negative);
|
|
3032
3032
|
border-color: var(--teddy-color-brand-deep-purple);
|
|
3033
3033
|
}
|
|
3034
|
-
._teddy-card--purple-
|
|
3034
|
+
._teddy-card--purple-dark_6pylp_230:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
|
|
3035
3035
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
3036
3036
|
}
|
|
3037
|
-
._teddy-card--purple-
|
|
3037
|
+
._teddy-card--purple-dark_6pylp_230:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
|
|
3038
3038
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
3039
3039
|
}
|
|
3040
|
-
._teddy-card--purple-
|
|
3040
|
+
._teddy-card--purple-dark_6pylp_230:has(._teddy-card__action--disabled_6pylp_47) {
|
|
3041
3041
|
color: var(--teddy-color-text-default);
|
|
3042
3042
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3043
3043
|
}
|
|
3044
|
-
._teddy-card--purple-
|
|
3044
|
+
._teddy-card--purple-dark_6pylp_230:has(._teddy-card__action--disabled_6pylp_47) ._teddy-card__action_6pylp_47 {
|
|
3045
3045
|
color: var(--teddy-color-text-weak);
|
|
3046
3046
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3047
3047
|
}
|
|
3048
|
-
._teddy-card--
|
|
3048
|
+
._teddy-card--white_6pylp_249 {
|
|
3049
3049
|
background-color: var(--teddy-color-brand-white);
|
|
3050
3050
|
color: var(--teddy-color-text-default);
|
|
3051
3051
|
border-color: var(--teddy-color-border-weak);
|
|
3052
3052
|
}
|
|
3053
|
-
._teddy-card--
|
|
3053
|
+
._teddy-card--white_6pylp_249:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
|
|
3054
3054
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
3055
3055
|
}
|
|
3056
|
-
._teddy-card--
|
|
3056
|
+
._teddy-card--white_6pylp_249:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
|
|
3057
3057
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
3058
3058
|
}
|
|
3059
|
-
._teddy-card--
|
|
3059
|
+
._teddy-card--white_6pylp_249:has(._teddy-card__action--disabled_6pylp_47) {
|
|
3060
3060
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3061
3061
|
}
|
|
3062
|
-
._teddy-card--
|
|
3062
|
+
._teddy-card--gray_6pylp_263 {
|
|
3063
3063
|
background-color: var(--teddy-color-background-secondary);
|
|
3064
3064
|
color: var(--teddy-color-text-default);
|
|
3065
3065
|
border-color: var(--teddy-color-border-interactive-subtle);
|
|
3066
3066
|
}
|
|
3067
|
-
._teddy-card--
|
|
3067
|
+
._teddy-card--gray_6pylp_263:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
|
|
3068
3068
|
background-color: var(--teddy-color-gray-100);
|
|
3069
3069
|
}
|
|
3070
|
-
._teddy-card--
|
|
3070
|
+
._teddy-card--gray_6pylp_263:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
|
|
3071
3071
|
background-color: var(--teddy-color-gray-200);
|
|
3072
3072
|
}
|
|
3073
|
-
._teddy-card--
|
|
3073
|
+
._teddy-card--gray_6pylp_263:has(._teddy-card__action--disabled_6pylp_47) {
|
|
3074
3074
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3075
3075
|
}
|
|
3076
|
-
._teddy-card--
|
|
3076
|
+
._teddy-card--beige_6pylp_277 {
|
|
3077
3077
|
background-color: var(--teddy-color-beige-100);
|
|
3078
3078
|
color: var(--teddy-color-text-default);
|
|
3079
3079
|
border-color: var(--teddy-color-beige-300);
|
|
3080
3080
|
}
|
|
3081
|
-
._teddy-card--
|
|
3081
|
+
._teddy-card--beige_6pylp_277:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
|
|
3082
3082
|
background-color: var(--teddy-color-beige-200);
|
|
3083
3083
|
}
|
|
3084
|
-
._teddy-card--
|
|
3084
|
+
._teddy-card--beige_6pylp_277:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
|
|
3085
3085
|
background-color: var(--teddy-color-beige-300);
|
|
3086
3086
|
}
|
|
3087
|
-
._teddy-card--
|
|
3087
|
+
._teddy-card--beige_6pylp_277:has(._teddy-card__action--disabled_6pylp_47) {
|
|
3088
3088
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3089
3089
|
}
|
|
3090
|
-
._teddy-card--beige-
|
|
3090
|
+
._teddy-card--beige-light_6pylp_291 {
|
|
3091
3091
|
background-color: var(--teddy-color-beige-50);
|
|
3092
3092
|
color: var(--teddy-color-text-default);
|
|
3093
3093
|
border-color: var(--teddy-color-beige-200);
|
|
3094
3094
|
}
|
|
3095
|
-
._teddy-card--beige-
|
|
3095
|
+
._teddy-card--beige-light_6pylp_291:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
|
|
3096
3096
|
background-color: var(--teddy-color-beige-100);
|
|
3097
3097
|
}
|
|
3098
|
-
._teddy-card--beige-
|
|
3098
|
+
._teddy-card--beige-light_6pylp_291:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
|
|
3099
3099
|
background-color: var(--teddy-color-beige-100);
|
|
3100
3100
|
}
|
|
3101
|
-
._teddy-card--beige-
|
|
3101
|
+
._teddy-card--beige-light_6pylp_291:has(._teddy-card__action--disabled_6pylp_47) {
|
|
3102
3102
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3103
3103
|
}
|
|
3104
|
-
._teddy-card--
|
|
3104
|
+
._teddy-card--product_6pylp_305 {
|
|
3105
3105
|
grid-template-columns: minmax(0, 100%);
|
|
3106
3106
|
grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
|
|
3107
3107
|
grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
|
|
@@ -3111,134 +3111,134 @@
|
|
|
3111
3111
|
padding-bottom: var(--teddy-spacing-100);
|
|
3112
3112
|
width: 100%;
|
|
3113
3113
|
}
|
|
3114
|
-
._teddy-card--
|
|
3114
|
+
._teddy-card--product_6pylp_305:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
|
|
3115
3115
|
background-color: var(--teddy-color-brand-white);
|
|
3116
3116
|
outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
|
|
3117
3117
|
outline-offset: calc(var(--teddy-border-width-sm) * -1);
|
|
3118
3118
|
}
|
|
3119
|
-
._teddy-card--
|
|
3119
|
+
._teddy-card--product_6pylp_305:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) ._teddy-card__carousel_6pylp_60 .slick-slider .slick-arrow {
|
|
3120
3120
|
display: block !important;
|
|
3121
3121
|
}
|
|
3122
|
-
._teddy-card--
|
|
3122
|
+
._teddy-card--product_6pylp_305:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
|
|
3123
3123
|
-webkit-tap-highlight-color: transparent;
|
|
3124
3124
|
}
|
|
3125
|
-
._teddy-card--
|
|
3125
|
+
._teddy-card--product_6pylp_305:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)):not(:has(._teddy-card__carousel_6pylp_60:active)) {
|
|
3126
3126
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
3127
3127
|
}
|
|
3128
|
-
._teddy-card--
|
|
3128
|
+
._teddy-card--product_6pylp_305:has(._teddy-card__action--disabled_6pylp_47) {
|
|
3129
3129
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3130
3130
|
}
|
|
3131
|
-
._teddy-card--
|
|
3131
|
+
._teddy-card--product_6pylp_305 ._teddy-card__action-wrapper_6pylp_69 {
|
|
3132
3132
|
margin-bottom: var(--teddy-spacing-200);
|
|
3133
3133
|
}
|
|
3134
|
-
._teddy-card--
|
|
3134
|
+
._teddy-card--product_6pylp_305 ._teddy-card__illustration_6pylp_57 {
|
|
3135
3135
|
height: 180px;
|
|
3136
3136
|
display: grid;
|
|
3137
3137
|
place-items: center;
|
|
3138
3138
|
place-self: center;
|
|
3139
3139
|
margin-bottom: var(--teddy-spacing-400);
|
|
3140
3140
|
}
|
|
3141
|
-
._teddy-card--
|
|
3141
|
+
._teddy-card--product_6pylp_305 ._teddy-card__illustration_6pylp_57 img {
|
|
3142
3142
|
max-width: 200px;
|
|
3143
3143
|
max-height: 180px;
|
|
3144
3144
|
object-fit: contain;
|
|
3145
3145
|
}
|
|
3146
|
-
._teddy-card--
|
|
3146
|
+
._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-slider .slick-arrow {
|
|
3147
3147
|
display: none !important;
|
|
3148
3148
|
}
|
|
3149
|
-
._teddy-card--
|
|
3149
|
+
._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-dots li {
|
|
3150
3150
|
min-width: 12px;
|
|
3151
3151
|
width: initial !important;
|
|
3152
3152
|
margin: 0 0.25rem !important;
|
|
3153
3153
|
}
|
|
3154
|
-
._teddy-card--
|
|
3154
|
+
._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-dots .slick-active {
|
|
3155
3155
|
min-width: 24px;
|
|
3156
3156
|
width: initial !important;
|
|
3157
3157
|
}
|
|
3158
|
-
._teddy-card--
|
|
3158
|
+
._teddy-card--product_6pylp_305 ._teddy-card__overline_6pylp_75 {
|
|
3159
3159
|
margin-bottom: var(--teddy-spacing-50);
|
|
3160
3160
|
}
|
|
3161
|
-
._teddy-card--
|
|
3161
|
+
._teddy-card--product_6pylp_305 ._teddy-card__heading_6pylp_66 {
|
|
3162
3162
|
margin-bottom: var(--teddy-spacing-200);
|
|
3163
3163
|
}
|
|
3164
|
-
._teddy-card--
|
|
3164
|
+
._teddy-card--product_6pylp_305 ._teddy-card__description_6pylp_78 {
|
|
3165
3165
|
margin-bottom: var(--teddy-spacing-200);
|
|
3166
3166
|
}
|
|
3167
|
-
._teddy-card--
|
|
3167
|
+
._teddy-card--product_6pylp_305 ._teddy-card__content_6pylp_63 {
|
|
3168
3168
|
margin-bottom: var(--teddy-spacing-200);
|
|
3169
3169
|
}
|
|
3170
|
-
._teddy-card--
|
|
3170
|
+
._teddy-card--product_6pylp_305 ._teddy-card__action_6pylp_47 {
|
|
3171
3171
|
margin-top: auto;
|
|
3172
3172
|
margin-left: auto;
|
|
3173
3173
|
justify-self: end;
|
|
3174
3174
|
}
|
|
3175
|
-
._teddy-card--
|
|
3175
|
+
._teddy-card--product_6pylp_305 ._teddy-card__price_6pylp_87 {
|
|
3176
3176
|
display: flex;
|
|
3177
3177
|
}
|
|
3178
|
-
._teddy-card--
|
|
3178
|
+
._teddy-card--product_6pylp_305 ._teddy-card__price--big_6pylp_379 {
|
|
3179
3179
|
font-size: var(--teddy-typography-scale-200);
|
|
3180
3180
|
}
|
|
3181
|
-
._teddy-
|
|
3181
|
+
._teddy-card_6pylp_3:has(._teddy-card__image--as-background_6pylp_382) {
|
|
3182
3182
|
background-color: transparent;
|
|
3183
3183
|
}
|
|
3184
|
-
._teddy-
|
|
3184
|
+
._teddy-card__heading_6pylp_66 {
|
|
3185
3185
|
color: inherit;
|
|
3186
3186
|
}
|
|
3187
|
-
._teddy-card--background-
|
|
3187
|
+
._teddy-card--background-image_6pylp_388 {
|
|
3188
3188
|
background-repeat: no-repeat;
|
|
3189
3189
|
background-size: cover;
|
|
3190
3190
|
background-position: center;
|
|
3191
3191
|
}
|
|
3192
|
-
._teddy-card__illustration--
|
|
3192
|
+
._teddy-card__illustration--rounded_6pylp_393 {
|
|
3193
3193
|
border-radius: inherit;
|
|
3194
3194
|
overflow: hidden;
|
|
3195
3195
|
}
|
|
3196
|
-
._teddy-
|
|
3196
|
+
._teddy-card__inset_6pylp_397 {
|
|
3197
3197
|
overflow: hidden;
|
|
3198
3198
|
}
|
|
3199
|
-
._teddy-card__inset--
|
|
3199
|
+
._teddy-card__inset--top_6pylp_400 {
|
|
3200
3200
|
margin-top: calc(var(--teddy-spacing-250) * -1);
|
|
3201
3201
|
}
|
|
3202
|
-
._teddy-card__inset--
|
|
3202
|
+
._teddy-card__inset--top_6pylp_400._teddy-card__inset--left_6pylp_403 {
|
|
3203
3203
|
border-top-left-radius: inherit;
|
|
3204
3204
|
}
|
|
3205
|
-
._teddy-card__inset--
|
|
3205
|
+
._teddy-card__inset--top_6pylp_400._teddy-card__inset--right_6pylp_406 {
|
|
3206
3206
|
border-top-right-radius: inherit;
|
|
3207
3207
|
}
|
|
3208
|
-
._teddy-card__inset--
|
|
3208
|
+
._teddy-card__inset--bottom_6pylp_409 {
|
|
3209
3209
|
margin-bottom: calc(var(--teddy-spacing-250) * -1);
|
|
3210
3210
|
}
|
|
3211
|
-
._teddy-card__inset--
|
|
3211
|
+
._teddy-card__inset--bottom_6pylp_409._teddy-card__inset--left_6pylp_403 {
|
|
3212
3212
|
border-bottom-left-radius: inherit;
|
|
3213
3213
|
}
|
|
3214
|
-
._teddy-card__inset--
|
|
3214
|
+
._teddy-card__inset--bottom_6pylp_409._teddy-card__inset--right_6pylp_406 {
|
|
3215
3215
|
border-bottom-right-radius: inherit;
|
|
3216
3216
|
}
|
|
3217
|
-
._teddy-card__inset--
|
|
3217
|
+
._teddy-card__inset--left_6pylp_403 {
|
|
3218
3218
|
margin-left: calc(var(--teddy-spacing-250) * -1);
|
|
3219
3219
|
}
|
|
3220
|
-
._teddy-card__inset--
|
|
3220
|
+
._teddy-card__inset--right_6pylp_406 {
|
|
3221
3221
|
margin-right: calc(var(--teddy-spacing-250) * -1);
|
|
3222
3222
|
}
|
|
3223
|
-
._teddy-card__availability--
|
|
3223
|
+
._teddy-card__availability--badge_6pylp_424 {
|
|
3224
3224
|
margin-right: var(--teddy-spacing-150);
|
|
3225
3225
|
}
|
|
3226
|
-
._teddy-card__availability--
|
|
3226
|
+
._teddy-card__availability--success_6pylp_427 {
|
|
3227
3227
|
color: var(--teddy-color-text-status-success-strong);
|
|
3228
3228
|
}
|
|
3229
|
-
._teddy-card__availability--
|
|
3229
|
+
._teddy-card__availability--warning_6pylp_430 {
|
|
3230
3230
|
color: var(--teddy-color-text-status-warning-strong);
|
|
3231
3231
|
}
|
|
3232
|
-
._teddy-card__availability--
|
|
3232
|
+
._teddy-card__availability--error_6pylp_433 {
|
|
3233
3233
|
color: var(--teddy-color-text-status-error-strong);
|
|
3234
3234
|
}
|
|
3235
|
-
._teddy-card__availability--
|
|
3235
|
+
._teddy-card__availability--special_6pylp_436 {
|
|
3236
3236
|
color: var(--teddy-color-text-status-special);
|
|
3237
3237
|
}
|
|
3238
|
-
._teddy-card__availability--
|
|
3238
|
+
._teddy-card__availability--neutral_6pylp_439 {
|
|
3239
3239
|
color: var(--teddy-color-text-status-neutral);
|
|
3240
3240
|
}
|
|
3241
|
-
._teddy-card__availability--
|
|
3241
|
+
._teddy-card__availability--information_6pylp_442 {
|
|
3242
3242
|
color: var(--teddy-color-text-status-info-strong);
|
|
3243
3243
|
}
|
|
3244
3244
|
}._teddy-badge_wlyo5_1 {
|