npm - @telia/teddy - Versions diffs - 0.1.3 → 0.1.5 - Mend

@telia/teddy 0.1.3 → 0.1.5

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

package/dist/components/card/card-carousel.cjs +4 -0
package/dist/components/card/card-carousel.d.ts +2 -1
package/dist/components/card/card-carousel.js +5 -1
package/dist/components/card/card.cjs +51 -51
package/dist/components/card/card.js +51 -51
package/dist/components/carousel/carousel-root.cjs +5 -2
package/dist/components/carousel/carousel-root.d.ts +2 -1
package/dist/components/carousel/carousel-root.js +6 -3
package/dist/style.css +113 -114
package/package.json +1 -1

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

@@ -10,6 +10,7 @@ const utils_breakpointToNumber = require("../../utils/breakpointToNumber.cjs");
 const tokens_breakpoint_variables = require("../../tokens/breakpoint/variables.cjs");
 const ImageSlider = React.forwardRef(
   ({
+    sliderRef,
     settings,
     variants,
     className,
@@ -22,9 +23,12 @@ const ImageSlider = React.forwardRef(
     const [selectedSlide, setSelectedSlide] = React.useState((settings == null ? void 0 : settings.initialSlide) || 0);
     const rootCarouselClass = `${components_card_card.rootClassName}__carousel`;
     const classes = clsx([components_card_card.styles[rootCarouselClass]], className);
+    const internalSliderRef = React.useRef(null);
+    const innerSliderRef = sliderRef || internalSliderRef;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: forwardRef, className: classes, children: /* @__PURE__ */ jsxRuntime.jsx(
       components_carousel_carouselRoot.Carousel,
       {
+        sliderRef: innerSliderRef,
         size: "sm",
         onClickNext,
         onClickPrev,

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Settings } from 'react-slick';
+import { default as Slider, Settings } from 'react-slick';
 export type ImageSliderVariant = {
     color: string;
@@ -10,6 +10,7 @@ export interface ImageSliderProps {
     children: React.ReactNode;
     className?: string;
     settings?: Settings;
+    sliderRef?: React.RefObject<Slider>;
     onClick?: () => void;
     onClickNext?: () => void;
     onClickPrev?: () => void;

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import React__default, { useState } from "react";
+import React__default, { useState, useRef } from "react";
 import clsx from "clsx";
 import { s as styles, rootClassName } from "./card.js";
 import { Carousel } from "../carousel/carousel-root.js";
@@ -8,6 +8,7 @@ import { breakpointToNumber } from "../../utils/breakpointToNumber.js";
 import { teddyBreakpointMd } from "../../tokens/breakpoint/variables.js";
 const ImageSlider = React__default.forwardRef(
   ({
+    sliderRef,
     settings,
     variants,
     className,
@@ -20,9 +21,12 @@ const ImageSlider = React__default.forwardRef(
     const [selectedSlide, setSelectedSlide] = useState((settings == null ? void 0 : settings.initialSlide) || 0);
     const rootCarouselClass = `${rootClassName}__carousel`;
     const classes = clsx([styles[rootCarouselClass]], className);
+    const internalSliderRef = useRef(null);
+    const innerSliderRef = sliderRef || internalSliderRef;
     return /* @__PURE__ */ jsx("div", { ref: forwardRef, className: classes, children: /* @__PURE__ */ jsx(
       Carousel,
       {
+        sliderRef: innerSliderRef,
         size: "sm",
         onClickNext,
         onClickPrev,

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

@@ -7,57 +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_90a2i_3",
-  "teddy-card__slot": "_teddy-card__slot_90a2i_13",
-  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_90a2i_16",
-  "teddy-card__slot--center": "_teddy-card__slot--center_90a2i_19",
-  "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_90a2i_25",
-  "teddy-card--shadow": "_teddy-card--shadow_90a2i_44",
-  "teddy-card__action": "_teddy-card__action_90a2i_47",
-  "teddy-card__action--disabled": "_teddy-card__action--disabled_90a2i_47",
-  "teddy-card--border": "_teddy-card--border_90a2i_54",
-  "teddy-card--layout": "_teddy-card--layout_90a2i_57",
-  "teddy-card__illustration": "_teddy-card__illustration_90a2i_57",
-  "teddy-card__carousel": "_teddy-card__carousel_90a2i_60",
-  "teddy-card__content": "_teddy-card__content_90a2i_63",
-  "teddy-card__heading": "_teddy-card__heading_90a2i_66",
-  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_90a2i_69",
-  "teddy-card__footer": "_teddy-card__footer_90a2i_72",
-  "teddy-card__overline": "_teddy-card__overline_90a2i_75",
-  "teddy-card__description": "_teddy-card__description_90a2i_78",
-  "teddy-card__color-dots": "_teddy-card__color-dots_90a2i_81",
-  "teddy-card__availability": "_teddy-card__availability_90a2i_84",
-  "teddy-card__price": "_teddy-card__price_90a2i_87",
-  "teddy-card--default": "_teddy-card--default_90a2i_90",
-  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_90a2i_95",
-  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_90a2i_115",
-  "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_90a2i_127",
-  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_90a2i_149",
-  "teddy-card--rich-card": "_teddy-card--rich-card_90a2i_161",
-  "teddy-card--rich-card-large": "_teddy-card--rich-card-large_90a2i_180",
-  "teddy-card__line": "_teddy-card__line_90a2i_212",
-  "teddy-card--purple-light": "_teddy-card--purple-light_90a2i_216",
-  "teddy-card--purple-dark": "_teddy-card--purple-dark_90a2i_230",
-  "teddy-card--white": "_teddy-card--white_90a2i_249",
-  "teddy-card--gray": "_teddy-card--gray_90a2i_263",
-  "teddy-card--beige": "_teddy-card--beige_90a2i_277",
-  "teddy-card--product": "_teddy-card--product_90a2i_291",
-  "teddy-card__price--big": "_teddy-card__price--big_90a2i_365",
-  "teddy-card__image--as-background": "_teddy-card__image--as-background_90a2i_368",
-  "teddy-card--background-image": "_teddy-card--background-image_90a2i_374",
-  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_90a2i_379",
-  "teddy-card__inset": "_teddy-card__inset_90a2i_383",
-  "teddy-card__inset--top": "_teddy-card__inset--top_90a2i_386",
-  "teddy-card__inset--left": "_teddy-card__inset--left_90a2i_389",
-  "teddy-card__inset--right": "_teddy-card__inset--right_90a2i_392",
-  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_90a2i_395",
-  "teddy-card__availability--badge": "_teddy-card__availability--badge_90a2i_410",
-  "teddy-card__availability--success": "_teddy-card__availability--success_90a2i_413",
-  "teddy-card__availability--warning": "_teddy-card__availability--warning_90a2i_416",
-  "teddy-card__availability--error": "_teddy-card__availability--error_90a2i_419",
-  "teddy-card__availability--special": "_teddy-card__availability--special_90a2i_422",
-  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_90a2i_425",
-  "teddy-card__availability--information": "_teddy-card__availability--information_90a2i_428"
+  "teddy-card": "_teddy-card_2ns77_3",
+  "teddy-card__slot": "_teddy-card__slot_2ns77_13",
+  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_2ns77_16",
+  "teddy-card__slot--center": "_teddy-card__slot--center_2ns77_19",
+  "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_2ns77_25",
+  "teddy-card--shadow": "_teddy-card--shadow_2ns77_44",
+  "teddy-card__action": "_teddy-card__action_2ns77_47",
+  "teddy-card__action--disabled": "_teddy-card__action--disabled_2ns77_47",
+  "teddy-card--border": "_teddy-card--border_2ns77_54",
+  "teddy-card--layout": "_teddy-card--layout_2ns77_57",
+  "teddy-card__illustration": "_teddy-card__illustration_2ns77_57",
+  "teddy-card__carousel": "_teddy-card__carousel_2ns77_60",
+  "teddy-card__content": "_teddy-card__content_2ns77_63",
+  "teddy-card__heading": "_teddy-card__heading_2ns77_66",
+  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_2ns77_69",
+  "teddy-card__footer": "_teddy-card__footer_2ns77_72",
+  "teddy-card__overline": "_teddy-card__overline_2ns77_75",
+  "teddy-card__description": "_teddy-card__description_2ns77_78",
+  "teddy-card__color-dots": "_teddy-card__color-dots_2ns77_81",
+  "teddy-card__availability": "_teddy-card__availability_2ns77_84",
+  "teddy-card__price": "_teddy-card__price_2ns77_87",
+  "teddy-card--default": "_teddy-card--default_2ns77_90",
+  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_2ns77_95",
+  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_2ns77_115",
+  "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_2ns77_127",
+  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_2ns77_149",
+  "teddy-card--rich-card": "_teddy-card--rich-card_2ns77_161",
+  "teddy-card--rich-card-large": "_teddy-card--rich-card-large_2ns77_180",
+  "teddy-card__line": "_teddy-card__line_2ns77_212",
+  "teddy-card--purple-light": "_teddy-card--purple-light_2ns77_216",
+  "teddy-card--purple-dark": "_teddy-card--purple-dark_2ns77_230",
+  "teddy-card--white": "_teddy-card--white_2ns77_249",
+  "teddy-card--gray": "_teddy-card--gray_2ns77_263",
+  "teddy-card--beige": "_teddy-card--beige_2ns77_277",
+  "teddy-card--product": "_teddy-card--product_2ns77_291",
+  "teddy-card__price--big": "_teddy-card__price--big_2ns77_364",
+  "teddy-card__image--as-background": "_teddy-card__image--as-background_2ns77_367",
+  "teddy-card--background-image": "_teddy-card--background-image_2ns77_373",
+  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_2ns77_378",
+  "teddy-card__inset": "_teddy-card__inset_2ns77_382",
+  "teddy-card__inset--top": "_teddy-card__inset--top_2ns77_385",
+  "teddy-card__inset--left": "_teddy-card__inset--left_2ns77_388",
+  "teddy-card__inset--right": "_teddy-card__inset--right_2ns77_391",
+  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_2ns77_394",
+  "teddy-card__availability--badge": "_teddy-card__availability--badge_2ns77_409",
+  "teddy-card__availability--success": "_teddy-card__availability--success_2ns77_412",
+  "teddy-card__availability--warning": "_teddy-card__availability--warning_2ns77_415",
+  "teddy-card__availability--error": "_teddy-card__availability--error_2ns77_418",
+  "teddy-card__availability--special": "_teddy-card__availability--special_2ns77_421",
+  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_2ns77_424",
+  "teddy-card__availability--information": "_teddy-card__availability--information_2ns77_427"
 };
 const rootClassName = "teddy-card";
 const actionElementIdentifier = `${rootClassName}__action`;

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

@@ -5,57 +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_90a2i_3",
-  "teddy-card__slot": "_teddy-card__slot_90a2i_13",
-  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_90a2i_16",
-  "teddy-card__slot--center": "_teddy-card__slot--center_90a2i_19",
-  "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_90a2i_25",
-  "teddy-card--shadow": "_teddy-card--shadow_90a2i_44",
-  "teddy-card__action": "_teddy-card__action_90a2i_47",
-  "teddy-card__action--disabled": "_teddy-card__action--disabled_90a2i_47",
-  "teddy-card--border": "_teddy-card--border_90a2i_54",
-  "teddy-card--layout": "_teddy-card--layout_90a2i_57",
-  "teddy-card__illustration": "_teddy-card__illustration_90a2i_57",
-  "teddy-card__carousel": "_teddy-card__carousel_90a2i_60",
-  "teddy-card__content": "_teddy-card__content_90a2i_63",
-  "teddy-card__heading": "_teddy-card__heading_90a2i_66",
-  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_90a2i_69",
-  "teddy-card__footer": "_teddy-card__footer_90a2i_72",
-  "teddy-card__overline": "_teddy-card__overline_90a2i_75",
-  "teddy-card__description": "_teddy-card__description_90a2i_78",
-  "teddy-card__color-dots": "_teddy-card__color-dots_90a2i_81",
-  "teddy-card__availability": "_teddy-card__availability_90a2i_84",
-  "teddy-card__price": "_teddy-card__price_90a2i_87",
-  "teddy-card--default": "_teddy-card--default_90a2i_90",
-  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_90a2i_95",
-  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_90a2i_115",
-  "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_90a2i_127",
-  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_90a2i_149",
-  "teddy-card--rich-card": "_teddy-card--rich-card_90a2i_161",
-  "teddy-card--rich-card-large": "_teddy-card--rich-card-large_90a2i_180",
-  "teddy-card__line": "_teddy-card__line_90a2i_212",
-  "teddy-card--purple-light": "_teddy-card--purple-light_90a2i_216",
-  "teddy-card--purple-dark": "_teddy-card--purple-dark_90a2i_230",
-  "teddy-card--white": "_teddy-card--white_90a2i_249",
-  "teddy-card--gray": "_teddy-card--gray_90a2i_263",
-  "teddy-card--beige": "_teddy-card--beige_90a2i_277",
-  "teddy-card--product": "_teddy-card--product_90a2i_291",
-  "teddy-card__price--big": "_teddy-card__price--big_90a2i_365",
-  "teddy-card__image--as-background": "_teddy-card__image--as-background_90a2i_368",
-  "teddy-card--background-image": "_teddy-card--background-image_90a2i_374",
-  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_90a2i_379",
-  "teddy-card__inset": "_teddy-card__inset_90a2i_383",
-  "teddy-card__inset--top": "_teddy-card__inset--top_90a2i_386",
-  "teddy-card__inset--left": "_teddy-card__inset--left_90a2i_389",
-  "teddy-card__inset--right": "_teddy-card__inset--right_90a2i_392",
-  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_90a2i_395",
-  "teddy-card__availability--badge": "_teddy-card__availability--badge_90a2i_410",
-  "teddy-card__availability--success": "_teddy-card__availability--success_90a2i_413",
-  "teddy-card__availability--warning": "_teddy-card__availability--warning_90a2i_416",
-  "teddy-card__availability--error": "_teddy-card__availability--error_90a2i_419",
-  "teddy-card__availability--special": "_teddy-card__availability--special_90a2i_422",
-  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_90a2i_425",
-  "teddy-card__availability--information": "_teddy-card__availability--information_90a2i_428"
+  "teddy-card": "_teddy-card_2ns77_3",
+  "teddy-card__slot": "_teddy-card__slot_2ns77_13",
+  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_2ns77_16",
+  "teddy-card__slot--center": "_teddy-card__slot--center_2ns77_19",
+  "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_2ns77_25",
+  "teddy-card--shadow": "_teddy-card--shadow_2ns77_44",
+  "teddy-card__action": "_teddy-card__action_2ns77_47",
+  "teddy-card__action--disabled": "_teddy-card__action--disabled_2ns77_47",
+  "teddy-card--border": "_teddy-card--border_2ns77_54",
+  "teddy-card--layout": "_teddy-card--layout_2ns77_57",
+  "teddy-card__illustration": "_teddy-card__illustration_2ns77_57",
+  "teddy-card__carousel": "_teddy-card__carousel_2ns77_60",
+  "teddy-card__content": "_teddy-card__content_2ns77_63",
+  "teddy-card__heading": "_teddy-card__heading_2ns77_66",
+  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_2ns77_69",
+  "teddy-card__footer": "_teddy-card__footer_2ns77_72",
+  "teddy-card__overline": "_teddy-card__overline_2ns77_75",
+  "teddy-card__description": "_teddy-card__description_2ns77_78",
+  "teddy-card__color-dots": "_teddy-card__color-dots_2ns77_81",
+  "teddy-card__availability": "_teddy-card__availability_2ns77_84",
+  "teddy-card__price": "_teddy-card__price_2ns77_87",
+  "teddy-card--default": "_teddy-card--default_2ns77_90",
+  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_2ns77_95",
+  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_2ns77_115",
+  "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_2ns77_127",
+  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_2ns77_149",
+  "teddy-card--rich-card": "_teddy-card--rich-card_2ns77_161",
+  "teddy-card--rich-card-large": "_teddy-card--rich-card-large_2ns77_180",
+  "teddy-card__line": "_teddy-card__line_2ns77_212",
+  "teddy-card--purple-light": "_teddy-card--purple-light_2ns77_216",
+  "teddy-card--purple-dark": "_teddy-card--purple-dark_2ns77_230",
+  "teddy-card--white": "_teddy-card--white_2ns77_249",
+  "teddy-card--gray": "_teddy-card--gray_2ns77_263",
+  "teddy-card--beige": "_teddy-card--beige_2ns77_277",
+  "teddy-card--product": "_teddy-card--product_2ns77_291",
+  "teddy-card__price--big": "_teddy-card__price--big_2ns77_364",
+  "teddy-card__image--as-background": "_teddy-card__image--as-background_2ns77_367",
+  "teddy-card--background-image": "_teddy-card--background-image_2ns77_373",
+  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_2ns77_378",
+  "teddy-card__inset": "_teddy-card__inset_2ns77_382",
+  "teddy-card__inset--top": "_teddy-card__inset--top_2ns77_385",
+  "teddy-card__inset--left": "_teddy-card__inset--left_2ns77_388",
+  "teddy-card__inset--right": "_teddy-card__inset--right_2ns77_391",
+  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_2ns77_394",
+  "teddy-card__availability--badge": "_teddy-card__availability--badge_2ns77_409",
+  "teddy-card__availability--success": "_teddy-card__availability--success_2ns77_412",
+  "teddy-card__availability--warning": "_teddy-card__availability--warning_2ns77_415",
+  "teddy-card__availability--error": "_teddy-card__availability--error_2ns77_418",
+  "teddy-card__availability--special": "_teddy-card__availability--special_2ns77_421",
+  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_2ns77_424",
+  "teddy-card__availability--information": "_teddy-card__availability--information_2ns77_427"
 };
 const rootClassName = "teddy-card";
 const actionElementIdentifier = `${rootClassName}__action`;

package/dist/components/carousel/carousel-root.cjs CHANGED Viewed

@@ -41,8 +41,11 @@ const Carousel = ({
   onClick = () => void 0,
   navigationIcon,
   settings,
-  size = "lg"
+  size = "lg",
+  sliderRef
 }) => {
+  const internalSliderRef = React.useRef(null);
+  const innerSliderRef = sliderRef || internalSliderRef;
   const computedSettings = {
     responsive: [],
     centerMode: false,
@@ -64,7 +67,7 @@ const Carousel = ({
         [styles[`${rootClassName}--${size}`]]: size,
         [className]: className
       }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(SliderComponent, { ...computedSettings, children: React.Children.map(filteredChildren, (child) => {
+      children: /* @__PURE__ */ jsxRuntime.jsx(SliderComponent, { ref: innerSliderRef, ...computedSettings, children: React.Children.map(filteredChildren, (child) => {
         return /* @__PURE__ */ jsxRuntime.jsx("div", { onClick, className: clsx(styles[`${rootClassName}__item`]), children: child });
       }) })
     }

package/dist/components/carousel/carousel-root.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Settings } from 'react-slick';
+import { default as Slider, Settings } from 'react-slick';
 import { IconName } from '../icon';
 export type CarouselProps = {
@@ -8,6 +8,7 @@ export type CarouselProps = {
     navigationIcon?: IconName;
     settings?: Settings;
     size?: 'sm' | 'lg';
+    sliderRef?: React.RefObject<Slider>;
     onClickNext?: () => void;
     onClickPrev?: () => void;
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;

package/dist/components/carousel/carousel-root.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import React__default from "react";
+import React__default, { useRef } from "react";
 import clsx from "clsx";
 import Slider from "react-slick";
 import "../../assets/sprite.269ba410-teddy.svg";
@@ -39,8 +39,11 @@ const Carousel = ({
   onClick = () => void 0,
   navigationIcon,
   settings,
-  size = "lg"
+  size = "lg",
+  sliderRef
 }) => {
+  const internalSliderRef = useRef(null);
+  const innerSliderRef = sliderRef || internalSliderRef;
   const computedSettings = {
     responsive: [],
     centerMode: false,
@@ -62,7 +65,7 @@ const Carousel = ({
         [styles[`${rootClassName}--${size}`]]: size,
         [className]: className
       }),
-      children: /* @__PURE__ */ jsx(SliderComponent, { ...computedSettings, children: React__default.Children.map(filteredChildren, (child) => {
+      children: /* @__PURE__ */ jsx(SliderComponent, { ref: innerSliderRef, ...computedSettings, children: React__default.Children.map(filteredChildren, (child) => {
         return /* @__PURE__ */ jsx("div", { onClick, className: clsx(styles[`${rootClassName}__item`]), children: child });
       }) })
     }

package/dist/style.css CHANGED Viewed

@@ -2521,32 +2521,32 @@
   }
 }@layer heading, flex, grid, button, card;
 @layer card {
-  ._teddy-card_90a2i_3 {
+  ._teddy-card_2ns77_3 {
     border-radius: var(--teddy-border-radius-md);
     padding: var(--teddy-spacing-250);
     position: relative;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_90a2i_3 {
+    ._teddy-card_2ns77_3 {
       transition: background-color var(--teddy-motion-duration-300) ease;
     }
   }
-  ._teddy-card__slot_90a2i_13 {
+  ._teddy-card__slot_2ns77_13 {
     transform: translateY(-50%);
   }
-  ._teddy-card__slot--bottom_90a2i_16 {
+  ._teddy-card__slot--bottom_2ns77_16 {
     transform: translateY(50%);
   }
-  ._teddy-card__slot--center_90a2i_19 {
+  ._teddy-card__slot--center_2ns77_19 {
     transform: translate(-50%, -50%);
   }
-  ._teddy-card__slot--bottom_90a2i_16._teddy-card__slot--center_90a2i_19 {
+  ._teddy-card__slot--bottom_2ns77_16._teddy-card__slot--center_2ns77_19 {
     transform: translate(-50%, 50%);
   }
-  ._teddy-card__slot--no-translate_90a2i_25 {
+  ._teddy-card__slot--no-translate_2ns77_25 {
     transform: initial;
   }
-  ._teddy-card_90a2i_3::before {
+  ._teddy-card_2ns77_3::before {
     content: "";
     display: block;
     position: absolute;
@@ -2557,95 +2557,95 @@
     box-shadow: var(--teddy-shadow-sm);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_90a2i_3::before {
+    ._teddy-card_2ns77_3::before {
       transition: var(--teddy-motion-duration-300) ease;
       transition-property: opacity, box-shadow;
     }
   }
-  ._teddy-card--shadow_90a2i_44::before {
+  ._teddy-card--shadow_2ns77_44::before {
     opacity: 1;
   }
-  ._teddy-card_90a2i_3:has(._teddy-card__action_90a2i_47:not(._teddy-card__action--disabled_90a2i_47)) {
+  ._teddy-card_2ns77_3:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
     cursor: pointer;
   }
-  ._teddy-card_90a2i_3:has(._teddy-card__action_90a2i_47:not(._teddy-card__action--disabled_90a2i_47)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_90a2i_47:not(._teddy-card__action--disabled_90a2i_47))::before {
+  ._teddy-card_2ns77_3:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47))::before {
     opacity: 1;
     box-shadow: var(--teddy-shadow-md);
   }
-  ._teddy-card--border_90a2i_54 {
+  ._teddy-card--border_2ns77_54 {
     border: var(--teddy-border-width-xs) solid transparent;
   }
-  ._teddy-card--layout_90a2i_57 ._teddy-card__illustration_90a2i_57 {
+  ._teddy-card--layout_2ns77_57 ._teddy-card__illustration_2ns77_57 {
     grid-area: illustration;
   }
-  ._teddy-card--layout_90a2i_57 ._teddy-card__carousel_90a2i_60 {
+  ._teddy-card--layout_2ns77_57 ._teddy-card__carousel_2ns77_60 {
     grid-area: carousel;
   }
-  ._teddy-card--layout_90a2i_57 ._teddy-card__content_90a2i_63 {
+  ._teddy-card--layout_2ns77_57 ._teddy-card__content_2ns77_63 {
     grid-area: content;
   }
-  ._teddy-card--layout_90a2i_57 ._teddy-card__heading_90a2i_66 {
+  ._teddy-card--layout_2ns77_57 ._teddy-card__heading_2ns77_66 {
     grid-area: heading;
   }
-  ._teddy-card--layout_90a2i_57 ._teddy-card__action-wrapper_90a2i_69 {
+  ._teddy-card--layout_2ns77_57 ._teddy-card__action-wrapper_2ns77_69 {
     grid-area: action;
   }
-  ._teddy-card--layout_90a2i_57 ._teddy-card__footer_90a2i_72 {
+  ._teddy-card--layout_2ns77_57 ._teddy-card__footer_2ns77_72 {
     grid-area: footer;
   }
-  ._teddy-card--layout_90a2i_57 ._teddy-card__overline_90a2i_75 {
+  ._teddy-card--layout_2ns77_57 ._teddy-card__overline_2ns77_75 {
     grid-area: overline;
   }
-  ._teddy-card--layout_90a2i_57 ._teddy-card__description_90a2i_78 {
+  ._teddy-card--layout_2ns77_57 ._teddy-card__description_2ns77_78 {
     grid-area: description;
   }
-  ._teddy-card--layout_90a2i_57 ._teddy-card__color-dots_90a2i_81 {
+  ._teddy-card--layout_2ns77_57 ._teddy-card__color-dots_2ns77_81 {
     grid-area: colors;
   }
-  ._teddy-card--layout_90a2i_57 ._teddy-card__availability_90a2i_84 {
+  ._teddy-card--layout_2ns77_57 ._teddy-card__availability_2ns77_84 {
     grid-area: availability;
   }
-  ._teddy-card--layout_90a2i_57 ._teddy-card__price_90a2i_87 {
+  ._teddy-card--layout_2ns77_57 ._teddy-card__price_2ns77_87 {
     grid-area: price;
   }
-  ._teddy-card--default_90a2i_90 {
+  ._teddy-card--default_2ns77_90 {
     display: flex;
     flex-direction: column;
     gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_90a2i_95 {
+  ._teddy-card--navigation-vertical_2ns77_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_90a2i_95 ._teddy-card__illustration_90a2i_57 {
+  ._teddy-card--navigation-vertical_2ns77_95 ._teddy-card__illustration_2ns77_57 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_90a2i_95 ._teddy-card__content_90a2i_63 {
+  ._teddy-card--navigation-vertical_2ns77_95 ._teddy-card__content_2ns77_63 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_90a2i_95 ._teddy-card__heading_90a2i_66 {
+  ._teddy-card--navigation-vertical_2ns77_95 ._teddy-card__heading_2ns77_66 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-vertical_90a2i_95 ._teddy-card__action-wrapper_90a2i_69 {
+  ._teddy-card--navigation-vertical_2ns77_95 ._teddy-card__action-wrapper_2ns77_69 {
     margin-top: auto;
     justify-self: end;
   }
-  ._teddy-card--navigation-horizontal-small_90a2i_115 {
+  ._teddy-card--navigation-horizontal-small_2ns77_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_90a2i_115 ._teddy-card__heading_90a2i_66 {
+  ._teddy-card--navigation-horizontal-small_2ns77_115 ._teddy-card__heading_2ns77_66 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-horizontal-small_90a2i_115 ._teddy-card__action-wrapper_90a2i_69 {
+  ._teddy-card--navigation-horizontal-small_2ns77_115 ._teddy-card__action-wrapper_2ns77_69 {
     margin-top: auto;
   }
-  ._teddy-card--navigation-horizontal-small-centered_90a2i_127 {
+  ._teddy-card--navigation-horizontal-small-centered_2ns77_127 {
     width: 100%;
     max-width: 26rem;
     grid-template-columns: auto 1fr auto;
@@ -2654,299 +2654,298 @@
     align-items: center;
     column-gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small-centered_90a2i_127 ._teddy-card__content_90a2i_63 {
+  ._teddy-card--navigation-horizontal-small-centered_2ns77_127 ._teddy-card__content_2ns77_63 {
     margin-top: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small-centered_90a2i_127 ._teddy-card__action-wrapper_90a2i_69 {
+  ._teddy-card--navigation-horizontal-small-centered_2ns77_127 ._teddy-card__action-wrapper_2ns77_69 {
     margin: 0;
   }
-  ._teddy-card--navigation-horizontal-small-centered_90a2i_127 ._teddy-card__illustration_90a2i_57 {
+  ._teddy-card--navigation-horizontal-small-centered_2ns77_127 ._teddy-card__illustration_2ns77_57 {
     max-height: 80px;
     max-width: 100px;
   }
-  ._teddy-card--navigation-horizontal-small-centered_90a2i_127 ._teddy-card__illustration_90a2i_57 img {
+  ._teddy-card--navigation-horizontal-small-centered_2ns77_127 ._teddy-card__illustration_2ns77_57 img {
     object-fit: contain;
   }
-  ._teddy-card--navigation-horizontal-large_90a2i_149 {
+  ._teddy-card--navigation-horizontal-large_2ns77_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_90a2i_149 ._teddy-card__heading_90a2i_66 {
+  ._teddy-card--navigation-horizontal-large_2ns77_149 ._teddy-card__heading_2ns77_66 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-horizontal-large_90a2i_149 ._teddy-card__action-wrapper_90a2i_69 {
+  ._teddy-card--navigation-horizontal-large_2ns77_149 ._teddy-card__action-wrapper_2ns77_69 {
     margin-top: auto;
   }
-  ._teddy-card--rich-card_90a2i_161 {
+  ._teddy-card--rich-card_2ns77_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_90a2i_161 ._teddy-card__illustration_90a2i_57 {
+  ._teddy-card--rich-card_2ns77_161 ._teddy-card__illustration_2ns77_57 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card_90a2i_161 ._teddy-card__content_90a2i_63 {
+  ._teddy-card--rich-card_2ns77_161 ._teddy-card__content_2ns77_63 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card_90a2i_161 ._teddy-card__heading_90a2i_66 {
+  ._teddy-card--rich-card_2ns77_161 ._teddy-card__heading_2ns77_66 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--rich-card_90a2i_161 ._teddy-card__action-wrapper_90a2i_69 {
+  ._teddy-card--rich-card_2ns77_161 ._teddy-card__action-wrapper_2ns77_69 {
     margin-top: auto;
   }
   @media (max-width: 800px) {
-    ._teddy-card--rich-card-large_90a2i_180 {
+    ._teddy-card--rich-card-large_2ns77_180 {
       align-items: baseline;
       grid-template-rows: auto auto 1fr auto;
       grid-template-areas: "illustration" "heading" "content" "action";
     }
   }
-  ._teddy-card--rich-card-large_90a2i_180 ._teddy-card__illustration_90a2i_57 img {
+  ._teddy-card--rich-card-large_2ns77_180 ._teddy-card__illustration_2ns77_57 img {
     object-fit: cover;
   }
   @media (min-width: 801px) {
-    ._teddy-card--rich-card-large_90a2i_180 ._teddy-card__illustration_90a2i_57 {
+    ._teddy-card--rich-card-large_2ns77_180 ._teddy-card__illustration_2ns77_57 {
       grid-column-start: 1;
       margin-right: var(--teddy-spacing-600);
     }
   }
-  ._teddy-card--rich-card-large_90a2i_180 ._teddy-card__content_90a2i_63 {
+  ._teddy-card--rich-card-large_2ns77_180 ._teddy-card__content_2ns77_63 {
     margin-top: 2rem;
   }
   @media (min-width: 801px) {
-    ._teddy-card--rich-card-large_90a2i_180 ._teddy-card__content_90a2i_63 {
+    ._teddy-card--rich-card-large_2ns77_180 ._teddy-card__content_2ns77_63 {
       grid-column-start: 2;
       margin-top: 0;
       align-content: center;
     }
   }
-  ._teddy-card--rich-card-large_90a2i_180 ._teddy-card__action_90a2i_47 {
+  ._teddy-card--rich-card-large_2ns77_180 ._teddy-card__action_2ns77_47 {
     margin-top: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card-large_90a2i_180 ._teddy-card__heading_90a2i_66 {
+  ._teddy-card--rich-card-large_2ns77_180 ._teddy-card__heading_2ns77_66 {
     margin-top: var(--teddy-spacing-100);
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card__line_90a2i_212 {
+  ._teddy-card__line_2ns77_212 {
     border: 0;
     border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-card--purple-light_90a2i_216 {
+  ._teddy-card--purple-light_2ns77_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_90a2i_216:hover:has(._teddy-card__action_90a2i_47:not(._teddy-card__action--disabled_90a2i_47)) {
+  ._teddy-card--purple-light_2ns77_216:hover:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-hover);
   }
-  ._teddy-card--purple-light_90a2i_216:active:has(._teddy-card__action_90a2i_47:not(._teddy-card__action--disabled_90a2i_47)) {
+  ._teddy-card--purple-light_2ns77_216:active:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-active);
   }
-  ._teddy-card--purple-light_90a2i_216:has(._teddy-card__action--disabled_90a2i_47) {
+  ._teddy-card--purple-light_2ns77_216:has(._teddy-card__action--disabled_2ns77_47) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_90a2i_230 {
+  ._teddy-card--purple-dark_2ns77_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_90a2i_230:hover:has(._teddy-card__action_90a2i_47:not(._teddy-card__action--disabled_90a2i_47)) {
+  ._teddy-card--purple-dark_2ns77_230:hover:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
-  ._teddy-card--purple-dark_90a2i_230:active:has(._teddy-card__action_90a2i_47:not(._teddy-card__action--disabled_90a2i_47)) {
+  ._teddy-card--purple-dark_2ns77_230:active:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-active);
   }
-  ._teddy-card--purple-dark_90a2i_230:has(._teddy-card__action--disabled_90a2i_47) {
+  ._teddy-card--purple-dark_2ns77_230:has(._teddy-card__action--disabled_2ns77_47) {
     color: var(--teddy-color-text-default);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_90a2i_230:has(._teddy-card__action--disabled_90a2i_47) ._teddy-card__action_90a2i_47 {
+  ._teddy-card--purple-dark_2ns77_230:has(._teddy-card__action--disabled_2ns77_47) ._teddy-card__action_2ns77_47 {
     color: var(--teddy-color-text-weak);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--white_90a2i_249 {
+  ._teddy-card--white_2ns77_249 {
     background-color: var(--teddy-color-brand-white);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-interactive-subtle);
   }
-  ._teddy-card--white_90a2i_249:hover:has(._teddy-card__action_90a2i_47:not(._teddy-card__action--disabled_90a2i_47)) {
+  ._teddy-card--white_2ns77_249:hover:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-card--white_90a2i_249:active:has(._teddy-card__action_90a2i_47:not(._teddy-card__action--disabled_90a2i_47)) {
+  ._teddy-card--white_2ns77_249:active:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--white_90a2i_249:has(._teddy-card__action--disabled_90a2i_47) {
+  ._teddy-card--white_2ns77_249:has(._teddy-card__action--disabled_2ns77_47) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--gray_90a2i_263 {
+  ._teddy-card--gray_2ns77_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_90a2i_263:hover:has(._teddy-card__action_90a2i_47:not(._teddy-card__action--disabled_90a2i_47)) {
+  ._teddy-card--gray_2ns77_263:hover:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
     background-color: var(--teddy-color-gray-100);
   }
-  ._teddy-card--gray_90a2i_263:active:has(._teddy-card__action_90a2i_47:not(._teddy-card__action--disabled_90a2i_47)) {
+  ._teddy-card--gray_2ns77_263:active:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
     background-color: var(--teddy-color-gray-200);
   }
-  ._teddy-card--gray_90a2i_263:has(._teddy-card__action--disabled_90a2i_47) {
+  ._teddy-card--gray_2ns77_263:has(._teddy-card__action--disabled_2ns77_47) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--beige_90a2i_277 {
+  ._teddy-card--beige_2ns77_277 {
     background-color: var(--teddy-color-beige-100);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_90a2i_277:hover:has(._teddy-card__action_90a2i_47:not(._teddy-card__action--disabled_90a2i_47)) {
+  ._teddy-card--beige_2ns77_277:hover:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
     background-color: var(--teddy-color-beige-200);
   }
-  ._teddy-card--beige_90a2i_277:active:has(._teddy-card__action_90a2i_47:not(._teddy-card__action--disabled_90a2i_47)) {
+  ._teddy-card--beige_2ns77_277:active:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
     background-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_90a2i_277:has(._teddy-card__action--disabled_90a2i_47) {
+  ._teddy-card--beige_2ns77_277:has(._teddy-card__action--disabled_2ns77_47) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--product_90a2i_291 {
+  ._teddy-card--product_2ns77_291 {
     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";
-    background-color: var(--teddy-color-brand-white);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-interactive-subtle);
     padding-top: var(--teddy-spacing-400);
     padding-bottom: var(--teddy-spacing-100);
     width: 100%;
   }
-  ._teddy-card--product_90a2i_291:hover:has(._teddy-card__action_90a2i_47:not(._teddy-card__action--disabled_90a2i_47)) {
+  ._teddy-card--product_2ns77_291:hover:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_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_90a2i_291:active:has(._teddy-card__action_90a2i_47:not(._teddy-card__action--disabled_90a2i_47)) {
+  ._teddy-card--product_2ns77_291:active:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)) {
     -webkit-tap-highlight-color: transparent;
   }
-  ._teddy-card--product_90a2i_291:active:has(._teddy-card__action_90a2i_47:not(._teddy-card__action--disabled_90a2i_47)):not(:has(._teddy-card__carousel_90a2i_60:active)) {
+  ._teddy-card--product_2ns77_291:active:has(._teddy-card__action_2ns77_47:not(._teddy-card__action--disabled_2ns77_47)):not(:has(._teddy-card__carousel_2ns77_60:active)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--product_90a2i_291:has(._teddy-card__action--disabled_90a2i_47) {
+  ._teddy-card--product_2ns77_291:has(._teddy-card__action--disabled_2ns77_47) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--product_90a2i_291 ._teddy-card__action-wrapper_90a2i_69 {
+  ._teddy-card--product_2ns77_291 ._teddy-card__action-wrapper_2ns77_69 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_90a2i_291 ._teddy-card__illustration_90a2i_57 {
+  ._teddy-card--product_2ns77_291 ._teddy-card__illustration_2ns77_57 {
     height: 180px;
     display: grid;
     place-items: center;
     place-self: center;
     margin-bottom: var(--teddy-spacing-400);
   }
-  ._teddy-card--product_90a2i_291 ._teddy-card__illustration_90a2i_57 img {
+  ._teddy-card--product_2ns77_291 ._teddy-card__illustration_2ns77_57 img {
     max-width: 200px;
     max-height: 180px;
     object-fit: contain;
   }
-  ._teddy-card--product_90a2i_291 ._teddy-card__carousel_90a2i_60 .slick-dots li {
+  ._teddy-card--product_2ns77_291 ._teddy-card__carousel_2ns77_60 .slick-dots li {
     min-width: 12px;
     width: initial !important;
     margin: 0 0.25rem !important;
   }
-  ._teddy-card--product_90a2i_291 ._teddy-card__carousel_90a2i_60 .slick-dots .slick-active {
+  ._teddy-card--product_2ns77_291 ._teddy-card__carousel_2ns77_60 .slick-dots .slick-active {
     min-width: 24px;
     width: initial !important;
   }
-  ._teddy-card--product_90a2i_291 ._teddy-card__overline_90a2i_75 {
+  ._teddy-card--product_2ns77_291 ._teddy-card__overline_2ns77_75 {
     margin-bottom: var(--teddy-spacing-50);
   }
-  ._teddy-card--product_90a2i_291 ._teddy-card__heading_90a2i_66 {
+  ._teddy-card--product_2ns77_291 ._teddy-card__heading_2ns77_66 {
     margin-bottom: var(--teddy-spacing-200);
   }
   @media (min-width: 600px) {
-    ._teddy-card--product_90a2i_291 ._teddy-card__heading_90a2i_66 {
+    ._teddy-card--product_2ns77_291 ._teddy-card__heading_2ns77_66 {
       min-height: 60px;
     }
   }
-  ._teddy-card--product_90a2i_291 ._teddy-card__description_90a2i_78 {
+  ._teddy-card--product_2ns77_291 ._teddy-card__description_2ns77_78 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_90a2i_291 ._teddy-card__content_90a2i_63 {
+  ._teddy-card--product_2ns77_291 ._teddy-card__content_2ns77_63 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_90a2i_291 ._teddy-card__action_90a2i_47 {
+  ._teddy-card--product_2ns77_291 ._teddy-card__action_2ns77_47 {
     margin-top: auto;
     margin-left: auto;
     justify-self: end;
   }
-  ._teddy-card--product_90a2i_291 ._teddy-card__price_90a2i_87 {
+  ._teddy-card--product_2ns77_291 ._teddy-card__price_2ns77_87 {
     display: flex;
   }
-  ._teddy-card--product_90a2i_291 ._teddy-card__price--big_90a2i_365 {
+  ._teddy-card--product_2ns77_291 ._teddy-card__price--big_2ns77_364 {
     font-size: var(--teddy-typography-scale-200);
   }
-  ._teddy-card_90a2i_3:has(._teddy-card__image--as-background_90a2i_368) {
+  ._teddy-card_2ns77_3:has(._teddy-card__image--as-background_2ns77_367) {
     background-color: transparent;
   }
-  ._teddy-card__heading_90a2i_66 {
+  ._teddy-card__heading_2ns77_66 {
     color: inherit;
   }
-  ._teddy-card--background-image_90a2i_374 {
+  ._teddy-card--background-image_2ns77_373 {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
   }
-  ._teddy-card__illustration--rounded_90a2i_379 {
+  ._teddy-card__illustration--rounded_2ns77_378 {
     border-radius: inherit;
     overflow: hidden;
   }
-  ._teddy-card__inset_90a2i_383 {
+  ._teddy-card__inset_2ns77_382 {
     overflow: hidden;
   }
-  ._teddy-card__inset--top_90a2i_386 {
+  ._teddy-card__inset--top_2ns77_385 {
     margin-top: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--top_90a2i_386._teddy-card__inset--left_90a2i_389 {
+  ._teddy-card__inset--top_2ns77_385._teddy-card__inset--left_2ns77_388 {
     border-top-left-radius: inherit;
   }
-  ._teddy-card__inset--top_90a2i_386._teddy-card__inset--right_90a2i_392 {
+  ._teddy-card__inset--top_2ns77_385._teddy-card__inset--right_2ns77_391 {
     border-top-right-radius: inherit;
   }
-  ._teddy-card__inset--bottom_90a2i_395 {
+  ._teddy-card__inset--bottom_2ns77_394 {
     margin-bottom: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--bottom_90a2i_395._teddy-card__inset--left_90a2i_389 {
+  ._teddy-card__inset--bottom_2ns77_394._teddy-card__inset--left_2ns77_388 {
     border-bottom-left-radius: inherit;
   }
-  ._teddy-card__inset--bottom_90a2i_395._teddy-card__inset--right_90a2i_392 {
+  ._teddy-card__inset--bottom_2ns77_394._teddy-card__inset--right_2ns77_391 {
     border-bottom-right-radius: inherit;
   }
-  ._teddy-card__inset--left_90a2i_389 {
+  ._teddy-card__inset--left_2ns77_388 {
     margin-left: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--right_90a2i_392 {
+  ._teddy-card__inset--right_2ns77_391 {
     margin-right: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__availability--badge_90a2i_410 {
+  ._teddy-card__availability--badge_2ns77_409 {
     margin-right: var(--teddy-spacing-150);
   }
-  ._teddy-card__availability--success_90a2i_413 {
+  ._teddy-card__availability--success_2ns77_412 {
     color: var(--teddy-color-text-status-success-strong);
   }
-  ._teddy-card__availability--warning_90a2i_416 {
+  ._teddy-card__availability--warning_2ns77_415 {
     color: var(--teddy-color-text-status-warning-strong);
   }
-  ._teddy-card__availability--error_90a2i_419 {
+  ._teddy-card__availability--error_2ns77_418 {
     color: var(--teddy-color-text-status-error-strong);
   }
-  ._teddy-card__availability--special_90a2i_422 {
+  ._teddy-card__availability--special_2ns77_421 {
     color: var(--teddy-color-text-status-special);
   }
-  ._teddy-card__availability--neutral_90a2i_425 {
+  ._teddy-card__availability--neutral_2ns77_424 {
     color: var(--teddy-color-text-status-neutral);
   }
-  ._teddy-card__availability--information_90a2i_428 {
+  ._teddy-card__availability--information_2ns77_427 {
     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.1.3",
+  "version": "0.1.5",
   "sideEffects": [
     "**/*.css"
   ],