@telia/teddy 0.0.67 → 0.0.69

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

@@ -0,0 +1,99 @@
+import { jsx } from "react/jsx-runtime";
+import React__default, { useState, useCallback } from "react";
+import clsx from "clsx";
+import Slider from "react-slick";
+import "../../assets/sprite.269ba410-teddy.svg";
+import { Icon } from "../icon/icon.js";
+import { teddyColorTextInteractivePrimary } from "../../tokens/color/variables.js";
+const styles = {
+  "teddy-carousel": "_teddy-carousel_8mouq_2",
+  "teddy-carousel__arrow": "_teddy-carousel__arrow_8mouq_8",
+  "teddy-carousel__item": "_teddy-carousel__item_8mouq_17",
+  "teddy-carousel--sm": "_teddy-carousel--sm_8mouq_81"
+};
+const rootClassName = "teddy-carousel";
+const CustomArrow = ({
+  className,
+  icon,
+  onClick = () => void 0,
+  handleClick = () => void 0,
+  ariaLabel
+}) => /* @__PURE__ */ jsx(
+  "button",
+  {
+    type: "button",
+    "aria-label": ariaLabel,
+    className: clsx([styles[`${rootClassName}__arrow`], className]),
+    onClick: (event) => {
+      event.stopPropagation();
+      onClick();
+      handleClick();
+    },
+    children: /* @__PURE__ */ jsx(Icon, { name: icon, color: teddyColorTextInteractivePrimary, size: "md" })
+  }
+);
+const Carousel = ({
+  children,
+  className = "",
+  onClickNext,
+  onClickPrev,
+  navigationIcon,
+  settings,
+  size = "lg"
+}) => {
+  const computedSettings = {
+    responsive: [],
+    centerMode: false,
+    slidesPerRow: 1,
+    nextArrow: /* @__PURE__ */ jsx(CustomArrow, { icon: navigationIcon ?? "arrow-right", handleClick: onClickNext, ariaLabel: "Neste" }),
+    prevArrow: /* @__PURE__ */ jsx(CustomArrow, { icon: navigationIcon ?? "arrow-left", handleClick: onClickPrev, ariaLabel: "Forrige" }),
+    slidesToScroll: 1,
+    speed: 500,
+    dots: true,
+    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(
+    "section",
+    {
+      className: clsx(styles[`${rootClassName}`], {
+        [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
+          }
+        );
+      }) })
+    }
+  );
+};
+Carousel.displayName = "Carousel";
+export {
+  Carousel
+};

package/dist/components/carousel/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_carousel_carouselRoot = require("./carousel-root.cjs");
+exports.Carousel = components_carousel_carouselRoot.Carousel;

package/dist/components/carousel/index.d.ts

@@ -0,0 +1,2 @@
+export { Carousel } from './carousel-root';
+export type { CarouselProps } from './carousel-root';

package/dist/components/carousel/index.js

@@ -0,0 +1,4 @@
+import { Carousel } from "./carousel-root.js";
+export {
+  Carousel
+};

package/dist/components/color-dot/color-dot-root.cjs

@@ -4,21 +4,23 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const styles = {
-  "teddy-color-dot": "_teddy-color-dot_cywb7_1",
-  "teddy-color-dot--xs": "_teddy-color-dot--xs_cywb7_7",
-  "teddy-color-dot--sm": "_teddy-color-dot--sm_cywb7_10",
-  "teddy-color-dot--md": "_teddy-color-dot--md_cywb7_13",
-  "teddy-color-dot--lg": "_teddy-color-dot--lg_cywb7_16",
-  "teddy-color-dot--bordered": "_teddy-color-dot--bordered_cywb7_19"
+  "teddy-color-dot": "_teddy-color-dot_d66ui_1",
+  "teddy-color-dot--xs": "_teddy-color-dot--xs_d66ui_7",
+  "teddy-color-dot--sm": "_teddy-color-dot--sm_d66ui_10",
+  "teddy-color-dot--md": "_teddy-color-dot--md_d66ui_13",
+  "teddy-color-dot--lg": "_teddy-color-dot--lg_d66ui_16",
+  "teddy-color-dot--bordered": "_teddy-color-dot--bordered_d66ui_19",
+  "teddy-color-dot--wide": "_teddy-color-dot--wide_d66ui_26"
 };
 const rootClassName = "teddy-color-dot";
 const Root = React.forwardRef(
-  ({ className, size, as: Comp = "div", bordered, color, ...props }, forwardRef) => {
+  ({ className, size, as: Comp = "div", bordered, wide, color, ...props }, forwardRef) => {
     const classes = clsx(
       [styles[`${rootClassName}`]],
       {
         [styles[`${rootClassName}--${size}`]]: size,
-        [styles[`${rootClassName}--bordered`]]: bordered
+        [styles[`${rootClassName}--bordered`]]: bordered,
+        [styles[`${rootClassName}--wide`]]: wide
       },
       className
     );

package/dist/components/color-dot/color-dot-root.d.ts

@@ -10,11 +10,13 @@ export type RootProps = Omit<SpanProps | DivProps, 'children'> & {
     color: string;
     size: 'xs' | 'sm' | 'md' | 'lg';
     bordered?: boolean;
+    wide?: boolean;
 };
 /** */
 export declare const Root: React.ForwardRefExoticComponent<Omit<SpanProps | DivProps, "children"> & {
     color: string;
     size: 'xs' | 'sm' | 'md' | 'lg';
     bordered?: boolean | undefined;
+    wide?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/color-dot/color-dot-root.js

@@ -2,21 +2,23 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 const styles = {
-  "teddy-color-dot": "_teddy-color-dot_cywb7_1",
-  "teddy-color-dot--xs": "_teddy-color-dot--xs_cywb7_7",
-  "teddy-color-dot--sm": "_teddy-color-dot--sm_cywb7_10",
-  "teddy-color-dot--md": "_teddy-color-dot--md_cywb7_13",
-  "teddy-color-dot--lg": "_teddy-color-dot--lg_cywb7_16",
-  "teddy-color-dot--bordered": "_teddy-color-dot--bordered_cywb7_19"
+  "teddy-color-dot": "_teddy-color-dot_d66ui_1",
+  "teddy-color-dot--xs": "_teddy-color-dot--xs_d66ui_7",
+  "teddy-color-dot--sm": "_teddy-color-dot--sm_d66ui_10",
+  "teddy-color-dot--md": "_teddy-color-dot--md_d66ui_13",
+  "teddy-color-dot--lg": "_teddy-color-dot--lg_d66ui_16",
+  "teddy-color-dot--bordered": "_teddy-color-dot--bordered_d66ui_19",
+  "teddy-color-dot--wide": "_teddy-color-dot--wide_d66ui_26"
 };
 const rootClassName = "teddy-color-dot";
 const Root = React__default.forwardRef(
-  ({ className, size, as: Comp = "div", bordered, color, ...props }, forwardRef) => {
+  ({ className, size, as: Comp = "div", bordered, wide, color, ...props }, forwardRef) => {
     const classes = clsx(
       [styles[`${rootClassName}`]],
       {
         [styles[`${rootClassName}--${size}`]]: size,
-        [styles[`${rootClassName}--bordered`]]: bordered
+        [styles[`${rootClassName}--bordered`]]: bordered,
+        [styles[`${rootClassName}--wide`]]: wide
       },
       className
     );

package/dist/components/color-dot/index.d.ts

@@ -8,5 +8,6 @@ export declare const ColorDot: import('react').ForwardRefExoticComponent<Omit<({
     color: string;
     size: "xs" | "sm" | "md" | "lg";
     bordered?: boolean | undefined;
+    wide?: boolean | undefined;
 } & import('react').RefAttributes<HTMLDivElement>>;
 export type ColorDotProps = RootProps;

package/dist/components/index.cjs

@@ -45,6 +45,7 @@ const components_heading_heading = require("./heading/heading.cjs");
 const components_visuallyHidden_visuallyHidden = require("./visually-hidden/visually-hidden.cjs");
 const components_textSpacing_textSpacing = require("./text-spacing/text-spacing.cjs");
 const components_container_container = require("./container/container.cjs");
+const components_carousel_carouselRoot = require("./carousel/carousel-root.cjs");
 const sonner = require("sonner");
 const components_input_inputGroup = require("./input/input-group.cjs");
 exports.Checkbox = components_checkbox_index.Checkbox;
@@ -96,6 +97,7 @@ exports.Heading = components_heading_heading.Heading;
 exports.VisuallyHidden = components_visuallyHidden_visuallyHidden.VisuallyHidden;
 exports.TextSpacing = components_textSpacing_textSpacing.TextSpacing;
 exports.Container = components_container_container.Container;
+exports.Carousel = components_carousel_carouselRoot.Carousel;
 Object.defineProperty(exports, "toast", {
   enumerable: true,
   get: () => sonner.toast

package/dist/components/index.d.ts

@@ -41,3 +41,4 @@ export * from './heading';
 export * from './visually-hidden';
 export * from './text-spacing';
 export * from './container';
+export * from './carousel';

package/dist/components/index.js

@@ -43,6 +43,7 @@ import { Heading } from "./heading/heading.js";
 import { VisuallyHidden } from "./visually-hidden/visually-hidden.js";
 import { TextSpacing } from "./text-spacing/text-spacing.js";
 import { Container } from "./container/container.js";
+import { Carousel } from "./carousel/carousel-root.js";
 import { toast } from "sonner";
 import { I } from "./input/input-group.js";
 export {
@@ -54,6 +55,7 @@ export {
   Breadcrumbs,
   Button,
   Card,
+  Carousel,
   Checkbox,
   CheckboxGroup,
   Chip,

package/dist/components/modal/modal.cjs

@@ -48,6 +48,7 @@ require("../heading/heading.cjs");
 require("../visually-hidden/visually-hidden.cjs");
 require("../text-spacing/text-spacing.cjs");
 require("../container/container.cjs");
+require("../carousel/carousel-root.cjs");
 require("@radix-ui/react-slot");
 require("../../utils/composeRefs.cjs");
 exports.Modal = components_radioCardGroup_radioCardGroupItemTitle.Modal;

package/dist/components/modal/modal.js

@@ -46,6 +46,7 @@ import "../heading/heading.js";
 import "../visually-hidden/visually-hidden.js";
 import "../text-spacing/text-spacing.js";
 import "../container/container.js";
+import "../carousel/carousel-root.js";
 import "@radix-ui/react-slot";
 import "../../utils/composeRefs.js";
 export {

package/dist/components/navigation-menu/navigation-menu.cjs

@@ -53,6 +53,7 @@ require("../text-field/index.cjs");
 require("../heading/heading.cjs");
 require("../text-spacing/text-spacing.cjs");
 require("../container/container.cjs");
+require("../carousel/carousel-root.cjs");
 exports.NavigationMenu = components_radioCardGroup_radioCardGroupItemTitle.NavigationMenu;
 exports.Separator = components_radioCardGroup_radioCardGroupItemTitle.Separator;
 exports.rootClassName = components_radioCardGroup_radioCardGroupItemTitle.rootClassName;

package/dist/components/navigation-menu/navigation-menu.js

@@ -51,6 +51,7 @@ import "../text-field/index.js";
 import "../heading/heading.js";
 import "../text-spacing/text-spacing.js";
 import "../container/container.js";
+import "../carousel/carousel-root.js";
 export {
   N as NavigationMenu,
   S as Separator,

package/dist/components/radio-card-group/radio-card-group-content.cjs

@@ -47,4 +47,5 @@ require("../heading/heading.cjs");
 require("../visually-hidden/visually-hidden.cjs");
 require("../text-spacing/text-spacing.cjs");
 require("../container/container.cjs");
+require("../carousel/carousel-root.cjs");
 exports.Content = components_radioCardGroup_radioCardGroupItemTitle.Content;

package/dist/components/radio-card-group/radio-card-group-content.js

@@ -45,6 +45,7 @@ import "../heading/heading.js";
 import "../visually-hidden/visually-hidden.js";
 import "../text-spacing/text-spacing.js";
 import "../container/container.js";
+import "../carousel/carousel-root.js";
 export {
   C as Content
 };

package/dist/components/radio-card-group/radio-card-group-item-body.cjs

@@ -48,4 +48,5 @@ require("../heading/heading.cjs");
 require("../visually-hidden/visually-hidden.cjs");
 require("../text-spacing/text-spacing.cjs");
 require("../container/container.cjs");
+require("../carousel/carousel-root.cjs");
 exports.Body = components_radioCardGroup_radioCardGroupItemTitle.Body;

package/dist/components/radio-card-group/radio-card-group-item-body.js

@@ -46,6 +46,7 @@ import "../heading/heading.js";
 import "../visually-hidden/visually-hidden.js";
 import "../text-spacing/text-spacing.js";
 import "../container/container.js";
+import "../carousel/carousel-root.js";
 export {
   B as Body
 };

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

@@ -57,6 +57,7 @@ const components_textField_index = require("../text-field/index.cjs");
 const components_heading_heading = require("../heading/heading.cjs");
 const components_textSpacing_textSpacing = require("../text-spacing/text-spacing.cjs");
 require("../container/container.cjs");
+require("../carousel/carousel-root.cjs");
 const components_radioCardGroup_radioCardGroupIndicator = require("./radio-card-group-indicator.cjs");
 const RadioGroupPrimitive = require("@radix-ui/react-radio-group");
 const utils_useSize = require("../../utils/useSize.cjs");

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

@@ -55,6 +55,7 @@ import { TextField } from "../text-field/index.js";
 import { Heading } from "../heading/heading.js";
 import { TextSpacing } from "../text-spacing/text-spacing.js";
 import "../container/container.js";
+import "../carousel/carousel-root.js";
 import { Indicator as Indicator$1 } from "./radio-card-group-indicator.js";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { useSize } from "../../utils/useSize.js";

package/dist/components/radio-card-group/radio-card-group-item.cjs

@@ -48,6 +48,7 @@ require("../heading/heading.cjs");
 require("../visually-hidden/visually-hidden.cjs");
 require("../text-spacing/text-spacing.cjs");
 require("../container/container.cjs");
+require("../carousel/carousel-root.cjs");
 require("../../utils/composeRefs.cjs");
 exports.Item = components_radioCardGroup_radioCardGroupItemTitle.Item;
 exports.ItemContext = components_radioCardGroup_radioCardGroupItemTitle.ItemContext;

package/dist/components/radio-card-group/radio-card-group-item.js

@@ -46,6 +46,7 @@ import "../heading/heading.js";
 import "../visually-hidden/visually-hidden.js";
 import "../text-spacing/text-spacing.js";
 import "../container/container.js";
+import "../carousel/carousel-root.js";
 import "../../utils/composeRefs.js";
 export {
   a as Item,

package/dist/main.cjs

@@ -45,6 +45,7 @@ const components_heading_heading = require("./components/heading/heading.cjs");
 const components_visuallyHidden_visuallyHidden = require("./components/visually-hidden/visually-hidden.cjs");
 const components_textSpacing_textSpacing = require("./components/text-spacing/text-spacing.cjs");
 const components_container_container = require("./components/container/container.cjs");
+const components_carousel_carouselRoot = require("./components/carousel/carousel-root.cjs");
 const tokens_border_variables = require("./tokens/border/variables.cjs");
 const tokens_breakpoint_variables = require("./tokens/breakpoint/variables.cjs");
 const tokens_color_variables = require("./tokens/color/variables.cjs");
@@ -103,6 +104,7 @@ exports.Heading = components_heading_heading.Heading;
 exports.VisuallyHidden = components_visuallyHidden_visuallyHidden.VisuallyHidden;
 exports.TextSpacing = components_textSpacing_textSpacing.TextSpacing;
 exports.Container = components_container_container.Container;
+exports.Carousel = components_carousel_carouselRoot.Carousel;
 exports.teddyBorderRadiusFull = tokens_border_variables.teddyBorderRadiusFull;
 exports.teddyBorderRadiusLg = tokens_border_variables.teddyBorderRadiusLg;
 exports.teddyBorderRadiusMd = tokens_border_variables.teddyBorderRadiusMd;

package/dist/main.js

@@ -43,6 +43,7 @@ import { Heading } from "./components/heading/heading.js";
 import { VisuallyHidden } from "./components/visually-hidden/visually-hidden.js";
 import { TextSpacing } from "./components/text-spacing/text-spacing.js";
 import { Container } from "./components/container/container.js";
+import { Carousel } from "./components/carousel/carousel-root.js";
 import { teddyBorderRadiusFull, teddyBorderRadiusLg, teddyBorderRadiusMd, teddyBorderRadiusSm, teddyBorderRadiusXs, teddyBorderWidthLg, teddyBorderWidthMd, teddyBorderWidthSm, teddyBorderWidthXs } from "./tokens/border/variables.js";
 import { teddyBreakpointLg, teddyBreakpointMd, teddyBreakpointSm, teddyBreakpointXl } from "./tokens/breakpoint/variables.js";
 import { teddyColorBackgroundInteractiveDestructive, teddyColorBackgroundInteractiveDestructiveActive, teddyColorBackgroundInteractiveDestructiveHover, teddyColorBackgroundInteractiveDisabled, teddyColorBackgroundInteractiveDisabledNegative, teddyColorBackgroundInteractiveExpressive, teddyColorBackgroundInteractiveExpressiveActive, teddyColorBackgroundInteractiveExpressiveHover, teddyColorBackgroundInteractiveExpressiveNegative, teddyColorBackgroundInteractiveExpressiveNegativeActive, teddyColorBackgroundInteractiveExpressiveNegativeHover, teddyColorBackgroundInteractiveInactive, teddyColorBackgroundInteractiveInactiveNegative, teddyColorBackgroundInteractivePrimary, teddyColorBackgroundInteractivePrimaryActive, teddyColorBackgroundInteractivePrimaryHover, teddyColorBackgroundInteractivePrimaryNegative, teddyColorBackgroundInteractivePrimaryNegativeActive, teddyColorBackgroundInteractivePrimaryNegativeHover, teddyColorBackgroundInteractiveReadOnly, teddyColorBackgroundInteractiveTransparent, teddyColorBackgroundInteractiveTransparentActive, teddyColorBackgroundInteractiveTransparentHover, teddyColorBackgroundInteractiveTransparentNegativeActive, teddyColorBackgroundInteractiveTransparentNegativeHover, teddyColorBackgroundPrimary, teddyColorBackgroundSecondary, teddyColorBackgroundStatusAttention, teddyColorBackgroundStatusError, teddyColorBackgroundStatusErrorStrong, teddyColorBackgroundStatusInfo, teddyColorBackgroundStatusInfoStrong, teddyColorBackgroundStatusNeutral, teddyColorBackgroundStatusSpecial, teddyColorBackgroundStatusSuccess, teddyColorBackgroundStatusSuccessStrong, teddyColorBackgroundStatusWarning, teddyColorBackgroundStatusWarningStrong, teddyColorBackgroundToneOnTonePrimary, teddyColorBackgroundToneOnToneQuaternary, teddyColorBackgroundToneOnToneSecondary, teddyColorBackgroundToneOnToneTertiary, teddyColorBeige100, teddyColorBeige200, teddyColorBeige300, teddyColorBeige400, teddyColorBeige50, teddyColorBeige500, teddyColorBeige600, teddyColorBeige700, teddyColorBeige800, teddyColorBeige900, teddyColorBeige950, teddyColorBlue100, teddyColorBlue200, teddyColorBlue300, teddyColorBlue400, teddyColorBlue50, teddyColorBlue500, teddyColorBlue600, teddyColorBlue700, teddyColorBlue800, teddyColorBlue900, teddyColorBlue950, teddyColorBorderInteractiveFocus, teddyColorBorderInteractivePrimary, teddyColorBorderInteractivePrimaryActive, teddyColorBorderInteractivePrimaryHover, teddyColorBorderInteractivePrimaryNegative, teddyColorBorderInteractivePrimaryNegativeActive, teddyColorBorderInteractivePrimaryNegativeHover, teddyColorBorderInteractiveSelected, teddyColorBorderInteractiveSubtle, teddyColorBorderInteractiveSubtleHover, teddyColorBorderMedium, teddyColorBorderMediumNegative, teddyColorBorderStatusError, teddyColorBorderStatusInfo, teddyColorBorderStatusSuccess, teddyColorBorderStatusWarning, teddyColorBorderStrong, teddyColorBorderStrongNegative, teddyColorBorderWeak, teddyColorBorderWeakNegative, teddyColorBrandBeige, teddyColorBrandCorePurple, teddyColorBrandDeepBeige, teddyColorBrandDeepPurple, teddyColorBrandLightBeige, teddyColorBrandLightPurple, teddyColorBrandOffBlack, teddyColorBrandWhite, teddyColorFunctionalBlack, teddyColorFunctionalTransparent, teddyColorFunctionalWhite, teddyColorGray100, teddyColorGray150, teddyColorGray200, teddyColorGray300, teddyColorGray400, teddyColorGray50, teddyColorGray500, teddyColorGray600, teddyColorGray700, teddyColorGray800, teddyColorGray850, teddyColorGray900, teddyColorGray950, teddyColorGreen100, teddyColorGreen200, teddyColorGreen300, teddyColorGreen400, teddyColorGreen50, teddyColorGreen500, teddyColorGreen600, teddyColorGreen700, teddyColorGreen800, teddyColorGreen900, teddyColorGreen950, teddyColorOrange100, teddyColorOrange200, teddyColorOrange300, teddyColorOrange400, teddyColorOrange50, teddyColorOrange500, teddyColorOrange600, teddyColorOrange700, teddyColorOrange800, teddyColorOrange900, teddyColorOrange950, teddyColorOverlayDefault, teddyColorPurple100, teddyColorPurple200, teddyColorPurple300, teddyColorPurple400, teddyColorPurple50, teddyColorPurple500, teddyColorPurple550, teddyColorPurple600, teddyColorPurple700, teddyColorPurple800, teddyColorPurple900, teddyColorPurple950, teddyColorRed100, teddyColorRed200, teddyColorRed300, teddyColorRed400, teddyColorRed50, teddyColorRed500, teddyColorRed600, teddyColorRed700, teddyColorRed800, teddyColorRed900, teddyColorRed950, teddyColorTeal100, teddyColorTeal200, teddyColorTeal300, teddyColorTeal400, teddyColorTeal50, teddyColorTeal500, teddyColorTeal600, teddyColorTeal700, teddyColorTeal800, teddyColorTeal900, teddyColorTeal950, teddyColorTextDefault, teddyColorTextDefaultNegative, teddyColorTextInteractiveOnDestructive, teddyColorTextInteractiveOnExpressive, teddyColorTextInteractiveOnExpressiveNegative, teddyColorTextInteractiveOnExpressiveNegativeActive, teddyColorTextInteractiveOnExpressiveNegativeHover, teddyColorTextInteractiveOnPrimary, teddyColorTextInteractiveOnPrimaryNegative, teddyColorTextInteractivePrimary, teddyColorTextInteractivePrimaryActive, teddyColorTextInteractivePrimaryHover, teddyColorTextInteractivePrimaryNegative, teddyColorTextInteractivePrimaryNegativeActive, teddyColorTextInteractivePrimaryNegativeHover, teddyColorTextInteractiveSelected, teddyColorTextMedium, teddyColorTextMediumNegative, teddyColorTextStatusAttention, teddyColorTextStatusDiscount, teddyColorTextStatusErrorMedium, teddyColorTextStatusErrorStrong, teddyColorTextStatusInfoMedium, teddyColorTextStatusInfoStrong, teddyColorTextStatusNeutral, teddyColorTextStatusSpecial, teddyColorTextStatusSuccessMedium, teddyColorTextStatusSuccessStrong, teddyColorTextStatusWarningMedium, teddyColorTextStatusWarningStrong, teddyColorTextToneOnTonePrimary, teddyColorTextToneOnToneSecondary, teddyColorTextToneOnToneTertiary, teddyColorTextWeak, teddyColorTextWeakNegative, teddyColorTransparentBlack100, teddyColorTransparentBlack150, teddyColorTransparentBlack200, teddyColorTransparentBlack300, teddyColorTransparentBlack400, teddyColorTransparentBlack50, teddyColorTransparentBlack500, teddyColorTransparentBlack600, teddyColorTransparentBlack700, teddyColorTransparentBlack800, teddyColorTransparentBlack850, teddyColorTransparentBlack900, teddyColorTransparentBlack950, teddyColorTransparentWhite100, teddyColorTransparentWhite150, teddyColorTransparentWhite200, teddyColorTransparentWhite300, teddyColorTransparentWhite400, teddyColorTransparentWhite50, teddyColorTransparentWhite500, teddyColorTransparentWhite600, teddyColorTransparentWhite700, teddyColorTransparentWhite800, teddyColorTransparentWhite850, teddyColorTransparentWhite900, teddyColorTransparentWhite950 } from "./tokens/color/variables.js";
@@ -61,6 +62,7 @@ export {
   Breadcrumbs,
   Button,
   Card,
+  Carousel,
   Checkbox,
   CheckboxGroup,
   Chip,