npm - @telia/teddy - Versions diffs - 0.4.1 → 0.4.3 - Mend

@telia/teddy 0.4.1 → 0.4.3

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.cjs +59 -55
package/dist/components/card/card.js +59 -55
package/dist/components/radio-card-group/radio-card-group-item-title.cjs +6 -2
package/dist/components/radio-card-group/radio-card-group-item-title.js +6 -2
package/dist/style.css +119 -119
package/package.json +1 -1

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

@@ -7,58 +7,58 @@ 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_imrpk_3",
-  "teddy-card__slot": "_teddy-card__slot_imrpk_13",
-  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_imrpk_16",
-  "teddy-card__slot--center": "_teddy-card__slot--center_imrpk_19",
-  "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_imrpk_25",
-  "teddy-card--shadow": "_teddy-card--shadow_imrpk_44",
-  "teddy-card__action": "_teddy-card__action_imrpk_47",
-  "teddy-card__action--disabled": "_teddy-card__action--disabled_imrpk_47",
-  "teddy-card--border": "_teddy-card--border_imrpk_54",
-  "teddy-card--layout": "_teddy-card--layout_imrpk_57",
-  "teddy-card__illustration": "_teddy-card__illustration_imrpk_57",
-  "teddy-card__carousel": "_teddy-card__carousel_imrpk_60",
-  "teddy-card__content": "_teddy-card__content_imrpk_63",
-  "teddy-card__heading": "_teddy-card__heading_imrpk_66",
-  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_imrpk_69",
-  "teddy-card__footer": "_teddy-card__footer_imrpk_72",
-  "teddy-card__overline": "_teddy-card__overline_imrpk_75",
-  "teddy-card__description": "_teddy-card__description_imrpk_78",
-  "teddy-card__color-dots": "_teddy-card__color-dots_imrpk_81",
-  "teddy-card__availability": "_teddy-card__availability_imrpk_84",
-  "teddy-card__price": "_teddy-card__price_imrpk_87",
-  "teddy-card--default": "_teddy-card--default_imrpk_90",
-  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_imrpk_95",
-  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_imrpk_115",
-  "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_imrpk_127",
-  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_imrpk_149",
-  "teddy-card--rich-card": "_teddy-card--rich-card_imrpk_161",
-  "teddy-card--rich-card-large": "_teddy-card--rich-card-large_imrpk_180",
-  "teddy-card__line": "_teddy-card__line_imrpk_212",
-  "teddy-card--purple-light": "_teddy-card--purple-light_imrpk_216",
-  "teddy-card--purple-dark": "_teddy-card--purple-dark_imrpk_230",
-  "teddy-card--white": "_teddy-card--white_imrpk_249",
-  "teddy-card--gray": "_teddy-card--gray_imrpk_263",
-  "teddy-card--beige": "_teddy-card--beige_imrpk_277",
-  "teddy-card--beige-light": "_teddy-card--beige-light_imrpk_291",
-  "teddy-card--product": "_teddy-card--product_imrpk_305",
-  "teddy-card__price--big": "_teddy-card__price--big_imrpk_379",
-  "teddy-card__image--as-background": "_teddy-card__image--as-background_imrpk_382",
-  "teddy-card--background-image": "_teddy-card--background-image_imrpk_388",
-  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_imrpk_393",
-  "teddy-card__inset": "_teddy-card__inset_imrpk_397",
-  "teddy-card__inset--top": "_teddy-card__inset--top_imrpk_400",
-  "teddy-card__inset--left": "_teddy-card__inset--left_imrpk_403",
-  "teddy-card__inset--right": "_teddy-card__inset--right_imrpk_406",
-  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_imrpk_409",
-  "teddy-card__availability--badge": "_teddy-card__availability--badge_imrpk_424",
-  "teddy-card__availability--success": "_teddy-card__availability--success_imrpk_427",
-  "teddy-card__availability--warning": "_teddy-card__availability--warning_imrpk_430",
-  "teddy-card__availability--error": "_teddy-card__availability--error_imrpk_433",
-  "teddy-card__availability--special": "_teddy-card__availability--special_imrpk_436",
-  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_imrpk_439",
-  "teddy-card__availability--information": "_teddy-card__availability--information_imrpk_442"
+  "teddy-card": "_teddy-card_6pylp_3",
+  "teddy-card__slot": "_teddy-card__slot_6pylp_13",
+  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_6pylp_16",
+  "teddy-card__slot--center": "_teddy-card__slot--center_6pylp_19",
+  "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_6pylp_25",
+  "teddy-card--shadow": "_teddy-card--shadow_6pylp_44",
+  "teddy-card__action": "_teddy-card__action_6pylp_47",
+  "teddy-card__action--disabled": "_teddy-card__action--disabled_6pylp_47",
+  "teddy-card--border": "_teddy-card--border_6pylp_54",
+  "teddy-card--layout": "_teddy-card--layout_6pylp_57",
+  "teddy-card__illustration": "_teddy-card__illustration_6pylp_57",
+  "teddy-card__carousel": "_teddy-card__carousel_6pylp_60",
+  "teddy-card__content": "_teddy-card__content_6pylp_63",
+  "teddy-card__heading": "_teddy-card__heading_6pylp_66",
+  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_6pylp_69",
+  "teddy-card__footer": "_teddy-card__footer_6pylp_72",
+  "teddy-card__overline": "_teddy-card__overline_6pylp_75",
+  "teddy-card__description": "_teddy-card__description_6pylp_78",
+  "teddy-card__color-dots": "_teddy-card__color-dots_6pylp_81",
+  "teddy-card__availability": "_teddy-card__availability_6pylp_84",
+  "teddy-card__price": "_teddy-card__price_6pylp_87",
+  "teddy-card--default": "_teddy-card--default_6pylp_90",
+  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_6pylp_95",
+  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_6pylp_115",
+  "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_6pylp_127",
+  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_6pylp_149",
+  "teddy-card--rich-card": "_teddy-card--rich-card_6pylp_161",
+  "teddy-card--rich-card-large": "_teddy-card--rich-card-large_6pylp_180",
+  "teddy-card__line": "_teddy-card__line_6pylp_212",
+  "teddy-card--purple-light": "_teddy-card--purple-light_6pylp_216",
+  "teddy-card--purple-dark": "_teddy-card--purple-dark_6pylp_230",
+  "teddy-card--white": "_teddy-card--white_6pylp_249",
+  "teddy-card--gray": "_teddy-card--gray_6pylp_263",
+  "teddy-card--beige": "_teddy-card--beige_6pylp_277",
+  "teddy-card--beige-light": "_teddy-card--beige-light_6pylp_291",
+  "teddy-card--product": "_teddy-card--product_6pylp_305",
+  "teddy-card__price--big": "_teddy-card__price--big_6pylp_379",
+  "teddy-card__image--as-background": "_teddy-card__image--as-background_6pylp_382",
+  "teddy-card--background-image": "_teddy-card--background-image_6pylp_388",
+  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_6pylp_393",
+  "teddy-card__inset": "_teddy-card__inset_6pylp_397",
+  "teddy-card__inset--top": "_teddy-card__inset--top_6pylp_400",
+  "teddy-card__inset--left": "_teddy-card__inset--left_6pylp_403",
+  "teddy-card__inset--right": "_teddy-card__inset--right_6pylp_406",
+  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_6pylp_409",
+  "teddy-card__availability--badge": "_teddy-card__availability--badge_6pylp_424",
+  "teddy-card__availability--success": "_teddy-card__availability--success_6pylp_427",
+  "teddy-card__availability--warning": "_teddy-card__availability--warning_6pylp_430",
+  "teddy-card__availability--error": "_teddy-card__availability--error_6pylp_433",
+  "teddy-card__availability--special": "_teddy-card__availability--special_6pylp_436",
+  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_6pylp_439",
+  "teddy-card__availability--information": "_teddy-card__availability--information_6pylp_442"
 };
 const rootClassName = "teddy-card";
 const actionElementIdentifier = `${rootClassName}__action`;
@@ -101,12 +101,16 @@ const Root = React.forwardRef(
         className: classes,
         style: customStyle,
         onClick: utils_composeEventHandlers.composeEventHandlers(props.onClick, (e) => {
-          var _a;
+          const isClickInsideCard = e.currentTarget.contains(e.target);
+          if (!isClickInsideCard)
+            return;
           if (e.isDefaultPrevented())
             return;
-          if (linkRef.current)
+          e.stopPropagation();
+          if (linkRef.current && e.target !== linkRef.current)
             return linkRef.current.click();
-          (_a = buttonRef.current) == null ? void 0 : _a.click();
+          if (buttonRef.current && e.target !== buttonRef.current)
+            return buttonRef.current.click();
         }),
         ref: forwardRef,
         children

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

@@ -5,58 +5,58 @@ 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_imrpk_3",
-  "teddy-card__slot": "_teddy-card__slot_imrpk_13",
-  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_imrpk_16",
-  "teddy-card__slot--center": "_teddy-card__slot--center_imrpk_19",
-  "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_imrpk_25",
-  "teddy-card--shadow": "_teddy-card--shadow_imrpk_44",
-  "teddy-card__action": "_teddy-card__action_imrpk_47",
-  "teddy-card__action--disabled": "_teddy-card__action--disabled_imrpk_47",
-  "teddy-card--border": "_teddy-card--border_imrpk_54",
-  "teddy-card--layout": "_teddy-card--layout_imrpk_57",
-  "teddy-card__illustration": "_teddy-card__illustration_imrpk_57",
-  "teddy-card__carousel": "_teddy-card__carousel_imrpk_60",
-  "teddy-card__content": "_teddy-card__content_imrpk_63",
-  "teddy-card__heading": "_teddy-card__heading_imrpk_66",
-  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_imrpk_69",
-  "teddy-card__footer": "_teddy-card__footer_imrpk_72",
-  "teddy-card__overline": "_teddy-card__overline_imrpk_75",
-  "teddy-card__description": "_teddy-card__description_imrpk_78",
-  "teddy-card__color-dots": "_teddy-card__color-dots_imrpk_81",
-  "teddy-card__availability": "_teddy-card__availability_imrpk_84",
-  "teddy-card__price": "_teddy-card__price_imrpk_87",
-  "teddy-card--default": "_teddy-card--default_imrpk_90",
-  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_imrpk_95",
-  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_imrpk_115",
-  "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_imrpk_127",
-  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_imrpk_149",
-  "teddy-card--rich-card": "_teddy-card--rich-card_imrpk_161",
-  "teddy-card--rich-card-large": "_teddy-card--rich-card-large_imrpk_180",
-  "teddy-card__line": "_teddy-card__line_imrpk_212",
-  "teddy-card--purple-light": "_teddy-card--purple-light_imrpk_216",
-  "teddy-card--purple-dark": "_teddy-card--purple-dark_imrpk_230",
-  "teddy-card--white": "_teddy-card--white_imrpk_249",
-  "teddy-card--gray": "_teddy-card--gray_imrpk_263",
-  "teddy-card--beige": "_teddy-card--beige_imrpk_277",
-  "teddy-card--beige-light": "_teddy-card--beige-light_imrpk_291",
-  "teddy-card--product": "_teddy-card--product_imrpk_305",
-  "teddy-card__price--big": "_teddy-card__price--big_imrpk_379",
-  "teddy-card__image--as-background": "_teddy-card__image--as-background_imrpk_382",
-  "teddy-card--background-image": "_teddy-card--background-image_imrpk_388",
-  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_imrpk_393",
-  "teddy-card__inset": "_teddy-card__inset_imrpk_397",
-  "teddy-card__inset--top": "_teddy-card__inset--top_imrpk_400",
-  "teddy-card__inset--left": "_teddy-card__inset--left_imrpk_403",
-  "teddy-card__inset--right": "_teddy-card__inset--right_imrpk_406",
-  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_imrpk_409",
-  "teddy-card__availability--badge": "_teddy-card__availability--badge_imrpk_424",
-  "teddy-card__availability--success": "_teddy-card__availability--success_imrpk_427",
-  "teddy-card__availability--warning": "_teddy-card__availability--warning_imrpk_430",
-  "teddy-card__availability--error": "_teddy-card__availability--error_imrpk_433",
-  "teddy-card__availability--special": "_teddy-card__availability--special_imrpk_436",
-  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_imrpk_439",
-  "teddy-card__availability--information": "_teddy-card__availability--information_imrpk_442"
+  "teddy-card": "_teddy-card_6pylp_3",
+  "teddy-card__slot": "_teddy-card__slot_6pylp_13",
+  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_6pylp_16",
+  "teddy-card__slot--center": "_teddy-card__slot--center_6pylp_19",
+  "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_6pylp_25",
+  "teddy-card--shadow": "_teddy-card--shadow_6pylp_44",
+  "teddy-card__action": "_teddy-card__action_6pylp_47",
+  "teddy-card__action--disabled": "_teddy-card__action--disabled_6pylp_47",
+  "teddy-card--border": "_teddy-card--border_6pylp_54",
+  "teddy-card--layout": "_teddy-card--layout_6pylp_57",
+  "teddy-card__illustration": "_teddy-card__illustration_6pylp_57",
+  "teddy-card__carousel": "_teddy-card__carousel_6pylp_60",
+  "teddy-card__content": "_teddy-card__content_6pylp_63",
+  "teddy-card__heading": "_teddy-card__heading_6pylp_66",
+  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_6pylp_69",
+  "teddy-card__footer": "_teddy-card__footer_6pylp_72",
+  "teddy-card__overline": "_teddy-card__overline_6pylp_75",
+  "teddy-card__description": "_teddy-card__description_6pylp_78",
+  "teddy-card__color-dots": "_teddy-card__color-dots_6pylp_81",
+  "teddy-card__availability": "_teddy-card__availability_6pylp_84",
+  "teddy-card__price": "_teddy-card__price_6pylp_87",
+  "teddy-card--default": "_teddy-card--default_6pylp_90",
+  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_6pylp_95",
+  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_6pylp_115",
+  "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_6pylp_127",
+  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_6pylp_149",
+  "teddy-card--rich-card": "_teddy-card--rich-card_6pylp_161",
+  "teddy-card--rich-card-large": "_teddy-card--rich-card-large_6pylp_180",
+  "teddy-card__line": "_teddy-card__line_6pylp_212",
+  "teddy-card--purple-light": "_teddy-card--purple-light_6pylp_216",
+  "teddy-card--purple-dark": "_teddy-card--purple-dark_6pylp_230",
+  "teddy-card--white": "_teddy-card--white_6pylp_249",
+  "teddy-card--gray": "_teddy-card--gray_6pylp_263",
+  "teddy-card--beige": "_teddy-card--beige_6pylp_277",
+  "teddy-card--beige-light": "_teddy-card--beige-light_6pylp_291",
+  "teddy-card--product": "_teddy-card--product_6pylp_305",
+  "teddy-card__price--big": "_teddy-card__price--big_6pylp_379",
+  "teddy-card__image--as-background": "_teddy-card__image--as-background_6pylp_382",
+  "teddy-card--background-image": "_teddy-card--background-image_6pylp_388",
+  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_6pylp_393",
+  "teddy-card__inset": "_teddy-card__inset_6pylp_397",
+  "teddy-card__inset--top": "_teddy-card__inset--top_6pylp_400",
+  "teddy-card__inset--left": "_teddy-card__inset--left_6pylp_403",
+  "teddy-card__inset--right": "_teddy-card__inset--right_6pylp_406",
+  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_6pylp_409",
+  "teddy-card__availability--badge": "_teddy-card__availability--badge_6pylp_424",
+  "teddy-card__availability--success": "_teddy-card__availability--success_6pylp_427",
+  "teddy-card__availability--warning": "_teddy-card__availability--warning_6pylp_430",
+  "teddy-card__availability--error": "_teddy-card__availability--error_6pylp_433",
+  "teddy-card__availability--special": "_teddy-card__availability--special_6pylp_436",
+  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_6pylp_439",
+  "teddy-card__availability--information": "_teddy-card__availability--information_6pylp_442"
 };
 const rootClassName = "teddy-card";
 const actionElementIdentifier = `${rootClassName}__action`;
@@ -99,12 +99,16 @@ const Root = React__default.forwardRef(
         className: classes,
         style: customStyle,
         onClick: composeEventHandlers(props.onClick, (e) => {
-          var _a;
+          const isClickInsideCard = e.currentTarget.contains(e.target);
+          if (!isClickInsideCard)
+            return;
           if (e.isDefaultPrevented())
             return;
-          if (linkRef.current)
+          e.stopPropagation();
+          if (linkRef.current && e.target !== linkRef.current)
             return linkRef.current.click();
-          (_a = buttonRef.current) == null ? void 0 : _a.click();
+          if (buttonRef.current && e.target !== buttonRef.current)
+            return buttonRef.current.click();
         }),
         ref: forwardRef,
         children

package/dist/components/radio-card-group/radio-card-group-item-title.cjs CHANGED Viewed

@@ -768,6 +768,10 @@ const Desktop = React.forwardRef(() => {
   });
   const topMenuSize = utils_useSize.useSize(topMenuRef.current);
   const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
+  const [isClientSide, setIsClientSide] = React.useState(false);
+  React.useEffect(() => {
+    setIsClientSide(true);
+  }, []);
   if (!rootContext)
     return null;
   const { selectedMenuItem, setSelectedMenuItem, linkComponent: Link2, specifiedLink, setSpecifiedLink } = rootContext;
@@ -882,13 +886,13 @@ const Desktop = React.forwardRef(() => {
                     )
                   }
                 ),
-                typeof window !== "undefined" && /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
                     style: utils_generateStyling_index.mergeStyles({ ["--teddy-viewport-wrapper-height"]: viewPortHeight }),
                     className: styles[`${rootClassName}__viewport-wrapper`],
                     "data-state": showMenu ? "open" : "closed",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Content, { children: !!specifiedLink && subLink.name === specifiedLink && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    children: isClientSide && /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Content, { children: !!specifiedLink && subLink.name === specifiedLink && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                       ((_a2 = subLink.links) == null ? void 0 : _a2.length) > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                         HightlightedLinksDesktop,
                         {

package/dist/components/radio-card-group/radio-card-group-item-title.js CHANGED Viewed

@@ -747,6 +747,10 @@ const Desktop = React__default.forwardRef(() => {
   });
   const topMenuSize = useSize(topMenuRef.current);
   const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
+  const [isClientSide, setIsClientSide] = React__default.useState(false);
+  React__default.useEffect(() => {
+    setIsClientSide(true);
+  }, []);
   if (!rootContext)
     return null;
   const { selectedMenuItem, setSelectedMenuItem, linkComponent: Link2, specifiedLink, setSpecifiedLink } = rootContext;
@@ -861,13 +865,13 @@ const Desktop = React__default.forwardRef(() => {
                     )
                   }
                 ),
-                typeof window !== "undefined" && /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx(
                   "div",
                   {
                     style: mergeStyles({ ["--teddy-viewport-wrapper-height"]: viewPortHeight }),
                     className: styles[`${rootClassName}__viewport-wrapper`],
                     "data-state": showMenu ? "open" : "closed",
-                    children: /* @__PURE__ */ jsx(NavigationMenu.Content, { children: !!specifiedLink && subLink.name === specifiedLink && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    children: isClientSide && /* @__PURE__ */ jsx(NavigationMenu.Content, { children: !!specifiedLink && subLink.name === specifiedLink && /* @__PURE__ */ jsxs(Fragment, { children: [
                       ((_a2 = subLink.links) == null ? void 0 : _a2.length) > 0 && /* @__PURE__ */ jsx(
                         HightlightedLinksDesktop,
                         {

package/dist/style.css CHANGED Viewed

@@ -2799,32 +2799,32 @@
   }
 }@layer heading, flex, grid, button, card;
 @layer card {
-  ._teddy-card_imrpk_3 {
+  ._teddy-card_6pylp_3 {
     border-radius: var(--teddy-border-radius-md);
     padding: var(--teddy-spacing-250);
     position: relative;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_imrpk_3 {
-      transition: background-color var(--teddy-motion-duration-300) ease;
+    ._teddy-card_6pylp_3 {
+      transition: background-color var(--teddy-motion-duration-100) ease;
     }
   }
-  ._teddy-card__slot_imrpk_13 {
+  ._teddy-card__slot_6pylp_13 {
     transform: translateY(-50%);
   }
-  ._teddy-card__slot--bottom_imrpk_16 {
+  ._teddy-card__slot--bottom_6pylp_16 {
     transform: translateY(50%);
   }
-  ._teddy-card__slot--center_imrpk_19 {
+  ._teddy-card__slot--center_6pylp_19 {
     transform: translate(-50%, -50%);
   }
-  ._teddy-card__slot--bottom_imrpk_16._teddy-card__slot--center_imrpk_19 {
+  ._teddy-card__slot--bottom_6pylp_16._teddy-card__slot--center_6pylp_19 {
     transform: translate(-50%, 50%);
   }
-  ._teddy-card__slot--no-translate_imrpk_25 {
+  ._teddy-card__slot--no-translate_6pylp_25 {
     transform: initial;
   }
-  ._teddy-card_imrpk_3::before {
+  ._teddy-card_6pylp_3::before {
     content: "";
     display: block;
     position: absolute;
@@ -2835,95 +2835,95 @@
     box-shadow: var(--teddy-shadow-sm);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_imrpk_3::before {
+    ._teddy-card_6pylp_3::before {
       transition: var(--teddy-motion-duration-300) ease;
       transition-property: opacity, box-shadow;
     }
   }
-  ._teddy-card--shadow_imrpk_44::before {
+  ._teddy-card--shadow_6pylp_44::before {
     opacity: 1;
   }
-  ._teddy-card_imrpk_3:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
+  ._teddy-card_6pylp_3:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     cursor: pointer;
   }
-  ._teddy-card_imrpk_3:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47))::before {
+  ._teddy-card_6pylp_3:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)):hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47))::before {
     opacity: 1;
     box-shadow: var(--teddy-shadow-md);
   }
-  ._teddy-card--border_imrpk_54 {
+  ._teddy-card--border_6pylp_54 {
     border: var(--teddy-border-width-xs) solid transparent;
   }
-  ._teddy-card--layout_imrpk_57 ._teddy-card__illustration_imrpk_57 {
+  ._teddy-card--layout_6pylp_57 ._teddy-card__illustration_6pylp_57 {
     grid-area: illustration;
   }
-  ._teddy-card--layout_imrpk_57 ._teddy-card__carousel_imrpk_60 {
+  ._teddy-card--layout_6pylp_57 ._teddy-card__carousel_6pylp_60 {
     grid-area: carousel;
   }
-  ._teddy-card--layout_imrpk_57 ._teddy-card__content_imrpk_63 {
+  ._teddy-card--layout_6pylp_57 ._teddy-card__content_6pylp_63 {
     grid-area: content;
   }
-  ._teddy-card--layout_imrpk_57 ._teddy-card__heading_imrpk_66 {
+  ._teddy-card--layout_6pylp_57 ._teddy-card__heading_6pylp_66 {
     grid-area: heading;
   }
-  ._teddy-card--layout_imrpk_57 ._teddy-card__action-wrapper_imrpk_69 {
+  ._teddy-card--layout_6pylp_57 ._teddy-card__action-wrapper_6pylp_69 {
     grid-area: action;
   }
-  ._teddy-card--layout_imrpk_57 ._teddy-card__footer_imrpk_72 {
+  ._teddy-card--layout_6pylp_57 ._teddy-card__footer_6pylp_72 {
     grid-area: footer;
   }
-  ._teddy-card--layout_imrpk_57 ._teddy-card__overline_imrpk_75 {
+  ._teddy-card--layout_6pylp_57 ._teddy-card__overline_6pylp_75 {
     grid-area: overline;
   }
-  ._teddy-card--layout_imrpk_57 ._teddy-card__description_imrpk_78 {
+  ._teddy-card--layout_6pylp_57 ._teddy-card__description_6pylp_78 {
     grid-area: description;
   }
-  ._teddy-card--layout_imrpk_57 ._teddy-card__color-dots_imrpk_81 {
+  ._teddy-card--layout_6pylp_57 ._teddy-card__color-dots_6pylp_81 {
     grid-area: colors;
   }
-  ._teddy-card--layout_imrpk_57 ._teddy-card__availability_imrpk_84 {
+  ._teddy-card--layout_6pylp_57 ._teddy-card__availability_6pylp_84 {
     grid-area: availability;
   }
-  ._teddy-card--layout_imrpk_57 ._teddy-card__price_imrpk_87 {
+  ._teddy-card--layout_6pylp_57 ._teddy-card__price_6pylp_87 {
     grid-area: price;
   }
-  ._teddy-card--default_imrpk_90 {
+  ._teddy-card--default_6pylp_90 {
     display: flex;
     flex-direction: column;
     gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_imrpk_95 {
+  ._teddy-card--navigation-vertical_6pylp_95 {
     grid-template-rows: auto auto 1fr auto;
     justify-items: start;
     justify-content: stretch;
     align-items: baseline;
     grid-template-areas: "illustration" "heading" "content" "action";
   }
-  ._teddy-card--navigation-vertical_imrpk_95 ._teddy-card__illustration_imrpk_57 {
+  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__illustration_6pylp_57 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_imrpk_95 ._teddy-card__content_imrpk_63 {
+  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__content_6pylp_63 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_imrpk_95 ._teddy-card__heading_imrpk_66 {
+  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__heading_6pylp_66 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-vertical_imrpk_95 ._teddy-card__action-wrapper_imrpk_69 {
+  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__action-wrapper_6pylp_69 {
     margin-top: auto;
     justify-self: end;
   }
-  ._teddy-card--navigation-horizontal-small_imrpk_115 {
+  ._teddy-card--navigation-horizontal-small_6pylp_115 {
     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_imrpk_115 ._teddy-card__heading_imrpk_66 {
+  ._teddy-card--navigation-horizontal-small_6pylp_115 ._teddy-card__heading_6pylp_66 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-horizontal-small_imrpk_115 ._teddy-card__action-wrapper_imrpk_69 {
+  ._teddy-card--navigation-horizontal-small_6pylp_115 ._teddy-card__action-wrapper_6pylp_69 {
     margin-top: auto;
   }
-  ._teddy-card--navigation-horizontal-small-centered_imrpk_127 {
+  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 {
     width: 100%;
     max-width: 26rem;
     grid-template-columns: auto 1fr auto;
@@ -2932,176 +2932,176 @@
     align-items: center;
     column-gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small-centered_imrpk_127 ._teddy-card__content_imrpk_63 {
+  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__content_6pylp_63 {
     margin-top: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small-centered_imrpk_127 ._teddy-card__action-wrapper_imrpk_69 {
+  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__action-wrapper_6pylp_69 {
     margin: 0;
   }
-  ._teddy-card--navigation-horizontal-small-centered_imrpk_127 ._teddy-card__illustration_imrpk_57 {
+  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__illustration_6pylp_57 {
     max-height: 80px;
     max-width: 100px;
   }
-  ._teddy-card--navigation-horizontal-small-centered_imrpk_127 ._teddy-card__illustration_imrpk_57 img {
+  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__illustration_6pylp_57 img {
     object-fit: contain;
   }
-  ._teddy-card--navigation-horizontal-large_imrpk_149 {
+  ._teddy-card--navigation-horizontal-large_6pylp_149 {
     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_imrpk_149 ._teddy-card__heading_imrpk_66 {
+  ._teddy-card--navigation-horizontal-large_6pylp_149 ._teddy-card__heading_6pylp_66 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-horizontal-large_imrpk_149 ._teddy-card__action-wrapper_imrpk_69 {
+  ._teddy-card--navigation-horizontal-large_6pylp_149 ._teddy-card__action-wrapper_6pylp_69 {
     margin-top: auto;
   }
-  ._teddy-card--rich-card_imrpk_161 {
+  ._teddy-card--rich-card_6pylp_161 {
     justify-items: start;
     align-items: baseline;
     grid-template-rows: auto auto 1fr auto;
     grid-template-areas: "illustration" "heading" "content" "action";
   }
-  ._teddy-card--rich-card_imrpk_161 ._teddy-card__illustration_imrpk_57 {
+  ._teddy-card--rich-card_6pylp_161 ._teddy-card__illustration_6pylp_57 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card_imrpk_161 ._teddy-card__content_imrpk_63 {
+  ._teddy-card--rich-card_6pylp_161 ._teddy-card__content_6pylp_63 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card_imrpk_161 ._teddy-card__heading_imrpk_66 {
+  ._teddy-card--rich-card_6pylp_161 ._teddy-card__heading_6pylp_66 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--rich-card_imrpk_161 ._teddy-card__action-wrapper_imrpk_69 {
+  ._teddy-card--rich-card_6pylp_161 ._teddy-card__action-wrapper_6pylp_69 {
     margin-top: auto;
   }
   @media (max-width: 800px) {
-    ._teddy-card--rich-card-large_imrpk_180 {
+    ._teddy-card--rich-card-large_6pylp_180 {
       align-items: baseline;
       grid-template-rows: auto auto 1fr auto;
       grid-template-areas: "illustration" "heading" "content" "action";
     }
   }
-  ._teddy-card--rich-card-large_imrpk_180 ._teddy-card__illustration_imrpk_57 img {
+  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__illustration_6pylp_57 img {
     object-fit: cover;
   }
   @media (min-width: 801px) {
-    ._teddy-card--rich-card-large_imrpk_180 ._teddy-card__illustration_imrpk_57 {
+    ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__illustration_6pylp_57 {
       grid-column-start: 1;
       margin-right: var(--teddy-spacing-600);
     }
   }
-  ._teddy-card--rich-card-large_imrpk_180 ._teddy-card__content_imrpk_63 {
+  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__content_6pylp_63 {
     margin-top: 2rem;
   }
   @media (min-width: 801px) {
-    ._teddy-card--rich-card-large_imrpk_180 ._teddy-card__content_imrpk_63 {
+    ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__content_6pylp_63 {
       grid-column-start: 2;
       margin-top: 0;
       align-content: center;
     }
   }
-  ._teddy-card--rich-card-large_imrpk_180 ._teddy-card__action_imrpk_47 {
+  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__action_6pylp_47 {
     margin-top: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card-large_imrpk_180 ._teddy-card__heading_imrpk_66 {
+  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__heading_6pylp_66 {
     margin-top: var(--teddy-spacing-100);
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card__line_imrpk_212 {
+  ._teddy-card__line_6pylp_212 {
     border: 0;
     border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-card--purple-light_imrpk_216 {
+  ._teddy-card--purple-light_6pylp_216 {
     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_imrpk_216:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
+  ._teddy-card--purple-light_6pylp_216:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-hover);
   }
-  ._teddy-card--purple-light_imrpk_216:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
+  ._teddy-card--purple-light_6pylp_216:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-active);
   }
-  ._teddy-card--purple-light_imrpk_216:has(._teddy-card__action--disabled_imrpk_47) {
+  ._teddy-card--purple-light_6pylp_216:has(._teddy-card__action--disabled_6pylp_47) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_imrpk_230 {
+  ._teddy-card--purple-dark_6pylp_230 {
     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_imrpk_230:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
+  ._teddy-card--purple-dark_6pylp_230:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
-  ._teddy-card--purple-dark_imrpk_230:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
+  ._teddy-card--purple-dark_6pylp_230:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-active);
   }
-  ._teddy-card--purple-dark_imrpk_230:has(._teddy-card__action--disabled_imrpk_47) {
+  ._teddy-card--purple-dark_6pylp_230:has(._teddy-card__action--disabled_6pylp_47) {
     color: var(--teddy-color-text-default);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_imrpk_230:has(._teddy-card__action--disabled_imrpk_47) ._teddy-card__action_imrpk_47 {
+  ._teddy-card--purple-dark_6pylp_230:has(._teddy-card__action--disabled_6pylp_47) ._teddy-card__action_6pylp_47 {
     color: var(--teddy-color-text-weak);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--white_imrpk_249 {
+  ._teddy-card--white_6pylp_249 {
     background-color: var(--teddy-color-brand-white);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-weak);
   }
-  ._teddy-card--white_imrpk_249:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
+  ._teddy-card--white_6pylp_249:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-card--white_imrpk_249:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
+  ._teddy-card--white_6pylp_249:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--white_imrpk_249:has(._teddy-card__action--disabled_imrpk_47) {
+  ._teddy-card--white_6pylp_249:has(._teddy-card__action--disabled_6pylp_47) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--gray_imrpk_263 {
+  ._teddy-card--gray_6pylp_263 {
     background-color: var(--teddy-color-background-secondary);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-interactive-subtle);
   }
-  ._teddy-card--gray_imrpk_263:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
+  ._teddy-card--gray_6pylp_263:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     background-color: var(--teddy-color-gray-100);
   }
-  ._teddy-card--gray_imrpk_263:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
+  ._teddy-card--gray_6pylp_263:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     background-color: var(--teddy-color-gray-200);
   }
-  ._teddy-card--gray_imrpk_263:has(._teddy-card__action--disabled_imrpk_47) {
+  ._teddy-card--gray_6pylp_263:has(._teddy-card__action--disabled_6pylp_47) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--beige_imrpk_277 {
+  ._teddy-card--beige_6pylp_277 {
     background-color: var(--teddy-color-beige-100);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_imrpk_277:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
+  ._teddy-card--beige_6pylp_277:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     background-color: var(--teddy-color-beige-200);
   }
-  ._teddy-card--beige_imrpk_277:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
+  ._teddy-card--beige_6pylp_277:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     background-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_imrpk_277:has(._teddy-card__action--disabled_imrpk_47) {
+  ._teddy-card--beige_6pylp_277:has(._teddy-card__action--disabled_6pylp_47) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--beige-light_imrpk_291 {
+  ._teddy-card--beige-light_6pylp_291 {
     background-color: var(--teddy-color-beige-50);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-beige-200);
   }
-  ._teddy-card--beige-light_imrpk_291:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
+  ._teddy-card--beige-light_6pylp_291:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     background-color: var(--teddy-color-beige-100);
   }
-  ._teddy-card--beige-light_imrpk_291:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
+  ._teddy-card--beige-light_6pylp_291:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     background-color: var(--teddy-color-beige-100);
   }
-  ._teddy-card--beige-light_imrpk_291:has(._teddy-card__action--disabled_imrpk_47) {
+  ._teddy-card--beige-light_6pylp_291:has(._teddy-card__action--disabled_6pylp_47) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--product_imrpk_305 {
+  ._teddy-card--product_6pylp_305 {
     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";
@@ -3111,134 +3111,134 @@
     padding-bottom: var(--teddy-spacing-100);
     width: 100%;
   }
-  ._teddy-card--product_imrpk_305:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
+  ._teddy-card--product_6pylp_305:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     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_imrpk_305:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) ._teddy-card__carousel_imrpk_60 .slick-slider .slick-arrow {
+  ._teddy-card--product_6pylp_305:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) ._teddy-card__carousel_6pylp_60 .slick-slider .slick-arrow {
     display: block !important;
   }
-  ._teddy-card--product_imrpk_305:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
+  ._teddy-card--product_6pylp_305:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     -webkit-tap-highlight-color: transparent;
   }
-  ._teddy-card--product_imrpk_305:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)):not(:has(._teddy-card__carousel_imrpk_60:active)) {
+  ._teddy-card--product_6pylp_305:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)):not(:has(._teddy-card__carousel_6pylp_60:active)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--product_imrpk_305:has(._teddy-card__action--disabled_imrpk_47) {
+  ._teddy-card--product_6pylp_305:has(._teddy-card__action--disabled_6pylp_47) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--product_imrpk_305 ._teddy-card__action-wrapper_imrpk_69 {
+  ._teddy-card--product_6pylp_305 ._teddy-card__action-wrapper_6pylp_69 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_imrpk_305 ._teddy-card__illustration_imrpk_57 {
+  ._teddy-card--product_6pylp_305 ._teddy-card__illustration_6pylp_57 {
     height: 180px;
     display: grid;
     place-items: center;
     place-self: center;
     margin-bottom: var(--teddy-spacing-400);
   }
-  ._teddy-card--product_imrpk_305 ._teddy-card__illustration_imrpk_57 img {
+  ._teddy-card--product_6pylp_305 ._teddy-card__illustration_6pylp_57 img {
     max-width: 200px;
     max-height: 180px;
     object-fit: contain;
   }
-  ._teddy-card--product_imrpk_305 ._teddy-card__carousel_imrpk_60 .slick-slider .slick-arrow {
+  ._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-slider .slick-arrow {
     display: none !important;
   }
-  ._teddy-card--product_imrpk_305 ._teddy-card__carousel_imrpk_60 .slick-dots li {
+  ._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-dots li {
     min-width: 12px;
     width: initial !important;
     margin: 0 0.25rem !important;
   }
-  ._teddy-card--product_imrpk_305 ._teddy-card__carousel_imrpk_60 .slick-dots .slick-active {
+  ._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-dots .slick-active {
     min-width: 24px;
     width: initial !important;
   }
-  ._teddy-card--product_imrpk_305 ._teddy-card__overline_imrpk_75 {
+  ._teddy-card--product_6pylp_305 ._teddy-card__overline_6pylp_75 {
     margin-bottom: var(--teddy-spacing-50);
   }
-  ._teddy-card--product_imrpk_305 ._teddy-card__heading_imrpk_66 {
+  ._teddy-card--product_6pylp_305 ._teddy-card__heading_6pylp_66 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_imrpk_305 ._teddy-card__description_imrpk_78 {
+  ._teddy-card--product_6pylp_305 ._teddy-card__description_6pylp_78 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_imrpk_305 ._teddy-card__content_imrpk_63 {
+  ._teddy-card--product_6pylp_305 ._teddy-card__content_6pylp_63 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_imrpk_305 ._teddy-card__action_imrpk_47 {
+  ._teddy-card--product_6pylp_305 ._teddy-card__action_6pylp_47 {
     margin-top: auto;
     margin-left: auto;
     justify-self: end;
   }
-  ._teddy-card--product_imrpk_305 ._teddy-card__price_imrpk_87 {
+  ._teddy-card--product_6pylp_305 ._teddy-card__price_6pylp_87 {
     display: flex;
   }
-  ._teddy-card--product_imrpk_305 ._teddy-card__price--big_imrpk_379 {
+  ._teddy-card--product_6pylp_305 ._teddy-card__price--big_6pylp_379 {
     font-size: var(--teddy-typography-scale-200);
   }
-  ._teddy-card_imrpk_3:has(._teddy-card__image--as-background_imrpk_382) {
+  ._teddy-card_6pylp_3:has(._teddy-card__image--as-background_6pylp_382) {
     background-color: transparent;
   }
-  ._teddy-card__heading_imrpk_66 {
+  ._teddy-card__heading_6pylp_66 {
     color: inherit;
   }
-  ._teddy-card--background-image_imrpk_388 {
+  ._teddy-card--background-image_6pylp_388 {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
   }
-  ._teddy-card__illustration--rounded_imrpk_393 {
+  ._teddy-card__illustration--rounded_6pylp_393 {
     border-radius: inherit;
     overflow: hidden;
   }
-  ._teddy-card__inset_imrpk_397 {
+  ._teddy-card__inset_6pylp_397 {
     overflow: hidden;
   }
-  ._teddy-card__inset--top_imrpk_400 {
+  ._teddy-card__inset--top_6pylp_400 {
     margin-top: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--top_imrpk_400._teddy-card__inset--left_imrpk_403 {
+  ._teddy-card__inset--top_6pylp_400._teddy-card__inset--left_6pylp_403 {
     border-top-left-radius: inherit;
   }
-  ._teddy-card__inset--top_imrpk_400._teddy-card__inset--right_imrpk_406 {
+  ._teddy-card__inset--top_6pylp_400._teddy-card__inset--right_6pylp_406 {
     border-top-right-radius: inherit;
   }
-  ._teddy-card__inset--bottom_imrpk_409 {
+  ._teddy-card__inset--bottom_6pylp_409 {
     margin-bottom: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--bottom_imrpk_409._teddy-card__inset--left_imrpk_403 {
+  ._teddy-card__inset--bottom_6pylp_409._teddy-card__inset--left_6pylp_403 {
     border-bottom-left-radius: inherit;
   }
-  ._teddy-card__inset--bottom_imrpk_409._teddy-card__inset--right_imrpk_406 {
+  ._teddy-card__inset--bottom_6pylp_409._teddy-card__inset--right_6pylp_406 {
     border-bottom-right-radius: inherit;
   }
-  ._teddy-card__inset--left_imrpk_403 {
+  ._teddy-card__inset--left_6pylp_403 {
     margin-left: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--right_imrpk_406 {
+  ._teddy-card__inset--right_6pylp_406 {
     margin-right: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__availability--badge_imrpk_424 {
+  ._teddy-card__availability--badge_6pylp_424 {
     margin-right: var(--teddy-spacing-150);
   }
-  ._teddy-card__availability--success_imrpk_427 {
+  ._teddy-card__availability--success_6pylp_427 {
     color: var(--teddy-color-text-status-success-strong);
   }
-  ._teddy-card__availability--warning_imrpk_430 {
+  ._teddy-card__availability--warning_6pylp_430 {
     color: var(--teddy-color-text-status-warning-strong);
   }
-  ._teddy-card__availability--error_imrpk_433 {
+  ._teddy-card__availability--error_6pylp_433 {
     color: var(--teddy-color-text-status-error-strong);
   }
-  ._teddy-card__availability--special_imrpk_436 {
+  ._teddy-card__availability--special_6pylp_436 {
     color: var(--teddy-color-text-status-special);
   }
-  ._teddy-card__availability--neutral_imrpk_439 {
+  ._teddy-card__availability--neutral_6pylp_439 {
     color: var(--teddy-color-text-status-neutral);
   }
-  ._teddy-card__availability--information_imrpk_442 {
+  ._teddy-card__availability--information_6pylp_442 {
     color: var(--teddy-color-text-status-info-strong);
   }
 }._teddy-badge_wlyo5_1 {

package/package.json CHANGED Viewed

@@ -20,7 +20,7 @@
     "pnpm": ">=9"
   },
   "private": false,
-  "version": "0.4.1",
+  "version": "0.4.3",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"