@telia/teddy 0.7.5 → 0.7.7
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 +52 -52
- package/dist/components/card/card.js +52 -52
- package/dist/components/navigation-menu/global-navigation/utils.cjs +2 -2
- package/dist/components/navigation-menu/global-navigation/utils.d.ts +4 -4
- package/dist/components/navigation-menu/global-navigation/utils.js +2 -2
- package/dist/style.css +130 -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_1hzu6_3",
|
|
11
|
+
"teddy-card__slot": "_teddy-card__slot_1hzu6_17",
|
|
12
|
+
"teddy-card__slot--bottom": "_teddy-card__slot--bottom_1hzu6_20",
|
|
13
|
+
"teddy-card__slot--center": "_teddy-card__slot--center_1hzu6_23",
|
|
14
|
+
"teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1hzu6_29",
|
|
15
|
+
"teddy-card--shadow": "_teddy-card--shadow_1hzu6_48",
|
|
16
|
+
"teddy-card__action": "_teddy-card__action_1hzu6_51",
|
|
17
|
+
"teddy-card__action--disabled": "_teddy-card__action--disabled_1hzu6_51",
|
|
18
|
+
"teddy-card--border": "_teddy-card--border_1hzu6_58",
|
|
19
|
+
"teddy-card--layout": "_teddy-card--layout_1hzu6_61",
|
|
20
|
+
"teddy-card__illustration": "_teddy-card__illustration_1hzu6_61",
|
|
21
|
+
"teddy-card__carousel": "_teddy-card__carousel_1hzu6_64",
|
|
22
|
+
"teddy-card__content": "_teddy-card__content_1hzu6_67",
|
|
23
|
+
"teddy-card__heading": "_teddy-card__heading_1hzu6_70",
|
|
24
|
+
"teddy-card__action-wrapper": "_teddy-card__action-wrapper_1hzu6_73",
|
|
25
|
+
"teddy-card__footer": "_teddy-card__footer_1hzu6_76",
|
|
26
|
+
"teddy-card__overline": "_teddy-card__overline_1hzu6_79",
|
|
27
|
+
"teddy-card__description": "_teddy-card__description_1hzu6_82",
|
|
28
|
+
"teddy-card__color-dots": "_teddy-card__color-dots_1hzu6_85",
|
|
29
|
+
"teddy-card__availability": "_teddy-card__availability_1hzu6_88",
|
|
30
|
+
"teddy-card__price": "_teddy-card__price_1hzu6_91",
|
|
31
|
+
"teddy-card--default": "_teddy-card--default_1hzu6_94",
|
|
32
|
+
"teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1hzu6_99",
|
|
33
|
+
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1hzu6_119",
|
|
34
|
+
"teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_1hzu6_131",
|
|
35
|
+
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1hzu6_153",
|
|
36
|
+
"teddy-card--rich-card": "_teddy-card--rich-card_1hzu6_165",
|
|
37
|
+
"teddy-card--rich-card-large": "_teddy-card--rich-card-large_1hzu6_184",
|
|
38
|
+
"teddy-card__line": "_teddy-card__line_1hzu6_227",
|
|
39
|
+
"teddy-card--purple-light": "_teddy-card--purple-light_1hzu6_231",
|
|
40
|
+
"teddy-card--purple-dark": "_teddy-card--purple-dark_1hzu6_245",
|
|
41
|
+
"teddy-card--white": "_teddy-card--white_1hzu6_264",
|
|
42
|
+
"teddy-card--gray": "_teddy-card--gray_1hzu6_278",
|
|
43
|
+
"teddy-card--beige": "_teddy-card--beige_1hzu6_292",
|
|
44
|
+
"teddy-card--beige-light": "_teddy-card--beige-light_1hzu6_306",
|
|
45
|
+
"teddy-card--product": "_teddy-card--product_1hzu6_320",
|
|
46
|
+
"teddy-card__price--big": "_teddy-card__price--big_1hzu6_394",
|
|
47
|
+
"teddy-card__image--as-background": "_teddy-card__image--as-background_1hzu6_397",
|
|
48
|
+
"teddy-card--background-image": "_teddy-card--background-image_1hzu6_403",
|
|
49
|
+
"teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1hzu6_408",
|
|
50
|
+
"teddy-card__inset": "_teddy-card__inset_1hzu6_412",
|
|
51
|
+
"teddy-card__inset--top": "_teddy-card__inset--top_1hzu6_415",
|
|
52
|
+
"teddy-card__inset--left": "_teddy-card__inset--left_1hzu6_418",
|
|
53
|
+
"teddy-card__inset--right": "_teddy-card__inset--right_1hzu6_421",
|
|
54
|
+
"teddy-card__inset--bottom": "_teddy-card__inset--bottom_1hzu6_424",
|
|
55
|
+
"teddy-card__availability--badge": "_teddy-card__availability--badge_1hzu6_439",
|
|
56
|
+
"teddy-card__availability--success": "_teddy-card__availability--success_1hzu6_442",
|
|
57
|
+
"teddy-card__availability--warning": "_teddy-card__availability--warning_1hzu6_445",
|
|
58
|
+
"teddy-card__availability--error": "_teddy-card__availability--error_1hzu6_448",
|
|
59
|
+
"teddy-card__availability--special": "_teddy-card__availability--special_1hzu6_451",
|
|
60
|
+
"teddy-card__availability--neutral": "_teddy-card__availability--neutral_1hzu6_454",
|
|
61
|
+
"teddy-card__availability--information": "_teddy-card__availability--information_1hzu6_457"
|
|
62
62
|
};
|
|
63
63
|
const rootClassName = "teddy-card";
|
|
64
64
|
const actionElementIdentifier = `${rootClassName}__action`;
|
|
@@ -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_1hzu6_3",
|
|
9
|
+
"teddy-card__slot": "_teddy-card__slot_1hzu6_17",
|
|
10
|
+
"teddy-card__slot--bottom": "_teddy-card__slot--bottom_1hzu6_20",
|
|
11
|
+
"teddy-card__slot--center": "_teddy-card__slot--center_1hzu6_23",
|
|
12
|
+
"teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1hzu6_29",
|
|
13
|
+
"teddy-card--shadow": "_teddy-card--shadow_1hzu6_48",
|
|
14
|
+
"teddy-card__action": "_teddy-card__action_1hzu6_51",
|
|
15
|
+
"teddy-card__action--disabled": "_teddy-card__action--disabled_1hzu6_51",
|
|
16
|
+
"teddy-card--border": "_teddy-card--border_1hzu6_58",
|
|
17
|
+
"teddy-card--layout": "_teddy-card--layout_1hzu6_61",
|
|
18
|
+
"teddy-card__illustration": "_teddy-card__illustration_1hzu6_61",
|
|
19
|
+
"teddy-card__carousel": "_teddy-card__carousel_1hzu6_64",
|
|
20
|
+
"teddy-card__content": "_teddy-card__content_1hzu6_67",
|
|
21
|
+
"teddy-card__heading": "_teddy-card__heading_1hzu6_70",
|
|
22
|
+
"teddy-card__action-wrapper": "_teddy-card__action-wrapper_1hzu6_73",
|
|
23
|
+
"teddy-card__footer": "_teddy-card__footer_1hzu6_76",
|
|
24
|
+
"teddy-card__overline": "_teddy-card__overline_1hzu6_79",
|
|
25
|
+
"teddy-card__description": "_teddy-card__description_1hzu6_82",
|
|
26
|
+
"teddy-card__color-dots": "_teddy-card__color-dots_1hzu6_85",
|
|
27
|
+
"teddy-card__availability": "_teddy-card__availability_1hzu6_88",
|
|
28
|
+
"teddy-card__price": "_teddy-card__price_1hzu6_91",
|
|
29
|
+
"teddy-card--default": "_teddy-card--default_1hzu6_94",
|
|
30
|
+
"teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1hzu6_99",
|
|
31
|
+
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1hzu6_119",
|
|
32
|
+
"teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_1hzu6_131",
|
|
33
|
+
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1hzu6_153",
|
|
34
|
+
"teddy-card--rich-card": "_teddy-card--rich-card_1hzu6_165",
|
|
35
|
+
"teddy-card--rich-card-large": "_teddy-card--rich-card-large_1hzu6_184",
|
|
36
|
+
"teddy-card__line": "_teddy-card__line_1hzu6_227",
|
|
37
|
+
"teddy-card--purple-light": "_teddy-card--purple-light_1hzu6_231",
|
|
38
|
+
"teddy-card--purple-dark": "_teddy-card--purple-dark_1hzu6_245",
|
|
39
|
+
"teddy-card--white": "_teddy-card--white_1hzu6_264",
|
|
40
|
+
"teddy-card--gray": "_teddy-card--gray_1hzu6_278",
|
|
41
|
+
"teddy-card--beige": "_teddy-card--beige_1hzu6_292",
|
|
42
|
+
"teddy-card--beige-light": "_teddy-card--beige-light_1hzu6_306",
|
|
43
|
+
"teddy-card--product": "_teddy-card--product_1hzu6_320",
|
|
44
|
+
"teddy-card__price--big": "_teddy-card__price--big_1hzu6_394",
|
|
45
|
+
"teddy-card__image--as-background": "_teddy-card__image--as-background_1hzu6_397",
|
|
46
|
+
"teddy-card--background-image": "_teddy-card--background-image_1hzu6_403",
|
|
47
|
+
"teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1hzu6_408",
|
|
48
|
+
"teddy-card__inset": "_teddy-card__inset_1hzu6_412",
|
|
49
|
+
"teddy-card__inset--top": "_teddy-card__inset--top_1hzu6_415",
|
|
50
|
+
"teddy-card__inset--left": "_teddy-card__inset--left_1hzu6_418",
|
|
51
|
+
"teddy-card__inset--right": "_teddy-card__inset--right_1hzu6_421",
|
|
52
|
+
"teddy-card__inset--bottom": "_teddy-card__inset--bottom_1hzu6_424",
|
|
53
|
+
"teddy-card__availability--badge": "_teddy-card__availability--badge_1hzu6_439",
|
|
54
|
+
"teddy-card__availability--success": "_teddy-card__availability--success_1hzu6_442",
|
|
55
|
+
"teddy-card__availability--warning": "_teddy-card__availability--warning_1hzu6_445",
|
|
56
|
+
"teddy-card__availability--error": "_teddy-card__availability--error_1hzu6_448",
|
|
57
|
+
"teddy-card__availability--special": "_teddy-card__availability--special_1hzu6_451",
|
|
58
|
+
"teddy-card__availability--neutral": "_teddy-card__availability--neutral_1hzu6_454",
|
|
59
|
+
"teddy-card__availability--information": "_teddy-card__availability--information_1hzu6_457"
|
|
60
60
|
};
|
|
61
61
|
const rootClassName = "teddy-card";
|
|
62
62
|
const actionElementIdentifier = `${rootClassName}__action`;
|
|
@@ -536,8 +536,8 @@ const PRIVATE_LINKS = {
|
|
|
536
536
|
appKey: APP_KEYS["open-pages"]
|
|
537
537
|
},
|
|
538
538
|
{
|
|
539
|
-
name: "
|
|
540
|
-
link: "/trygghet/trygg-pa-skjerm/
|
|
539
|
+
name: "Kurs: Trygg på skjerm",
|
|
540
|
+
link: "/trygghet/trygg-pa-skjerm/kurs/",
|
|
541
541
|
appKey: APP_KEYS["open-pages"]
|
|
542
542
|
}
|
|
543
543
|
],
|
|
@@ -525,8 +525,8 @@ export declare const PRIVATE_LINKS: {
|
|
|
525
525
|
readonly link: "/trygghet/svindel/id-tyveri/";
|
|
526
526
|
readonly appKey: "open-pages";
|
|
527
527
|
}, {
|
|
528
|
-
readonly name: "
|
|
529
|
-
readonly link: "/trygghet/trygg-pa-skjerm/
|
|
528
|
+
readonly name: "Kurs: Trygg på skjerm";
|
|
529
|
+
readonly link: "/trygghet/trygg-pa-skjerm/kurs/";
|
|
530
530
|
readonly appKey: "open-pages";
|
|
531
531
|
}];
|
|
532
532
|
readonly links: [{
|
|
@@ -1301,8 +1301,8 @@ export declare const getLinks: (ukko?: boolean) => [{
|
|
|
1301
1301
|
readonly link: "/trygghet/svindel/id-tyveri/";
|
|
1302
1302
|
readonly appKey: "open-pages";
|
|
1303
1303
|
}, {
|
|
1304
|
-
readonly name: "
|
|
1305
|
-
readonly link: "/trygghet/trygg-pa-skjerm/
|
|
1304
|
+
readonly name: "Kurs: Trygg på skjerm";
|
|
1305
|
+
readonly link: "/trygghet/trygg-pa-skjerm/kurs/";
|
|
1306
1306
|
readonly appKey: "open-pages";
|
|
1307
1307
|
}];
|
|
1308
1308
|
readonly links: [{
|
|
@@ -534,8 +534,8 @@ const PRIVATE_LINKS = {
|
|
|
534
534
|
appKey: APP_KEYS["open-pages"]
|
|
535
535
|
},
|
|
536
536
|
{
|
|
537
|
-
name: "
|
|
538
|
-
link: "/trygghet/trygg-pa-skjerm/
|
|
537
|
+
name: "Kurs: Trygg på skjerm",
|
|
538
|
+
link: "/trygghet/trygg-pa-skjerm/kurs/",
|
|
539
539
|
appKey: APP_KEYS["open-pages"]
|
|
540
540
|
}
|
|
541
541
|
],
|
package/dist/style.css
CHANGED
|
@@ -1174,36 +1174,36 @@
|
|
|
1174
1174
|
}
|
|
1175
1175
|
}@layer heading, flex, grid, button, card;
|
|
1176
1176
|
@layer card {
|
|
1177
|
-
._teddy-
|
|
1177
|
+
._teddy-card_1hzu6_3:focus-visible {
|
|
1178
1178
|
outline: var(--teddy-border-width-sm) solid var(--teddy-color-blue-600);
|
|
1179
1179
|
outline-offset: 2px;
|
|
1180
1180
|
}
|
|
1181
|
-
._teddy-
|
|
1181
|
+
._teddy-card_1hzu6_3 {
|
|
1182
1182
|
border-radius: var(--teddy-border-radius-md);
|
|
1183
1183
|
padding: var(--teddy-spacing-250);
|
|
1184
1184
|
position: relative;
|
|
1185
1185
|
}
|
|
1186
1186
|
@media (prefers-reduced-motion: no-preference) {
|
|
1187
|
-
._teddy-
|
|
1187
|
+
._teddy-card_1hzu6_3 {
|
|
1188
1188
|
transition: background-color var(--teddy-motion-duration-100) ease;
|
|
1189
1189
|
}
|
|
1190
1190
|
}
|
|
1191
|
-
._teddy-
|
|
1191
|
+
._teddy-card__slot_1hzu6_17 {
|
|
1192
1192
|
transform: translateY(-50%);
|
|
1193
1193
|
}
|
|
1194
|
-
._teddy-card__slot--
|
|
1194
|
+
._teddy-card__slot--bottom_1hzu6_20 {
|
|
1195
1195
|
transform: translateY(50%);
|
|
1196
1196
|
}
|
|
1197
|
-
._teddy-card__slot--
|
|
1197
|
+
._teddy-card__slot--center_1hzu6_23 {
|
|
1198
1198
|
transform: translate(-50%, -50%);
|
|
1199
1199
|
}
|
|
1200
|
-
._teddy-card__slot--
|
|
1200
|
+
._teddy-card__slot--bottom_1hzu6_20._teddy-card__slot--center_1hzu6_23 {
|
|
1201
1201
|
transform: translate(-50%, 50%);
|
|
1202
1202
|
}
|
|
1203
|
-
._teddy-card__slot--no-
|
|
1203
|
+
._teddy-card__slot--no-translate_1hzu6_29 {
|
|
1204
1204
|
transform: initial;
|
|
1205
1205
|
}
|
|
1206
|
-
._teddy-
|
|
1206
|
+
._teddy-card_1hzu6_3::before {
|
|
1207
1207
|
content: "";
|
|
1208
1208
|
display: block;
|
|
1209
1209
|
position: absolute;
|
|
@@ -1214,95 +1214,95 @@
|
|
|
1214
1214
|
box-shadow: var(--teddy-shadow-sm);
|
|
1215
1215
|
}
|
|
1216
1216
|
@media (prefers-reduced-motion: no-preference) {
|
|
1217
|
-
._teddy-
|
|
1217
|
+
._teddy-card_1hzu6_3::before {
|
|
1218
1218
|
transition: var(--teddy-motion-duration-300) ease;
|
|
1219
1219
|
transition-property: opacity, box-shadow;
|
|
1220
1220
|
}
|
|
1221
1221
|
}
|
|
1222
|
-
._teddy-card--
|
|
1222
|
+
._teddy-card--shadow_1hzu6_48::before {
|
|
1223
1223
|
opacity: 1;
|
|
1224
1224
|
}
|
|
1225
|
-
._teddy-
|
|
1225
|
+
._teddy-card_1hzu6_3:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
|
|
1226
1226
|
cursor: pointer;
|
|
1227
1227
|
}
|
|
1228
|
-
._teddy-
|
|
1228
|
+
._teddy-card_1hzu6_3:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)):hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51))::before {
|
|
1229
1229
|
opacity: 1;
|
|
1230
1230
|
box-shadow: var(--teddy-shadow-md);
|
|
1231
1231
|
}
|
|
1232
|
-
._teddy-card--
|
|
1232
|
+
._teddy-card--border_1hzu6_58 {
|
|
1233
1233
|
border: var(--teddy-border-width-xs) solid transparent;
|
|
1234
1234
|
}
|
|
1235
|
-
._teddy-card--
|
|
1235
|
+
._teddy-card--layout_1hzu6_61 ._teddy-card__illustration_1hzu6_61 {
|
|
1236
1236
|
grid-area: illustration;
|
|
1237
1237
|
}
|
|
1238
|
-
._teddy-card--
|
|
1238
|
+
._teddy-card--layout_1hzu6_61 ._teddy-card__carousel_1hzu6_64 {
|
|
1239
1239
|
grid-area: carousel;
|
|
1240
1240
|
}
|
|
1241
|
-
._teddy-card--
|
|
1241
|
+
._teddy-card--layout_1hzu6_61 ._teddy-card__content_1hzu6_67 {
|
|
1242
1242
|
grid-area: content;
|
|
1243
1243
|
}
|
|
1244
|
-
._teddy-card--
|
|
1244
|
+
._teddy-card--layout_1hzu6_61 ._teddy-card__heading_1hzu6_70 {
|
|
1245
1245
|
grid-area: heading;
|
|
1246
1246
|
}
|
|
1247
|
-
._teddy-card--
|
|
1247
|
+
._teddy-card--layout_1hzu6_61 ._teddy-card__action-wrapper_1hzu6_73 {
|
|
1248
1248
|
grid-area: action;
|
|
1249
1249
|
}
|
|
1250
|
-
._teddy-card--
|
|
1250
|
+
._teddy-card--layout_1hzu6_61 ._teddy-card__footer_1hzu6_76 {
|
|
1251
1251
|
grid-area: footer;
|
|
1252
1252
|
}
|
|
1253
|
-
._teddy-card--
|
|
1253
|
+
._teddy-card--layout_1hzu6_61 ._teddy-card__overline_1hzu6_79 {
|
|
1254
1254
|
grid-area: overline;
|
|
1255
1255
|
}
|
|
1256
|
-
._teddy-card--
|
|
1256
|
+
._teddy-card--layout_1hzu6_61 ._teddy-card__description_1hzu6_82 {
|
|
1257
1257
|
grid-area: description;
|
|
1258
1258
|
}
|
|
1259
|
-
._teddy-card--
|
|
1259
|
+
._teddy-card--layout_1hzu6_61 ._teddy-card__color-dots_1hzu6_85 {
|
|
1260
1260
|
grid-area: colors;
|
|
1261
1261
|
}
|
|
1262
|
-
._teddy-card--
|
|
1262
|
+
._teddy-card--layout_1hzu6_61 ._teddy-card__availability_1hzu6_88 {
|
|
1263
1263
|
grid-area: availability;
|
|
1264
1264
|
}
|
|
1265
|
-
._teddy-card--
|
|
1265
|
+
._teddy-card--layout_1hzu6_61 ._teddy-card__price_1hzu6_91 {
|
|
1266
1266
|
grid-area: price;
|
|
1267
1267
|
}
|
|
1268
|
-
._teddy-card--
|
|
1268
|
+
._teddy-card--default_1hzu6_94 {
|
|
1269
1269
|
display: flex;
|
|
1270
1270
|
flex-direction: column;
|
|
1271
1271
|
gap: var(--teddy-spacing-200);
|
|
1272
1272
|
}
|
|
1273
|
-
._teddy-card--navigation-
|
|
1273
|
+
._teddy-card--navigation-vertical_1hzu6_99 {
|
|
1274
1274
|
grid-template-rows: auto auto 1fr auto;
|
|
1275
1275
|
justify-items: start;
|
|
1276
1276
|
justify-content: stretch;
|
|
1277
1277
|
align-items: baseline;
|
|
1278
1278
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
1279
1279
|
}
|
|
1280
|
-
._teddy-card--navigation-
|
|
1280
|
+
._teddy-card--navigation-vertical_1hzu6_99 ._teddy-card__illustration_1hzu6_61 {
|
|
1281
1281
|
margin-bottom: var(--teddy-spacing-200);
|
|
1282
1282
|
}
|
|
1283
|
-
._teddy-card--navigation-
|
|
1283
|
+
._teddy-card--navigation-vertical_1hzu6_99 ._teddy-card__content_1hzu6_67 {
|
|
1284
1284
|
margin-bottom: var(--teddy-spacing-200);
|
|
1285
1285
|
}
|
|
1286
|
-
._teddy-card--navigation-
|
|
1286
|
+
._teddy-card--navigation-vertical_1hzu6_99 ._teddy-card__heading_1hzu6_70 {
|
|
1287
1287
|
margin-bottom: var(--teddy-spacing-100);
|
|
1288
1288
|
}
|
|
1289
|
-
._teddy-card--navigation-
|
|
1289
|
+
._teddy-card--navigation-vertical_1hzu6_99 ._teddy-card__action-wrapper_1hzu6_73 {
|
|
1290
1290
|
margin-top: auto;
|
|
1291
1291
|
justify-self: end;
|
|
1292
1292
|
}
|
|
1293
|
-
._teddy-card--navigation-horizontal-
|
|
1293
|
+
._teddy-card--navigation-horizontal-small_1hzu6_119 {
|
|
1294
1294
|
grid-template-columns: auto 1fr auto;
|
|
1295
1295
|
grid-template-rows: auto 1fr;
|
|
1296
1296
|
grid-template-areas: "illustration heading action" "illustration content action";
|
|
1297
1297
|
column-gap: var(--teddy-spacing-200);
|
|
1298
1298
|
}
|
|
1299
|
-
._teddy-card--navigation-horizontal-
|
|
1299
|
+
._teddy-card--navigation-horizontal-small_1hzu6_119 ._teddy-card__heading_1hzu6_70 {
|
|
1300
1300
|
margin-bottom: var(--teddy-spacing-100);
|
|
1301
1301
|
}
|
|
1302
|
-
._teddy-card--navigation-horizontal-
|
|
1302
|
+
._teddy-card--navigation-horizontal-small_1hzu6_119 ._teddy-card__action-wrapper_1hzu6_73 {
|
|
1303
1303
|
margin-top: auto;
|
|
1304
1304
|
}
|
|
1305
|
-
._teddy-card--navigation-horizontal-small-
|
|
1305
|
+
._teddy-card--navigation-horizontal-small-centered_1hzu6_131 {
|
|
1306
1306
|
width: 100%;
|
|
1307
1307
|
max-width: 26rem;
|
|
1308
1308
|
grid-template-columns: auto 1fr auto;
|
|
@@ -1311,176 +1311,187 @@
|
|
|
1311
1311
|
align-items: center;
|
|
1312
1312
|
column-gap: var(--teddy-spacing-200);
|
|
1313
1313
|
}
|
|
1314
|
-
._teddy-card--navigation-horizontal-small-
|
|
1314
|
+
._teddy-card--navigation-horizontal-small-centered_1hzu6_131 ._teddy-card__content_1hzu6_67 {
|
|
1315
1315
|
margin-top: var(--teddy-spacing-200);
|
|
1316
1316
|
}
|
|
1317
|
-
._teddy-card--navigation-horizontal-small-
|
|
1317
|
+
._teddy-card--navigation-horizontal-small-centered_1hzu6_131 ._teddy-card__action-wrapper_1hzu6_73 {
|
|
1318
1318
|
margin: 0;
|
|
1319
1319
|
}
|
|
1320
|
-
._teddy-card--navigation-horizontal-small-
|
|
1320
|
+
._teddy-card--navigation-horizontal-small-centered_1hzu6_131 ._teddy-card__illustration_1hzu6_61 {
|
|
1321
1321
|
max-height: 80px;
|
|
1322
1322
|
max-width: 100px;
|
|
1323
1323
|
}
|
|
1324
|
-
._teddy-card--navigation-horizontal-small-
|
|
1324
|
+
._teddy-card--navigation-horizontal-small-centered_1hzu6_131 ._teddy-card__illustration_1hzu6_61 img {
|
|
1325
1325
|
object-fit: contain;
|
|
1326
1326
|
}
|
|
1327
|
-
._teddy-card--navigation-horizontal-
|
|
1327
|
+
._teddy-card--navigation-horizontal-large_1hzu6_153 {
|
|
1328
1328
|
grid-template-columns: 1fr auto;
|
|
1329
1329
|
grid-template-rows: auto auto 1fr;
|
|
1330
1330
|
grid-template-areas: "illustration action" "heading action" "content action";
|
|
1331
1331
|
column-gap: var(--teddy-spacing-200);
|
|
1332
1332
|
}
|
|
1333
|
-
._teddy-card--navigation-horizontal-
|
|
1333
|
+
._teddy-card--navigation-horizontal-large_1hzu6_153 ._teddy-card__heading_1hzu6_70 {
|
|
1334
1334
|
margin-bottom: var(--teddy-spacing-100);
|
|
1335
1335
|
}
|
|
1336
|
-
._teddy-card--navigation-horizontal-
|
|
1336
|
+
._teddy-card--navigation-horizontal-large_1hzu6_153 ._teddy-card__action-wrapper_1hzu6_73 {
|
|
1337
1337
|
margin-top: auto;
|
|
1338
1338
|
}
|
|
1339
|
-
._teddy-card--rich-
|
|
1339
|
+
._teddy-card--rich-card_1hzu6_165 {
|
|
1340
1340
|
justify-items: start;
|
|
1341
1341
|
align-items: baseline;
|
|
1342
1342
|
grid-template-rows: auto auto 1fr auto;
|
|
1343
1343
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
1344
1344
|
}
|
|
1345
|
-
._teddy-card--rich-
|
|
1345
|
+
._teddy-card--rich-card_1hzu6_165 ._teddy-card__illustration_1hzu6_61 {
|
|
1346
1346
|
margin-bottom: var(--teddy-spacing-200);
|
|
1347
1347
|
}
|
|
1348
|
-
._teddy-card--rich-
|
|
1348
|
+
._teddy-card--rich-card_1hzu6_165 ._teddy-card__content_1hzu6_67 {
|
|
1349
1349
|
margin-bottom: var(--teddy-spacing-200);
|
|
1350
1350
|
}
|
|
1351
|
-
._teddy-card--rich-
|
|
1351
|
+
._teddy-card--rich-card_1hzu6_165 ._teddy-card__heading_1hzu6_70 {
|
|
1352
1352
|
margin-bottom: var(--teddy-spacing-100);
|
|
1353
1353
|
}
|
|
1354
|
-
._teddy-card--rich-
|
|
1354
|
+
._teddy-card--rich-card_1hzu6_165 ._teddy-card__action-wrapper_1hzu6_73 {
|
|
1355
1355
|
margin-top: auto;
|
|
1356
1356
|
}
|
|
1357
|
+
@media (min-width: 801px) {
|
|
1358
|
+
._teddy-card--rich-card-large_1hzu6_184 {
|
|
1359
|
+
grid-template-columns: min(45%, 650px) 1fr;
|
|
1360
|
+
}
|
|
1361
|
+
}
|
|
1357
1362
|
@media (max-width: 800px) {
|
|
1358
|
-
._teddy-card--rich-card-
|
|
1363
|
+
._teddy-card--rich-card-large_1hzu6_184 {
|
|
1359
1364
|
align-items: baseline;
|
|
1360
1365
|
grid-template-rows: auto auto 1fr auto;
|
|
1361
1366
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
1362
1367
|
}
|
|
1363
1368
|
}
|
|
1364
|
-
._teddy-card--rich-card-
|
|
1369
|
+
._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__illustration_1hzu6_61 img {
|
|
1365
1370
|
object-fit: cover;
|
|
1366
1371
|
}
|
|
1367
1372
|
@media (min-width: 801px) {
|
|
1368
|
-
._teddy-card--rich-card-
|
|
1373
|
+
._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__illustration_1hzu6_61 {
|
|
1369
1374
|
grid-column-start: 1;
|
|
1370
1375
|
margin-right: var(--teddy-spacing-600);
|
|
1371
1376
|
}
|
|
1372
1377
|
}
|
|
1373
|
-
._teddy-card--rich-card-
|
|
1378
|
+
._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__content_1hzu6_67 {
|
|
1374
1379
|
margin-top: 2rem;
|
|
1375
1380
|
}
|
|
1376
1381
|
@media (min-width: 801px) {
|
|
1377
|
-
._teddy-card--rich-card-
|
|
1382
|
+
._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__content_1hzu6_67 {
|
|
1378
1383
|
grid-column-start: 2;
|
|
1379
1384
|
margin-top: 0;
|
|
1380
1385
|
align-content: center;
|
|
1381
1386
|
}
|
|
1382
1387
|
}
|
|
1383
|
-
._teddy-card--rich-card-
|
|
1388
|
+
._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__action_1hzu6_51 {
|
|
1384
1389
|
margin-top: var(--teddy-spacing-200);
|
|
1385
1390
|
}
|
|
1386
|
-
._teddy-card--rich-card-
|
|
1391
|
+
._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__heading_1hzu6_70 {
|
|
1387
1392
|
margin-top: var(--teddy-spacing-100);
|
|
1388
1393
|
margin-bottom: var(--teddy-spacing-100);
|
|
1389
1394
|
}
|
|
1390
|
-
|
|
1395
|
+
@media (min-width: 801px) {
|
|
1396
|
+
._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__illustration_1hzu6_61,
|
|
1397
|
+
._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__content_1hzu6_67 {
|
|
1398
|
+
grid-area: auto;
|
|
1399
|
+
}
|
|
1400
|
+
}
|
|
1401
|
+
._teddy-card__line_1hzu6_227 {
|
|
1391
1402
|
border: 0;
|
|
1392
1403
|
border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
1393
1404
|
}
|
|
1394
|
-
._teddy-card--purple-
|
|
1405
|
+
._teddy-card--purple-light_1hzu6_231 {
|
|
1395
1406
|
background-color: var(--teddy-color-background-interactive-primary-negative);
|
|
1396
1407
|
color: var(--teddy-color-text-default);
|
|
1397
1408
|
border-color: var(--teddy-color-background-interactive-primary-negative);
|
|
1398
1409
|
}
|
|
1399
|
-
._teddy-card--purple-
|
|
1410
|
+
._teddy-card--purple-light_1hzu6_231:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
|
|
1400
1411
|
background-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
1401
1412
|
}
|
|
1402
|
-
._teddy-card--purple-
|
|
1413
|
+
._teddy-card--purple-light_1hzu6_231:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
|
|
1403
1414
|
background-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
1404
1415
|
}
|
|
1405
|
-
._teddy-card--purple-
|
|
1416
|
+
._teddy-card--purple-light_1hzu6_231:has(._teddy-card__action--disabled_1hzu6_51) {
|
|
1406
1417
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
1407
1418
|
}
|
|
1408
|
-
._teddy-card--purple-
|
|
1419
|
+
._teddy-card--purple-dark_1hzu6_245 {
|
|
1409
1420
|
background-color: var(--teddy-color-brand-deep-purple);
|
|
1410
1421
|
color: var(--teddy-color-text-default-negative);
|
|
1411
1422
|
border-color: var(--teddy-color-brand-deep-purple);
|
|
1412
1423
|
}
|
|
1413
|
-
._teddy-card--purple-
|
|
1424
|
+
._teddy-card--purple-dark_1hzu6_245:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
|
|
1414
1425
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
1415
1426
|
}
|
|
1416
|
-
._teddy-card--purple-
|
|
1427
|
+
._teddy-card--purple-dark_1hzu6_245:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
|
|
1417
1428
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
1418
1429
|
}
|
|
1419
|
-
._teddy-card--purple-
|
|
1430
|
+
._teddy-card--purple-dark_1hzu6_245:has(._teddy-card__action--disabled_1hzu6_51) {
|
|
1420
1431
|
color: var(--teddy-color-text-default);
|
|
1421
1432
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
1422
1433
|
}
|
|
1423
|
-
._teddy-card--purple-
|
|
1434
|
+
._teddy-card--purple-dark_1hzu6_245:has(._teddy-card__action--disabled_1hzu6_51) ._teddy-card__action_1hzu6_51 {
|
|
1424
1435
|
color: var(--teddy-color-text-weak);
|
|
1425
1436
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
1426
1437
|
}
|
|
1427
|
-
._teddy-card--
|
|
1438
|
+
._teddy-card--white_1hzu6_264 {
|
|
1428
1439
|
background-color: var(--teddy-color-brand-white);
|
|
1429
1440
|
color: var(--teddy-color-text-default);
|
|
1430
1441
|
border-color: var(--teddy-color-border-weak);
|
|
1431
1442
|
}
|
|
1432
|
-
._teddy-card--
|
|
1443
|
+
._teddy-card--white_1hzu6_264:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
|
|
1433
1444
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
1434
1445
|
}
|
|
1435
|
-
._teddy-card--
|
|
1446
|
+
._teddy-card--white_1hzu6_264:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
|
|
1436
1447
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
1437
1448
|
}
|
|
1438
|
-
._teddy-card--
|
|
1449
|
+
._teddy-card--white_1hzu6_264:has(._teddy-card__action--disabled_1hzu6_51) {
|
|
1439
1450
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
1440
1451
|
}
|
|
1441
|
-
._teddy-card--
|
|
1452
|
+
._teddy-card--gray_1hzu6_278 {
|
|
1442
1453
|
background-color: var(--teddy-color-background-secondary);
|
|
1443
1454
|
color: var(--teddy-color-text-default);
|
|
1444
1455
|
border-color: var(--teddy-color-border-interactive-subtle);
|
|
1445
1456
|
}
|
|
1446
|
-
._teddy-card--
|
|
1457
|
+
._teddy-card--gray_1hzu6_278:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
|
|
1447
1458
|
background-color: var(--teddy-color-gray-100);
|
|
1448
1459
|
}
|
|
1449
|
-
._teddy-card--
|
|
1460
|
+
._teddy-card--gray_1hzu6_278:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
|
|
1450
1461
|
background-color: var(--teddy-color-gray-200);
|
|
1451
1462
|
}
|
|
1452
|
-
._teddy-card--
|
|
1463
|
+
._teddy-card--gray_1hzu6_278:has(._teddy-card__action--disabled_1hzu6_51) {
|
|
1453
1464
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
1454
1465
|
}
|
|
1455
|
-
._teddy-card--
|
|
1466
|
+
._teddy-card--beige_1hzu6_292 {
|
|
1456
1467
|
background-color: var(--teddy-color-beige-100);
|
|
1457
1468
|
color: var(--teddy-color-text-default);
|
|
1458
1469
|
border-color: var(--teddy-color-beige-300);
|
|
1459
1470
|
}
|
|
1460
|
-
._teddy-card--
|
|
1471
|
+
._teddy-card--beige_1hzu6_292:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
|
|
1461
1472
|
background-color: var(--teddy-color-beige-200);
|
|
1462
1473
|
}
|
|
1463
|
-
._teddy-card--
|
|
1474
|
+
._teddy-card--beige_1hzu6_292:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
|
|
1464
1475
|
background-color: var(--teddy-color-beige-300);
|
|
1465
1476
|
}
|
|
1466
|
-
._teddy-card--
|
|
1477
|
+
._teddy-card--beige_1hzu6_292:has(._teddy-card__action--disabled_1hzu6_51) {
|
|
1467
1478
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
1468
1479
|
}
|
|
1469
|
-
._teddy-card--beige-
|
|
1480
|
+
._teddy-card--beige-light_1hzu6_306 {
|
|
1470
1481
|
background-color: var(--teddy-color-beige-50);
|
|
1471
1482
|
color: var(--teddy-color-text-default);
|
|
1472
1483
|
border-color: var(--teddy-color-beige-200);
|
|
1473
1484
|
}
|
|
1474
|
-
._teddy-card--beige-
|
|
1485
|
+
._teddy-card--beige-light_1hzu6_306:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
|
|
1475
1486
|
background-color: var(--teddy-color-beige-100);
|
|
1476
1487
|
}
|
|
1477
|
-
._teddy-card--beige-
|
|
1488
|
+
._teddy-card--beige-light_1hzu6_306:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
|
|
1478
1489
|
background-color: var(--teddy-color-beige-100);
|
|
1479
1490
|
}
|
|
1480
|
-
._teddy-card--beige-
|
|
1491
|
+
._teddy-card--beige-light_1hzu6_306:has(._teddy-card__action--disabled_1hzu6_51) {
|
|
1481
1492
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
1482
1493
|
}
|
|
1483
|
-
._teddy-card--
|
|
1494
|
+
._teddy-card--product_1hzu6_320 {
|
|
1484
1495
|
grid-template-columns: minmax(0, 100%);
|
|
1485
1496
|
grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
|
|
1486
1497
|
grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
|
|
@@ -1490,134 +1501,134 @@
|
|
|
1490
1501
|
padding-bottom: var(--teddy-spacing-100);
|
|
1491
1502
|
width: 100%;
|
|
1492
1503
|
}
|
|
1493
|
-
._teddy-card--
|
|
1504
|
+
._teddy-card--product_1hzu6_320:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
|
|
1494
1505
|
background-color: var(--teddy-color-brand-white);
|
|
1495
1506
|
outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
|
|
1496
1507
|
outline-offset: calc(var(--teddy-border-width-sm) * -1);
|
|
1497
1508
|
}
|
|
1498
|
-
._teddy-card--
|
|
1509
|
+
._teddy-card--product_1hzu6_320:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) ._teddy-card__carousel_1hzu6_64 .slick-slider .slick-arrow {
|
|
1499
1510
|
display: block !important;
|
|
1500
1511
|
}
|
|
1501
|
-
._teddy-card--
|
|
1512
|
+
._teddy-card--product_1hzu6_320:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
|
|
1502
1513
|
-webkit-tap-highlight-color: transparent;
|
|
1503
1514
|
}
|
|
1504
|
-
._teddy-card--
|
|
1515
|
+
._teddy-card--product_1hzu6_320:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)):not(:has(._teddy-card__carousel_1hzu6_64:active)) {
|
|
1505
1516
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
1506
1517
|
}
|
|
1507
|
-
._teddy-card--
|
|
1518
|
+
._teddy-card--product_1hzu6_320:has(._teddy-card__action--disabled_1hzu6_51) {
|
|
1508
1519
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
1509
1520
|
}
|
|
1510
|
-
._teddy-card--
|
|
1521
|
+
._teddy-card--product_1hzu6_320 ._teddy-card__action-wrapper_1hzu6_73 {
|
|
1511
1522
|
margin-bottom: var(--teddy-spacing-200);
|
|
1512
1523
|
}
|
|
1513
|
-
._teddy-card--
|
|
1524
|
+
._teddy-card--product_1hzu6_320 ._teddy-card__illustration_1hzu6_61 {
|
|
1514
1525
|
height: 180px;
|
|
1515
1526
|
display: grid;
|
|
1516
1527
|
place-items: center;
|
|
1517
1528
|
place-self: center;
|
|
1518
1529
|
margin-bottom: var(--teddy-spacing-400);
|
|
1519
1530
|
}
|
|
1520
|
-
._teddy-card--
|
|
1531
|
+
._teddy-card--product_1hzu6_320 ._teddy-card__illustration_1hzu6_61 img {
|
|
1521
1532
|
max-width: 200px;
|
|
1522
1533
|
max-height: 180px;
|
|
1523
1534
|
object-fit: contain;
|
|
1524
1535
|
}
|
|
1525
|
-
._teddy-card--
|
|
1536
|
+
._teddy-card--product_1hzu6_320 ._teddy-card__carousel_1hzu6_64 .slick-slider .slick-arrow {
|
|
1526
1537
|
display: none !important;
|
|
1527
1538
|
}
|
|
1528
|
-
._teddy-card--
|
|
1539
|
+
._teddy-card--product_1hzu6_320 ._teddy-card__carousel_1hzu6_64 .slick-dots li {
|
|
1529
1540
|
min-width: 12px;
|
|
1530
1541
|
width: initial !important;
|
|
1531
1542
|
margin: 0 0.25rem !important;
|
|
1532
1543
|
}
|
|
1533
|
-
._teddy-card--
|
|
1544
|
+
._teddy-card--product_1hzu6_320 ._teddy-card__carousel_1hzu6_64 .slick-dots .slick-active {
|
|
1534
1545
|
min-width: 24px;
|
|
1535
1546
|
width: initial !important;
|
|
1536
1547
|
}
|
|
1537
|
-
._teddy-card--
|
|
1548
|
+
._teddy-card--product_1hzu6_320 ._teddy-card__overline_1hzu6_79 {
|
|
1538
1549
|
margin-bottom: var(--teddy-spacing-50);
|
|
1539
1550
|
}
|
|
1540
|
-
._teddy-card--
|
|
1551
|
+
._teddy-card--product_1hzu6_320 ._teddy-card__heading_1hzu6_70 {
|
|
1541
1552
|
margin-bottom: var(--teddy-spacing-200);
|
|
1542
1553
|
}
|
|
1543
|
-
._teddy-card--
|
|
1554
|
+
._teddy-card--product_1hzu6_320 ._teddy-card__description_1hzu6_82 {
|
|
1544
1555
|
margin-bottom: var(--teddy-spacing-200);
|
|
1545
1556
|
}
|
|
1546
|
-
._teddy-card--
|
|
1557
|
+
._teddy-card--product_1hzu6_320 ._teddy-card__content_1hzu6_67 {
|
|
1547
1558
|
margin-bottom: var(--teddy-spacing-200);
|
|
1548
1559
|
}
|
|
1549
|
-
._teddy-card--
|
|
1560
|
+
._teddy-card--product_1hzu6_320 ._teddy-card__action_1hzu6_51 {
|
|
1550
1561
|
margin-top: auto;
|
|
1551
1562
|
margin-left: auto;
|
|
1552
1563
|
justify-self: end;
|
|
1553
1564
|
}
|
|
1554
|
-
._teddy-card--
|
|
1565
|
+
._teddy-card--product_1hzu6_320 ._teddy-card__price_1hzu6_91 {
|
|
1555
1566
|
display: flex;
|
|
1556
1567
|
}
|
|
1557
|
-
._teddy-card--
|
|
1568
|
+
._teddy-card--product_1hzu6_320 ._teddy-card__price--big_1hzu6_394 {
|
|
1558
1569
|
font-size: var(--teddy-typography-scale-200);
|
|
1559
1570
|
}
|
|
1560
|
-
._teddy-
|
|
1571
|
+
._teddy-card_1hzu6_3:has(._teddy-card__image--as-background_1hzu6_397) {
|
|
1561
1572
|
background-color: transparent;
|
|
1562
1573
|
}
|
|
1563
|
-
._teddy-
|
|
1574
|
+
._teddy-card__heading_1hzu6_70 {
|
|
1564
1575
|
color: inherit;
|
|
1565
1576
|
}
|
|
1566
|
-
._teddy-card--background-
|
|
1577
|
+
._teddy-card--background-image_1hzu6_403 {
|
|
1567
1578
|
background-repeat: no-repeat;
|
|
1568
1579
|
background-size: cover;
|
|
1569
1580
|
background-position: center;
|
|
1570
1581
|
}
|
|
1571
|
-
._teddy-card__illustration--
|
|
1582
|
+
._teddy-card__illustration--rounded_1hzu6_408 {
|
|
1572
1583
|
border-radius: inherit;
|
|
1573
1584
|
overflow: hidden;
|
|
1574
1585
|
}
|
|
1575
|
-
._teddy-
|
|
1586
|
+
._teddy-card__inset_1hzu6_412 {
|
|
1576
1587
|
overflow: hidden;
|
|
1577
1588
|
}
|
|
1578
|
-
._teddy-card__inset--
|
|
1589
|
+
._teddy-card__inset--top_1hzu6_415 {
|
|
1579
1590
|
margin-top: calc(var(--teddy-spacing-250) * -1);
|
|
1580
1591
|
}
|
|
1581
|
-
._teddy-card__inset--
|
|
1592
|
+
._teddy-card__inset--top_1hzu6_415._teddy-card__inset--left_1hzu6_418 {
|
|
1582
1593
|
border-top-left-radius: inherit;
|
|
1583
1594
|
}
|
|
1584
|
-
._teddy-card__inset--
|
|
1595
|
+
._teddy-card__inset--top_1hzu6_415._teddy-card__inset--right_1hzu6_421 {
|
|
1585
1596
|
border-top-right-radius: inherit;
|
|
1586
1597
|
}
|
|
1587
|
-
._teddy-card__inset--
|
|
1598
|
+
._teddy-card__inset--bottom_1hzu6_424 {
|
|
1588
1599
|
margin-bottom: calc(var(--teddy-spacing-250) * -1);
|
|
1589
1600
|
}
|
|
1590
|
-
._teddy-card__inset--
|
|
1601
|
+
._teddy-card__inset--bottom_1hzu6_424._teddy-card__inset--left_1hzu6_418 {
|
|
1591
1602
|
border-bottom-left-radius: inherit;
|
|
1592
1603
|
}
|
|
1593
|
-
._teddy-card__inset--
|
|
1604
|
+
._teddy-card__inset--bottom_1hzu6_424._teddy-card__inset--right_1hzu6_421 {
|
|
1594
1605
|
border-bottom-right-radius: inherit;
|
|
1595
1606
|
}
|
|
1596
|
-
._teddy-card__inset--
|
|
1607
|
+
._teddy-card__inset--left_1hzu6_418 {
|
|
1597
1608
|
margin-left: calc(var(--teddy-spacing-250) * -1);
|
|
1598
1609
|
}
|
|
1599
|
-
._teddy-card__inset--
|
|
1610
|
+
._teddy-card__inset--right_1hzu6_421 {
|
|
1600
1611
|
margin-right: calc(var(--teddy-spacing-250) * -1);
|
|
1601
1612
|
}
|
|
1602
|
-
._teddy-card__availability--
|
|
1613
|
+
._teddy-card__availability--badge_1hzu6_439 {
|
|
1603
1614
|
margin-right: var(--teddy-spacing-150);
|
|
1604
1615
|
}
|
|
1605
|
-
._teddy-card__availability--
|
|
1616
|
+
._teddy-card__availability--success_1hzu6_442 {
|
|
1606
1617
|
color: var(--teddy-color-text-status-success-strong);
|
|
1607
1618
|
}
|
|
1608
|
-
._teddy-card__availability--
|
|
1619
|
+
._teddy-card__availability--warning_1hzu6_445 {
|
|
1609
1620
|
color: var(--teddy-color-text-status-warning-strong);
|
|
1610
1621
|
}
|
|
1611
|
-
._teddy-card__availability--
|
|
1622
|
+
._teddy-card__availability--error_1hzu6_448 {
|
|
1612
1623
|
color: var(--teddy-color-text-status-error-strong);
|
|
1613
1624
|
}
|
|
1614
|
-
._teddy-card__availability--
|
|
1625
|
+
._teddy-card__availability--special_1hzu6_451 {
|
|
1615
1626
|
color: var(--teddy-color-text-status-special);
|
|
1616
1627
|
}
|
|
1617
|
-
._teddy-card__availability--
|
|
1628
|
+
._teddy-card__availability--neutral_1hzu6_454 {
|
|
1618
1629
|
color: var(--teddy-color-text-status-neutral);
|
|
1619
1630
|
}
|
|
1620
|
-
._teddy-card__availability--
|
|
1631
|
+
._teddy-card__availability--information_1hzu6_457 {
|
|
1621
1632
|
color: var(--teddy-color-text-status-info-strong);
|
|
1622
1633
|
}
|
|
1623
1634
|
}._teddy-flex_1ncy4_1 {
|