@zendeskgarden/react-colorpickers 8.76.7 → 8.76.8
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/esm/styled/ColorSwatch/StyledCell.js +1 -1
- package/dist/esm/styled/ColorSwatch/StyledColorSwatch.js +1 -1
- package/dist/esm/styled/ColorSwatch/StyledIcon.js +1 -1
- package/dist/esm/styled/ColorSwatch/StyledSwatchButton.js +1 -1
- package/dist/esm/styled/Colorpicker/StyledAlphaRange.js +1 -1
- package/dist/esm/styled/Colorpicker/StyledColorPicker.js +1 -1
- package/dist/esm/styled/Colorpicker/StyledColorWell.js +1 -1
- package/dist/esm/styled/Colorpicker/StyledColorWellThumb.js +1 -1
- package/dist/esm/styled/Colorpicker/StyledHexField.js +1 -1
- package/dist/esm/styled/Colorpicker/StyledHueRange.js +1 -1
- package/dist/esm/styled/Colorpicker/StyledInput.js +1 -1
- package/dist/esm/styled/Colorpicker/StyledInputGroup.js +1 -1
- package/dist/esm/styled/Colorpicker/StyledLabel.js +1 -1
- package/dist/esm/styled/Colorpicker/StyledPreview.js +1 -1
- package/dist/esm/styled/Colorpicker/StyledRGBAField.js +1 -1
- package/dist/esm/styled/Colorpicker/StyledSliderGroup.js +1 -1
- package/dist/esm/styled/Colorpicker/StyledSliders.js +1 -1
- package/dist/esm/styled/ColorpickerDialog/StyledButton.js +1 -1
- package/dist/esm/styled/ColorpickerDialog/StyledButtonPreview.js +1 -1
- package/dist/esm/styled/ColorpickerDialog/StyledTooltipBody.js +1 -1
- package/dist/esm/styled/ColorpickerDialog/StyledTooltipModal.js +1 -1
- package/dist/esm/styled/common/StyledRange.js +1 -1
- package/dist/index.cjs.js +22 -22
- package/package.json +7 -7
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'colorpickers.swatch_cell';
|
|
11
11
|
const StyledCell = styled.td.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '8.76.
|
|
13
|
+
'data-garden-version': '8.76.8'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledCell",
|
|
16
16
|
componentId: "sc-qr3oit-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'colorpickers.color_swatch';
|
|
11
11
|
const StyledColorSwatch = styled.table.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '8.76.
|
|
13
|
+
'data-garden-version': '8.76.8',
|
|
14
14
|
role: 'grid'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledColorSwatch",
|
|
@@ -36,7 +36,7 @@ const StyledIcon = styled(_ref => {
|
|
|
36
36
|
return React__default.cloneElement(Children.only(children), props);
|
|
37
37
|
}).attrs({
|
|
38
38
|
'data-garden-id': COMPONENT_ID,
|
|
39
|
-
'data-garden-version': '8.76.
|
|
39
|
+
'data-garden-version': '8.76.8'
|
|
40
40
|
}).withConfig({
|
|
41
41
|
displayName: "StyledIcon",
|
|
42
42
|
componentId: "sc-8oigif-0"
|
|
@@ -13,7 +13,7 @@ const StyledSwatchButton = styled(StyledButtonPreview).attrs(props => ({
|
|
|
13
13
|
as: 'button',
|
|
14
14
|
'data-garden-id': COMPONENT_ID,
|
|
15
15
|
'data-test-id': props.backgroundColor,
|
|
16
|
-
'data-garden-version': '8.76.
|
|
16
|
+
'data-garden-version': '8.76.8'
|
|
17
17
|
})).withConfig({
|
|
18
18
|
displayName: "StyledSwatchButton",
|
|
19
19
|
componentId: "sc-edpwpp-0"
|
|
@@ -25,7 +25,7 @@ const StyledAlphaRange = styled(StyledRange).attrs(props => ({
|
|
|
25
25
|
background: background(props)
|
|
26
26
|
},
|
|
27
27
|
'data-garden-id': COMPONENT_ID,
|
|
28
|
-
'data-garden-version': '8.76.
|
|
28
|
+
'data-garden-version': '8.76.8'
|
|
29
29
|
})).withConfig({
|
|
30
30
|
displayName: "StyledAlphaRange",
|
|
31
31
|
componentId: "sc-kuh2xc-0"
|
|
@@ -13,7 +13,7 @@ const getColorV8PickerWidth = props => {
|
|
|
13
13
|
};
|
|
14
14
|
const StyledColorPicker = styled.div.attrs({
|
|
15
15
|
'data-garden-id': COMPONENT_ID,
|
|
16
|
-
'data-garden-version': '8.76.
|
|
16
|
+
'data-garden-version': '8.76.8'
|
|
17
17
|
}).withConfig({
|
|
18
18
|
displayName: "StyledColorPicker",
|
|
19
19
|
componentId: "sc-1donyl9-0"
|
|
@@ -20,7 +20,7 @@ const background = props => {
|
|
|
20
20
|
};
|
|
21
21
|
const StyledColorWell = styled.div.attrs(props => ({
|
|
22
22
|
'data-garden-id': COMPONENT_ID,
|
|
23
|
-
'data-garden-version': '8.76.
|
|
23
|
+
'data-garden-version': '8.76.8',
|
|
24
24
|
'data-test-id': 'colorwell',
|
|
25
25
|
style: {
|
|
26
26
|
background: background(props)
|
|
@@ -23,7 +23,7 @@ const sizeStyles = theme => {
|
|
|
23
23
|
};
|
|
24
24
|
const StyledColorWellThumb = styled.div.attrs(props => ({
|
|
25
25
|
'data-garden-id': COMPONENT_ID,
|
|
26
|
-
'data-garden-version': '8.76.
|
|
26
|
+
'data-garden-version': '8.76.8',
|
|
27
27
|
'data-test-id': 'colorwell-thumb',
|
|
28
28
|
style: {
|
|
29
29
|
top: `${props.top}%`,
|
|
@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
|
|
|
11
11
|
const COMPONENT_ID = 'colorpickers.colorpicker_hex_field';
|
|
12
12
|
const StyledHexField = styled(Field).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '8.76.
|
|
14
|
+
'data-garden-version': '8.76.8',
|
|
15
15
|
spellcheck: false
|
|
16
16
|
}).withConfig({
|
|
17
17
|
displayName: "StyledHexField",
|
|
@@ -11,7 +11,7 @@ import { StyledRange, getTrackMargin, getTrackHeight } from '../common/StyledRan
|
|
|
11
11
|
const COMPONENT_ID = 'colorpickers.colorpicker_hue';
|
|
12
12
|
const StyledHueRange = styled(StyledRange).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '8.76.
|
|
14
|
+
'data-garden-version': '8.76.8'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledHueRange",
|
|
17
17
|
componentId: "sc-13ly7p-0"
|
|
@@ -11,7 +11,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
11
11
|
const COMPONENT_ID = 'colorpickers.colorpicker_input';
|
|
12
12
|
const StyledInput = styled(Input).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '8.76.
|
|
14
|
+
'data-garden-version': '8.76.8',
|
|
15
15
|
focusInset: false
|
|
16
16
|
}).withConfig({
|
|
17
17
|
displayName: "StyledInput",
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'colorpickers.colorpicker_input_group';
|
|
11
11
|
const StyledInputGroup = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '8.76.
|
|
13
|
+
'data-garden-version': '8.76.8'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledInputGroup",
|
|
16
16
|
componentId: "sc-mmy93w-0"
|
|
@@ -11,7 +11,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
11
11
|
const COMPONENT_ID = 'colorpickers.colorpicker_label';
|
|
12
12
|
const StyledLabel = styled(Label).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '8.76.
|
|
14
|
+
'data-garden-version': '8.76.8'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledLabel",
|
|
17
17
|
componentId: "sc-1klhp6m-0"
|
|
@@ -24,7 +24,7 @@ const StyledPreview = styled.div.attrs(props => ({
|
|
|
24
24
|
background: background(props)
|
|
25
25
|
},
|
|
26
26
|
'data-garden-id': COMPONENT_ID,
|
|
27
|
-
'data-garden-version': '8.76.
|
|
27
|
+
'data-garden-version': '8.76.8',
|
|
28
28
|
'data-test-id': 'preview-box'
|
|
29
29
|
})).withConfig({
|
|
30
30
|
displayName: "StyledPreview",
|
|
@@ -20,7 +20,7 @@ const sizeStyles = theme => {
|
|
|
20
20
|
};
|
|
21
21
|
const StyledRGBAField = styled(Field).attrs({
|
|
22
22
|
'data-garden-id': COMPONENT_ID,
|
|
23
|
-
'data-garden-version': '8.76.
|
|
23
|
+
'data-garden-version': '8.76.8'
|
|
24
24
|
}).withConfig({
|
|
25
25
|
displayName: "StyledRGBAField",
|
|
26
26
|
componentId: "sc-ibo1yw-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'colorpickers.colorpicker_slider_group';
|
|
11
11
|
const StyledSliderGroup = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '8.76.
|
|
13
|
+
'data-garden-version': '8.76.8'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledSliderGroup",
|
|
16
16
|
componentId: "sc-rsq0ak-0"
|
|
@@ -11,7 +11,7 @@ import { getTrackMargin, getTrackHeight } from '../common/StyledRange.js';
|
|
|
11
11
|
const COMPONENT_ID = 'colorpickers.colorpicker_sliders';
|
|
12
12
|
const StyledSliders = styled.div.attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '8.76.
|
|
14
|
+
'data-garden-version': '8.76.8'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledSliders",
|
|
17
17
|
componentId: "sc-aclca2-0"
|
|
@@ -12,7 +12,7 @@ const COMPONENT_ID = 'colorpickers.colordialog_button';
|
|
|
12
12
|
const StyledButton = styled(Button).attrs({
|
|
13
13
|
isNeutral: true,
|
|
14
14
|
'data-garden-id': COMPONENT_ID,
|
|
15
|
-
'data-garden-version': '8.76.
|
|
15
|
+
'data-garden-version': '8.76.8'
|
|
16
16
|
}).withConfig({
|
|
17
17
|
displayName: "StyledButton",
|
|
18
18
|
componentId: "sc-101xjve-0"
|
|
@@ -35,7 +35,7 @@ const StyledButtonPreview = styled.span.attrs(props => ({
|
|
|
35
35
|
background: `${background(props)}, ${checkeredBackground(props.theme, 8)}`
|
|
36
36
|
},
|
|
37
37
|
'data-garden-id': COMPONENT_ID,
|
|
38
|
-
'data-garden-version': '8.76.
|
|
38
|
+
'data-garden-version': '8.76.8',
|
|
39
39
|
'data-test-id': 'dialog-preview'
|
|
40
40
|
})).withConfig({
|
|
41
41
|
displayName: "StyledButtonPreview",
|
|
@@ -11,7 +11,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
11
11
|
const COMPONENT_ID = 'colorpickers.colordialog_tooltipmodal_body';
|
|
12
12
|
const StyledTooltipBody = styled(TooltipModal.Body).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '8.76.
|
|
14
|
+
'data-garden-version': '8.76.8'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledTooltipBody",
|
|
17
17
|
componentId: "sc-6gsgsy-0"
|
|
@@ -11,7 +11,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
11
11
|
const COMPONENT_ID = 'colorpickers.colordialog_tooltipmodal';
|
|
12
12
|
const StyledTooltipModal = styled(TooltipModal).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '8.76.
|
|
14
|
+
'data-garden-version': '8.76.8'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledTooltipModal",
|
|
17
17
|
componentId: "sc-o022s8-0"
|
|
@@ -136,7 +136,7 @@ const sizeStyles = props => {
|
|
|
136
136
|
};
|
|
137
137
|
const StyledRange = styled(Range).attrs({
|
|
138
138
|
'data-garden-id': COMPONENT_ID,
|
|
139
|
-
'data-garden-version': '8.76.
|
|
139
|
+
'data-garden-version': '8.76.8',
|
|
140
140
|
hasLowerTrack: false
|
|
141
141
|
}).withConfig({
|
|
142
142
|
displayName: "StyledRange",
|
package/dist/index.cjs.js
CHANGED
|
@@ -136,7 +136,7 @@ const getColorV8PickerWidth = props => {
|
|
|
136
136
|
};
|
|
137
137
|
const StyledColorPicker = styled__default.default.div.attrs({
|
|
138
138
|
'data-garden-id': COMPONENT_ID$l,
|
|
139
|
-
'data-garden-version': '8.76.
|
|
139
|
+
'data-garden-version': '8.76.8'
|
|
140
140
|
}).withConfig({
|
|
141
141
|
displayName: "StyledColorPicker",
|
|
142
142
|
componentId: "sc-1donyl9-0"
|
|
@@ -272,7 +272,7 @@ const sizeStyles$2 = props => {
|
|
|
272
272
|
};
|
|
273
273
|
const StyledRange = styled__default.default(reactForms.Range).attrs({
|
|
274
274
|
'data-garden-id': COMPONENT_ID$k,
|
|
275
|
-
'data-garden-version': '8.76.
|
|
275
|
+
'data-garden-version': '8.76.8',
|
|
276
276
|
hasLowerTrack: false
|
|
277
277
|
}).withConfig({
|
|
278
278
|
displayName: "StyledRange",
|
|
@@ -287,7 +287,7 @@ StyledRange.defaultProps = {
|
|
|
287
287
|
const COMPONENT_ID$j = 'colorpickers.colorpicker_hue';
|
|
288
288
|
const StyledHueRange = styled__default.default(StyledRange).attrs({
|
|
289
289
|
'data-garden-id': COMPONENT_ID$j,
|
|
290
|
-
'data-garden-version': '8.76.
|
|
290
|
+
'data-garden-version': '8.76.8'
|
|
291
291
|
}).withConfig({
|
|
292
292
|
displayName: "StyledHueRange",
|
|
293
293
|
componentId: "sc-13ly7p-0"
|
|
@@ -331,7 +331,7 @@ const StyledAlphaRange = styled__default.default(StyledRange).attrs(props => ({
|
|
|
331
331
|
background: background$3(props)
|
|
332
332
|
},
|
|
333
333
|
'data-garden-id': COMPONENT_ID$i,
|
|
334
|
-
'data-garden-version': '8.76.
|
|
334
|
+
'data-garden-version': '8.76.8'
|
|
335
335
|
})).withConfig({
|
|
336
336
|
displayName: "StyledAlphaRange",
|
|
337
337
|
componentId: "sc-kuh2xc-0"
|
|
@@ -355,7 +355,7 @@ const StyledPreview = styled__default.default.div.attrs(props => ({
|
|
|
355
355
|
background: background$2(props)
|
|
356
356
|
},
|
|
357
357
|
'data-garden-id': COMPONENT_ID$h,
|
|
358
|
-
'data-garden-version': '8.76.
|
|
358
|
+
'data-garden-version': '8.76.8',
|
|
359
359
|
'data-test-id': 'preview-box'
|
|
360
360
|
})).withConfig({
|
|
361
361
|
displayName: "StyledPreview",
|
|
@@ -377,7 +377,7 @@ const background$1 = props => {
|
|
|
377
377
|
};
|
|
378
378
|
const StyledColorWell = styled__default.default.div.attrs(props => ({
|
|
379
379
|
'data-garden-id': COMPONENT_ID$g,
|
|
380
|
-
'data-garden-version': '8.76.
|
|
380
|
+
'data-garden-version': '8.76.8',
|
|
381
381
|
'data-test-id': 'colorwell',
|
|
382
382
|
style: {
|
|
383
383
|
background: background$1(props)
|
|
@@ -405,7 +405,7 @@ const sizeStyles$1 = theme => {
|
|
|
405
405
|
};
|
|
406
406
|
const StyledColorWellThumb = styled__default.default.div.attrs(props => ({
|
|
407
407
|
'data-garden-id': COMPONENT_ID$f,
|
|
408
|
-
'data-garden-version': '8.76.
|
|
408
|
+
'data-garden-version': '8.76.8',
|
|
409
409
|
'data-test-id': 'colorwell-thumb',
|
|
410
410
|
style: {
|
|
411
411
|
top: `${props.top}%`,
|
|
@@ -422,7 +422,7 @@ StyledColorWellThumb.defaultProps = {
|
|
|
422
422
|
const COMPONENT_ID$e = 'colorpickers.colorpicker_slider_group';
|
|
423
423
|
const StyledSliderGroup = styled__default.default.div.attrs({
|
|
424
424
|
'data-garden-id': COMPONENT_ID$e,
|
|
425
|
-
'data-garden-version': '8.76.
|
|
425
|
+
'data-garden-version': '8.76.8'
|
|
426
426
|
}).withConfig({
|
|
427
427
|
displayName: "StyledSliderGroup",
|
|
428
428
|
componentId: "sc-rsq0ak-0"
|
|
@@ -434,7 +434,7 @@ StyledSliderGroup.defaultProps = {
|
|
|
434
434
|
const COMPONENT_ID$d = 'colorpickers.colorpicker_hex_field';
|
|
435
435
|
const StyledHexField = styled__default.default(reactForms.Field).attrs({
|
|
436
436
|
'data-garden-id': COMPONENT_ID$d,
|
|
437
|
-
'data-garden-version': '8.76.
|
|
437
|
+
'data-garden-version': '8.76.8',
|
|
438
438
|
spellcheck: false
|
|
439
439
|
}).withConfig({
|
|
440
440
|
displayName: "StyledHexField",
|
|
@@ -447,7 +447,7 @@ StyledHexField.defaultProps = {
|
|
|
447
447
|
const COMPONENT_ID$c = 'colorpickers.colorpicker_label';
|
|
448
448
|
const StyledLabel = styled__default.default(reactForms.Label).attrs({
|
|
449
449
|
'data-garden-id': COMPONENT_ID$c,
|
|
450
|
-
'data-garden-version': '8.76.
|
|
450
|
+
'data-garden-version': '8.76.8'
|
|
451
451
|
}).withConfig({
|
|
452
452
|
displayName: "StyledLabel",
|
|
453
453
|
componentId: "sc-1klhp6m-0"
|
|
@@ -459,7 +459,7 @@ StyledLabel.defaultProps = {
|
|
|
459
459
|
const COMPONENT_ID$b = 'colorpickers.colorpicker_input';
|
|
460
460
|
const StyledInput = styled__default.default(reactForms.Input).attrs({
|
|
461
461
|
'data-garden-id': COMPONENT_ID$b,
|
|
462
|
-
'data-garden-version': '8.76.
|
|
462
|
+
'data-garden-version': '8.76.8',
|
|
463
463
|
focusInset: false
|
|
464
464
|
}).withConfig({
|
|
465
465
|
displayName: "StyledInput",
|
|
@@ -472,7 +472,7 @@ StyledInput.defaultProps = {
|
|
|
472
472
|
const COMPONENT_ID$a = 'colorpickers.colorpicker_input_group';
|
|
473
473
|
const StyledInputGroup = styled__default.default.div.attrs({
|
|
474
474
|
'data-garden-id': COMPONENT_ID$a,
|
|
475
|
-
'data-garden-version': '8.76.
|
|
475
|
+
'data-garden-version': '8.76.8'
|
|
476
476
|
}).withConfig({
|
|
477
477
|
displayName: "StyledInputGroup",
|
|
478
478
|
componentId: "sc-mmy93w-0"
|
|
@@ -493,7 +493,7 @@ const sizeStyles = theme => {
|
|
|
493
493
|
};
|
|
494
494
|
const StyledRGBAField = styled__default.default(reactForms.Field).attrs({
|
|
495
495
|
'data-garden-id': COMPONENT_ID$9,
|
|
496
|
-
'data-garden-version': '8.76.
|
|
496
|
+
'data-garden-version': '8.76.8'
|
|
497
497
|
}).withConfig({
|
|
498
498
|
displayName: "StyledRGBAField",
|
|
499
499
|
componentId: "sc-ibo1yw-0"
|
|
@@ -505,7 +505,7 @@ StyledRGBAField.defaultProps = {
|
|
|
505
505
|
const COMPONENT_ID$8 = 'colorpickers.colorpicker_sliders';
|
|
506
506
|
const StyledSliders = styled__default.default.div.attrs({
|
|
507
507
|
'data-garden-id': COMPONENT_ID$8,
|
|
508
|
-
'data-garden-version': '8.76.
|
|
508
|
+
'data-garden-version': '8.76.8'
|
|
509
509
|
}).withConfig({
|
|
510
510
|
displayName: "StyledSliders",
|
|
511
511
|
componentId: "sc-aclca2-0"
|
|
@@ -518,7 +518,7 @@ const COMPONENT_ID$7 = 'colorpickers.colordialog_button';
|
|
|
518
518
|
const StyledButton = styled__default.default(reactButtons.Button).attrs({
|
|
519
519
|
isNeutral: true,
|
|
520
520
|
'data-garden-id': COMPONENT_ID$7,
|
|
521
|
-
'data-garden-version': '8.76.
|
|
521
|
+
'data-garden-version': '8.76.8'
|
|
522
522
|
}).withConfig({
|
|
523
523
|
displayName: "StyledButton",
|
|
524
524
|
componentId: "sc-101xjve-0"
|
|
@@ -553,7 +553,7 @@ const StyledButtonPreview = styled__default.default.span.attrs(props => ({
|
|
|
553
553
|
background: `${background(props)}, ${checkeredBackground(props.theme, 8)}`
|
|
554
554
|
},
|
|
555
555
|
'data-garden-id': COMPONENT_ID$6,
|
|
556
|
-
'data-garden-version': '8.76.
|
|
556
|
+
'data-garden-version': '8.76.8',
|
|
557
557
|
'data-test-id': 'dialog-preview'
|
|
558
558
|
})).withConfig({
|
|
559
559
|
displayName: "StyledButtonPreview",
|
|
@@ -566,7 +566,7 @@ StyledButtonPreview.defaultProps = {
|
|
|
566
566
|
const COMPONENT_ID$5 = 'colorpickers.colordialog_tooltipmodal';
|
|
567
567
|
const StyledTooltipModal = styled__default.default(reactModals.TooltipModal).attrs({
|
|
568
568
|
'data-garden-id': COMPONENT_ID$5,
|
|
569
|
-
'data-garden-version': '8.76.
|
|
569
|
+
'data-garden-version': '8.76.8'
|
|
570
570
|
}).withConfig({
|
|
571
571
|
displayName: "StyledTooltipModal",
|
|
572
572
|
componentId: "sc-o022s8-0"
|
|
@@ -578,7 +578,7 @@ StyledTooltipModal.defaultProps = {
|
|
|
578
578
|
const COMPONENT_ID$4 = 'colorpickers.colordialog_tooltipmodal_body';
|
|
579
579
|
const StyledTooltipBody = styled__default.default(reactModals.TooltipModal.Body).attrs({
|
|
580
580
|
'data-garden-id': COMPONENT_ID$4,
|
|
581
|
-
'data-garden-version': '8.76.
|
|
581
|
+
'data-garden-version': '8.76.8'
|
|
582
582
|
}).withConfig({
|
|
583
583
|
displayName: "StyledTooltipBody",
|
|
584
584
|
componentId: "sc-6gsgsy-0"
|
|
@@ -592,7 +592,7 @@ const StyledSwatchButton = styled__default.default(StyledButtonPreview).attrs(pr
|
|
|
592
592
|
as: 'button',
|
|
593
593
|
'data-garden-id': COMPONENT_ID$3,
|
|
594
594
|
'data-test-id': props.backgroundColor,
|
|
595
|
-
'data-garden-version': '8.76.
|
|
595
|
+
'data-garden-version': '8.76.8'
|
|
596
596
|
})).withConfig({
|
|
597
597
|
displayName: "StyledSwatchButton",
|
|
598
598
|
componentId: "sc-edpwpp-0"
|
|
@@ -606,7 +606,7 @@ StyledSwatchButton.defaultProps = {
|
|
|
606
606
|
const COMPONENT_ID$2 = 'colorpickers.color_swatch';
|
|
607
607
|
const StyledColorSwatch = styled__default.default.table.attrs({
|
|
608
608
|
'data-garden-id': COMPONENT_ID$2,
|
|
609
|
-
'data-garden-version': '8.76.
|
|
609
|
+
'data-garden-version': '8.76.8',
|
|
610
610
|
role: 'grid'
|
|
611
611
|
}).withConfig({
|
|
612
612
|
displayName: "StyledColorSwatch",
|
|
@@ -643,7 +643,7 @@ const StyledIcon = styled__default.default(_ref => {
|
|
|
643
643
|
return React__namespace.default.cloneElement(React.Children.only(children), props);
|
|
644
644
|
}).attrs({
|
|
645
645
|
'data-garden-id': COMPONENT_ID$1,
|
|
646
|
-
'data-garden-version': '8.76.
|
|
646
|
+
'data-garden-version': '8.76.8'
|
|
647
647
|
}).withConfig({
|
|
648
648
|
displayName: "StyledIcon",
|
|
649
649
|
componentId: "sc-8oigif-0"
|
|
@@ -655,7 +655,7 @@ StyledIcon.defaultProps = {
|
|
|
655
655
|
const COMPONENT_ID = 'colorpickers.swatch_cell';
|
|
656
656
|
const StyledCell = styled__default.default.td.attrs({
|
|
657
657
|
'data-garden-id': COMPONENT_ID,
|
|
658
|
-
'data-garden-version': '8.76.
|
|
658
|
+
'data-garden-version': '8.76.8'
|
|
659
659
|
}).withConfig({
|
|
660
660
|
displayName: "StyledCell",
|
|
661
661
|
componentId: "sc-qr3oit-0"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-colorpickers",
|
|
3
|
-
"version": "8.76.
|
|
3
|
+
"version": "8.76.8",
|
|
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": "^2.0.0",
|
|
26
|
-
"@zendeskgarden/react-buttons": "^8.76.
|
|
27
|
-
"@zendeskgarden/react-forms": "^8.76.
|
|
28
|
-
"@zendeskgarden/react-modals": "^8.76.
|
|
29
|
-
"@zendeskgarden/react-tooltips": "^8.76.
|
|
26
|
+
"@zendeskgarden/react-buttons": "^8.76.8",
|
|
27
|
+
"@zendeskgarden/react-forms": "^8.76.8",
|
|
28
|
+
"@zendeskgarden/react-modals": "^8.76.8",
|
|
29
|
+
"@zendeskgarden/react-tooltips": "^8.76.8",
|
|
30
30
|
"lodash.isequal": "^4.5.0",
|
|
31
31
|
"lodash.throttle": "^4.1.1",
|
|
32
32
|
"polished": "^4.3.1",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@types/lodash.isequal": "4.5.8",
|
|
43
43
|
"@types/lodash.throttle": "4.1.9",
|
|
44
|
-
"@zendeskgarden/react-theming": "^8.76.
|
|
44
|
+
"@zendeskgarden/react-theming": "^8.76.8",
|
|
45
45
|
"@zendeskgarden/svg-icons": "7.1.1"
|
|
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": "b7eb797f9d061d9fc36b47011128b607f7e3c1a2"
|
|
59
59
|
}
|