@zendeskgarden/react-colorpickers 8.44.0 → 8.46.0

package/dist/index.cjs.js

@@ -305,7 +305,7 @@ var getColorPickerWidth = function getColorPickerWidth(props) {
 };
 var StyledColorPicker = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledColorPicker",
   componentId: "sc-1donyl9-0"
@@ -366,7 +366,7 @@ var sizeStyles$2 = function sizeStyles(props) {
 };
 var StyledRange = styled__default['default'](reactForms.Range).attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.44.0',
+  'data-garden-version': '8.46.0',
   hasLowerTrack: false
 }).withConfig({
   displayName: "StyledRange",
@@ -381,7 +381,7 @@ StyledRange.defaultProps = {
 var COMPONENT_ID$j = 'colorpickers.colorpicker_hue';
 var StyledHueRange = styled__default['default'](StyledRange).attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledHueRange",
   componentId: "sc-13ly7p-0"
@@ -427,7 +427,7 @@ var StyledAlphaRange = styled__default['default'](StyledRange).attrs(function (p
       background: background$3(props)
     },
     'data-garden-id': COMPONENT_ID$i,
-    'data-garden-version': '8.44.0'
+    'data-garden-version': '8.46.0'
   };
 }).withConfig({
   displayName: "StyledAlphaRange",
@@ -453,7 +453,7 @@ var StyledPreview = styled__default['default'].div.attrs(function (props) {
       background: background$2(props)
     },
     'data-garden-id': COMPONENT_ID$h,
-    'data-garden-version': '8.44.0',
+    'data-garden-version': '8.46.0',
     'data-test-id': 'preview-box'
   };
 }).withConfig({
@@ -489,7 +489,7 @@ var background$1 = function background(props) {
 var StyledColorWell = styled__default['default'].div.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$g,
-    'data-garden-version': '8.44.0',
+    'data-garden-version': '8.46.0',
     'data-test-id': 'colorwell',
     style: {
       background: background$1(props)
@@ -517,7 +517,7 @@ var sizeStyles$1 = function sizeStyles(theme) {
 var StyledColorWellThumb = styled__default['default'].div.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$f,
-    'data-garden-version': '8.44.0',
+    'data-garden-version': '8.46.0',
     'data-test-id': 'colorwell-thumb',
     style: {
       top: "".concat(props.top, "%"),
@@ -543,7 +543,7 @@ StyledColorWellThumb.defaultProps = {
 var COMPONENT_ID$e = 'colorpickers.colorpicker_slider_group';
 var StyledSliderGroup = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledSliderGroup",
   componentId: "sc-rsq0ak-0"
@@ -559,7 +559,7 @@ StyledSliderGroup.defaultProps = {
 var COMPONENT_ID$d = 'colorpickers.colorpicker_hex_field';
 var StyledHexField = styled__default['default'](reactForms.Field).attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.44.0',
+  'data-garden-version': '8.46.0',
   spellcheck: false
 }).withConfig({
   displayName: "StyledHexField",
@@ -574,7 +574,7 @@ StyledHexField.defaultProps = {
 var COMPONENT_ID$c = 'colorpickers.colorpicker_label';
 var StyledLabel = styled__default['default'](reactForms.Label).attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1klhp6m-0"
@@ -588,7 +588,7 @@ StyledLabel.defaultProps = {
 var COMPONENT_ID$b = 'colorpickers.colorpicker_input';
 var StyledInput = styled__default['default'](reactForms.Input).attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.44.0',
+  'data-garden-version': '8.46.0',
   focusInset: false
 }).withConfig({
   displayName: "StyledInput",
@@ -603,7 +603,7 @@ StyledInput.defaultProps = {
 var COMPONENT_ID$a = 'colorpickers.colorpicker_input_group';
 var StyledInputGroup = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledInputGroup",
   componentId: "sc-mmy93w-0"
@@ -622,7 +622,7 @@ var sizeStyles = function sizeStyles(theme) {
 };
 var StyledRGBAField = styled__default['default'](reactForms.Field).attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledRGBAField",
   componentId: "sc-ibo1yw-0"
@@ -638,7 +638,7 @@ StyledRGBAField.defaultProps = {
 var COMPONENT_ID$8 = 'colorpickers.colorpicker_sliders';
 var StyledSliders = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledSliders",
   componentId: "sc-aclca2-0"
@@ -659,7 +659,7 @@ var COMPONENT_ID$7 = 'colorpickers.colordialog_button';
 var StyledButton = styled__default['default'](reactButtons.Button).attrs({
   isNeutral: true,
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-101xjve-0"
@@ -706,7 +706,7 @@ var StyledButtonPreview = styled__default['default'].span.attrs(function (props)
       background: "".concat(background(props), ", ").concat(checkeredBackground(props.theme, 8))
     },
     'data-garden-id': COMPONENT_ID$6,
-    'data-garden-version': '8.44.0',
+    'data-garden-version': '8.46.0',
     'data-test-id': 'dialog-preview'
   };
 }).withConfig({
@@ -734,7 +734,7 @@ StyledButtonPreview.defaultProps = {
 var COMPONENT_ID$5 = 'colorpickers.colordialog_tooltipmodal';
 var StyledTooltipModal = styled__default['default'](reactModals.TooltipModal).attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledTooltipModal",
   componentId: "sc-o022s8-0"
@@ -748,7 +748,7 @@ StyledTooltipModal.defaultProps = {
 var COMPONENT_ID$4 = 'colorpickers.colordialog_tooltipmodal_body';
 var StyledTooltipBody = styled__default['default'](reactModals.TooltipModal.Body).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledTooltipBody",
   componentId: "sc-6gsgsy-0"
@@ -765,7 +765,7 @@ var StyledSwatchButton = styled__default['default'](StyledButtonPreview).attrs(f
     as: 'button',
     'data-garden-id': COMPONENT_ID$3,
     'data-test-id': props.backgroundColor,
-    'data-garden-version': '8.44.0'
+    'data-garden-version': '8.46.0'
   };
 }).withConfig({
   displayName: "StyledSwatchButton",
@@ -784,7 +784,7 @@ StyledSwatchButton.defaultProps = {
 var COMPONENT_ID$2 = 'colorpickers.color_swatch';
 var StyledColorSwatch = styled__default['default'].table.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.44.0',
+  'data-garden-version': '8.46.0',
   role: 'grid'
 }).withConfig({
   displayName: "StyledColorSwatch",
@@ -817,7 +817,7 @@ var StyledIcon = styled__default['default'](function (_ref) {
   return React__default['default'].cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-8oigif-0"
@@ -837,7 +837,7 @@ StyledIcon.defaultProps = {
 var COMPONENT_ID = 'colorpickers.swatch_cell';
 var StyledCell = styled__default['default'].td.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledCell",
   componentId: "sc-qr3oit-0"
@@ -1614,7 +1614,7 @@ var ColorSwatchDialog = React.forwardRef(function (_ref, ref) {
       defaultSelectedRowIndex = _ref.defaultSelectedRowIndex,
       defaultSelectedColIndex = _ref.defaultSelectedColIndex,
       placement = _ref.placement,
-      onChange = _ref.onChange,
+      _onChange = _ref.onChange,
       _onSelect = _ref.onSelect,
       hasArrow = _ref.hasArrow,
       isAnimated = _ref.isAnimated,
@@ -1645,6 +1645,14 @@ var ColorSwatchDialog = React.forwardRef(function (_ref, ref) {
       _useState6 = _slicedToArray(_useState5, 2),
       uncontrolledSelectedColIndex = _useState6[0],
       setUncontrolledSelectedColIndex = _useState6[1];
+  var _useState7 = React.useState(defaultRowIndex || 0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      uncontrolledRowIndex = _useState8[0],
+      setUncontrolledRowIndex = _useState8[1];
+  var _useState9 = React.useState(defaultColIndex || 0),
+      _useState10 = _slicedToArray(_useState9, 2),
+      uncontrolledColIndex = _useState10[0],
+      setUncontrolledColIndex = _useState10[1];
   React.useEffect(function () {
     if (isDialogControlled) {
       if (isOpen) {
@@ -1669,6 +1677,8 @@ var ColorSwatchDialog = React.forwardRef(function (_ref, ref) {
     });
   };
   var closeDialog = function closeDialog() {
+    setUncontrolledRowIndex(uncontrolledSelectedRowIndex);
+    setUncontrolledColIndex(uncontrolledSelectedColIndex);
     setReferenceElement(null);
     onDialogChange && onDialogChange({
       isOpen: false
@@ -1721,11 +1731,17 @@ var ColorSwatchDialog = React.forwardRef(function (_ref, ref) {
     colIndex: colIndex,
     selectedRowIndex: selectedRowIndex,
     selectedColIndex: selectedColIndex,
-    defaultRowIndex: defaultRowIndex,
-    defaultColIndex: defaultColIndex,
+    defaultRowIndex: uncontrolledRowIndex,
+    defaultColIndex: uncontrolledColIndex,
     defaultSelectedRowIndex: uncontrolledSelectedRowIndex,
     defaultSelectedColIndex: uncontrolledSelectedColIndex,
-    onChange: onChange,
+    onChange: function onChange(rowIdx, colIdx) {
+      if (isControlled === false) {
+        setUncontrolledRowIndex(rowIdx);
+        setUncontrolledColIndex(colIdx);
+      }
+      _onChange && _onChange(rowIdx, colIdx);
+    },
     onSelect: function onSelect(rowIdx, colIdx) {
       if (isControlled === false) {
         setUncontrolledSelectedRowIndex(rowIdx);

package/dist/index.esm.js

@@ -273,7 +273,7 @@ var getColorPickerWidth = function getColorPickerWidth(props) {
 };
 var StyledColorPicker = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledColorPicker",
   componentId: "sc-1donyl9-0"
@@ -334,7 +334,7 @@ var sizeStyles$2 = function sizeStyles(props) {
 };
 var StyledRange = styled(Range).attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.44.0',
+  'data-garden-version': '8.46.0',
   hasLowerTrack: false
 }).withConfig({
   displayName: "StyledRange",
@@ -349,7 +349,7 @@ StyledRange.defaultProps = {
 var COMPONENT_ID$j = 'colorpickers.colorpicker_hue';
 var StyledHueRange = styled(StyledRange).attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledHueRange",
   componentId: "sc-13ly7p-0"
@@ -395,7 +395,7 @@ var StyledAlphaRange = styled(StyledRange).attrs(function (props) {
       background: background$3(props)
     },
     'data-garden-id': COMPONENT_ID$i,
-    'data-garden-version': '8.44.0'
+    'data-garden-version': '8.46.0'
   };
 }).withConfig({
   displayName: "StyledAlphaRange",
@@ -421,7 +421,7 @@ var StyledPreview = styled.div.attrs(function (props) {
       background: background$2(props)
     },
     'data-garden-id': COMPONENT_ID$h,
-    'data-garden-version': '8.44.0',
+    'data-garden-version': '8.46.0',
     'data-test-id': 'preview-box'
   };
 }).withConfig({
@@ -457,7 +457,7 @@ var background$1 = function background(props) {
 var StyledColorWell = styled.div.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$g,
-    'data-garden-version': '8.44.0',
+    'data-garden-version': '8.46.0',
     'data-test-id': 'colorwell',
     style: {
       background: background$1(props)
@@ -485,7 +485,7 @@ var sizeStyles$1 = function sizeStyles(theme) {
 var StyledColorWellThumb = styled.div.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$f,
-    'data-garden-version': '8.44.0',
+    'data-garden-version': '8.46.0',
     'data-test-id': 'colorwell-thumb',
     style: {
       top: "".concat(props.top, "%"),
@@ -511,7 +511,7 @@ StyledColorWellThumb.defaultProps = {
 var COMPONENT_ID$e = 'colorpickers.colorpicker_slider_group';
 var StyledSliderGroup = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledSliderGroup",
   componentId: "sc-rsq0ak-0"
@@ -527,7 +527,7 @@ StyledSliderGroup.defaultProps = {
 var COMPONENT_ID$d = 'colorpickers.colorpicker_hex_field';
 var StyledHexField = styled(Field).attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.44.0',
+  'data-garden-version': '8.46.0',
   spellcheck: false
 }).withConfig({
   displayName: "StyledHexField",
@@ -542,7 +542,7 @@ StyledHexField.defaultProps = {
 var COMPONENT_ID$c = 'colorpickers.colorpicker_label';
 var StyledLabel = styled(Label).attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1klhp6m-0"
@@ -556,7 +556,7 @@ StyledLabel.defaultProps = {
 var COMPONENT_ID$b = 'colorpickers.colorpicker_input';
 var StyledInput = styled(Input).attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.44.0',
+  'data-garden-version': '8.46.0',
   focusInset: false
 }).withConfig({
   displayName: "StyledInput",
@@ -571,7 +571,7 @@ StyledInput.defaultProps = {
 var COMPONENT_ID$a = 'colorpickers.colorpicker_input_group';
 var StyledInputGroup = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledInputGroup",
   componentId: "sc-mmy93w-0"
@@ -590,7 +590,7 @@ var sizeStyles = function sizeStyles(theme) {
 };
 var StyledRGBAField = styled(Field).attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledRGBAField",
   componentId: "sc-ibo1yw-0"
@@ -606,7 +606,7 @@ StyledRGBAField.defaultProps = {
 var COMPONENT_ID$8 = 'colorpickers.colorpicker_sliders';
 var StyledSliders = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledSliders",
   componentId: "sc-aclca2-0"
@@ -627,7 +627,7 @@ var COMPONENT_ID$7 = 'colorpickers.colordialog_button';
 var StyledButton = styled(Button).attrs({
   isNeutral: true,
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-101xjve-0"
@@ -674,7 +674,7 @@ var StyledButtonPreview = styled.span.attrs(function (props) {
       background: "".concat(background(props), ", ").concat(checkeredBackground(props.theme, 8))
     },
     'data-garden-id': COMPONENT_ID$6,
-    'data-garden-version': '8.44.0',
+    'data-garden-version': '8.46.0',
     'data-test-id': 'dialog-preview'
   };
 }).withConfig({
@@ -702,7 +702,7 @@ StyledButtonPreview.defaultProps = {
 var COMPONENT_ID$5 = 'colorpickers.colordialog_tooltipmodal';
 var StyledTooltipModal = styled(TooltipModal).attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledTooltipModal",
   componentId: "sc-o022s8-0"
@@ -716,7 +716,7 @@ StyledTooltipModal.defaultProps = {
 var COMPONENT_ID$4 = 'colorpickers.colordialog_tooltipmodal_body';
 var StyledTooltipBody = styled(TooltipModal.Body).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledTooltipBody",
   componentId: "sc-6gsgsy-0"
@@ -733,7 +733,7 @@ var StyledSwatchButton = styled(StyledButtonPreview).attrs(function (props) {
     as: 'button',
     'data-garden-id': COMPONENT_ID$3,
     'data-test-id': props.backgroundColor,
-    'data-garden-version': '8.44.0'
+    'data-garden-version': '8.46.0'
   };
 }).withConfig({
   displayName: "StyledSwatchButton",
@@ -752,7 +752,7 @@ StyledSwatchButton.defaultProps = {
 var COMPONENT_ID$2 = 'colorpickers.color_swatch';
 var StyledColorSwatch = styled.table.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.44.0',
+  'data-garden-version': '8.46.0',
   role: 'grid'
 }).withConfig({
   displayName: "StyledColorSwatch",
@@ -785,7 +785,7 @@ var StyledIcon = styled(function (_ref) {
   return React__default.cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-8oigif-0"
@@ -805,7 +805,7 @@ StyledIcon.defaultProps = {
 var COMPONENT_ID = 'colorpickers.swatch_cell';
 var StyledCell = styled.td.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.44.0'
+  'data-garden-version': '8.46.0'
 }).withConfig({
   displayName: "StyledCell",
   componentId: "sc-qr3oit-0"
@@ -1582,7 +1582,7 @@ var ColorSwatchDialog = forwardRef(function (_ref, ref) {
       defaultSelectedRowIndex = _ref.defaultSelectedRowIndex,
       defaultSelectedColIndex = _ref.defaultSelectedColIndex,
       placement = _ref.placement,
-      onChange = _ref.onChange,
+      _onChange = _ref.onChange,
       _onSelect = _ref.onSelect,
       hasArrow = _ref.hasArrow,
       isAnimated = _ref.isAnimated,
@@ -1613,6 +1613,14 @@ var ColorSwatchDialog = forwardRef(function (_ref, ref) {
       _useState6 = _slicedToArray(_useState5, 2),
       uncontrolledSelectedColIndex = _useState6[0],
       setUncontrolledSelectedColIndex = _useState6[1];
+  var _useState7 = useState(defaultRowIndex || 0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      uncontrolledRowIndex = _useState8[0],
+      setUncontrolledRowIndex = _useState8[1];
+  var _useState9 = useState(defaultColIndex || 0),
+      _useState10 = _slicedToArray(_useState9, 2),
+      uncontrolledColIndex = _useState10[0],
+      setUncontrolledColIndex = _useState10[1];
   useEffect(function () {
     if (isDialogControlled) {
       if (isOpen) {
@@ -1637,6 +1645,8 @@ var ColorSwatchDialog = forwardRef(function (_ref, ref) {
     });
   };
   var closeDialog = function closeDialog() {
+    setUncontrolledRowIndex(uncontrolledSelectedRowIndex);
+    setUncontrolledColIndex(uncontrolledSelectedColIndex);
     setReferenceElement(null);
     onDialogChange && onDialogChange({
       isOpen: false
@@ -1689,11 +1699,17 @@ var ColorSwatchDialog = forwardRef(function (_ref, ref) {
     colIndex: colIndex,
     selectedRowIndex: selectedRowIndex,
     selectedColIndex: selectedColIndex,
-    defaultRowIndex: defaultRowIndex,
-    defaultColIndex: defaultColIndex,
+    defaultRowIndex: uncontrolledRowIndex,
+    defaultColIndex: uncontrolledColIndex,
     defaultSelectedRowIndex: uncontrolledSelectedRowIndex,
     defaultSelectedColIndex: uncontrolledSelectedColIndex,
-    onChange: onChange,
+    onChange: function onChange(rowIdx, colIdx) {
+      if (isControlled === false) {
+        setUncontrolledRowIndex(rowIdx);
+        setUncontrolledColIndex(colIdx);
+      }
+      _onChange && _onChange(rowIdx, colIdx);
+    },
     onSelect: function onSelect(rowIdx, colIdx) {
       if (isControlled === false) {
         setUncontrolledSelectedRowIndex(rowIdx);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-colorpickers",
-  "version": "8.44.0",
+  "version": "8.46.0",
   "description": "Components related to color pickers in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -24,10 +24,10 @@
     "@popperjs/core": "^2.4.4",
     "@zendeskgarden/container-grid": "^0.1.1",
     "@zendeskgarden/container-utilities": "^0.6.1",
-    "@zendeskgarden/react-buttons": "^8.44.0",
-    "@zendeskgarden/react-forms": "^8.44.0",
-    "@zendeskgarden/react-modals": "^8.44.0",
-    "@zendeskgarden/react-tooltips": "^8.44.0",
+    "@zendeskgarden/react-buttons": "^8.46.0",
+    "@zendeskgarden/react-forms": "^8.46.0",
+    "@zendeskgarden/react-modals": "^8.46.0",
+    "@zendeskgarden/react-tooltips": "^8.46.0",
     "lodash.isequal": "^4.5.0",
     "lodash.throttle": "^4.1.1",
     "polished": "^4.0.0",
@@ -43,7 +43,7 @@
   "devDependencies": {
     "@types/lodash.isequal": "4.5.5",
     "@types/lodash.throttle": "4.1.6",
-    "@zendeskgarden/react-theming": "^8.44.0",
+    "@zendeskgarden/react-theming": "^8.46.0",
     "@zendeskgarden/svg-icons": "6.30.2"
   },
   "keywords": [
@@ -57,5 +57,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "9d9905a0496bd902ec67f08cc8de3514045110b2"
+  "gitHead": "9e577b188009344c7ad0a035749930a4e19e400a"
 }