@zendeskgarden/react-colorpickers 8.56.0 → 8.57.0

package/dist/index.cjs.js

@@ -290,7 +290,7 @@ var getColorPickerWidth = function getColorPickerWidth(props) {
 };
 var StyledColorPicker = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledColorPicker",
   componentId: "sc-1donyl9-0"
@@ -351,7 +351,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.56.0',
+  'data-garden-version': '8.57.0',
   hasLowerTrack: false
 }).withConfig({
   displayName: "StyledRange",
@@ -366,7 +366,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledHueRange",
   componentId: "sc-13ly7p-0"
@@ -412,7 +412,7 @@ var StyledAlphaRange = styled__default["default"](StyledRange).attrs(function (p
       background: background$3(props)
     },
     'data-garden-id': COMPONENT_ID$i,
-    'data-garden-version': '8.56.0'
+    'data-garden-version': '8.57.0'
   };
 }).withConfig({
   displayName: "StyledAlphaRange",
@@ -438,7 +438,7 @@ var StyledPreview = styled__default["default"].div.attrs(function (props) {
       background: background$2(props)
     },
     'data-garden-id': COMPONENT_ID$h,
-    'data-garden-version': '8.56.0',
+    'data-garden-version': '8.57.0',
     'data-test-id': 'preview-box'
   };
 }).withConfig({
@@ -474,7 +474,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.56.0',
+    'data-garden-version': '8.57.0',
     'data-test-id': 'colorwell',
     style: {
       background: background$1(props)
@@ -502,7 +502,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.56.0',
+    'data-garden-version': '8.57.0',
     'data-test-id': 'colorwell-thumb',
     style: {
       top: "".concat(props.top, "%"),
@@ -528,7 +528,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledSliderGroup",
   componentId: "sc-rsq0ak-0"
@@ -544,7 +544,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.56.0',
+  'data-garden-version': '8.57.0',
   spellcheck: false
 }).withConfig({
   displayName: "StyledHexField",
@@ -559,7 +559,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1klhp6m-0"
@@ -573,7 +573,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.56.0',
+  'data-garden-version': '8.57.0',
   focusInset: false
 }).withConfig({
   displayName: "StyledInput",
@@ -588,7 +588,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledInputGroup",
   componentId: "sc-mmy93w-0"
@@ -607,7 +607,7 @@ var sizeStyles = function sizeStyles(theme) {
 };
 var StyledRGBAField = styled__default["default"](reactForms.Field).attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledRGBAField",
   componentId: "sc-ibo1yw-0"
@@ -623,7 +623,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledSliders",
   componentId: "sc-aclca2-0"
@@ -644,7 +644,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-101xjve-0"
@@ -691,7 +691,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.56.0',
+    'data-garden-version': '8.57.0',
     'data-test-id': 'dialog-preview'
   };
 }).withConfig({
@@ -719,7 +719,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledTooltipModal",
   componentId: "sc-o022s8-0"
@@ -733,7 +733,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledTooltipBody",
   componentId: "sc-6gsgsy-0"
@@ -750,7 +750,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.56.0'
+    'data-garden-version': '8.57.0'
   };
 }).withConfig({
   displayName: "StyledSwatchButton",
@@ -769,7 +769,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.56.0',
+  'data-garden-version': '8.57.0',
   role: 'grid'
 }).withConfig({
   displayName: "StyledColorSwatch",
@@ -802,7 +802,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-8oigif-0"
@@ -822,7 +822,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledCell",
   componentId: "sc-qr3oit-0"

package/dist/index.esm.js

@@ -260,7 +260,7 @@ var getColorPickerWidth = function getColorPickerWidth(props) {
 };
 var StyledColorPicker = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledColorPicker",
   componentId: "sc-1donyl9-0"
@@ -321,7 +321,7 @@ var sizeStyles$2 = function sizeStyles(props) {
 };
 var StyledRange = styled(Range).attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.56.0',
+  'data-garden-version': '8.57.0',
   hasLowerTrack: false
 }).withConfig({
   displayName: "StyledRange",
@@ -336,7 +336,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledHueRange",
   componentId: "sc-13ly7p-0"
@@ -382,7 +382,7 @@ var StyledAlphaRange = styled(StyledRange).attrs(function (props) {
       background: background$3(props)
     },
     'data-garden-id': COMPONENT_ID$i,
-    'data-garden-version': '8.56.0'
+    'data-garden-version': '8.57.0'
   };
 }).withConfig({
   displayName: "StyledAlphaRange",
@@ -408,7 +408,7 @@ var StyledPreview = styled.div.attrs(function (props) {
       background: background$2(props)
     },
     'data-garden-id': COMPONENT_ID$h,
-    'data-garden-version': '8.56.0',
+    'data-garden-version': '8.57.0',
     'data-test-id': 'preview-box'
   };
 }).withConfig({
@@ -444,7 +444,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.56.0',
+    'data-garden-version': '8.57.0',
     'data-test-id': 'colorwell',
     style: {
       background: background$1(props)
@@ -472,7 +472,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.56.0',
+    'data-garden-version': '8.57.0',
     'data-test-id': 'colorwell-thumb',
     style: {
       top: "".concat(props.top, "%"),
@@ -498,7 +498,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledSliderGroup",
   componentId: "sc-rsq0ak-0"
@@ -514,7 +514,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.56.0',
+  'data-garden-version': '8.57.0',
   spellcheck: false
 }).withConfig({
   displayName: "StyledHexField",
@@ -529,7 +529,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1klhp6m-0"
@@ -543,7 +543,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.56.0',
+  'data-garden-version': '8.57.0',
   focusInset: false
 }).withConfig({
   displayName: "StyledInput",
@@ -558,7 +558,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledInputGroup",
   componentId: "sc-mmy93w-0"
@@ -577,7 +577,7 @@ var sizeStyles = function sizeStyles(theme) {
 };
 var StyledRGBAField = styled(Field).attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledRGBAField",
   componentId: "sc-ibo1yw-0"
@@ -593,7 +593,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledSliders",
   componentId: "sc-aclca2-0"
@@ -614,7 +614,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-101xjve-0"
@@ -661,7 +661,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.56.0',
+    'data-garden-version': '8.57.0',
     'data-test-id': 'dialog-preview'
   };
 }).withConfig({
@@ -689,7 +689,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledTooltipModal",
   componentId: "sc-o022s8-0"
@@ -703,7 +703,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledTooltipBody",
   componentId: "sc-6gsgsy-0"
@@ -720,7 +720,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.56.0'
+    'data-garden-version': '8.57.0'
   };
 }).withConfig({
   displayName: "StyledSwatchButton",
@@ -739,7 +739,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.56.0',
+  'data-garden-version': '8.57.0',
   role: 'grid'
 }).withConfig({
   displayName: "StyledColorSwatch",
@@ -772,7 +772,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.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-8oigif-0"
@@ -792,7 +792,7 @@ StyledIcon.defaultProps = {
 var COMPONENT_ID = 'colorpickers.swatch_cell';
 var StyledCell = styled.td.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.56.0'
+  'data-garden-version': '8.57.0'
 }).withConfig({
   displayName: "StyledCell",
   componentId: "sc-qr3oit-0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-colorpickers",
-  "version": "8.56.0",
+  "version": "8.57.0",
   "description": "Components related to color pickers in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -23,10 +23,10 @@
   "dependencies": {
     "@zendeskgarden/container-grid": "^0.1.1",
     "@zendeskgarden/container-utilities": "^0.7.0",
-    "@zendeskgarden/react-buttons": "^8.56.0",
-    "@zendeskgarden/react-forms": "^8.56.0",
-    "@zendeskgarden/react-modals": "^8.56.0",
-    "@zendeskgarden/react-tooltips": "^8.56.0",
+    "@zendeskgarden/react-buttons": "^8.57.0",
+    "@zendeskgarden/react-forms": "^8.57.0",
+    "@zendeskgarden/react-modals": "^8.57.0",
+    "@zendeskgarden/react-tooltips": "^8.57.0",
     "lodash.isequal": "^4.5.0",
     "lodash.throttle": "^4.1.1",
     "polished": "^4.0.0",
@@ -41,7 +41,7 @@
   "devDependencies": {
     "@types/lodash.isequal": "4.5.6",
     "@types/lodash.throttle": "4.1.7",
-    "@zendeskgarden/react-theming": "^8.56.0",
+    "@zendeskgarden/react-theming": "^8.57.0",
     "@zendeskgarden/svg-icons": "6.33.0"
   },
   "keywords": [
@@ -55,5 +55,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "c0e1cb7669a366ff510cc9613e2b426d48019732"
+  "gitHead": "165b6a453118f93e9e760642b632ce3d31e3a231"
 }