npm - @telia/teddy - Versions diffs - 0.0.76 → 0.0.77 - Mend

@telia/teddy 0.0.76 → 0.0.77

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 (5) hide show

package/dist/components/card/card.cjs +51 -50
package/dist/components/card/card.d.ts +1 -1
package/dist/components/card/card.js +51 -50
package/dist/style.css +135 -101
package/package.json +1 -1

package/dist/components/card/card.cjs CHANGED Viewed

@@ -7,56 +7,57 @@ const utils_composeEventHandlers = require("../../utils/composeEventHandlers.cjs
 const components_grid_grid = require("../grid/grid.cjs");
 const tokens_color_variables = require("../../tokens/color/variables.cjs");
 const styles = {
-  "teddy-card": "_teddy-card_obors_3",
-  "teddy-card__slot": "_teddy-card__slot_obors_13",
-  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_obors_16",
-  "teddy-card__slot--center": "_teddy-card__slot--center_obors_19",
-  "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_obors_25",
-  "teddy-card--shadow": "_teddy-card--shadow_obors_44",
-  "teddy-card__action": "_teddy-card__action_obors_48",
-  "teddy-card__action--disabled": "_teddy-card__action--disabled_obors_48",
-  "teddy-card--border": "_teddy-card--border_obors_55",
-  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_obors_58",
-  "teddy-card--layout": "_teddy-card--layout_obors_61",
-  "teddy-card__illustration": "_teddy-card__illustration_obors_61",
-  "teddy-card__carousel": "_teddy-card__carousel_obors_64",
-  "teddy-card__content": "_teddy-card__content_obors_67",
-  "teddy-card__heading": "_teddy-card__heading_obors_70",
-  "teddy-card__footer": "_teddy-card__footer_obors_76",
-  "teddy-card__overline": "_teddy-card__overline_obors_79",
-  "teddy-card__description": "_teddy-card__description_obors_82",
-  "teddy-card__color-dots": "_teddy-card__color-dots_obors_85",
-  "teddy-card__availability": "_teddy-card__availability_obors_88",
-  "teddy-card__price": "_teddy-card__price_obors_91",
-  "teddy-card--default": "_teddy-card--default_obors_94",
-  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_obors_99",
-  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_obors_118",
-  "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_obors_127",
-  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_obors_146",
-  "teddy-card--rich-card": "_teddy-card--rich-card_obors_158",
-  "teddy-card__line": "_teddy-card__line_obors_176",
-  "teddy-card--purple-light": "_teddy-card--purple-light_obors_180",
-  "teddy-card--purple-dark": "_teddy-card--purple-dark_obors_194",
-  "teddy-card--white": "_teddy-card--white_obors_213",
-  "teddy-card--gray": "_teddy-card--gray_obors_227",
-  "teddy-card--beige": "_teddy-card--beige_obors_241",
-  "teddy-card--product": "_teddy-card--product_obors_255",
-  "teddy-card__price--big": "_teddy-card__price--big_obors_315",
-  "teddy-card__image--as-background": "_teddy-card__image--as-background_obors_318",
-  "teddy-card--background-image": "_teddy-card--background-image_obors_324",
-  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_obors_329",
-  "teddy-card__inset": "_teddy-card__inset_obors_333",
-  "teddy-card__inset--top": "_teddy-card__inset--top_obors_336",
-  "teddy-card__inset--left": "_teddy-card__inset--left_obors_339",
-  "teddy-card__inset--right": "_teddy-card__inset--right_obors_342",
-  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_obors_345",
-  "teddy-card__availability--badge": "_teddy-card__availability--badge_obors_360",
-  "teddy-card__availability--success": "_teddy-card__availability--success_obors_363",
-  "teddy-card__availability--warning": "_teddy-card__availability--warning_obors_366",
-  "teddy-card__availability--error": "_teddy-card__availability--error_obors_369",
-  "teddy-card__availability--special": "_teddy-card__availability--special_obors_372",
-  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_obors_375",
-  "teddy-card__availability--information": "_teddy-card__availability--information_obors_378"
+  "teddy-card": "_teddy-card_1855b_3",
+  "teddy-card__slot": "_teddy-card__slot_1855b_13",
+  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_1855b_16",
+  "teddy-card__slot--center": "_teddy-card__slot--center_1855b_19",
+  "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1855b_25",
+  "teddy-card--shadow": "_teddy-card--shadow_1855b_44",
+  "teddy-card__action": "_teddy-card__action_1855b_48",
+  "teddy-card__action--disabled": "_teddy-card__action--disabled_1855b_48",
+  "teddy-card--border": "_teddy-card--border_1855b_55",
+  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_1855b_58",
+  "teddy-card--layout": "_teddy-card--layout_1855b_61",
+  "teddy-card__illustration": "_teddy-card__illustration_1855b_61",
+  "teddy-card__carousel": "_teddy-card__carousel_1855b_64",
+  "teddy-card__content": "_teddy-card__content_1855b_67",
+  "teddy-card__heading": "_teddy-card__heading_1855b_70",
+  "teddy-card__footer": "_teddy-card__footer_1855b_76",
+  "teddy-card__overline": "_teddy-card__overline_1855b_79",
+  "teddy-card__description": "_teddy-card__description_1855b_82",
+  "teddy-card__color-dots": "_teddy-card__color-dots_1855b_85",
+  "teddy-card__availability": "_teddy-card__availability_1855b_88",
+  "teddy-card__price": "_teddy-card__price_1855b_91",
+  "teddy-card--default": "_teddy-card--default_1855b_94",
+  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1855b_99",
+  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1855b_118",
+  "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_1855b_127",
+  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1855b_146",
+  "teddy-card--rich-card": "_teddy-card--rich-card_1855b_158",
+  "teddy-card--rich-card-large": "_teddy-card--rich-card-large_1855b_177",
+  "teddy-card__line": "_teddy-card__line_1855b_210",
+  "teddy-card--purple-light": "_teddy-card--purple-light_1855b_214",
+  "teddy-card--purple-dark": "_teddy-card--purple-dark_1855b_228",
+  "teddy-card--white": "_teddy-card--white_1855b_247",
+  "teddy-card--gray": "_teddy-card--gray_1855b_261",
+  "teddy-card--beige": "_teddy-card--beige_1855b_275",
+  "teddy-card--product": "_teddy-card--product_1855b_289",
+  "teddy-card__price--big": "_teddy-card__price--big_1855b_349",
+  "teddy-card__image--as-background": "_teddy-card__image--as-background_1855b_352",
+  "teddy-card--background-image": "_teddy-card--background-image_1855b_358",
+  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1855b_363",
+  "teddy-card__inset": "_teddy-card__inset_1855b_367",
+  "teddy-card__inset--top": "_teddy-card__inset--top_1855b_370",
+  "teddy-card__inset--left": "_teddy-card__inset--left_1855b_373",
+  "teddy-card__inset--right": "_teddy-card__inset--right_1855b_376",
+  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_1855b_379",
+  "teddy-card__availability--badge": "_teddy-card__availability--badge_1855b_394",
+  "teddy-card__availability--success": "_teddy-card__availability--success_1855b_397",
+  "teddy-card__availability--warning": "_teddy-card__availability--warning_1855b_400",
+  "teddy-card__availability--error": "_teddy-card__availability--error_1855b_403",
+  "teddy-card__availability--special": "_teddy-card__availability--special_1855b_406",
+  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_1855b_409",
+  "teddy-card__availability--information": "_teddy-card__availability--information_1855b_412"
 };
 const rootClassName = "teddy-card";
 const actionElementIdentifier = `${rootClassName}__action`;

package/dist/components/card/card.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { Variant } from './utils';
 export declare const rootClassName = "teddy-card";
 export declare const actionElementIdentifier = "teddy-card__action";
-export type Layout = 'navigation-vertical' | 'navigation-horizontal-small' | 'navigation-horizontal-small-centered' | 'navigation-horizontal-large' | 'rich-card' | 'default' | 'product';
+export type Layout = 'navigation-vertical' | 'navigation-horizontal-small' | 'navigation-horizontal-small-centered' | 'navigation-horizontal-large' | 'rich-card' | 'rich-card-large' | 'default' | 'product';
 type Gradient = 'light' | 'dark' | 'default';
 export type CardType = 'regular' | 'product';
 export declare const RootContext: React.Context<{

package/dist/components/card/card.js CHANGED Viewed

@@ -5,56 +5,57 @@ import { composeEventHandlers } from "../../utils/composeEventHandlers.js";
 import { Grid } from "../grid/grid.js";
 import { teddyColorTransparentWhite850, teddyColorTransparentWhite800, teddyColorTransparentWhite100, teddyColorTransparentBlack600, teddyColorTransparentBlack200 } from "../../tokens/color/variables.js";
 const styles = {
-  "teddy-card": "_teddy-card_obors_3",
-  "teddy-card__slot": "_teddy-card__slot_obors_13",
-  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_obors_16",
-  "teddy-card__slot--center": "_teddy-card__slot--center_obors_19",
-  "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_obors_25",
-  "teddy-card--shadow": "_teddy-card--shadow_obors_44",
-  "teddy-card__action": "_teddy-card__action_obors_48",
-  "teddy-card__action--disabled": "_teddy-card__action--disabled_obors_48",
-  "teddy-card--border": "_teddy-card--border_obors_55",
-  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_obors_58",
-  "teddy-card--layout": "_teddy-card--layout_obors_61",
-  "teddy-card__illustration": "_teddy-card__illustration_obors_61",
-  "teddy-card__carousel": "_teddy-card__carousel_obors_64",
-  "teddy-card__content": "_teddy-card__content_obors_67",
-  "teddy-card__heading": "_teddy-card__heading_obors_70",
-  "teddy-card__footer": "_teddy-card__footer_obors_76",
-  "teddy-card__overline": "_teddy-card__overline_obors_79",
-  "teddy-card__description": "_teddy-card__description_obors_82",
-  "teddy-card__color-dots": "_teddy-card__color-dots_obors_85",
-  "teddy-card__availability": "_teddy-card__availability_obors_88",
-  "teddy-card__price": "_teddy-card__price_obors_91",
-  "teddy-card--default": "_teddy-card--default_obors_94",
-  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_obors_99",
-  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_obors_118",
-  "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_obors_127",
-  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_obors_146",
-  "teddy-card--rich-card": "_teddy-card--rich-card_obors_158",
-  "teddy-card__line": "_teddy-card__line_obors_176",
-  "teddy-card--purple-light": "_teddy-card--purple-light_obors_180",
-  "teddy-card--purple-dark": "_teddy-card--purple-dark_obors_194",
-  "teddy-card--white": "_teddy-card--white_obors_213",
-  "teddy-card--gray": "_teddy-card--gray_obors_227",
-  "teddy-card--beige": "_teddy-card--beige_obors_241",
-  "teddy-card--product": "_teddy-card--product_obors_255",
-  "teddy-card__price--big": "_teddy-card__price--big_obors_315",
-  "teddy-card__image--as-background": "_teddy-card__image--as-background_obors_318",
-  "teddy-card--background-image": "_teddy-card--background-image_obors_324",
-  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_obors_329",
-  "teddy-card__inset": "_teddy-card__inset_obors_333",
-  "teddy-card__inset--top": "_teddy-card__inset--top_obors_336",
-  "teddy-card__inset--left": "_teddy-card__inset--left_obors_339",
-  "teddy-card__inset--right": "_teddy-card__inset--right_obors_342",
-  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_obors_345",
-  "teddy-card__availability--badge": "_teddy-card__availability--badge_obors_360",
-  "teddy-card__availability--success": "_teddy-card__availability--success_obors_363",
-  "teddy-card__availability--warning": "_teddy-card__availability--warning_obors_366",
-  "teddy-card__availability--error": "_teddy-card__availability--error_obors_369",
-  "teddy-card__availability--special": "_teddy-card__availability--special_obors_372",
-  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_obors_375",
-  "teddy-card__availability--information": "_teddy-card__availability--information_obors_378"
+  "teddy-card": "_teddy-card_1855b_3",
+  "teddy-card__slot": "_teddy-card__slot_1855b_13",
+  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_1855b_16",
+  "teddy-card__slot--center": "_teddy-card__slot--center_1855b_19",
+  "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1855b_25",
+  "teddy-card--shadow": "_teddy-card--shadow_1855b_44",
+  "teddy-card__action": "_teddy-card__action_1855b_48",
+  "teddy-card__action--disabled": "_teddy-card__action--disabled_1855b_48",
+  "teddy-card--border": "_teddy-card--border_1855b_55",
+  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_1855b_58",
+  "teddy-card--layout": "_teddy-card--layout_1855b_61",
+  "teddy-card__illustration": "_teddy-card__illustration_1855b_61",
+  "teddy-card__carousel": "_teddy-card__carousel_1855b_64",
+  "teddy-card__content": "_teddy-card__content_1855b_67",
+  "teddy-card__heading": "_teddy-card__heading_1855b_70",
+  "teddy-card__footer": "_teddy-card__footer_1855b_76",
+  "teddy-card__overline": "_teddy-card__overline_1855b_79",
+  "teddy-card__description": "_teddy-card__description_1855b_82",
+  "teddy-card__color-dots": "_teddy-card__color-dots_1855b_85",
+  "teddy-card__availability": "_teddy-card__availability_1855b_88",
+  "teddy-card__price": "_teddy-card__price_1855b_91",
+  "teddy-card--default": "_teddy-card--default_1855b_94",
+  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1855b_99",
+  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1855b_118",
+  "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_1855b_127",
+  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1855b_146",
+  "teddy-card--rich-card": "_teddy-card--rich-card_1855b_158",
+  "teddy-card--rich-card-large": "_teddy-card--rich-card-large_1855b_177",
+  "teddy-card__line": "_teddy-card__line_1855b_210",
+  "teddy-card--purple-light": "_teddy-card--purple-light_1855b_214",
+  "teddy-card--purple-dark": "_teddy-card--purple-dark_1855b_228",
+  "teddy-card--white": "_teddy-card--white_1855b_247",
+  "teddy-card--gray": "_teddy-card--gray_1855b_261",
+  "teddy-card--beige": "_teddy-card--beige_1855b_275",
+  "teddy-card--product": "_teddy-card--product_1855b_289",
+  "teddy-card__price--big": "_teddy-card__price--big_1855b_349",
+  "teddy-card__image--as-background": "_teddy-card__image--as-background_1855b_352",
+  "teddy-card--background-image": "_teddy-card--background-image_1855b_358",
+  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1855b_363",
+  "teddy-card__inset": "_teddy-card__inset_1855b_367",
+  "teddy-card__inset--top": "_teddy-card__inset--top_1855b_370",
+  "teddy-card__inset--left": "_teddy-card__inset--left_1855b_373",
+  "teddy-card__inset--right": "_teddy-card__inset--right_1855b_376",
+  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_1855b_379",
+  "teddy-card__availability--badge": "_teddy-card__availability--badge_1855b_394",
+  "teddy-card__availability--success": "_teddy-card__availability--success_1855b_397",
+  "teddy-card__availability--warning": "_teddy-card__availability--warning_1855b_400",
+  "teddy-card__availability--error": "_teddy-card__availability--error_1855b_403",
+  "teddy-card__availability--special": "_teddy-card__availability--special_1855b_406",
+  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_1855b_409",
+  "teddy-card__availability--information": "_teddy-card__availability--information_1855b_412"
 };
 const rootClassName = "teddy-card";
 const actionElementIdentifier = `${rootClassName}__action`;

package/dist/style.css CHANGED Viewed

@@ -2506,32 +2506,32 @@
   }
 }@layer heading, flex, grid, button, card;
 @layer card {
-  ._teddy-card_obors_3 {
+  ._teddy-card_1855b_3 {
     border-radius: var(--teddy-border-radius-md);
     padding: var(--teddy-spacing-250);
     position: relative;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_obors_3 {
+    ._teddy-card_1855b_3 {
       transition: background-color var(--teddy-motion-duration-300) ease;
     }
   }
-  ._teddy-card__slot_obors_13 {
+  ._teddy-card__slot_1855b_13 {
     transform: translateY(-50%);
   }
-  ._teddy-card__slot--bottom_obors_16 {
+  ._teddy-card__slot--bottom_1855b_16 {
     transform: translateY(50%);
   }
-  ._teddy-card__slot--center_obors_19 {
+  ._teddy-card__slot--center_1855b_19 {
     transform: translate(-50%, -50%);
   }
-  ._teddy-card__slot--bottom_obors_16._teddy-card__slot--center_obors_19 {
+  ._teddy-card__slot--bottom_1855b_16._teddy-card__slot--center_1855b_19 {
     transform: translate(-50%, 50%);
   }
-  ._teddy-card__slot--no-translate_obors_25 {
+  ._teddy-card__slot--no-translate_1855b_25 {
     transform: initial;
   }
-  ._teddy-card_obors_3::before {
+  ._teddy-card_1855b_3::before {
     content: "";
     display: block;
     position: absolute;
@@ -2542,95 +2542,95 @@
     box-shadow: var(--teddy-shadow-md);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_obors_3::before {
+    ._teddy-card_1855b_3::before {
       transition: var(--teddy-motion-duration-300) ease;
       transition-property: opacity, box-shadow;
     }
   }
-  ._teddy-card--shadow_obors_44::before {
+  ._teddy-card--shadow_1855b_44::before {
     opacity: 1;
     box-shadow: var(--teddy-shadow-sm-2);
   }
-  ._teddy-card_obors_3:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
+  ._teddy-card_1855b_3:has(._teddy-card__action_1855b_48:not(._teddy-card__action--disabled_1855b_48)) {
     cursor: pointer;
   }
-  ._teddy-card_obors_3:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48))::before {
+  ._teddy-card_1855b_3:has(._teddy-card__action_1855b_48:not(._teddy-card__action--disabled_1855b_48)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_1855b_48:not(._teddy-card__action--disabled_1855b_48))::before {
     opacity: 1;
     box-shadow: var(--teddy-shadow-md);
   }
-  ._teddy-card--border_obors_55 {
+  ._teddy-card--border_1855b_55 {
     border: var(--teddy-border-width-xs) solid transparent;
   }
-  ._teddy-card_obors_3 ._teddy-card__action-wrapper_obors_58 {
+  ._teddy-card_1855b_3 ._teddy-card__action-wrapper_1855b_58 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--layout_obors_61 ._teddy-card__illustration_obors_61 {
+  ._teddy-card--layout_1855b_61 ._teddy-card__illustration_1855b_61 {
     grid-area: illustration;
   }
-  ._teddy-card--layout_obors_61 ._teddy-card__carousel_obors_64 {
+  ._teddy-card--layout_1855b_61 ._teddy-card__carousel_1855b_64 {
     grid-area: carousel;
   }
-  ._teddy-card--layout_obors_61 ._teddy-card__content_obors_67 {
+  ._teddy-card--layout_1855b_61 ._teddy-card__content_1855b_67 {
     grid-area: content;
   }
-  ._teddy-card--layout_obors_61 ._teddy-card__heading_obors_70 {
+  ._teddy-card--layout_1855b_61 ._teddy-card__heading_1855b_70 {
     grid-area: heading;
   }
-  ._teddy-card--layout_obors_61 ._teddy-card__action-wrapper_obors_58 {
+  ._teddy-card--layout_1855b_61 ._teddy-card__action-wrapper_1855b_58 {
     grid-area: action;
   }
-  ._teddy-card--layout_obors_61 ._teddy-card__footer_obors_76 {
+  ._teddy-card--layout_1855b_61 ._teddy-card__footer_1855b_76 {
     grid-area: footer;
   }
-  ._teddy-card--layout_obors_61 ._teddy-card__overline_obors_79 {
+  ._teddy-card--layout_1855b_61 ._teddy-card__overline_1855b_79 {
     grid-area: overline;
   }
-  ._teddy-card--layout_obors_61 ._teddy-card__description_obors_82 {
+  ._teddy-card--layout_1855b_61 ._teddy-card__description_1855b_82 {
     grid-area: description;
   }
-  ._teddy-card--layout_obors_61 ._teddy-card__color-dots_obors_85 {
+  ._teddy-card--layout_1855b_61 ._teddy-card__color-dots_1855b_85 {
     grid-area: colors;
   }
-  ._teddy-card--layout_obors_61 ._teddy-card__availability_obors_88 {
+  ._teddy-card--layout_1855b_61 ._teddy-card__availability_1855b_88 {
     grid-area: availability;
   }
-  ._teddy-card--layout_obors_61 ._teddy-card__price_obors_91 {
+  ._teddy-card--layout_1855b_61 ._teddy-card__price_1855b_91 {
     grid-area: price;
   }
-  ._teddy-card--default_obors_94 {
+  ._teddy-card--default_1855b_94 {
     display: flex;
     flex-direction: column;
     gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_obors_99 {
+  ._teddy-card--navigation-vertical_1855b_99 {
     grid-template-rows: auto auto 1fr auto;
     justify-items: start;
     align-items: baseline;
     grid-template-areas: "illustration" "heading" "content" "action";
   }
-  ._teddy-card--navigation-vertical_obors_99 ._teddy-card__illustration_obors_61 {
+  ._teddy-card--navigation-vertical_1855b_99 ._teddy-card__illustration_1855b_61 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_obors_99 ._teddy-card__content_obors_67 {
+  ._teddy-card--navigation-vertical_1855b_99 ._teddy-card__content_1855b_67 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_obors_99 ._teddy-card__heading_obors_70 {
+  ._teddy-card--navigation-vertical_1855b_99 ._teddy-card__heading_1855b_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-vertical_obors_99 ._teddy-card__action_obors_48 {
+  ._teddy-card--navigation-vertical_1855b_99 ._teddy-card__action_1855b_48 {
     margin-top: auto;
     justify-self: end;
   }
-  ._teddy-card--navigation-horizontal-small_obors_118 {
+  ._teddy-card--navigation-horizontal-small_1855b_118 {
     grid-template-columns: auto 1fr auto;
     grid-template-rows: auto 1fr;
     grid-template-areas: "illustration heading action" "illustration content action";
     column-gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small_obors_118 ._teddy-card__heading_obors_70 {
+  ._teddy-card--navigation-horizontal-small_1855b_118 ._teddy-card__heading_1855b_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-horizontal-small-centered_obors_127 {
+  ._teddy-card--navigation-horizontal-small-centered_1855b_127 {
     max-width: 26rem;
     grid-template-columns: auto 1fr auto;
     grid-template-rows: 1fr auto;
@@ -2638,127 +2638,161 @@
     align-items: center;
     column-gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small-centered_obors_127 ._teddy-card__content_obors_67 {
+  ._teddy-card--navigation-horizontal-small-centered_1855b_127 ._teddy-card__content_1855b_67 {
     margin-top: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small-centered_obors_127 ._teddy-card__action-wrapper_obors_58 {
+  ._teddy-card--navigation-horizontal-small-centered_1855b_127 ._teddy-card__action-wrapper_1855b_58 {
     margin: 0;
   }
-  ._teddy-card--navigation-horizontal-small-centered_obors_127 ._teddy-card__illustration_obors_61 {
+  ._teddy-card--navigation-horizontal-small-centered_1855b_127 ._teddy-card__illustration_1855b_61 {
     object-fit: contain;
     max-height: 80px;
     max-width: 100px;
   }
-  ._teddy-card--navigation-horizontal-large_obors_146 {
+  ._teddy-card--navigation-horizontal-large_1855b_146 {
     grid-template-columns: 1fr auto;
     grid-template-rows: auto auto 1fr;
     grid-template-areas: "illustration action" "heading action" "content action";
     column-gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-large_obors_146 ._teddy-card__heading_obors_70 {
+  ._teddy-card--navigation-horizontal-large_1855b_146 ._teddy-card__heading_1855b_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-horizontal-large_obors_146 ._teddy-card__action_obors_48 {
+  ._teddy-card--navigation-horizontal-large_1855b_146 ._teddy-card__action_1855b_48 {
     margin-top: auto;
   }
-  ._teddy-card--rich-card_obors_158 {
+  ._teddy-card--rich-card_1855b_158 {
     justify-items: start;
     align-items: baseline;
     grid-template-rows: auto auto 1fr auto;
     grid-template-areas: "illustration" "heading" "content" "action";
   }
-  ._teddy-card--rich-card_obors_158 ._teddy-card__illustration_obors_61 {
+  ._teddy-card--rich-card_1855b_158 ._teddy-card__illustration_1855b_61 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card_obors_158 ._teddy-card__content_obors_67 {
+  ._teddy-card--rich-card_1855b_158 ._teddy-card__content_1855b_67 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card_obors_158 ._teddy-card__heading_obors_70 {
+  ._teddy-card--rich-card_1855b_158 ._teddy-card__heading_1855b_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--rich-card_obors_158 ._teddy-card__action_obors_48 {
+  ._teddy-card--rich-card_1855b_158 ._teddy-card__action_1855b_48 {
     margin-top: auto;
   }
-  ._teddy-card__line_obors_176 {
+  @media (max-width: 800px) {
+    ._teddy-card--rich-card-large_1855b_177 {
+      justify-items: start;
+      align-items: baseline;
+      grid-template-rows: auto auto 1fr auto;
+      grid-template-areas: "illustration" "heading" "content" "action";
+    }
+  }
+  ._teddy-card--rich-card-large_1855b_177 ._teddy-card__illustration_1855b_61 img {
+    object-fit: cover;
+  }
+  @media (min-width: 801px) {
+    ._teddy-card--rich-card-large_1855b_177 ._teddy-card__illustration_1855b_61 {
+      grid-column-start: 1;
+      margin-right: var(--teddy-spacing-600);
+    }
+  }
+  ._teddy-card--rich-card-large_1855b_177 ._teddy-card__content_1855b_67 {
+    margin-top: 2rem;
+  }
+  @media (min-width: 801px) {
+    ._teddy-card--rich-card-large_1855b_177 ._teddy-card__content_1855b_67 {
+      grid-column-start: 2;
+      margin-top: 0;
+      align-content: center;
+    }
+  }
+  ._teddy-card--rich-card-large_1855b_177 ._teddy-card__action_1855b_48 {
+    margin-top: var(--teddy-spacing-200);
+  }
+  ._teddy-card--rich-card-large_1855b_177 ._teddy-card__heading_1855b_70 {
+    margin-top: var(--teddy-spacing-100);
+    margin-bottom: var(--teddy-spacing-100);
+  }
+  ._teddy-card__line_1855b_210 {
     border: 0;
     border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-card--purple-light_obors_180 {
+  ._teddy-card--purple-light_1855b_214 {
     background-color: var(--teddy-color-background-interactive-primary-negative);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-background-interactive-primary-negative);
   }
-  ._teddy-card--purple-light_obors_180:hover:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
+  ._teddy-card--purple-light_1855b_214:hover:has(._teddy-card__action_1855b_48:not(._teddy-card__action--disabled_1855b_48)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-hover);
   }
-  ._teddy-card--purple-light_obors_180:active:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
+  ._teddy-card--purple-light_1855b_214:active:has(._teddy-card__action_1855b_48:not(._teddy-card__action--disabled_1855b_48)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-active);
   }
-  ._teddy-card--purple-light_obors_180:has(._teddy-card__action--disabled_obors_48) {
+  ._teddy-card--purple-light_1855b_214:has(._teddy-card__action--disabled_1855b_48) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_obors_194 {
+  ._teddy-card--purple-dark_1855b_228 {
     background-color: var(--teddy-color-brand-deep-purple);
     color: var(--teddy-color-text-default-negative);
     border-color: var(--teddy-color-brand-deep-purple);
   }
-  ._teddy-card--purple-dark_obors_194:hover:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
+  ._teddy-card--purple-dark_1855b_228:hover:has(._teddy-card__action_1855b_48:not(._teddy-card__action--disabled_1855b_48)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
-  ._teddy-card--purple-dark_obors_194:active:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
+  ._teddy-card--purple-dark_1855b_228:active:has(._teddy-card__action_1855b_48:not(._teddy-card__action--disabled_1855b_48)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-active);
   }
-  ._teddy-card--purple-dark_obors_194:has(._teddy-card__action--disabled_obors_48) {
+  ._teddy-card--purple-dark_1855b_228:has(._teddy-card__action--disabled_1855b_48) {
     color: var(--teddy-color-text-default);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_obors_194:has(._teddy-card__action--disabled_obors_48) ._teddy-card__action_obors_48 {
+  ._teddy-card--purple-dark_1855b_228:has(._teddy-card__action--disabled_1855b_48) ._teddy-card__action_1855b_48 {
     color: var(--teddy-color-text-weak);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--white_obors_213 {
+  ._teddy-card--white_1855b_247 {
     background-color: var(--teddy-color-brand-white);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-interactive-subtle);
   }
-  ._teddy-card--white_obors_213:hover:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
+  ._teddy-card--white_1855b_247:hover:has(._teddy-card__action_1855b_48:not(._teddy-card__action--disabled_1855b_48)) {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-card--white_obors_213:active:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
+  ._teddy-card--white_1855b_247:active:has(._teddy-card__action_1855b_48:not(._teddy-card__action--disabled_1855b_48)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--white_obors_213:has(._teddy-card__action--disabled_obors_48) {
+  ._teddy-card--white_1855b_247:has(._teddy-card__action--disabled_1855b_48) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--gray_obors_227 {
+  ._teddy-card--gray_1855b_261 {
     background-color: var(--teddy-color-background-secondary);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-interactive-subtle);
   }
-  ._teddy-card--gray_obors_227:hover:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
+  ._teddy-card--gray_1855b_261:hover:has(._teddy-card__action_1855b_48:not(._teddy-card__action--disabled_1855b_48)) {
     background-color: var(--teddy-color-gray-100);
   }
-  ._teddy-card--gray_obors_227:active:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
+  ._teddy-card--gray_1855b_261:active:has(._teddy-card__action_1855b_48:not(._teddy-card__action--disabled_1855b_48)) {
     background-color: var(--teddy-color-gray-200);
   }
-  ._teddy-card--gray_obors_227:has(._teddy-card__action--disabled_obors_48) {
+  ._teddy-card--gray_1855b_261:has(._teddy-card__action--disabled_1855b_48) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--beige_obors_241 {
+  ._teddy-card--beige_1855b_275 {
     background-color: var(--teddy-color-beige-100);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_obors_241:hover:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
+  ._teddy-card--beige_1855b_275:hover:has(._teddy-card__action_1855b_48:not(._teddy-card__action--disabled_1855b_48)) {
     background-color: var(--teddy-color-beige-200);
   }
-  ._teddy-card--beige_obors_241:active:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
+  ._teddy-card--beige_1855b_275:active:has(._teddy-card__action_1855b_48:not(._teddy-card__action--disabled_1855b_48)) {
     background-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_obors_241:has(._teddy-card__action--disabled_obors_48) {
+  ._teddy-card--beige_1855b_275:has(._teddy-card__action--disabled_1855b_48) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--product_obors_255 {
+  ._teddy-card--product_1855b_289 {
     grid-template-columns: minmax(0, 100%);
     grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
     grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
@@ -2769,119 +2803,119 @@
     padding-bottom: var(--teddy-spacing-100);
     width: 100%;
   }
-  ._teddy-card--product_obors_255:hover:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
+  ._teddy-card--product_1855b_289:hover:has(._teddy-card__action_1855b_48:not(._teddy-card__action--disabled_1855b_48)) {
     background-color: var(--teddy-color-brand-white);
     outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
     outline-offset: calc(var(--teddy-border-width-sm) * -1);
   }
-  ._teddy-card--product_obors_255:active:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
+  ._teddy-card--product_1855b_289:active:has(._teddy-card__action_1855b_48:not(._teddy-card__action--disabled_1855b_48)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--product_obors_255:has(._teddy-card__action--disabled_obors_48) {
+  ._teddy-card--product_1855b_289:has(._teddy-card__action--disabled_1855b_48) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--product_obors_255 ._teddy-card__illustration_obors_61 {
+  ._teddy-card--product_1855b_289 ._teddy-card__illustration_1855b_61 {
     height: 180px;
     display: grid;
     place-items: center;
     place-self: center;
     margin-bottom: var(--teddy-spacing-400);
   }
-  ._teddy-card--product_obors_255 ._teddy-card__illustration_obors_61 img {
+  ._teddy-card--product_1855b_289 ._teddy-card__illustration_1855b_61 img {
     max-width: 200px;
     max-height: 180px;
     object-fit: contain;
   }
-  ._teddy-card--product_obors_255 ._teddy-card__carousel_obors_64 .slick-dots li {
+  ._teddy-card--product_1855b_289 ._teddy-card__carousel_1855b_64 .slick-dots li {
     min-width: 12px;
     width: initial !important;
     margin: 0 0.25rem !important;
   }
-  ._teddy-card--product_obors_255 ._teddy-card__carousel_obors_64 .slick-dots .slick-active {
+  ._teddy-card--product_1855b_289 ._teddy-card__carousel_1855b_64 .slick-dots .slick-active {
     min-width: 24px;
     width: initial !important;
   }
-  ._teddy-card--product_obors_255 ._teddy-card__overline_obors_79 {
+  ._teddy-card--product_1855b_289 ._teddy-card__overline_1855b_79 {
     margin-bottom: var(--teddy-spacing-50);
   }
-  ._teddy-card--product_obors_255 ._teddy-card__heading_obors_70 {
+  ._teddy-card--product_1855b_289 ._teddy-card__heading_1855b_70 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_obors_255 ._teddy-card__description_obors_82 {
+  ._teddy-card--product_1855b_289 ._teddy-card__description_1855b_82 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_obors_255 ._teddy-card__action_obors_48 {
+  ._teddy-card--product_1855b_289 ._teddy-card__action_1855b_48 {
     margin-top: auto;
     margin-left: auto;
     justify-self: end;
   }
-  ._teddy-card--product_obors_255 ._teddy-card__price_obors_91 {
+  ._teddy-card--product_1855b_289 ._teddy-card__price_1855b_91 {
     display: flex;
   }
-  ._teddy-card--product_obors_255 ._teddy-card__price--big_obors_315 {
+  ._teddy-card--product_1855b_289 ._teddy-card__price--big_1855b_349 {
     font-size: var(--teddy-typography-scale-200);
   }
-  ._teddy-card_obors_3:has(._teddy-card__image--as-background_obors_318) {
+  ._teddy-card_1855b_3:has(._teddy-card__image--as-background_1855b_352) {
     background-color: transparent;
   }
-  ._teddy-card__heading_obors_70 {
+  ._teddy-card__heading_1855b_70 {
     color: inherit;
   }
-  ._teddy-card--background-image_obors_324 {
+  ._teddy-card--background-image_1855b_358 {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
   }
-  ._teddy-card__illustration--rounded_obors_329 {
+  ._teddy-card__illustration--rounded_1855b_363 {
     border-radius: inherit;
     overflow: hidden;
   }
-  ._teddy-card__inset_obors_333 {
+  ._teddy-card__inset_1855b_367 {
     overflow: hidden;
   }
-  ._teddy-card__inset--top_obors_336 {
+  ._teddy-card__inset--top_1855b_370 {
     margin-top: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--top_obors_336._teddy-card__inset--left_obors_339 {
+  ._teddy-card__inset--top_1855b_370._teddy-card__inset--left_1855b_373 {
     border-top-left-radius: inherit;
   }
-  ._teddy-card__inset--top_obors_336._teddy-card__inset--right_obors_342 {
+  ._teddy-card__inset--top_1855b_370._teddy-card__inset--right_1855b_376 {
     border-top-right-radius: inherit;
   }
-  ._teddy-card__inset--bottom_obors_345 {
+  ._teddy-card__inset--bottom_1855b_379 {
     margin-bottom: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--bottom_obors_345._teddy-card__inset--left_obors_339 {
+  ._teddy-card__inset--bottom_1855b_379._teddy-card__inset--left_1855b_373 {
     border-bottom-left-radius: inherit;
   }
-  ._teddy-card__inset--bottom_obors_345._teddy-card__inset--right_obors_342 {
+  ._teddy-card__inset--bottom_1855b_379._teddy-card__inset--right_1855b_376 {
     border-bottom-right-radius: inherit;
   }
-  ._teddy-card__inset--left_obors_339 {
+  ._teddy-card__inset--left_1855b_373 {
     margin-left: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--right_obors_342 {
+  ._teddy-card__inset--right_1855b_376 {
     margin-right: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__availability--badge_obors_360 {
+  ._teddy-card__availability--badge_1855b_394 {
     margin-right: var(--teddy-spacing-150);
   }
-  ._teddy-card__availability--success_obors_363 {
+  ._teddy-card__availability--success_1855b_397 {
     color: var(--teddy-color-text-status-success-strong);
   }
-  ._teddy-card__availability--warning_obors_366 {
+  ._teddy-card__availability--warning_1855b_400 {
     color: var(--teddy-color-text-status-warning-strong);
   }
-  ._teddy-card__availability--error_obors_369 {
+  ._teddy-card__availability--error_1855b_403 {
     color: var(--teddy-color-text-status-error-strong);
   }
-  ._teddy-card__availability--special_obors_372 {
+  ._teddy-card__availability--special_1855b_406 {
     color: var(--teddy-color-text-status-special);
   }
-  ._teddy-card__availability--neutral_obors_375 {
+  ._teddy-card__availability--neutral_1855b_409 {
     color: var(--teddy-color-text-status-neutral);
   }
-  ._teddy-card__availability--information_obors_378 {
+  ._teddy-card__availability--information_1855b_412 {
     color: var(--teddy-color-text-status-info-strong);
   }
 }._teddy-badge_wlyo5_1 {

package/package.json CHANGED Viewed

@@ -20,7 +20,7 @@
     "pnpm": ">=8"
   },
   "private": false,
-  "version": "0.0.76",
+  "version": "0.0.77",
   "sideEffects": [
     "**/*.css"
   ],