@telia/teddy 0.0.69 → 0.0.70
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-slot.cjs +4 -3
- package/dist/components/card/card-slot.js +4 -3
- package/dist/components/card/card.cjs +49 -48
- package/dist/components/card/card.js +49 -48
- package/dist/components/carousel/carousel-root.cjs +4 -4
- package/dist/components/carousel/carousel-root.js +4 -4
- package/dist/style.css +137 -125
- package/package.json +1 -1
|
@@ -9,8 +9,8 @@ const getOffsets = (layout, align) => {
|
|
|
9
9
|
switch (layout) {
|
|
10
10
|
case "product":
|
|
11
11
|
return {
|
|
12
|
-
top: "
|
|
13
|
-
right: "
|
|
12
|
+
top: "100",
|
|
13
|
+
right: "100"
|
|
14
14
|
};
|
|
15
15
|
default:
|
|
16
16
|
return {
|
|
@@ -30,7 +30,8 @@ const Slot = React.forwardRef(
|
|
|
30
30
|
components_card_card.styles[`${components_card_card.rootClassName}__slot`],
|
|
31
31
|
{
|
|
32
32
|
[components_card_card.styles[`${components_card_card.rootClassName}__slot--center`]]: align === "top" || align === "bottom",
|
|
33
|
-
[components_card_card.styles[`${components_card_card.rootClassName}__slot--bottom`]]: align == null ? void 0 : align.includes("bottom")
|
|
33
|
+
[components_card_card.styles[`${components_card_card.rootClassName}__slot--bottom`]]: align == null ? void 0 : align.includes("bottom"),
|
|
34
|
+
[components_card_card.styles[`${components_card_card.rootClassName}__slot--no-translate`]]: layout === "product"
|
|
34
35
|
}
|
|
35
36
|
],
|
|
36
37
|
className
|
|
@@ -7,8 +7,8 @@ const getOffsets = (layout, align) => {
|
|
|
7
7
|
switch (layout) {
|
|
8
8
|
case "product":
|
|
9
9
|
return {
|
|
10
|
-
top: "
|
|
11
|
-
right: "
|
|
10
|
+
top: "100",
|
|
11
|
+
right: "100"
|
|
12
12
|
};
|
|
13
13
|
default:
|
|
14
14
|
return {
|
|
@@ -28,7 +28,8 @@ const Slot = React__default.forwardRef(
|
|
|
28
28
|
styles[`${rootClassName}__slot`],
|
|
29
29
|
{
|
|
30
30
|
[styles[`${rootClassName}__slot--center`]]: align === "top" || align === "bottom",
|
|
31
|
-
[styles[`${rootClassName}__slot--bottom`]]: align == null ? void 0 : align.includes("bottom")
|
|
31
|
+
[styles[`${rootClassName}__slot--bottom`]]: align == null ? void 0 : align.includes("bottom"),
|
|
32
|
+
[styles[`${rootClassName}__slot--no-translate`]]: layout === "product"
|
|
32
33
|
}
|
|
33
34
|
],
|
|
34
35
|
className
|
|
@@ -7,54 +7,55 @@ 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-
|
|
15
|
-
"teddy-
|
|
16
|
-
"teddy-card__action
|
|
17
|
-
"teddy-
|
|
18
|
-
"teddy-card--
|
|
19
|
-
"teddy-
|
|
20
|
-
"teddy-
|
|
21
|
-
"teddy-
|
|
22
|
-
"teddy-
|
|
23
|
-
"teddy-
|
|
24
|
-
"teddy-
|
|
25
|
-
"teddy-
|
|
26
|
-
"teddy-
|
|
27
|
-
"teddy-
|
|
28
|
-
"teddy-
|
|
29
|
-
"teddy-
|
|
30
|
-
"teddy-
|
|
31
|
-
"teddy-card--
|
|
32
|
-
"teddy-card--navigation-
|
|
33
|
-
"teddy-card--navigation-horizontal-
|
|
34
|
-
"teddy-card--
|
|
35
|
-
"teddy-
|
|
36
|
-
"teddy-
|
|
37
|
-
"teddy-card--purple-
|
|
38
|
-
"teddy-card--
|
|
39
|
-
"teddy-card--
|
|
40
|
-
"teddy-card--
|
|
41
|
-
"teddy-card--
|
|
42
|
-
"teddy-
|
|
43
|
-
"teddy-
|
|
44
|
-
"teddy-
|
|
45
|
-
"teddy-
|
|
46
|
-
"teddy-
|
|
47
|
-
"teddy-card__inset
|
|
48
|
-
"teddy-card__inset--
|
|
49
|
-
"teddy-card__inset--
|
|
50
|
-
"teddy-card__inset--
|
|
51
|
-
"teddy-
|
|
52
|
-
"teddy-card__availability--
|
|
53
|
-
"teddy-card__availability--
|
|
54
|
-
"teddy-card__availability--
|
|
55
|
-
"teddy-card__availability--
|
|
56
|
-
"teddy-card__availability--
|
|
57
|
-
"teddy-card__availability--
|
|
10
|
+
"teddy-card": "_teddy-card_1vcct_3",
|
|
11
|
+
"teddy-card__slot": "_teddy-card__slot_1vcct_13",
|
|
12
|
+
"teddy-card__slot--bottom": "_teddy-card__slot--bottom_1vcct_16",
|
|
13
|
+
"teddy-card__slot--center": "_teddy-card__slot--center_1vcct_19",
|
|
14
|
+
"teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1vcct_25",
|
|
15
|
+
"teddy-card--shadow": "_teddy-card--shadow_1vcct_44",
|
|
16
|
+
"teddy-card__action": "_teddy-card__action_1vcct_48",
|
|
17
|
+
"teddy-card__action--disabled": "_teddy-card__action--disabled_1vcct_48",
|
|
18
|
+
"teddy-card--border": "_teddy-card--border_1vcct_55",
|
|
19
|
+
"teddy-card--layout": "_teddy-card--layout_1vcct_58",
|
|
20
|
+
"teddy-card__illustration": "_teddy-card__illustration_1vcct_58",
|
|
21
|
+
"teddy-card__carousel": "_teddy-card__carousel_1vcct_61",
|
|
22
|
+
"teddy-card__content": "_teddy-card__content_1vcct_64",
|
|
23
|
+
"teddy-card__heading": "_teddy-card__heading_1vcct_67",
|
|
24
|
+
"teddy-card__action-wrapper": "_teddy-card__action-wrapper_1vcct_70",
|
|
25
|
+
"teddy-card__footer": "_teddy-card__footer_1vcct_73",
|
|
26
|
+
"teddy-card__overline": "_teddy-card__overline_1vcct_76",
|
|
27
|
+
"teddy-card__description": "_teddy-card__description_1vcct_79",
|
|
28
|
+
"teddy-card__color-dots": "_teddy-card__color-dots_1vcct_82",
|
|
29
|
+
"teddy-card__availability": "_teddy-card__availability_1vcct_85",
|
|
30
|
+
"teddy-card__price": "_teddy-card__price_1vcct_88",
|
|
31
|
+
"teddy-card--default": "_teddy-card--default_1vcct_91",
|
|
32
|
+
"teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1vcct_96",
|
|
33
|
+
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1vcct_115",
|
|
34
|
+
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1vcct_127",
|
|
35
|
+
"teddy-card--rich-card": "_teddy-card--rich-card_1vcct_139",
|
|
36
|
+
"teddy-card__line": "_teddy-card__line_1vcct_157",
|
|
37
|
+
"teddy-card--purple-light": "_teddy-card--purple-light_1vcct_161",
|
|
38
|
+
"teddy-card--purple-dark": "_teddy-card--purple-dark_1vcct_175",
|
|
39
|
+
"teddy-card--white": "_teddy-card--white_1vcct_194",
|
|
40
|
+
"teddy-card--gray": "_teddy-card--gray_1vcct_208",
|
|
41
|
+
"teddy-card--beige": "_teddy-card--beige_1vcct_222",
|
|
42
|
+
"teddy-card--product": "_teddy-card--product_1vcct_236",
|
|
43
|
+
"teddy-card__price--big": "_teddy-card__price--big_1vcct_296",
|
|
44
|
+
"teddy-card__image--as-background": "_teddy-card__image--as-background_1vcct_299",
|
|
45
|
+
"teddy-card--background-image": "_teddy-card--background-image_1vcct_305",
|
|
46
|
+
"teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1vcct_310",
|
|
47
|
+
"teddy-card__inset": "_teddy-card__inset_1vcct_314",
|
|
48
|
+
"teddy-card__inset--top": "_teddy-card__inset--top_1vcct_317",
|
|
49
|
+
"teddy-card__inset--left": "_teddy-card__inset--left_1vcct_320",
|
|
50
|
+
"teddy-card__inset--right": "_teddy-card__inset--right_1vcct_323",
|
|
51
|
+
"teddy-card__inset--bottom": "_teddy-card__inset--bottom_1vcct_326",
|
|
52
|
+
"teddy-card__availability--badge": "_teddy-card__availability--badge_1vcct_341",
|
|
53
|
+
"teddy-card__availability--success": "_teddy-card__availability--success_1vcct_344",
|
|
54
|
+
"teddy-card__availability--warning": "_teddy-card__availability--warning_1vcct_347",
|
|
55
|
+
"teddy-card__availability--error": "_teddy-card__availability--error_1vcct_350",
|
|
56
|
+
"teddy-card__availability--special": "_teddy-card__availability--special_1vcct_353",
|
|
57
|
+
"teddy-card__availability--neutral": "_teddy-card__availability--neutral_1vcct_356",
|
|
58
|
+
"teddy-card__availability--information": "_teddy-card__availability--information_1vcct_359"
|
|
58
59
|
};
|
|
59
60
|
const rootClassName = "teddy-card";
|
|
60
61
|
const actionElementIdentifier = `${rootClassName}__action`;
|
|
@@ -5,54 +5,55 @@ 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-
|
|
13
|
-
"teddy-
|
|
14
|
-
"teddy-card__action
|
|
15
|
-
"teddy-
|
|
16
|
-
"teddy-card--
|
|
17
|
-
"teddy-
|
|
18
|
-
"teddy-
|
|
19
|
-
"teddy-
|
|
20
|
-
"teddy-
|
|
21
|
-
"teddy-
|
|
22
|
-
"teddy-
|
|
23
|
-
"teddy-
|
|
24
|
-
"teddy-
|
|
25
|
-
"teddy-
|
|
26
|
-
"teddy-
|
|
27
|
-
"teddy-
|
|
28
|
-
"teddy-
|
|
29
|
-
"teddy-card--
|
|
30
|
-
"teddy-card--navigation-
|
|
31
|
-
"teddy-card--navigation-horizontal-
|
|
32
|
-
"teddy-card--
|
|
33
|
-
"teddy-
|
|
34
|
-
"teddy-
|
|
35
|
-
"teddy-card--purple-
|
|
36
|
-
"teddy-card--
|
|
37
|
-
"teddy-card--
|
|
38
|
-
"teddy-card--
|
|
39
|
-
"teddy-card--
|
|
40
|
-
"teddy-
|
|
41
|
-
"teddy-
|
|
42
|
-
"teddy-
|
|
43
|
-
"teddy-
|
|
44
|
-
"teddy-
|
|
45
|
-
"teddy-card__inset
|
|
46
|
-
"teddy-card__inset--
|
|
47
|
-
"teddy-card__inset--
|
|
48
|
-
"teddy-card__inset--
|
|
49
|
-
"teddy-
|
|
50
|
-
"teddy-card__availability--
|
|
51
|
-
"teddy-card__availability--
|
|
52
|
-
"teddy-card__availability--
|
|
53
|
-
"teddy-card__availability--
|
|
54
|
-
"teddy-card__availability--
|
|
55
|
-
"teddy-card__availability--
|
|
8
|
+
"teddy-card": "_teddy-card_1vcct_3",
|
|
9
|
+
"teddy-card__slot": "_teddy-card__slot_1vcct_13",
|
|
10
|
+
"teddy-card__slot--bottom": "_teddy-card__slot--bottom_1vcct_16",
|
|
11
|
+
"teddy-card__slot--center": "_teddy-card__slot--center_1vcct_19",
|
|
12
|
+
"teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1vcct_25",
|
|
13
|
+
"teddy-card--shadow": "_teddy-card--shadow_1vcct_44",
|
|
14
|
+
"teddy-card__action": "_teddy-card__action_1vcct_48",
|
|
15
|
+
"teddy-card__action--disabled": "_teddy-card__action--disabled_1vcct_48",
|
|
16
|
+
"teddy-card--border": "_teddy-card--border_1vcct_55",
|
|
17
|
+
"teddy-card--layout": "_teddy-card--layout_1vcct_58",
|
|
18
|
+
"teddy-card__illustration": "_teddy-card__illustration_1vcct_58",
|
|
19
|
+
"teddy-card__carousel": "_teddy-card__carousel_1vcct_61",
|
|
20
|
+
"teddy-card__content": "_teddy-card__content_1vcct_64",
|
|
21
|
+
"teddy-card__heading": "_teddy-card__heading_1vcct_67",
|
|
22
|
+
"teddy-card__action-wrapper": "_teddy-card__action-wrapper_1vcct_70",
|
|
23
|
+
"teddy-card__footer": "_teddy-card__footer_1vcct_73",
|
|
24
|
+
"teddy-card__overline": "_teddy-card__overline_1vcct_76",
|
|
25
|
+
"teddy-card__description": "_teddy-card__description_1vcct_79",
|
|
26
|
+
"teddy-card__color-dots": "_teddy-card__color-dots_1vcct_82",
|
|
27
|
+
"teddy-card__availability": "_teddy-card__availability_1vcct_85",
|
|
28
|
+
"teddy-card__price": "_teddy-card__price_1vcct_88",
|
|
29
|
+
"teddy-card--default": "_teddy-card--default_1vcct_91",
|
|
30
|
+
"teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1vcct_96",
|
|
31
|
+
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1vcct_115",
|
|
32
|
+
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1vcct_127",
|
|
33
|
+
"teddy-card--rich-card": "_teddy-card--rich-card_1vcct_139",
|
|
34
|
+
"teddy-card__line": "_teddy-card__line_1vcct_157",
|
|
35
|
+
"teddy-card--purple-light": "_teddy-card--purple-light_1vcct_161",
|
|
36
|
+
"teddy-card--purple-dark": "_teddy-card--purple-dark_1vcct_175",
|
|
37
|
+
"teddy-card--white": "_teddy-card--white_1vcct_194",
|
|
38
|
+
"teddy-card--gray": "_teddy-card--gray_1vcct_208",
|
|
39
|
+
"teddy-card--beige": "_teddy-card--beige_1vcct_222",
|
|
40
|
+
"teddy-card--product": "_teddy-card--product_1vcct_236",
|
|
41
|
+
"teddy-card__price--big": "_teddy-card__price--big_1vcct_296",
|
|
42
|
+
"teddy-card__image--as-background": "_teddy-card__image--as-background_1vcct_299",
|
|
43
|
+
"teddy-card--background-image": "_teddy-card--background-image_1vcct_305",
|
|
44
|
+
"teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1vcct_310",
|
|
45
|
+
"teddy-card__inset": "_teddy-card__inset_1vcct_314",
|
|
46
|
+
"teddy-card__inset--top": "_teddy-card__inset--top_1vcct_317",
|
|
47
|
+
"teddy-card__inset--left": "_teddy-card__inset--left_1vcct_320",
|
|
48
|
+
"teddy-card__inset--right": "_teddy-card__inset--right_1vcct_323",
|
|
49
|
+
"teddy-card__inset--bottom": "_teddy-card__inset--bottom_1vcct_326",
|
|
50
|
+
"teddy-card__availability--badge": "_teddy-card__availability--badge_1vcct_341",
|
|
51
|
+
"teddy-card__availability--success": "_teddy-card__availability--success_1vcct_344",
|
|
52
|
+
"teddy-card__availability--warning": "_teddy-card__availability--warning_1vcct_347",
|
|
53
|
+
"teddy-card__availability--error": "_teddy-card__availability--error_1vcct_350",
|
|
54
|
+
"teddy-card__availability--special": "_teddy-card__availability--special_1vcct_353",
|
|
55
|
+
"teddy-card__availability--neutral": "_teddy-card__availability--neutral_1vcct_356",
|
|
56
|
+
"teddy-card__availability--information": "_teddy-card__availability--information_1vcct_359"
|
|
56
57
|
};
|
|
57
58
|
const rootClassName = "teddy-card";
|
|
58
59
|
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_1p2ww_2",
|
|
12
|
+
"teddy-carousel__arrow": "_teddy-carousel__arrow_1p2ww_9",
|
|
13
|
+
"teddy-carousel__item": "_teddy-carousel__item_1p2ww_18",
|
|
14
|
+
"teddy-carousel--sm": "_teddy-carousel--sm_1p2ww_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_1p2ww_2",
|
|
10
|
+
"teddy-carousel__arrow": "_teddy-carousel__arrow_1p2ww_9",
|
|
11
|
+
"teddy-carousel__item": "_teddy-carousel__item_1p2ww_18",
|
|
12
|
+
"teddy-carousel--sm": "_teddy-carousel--sm_1p2ww_82"
|
|
13
13
|
};
|
|
14
14
|
const rootClassName = "teddy-carousel";
|
|
15
15
|
const CustomArrow = ({
|
package/dist/style.css
CHANGED
|
@@ -2477,29 +2477,32 @@
|
|
|
2477
2477
|
}
|
|
2478
2478
|
}@layer heading, flex, grid, button, card;
|
|
2479
2479
|
@layer card {
|
|
2480
|
-
._teddy-
|
|
2480
|
+
._teddy-card_1vcct_3 {
|
|
2481
2481
|
border-radius: var(--teddy-border-radius-md);
|
|
2482
2482
|
padding: var(--teddy-spacing-250);
|
|
2483
2483
|
position: relative;
|
|
2484
2484
|
}
|
|
2485
2485
|
@media (prefers-reduced-motion: no-preference) {
|
|
2486
|
-
._teddy-
|
|
2486
|
+
._teddy-card_1vcct_3 {
|
|
2487
2487
|
transition: background-color var(--teddy-motion-duration-300) ease;
|
|
2488
2488
|
}
|
|
2489
2489
|
}
|
|
2490
|
-
._teddy-
|
|
2490
|
+
._teddy-card__slot_1vcct_13 {
|
|
2491
2491
|
transform: translateY(-50%);
|
|
2492
2492
|
}
|
|
2493
|
-
._teddy-card__slot--
|
|
2493
|
+
._teddy-card__slot--bottom_1vcct_16 {
|
|
2494
2494
|
transform: translateY(50%);
|
|
2495
2495
|
}
|
|
2496
|
-
._teddy-card__slot--
|
|
2496
|
+
._teddy-card__slot--center_1vcct_19 {
|
|
2497
2497
|
transform: translate(-50%, -50%);
|
|
2498
2498
|
}
|
|
2499
|
-
._teddy-card__slot--
|
|
2499
|
+
._teddy-card__slot--bottom_1vcct_16._teddy-card__slot--center_1vcct_19 {
|
|
2500
2500
|
transform: translate(-50%, 50%);
|
|
2501
2501
|
}
|
|
2502
|
-
._teddy-
|
|
2502
|
+
._teddy-card__slot--no-translate_1vcct_25 {
|
|
2503
|
+
transform: initial;
|
|
2504
|
+
}
|
|
2505
|
+
._teddy-card_1vcct_3::before {
|
|
2503
2506
|
content: "";
|
|
2504
2507
|
display: block;
|
|
2505
2508
|
position: absolute;
|
|
@@ -2510,204 +2513,204 @@
|
|
|
2510
2513
|
box-shadow: var(--teddy-shadow-md);
|
|
2511
2514
|
}
|
|
2512
2515
|
@media (prefers-reduced-motion: no-preference) {
|
|
2513
|
-
._teddy-
|
|
2516
|
+
._teddy-card_1vcct_3::before {
|
|
2514
2517
|
transition: var(--teddy-motion-duration-300) ease;
|
|
2515
2518
|
transition-property: opacity, box-shadow;
|
|
2516
2519
|
}
|
|
2517
2520
|
}
|
|
2518
|
-
._teddy-card--
|
|
2521
|
+
._teddy-card--shadow_1vcct_44::before {
|
|
2519
2522
|
opacity: 1;
|
|
2520
2523
|
box-shadow: var(--teddy-shadow-sm-2);
|
|
2521
2524
|
}
|
|
2522
|
-
._teddy-
|
|
2525
|
+
._teddy-card_1vcct_3:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
|
|
2523
2526
|
cursor: pointer;
|
|
2524
2527
|
}
|
|
2525
|
-
._teddy-
|
|
2528
|
+
._teddy-card_1vcct_3:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48))::before {
|
|
2526
2529
|
opacity: 1;
|
|
2527
2530
|
box-shadow: var(--teddy-shadow-md);
|
|
2528
2531
|
}
|
|
2529
|
-
._teddy-card--
|
|
2532
|
+
._teddy-card--border_1vcct_55 {
|
|
2530
2533
|
border: var(--teddy-border-width-xs) solid transparent;
|
|
2531
2534
|
}
|
|
2532
|
-
._teddy-card--
|
|
2535
|
+
._teddy-card--layout_1vcct_58 ._teddy-card__illustration_1vcct_58 {
|
|
2533
2536
|
grid-area: illustration;
|
|
2534
2537
|
}
|
|
2535
|
-
._teddy-card--
|
|
2538
|
+
._teddy-card--layout_1vcct_58 ._teddy-card__carousel_1vcct_61 {
|
|
2536
2539
|
grid-area: carousel;
|
|
2537
2540
|
}
|
|
2538
|
-
._teddy-card--
|
|
2541
|
+
._teddy-card--layout_1vcct_58 ._teddy-card__content_1vcct_64 {
|
|
2539
2542
|
grid-area: content;
|
|
2540
2543
|
}
|
|
2541
|
-
._teddy-card--
|
|
2544
|
+
._teddy-card--layout_1vcct_58 ._teddy-card__heading_1vcct_67 {
|
|
2542
2545
|
grid-area: heading;
|
|
2543
2546
|
}
|
|
2544
|
-
._teddy-card--
|
|
2547
|
+
._teddy-card--layout_1vcct_58 ._teddy-card__action-wrapper_1vcct_70 {
|
|
2545
2548
|
grid-area: action;
|
|
2546
2549
|
}
|
|
2547
|
-
._teddy-card--
|
|
2550
|
+
._teddy-card--layout_1vcct_58 ._teddy-card__footer_1vcct_73 {
|
|
2548
2551
|
grid-area: footer;
|
|
2549
2552
|
}
|
|
2550
|
-
._teddy-card--
|
|
2553
|
+
._teddy-card--layout_1vcct_58 ._teddy-card__overline_1vcct_76 {
|
|
2551
2554
|
grid-area: overline;
|
|
2552
2555
|
}
|
|
2553
|
-
._teddy-card--
|
|
2556
|
+
._teddy-card--layout_1vcct_58 ._teddy-card__description_1vcct_79 {
|
|
2554
2557
|
grid-area: description;
|
|
2555
2558
|
}
|
|
2556
|
-
._teddy-card--
|
|
2559
|
+
._teddy-card--layout_1vcct_58 ._teddy-card__color-dots_1vcct_82 {
|
|
2557
2560
|
grid-area: colors;
|
|
2558
2561
|
}
|
|
2559
|
-
._teddy-card--
|
|
2562
|
+
._teddy-card--layout_1vcct_58 ._teddy-card__availability_1vcct_85 {
|
|
2560
2563
|
grid-area: availability;
|
|
2561
2564
|
}
|
|
2562
|
-
._teddy-card--
|
|
2565
|
+
._teddy-card--layout_1vcct_58 ._teddy-card__price_1vcct_88 {
|
|
2563
2566
|
grid-area: price;
|
|
2564
2567
|
}
|
|
2565
|
-
._teddy-card--
|
|
2568
|
+
._teddy-card--default_1vcct_91 {
|
|
2566
2569
|
display: flex;
|
|
2567
2570
|
flex-direction: column;
|
|
2568
2571
|
gap: var(--teddy-spacing-200);
|
|
2569
2572
|
}
|
|
2570
|
-
._teddy-card--navigation-
|
|
2573
|
+
._teddy-card--navigation-vertical_1vcct_96 {
|
|
2571
2574
|
grid-template-rows: auto auto 1fr auto;
|
|
2572
2575
|
justify-items: start;
|
|
2573
2576
|
align-items: baseline;
|
|
2574
2577
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2575
2578
|
}
|
|
2576
|
-
._teddy-card--navigation-
|
|
2579
|
+
._teddy-card--navigation-vertical_1vcct_96 ._teddy-card__illustration_1vcct_58 {
|
|
2577
2580
|
margin-bottom: var(--teddy-spacing-200);
|
|
2578
2581
|
}
|
|
2579
|
-
._teddy-card--navigation-
|
|
2582
|
+
._teddy-card--navigation-vertical_1vcct_96 ._teddy-card__content_1vcct_64 {
|
|
2580
2583
|
margin-bottom: var(--teddy-spacing-200);
|
|
2581
2584
|
}
|
|
2582
|
-
._teddy-card--navigation-
|
|
2585
|
+
._teddy-card--navigation-vertical_1vcct_96 ._teddy-card__heading_1vcct_67 {
|
|
2583
2586
|
margin-bottom: var(--teddy-spacing-100);
|
|
2584
2587
|
}
|
|
2585
|
-
._teddy-card--navigation-
|
|
2588
|
+
._teddy-card--navigation-vertical_1vcct_96 ._teddy-card__action_1vcct_48 {
|
|
2586
2589
|
margin-top: auto;
|
|
2587
2590
|
justify-self: end;
|
|
2588
2591
|
}
|
|
2589
|
-
._teddy-card--navigation-horizontal-
|
|
2592
|
+
._teddy-card--navigation-horizontal-small_1vcct_115 {
|
|
2590
2593
|
grid-template-columns: auto 1fr auto;
|
|
2591
2594
|
grid-template-rows: auto 1fr;
|
|
2592
2595
|
grid-template-areas: "illustration heading action" "illustration content action";
|
|
2593
2596
|
column-gap: var(--teddy-spacing-200);
|
|
2594
2597
|
}
|
|
2595
|
-
._teddy-card--navigation-horizontal-
|
|
2598
|
+
._teddy-card--navigation-horizontal-small_1vcct_115 ._teddy-card__heading_1vcct_67 {
|
|
2596
2599
|
margin-bottom: var(--teddy-spacing-100);
|
|
2597
2600
|
}
|
|
2598
|
-
._teddy-card--navigation-horizontal-
|
|
2601
|
+
._teddy-card--navigation-horizontal-small_1vcct_115 ._teddy-card__action_1vcct_48 {
|
|
2599
2602
|
margin-top: auto;
|
|
2600
2603
|
}
|
|
2601
|
-
._teddy-card--navigation-horizontal-
|
|
2604
|
+
._teddy-card--navigation-horizontal-large_1vcct_127 {
|
|
2602
2605
|
grid-template-columns: 1fr auto;
|
|
2603
2606
|
grid-template-rows: auto auto 1fr;
|
|
2604
2607
|
grid-template-areas: "illustration action" "heading action" "content action";
|
|
2605
2608
|
column-gap: var(--teddy-spacing-200);
|
|
2606
2609
|
}
|
|
2607
|
-
._teddy-card--navigation-horizontal-
|
|
2610
|
+
._teddy-card--navigation-horizontal-large_1vcct_127 ._teddy-card__heading_1vcct_67 {
|
|
2608
2611
|
margin-bottom: var(--teddy-spacing-100);
|
|
2609
2612
|
}
|
|
2610
|
-
._teddy-card--navigation-horizontal-
|
|
2613
|
+
._teddy-card--navigation-horizontal-large_1vcct_127 ._teddy-card__action_1vcct_48 {
|
|
2611
2614
|
margin-top: auto;
|
|
2612
2615
|
}
|
|
2613
|
-
._teddy-card--rich-
|
|
2616
|
+
._teddy-card--rich-card_1vcct_139 {
|
|
2614
2617
|
justify-items: start;
|
|
2615
2618
|
align-items: baseline;
|
|
2616
2619
|
grid-template-rows: auto auto 1fr auto;
|
|
2617
2620
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2618
2621
|
}
|
|
2619
|
-
._teddy-card--rich-
|
|
2622
|
+
._teddy-card--rich-card_1vcct_139 ._teddy-card__illustration_1vcct_58 {
|
|
2620
2623
|
margin-bottom: var(--teddy-spacing-200);
|
|
2621
2624
|
}
|
|
2622
|
-
._teddy-card--rich-
|
|
2625
|
+
._teddy-card--rich-card_1vcct_139 ._teddy-card__content_1vcct_64 {
|
|
2623
2626
|
margin-bottom: var(--teddy-spacing-200);
|
|
2624
2627
|
}
|
|
2625
|
-
._teddy-card--rich-
|
|
2628
|
+
._teddy-card--rich-card_1vcct_139 ._teddy-card__heading_1vcct_67 {
|
|
2626
2629
|
margin-bottom: var(--teddy-spacing-100);
|
|
2627
2630
|
}
|
|
2628
|
-
._teddy-card--rich-
|
|
2631
|
+
._teddy-card--rich-card_1vcct_139 ._teddy-card__action_1vcct_48 {
|
|
2629
2632
|
margin-top: auto;
|
|
2630
2633
|
}
|
|
2631
|
-
._teddy-
|
|
2634
|
+
._teddy-card__line_1vcct_157 {
|
|
2632
2635
|
border: 0;
|
|
2633
2636
|
border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
2634
2637
|
}
|
|
2635
|
-
._teddy-card--purple-
|
|
2638
|
+
._teddy-card--purple-light_1vcct_161 {
|
|
2636
2639
|
background-color: var(--teddy-color-background-interactive-primary-negative);
|
|
2637
2640
|
color: var(--teddy-color-text-default);
|
|
2638
2641
|
border-color: var(--teddy-color-background-interactive-primary-negative);
|
|
2639
2642
|
}
|
|
2640
|
-
._teddy-card--purple-
|
|
2643
|
+
._teddy-card--purple-light_1vcct_161:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
|
|
2641
2644
|
background-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
2642
2645
|
}
|
|
2643
|
-
._teddy-card--purple-
|
|
2646
|
+
._teddy-card--purple-light_1vcct_161:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
|
|
2644
2647
|
background-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
2645
2648
|
}
|
|
2646
|
-
._teddy-card--purple-
|
|
2649
|
+
._teddy-card--purple-light_1vcct_161:has(._teddy-card__action--disabled_1vcct_48) {
|
|
2647
2650
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2648
2651
|
}
|
|
2649
|
-
._teddy-card--purple-
|
|
2652
|
+
._teddy-card--purple-dark_1vcct_175 {
|
|
2650
2653
|
background-color: var(--teddy-color-brand-deep-purple);
|
|
2651
2654
|
color: var(--teddy-color-text-default-negative);
|
|
2652
2655
|
border-color: var(--teddy-color-brand-deep-purple);
|
|
2653
2656
|
}
|
|
2654
|
-
._teddy-card--purple-
|
|
2657
|
+
._teddy-card--purple-dark_1vcct_175:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
|
|
2655
2658
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
2656
2659
|
}
|
|
2657
|
-
._teddy-card--purple-
|
|
2660
|
+
._teddy-card--purple-dark_1vcct_175:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
|
|
2658
2661
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
2659
2662
|
}
|
|
2660
|
-
._teddy-card--purple-
|
|
2663
|
+
._teddy-card--purple-dark_1vcct_175:has(._teddy-card__action--disabled_1vcct_48) {
|
|
2661
2664
|
color: var(--teddy-color-text-default);
|
|
2662
2665
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2663
2666
|
}
|
|
2664
|
-
._teddy-card--purple-
|
|
2667
|
+
._teddy-card--purple-dark_1vcct_175:has(._teddy-card__action--disabled_1vcct_48) ._teddy-card__action_1vcct_48 {
|
|
2665
2668
|
color: var(--teddy-color-text-weak);
|
|
2666
2669
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2667
2670
|
}
|
|
2668
|
-
._teddy-card--
|
|
2671
|
+
._teddy-card--white_1vcct_194 {
|
|
2669
2672
|
background-color: var(--teddy-color-brand-white);
|
|
2670
2673
|
color: var(--teddy-color-text-default);
|
|
2671
2674
|
border-color: var(--teddy-color-border-interactive-subtle);
|
|
2672
2675
|
}
|
|
2673
|
-
._teddy-card--
|
|
2676
|
+
._teddy-card--white_1vcct_194:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
|
|
2674
2677
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
2675
2678
|
}
|
|
2676
|
-
._teddy-card--
|
|
2679
|
+
._teddy-card--white_1vcct_194:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
|
|
2677
2680
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
2678
2681
|
}
|
|
2679
|
-
._teddy-card--
|
|
2682
|
+
._teddy-card--white_1vcct_194:has(._teddy-card__action--disabled_1vcct_48) {
|
|
2680
2683
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2681
2684
|
}
|
|
2682
|
-
._teddy-card--
|
|
2685
|
+
._teddy-card--gray_1vcct_208 {
|
|
2683
2686
|
background-color: var(--teddy-color-background-secondary);
|
|
2684
2687
|
color: var(--teddy-color-text-default);
|
|
2685
2688
|
border-color: var(--teddy-color-border-interactive-subtle);
|
|
2686
2689
|
}
|
|
2687
|
-
._teddy-card--
|
|
2690
|
+
._teddy-card--gray_1vcct_208:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
|
|
2688
2691
|
background-color: var(--teddy-color-gray-100);
|
|
2689
2692
|
}
|
|
2690
|
-
._teddy-card--
|
|
2693
|
+
._teddy-card--gray_1vcct_208:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
|
|
2691
2694
|
background-color: var(--teddy-color-gray-200);
|
|
2692
2695
|
}
|
|
2693
|
-
._teddy-card--
|
|
2696
|
+
._teddy-card--gray_1vcct_208:has(._teddy-card__action--disabled_1vcct_48) {
|
|
2694
2697
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2695
2698
|
}
|
|
2696
|
-
._teddy-card--
|
|
2699
|
+
._teddy-card--beige_1vcct_222 {
|
|
2697
2700
|
background-color: var(--teddy-color-beige-100);
|
|
2698
2701
|
color: var(--teddy-color-text-default);
|
|
2699
2702
|
border-color: var(--teddy-color-beige-300);
|
|
2700
2703
|
}
|
|
2701
|
-
._teddy-card--
|
|
2704
|
+
._teddy-card--beige_1vcct_222:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
|
|
2702
2705
|
background-color: var(--teddy-color-beige-200);
|
|
2703
2706
|
}
|
|
2704
|
-
._teddy-card--
|
|
2707
|
+
._teddy-card--beige_1vcct_222:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
|
|
2705
2708
|
background-color: var(--teddy-color-beige-300);
|
|
2706
2709
|
}
|
|
2707
|
-
._teddy-card--
|
|
2710
|
+
._teddy-card--beige_1vcct_222:has(._teddy-card__action--disabled_1vcct_48) {
|
|
2708
2711
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2709
2712
|
}
|
|
2710
|
-
._teddy-card--
|
|
2713
|
+
._teddy-card--product_1vcct_236 {
|
|
2711
2714
|
grid-template-columns: minmax(0, 100%);
|
|
2712
2715
|
grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
|
|
2713
2716
|
grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
|
|
@@ -2718,119 +2721,119 @@
|
|
|
2718
2721
|
padding-bottom: var(--teddy-spacing-100);
|
|
2719
2722
|
width: 100%;
|
|
2720
2723
|
}
|
|
2721
|
-
._teddy-card--
|
|
2724
|
+
._teddy-card--product_1vcct_236:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
|
|
2722
2725
|
background-color: var(--teddy-color-brand-white);
|
|
2723
2726
|
outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
|
|
2724
2727
|
outline-offset: calc(var(--teddy-border-width-sm) * -1);
|
|
2725
2728
|
}
|
|
2726
|
-
._teddy-card--
|
|
2729
|
+
._teddy-card--product_1vcct_236:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
|
|
2727
2730
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
2728
2731
|
}
|
|
2729
|
-
._teddy-card--
|
|
2732
|
+
._teddy-card--product_1vcct_236:has(._teddy-card__action--disabled_1vcct_48) {
|
|
2730
2733
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2731
2734
|
}
|
|
2732
|
-
._teddy-card--
|
|
2735
|
+
._teddy-card--product_1vcct_236 ._teddy-card__illustration_1vcct_58 {
|
|
2733
2736
|
height: 180px;
|
|
2734
2737
|
display: grid;
|
|
2735
2738
|
place-items: center;
|
|
2736
2739
|
place-self: center;
|
|
2737
2740
|
margin-bottom: var(--teddy-spacing-400);
|
|
2738
2741
|
}
|
|
2739
|
-
._teddy-card--
|
|
2742
|
+
._teddy-card--product_1vcct_236 ._teddy-card__illustration_1vcct_58 img {
|
|
2740
2743
|
max-width: 200px;
|
|
2741
2744
|
max-height: 180px;
|
|
2742
2745
|
object-fit: contain;
|
|
2743
2746
|
}
|
|
2744
|
-
._teddy-card--
|
|
2747
|
+
._teddy-card--product_1vcct_236 ._teddy-card__carousel_1vcct_61 .slick-dots li {
|
|
2745
2748
|
min-width: 12px;
|
|
2746
2749
|
width: initial !important;
|
|
2747
2750
|
margin: 0 0.25rem !important;
|
|
2748
2751
|
}
|
|
2749
|
-
._teddy-card--
|
|
2752
|
+
._teddy-card--product_1vcct_236 ._teddy-card__carousel_1vcct_61 .slick-dots .slick-active {
|
|
2750
2753
|
min-width: 24px;
|
|
2751
2754
|
width: initial !important;
|
|
2752
2755
|
}
|
|
2753
|
-
._teddy-card--
|
|
2754
|
-
margin-bottom: var(--teddy-spacing-
|
|
2756
|
+
._teddy-card--product_1vcct_236 ._teddy-card__overline_1vcct_76 {
|
|
2757
|
+
margin-bottom: var(--teddy-spacing-50);
|
|
2755
2758
|
}
|
|
2756
|
-
._teddy-card--
|
|
2759
|
+
._teddy-card--product_1vcct_236 ._teddy-card__heading_1vcct_67 {
|
|
2757
2760
|
margin-bottom: var(--teddy-spacing-200);
|
|
2758
2761
|
}
|
|
2759
|
-
._teddy-card--
|
|
2762
|
+
._teddy-card--product_1vcct_236 ._teddy-card__description_1vcct_79 {
|
|
2760
2763
|
margin-bottom: var(--teddy-spacing-200);
|
|
2761
2764
|
}
|
|
2762
|
-
._teddy-card--
|
|
2765
|
+
._teddy-card--product_1vcct_236 ._teddy-card__action_1vcct_48 {
|
|
2763
2766
|
margin-top: auto;
|
|
2764
2767
|
margin-left: auto;
|
|
2765
2768
|
justify-self: end;
|
|
2766
2769
|
}
|
|
2767
|
-
._teddy-card--
|
|
2770
|
+
._teddy-card--product_1vcct_236 ._teddy-card__price_1vcct_88 {
|
|
2768
2771
|
display: flex;
|
|
2769
2772
|
}
|
|
2770
|
-
._teddy-card--
|
|
2773
|
+
._teddy-card--product_1vcct_236 ._teddy-card__price--big_1vcct_296 {
|
|
2771
2774
|
font-size: var(--teddy-typography-scale-400);
|
|
2772
2775
|
}
|
|
2773
|
-
._teddy-
|
|
2776
|
+
._teddy-card_1vcct_3:has(._teddy-card__image--as-background_1vcct_299) {
|
|
2774
2777
|
background-color: transparent;
|
|
2775
2778
|
}
|
|
2776
|
-
._teddy-
|
|
2779
|
+
._teddy-card__heading_1vcct_67 {
|
|
2777
2780
|
color: inherit;
|
|
2778
2781
|
}
|
|
2779
|
-
._teddy-card--background-
|
|
2782
|
+
._teddy-card--background-image_1vcct_305 {
|
|
2780
2783
|
background-repeat: no-repeat;
|
|
2781
2784
|
background-size: cover;
|
|
2782
2785
|
background-position: center;
|
|
2783
2786
|
}
|
|
2784
|
-
._teddy-card__illustration--
|
|
2787
|
+
._teddy-card__illustration--rounded_1vcct_310 {
|
|
2785
2788
|
border-radius: inherit;
|
|
2786
2789
|
overflow: hidden;
|
|
2787
2790
|
}
|
|
2788
|
-
._teddy-
|
|
2791
|
+
._teddy-card__inset_1vcct_314 {
|
|
2789
2792
|
overflow: hidden;
|
|
2790
2793
|
}
|
|
2791
|
-
._teddy-card__inset--
|
|
2794
|
+
._teddy-card__inset--top_1vcct_317 {
|
|
2792
2795
|
margin-top: calc(var(--teddy-spacing-250) * -1);
|
|
2793
2796
|
}
|
|
2794
|
-
._teddy-card__inset--
|
|
2797
|
+
._teddy-card__inset--top_1vcct_317._teddy-card__inset--left_1vcct_320 {
|
|
2795
2798
|
border-top-left-radius: inherit;
|
|
2796
2799
|
}
|
|
2797
|
-
._teddy-card__inset--
|
|
2800
|
+
._teddy-card__inset--top_1vcct_317._teddy-card__inset--right_1vcct_323 {
|
|
2798
2801
|
border-top-right-radius: inherit;
|
|
2799
2802
|
}
|
|
2800
|
-
._teddy-card__inset--
|
|
2803
|
+
._teddy-card__inset--bottom_1vcct_326 {
|
|
2801
2804
|
margin-bottom: calc(var(--teddy-spacing-250) * -1);
|
|
2802
2805
|
}
|
|
2803
|
-
._teddy-card__inset--
|
|
2806
|
+
._teddy-card__inset--bottom_1vcct_326._teddy-card__inset--left_1vcct_320 {
|
|
2804
2807
|
border-bottom-left-radius: inherit;
|
|
2805
2808
|
}
|
|
2806
|
-
._teddy-card__inset--
|
|
2809
|
+
._teddy-card__inset--bottom_1vcct_326._teddy-card__inset--right_1vcct_323 {
|
|
2807
2810
|
border-bottom-right-radius: inherit;
|
|
2808
2811
|
}
|
|
2809
|
-
._teddy-card__inset--
|
|
2812
|
+
._teddy-card__inset--left_1vcct_320 {
|
|
2810
2813
|
margin-left: calc(var(--teddy-spacing-250) * -1);
|
|
2811
2814
|
}
|
|
2812
|
-
._teddy-card__inset--
|
|
2815
|
+
._teddy-card__inset--right_1vcct_323 {
|
|
2813
2816
|
margin-right: calc(var(--teddy-spacing-250) * -1);
|
|
2814
2817
|
}
|
|
2815
|
-
._teddy-card__availability--
|
|
2818
|
+
._teddy-card__availability--badge_1vcct_341 {
|
|
2816
2819
|
margin-right: var(--teddy-spacing-150);
|
|
2817
2820
|
}
|
|
2818
|
-
._teddy-card__availability--
|
|
2821
|
+
._teddy-card__availability--success_1vcct_344 {
|
|
2819
2822
|
color: var(--teddy-color-text-status-success-strong);
|
|
2820
2823
|
}
|
|
2821
|
-
._teddy-card__availability--
|
|
2824
|
+
._teddy-card__availability--warning_1vcct_347 {
|
|
2822
2825
|
color: var(--teddy-color-text-status-warning-strong);
|
|
2823
2826
|
}
|
|
2824
|
-
._teddy-card__availability--
|
|
2827
|
+
._teddy-card__availability--error_1vcct_350 {
|
|
2825
2828
|
color: var(--teddy-color-text-status-error-strong);
|
|
2826
2829
|
}
|
|
2827
|
-
._teddy-card__availability--
|
|
2830
|
+
._teddy-card__availability--special_1vcct_353 {
|
|
2828
2831
|
color: var(--teddy-color-text-status-special);
|
|
2829
2832
|
}
|
|
2830
|
-
._teddy-card__availability--
|
|
2833
|
+
._teddy-card__availability--neutral_1vcct_356 {
|
|
2831
2834
|
color: var(--teddy-color-text-status-neutral);
|
|
2832
2835
|
}
|
|
2833
|
-
._teddy-card__availability--
|
|
2836
|
+
._teddy-card__availability--information_1vcct_359 {
|
|
2834
2837
|
color: var(--teddy-color-text-status-info-strong);
|
|
2835
2838
|
}
|
|
2836
2839
|
}._teddy-badge_wlyo5_1 {
|
|
@@ -3466,13 +3469,14 @@
|
|
|
3466
3469
|
--teddy-color-brand-core-purple: var(--teddy-color-purple-550);
|
|
3467
3470
|
--teddy-color-brand-deep-purple: var(--teddy-color-purple-900);
|
|
3468
3471
|
}
|
|
3469
|
-
._teddy-
|
|
3472
|
+
._teddy-carousel_1p2ww_2 {
|
|
3470
3473
|
width: 100%;
|
|
3471
3474
|
min-width: 10rem;
|
|
3475
|
+
max-width: 15rem;
|
|
3472
3476
|
height: 288px;
|
|
3473
|
-
margin: 0
|
|
3477
|
+
margin: 0 auto 2rem;
|
|
3474
3478
|
}
|
|
3475
|
-
._teddy-
|
|
3479
|
+
._teddy-carousel__arrow_1p2ww_9 {
|
|
3476
3480
|
display: flex;
|
|
3477
3481
|
justify-content: center;
|
|
3478
3482
|
align-items: center;
|
|
@@ -3481,22 +3485,22 @@
|
|
|
3481
3485
|
height: 2rem;
|
|
3482
3486
|
border-radius: 2rem;
|
|
3483
3487
|
}
|
|
3484
|
-
._teddy-
|
|
3488
|
+
._teddy-carousel__item_1p2ww_18 {
|
|
3485
3489
|
display: flex !important;
|
|
3486
3490
|
justify-content: center;
|
|
3487
3491
|
}
|
|
3488
|
-
._teddy-
|
|
3489
|
-
._teddy-
|
|
3492
|
+
._teddy-carousel_1p2ww_2 .slick-prev:before,
|
|
3493
|
+
._teddy-carousel_1p2ww_2 .slick-next:before {
|
|
3490
3494
|
content: "";
|
|
3491
3495
|
}
|
|
3492
|
-
._teddy-
|
|
3496
|
+
._teddy-carousel_1p2ww_2 .slick-disabled {
|
|
3493
3497
|
cursor: initial;
|
|
3494
3498
|
opacity: 0.3;
|
|
3495
3499
|
}
|
|
3496
|
-
._teddy-
|
|
3500
|
+
._teddy-carousel_1p2ww_2 .slick-track {
|
|
3497
3501
|
display: flex;
|
|
3498
3502
|
}
|
|
3499
|
-
._teddy-
|
|
3503
|
+
._teddy-carousel_1p2ww_2 .slick-slide > div {
|
|
3500
3504
|
display: grid;
|
|
3501
3505
|
place-items: center;
|
|
3502
3506
|
width: 80%;
|
|
@@ -3504,62 +3508,70 @@
|
|
|
3504
3508
|
height: 260px;
|
|
3505
3509
|
padding: 0px;
|
|
3506
3510
|
}
|
|
3507
|
-
._teddy-
|
|
3511
|
+
._teddy-carousel_1p2ww_2 .slick-slide img {
|
|
3508
3512
|
max-width: 10rem;
|
|
3509
3513
|
max-height: 12.5rem;
|
|
3510
3514
|
object-fit: contain;
|
|
3511
3515
|
width: 100%;
|
|
3512
3516
|
height: 100%;
|
|
3513
3517
|
}
|
|
3514
|
-
._teddy-
|
|
3515
|
-
right:
|
|
3518
|
+
._teddy-carousel_1p2ww_2 .slick-next {
|
|
3519
|
+
right: 0;
|
|
3516
3520
|
}
|
|
3517
|
-
._teddy-
|
|
3518
|
-
left:
|
|
3521
|
+
._teddy-carousel_1p2ww_2 .slick-prev {
|
|
3522
|
+
left: 0;
|
|
3519
3523
|
}
|
|
3520
|
-
._teddy-
|
|
3524
|
+
._teddy-carousel_1p2ww_2 .slick-dots {
|
|
3521
3525
|
bottom: -2rem;
|
|
3522
3526
|
margin: 0;
|
|
3523
3527
|
padding: 0;
|
|
3524
3528
|
}
|
|
3525
|
-
._teddy-
|
|
3529
|
+
._teddy-carousel_1p2ww_2 .slick-dots button {
|
|
3526
3530
|
width: 24px;
|
|
3527
3531
|
height: 24px;
|
|
3528
3532
|
}
|
|
3529
|
-
._teddy-
|
|
3533
|
+
._teddy-carousel_1p2ww_2 .slick-dots button:before {
|
|
3530
3534
|
width: 24px;
|
|
3531
3535
|
height: 24px;
|
|
3532
3536
|
}
|
|
3533
|
-
._teddy-
|
|
3537
|
+
._teddy-carousel_1p2ww_2 .slick-dots button:hover:before {
|
|
3534
3538
|
color: var(--teddy-color-purple-700);
|
|
3535
3539
|
}
|
|
3536
|
-
._teddy-
|
|
3540
|
+
._teddy-carousel_1p2ww_2 .slick-dots .slick-active button:before {
|
|
3537
3541
|
color: var(--teddy-color-purple-700);
|
|
3538
3542
|
}
|
|
3539
|
-
._teddy-
|
|
3543
|
+
._teddy-carousel_1p2ww_2 .slick-dots li {
|
|
3540
3544
|
width: 24px;
|
|
3541
3545
|
height: 24px;
|
|
3542
3546
|
margin: 0;
|
|
3543
3547
|
padding: 0;
|
|
3544
3548
|
}
|
|
3545
|
-
._teddy-
|
|
3549
|
+
._teddy-carousel_1p2ww_2 .slick-dots li button:before {
|
|
3546
3550
|
font-size: 1rem;
|
|
3547
3551
|
}
|
|
3548
|
-
._teddy-carousel--
|
|
3552
|
+
._teddy-carousel--sm_1p2ww_82 {
|
|
3549
3553
|
height: 180px;
|
|
3550
3554
|
}
|
|
3551
|
-
._teddy-carousel--
|
|
3555
|
+
._teddy-carousel--sm_1p2ww_82 .slick-slide > div {
|
|
3552
3556
|
height: 170px;
|
|
3553
3557
|
}
|
|
3554
|
-
._teddy-carousel--
|
|
3558
|
+
._teddy-carousel--sm_1p2ww_82 .slick-slide img {
|
|
3555
3559
|
max-width: 8rem;
|
|
3556
3560
|
max-height: 10rem;
|
|
3557
3561
|
}
|
|
3558
|
-
._teddy-carousel--
|
|
3559
|
-
right:
|
|
3562
|
+
._teddy-carousel--sm_1p2ww_82 .slick-next {
|
|
3563
|
+
right: 0.5rem;
|
|
3560
3564
|
}
|
|
3561
|
-
._teddy-carousel--
|
|
3562
|
-
left:
|
|
3565
|
+
._teddy-carousel--sm_1p2ww_82 .slick-prev {
|
|
3566
|
+
left: 0.5rem;
|
|
3567
|
+
}
|
|
3568
|
+
@media (min-width: 600px) {
|
|
3569
|
+
._teddy-carousel--sm_1p2ww_82 .slick-next {
|
|
3570
|
+
right: 0rem;
|
|
3571
|
+
}
|
|
3572
|
+
._teddy-carousel--sm_1p2ww_82 .slick-prev {
|
|
3573
|
+
left: 0rem;
|
|
3574
|
+
}
|
|
3563
3575
|
}@layer heading, button, card, notification;
|
|
3564
3576
|
@layer notification {
|
|
3565
3577
|
._teddy-notification_1ref8_3 {
|