@superdispatch/ui 0.24.9 → 0.25.1

package/dist-src/index.js

@@ -20,6 +20,7 @@ export * from "./info-tooltip/InfoTooltip.js";
 export * from "./inline/Inline.js";
 export * from "./number-field/NumberField.js";
 export * from "./overflow-text/OverflowText.js";
+export * from "./pattern-field/PatternField.js";
 export * from "./props/AlignProps.js";
 export * from "./props/CollapseProp.js";
 export * from "./props/ResponsiveProp.js";

package/dist-src/number-field/NumberField.js

@@ -1,10 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["value", "inputRef", "onChange", "isNumericString", "thousandSeparator", "disableValueParsing"],
+var _excluded = ["value", "inputRef", "onChange", "valueIsNumericString", "thousandSeparator", "disableValueParsing"],
     _excluded2 = ["id", "InputProps"];
 import { TextField } from '@material-ui/core';
 import { forwardRef } from 'react';
-import NumberFormat from 'react-number-format';
+import { NumericFormat } from 'react-number-format';
 import { useUID } from "../utils/useUID.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 
@@ -13,27 +13,32 @@ function NumberInputComponent(_ref) {
     value,
     inputRef,
     onChange,
-    isNumericString = true,
+    valueIsNumericString = true,
     thousandSeparator = true,
     disableValueParsing
   } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/_jsx(NumberFormat, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/_jsx(NumericFormat, _objectSpread(_objectSpread({}, props), {}, {
     value: value !== null && value !== void 0 ? value : '',
     inputMode: "decimal",
     getInputRef: inputRef,
-    isNumericString: isNumericString,
+    valueIsNumericString: valueIsNumericString,
     thousandSeparator: thousandSeparator,
     allowedDecimalSeparators: ['.', ','],
-    onValueChange: values => {
-      var floatValue = !Number.isNaN(Number(values.floatValue)) ? values.floatValue : null;
-      var event = {
-        target: {
+    onValueChange: (values, sourceInfo) => {
+      var _values$floatValue;
+
+      var floatValue = (_values$floatValue = values.floatValue) !== null && _values$floatValue !== void 0 ? _values$floatValue : null;
+      var {
+        event
+      } = sourceInfo; // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+
+      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, event), {}, {
+        target: _objectSpread(_objectSpread({}, event === null || event === void 0 ? void 0 : event.target), {}, {
           value: disableValueParsing ? values.value : floatValue
-        }
-      };
-      onChange === null || onChange === void 0 ? void 0 : onChange(event);
+        })
+      }));
     }
   }));
 }

package/dist-src/pattern-field/PatternField.js

@@ -0,0 +1,43 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["id", "value", "onChange", "inputMode", "valueIsNumericString", "onValueChange"];
+import { TextField } from '@material-ui/core';
+import { forwardRef } from 'react';
+import { PatternFormat } from 'react-number-format';
+import { useUID } from "../utils/useUID.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var PatternField = /*#__PURE__*/forwardRef((_ref, ref) => {
+  var {
+    id,
+    value,
+    onChange,
+    inputMode = 'decimal',
+    valueIsNumericString = true,
+    onValueChange: _onValueChange
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var uid = useUID(id);
+  return /*#__PURE__*/_jsx(PatternFormat, _objectSpread(_objectSpread({}, props), {}, {
+    id: uid,
+    value: value !== null && value !== void 0 ? value : '' // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    ,
+    inputMode: inputMode,
+    getInputRef: ref,
+    valueIsNumericString: valueIsNumericString,
+    customInput: TextField,
+    onValueChange: (values, sourceInfo) => {
+      var {
+        event
+      } = sourceInfo;
+      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, event), {}, {
+        target: _objectSpread(_objectSpread({}, event === null || event === void 0 ? void 0 : event.target), {}, {
+          value: values.value
+        })
+      }));
+      _onValueChange === null || _onValueChange === void 0 ? void 0 : _onValueChange(values, sourceInfo);
+    }
+  }));
+});
+if (process.env.NODE_ENV !== "production") PatternField.displayName = "PatternField";
+PatternField.displayName = 'PatternField';

package/dist-src/typography/TypographyOverrides.js

@@ -1,3 +1,4 @@
+import { Color } from "../theme/Color.js";
 export function createTypographyOptions(breakpoints) {
   var xsOnly = breakpoints.only('xs');
   return {
@@ -106,4 +107,12 @@ export function overrideTypography(theme) {
   theme.props.MuiTypography = {
     variant: 'body2'
   };
+  theme.overrides.MuiTypography = {
+    colorError: {
+      color: Color.Red500
+    },
+    colorPrimary: {
+      color: Color.Blue500
+    }
+  };
 }

package/dist-types/index.d.ts

@@ -4,7 +4,7 @@ import { RefAttributes, ForwardRefExoticComponent, Key, ReactNode, MouseEvent, R
 import { ClassNameMap } from '@material-ui/styles';
 import { Property } from 'csstype';
 import { CommonProps } from '@material-ui/core/OverridableComponent';
-import { NumberFormatProps } from 'react-number-format';
+import { NumericFormatProps, PatternFormatProps } from 'react-number-format';
 import { Breakpoint } from '@material-ui/core/styles/createBreakpoints';
 import { SkeletonClassKey } from '@material-ui/lab';
 
@@ -246,10 +246,9 @@ interface InlineProps {
 }
 declare const Inline: ForwardRefExoticComponent<InlineProps & RefAttributes<HTMLDivElement>>;
 
-declare type SafeNumberFormatProps = Pick<NumberFormatProps, 'value' | 'onChange' | 'getInputRef' | 'decimalScale' | 'onValueChange' | 'isNumericString' | 'decimalSeparator' | 'thousandSeparator' | 'fixedDecimalScale' | 'thousandsGroupStyle'>;
+declare type SafeNumberFormatProps = Pick<NumericFormatProps, 'value' | 'onChange' | 'getInputRef' | 'decimalScale' | 'onValueChange' | 'valueIsNumericString' | 'decimalSeparator' | 'thousandSeparator' | 'fixedDecimalScale' | 'thousandsGroupStyle'>;
 interface NumberFormatCustomProps extends Omit<SafeNumberFormatProps, 'getInputRef' | 'onValueChange'>, Omit<StandardTextFieldProps, 'ref' | keyof InputHTMLAttributes<HTMLInputElement>> {
     disableValueParsing?: boolean;
-    format?: NumberFormatProps['format'];
 }
 interface NumberFieldProps extends Omit<StandardTextFieldProps, 'InputProps' | 'inputProps'>, Omit<SafeNumberFormatProps, keyof StandardTextFieldProps> {
     InputProps?: Partial<Omit<InputProps, 'inputComponent'>>;
@@ -257,6 +256,12 @@ interface NumberFieldProps extends Omit<StandardTextFieldProps, 'InputProps' | '
 }
 declare const NumberField: ForwardRefExoticComponent<NumberFieldProps>;
 
+declare type SafePatternFormatProps = Pick<PatternFormatProps, 'value' | 'defaultValue' | 'onValueChange' | 'format' | 'mask' | 'patternChar' | 'valueIsNumericString' | 'isAllowed' | 'inputMode' | 'renderText' | 'allowEmptyFormatting'>;
+interface PatternFieldProps extends Omit<StandardTextFieldProps, keyof SafePatternFormatProps | 'defaultValue' | 'type' | 'inputRef' | 'inputProps'>, SafePatternFormatProps {
+    inputProps?: Omit<React.HTMLAttributes<HTMLInputElement>, keyof SafePatternFormatProps>;
+}
+declare const PatternField: ForwardRefExoticComponent<PatternFieldProps>;
+
 interface RadioFieldProps extends Omit<RadioProps, 'onBlur' | 'onChange'>, Pick<FormControlLabelProps, 'label' | 'onBlur' | 'onChange'> {
     error?: boolean;
     helperText?: ReactNode;
@@ -531,4 +536,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, 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 };
+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, PatternField, PatternFieldProps, 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 };

package/dist-web/index.js

@@ -10,7 +10,7 @@ import { ResizeObserver } from '@juggle/resize-observer';
 import { useEventHandler, useDeepEqualValue, useValueObserver, useDeepEqualMemo, useConstant } from '@superdispatch/hooks';
 import clsx from 'clsx';
 import flattenChildren from 'react-keyed-flatten-children';
-import NumberFormat from 'react-number-format';
+import { NumericFormat, PatternFormat } from 'react-number-format';
 import createBreakpoints from '@material-ui/core/styles/createBreakpoints';
 
 var _excluded = ["size", "children", "disabled", "isActive", "isLoading", "color"];
@@ -1780,7 +1780,7 @@ var Inline = /*#__PURE__*/forwardRef((_ref2, ref) => {
 });
 if (process.env.NODE_ENV !== "production") Inline.displayName = "Inline";
 
-var _excluded$i = ["value", "inputRef", "onChange", "isNumericString", "thousandSeparator", "disableValueParsing"],
+var _excluded$i = ["value", "inputRef", "onChange", "valueIsNumericString", "thousandSeparator", "disableValueParsing"],
     _excluded2$3 = ["id", "InputProps"];
 
 function NumberInputComponent(_ref) {
@@ -1788,27 +1788,32 @@ function NumberInputComponent(_ref) {
     value,
     inputRef,
     onChange,
-    isNumericString = true,
+    valueIsNumericString = true,
     thousandSeparator = true,
     disableValueParsing
   } = _ref,
       props = _objectWithoutProperties(_ref, _excluded$i);
 
-  return /*#__PURE__*/jsx(NumberFormat, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsx(NumericFormat, _objectSpread(_objectSpread({}, props), {}, {
     value: value !== null && value !== void 0 ? value : '',
     inputMode: "decimal",
     getInputRef: inputRef,
-    isNumericString: isNumericString,
+    valueIsNumericString: valueIsNumericString,
     thousandSeparator: thousandSeparator,
     allowedDecimalSeparators: ['.', ','],
-    onValueChange: values => {
-      var floatValue = !Number.isNaN(Number(values.floatValue)) ? values.floatValue : null;
-      var event = {
-        target: {
+    onValueChange: (values, sourceInfo) => {
+      var _values$floatValue;
+
+      var floatValue = (_values$floatValue = values.floatValue) !== null && _values$floatValue !== void 0 ? _values$floatValue : null;
+      var {
+        event
+      } = sourceInfo; // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+
+      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, event), {}, {
+        target: _objectSpread(_objectSpread({}, event === null || event === void 0 ? void 0 : event.target), {}, {
           value: disableValueParsing ? values.value : floatValue
-        }
-      };
-      onChange === null || onChange === void 0 ? void 0 : onChange(event);
+        })
+      }));
     }
   }));
 }
@@ -1832,7 +1837,44 @@ var NumberField = /*#__PURE__*/forwardRef((_ref2, ref) => {
 if (process.env.NODE_ENV !== "production") NumberField.displayName = "NumberField";
 NumberField.displayName = 'NumberField';
 
-var _excluded$j = ["label", "error", "checked", "onBlur", "onChange", "helperText", "FormControlLabelProps"];
+var _excluded$j = ["id", "value", "onChange", "inputMode", "valueIsNumericString", "onValueChange"];
+var PatternField = /*#__PURE__*/forwardRef((_ref, ref) => {
+  var {
+    id,
+    value,
+    onChange,
+    inputMode = 'decimal',
+    valueIsNumericString = true,
+    onValueChange: _onValueChange
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded$j);
+
+  var uid = useUID(id);
+  return /*#__PURE__*/jsx(PatternFormat, _objectSpread(_objectSpread({}, props), {}, {
+    id: uid,
+    value: value !== null && value !== void 0 ? value : '' // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    ,
+    inputMode: inputMode,
+    getInputRef: ref,
+    valueIsNumericString: valueIsNumericString,
+    customInput: TextField,
+    onValueChange: (values, sourceInfo) => {
+      var {
+        event
+      } = sourceInfo;
+      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, event), {}, {
+        target: _objectSpread(_objectSpread({}, event === null || event === void 0 ? void 0 : event.target), {}, {
+          value: values.value
+        })
+      }));
+      _onValueChange === null || _onValueChange === void 0 ? void 0 : _onValueChange(values, sourceInfo);
+    }
+  }));
+});
+if (process.env.NODE_ENV !== "production") PatternField.displayName = "PatternField";
+PatternField.displayName = 'PatternField';
+
+var _excluded$k = ["label", "error", "checked", "onBlur", "onChange", "helperText", "FormControlLabelProps"];
 var FormControl$1 = /*#__PURE__*/styled(FormControl$2).withConfig({
   displayName: "RadioField__FormControl",
   componentId: "SD__sc-6ey4qt-0"
@@ -1851,7 +1893,7 @@ var RadioField = /*#__PURE__*/forwardRef((_ref, ref) => {
     helperText,
     FormControlLabelProps: formControlLabelProps
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$j);
+      props = _objectWithoutProperties(_ref, _excluded$k);
 
   return /*#__PURE__*/jsxs(FormControl$1, {
     error: error,
@@ -1871,7 +1913,7 @@ var RadioField = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") RadioField.displayName = "RadioField";
 
-var _excluded$k = ["name", "value", "label", "caption", "disabled", "icon", "checked", "onChange"];
+var _excluded$l = ["name", "value", "label", "caption", "disabled", "icon", "checked", "onChange"];
 var ClickableCard = /*#__PURE__*/styled(ButtonBase).withConfig({
   displayName: "RadioFieldCard__ClickableCard",
   componentId: "SD__sc-5etge2-0"
@@ -1908,7 +1950,7 @@ var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
     checked,
     onChange
   } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded$k);
+      props = _objectWithoutProperties(_ref2, _excluded$l);
 
   return /*#__PURE__*/jsx(Card, {
     disabled: disabled,
@@ -1950,7 +1992,7 @@ var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
 });
 if (process.env.NODE_ENV !== "production") RadioFieldCard.displayName = "RadioFieldCard";
 
-var _excluded$l = ["name", "value", "onChange", "RadioGroupProps", "label", "FormLabelProps", "helperText", "FormHelperTextProps", "children"];
+var _excluded$m = ["name", "value", "onChange", "RadioGroupProps", "label", "FormLabelProps", "helperText", "FormHelperTextProps", "children"];
 var FormLabel$1 = /*#__PURE__*/styled(FormLabel$2).withConfig({
   displayName: "RadioGroupField__FormLabel",
   componentId: "SD__sc-1udxviq-0"
@@ -1971,7 +2013,7 @@ var RadioGroupField = /*#__PURE__*/forwardRef((_ref, ref) => {
     FormHelperTextProps: formHelperTextProps,
     children
   } = _ref,
-      formControlProps = _objectWithoutProperties(_ref, _excluded$l);
+      formControlProps = _objectWithoutProperties(_ref, _excluded$m);
 
   return /*#__PURE__*/jsxs(FormControl$2, _objectSpread(_objectSpread({}, formControlProps), {}, {
     hiddenLabel: !label,
@@ -2021,7 +2063,7 @@ function useMinBreakpoint(minBreakpoint) {
   return minBreakpointIDX < breakpointIDX;
 }
 
-var _excluded$m = ["action", "children", "onClose", "className", "classes", "variant"],
+var _excluded$n = ["action", "children", "onClose", "className", "classes", "variant"],
     _excluded2$4 = ["icon", "closeButton", "variantError", "variantSuccess"];
 var PaddedContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "SnackbarContent__PaddedContent",
@@ -2079,7 +2121,7 @@ var SnackbarContent = /*#__PURE__*/forwardRef((_ref, ref) => {
     classes,
     variant = 'default'
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$m);
+      props = _objectWithoutProperties(_ref, _excluded$n);
 
   var _useStyles = useStyles$b({
     classes
@@ -2131,7 +2173,7 @@ var SnackbarContent = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") SnackbarContent.displayName = "SnackbarContent";
 
-var _excluded$n = ["open", "action", "variant", "onClose", "children", "ContentProps", "hasCloseButton", "TransitionComponent"];
+var _excluded$o = ["open", "action", "variant", "onClose", "children", "ContentProps", "hasCloseButton", "TransitionComponent"];
 
 function SlideTransition(props) {
   return /*#__PURE__*/jsx(Slide, _objectSpread(_objectSpread({}, props), {}, {
@@ -2150,7 +2192,7 @@ var Snackbar = /*#__PURE__*/forwardRef((_ref, ref) => {
     hasCloseButton = onClose != null,
     TransitionComponent = SlideTransition
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$n);
+      props = _objectWithoutProperties(_ref, _excluded$o);
 
   function handleClose(reason) {
     if (reason !== 'clickaway') {
@@ -2179,7 +2221,7 @@ var Snackbar = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") Snackbar.displayName = "Snackbar";
 
-var _excluded$o = ["onClose", "variant", "key", "id", "autoHideDuration"];
+var _excluded$p = ["onClose", "variant", "key", "id", "autoHideDuration"];
 
 function warnContext() {
   // eslint-disable-next-line no-console
@@ -2225,7 +2267,7 @@ function SnackbarStackProvider(_ref2) {
       id = String(key),
       autoHideDuration = 5000
     } = _ref3,
-        props = _objectWithoutProperties(_ref3, _excluded$o);
+        props = _objectWithoutProperties(_ref3, _excluded$p);
 
     function removeSnackbar() {
       setStack(prev => {
@@ -2322,7 +2364,7 @@ var Stack = /*#__PURE__*/forwardRef((_ref2, ref) => {
 });
 if (process.env.NODE_ENV !== "production") Stack.displayName = "Stack";
 
-var _excluded$p = ["color", "variant", "children", "classes", "className", "noWrap", "fontWeight", "component"];
+var _excluded$q = ["color", "variant", "children", "classes", "className", "noWrap", "fontWeight", "component"];
 var useStyles$c = /*#__PURE__*/makeStyles(theme => ({
   root: {
     maxWidth: '100%',
@@ -2406,7 +2448,7 @@ var Tag = /*#__PURE__*/forwardRef((_ref, ref) => {
     fontWeight = 'bold',
     component = 'div'
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$p);
+      props = _objectWithoutProperties(_ref, _excluded$q);
 
   var styles = useStyles$c({
     classes
@@ -3837,6 +3879,14 @@ function overrideTypography(theme) {
   theme.props.MuiTypography = {
     variant: 'body2'
   };
+  theme.overrides.MuiTypography = {
+    colorError: {
+      color: Color.Red500
+    },
+    colorPrimary: {
+      color: Color.Blue500
+    }
+  };
 }
 
 function createSuperDispatchTheme() {
@@ -4057,5 +4107,5 @@ function ExitTransitionPlaceholder(_ref) {
   return renderChildren(children);
 }
 
-export { AdaptiveToolbar, AdaptiveVerticalToolbar, AvatarButton, Button, CardButton, CheckboxField, CheckboxGroupField, Color, Column, Columns, DescriptionList, DescriptionListItem, DrawerActions, DrawerContent, DrawerList, DrawerTitle, DropdownButton, ExitTransitionPlaceholder, GridStack, InfoCard, InfoTooltip, Inline, InlineGrid, NumberField, OverflowText, RadioField, RadioFieldCard, RadioGroupField, ResponsiveContextProvider, Snackbar, SnackbarContent, SnackbarStackConsumer, SnackbarStackProvider, Stack, Tag, ThemeProvider, Tiles, VisibilityObserver, assignRef, isColorProp, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };
+export { AdaptiveToolbar, AdaptiveVerticalToolbar, AvatarButton, Button, CardButton, CheckboxField, CheckboxGroupField, Color, Column, Columns, DescriptionList, DescriptionListItem, DrawerActions, DrawerContent, DrawerList, DrawerTitle, DropdownButton, ExitTransitionPlaceholder, GridStack, InfoCard, InfoTooltip, Inline, InlineGrid, NumberField, OverflowText, PatternField, RadioField, RadioFieldCard, RadioGroupField, ResponsiveContextProvider, Snackbar, SnackbarContent, SnackbarStackConsumer, SnackbarStackProvider, Stack, Tag, ThemeProvider, Tiles, VisibilityObserver, assignRef, isColorProp, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };
 //# sourceMappingURL=index.js.map