@telia/teddy 0.7.16 → 0.7.17

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.
Files changed (4) hide show
  1. package/dist/components/card/card.cjs +52 -52
  2. package/dist/components/card/card.js +52 -52
  3. package/dist/style.css +127 -124
  4. package/package.json +1 -1
package/dist/components/card/card.cjs CHANGED
@@ -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-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"
10
+ "teddy-card": "_teddy-card_vxy5c_3",
11
+ "teddy-card__slot": "_teddy-card__slot_vxy5c_17",
12
+ "teddy-card__slot--bottom": "_teddy-card__slot--bottom_vxy5c_20",
13
+ "teddy-card__slot--center": "_teddy-card__slot--center_vxy5c_23",
14
+ "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_vxy5c_29",
15
+ "teddy-card--shadow": "_teddy-card--shadow_vxy5c_48",
16
+ "teddy-card__action": "_teddy-card__action_vxy5c_51",
17
+ "teddy-card__action--disabled": "_teddy-card__action--disabled_vxy5c_51",
18
+ "teddy-card--border": "_teddy-card--border_vxy5c_58",
19
+ "teddy-card--layout": "_teddy-card--layout_vxy5c_61",
20
+ "teddy-card__illustration": "_teddy-card__illustration_vxy5c_61",
21
+ "teddy-card__carousel": "_teddy-card__carousel_vxy5c_64",
22
+ "teddy-card__content": "_teddy-card__content_vxy5c_67",
23
+ "teddy-card__heading": "_teddy-card__heading_vxy5c_70",
24
+ "teddy-card__action-wrapper": "_teddy-card__action-wrapper_vxy5c_73",
25
+ "teddy-card__footer": "_teddy-card__footer_vxy5c_76",
26
+ "teddy-card__overline": "_teddy-card__overline_vxy5c_79",
27
+ "teddy-card__description": "_teddy-card__description_vxy5c_82",
28
+ "teddy-card__color-dots": "_teddy-card__color-dots_vxy5c_85",
29
+ "teddy-card__availability": "_teddy-card__availability_vxy5c_88",
30
+ "teddy-card__price": "_teddy-card__price_vxy5c_91",
31
+ "teddy-card__line": "_teddy-card__line_vxy5c_94",
32
+ "teddy-card--default": "_teddy-card--default_vxy5c_97",
33
+ "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_vxy5c_102",
34
+ "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_vxy5c_122",
35
+ "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_vxy5c_134",
36
+ "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_vxy5c_156",
37
+ "teddy-card--rich-card": "_teddy-card--rich-card_vxy5c_168",
38
+ "teddy-card--rich-card-large": "_teddy-card--rich-card-large_vxy5c_187",
39
+ "teddy-card--purple-light": "_teddy-card--purple-light_vxy5c_234",
40
+ "teddy-card--purple-dark": "_teddy-card--purple-dark_vxy5c_248",
41
+ "teddy-card--white": "_teddy-card--white_vxy5c_267",
42
+ "teddy-card--gray": "_teddy-card--gray_vxy5c_281",
43
+ "teddy-card--beige": "_teddy-card--beige_vxy5c_295",
44
+ "teddy-card--beige-light": "_teddy-card--beige-light_vxy5c_309",
45
+ "teddy-card--product": "_teddy-card--product_vxy5c_323",
46
+ "teddy-card__price--big": "_teddy-card__price--big_vxy5c_397",
47
+ "teddy-card__image--as-background": "_teddy-card__image--as-background_vxy5c_400",
48
+ "teddy-card--background-image": "_teddy-card--background-image_vxy5c_406",
49
+ "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_vxy5c_411",
50
+ "teddy-card__inset": "_teddy-card__inset_vxy5c_415",
51
+ "teddy-card__inset--top": "_teddy-card__inset--top_vxy5c_418",
52
+ "teddy-card__inset--left": "_teddy-card__inset--left_vxy5c_421",
53
+ "teddy-card__inset--right": "_teddy-card__inset--right_vxy5c_424",
54
+ "teddy-card__inset--bottom": "_teddy-card__inset--bottom_vxy5c_427",
55
+ "teddy-card__availability--badge": "_teddy-card__availability--badge_vxy5c_442",
56
+ "teddy-card__availability--success": "_teddy-card__availability--success_vxy5c_445",
57
+ "teddy-card__availability--warning": "_teddy-card__availability--warning_vxy5c_448",
58
+ "teddy-card__availability--error": "_teddy-card__availability--error_vxy5c_451",
59
+ "teddy-card__availability--special": "_teddy-card__availability--special_vxy5c_454",
60
+ "teddy-card__availability--neutral": "_teddy-card__availability--neutral_vxy5c_457",
61
+ "teddy-card__availability--information": "_teddy-card__availability--information_vxy5c_460"
62
62
  };
63
63
  const rootClassName = "teddy-card";
64
64
  const actionElementIdentifier = `${rootClassName}__action`;
package/dist/components/card/card.js CHANGED
@@ -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-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"
8
+ "teddy-card": "_teddy-card_vxy5c_3",
9
+ "teddy-card__slot": "_teddy-card__slot_vxy5c_17",
10
+ "teddy-card__slot--bottom": "_teddy-card__slot--bottom_vxy5c_20",
11
+ "teddy-card__slot--center": "_teddy-card__slot--center_vxy5c_23",
12
+ "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_vxy5c_29",
13
+ "teddy-card--shadow": "_teddy-card--shadow_vxy5c_48",
14
+ "teddy-card__action": "_teddy-card__action_vxy5c_51",
15
+ "teddy-card__action--disabled": "_teddy-card__action--disabled_vxy5c_51",
16
+ "teddy-card--border": "_teddy-card--border_vxy5c_58",
17
+ "teddy-card--layout": "_teddy-card--layout_vxy5c_61",
18
+ "teddy-card__illustration": "_teddy-card__illustration_vxy5c_61",
19
+ "teddy-card__carousel": "_teddy-card__carousel_vxy5c_64",
20
+ "teddy-card__content": "_teddy-card__content_vxy5c_67",
21
+ "teddy-card__heading": "_teddy-card__heading_vxy5c_70",
22
+ "teddy-card__action-wrapper": "_teddy-card__action-wrapper_vxy5c_73",
23
+ "teddy-card__footer": "_teddy-card__footer_vxy5c_76",
24
+ "teddy-card__overline": "_teddy-card__overline_vxy5c_79",
25
+ "teddy-card__description": "_teddy-card__description_vxy5c_82",
26
+ "teddy-card__color-dots": "_teddy-card__color-dots_vxy5c_85",
27
+ "teddy-card__availability": "_teddy-card__availability_vxy5c_88",
28
+ "teddy-card__price": "_teddy-card__price_vxy5c_91",
29
+ "teddy-card__line": "_teddy-card__line_vxy5c_94",
30
+ "teddy-card--default": "_teddy-card--default_vxy5c_97",
31
+ "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_vxy5c_102",
32
+ "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_vxy5c_122",
33
+ "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_vxy5c_134",
34
+ "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_vxy5c_156",
35
+ "teddy-card--rich-card": "_teddy-card--rich-card_vxy5c_168",
36
+ "teddy-card--rich-card-large": "_teddy-card--rich-card-large_vxy5c_187",
37
+ "teddy-card--purple-light": "_teddy-card--purple-light_vxy5c_234",
38
+ "teddy-card--purple-dark": "_teddy-card--purple-dark_vxy5c_248",
39
+ "teddy-card--white": "_teddy-card--white_vxy5c_267",
40
+ "teddy-card--gray": "_teddy-card--gray_vxy5c_281",
41
+ "teddy-card--beige": "_teddy-card--beige_vxy5c_295",
42
+ "teddy-card--beige-light": "_teddy-card--beige-light_vxy5c_309",
43
+ "teddy-card--product": "_teddy-card--product_vxy5c_323",
44
+ "teddy-card__price--big": "_teddy-card__price--big_vxy5c_397",
45
+ "teddy-card__image--as-background": "_teddy-card__image--as-background_vxy5c_400",
46
+ "teddy-card--background-image": "_teddy-card--background-image_vxy5c_406",
47
+ "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_vxy5c_411",
48
+ "teddy-card__inset": "_teddy-card__inset_vxy5c_415",
49
+ "teddy-card__inset--top": "_teddy-card__inset--top_vxy5c_418",
50
+ "teddy-card__inset--left": "_teddy-card__inset--left_vxy5c_421",
51
+ "teddy-card__inset--right": "_teddy-card__inset--right_vxy5c_424",
52
+ "teddy-card__inset--bottom": "_teddy-card__inset--bottom_vxy5c_427",
53
+ "teddy-card__availability--badge": "_teddy-card__availability--badge_vxy5c_442",
54
+ "teddy-card__availability--success": "_teddy-card__availability--success_vxy5c_445",
55
+ "teddy-card__availability--warning": "_teddy-card__availability--warning_vxy5c_448",
56
+ "teddy-card__availability--error": "_teddy-card__availability--error_vxy5c_451",
57
+ "teddy-card__availability--special": "_teddy-card__availability--special_vxy5c_454",
58
+ "teddy-card__availability--neutral": "_teddy-card__availability--neutral_vxy5c_457",
59
+ "teddy-card__availability--information": "_teddy-card__availability--information_vxy5c_460"
60
60
  };
61
61
  const rootClassName = "teddy-card";
62
62
  const actionElementIdentifier = `${rootClassName}__action`;
package/dist/style.css CHANGED
@@ -1346,36 +1346,36 @@
1346
1346
  }
1347
1347
  }@layer heading, flex, grid, button, card;
1348
1348
  @layer card {
1349
- ._teddy-card_1hzu6_3:focus-visible {
1349
+ ._teddy-card_vxy5c_3:focus-visible {
1350
1350
  outline: var(--teddy-border-width-sm) solid var(--teddy-color-blue-600);
1351
1351
  outline-offset: 2px;
1352
1352
  }
1353
- ._teddy-card_1hzu6_3 {
1353
+ ._teddy-card_vxy5c_3 {
1354
1354
  border-radius: var(--teddy-border-radius-md);
1355
1355
  padding: var(--teddy-spacing-250);
1356
1356
  position: relative;
1357
1357
  }
1358
1358
  @media (prefers-reduced-motion: no-preference) {
1359
- ._teddy-card_1hzu6_3 {
1359
+ ._teddy-card_vxy5c_3 {
1360
1360
  transition: background-color var(--teddy-motion-duration-100) ease;
1361
1361
  }
1362
1362
  }
1363
- ._teddy-card__slot_1hzu6_17 {
1363
+ ._teddy-card__slot_vxy5c_17 {
1364
1364
  transform: translateY(-50%);
1365
1365
  }
1366
- ._teddy-card__slot--bottom_1hzu6_20 {
1366
+ ._teddy-card__slot--bottom_vxy5c_20 {
1367
1367
  transform: translateY(50%);
1368
1368
  }
1369
- ._teddy-card__slot--center_1hzu6_23 {
1369
+ ._teddy-card__slot--center_vxy5c_23 {
1370
1370
  transform: translate(-50%, -50%);
1371
1371
  }
1372
- ._teddy-card__slot--bottom_1hzu6_20._teddy-card__slot--center_1hzu6_23 {
1372
+ ._teddy-card__slot--bottom_vxy5c_20._teddy-card__slot--center_vxy5c_23 {
1373
1373
  transform: translate(-50%, 50%);
1374
1374
  }
1375
- ._teddy-card__slot--no-translate_1hzu6_29 {
1375
+ ._teddy-card__slot--no-translate_vxy5c_29 {
1376
1376
  transform: initial;
1377
1377
  }
1378
- ._teddy-card_1hzu6_3::before {
1378
+ ._teddy-card_vxy5c_3::before {
1379
1379
  content: "";
1380
1380
  display: block;
1381
1381
  position: absolute;
@@ -1386,95 +1386,98 @@
1386
1386
  box-shadow: var(--teddy-shadow-sm);
1387
1387
  }
1388
1388
  @media (prefers-reduced-motion: no-preference) {
1389
- ._teddy-card_1hzu6_3::before {
1389
+ ._teddy-card_vxy5c_3::before {
1390
1390
  transition: var(--teddy-motion-duration-300) ease;
1391
1391
  transition-property: opacity, box-shadow;
1392
1392
  }
1393
1393
  }
1394
- ._teddy-card--shadow_1hzu6_48::before {
1394
+ ._teddy-card--shadow_vxy5c_48::before {
1395
1395
  opacity: 1;
1396
1396
  }
1397
- ._teddy-card_1hzu6_3:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
1397
+ ._teddy-card_vxy5c_3:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) {
1398
1398
  cursor: pointer;
1399
1399
  }
1400
- ._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 {
1400
+ ._teddy-card_vxy5c_3:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)):hover:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51))::before {
1401
1401
  opacity: 1;
1402
1402
  box-shadow: var(--teddy-shadow-md);
1403
1403
  }
1404
- ._teddy-card--border_1hzu6_58 {
1404
+ ._teddy-card--border_vxy5c_58 {
1405
1405
  border: var(--teddy-border-width-xs) solid transparent;
1406
1406
  }
1407
- ._teddy-card--layout_1hzu6_61 ._teddy-card__illustration_1hzu6_61 {
1407
+ ._teddy-card--layout_vxy5c_61 ._teddy-card__illustration_vxy5c_61 {
1408
1408
  grid-area: illustration;
1409
1409
  }
1410
- ._teddy-card--layout_1hzu6_61 ._teddy-card__carousel_1hzu6_64 {
1410
+ ._teddy-card--layout_vxy5c_61 ._teddy-card__carousel_vxy5c_64 {
1411
1411
  grid-area: carousel;
1412
1412
  }
1413
- ._teddy-card--layout_1hzu6_61 ._teddy-card__content_1hzu6_67 {
1413
+ ._teddy-card--layout_vxy5c_61 ._teddy-card__content_vxy5c_67 {
1414
1414
  grid-area: content;
1415
1415
  }
1416
- ._teddy-card--layout_1hzu6_61 ._teddy-card__heading_1hzu6_70 {
1416
+ ._teddy-card--layout_vxy5c_61 ._teddy-card__heading_vxy5c_70 {
1417
1417
  grid-area: heading;
1418
1418
  }
1419
- ._teddy-card--layout_1hzu6_61 ._teddy-card__action-wrapper_1hzu6_73 {
1419
+ ._teddy-card--layout_vxy5c_61 ._teddy-card__action-wrapper_vxy5c_73 {
1420
1420
  grid-area: action;
1421
1421
  }
1422
- ._teddy-card--layout_1hzu6_61 ._teddy-card__footer_1hzu6_76 {
1422
+ ._teddy-card--layout_vxy5c_61 ._teddy-card__footer_vxy5c_76 {
1423
1423
  grid-area: footer;
1424
1424
  }
1425
- ._teddy-card--layout_1hzu6_61 ._teddy-card__overline_1hzu6_79 {
1425
+ ._teddy-card--layout_vxy5c_61 ._teddy-card__overline_vxy5c_79 {
1426
1426
  grid-area: overline;
1427
1427
  }
1428
- ._teddy-card--layout_1hzu6_61 ._teddy-card__description_1hzu6_82 {
1428
+ ._teddy-card--layout_vxy5c_61 ._teddy-card__description_vxy5c_82 {
1429
1429
  grid-area: description;
1430
1430
  }
1431
- ._teddy-card--layout_1hzu6_61 ._teddy-card__color-dots_1hzu6_85 {
1431
+ ._teddy-card--layout_vxy5c_61 ._teddy-card__color-dots_vxy5c_85 {
1432
1432
  grid-area: colors;
1433
1433
  }
1434
- ._teddy-card--layout_1hzu6_61 ._teddy-card__availability_1hzu6_88 {
1434
+ ._teddy-card--layout_vxy5c_61 ._teddy-card__availability_vxy5c_88 {
1435
1435
  grid-area: availability;
1436
1436
  }
1437
- ._teddy-card--layout_1hzu6_61 ._teddy-card__price_1hzu6_91 {
1437
+ ._teddy-card--layout_vxy5c_61 ._teddy-card__price_vxy5c_91 {
1438
1438
  grid-area: price;
1439
1439
  }
1440
- ._teddy-card--default_1hzu6_94 {
1440
+ ._teddy-card--layout_vxy5c_61 ._teddy-card__line_vxy5c_94 {
1441
+ grid-area: line;
1442
+ }
1443
+ ._teddy-card--default_vxy5c_97 {
1441
1444
  display: flex;
1442
1445
  flex-direction: column;
1443
1446
  gap: var(--teddy-spacing-200);
1444
1447
  }
1445
- ._teddy-card--navigation-vertical_1hzu6_99 {
1448
+ ._teddy-card--navigation-vertical_vxy5c_102 {
1446
1449
  grid-template-rows: auto auto 1fr auto;
1447
1450
  justify-items: start;
1448
1451
  justify-content: stretch;
1449
1452
  align-items: baseline;
1450
1453
  grid-template-areas: "illustration" "heading" "content" "action";
1451
1454
  }
1452
- ._teddy-card--navigation-vertical_1hzu6_99 ._teddy-card__illustration_1hzu6_61 {
1455
+ ._teddy-card--navigation-vertical_vxy5c_102 ._teddy-card__illustration_vxy5c_61 {
1453
1456
  margin-bottom: var(--teddy-spacing-200);
1454
1457
  }
1455
- ._teddy-card--navigation-vertical_1hzu6_99 ._teddy-card__content_1hzu6_67 {
1458
+ ._teddy-card--navigation-vertical_vxy5c_102 ._teddy-card__content_vxy5c_67 {
1456
1459
  margin-bottom: var(--teddy-spacing-200);
1457
1460
  }
1458
- ._teddy-card--navigation-vertical_1hzu6_99 ._teddy-card__heading_1hzu6_70 {
1461
+ ._teddy-card--navigation-vertical_vxy5c_102 ._teddy-card__heading_vxy5c_70 {
1459
1462
  margin-bottom: var(--teddy-spacing-100);
1460
1463
  }
1461
- ._teddy-card--navigation-vertical_1hzu6_99 ._teddy-card__action-wrapper_1hzu6_73 {
1464
+ ._teddy-card--navigation-vertical_vxy5c_102 ._teddy-card__action-wrapper_vxy5c_73 {
1462
1465
  margin-top: auto;
1463
1466
  justify-self: end;
1464
1467
  }
1465
- ._teddy-card--navigation-horizontal-small_1hzu6_119 {
1468
+ ._teddy-card--navigation-horizontal-small_vxy5c_122 {
1466
1469
  grid-template-columns: auto 1fr auto;
1467
1470
  grid-template-rows: auto 1fr;
1468
1471
  grid-template-areas: "illustration heading action" "illustration content action";
1469
1472
  column-gap: var(--teddy-spacing-200);
1470
1473
  }
1471
- ._teddy-card--navigation-horizontal-small_1hzu6_119 ._teddy-card__heading_1hzu6_70 {
1474
+ ._teddy-card--navigation-horizontal-small_vxy5c_122 ._teddy-card__heading_vxy5c_70 {
1472
1475
  margin-bottom: var(--teddy-spacing-100);
1473
1476
  }
1474
- ._teddy-card--navigation-horizontal-small_1hzu6_119 ._teddy-card__action-wrapper_1hzu6_73 {
1477
+ ._teddy-card--navigation-horizontal-small_vxy5c_122 ._teddy-card__action-wrapper_vxy5c_73 {
1475
1478
  margin-top: auto;
1476
1479
  }
1477
- ._teddy-card--navigation-horizontal-small-centered_1hzu6_131 {
1480
+ ._teddy-card--navigation-horizontal-small-centered_vxy5c_134 {
1478
1481
  width: 100%;
1479
1482
  max-width: 26rem;
1480
1483
  grid-template-columns: auto 1fr auto;
@@ -1483,324 +1486,324 @@
1483
1486
  align-items: center;
1484
1487
  column-gap: var(--teddy-spacing-200);
1485
1488
  }
1486
- ._teddy-card--navigation-horizontal-small-centered_1hzu6_131 ._teddy-card__content_1hzu6_67 {
1489
+ ._teddy-card--navigation-horizontal-small-centered_vxy5c_134 ._teddy-card__content_vxy5c_67 {
1487
1490
  margin-top: var(--teddy-spacing-200);
1488
1491
  }
1489
- ._teddy-card--navigation-horizontal-small-centered_1hzu6_131 ._teddy-card__action-wrapper_1hzu6_73 {
1492
+ ._teddy-card--navigation-horizontal-small-centered_vxy5c_134 ._teddy-card__action-wrapper_vxy5c_73 {
1490
1493
  margin: 0;
1491
1494
  }
1492
- ._teddy-card--navigation-horizontal-small-centered_1hzu6_131 ._teddy-card__illustration_1hzu6_61 {
1495
+ ._teddy-card--navigation-horizontal-small-centered_vxy5c_134 ._teddy-card__illustration_vxy5c_61 {
1493
1496
  max-height: 80px;
1494
1497
  max-width: 100px;
1495
1498
  }
1496
- ._teddy-card--navigation-horizontal-small-centered_1hzu6_131 ._teddy-card__illustration_1hzu6_61 img {
1499
+ ._teddy-card--navigation-horizontal-small-centered_vxy5c_134 ._teddy-card__illustration_vxy5c_61 img {
1497
1500
  object-fit: contain;
1498
1501
  }
1499
- ._teddy-card--navigation-horizontal-large_1hzu6_153 {
1502
+ ._teddy-card--navigation-horizontal-large_vxy5c_156 {
1500
1503
  grid-template-columns: 1fr auto;
1501
1504
  grid-template-rows: auto auto 1fr;
1502
1505
  grid-template-areas: "illustration action" "heading action" "content action";
1503
1506
  column-gap: var(--teddy-spacing-200);
1504
1507
  }
1505
- ._teddy-card--navigation-horizontal-large_1hzu6_153 ._teddy-card__heading_1hzu6_70 {
1508
+ ._teddy-card--navigation-horizontal-large_vxy5c_156 ._teddy-card__heading_vxy5c_70 {
1506
1509
  margin-bottom: var(--teddy-spacing-100);
1507
1510
  }
1508
- ._teddy-card--navigation-horizontal-large_1hzu6_153 ._teddy-card__action-wrapper_1hzu6_73 {
1511
+ ._teddy-card--navigation-horizontal-large_vxy5c_156 ._teddy-card__action-wrapper_vxy5c_73 {
1509
1512
  margin-top: auto;
1510
1513
  }
1511
- ._teddy-card--rich-card_1hzu6_165 {
1514
+ ._teddy-card--rich-card_vxy5c_168 {
1512
1515
  justify-items: start;
1513
1516
  align-items: baseline;
1514
1517
  grid-template-rows: auto auto 1fr auto;
1515
1518
  grid-template-areas: "illustration" "heading" "content" "action";
1516
1519
  }
1517
- ._teddy-card--rich-card_1hzu6_165 ._teddy-card__illustration_1hzu6_61 {
1520
+ ._teddy-card--rich-card_vxy5c_168 ._teddy-card__illustration_vxy5c_61 {
1518
1521
  margin-bottom: var(--teddy-spacing-200);
1519
1522
  }
1520
- ._teddy-card--rich-card_1hzu6_165 ._teddy-card__content_1hzu6_67 {
1523
+ ._teddy-card--rich-card_vxy5c_168 ._teddy-card__content_vxy5c_67 {
1521
1524
  margin-bottom: var(--teddy-spacing-200);
1522
1525
  }
1523
- ._teddy-card--rich-card_1hzu6_165 ._teddy-card__heading_1hzu6_70 {
1526
+ ._teddy-card--rich-card_vxy5c_168 ._teddy-card__heading_vxy5c_70 {
1524
1527
  margin-bottom: var(--teddy-spacing-100);
1525
1528
  }
1526
- ._teddy-card--rich-card_1hzu6_165 ._teddy-card__action-wrapper_1hzu6_73 {
1529
+ ._teddy-card--rich-card_vxy5c_168 ._teddy-card__action-wrapper_vxy5c_73 {
1527
1530
  margin-top: auto;
1528
1531
  }
1529
1532
  @media (min-width: 801px) {
1530
- ._teddy-card--rich-card-large_1hzu6_184 {
1533
+ ._teddy-card--rich-card-large_vxy5c_187 {
1531
1534
  grid-template-columns: min(45%, 650px) 1fr;
1532
1535
  }
1533
1536
  }
1534
1537
  @media (max-width: 800px) {
1535
- ._teddy-card--rich-card-large_1hzu6_184 {
1538
+ ._teddy-card--rich-card-large_vxy5c_187 {
1536
1539
  align-items: baseline;
1537
1540
  grid-template-rows: auto auto 1fr auto;
1538
1541
  grid-template-areas: "illustration" "heading" "content" "action";
1539
1542
  }
1540
1543
  }
1541
- ._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__illustration_1hzu6_61 img {
1544
+ ._teddy-card--rich-card-large_vxy5c_187 ._teddy-card__illustration_vxy5c_61 img {
1542
1545
  object-fit: cover;
1543
1546
  }
1544
1547
  @media (min-width: 801px) {
1545
- ._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__illustration_1hzu6_61 {
1548
+ ._teddy-card--rich-card-large_vxy5c_187 ._teddy-card__illustration_vxy5c_61 {
1546
1549
  grid-column-start: 1;
1547
1550
  margin-right: var(--teddy-spacing-600);
1548
1551
  }
1549
1552
  }
1550
- ._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__content_1hzu6_67 {
1553
+ ._teddy-card--rich-card-large_vxy5c_187 ._teddy-card__content_vxy5c_67 {
1551
1554
  margin-top: 2rem;
1552
1555
  }
1553
1556
  @media (min-width: 801px) {
1554
- ._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__content_1hzu6_67 {
1557
+ ._teddy-card--rich-card-large_vxy5c_187 ._teddy-card__content_vxy5c_67 {
1555
1558
  grid-column-start: 2;
1556
1559
  margin-top: 0;
1557
1560
  align-content: center;
1558
1561
  }
1559
1562
  }
1560
- ._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__action_1hzu6_51 {
1563
+ ._teddy-card--rich-card-large_vxy5c_187 ._teddy-card__action_vxy5c_51 {
1561
1564
  margin-top: var(--teddy-spacing-200);
1562
1565
  }
1563
- ._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__heading_1hzu6_70 {
1566
+ ._teddy-card--rich-card-large_vxy5c_187 ._teddy-card__heading_vxy5c_70 {
1564
1567
  margin-top: var(--teddy-spacing-100);
1565
1568
  margin-bottom: var(--teddy-spacing-100);
1566
1569
  }
1567
1570
  @media (min-width: 801px) {
1568
- ._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__illustration_1hzu6_61,
1569
- ._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__content_1hzu6_67 {
1571
+ ._teddy-card--rich-card-large_vxy5c_187 ._teddy-card__illustration_vxy5c_61,
1572
+ ._teddy-card--rich-card-large_vxy5c_187 ._teddy-card__content_vxy5c_67 {
1570
1573
  grid-area: auto;
1571
1574
  }
1572
1575
  }
1573
- ._teddy-card__line_1hzu6_227 {
1576
+ ._teddy-card__line_vxy5c_94 {
1574
1577
  border: 0;
1575
1578
  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
1576
1579
  }
1577
- ._teddy-card--purple-light_1hzu6_231 {
1580
+ ._teddy-card--purple-light_vxy5c_234 {
1578
1581
  background-color: var(--teddy-color-background-interactive-primary-negative);
1579
1582
  color: var(--teddy-color-text-default);
1580
1583
  border-color: var(--teddy-color-background-interactive-primary-negative);
1581
1584
  }
1582
- ._teddy-card--purple-light_1hzu6_231:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
1585
+ ._teddy-card--purple-light_vxy5c_234:hover:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) {
1583
1586
  background-color: var(--teddy-color-background-interactive-primary-negative-hover);
1584
1587
  }
1585
- ._teddy-card--purple-light_1hzu6_231:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
1588
+ ._teddy-card--purple-light_vxy5c_234:active:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) {
1586
1589
  background-color: var(--teddy-color-background-interactive-primary-negative-active);
1587
1590
  }
1588
- ._teddy-card--purple-light_1hzu6_231:has(._teddy-card__action--disabled_1hzu6_51) {
1591
+ ._teddy-card--purple-light_vxy5c_234:has(._teddy-card__action--disabled_vxy5c_51) {
1589
1592
  background-color: var(--teddy-color-background-interactive-disabled);
1590
1593
  }
1591
- ._teddy-card--purple-dark_1hzu6_245 {
1594
+ ._teddy-card--purple-dark_vxy5c_248 {
1592
1595
  background-color: var(--teddy-color-brand-deep-purple);
1593
1596
  color: var(--teddy-color-text-default-negative);
1594
1597
  border-color: var(--teddy-color-brand-deep-purple);
1595
1598
  }
1596
- ._teddy-card--purple-dark_1hzu6_245:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
1599
+ ._teddy-card--purple-dark_vxy5c_248:hover:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) {
1597
1600
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
1598
1601
  }
1599
- ._teddy-card--purple-dark_1hzu6_245:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
1602
+ ._teddy-card--purple-dark_vxy5c_248:active:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) {
1600
1603
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
1601
1604
  }
1602
- ._teddy-card--purple-dark_1hzu6_245:has(._teddy-card__action--disabled_1hzu6_51) {
1605
+ ._teddy-card--purple-dark_vxy5c_248:has(._teddy-card__action--disabled_vxy5c_51) {
1603
1606
  color: var(--teddy-color-text-default);
1604
1607
  background-color: var(--teddy-color-background-interactive-disabled);
1605
1608
  }
1606
- ._teddy-card--purple-dark_1hzu6_245:has(._teddy-card__action--disabled_1hzu6_51) ._teddy-card__action_1hzu6_51 {
1609
+ ._teddy-card--purple-dark_vxy5c_248:has(._teddy-card__action--disabled_vxy5c_51) ._teddy-card__action_vxy5c_51 {
1607
1610
  color: var(--teddy-color-text-weak);
1608
1611
  background-color: var(--teddy-color-background-interactive-disabled);
1609
1612
  }
1610
- ._teddy-card--white_1hzu6_264 {
1613
+ ._teddy-card--white_vxy5c_267 {
1611
1614
  background-color: var(--teddy-color-brand-white);
1612
1615
  color: var(--teddy-color-text-default);
1613
1616
  border-color: var(--teddy-color-border-weak);
1614
1617
  }
1615
- ._teddy-card--white_1hzu6_264:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
1618
+ ._teddy-card--white_vxy5c_267:hover:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) {
1616
1619
  background-color: var(--teddy-color-background-interactive-transparent-hover);
1617
1620
  }
1618
- ._teddy-card--white_1hzu6_264:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
1621
+ ._teddy-card--white_vxy5c_267:active:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) {
1619
1622
  background-color: var(--teddy-color-background-interactive-transparent-active);
1620
1623
  }
1621
- ._teddy-card--white_1hzu6_264:has(._teddy-card__action--disabled_1hzu6_51) {
1624
+ ._teddy-card--white_vxy5c_267:has(._teddy-card__action--disabled_vxy5c_51) {
1622
1625
  background-color: var(--teddy-color-background-interactive-disabled);
1623
1626
  }
1624
- ._teddy-card--gray_1hzu6_278 {
1627
+ ._teddy-card--gray_vxy5c_281 {
1625
1628
  background-color: var(--teddy-color-background-secondary);
1626
1629
  color: var(--teddy-color-text-default);
1627
1630
  border-color: var(--teddy-color-border-interactive-subtle);
1628
1631
  }
1629
- ._teddy-card--gray_1hzu6_278:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
1632
+ ._teddy-card--gray_vxy5c_281:hover:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) {
1630
1633
  background-color: var(--teddy-color-gray-100);
1631
1634
  }
1632
- ._teddy-card--gray_1hzu6_278:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
1635
+ ._teddy-card--gray_vxy5c_281:active:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) {
1633
1636
  background-color: var(--teddy-color-gray-200);
1634
1637
  }
1635
- ._teddy-card--gray_1hzu6_278:has(._teddy-card__action--disabled_1hzu6_51) {
1638
+ ._teddy-card--gray_vxy5c_281:has(._teddy-card__action--disabled_vxy5c_51) {
1636
1639
  background-color: var(--teddy-color-background-interactive-disabled);
1637
1640
  }
1638
- ._teddy-card--beige_1hzu6_292 {
1641
+ ._teddy-card--beige_vxy5c_295 {
1639
1642
  background-color: var(--teddy-color-beige-100);
1640
1643
  color: var(--teddy-color-text-default);
1641
1644
  border-color: var(--teddy-color-beige-300);
1642
1645
  }
1643
- ._teddy-card--beige_1hzu6_292:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
1646
+ ._teddy-card--beige_vxy5c_295:hover:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) {
1644
1647
  background-color: var(--teddy-color-beige-200);
1645
1648
  }
1646
- ._teddy-card--beige_1hzu6_292:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
1649
+ ._teddy-card--beige_vxy5c_295:active:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) {
1647
1650
  background-color: var(--teddy-color-beige-300);
1648
1651
  }
1649
- ._teddy-card--beige_1hzu6_292:has(._teddy-card__action--disabled_1hzu6_51) {
1652
+ ._teddy-card--beige_vxy5c_295:has(._teddy-card__action--disabled_vxy5c_51) {
1650
1653
  background-color: var(--teddy-color-background-interactive-disabled);
1651
1654
  }
1652
- ._teddy-card--beige-light_1hzu6_306 {
1655
+ ._teddy-card--beige-light_vxy5c_309 {
1653
1656
  background-color: var(--teddy-color-beige-50);
1654
1657
  color: var(--teddy-color-text-default);
1655
1658
  border-color: var(--teddy-color-beige-200);
1656
1659
  }
1657
- ._teddy-card--beige-light_1hzu6_306:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
1660
+ ._teddy-card--beige-light_vxy5c_309:hover:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) {
1658
1661
  background-color: var(--teddy-color-beige-100);
1659
1662
  }
1660
- ._teddy-card--beige-light_1hzu6_306:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
1663
+ ._teddy-card--beige-light_vxy5c_309:active:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) {
1661
1664
  background-color: var(--teddy-color-beige-100);
1662
1665
  }
1663
- ._teddy-card--beige-light_1hzu6_306:has(._teddy-card__action--disabled_1hzu6_51) {
1666
+ ._teddy-card--beige-light_vxy5c_309:has(._teddy-card__action--disabled_vxy5c_51) {
1664
1667
  background-color: var(--teddy-color-background-interactive-disabled);
1665
1668
  }
1666
- ._teddy-card--product_1hzu6_320 {
1669
+ ._teddy-card--product_vxy5c_323 {
1667
1670
  grid-template-columns: minmax(0, 100%);
1668
- grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
1669
- grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
1671
+ grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto auto auto;
1672
+ grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability" "line" "footer";
1670
1673
  color: var(--teddy-color-text-default);
1671
1674
  border-color: var(--teddy-color-border-interactive-subtle);
1672
1675
  padding-top: var(--teddy-spacing-400);
1673
1676
  padding-bottom: var(--teddy-spacing-100);
1674
1677
  width: 100%;
1675
1678
  }
1676
- ._teddy-card--product_1hzu6_320:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
1679
+ ._teddy-card--product_vxy5c_323:hover:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) {
1677
1680
  background-color: var(--teddy-color-brand-white);
1678
1681
  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
1679
1682
  outline-offset: calc(var(--teddy-border-width-sm) * -1);
1680
1683
  }
1681
- ._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 {
1684
+ ._teddy-card--product_vxy5c_323:hover:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) ._teddy-card__carousel_vxy5c_64 .slick-slider .slick-arrow {
1682
1685
  display: block !important;
1683
1686
  }
1684
- ._teddy-card--product_1hzu6_320:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
1687
+ ._teddy-card--product_vxy5c_323:active:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) {
1685
1688
  -webkit-tap-highlight-color: transparent;
1686
1689
  }
1687
- ._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)) {
1690
+ ._teddy-card--product_vxy5c_323:active:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)):not(:has(._teddy-card__carousel_vxy5c_64:active)) {
1688
1691
  background-color: var(--teddy-color-background-interactive-transparent-active);
1689
1692
  }
1690
- ._teddy-card--product_1hzu6_320:has(._teddy-card__action--disabled_1hzu6_51) {
1693
+ ._teddy-card--product_vxy5c_323:has(._teddy-card__action--disabled_vxy5c_51) {
1691
1694
  background-color: var(--teddy-color-background-interactive-disabled);
1692
1695
  }
1693
- ._teddy-card--product_1hzu6_320 ._teddy-card__action-wrapper_1hzu6_73 {
1696
+ ._teddy-card--product_vxy5c_323 ._teddy-card__action-wrapper_vxy5c_73 {
1694
1697
  margin-bottom: var(--teddy-spacing-200);
1695
1698
  }
1696
- ._teddy-card--product_1hzu6_320 ._teddy-card__illustration_1hzu6_61 {
1699
+ ._teddy-card--product_vxy5c_323 ._teddy-card__illustration_vxy5c_61 {
1697
1700
  height: 180px;
1698
1701
  display: grid;
1699
1702
  place-items: center;
1700
1703
  place-self: center;
1701
1704
  margin-bottom: var(--teddy-spacing-400);
1702
1705
  }
1703
- ._teddy-card--product_1hzu6_320 ._teddy-card__illustration_1hzu6_61 img {
1706
+ ._teddy-card--product_vxy5c_323 ._teddy-card__illustration_vxy5c_61 img {
1704
1707
  max-width: 200px;
1705
1708
  max-height: 180px;
1706
1709
  object-fit: contain;
1707
1710
  }
1708
- ._teddy-card--product_1hzu6_320 ._teddy-card__carousel_1hzu6_64 .slick-slider .slick-arrow {
1711
+ ._teddy-card--product_vxy5c_323 ._teddy-card__carousel_vxy5c_64 .slick-slider .slick-arrow {
1709
1712
  display: none !important;
1710
1713
  }
1711
- ._teddy-card--product_1hzu6_320 ._teddy-card__carousel_1hzu6_64 .slick-dots li {
1714
+ ._teddy-card--product_vxy5c_323 ._teddy-card__carousel_vxy5c_64 .slick-dots li {
1712
1715
  min-width: 12px;
1713
1716
  width: initial !important;
1714
1717
  margin: 0 0.25rem !important;
1715
1718
  }
1716
- ._teddy-card--product_1hzu6_320 ._teddy-card__carousel_1hzu6_64 .slick-dots .slick-active {
1719
+ ._teddy-card--product_vxy5c_323 ._teddy-card__carousel_vxy5c_64 .slick-dots .slick-active {
1717
1720
  min-width: 24px;
1718
1721
  width: initial !important;
1719
1722
  }
1720
- ._teddy-card--product_1hzu6_320 ._teddy-card__overline_1hzu6_79 {
1723
+ ._teddy-card--product_vxy5c_323 ._teddy-card__overline_vxy5c_79 {
1721
1724
  margin-bottom: var(--teddy-spacing-50);
1722
1725
  }
1723
- ._teddy-card--product_1hzu6_320 ._teddy-card__heading_1hzu6_70 {
1726
+ ._teddy-card--product_vxy5c_323 ._teddy-card__heading_vxy5c_70 {
1724
1727
  margin-bottom: var(--teddy-spacing-200);
1725
1728
  }
1726
- ._teddy-card--product_1hzu6_320 ._teddy-card__description_1hzu6_82 {
1729
+ ._teddy-card--product_vxy5c_323 ._teddy-card__description_vxy5c_82 {
1727
1730
  margin-bottom: var(--teddy-spacing-200);
1728
1731
  }
1729
- ._teddy-card--product_1hzu6_320 ._teddy-card__content_1hzu6_67 {
1732
+ ._teddy-card--product_vxy5c_323 ._teddy-card__content_vxy5c_67 {
1730
1733
  margin-bottom: var(--teddy-spacing-200);
1731
1734
  }
1732
- ._teddy-card--product_1hzu6_320 ._teddy-card__action_1hzu6_51 {
1735
+ ._teddy-card--product_vxy5c_323 ._teddy-card__action_vxy5c_51 {
1733
1736
  margin-top: auto;
1734
1737
  margin-left: auto;
1735
1738
  justify-self: end;
1736
1739
  }
1737
- ._teddy-card--product_1hzu6_320 ._teddy-card__price_1hzu6_91 {
1740
+ ._teddy-card--product_vxy5c_323 ._teddy-card__price_vxy5c_91 {
1738
1741
  display: flex;
1739
1742
  }
1740
- ._teddy-card--product_1hzu6_320 ._teddy-card__price--big_1hzu6_394 {
1743
+ ._teddy-card--product_vxy5c_323 ._teddy-card__price--big_vxy5c_397 {
1741
1744
  font-size: var(--teddy-typography-scale-200);
1742
1745
  }
1743
- ._teddy-card_1hzu6_3:has(._teddy-card__image--as-background_1hzu6_397) {
1746
+ ._teddy-card_vxy5c_3:has(._teddy-card__image--as-background_vxy5c_400) {
1744
1747
  background-color: transparent;
1745
1748
  }
1746
- ._teddy-card__heading_1hzu6_70 {
1749
+ ._teddy-card__heading_vxy5c_70 {
1747
1750
  color: inherit;
1748
1751
  }
1749
- ._teddy-card--background-image_1hzu6_403 {
1752
+ ._teddy-card--background-image_vxy5c_406 {
1750
1753
  background-repeat: no-repeat;
1751
1754
  background-size: cover;
1752
1755
  background-position: center;
1753
1756
  }
1754
- ._teddy-card__illustration--rounded_1hzu6_408 {
1757
+ ._teddy-card__illustration--rounded_vxy5c_411 {
1755
1758
  border-radius: inherit;
1756
1759
  overflow: hidden;
1757
1760
  }
1758
- ._teddy-card__inset_1hzu6_412 {
1761
+ ._teddy-card__inset_vxy5c_415 {
1759
1762
  overflow: hidden;
1760
1763
  }
1761
- ._teddy-card__inset--top_1hzu6_415 {
1764
+ ._teddy-card__inset--top_vxy5c_418 {
1762
1765
  margin-top: calc(var(--teddy-spacing-250) * -1);
1763
1766
  }
1764
- ._teddy-card__inset--top_1hzu6_415._teddy-card__inset--left_1hzu6_418 {
1767
+ ._teddy-card__inset--top_vxy5c_418._teddy-card__inset--left_vxy5c_421 {
1765
1768
  border-top-left-radius: inherit;
1766
1769
  }
1767
- ._teddy-card__inset--top_1hzu6_415._teddy-card__inset--right_1hzu6_421 {
1770
+ ._teddy-card__inset--top_vxy5c_418._teddy-card__inset--right_vxy5c_424 {
1768
1771
  border-top-right-radius: inherit;
1769
1772
  }
1770
- ._teddy-card__inset--bottom_1hzu6_424 {
1773
+ ._teddy-card__inset--bottom_vxy5c_427 {
1771
1774
  margin-bottom: calc(var(--teddy-spacing-250) * -1);
1772
1775
  }
1773
- ._teddy-card__inset--bottom_1hzu6_424._teddy-card__inset--left_1hzu6_418 {
1776
+ ._teddy-card__inset--bottom_vxy5c_427._teddy-card__inset--left_vxy5c_421 {
1774
1777
  border-bottom-left-radius: inherit;
1775
1778
  }
1776
- ._teddy-card__inset--bottom_1hzu6_424._teddy-card__inset--right_1hzu6_421 {
1779
+ ._teddy-card__inset--bottom_vxy5c_427._teddy-card__inset--right_vxy5c_424 {
1777
1780
  border-bottom-right-radius: inherit;
1778
1781
  }
1779
- ._teddy-card__inset--left_1hzu6_418 {
1782
+ ._teddy-card__inset--left_vxy5c_421 {
1780
1783
  margin-left: calc(var(--teddy-spacing-250) * -1);
1781
1784
  }
1782
- ._teddy-card__inset--right_1hzu6_421 {
1785
+ ._teddy-card__inset--right_vxy5c_424 {
1783
1786
  margin-right: calc(var(--teddy-spacing-250) * -1);
1784
1787
  }
1785
- ._teddy-card__availability--badge_1hzu6_439 {
1788
+ ._teddy-card__availability--badge_vxy5c_442 {
1786
1789
  margin-right: var(--teddy-spacing-150);
1787
1790
  }
1788
- ._teddy-card__availability--success_1hzu6_442 {
1791
+ ._teddy-card__availability--success_vxy5c_445 {
1789
1792
  color: var(--teddy-color-text-status-success-strong);
1790
1793
  }
1791
- ._teddy-card__availability--warning_1hzu6_445 {
1794
+ ._teddy-card__availability--warning_vxy5c_448 {
1792
1795
  color: var(--teddy-color-text-status-warning-strong);
1793
1796
  }
1794
- ._teddy-card__availability--error_1hzu6_448 {
1797
+ ._teddy-card__availability--error_vxy5c_451 {
1795
1798
  color: var(--teddy-color-text-status-error-strong);
1796
1799
  }
1797
- ._teddy-card__availability--special_1hzu6_451 {
1800
+ ._teddy-card__availability--special_vxy5c_454 {
1798
1801
  color: var(--teddy-color-text-status-special);
1799
1802
  }
1800
- ._teddy-card__availability--neutral_1hzu6_454 {
1803
+ ._teddy-card__availability--neutral_vxy5c_457 {
1801
1804
  color: var(--teddy-color-text-status-neutral);
1802
1805
  }
1803
- ._teddy-card__availability--information_1hzu6_457 {
1806
+ ._teddy-card__availability--information_vxy5c_460 {
1804
1807
  color: var(--teddy-color-text-status-info-strong);
1805
1808
  }
1806
1809
  }@layer link {
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=9"
21
21
  },
22
22
  "private": false,
23
- "version": "0.7.16",
23
+ "version": "0.7.17",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"