npm - @telia/teddy - Versions diffs - 0.0.66 → 0.0.67 - Mend

@telia/teddy 0.0.66 → 0.0.67

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

package/dist/components/card/card-price.cjs +10 -1
package/dist/components/card/card-price.js +10 -1
package/dist/components/card/card.cjs +47 -46
package/dist/components/card/card.js +47 -46
package/dist/style.css +97 -91
package/package.json +1 -1

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

@@ -24,7 +24,16 @@ const Price = React.forwardRef(
         children: /* @__PURE__ */ jsxRuntime.jsxs(components_text_text.Text, { variant: "paragraph-100", as: "p", children: [
           pricePrefix,
           " ",
-          /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { variant: "paragraph-100-bold", as: "span", ml: "50", children: priceText })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            components_text_text.Text,
+            {
+              variant: "paragraph-100-bold",
+              as: "span",
+              ml: "100",
+              className: components_card_card.styles[`${rootColorDotsClass}--big`],
+              children: priceText
+            }
+          )
         ] })
       }
     );

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

@@ -22,7 +22,16 @@ const Price = React__default.forwardRef(
         children: /* @__PURE__ */ jsxs(Text, { variant: "paragraph-100", as: "p", children: [
           pricePrefix,
           " ",
-          /* @__PURE__ */ jsx(Text, { variant: "paragraph-100-bold", as: "span", ml: "50", children: priceText })
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              variant: "paragraph-100-bold",
+              as: "span",
+              ml: "100",
+              className: styles[`${rootColorDotsClass}--big`],
+              children: priceText
+            }
+          )
         ] })
       }
     );

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

@@ -7,52 +7,53 @@ 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_2wvsb_3",
-  "teddy-card__slot": "_teddy-card__slot_2wvsb_13",
-  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_2wvsb_16",
-  "teddy-card__slot--center": "_teddy-card__slot--center_2wvsb_19",
-  "teddy-card--shadow": "_teddy-card--shadow_2wvsb_41",
-  "teddy-card__action": "_teddy-card__action_2wvsb_45",
-  "teddy-card__action--disabled": "_teddy-card__action--disabled_2wvsb_45",
-  "teddy-card--border": "_teddy-card--border_2wvsb_52",
-  "teddy-card--layout": "_teddy-card--layout_2wvsb_55",
-  "teddy-card__illustration": "_teddy-card__illustration_2wvsb_55",
-  "teddy-card__content": "_teddy-card__content_2wvsb_58",
-  "teddy-card__heading": "_teddy-card__heading_2wvsb_61",
-  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_2wvsb_64",
-  "teddy-card__footer": "_teddy-card__footer_2wvsb_67",
-  "teddy-card__overline": "_teddy-card__overline_2wvsb_70",
-  "teddy-card__description": "_teddy-card__description_2wvsb_73",
-  "teddy-card__color-dots": "_teddy-card__color-dots_2wvsb_76",
-  "teddy-card__availability": "_teddy-card__availability_2wvsb_79",
-  "teddy-card__price": "_teddy-card__price_2wvsb_82",
-  "teddy-card--default": "_teddy-card--default_2wvsb_85",
-  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_2wvsb_90",
-  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_2wvsb_109",
-  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_2wvsb_121",
-  "teddy-card--rich-card": "_teddy-card--rich-card_2wvsb_133",
-  "teddy-card__line": "_teddy-card__line_2wvsb_151",
-  "teddy-card--purple-light": "_teddy-card--purple-light_2wvsb_155",
-  "teddy-card--purple-dark": "_teddy-card--purple-dark_2wvsb_169",
-  "teddy-card--white": "_teddy-card--white_2wvsb_188",
-  "teddy-card--gray": "_teddy-card--gray_2wvsb_202",
-  "teddy-card--beige": "_teddy-card--beige_2wvsb_216",
-  "teddy-card--product": "_teddy-card--product_2wvsb_230",
-  "teddy-card__image--as-background": "_teddy-card__image--as-background_2wvsb_278",
-  "teddy-card--background-image": "_teddy-card--background-image_2wvsb_284",
-  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_2wvsb_289",
-  "teddy-card__inset": "_teddy-card__inset_2wvsb_293",
-  "teddy-card__inset--top": "_teddy-card__inset--top_2wvsb_296",
-  "teddy-card__inset--left": "_teddy-card__inset--left_2wvsb_299",
-  "teddy-card__inset--right": "_teddy-card__inset--right_2wvsb_302",
-  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_2wvsb_305",
-  "teddy-card__availability--badge": "_teddy-card__availability--badge_2wvsb_320",
-  "teddy-card__availability--success": "_teddy-card__availability--success_2wvsb_323",
-  "teddy-card__availability--warning": "_teddy-card__availability--warning_2wvsb_326",
-  "teddy-card__availability--error": "_teddy-card__availability--error_2wvsb_329",
-  "teddy-card__availability--special": "_teddy-card__availability--special_2wvsb_332",
-  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_2wvsb_335",
-  "teddy-card__availability--information": "_teddy-card__availability--information_2wvsb_338"
+  "teddy-card": "_teddy-card_18mto_3",
+  "teddy-card__slot": "_teddy-card__slot_18mto_13",
+  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_18mto_16",
+  "teddy-card__slot--center": "_teddy-card__slot--center_18mto_19",
+  "teddy-card--shadow": "_teddy-card--shadow_18mto_41",
+  "teddy-card__action": "_teddy-card__action_18mto_45",
+  "teddy-card__action--disabled": "_teddy-card__action--disabled_18mto_45",
+  "teddy-card--border": "_teddy-card--border_18mto_52",
+  "teddy-card--layout": "_teddy-card--layout_18mto_55",
+  "teddy-card__illustration": "_teddy-card__illustration_18mto_55",
+  "teddy-card__content": "_teddy-card__content_18mto_58",
+  "teddy-card__heading": "_teddy-card__heading_18mto_61",
+  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_18mto_64",
+  "teddy-card__footer": "_teddy-card__footer_18mto_67",
+  "teddy-card__overline": "_teddy-card__overline_18mto_70",
+  "teddy-card__description": "_teddy-card__description_18mto_73",
+  "teddy-card__color-dots": "_teddy-card__color-dots_18mto_76",
+  "teddy-card__availability": "_teddy-card__availability_18mto_79",
+  "teddy-card__price": "_teddy-card__price_18mto_82",
+  "teddy-card--default": "_teddy-card--default_18mto_85",
+  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_18mto_90",
+  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_18mto_109",
+  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_18mto_121",
+  "teddy-card--rich-card": "_teddy-card--rich-card_18mto_133",
+  "teddy-card__line": "_teddy-card__line_18mto_151",
+  "teddy-card--purple-light": "_teddy-card--purple-light_18mto_155",
+  "teddy-card--purple-dark": "_teddy-card--purple-dark_18mto_169",
+  "teddy-card--white": "_teddy-card--white_18mto_188",
+  "teddy-card--gray": "_teddy-card--gray_18mto_202",
+  "teddy-card--beige": "_teddy-card--beige_18mto_216",
+  "teddy-card--product": "_teddy-card--product_18mto_230",
+  "teddy-card__price--big": "_teddy-card__price--big_18mto_281",
+  "teddy-card__image--as-background": "_teddy-card__image--as-background_18mto_284",
+  "teddy-card--background-image": "_teddy-card--background-image_18mto_290",
+  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_18mto_295",
+  "teddy-card__inset": "_teddy-card__inset_18mto_299",
+  "teddy-card__inset--top": "_teddy-card__inset--top_18mto_302",
+  "teddy-card__inset--left": "_teddy-card__inset--left_18mto_305",
+  "teddy-card__inset--right": "_teddy-card__inset--right_18mto_308",
+  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_18mto_311",
+  "teddy-card__availability--badge": "_teddy-card__availability--badge_18mto_326",
+  "teddy-card__availability--success": "_teddy-card__availability--success_18mto_329",
+  "teddy-card__availability--warning": "_teddy-card__availability--warning_18mto_332",
+  "teddy-card__availability--error": "_teddy-card__availability--error_18mto_335",
+  "teddy-card__availability--special": "_teddy-card__availability--special_18mto_338",
+  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_18mto_341",
+  "teddy-card__availability--information": "_teddy-card__availability--information_18mto_344"
 };
 const rootClassName = "teddy-card";
 const actionElementIdentifier = `${rootClassName}__action`;

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

@@ -5,52 +5,53 @@ 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_2wvsb_3",
-  "teddy-card__slot": "_teddy-card__slot_2wvsb_13",
-  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_2wvsb_16",
-  "teddy-card__slot--center": "_teddy-card__slot--center_2wvsb_19",
-  "teddy-card--shadow": "_teddy-card--shadow_2wvsb_41",
-  "teddy-card__action": "_teddy-card__action_2wvsb_45",
-  "teddy-card__action--disabled": "_teddy-card__action--disabled_2wvsb_45",
-  "teddy-card--border": "_teddy-card--border_2wvsb_52",
-  "teddy-card--layout": "_teddy-card--layout_2wvsb_55",
-  "teddy-card__illustration": "_teddy-card__illustration_2wvsb_55",
-  "teddy-card__content": "_teddy-card__content_2wvsb_58",
-  "teddy-card__heading": "_teddy-card__heading_2wvsb_61",
-  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_2wvsb_64",
-  "teddy-card__footer": "_teddy-card__footer_2wvsb_67",
-  "teddy-card__overline": "_teddy-card__overline_2wvsb_70",
-  "teddy-card__description": "_teddy-card__description_2wvsb_73",
-  "teddy-card__color-dots": "_teddy-card__color-dots_2wvsb_76",
-  "teddy-card__availability": "_teddy-card__availability_2wvsb_79",
-  "teddy-card__price": "_teddy-card__price_2wvsb_82",
-  "teddy-card--default": "_teddy-card--default_2wvsb_85",
-  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_2wvsb_90",
-  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_2wvsb_109",
-  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_2wvsb_121",
-  "teddy-card--rich-card": "_teddy-card--rich-card_2wvsb_133",
-  "teddy-card__line": "_teddy-card__line_2wvsb_151",
-  "teddy-card--purple-light": "_teddy-card--purple-light_2wvsb_155",
-  "teddy-card--purple-dark": "_teddy-card--purple-dark_2wvsb_169",
-  "teddy-card--white": "_teddy-card--white_2wvsb_188",
-  "teddy-card--gray": "_teddy-card--gray_2wvsb_202",
-  "teddy-card--beige": "_teddy-card--beige_2wvsb_216",
-  "teddy-card--product": "_teddy-card--product_2wvsb_230",
-  "teddy-card__image--as-background": "_teddy-card__image--as-background_2wvsb_278",
-  "teddy-card--background-image": "_teddy-card--background-image_2wvsb_284",
-  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_2wvsb_289",
-  "teddy-card__inset": "_teddy-card__inset_2wvsb_293",
-  "teddy-card__inset--top": "_teddy-card__inset--top_2wvsb_296",
-  "teddy-card__inset--left": "_teddy-card__inset--left_2wvsb_299",
-  "teddy-card__inset--right": "_teddy-card__inset--right_2wvsb_302",
-  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_2wvsb_305",
-  "teddy-card__availability--badge": "_teddy-card__availability--badge_2wvsb_320",
-  "teddy-card__availability--success": "_teddy-card__availability--success_2wvsb_323",
-  "teddy-card__availability--warning": "_teddy-card__availability--warning_2wvsb_326",
-  "teddy-card__availability--error": "_teddy-card__availability--error_2wvsb_329",
-  "teddy-card__availability--special": "_teddy-card__availability--special_2wvsb_332",
-  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_2wvsb_335",
-  "teddy-card__availability--information": "_teddy-card__availability--information_2wvsb_338"
+  "teddy-card": "_teddy-card_18mto_3",
+  "teddy-card__slot": "_teddy-card__slot_18mto_13",
+  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_18mto_16",
+  "teddy-card__slot--center": "_teddy-card__slot--center_18mto_19",
+  "teddy-card--shadow": "_teddy-card--shadow_18mto_41",
+  "teddy-card__action": "_teddy-card__action_18mto_45",
+  "teddy-card__action--disabled": "_teddy-card__action--disabled_18mto_45",
+  "teddy-card--border": "_teddy-card--border_18mto_52",
+  "teddy-card--layout": "_teddy-card--layout_18mto_55",
+  "teddy-card__illustration": "_teddy-card__illustration_18mto_55",
+  "teddy-card__content": "_teddy-card__content_18mto_58",
+  "teddy-card__heading": "_teddy-card__heading_18mto_61",
+  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_18mto_64",
+  "teddy-card__footer": "_teddy-card__footer_18mto_67",
+  "teddy-card__overline": "_teddy-card__overline_18mto_70",
+  "teddy-card__description": "_teddy-card__description_18mto_73",
+  "teddy-card__color-dots": "_teddy-card__color-dots_18mto_76",
+  "teddy-card__availability": "_teddy-card__availability_18mto_79",
+  "teddy-card__price": "_teddy-card__price_18mto_82",
+  "teddy-card--default": "_teddy-card--default_18mto_85",
+  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_18mto_90",
+  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_18mto_109",
+  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_18mto_121",
+  "teddy-card--rich-card": "_teddy-card--rich-card_18mto_133",
+  "teddy-card__line": "_teddy-card__line_18mto_151",
+  "teddy-card--purple-light": "_teddy-card--purple-light_18mto_155",
+  "teddy-card--purple-dark": "_teddy-card--purple-dark_18mto_169",
+  "teddy-card--white": "_teddy-card--white_18mto_188",
+  "teddy-card--gray": "_teddy-card--gray_18mto_202",
+  "teddy-card--beige": "_teddy-card--beige_18mto_216",
+  "teddy-card--product": "_teddy-card--product_18mto_230",
+  "teddy-card__price--big": "_teddy-card__price--big_18mto_281",
+  "teddy-card__image--as-background": "_teddy-card__image--as-background_18mto_284",
+  "teddy-card--background-image": "_teddy-card--background-image_18mto_290",
+  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_18mto_295",
+  "teddy-card__inset": "_teddy-card__inset_18mto_299",
+  "teddy-card__inset--top": "_teddy-card__inset--top_18mto_302",
+  "teddy-card__inset--left": "_teddy-card__inset--left_18mto_305",
+  "teddy-card__inset--right": "_teddy-card__inset--right_18mto_308",
+  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_18mto_311",
+  "teddy-card__availability--badge": "_teddy-card__availability--badge_18mto_326",
+  "teddy-card__availability--success": "_teddy-card__availability--success_18mto_329",
+  "teddy-card__availability--warning": "_teddy-card__availability--warning_18mto_332",
+  "teddy-card__availability--error": "_teddy-card__availability--error_18mto_335",
+  "teddy-card__availability--special": "_teddy-card__availability--special_18mto_338",
+  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_18mto_341",
+  "teddy-card__availability--information": "_teddy-card__availability--information_18mto_344"
 };
 const rootClassName = "teddy-card";
 const actionElementIdentifier = `${rootClassName}__action`;

package/dist/style.css CHANGED Viewed

@@ -2474,29 +2474,29 @@
   }
 }@layer heading, flex, grid, button, card;
 @layer card {
-  ._teddy-card_2wvsb_3 {
+  ._teddy-card_18mto_3 {
     border-radius: var(--teddy-border-radius-md);
     padding: var(--teddy-spacing-250);
     position: relative;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_2wvsb_3 {
+    ._teddy-card_18mto_3 {
       transition: background-color var(--teddy-motion-duration-300) ease;
     }
   }
-  ._teddy-card__slot_2wvsb_13 {
+  ._teddy-card__slot_18mto_13 {
     transform: translateY(-50%);
   }
-  ._teddy-card__slot--bottom_2wvsb_16 {
+  ._teddy-card__slot--bottom_18mto_16 {
     transform: translateY(50%);
   }
-  ._teddy-card__slot--center_2wvsb_19 {
+  ._teddy-card__slot--center_18mto_19 {
     transform: translate(-50%, -50%);
   }
-  ._teddy-card__slot--bottom_2wvsb_16._teddy-card__slot--center_2wvsb_19 {
+  ._teddy-card__slot--bottom_18mto_16._teddy-card__slot--center_18mto_19 {
     transform: translate(-50%, 50%);
   }
-  ._teddy-card_2wvsb_3::before {
+  ._teddy-card_18mto_3::before {
     content: "";
     display: block;
     position: absolute;
@@ -2507,201 +2507,201 @@
     box-shadow: var(--teddy-shadow-md);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_2wvsb_3::before {
+    ._teddy-card_18mto_3::before {
       transition: var(--teddy-motion-duration-300) ease;
       transition-property: opacity, box-shadow;
     }
   }
-  ._teddy-card--shadow_2wvsb_41::before {
+  ._teddy-card--shadow_18mto_41::before {
     opacity: 1;
     box-shadow: var(--teddy-shadow-sm-2);
   }
-  ._teddy-card_2wvsb_3:has(._teddy-card__action_2wvsb_45:not(._teddy-card__action--disabled_2wvsb_45)) {
+  ._teddy-card_18mto_3:has(._teddy-card__action_18mto_45:not(._teddy-card__action--disabled_18mto_45)) {
     cursor: pointer;
   }
-  ._teddy-card_2wvsb_3:has(._teddy-card__action_2wvsb_45:not(._teddy-card__action--disabled_2wvsb_45)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_2wvsb_45:not(._teddy-card__action--disabled_2wvsb_45))::before {
+  ._teddy-card_18mto_3:has(._teddy-card__action_18mto_45:not(._teddy-card__action--disabled_18mto_45)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_18mto_45:not(._teddy-card__action--disabled_18mto_45))::before {
     opacity: 1;
     box-shadow: var(--teddy-shadow-md);
   }
-  ._teddy-card--border_2wvsb_52 {
+  ._teddy-card--border_18mto_52 {
     border: var(--teddy-border-width-xs) solid transparent;
   }
-  ._teddy-card--layout_2wvsb_55 ._teddy-card__illustration_2wvsb_55 {
+  ._teddy-card--layout_18mto_55 ._teddy-card__illustration_18mto_55 {
     grid-area: illustration;
   }
-  ._teddy-card--layout_2wvsb_55 ._teddy-card__content_2wvsb_58 {
+  ._teddy-card--layout_18mto_55 ._teddy-card__content_18mto_58 {
     grid-area: content;
   }
-  ._teddy-card--layout_2wvsb_55 ._teddy-card__heading_2wvsb_61 {
+  ._teddy-card--layout_18mto_55 ._teddy-card__heading_18mto_61 {
     grid-area: heading;
   }
-  ._teddy-card--layout_2wvsb_55 ._teddy-card__action-wrapper_2wvsb_64 {
+  ._teddy-card--layout_18mto_55 ._teddy-card__action-wrapper_18mto_64 {
     grid-area: action;
   }
-  ._teddy-card--layout_2wvsb_55 ._teddy-card__footer_2wvsb_67 {
+  ._teddy-card--layout_18mto_55 ._teddy-card__footer_18mto_67 {
     grid-area: footer;
   }
-  ._teddy-card--layout_2wvsb_55 ._teddy-card__overline_2wvsb_70 {
+  ._teddy-card--layout_18mto_55 ._teddy-card__overline_18mto_70 {
     grid-area: overline;
   }
-  ._teddy-card--layout_2wvsb_55 ._teddy-card__description_2wvsb_73 {
+  ._teddy-card--layout_18mto_55 ._teddy-card__description_18mto_73 {
     grid-area: description;
   }
-  ._teddy-card--layout_2wvsb_55 ._teddy-card__color-dots_2wvsb_76 {
+  ._teddy-card--layout_18mto_55 ._teddy-card__color-dots_18mto_76 {
     grid-area: colors;
   }
-  ._teddy-card--layout_2wvsb_55 ._teddy-card__availability_2wvsb_79 {
+  ._teddy-card--layout_18mto_55 ._teddy-card__availability_18mto_79 {
     grid-area: availability;
   }
-  ._teddy-card--layout_2wvsb_55 ._teddy-card__price_2wvsb_82 {
+  ._teddy-card--layout_18mto_55 ._teddy-card__price_18mto_82 {
     grid-area: price;
   }
-  ._teddy-card--default_2wvsb_85 {
+  ._teddy-card--default_18mto_85 {
     display: flex;
     flex-direction: column;
     gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_2wvsb_90 {
+  ._teddy-card--navigation-vertical_18mto_90 {
     grid-template-rows: auto auto 1fr auto;
     justify-items: start;
     align-items: baseline;
     grid-template-areas: "illustration" "heading" "content" "action";
   }
-  ._teddy-card--navigation-vertical_2wvsb_90 ._teddy-card__illustration_2wvsb_55 {
+  ._teddy-card--navigation-vertical_18mto_90 ._teddy-card__illustration_18mto_55 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_2wvsb_90 ._teddy-card__content_2wvsb_58 {
+  ._teddy-card--navigation-vertical_18mto_90 ._teddy-card__content_18mto_58 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_2wvsb_90 ._teddy-card__heading_2wvsb_61 {
+  ._teddy-card--navigation-vertical_18mto_90 ._teddy-card__heading_18mto_61 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-vertical_2wvsb_90 ._teddy-card__action_2wvsb_45 {
+  ._teddy-card--navigation-vertical_18mto_90 ._teddy-card__action_18mto_45 {
     margin-top: auto;
     justify-self: end;
   }
-  ._teddy-card--navigation-horizontal-small_2wvsb_109 {
+  ._teddy-card--navigation-horizontal-small_18mto_109 {
     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_2wvsb_109 ._teddy-card__heading_2wvsb_61 {
+  ._teddy-card--navigation-horizontal-small_18mto_109 ._teddy-card__heading_18mto_61 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-horizontal-small_2wvsb_109 ._teddy-card__action_2wvsb_45 {
+  ._teddy-card--navigation-horizontal-small_18mto_109 ._teddy-card__action_18mto_45 {
     margin-top: auto;
   }
-  ._teddy-card--navigation-horizontal-large_2wvsb_121 {
+  ._teddy-card--navigation-horizontal-large_18mto_121 {
     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_2wvsb_121 ._teddy-card__heading_2wvsb_61 {
+  ._teddy-card--navigation-horizontal-large_18mto_121 ._teddy-card__heading_18mto_61 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-horizontal-large_2wvsb_121 ._teddy-card__action_2wvsb_45 {
+  ._teddy-card--navigation-horizontal-large_18mto_121 ._teddy-card__action_18mto_45 {
     margin-top: auto;
   }
-  ._teddy-card--rich-card_2wvsb_133 {
+  ._teddy-card--rich-card_18mto_133 {
     justify-items: start;
     align-items: baseline;
     grid-template-rows: auto auto 1fr auto;
     grid-template-areas: "illustration" "heading" "content" "action";
   }
-  ._teddy-card--rich-card_2wvsb_133 ._teddy-card__illustration_2wvsb_55 {
+  ._teddy-card--rich-card_18mto_133 ._teddy-card__illustration_18mto_55 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card_2wvsb_133 ._teddy-card__content_2wvsb_58 {
+  ._teddy-card--rich-card_18mto_133 ._teddy-card__content_18mto_58 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card_2wvsb_133 ._teddy-card__heading_2wvsb_61 {
+  ._teddy-card--rich-card_18mto_133 ._teddy-card__heading_18mto_61 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--rich-card_2wvsb_133 ._teddy-card__action_2wvsb_45 {
+  ._teddy-card--rich-card_18mto_133 ._teddy-card__action_18mto_45 {
     margin-top: auto;
   }
-  ._teddy-card__line_2wvsb_151 {
+  ._teddy-card__line_18mto_151 {
     border: 0;
     border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-card--purple-light_2wvsb_155 {
+  ._teddy-card--purple-light_18mto_155 {
     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_2wvsb_155:hover:has(._teddy-card__action_2wvsb_45:not(._teddy-card__action--disabled_2wvsb_45)) {
+  ._teddy-card--purple-light_18mto_155:hover:has(._teddy-card__action_18mto_45:not(._teddy-card__action--disabled_18mto_45)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-hover);
   }
-  ._teddy-card--purple-light_2wvsb_155:active:has(._teddy-card__action_2wvsb_45:not(._teddy-card__action--disabled_2wvsb_45)) {
+  ._teddy-card--purple-light_18mto_155:active:has(._teddy-card__action_18mto_45:not(._teddy-card__action--disabled_18mto_45)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-active);
   }
-  ._teddy-card--purple-light_2wvsb_155:has(._teddy-card__action--disabled_2wvsb_45) {
+  ._teddy-card--purple-light_18mto_155:has(._teddy-card__action--disabled_18mto_45) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_2wvsb_169 {
+  ._teddy-card--purple-dark_18mto_169 {
     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_2wvsb_169:hover:has(._teddy-card__action_2wvsb_45:not(._teddy-card__action--disabled_2wvsb_45)) {
+  ._teddy-card--purple-dark_18mto_169:hover:has(._teddy-card__action_18mto_45:not(._teddy-card__action--disabled_18mto_45)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
-  ._teddy-card--purple-dark_2wvsb_169:active:has(._teddy-card__action_2wvsb_45:not(._teddy-card__action--disabled_2wvsb_45)) {
+  ._teddy-card--purple-dark_18mto_169:active:has(._teddy-card__action_18mto_45:not(._teddy-card__action--disabled_18mto_45)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-active);
   }
-  ._teddy-card--purple-dark_2wvsb_169:has(._teddy-card__action--disabled_2wvsb_45) {
+  ._teddy-card--purple-dark_18mto_169:has(._teddy-card__action--disabled_18mto_45) {
     color: var(--teddy-color-text-default);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_2wvsb_169:has(._teddy-card__action--disabled_2wvsb_45) ._teddy-card__action_2wvsb_45 {
+  ._teddy-card--purple-dark_18mto_169:has(._teddy-card__action--disabled_18mto_45) ._teddy-card__action_18mto_45 {
     color: var(--teddy-color-text-weak);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--white_2wvsb_188 {
+  ._teddy-card--white_18mto_188 {
     background-color: var(--teddy-color-brand-white);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-interactive-subtle);
   }
-  ._teddy-card--white_2wvsb_188:hover:has(._teddy-card__action_2wvsb_45:not(._teddy-card__action--disabled_2wvsb_45)) {
+  ._teddy-card--white_18mto_188:hover:has(._teddy-card__action_18mto_45:not(._teddy-card__action--disabled_18mto_45)) {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-card--white_2wvsb_188:active:has(._teddy-card__action_2wvsb_45:not(._teddy-card__action--disabled_2wvsb_45)) {
+  ._teddy-card--white_18mto_188:active:has(._teddy-card__action_18mto_45:not(._teddy-card__action--disabled_18mto_45)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--white_2wvsb_188:has(._teddy-card__action--disabled_2wvsb_45) {
+  ._teddy-card--white_18mto_188:has(._teddy-card__action--disabled_18mto_45) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--gray_2wvsb_202 {
+  ._teddy-card--gray_18mto_202 {
     background-color: var(--teddy-color-background-secondary);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-interactive-subtle);
   }
-  ._teddy-card--gray_2wvsb_202:hover:has(._teddy-card__action_2wvsb_45:not(._teddy-card__action--disabled_2wvsb_45)) {
+  ._teddy-card--gray_18mto_202:hover:has(._teddy-card__action_18mto_45:not(._teddy-card__action--disabled_18mto_45)) {
     background-color: var(--teddy-color-gray-100);
   }
-  ._teddy-card--gray_2wvsb_202:active:has(._teddy-card__action_2wvsb_45:not(._teddy-card__action--disabled_2wvsb_45)) {
+  ._teddy-card--gray_18mto_202:active:has(._teddy-card__action_18mto_45:not(._teddy-card__action--disabled_18mto_45)) {
     background-color: var(--teddy-color-gray-200);
   }
-  ._teddy-card--gray_2wvsb_202:has(._teddy-card__action--disabled_2wvsb_45) {
+  ._teddy-card--gray_18mto_202:has(._teddy-card__action--disabled_18mto_45) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--beige_2wvsb_216 {
+  ._teddy-card--beige_18mto_216 {
     background-color: var(--teddy-color-beige-100);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_2wvsb_216:hover:has(._teddy-card__action_2wvsb_45:not(._teddy-card__action--disabled_2wvsb_45)) {
+  ._teddy-card--beige_18mto_216:hover:has(._teddy-card__action_18mto_45:not(._teddy-card__action--disabled_18mto_45)) {
     background-color: var(--teddy-color-beige-200);
   }
-  ._teddy-card--beige_2wvsb_216:active:has(._teddy-card__action_2wvsb_45:not(._teddy-card__action--disabled_2wvsb_45)) {
+  ._teddy-card--beige_18mto_216:active:has(._teddy-card__action_18mto_45:not(._teddy-card__action--disabled_18mto_45)) {
     background-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_2wvsb_216:has(._teddy-card__action--disabled_2wvsb_45) {
+  ._teddy-card--beige_18mto_216:has(._teddy-card__action--disabled_18mto_45) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--product_2wvsb_230 {
+  ._teddy-card--product_18mto_230 {
     grid-template-columns: 1fr;
     grid-template-rows: auto auto auto auto auto auto 1fr auto auto;
     grid-template-areas: "illustration" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
@@ -2712,104 +2712,110 @@
     padding-bottom: var(--teddy-spacing-100);
     width: 100%;
   }
-  ._teddy-card--product_2wvsb_230:hover:has(._teddy-card__action_2wvsb_45:not(._teddy-card__action--disabled_2wvsb_45)) {
+  ._teddy-card--product_18mto_230:hover:has(._teddy-card__action_18mto_45:not(._teddy-card__action--disabled_18mto_45)) {
     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_2wvsb_230:active:has(._teddy-card__action_2wvsb_45:not(._teddy-card__action--disabled_2wvsb_45)) {
+  ._teddy-card--product_18mto_230:active:has(._teddy-card__action_18mto_45:not(._teddy-card__action--disabled_18mto_45)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--product_2wvsb_230:has(._teddy-card__action--disabled_2wvsb_45) {
+  ._teddy-card--product_18mto_230:has(._teddy-card__action--disabled_18mto_45) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--product_2wvsb_230 ._teddy-card__illustration_2wvsb_55 {
+  ._teddy-card--product_18mto_230 ._teddy-card__illustration_18mto_55 {
     height: 180px;
     display: grid;
     place-items: center;
     place-self: center;
     margin-bottom: var(--teddy-spacing-400);
   }
-  ._teddy-card--product_2wvsb_230 ._teddy-card__illustration_2wvsb_55 img {
+  ._teddy-card--product_18mto_230 ._teddy-card__illustration_18mto_55 img {
     max-width: 200px;
     max-height: 180px;
     object-fit: contain;
   }
-  ._teddy-card--product_2wvsb_230 ._teddy-card__overline_2wvsb_70 {
+  ._teddy-card--product_18mto_230 ._teddy-card__overline_18mto_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--product_2wvsb_230 ._teddy-card__heading_2wvsb_61 {
+  ._teddy-card--product_18mto_230 ._teddy-card__heading_18mto_61 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_2wvsb_230 ._teddy-card__description_2wvsb_73 {
+  ._teddy-card--product_18mto_230 ._teddy-card__description_18mto_73 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_2wvsb_230 ._teddy-card__action_2wvsb_45 {
+  ._teddy-card--product_18mto_230 ._teddy-card__action_18mto_45 {
     margin-top: auto;
     margin-left: auto;
     justify-self: end;
   }
-  ._teddy-card_2wvsb_3:has(._teddy-card__image--as-background_2wvsb_278) {
+  ._teddy-card--product_18mto_230 ._teddy-card__price_18mto_82 {
+    display: flex;
+  }
+  ._teddy-card--product_18mto_230 ._teddy-card__price--big_18mto_281 {
+    font-size: var(--teddy-typography-scale-400);
+  }
+  ._teddy-card_18mto_3:has(._teddy-card__image--as-background_18mto_284) {
     background-color: transparent;
   }
-  ._teddy-card__heading_2wvsb_61 {
+  ._teddy-card__heading_18mto_61 {
     color: inherit;
   }
-  ._teddy-card--background-image_2wvsb_284 {
+  ._teddy-card--background-image_18mto_290 {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
   }
-  ._teddy-card__illustration--rounded_2wvsb_289 {
+  ._teddy-card__illustration--rounded_18mto_295 {
     border-radius: inherit;
     overflow: hidden;
   }
-  ._teddy-card__inset_2wvsb_293 {
+  ._teddy-card__inset_18mto_299 {
     overflow: hidden;
   }
-  ._teddy-card__inset--top_2wvsb_296 {
+  ._teddy-card__inset--top_18mto_302 {
     margin-top: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--top_2wvsb_296._teddy-card__inset--left_2wvsb_299 {
+  ._teddy-card__inset--top_18mto_302._teddy-card__inset--left_18mto_305 {
     border-top-left-radius: inherit;
   }
-  ._teddy-card__inset--top_2wvsb_296._teddy-card__inset--right_2wvsb_302 {
+  ._teddy-card__inset--top_18mto_302._teddy-card__inset--right_18mto_308 {
     border-top-right-radius: inherit;
   }
-  ._teddy-card__inset--bottom_2wvsb_305 {
+  ._teddy-card__inset--bottom_18mto_311 {
     margin-bottom: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--bottom_2wvsb_305._teddy-card__inset--left_2wvsb_299 {
+  ._teddy-card__inset--bottom_18mto_311._teddy-card__inset--left_18mto_305 {
     border-bottom-left-radius: inherit;
   }
-  ._teddy-card__inset--bottom_2wvsb_305._teddy-card__inset--right_2wvsb_302 {
+  ._teddy-card__inset--bottom_18mto_311._teddy-card__inset--right_18mto_308 {
     border-bottom-right-radius: inherit;
   }
-  ._teddy-card__inset--left_2wvsb_299 {
+  ._teddy-card__inset--left_18mto_305 {
     margin-left: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--right_2wvsb_302 {
+  ._teddy-card__inset--right_18mto_308 {
     margin-right: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__availability--badge_2wvsb_320 {
+  ._teddy-card__availability--badge_18mto_326 {
     margin-right: var(--teddy-spacing-150);
   }
-  ._teddy-card__availability--success_2wvsb_323 {
+  ._teddy-card__availability--success_18mto_329 {
     color: var(--teddy-color-text-status-success-strong);
   }
-  ._teddy-card__availability--warning_2wvsb_326 {
+  ._teddy-card__availability--warning_18mto_332 {
     color: var(--teddy-color-text-status-warning-strong);
   }
-  ._teddy-card__availability--error_2wvsb_329 {
+  ._teddy-card__availability--error_18mto_335 {
     color: var(--teddy-color-text-status-error-strong);
   }
-  ._teddy-card__availability--special_2wvsb_332 {
+  ._teddy-card__availability--special_18mto_338 {
     color: var(--teddy-color-text-status-special);
   }
-  ._teddy-card__availability--neutral_2wvsb_335 {
+  ._teddy-card__availability--neutral_18mto_341 {
     color: var(--teddy-color-text-status-neutral);
   }
-  ._teddy-card__availability--information_2wvsb_338 {
+  ._teddy-card__availability--information_18mto_344 {
     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.66",
+  "version": "0.0.67",
   "sideEffects": [
     "**/*.css"
   ],