@superdispatch/ui 0.22.1 → 0.22.2

package/dist-src/avatar/AvatarOverrides.js

@@ -1,5 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 export function overrideAvatar(theme) {
   theme.overrides.MuiAvatar = {
     root: _objectSpread(_objectSpread({}, theme.typography.h5), {}, {

package/dist-src/avatar-button/AvatarButton.js

@@ -6,7 +6,7 @@ import { Avatar, ButtonBase, CircularProgress } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = /*#__PURE__*/makeStyles(theme => {

package/dist-src/button/ButtonOverrides.js

@@ -1,4 +1,4 @@
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 
 function outlineShadow() {
   var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;

package/dist-src/card-button/CardButton.js

@@ -5,7 +5,7 @@ import { ButtonBase, Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

package/dist-src/checkbox/CheckboxOverrides.js

@@ -1,5 +1,5 @@
 import { SvgIcon } from '@material-ui/core';
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export function overrideCheckbox(theme) {

package/dist-src/chip/ChipOverrides.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import { SvgIcon } from '@material-ui/core';
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function overrideChip(theme) {
   var sm = theme.breakpoints.up('sm');

package/dist-src/description-list/DescriptionList.js

@@ -5,8 +5,8 @@ import { SvgIcon, Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
+import { Color } from "../color/Color.js";
 import { OverflowText } from "../overflow-text/OverflowText.js";
-import { Color } from "../theme/Color.js";
 import { isEmptyReactNode } from "../utils/isEmptyReactNode.js";
 import { useUID } from "../utils/useUID.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/dist-src/drawer/DrawerActions.js

@@ -5,7 +5,7 @@ import { AppBar, Toolbar } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 import { VisibilityObserver } from "../utils/VisibilityObserver.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

package/dist-src/drawer/DrawerTitle.js

@@ -5,7 +5,7 @@ import { AppBar, Grid, Toolbar, Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 import { VisibilityObserver } from "../utils/VisibilityObserver.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/dist-src/icon-button/IconButtonOverrides.js

@@ -1,4 +1,4 @@
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 export function overrideIconButton(theme) {
   theme.overrides.MuiIconButton = {
     root: {

package/dist-src/index.js

@@ -5,6 +5,7 @@ export * from "./button/Button.js";
 export * from "./card-button/CardButton.js";
 export * from "./checkbox/CheckboxField.js";
 export * from "./checkbox/CheckboxGroudField.js";
+export * from "./color/Color.js";
 export * from "./columns/Column.js";
 export * from "./columns/Columns.js";
 export * from "./description-list/DescriptionList.js";
@@ -25,6 +26,7 @@ export * from "./props/CollapseProp.js";
 export * from "./props/ResponsiveProp.js";
 export * from "./props/SpaceProp.js";
 export * from "./radio/RadioField.js";
+export * from "./radio/RadioFieldCard.js";
 export * from "./radio/RadioGroupField.js";
 export * from "./responsive/CollapseBreakpoint.js";
 export * from "./responsive/MinBreakpoint.js";
@@ -34,7 +36,6 @@ export * from "./snackbar/SnackbarContent.js";
 export * from "./snackbar/SnackbarStack.js";
 export * from "./stack/Stack.js";
 export * from "./tag/Tag.js";
-export * from "./theme/Color.js";
 export * from "./theme/SuperDispatchTheme.js";
 export * from "./theme/ThemeProvider.js";
 export * from "./tiles/Tiles.js";

package/dist-src/link/LinkOverrides.js

@@ -1,4 +1,4 @@
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 
 function line(color) {
   return "linear-gradient(to right, ".concat(color, " 0%, ").concat(color, " 100%)");

package/dist-src/list/ListOverrides.js

@@ -1,4 +1,4 @@
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 export function overrideList(theme) {
   theme.overrides.MuiListItem = {
     root: {

package/dist-src/overflow-text/OverflowText.js

@@ -6,7 +6,7 @@ import { Tooltip, Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';
 import clsx from 'clsx';
 import { forwardRef, useState } from 'react';
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 import { VisibilityObserver } from "../utils/VisibilityObserver.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/dist-src/pagination/PaginationOverrides.js

@@ -1,4 +1,4 @@
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 export function overridePagination(theme) {
   var props = {};
   var overrides = {

package/dist-src/paper/PaperOverrides.js

@@ -1,4 +1,4 @@
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 export function overridePaper(theme) {
   theme.props.MuiPaper = {
     elevation: 0

package/dist-src/radio/RadioFieldCard.js

@@ -0,0 +1,80 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["name", "value", "label", "caption", "disabled", "icon", "checked", "onChange"];
+import { ButtonBase, Card as MuiCard, FormControlLabel as MuiFormControlLabel, Radio } from '@material-ui/core';
+import { Box, TextBox } from '@superdispatch/ui-lab';
+import { forwardRef } from 'react';
+import styled from 'styled-components';
+import { Column } from "../columns/Column.js";
+import { Columns } from "../columns/Columns.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ClickableCard = /*#__PURE__*/styled(ButtonBase).withConfig({
+  displayName: "RadioFieldCard__ClickableCard",
+  componentId: "SD__sc-5etge2-0"
+})(["display:block;text-align:initial;width:100%;"]);
+var Card = /*#__PURE__*/styled(MuiCard).withConfig({
+  displayName: "RadioFieldCard__Card",
+  componentId: "SD__sc-5etge2-1"
+})(["width:100%;opacity:", ";"], props => props.disabled ? 0.5 : 1);
+var FormControlLabel = /*#__PURE__*/styled(MuiFormControlLabel).withConfig({
+  displayName: "RadioFieldCard__FormControlLabel",
+  componentId: "SD__sc-5etge2-2"
+})(["width:100%;"]);
+export var RadioFieldCard = /*#__PURE__*/forwardRef((_ref, ref) => {
+  var {
+    name,
+    value,
+    label,
+    caption,
+    disabled,
+    icon,
+    checked,
+    onChange
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_jsx(Card, {
+    disabled: disabled,
+    children: /*#__PURE__*/_jsx(ClickableCard, _objectSpread(_objectSpread({
+      name: name,
+      disabled: disabled
+    }, props), {}, {
+      children: /*#__PURE__*/_jsx(Box, {
+        borderRadius: "small",
+        borderWidth: "small",
+        padding: ['small'],
+        width: "100%",
+        borderColor: checked ? 'Blue300' : 'Silver500',
+        children: /*#__PURE__*/_jsxs(Columns, {
+          space: "small",
+          children: [/*#__PURE__*/_jsxs(Column, {
+            children: [/*#__PURE__*/_jsx(FormControlLabel, {
+              value: value,
+              name: name,
+              control: /*#__PURE__*/_jsx(Radio, {
+                ref: ref,
+                checked: checked
+              }),
+              label: /*#__PURE__*/_jsx(TextBox, {
+                variant: "heading-4",
+                children: label
+              })
+            }), /*#__PURE__*/_jsx(Box, {
+              paddingLeft: "large",
+              children: /*#__PURE__*/_jsx(TextBox, {
+                color: "secondary",
+                variant: "caption",
+                children: caption
+              })
+            })]
+          }), /*#__PURE__*/_jsx(Column, {
+            width: "content",
+            children: icon
+          })]
+        })
+      })
+    }))
+  }, value);
+});
+if (process.env.NODE_ENV !== "production") RadioFieldCard.displayName = "RadioFieldCard";

package/dist-src/radio/RadioOverrides.js

@@ -1,5 +1,5 @@
 import { SvgIcon } from '@material-ui/core';
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export function overrideRadio(theme) {

package/dist-src/snackbar/SnackbarContent.js

@@ -7,7 +7,7 @@ import { CheckCircle, Close, Warning } from '@material-ui/icons';
 import { makeStyles } from '@material-ui/styles';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/dist-src/svg-icon/SvgIconOverrides.js

@@ -1,4 +1,4 @@
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 export function overrideSvgIcon(theme) {
   var sm = theme.breakpoints.up('sm');
   theme.overrides.MuiSvgIcon = {

package/dist-src/switch/SwitchOverrides.js

@@ -1,4 +1,4 @@
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 export function overrideSwitch(theme) {
   var sm = theme.breakpoints.up('sm');
   theme.props.MuiSwitch = {

package/dist-src/tabs/TabsOverrides.js

@@ -1,5 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 export function overrideTabs(theme) {
   theme.props.MuiTabs = {
     variant: 'scrollable',

package/dist-src/tag/Tag.js

@@ -5,7 +5,7 @@ import { Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';
 import cx from 'clsx';
 import { forwardRef } from 'react';
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = /*#__PURE__*/makeStyles(theme => ({
   root: {

package/dist-src/text-field/TextFieldOverrides.js

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import { SvgIcon } from '@material-ui/core';
 import { forwardRef } from 'react';
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 var SelectIcon = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(SvgIcon, _objectSpread(_objectSpread({
   ref: ref

package/dist-src/theme/ThemeProvider.js

@@ -10,6 +10,7 @@ import { overrideButton } from "../button/ButtonOverrides.js";
 import { overrideCard } from "../card/CardOverrides.js";
 import { overrideCheckbox } from "../checkbox/CheckboxOverrides.js";
 import { overrideChip } from "../chip/ChipOverrides.js";
+import { Color } from "../color/Color.js";
 import { overrideDialog } from "../dialog/DialogOverrides.js";
 import { overrideDrawer } from "../drawer/DrawerOverrides.js";
 import { overrideIconButton } from "../icon-button/IconButtonOverrides.js";
@@ -29,7 +30,6 @@ import { overrideTextField } from "../text-field/TextFieldOverrides.js";
 import { overrideToolbar } from "../toolbar/ToolbarOverrides.js";
 import { overrideTooltip } from "../tooltip/TooltipOverrides.js";
 import { createTypographyOptions, overrideTypography } from "../typography/TypographyOverrides.js";
-import { Color } from "./Color.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 

package/dist-src/tooltip/TooltipOverrides.js

@@ -1,5 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import { Color } from "../theme/Color.js";
+import { Color } from "../color/Color.js";
 export function overrideTooltip(theme) {
   theme.props.MuiTooltip = {
     arrow: true

package/dist-types/index.d.ts

@@ -96,6 +96,115 @@ interface CheckboxGroupFieldProps extends Omit<FormControlProps, 'hiddenLabel' |
 }
 declare const CheckboxGroupField: ForwardRefExoticComponent<CheckboxGroupFieldProps>;
 
+declare type ColorVariant = 'grey' | 'silver' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
+declare enum Color {
+    White = "#fff",
+    White50 = "rgba(255, 255, 255, 0.5)",
+    White40 = "rgba(255, 255, 255, 0.4)",
+    White20 = "rgba(255, 255, 255, 0.2)",
+    White10 = "rgba(255, 255, 255, 0.1)",
+    White08 = "rgba(255, 255, 255, 0.08)",
+    Transparent = "rgba(0, 0, 0, 0)",
+    Black = "#000",
+    Black50 = "rgba(0, 0, 0, 0.5)",
+    Black20 = "rgba(0, 0, 0, 0.2)",
+    /**@deprecated Use Dark100 */
+    Grey100 = "#8F949E",
+    /**@deprecated Use Dark200 */
+    Grey200 = "#6A707C",
+    /**@deprecated Use Dark300 */
+    Grey300 = "#5B6371",
+    /**@deprecated Use Dark400 */
+    Grey400 = "#323C4E",
+    /**@deprecated Use Dark450 */
+    Grey450 = "#222F44",
+    /**@deprecated Use Dark500 */
+    Grey500 = "#192334",
+    Dark100 = "#8F949E",
+    Dark200 = "#6A707C",
+    Dark300 = "#5B6371",
+    /**@deprecated */
+    Dark400 = "#323C4E",
+    /**@deprecated */
+    Dark450 = "#222F44",
+    Dark500 = "#192334",
+    /**@deprecated */
+    Silver100 = "#F6F7F8",
+    Silver200 = "#F3F5F8",
+    /**@deprecated */
+    Silver300 = "#E8ECF0",
+    Silver400 = "#E1E5EA",
+    Silver500 = "#C4CDD5",
+    Blue50 = "#EBF4FF",
+    /** @deprecated */
+    Blue75 = "#CCE5FF",
+    /** @deprecated */
+    Blue100 = "#A8D1FF",
+    /** @deprecated */
+    Blue200 = "#66ADFF",
+    Blue300 = "#0070F5",
+    /** @deprecated */
+    Blue400 = "#0063DB",
+    Blue500 = "#0063DB",
+    Green50 = "#ECF9EF",
+    /** @deprecated */
+    Green75 = "#C8F4D1",
+    /** @deprecated */
+    Green100 = "#90EAAE",
+    /** @deprecated */
+    Green200 = "#5DDA87",
+    Green300 = "#03872F",
+    /** @deprecated */
+    Green400 = "#1E8F46",
+    Green500 = "#007A29",
+    Purple50 = "#EFEEFC",
+    /** @deprecated */
+    Purple75 = "#DCDBF5",
+    /** @deprecated */
+    Purple100 = "#CBC8EE",
+    /** @deprecated */
+    Purple200 = "#A7A1E8",
+    Purple300 = "#6559CF",
+    /** @deprecated */
+    Purple400 = "#473ABB",
+    Purple500 = "#473ABB",
+    Red50 = "#FFEDEB",
+    /** @deprecated */
+    Red75 = "#FDD9D3",
+    /** @deprecated */
+    Red100 = "#FDC2BA",
+    /** @deprecated */
+    Red200 = "#FE988B",
+    Red300 = "#E5230D",
+    /** @deprecated */
+    Red400 = "#D9210D",
+    Red500 = "#C31909",
+    Teal50 = "#E3F6FC",
+    /** @deprecated */
+    Teal75 = "#BEEDF9",
+    /** @deprecated */
+    Teal100 = "#91E3F8",
+    /** @deprecated */
+    Teal200 = "#61D3EF",
+    Teal300 = "#007EAB",
+    /** @deprecated */
+    Teal400 = "#008DB8",
+    Teal500 = "#00678A",
+    Yellow50 = "#FFF7DC",
+    /** @deprecated */
+    Yellow75 = "#FFF1C2",
+    /** @deprecated */
+    Yellow100 = "#FFE494",
+    /** @deprecated */
+    Yellow200 = "#FFDC6B",
+    Yellow300 = "#E8671C",
+    /** @deprecated */
+    Yellow400 = "#FFA91F",
+    Yellow500 = "#B84807"
+}
+declare type ColorProp = keyof typeof Color;
+declare function isColorProp(name: unknown): name is ColorProp;
+
 declare type ResponsivePropPrimitive = boolean | number | string;
 declare type ResponsivePropTupleInit<T extends ResponsivePropPrimitive> = readonly [mobile: T, tablet?: T, desktop?: T];
 declare type ResponsiveProp<T extends ResponsivePropPrimitive> = T | ResponsivePropTupleInit<T>;
@@ -263,6 +372,19 @@ interface RadioFieldProps extends Omit<RadioProps, 'onBlur' | 'onChange'>, Pick<
 }
 declare const RadioField: ForwardRefExoticComponent<RadioFieldProps>;
 
+interface RadioCardItemProps {
+    value: string;
+    label: string;
+    name?: string;
+    caption?: string;
+    icon?: React.ReactNode;
+}
+interface RadioCardProps extends Omit<ButtonBaseProps, 'name' | 'value'>, RadioCardItemProps {
+    disabled?: boolean;
+    checked?: boolean;
+}
+declare const RadioFieldCard: ForwardRefExoticComponent<RadioCardProps>;
+
 interface RadioGroupFieldProps extends Omit<FormControlProps, 'hiddenLabel' | 'onChange'>, Pick<RadioGroupProps, 'name' | 'value' | 'onChange'> {
     RadioGroupProps?: Omit<RadioGroupProps, 'value' | 'onChange' | 'children'>;
     label?: ReactNode;
@@ -340,115 +462,6 @@ interface TagProps extends RefAttributes<unknown>, Omit<TypographyProps, 'ref' |
 }
 declare const Tag: ForwardRefExoticComponent<TagProps>;
 
-declare type ColorVariant = 'grey' | 'silver' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
-declare enum Color {
-    White = "#fff",
-    White50 = "rgba(255, 255, 255, 0.5)",
-    White40 = "rgba(255, 255, 255, 0.4)",
-    White20 = "rgba(255, 255, 255, 0.2)",
-    White10 = "rgba(255, 255, 255, 0.1)",
-    White08 = "rgba(255, 255, 255, 0.08)",
-    Transparent = "rgba(0, 0, 0, 0)",
-    Black = "#000",
-    Black50 = "rgba(0, 0, 0, 0.5)",
-    Black20 = "rgba(0, 0, 0, 0.2)",
-    /**@deprecated Use Dark100 */
-    Grey100 = "#8F949E",
-    /**@deprecated Use Dark200 */
-    Grey200 = "#6A707C",
-    /**@deprecated Use Dark300 */
-    Grey300 = "#5B6371",
-    /**@deprecated Use Dark400 */
-    Grey400 = "#323C4E",
-    /**@deprecated Use Dark450 */
-    Grey450 = "#222F44",
-    /**@deprecated Use Dark500 */
-    Grey500 = "#192334",
-    Dark100 = "#8F949E",
-    Dark200 = "#6A707C",
-    Dark300 = "#5B6371",
-    /**@deprecated */
-    Dark400 = "#323C4E",
-    /**@deprecated */
-    Dark450 = "#222F44",
-    Dark500 = "#192334",
-    /**@deprecated */
-    Silver100 = "#F6F7F8",
-    Silver200 = "#F3F5F8",
-    /**@deprecated */
-    Silver300 = "#E8ECF0",
-    Silver400 = "#E1E5EA",
-    Silver500 = "#C4CDD5",
-    Blue50 = "#EBF4FF",
-    /** @deprecated */
-    Blue75 = "#CCE5FF",
-    /** @deprecated */
-    Blue100 = "#A8D1FF",
-    /** @deprecated */
-    Blue200 = "#66ADFF",
-    Blue300 = "#0070F5",
-    /** @deprecated */
-    Blue400 = "#0063DB",
-    Blue500 = "#0063DB",
-    Green50 = "#ECF9EF",
-    /** @deprecated */
-    Green75 = "#C8F4D1",
-    /** @deprecated */
-    Green100 = "#90EAAE",
-    /** @deprecated */
-    Green200 = "#5DDA87",
-    Green300 = "#03872F",
-    /** @deprecated */
-    Green400 = "#1E8F46",
-    Green500 = "#007A29",
-    Purple50 = "#EFEEFC",
-    /** @deprecated */
-    Purple75 = "#DCDBF5",
-    /** @deprecated */
-    Purple100 = "#CBC8EE",
-    /** @deprecated */
-    Purple200 = "#A7A1E8",
-    Purple300 = "#6559CF",
-    /** @deprecated */
-    Purple400 = "#473ABB",
-    Purple500 = "#473ABB",
-    Red50 = "#FFEDEB",
-    /** @deprecated */
-    Red75 = "#FDD9D3",
-    /** @deprecated */
-    Red100 = "#FDC2BA",
-    /** @deprecated */
-    Red200 = "#FE988B",
-    Red300 = "#E5230D",
-    /** @deprecated */
-    Red400 = "#D9210D",
-    Red500 = "#C31909",
-    Teal50 = "#E3F6FC",
-    /** @deprecated */
-    Teal75 = "#BEEDF9",
-    /** @deprecated */
-    Teal100 = "#91E3F8",
-    /** @deprecated */
-    Teal200 = "#61D3EF",
-    Teal300 = "#007EAB",
-    /** @deprecated */
-    Teal400 = "#008DB8",
-    Teal500 = "#00678A",
-    Yellow50 = "#FFF7DC",
-    /** @deprecated */
-    Yellow75 = "#FFF1C2",
-    /** @deprecated */
-    Yellow100 = "#FFE494",
-    /** @deprecated */
-    Yellow200 = "#FFDC6B",
-    Yellow300 = "#E8671C",
-    /** @deprecated */
-    Yellow400 = "#FFA91F",
-    Yellow500 = "#B84807"
-}
-declare type ColorProp = keyof typeof Color;
-declare function isColorProp(name: unknown): name is ColorProp;
-
 declare type SuperDispatchTheme = Readonly<Required<Theme>>;
 
 interface ThemeProviderProps {
@@ -503,4 +516,4 @@ interface VisibilityObserverProps extends VisibilityObserverOptions {
 }
 declare function VisibilityObserver({ render, onChange, ...options }: VisibilityObserverProps): null | ReactElement;
 
-export { AdaptiveToolbar, AdaptiveToolbarDropdownItem, AdaptiveToolbarItem, AdaptiveToolbarProps, AdaptiveVerticalToolbar, AdaptiveVerticalToolbarItem, AdaptiveVerticalToolbarProps, AvatarButton, AvatarButtonClassKey, AvatarButtonProps, Button, ButtonProps, CardButton, CardButtonClassKey, CardButtonProps, CheckboxField, CheckboxFieldProps, CheckboxGroupField, CheckboxGroupFieldProps, CollapseBreakpoint, CollapseProp, Color, ColorProp, ColorVariant, Column, ColumnProps, ColumnWidth, Columns, ColumnsProps, DescriptionList, DescriptionListItem, DescriptionListItemProps, DescriptionListProps, DrawerActions, DrawerActionsProps, DrawerContent, DrawerContentProps, DrawerList, DrawerListProps, DrawerTitle, DrawerTitleProps, DropdownButton, ElementVisibility, ExitTransitionPlaceholder, GridStack, GridStackProps, HorizontalAlign, InfoCard, InfoCardClassKey, InfoCardProps, InfoTooltip, Inline, InlineGrid, InlineGridProps, InlineProps, MinBreakpoint, NegativeSpaceProp, NumberField, NumberFieldProps, OverflowText, OverflowTextProps, PartialResponsivePropRecord, RadioField, RadioFieldProps, RadioGroupField, RadioGroupFieldProps, ResponsiveContext, ResponsiveContextProvider, ResponsiveContextProviderProps, ResponsiveProp, ResponsivePropPrimitive, ResponsivePropRecord, ResponsivePropTuple, ResponsivePropTupleInit, Snackbar, SnackbarCloseReason, SnackbarContent, SnackbarContentProps, SnackbarProps, SnackbarStack, SnackbarStackConsumer, SnackbarStackOptions, SnackbarStackProvider, SnackbarStackProviderProps, SnackbarVariant, SpaceProp, Stack, StackProps, SuperDispatchTheme, Tag, TagClassKey, TagProps, ThemeProvider, ThemeProviderProps, Tiles, TilesColumns, TilesProps, TilesSpace, VerticalAlign, VisibilityObserver, VisibilityObserverOptions, VisibilityObserverProps, VisibilityObserverRenderProps, assignRef, isColorProp, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };
+export { AdaptiveToolbar, AdaptiveToolbarDropdownItem, AdaptiveToolbarItem, AdaptiveToolbarProps, AdaptiveVerticalToolbar, AdaptiveVerticalToolbarItem, AdaptiveVerticalToolbarProps, AvatarButton, AvatarButtonClassKey, AvatarButtonProps, Button, ButtonProps, CardButton, CardButtonClassKey, CardButtonProps, CheckboxField, CheckboxFieldProps, CheckboxGroupField, CheckboxGroupFieldProps, CollapseBreakpoint, CollapseProp, Color, ColorProp, ColorVariant, Column, ColumnProps, ColumnWidth, Columns, ColumnsProps, DescriptionList, DescriptionListItem, DescriptionListItemProps, DescriptionListProps, DrawerActions, DrawerActionsProps, DrawerContent, DrawerContentProps, DrawerList, DrawerListProps, DrawerTitle, DrawerTitleProps, DropdownButton, ElementVisibility, ExitTransitionPlaceholder, GridStack, GridStackProps, HorizontalAlign, InfoCard, InfoCardClassKey, InfoCardProps, InfoTooltip, Inline, InlineGrid, InlineGridProps, InlineProps, MinBreakpoint, NegativeSpaceProp, NumberField, NumberFieldProps, OverflowText, OverflowTextProps, PartialResponsivePropRecord, RadioCardItemProps, RadioField, RadioFieldCard, RadioFieldProps, RadioGroupField, RadioGroupFieldProps, ResponsiveContext, ResponsiveContextProvider, ResponsiveContextProviderProps, ResponsiveProp, ResponsivePropPrimitive, ResponsivePropRecord, ResponsivePropTuple, ResponsivePropTupleInit, Snackbar, SnackbarCloseReason, SnackbarContent, SnackbarContentProps, SnackbarProps, SnackbarStack, SnackbarStackConsumer, SnackbarStackOptions, SnackbarStackProvider, SnackbarStackProviderProps, SnackbarVariant, SpaceProp, Stack, StackProps, SuperDispatchTheme, Tag, TagClassKey, TagProps, ThemeProvider, ThemeProviderProps, Tiles, TilesColumns, TilesProps, TilesSpace, VerticalAlign, VisibilityObserver, VisibilityObserverOptions, VisibilityObserverProps, VisibilityObserverRenderProps, assignRef, isColorProp, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };