@zendeskgarden/react-colorpickers 8.45.0 → 8.47.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.cjs.js +153 -167
  2. package/dist/index.esm.js +55 -67
  3. package/dist/typings/elements/ColorSwatchDialog/index.d.ts +1 -1
  4. package/dist/typings/elements/ColorpickerDialog/index.d.ts +1 -1
  5. package/dist/typings/utils/saturation.d.ts +0 -1
  6. package/package.json +8 -8
package/dist/index.cjs.js CHANGED
@@ -34,14 +34,12 @@ function _interopNamespace(e) {
34
34
  var d = Object.getOwnPropertyDescriptor(e, k);
35
35
  Object.defineProperty(n, k, d.get ? d : {
36
36
  enumerable: true,
37
- get: function () {
38
- return e[k];
39
- }
37
+ get: function () { return e[k]; }
40
38
  });
41
39
  }
42
40
  });
43
41
  }
44
- n['default'] = e;
42
+ n["default"] = e;
45
43
  return Object.freeze(n);
46
44
  }
47
45
 
@@ -57,14 +55,9 @@ function ownKeys(object, enumerableOnly) {
57
55
 
58
56
  if (Object.getOwnPropertySymbols) {
59
57
  var symbols = Object.getOwnPropertySymbols(object);
60
-
61
- if (enumerableOnly) {
62
- symbols = symbols.filter(function (sym) {
63
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
64
- });
65
- }
66
-
67
- keys.push.apply(keys, symbols);
58
+ enumerableOnly && (symbols = symbols.filter(function (sym) {
59
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
60
+ })), keys.push.apply(keys, symbols);
68
61
  }
69
62
 
70
63
  return keys;
@@ -72,19 +65,12 @@ function ownKeys(object, enumerableOnly) {
72
65
 
73
66
  function _objectSpread2(target) {
74
67
  for (var i = 1; i < arguments.length; i++) {
75
- var source = arguments[i] != null ? arguments[i] : {};
76
-
77
- if (i % 2) {
78
- ownKeys(Object(source), true).forEach(function (key) {
79
- _defineProperty(target, key, source[key]);
80
- });
81
- } else if (Object.getOwnPropertyDescriptors) {
82
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
83
- } else {
84
- ownKeys(Object(source)).forEach(function (key) {
85
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
86
- });
87
- }
68
+ var source = null != arguments[i] ? arguments[i] : {};
69
+ i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
70
+ _defineProperty(target, key, source[key]);
71
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
72
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
73
+ });
88
74
  }
89
75
 
90
76
  return target;
@@ -303,9 +289,9 @@ var COMPONENT_ID$l = 'colorpickers.colorpicker';
303
289
  var getColorPickerWidth = function getColorPickerWidth(props) {
304
290
  return props.isOpaque ? 268 : 312;
305
291
  };
306
- var StyledColorPicker = styled__default['default'].div.attrs({
292
+ var StyledColorPicker = styled__default["default"].div.attrs({
307
293
  'data-garden-id': COMPONENT_ID$l,
308
- 'data-garden-version': '8.45.0'
294
+ 'data-garden-version': '8.47.2'
309
295
  }).withConfig({
310
296
  displayName: "StyledColorPicker",
311
297
  componentId: "sc-1donyl9-0"
@@ -364,9 +350,9 @@ var sizeStyles$2 = function sizeStyles(props) {
364
350
  }
365
351
  return "\n /* stylelint-disable-next-line declaration-no-important */\n margin-top: 0 !important;\n margin-".concat(props.theme.rtl ? 'right' : 'left', ": ").concat(marginHorizontal, ";\n height: ").concat(height, "px; /* [1] */\n box-sizing: content-box; /* [2] */\n border: ").concat(border, ";\n border-radius: ").concat(borderRadius, ";\n\n ").concat(trackStyles("\n margin: ".concat(trackMargin, "px ").concat(trackOffset, "px;\n height: ").concat(trackHeight, "px;\n ")), "\n\n ").concat(thumbStyles("\n margin: ".concat(thumbMargin, "px 0;\n border-width: ").concat(polished.math("".concat(props.theme.borderWidths.sm, " * 2")), ";\n height: ").concat(thumbSize, "px;\n width: ").concat(thumbSize, "px;\n ")), ";\n ");
366
352
  };
367
- var StyledRange = styled__default['default'](reactForms.Range).attrs({
353
+ var StyledRange = styled__default["default"](reactForms.Range).attrs({
368
354
  'data-garden-id': COMPONENT_ID$k,
369
- 'data-garden-version': '8.45.0',
355
+ 'data-garden-version': '8.47.2',
370
356
  hasLowerTrack: false
371
357
  }).withConfig({
372
358
  displayName: "StyledRange",
@@ -379,9 +365,9 @@ StyledRange.defaultProps = {
379
365
  };
380
366
 
381
367
  var COMPONENT_ID$j = 'colorpickers.colorpicker_hue';
382
- var StyledHueRange = styled__default['default'](StyledRange).attrs({
368
+ var StyledHueRange = styled__default["default"](StyledRange).attrs({
383
369
  'data-garden-id': COMPONENT_ID$j,
384
- 'data-garden-version': '8.45.0'
370
+ 'data-garden-version': '8.47.2'
385
371
  }).withConfig({
386
372
  displayName: "StyledHueRange",
387
373
  componentId: "sc-13ly7p-0"
@@ -420,14 +406,14 @@ var background$3 = function background(props) {
420
406
  var gradientBackground = "linear-gradient(".concat(direction, ", ").concat(fromColor, ", ").concat(toColor, ") 0 ").concat(positionY, "px / 100% ").concat(height, "px no-repeat");
421
407
  return "".concat(gradientBackground, ", ").concat(checkeredBackground(props.theme, height, positionY, 'repeat-x'));
422
408
  };
423
- var StyledAlphaRange = styled__default['default'](StyledRange).attrs(function (props) {
409
+ var StyledAlphaRange = styled__default["default"](StyledRange).attrs(function (props) {
424
410
  return {
425
411
  style: {
426
412
  backgroundSize: 'auto',
427
413
  background: background$3(props)
428
414
  },
429
415
  'data-garden-id': COMPONENT_ID$i,
430
- 'data-garden-version': '8.45.0'
416
+ 'data-garden-version': '8.47.2'
431
417
  };
432
418
  }).withConfig({
433
419
  displayName: "StyledAlphaRange",
@@ -447,13 +433,13 @@ var background$2 = function background(props) {
447
433
  }
448
434
  return retVal;
449
435
  };
450
- var StyledPreview = styled__default['default'].div.attrs(function (props) {
436
+ var StyledPreview = styled__default["default"].div.attrs(function (props) {
451
437
  return {
452
438
  style: {
453
439
  background: background$2(props)
454
440
  },
455
441
  'data-garden-id': COMPONENT_ID$h,
456
- 'data-garden-version': '8.45.0',
442
+ 'data-garden-version': '8.47.2',
457
443
  'data-test-id': 'preview-box'
458
444
  };
459
445
  }).withConfig({
@@ -486,10 +472,10 @@ var background$1 = function background(props) {
486
472
  var color = "linear-gradient(".concat(colorValue, ", ").concat(colorValue, ")");
487
473
  return "".concat(black, ", ").concat(white, ", ").concat(color);
488
474
  };
489
- var StyledColorWell = styled__default['default'].div.attrs(function (props) {
475
+ var StyledColorWell = styled__default["default"].div.attrs(function (props) {
490
476
  return {
491
477
  'data-garden-id': COMPONENT_ID$g,
492
- 'data-garden-version': '8.45.0',
478
+ 'data-garden-version': '8.47.2',
493
479
  'data-test-id': 'colorwell',
494
480
  style: {
495
481
  background: background$1(props)
@@ -514,10 +500,10 @@ var sizeStyles$1 = function sizeStyles(theme) {
514
500
  var translateValue = size / -2;
515
501
  return "\n transform: translate(".concat(translateValue, "px, ").concat(translateValue, "px);\n box-sizing: border-box;\n border-width: ").concat(borderWidth, "px;\n width: ").concat(size, "px;\n height: ").concat(size, "px;\n ");
516
502
  };
517
- var StyledColorWellThumb = styled__default['default'].div.attrs(function (props) {
503
+ var StyledColorWellThumb = styled__default["default"].div.attrs(function (props) {
518
504
  return {
519
505
  'data-garden-id': COMPONENT_ID$f,
520
- 'data-garden-version': '8.45.0',
506
+ 'data-garden-version': '8.47.2',
521
507
  'data-test-id': 'colorwell-thumb',
522
508
  style: {
523
509
  top: "".concat(props.top, "%"),
@@ -541,9 +527,9 @@ StyledColorWellThumb.defaultProps = {
541
527
  };
542
528
 
543
529
  var COMPONENT_ID$e = 'colorpickers.colorpicker_slider_group';
544
- var StyledSliderGroup = styled__default['default'].div.attrs({
530
+ var StyledSliderGroup = styled__default["default"].div.attrs({
545
531
  'data-garden-id': COMPONENT_ID$e,
546
- 'data-garden-version': '8.45.0'
532
+ 'data-garden-version': '8.47.2'
547
533
  }).withConfig({
548
534
  displayName: "StyledSliderGroup",
549
535
  componentId: "sc-rsq0ak-0"
@@ -557,9 +543,9 @@ StyledSliderGroup.defaultProps = {
557
543
  };
558
544
 
559
545
  var COMPONENT_ID$d = 'colorpickers.colorpicker_hex_field';
560
- var StyledHexField = styled__default['default'](reactForms.Field).attrs({
546
+ var StyledHexField = styled__default["default"](reactForms.Field).attrs({
561
547
  'data-garden-id': COMPONENT_ID$d,
562
- 'data-garden-version': '8.45.0',
548
+ 'data-garden-version': '8.47.2',
563
549
  spellcheck: false
564
550
  }).withConfig({
565
551
  displayName: "StyledHexField",
@@ -572,9 +558,9 @@ StyledHexField.defaultProps = {
572
558
  };
573
559
 
574
560
  var COMPONENT_ID$c = 'colorpickers.colorpicker_label';
575
- var StyledLabel = styled__default['default'](reactForms.Label).attrs({
561
+ var StyledLabel = styled__default["default"](reactForms.Label).attrs({
576
562
  'data-garden-id': COMPONENT_ID$c,
577
- 'data-garden-version': '8.45.0'
563
+ 'data-garden-version': '8.47.2'
578
564
  }).withConfig({
579
565
  displayName: "StyledLabel",
580
566
  componentId: "sc-1klhp6m-0"
@@ -586,9 +572,9 @@ StyledLabel.defaultProps = {
586
572
  };
587
573
 
588
574
  var COMPONENT_ID$b = 'colorpickers.colorpicker_input';
589
- var StyledInput = styled__default['default'](reactForms.Input).attrs({
575
+ var StyledInput = styled__default["default"](reactForms.Input).attrs({
590
576
  'data-garden-id': COMPONENT_ID$b,
591
- 'data-garden-version': '8.45.0',
577
+ 'data-garden-version': '8.47.2',
592
578
  focusInset: false
593
579
  }).withConfig({
594
580
  displayName: "StyledInput",
@@ -601,9 +587,9 @@ StyledInput.defaultProps = {
601
587
  };
602
588
 
603
589
  var COMPONENT_ID$a = 'colorpickers.colorpicker_input_group';
604
- var StyledInputGroup = styled__default['default'].div.attrs({
590
+ var StyledInputGroup = styled__default["default"].div.attrs({
605
591
  'data-garden-id': COMPONENT_ID$a,
606
- 'data-garden-version': '8.45.0'
592
+ 'data-garden-version': '8.47.2'
607
593
  }).withConfig({
608
594
  displayName: "StyledInputGroup",
609
595
  componentId: "sc-mmy93w-0"
@@ -620,9 +606,9 @@ var sizeStyles = function sizeStyles(theme) {
620
606
  var width = "".concat(theme.space.base * 12.75, "px");
621
607
  return "\n margin-".concat(theme.rtl ? 'right' : 'left', ": ").concat(margin, ";\n width: ").concat(width, ";\n min-width: ").concat(width, ";\n ");
622
608
  };
623
- var StyledRGBAField = styled__default['default'](reactForms.Field).attrs({
609
+ var StyledRGBAField = styled__default["default"](reactForms.Field).attrs({
624
610
  'data-garden-id': COMPONENT_ID$9,
625
- 'data-garden-version': '8.45.0'
611
+ 'data-garden-version': '8.47.2'
626
612
  }).withConfig({
627
613
  displayName: "StyledRGBAField",
628
614
  componentId: "sc-ibo1yw-0"
@@ -636,9 +622,9 @@ StyledRGBAField.defaultProps = {
636
622
  };
637
623
 
638
624
  var COMPONENT_ID$8 = 'colorpickers.colorpicker_sliders';
639
- var StyledSliders = styled__default['default'].div.attrs({
625
+ var StyledSliders = styled__default["default"].div.attrs({
640
626
  'data-garden-id': COMPONENT_ID$8,
641
- 'data-garden-version': '8.45.0'
627
+ 'data-garden-version': '8.47.2'
642
628
  }).withConfig({
643
629
  displayName: "StyledSliders",
644
630
  componentId: "sc-aclca2-0"
@@ -656,10 +642,10 @@ StyledSliders.defaultProps = {
656
642
  };
657
643
 
658
644
  var COMPONENT_ID$7 = 'colorpickers.colordialog_button';
659
- var StyledButton = styled__default['default'](reactButtons.Button).attrs({
645
+ var StyledButton = styled__default["default"](reactButtons.Button).attrs({
660
646
  isNeutral: true,
661
647
  'data-garden-id': COMPONENT_ID$7,
662
- 'data-garden-version': '8.45.0'
648
+ 'data-garden-version': '8.47.2'
663
649
  }).withConfig({
664
650
  displayName: "StyledButton",
665
651
  componentId: "sc-101xjve-0"
@@ -700,13 +686,13 @@ var background = function background(props) {
700
686
  }
701
687
  return "linear-gradient(".concat(color, ", ").concat(color, ")");
702
688
  };
703
- var StyledButtonPreview = styled__default['default'].span.attrs(function (props) {
689
+ var StyledButtonPreview = styled__default["default"].span.attrs(function (props) {
704
690
  return {
705
691
  style: {
706
692
  background: "".concat(background(props), ", ").concat(checkeredBackground(props.theme, 8))
707
693
  },
708
694
  'data-garden-id': COMPONENT_ID$6,
709
- 'data-garden-version': '8.45.0',
695
+ 'data-garden-version': '8.47.2',
710
696
  'data-test-id': 'dialog-preview'
711
697
  };
712
698
  }).withConfig({
@@ -732,9 +718,9 @@ StyledButtonPreview.defaultProps = {
732
718
  };
733
719
 
734
720
  var COMPONENT_ID$5 = 'colorpickers.colordialog_tooltipmodal';
735
- var StyledTooltipModal = styled__default['default'](reactModals.TooltipModal).attrs({
721
+ var StyledTooltipModal = styled__default["default"](reactModals.TooltipModal).attrs({
736
722
  'data-garden-id': COMPONENT_ID$5,
737
- 'data-garden-version': '8.45.0'
723
+ 'data-garden-version': '8.47.2'
738
724
  }).withConfig({
739
725
  displayName: "StyledTooltipModal",
740
726
  componentId: "sc-o022s8-0"
@@ -746,9 +732,9 @@ StyledTooltipModal.defaultProps = {
746
732
  };
747
733
 
748
734
  var COMPONENT_ID$4 = 'colorpickers.colordialog_tooltipmodal_body';
749
- var StyledTooltipBody = styled__default['default'](reactModals.TooltipModal.Body).attrs({
735
+ var StyledTooltipBody = styled__default["default"](reactModals.TooltipModal.Body).attrs({
750
736
  'data-garden-id': COMPONENT_ID$4,
751
- 'data-garden-version': '8.45.0'
737
+ 'data-garden-version': '8.47.2'
752
738
  }).withConfig({
753
739
  displayName: "StyledTooltipBody",
754
740
  componentId: "sc-6gsgsy-0"
@@ -760,12 +746,12 @@ StyledTooltipBody.defaultProps = {
760
746
  };
761
747
 
762
748
  var COMPONENT_ID$3 = 'colorpickers.swatch_button';
763
- var StyledSwatchButton = styled__default['default'](StyledButtonPreview).attrs(function (props) {
749
+ var StyledSwatchButton = styled__default["default"](StyledButtonPreview).attrs(function (props) {
764
750
  return {
765
751
  as: 'button',
766
752
  'data-garden-id': COMPONENT_ID$3,
767
753
  'data-test-id': props.backgroundColor,
768
- 'data-garden-version': '8.45.0'
754
+ 'data-garden-version': '8.47.2'
769
755
  };
770
756
  }).withConfig({
771
757
  displayName: "StyledSwatchButton",
@@ -782,9 +768,9 @@ StyledSwatchButton.defaultProps = {
782
768
  };
783
769
 
784
770
  var COMPONENT_ID$2 = 'colorpickers.color_swatch';
785
- var StyledColorSwatch = styled__default['default'].table.attrs({
771
+ var StyledColorSwatch = styled__default["default"].table.attrs({
786
772
  'data-garden-id': COMPONENT_ID$2,
787
- 'data-garden-version': '8.45.0',
773
+ 'data-garden-version': '8.47.2',
788
774
  role: 'grid'
789
775
  }).withConfig({
790
776
  displayName: "StyledColorSwatch",
@@ -809,15 +795,15 @@ var colorStyles = function colorStyles(props) {
809
795
  }
810
796
  return "\n color: ".concat(checkColor, "\n ");
811
797
  };
812
- var StyledIcon = styled__default['default'](function (_ref) {
798
+ var StyledIcon = styled__default["default"](function (_ref) {
813
799
  var children = _ref.children;
814
800
  _ref.color;
815
801
  _ref.theme;
816
802
  var props = _objectWithoutProperties(_ref, _excluded$4);
817
- return React__default['default'].cloneElement(React.Children.only(children), props);
803
+ return React__default["default"].cloneElement(React.Children.only(children), props);
818
804
  }).attrs({
819
805
  'data-garden-id': COMPONENT_ID$1,
820
- 'data-garden-version': '8.45.0'
806
+ 'data-garden-version': '8.47.2'
821
807
  }).withConfig({
822
808
  displayName: "StyledIcon",
823
809
  componentId: "sc-8oigif-0"
@@ -835,9 +821,9 @@ StyledIcon.defaultProps = {
835
821
  };
836
822
 
837
823
  var COMPONENT_ID = 'colorpickers.swatch_cell';
838
- var StyledCell = styled__default['default'].td.attrs({
824
+ var StyledCell = styled__default["default"].td.attrs({
839
825
  'data-garden-id': COMPONENT_ID,
840
- 'data-garden-version': '8.45.0'
826
+ 'data-garden-version': '8.47.2'
841
827
  }).withConfig({
842
828
  displayName: "StyledCell",
843
829
  componentId: "sc-qr3oit-0"
@@ -850,7 +836,7 @@ StyledCell.defaultProps = {
850
836
  theme: reactTheming.DEFAULT_THEME
851
837
  };
852
838
 
853
- var ColorWell = React__default['default'].memo(function (_ref) {
839
+ var ColorWell = React__default["default"].memo(function (_ref) {
854
840
  var hue = _ref.hue,
855
841
  saturation = _ref.saturation,
856
842
  lightness = _ref.lightness,
@@ -884,7 +870,7 @@ var ColorWell = React__default['default'].memo(function (_ref) {
884
870
  setLeftPosition(rtl ? 100 - hsv.s : hsv.s);
885
871
  }, [hsv.s, hsv.v, rtl]);
886
872
  var throttledChange = React.useMemo(function () {
887
- return throttle__default['default'](function (e) {
873
+ return throttle__default["default"](function (e) {
888
874
  if (containerRef.current) {
889
875
  var nextHsv = getNextHsv(e, hue, containerRef.current, rtl);
890
876
  onChange && onChange(nextHsv, e);
@@ -919,12 +905,12 @@ var ColorWell = React__default['default'].memo(function (_ref) {
919
905
  throttledChange.cancel();
920
906
  };
921
907
  }, [throttledChange]);
922
- return React__default['default'].createElement(StyledColorWell, {
908
+ return React__default["default"].createElement(StyledColorWell, {
923
909
  hue: hue,
924
910
  ref: containerRef,
925
911
  role: "presentation",
926
912
  onMouseDown: handleMouseDown
927
- }, React__default['default'].createElement(StyledColorWellThumb, {
913
+ }, React__default["default"].createElement(StyledColorWellThumb, {
928
914
  top: mouseActiveRef.current ? topFromMouse : topPosition,
929
915
  left: mouseActiveRef.current ? leftFromMouse : leftPosition
930
916
  }));
@@ -975,7 +961,7 @@ var areColorsEqual = function areColorsEqual(a, b) {
975
961
  if (colorA === undefined || colorB === undefined) {
976
962
  return false;
977
963
  }
978
- return isEqual__default['default'](colorA, colorB);
964
+ return isEqual__default["default"](colorA, colorB);
979
965
  };
980
966
  function getInitialState(color) {
981
967
  var whiteColor = {
@@ -1283,33 +1269,33 @@ var Colorpicker = React.forwardRef(function (_ref, ref) {
1283
1269
  payload: computedColor
1284
1270
  });
1285
1271
  }, [computedColor]);
1286
- return React__default['default'].createElement(StyledColorPicker, _extends$2({
1272
+ return React__default["default"].createElement(StyledColorPicker, _extends$2({
1287
1273
  ref: ref,
1288
1274
  isOpaque: isOpaque
1289
- }, props), React__default['default'].createElement(ColorWell, {
1275
+ }, props), React__default["default"].createElement(ColorWell, {
1290
1276
  hue: computedColor.hue,
1291
1277
  saturation: computedColor.saturation,
1292
1278
  lightness: computedColor.lightness,
1293
1279
  onChange: handleColorWellChange
1294
- }), React__default['default'].createElement(StyledSliderGroup, null, React__default['default'].createElement(StyledPreview, {
1280
+ }), React__default["default"].createElement(StyledSliderGroup, null, React__default["default"].createElement(StyledPreview, {
1295
1281
  red: computedColor.red,
1296
1282
  green: computedColor.green,
1297
1283
  blue: computedColor.blue,
1298
1284
  alpha: computedColor.alpha,
1299
1285
  isOpaque: isOpaque
1300
- }), React__default['default'].createElement(StyledSliders, {
1286
+ }), React__default["default"].createElement(StyledSliders, {
1301
1287
  isOpaque: isOpaque
1302
- }, React__default['default'].createElement(reactForms.Field, null, React__default['default'].createElement(reactForms.Label, {
1288
+ }, React__default["default"].createElement(reactForms.Field, null, React__default["default"].createElement(reactForms.Label, {
1303
1289
  hidden: true
1304
- }, labels.hueSlider || 'Hue slider'), React__default['default'].createElement(StyledHueRange, {
1290
+ }, labels.hueSlider || 'Hue slider'), React__default["default"].createElement(StyledHueRange, {
1305
1291
  step: 1,
1306
1292
  max: 360,
1307
1293
  value: computedColor.hue,
1308
1294
  isOpaque: isOpaque,
1309
1295
  onChange: handleHueChange
1310
- })), !isOpaque && React__default['default'].createElement(reactForms.Field, null, React__default['default'].createElement(reactForms.Label, {
1296
+ })), !isOpaque && React__default["default"].createElement(reactForms.Field, null, React__default["default"].createElement(reactForms.Label, {
1311
1297
  hidden: true
1312
- }, labels.alphaSlider || 'Alpha slider'), React__default['default'].createElement(StyledAlphaRange, {
1298
+ }, labels.alphaSlider || 'Alpha slider'), React__default["default"].createElement(StyledAlphaRange, {
1313
1299
  max: 1,
1314
1300
  step: 0.01,
1315
1301
  value: computedColor.alpha / 100,
@@ -1317,9 +1303,9 @@ var Colorpicker = React.forwardRef(function (_ref, ref) {
1317
1303
  red: computedColor.red,
1318
1304
  green: computedColor.green,
1319
1305
  blue: computedColor.blue
1320
- })))), React__default['default'].createElement(StyledInputGroup, null, React__default['default'].createElement(StyledHexField, null, React__default['default'].createElement(StyledLabel, {
1306
+ })))), React__default["default"].createElement(StyledInputGroup, null, React__default["default"].createElement(StyledHexField, null, React__default["default"].createElement(StyledLabel, {
1321
1307
  isRegular: true
1322
- }, labels.hex || 'Hex'), React__default['default'].createElement(StyledInput, {
1308
+ }, labels.hex || 'Hex'), React__default["default"].createElement(StyledInput, {
1323
1309
  isCompact: true,
1324
1310
  maxLength: 7,
1325
1311
  value: state.hexInput
@@ -1328,9 +1314,9 @@ var Colorpicker = React.forwardRef(function (_ref, ref) {
1328
1314
  spellCheck: false,
1329
1315
  onBlur: handleBlur,
1330
1316
  onChange: handleHexChange
1331
- })), React__default['default'].createElement(StyledRGBAField, null, React__default['default'].createElement(StyledLabel, {
1317
+ })), React__default["default"].createElement(StyledRGBAField, null, React__default["default"].createElement(StyledLabel, {
1332
1318
  isRegular: true
1333
- }, labels.red || 'R'), React__default['default'].createElement(StyledInput, {
1319
+ }, labels.red || 'R'), React__default["default"].createElement(StyledInput, {
1334
1320
  isCompact: true,
1335
1321
  type: "number",
1336
1322
  min: "0",
@@ -1339,9 +1325,9 @@ var Colorpicker = React.forwardRef(function (_ref, ref) {
1339
1325
  value: state.redInput,
1340
1326
  onBlur: handleBlur,
1341
1327
  onChange: handleRedChange
1342
- })), React__default['default'].createElement(StyledRGBAField, null, React__default['default'].createElement(StyledLabel, {
1328
+ })), React__default["default"].createElement(StyledRGBAField, null, React__default["default"].createElement(StyledLabel, {
1343
1329
  isRegular: true
1344
- }, labels.green || 'G'), React__default['default'].createElement(StyledInput, {
1330
+ }, labels.green || 'G'), React__default["default"].createElement(StyledInput, {
1345
1331
  isCompact: true,
1346
1332
  type: "number",
1347
1333
  min: "0",
@@ -1350,9 +1336,9 @@ var Colorpicker = React.forwardRef(function (_ref, ref) {
1350
1336
  value: state.greenInput,
1351
1337
  onBlur: handleBlur,
1352
1338
  onChange: handleGreenChange
1353
- })), React__default['default'].createElement(StyledRGBAField, null, React__default['default'].createElement(StyledLabel, {
1339
+ })), React__default["default"].createElement(StyledRGBAField, null, React__default["default"].createElement(StyledLabel, {
1354
1340
  isRegular: true
1355
- }, labels.blue || 'B'), React__default['default'].createElement(StyledInput, {
1341
+ }, labels.blue || 'B'), React__default["default"].createElement(StyledInput, {
1356
1342
  isCompact: true,
1357
1343
  type: "number",
1358
1344
  min: "0",
@@ -1361,9 +1347,9 @@ var Colorpicker = React.forwardRef(function (_ref, ref) {
1361
1347
  value: state.blueInput,
1362
1348
  onBlur: handleBlur,
1363
1349
  onChange: handleBlueChange
1364
- })), !isOpaque && React__default['default'].createElement(StyledRGBAField, null, React__default['default'].createElement(StyledLabel, {
1350
+ })), !isOpaque && React__default["default"].createElement(StyledRGBAField, null, React__default["default"].createElement(StyledLabel, {
1365
1351
  isRegular: true
1366
- }, labels.alpha || 'A'), React__default['default'].createElement(StyledInput, {
1352
+ }, labels.alpha || 'A'), React__default["default"].createElement(StyledInput, {
1367
1353
  isCompact: true,
1368
1354
  type: "number",
1369
1355
  min: "0",
@@ -1378,30 +1364,30 @@ Colorpicker.defaultProps = {
1378
1364
  };
1379
1365
  Colorpicker.displayName = 'Colorpicker';
1380
1366
  Colorpicker.propTypes = {
1381
- color: PropTypes__default['default'].oneOfType([PropTypes__default['default'].object, PropTypes__default['default'].string]),
1382
- isOpaque: PropTypes__default['default'].bool,
1383
- onChange: PropTypes__default['default'].func,
1384
- labels: PropTypes__default['default'].object,
1385
- defaultColor: PropTypes__default['default'].oneOfType([PropTypes__default['default'].object, PropTypes__default['default'].string])
1367
+ color: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string]),
1368
+ isOpaque: PropTypes__default["default"].bool,
1369
+ onChange: PropTypes__default["default"].func,
1370
+ labels: PropTypes__default["default"].object,
1371
+ defaultColor: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string])
1386
1372
  };
1387
1373
 
1388
- function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
1374
+ var _path$1;
1389
1375
 
1390
- var _ref$1 = /*#__PURE__*/React__namespace.createElement("path", {
1391
- fill: "currentColor",
1392
- d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
1393
- });
1376
+ function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
1394
1377
 
1395
- function SvgChevronDownStroke(props) {
1378
+ var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
1396
1379
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
1397
1380
  xmlns: "http://www.w3.org/2000/svg",
1398
1381
  width: 16,
1399
1382
  height: 16,
1400
- viewBox: "0 0 16 16",
1401
1383
  focusable: "false",
1402
- role: "presentation"
1403
- }, props), _ref$1);
1404
- }
1384
+ viewBox: "0 0 16 16",
1385
+ "aria-hidden": "true"
1386
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
1387
+ fill: "currentColor",
1388
+ d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
1389
+ })));
1390
+ };
1405
1391
 
1406
1392
  var _excluded$2 = ["color", "defaultColor", "placement", "onChange", "onClose", "labels", "hasArrow", "isAnimated", "isOpaque", "isOpen", "popperModifiers", "zIndex", "focusInset", "disabled", "buttonProps", "onDialogChange", "children"];
1407
1393
  var ColorpickerDialog = React.forwardRef(function (_ref, ref) {
@@ -1463,19 +1449,19 @@ var ColorpickerDialog = React.forwardRef(function (_ref, ref) {
1463
1449
  }
1464
1450
  }
1465
1451
  }, [isOpen, isDialogControlled]);
1466
- return React__default['default'].createElement(React__default['default'].Fragment, null, children ? React.cloneElement(React.Children.only(children), {
1452
+ return React__default["default"].createElement(React__default["default"].Fragment, null, children ? React.cloneElement(React.Children.only(children), {
1467
1453
  onClick: onClick,
1468
1454
  ref: buttonRef
1469
- }) : React__default['default'].createElement(StyledButton, _extends$2({
1455
+ }) : React__default["default"].createElement(StyledButton, _extends$2({
1470
1456
  disabled: disabled,
1471
1457
  focusInset: focusInset,
1472
1458
  ref: buttonRef,
1473
1459
  onClick: onClick
1474
- }, buttonProps), React__default['default'].createElement(StyledButtonPreview, {
1460
+ }, buttonProps), React__default["default"].createElement(StyledButtonPreview, {
1475
1461
  backgroundColor: isControlled ? color : uncontrolledColor
1476
- }), React__default['default'].createElement(reactButtons.Button.EndIcon, {
1462
+ }), React__default["default"].createElement(reactButtons.Button.EndIcon, {
1477
1463
  isRotated: referenceElement != null
1478
- }, React__default['default'].createElement(SvgChevronDownStroke, null))), React__default['default'].createElement(StyledTooltipModal, _extends$2({
1464
+ }, React__default["default"].createElement(SvgChevronDownStroke, null))), React__default["default"].createElement(StyledTooltipModal, _extends$2({
1479
1465
  ref: ref,
1480
1466
  hasArrow: hasArrow,
1481
1467
  popperModifiers: popperModifiers,
@@ -1489,7 +1475,7 @@ var ColorpickerDialog = React.forwardRef(function (_ref, ref) {
1489
1475
  closeDialog();
1490
1476
  _onClose && _onClose(isControlled ? color : uncontrolledColor);
1491
1477
  }
1492
- }, props), React__default['default'].createElement(StyledTooltipBody, null, React__default['default'].createElement(Colorpicker, {
1478
+ }, props), React__default["default"].createElement(StyledTooltipBody, null, React__default["default"].createElement(Colorpicker, {
1493
1479
  autofocus: true,
1494
1480
  color: color,
1495
1481
  isOpaque: isOpaque,
@@ -1500,15 +1486,15 @@ var ColorpickerDialog = React.forwardRef(function (_ref, ref) {
1500
1486
  }))));
1501
1487
  });
1502
1488
  ColorpickerDialog.propTypes = {
1503
- placement: PropTypes__default['default'].oneOf(['auto', 'top', 'top-start', 'top-end', 'end', 'end-top', 'end-bottom', 'bottom', 'bottom-start', 'bottom-end', 'start', 'start-top', 'start-bottom']),
1504
- onClose: PropTypes__default['default'].func,
1505
- onChange: PropTypes__default['default'].func,
1506
- onDialogChange: PropTypes__default['default'].func,
1507
- disabled: PropTypes__default['default'].bool,
1508
- labels: PropTypes__default['default'].object,
1509
- color: PropTypes__default['default'].oneOfType([PropTypes__default['default'].object, PropTypes__default['default'].string]),
1510
- defaultColor: PropTypes__default['default'].oneOfType([PropTypes__default['default'].object, PropTypes__default['default'].string]),
1511
- buttonProps: PropTypes__default['default'].object
1489
+ placement: PropTypes__default["default"].oneOf(['auto', 'top', 'top-start', 'top-end', 'end', 'end-top', 'end-bottom', 'bottom', 'bottom-start', 'bottom-end', 'start', 'start-top', 'start-bottom']),
1490
+ onClose: PropTypes__default["default"].func,
1491
+ onChange: PropTypes__default["default"].func,
1492
+ onDialogChange: PropTypes__default["default"].func,
1493
+ disabled: PropTypes__default["default"].bool,
1494
+ labels: PropTypes__default["default"].object,
1495
+ color: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string]),
1496
+ defaultColor: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string]),
1497
+ buttonProps: PropTypes__default["default"].object
1512
1498
  };
1513
1499
  ColorpickerDialog.defaultProps = {
1514
1500
  placement: 'bottom-start',
@@ -1518,27 +1504,27 @@ ColorpickerDialog.defaultProps = {
1518
1504
  };
1519
1505
  ColorpickerDialog.displayName = 'ColorpickerDialog';
1520
1506
 
1521
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1507
+ var _path;
1522
1508
 
1523
- var _ref = /*#__PURE__*/React__namespace.createElement("path", {
1524
- fill: "none",
1525
- stroke: "currentColor",
1526
- strokeLinecap: "round",
1527
- strokeLinejoin: "round",
1528
- strokeWidth: 2,
1529
- d: "M3 6l2 2 4-4"
1530
- });
1509
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1531
1510
 
1532
- function SvgCheckSmFill(props) {
1511
+ var SvgCheckSmFill = function SvgCheckSmFill(props) {
1533
1512
  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
1534
1513
  xmlns: "http://www.w3.org/2000/svg",
1535
1514
  width: 12,
1536
1515
  height: 12,
1537
- viewBox: "0 0 12 12",
1538
1516
  focusable: "false",
1539
- role: "presentation"
1540
- }, props), _ref);
1541
- }
1517
+ viewBox: "0 0 12 12",
1518
+ "aria-hidden": "true"
1519
+ }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
1520
+ fill: "none",
1521
+ stroke: "currentColor",
1522
+ strokeLinecap: "round",
1523
+ strokeLinejoin: "round",
1524
+ strokeWidth: 2,
1525
+ d: "M3 6l2 2 4-4"
1526
+ })));
1527
+ };
1542
1528
 
1543
1529
  var _excluded$1 = ["colors"],
1544
1530
  _excluded2 = ["aria-selected"];
@@ -1555,10 +1541,10 @@ var ColorSwatch = React.forwardRef(function (_ref, ref) {
1555
1541
  idPrefix: containerUtilities.useId()
1556
1542
  }, props)),
1557
1543
  getGridCellProps = _useGrid.getGridCellProps;
1558
- return React__default['default'].createElement(StyledColorSwatch, {
1544
+ return React__default["default"].createElement(StyledColorSwatch, {
1559
1545
  ref: ref
1560
- }, React__default['default'].createElement("tbody", null, colors.map(function (row, rowIdx) {
1561
- return React__default['default'].createElement("tr", {
1546
+ }, React__default["default"].createElement("tbody", null, colors.map(function (row, rowIdx) {
1547
+ return React__default["default"].createElement("tr", {
1562
1548
  key: row[0].value
1563
1549
  }, row.map(function (color, colIdx) {
1564
1550
  var label = color.label,
@@ -1571,34 +1557,34 @@ var ColorSwatch = React.forwardRef(function (_ref, ref) {
1571
1557
  }),
1572
1558
  ariaSelected = _getGridCellProps['aria-selected'],
1573
1559
  other = _objectWithoutProperties(_getGridCellProps, _excluded2);
1574
- return React__default['default'].createElement(StyledCell, {
1560
+ return React__default["default"].createElement(StyledCell, {
1575
1561
  key: value,
1576
1562
  "aria-selected": ariaSelected
1577
- }, React__default['default'].createElement(reactTooltips.Tooltip, {
1563
+ }, React__default["default"].createElement(reactTooltips.Tooltip, {
1578
1564
  content: label
1579
- }, React__default['default'].createElement(StyledSwatchButton, _extends$2({
1565
+ }, React__default["default"].createElement(StyledSwatchButton, _extends$2({
1580
1566
  backgroundColor: value,
1581
1567
  "aria-pressed": ariaSelected
1582
- }, other), React__default['default'].createElement(StyledIcon, {
1568
+ }, other), React__default["default"].createElement(StyledIcon, {
1583
1569
  color: value,
1584
1570
  selected: ariaSelected
1585
- }, React__default['default'].createElement(SvgCheckSmFill, null)))));
1571
+ }, React__default["default"].createElement(SvgCheckSmFill, null)))));
1586
1572
  }));
1587
1573
  })));
1588
1574
  });
1589
1575
  ColorSwatch.displayName = 'ColorSwatch';
1590
1576
  ColorSwatch.propTypes = {
1591
- colors: PropTypes__default['default'].arrayOf(PropTypes__default['default'].any).isRequired,
1592
- rowIndex: PropTypes__default['default'].number,
1593
- colIndex: PropTypes__default['default'].number,
1594
- selectedRowIndex: PropTypes__default['default'].number,
1595
- selectedColIndex: PropTypes__default['default'].number,
1596
- defaultRowIndex: PropTypes__default['default'].number,
1597
- defaultColIndex: PropTypes__default['default'].number,
1598
- defaultSelectedRowIndex: PropTypes__default['default'].number,
1599
- defaultSelectedColIndex: PropTypes__default['default'].number,
1600
- onChange: PropTypes__default['default'].func,
1601
- onSelect: PropTypes__default['default'].func
1577
+ colors: PropTypes__default["default"].arrayOf(PropTypes__default["default"].any).isRequired,
1578
+ rowIndex: PropTypes__default["default"].number,
1579
+ colIndex: PropTypes__default["default"].number,
1580
+ selectedRowIndex: PropTypes__default["default"].number,
1581
+ selectedColIndex: PropTypes__default["default"].number,
1582
+ defaultRowIndex: PropTypes__default["default"].number,
1583
+ defaultColIndex: PropTypes__default["default"].number,
1584
+ defaultSelectedRowIndex: PropTypes__default["default"].number,
1585
+ defaultSelectedColIndex: PropTypes__default["default"].number,
1586
+ onChange: PropTypes__default["default"].func,
1587
+ onSelect: PropTypes__default["default"].func
1602
1588
  };
1603
1589
 
1604
1590
  var _excluded = ["colors", "rowIndex", "colIndex", "selectedRowIndex", "selectedColIndex", "defaultRowIndex", "defaultColIndex", "defaultSelectedRowIndex", "defaultSelectedColIndex", "placement", "onChange", "onSelect", "hasArrow", "isAnimated", "popperModifiers", "zIndex", "isOpen", "focusInset", "disabled", "buttonProps", "onDialogChange", "children"];
@@ -1702,19 +1688,19 @@ var ColorSwatchDialog = React.forwardRef(function (_ref, ref) {
1702
1688
  }
1703
1689
  }
1704
1690
  }, [referenceElement]);
1705
- return React__default['default'].createElement(React__default['default'].Fragment, null, children ? React.cloneElement(React.Children.only(children), {
1691
+ return React__default["default"].createElement(React__default["default"].Fragment, null, children ? React.cloneElement(React.Children.only(children), {
1706
1692
  onClick: onClick,
1707
1693
  ref: buttonRef
1708
- }) : React__default['default'].createElement(StyledButton, _extends$2({
1694
+ }) : React__default["default"].createElement(StyledButton, _extends$2({
1709
1695
  disabled: disabled,
1710
1696
  focusInset: focusInset,
1711
1697
  ref: buttonRef,
1712
1698
  onClick: onClick
1713
- }, buttonProps), React__default['default'].createElement(StyledButtonPreview, {
1699
+ }, buttonProps), React__default["default"].createElement(StyledButtonPreview, {
1714
1700
  backgroundColor: isControlled ? (_controlledSelectedCo = controlledSelectedColor) === null || _controlledSelectedCo === void 0 ? void 0 : _controlledSelectedCo.value : (_uncontrolledSelected = uncontrolledSelectedColor) === null || _uncontrolledSelected === void 0 ? void 0 : _uncontrolledSelected.value
1715
- }), React__default['default'].createElement(reactButtons.Button.EndIcon, {
1701
+ }), React__default["default"].createElement(reactButtons.Button.EndIcon, {
1716
1702
  isRotated: referenceElement != null
1717
- }, React__default['default'].createElement(SvgChevronDownStroke, null))), React__default['default'].createElement(StyledTooltipModal, _extends$2({
1703
+ }, React__default["default"].createElement(SvgChevronDownStroke, null))), React__default["default"].createElement(StyledTooltipModal, _extends$2({
1718
1704
  ref: ref,
1719
1705
  zIndex: zIndex,
1720
1706
  hasArrow: hasArrow,
@@ -1724,7 +1710,7 @@ var ColorSwatchDialog = React.forwardRef(function (_ref, ref) {
1724
1710
  popperModifiers: popperModifiers,
1725
1711
  referenceElement: referenceElement,
1726
1712
  onClose: closeDialog
1727
- }, props), React__default['default'].createElement(StyledTooltipBody, null, React__default['default'].createElement(ColorSwatch, {
1713
+ }, props), React__default["default"].createElement(StyledTooltipBody, null, React__default["default"].createElement(ColorSwatch, {
1728
1714
  colors: colors,
1729
1715
  ref: colorSwatchRef,
1730
1716
  rowIndex: rowIndex,
@@ -1752,11 +1738,11 @@ var ColorSwatchDialog = React.forwardRef(function (_ref, ref) {
1752
1738
  }))));
1753
1739
  });
1754
1740
  ColorSwatchDialog.propTypes = {
1755
- placement: PropTypes__default['default'].oneOf(['auto', 'top', 'top-start', 'top-end', 'end', 'end-top', 'end-bottom', 'bottom', 'bottom-start', 'bottom-end', 'start', 'start-top', 'start-bottom']),
1756
- onChange: PropTypes__default['default'].func,
1757
- onDialogChange: PropTypes__default['default'].func,
1758
- disabled: PropTypes__default['default'].bool,
1759
- buttonProps: PropTypes__default['default'].object
1741
+ placement: PropTypes__default["default"].oneOf(['auto', 'top', 'top-start', 'top-end', 'end', 'end-top', 'end-bottom', 'bottom', 'bottom-start', 'bottom-end', 'start', 'start-top', 'start-bottom']),
1742
+ onChange: PropTypes__default["default"].func,
1743
+ onDialogChange: PropTypes__default["default"].func,
1744
+ disabled: PropTypes__default["default"].bool,
1745
+ buttonProps: PropTypes__default["default"].object
1760
1746
  };
1761
1747
  ColorSwatchDialog.defaultProps = {
1762
1748
  placement: 'bottom-start',
package/dist/index.esm.js CHANGED
@@ -25,14 +25,9 @@ function ownKeys(object, enumerableOnly) {
25
25
 
26
26
  if (Object.getOwnPropertySymbols) {
27
27
  var symbols = Object.getOwnPropertySymbols(object);
28
-
29
- if (enumerableOnly) {
30
- symbols = symbols.filter(function (sym) {
31
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
32
- });
33
- }
34
-
35
- keys.push.apply(keys, symbols);
28
+ enumerableOnly && (symbols = symbols.filter(function (sym) {
29
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
30
+ })), keys.push.apply(keys, symbols);
36
31
  }
37
32
 
38
33
  return keys;
@@ -40,19 +35,12 @@ function ownKeys(object, enumerableOnly) {
40
35
 
41
36
  function _objectSpread2(target) {
42
37
  for (var i = 1; i < arguments.length; i++) {
43
- var source = arguments[i] != null ? arguments[i] : {};
44
-
45
- if (i % 2) {
46
- ownKeys(Object(source), true).forEach(function (key) {
47
- _defineProperty(target, key, source[key]);
48
- });
49
- } else if (Object.getOwnPropertyDescriptors) {
50
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
51
- } else {
52
- ownKeys(Object(source)).forEach(function (key) {
53
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
54
- });
55
- }
38
+ var source = null != arguments[i] ? arguments[i] : {};
39
+ i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
40
+ _defineProperty(target, key, source[key]);
41
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
42
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
43
+ });
56
44
  }
57
45
 
58
46
  return target;
@@ -273,7 +261,7 @@ var getColorPickerWidth = function getColorPickerWidth(props) {
273
261
  };
274
262
  var StyledColorPicker = styled.div.attrs({
275
263
  'data-garden-id': COMPONENT_ID$l,
276
- 'data-garden-version': '8.45.0'
264
+ 'data-garden-version': '8.47.2'
277
265
  }).withConfig({
278
266
  displayName: "StyledColorPicker",
279
267
  componentId: "sc-1donyl9-0"
@@ -334,7 +322,7 @@ var sizeStyles$2 = function sizeStyles(props) {
334
322
  };
335
323
  var StyledRange = styled(Range).attrs({
336
324
  'data-garden-id': COMPONENT_ID$k,
337
- 'data-garden-version': '8.45.0',
325
+ 'data-garden-version': '8.47.2',
338
326
  hasLowerTrack: false
339
327
  }).withConfig({
340
328
  displayName: "StyledRange",
@@ -349,7 +337,7 @@ StyledRange.defaultProps = {
349
337
  var COMPONENT_ID$j = 'colorpickers.colorpicker_hue';
350
338
  var StyledHueRange = styled(StyledRange).attrs({
351
339
  'data-garden-id': COMPONENT_ID$j,
352
- 'data-garden-version': '8.45.0'
340
+ 'data-garden-version': '8.47.2'
353
341
  }).withConfig({
354
342
  displayName: "StyledHueRange",
355
343
  componentId: "sc-13ly7p-0"
@@ -395,7 +383,7 @@ var StyledAlphaRange = styled(StyledRange).attrs(function (props) {
395
383
  background: background$3(props)
396
384
  },
397
385
  'data-garden-id': COMPONENT_ID$i,
398
- 'data-garden-version': '8.45.0'
386
+ 'data-garden-version': '8.47.2'
399
387
  };
400
388
  }).withConfig({
401
389
  displayName: "StyledAlphaRange",
@@ -421,7 +409,7 @@ var StyledPreview = styled.div.attrs(function (props) {
421
409
  background: background$2(props)
422
410
  },
423
411
  'data-garden-id': COMPONENT_ID$h,
424
- 'data-garden-version': '8.45.0',
412
+ 'data-garden-version': '8.47.2',
425
413
  'data-test-id': 'preview-box'
426
414
  };
427
415
  }).withConfig({
@@ -457,7 +445,7 @@ var background$1 = function background(props) {
457
445
  var StyledColorWell = styled.div.attrs(function (props) {
458
446
  return {
459
447
  'data-garden-id': COMPONENT_ID$g,
460
- 'data-garden-version': '8.45.0',
448
+ 'data-garden-version': '8.47.2',
461
449
  'data-test-id': 'colorwell',
462
450
  style: {
463
451
  background: background$1(props)
@@ -485,7 +473,7 @@ var sizeStyles$1 = function sizeStyles(theme) {
485
473
  var StyledColorWellThumb = styled.div.attrs(function (props) {
486
474
  return {
487
475
  'data-garden-id': COMPONENT_ID$f,
488
- 'data-garden-version': '8.45.0',
476
+ 'data-garden-version': '8.47.2',
489
477
  'data-test-id': 'colorwell-thumb',
490
478
  style: {
491
479
  top: "".concat(props.top, "%"),
@@ -511,7 +499,7 @@ StyledColorWellThumb.defaultProps = {
511
499
  var COMPONENT_ID$e = 'colorpickers.colorpicker_slider_group';
512
500
  var StyledSliderGroup = styled.div.attrs({
513
501
  'data-garden-id': COMPONENT_ID$e,
514
- 'data-garden-version': '8.45.0'
502
+ 'data-garden-version': '8.47.2'
515
503
  }).withConfig({
516
504
  displayName: "StyledSliderGroup",
517
505
  componentId: "sc-rsq0ak-0"
@@ -527,7 +515,7 @@ StyledSliderGroup.defaultProps = {
527
515
  var COMPONENT_ID$d = 'colorpickers.colorpicker_hex_field';
528
516
  var StyledHexField = styled(Field).attrs({
529
517
  'data-garden-id': COMPONENT_ID$d,
530
- 'data-garden-version': '8.45.0',
518
+ 'data-garden-version': '8.47.2',
531
519
  spellcheck: false
532
520
  }).withConfig({
533
521
  displayName: "StyledHexField",
@@ -542,7 +530,7 @@ StyledHexField.defaultProps = {
542
530
  var COMPONENT_ID$c = 'colorpickers.colorpicker_label';
543
531
  var StyledLabel = styled(Label).attrs({
544
532
  'data-garden-id': COMPONENT_ID$c,
545
- 'data-garden-version': '8.45.0'
533
+ 'data-garden-version': '8.47.2'
546
534
  }).withConfig({
547
535
  displayName: "StyledLabel",
548
536
  componentId: "sc-1klhp6m-0"
@@ -556,7 +544,7 @@ StyledLabel.defaultProps = {
556
544
  var COMPONENT_ID$b = 'colorpickers.colorpicker_input';
557
545
  var StyledInput = styled(Input).attrs({
558
546
  'data-garden-id': COMPONENT_ID$b,
559
- 'data-garden-version': '8.45.0',
547
+ 'data-garden-version': '8.47.2',
560
548
  focusInset: false
561
549
  }).withConfig({
562
550
  displayName: "StyledInput",
@@ -571,7 +559,7 @@ StyledInput.defaultProps = {
571
559
  var COMPONENT_ID$a = 'colorpickers.colorpicker_input_group';
572
560
  var StyledInputGroup = styled.div.attrs({
573
561
  'data-garden-id': COMPONENT_ID$a,
574
- 'data-garden-version': '8.45.0'
562
+ 'data-garden-version': '8.47.2'
575
563
  }).withConfig({
576
564
  displayName: "StyledInputGroup",
577
565
  componentId: "sc-mmy93w-0"
@@ -590,7 +578,7 @@ var sizeStyles = function sizeStyles(theme) {
590
578
  };
591
579
  var StyledRGBAField = styled(Field).attrs({
592
580
  'data-garden-id': COMPONENT_ID$9,
593
- 'data-garden-version': '8.45.0'
581
+ 'data-garden-version': '8.47.2'
594
582
  }).withConfig({
595
583
  displayName: "StyledRGBAField",
596
584
  componentId: "sc-ibo1yw-0"
@@ -606,7 +594,7 @@ StyledRGBAField.defaultProps = {
606
594
  var COMPONENT_ID$8 = 'colorpickers.colorpicker_sliders';
607
595
  var StyledSliders = styled.div.attrs({
608
596
  'data-garden-id': COMPONENT_ID$8,
609
- 'data-garden-version': '8.45.0'
597
+ 'data-garden-version': '8.47.2'
610
598
  }).withConfig({
611
599
  displayName: "StyledSliders",
612
600
  componentId: "sc-aclca2-0"
@@ -627,7 +615,7 @@ var COMPONENT_ID$7 = 'colorpickers.colordialog_button';
627
615
  var StyledButton = styled(Button).attrs({
628
616
  isNeutral: true,
629
617
  'data-garden-id': COMPONENT_ID$7,
630
- 'data-garden-version': '8.45.0'
618
+ 'data-garden-version': '8.47.2'
631
619
  }).withConfig({
632
620
  displayName: "StyledButton",
633
621
  componentId: "sc-101xjve-0"
@@ -674,7 +662,7 @@ var StyledButtonPreview = styled.span.attrs(function (props) {
674
662
  background: "".concat(background(props), ", ").concat(checkeredBackground(props.theme, 8))
675
663
  },
676
664
  'data-garden-id': COMPONENT_ID$6,
677
- 'data-garden-version': '8.45.0',
665
+ 'data-garden-version': '8.47.2',
678
666
  'data-test-id': 'dialog-preview'
679
667
  };
680
668
  }).withConfig({
@@ -702,7 +690,7 @@ StyledButtonPreview.defaultProps = {
702
690
  var COMPONENT_ID$5 = 'colorpickers.colordialog_tooltipmodal';
703
691
  var StyledTooltipModal = styled(TooltipModal).attrs({
704
692
  'data-garden-id': COMPONENT_ID$5,
705
- 'data-garden-version': '8.45.0'
693
+ 'data-garden-version': '8.47.2'
706
694
  }).withConfig({
707
695
  displayName: "StyledTooltipModal",
708
696
  componentId: "sc-o022s8-0"
@@ -716,7 +704,7 @@ StyledTooltipModal.defaultProps = {
716
704
  var COMPONENT_ID$4 = 'colorpickers.colordialog_tooltipmodal_body';
717
705
  var StyledTooltipBody = styled(TooltipModal.Body).attrs({
718
706
  'data-garden-id': COMPONENT_ID$4,
719
- 'data-garden-version': '8.45.0'
707
+ 'data-garden-version': '8.47.2'
720
708
  }).withConfig({
721
709
  displayName: "StyledTooltipBody",
722
710
  componentId: "sc-6gsgsy-0"
@@ -733,7 +721,7 @@ var StyledSwatchButton = styled(StyledButtonPreview).attrs(function (props) {
733
721
  as: 'button',
734
722
  'data-garden-id': COMPONENT_ID$3,
735
723
  'data-test-id': props.backgroundColor,
736
- 'data-garden-version': '8.45.0'
724
+ 'data-garden-version': '8.47.2'
737
725
  };
738
726
  }).withConfig({
739
727
  displayName: "StyledSwatchButton",
@@ -752,7 +740,7 @@ StyledSwatchButton.defaultProps = {
752
740
  var COMPONENT_ID$2 = 'colorpickers.color_swatch';
753
741
  var StyledColorSwatch = styled.table.attrs({
754
742
  'data-garden-id': COMPONENT_ID$2,
755
- 'data-garden-version': '8.45.0',
743
+ 'data-garden-version': '8.47.2',
756
744
  role: 'grid'
757
745
  }).withConfig({
758
746
  displayName: "StyledColorSwatch",
@@ -785,7 +773,7 @@ var StyledIcon = styled(function (_ref) {
785
773
  return React__default.cloneElement(Children.only(children), props);
786
774
  }).attrs({
787
775
  'data-garden-id': COMPONENT_ID$1,
788
- 'data-garden-version': '8.45.0'
776
+ 'data-garden-version': '8.47.2'
789
777
  }).withConfig({
790
778
  displayName: "StyledIcon",
791
779
  componentId: "sc-8oigif-0"
@@ -805,7 +793,7 @@ StyledIcon.defaultProps = {
805
793
  var COMPONENT_ID = 'colorpickers.swatch_cell';
806
794
  var StyledCell = styled.td.attrs({
807
795
  'data-garden-id': COMPONENT_ID,
808
- 'data-garden-version': '8.45.0'
796
+ 'data-garden-version': '8.47.2'
809
797
  }).withConfig({
810
798
  displayName: "StyledCell",
811
799
  componentId: "sc-qr3oit-0"
@@ -1353,23 +1341,23 @@ Colorpicker.propTypes = {
1353
1341
  defaultColor: PropTypes.oneOfType([PropTypes.object, PropTypes.string])
1354
1342
  };
1355
1343
 
1356
- function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
1344
+ var _path$1;
1357
1345
 
1358
- var _ref$1 = /*#__PURE__*/React.createElement("path", {
1359
- fill: "currentColor",
1360
- d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
1361
- });
1346
+ function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
1362
1347
 
1363
- function SvgChevronDownStroke(props) {
1348
+ var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
1364
1349
  return /*#__PURE__*/React.createElement("svg", _extends$1({
1365
1350
  xmlns: "http://www.w3.org/2000/svg",
1366
1351
  width: 16,
1367
1352
  height: 16,
1368
- viewBox: "0 0 16 16",
1369
1353
  focusable: "false",
1370
- role: "presentation"
1371
- }, props), _ref$1);
1372
- }
1354
+ viewBox: "0 0 16 16",
1355
+ "aria-hidden": "true"
1356
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
1357
+ fill: "currentColor",
1358
+ d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
1359
+ })));
1360
+ };
1373
1361
 
1374
1362
  var _excluded$2 = ["color", "defaultColor", "placement", "onChange", "onClose", "labels", "hasArrow", "isAnimated", "isOpaque", "isOpen", "popperModifiers", "zIndex", "focusInset", "disabled", "buttonProps", "onDialogChange", "children"];
1375
1363
  var ColorpickerDialog = forwardRef(function (_ref, ref) {
@@ -1486,27 +1474,27 @@ ColorpickerDialog.defaultProps = {
1486
1474
  };
1487
1475
  ColorpickerDialog.displayName = 'ColorpickerDialog';
1488
1476
 
1489
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1477
+ var _path;
1490
1478
 
1491
- var _ref = /*#__PURE__*/React.createElement("path", {
1492
- fill: "none",
1493
- stroke: "currentColor",
1494
- strokeLinecap: "round",
1495
- strokeLinejoin: "round",
1496
- strokeWidth: 2,
1497
- d: "M3 6l2 2 4-4"
1498
- });
1479
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1499
1480
 
1500
- function SvgCheckSmFill(props) {
1481
+ var SvgCheckSmFill = function SvgCheckSmFill(props) {
1501
1482
  return /*#__PURE__*/React.createElement("svg", _extends({
1502
1483
  xmlns: "http://www.w3.org/2000/svg",
1503
1484
  width: 12,
1504
1485
  height: 12,
1505
- viewBox: "0 0 12 12",
1506
1486
  focusable: "false",
1507
- role: "presentation"
1508
- }, props), _ref);
1509
- }
1487
+ viewBox: "0 0 12 12",
1488
+ "aria-hidden": "true"
1489
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
1490
+ fill: "none",
1491
+ stroke: "currentColor",
1492
+ strokeLinecap: "round",
1493
+ strokeLinejoin: "round",
1494
+ strokeWidth: 2,
1495
+ d: "M3 6l2 2 4-4"
1496
+ })));
1497
+ };
1510
1498
 
1511
1499
  var _excluded$1 = ["colors"],
1512
1500
  _excluded2 = ["aria-selected"];
package/dist/typings/elements/ColorSwatchDialog/index.d.ts CHANGED
@@ -40,5 +40,5 @@ export interface IColorSwatchDialogProps extends IColorSwatchProps {
40
40
  /**
41
41
  * @extends HTMLAttributes<HTMLDivElement>
42
42
  */
43
- export declare const ColorSwatchDialog: React.ForwardRefExoticComponent<IColorSwatchDialogProps & Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
43
+ export declare const ColorSwatchDialog: React.ForwardRefExoticComponent<IColorSwatchDialogProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "onSelect"> & React.RefAttributes<HTMLDivElement>>;
44
44
  export {};
package/dist/typings/elements/ColorpickerDialog/index.d.ts CHANGED
@@ -61,5 +61,5 @@ export interface IColorpickerDialogProps extends IColorpickerProps {
61
61
  /**
62
62
  * @extends HTMLAttributes<HTMLDivElement>
63
63
  */
64
- export declare const ColorpickerDialog: React.ForwardRefExoticComponent<IColorpickerDialogProps & Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
64
+ export declare const ColorpickerDialog: React.ForwardRefExoticComponent<IColorpickerDialogProps & Omit<React.HTMLAttributes<HTMLDivElement>, "color" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
65
65
  export {};
package/dist/typings/utils/saturation.d.ts CHANGED
@@ -4,7 +4,6 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- /// <reference types="react" />
8
7
  import { IHSVColor } from '../utils/types';
9
8
  export declare function limit(value: number, max: number, min?: number): number;
10
9
  export declare function getNextHsv(e: MouseEvent, hue: number, container: HTMLDivElement, rtl: boolean): IHSVColor;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-colorpickers",
3
- "version": "8.45.0",
3
+ "version": "8.47.2",
4
4
  "description": "Components related to color pickers in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -23,11 +23,11 @@
23
23
  "dependencies": {
24
24
  "@popperjs/core": "^2.4.4",
25
25
  "@zendeskgarden/container-grid": "^0.1.1",
26
- "@zendeskgarden/container-utilities": "^0.6.1",
27
- "@zendeskgarden/react-buttons": "^8.45.0",
28
- "@zendeskgarden/react-forms": "^8.45.0",
29
- "@zendeskgarden/react-modals": "^8.45.0",
30
- "@zendeskgarden/react-tooltips": "^8.45.0",
26
+ "@zendeskgarden/container-utilities": "^0.7.0",
27
+ "@zendeskgarden/react-buttons": "^8.47.2",
28
+ "@zendeskgarden/react-forms": "^8.47.2",
29
+ "@zendeskgarden/react-modals": "^8.47.2",
30
+ "@zendeskgarden/react-tooltips": "^8.47.2",
31
31
  "lodash.isequal": "^4.5.0",
32
32
  "lodash.throttle": "^4.1.1",
33
33
  "polished": "^4.0.0",
@@ -43,7 +43,7 @@
43
43
  "devDependencies": {
44
44
  "@types/lodash.isequal": "4.5.5",
45
45
  "@types/lodash.throttle": "4.1.6",
46
- "@zendeskgarden/react-theming": "^8.45.0",
46
+ "@zendeskgarden/react-theming": "^8.47.2",
47
47
  "@zendeskgarden/svg-icons": "6.30.2"
48
48
  },
49
49
  "keywords": [
@@ -57,5 +57,5 @@
57
57
  "access": "public"
58
58
  },
59
59
  "zendeskgarden:src": "src/index.ts",
60
- "gitHead": "7a2f38e395cd0b1e0f09e5925ca721b254c57a5d"
60
+ "gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
61
61
  }