@superdispatch/ui 0.50.3 → 0.50.10

package/dist-web/index.js

@@ -1,6 +1,6 @@
 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, AppBar, Drawer, IconButton, ButtonBase, Avatar, FormHelperText as FormHelperText$4, FormControlLabel as FormControlLabel$1, Checkbox, FormControl as FormControl$2, FormLabel as FormLabel$2, FormGroup, useMediaQuery, Tooltip, SvgIcon, List, useTheme, Card as Card$1, CardContent, TextField, Radio, RadioGroup, SnackbarContent as SnackbarContent$1, Portal, Snackbar as Snackbar$1, Slide, alpha, CssBaseline, createTheme, createGenerateClassName } from '@material-ui/core';
+import { Button as Button$1, CircularProgress, ButtonGroup, Popover, MenuList, Toolbar, Grid, MenuItem, Typography, Menu, Divider, AppBar, Drawer, IconButton, ButtonBase, Avatar, FormHelperText as FormHelperText$4, FormControlLabel as FormControlLabel$1, Checkbox, FormControl as FormControl$2, FormLabel as FormLabel$2, FormGroup, useMediaQuery, Tooltip, SvgIcon, List, useTheme, Card as Card$1, CardContent, TextField, Radio, useFormControl, RadioGroup, SnackbarContent as SnackbarContent$1, Portal, Snackbar as Snackbar$1, Slide, alpha, CssBaseline, createTheme, createGenerateClassName } from '@material-ui/core';
 import { MoreHoriz, ArrowBack, Close, Info, Error, 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';
@@ -77,7 +77,7 @@ var DropdownButton = /*#__PURE__*/forwardRef((_ref2, ref) => {
   var anchorRef = useRef(null);
   function handleClick(event) {
     setOpen(false);
-    onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    onClick === null || onClick === void 0 || onClick(event);
   }
   function handleToggle() {
     setOpen(prevOpen => !prevOpen);
@@ -264,14 +264,14 @@ var AdaptiveToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
               children: [/*#__PURE__*/jsx(MenuItem, {
                 onClick: event => {
                   var _item$onClick;
-                  (_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item, event);
+                  (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item, event);
                   setMenuButtonRef(undefined);
                 },
                 children: item.label
               }, item.key), (_item$dropdown = item.dropdown) === null || _item$dropdown === void 0 ? void 0 : _item$dropdown.map(dropdownItem => /*#__PURE__*/jsx(MenuItem, {
                 onClick: event => {
                   var _dropdownItem$onClick;
-                  (_dropdownItem$onClick = dropdownItem.onClick) === null || _dropdownItem$onClick === void 0 ? void 0 : _dropdownItem$onClick.call(dropdownItem, event);
+                  (_dropdownItem$onClick = dropdownItem.onClick) === null || _dropdownItem$onClick === void 0 || _dropdownItem$onClick.call(dropdownItem, event);
                   setMenuButtonRef(undefined);
                 },
                 children: dropdownItem.label
@@ -394,7 +394,7 @@ var AdaptiveVerticalToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
           return [/*#__PURE__*/jsx(MenuItem, {
             onClick: event => {
               var _item$onClick;
-              (_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item, event);
+              (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item, event);
               setMenuButtonRef(undefined);
             },
             children: renderMenuItem(item)
@@ -410,12 +410,10 @@ if (process.env.NODE_ENV !== "production") AdaptiveVerticalToolbar.displayName =
 //    - Includes legacy colors marked as deprecated.
 //   - To update a color, modify the hex or rgba value associated with the desired color name.
 
-var Color;
-
-// `ColorDark`: Represents the color palette for dark themes.
-//     - Tailored for dark theme usage.
-//     - Update colors by modifying the associated values.
-(function (Color) {
+var Color = /*#__PURE__*/function (Color) {
+  //
+  // ???
+  //
   Color["White"] = "#fff";
   Color["White50"] = "rgba(255, 255, 255, 0.5)";
   Color["White40"] = "rgba(255, 255, 255, 0.4)";
@@ -426,48 +424,94 @@ var Color;
   Color["Black"] = "#000";
   Color["Black50"] = "rgba(0, 0, 0, 0.5)";
   Color["Black20"] = "rgba(0, 0, 0, 0.2)";
+  //Colors with 30% opacity
   Color["Dark30"] = "rgba(143, 148, 158, 0.3)";
   Color["Blue30"] = "rgba(0, 112, 245, 0.3)";
   Color["Green30"] = "rgba(3, 135, 47, 0.3)";
   Color["Red30"] = "rgba(229, 35, 13, 0.3)";
   Color["Silver30"] = "rgba(225, 229, 234, 0.3)";
+  //Colors with 10% opacity
   Color["Blue10"] = "rgba(0, 112, 245, 0.1)";
   Color["Red10"] = "rgba(195, 25, 9, 0.1)";
+  //
+  // Legacy Neutral Colors
+  //
+  /**@deprecated Use Dark100 */
   Color["Grey100"] = "#8F949E";
+  /**@deprecated Use Dark200 */
   Color["Grey200"] = "#6A707C";
+  /**@deprecated Use Dark300 */
   Color["Grey300"] = "#5B6371";
+  /**@deprecated Use Dark400 */
   Color["Grey400"] = "#323C4E";
+  /**@deprecated Use Dark450 */
   Color["Grey450"] = "#222F44";
+  /**@deprecated Use Dark500 */
   Color["Grey500"] = "#192334";
+  /** @deprecated */
   Color["Dark200"] = "#6A707C";
+  /** @deprecated */
   Color["Dark400"] = "#323C4E";
+  /** @deprecated */
   Color["Dark450"] = "#222F44";
+  /** @deprecated */
   Color["Silver100"] = "#F6F7F8";
+  /** @deprecated */
   Color["Silver300"] = "#E8ECF0";
+  //
+  // Legacy Extended Palette
+  //
+  /** @deprecated */
   Color["Blue75"] = "#CCE5FF";
+  /** @deprecated */
   Color["Blue100"] = "#A8D1FF";
+  /** @deprecated */
   Color["Blue200"] = "#66ADFF";
+  /** @deprecated */
   Color["Blue400"] = "#0063DB";
+  /** @deprecated */
   Color["Green75"] = "#C8F4D1";
+  /** @deprecated */
   Color["Green100"] = "#90EAAE";
+  /** @deprecated */
   Color["Green200"] = "#5DDA87";
+  /** @deprecated */
   Color["Green400"] = "#1E8F46";
+  /** @deprecated */
   Color["Purple75"] = "#DCDBF5";
+  /** @deprecated */
   Color["Purple100"] = "#CBC8EE";
+  /** @deprecated */
   Color["Purple200"] = "#A7A1E8";
+  /** @deprecated */
   Color["Purple400"] = "#473ABB";
+  /** @deprecated */
   Color["Red75"] = "#FDD9D3";
+  /** @deprecated */
   Color["Red100"] = "#FDC2BA";
+  /** @deprecated */
   Color["Red200"] = "#FE988B";
+  /** @deprecated */
   Color["Red400"] = "#D9210D";
+  /** @deprecated */
   Color["Teal75"] = "#BEEDF9";
+  /** @deprecated */
   Color["Teal100"] = "#91E3F8";
+  /** @deprecated */
   Color["Teal200"] = "#61D3EF";
+  /** @deprecated */
   Color["Teal400"] = "#008DB8";
+  /** @deprecated */
   Color["Yellow75"] = "#FFF1C2";
+  /** @deprecated */
   Color["Yellow100"] = "#FFE494";
+  /** @deprecated */
   Color["Yellow200"] = "#FFDC6B";
+  /** @deprecated */
   Color["Yellow400"] = "#FFA91F";
+  //
+  // Neutral Colors
+  //
   Color["Dark50"] = "rgba(25, 35, 52, 0.5)";
   Color["Dark100"] = "#8F949E";
   Color["Dark300"] = "#5B6371";
@@ -476,6 +520,9 @@ var Color;
   Color["Silver400"] = "#E1E5EA";
   Color["Silver500"] = "#C4CDD5";
   Color["Silver400Alpha30"] = "rgba(225, 229, 234, 0.3)";
+  //
+  // Extended Palette
+  //
   Color["Blue50"] = "#EBF4FF";
   Color["Blue300"] = "#0070F5";
   Color["Blue500"] = "#0063DB";
@@ -495,13 +542,17 @@ var Color;
   Color["Yellow50"] = "#FFF7DC";
   Color["Yellow300"] = "#E8671C";
   Color["Yellow500"] = "#B84807";
-})(Color || (Color = {}));
-var ColorDark;
+  return Color;
+}({});
 
-// `ColorDynamic`: Represents a newer version of the color palette using CSS variables.
-//   - Designed for more dynamic theming using CSS custom properties.
-//   - Update colors by changing the CSS variable references.
-(function (ColorDark) {
+// `ColorDark`: Represents the color palette for dark themes.
+//     - Tailored for dark theme usage.
+//     - Update colors by modifying the associated values.
+
+var ColorDark = /*#__PURE__*/function (ColorDark) {
+  //
+  // ???
+  //
   ColorDark["White"] = "#151B22";
   ColorDark["White50"] = "rgba(21, 27, 34, 0.5)";
   ColorDark["White40"] = "rgba(21, 27, 34, 0.4)";
@@ -512,48 +563,94 @@ var ColorDark;
   ColorDark["Black"] = "#000";
   ColorDark["Black50"] = "rgba(0, 0, 0, 0.5)";
   ColorDark["Black20"] = "rgba(0, 0, 0, 0.2)";
+  //Colors with 30% opacity
   ColorDark["Dark30"] = "rgba(143, 148, 158, 0.3)";
   ColorDark["Blue30"] = "rgba(0, 112, 245, 0.3)";
   ColorDark["Green30"] = "rgba(3, 135, 47, 0.3)";
   ColorDark["Red30"] = "rgba(229, 35, 13, 0.3)";
   ColorDark["Silver30"] = "rgba(225, 229, 234, 0.3)";
+  //Colors with 10% opacity
   ColorDark["Blue10"] = "rgba(0, 112, 245, 0.1)";
   ColorDark["Red10"] = "rgba(195, 25, 9, 0.1)";
+  //
+  // Legacy Neutral Colors
+  //
+  /**@deprecated Use Dark100 */
   ColorDark["Grey100"] = "#8F949E";
+  /**@deprecated Use Dark200 */
   ColorDark["Grey200"] = "#6A707C";
+  /**@deprecated Use Dark300 */
   ColorDark["Grey300"] = "#5B6371";
+  /**@deprecated Use Dark400 */
   ColorDark["Grey400"] = "#323C4E";
+  /**@deprecated Use Dark450 */
   ColorDark["Grey450"] = "#222F44";
+  /**@deprecated Use Dark500 */
   ColorDark["Grey500"] = "#192334";
+  /** @deprecated */
   ColorDark["Dark200"] = "#6A707C";
+  /** @deprecated */
   ColorDark["Dark400"] = "#323C4E";
+  /** @deprecated */
   ColorDark["Dark450"] = "#222F44";
+  /** @deprecated */
   ColorDark["Silver100"] = "#F6F7F8";
+  /** @deprecated */
   ColorDark["Silver300"] = "#E8ECF0";
+  //
+  // Legacy Extended Palette
+  //
+  /** @deprecated */
   ColorDark["Blue75"] = "#CCE5FF";
+  /** @deprecated */
   ColorDark["Blue100"] = "#A8D1FF";
+  /** @deprecated */
   ColorDark["Blue200"] = "#66ADFF";
+  /** @deprecated */
   ColorDark["Blue400"] = "#0063DB";
+  /** @deprecated */
   ColorDark["Green75"] = "#C8F4D1";
+  /** @deprecated */
   ColorDark["Green100"] = "#90EAAE";
+  /** @deprecated */
   ColorDark["Green200"] = "#5DDA87";
+  /** @deprecated */
   ColorDark["Green400"] = "#1E8F46";
+  /** @deprecated */
   ColorDark["Purple75"] = "#DCDBF5";
+  /** @deprecated */
   ColorDark["Purple100"] = "#CBC8EE";
+  /** @deprecated */
   ColorDark["Purple200"] = "#A7A1E8";
+  /** @deprecated */
   ColorDark["Purple400"] = "#473ABB";
+  /** @deprecated */
   ColorDark["Red75"] = "#FDD9D3";
+  /** @deprecated */
   ColorDark["Red100"] = "#FDC2BA";
+  /** @deprecated */
   ColorDark["Red200"] = "#FE988B";
+  /** @deprecated */
   ColorDark["Red400"] = "#D9210D";
+  /** @deprecated */
   ColorDark["Teal75"] = "#BEEDF9";
+  /** @deprecated */
   ColorDark["Teal100"] = "#91E3F8";
+  /** @deprecated */
   ColorDark["Teal200"] = "#61D3EF";
+  /** @deprecated */
   ColorDark["Teal400"] = "#008DB8";
+  /** @deprecated */
   ColorDark["Yellow75"] = "#FFF1C2";
+  /** @deprecated */
   ColorDark["Yellow100"] = "#FFE494";
+  /** @deprecated */
   ColorDark["Yellow200"] = "#FFDC6B";
+  /** @deprecated */
   ColorDark["Yellow400"] = "#FFA91F";
+  //
+  // Neutral Colors
+  //
   ColorDark["Dark50"] = "rgba(25, 35, 52, 0.5)";
   ColorDark["Dark100"] = "#6E7A8A";
   ColorDark["Dark300"] = "#AEB4BD";
@@ -562,6 +659,9 @@ var ColorDark;
   ColorDark["Silver400"] = "#30373D";
   ColorDark["Silver500"] = "#47505B";
   ColorDark["Silver400Alpha30"] = "rgba(48, 55, 61, 0.3)";
+  //
+  // Extended Palette
+  //
   ColorDark["Blue50"] = "#0E2947";
   ColorDark["Blue300"] = "#0070F5";
   ColorDark["Blue500"] = "#55ADFF";
@@ -581,9 +681,14 @@ var ColorDark;
   ColorDark["Yellow50"] = "#33200A";
   ColorDark["Yellow300"] = "#E8671C";
   ColorDark["Yellow500"] = "#FCA542";
-})(ColorDark || (ColorDark = {}));
-var ColorDynamic;
-(function (ColorDynamic) {
+  return ColorDark;
+}({});
+
+// `ColorDynamic`: Represents a newer version of the color palette using CSS variables.
+//   - Designed for more dynamic theming using CSS custom properties.
+//   - Update colors by changing the CSS variable references.
+
+var ColorDynamic = /*#__PURE__*/function (ColorDynamic) {
   ColorDynamic["White"] = "var(--sd-white)";
   ColorDynamic["White50"] = "var(--sd-white-50)";
   ColorDynamic["White40"] = "var(--sd-white-40)";
@@ -594,48 +699,90 @@ var ColorDynamic;
   ColorDynamic["Black"] = "var(--sd-black)";
   ColorDynamic["Black50"] = "var(--sd-black-50)";
   ColorDynamic["Black20"] = "var(--sd-black-20)";
+  // Colors with 30% opacity
   ColorDynamic["Dark30"] = "var(--sd-dark-30)";
   ColorDynamic["Blue30"] = "var(--sd-blue-30)";
   ColorDynamic["Green30"] = "var(--sd-green-30)";
   ColorDynamic["Red30"] = "var(--sd-red-30)";
   ColorDynamic["Silver30"] = "var(--sd-silver-30)";
+  // Colors with 10% opacity
   ColorDynamic["Blue10"] = "var(--sd-blue-10)";
   ColorDynamic["Red10"] = "var(--sd-red-10)";
+  // Legacy Neutral Colors
+  /**@deprecated Use Dark100 */
   ColorDynamic["Grey100"] = "var(--sd-grey-100)";
+  /**@deprecated Use Dark200 */
   ColorDynamic["Grey200"] = "var(--sd-grey-200)";
+  /**@deprecated Use Dark300 */
   ColorDynamic["Grey300"] = "var(--sd-grey-300)";
+  /**@deprecated Use Dark400 */
   ColorDynamic["Grey400"] = "var(--sd-grey-400)";
+  /**@deprecated Use Dark450 */
   ColorDynamic["Grey450"] = "var(--sd-grey-450)";
+  /**@deprecated Use Dark500 */
   ColorDynamic["Grey500"] = "var(--sd-grey-500)";
+  /** @deprecated */
   ColorDynamic["Dark200"] = "var(--sd-dark-200)";
+  /** @deprecated */
   ColorDynamic["Dark400"] = "var(--sd-dark-400)";
+  /** @deprecated */
   ColorDynamic["Dark450"] = "var(--sd-dark-450)";
+  /** @deprecated */
   ColorDynamic["Silver100"] = "var(--sd-silver-100)";
+  /** @deprecated */
   ColorDynamic["Silver300"] = "var(--sd-silver-300)";
+  // Legacy Extended Palette
+  /** @deprecated */
   ColorDynamic["Blue75"] = "var(--sd-blue-75)";
+  /** @deprecated */
   ColorDynamic["Blue100"] = "var(--sd-blue-100)";
+  /** @deprecated */
   ColorDynamic["Blue200"] = "var(--sd-blue-200)";
+  /** @deprecated */
   ColorDynamic["Blue400"] = "var(--sd-blue-400)";
+  /** @deprecated */
   ColorDynamic["Green75"] = "var(--sd-green-75)";
+  /** @deprecated */
   ColorDynamic["Green100"] = "var(--sd-green-100)";
+  /** @deprecated */
   ColorDynamic["Green200"] = "var(--sd-green-200)";
+  /** @deprecated */
   ColorDynamic["Green400"] = "var(--sd-green-400)";
+  /** @deprecated */
   ColorDynamic["Purple75"] = "var(--sd-purple-75)";
+  /** @deprecated */
   ColorDynamic["Purple100"] = "var(--sd-purple-100)";
+  /** @deprecated */
   ColorDynamic["Purple200"] = "var(--sd-purple-200)";
+  /** @deprecated */
   ColorDynamic["Purple400"] = "var(--sd-purple-400)";
+  /** @deprecated */
   ColorDynamic["Red75"] = "var(--sd-red-75)";
+  /** @deprecated */
   ColorDynamic["Red100"] = "var(--sd-red-100)";
+  /** @deprecated */
   ColorDynamic["Red200"] = "var(--sd-red-200)";
+  /** @deprecated */
   ColorDynamic["Red400"] = "var(--sd-red-400)";
+  /** @deprecated */
   ColorDynamic["Teal75"] = "var(--sd-teal-75)";
+  /** @deprecated */
   ColorDynamic["Teal100"] = "var(--sd-teal-100)";
+  /** @deprecated */
   ColorDynamic["Teal200"] = "var(--sd-teal-200)";
+  /** @deprecated */
   ColorDynamic["Teal400"] = "var(--sd-teal-400)";
+  /** @deprecated */
   ColorDynamic["Yellow75"] = "var(--sd-yellow-75)";
+  /** @deprecated */
   ColorDynamic["Yellow100"] = "var(--sd-yellow-100)";
+  /** @deprecated */
   ColorDynamic["Yellow200"] = "var(--sd-yellow-200)";
+  /** @deprecated */
   ColorDynamic["Yellow400"] = "var(--sd-yellow-400)";
+  //
+  // Neutral Colors
+  //
   ColorDynamic["Dark50"] = "var(--sd-dark-50)";
   ColorDynamic["Dark100"] = "var(--sd-dark-100)";
   ColorDynamic["Dark300"] = "var(--sd-dark-300)";
@@ -644,6 +791,9 @@ var ColorDynamic;
   ColorDynamic["Silver400"] = "var(--sd-silver-400)";
   ColorDynamic["Silver500"] = "var(--sd-silver-500)";
   ColorDynamic["Silver400Alpha30"] = "var(--sd-silver-400-alpha-30)";
+  //
+  // Extended Palette
+  //
   ColorDynamic["Blue50"] = "var(--sd-blue-50)";
   ColorDynamic["Blue300"] = "var(--sd-blue-300)";
   ColorDynamic["Blue500"] = "var(--sd-blue-500)";
@@ -663,7 +813,8 @@ var ColorDynamic;
   ColorDynamic["Yellow50"] = "var(--sd-yellow-50)";
   ColorDynamic["Yellow300"] = "var(--sd-yellow-300)";
   ColorDynamic["Yellow500"] = "var(--sd-yellow-500)";
-})(ColorDynamic || (ColorDynamic = {}));
+  return ColorDynamic;
+}({});
 function isColorProp(name) {
   return typeof name == 'string' && Object.prototype.hasOwnProperty.call(Color, name);
 }
@@ -726,7 +877,7 @@ function VisibilityObserver(_ref2) {
     visibility
   });
   useValueObserver(visibility, () => {
-    onChange === null || onChange === void 0 ? void 0 : onChange(visibility);
+    onChange === null || onChange === void 0 || onChange(visibility);
   });
   return renderChildren(children);
 }
@@ -1393,11 +1544,10 @@ function useResponsiveContext() {
 }
 
 function parseResponsiveProp(prop) {
-  var _tablet, _desktop;
   if (typeof prop != 'object') return [prop, prop, prop];
   var [mobile, tablet, desktop] = prop;
-  (_tablet = tablet) !== null && _tablet !== void 0 ? _tablet : tablet = mobile;
-  (_desktop = desktop) !== null && _desktop !== void 0 ? _desktop : desktop = tablet;
+  tablet !== null && tablet !== void 0 ? tablet : tablet = mobile;
+  desktop !== null && desktop !== void 0 ? desktop : desktop = tablet;
   return [mobile, tablet, desktop];
 }
 function useResponsiveProp(prop) {
@@ -1614,7 +1764,7 @@ var OverflowText = /*#__PURE__*/forwardRef((_ref, rootRef) => {
           noWrap: true,
           onClick: event => {
             setIsOpen(true);
-            _onClick === null || _onClick === void 0 ? void 0 : _onClick(event);
+            _onClick === null || _onClick === void 0 || _onClick(event);
           },
           className: clsx(styles.root, {
             [styles.truncated]: !disableUnderline && visibility === 'invisible'
@@ -1725,7 +1875,7 @@ var DescriptionListItem = /*#__PURE__*/forwardRef((_ref2, ref) => {
       component: "span",
       color: shouldRenderFallback && label == null ? 'textSecondary' : 'textPrimary',
       TooltipProps: _objectSpread(_objectSpread({}, contentTypographyProps === null || contentTypographyProps === void 0 ? void 0 : contentTypographyProps.TooltipProps), {}, {
-        title: (_ref3 = (_contentTypographyPro = contentTypographyProps === null || contentTypographyProps === void 0 ? void 0 : (_contentTypographyPro2 = contentTypographyProps.TooltipProps) === null || _contentTypographyPro2 === void 0 ? void 0 : _contentTypographyPro2.title) !== null && _contentTypographyPro !== void 0 ? _contentTypographyPro : content) !== null && _ref3 !== void 0 ? _ref3 : undefined
+        title: (_ref3 = (_contentTypographyPro = contentTypographyProps === null || contentTypographyProps === void 0 || (_contentTypographyPro2 = contentTypographyProps.TooltipProps) === null || _contentTypographyPro2 === void 0 ? void 0 : _contentTypographyPro2.title) !== null && _contentTypographyPro !== void 0 ? _contentTypographyPro : content) !== null && _ref3 !== void 0 ? _ref3 : undefined
       }),
       children: [label != null && /*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({}, labelTypographyProps), {}, {
         id: labelID,
@@ -2041,7 +2191,7 @@ function NumberInputComponent(_ref) {
         event
       } = sourceInfo;
       // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, event), {}, {
+      onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, event), {}, {
         target: _objectSpread(_objectSpread({}, event === null || event === void 0 ? void 0 : event.target), {}, {
           value: disableValueParsing ? values.value : values.floatValue
         })
@@ -2071,7 +2221,7 @@ function TextInputComponent(_ref2) {
         event
       } = sourceInfo;
       // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, event), {}, {
+      onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, event), {}, {
         target: _objectSpread(_objectSpread({}, event === null || event === void 0 ? void 0 : event.target), {}, {
           value: values.value
         })
@@ -2123,12 +2273,12 @@ var PatternField = /*#__PURE__*/forwardRef((_ref, ref) => {
       var {
         event
       } = sourceInfo;
-      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, event), {}, {
+      onChange === null || onChange === 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);
+      _onValueChange === null || _onValueChange === void 0 || _onValueChange(values, sourceInfo);
     }
   }));
 });
@@ -2211,6 +2361,7 @@ var IconWrapper = /*#__PURE__*/styled.div.withConfig({
   return theme.breakpoints.down('xs');
 });
 var RadioFieldCard = /*#__PURE__*/forwardRef((_ref3, ref) => {
+  var _ref4;
   var {
       name,
       value,
@@ -2222,11 +2373,13 @@ var RadioFieldCard = /*#__PURE__*/forwardRef((_ref3, ref) => {
       onChange
     } = _ref3,
     props = _objectWithoutProperties(_ref3, _excluded$m);
+  var muiFormControl = useFormControl();
+  var disabledState = (_ref4 = disabled !== null && disabled !== void 0 ? disabled : muiFormControl === null || muiFormControl === void 0 ? void 0 : muiFormControl.disabled) !== null && _ref4 !== void 0 ? _ref4 : false;
   return /*#__PURE__*/jsx(Card, {
-    disabled: disabled,
+    disabled: disabledState,
     children: /*#__PURE__*/jsx(ClickableCard, _objectSpread(_objectSpread({
       name: name,
-      disabled: disabled
+      disabled: disabledState
     }, props), {}, {
       children: /*#__PURE__*/jsx(Content, {
         active: checked,
@@ -2459,7 +2612,7 @@ var Snackbar = /*#__PURE__*/forwardRef((_ref, ref) => {
     props = _objectWithoutProperties(_ref, _excluded$p);
   function handleClose(reason) {
     if (reason !== 'clickaway') {
-      onClose === null || onClose === void 0 ? void 0 : onClose(reason === 'timeout' ? 'timeout' : 'explicit');
+      onClose === null || onClose === void 0 || onClose(reason === 'timeout' ? 'timeout' : 'explicit');
     }
   }
   return /*#__PURE__*/jsx(Portal, {
@@ -2560,7 +2713,7 @@ function SnackbarStackProvider(_ref2) {
         children: message,
         onClose: reason => {
           removeSnackbar();
-          _onClose === null || _onClose === void 0 ? void 0 : _onClose(reason);
+          _onClose === null || _onClose === void 0 || _onClose(reason);
         }
       }));
     });
@@ -4058,7 +4211,7 @@ function overrideTooltip(theme) {
       }
     },
     arrow: {
-      color: ColorDynamic.Silver500,
+      color: ColorDynamic.Dark500,
       fontSize: theme.spacing(1)
     }
   };