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

@telia/teddy 0.0.74 → 0.0.76

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

package/dist/components/card/card-carousel.cjs +24 -2
package/dist/components/card/card-carousel.d.ts +3 -0
package/dist/components/card/card-carousel.js +24 -2
package/dist/components/card/card.cjs +50 -50
package/dist/components/card/card.js +50 -50
package/dist/components/carousel/carousel-root.cjs +3 -27
package/dist/components/carousel/carousel-root.d.ts +1 -0
package/dist/components/carousel/carousel-root.js +4 -28
package/dist/components/navigation-menu/global-navigation/utils.cjs +34 -2
package/dist/components/navigation-menu/global-navigation/utils.d.ts +54 -4
package/dist/components/navigation-menu/global-navigation/utils.js +34 -2
package/dist/style.css +103 -101
package/dist/utils/breakpointToNumber.cjs +6 -0
package/dist/utils/breakpointToNumber.d.ts +1 -0
package/dist/utils/breakpointToNumber.js +6 -0
package/package.json +1 -1

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

@@ -6,8 +6,19 @@ const clsx = require("clsx");
 const components_card_card = require("./card.cjs");
 const components_carousel_carouselRoot = require("../carousel/carousel-root.cjs");
 const components_colorDot_index = require("../color-dot/index.cjs");
+const utils_breakpointToNumber = require("../../utils/breakpointToNumber.cjs");
+const tokens_breakpoint_variables = require("../../tokens/breakpoint/variables.cjs");
 const ImageSlider = React.forwardRef(
-  ({ variants, className, children, onClickNext, onClickPrev, onChangeVariant = () => void 0 }, forwardRef) => {
+  ({
+    settings,
+    variants,
+    className,
+    children,
+    onClick = () => void 0,
+    onClickNext,
+    onClickPrev,
+    onChangeVariant = () => void 0
+  }, forwardRef) => {
     const [selectedSlide, setSelectedSlide] = React.useState(0);
     const rootCarouselClass = `${components_card_card.rootClassName}__carousel`;
     const classes = clsx([components_card_card.styles[rootCarouselClass]], className);
@@ -17,6 +28,7 @@ const ImageSlider = React.forwardRef(
         size: "sm",
         onClickNext,
         onClickPrev,
+        onClick,
         settings: {
           beforeChange: (_currentSlide, nextSlide) => {
             setSelectedSlide(nextSlide);
@@ -25,7 +37,17 @@ const ImageSlider = React.forwardRef(
           customPaging: (index) => {
             const variant = variants[index];
             return /* @__PURE__ */ jsxRuntime.jsx(components_colorDot_index.ColorDot, { color: variant.color, size: "xs", bordered: true, wide: index === selectedSlide });
-          }
+          },
+          swipe: false,
+          responsive: [
+            {
+              breakpoint: utils_breakpointToNumber.breakpointToNumber(tokens_breakpoint_variables.teddyBreakpointMd),
+              settings: {
+                swipe: true
+              }
+            }
+          ],
+          ...settings
         },
         children
       }

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

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { Settings } from 'react-slick';
 export type ImageSliderVariant = {
     color: string;
@@ -8,6 +9,8 @@ export interface ImageSliderProps {
     variants: ImageSliderVariant[];
     children: React.ReactNode;
     className?: string;
+    settings?: Settings;
+    onClick?: () => void;
     onClickNext?: () => void;
     onClickPrev?: () => void;
     onChangeVariant?: (variant: ImageSliderVariant) => void;

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

@@ -4,8 +4,19 @@ import clsx from "clsx";
 import { s as styles, rootClassName } from "./card.js";
 import { Carousel } from "../carousel/carousel-root.js";
 import { ColorDot } from "../color-dot/index.js";
+import { breakpointToNumber } from "../../utils/breakpointToNumber.js";
+import { teddyBreakpointMd } from "../../tokens/breakpoint/variables.js";
 const ImageSlider = React__default.forwardRef(
-  ({ variants, className, children, onClickNext, onClickPrev, onChangeVariant = () => void 0 }, forwardRef) => {
+  ({
+    settings,
+    variants,
+    className,
+    children,
+    onClick = () => void 0,
+    onClickNext,
+    onClickPrev,
+    onChangeVariant = () => void 0
+  }, forwardRef) => {
     const [selectedSlide, setSelectedSlide] = useState(0);
     const rootCarouselClass = `${rootClassName}__carousel`;
     const classes = clsx([styles[rootCarouselClass]], className);
@@ -15,6 +26,7 @@ const ImageSlider = React__default.forwardRef(
         size: "sm",
         onClickNext,
         onClickPrev,
+        onClick,
         settings: {
           beforeChange: (_currentSlide, nextSlide) => {
             setSelectedSlide(nextSlide);
@@ -23,7 +35,17 @@ const ImageSlider = React__default.forwardRef(
           customPaging: (index) => {
             const variant = variants[index];
             return /* @__PURE__ */ jsx(ColorDot, { color: variant.color, size: "xs", bordered: true, wide: index === selectedSlide });
-          }
+          },
+          swipe: false,
+          responsive: [
+            {
+              breakpoint: breakpointToNumber(teddyBreakpointMd),
+              settings: {
+                swipe: true
+              }
+            }
+          ],
+          ...settings
         },
         children
       }

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

@@ -7,56 +7,56 @@ 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_1cl9t_3",
-  "teddy-card__slot": "_teddy-card__slot_1cl9t_13",
-  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_1cl9t_16",
-  "teddy-card__slot--center": "_teddy-card__slot--center_1cl9t_19",
-  "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1cl9t_25",
-  "teddy-card--shadow": "_teddy-card--shadow_1cl9t_44",
-  "teddy-card__action": "_teddy-card__action_1cl9t_48",
-  "teddy-card__action--disabled": "_teddy-card__action--disabled_1cl9t_48",
-  "teddy-card--border": "_teddy-card--border_1cl9t_55",
-  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_1cl9t_58",
-  "teddy-card--layout": "_teddy-card--layout_1cl9t_61",
-  "teddy-card__illustration": "_teddy-card__illustration_1cl9t_61",
-  "teddy-card__carousel": "_teddy-card__carousel_1cl9t_64",
-  "teddy-card__content": "_teddy-card__content_1cl9t_67",
-  "teddy-card__heading": "_teddy-card__heading_1cl9t_70",
-  "teddy-card__footer": "_teddy-card__footer_1cl9t_76",
-  "teddy-card__overline": "_teddy-card__overline_1cl9t_79",
-  "teddy-card__description": "_teddy-card__description_1cl9t_82",
-  "teddy-card__color-dots": "_teddy-card__color-dots_1cl9t_85",
-  "teddy-card__availability": "_teddy-card__availability_1cl9t_88",
-  "teddy-card__price": "_teddy-card__price_1cl9t_91",
-  "teddy-card--default": "_teddy-card--default_1cl9t_94",
-  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1cl9t_99",
-  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1cl9t_118",
-  "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_1cl9t_127",
-  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1cl9t_144",
-  "teddy-card--rich-card": "_teddy-card--rich-card_1cl9t_156",
-  "teddy-card__line": "_teddy-card__line_1cl9t_174",
-  "teddy-card--purple-light": "_teddy-card--purple-light_1cl9t_178",
-  "teddy-card--purple-dark": "_teddy-card--purple-dark_1cl9t_192",
-  "teddy-card--white": "_teddy-card--white_1cl9t_211",
-  "teddy-card--gray": "_teddy-card--gray_1cl9t_225",
-  "teddy-card--beige": "_teddy-card--beige_1cl9t_239",
-  "teddy-card--product": "_teddy-card--product_1cl9t_253",
-  "teddy-card__price--big": "_teddy-card__price--big_1cl9t_313",
-  "teddy-card__image--as-background": "_teddy-card__image--as-background_1cl9t_316",
-  "teddy-card--background-image": "_teddy-card--background-image_1cl9t_322",
-  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1cl9t_327",
-  "teddy-card__inset": "_teddy-card__inset_1cl9t_331",
-  "teddy-card__inset--top": "_teddy-card__inset--top_1cl9t_334",
-  "teddy-card__inset--left": "_teddy-card__inset--left_1cl9t_337",
-  "teddy-card__inset--right": "_teddy-card__inset--right_1cl9t_340",
-  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_1cl9t_343",
-  "teddy-card__availability--badge": "_teddy-card__availability--badge_1cl9t_358",
-  "teddy-card__availability--success": "_teddy-card__availability--success_1cl9t_361",
-  "teddy-card__availability--warning": "_teddy-card__availability--warning_1cl9t_364",
-  "teddy-card__availability--error": "_teddy-card__availability--error_1cl9t_367",
-  "teddy-card__availability--special": "_teddy-card__availability--special_1cl9t_370",
-  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_1cl9t_373",
-  "teddy-card__availability--information": "_teddy-card__availability--information_1cl9t_376"
+  "teddy-card": "_teddy-card_obors_3",
+  "teddy-card__slot": "_teddy-card__slot_obors_13",
+  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_obors_16",
+  "teddy-card__slot--center": "_teddy-card__slot--center_obors_19",
+  "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_obors_25",
+  "teddy-card--shadow": "_teddy-card--shadow_obors_44",
+  "teddy-card__action": "_teddy-card__action_obors_48",
+  "teddy-card__action--disabled": "_teddy-card__action--disabled_obors_48",
+  "teddy-card--border": "_teddy-card--border_obors_55",
+  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_obors_58",
+  "teddy-card--layout": "_teddy-card--layout_obors_61",
+  "teddy-card__illustration": "_teddy-card__illustration_obors_61",
+  "teddy-card__carousel": "_teddy-card__carousel_obors_64",
+  "teddy-card__content": "_teddy-card__content_obors_67",
+  "teddy-card__heading": "_teddy-card__heading_obors_70",
+  "teddy-card__footer": "_teddy-card__footer_obors_76",
+  "teddy-card__overline": "_teddy-card__overline_obors_79",
+  "teddy-card__description": "_teddy-card__description_obors_82",
+  "teddy-card__color-dots": "_teddy-card__color-dots_obors_85",
+  "teddy-card__availability": "_teddy-card__availability_obors_88",
+  "teddy-card__price": "_teddy-card__price_obors_91",
+  "teddy-card--default": "_teddy-card--default_obors_94",
+  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_obors_99",
+  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_obors_118",
+  "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_obors_127",
+  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_obors_146",
+  "teddy-card--rich-card": "_teddy-card--rich-card_obors_158",
+  "teddy-card__line": "_teddy-card__line_obors_176",
+  "teddy-card--purple-light": "_teddy-card--purple-light_obors_180",
+  "teddy-card--purple-dark": "_teddy-card--purple-dark_obors_194",
+  "teddy-card--white": "_teddy-card--white_obors_213",
+  "teddy-card--gray": "_teddy-card--gray_obors_227",
+  "teddy-card--beige": "_teddy-card--beige_obors_241",
+  "teddy-card--product": "_teddy-card--product_obors_255",
+  "teddy-card__price--big": "_teddy-card__price--big_obors_315",
+  "teddy-card__image--as-background": "_teddy-card__image--as-background_obors_318",
+  "teddy-card--background-image": "_teddy-card--background-image_obors_324",
+  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_obors_329",
+  "teddy-card__inset": "_teddy-card__inset_obors_333",
+  "teddy-card__inset--top": "_teddy-card__inset--top_obors_336",
+  "teddy-card__inset--left": "_teddy-card__inset--left_obors_339",
+  "teddy-card__inset--right": "_teddy-card__inset--right_obors_342",
+  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_obors_345",
+  "teddy-card__availability--badge": "_teddy-card__availability--badge_obors_360",
+  "teddy-card__availability--success": "_teddy-card__availability--success_obors_363",
+  "teddy-card__availability--warning": "_teddy-card__availability--warning_obors_366",
+  "teddy-card__availability--error": "_teddy-card__availability--error_obors_369",
+  "teddy-card__availability--special": "_teddy-card__availability--special_obors_372",
+  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_obors_375",
+  "teddy-card__availability--information": "_teddy-card__availability--information_obors_378"
 };
 const rootClassName = "teddy-card";
 const actionElementIdentifier = `${rootClassName}__action`;

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

@@ -5,56 +5,56 @@ 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_1cl9t_3",
-  "teddy-card__slot": "_teddy-card__slot_1cl9t_13",
-  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_1cl9t_16",
-  "teddy-card__slot--center": "_teddy-card__slot--center_1cl9t_19",
-  "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1cl9t_25",
-  "teddy-card--shadow": "_teddy-card--shadow_1cl9t_44",
-  "teddy-card__action": "_teddy-card__action_1cl9t_48",
-  "teddy-card__action--disabled": "_teddy-card__action--disabled_1cl9t_48",
-  "teddy-card--border": "_teddy-card--border_1cl9t_55",
-  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_1cl9t_58",
-  "teddy-card--layout": "_teddy-card--layout_1cl9t_61",
-  "teddy-card__illustration": "_teddy-card__illustration_1cl9t_61",
-  "teddy-card__carousel": "_teddy-card__carousel_1cl9t_64",
-  "teddy-card__content": "_teddy-card__content_1cl9t_67",
-  "teddy-card__heading": "_teddy-card__heading_1cl9t_70",
-  "teddy-card__footer": "_teddy-card__footer_1cl9t_76",
-  "teddy-card__overline": "_teddy-card__overline_1cl9t_79",
-  "teddy-card__description": "_teddy-card__description_1cl9t_82",
-  "teddy-card__color-dots": "_teddy-card__color-dots_1cl9t_85",
-  "teddy-card__availability": "_teddy-card__availability_1cl9t_88",
-  "teddy-card__price": "_teddy-card__price_1cl9t_91",
-  "teddy-card--default": "_teddy-card--default_1cl9t_94",
-  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1cl9t_99",
-  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1cl9t_118",
-  "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_1cl9t_127",
-  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1cl9t_144",
-  "teddy-card--rich-card": "_teddy-card--rich-card_1cl9t_156",
-  "teddy-card__line": "_teddy-card__line_1cl9t_174",
-  "teddy-card--purple-light": "_teddy-card--purple-light_1cl9t_178",
-  "teddy-card--purple-dark": "_teddy-card--purple-dark_1cl9t_192",
-  "teddy-card--white": "_teddy-card--white_1cl9t_211",
-  "teddy-card--gray": "_teddy-card--gray_1cl9t_225",
-  "teddy-card--beige": "_teddy-card--beige_1cl9t_239",
-  "teddy-card--product": "_teddy-card--product_1cl9t_253",
-  "teddy-card__price--big": "_teddy-card__price--big_1cl9t_313",
-  "teddy-card__image--as-background": "_teddy-card__image--as-background_1cl9t_316",
-  "teddy-card--background-image": "_teddy-card--background-image_1cl9t_322",
-  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1cl9t_327",
-  "teddy-card__inset": "_teddy-card__inset_1cl9t_331",
-  "teddy-card__inset--top": "_teddy-card__inset--top_1cl9t_334",
-  "teddy-card__inset--left": "_teddy-card__inset--left_1cl9t_337",
-  "teddy-card__inset--right": "_teddy-card__inset--right_1cl9t_340",
-  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_1cl9t_343",
-  "teddy-card__availability--badge": "_teddy-card__availability--badge_1cl9t_358",
-  "teddy-card__availability--success": "_teddy-card__availability--success_1cl9t_361",
-  "teddy-card__availability--warning": "_teddy-card__availability--warning_1cl9t_364",
-  "teddy-card__availability--error": "_teddy-card__availability--error_1cl9t_367",
-  "teddy-card__availability--special": "_teddy-card__availability--special_1cl9t_370",
-  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_1cl9t_373",
-  "teddy-card__availability--information": "_teddy-card__availability--information_1cl9t_376"
+  "teddy-card": "_teddy-card_obors_3",
+  "teddy-card__slot": "_teddy-card__slot_obors_13",
+  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_obors_16",
+  "teddy-card__slot--center": "_teddy-card__slot--center_obors_19",
+  "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_obors_25",
+  "teddy-card--shadow": "_teddy-card--shadow_obors_44",
+  "teddy-card__action": "_teddy-card__action_obors_48",
+  "teddy-card__action--disabled": "_teddy-card__action--disabled_obors_48",
+  "teddy-card--border": "_teddy-card--border_obors_55",
+  "teddy-card__action-wrapper": "_teddy-card__action-wrapper_obors_58",
+  "teddy-card--layout": "_teddy-card--layout_obors_61",
+  "teddy-card__illustration": "_teddy-card__illustration_obors_61",
+  "teddy-card__carousel": "_teddy-card__carousel_obors_64",
+  "teddy-card__content": "_teddy-card__content_obors_67",
+  "teddy-card__heading": "_teddy-card__heading_obors_70",
+  "teddy-card__footer": "_teddy-card__footer_obors_76",
+  "teddy-card__overline": "_teddy-card__overline_obors_79",
+  "teddy-card__description": "_teddy-card__description_obors_82",
+  "teddy-card__color-dots": "_teddy-card__color-dots_obors_85",
+  "teddy-card__availability": "_teddy-card__availability_obors_88",
+  "teddy-card__price": "_teddy-card__price_obors_91",
+  "teddy-card--default": "_teddy-card--default_obors_94",
+  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_obors_99",
+  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_obors_118",
+  "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_obors_127",
+  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_obors_146",
+  "teddy-card--rich-card": "_teddy-card--rich-card_obors_158",
+  "teddy-card__line": "_teddy-card__line_obors_176",
+  "teddy-card--purple-light": "_teddy-card--purple-light_obors_180",
+  "teddy-card--purple-dark": "_teddy-card--purple-dark_obors_194",
+  "teddy-card--white": "_teddy-card--white_obors_213",
+  "teddy-card--gray": "_teddy-card--gray_obors_227",
+  "teddy-card--beige": "_teddy-card--beige_obors_241",
+  "teddy-card--product": "_teddy-card--product_obors_255",
+  "teddy-card__price--big": "_teddy-card__price--big_obors_315",
+  "teddy-card__image--as-background": "_teddy-card__image--as-background_obors_318",
+  "teddy-card--background-image": "_teddy-card--background-image_obors_324",
+  "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_obors_329",
+  "teddy-card__inset": "_teddy-card__inset_obors_333",
+  "teddy-card__inset--top": "_teddy-card__inset--top_obors_336",
+  "teddy-card__inset--left": "_teddy-card__inset--left_obors_339",
+  "teddy-card__inset--right": "_teddy-card__inset--right_obors_342",
+  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_obors_345",
+  "teddy-card__availability--badge": "_teddy-card__availability--badge_obors_360",
+  "teddy-card__availability--success": "_teddy-card__availability--success_obors_363",
+  "teddy-card__availability--warning": "_teddy-card__availability--warning_obors_366",
+  "teddy-card__availability--error": "_teddy-card__availability--error_obors_369",
+  "teddy-card__availability--special": "_teddy-card__availability--special_obors_372",
+  "teddy-card__availability--neutral": "_teddy-card__availability--neutral_obors_375",
+  "teddy-card__availability--information": "_teddy-card__availability--information_obors_378"
 };
 const rootClassName = "teddy-card";
 const actionElementIdentifier = `${rootClassName}__action`;

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

@@ -39,6 +39,7 @@ const Carousel = ({
   className = "",
   onClickNext,
   onClickPrev,
+  onClick = () => void 0,
   navigationIcon,
   settings,
   size = "lg"
@@ -55,20 +56,6 @@ const Carousel = ({
     lazyLoad: "ondemand",
     ...settings
   };
-  const [swiped, setSwiped] = React.useState(false);
-  const handleSwiped = React.useCallback(() => {
-    setSwiped(true);
-  }, [setSwiped]);
-  const handleOnItemClick = React.useCallback(
-    (e) => {
-      if (swiped) {
-        e.stopPropagation();
-        e.preventDefault();
-        setSwiped(false);
-      }
-    },
-    [swiped]
-  );
   const filteredChildren = React.Children.toArray(children).filter((child) => !!child);
   const SliderComponent = Slider.default ? Slider.default : Slider;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -78,19 +65,8 @@ const Carousel = ({
         [styles[`${rootClassName}--${size}`]]: size,
         [className]: className
       }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(SliderComponent, { ...computedSettings, onSwipe: handleSwiped, children: React.Children.map(filteredChildren, (child) => {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            onClick: (e) => {
-              e.stopPropagation();
-              e.preventDefault();
-            },
-            onClickCapture: handleOnItemClick,
-            className: clsx(styles[`${rootClassName}__item`]),
-            children: child
-          }
-        );
+      children: /* @__PURE__ */ jsxRuntime.jsx(SliderComponent, { ...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

@@ -10,6 +10,7 @@ export type CarouselProps = {
     size?: 'sm' | 'lg';
     onClickNext?: () => void;
     onClickPrev?: () => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 };
 /** Carousel to show images in. Can be fully customized by utlizing underlying 'settings' props mapped with react-slick */
 export declare const Carousel: React.FC<CarouselProps>;

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import React__default, { useState, useCallback } from "react";
+import React__default from "react";
 import clsx from "clsx";
 import Slider from "react-slick";
 import "../../assets/sprite.269ba410-teddy.svg";
@@ -37,6 +37,7 @@ const Carousel = ({
   className = "",
   onClickNext,
   onClickPrev,
+  onClick = () => void 0,
   navigationIcon,
   settings,
   size = "lg"
@@ -53,20 +54,6 @@ const Carousel = ({
     lazyLoad: "ondemand",
     ...settings
   };
-  const [swiped, setSwiped] = useState(false);
-  const handleSwiped = useCallback(() => {
-    setSwiped(true);
-  }, [setSwiped]);
-  const handleOnItemClick = useCallback(
-    (e) => {
-      if (swiped) {
-        e.stopPropagation();
-        e.preventDefault();
-        setSwiped(false);
-      }
-    },
-    [swiped]
-  );
   const filteredChildren = React__default.Children.toArray(children).filter((child) => !!child);
   const SliderComponent = Slider.default ? Slider.default : Slider;
   return /* @__PURE__ */ jsx(
@@ -76,19 +63,8 @@ const Carousel = ({
         [styles[`${rootClassName}--${size}`]]: size,
         [className]: className
       }),
-      children: /* @__PURE__ */ jsx(SliderComponent, { ...computedSettings, onSwipe: handleSwiped, children: React__default.Children.map(filteredChildren, (child) => {
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            onClick: (e) => {
-              e.stopPropagation();
-              e.preventDefault();
-            },
-            onClickCapture: handleOnItemClick,
-            className: clsx(styles[`${rootClassName}__item`]),
-            children: child
-          }
-        );
+      children: /* @__PURE__ */ jsx(SliderComponent, { ...computedSettings, children: React__default.Children.map(filteredChildren, (child) => {
+        return /* @__PURE__ */ jsx("div", { onClick, className: clsx(styles[`${rootClassName}__item`]), children: child });
       }) })
     }
   );

package/dist/components/navigation-menu/global-navigation/utils.cjs CHANGED Viewed

@@ -209,6 +209,33 @@ const PRIVATE_LINKS = {
         }
       ]
     },
+    {
+      name: "Trygghet",
+      link: "/trygghet/",
+      appKey: APP_KEYS["open-pages"],
+      links: [
+        {
+          name: "Tjenester",
+          link: "/trygghet/tjenester/",
+          appKey: APP_KEYS["open-pages"]
+        },
+        {
+          name: "Svindel",
+          link: "/trygghet/svindel/",
+          appKey: APP_KEYS["open-pages"]
+        },
+        {
+          name: "Aktuelt",
+          link: "/trygghet/aktuelt/",
+          appKey: APP_KEYS["open-pages"]
+        },
+        {
+          name: "Hjelp Trygghet",
+          link: "/trygghet/hjelp/",
+          appKey: APP_KEYS["open-pages"]
+        }
+      ]
+    },
     {
       name: "Hjelp",
       link: "/hjelp/",
@@ -229,6 +256,11 @@ const PRIVATE_LINKS = {
           link: "/internett/hjelp/",
           appKey: APP_KEYS["open-pages"]
         },
+        {
+          name: "Hjelp Trygghet",
+          link: "/trygghet/hjelp/",
+          appKey: APP_KEYS["open-pages"]
+        },
         {
           name: "Faktura",
           link: "/hjelp/faktura/",
@@ -285,12 +317,12 @@ const BUSINESS_LINKS = {
     {
       name: "Nettbutikk",
       link: "/bedrift/mobilabonnement/",
-      appKey: APP_KEYS["web-shop"],
+      appKey: APP_KEYS["open-pages"],
       links: [
         {
           name: "Mobilabonnement",
           link: "/bedrift/mobilabonnement/",
-          appKey: APP_KEYS["web-shop"]
+          appKey: APP_KEYS["open-pages"]
         },
         {
           name: "Mobiltelefoner",

package/dist/components/navigation-menu/global-navigation/utils.d.ts CHANGED Viewed

@@ -231,6 +231,27 @@ export declare const PRIVATE_LINKS: {
             readonly link: "/internett/hjelp/";
             readonly appKey: "open-pages";
         }];
+    }, {
+        readonly name: "Trygghet";
+        readonly link: "/trygghet/";
+        readonly appKey: "open-pages";
+        readonly links: [{
+            readonly name: "Tjenester";
+            readonly link: "/trygghet/tjenester/";
+            readonly appKey: "open-pages";
+        }, {
+            readonly name: "Svindel";
+            readonly link: "/trygghet/svindel/";
+            readonly appKey: "open-pages";
+        }, {
+            readonly name: "Aktuelt";
+            readonly link: "/trygghet/aktuelt/";
+            readonly appKey: "open-pages";
+        }, {
+            readonly name: "Hjelp Trygghet";
+            readonly link: "/trygghet/hjelp/";
+            readonly appKey: "open-pages";
+        }];
     }, {
         readonly name: "Hjelp";
         readonly link: "/hjelp/";
@@ -247,6 +268,10 @@ export declare const PRIVATE_LINKS: {
             readonly name: "Hjelp Internett";
             readonly link: "/internett/hjelp/";
             readonly appKey: "open-pages";
+        }, {
+            readonly name: "Hjelp Trygghet";
+            readonly link: "/trygghet/hjelp/";
+            readonly appKey: "open-pages";
         }, {
             readonly name: "Faktura";
             readonly link: "/hjelp/faktura/";
@@ -289,11 +314,11 @@ export declare const BUSINESS_LINKS: {
     }, {
         readonly name: "Nettbutikk";
         readonly link: "/bedrift/mobilabonnement/";
-        readonly appKey: "web-shop";
+        readonly appKey: "open-pages";
         readonly links: [{
             readonly name: "Mobilabonnement";
             readonly link: "/bedrift/mobilabonnement/";
-            readonly appKey: "web-shop";
+            readonly appKey: "open-pages";
         }, {
             readonly name: "Mobiltelefoner";
             readonly link: "/bedrift/mobiltelefoner/";
@@ -440,6 +465,27 @@ export declare const LINKS: [{
             readonly link: "/internett/hjelp/";
             readonly appKey: "open-pages";
         }];
+    }, {
+        readonly name: "Trygghet";
+        readonly link: "/trygghet/";
+        readonly appKey: "open-pages";
+        readonly links: [{
+            readonly name: "Tjenester";
+            readonly link: "/trygghet/tjenester/";
+            readonly appKey: "open-pages";
+        }, {
+            readonly name: "Svindel";
+            readonly link: "/trygghet/svindel/";
+            readonly appKey: "open-pages";
+        }, {
+            readonly name: "Aktuelt";
+            readonly link: "/trygghet/aktuelt/";
+            readonly appKey: "open-pages";
+        }, {
+            readonly name: "Hjelp Trygghet";
+            readonly link: "/trygghet/hjelp/";
+            readonly appKey: "open-pages";
+        }];
     }, {
         readonly name: "Hjelp";
         readonly link: "/hjelp/";
@@ -456,6 +502,10 @@ export declare const LINKS: [{
             readonly name: "Hjelp Internett";
             readonly link: "/internett/hjelp/";
             readonly appKey: "open-pages";
+        }, {
+            readonly name: "Hjelp Trygghet";
+            readonly link: "/trygghet/hjelp/";
+            readonly appKey: "open-pages";
         }, {
             readonly name: "Faktura";
             readonly link: "/hjelp/faktura/";
@@ -497,11 +547,11 @@ export declare const LINKS: [{
     }, {
         readonly name: "Nettbutikk";
         readonly link: "/bedrift/mobilabonnement/";
-        readonly appKey: "web-shop";
+        readonly appKey: "open-pages";
         readonly links: [{
             readonly name: "Mobilabonnement";
             readonly link: "/bedrift/mobilabonnement/";
-            readonly appKey: "web-shop";
+            readonly appKey: "open-pages";
         }, {
             readonly name: "Mobiltelefoner";
             readonly link: "/bedrift/mobiltelefoner/";

package/dist/components/navigation-menu/global-navigation/utils.js CHANGED Viewed

@@ -207,6 +207,33 @@ const PRIVATE_LINKS = {
         }
       ]
     },
+    {
+      name: "Trygghet",
+      link: "/trygghet/",
+      appKey: APP_KEYS["open-pages"],
+      links: [
+        {
+          name: "Tjenester",
+          link: "/trygghet/tjenester/",
+          appKey: APP_KEYS["open-pages"]
+        },
+        {
+          name: "Svindel",
+          link: "/trygghet/svindel/",
+          appKey: APP_KEYS["open-pages"]
+        },
+        {
+          name: "Aktuelt",
+          link: "/trygghet/aktuelt/",
+          appKey: APP_KEYS["open-pages"]
+        },
+        {
+          name: "Hjelp Trygghet",
+          link: "/trygghet/hjelp/",
+          appKey: APP_KEYS["open-pages"]
+        }
+      ]
+    },
     {
       name: "Hjelp",
       link: "/hjelp/",
@@ -227,6 +254,11 @@ const PRIVATE_LINKS = {
           link: "/internett/hjelp/",
           appKey: APP_KEYS["open-pages"]
         },
+        {
+          name: "Hjelp Trygghet",
+          link: "/trygghet/hjelp/",
+          appKey: APP_KEYS["open-pages"]
+        },
         {
           name: "Faktura",
           link: "/hjelp/faktura/",
@@ -283,12 +315,12 @@ const BUSINESS_LINKS = {
     {
       name: "Nettbutikk",
       link: "/bedrift/mobilabonnement/",
-      appKey: APP_KEYS["web-shop"],
+      appKey: APP_KEYS["open-pages"],
       links: [
         {
           name: "Mobilabonnement",
           link: "/bedrift/mobilabonnement/",
-          appKey: APP_KEYS["web-shop"]
+          appKey: APP_KEYS["open-pages"]
         },
         {
           name: "Mobiltelefoner",

package/dist/style.css CHANGED Viewed

@@ -2506,32 +2506,32 @@
   }
 }@layer heading, flex, grid, button, card;
 @layer card {
-  ._teddy-card_1cl9t_3 {
+  ._teddy-card_obors_3 {
     border-radius: var(--teddy-border-radius-md);
     padding: var(--teddy-spacing-250);
     position: relative;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_1cl9t_3 {
+    ._teddy-card_obors_3 {
       transition: background-color var(--teddy-motion-duration-300) ease;
     }
   }
-  ._teddy-card__slot_1cl9t_13 {
+  ._teddy-card__slot_obors_13 {
     transform: translateY(-50%);
   }
-  ._teddy-card__slot--bottom_1cl9t_16 {
+  ._teddy-card__slot--bottom_obors_16 {
     transform: translateY(50%);
   }
-  ._teddy-card__slot--center_1cl9t_19 {
+  ._teddy-card__slot--center_obors_19 {
     transform: translate(-50%, -50%);
   }
-  ._teddy-card__slot--bottom_1cl9t_16._teddy-card__slot--center_1cl9t_19 {
+  ._teddy-card__slot--bottom_obors_16._teddy-card__slot--center_obors_19 {
     transform: translate(-50%, 50%);
   }
-  ._teddy-card__slot--no-translate_1cl9t_25 {
+  ._teddy-card__slot--no-translate_obors_25 {
     transform: initial;
   }
-  ._teddy-card_1cl9t_3::before {
+  ._teddy-card_obors_3::before {
     content: "";
     display: block;
     position: absolute;
@@ -2542,221 +2542,223 @@
     box-shadow: var(--teddy-shadow-md);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_1cl9t_3::before {
+    ._teddy-card_obors_3::before {
       transition: var(--teddy-motion-duration-300) ease;
       transition-property: opacity, box-shadow;
     }
   }
-  ._teddy-card--shadow_1cl9t_44::before {
+  ._teddy-card--shadow_obors_44::before {
     opacity: 1;
     box-shadow: var(--teddy-shadow-sm-2);
   }
-  ._teddy-card_1cl9t_3:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
+  ._teddy-card_obors_3:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
     cursor: pointer;
   }
-  ._teddy-card_1cl9t_3:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48))::before {
+  ._teddy-card_obors_3:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48))::before {
     opacity: 1;
     box-shadow: var(--teddy-shadow-md);
   }
-  ._teddy-card--border_1cl9t_55 {
+  ._teddy-card--border_obors_55 {
     border: var(--teddy-border-width-xs) solid transparent;
   }
-  ._teddy-card_1cl9t_3 ._teddy-card__action-wrapper_1cl9t_58 {
+  ._teddy-card_obors_3 ._teddy-card__action-wrapper_obors_58 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--layout_1cl9t_61 ._teddy-card__illustration_1cl9t_61 {
+  ._teddy-card--layout_obors_61 ._teddy-card__illustration_obors_61 {
     grid-area: illustration;
   }
-  ._teddy-card--layout_1cl9t_61 ._teddy-card__carousel_1cl9t_64 {
+  ._teddy-card--layout_obors_61 ._teddy-card__carousel_obors_64 {
     grid-area: carousel;
   }
-  ._teddy-card--layout_1cl9t_61 ._teddy-card__content_1cl9t_67 {
+  ._teddy-card--layout_obors_61 ._teddy-card__content_obors_67 {
     grid-area: content;
   }
-  ._teddy-card--layout_1cl9t_61 ._teddy-card__heading_1cl9t_70 {
+  ._teddy-card--layout_obors_61 ._teddy-card__heading_obors_70 {
     grid-area: heading;
   }
-  ._teddy-card--layout_1cl9t_61 ._teddy-card__action-wrapper_1cl9t_58 {
+  ._teddy-card--layout_obors_61 ._teddy-card__action-wrapper_obors_58 {
     grid-area: action;
   }
-  ._teddy-card--layout_1cl9t_61 ._teddy-card__footer_1cl9t_76 {
+  ._teddy-card--layout_obors_61 ._teddy-card__footer_obors_76 {
     grid-area: footer;
   }
-  ._teddy-card--layout_1cl9t_61 ._teddy-card__overline_1cl9t_79 {
+  ._teddy-card--layout_obors_61 ._teddy-card__overline_obors_79 {
     grid-area: overline;
   }
-  ._teddy-card--layout_1cl9t_61 ._teddy-card__description_1cl9t_82 {
+  ._teddy-card--layout_obors_61 ._teddy-card__description_obors_82 {
     grid-area: description;
   }
-  ._teddy-card--layout_1cl9t_61 ._teddy-card__color-dots_1cl9t_85 {
+  ._teddy-card--layout_obors_61 ._teddy-card__color-dots_obors_85 {
     grid-area: colors;
   }
-  ._teddy-card--layout_1cl9t_61 ._teddy-card__availability_1cl9t_88 {
+  ._teddy-card--layout_obors_61 ._teddy-card__availability_obors_88 {
     grid-area: availability;
   }
-  ._teddy-card--layout_1cl9t_61 ._teddy-card__price_1cl9t_91 {
+  ._teddy-card--layout_obors_61 ._teddy-card__price_obors_91 {
     grid-area: price;
   }
-  ._teddy-card--default_1cl9t_94 {
+  ._teddy-card--default_obors_94 {
     display: flex;
     flex-direction: column;
     gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_1cl9t_99 {
+  ._teddy-card--navigation-vertical_obors_99 {
     grid-template-rows: auto auto 1fr auto;
     justify-items: start;
     align-items: baseline;
     grid-template-areas: "illustration" "heading" "content" "action";
   }
-  ._teddy-card--navigation-vertical_1cl9t_99 ._teddy-card__illustration_1cl9t_61 {
+  ._teddy-card--navigation-vertical_obors_99 ._teddy-card__illustration_obors_61 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_1cl9t_99 ._teddy-card__content_1cl9t_67 {
+  ._teddy-card--navigation-vertical_obors_99 ._teddy-card__content_obors_67 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_1cl9t_99 ._teddy-card__heading_1cl9t_70 {
+  ._teddy-card--navigation-vertical_obors_99 ._teddy-card__heading_obors_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-vertical_1cl9t_99 ._teddy-card__action_1cl9t_48 {
+  ._teddy-card--navigation-vertical_obors_99 ._teddy-card__action_obors_48 {
     margin-top: auto;
     justify-self: end;
   }
-  ._teddy-card--navigation-horizontal-small_1cl9t_118 {
+  ._teddy-card--navigation-horizontal-small_obors_118 {
     grid-template-columns: auto 1fr auto;
     grid-template-rows: auto 1fr;
     grid-template-areas: "illustration heading action" "illustration content action";
     column-gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small_1cl9t_118 ._teddy-card__heading_1cl9t_70 {
+  ._teddy-card--navigation-horizontal-small_obors_118 ._teddy-card__heading_obors_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-horizontal-small-centered_1cl9t_127 {
+  ._teddy-card--navigation-horizontal-small-centered_obors_127 {
+    max-width: 26rem;
     grid-template-columns: auto 1fr auto;
     grid-template-rows: 1fr auto;
     grid-template-areas: "illustration heading action" "illustration content action";
     align-items: center;
     column-gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small-centered_1cl9t_127 ._teddy-card__content_1cl9t_67 {
+  ._teddy-card--navigation-horizontal-small-centered_obors_127 ._teddy-card__content_obors_67 {
     margin-top: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small-centered_1cl9t_127 ._teddy-card__action-wrapper_1cl9t_58 {
+  ._teddy-card--navigation-horizontal-small-centered_obors_127 ._teddy-card__action-wrapper_obors_58 {
     margin: 0;
   }
-  ._teddy-card--navigation-horizontal-small-centered_1cl9t_127 ._teddy-card__illustration_1cl9t_61 {
+  ._teddy-card--navigation-horizontal-small-centered_obors_127 ._teddy-card__illustration_obors_61 {
+    object-fit: contain;
     max-height: 80px;
     max-width: 100px;
   }
-  ._teddy-card--navigation-horizontal-large_1cl9t_144 {
+  ._teddy-card--navigation-horizontal-large_obors_146 {
     grid-template-columns: 1fr auto;
     grid-template-rows: auto auto 1fr;
     grid-template-areas: "illustration action" "heading action" "content action";
     column-gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-large_1cl9t_144 ._teddy-card__heading_1cl9t_70 {
+  ._teddy-card--navigation-horizontal-large_obors_146 ._teddy-card__heading_obors_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-horizontal-large_1cl9t_144 ._teddy-card__action_1cl9t_48 {
+  ._teddy-card--navigation-horizontal-large_obors_146 ._teddy-card__action_obors_48 {
     margin-top: auto;
   }
-  ._teddy-card--rich-card_1cl9t_156 {
+  ._teddy-card--rich-card_obors_158 {
     justify-items: start;
     align-items: baseline;
     grid-template-rows: auto auto 1fr auto;
     grid-template-areas: "illustration" "heading" "content" "action";
   }
-  ._teddy-card--rich-card_1cl9t_156 ._teddy-card__illustration_1cl9t_61 {
+  ._teddy-card--rich-card_obors_158 ._teddy-card__illustration_obors_61 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card_1cl9t_156 ._teddy-card__content_1cl9t_67 {
+  ._teddy-card--rich-card_obors_158 ._teddy-card__content_obors_67 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card_1cl9t_156 ._teddy-card__heading_1cl9t_70 {
+  ._teddy-card--rich-card_obors_158 ._teddy-card__heading_obors_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--rich-card_1cl9t_156 ._teddy-card__action_1cl9t_48 {
+  ._teddy-card--rich-card_obors_158 ._teddy-card__action_obors_48 {
     margin-top: auto;
   }
-  ._teddy-card__line_1cl9t_174 {
+  ._teddy-card__line_obors_176 {
     border: 0;
     border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-card--purple-light_1cl9t_178 {
+  ._teddy-card--purple-light_obors_180 {
     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_1cl9t_178:hover:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
+  ._teddy-card--purple-light_obors_180:hover:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-hover);
   }
-  ._teddy-card--purple-light_1cl9t_178:active:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
+  ._teddy-card--purple-light_obors_180:active:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-active);
   }
-  ._teddy-card--purple-light_1cl9t_178:has(._teddy-card__action--disabled_1cl9t_48) {
+  ._teddy-card--purple-light_obors_180:has(._teddy-card__action--disabled_obors_48) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_1cl9t_192 {
+  ._teddy-card--purple-dark_obors_194 {
     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_1cl9t_192:hover:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
+  ._teddy-card--purple-dark_obors_194:hover:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
-  ._teddy-card--purple-dark_1cl9t_192:active:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
+  ._teddy-card--purple-dark_obors_194:active:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-active);
   }
-  ._teddy-card--purple-dark_1cl9t_192:has(._teddy-card__action--disabled_1cl9t_48) {
+  ._teddy-card--purple-dark_obors_194:has(._teddy-card__action--disabled_obors_48) {
     color: var(--teddy-color-text-default);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_1cl9t_192:has(._teddy-card__action--disabled_1cl9t_48) ._teddy-card__action_1cl9t_48 {
+  ._teddy-card--purple-dark_obors_194:has(._teddy-card__action--disabled_obors_48) ._teddy-card__action_obors_48 {
     color: var(--teddy-color-text-weak);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--white_1cl9t_211 {
+  ._teddy-card--white_obors_213 {
     background-color: var(--teddy-color-brand-white);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-interactive-subtle);
   }
-  ._teddy-card--white_1cl9t_211:hover:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
+  ._teddy-card--white_obors_213:hover:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-card--white_1cl9t_211:active:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
+  ._teddy-card--white_obors_213:active:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--white_1cl9t_211:has(._teddy-card__action--disabled_1cl9t_48) {
+  ._teddy-card--white_obors_213:has(._teddy-card__action--disabled_obors_48) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--gray_1cl9t_225 {
+  ._teddy-card--gray_obors_227 {
     background-color: var(--teddy-color-background-secondary);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-interactive-subtle);
   }
-  ._teddy-card--gray_1cl9t_225:hover:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
+  ._teddy-card--gray_obors_227:hover:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
     background-color: var(--teddy-color-gray-100);
   }
-  ._teddy-card--gray_1cl9t_225:active:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
+  ._teddy-card--gray_obors_227:active:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
     background-color: var(--teddy-color-gray-200);
   }
-  ._teddy-card--gray_1cl9t_225:has(._teddy-card__action--disabled_1cl9t_48) {
+  ._teddy-card--gray_obors_227:has(._teddy-card__action--disabled_obors_48) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--beige_1cl9t_239 {
+  ._teddy-card--beige_obors_241 {
     background-color: var(--teddy-color-beige-100);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_1cl9t_239:hover:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
+  ._teddy-card--beige_obors_241:hover:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
     background-color: var(--teddy-color-beige-200);
   }
-  ._teddy-card--beige_1cl9t_239:active:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
+  ._teddy-card--beige_obors_241:active:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
     background-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_1cl9t_239:has(._teddy-card__action--disabled_1cl9t_48) {
+  ._teddy-card--beige_obors_241:has(._teddy-card__action--disabled_obors_48) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--product_1cl9t_253 {
+  ._teddy-card--product_obors_255 {
     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";
@@ -2767,119 +2769,119 @@
     padding-bottom: var(--teddy-spacing-100);
     width: 100%;
   }
-  ._teddy-card--product_1cl9t_253:hover:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
+  ._teddy-card--product_obors_255:hover:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
     background-color: var(--teddy-color-brand-white);
     outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
     outline-offset: calc(var(--teddy-border-width-sm) * -1);
   }
-  ._teddy-card--product_1cl9t_253:active:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
+  ._teddy-card--product_obors_255:active:has(._teddy-card__action_obors_48:not(._teddy-card__action--disabled_obors_48)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--product_1cl9t_253:has(._teddy-card__action--disabled_1cl9t_48) {
+  ._teddy-card--product_obors_255:has(._teddy-card__action--disabled_obors_48) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--product_1cl9t_253 ._teddy-card__illustration_1cl9t_61 {
+  ._teddy-card--product_obors_255 ._teddy-card__illustration_obors_61 {
     height: 180px;
     display: grid;
     place-items: center;
     place-self: center;
     margin-bottom: var(--teddy-spacing-400);
   }
-  ._teddy-card--product_1cl9t_253 ._teddy-card__illustration_1cl9t_61 img {
+  ._teddy-card--product_obors_255 ._teddy-card__illustration_obors_61 img {
     max-width: 200px;
     max-height: 180px;
     object-fit: contain;
   }
-  ._teddy-card--product_1cl9t_253 ._teddy-card__carousel_1cl9t_64 .slick-dots li {
+  ._teddy-card--product_obors_255 ._teddy-card__carousel_obors_64 .slick-dots li {
     min-width: 12px;
     width: initial !important;
     margin: 0 0.25rem !important;
   }
-  ._teddy-card--product_1cl9t_253 ._teddy-card__carousel_1cl9t_64 .slick-dots .slick-active {
+  ._teddy-card--product_obors_255 ._teddy-card__carousel_obors_64 .slick-dots .slick-active {
     min-width: 24px;
     width: initial !important;
   }
-  ._teddy-card--product_1cl9t_253 ._teddy-card__overline_1cl9t_79 {
+  ._teddy-card--product_obors_255 ._teddy-card__overline_obors_79 {
     margin-bottom: var(--teddy-spacing-50);
   }
-  ._teddy-card--product_1cl9t_253 ._teddy-card__heading_1cl9t_70 {
+  ._teddy-card--product_obors_255 ._teddy-card__heading_obors_70 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_1cl9t_253 ._teddy-card__description_1cl9t_82 {
+  ._teddy-card--product_obors_255 ._teddy-card__description_obors_82 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_1cl9t_253 ._teddy-card__action_1cl9t_48 {
+  ._teddy-card--product_obors_255 ._teddy-card__action_obors_48 {
     margin-top: auto;
     margin-left: auto;
     justify-self: end;
   }
-  ._teddy-card--product_1cl9t_253 ._teddy-card__price_1cl9t_91 {
+  ._teddy-card--product_obors_255 ._teddy-card__price_obors_91 {
     display: flex;
   }
-  ._teddy-card--product_1cl9t_253 ._teddy-card__price--big_1cl9t_313 {
+  ._teddy-card--product_obors_255 ._teddy-card__price--big_obors_315 {
     font-size: var(--teddy-typography-scale-200);
   }
-  ._teddy-card_1cl9t_3:has(._teddy-card__image--as-background_1cl9t_316) {
+  ._teddy-card_obors_3:has(._teddy-card__image--as-background_obors_318) {
     background-color: transparent;
   }
-  ._teddy-card__heading_1cl9t_70 {
+  ._teddy-card__heading_obors_70 {
     color: inherit;
   }
-  ._teddy-card--background-image_1cl9t_322 {
+  ._teddy-card--background-image_obors_324 {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
   }
-  ._teddy-card__illustration--rounded_1cl9t_327 {
+  ._teddy-card__illustration--rounded_obors_329 {
     border-radius: inherit;
     overflow: hidden;
   }
-  ._teddy-card__inset_1cl9t_331 {
+  ._teddy-card__inset_obors_333 {
     overflow: hidden;
   }
-  ._teddy-card__inset--top_1cl9t_334 {
+  ._teddy-card__inset--top_obors_336 {
     margin-top: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--top_1cl9t_334._teddy-card__inset--left_1cl9t_337 {
+  ._teddy-card__inset--top_obors_336._teddy-card__inset--left_obors_339 {
     border-top-left-radius: inherit;
   }
-  ._teddy-card__inset--top_1cl9t_334._teddy-card__inset--right_1cl9t_340 {
+  ._teddy-card__inset--top_obors_336._teddy-card__inset--right_obors_342 {
     border-top-right-radius: inherit;
   }
-  ._teddy-card__inset--bottom_1cl9t_343 {
+  ._teddy-card__inset--bottom_obors_345 {
     margin-bottom: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--bottom_1cl9t_343._teddy-card__inset--left_1cl9t_337 {
+  ._teddy-card__inset--bottom_obors_345._teddy-card__inset--left_obors_339 {
     border-bottom-left-radius: inherit;
   }
-  ._teddy-card__inset--bottom_1cl9t_343._teddy-card__inset--right_1cl9t_340 {
+  ._teddy-card__inset--bottom_obors_345._teddy-card__inset--right_obors_342 {
     border-bottom-right-radius: inherit;
   }
-  ._teddy-card__inset--left_1cl9t_337 {
+  ._teddy-card__inset--left_obors_339 {
     margin-left: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--right_1cl9t_340 {
+  ._teddy-card__inset--right_obors_342 {
     margin-right: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__availability--badge_1cl9t_358 {
+  ._teddy-card__availability--badge_obors_360 {
     margin-right: var(--teddy-spacing-150);
   }
-  ._teddy-card__availability--success_1cl9t_361 {
+  ._teddy-card__availability--success_obors_363 {
     color: var(--teddy-color-text-status-success-strong);
   }
-  ._teddy-card__availability--warning_1cl9t_364 {
+  ._teddy-card__availability--warning_obors_366 {
     color: var(--teddy-color-text-status-warning-strong);
   }
-  ._teddy-card__availability--error_1cl9t_367 {
+  ._teddy-card__availability--error_obors_369 {
     color: var(--teddy-color-text-status-error-strong);
   }
-  ._teddy-card__availability--special_1cl9t_370 {
+  ._teddy-card__availability--special_obors_372 {
     color: var(--teddy-color-text-status-special);
   }
-  ._teddy-card__availability--neutral_1cl9t_373 {
+  ._teddy-card__availability--neutral_obors_375 {
     color: var(--teddy-color-text-status-neutral);
   }
-  ._teddy-card__availability--information_1cl9t_376 {
+  ._teddy-card__availability--information_obors_378 {
     color: var(--teddy-color-text-status-info-strong);
   }
 }._teddy-badge_wlyo5_1 {

package/dist/utils/breakpointToNumber.cjs ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const breakpointToNumber = (breakpoint) => {
+  return parseInt((breakpoint || "").replace("px", ""));
+};
+exports.breakpointToNumber = breakpointToNumber;

package/dist/utils/breakpointToNumber.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const breakpointToNumber: (breakpoint: string) => number;

package/dist/utils/breakpointToNumber.js ADDED Viewed

@@ -0,0 +1,6 @@
+const breakpointToNumber = (breakpoint) => {
+  return parseInt((breakpoint || "").replace("px", ""));
+};
+export {
+  breakpointToNumber
+};

package/package.json CHANGED Viewed

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