@superdispatch/ui 0.21.13 → 0.22.0

package/{pkg/dist-src → dist-src}/index.js

@@ -16,6 +16,7 @@ export * from "./dropdown-button/DropdownButton.js";
 export * from "./grid/GridStack.js";
 export * from "./grid/InlineGrid.js";
 export * from "./info-card/InfoCard.js";
+export * from "./info-tooltip/InfoTooltip.js";
 export * from "./inline/Inline.js";
 export * from "./number-field/NumberField.js";
 export * from "./overflow-text/OverflowText.js";

package/dist-src/info-tooltip/InfoTooltip.js

@@ -0,0 +1,54 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "iconButtonProps", "fontSize", "TextProps", "title", "isOpen", "onClick", "onClose"];
+import { IconButton, Tooltip, Typography } from '@material-ui/core';
+import { Info } from '@material-ui/icons';
+import { forwardRef } from 'react';
+import styled from 'styled-components';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Root = /*#__PURE__*/styled.div.withConfig({
+  displayName: "InfoTooltip__Root",
+  componentId: "SD__sc-1emqpa9-0"
+})(["display:flex;align-items:center;"]);
+export var InfoTooltip = /*#__PURE__*/forwardRef((_ref, ref) => {
+  var {
+    children,
+    iconButtonProps,
+    fontSize = 'small',
+    TextProps,
+    title,
+    isOpen,
+    onClick,
+    onClose
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var tooltip = /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
+    open: isOpen,
+    title: title,
+    placement: "top",
+    onClose: onClose,
+    disableFocusListener: true,
+    disableTouchListener: true,
+    onClick: onClick,
+    ref: ref
+  }, props), {}, {
+    children: /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({}, iconButtonProps), {}, {
+      size: "small",
+      onMouseOver: onClick,
+      children: /*#__PURE__*/_jsx(Info, {
+        color: "action",
+        fontSize: fontSize
+      })
+    }))
+  }));
+
+  if (!children) return tooltip;
+  return /*#__PURE__*/_jsxs(Root, {
+    children: [/*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({}, TextProps), {}, {
+      children: children
+    })), tooltip]
+  });
+});
+if (process.env.NODE_ENV !== "production") InfoTooltip.displayName = "InfoTooltip";

package/{pkg/dist-src → dist-src}/theme/Color.js

@@ -32,44 +32,44 @@ export var Color;
   Color["Blue75"] = "#CCE5FF";
   Color["Blue100"] = "#A8D1FF";
   Color["Blue200"] = "#66ADFF";
-  Color["Blue300"] = "#0075FF";
+  Color["Blue300"] = "#0070F5";
   Color["Blue400"] = "#0063DB";
-  Color["Blue500"] = "#0050B2";
+  Color["Blue500"] = "#0063DB";
   Color["Green50"] = "#ECF9EF";
   Color["Green75"] = "#C8F4D1";
   Color["Green100"] = "#90EAAE";
   Color["Green200"] = "#5DDA87";
-  Color["Green300"] = "#1FA84D";
+  Color["Green300"] = "#03872F";
   Color["Green400"] = "#1E8F46";
-  Color["Green500"] = "#19803D";
+  Color["Green500"] = "#007A29";
   Color["Purple50"] = "#EFEEFC";
   Color["Purple75"] = "#DCDBF5";
   Color["Purple100"] = "#CBC8EE";
   Color["Purple200"] = "#A7A1E8";
   Color["Purple300"] = "#6559CF";
   Color["Purple400"] = "#473ABB";
-  Color["Purple500"] = "#3A2F9D";
+  Color["Purple500"] = "#473ABB";
   Color["Red50"] = "#FFEDEB";
   Color["Red75"] = "#FDD9D3";
   Color["Red100"] = "#FDC2BA";
   Color["Red200"] = "#FE988B";
-  Color["Red300"] = "#EE3017";
+  Color["Red300"] = "#E5230D";
   Color["Red400"] = "#D9210D";
   Color["Red500"] = "#C31909";
   Color["Teal50"] = "#E3F6FC";
   Color["Teal75"] = "#BEEDF9";
   Color["Teal100"] = "#91E3F8";
   Color["Teal200"] = "#61D3EF";
-  Color["Teal300"] = "#00A0CC";
+  Color["Teal300"] = "#007EAB";
   Color["Teal400"] = "#008DB8";
-  Color["Teal500"] = "#007DA3";
-  Color["Yellow50"] = "#FFF9E5";
+  Color["Teal500"] = "#00678A";
+  Color["Yellow50"] = "#FFF7DC";
   Color["Yellow75"] = "#FFF1C2";
   Color["Yellow100"] = "#FFE494";
   Color["Yellow200"] = "#FFDC6B";
-  Color["Yellow300"] = "#FFCB47";
+  Color["Yellow300"] = "#C94F08";
   Color["Yellow400"] = "#FFA91F";
-  Color["Yellow500"] = "#DB7500";
+  Color["Yellow500"] = "#B84807";
 })(Color || (Color = {}));
 
 export function isColorProp(name) {

package/{pkg/dist-types → dist-types}/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ButtonProps as ButtonProps$1, ToolbarProps, AvatarClassKey, AvatarTypeMap, ButtonBaseProps, CheckboxProps, FormControlLabelProps, FormControlProps, FormGroupProps, FormLabelProps, FormHelperTextProps, TypographyProps, TooltipProps, ListProps, ListTypeMap, MenuListProps, ButtonGroupProps, GridProps, CardClassKey, CardProps, CardContentProps, StandardTextFieldProps, InputProps, RadioProps, RadioGroupProps, SnackbarContentProps as SnackbarContentProps$1, SnackbarContentClassKey as SnackbarContentClassKey$1, SnackbarProps as SnackbarProps$1, Theme } from '@material-ui/core';
+import { ButtonProps as ButtonProps$1, ToolbarProps, AvatarClassKey, AvatarTypeMap, ButtonBaseProps, CheckboxProps, FormControlLabelProps, FormControlProps, FormGroupProps, FormLabelProps, FormHelperTextProps, TypographyProps, TooltipProps, ListProps, ListTypeMap, MenuListProps, ButtonGroupProps, GridProps, CardClassKey, CardProps, CardContentProps, IconButtonProps, StandardTextFieldProps, InputProps, RadioProps, RadioGroupProps, SnackbarContentProps as SnackbarContentProps$1, SnackbarContentClassKey as SnackbarContentClassKey$1, SnackbarProps as SnackbarProps$1, Theme } from '@material-ui/core';
 import { RefAttributes, ForwardRefExoticComponent, Key, ReactNode, MouseEvent, ReactElement, EventHandler, ButtonHTMLAttributes, Ref, ElementType, HTMLAttributes, InputHTMLAttributes, ConsumerProps } from 'react';
 import { ClassNameMap } from '@material-ui/styles';
 import { Property } from 'csstype';
@@ -222,6 +222,18 @@ interface InfoCardProps extends CardProps {
 }
 declare const InfoCard: ForwardRefExoticComponent<InfoCardProps>;
 
+interface InfoTooltipProps extends Omit<TooltipProps, 'title' | 'children'> {
+    title: NonNullable<ReactNode>;
+    children?: ReactNode;
+    iconButtonProps?: IconButtonProps;
+    fontSize?: 'inherit' | 'default' | 'small' | 'medium' | 'large' | undefined;
+    TextProps?: TypographyProps;
+    isOpen?: boolean;
+    onClose?: () => void;
+    onClick?: () => void;
+}
+declare const InfoTooltip: ForwardRefExoticComponent<InfoTooltipProps>;
+
 interface InlineProps {
     children?: ReactNode;
     'aria-label'?: string;
@@ -355,56 +367,84 @@ declare enum Color {
     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 = "#0075FF",
+    Blue300 = "#0070F5",
+    /** @deprecated */
     Blue400 = "#0063DB",
-    Blue500 = "#0050B2",
+    Blue500 = "#0063DB",
     Green50 = "#ECF9EF",
+    /** @deprecated */
     Green75 = "#C8F4D1",
+    /** @deprecated */
     Green100 = "#90EAAE",
+    /** @deprecated */
     Green200 = "#5DDA87",
-    Green300 = "#1FA84D",
+    Green300 = "#03872F",
+    /** @deprecated */
     Green400 = "#1E8F46",
-    Green500 = "#19803D",
+    Green500 = "#007A29",
     Purple50 = "#EFEEFC",
+    /** @deprecated */
     Purple75 = "#DCDBF5",
+    /** @deprecated */
     Purple100 = "#CBC8EE",
+    /** @deprecated */
     Purple200 = "#A7A1E8",
     Purple300 = "#6559CF",
+    /** @deprecated */
     Purple400 = "#473ABB",
-    Purple500 = "#3A2F9D",
+    Purple500 = "#473ABB",
     Red50 = "#FFEDEB",
+    /** @deprecated */
     Red75 = "#FDD9D3",
+    /** @deprecated */
     Red100 = "#FDC2BA",
+    /** @deprecated */
     Red200 = "#FE988B",
-    Red300 = "#EE3017",
+    Red300 = "#E5230D",
+    /** @deprecated */
     Red400 = "#D9210D",
     Red500 = "#C31909",
     Teal50 = "#E3F6FC",
+    /** @deprecated */
     Teal75 = "#BEEDF9",
+    /** @deprecated */
     Teal100 = "#91E3F8",
+    /** @deprecated */
     Teal200 = "#61D3EF",
-    Teal300 = "#00A0CC",
+    Teal300 = "#007EAB",
+    /** @deprecated */
     Teal400 = "#008DB8",
-    Teal500 = "#007DA3",
-    Yellow50 = "#FFF9E5",
+    Teal500 = "#00678A",
+    Yellow50 = "#FFF7DC",
+    /** @deprecated */
     Yellow75 = "#FFF1C2",
+    /** @deprecated */
     Yellow100 = "#FFE494",
+    /** @deprecated */
     Yellow200 = "#FFDC6B",
-    Yellow300 = "#FFCB47",
+    Yellow300 = "#C94F08",
+    /** @deprecated */
     Yellow400 = "#FFA91F",
-    Yellow500 = "#DB7500"
+    Yellow500 = "#B84807"
 }
 declare type ColorProp = keyof typeof Color;
 declare function isColorProp(name: unknown): name is ColorProp;
@@ -463,4 +503,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, 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, 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 };

package/{pkg/dist-web → dist-web}/index.js

@@ -1,7 +1,7 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { Button as Button$1, CircularProgress, ButtonGroup, Popover, MenuList, Toolbar, Grid, MenuItem, Typography, Menu, Divider, ButtonBase, Avatar, FormControl, FormControlLabel, Checkbox, FormHelperText, FormLabel, FormGroup, useMediaQuery, Tooltip, SvgIcon, AppBar, List, Card, CardContent, TextField, Radio, RadioGroup, SnackbarContent as SnackbarContent$1, IconButton, Portal, Snackbar as Snackbar$1, Slide, CssBaseline, createTheme, createGenerateClassName } from '@material-ui/core';
-import { MoreHoriz, Close, Warning, CheckCircle } from '@material-ui/icons';
+import { Button as Button$1, CircularProgress, ButtonGroup, Popover, MenuList, Toolbar, Grid, MenuItem, Typography, Menu, Divider, ButtonBase, Avatar, FormControl, FormControlLabel, Checkbox, FormHelperText, FormLabel, FormGroup, useMediaQuery, Tooltip, SvgIcon, AppBar, List, Card, CardContent, IconButton, TextField, Radio, RadioGroup, SnackbarContent as SnackbarContent$1, Portal, Snackbar as Snackbar$1, Slide, CssBaseline, createTheme, createGenerateClassName } from '@material-ui/core';
+import { MoreHoriz, Info, Close, Warning, CheckCircle } from '@material-ui/icons';
 import { makeStyles, StylesProvider, ThemeProvider as ThemeProvider$1 } from '@material-ui/styles';
 import { forwardRef, useState, useRef, useLayoutEffect, cloneElement, useMemo, useContext, createContext, Children, useCallback, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -466,44 +466,44 @@ var Color;
   Color["Blue75"] = "#CCE5FF";
   Color["Blue100"] = "#A8D1FF";
   Color["Blue200"] = "#66ADFF";
-  Color["Blue300"] = "#0075FF";
+  Color["Blue300"] = "#0070F5";
   Color["Blue400"] = "#0063DB";
-  Color["Blue500"] = "#0050B2";
+  Color["Blue500"] = "#0063DB";
   Color["Green50"] = "#ECF9EF";
   Color["Green75"] = "#C8F4D1";
   Color["Green100"] = "#90EAAE";
   Color["Green200"] = "#5DDA87";
-  Color["Green300"] = "#1FA84D";
+  Color["Green300"] = "#03872F";
   Color["Green400"] = "#1E8F46";
-  Color["Green500"] = "#19803D";
+  Color["Green500"] = "#007A29";
   Color["Purple50"] = "#EFEEFC";
   Color["Purple75"] = "#DCDBF5";
   Color["Purple100"] = "#CBC8EE";
   Color["Purple200"] = "#A7A1E8";
   Color["Purple300"] = "#6559CF";
   Color["Purple400"] = "#473ABB";
-  Color["Purple500"] = "#3A2F9D";
+  Color["Purple500"] = "#473ABB";
   Color["Red50"] = "#FFEDEB";
   Color["Red75"] = "#FDD9D3";
   Color["Red100"] = "#FDC2BA";
   Color["Red200"] = "#FE988B";
-  Color["Red300"] = "#EE3017";
+  Color["Red300"] = "#E5230D";
   Color["Red400"] = "#D9210D";
   Color["Red500"] = "#C31909";
   Color["Teal50"] = "#E3F6FC";
   Color["Teal75"] = "#BEEDF9";
   Color["Teal100"] = "#91E3F8";
   Color["Teal200"] = "#61D3EF";
-  Color["Teal300"] = "#00A0CC";
+  Color["Teal300"] = "#007EAB";
   Color["Teal400"] = "#008DB8";
-  Color["Teal500"] = "#007DA3";
-  Color["Yellow50"] = "#FFF9E5";
+  Color["Teal500"] = "#00678A";
+  Color["Yellow50"] = "#FFF7DC";
   Color["Yellow75"] = "#FFF1C2";
   Color["Yellow100"] = "#FFE494";
   Color["Yellow200"] = "#FFDC6B";
-  Color["Yellow300"] = "#FFCB47";
+  Color["Yellow300"] = "#C94F08";
   Color["Yellow400"] = "#FFA91F";
-  Color["Yellow500"] = "#DB7500";
+  Color["Yellow500"] = "#B84807";
 })(Color || (Color = {}));
 
 function isColorProp(name) {
@@ -1655,6 +1655,53 @@ var InfoCard = /*#__PURE__*/forwardRef((_ref, _ref2) => {
 });
 if (process.env.NODE_ENV !== "production") InfoCard.displayName = "InfoCard";
 
+var _excluded$h = ["children", "iconButtonProps", "fontSize", "TextProps", "title", "isOpen", "onClick", "onClose"];
+var Root = /*#__PURE__*/styled.div.withConfig({
+  displayName: "InfoTooltip__Root",
+  componentId: "SD__sc-1emqpa9-0"
+})(["display:flex;align-items:center;"]);
+var InfoTooltip = /*#__PURE__*/forwardRef((_ref, ref) => {
+  var {
+    children,
+    iconButtonProps,
+    fontSize = 'small',
+    TextProps,
+    title,
+    isOpen,
+    onClick,
+    onClose
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded$h);
+
+  var tooltip = /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
+    open: isOpen,
+    title: title,
+    placement: "top",
+    onClose: onClose,
+    disableFocusListener: true,
+    disableTouchListener: true,
+    onClick: onClick,
+    ref: ref
+  }, props), {}, {
+    children: /*#__PURE__*/jsx(IconButton, _objectSpread(_objectSpread({}, iconButtonProps), {}, {
+      size: "small",
+      onMouseOver: onClick,
+      children: /*#__PURE__*/jsx(Info, {
+        color: "action",
+        fontSize: fontSize
+      })
+    }))
+  }));
+
+  if (!children) return tooltip;
+  return /*#__PURE__*/jsxs(Root, {
+    children: [/*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({}, TextProps), {}, {
+      children: children
+    })), tooltip]
+  });
+});
+if (process.env.NODE_ENV !== "production") InfoTooltip.displayName = "InfoTooltip";
+
 function inlineRootMixin(spaceProp, noWrap, verticalAlign, horizontalAlign) {
   var space = parseSpaceProp(spaceProp);
   return css(["&:before{margin-top:", "px;}& > div{display:flex;margin-left:-", "px;flex-wrap:", ";align-items:", ";justify-content:", ";& > div{&:empty{display:none;}min-width:0;flex-shrink:0;max-width:100%;margin-top:", "px;margin-left:", "px;}}"], -space - 1, space, noWrap ? 'nowrap' : 'wrap', parseAlignProp(verticalAlign), parseAlignProp(horizontalAlign), space, space);
@@ -1704,7 +1751,7 @@ var Inline = /*#__PURE__*/forwardRef((_ref2, ref) => {
 });
 if (process.env.NODE_ENV !== "production") Inline.displayName = "Inline";
 
-var _excluded$h = ["value", "inputRef", "onChange", "isNumericString", "thousandSeparator", "disableValueParsing"],
+var _excluded$i = ["value", "inputRef", "onChange", "isNumericString", "thousandSeparator", "disableValueParsing"],
     _excluded2$3 = ["id", "InputProps"];
 
 function NumberInputComponent(_ref) {
@@ -1716,7 +1763,7 @@ function NumberInputComponent(_ref) {
     thousandSeparator = true,
     disableValueParsing
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$h);
+      props = _objectWithoutProperties(_ref, _excluded$i);
 
   return /*#__PURE__*/jsx(NumberFormat, _objectSpread(_objectSpread({}, props), {}, {
     value: value !== null && value !== void 0 ? value : '',
@@ -1756,7 +1803,7 @@ var NumberField = /*#__PURE__*/forwardRef((_ref2, ref) => {
 if (process.env.NODE_ENV !== "production") NumberField.displayName = "NumberField";
 NumberField.displayName = 'NumberField';
 
-var _excluded$i = ["label", "error", "checked", "onBlur", "onChange", "helperText", "FormControlLabelProps"];
+var _excluded$j = ["label", "error", "checked", "onBlur", "onChange", "helperText", "FormControlLabelProps"];
 var RadioField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
     label,
@@ -1767,7 +1814,7 @@ var RadioField = /*#__PURE__*/forwardRef((_ref, ref) => {
     helperText,
     FormControlLabelProps: formControlLabelProps
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$i);
+      props = _objectWithoutProperties(_ref, _excluded$j);
 
   return /*#__PURE__*/jsxs(FormControl, {
     error: error,
@@ -1787,7 +1834,7 @@ var RadioField = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") RadioField.displayName = "RadioField";
 
-var _excluded$j = ["name", "value", "onChange", "RadioGroupProps", "label", "FormLabelProps", "helperText", "FormHelperTextProps", "children"];
+var _excluded$k = ["name", "value", "onChange", "RadioGroupProps", "label", "FormLabelProps", "helperText", "FormHelperTextProps", "children"];
 var RadioGroupField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
     name,
@@ -1800,7 +1847,7 @@ var RadioGroupField = /*#__PURE__*/forwardRef((_ref, ref) => {
     FormHelperTextProps: formHelperTextProps,
     children
   } = _ref,
-      formControlProps = _objectWithoutProperties(_ref, _excluded$j);
+      formControlProps = _objectWithoutProperties(_ref, _excluded$k);
 
   return /*#__PURE__*/jsxs(FormControl, _objectSpread(_objectSpread({}, formControlProps), {}, {
     hiddenLabel: !label,
@@ -1850,7 +1897,7 @@ function useMinBreakpoint(minBreakpoint) {
   return minBreakpointIDX < breakpointIDX;
 }
 
-var _excluded$k = ["action", "children", "onClose", "className", "classes", "variant"],
+var _excluded$l = ["action", "children", "onClose", "className", "classes", "variant"],
     _excluded2$4 = ["icon", "closeButton", "variantError", "variantSuccess"];
 var useStyles$b = /*#__PURE__*/makeStyles(theme => ({
   root: {
@@ -1895,7 +1942,7 @@ var SnackbarContent = /*#__PURE__*/forwardRef((_ref, ref) => {
     classes,
     variant = 'default'
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$k);
+      props = _objectWithoutProperties(_ref, _excluded$l);
 
   var _useStyles = useStyles$b({
     classes
@@ -1945,7 +1992,7 @@ var SnackbarContent = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") SnackbarContent.displayName = "SnackbarContent";
 
-var _excluded$l = ["open", "action", "variant", "onClose", "children", "ContentProps", "hasCloseButton", "TransitionComponent"];
+var _excluded$m = ["open", "action", "variant", "onClose", "children", "ContentProps", "hasCloseButton", "TransitionComponent"];
 
 function SlideTransition(props) {
   return /*#__PURE__*/jsx(Slide, _objectSpread(_objectSpread({}, props), {}, {
@@ -1964,7 +2011,7 @@ var Snackbar = /*#__PURE__*/forwardRef((_ref, ref) => {
     hasCloseButton = onClose != null,
     TransitionComponent = SlideTransition
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$l);
+      props = _objectWithoutProperties(_ref, _excluded$m);
 
   function handleClose(reason) {
     if (reason !== 'clickaway') {
@@ -1993,7 +2040,7 @@ var Snackbar = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") Snackbar.displayName = "Snackbar";
 
-var _excluded$m = ["onClose", "variant", "key", "id", "autoHideDuration"];
+var _excluded$n = ["onClose", "variant", "key", "id", "autoHideDuration"];
 
 function warnContext() {
   // eslint-disable-next-line no-console
@@ -2039,7 +2086,7 @@ function SnackbarStackProvider(_ref2) {
       id = String(key),
       autoHideDuration = 5000
     } = _ref3,
-        props = _objectWithoutProperties(_ref3, _excluded$m);
+        props = _objectWithoutProperties(_ref3, _excluded$n);
 
     function removeSnackbar() {
       setStack(prev => {
@@ -2136,7 +2183,7 @@ var Stack = /*#__PURE__*/forwardRef((_ref2, ref) => {
 });
 if (process.env.NODE_ENV !== "production") Stack.displayName = "Stack";
 
-var _excluded$n = ["color", "variant", "children", "classes", "className", "noWrap", "fontWeight", "component"];
+var _excluded$o = ["color", "variant", "children", "classes", "className", "noWrap", "fontWeight", "component"];
 var useStyles$c = /*#__PURE__*/makeStyles(theme => ({
   root: {
     maxWidth: '100%',
@@ -2220,7 +2267,7 @@ var Tag = /*#__PURE__*/forwardRef((_ref, ref) => {
     fontWeight = 'bold',
     component = 'div'
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$n);
+      props = _objectWithoutProperties(_ref, _excluded$o);
 
   var styles = useStyles$c({
     classes
@@ -3747,5 +3794,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, Inline, InlineGrid, NumberField, OverflowText, RadioField, 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, RadioField, 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