@zendeskgarden/react-colorpickers 8.51.0 → 8.53.1

package/dist/index.cjs.js

@@ -291,7 +291,7 @@ var getColorPickerWidth = function getColorPickerWidth(props) {
 };
 var StyledColorPicker = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledColorPicker",
   componentId: "sc-1donyl9-0"
@@ -352,7 +352,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.51.0',
+  'data-garden-version': '8.53.1',
   hasLowerTrack: false
 }).withConfig({
   displayName: "StyledRange",
@@ -367,7 +367,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledHueRange",
   componentId: "sc-13ly7p-0"
@@ -413,7 +413,7 @@ var StyledAlphaRange = styled__default["default"](StyledRange).attrs(function (p
       background: background$3(props)
     },
     'data-garden-id': COMPONENT_ID$i,
-    'data-garden-version': '8.51.0'
+    'data-garden-version': '8.53.1'
   };
 }).withConfig({
   displayName: "StyledAlphaRange",
@@ -439,7 +439,7 @@ var StyledPreview = styled__default["default"].div.attrs(function (props) {
       background: background$2(props)
     },
     'data-garden-id': COMPONENT_ID$h,
-    'data-garden-version': '8.51.0',
+    'data-garden-version': '8.53.1',
     'data-test-id': 'preview-box'
   };
 }).withConfig({
@@ -475,7 +475,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.51.0',
+    'data-garden-version': '8.53.1',
     'data-test-id': 'colorwell',
     style: {
       background: background$1(props)
@@ -503,7 +503,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.51.0',
+    'data-garden-version': '8.53.1',
     'data-test-id': 'colorwell-thumb',
     style: {
       top: "".concat(props.top, "%"),
@@ -529,7 +529,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledSliderGroup",
   componentId: "sc-rsq0ak-0"
@@ -545,7 +545,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.51.0',
+  'data-garden-version': '8.53.1',
   spellcheck: false
 }).withConfig({
   displayName: "StyledHexField",
@@ -560,7 +560,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1klhp6m-0"
@@ -574,7 +574,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.51.0',
+  'data-garden-version': '8.53.1',
   focusInset: false
 }).withConfig({
   displayName: "StyledInput",
@@ -589,7 +589,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledInputGroup",
   componentId: "sc-mmy93w-0"
@@ -608,7 +608,7 @@ var sizeStyles = function sizeStyles(theme) {
 };
 var StyledRGBAField = styled__default["default"](reactForms.Field).attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledRGBAField",
   componentId: "sc-ibo1yw-0"
@@ -624,7 +624,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledSliders",
   componentId: "sc-aclca2-0"
@@ -645,7 +645,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-101xjve-0"
@@ -692,7 +692,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.51.0',
+    'data-garden-version': '8.53.1',
     'data-test-id': 'dialog-preview'
   };
 }).withConfig({
@@ -720,7 +720,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledTooltipModal",
   componentId: "sc-o022s8-0"
@@ -734,7 +734,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledTooltipBody",
   componentId: "sc-6gsgsy-0"
@@ -751,7 +751,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.51.0'
+    'data-garden-version': '8.53.1'
   };
 }).withConfig({
   displayName: "StyledSwatchButton",
@@ -770,7 +770,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.51.0',
+  'data-garden-version': '8.53.1',
   role: 'grid'
 }).withConfig({
   displayName: "StyledColorSwatch",
@@ -803,7 +803,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-8oigif-0"
@@ -823,7 +823,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledCell",
   componentId: "sc-qr3oit-0"

package/dist/index.esm.js

@@ -261,7 +261,7 @@ var getColorPickerWidth = function getColorPickerWidth(props) {
 };
 var StyledColorPicker = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledColorPicker",
   componentId: "sc-1donyl9-0"
@@ -322,7 +322,7 @@ var sizeStyles$2 = function sizeStyles(props) {
 };
 var StyledRange = styled(Range).attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.51.0',
+  'data-garden-version': '8.53.1',
   hasLowerTrack: false
 }).withConfig({
   displayName: "StyledRange",
@@ -337,7 +337,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledHueRange",
   componentId: "sc-13ly7p-0"
@@ -383,7 +383,7 @@ var StyledAlphaRange = styled(StyledRange).attrs(function (props) {
       background: background$3(props)
     },
     'data-garden-id': COMPONENT_ID$i,
-    'data-garden-version': '8.51.0'
+    'data-garden-version': '8.53.1'
   };
 }).withConfig({
   displayName: "StyledAlphaRange",
@@ -409,7 +409,7 @@ var StyledPreview = styled.div.attrs(function (props) {
       background: background$2(props)
     },
     'data-garden-id': COMPONENT_ID$h,
-    'data-garden-version': '8.51.0',
+    'data-garden-version': '8.53.1',
     'data-test-id': 'preview-box'
   };
 }).withConfig({
@@ -445,7 +445,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.51.0',
+    'data-garden-version': '8.53.1',
     'data-test-id': 'colorwell',
     style: {
       background: background$1(props)
@@ -473,7 +473,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.51.0',
+    'data-garden-version': '8.53.1',
     'data-test-id': 'colorwell-thumb',
     style: {
       top: "".concat(props.top, "%"),
@@ -499,7 +499,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledSliderGroup",
   componentId: "sc-rsq0ak-0"
@@ -515,7 +515,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.51.0',
+  'data-garden-version': '8.53.1',
   spellcheck: false
 }).withConfig({
   displayName: "StyledHexField",
@@ -530,7 +530,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1klhp6m-0"
@@ -544,7 +544,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.51.0',
+  'data-garden-version': '8.53.1',
   focusInset: false
 }).withConfig({
   displayName: "StyledInput",
@@ -559,7 +559,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledInputGroup",
   componentId: "sc-mmy93w-0"
@@ -578,7 +578,7 @@ var sizeStyles = function sizeStyles(theme) {
 };
 var StyledRGBAField = styled(Field).attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledRGBAField",
   componentId: "sc-ibo1yw-0"
@@ -594,7 +594,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledSliders",
   componentId: "sc-aclca2-0"
@@ -615,7 +615,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-101xjve-0"
@@ -662,7 +662,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.51.0',
+    'data-garden-version': '8.53.1',
     'data-test-id': 'dialog-preview'
   };
 }).withConfig({
@@ -690,7 +690,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledTooltipModal",
   componentId: "sc-o022s8-0"
@@ -704,7 +704,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledTooltipBody",
   componentId: "sc-6gsgsy-0"
@@ -721,7 +721,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.51.0'
+    'data-garden-version': '8.53.1'
   };
 }).withConfig({
   displayName: "StyledSwatchButton",
@@ -740,7 +740,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.51.0',
+  'data-garden-version': '8.53.1',
   role: 'grid'
 }).withConfig({
   displayName: "StyledColorSwatch",
@@ -773,7 +773,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.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-8oigif-0"
@@ -793,7 +793,7 @@ StyledIcon.defaultProps = {
 var COMPONENT_ID = 'colorpickers.swatch_cell';
 var StyledCell = styled.td.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.51.0'
+  'data-garden-version': '8.53.1'
 }).withConfig({
   displayName: "StyledCell",
   componentId: "sc-qr3oit-0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-colorpickers",
-  "version": "8.51.0",
+  "version": "8.53.1",
   "description": "Components related to color pickers in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -21,18 +21,16 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@popperjs/core": "^2.4.4",
     "@zendeskgarden/container-grid": "^0.1.1",
     "@zendeskgarden/container-utilities": "^0.7.0",
-    "@zendeskgarden/react-buttons": "^8.51.0",
-    "@zendeskgarden/react-forms": "^8.51.0",
-    "@zendeskgarden/react-modals": "^8.51.0",
-    "@zendeskgarden/react-tooltips": "^8.51.0",
+    "@zendeskgarden/react-buttons": "^8.53.1",
+    "@zendeskgarden/react-forms": "^8.53.1",
+    "@zendeskgarden/react-modals": "^8.53.1",
+    "@zendeskgarden/react-tooltips": "^8.53.1",
     "lodash.isequal": "^4.5.0",
     "lodash.throttle": "^4.1.1",
     "polished": "^4.0.0",
-    "prop-types": "^15.7.2",
-    "react-popper": "^2.2.3"
+    "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "@zendeskgarden/react-theming": "^8.1.0",
@@ -41,10 +39,10 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@types/lodash.isequal": "4.5.5",
-    "@types/lodash.throttle": "4.1.6",
-    "@zendeskgarden/react-theming": "^8.51.0",
-    "@zendeskgarden/svg-icons": "6.31.1"
+    "@types/lodash.isequal": "4.5.6",
+    "@types/lodash.throttle": "4.1.7",
+    "@zendeskgarden/react-theming": "^8.53.1",
+    "@zendeskgarden/svg-icons": "6.32.0"
   },
   "keywords": [
     "colorpicker",
@@ -57,5 +55,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a932647429f0a79984650d2521f357ed8320d1d0"
+  "gitHead": "79dee8e82b6f082e8d4a72ba95a5fb3982d63040"
 }