@telia/teddy 0.4.1 → 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 +59 -55
- package/dist/components/card/card.js +59 -55
- 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`;
|
|
@@ -101,12 +101,16 @@ const Root = React.forwardRef(
|
|
|
101
101
|
className: classes,
|
|
102
102
|
style: customStyle,
|
|
103
103
|
onClick: utils_composeEventHandlers.composeEventHandlers(props.onClick, (e) => {
|
|
104
|
-
|
|
104
|
+
const isClickInsideCard = e.currentTarget.contains(e.target);
|
|
105
|
+
if (!isClickInsideCard)
|
|
106
|
+
return;
|
|
105
107
|
if (e.isDefaultPrevented())
|
|
106
108
|
return;
|
|
107
|
-
|
|
109
|
+
e.stopPropagation();
|
|
110
|
+
if (linkRef.current && e.target !== linkRef.current)
|
|
108
111
|
return linkRef.current.click();
|
|
109
|
-
(
|
|
112
|
+
if (buttonRef.current && e.target !== buttonRef.current)
|
|
113
|
+
return buttonRef.current.click();
|
|
110
114
|
}),
|
|
111
115
|
ref: forwardRef,
|
|
112
116
|
children
|
|
@@ -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`;
|
|
@@ -99,12 +99,16 @@ const Root = React__default.forwardRef(
|
|
|
99
99
|
className: classes,
|
|
100
100
|
style: customStyle,
|
|
101
101
|
onClick: composeEventHandlers(props.onClick, (e) => {
|
|
102
|
-
|
|
102
|
+
const isClickInsideCard = e.currentTarget.contains(e.target);
|
|
103
|
+
if (!isClickInsideCard)
|
|
104
|
+
return;
|
|
103
105
|
if (e.isDefaultPrevented())
|
|
104
106
|
return;
|
|
105
|
-
|
|
107
|
+
e.stopPropagation();
|
|
108
|
+
if (linkRef.current && e.target !== linkRef.current)
|
|
106
109
|
return linkRef.current.click();
|
|
107
|
-
(
|
|
110
|
+
if (buttonRef.current && e.target !== buttonRef.current)
|
|
111
|
+
return buttonRef.current.click();
|
|
108
112
|
}),
|
|
109
113
|
ref: forwardRef,
|
|
110
114
|
children
|
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 {
|