@telia/teddy 0.0.15 → 0.0.17

package/dist/components/toggle/toggle.js

@@ -1,26 +1,87 @@
-import "react/jsx-runtime";
-import "react";
-import "../../clsx-DB4S2d7J.js";
-import { T as w } from "../../badge-Cnug5TzH.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React__default from "react";
+import clsx from "clsx";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
 import "../../assets/4bbd022cee9b0f06.svg";
-import "../icon/icon.js";
-import "../../radio-group-B--zT3OL.js";
-import "../box/box.js";
-import "../flex/flex.js";
-import "../grid/grid.js";
-import "../../navigation-menu-DKuyW8zE.js";
-import "../link/link.js";
-import "../button/button.js";
-import "../field-error-text/field-error-text.js";
-import "../helper-text/helper-text.js";
-import "../input/input.js";
-import "../label/label.js";
-import "../spinner/spinner.js";
-import "../text/text.js";
-import "../text-field/text-field.js";
-import "../heading/heading.js";
-import "../visually-hidden/visually-hidden.js";
-import "../text-spacing/text-spacing.js";
+import { Icon } from "../icon/icon.js";
+import { Label } from "../label/label.js";
+const styles = {
+  "teddy-toggle": "_teddy-toggle_1rp8d_3",
+  "teddy-toggle__input": "_teddy-toggle__input_1rp8d_10",
+  "teddy-toggle__thumb": "_teddy-toggle__thumb_1rp8d_78",
+  "teddy-toggle__indicator": "_teddy-toggle__indicator_1rp8d_104"
+};
+const rootClassName = "teddy-toggle";
+const ToggleContext = React__default.createContext(void 0);
+const ToggleRoot = React__default.forwardRef(
+  ({ className, id, children, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}`]], className);
+    const fallbackId = React__default.useId();
+    const [isDisabled, setIsDisabled] = React__default.useState(false);
+    const [isRequired, setIsRequired] = React__default.useState(false);
+    return /* @__PURE__ */ jsx("div", { ...props, ref: forwardRef, className: classes, children: /* @__PURE__ */ jsx(ToggleContext.Provider, { value: { id: id ?? fallbackId, isDisabled, setIsDisabled, isRequired, setIsRequired }, children }) });
+  }
+);
+ToggleRoot.displayName = "Toggle";
+const ToggleLabel = React__default.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__label`]], className);
+    const context = React__default.useContext(ToggleContext);
+    return /* @__PURE__ */ jsx(
+      Label,
+      {
+        ...props,
+        htmlFor: context == null ? void 0 : context.id,
+        isRequired: context == null ? void 0 : context.isRequired,
+        disabled: context == null ? void 0 : context.isDisabled,
+        ref: forwardRef,
+        className: classes
+      }
+    );
+  }
+);
+ToggleLabel.displayName = "Toggle.Label";
+const ToggleInput = React__default.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__input`]], className);
+    const context = React__default.useContext(ToggleContext);
+    React__default.useEffect(() => {
+      if (!context)
+        return;
+      context.setIsDisabled(props.disabled === true);
+    }, [context, props.disabled]);
+    React__default.useEffect(() => {
+      if (!context)
+        return;
+      context.setIsRequired(props.required === true);
+    }, [context, props.required]);
+    return /* @__PURE__ */ jsx(SwitchPrimitive.Root, { ...props, id: context == null ? void 0 : context.id, ref: forwardRef, className: classes, children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(ToggleThumb, {}),
+      /* @__PURE__ */ jsx(ToggleIndicator, {})
+    ] }) });
+  }
+);
+ToggleInput.displayName = "Toggle.Input";
+const ToggleThumb = React__default.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__thumb`]], className);
+    return /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { ...props, ref: forwardRef, className: classes });
+  }
+);
+ToggleThumb.displayName = "Toggle.Thumb";
+const ToggleIndicator = React__default.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__indicator`]], className);
+    return /* @__PURE__ */ jsx(Icon, { name: "checkmark-bold", size: "xxs", ...props, ref: forwardRef, className: classes });
+  }
+);
+ToggleThumb.displayName = "Toggle.Indicator";
+const Toggle = Object.assign(ToggleRoot, {
+  Label: ToggleLabel,
+  Input: ToggleInput,
+  Thumb: ToggleThumb,
+  Indicator: ToggleIndicator
+});
 export {
-  w as Toggle
+  Toggle
 };

package/dist/components/visually-hidden/index.js

@@ -1,4 +1,4 @@
-import { VisuallyHidden as i } from "./visually-hidden.js";
+import { VisuallyHidden } from "./visually-hidden.js";
 export {
-  i as VisuallyHidden
+  VisuallyHidden
 };

package/dist/components/visually-hidden/visually-hidden.js

@@ -1,24 +1,26 @@
-import '../../assets/visually-hidden.css';
-import { jsx as r } from "react/jsx-runtime";
-import { c as n } from "../../clsx-DB4S2d7J.js";
-import y from "react";
-import { $ as u } from "../../index-DpfSJps6.js";
-const e = {
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React__default from "react";
+import { Slot } from "@radix-ui/react-slot";
+const styles = {
   "teddy-visually-hidden": "_teddy-visually-hidden_15nus_1",
   "teddy-visually-hidden--focusable": "_teddy-visually-hidden--focusable_15nus_15"
-}, d = "teddy-visually-hidden", f = y.forwardRef(
-  ({ className: a, visibleOnFocus: s, asChild: l, ...o }, t) => {
-    const c = l ? u : "span", i = n(
+};
+const rootClassName = "teddy-visually-hidden";
+const VisuallyHidden = React__default.forwardRef(
+  ({ className, visibleOnFocus, asChild, ...props }, forwardRef) => {
+    const Comp = asChild ? Slot : "span";
+    const classes = clsx(
       {
-        [e[`${d}`]]: !s,
-        [e[`${d}--focusable`]]: s
+        [styles[`${rootClassName}`]]: !visibleOnFocus,
+        [styles[`${rootClassName}--focusable`]]: visibleOnFocus
       },
-      a
+      className
     );
-    return /* @__PURE__ */ r(c, { ...o, ref: t, className: i });
+    return /* @__PURE__ */ jsx(Comp, { ...props, ref: forwardRef, className: classes });
   }
 );
-f.displayName = "VisuallyHidden";
+VisuallyHidden.displayName = "VisuallyHidden";
 export {
-  f as VisuallyHidden
+  VisuallyHidden
 };

package/dist/icons/category.js

@@ -1,4 +1,4 @@
-const e = [
+const iconCategories = [
   { category: "action", name: "alarm-off" },
   { category: "action", name: "alarm-on" },
   { category: "action", name: "attachment" },
@@ -330,5 +330,5 @@ const e = [
   { category: "utility", name: "table-view" }
 ];
 export {
-  e as iconCategories
+  iconCategories
 };

package/dist/icons/name.js

@@ -1,4 +1,4 @@
-const e = [
+const iconNames = [
   "alarm-off",
   "alarm-on",
   "attachment",
@@ -330,5 +330,5 @@ const e = [
   "table-view"
 ];
 export {
-  e as iconNames
+  iconNames
 };

package/dist/main.js

@@ -1,63 +1,361 @@
-import './assets/main.css';
-import { A as e, B as t, C as p, M as x, N as a, T as f } from "./badge-Cnug5TzH.js";
-import { R as i } from "./radio-group-B--zT3OL.js";
-import { Box as n } from "./components/box/box.js";
-import { Flex as l } from "./components/flex/flex.js";
-import { Grid as g } from "./components/grid/grid.js";
-import { N as v } from "./navigation-menu-DKuyW8zE.js";
-import { Link as B } from "./components/link/link.js";
-import { Button as N } from "./components/button/button.js";
-import { FieldErrorText as y } from "./components/field-error-text/field-error-text.js";
-import { HelperText as G } from "./components/helper-text/helper-text.js";
-import { default as M } from "./assets/4bbd022cee9b0f06.svg";
-import { Icon as k } from "./components/icon/icon.js";
-import { Input as C, InputGroup as L } from "./components/input/input.js";
-import { Label as S } from "./components/label/label.js";
-import { Spinner as E } from "./components/spinner/spinner.js";
-import { Text as j } from "./components/text/text.js";
-import { TextField as z } from "./components/text-field/text-field.js";
-import { Heading as J } from "./components/heading/heading.js";
-import { VisuallyHidden as O } from "./components/visually-hidden/visually-hidden.js";
-import { TextSpacing as Q } from "./components/text-spacing/text-spacing.js";
-import { v as W } from "./variables-IczXZ5CN.js";
-import { v as Y } from "./variables-BkY5b0io.js";
-import { v as _ } from "./variables-BKiPmtHY.js";
-import { v as oo } from "./variables-CMRTN8qo.js";
-import { v as eo } from "./variables-Bq0YUbLS.js";
-import { v as po } from "./variables-CDK515QX.js";
-import { v as ao } from "./variables-Dmoh9YtD.js";
+import { Modal } from "./components/modal/modal.js";
+import { Notification } from "./components/notification/notification.js";
+import { RadioGroup } from "./components/radio-group/radio-group.js";
+import { Box } from "./components/box/box.js";
+import { Flex } from "./components/flex/flex.js";
+import { Card } from "./components/card/card.js";
+import { Grid } from "./components/grid/grid.js";
+import { NavigationMenu } from "./components/navigation-menu/navigation-menu.js";
+import { Toggle } from "./components/toggle/toggle.js";
+import { Accordion } from "./components/accordion/accordion.js";
+import { Link } from "./components/link/link.js";
+import { Badge } from "./components/badge/badge.js";
+import { Button } from "./components/button/button.js";
+import { FieldErrorText } from "./components/field-error-text/field-error-text.js";
+import { HelperText } from "./components/helper-text/helper-text.js";
+import { default as default2 } from "./assets/4bbd022cee9b0f06.svg";
+import { Icon } from "./components/icon/icon.js";
+import { Input, InputGroup } from "./components/input/input.js";
+import { Label } from "./components/label/label.js";
+import { Spinner } from "./components/spinner/spinner.js";
+import { Text } from "./components/text/text.js";
+import { TextField } from "./components/text-field/text-field.js";
+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 { 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";
+import { teddyMotionDuration100, teddyMotionDuration150, teddyMotionDuration1500, teddyMotionDuration200, teddyMotionDuration2000, teddyMotionDuration300, teddyMotionDuration400, teddyMotionDuration500, teddyMotionEasingEaseIn, teddyMotionEasingEaseInOut, teddyMotionEasingEaseOut } from "./tokens/motion/variables.js";
+import { teddyShadowLg, teddyShadowMd, teddyShadowNone, teddyShadowSm } from "./tokens/shadow/variables.js";
+import { teddySpacing0, teddySpacing10, teddySpacing100, teddySpacing1000, teddySpacing1200, teddySpacing150, teddySpacing1600, teddySpacing200, teddySpacing25, teddySpacing250, teddySpacing300, teddySpacing400, teddySpacing50, teddySpacing600, teddySpacing800, teddySpacingGutterLg, teddySpacingGutterMd, teddySpacingGutterSm, teddySpacingGutterXl, teddySpacingPagePaddingLg, teddySpacingPagePaddingMd, teddySpacingPagePaddingSm, teddySpacingPagePaddingXl } from "./tokens/spacing/variables.js";
+import { teddyTypographyFamilyDefault, teddyTypographyFamilyDisplay, teddyTypographyLineHeightDefault, teddyTypographyLineHeightLoose, teddyTypographyLineHeightLooser, teddyTypographyLineHeightTight, teddyTypographyScale100, teddyTypographyScale1000, teddyTypographyScale1100, teddyTypographyScale150, teddyTypographyScale200, teddyTypographyScale400, teddyTypographyScale50, teddyTypographyScale500, teddyTypographyScale600, teddyTypographyScale650, teddyTypographyScale700, teddyTypographyScale75, teddyTypographyScale800, teddyTypographyScale850, teddyTypographyScale900, teddyTypographyWeightBold, teddyTypographyWeightMedium, teddyTypographyWeightNormal } from "./tokens/typography/variables.js";
 export {
-  e as Accordion,
-  t as Badge,
-  n as Box,
-  N as Button,
-  p as Card,
-  y as FieldErrorText,
-  l as Flex,
-  g as Grid,
-  J as Heading,
-  G as HelperText,
-  k as Icon,
-  C as Input,
-  L as InputGroup,
-  S as Label,
-  B as Link,
-  x as Modal,
-  v as NavigationMenu,
-  a as Notification,
-  i as RadioGroup,
-  E as Spinner,
-  j as Text,
-  z as TextField,
-  Q as TextSpacing,
-  f as Toggle,
-  O as VisuallyHidden,
-  W as border,
-  Y as breakpoint,
-  _ as color,
-  M as iconsHref,
-  oo as motion,
-  eo as shadow,
-  po as spacing,
-  ao as typography
+  Accordion,
+  Badge,
+  Box,
+  Button,
+  Card,
+  FieldErrorText,
+  Flex,
+  Grid,
+  Heading,
+  HelperText,
+  Icon,
+  Input,
+  InputGroup,
+  Label,
+  Link,
+  Modal,
+  NavigationMenu,
+  Notification,
+  RadioGroup,
+  Spinner,
+  Text,
+  TextField,
+  TextSpacing,
+  Toggle,
+  VisuallyHidden,
+  default2 as iconsHref,
+  teddyBorderRadiusFull,
+  teddyBorderRadiusLg,
+  teddyBorderRadiusMd,
+  teddyBorderRadiusSm,
+  teddyBorderRadiusXs,
+  teddyBorderWidthLg,
+  teddyBorderWidthMd,
+  teddyBorderWidthSm,
+  teddyBorderWidthXs,
+  teddyBreakpointLg,
+  teddyBreakpointMd,
+  teddyBreakpointSm,
+  teddyBreakpointXl,
+  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,
+  teddyMotionDuration100,
+  teddyMotionDuration150,
+  teddyMotionDuration1500,
+  teddyMotionDuration200,
+  teddyMotionDuration2000,
+  teddyMotionDuration300,
+  teddyMotionDuration400,
+  teddyMotionDuration500,
+  teddyMotionEasingEaseIn,
+  teddyMotionEasingEaseInOut,
+  teddyMotionEasingEaseOut,
+  teddyShadowLg,
+  teddyShadowMd,
+  teddyShadowNone,
+  teddyShadowSm,
+  teddySpacing0,
+  teddySpacing10,
+  teddySpacing100,
+  teddySpacing1000,
+  teddySpacing1200,
+  teddySpacing150,
+  teddySpacing1600,
+  teddySpacing200,
+  teddySpacing25,
+  teddySpacing250,
+  teddySpacing300,
+  teddySpacing400,
+  teddySpacing50,
+  teddySpacing600,
+  teddySpacing800,
+  teddySpacingGutterLg,
+  teddySpacingGutterMd,
+  teddySpacingGutterSm,
+  teddySpacingGutterXl,
+  teddySpacingPagePaddingLg,
+  teddySpacingPagePaddingMd,
+  teddySpacingPagePaddingSm,
+  teddySpacingPagePaddingXl,
+  teddyTypographyFamilyDefault,
+  teddyTypographyFamilyDisplay,
+  teddyTypographyLineHeightDefault,
+  teddyTypographyLineHeightLoose,
+  teddyTypographyLineHeightLooser,
+  teddyTypographyLineHeightTight,
+  teddyTypographyScale100,
+  teddyTypographyScale1000,
+  teddyTypographyScale1100,
+  teddyTypographyScale150,
+  teddyTypographyScale200,
+  teddyTypographyScale400,
+  teddyTypographyScale50,
+  teddyTypographyScale500,
+  teddyTypographyScale600,
+  teddyTypographyScale650,
+  teddyTypographyScale700,
+  teddyTypographyScale75,
+  teddyTypographyScale800,
+  teddyTypographyScale850,
+  teddyTypographyScale900,
+  teddyTypographyWeightBold,
+  teddyTypographyWeightMedium,
+  teddyTypographyWeightNormal
 };