@telia/teddy 0.0.79 → 0.0.81
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -7,57 +7,57 @@ const utils_composeEventHandlers = require("../../utils/composeEventHandlers.cjs
|
|
|
7
7
|
const components_grid_grid = require("../grid/grid.cjs");
|
|
8
8
|
const tokens_color_variables = require("../../tokens/color/variables.cjs");
|
|
9
9
|
const styles = {
|
|
10
|
-
"teddy-card": "_teddy-
|
|
11
|
-
"teddy-card__slot": "_teddy-
|
|
12
|
-
"teddy-card__slot--bottom": "_teddy-card__slot--
|
|
13
|
-
"teddy-card__slot--center": "_teddy-card__slot--
|
|
14
|
-
"teddy-card__slot--no-translate": "_teddy-card__slot--no-
|
|
15
|
-
"teddy-card--shadow": "_teddy-card--
|
|
16
|
-
"teddy-card__action": "_teddy-
|
|
17
|
-
"teddy-card__action--disabled": "_teddy-card__action--
|
|
18
|
-
"teddy-card--border": "_teddy-card--
|
|
19
|
-
"teddy-card--layout": "_teddy-card--
|
|
20
|
-
"teddy-card__illustration": "_teddy-
|
|
21
|
-
"teddy-card__carousel": "_teddy-
|
|
22
|
-
"teddy-card__content": "_teddy-
|
|
23
|
-
"teddy-card__heading": "_teddy-
|
|
24
|
-
"teddy-card__action-wrapper": "_teddy-card__action-
|
|
25
|
-
"teddy-card__footer": "_teddy-
|
|
26
|
-
"teddy-card__overline": "_teddy-
|
|
27
|
-
"teddy-card__description": "_teddy-
|
|
28
|
-
"teddy-card__color-dots": "_teddy-card__color-
|
|
29
|
-
"teddy-card__availability": "_teddy-
|
|
30
|
-
"teddy-card__price": "_teddy-
|
|
31
|
-
"teddy-card--default": "_teddy-card--
|
|
32
|
-
"teddy-card--navigation-vertical": "_teddy-card--navigation-
|
|
33
|
-
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-
|
|
34
|
-
"teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-
|
|
35
|
-
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-
|
|
36
|
-
"teddy-card--rich-card": "_teddy-card--rich-
|
|
37
|
-
"teddy-card--rich-card-large": "_teddy-card--rich-card-
|
|
38
|
-
"teddy-card__line": "_teddy-
|
|
39
|
-
"teddy-card--purple-light": "_teddy-card--purple-
|
|
40
|
-
"teddy-card--purple-dark": "_teddy-card--purple-
|
|
41
|
-
"teddy-card--white": "_teddy-card--
|
|
42
|
-
"teddy-card--gray": "_teddy-card--
|
|
43
|
-
"teddy-card--beige": "_teddy-card--
|
|
44
|
-
"teddy-card--product": "_teddy-card--
|
|
45
|
-
"teddy-card__price--big": "_teddy-card__price--
|
|
46
|
-
"teddy-card__image--as-background": "_teddy-card__image--as-
|
|
47
|
-
"teddy-card--background-image": "_teddy-card--background-
|
|
48
|
-
"teddy-card__illustration--rounded": "_teddy-card__illustration--
|
|
49
|
-
"teddy-card__inset": "_teddy-
|
|
50
|
-
"teddy-card__inset--top": "_teddy-card__inset--
|
|
51
|
-
"teddy-card__inset--left": "_teddy-card__inset--
|
|
52
|
-
"teddy-card__inset--right": "_teddy-card__inset--
|
|
53
|
-
"teddy-card__inset--bottom": "_teddy-card__inset--
|
|
54
|
-
"teddy-card__availability--badge": "_teddy-card__availability--
|
|
55
|
-
"teddy-card__availability--success": "_teddy-card__availability--
|
|
56
|
-
"teddy-card__availability--warning": "_teddy-card__availability--
|
|
57
|
-
"teddy-card__availability--error": "_teddy-card__availability--
|
|
58
|
-
"teddy-card__availability--special": "_teddy-card__availability--
|
|
59
|
-
"teddy-card__availability--neutral": "_teddy-card__availability--
|
|
60
|
-
"teddy-card__availability--information": "_teddy-card__availability--
|
|
10
|
+
"teddy-card": "_teddy-card_7s9sh_3",
|
|
11
|
+
"teddy-card__slot": "_teddy-card__slot_7s9sh_13",
|
|
12
|
+
"teddy-card__slot--bottom": "_teddy-card__slot--bottom_7s9sh_16",
|
|
13
|
+
"teddy-card__slot--center": "_teddy-card__slot--center_7s9sh_19",
|
|
14
|
+
"teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_7s9sh_25",
|
|
15
|
+
"teddy-card--shadow": "_teddy-card--shadow_7s9sh_44",
|
|
16
|
+
"teddy-card__action": "_teddy-card__action_7s9sh_48",
|
|
17
|
+
"teddy-card__action--disabled": "_teddy-card__action--disabled_7s9sh_48",
|
|
18
|
+
"teddy-card--border": "_teddy-card--border_7s9sh_55",
|
|
19
|
+
"teddy-card--layout": "_teddy-card--layout_7s9sh_58",
|
|
20
|
+
"teddy-card__illustration": "_teddy-card__illustration_7s9sh_58",
|
|
21
|
+
"teddy-card__carousel": "_teddy-card__carousel_7s9sh_61",
|
|
22
|
+
"teddy-card__content": "_teddy-card__content_7s9sh_64",
|
|
23
|
+
"teddy-card__heading": "_teddy-card__heading_7s9sh_67",
|
|
24
|
+
"teddy-card__action-wrapper": "_teddy-card__action-wrapper_7s9sh_70",
|
|
25
|
+
"teddy-card__footer": "_teddy-card__footer_7s9sh_73",
|
|
26
|
+
"teddy-card__overline": "_teddy-card__overline_7s9sh_76",
|
|
27
|
+
"teddy-card__description": "_teddy-card__description_7s9sh_79",
|
|
28
|
+
"teddy-card__color-dots": "_teddy-card__color-dots_7s9sh_82",
|
|
29
|
+
"teddy-card__availability": "_teddy-card__availability_7s9sh_85",
|
|
30
|
+
"teddy-card__price": "_teddy-card__price_7s9sh_88",
|
|
31
|
+
"teddy-card--default": "_teddy-card--default_7s9sh_91",
|
|
32
|
+
"teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_7s9sh_96",
|
|
33
|
+
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_7s9sh_116",
|
|
34
|
+
"teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_7s9sh_128",
|
|
35
|
+
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_7s9sh_150",
|
|
36
|
+
"teddy-card--rich-card": "_teddy-card--rich-card_7s9sh_162",
|
|
37
|
+
"teddy-card--rich-card-large": "_teddy-card--rich-card-large_7s9sh_181",
|
|
38
|
+
"teddy-card__line": "_teddy-card__line_7s9sh_213",
|
|
39
|
+
"teddy-card--purple-light": "_teddy-card--purple-light_7s9sh_217",
|
|
40
|
+
"teddy-card--purple-dark": "_teddy-card--purple-dark_7s9sh_231",
|
|
41
|
+
"teddy-card--white": "_teddy-card--white_7s9sh_250",
|
|
42
|
+
"teddy-card--gray": "_teddy-card--gray_7s9sh_264",
|
|
43
|
+
"teddy-card--beige": "_teddy-card--beige_7s9sh_278",
|
|
44
|
+
"teddy-card--product": "_teddy-card--product_7s9sh_292",
|
|
45
|
+
"teddy-card__price--big": "_teddy-card__price--big_7s9sh_362",
|
|
46
|
+
"teddy-card__image--as-background": "_teddy-card__image--as-background_7s9sh_365",
|
|
47
|
+
"teddy-card--background-image": "_teddy-card--background-image_7s9sh_371",
|
|
48
|
+
"teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_7s9sh_376",
|
|
49
|
+
"teddy-card__inset": "_teddy-card__inset_7s9sh_380",
|
|
50
|
+
"teddy-card__inset--top": "_teddy-card__inset--top_7s9sh_383",
|
|
51
|
+
"teddy-card__inset--left": "_teddy-card__inset--left_7s9sh_386",
|
|
52
|
+
"teddy-card__inset--right": "_teddy-card__inset--right_7s9sh_389",
|
|
53
|
+
"teddy-card__inset--bottom": "_teddy-card__inset--bottom_7s9sh_392",
|
|
54
|
+
"teddy-card__availability--badge": "_teddy-card__availability--badge_7s9sh_407",
|
|
55
|
+
"teddy-card__availability--success": "_teddy-card__availability--success_7s9sh_410",
|
|
56
|
+
"teddy-card__availability--warning": "_teddy-card__availability--warning_7s9sh_413",
|
|
57
|
+
"teddy-card__availability--error": "_teddy-card__availability--error_7s9sh_416",
|
|
58
|
+
"teddy-card__availability--special": "_teddy-card__availability--special_7s9sh_419",
|
|
59
|
+
"teddy-card__availability--neutral": "_teddy-card__availability--neutral_7s9sh_422",
|
|
60
|
+
"teddy-card__availability--information": "_teddy-card__availability--information_7s9sh_425"
|
|
61
61
|
};
|
|
62
62
|
const rootClassName = "teddy-card";
|
|
63
63
|
const actionElementIdentifier = `${rootClassName}__action`;
|
|
@@ -5,57 +5,57 @@ import { composeEventHandlers } from "../../utils/composeEventHandlers.js";
|
|
|
5
5
|
import { Grid } from "../grid/grid.js";
|
|
6
6
|
import { teddyColorTransparentWhite850, teddyColorTransparentWhite800, teddyColorTransparentWhite100, teddyColorTransparentBlack600, teddyColorTransparentBlack200 } from "../../tokens/color/variables.js";
|
|
7
7
|
const styles = {
|
|
8
|
-
"teddy-card": "_teddy-
|
|
9
|
-
"teddy-card__slot": "_teddy-
|
|
10
|
-
"teddy-card__slot--bottom": "_teddy-card__slot--
|
|
11
|
-
"teddy-card__slot--center": "_teddy-card__slot--
|
|
12
|
-
"teddy-card__slot--no-translate": "_teddy-card__slot--no-
|
|
13
|
-
"teddy-card--shadow": "_teddy-card--
|
|
14
|
-
"teddy-card__action": "_teddy-
|
|
15
|
-
"teddy-card__action--disabled": "_teddy-card__action--
|
|
16
|
-
"teddy-card--border": "_teddy-card--
|
|
17
|
-
"teddy-card--layout": "_teddy-card--
|
|
18
|
-
"teddy-card__illustration": "_teddy-
|
|
19
|
-
"teddy-card__carousel": "_teddy-
|
|
20
|
-
"teddy-card__content": "_teddy-
|
|
21
|
-
"teddy-card__heading": "_teddy-
|
|
22
|
-
"teddy-card__action-wrapper": "_teddy-card__action-
|
|
23
|
-
"teddy-card__footer": "_teddy-
|
|
24
|
-
"teddy-card__overline": "_teddy-
|
|
25
|
-
"teddy-card__description": "_teddy-
|
|
26
|
-
"teddy-card__color-dots": "_teddy-card__color-
|
|
27
|
-
"teddy-card__availability": "_teddy-
|
|
28
|
-
"teddy-card__price": "_teddy-
|
|
29
|
-
"teddy-card--default": "_teddy-card--
|
|
30
|
-
"teddy-card--navigation-vertical": "_teddy-card--navigation-
|
|
31
|
-
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-
|
|
32
|
-
"teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-
|
|
33
|
-
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-
|
|
34
|
-
"teddy-card--rich-card": "_teddy-card--rich-
|
|
35
|
-
"teddy-card--rich-card-large": "_teddy-card--rich-card-
|
|
36
|
-
"teddy-card__line": "_teddy-
|
|
37
|
-
"teddy-card--purple-light": "_teddy-card--purple-
|
|
38
|
-
"teddy-card--purple-dark": "_teddy-card--purple-
|
|
39
|
-
"teddy-card--white": "_teddy-card--
|
|
40
|
-
"teddy-card--gray": "_teddy-card--
|
|
41
|
-
"teddy-card--beige": "_teddy-card--
|
|
42
|
-
"teddy-card--product": "_teddy-card--
|
|
43
|
-
"teddy-card__price--big": "_teddy-card__price--
|
|
44
|
-
"teddy-card__image--as-background": "_teddy-card__image--as-
|
|
45
|
-
"teddy-card--background-image": "_teddy-card--background-
|
|
46
|
-
"teddy-card__illustration--rounded": "_teddy-card__illustration--
|
|
47
|
-
"teddy-card__inset": "_teddy-
|
|
48
|
-
"teddy-card__inset--top": "_teddy-card__inset--
|
|
49
|
-
"teddy-card__inset--left": "_teddy-card__inset--
|
|
50
|
-
"teddy-card__inset--right": "_teddy-card__inset--
|
|
51
|
-
"teddy-card__inset--bottom": "_teddy-card__inset--
|
|
52
|
-
"teddy-card__availability--badge": "_teddy-card__availability--
|
|
53
|
-
"teddy-card__availability--success": "_teddy-card__availability--
|
|
54
|
-
"teddy-card__availability--warning": "_teddy-card__availability--
|
|
55
|
-
"teddy-card__availability--error": "_teddy-card__availability--
|
|
56
|
-
"teddy-card__availability--special": "_teddy-card__availability--
|
|
57
|
-
"teddy-card__availability--neutral": "_teddy-card__availability--
|
|
58
|
-
"teddy-card__availability--information": "_teddy-card__availability--
|
|
8
|
+
"teddy-card": "_teddy-card_7s9sh_3",
|
|
9
|
+
"teddy-card__slot": "_teddy-card__slot_7s9sh_13",
|
|
10
|
+
"teddy-card__slot--bottom": "_teddy-card__slot--bottom_7s9sh_16",
|
|
11
|
+
"teddy-card__slot--center": "_teddy-card__slot--center_7s9sh_19",
|
|
12
|
+
"teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_7s9sh_25",
|
|
13
|
+
"teddy-card--shadow": "_teddy-card--shadow_7s9sh_44",
|
|
14
|
+
"teddy-card__action": "_teddy-card__action_7s9sh_48",
|
|
15
|
+
"teddy-card__action--disabled": "_teddy-card__action--disabled_7s9sh_48",
|
|
16
|
+
"teddy-card--border": "_teddy-card--border_7s9sh_55",
|
|
17
|
+
"teddy-card--layout": "_teddy-card--layout_7s9sh_58",
|
|
18
|
+
"teddy-card__illustration": "_teddy-card__illustration_7s9sh_58",
|
|
19
|
+
"teddy-card__carousel": "_teddy-card__carousel_7s9sh_61",
|
|
20
|
+
"teddy-card__content": "_teddy-card__content_7s9sh_64",
|
|
21
|
+
"teddy-card__heading": "_teddy-card__heading_7s9sh_67",
|
|
22
|
+
"teddy-card__action-wrapper": "_teddy-card__action-wrapper_7s9sh_70",
|
|
23
|
+
"teddy-card__footer": "_teddy-card__footer_7s9sh_73",
|
|
24
|
+
"teddy-card__overline": "_teddy-card__overline_7s9sh_76",
|
|
25
|
+
"teddy-card__description": "_teddy-card__description_7s9sh_79",
|
|
26
|
+
"teddy-card__color-dots": "_teddy-card__color-dots_7s9sh_82",
|
|
27
|
+
"teddy-card__availability": "_teddy-card__availability_7s9sh_85",
|
|
28
|
+
"teddy-card__price": "_teddy-card__price_7s9sh_88",
|
|
29
|
+
"teddy-card--default": "_teddy-card--default_7s9sh_91",
|
|
30
|
+
"teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_7s9sh_96",
|
|
31
|
+
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_7s9sh_116",
|
|
32
|
+
"teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_7s9sh_128",
|
|
33
|
+
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_7s9sh_150",
|
|
34
|
+
"teddy-card--rich-card": "_teddy-card--rich-card_7s9sh_162",
|
|
35
|
+
"teddy-card--rich-card-large": "_teddy-card--rich-card-large_7s9sh_181",
|
|
36
|
+
"teddy-card__line": "_teddy-card__line_7s9sh_213",
|
|
37
|
+
"teddy-card--purple-light": "_teddy-card--purple-light_7s9sh_217",
|
|
38
|
+
"teddy-card--purple-dark": "_teddy-card--purple-dark_7s9sh_231",
|
|
39
|
+
"teddy-card--white": "_teddy-card--white_7s9sh_250",
|
|
40
|
+
"teddy-card--gray": "_teddy-card--gray_7s9sh_264",
|
|
41
|
+
"teddy-card--beige": "_teddy-card--beige_7s9sh_278",
|
|
42
|
+
"teddy-card--product": "_teddy-card--product_7s9sh_292",
|
|
43
|
+
"teddy-card__price--big": "_teddy-card__price--big_7s9sh_362",
|
|
44
|
+
"teddy-card__image--as-background": "_teddy-card__image--as-background_7s9sh_365",
|
|
45
|
+
"teddy-card--background-image": "_teddy-card--background-image_7s9sh_371",
|
|
46
|
+
"teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_7s9sh_376",
|
|
47
|
+
"teddy-card__inset": "_teddy-card__inset_7s9sh_380",
|
|
48
|
+
"teddy-card__inset--top": "_teddy-card__inset--top_7s9sh_383",
|
|
49
|
+
"teddy-card__inset--left": "_teddy-card__inset--left_7s9sh_386",
|
|
50
|
+
"teddy-card__inset--right": "_teddy-card__inset--right_7s9sh_389",
|
|
51
|
+
"teddy-card__inset--bottom": "_teddy-card__inset--bottom_7s9sh_392",
|
|
52
|
+
"teddy-card__availability--badge": "_teddy-card__availability--badge_7s9sh_407",
|
|
53
|
+
"teddy-card__availability--success": "_teddy-card__availability--success_7s9sh_410",
|
|
54
|
+
"teddy-card__availability--warning": "_teddy-card__availability--warning_7s9sh_413",
|
|
55
|
+
"teddy-card__availability--error": "_teddy-card__availability--error_7s9sh_416",
|
|
56
|
+
"teddy-card__availability--special": "_teddy-card__availability--special_7s9sh_419",
|
|
57
|
+
"teddy-card__availability--neutral": "_teddy-card__availability--neutral_7s9sh_422",
|
|
58
|
+
"teddy-card__availability--information": "_teddy-card__availability--information_7s9sh_425"
|
|
59
59
|
};
|
|
60
60
|
const rootClassName = "teddy-card";
|
|
61
61
|
const actionElementIdentifier = `${rootClassName}__action`;
|
|
@@ -8,10 +8,10 @@ require("../../assets/sprite.269ba410-teddy.svg");
|
|
|
8
8
|
const components_icon_icon = require("../icon/icon.cjs");
|
|
9
9
|
const tokens_color_variables = require("../../tokens/color/variables.cjs");
|
|
10
10
|
const styles = {
|
|
11
|
-
"teddy-carousel": "_teddy-
|
|
12
|
-
"teddy-carousel__arrow": "_teddy-
|
|
13
|
-
"teddy-carousel__item": "_teddy-
|
|
14
|
-
"teddy-carousel--sm": "_teddy-carousel--
|
|
11
|
+
"teddy-carousel": "_teddy-carousel_13hgl_2",
|
|
12
|
+
"teddy-carousel__arrow": "_teddy-carousel__arrow_13hgl_9",
|
|
13
|
+
"teddy-carousel__item": "_teddy-carousel__item_13hgl_18",
|
|
14
|
+
"teddy-carousel--sm": "_teddy-carousel--sm_13hgl_82"
|
|
15
15
|
};
|
|
16
16
|
const rootClassName = "teddy-carousel";
|
|
17
17
|
const CustomArrow = ({
|
|
@@ -6,10 +6,10 @@ import "../../assets/sprite.269ba410-teddy.svg";
|
|
|
6
6
|
import { Icon } from "../icon/icon.js";
|
|
7
7
|
import { teddyColorTextInteractivePrimary } from "../../tokens/color/variables.js";
|
|
8
8
|
const styles = {
|
|
9
|
-
"teddy-carousel": "_teddy-
|
|
10
|
-
"teddy-carousel__arrow": "_teddy-
|
|
11
|
-
"teddy-carousel__item": "_teddy-
|
|
12
|
-
"teddy-carousel--sm": "_teddy-carousel--
|
|
9
|
+
"teddy-carousel": "_teddy-carousel_13hgl_2",
|
|
10
|
+
"teddy-carousel__arrow": "_teddy-carousel__arrow_13hgl_9",
|
|
11
|
+
"teddy-carousel__item": "_teddy-carousel__item_13hgl_18",
|
|
12
|
+
"teddy-carousel--sm": "_teddy-carousel--sm_13hgl_82"
|
|
13
13
|
};
|
|
14
14
|
const rootClassName = "teddy-carousel";
|
|
15
15
|
const CustomArrow = ({
|
package/dist/style.css
CHANGED
|
@@ -2506,32 +2506,32 @@
|
|
|
2506
2506
|
}
|
|
2507
2507
|
}@layer heading, flex, grid, button, card;
|
|
2508
2508
|
@layer card {
|
|
2509
|
-
._teddy-
|
|
2509
|
+
._teddy-card_7s9sh_3 {
|
|
2510
2510
|
border-radius: var(--teddy-border-radius-md);
|
|
2511
2511
|
padding: var(--teddy-spacing-250);
|
|
2512
2512
|
position: relative;
|
|
2513
2513
|
}
|
|
2514
2514
|
@media (prefers-reduced-motion: no-preference) {
|
|
2515
|
-
._teddy-
|
|
2515
|
+
._teddy-card_7s9sh_3 {
|
|
2516
2516
|
transition: background-color var(--teddy-motion-duration-300) ease;
|
|
2517
2517
|
}
|
|
2518
2518
|
}
|
|
2519
|
-
._teddy-
|
|
2519
|
+
._teddy-card__slot_7s9sh_13 {
|
|
2520
2520
|
transform: translateY(-50%);
|
|
2521
2521
|
}
|
|
2522
|
-
._teddy-card__slot--
|
|
2522
|
+
._teddy-card__slot--bottom_7s9sh_16 {
|
|
2523
2523
|
transform: translateY(50%);
|
|
2524
2524
|
}
|
|
2525
|
-
._teddy-card__slot--
|
|
2525
|
+
._teddy-card__slot--center_7s9sh_19 {
|
|
2526
2526
|
transform: translate(-50%, -50%);
|
|
2527
2527
|
}
|
|
2528
|
-
._teddy-card__slot--
|
|
2528
|
+
._teddy-card__slot--bottom_7s9sh_16._teddy-card__slot--center_7s9sh_19 {
|
|
2529
2529
|
transform: translate(-50%, 50%);
|
|
2530
2530
|
}
|
|
2531
|
-
._teddy-card__slot--no-
|
|
2531
|
+
._teddy-card__slot--no-translate_7s9sh_25 {
|
|
2532
2532
|
transform: initial;
|
|
2533
2533
|
}
|
|
2534
|
-
._teddy-
|
|
2534
|
+
._teddy-card_7s9sh_3::before {
|
|
2535
2535
|
content: "";
|
|
2536
2536
|
display: block;
|
|
2537
2537
|
position: absolute;
|
|
@@ -2542,96 +2542,96 @@
|
|
|
2542
2542
|
box-shadow: var(--teddy-shadow-md);
|
|
2543
2543
|
}
|
|
2544
2544
|
@media (prefers-reduced-motion: no-preference) {
|
|
2545
|
-
._teddy-
|
|
2545
|
+
._teddy-card_7s9sh_3::before {
|
|
2546
2546
|
transition: var(--teddy-motion-duration-300) ease;
|
|
2547
2547
|
transition-property: opacity, box-shadow;
|
|
2548
2548
|
}
|
|
2549
2549
|
}
|
|
2550
|
-
._teddy-card--
|
|
2550
|
+
._teddy-card--shadow_7s9sh_44::before {
|
|
2551
2551
|
opacity: 1;
|
|
2552
2552
|
box-shadow: var(--teddy-shadow-sm-2);
|
|
2553
2553
|
}
|
|
2554
|
-
._teddy-
|
|
2554
|
+
._teddy-card_7s9sh_3:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
|
|
2555
2555
|
cursor: pointer;
|
|
2556
2556
|
}
|
|
2557
|
-
._teddy-
|
|
2557
|
+
._teddy-card_7s9sh_3:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48))::before {
|
|
2558
2558
|
opacity: 1;
|
|
2559
2559
|
box-shadow: var(--teddy-shadow-md);
|
|
2560
2560
|
}
|
|
2561
|
-
._teddy-card--
|
|
2561
|
+
._teddy-card--border_7s9sh_55 {
|
|
2562
2562
|
border: var(--teddy-border-width-xs) solid transparent;
|
|
2563
2563
|
}
|
|
2564
|
-
._teddy-card--
|
|
2564
|
+
._teddy-card--layout_7s9sh_58 ._teddy-card__illustration_7s9sh_58 {
|
|
2565
2565
|
grid-area: illustration;
|
|
2566
2566
|
}
|
|
2567
|
-
._teddy-card--
|
|
2567
|
+
._teddy-card--layout_7s9sh_58 ._teddy-card__carousel_7s9sh_61 {
|
|
2568
2568
|
grid-area: carousel;
|
|
2569
2569
|
}
|
|
2570
|
-
._teddy-card--
|
|
2570
|
+
._teddy-card--layout_7s9sh_58 ._teddy-card__content_7s9sh_64 {
|
|
2571
2571
|
grid-area: content;
|
|
2572
2572
|
}
|
|
2573
|
-
._teddy-card--
|
|
2573
|
+
._teddy-card--layout_7s9sh_58 ._teddy-card__heading_7s9sh_67 {
|
|
2574
2574
|
grid-area: heading;
|
|
2575
2575
|
}
|
|
2576
|
-
._teddy-card--
|
|
2576
|
+
._teddy-card--layout_7s9sh_58 ._teddy-card__action-wrapper_7s9sh_70 {
|
|
2577
2577
|
grid-area: action;
|
|
2578
2578
|
}
|
|
2579
|
-
._teddy-card--
|
|
2579
|
+
._teddy-card--layout_7s9sh_58 ._teddy-card__footer_7s9sh_73 {
|
|
2580
2580
|
grid-area: footer;
|
|
2581
2581
|
}
|
|
2582
|
-
._teddy-card--
|
|
2582
|
+
._teddy-card--layout_7s9sh_58 ._teddy-card__overline_7s9sh_76 {
|
|
2583
2583
|
grid-area: overline;
|
|
2584
2584
|
}
|
|
2585
|
-
._teddy-card--
|
|
2585
|
+
._teddy-card--layout_7s9sh_58 ._teddy-card__description_7s9sh_79 {
|
|
2586
2586
|
grid-area: description;
|
|
2587
2587
|
}
|
|
2588
|
-
._teddy-card--
|
|
2588
|
+
._teddy-card--layout_7s9sh_58 ._teddy-card__color-dots_7s9sh_82 {
|
|
2589
2589
|
grid-area: colors;
|
|
2590
2590
|
}
|
|
2591
|
-
._teddy-card--
|
|
2591
|
+
._teddy-card--layout_7s9sh_58 ._teddy-card__availability_7s9sh_85 {
|
|
2592
2592
|
grid-area: availability;
|
|
2593
2593
|
}
|
|
2594
|
-
._teddy-card--
|
|
2594
|
+
._teddy-card--layout_7s9sh_58 ._teddy-card__price_7s9sh_88 {
|
|
2595
2595
|
grid-area: price;
|
|
2596
2596
|
}
|
|
2597
|
-
._teddy-card--
|
|
2597
|
+
._teddy-card--default_7s9sh_91 {
|
|
2598
2598
|
display: flex;
|
|
2599
2599
|
flex-direction: column;
|
|
2600
2600
|
gap: var(--teddy-spacing-200);
|
|
2601
2601
|
}
|
|
2602
|
-
._teddy-card--navigation-
|
|
2602
|
+
._teddy-card--navigation-vertical_7s9sh_96 {
|
|
2603
2603
|
grid-template-rows: auto auto 1fr auto;
|
|
2604
2604
|
justify-items: start;
|
|
2605
2605
|
justify-content: stretch;
|
|
2606
2606
|
align-items: baseline;
|
|
2607
2607
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2608
2608
|
}
|
|
2609
|
-
._teddy-card--navigation-
|
|
2609
|
+
._teddy-card--navigation-vertical_7s9sh_96 ._teddy-card__illustration_7s9sh_58 {
|
|
2610
2610
|
margin-bottom: var(--teddy-spacing-200);
|
|
2611
2611
|
}
|
|
2612
|
-
._teddy-card--navigation-
|
|
2612
|
+
._teddy-card--navigation-vertical_7s9sh_96 ._teddy-card__content_7s9sh_64 {
|
|
2613
2613
|
margin-bottom: var(--teddy-spacing-200);
|
|
2614
2614
|
}
|
|
2615
|
-
._teddy-card--navigation-
|
|
2615
|
+
._teddy-card--navigation-vertical_7s9sh_96 ._teddy-card__heading_7s9sh_67 {
|
|
2616
2616
|
margin-bottom: var(--teddy-spacing-100);
|
|
2617
2617
|
}
|
|
2618
|
-
._teddy-card--navigation-
|
|
2618
|
+
._teddy-card--navigation-vertical_7s9sh_96 ._teddy-card__action-wrapper_7s9sh_70 {
|
|
2619
2619
|
margin-top: auto;
|
|
2620
2620
|
justify-self: end;
|
|
2621
2621
|
}
|
|
2622
|
-
._teddy-card--navigation-horizontal-
|
|
2622
|
+
._teddy-card--navigation-horizontal-small_7s9sh_116 {
|
|
2623
2623
|
grid-template-columns: auto 1fr auto;
|
|
2624
2624
|
grid-template-rows: auto 1fr;
|
|
2625
2625
|
grid-template-areas: "illustration heading action" "illustration content action";
|
|
2626
2626
|
column-gap: var(--teddy-spacing-200);
|
|
2627
2627
|
}
|
|
2628
|
-
._teddy-card--navigation-horizontal-
|
|
2628
|
+
._teddy-card--navigation-horizontal-small_7s9sh_116 ._teddy-card__heading_7s9sh_67 {
|
|
2629
2629
|
margin-bottom: var(--teddy-spacing-100);
|
|
2630
2630
|
}
|
|
2631
|
-
._teddy-card--navigation-horizontal-
|
|
2631
|
+
._teddy-card--navigation-horizontal-small_7s9sh_116 ._teddy-card__action-wrapper_7s9sh_70 {
|
|
2632
2632
|
margin-top: auto;
|
|
2633
2633
|
}
|
|
2634
|
-
._teddy-card--navigation-horizontal-small-
|
|
2634
|
+
._teddy-card--navigation-horizontal-small-centered_7s9sh_128 {
|
|
2635
2635
|
width: 100%;
|
|
2636
2636
|
max-width: 26rem;
|
|
2637
2637
|
grid-template-columns: auto 1fr auto;
|
|
@@ -2640,163 +2640,162 @@
|
|
|
2640
2640
|
align-items: center;
|
|
2641
2641
|
column-gap: var(--teddy-spacing-200);
|
|
2642
2642
|
}
|
|
2643
|
-
._teddy-card--navigation-horizontal-small-
|
|
2643
|
+
._teddy-card--navigation-horizontal-small-centered_7s9sh_128 ._teddy-card__content_7s9sh_64 {
|
|
2644
2644
|
margin-top: var(--teddy-spacing-200);
|
|
2645
2645
|
}
|
|
2646
|
-
._teddy-card--navigation-horizontal-small-
|
|
2646
|
+
._teddy-card--navigation-horizontal-small-centered_7s9sh_128 ._teddy-card__action-wrapper_7s9sh_70 {
|
|
2647
2647
|
margin: 0;
|
|
2648
2648
|
}
|
|
2649
|
-
._teddy-card--navigation-horizontal-small-
|
|
2649
|
+
._teddy-card--navigation-horizontal-small-centered_7s9sh_128 ._teddy-card__illustration_7s9sh_58 {
|
|
2650
2650
|
max-height: 80px;
|
|
2651
2651
|
max-width: 100px;
|
|
2652
2652
|
}
|
|
2653
|
-
._teddy-card--navigation-horizontal-small-
|
|
2653
|
+
._teddy-card--navigation-horizontal-small-centered_7s9sh_128 ._teddy-card__illustration_7s9sh_58 img {
|
|
2654
2654
|
object-fit: contain;
|
|
2655
2655
|
}
|
|
2656
|
-
._teddy-card--navigation-horizontal-
|
|
2656
|
+
._teddy-card--navigation-horizontal-large_7s9sh_150 {
|
|
2657
2657
|
grid-template-columns: 1fr auto;
|
|
2658
2658
|
grid-template-rows: auto auto 1fr;
|
|
2659
2659
|
grid-template-areas: "illustration action" "heading action" "content action";
|
|
2660
2660
|
column-gap: var(--teddy-spacing-200);
|
|
2661
2661
|
}
|
|
2662
|
-
._teddy-card--navigation-horizontal-
|
|
2662
|
+
._teddy-card--navigation-horizontal-large_7s9sh_150 ._teddy-card__heading_7s9sh_67 {
|
|
2663
2663
|
margin-bottom: var(--teddy-spacing-100);
|
|
2664
2664
|
}
|
|
2665
|
-
._teddy-card--navigation-horizontal-
|
|
2665
|
+
._teddy-card--navigation-horizontal-large_7s9sh_150 ._teddy-card__action-wrapper_7s9sh_70 {
|
|
2666
2666
|
margin-top: auto;
|
|
2667
2667
|
}
|
|
2668
|
-
._teddy-card--rich-
|
|
2668
|
+
._teddy-card--rich-card_7s9sh_162 {
|
|
2669
2669
|
justify-items: start;
|
|
2670
2670
|
align-items: baseline;
|
|
2671
2671
|
grid-template-rows: auto auto 1fr auto;
|
|
2672
2672
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2673
2673
|
}
|
|
2674
|
-
._teddy-card--rich-
|
|
2674
|
+
._teddy-card--rich-card_7s9sh_162 ._teddy-card__illustration_7s9sh_58 {
|
|
2675
2675
|
margin-bottom: var(--teddy-spacing-200);
|
|
2676
2676
|
}
|
|
2677
|
-
._teddy-card--rich-
|
|
2677
|
+
._teddy-card--rich-card_7s9sh_162 ._teddy-card__content_7s9sh_64 {
|
|
2678
2678
|
margin-bottom: var(--teddy-spacing-200);
|
|
2679
2679
|
}
|
|
2680
|
-
._teddy-card--rich-
|
|
2680
|
+
._teddy-card--rich-card_7s9sh_162 ._teddy-card__heading_7s9sh_67 {
|
|
2681
2681
|
margin-bottom: var(--teddy-spacing-100);
|
|
2682
2682
|
}
|
|
2683
|
-
._teddy-card--rich-
|
|
2683
|
+
._teddy-card--rich-card_7s9sh_162 ._teddy-card__action-wrapper_7s9sh_70 {
|
|
2684
2684
|
margin-top: auto;
|
|
2685
2685
|
}
|
|
2686
2686
|
@media (max-width: 800px) {
|
|
2687
|
-
._teddy-card--rich-card-
|
|
2688
|
-
justify-items: start;
|
|
2687
|
+
._teddy-card--rich-card-large_7s9sh_181 {
|
|
2689
2688
|
align-items: baseline;
|
|
2690
2689
|
grid-template-rows: auto auto 1fr auto;
|
|
2691
2690
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2692
2691
|
}
|
|
2693
2692
|
}
|
|
2694
|
-
._teddy-card--rich-card-
|
|
2693
|
+
._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__illustration_7s9sh_58 img {
|
|
2695
2694
|
object-fit: cover;
|
|
2696
2695
|
}
|
|
2697
2696
|
@media (min-width: 801px) {
|
|
2698
|
-
._teddy-card--rich-card-
|
|
2697
|
+
._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__illustration_7s9sh_58 {
|
|
2699
2698
|
grid-column-start: 1;
|
|
2700
2699
|
margin-right: var(--teddy-spacing-600);
|
|
2701
2700
|
}
|
|
2702
2701
|
}
|
|
2703
|
-
._teddy-card--rich-card-
|
|
2702
|
+
._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__content_7s9sh_64 {
|
|
2704
2703
|
margin-top: 2rem;
|
|
2705
2704
|
}
|
|
2706
2705
|
@media (min-width: 801px) {
|
|
2707
|
-
._teddy-card--rich-card-
|
|
2706
|
+
._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__content_7s9sh_64 {
|
|
2708
2707
|
grid-column-start: 2;
|
|
2709
2708
|
margin-top: 0;
|
|
2710
2709
|
align-content: center;
|
|
2711
2710
|
}
|
|
2712
2711
|
}
|
|
2713
|
-
._teddy-card--rich-card-
|
|
2712
|
+
._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__action_7s9sh_48 {
|
|
2714
2713
|
margin-top: var(--teddy-spacing-200);
|
|
2715
2714
|
}
|
|
2716
|
-
._teddy-card--rich-card-
|
|
2715
|
+
._teddy-card--rich-card-large_7s9sh_181 ._teddy-card__heading_7s9sh_67 {
|
|
2717
2716
|
margin-top: var(--teddy-spacing-100);
|
|
2718
2717
|
margin-bottom: var(--teddy-spacing-100);
|
|
2719
2718
|
}
|
|
2720
|
-
._teddy-
|
|
2719
|
+
._teddy-card__line_7s9sh_213 {
|
|
2721
2720
|
border: 0;
|
|
2722
2721
|
border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
2723
2722
|
}
|
|
2724
|
-
._teddy-card--purple-
|
|
2723
|
+
._teddy-card--purple-light_7s9sh_217 {
|
|
2725
2724
|
background-color: var(--teddy-color-background-interactive-primary-negative);
|
|
2726
2725
|
color: var(--teddy-color-text-default);
|
|
2727
2726
|
border-color: var(--teddy-color-background-interactive-primary-negative);
|
|
2728
2727
|
}
|
|
2729
|
-
._teddy-card--purple-
|
|
2728
|
+
._teddy-card--purple-light_7s9sh_217:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
|
|
2730
2729
|
background-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
2731
2730
|
}
|
|
2732
|
-
._teddy-card--purple-
|
|
2731
|
+
._teddy-card--purple-light_7s9sh_217:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
|
|
2733
2732
|
background-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
2734
2733
|
}
|
|
2735
|
-
._teddy-card--purple-
|
|
2734
|
+
._teddy-card--purple-light_7s9sh_217:has(._teddy-card__action--disabled_7s9sh_48) {
|
|
2736
2735
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2737
2736
|
}
|
|
2738
|
-
._teddy-card--purple-
|
|
2737
|
+
._teddy-card--purple-dark_7s9sh_231 {
|
|
2739
2738
|
background-color: var(--teddy-color-brand-deep-purple);
|
|
2740
2739
|
color: var(--teddy-color-text-default-negative);
|
|
2741
2740
|
border-color: var(--teddy-color-brand-deep-purple);
|
|
2742
2741
|
}
|
|
2743
|
-
._teddy-card--purple-
|
|
2742
|
+
._teddy-card--purple-dark_7s9sh_231:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
|
|
2744
2743
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
2745
2744
|
}
|
|
2746
|
-
._teddy-card--purple-
|
|
2745
|
+
._teddy-card--purple-dark_7s9sh_231:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
|
|
2747
2746
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
2748
2747
|
}
|
|
2749
|
-
._teddy-card--purple-
|
|
2748
|
+
._teddy-card--purple-dark_7s9sh_231:has(._teddy-card__action--disabled_7s9sh_48) {
|
|
2750
2749
|
color: var(--teddy-color-text-default);
|
|
2751
2750
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2752
2751
|
}
|
|
2753
|
-
._teddy-card--purple-
|
|
2752
|
+
._teddy-card--purple-dark_7s9sh_231:has(._teddy-card__action--disabled_7s9sh_48) ._teddy-card__action_7s9sh_48 {
|
|
2754
2753
|
color: var(--teddy-color-text-weak);
|
|
2755
2754
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2756
2755
|
}
|
|
2757
|
-
._teddy-card--
|
|
2756
|
+
._teddy-card--white_7s9sh_250 {
|
|
2758
2757
|
background-color: var(--teddy-color-brand-white);
|
|
2759
2758
|
color: var(--teddy-color-text-default);
|
|
2760
2759
|
border-color: var(--teddy-color-border-interactive-subtle);
|
|
2761
2760
|
}
|
|
2762
|
-
._teddy-card--
|
|
2761
|
+
._teddy-card--white_7s9sh_250:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
|
|
2763
2762
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
2764
2763
|
}
|
|
2765
|
-
._teddy-card--
|
|
2764
|
+
._teddy-card--white_7s9sh_250:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
|
|
2766
2765
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
2767
2766
|
}
|
|
2768
|
-
._teddy-card--
|
|
2767
|
+
._teddy-card--white_7s9sh_250:has(._teddy-card__action--disabled_7s9sh_48) {
|
|
2769
2768
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2770
2769
|
}
|
|
2771
|
-
._teddy-card--
|
|
2770
|
+
._teddy-card--gray_7s9sh_264 {
|
|
2772
2771
|
background-color: var(--teddy-color-background-secondary);
|
|
2773
2772
|
color: var(--teddy-color-text-default);
|
|
2774
2773
|
border-color: var(--teddy-color-border-interactive-subtle);
|
|
2775
2774
|
}
|
|
2776
|
-
._teddy-card--
|
|
2775
|
+
._teddy-card--gray_7s9sh_264:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
|
|
2777
2776
|
background-color: var(--teddy-color-gray-100);
|
|
2778
2777
|
}
|
|
2779
|
-
._teddy-card--
|
|
2778
|
+
._teddy-card--gray_7s9sh_264:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
|
|
2780
2779
|
background-color: var(--teddy-color-gray-200);
|
|
2781
2780
|
}
|
|
2782
|
-
._teddy-card--
|
|
2781
|
+
._teddy-card--gray_7s9sh_264:has(._teddy-card__action--disabled_7s9sh_48) {
|
|
2783
2782
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2784
2783
|
}
|
|
2785
|
-
._teddy-card--
|
|
2784
|
+
._teddy-card--beige_7s9sh_278 {
|
|
2786
2785
|
background-color: var(--teddy-color-beige-100);
|
|
2787
2786
|
color: var(--teddy-color-text-default);
|
|
2788
2787
|
border-color: var(--teddy-color-beige-300);
|
|
2789
2788
|
}
|
|
2790
|
-
._teddy-card--
|
|
2789
|
+
._teddy-card--beige_7s9sh_278:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
|
|
2791
2790
|
background-color: var(--teddy-color-beige-200);
|
|
2792
2791
|
}
|
|
2793
|
-
._teddy-card--
|
|
2792
|
+
._teddy-card--beige_7s9sh_278:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
|
|
2794
2793
|
background-color: var(--teddy-color-beige-300);
|
|
2795
2794
|
}
|
|
2796
|
-
._teddy-card--
|
|
2795
|
+
._teddy-card--beige_7s9sh_278:has(._teddy-card__action--disabled_7s9sh_48) {
|
|
2797
2796
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2798
2797
|
}
|
|
2799
|
-
._teddy-card--
|
|
2798
|
+
._teddy-card--product_7s9sh_292 {
|
|
2800
2799
|
grid-template-columns: minmax(0, 100%);
|
|
2801
2800
|
grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
|
|
2802
2801
|
grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
|
|
@@ -2807,125 +2806,129 @@
|
|
|
2807
2806
|
padding-bottom: var(--teddy-spacing-100);
|
|
2808
2807
|
width: 100%;
|
|
2809
2808
|
}
|
|
2810
|
-
._teddy-card--
|
|
2809
|
+
._teddy-card--product_7s9sh_292:hover:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
|
|
2811
2810
|
background-color: var(--teddy-color-brand-white);
|
|
2812
2811
|
outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
|
|
2813
2812
|
outline-offset: calc(var(--teddy-border-width-sm) * -1);
|
|
2814
2813
|
}
|
|
2815
|
-
._teddy-card--
|
|
2814
|
+
._teddy-card--product_7s9sh_292:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)) {
|
|
2815
|
+
-webkit-tap-highlight-color: transparent;
|
|
2816
|
+
}
|
|
2817
|
+
._teddy-card--product_7s9sh_292:active:has(._teddy-card__action_7s9sh_48:not(._teddy-card__action--disabled_7s9sh_48)):not(:has(._teddy-card__carousel_7s9sh_61:active)) {
|
|
2816
2818
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
2817
2819
|
}
|
|
2818
|
-
._teddy-card--
|
|
2820
|
+
._teddy-card--product_7s9sh_292:has(._teddy-card__action--disabled_7s9sh_48) {
|
|
2819
2821
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2820
2822
|
}
|
|
2821
|
-
._teddy-card--
|
|
2823
|
+
._teddy-card--product_7s9sh_292 ._teddy-card__action-wrapper_7s9sh_70 {
|
|
2822
2824
|
margin-bottom: var(--teddy-spacing-200);
|
|
2823
2825
|
}
|
|
2824
|
-
._teddy-card--
|
|
2826
|
+
._teddy-card--product_7s9sh_292 ._teddy-card__illustration_7s9sh_58 {
|
|
2825
2827
|
height: 180px;
|
|
2826
2828
|
display: grid;
|
|
2827
2829
|
place-items: center;
|
|
2828
2830
|
place-self: center;
|
|
2829
2831
|
margin-bottom: var(--teddy-spacing-400);
|
|
2830
2832
|
}
|
|
2831
|
-
._teddy-card--
|
|
2833
|
+
._teddy-card--product_7s9sh_292 ._teddy-card__illustration_7s9sh_58 img {
|
|
2832
2834
|
max-width: 200px;
|
|
2833
2835
|
max-height: 180px;
|
|
2834
2836
|
object-fit: contain;
|
|
2835
2837
|
}
|
|
2836
|
-
._teddy-card--
|
|
2838
|
+
._teddy-card--product_7s9sh_292 ._teddy-card__carousel_7s9sh_61 .slick-dots li {
|
|
2837
2839
|
min-width: 12px;
|
|
2838
2840
|
width: initial !important;
|
|
2839
2841
|
margin: 0 0.25rem !important;
|
|
2840
2842
|
}
|
|
2841
|
-
._teddy-card--
|
|
2843
|
+
._teddy-card--product_7s9sh_292 ._teddy-card__carousel_7s9sh_61 .slick-dots .slick-active {
|
|
2842
2844
|
min-width: 24px;
|
|
2843
2845
|
width: initial !important;
|
|
2844
2846
|
}
|
|
2845
|
-
._teddy-card--
|
|
2847
|
+
._teddy-card--product_7s9sh_292 ._teddy-card__overline_7s9sh_76 {
|
|
2846
2848
|
margin-bottom: var(--teddy-spacing-50);
|
|
2847
2849
|
}
|
|
2848
|
-
._teddy-card--
|
|
2850
|
+
._teddy-card--product_7s9sh_292 ._teddy-card__heading_7s9sh_67 {
|
|
2849
2851
|
margin-bottom: var(--teddy-spacing-200);
|
|
2852
|
+
min-height: 60px;
|
|
2850
2853
|
}
|
|
2851
|
-
._teddy-card--
|
|
2854
|
+
._teddy-card--product_7s9sh_292 ._teddy-card__description_7s9sh_79 {
|
|
2852
2855
|
margin-bottom: var(--teddy-spacing-200);
|
|
2853
2856
|
}
|
|
2854
|
-
._teddy-card--
|
|
2857
|
+
._teddy-card--product_7s9sh_292 ._teddy-card__content_7s9sh_64 {
|
|
2855
2858
|
margin-bottom: var(--teddy-spacing-200);
|
|
2856
2859
|
}
|
|
2857
|
-
._teddy-card--
|
|
2860
|
+
._teddy-card--product_7s9sh_292 ._teddy-card__action_7s9sh_48 {
|
|
2858
2861
|
margin-top: auto;
|
|
2859
2862
|
margin-left: auto;
|
|
2860
2863
|
justify-self: end;
|
|
2861
2864
|
}
|
|
2862
|
-
._teddy-card--
|
|
2865
|
+
._teddy-card--product_7s9sh_292 ._teddy-card__price_7s9sh_88 {
|
|
2863
2866
|
display: flex;
|
|
2864
2867
|
}
|
|
2865
|
-
._teddy-card--
|
|
2868
|
+
._teddy-card--product_7s9sh_292 ._teddy-card__price--big_7s9sh_362 {
|
|
2866
2869
|
font-size: var(--teddy-typography-scale-200);
|
|
2867
2870
|
}
|
|
2868
|
-
._teddy-
|
|
2871
|
+
._teddy-card_7s9sh_3:has(._teddy-card__image--as-background_7s9sh_365) {
|
|
2869
2872
|
background-color: transparent;
|
|
2870
2873
|
}
|
|
2871
|
-
._teddy-
|
|
2874
|
+
._teddy-card__heading_7s9sh_67 {
|
|
2872
2875
|
color: inherit;
|
|
2873
2876
|
}
|
|
2874
|
-
._teddy-card--background-
|
|
2877
|
+
._teddy-card--background-image_7s9sh_371 {
|
|
2875
2878
|
background-repeat: no-repeat;
|
|
2876
2879
|
background-size: cover;
|
|
2877
2880
|
background-position: center;
|
|
2878
2881
|
}
|
|
2879
|
-
._teddy-card__illustration--
|
|
2882
|
+
._teddy-card__illustration--rounded_7s9sh_376 {
|
|
2880
2883
|
border-radius: inherit;
|
|
2881
2884
|
overflow: hidden;
|
|
2882
2885
|
}
|
|
2883
|
-
._teddy-
|
|
2886
|
+
._teddy-card__inset_7s9sh_380 {
|
|
2884
2887
|
overflow: hidden;
|
|
2885
2888
|
}
|
|
2886
|
-
._teddy-card__inset--
|
|
2889
|
+
._teddy-card__inset--top_7s9sh_383 {
|
|
2887
2890
|
margin-top: calc(var(--teddy-spacing-250) * -1);
|
|
2888
2891
|
}
|
|
2889
|
-
._teddy-card__inset--
|
|
2892
|
+
._teddy-card__inset--top_7s9sh_383._teddy-card__inset--left_7s9sh_386 {
|
|
2890
2893
|
border-top-left-radius: inherit;
|
|
2891
2894
|
}
|
|
2892
|
-
._teddy-card__inset--
|
|
2895
|
+
._teddy-card__inset--top_7s9sh_383._teddy-card__inset--right_7s9sh_389 {
|
|
2893
2896
|
border-top-right-radius: inherit;
|
|
2894
2897
|
}
|
|
2895
|
-
._teddy-card__inset--
|
|
2898
|
+
._teddy-card__inset--bottom_7s9sh_392 {
|
|
2896
2899
|
margin-bottom: calc(var(--teddy-spacing-250) * -1);
|
|
2897
2900
|
}
|
|
2898
|
-
._teddy-card__inset--
|
|
2901
|
+
._teddy-card__inset--bottom_7s9sh_392._teddy-card__inset--left_7s9sh_386 {
|
|
2899
2902
|
border-bottom-left-radius: inherit;
|
|
2900
2903
|
}
|
|
2901
|
-
._teddy-card__inset--
|
|
2904
|
+
._teddy-card__inset--bottom_7s9sh_392._teddy-card__inset--right_7s9sh_389 {
|
|
2902
2905
|
border-bottom-right-radius: inherit;
|
|
2903
2906
|
}
|
|
2904
|
-
._teddy-card__inset--
|
|
2907
|
+
._teddy-card__inset--left_7s9sh_386 {
|
|
2905
2908
|
margin-left: calc(var(--teddy-spacing-250) * -1);
|
|
2906
2909
|
}
|
|
2907
|
-
._teddy-card__inset--
|
|
2910
|
+
._teddy-card__inset--right_7s9sh_389 {
|
|
2908
2911
|
margin-right: calc(var(--teddy-spacing-250) * -1);
|
|
2909
2912
|
}
|
|
2910
|
-
._teddy-card__availability--
|
|
2913
|
+
._teddy-card__availability--badge_7s9sh_407 {
|
|
2911
2914
|
margin-right: var(--teddy-spacing-150);
|
|
2912
2915
|
}
|
|
2913
|
-
._teddy-card__availability--
|
|
2916
|
+
._teddy-card__availability--success_7s9sh_410 {
|
|
2914
2917
|
color: var(--teddy-color-text-status-success-strong);
|
|
2915
2918
|
}
|
|
2916
|
-
._teddy-card__availability--
|
|
2919
|
+
._teddy-card__availability--warning_7s9sh_413 {
|
|
2917
2920
|
color: var(--teddy-color-text-status-warning-strong);
|
|
2918
2921
|
}
|
|
2919
|
-
._teddy-card__availability--
|
|
2922
|
+
._teddy-card__availability--error_7s9sh_416 {
|
|
2920
2923
|
color: var(--teddy-color-text-status-error-strong);
|
|
2921
2924
|
}
|
|
2922
|
-
._teddy-card__availability--
|
|
2925
|
+
._teddy-card__availability--special_7s9sh_419 {
|
|
2923
2926
|
color: var(--teddy-color-text-status-special);
|
|
2924
2927
|
}
|
|
2925
|
-
._teddy-card__availability--
|
|
2928
|
+
._teddy-card__availability--neutral_7s9sh_422 {
|
|
2926
2929
|
color: var(--teddy-color-text-status-neutral);
|
|
2927
2930
|
}
|
|
2928
|
-
._teddy-card__availability--
|
|
2931
|
+
._teddy-card__availability--information_7s9sh_425 {
|
|
2929
2932
|
color: var(--teddy-color-text-status-info-strong);
|
|
2930
2933
|
}
|
|
2931
2934
|
}._teddy-badge_wlyo5_1 {
|
|
@@ -3561,38 +3564,38 @@
|
|
|
3561
3564
|
--teddy-color-brand-core-purple: var(--teddy-color-purple-550);
|
|
3562
3565
|
--teddy-color-brand-deep-purple: var(--teddy-color-purple-900);
|
|
3563
3566
|
}
|
|
3564
|
-
._teddy-
|
|
3567
|
+
._teddy-carousel_13hgl_2 {
|
|
3565
3568
|
width: 100%;
|
|
3566
3569
|
min-width: 10rem;
|
|
3567
3570
|
max-width: 15rem;
|
|
3568
3571
|
height: 288px;
|
|
3569
3572
|
margin: 0 auto 2rem;
|
|
3570
3573
|
}
|
|
3571
|
-
._teddy-
|
|
3574
|
+
._teddy-carousel__arrow_13hgl_9 {
|
|
3572
3575
|
display: flex;
|
|
3573
3576
|
justify-content: center;
|
|
3574
3577
|
align-items: center;
|
|
3575
3578
|
z-index: 2;
|
|
3576
|
-
width:
|
|
3577
|
-
height:
|
|
3579
|
+
width: 3rem;
|
|
3580
|
+
height: 3rem;
|
|
3578
3581
|
border-radius: 2rem;
|
|
3579
3582
|
}
|
|
3580
|
-
._teddy-
|
|
3583
|
+
._teddy-carousel__item_13hgl_18 {
|
|
3581
3584
|
display: flex !important;
|
|
3582
3585
|
justify-content: center;
|
|
3583
3586
|
}
|
|
3584
|
-
._teddy-
|
|
3585
|
-
._teddy-
|
|
3587
|
+
._teddy-carousel_13hgl_2 .slick-prev:before,
|
|
3588
|
+
._teddy-carousel_13hgl_2 .slick-next:before {
|
|
3586
3589
|
content: "";
|
|
3587
3590
|
}
|
|
3588
|
-
._teddy-
|
|
3591
|
+
._teddy-carousel_13hgl_2 .slick-disabled {
|
|
3589
3592
|
cursor: initial;
|
|
3590
3593
|
opacity: 0.3;
|
|
3591
3594
|
}
|
|
3592
|
-
._teddy-
|
|
3595
|
+
._teddy-carousel_13hgl_2 .slick-track {
|
|
3593
3596
|
display: flex;
|
|
3594
3597
|
}
|
|
3595
|
-
._teddy-
|
|
3598
|
+
._teddy-carousel_13hgl_2 .slick-slide > div {
|
|
3596
3599
|
display: grid;
|
|
3597
3600
|
place-items: center;
|
|
3598
3601
|
width: 80%;
|
|
@@ -3600,68 +3603,68 @@
|
|
|
3600
3603
|
height: 260px;
|
|
3601
3604
|
padding: 0px;
|
|
3602
3605
|
}
|
|
3603
|
-
._teddy-
|
|
3606
|
+
._teddy-carousel_13hgl_2 .slick-slide img {
|
|
3604
3607
|
max-width: 10rem;
|
|
3605
3608
|
max-height: 12.5rem;
|
|
3606
3609
|
object-fit: contain;
|
|
3607
3610
|
width: 100%;
|
|
3608
3611
|
height: 100%;
|
|
3609
3612
|
}
|
|
3610
|
-
._teddy-
|
|
3613
|
+
._teddy-carousel_13hgl_2 .slick-next {
|
|
3611
3614
|
right: 0;
|
|
3612
3615
|
}
|
|
3613
|
-
._teddy-
|
|
3616
|
+
._teddy-carousel_13hgl_2 .slick-prev {
|
|
3614
3617
|
left: 0;
|
|
3615
3618
|
}
|
|
3616
|
-
._teddy-
|
|
3619
|
+
._teddy-carousel_13hgl_2 .slick-dots {
|
|
3617
3620
|
bottom: -2rem;
|
|
3618
3621
|
margin: 0;
|
|
3619
3622
|
padding: 0;
|
|
3620
3623
|
}
|
|
3621
|
-
._teddy-
|
|
3624
|
+
._teddy-carousel_13hgl_2 .slick-dots button {
|
|
3622
3625
|
width: 24px;
|
|
3623
3626
|
height: 24px;
|
|
3624
3627
|
}
|
|
3625
|
-
._teddy-
|
|
3628
|
+
._teddy-carousel_13hgl_2 .slick-dots button:before {
|
|
3626
3629
|
width: 24px;
|
|
3627
3630
|
height: 24px;
|
|
3628
3631
|
}
|
|
3629
|
-
._teddy-
|
|
3632
|
+
._teddy-carousel_13hgl_2 .slick-dots button:hover:before {
|
|
3630
3633
|
color: var(--teddy-color-purple-700);
|
|
3631
3634
|
}
|
|
3632
|
-
._teddy-
|
|
3635
|
+
._teddy-carousel_13hgl_2 .slick-dots .slick-active button:before {
|
|
3633
3636
|
color: var(--teddy-color-purple-700);
|
|
3634
3637
|
}
|
|
3635
|
-
._teddy-
|
|
3638
|
+
._teddy-carousel_13hgl_2 .slick-dots li {
|
|
3636
3639
|
width: 24px;
|
|
3637
3640
|
height: 24px;
|
|
3638
3641
|
margin: 0;
|
|
3639
3642
|
padding: 0;
|
|
3640
3643
|
}
|
|
3641
|
-
._teddy-
|
|
3644
|
+
._teddy-carousel_13hgl_2 .slick-dots li button:before {
|
|
3642
3645
|
font-size: 1rem;
|
|
3643
3646
|
}
|
|
3644
|
-
._teddy-carousel--
|
|
3647
|
+
._teddy-carousel--sm_13hgl_82 {
|
|
3645
3648
|
height: 180px;
|
|
3646
3649
|
}
|
|
3647
|
-
._teddy-carousel--
|
|
3650
|
+
._teddy-carousel--sm_13hgl_82 .slick-slide > div {
|
|
3648
3651
|
height: 170px;
|
|
3649
3652
|
}
|
|
3650
|
-
._teddy-carousel--
|
|
3653
|
+
._teddy-carousel--sm_13hgl_82 .slick-slide img {
|
|
3651
3654
|
max-width: 8rem;
|
|
3652
3655
|
max-height: 10rem;
|
|
3653
3656
|
}
|
|
3654
|
-
._teddy-carousel--
|
|
3657
|
+
._teddy-carousel--sm_13hgl_82 .slick-next {
|
|
3655
3658
|
right: 0.5rem;
|
|
3656
3659
|
}
|
|
3657
|
-
._teddy-carousel--
|
|
3660
|
+
._teddy-carousel--sm_13hgl_82 .slick-prev {
|
|
3658
3661
|
left: 0.5rem;
|
|
3659
3662
|
}
|
|
3660
3663
|
@media (min-width: 600px) {
|
|
3661
|
-
._teddy-carousel--
|
|
3664
|
+
._teddy-carousel--sm_13hgl_82 .slick-next {
|
|
3662
3665
|
right: 0rem;
|
|
3663
3666
|
}
|
|
3664
|
-
._teddy-carousel--
|
|
3667
|
+
._teddy-carousel--sm_13hgl_82 .slick-prev {
|
|
3665
3668
|
left: 0rem;
|
|
3666
3669
|
}
|
|
3667
3670
|
}@layer heading, button, card, notification;
|