@telia/teddy 0.7.5 → 0.7.7

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