@superdispatch/ui 0.50.3 → 0.50.6

package/dist-src/adaptive-toolbar/AdaptiveToolbar.js

@@ -120,14 +120,14 @@ export 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

package/dist-src/adaptive-vertical-toolbar/AdaptiveVerticalToolbar.js

@@ -95,7 +95,7 @@ export 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)

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

@@ -94,7 +94,7 @@ export 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,

package/dist-src/dropdown-button/DropdownButton.js

@@ -42,7 +42,7 @@ export var DropdownButton = /*#__PURE__*/forwardRef((_ref2, ref) => {
   var anchorRef = React.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);

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

@@ -30,7 +30,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
         })
@@ -60,7 +60,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
         })

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

@@ -66,7 +66,7 @@ export 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'

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

@@ -30,12 +30,12 @@ export 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);
     }
   }));
 });

package/dist-src/props/ResponsiveProp.js

@@ -1,11 +1,10 @@
 import { useDeepEqualValue } from '@superdispatch/hooks';
 import { useResponsiveContext } from "../responsive/ResponsiveContext.js";
 export 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];
 }
 export function useResponsiveProp(prop) {

package/dist-src/radio/RadioFieldCard.js

@@ -1,7 +1,7 @@
 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, Typography } from '@material-ui/core';
+import { ButtonBase, Card as MuiCard, FormControlLabel as MuiFormControlLabel, Radio, Typography, useFormControl } from '@material-ui/core';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { Column } from "../columns/Column.js";
@@ -43,6 +43,7 @@ var IconWrapper = /*#__PURE__*/styled.div.withConfig({
   return theme.breakpoints.down('xs');
 });
 export var RadioFieldCard = /*#__PURE__*/forwardRef((_ref3, ref) => {
+  var _ref4;
   var {
       name,
       value,
@@ -54,11 +55,13 @@ export var RadioFieldCard = /*#__PURE__*/forwardRef((_ref3, ref) => {
       onChange
     } = _ref3,
     props = _objectWithoutProperties(_ref3, _excluded);
+  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,

package/dist-src/snackbar/Snackbar.js

@@ -24,7 +24,7 @@ export var Snackbar = /*#__PURE__*/forwardRef((_ref, ref) => {
     props = _objectWithoutProperties(_ref, _excluded);
   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, {

package/dist-src/snackbar/SnackbarStack.js

@@ -81,7 +81,7 @@ export function SnackbarStackProvider(_ref2) {
         children: message,
         onClose: reason => {
           removeSnackbar();
-          _onClose === null || _onClose === void 0 ? void 0 : _onClose(reason);
+          _onClose === null || _onClose === void 0 || _onClose(reason);
         }
       }));
     });

package/dist-src/theme/Color.js

@@ -2,12 +2,10 @@
 //    - Includes legacy colors marked as deprecated.
 //   - To update a color, modify the hex or rgba value associated with the desired color name.
 
-export var Color;
-
-// `ColorDark`: Represents the color palette for dark themes.
-//     - Tailored for dark theme usage.
-//     - Update colors by modifying the associated values.
-(function (Color) {
+export var Color = /*#__PURE__*/function (Color) {
+  //
+  // ???
+  //
   Color["White"] = "#fff";
   Color["White50"] = "rgba(255, 255, 255, 0.5)";
   Color["White40"] = "rgba(255, 255, 255, 0.4)";
@@ -18,48 +16,94 @@ export 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";
@@ -68,6 +112,9 @@ export 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";
@@ -87,13 +134,17 @@ export var Color;
   Color["Yellow50"] = "#FFF7DC";
   Color["Yellow300"] = "#E8671C";
   Color["Yellow500"] = "#B84807";
-})(Color || (Color = {}));
-export 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.
+
+export var ColorDark = /*#__PURE__*/function (ColorDark) {
+  //
+  // ???
+  //
   ColorDark["White"] = "#151B22";
   ColorDark["White50"] = "rgba(21, 27, 34, 0.5)";
   ColorDark["White40"] = "rgba(21, 27, 34, 0.4)";
@@ -104,48 +155,94 @@ export 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";
@@ -154,6 +251,9 @@ export 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";
@@ -173,9 +273,14 @@ export var ColorDark;
   ColorDark["Yellow50"] = "#33200A";
   ColorDark["Yellow300"] = "#E8671C";
   ColorDark["Yellow500"] = "#FCA542";
-})(ColorDark || (ColorDark = {}));
-export 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.
+
+export var ColorDynamic = /*#__PURE__*/function (ColorDynamic) {
   ColorDynamic["White"] = "var(--sd-white)";
   ColorDynamic["White50"] = "var(--sd-white-50)";
   ColorDynamic["White40"] = "var(--sd-white-40)";
@@ -186,48 +291,90 @@ export 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)";
@@ -236,6 +383,9 @@ export 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)";
@@ -255,7 +405,8 @@ export var ColorDynamic;
   ColorDynamic["Yellow50"] = "var(--sd-yellow-50)";
   ColorDynamic["Yellow300"] = "var(--sd-yellow-300)";
   ColorDynamic["Yellow500"] = "var(--sd-yellow-500)";
-})(ColorDynamic || (ColorDynamic = {}));
+  return ColorDynamic;
+}({});
 export function isColorProp(name) {
   return typeof name == 'string' && Object.prototype.hasOwnProperty.call(Color, name);
 }

package/dist-src/utils/VisibilityObserver.js

@@ -45,7 +45,7 @@ export 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);
 }