@zendeskgarden/react-colorpickers 8.54.3 → 8.56.0
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.
- package/dist/index.cjs.js +25 -26
- package/dist/index.esm.js +25 -26
- package/package.json +7 -7
package/dist/index.cjs.js
CHANGED
|
@@ -92,7 +92,7 @@ function _defineProperty(obj, key, value) {
|
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
function _extends$2() {
|
|
95
|
-
_extends$2 = Object.assign
|
|
95
|
+
_extends$2 = Object.assign ? Object.assign.bind() : function (target) {
|
|
96
96
|
for (var i = 1; i < arguments.length; i++) {
|
|
97
97
|
var source = arguments[i];
|
|
98
98
|
|
|
@@ -105,7 +105,6 @@ function _extends$2() {
|
|
|
105
105
|
|
|
106
106
|
return target;
|
|
107
107
|
};
|
|
108
|
-
|
|
109
108
|
return _extends$2.apply(this, arguments);
|
|
110
109
|
}
|
|
111
110
|
|
|
@@ -291,7 +290,7 @@ var getColorPickerWidth = function getColorPickerWidth(props) {
|
|
|
291
290
|
};
|
|
292
291
|
var StyledColorPicker = styled__default["default"].div.attrs({
|
|
293
292
|
'data-garden-id': COMPONENT_ID$l,
|
|
294
|
-
'data-garden-version': '8.
|
|
293
|
+
'data-garden-version': '8.56.0'
|
|
295
294
|
}).withConfig({
|
|
296
295
|
displayName: "StyledColorPicker",
|
|
297
296
|
componentId: "sc-1donyl9-0"
|
|
@@ -352,7 +351,7 @@ var sizeStyles$2 = function sizeStyles(props) {
|
|
|
352
351
|
};
|
|
353
352
|
var StyledRange = styled__default["default"](reactForms.Range).attrs({
|
|
354
353
|
'data-garden-id': COMPONENT_ID$k,
|
|
355
|
-
'data-garden-version': '8.
|
|
354
|
+
'data-garden-version': '8.56.0',
|
|
356
355
|
hasLowerTrack: false
|
|
357
356
|
}).withConfig({
|
|
358
357
|
displayName: "StyledRange",
|
|
@@ -367,7 +366,7 @@ StyledRange.defaultProps = {
|
|
|
367
366
|
var COMPONENT_ID$j = 'colorpickers.colorpicker_hue';
|
|
368
367
|
var StyledHueRange = styled__default["default"](StyledRange).attrs({
|
|
369
368
|
'data-garden-id': COMPONENT_ID$j,
|
|
370
|
-
'data-garden-version': '8.
|
|
369
|
+
'data-garden-version': '8.56.0'
|
|
371
370
|
}).withConfig({
|
|
372
371
|
displayName: "StyledHueRange",
|
|
373
372
|
componentId: "sc-13ly7p-0"
|
|
@@ -413,7 +412,7 @@ var StyledAlphaRange = styled__default["default"](StyledRange).attrs(function (p
|
|
|
413
412
|
background: background$3(props)
|
|
414
413
|
},
|
|
415
414
|
'data-garden-id': COMPONENT_ID$i,
|
|
416
|
-
'data-garden-version': '8.
|
|
415
|
+
'data-garden-version': '8.56.0'
|
|
417
416
|
};
|
|
418
417
|
}).withConfig({
|
|
419
418
|
displayName: "StyledAlphaRange",
|
|
@@ -439,7 +438,7 @@ var StyledPreview = styled__default["default"].div.attrs(function (props) {
|
|
|
439
438
|
background: background$2(props)
|
|
440
439
|
},
|
|
441
440
|
'data-garden-id': COMPONENT_ID$h,
|
|
442
|
-
'data-garden-version': '8.
|
|
441
|
+
'data-garden-version': '8.56.0',
|
|
443
442
|
'data-test-id': 'preview-box'
|
|
444
443
|
};
|
|
445
444
|
}).withConfig({
|
|
@@ -475,7 +474,7 @@ var background$1 = function background(props) {
|
|
|
475
474
|
var StyledColorWell = styled__default["default"].div.attrs(function (props) {
|
|
476
475
|
return {
|
|
477
476
|
'data-garden-id': COMPONENT_ID$g,
|
|
478
|
-
'data-garden-version': '8.
|
|
477
|
+
'data-garden-version': '8.56.0',
|
|
479
478
|
'data-test-id': 'colorwell',
|
|
480
479
|
style: {
|
|
481
480
|
background: background$1(props)
|
|
@@ -503,7 +502,7 @@ var sizeStyles$1 = function sizeStyles(theme) {
|
|
|
503
502
|
var StyledColorWellThumb = styled__default["default"].div.attrs(function (props) {
|
|
504
503
|
return {
|
|
505
504
|
'data-garden-id': COMPONENT_ID$f,
|
|
506
|
-
'data-garden-version': '8.
|
|
505
|
+
'data-garden-version': '8.56.0',
|
|
507
506
|
'data-test-id': 'colorwell-thumb',
|
|
508
507
|
style: {
|
|
509
508
|
top: "".concat(props.top, "%"),
|
|
@@ -529,7 +528,7 @@ StyledColorWellThumb.defaultProps = {
|
|
|
529
528
|
var COMPONENT_ID$e = 'colorpickers.colorpicker_slider_group';
|
|
530
529
|
var StyledSliderGroup = styled__default["default"].div.attrs({
|
|
531
530
|
'data-garden-id': COMPONENT_ID$e,
|
|
532
|
-
'data-garden-version': '8.
|
|
531
|
+
'data-garden-version': '8.56.0'
|
|
533
532
|
}).withConfig({
|
|
534
533
|
displayName: "StyledSliderGroup",
|
|
535
534
|
componentId: "sc-rsq0ak-0"
|
|
@@ -545,7 +544,7 @@ StyledSliderGroup.defaultProps = {
|
|
|
545
544
|
var COMPONENT_ID$d = 'colorpickers.colorpicker_hex_field';
|
|
546
545
|
var StyledHexField = styled__default["default"](reactForms.Field).attrs({
|
|
547
546
|
'data-garden-id': COMPONENT_ID$d,
|
|
548
|
-
'data-garden-version': '8.
|
|
547
|
+
'data-garden-version': '8.56.0',
|
|
549
548
|
spellcheck: false
|
|
550
549
|
}).withConfig({
|
|
551
550
|
displayName: "StyledHexField",
|
|
@@ -560,7 +559,7 @@ StyledHexField.defaultProps = {
|
|
|
560
559
|
var COMPONENT_ID$c = 'colorpickers.colorpicker_label';
|
|
561
560
|
var StyledLabel = styled__default["default"](reactForms.Label).attrs({
|
|
562
561
|
'data-garden-id': COMPONENT_ID$c,
|
|
563
|
-
'data-garden-version': '8.
|
|
562
|
+
'data-garden-version': '8.56.0'
|
|
564
563
|
}).withConfig({
|
|
565
564
|
displayName: "StyledLabel",
|
|
566
565
|
componentId: "sc-1klhp6m-0"
|
|
@@ -574,7 +573,7 @@ StyledLabel.defaultProps = {
|
|
|
574
573
|
var COMPONENT_ID$b = 'colorpickers.colorpicker_input';
|
|
575
574
|
var StyledInput = styled__default["default"](reactForms.Input).attrs({
|
|
576
575
|
'data-garden-id': COMPONENT_ID$b,
|
|
577
|
-
'data-garden-version': '8.
|
|
576
|
+
'data-garden-version': '8.56.0',
|
|
578
577
|
focusInset: false
|
|
579
578
|
}).withConfig({
|
|
580
579
|
displayName: "StyledInput",
|
|
@@ -589,7 +588,7 @@ StyledInput.defaultProps = {
|
|
|
589
588
|
var COMPONENT_ID$a = 'colorpickers.colorpicker_input_group';
|
|
590
589
|
var StyledInputGroup = styled__default["default"].div.attrs({
|
|
591
590
|
'data-garden-id': COMPONENT_ID$a,
|
|
592
|
-
'data-garden-version': '8.
|
|
591
|
+
'data-garden-version': '8.56.0'
|
|
593
592
|
}).withConfig({
|
|
594
593
|
displayName: "StyledInputGroup",
|
|
595
594
|
componentId: "sc-mmy93w-0"
|
|
@@ -608,7 +607,7 @@ var sizeStyles = function sizeStyles(theme) {
|
|
|
608
607
|
};
|
|
609
608
|
var StyledRGBAField = styled__default["default"](reactForms.Field).attrs({
|
|
610
609
|
'data-garden-id': COMPONENT_ID$9,
|
|
611
|
-
'data-garden-version': '8.
|
|
610
|
+
'data-garden-version': '8.56.0'
|
|
612
611
|
}).withConfig({
|
|
613
612
|
displayName: "StyledRGBAField",
|
|
614
613
|
componentId: "sc-ibo1yw-0"
|
|
@@ -624,7 +623,7 @@ StyledRGBAField.defaultProps = {
|
|
|
624
623
|
var COMPONENT_ID$8 = 'colorpickers.colorpicker_sliders';
|
|
625
624
|
var StyledSliders = styled__default["default"].div.attrs({
|
|
626
625
|
'data-garden-id': COMPONENT_ID$8,
|
|
627
|
-
'data-garden-version': '8.
|
|
626
|
+
'data-garden-version': '8.56.0'
|
|
628
627
|
}).withConfig({
|
|
629
628
|
displayName: "StyledSliders",
|
|
630
629
|
componentId: "sc-aclca2-0"
|
|
@@ -645,7 +644,7 @@ var COMPONENT_ID$7 = 'colorpickers.colordialog_button';
|
|
|
645
644
|
var StyledButton = styled__default["default"](reactButtons.Button).attrs({
|
|
646
645
|
isNeutral: true,
|
|
647
646
|
'data-garden-id': COMPONENT_ID$7,
|
|
648
|
-
'data-garden-version': '8.
|
|
647
|
+
'data-garden-version': '8.56.0'
|
|
649
648
|
}).withConfig({
|
|
650
649
|
displayName: "StyledButton",
|
|
651
650
|
componentId: "sc-101xjve-0"
|
|
@@ -692,7 +691,7 @@ var StyledButtonPreview = styled__default["default"].span.attrs(function (props)
|
|
|
692
691
|
background: "".concat(background(props), ", ").concat(checkeredBackground(props.theme, 8))
|
|
693
692
|
},
|
|
694
693
|
'data-garden-id': COMPONENT_ID$6,
|
|
695
|
-
'data-garden-version': '8.
|
|
694
|
+
'data-garden-version': '8.56.0',
|
|
696
695
|
'data-test-id': 'dialog-preview'
|
|
697
696
|
};
|
|
698
697
|
}).withConfig({
|
|
@@ -720,7 +719,7 @@ StyledButtonPreview.defaultProps = {
|
|
|
720
719
|
var COMPONENT_ID$5 = 'colorpickers.colordialog_tooltipmodal';
|
|
721
720
|
var StyledTooltipModal = styled__default["default"](reactModals.TooltipModal).attrs({
|
|
722
721
|
'data-garden-id': COMPONENT_ID$5,
|
|
723
|
-
'data-garden-version': '8.
|
|
722
|
+
'data-garden-version': '8.56.0'
|
|
724
723
|
}).withConfig({
|
|
725
724
|
displayName: "StyledTooltipModal",
|
|
726
725
|
componentId: "sc-o022s8-0"
|
|
@@ -734,7 +733,7 @@ StyledTooltipModal.defaultProps = {
|
|
|
734
733
|
var COMPONENT_ID$4 = 'colorpickers.colordialog_tooltipmodal_body';
|
|
735
734
|
var StyledTooltipBody = styled__default["default"](reactModals.TooltipModal.Body).attrs({
|
|
736
735
|
'data-garden-id': COMPONENT_ID$4,
|
|
737
|
-
'data-garden-version': '8.
|
|
736
|
+
'data-garden-version': '8.56.0'
|
|
738
737
|
}).withConfig({
|
|
739
738
|
displayName: "StyledTooltipBody",
|
|
740
739
|
componentId: "sc-6gsgsy-0"
|
|
@@ -751,7 +750,7 @@ var StyledSwatchButton = styled__default["default"](StyledButtonPreview).attrs(f
|
|
|
751
750
|
as: 'button',
|
|
752
751
|
'data-garden-id': COMPONENT_ID$3,
|
|
753
752
|
'data-test-id': props.backgroundColor,
|
|
754
|
-
'data-garden-version': '8.
|
|
753
|
+
'data-garden-version': '8.56.0'
|
|
755
754
|
};
|
|
756
755
|
}).withConfig({
|
|
757
756
|
displayName: "StyledSwatchButton",
|
|
@@ -770,7 +769,7 @@ StyledSwatchButton.defaultProps = {
|
|
|
770
769
|
var COMPONENT_ID$2 = 'colorpickers.color_swatch';
|
|
771
770
|
var StyledColorSwatch = styled__default["default"].table.attrs({
|
|
772
771
|
'data-garden-id': COMPONENT_ID$2,
|
|
773
|
-
'data-garden-version': '8.
|
|
772
|
+
'data-garden-version': '8.56.0',
|
|
774
773
|
role: 'grid'
|
|
775
774
|
}).withConfig({
|
|
776
775
|
displayName: "StyledColorSwatch",
|
|
@@ -803,7 +802,7 @@ var StyledIcon = styled__default["default"](function (_ref) {
|
|
|
803
802
|
return React__default["default"].cloneElement(React.Children.only(children), props);
|
|
804
803
|
}).attrs({
|
|
805
804
|
'data-garden-id': COMPONENT_ID$1,
|
|
806
|
-
'data-garden-version': '8.
|
|
805
|
+
'data-garden-version': '8.56.0'
|
|
807
806
|
}).withConfig({
|
|
808
807
|
displayName: "StyledIcon",
|
|
809
808
|
componentId: "sc-8oigif-0"
|
|
@@ -823,7 +822,7 @@ StyledIcon.defaultProps = {
|
|
|
823
822
|
var COMPONENT_ID = 'colorpickers.swatch_cell';
|
|
824
823
|
var StyledCell = styled__default["default"].td.attrs({
|
|
825
824
|
'data-garden-id': COMPONENT_ID,
|
|
826
|
-
'data-garden-version': '8.
|
|
825
|
+
'data-garden-version': '8.56.0'
|
|
827
826
|
}).withConfig({
|
|
828
827
|
displayName: "StyledCell",
|
|
829
828
|
componentId: "sc-qr3oit-0"
|
|
@@ -1373,7 +1372,7 @@ Colorpicker.propTypes = {
|
|
|
1373
1372
|
|
|
1374
1373
|
var _path$1;
|
|
1375
1374
|
|
|
1376
|
-
function _extends$1() { _extends$1 = Object.assign
|
|
1375
|
+
function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : 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); }
|
|
1377
1376
|
|
|
1378
1377
|
var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
|
|
1379
1378
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
|
|
@@ -1509,7 +1508,7 @@ ColorpickerDialog.displayName = 'ColorpickerDialog';
|
|
|
1509
1508
|
|
|
1510
1509
|
var _path;
|
|
1511
1510
|
|
|
1512
|
-
function _extends() { _extends = Object.assign
|
|
1511
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
1513
1512
|
|
|
1514
1513
|
var SvgCheckSmFill = function SvgCheckSmFill(props) {
|
|
1515
1514
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
package/dist/index.esm.js
CHANGED
|
@@ -62,7 +62,7 @@ function _defineProperty(obj, key, value) {
|
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
function _extends$2() {
|
|
65
|
-
_extends$2 = Object.assign
|
|
65
|
+
_extends$2 = Object.assign ? Object.assign.bind() : function (target) {
|
|
66
66
|
for (var i = 1; i < arguments.length; i++) {
|
|
67
67
|
var source = arguments[i];
|
|
68
68
|
|
|
@@ -75,7 +75,6 @@ function _extends$2() {
|
|
|
75
75
|
|
|
76
76
|
return target;
|
|
77
77
|
};
|
|
78
|
-
|
|
79
78
|
return _extends$2.apply(this, arguments);
|
|
80
79
|
}
|
|
81
80
|
|
|
@@ -261,7 +260,7 @@ var getColorPickerWidth = function getColorPickerWidth(props) {
|
|
|
261
260
|
};
|
|
262
261
|
var StyledColorPicker = styled.div.attrs({
|
|
263
262
|
'data-garden-id': COMPONENT_ID$l,
|
|
264
|
-
'data-garden-version': '8.
|
|
263
|
+
'data-garden-version': '8.56.0'
|
|
265
264
|
}).withConfig({
|
|
266
265
|
displayName: "StyledColorPicker",
|
|
267
266
|
componentId: "sc-1donyl9-0"
|
|
@@ -322,7 +321,7 @@ var sizeStyles$2 = function sizeStyles(props) {
|
|
|
322
321
|
};
|
|
323
322
|
var StyledRange = styled(Range).attrs({
|
|
324
323
|
'data-garden-id': COMPONENT_ID$k,
|
|
325
|
-
'data-garden-version': '8.
|
|
324
|
+
'data-garden-version': '8.56.0',
|
|
326
325
|
hasLowerTrack: false
|
|
327
326
|
}).withConfig({
|
|
328
327
|
displayName: "StyledRange",
|
|
@@ -337,7 +336,7 @@ StyledRange.defaultProps = {
|
|
|
337
336
|
var COMPONENT_ID$j = 'colorpickers.colorpicker_hue';
|
|
338
337
|
var StyledHueRange = styled(StyledRange).attrs({
|
|
339
338
|
'data-garden-id': COMPONENT_ID$j,
|
|
340
|
-
'data-garden-version': '8.
|
|
339
|
+
'data-garden-version': '8.56.0'
|
|
341
340
|
}).withConfig({
|
|
342
341
|
displayName: "StyledHueRange",
|
|
343
342
|
componentId: "sc-13ly7p-0"
|
|
@@ -383,7 +382,7 @@ var StyledAlphaRange = styled(StyledRange).attrs(function (props) {
|
|
|
383
382
|
background: background$3(props)
|
|
384
383
|
},
|
|
385
384
|
'data-garden-id': COMPONENT_ID$i,
|
|
386
|
-
'data-garden-version': '8.
|
|
385
|
+
'data-garden-version': '8.56.0'
|
|
387
386
|
};
|
|
388
387
|
}).withConfig({
|
|
389
388
|
displayName: "StyledAlphaRange",
|
|
@@ -409,7 +408,7 @@ var StyledPreview = styled.div.attrs(function (props) {
|
|
|
409
408
|
background: background$2(props)
|
|
410
409
|
},
|
|
411
410
|
'data-garden-id': COMPONENT_ID$h,
|
|
412
|
-
'data-garden-version': '8.
|
|
411
|
+
'data-garden-version': '8.56.0',
|
|
413
412
|
'data-test-id': 'preview-box'
|
|
414
413
|
};
|
|
415
414
|
}).withConfig({
|
|
@@ -445,7 +444,7 @@ var background$1 = function background(props) {
|
|
|
445
444
|
var StyledColorWell = styled.div.attrs(function (props) {
|
|
446
445
|
return {
|
|
447
446
|
'data-garden-id': COMPONENT_ID$g,
|
|
448
|
-
'data-garden-version': '8.
|
|
447
|
+
'data-garden-version': '8.56.0',
|
|
449
448
|
'data-test-id': 'colorwell',
|
|
450
449
|
style: {
|
|
451
450
|
background: background$1(props)
|
|
@@ -473,7 +472,7 @@ var sizeStyles$1 = function sizeStyles(theme) {
|
|
|
473
472
|
var StyledColorWellThumb = styled.div.attrs(function (props) {
|
|
474
473
|
return {
|
|
475
474
|
'data-garden-id': COMPONENT_ID$f,
|
|
476
|
-
'data-garden-version': '8.
|
|
475
|
+
'data-garden-version': '8.56.0',
|
|
477
476
|
'data-test-id': 'colorwell-thumb',
|
|
478
477
|
style: {
|
|
479
478
|
top: "".concat(props.top, "%"),
|
|
@@ -499,7 +498,7 @@ StyledColorWellThumb.defaultProps = {
|
|
|
499
498
|
var COMPONENT_ID$e = 'colorpickers.colorpicker_slider_group';
|
|
500
499
|
var StyledSliderGroup = styled.div.attrs({
|
|
501
500
|
'data-garden-id': COMPONENT_ID$e,
|
|
502
|
-
'data-garden-version': '8.
|
|
501
|
+
'data-garden-version': '8.56.0'
|
|
503
502
|
}).withConfig({
|
|
504
503
|
displayName: "StyledSliderGroup",
|
|
505
504
|
componentId: "sc-rsq0ak-0"
|
|
@@ -515,7 +514,7 @@ StyledSliderGroup.defaultProps = {
|
|
|
515
514
|
var COMPONENT_ID$d = 'colorpickers.colorpicker_hex_field';
|
|
516
515
|
var StyledHexField = styled(Field).attrs({
|
|
517
516
|
'data-garden-id': COMPONENT_ID$d,
|
|
518
|
-
'data-garden-version': '8.
|
|
517
|
+
'data-garden-version': '8.56.0',
|
|
519
518
|
spellcheck: false
|
|
520
519
|
}).withConfig({
|
|
521
520
|
displayName: "StyledHexField",
|
|
@@ -530,7 +529,7 @@ StyledHexField.defaultProps = {
|
|
|
530
529
|
var COMPONENT_ID$c = 'colorpickers.colorpicker_label';
|
|
531
530
|
var StyledLabel = styled(Label).attrs({
|
|
532
531
|
'data-garden-id': COMPONENT_ID$c,
|
|
533
|
-
'data-garden-version': '8.
|
|
532
|
+
'data-garden-version': '8.56.0'
|
|
534
533
|
}).withConfig({
|
|
535
534
|
displayName: "StyledLabel",
|
|
536
535
|
componentId: "sc-1klhp6m-0"
|
|
@@ -544,7 +543,7 @@ StyledLabel.defaultProps = {
|
|
|
544
543
|
var COMPONENT_ID$b = 'colorpickers.colorpicker_input';
|
|
545
544
|
var StyledInput = styled(Input).attrs({
|
|
546
545
|
'data-garden-id': COMPONENT_ID$b,
|
|
547
|
-
'data-garden-version': '8.
|
|
546
|
+
'data-garden-version': '8.56.0',
|
|
548
547
|
focusInset: false
|
|
549
548
|
}).withConfig({
|
|
550
549
|
displayName: "StyledInput",
|
|
@@ -559,7 +558,7 @@ StyledInput.defaultProps = {
|
|
|
559
558
|
var COMPONENT_ID$a = 'colorpickers.colorpicker_input_group';
|
|
560
559
|
var StyledInputGroup = styled.div.attrs({
|
|
561
560
|
'data-garden-id': COMPONENT_ID$a,
|
|
562
|
-
'data-garden-version': '8.
|
|
561
|
+
'data-garden-version': '8.56.0'
|
|
563
562
|
}).withConfig({
|
|
564
563
|
displayName: "StyledInputGroup",
|
|
565
564
|
componentId: "sc-mmy93w-0"
|
|
@@ -578,7 +577,7 @@ var sizeStyles = function sizeStyles(theme) {
|
|
|
578
577
|
};
|
|
579
578
|
var StyledRGBAField = styled(Field).attrs({
|
|
580
579
|
'data-garden-id': COMPONENT_ID$9,
|
|
581
|
-
'data-garden-version': '8.
|
|
580
|
+
'data-garden-version': '8.56.0'
|
|
582
581
|
}).withConfig({
|
|
583
582
|
displayName: "StyledRGBAField",
|
|
584
583
|
componentId: "sc-ibo1yw-0"
|
|
@@ -594,7 +593,7 @@ StyledRGBAField.defaultProps = {
|
|
|
594
593
|
var COMPONENT_ID$8 = 'colorpickers.colorpicker_sliders';
|
|
595
594
|
var StyledSliders = styled.div.attrs({
|
|
596
595
|
'data-garden-id': COMPONENT_ID$8,
|
|
597
|
-
'data-garden-version': '8.
|
|
596
|
+
'data-garden-version': '8.56.0'
|
|
598
597
|
}).withConfig({
|
|
599
598
|
displayName: "StyledSliders",
|
|
600
599
|
componentId: "sc-aclca2-0"
|
|
@@ -615,7 +614,7 @@ var COMPONENT_ID$7 = 'colorpickers.colordialog_button';
|
|
|
615
614
|
var StyledButton = styled(Button).attrs({
|
|
616
615
|
isNeutral: true,
|
|
617
616
|
'data-garden-id': COMPONENT_ID$7,
|
|
618
|
-
'data-garden-version': '8.
|
|
617
|
+
'data-garden-version': '8.56.0'
|
|
619
618
|
}).withConfig({
|
|
620
619
|
displayName: "StyledButton",
|
|
621
620
|
componentId: "sc-101xjve-0"
|
|
@@ -662,7 +661,7 @@ var StyledButtonPreview = styled.span.attrs(function (props) {
|
|
|
662
661
|
background: "".concat(background(props), ", ").concat(checkeredBackground(props.theme, 8))
|
|
663
662
|
},
|
|
664
663
|
'data-garden-id': COMPONENT_ID$6,
|
|
665
|
-
'data-garden-version': '8.
|
|
664
|
+
'data-garden-version': '8.56.0',
|
|
666
665
|
'data-test-id': 'dialog-preview'
|
|
667
666
|
};
|
|
668
667
|
}).withConfig({
|
|
@@ -690,7 +689,7 @@ StyledButtonPreview.defaultProps = {
|
|
|
690
689
|
var COMPONENT_ID$5 = 'colorpickers.colordialog_tooltipmodal';
|
|
691
690
|
var StyledTooltipModal = styled(TooltipModal).attrs({
|
|
692
691
|
'data-garden-id': COMPONENT_ID$5,
|
|
693
|
-
'data-garden-version': '8.
|
|
692
|
+
'data-garden-version': '8.56.0'
|
|
694
693
|
}).withConfig({
|
|
695
694
|
displayName: "StyledTooltipModal",
|
|
696
695
|
componentId: "sc-o022s8-0"
|
|
@@ -704,7 +703,7 @@ StyledTooltipModal.defaultProps = {
|
|
|
704
703
|
var COMPONENT_ID$4 = 'colorpickers.colordialog_tooltipmodal_body';
|
|
705
704
|
var StyledTooltipBody = styled(TooltipModal.Body).attrs({
|
|
706
705
|
'data-garden-id': COMPONENT_ID$4,
|
|
707
|
-
'data-garden-version': '8.
|
|
706
|
+
'data-garden-version': '8.56.0'
|
|
708
707
|
}).withConfig({
|
|
709
708
|
displayName: "StyledTooltipBody",
|
|
710
709
|
componentId: "sc-6gsgsy-0"
|
|
@@ -721,7 +720,7 @@ var StyledSwatchButton = styled(StyledButtonPreview).attrs(function (props) {
|
|
|
721
720
|
as: 'button',
|
|
722
721
|
'data-garden-id': COMPONENT_ID$3,
|
|
723
722
|
'data-test-id': props.backgroundColor,
|
|
724
|
-
'data-garden-version': '8.
|
|
723
|
+
'data-garden-version': '8.56.0'
|
|
725
724
|
};
|
|
726
725
|
}).withConfig({
|
|
727
726
|
displayName: "StyledSwatchButton",
|
|
@@ -740,7 +739,7 @@ StyledSwatchButton.defaultProps = {
|
|
|
740
739
|
var COMPONENT_ID$2 = 'colorpickers.color_swatch';
|
|
741
740
|
var StyledColorSwatch = styled.table.attrs({
|
|
742
741
|
'data-garden-id': COMPONENT_ID$2,
|
|
743
|
-
'data-garden-version': '8.
|
|
742
|
+
'data-garden-version': '8.56.0',
|
|
744
743
|
role: 'grid'
|
|
745
744
|
}).withConfig({
|
|
746
745
|
displayName: "StyledColorSwatch",
|
|
@@ -773,7 +772,7 @@ var StyledIcon = styled(function (_ref) {
|
|
|
773
772
|
return React__default.cloneElement(Children.only(children), props);
|
|
774
773
|
}).attrs({
|
|
775
774
|
'data-garden-id': COMPONENT_ID$1,
|
|
776
|
-
'data-garden-version': '8.
|
|
775
|
+
'data-garden-version': '8.56.0'
|
|
777
776
|
}).withConfig({
|
|
778
777
|
displayName: "StyledIcon",
|
|
779
778
|
componentId: "sc-8oigif-0"
|
|
@@ -793,7 +792,7 @@ StyledIcon.defaultProps = {
|
|
|
793
792
|
var COMPONENT_ID = 'colorpickers.swatch_cell';
|
|
794
793
|
var StyledCell = styled.td.attrs({
|
|
795
794
|
'data-garden-id': COMPONENT_ID,
|
|
796
|
-
'data-garden-version': '8.
|
|
795
|
+
'data-garden-version': '8.56.0'
|
|
797
796
|
}).withConfig({
|
|
798
797
|
displayName: "StyledCell",
|
|
799
798
|
componentId: "sc-qr3oit-0"
|
|
@@ -1343,7 +1342,7 @@ Colorpicker.propTypes = {
|
|
|
1343
1342
|
|
|
1344
1343
|
var _path$1;
|
|
1345
1344
|
|
|
1346
|
-
function _extends$1() { _extends$1 = Object.assign
|
|
1345
|
+
function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : 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); }
|
|
1347
1346
|
|
|
1348
1347
|
var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
|
|
1349
1348
|
return /*#__PURE__*/React.createElement("svg", _extends$1({
|
|
@@ -1479,7 +1478,7 @@ ColorpickerDialog.displayName = 'ColorpickerDialog';
|
|
|
1479
1478
|
|
|
1480
1479
|
var _path;
|
|
1481
1480
|
|
|
1482
|
-
function _extends() { _extends = Object.assign
|
|
1481
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
1483
1482
|
|
|
1484
1483
|
var SvgCheckSmFill = function SvgCheckSmFill(props) {
|
|
1485
1484
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-colorpickers",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.56.0",
|
|
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,10 +23,10 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@zendeskgarden/container-grid": "^0.1.1",
|
|
25
25
|
"@zendeskgarden/container-utilities": "^0.7.0",
|
|
26
|
-
"@zendeskgarden/react-buttons": "^8.
|
|
27
|
-
"@zendeskgarden/react-forms": "^8.
|
|
28
|
-
"@zendeskgarden/react-modals": "^8.
|
|
29
|
-
"@zendeskgarden/react-tooltips": "^8.
|
|
26
|
+
"@zendeskgarden/react-buttons": "^8.56.0",
|
|
27
|
+
"@zendeskgarden/react-forms": "^8.56.0",
|
|
28
|
+
"@zendeskgarden/react-modals": "^8.56.0",
|
|
29
|
+
"@zendeskgarden/react-tooltips": "^8.56.0",
|
|
30
30
|
"lodash.isequal": "^4.5.0",
|
|
31
31
|
"lodash.throttle": "^4.1.1",
|
|
32
32
|
"polished": "^4.0.0",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@types/lodash.isequal": "4.5.6",
|
|
43
43
|
"@types/lodash.throttle": "4.1.7",
|
|
44
|
-
"@zendeskgarden/react-theming": "^8.
|
|
44
|
+
"@zendeskgarden/react-theming": "^8.56.0",
|
|
45
45
|
"@zendeskgarden/svg-icons": "6.33.0"
|
|
46
46
|
},
|
|
47
47
|
"keywords": [
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"access": "public"
|
|
56
56
|
},
|
|
57
57
|
"zendeskgarden:src": "src/index.ts",
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "c0e1cb7669a366ff510cc9613e2b426d48019732"
|
|
59
59
|
}
|