@zendeskgarden/react-colorpickers 9.15.0 → 9.15.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.
- 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/StyledTooltipDialog.js +1 -1
- package/dist/esm/styled/ColorSwatch/StyledCell.js +1 -1
- package/dist/esm/styled/ColorSwatch/StyledColorSwatch.js +1 -1
- package/dist/esm/styled/ColorSwatch/StyledColorSwatchInput.js +1 -1
- package/dist/esm/styled/ColorSwatch/StyledColorSwatchLabel.js +1 -1
- package/dist/esm/styled/ColorSwatch/StyledIcon.js +1 -1
- package/dist/esm/styled/common/StyledRange.js +1 -1
- package/dist/index.cjs.js +23 -23
- package/package.json +7 -7
|
@@ -30,7 +30,7 @@ const StyledAlphaRange = styled(StyledRange).attrs(props => ({
|
|
|
30
30
|
background: background$3(props)
|
|
31
31
|
},
|
|
32
32
|
'data-garden-id': COMPONENT_ID$i,
|
|
33
|
-
'data-garden-version': '9.15.
|
|
33
|
+
'data-garden-version': '9.15.2'
|
|
34
34
|
})).withConfig({
|
|
35
35
|
displayName: "StyledAlphaRange",
|
|
36
36
|
componentId: "sc-1f6hp2j-0"
|
|
@@ -13,7 +13,7 @@ const getColorPickerWidth = props => {
|
|
|
13
13
|
};
|
|
14
14
|
const StyledColorPicker = styled.div.attrs({
|
|
15
15
|
'data-garden-id': COMPONENT_ID$l,
|
|
16
|
-
'data-garden-version': '9.15.
|
|
16
|
+
'data-garden-version': '9.15.2'
|
|
17
17
|
}).withConfig({
|
|
18
18
|
displayName: "StyledColorPicker",
|
|
19
19
|
componentId: "sc-gspq4q-0"
|
|
@@ -20,7 +20,7 @@ const background$1 = props => {
|
|
|
20
20
|
};
|
|
21
21
|
const StyledColorWell = styled.div.attrs(props => ({
|
|
22
22
|
'data-garden-id': COMPONENT_ID$g,
|
|
23
|
-
'data-garden-version': '9.15.
|
|
23
|
+
'data-garden-version': '9.15.2',
|
|
24
24
|
'data-test-id': 'colorwell',
|
|
25
25
|
style: {
|
|
26
26
|
background: background$1(props)
|
|
@@ -32,7 +32,7 @@ const sizeStyles$2 = ({
|
|
|
32
32
|
};
|
|
33
33
|
const StyledColorWellThumb = styled.div.attrs(props => ({
|
|
34
34
|
'data-garden-id': COMPONENT_ID$f,
|
|
35
|
-
'data-garden-version': '9.15.
|
|
35
|
+
'data-garden-version': '9.15.2',
|
|
36
36
|
'data-test-id': 'colorwell-thumb',
|
|
37
37
|
style: {
|
|
38
38
|
top: `${props.$top}%`,
|
|
@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
|
|
|
11
11
|
const COMPONENT_ID$d = 'colorpickers.colorpicker_hex_field';
|
|
12
12
|
const StyledHexField = styled(Field).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID$d,
|
|
14
|
-
'data-garden-version': '9.15.
|
|
14
|
+
'data-garden-version': '9.15.2',
|
|
15
15
|
spellCheck: false
|
|
16
16
|
}).withConfig({
|
|
17
17
|
displayName: "StyledHexField",
|
|
@@ -10,7 +10,7 @@ import { StyledRange, getTrackMargin, getTrackHeight } from '../common/StyledRan
|
|
|
10
10
|
const COMPONENT_ID$j = 'colorpickers.colorpicker_hue';
|
|
11
11
|
const StyledHueRange = styled(StyledRange).attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID$j,
|
|
13
|
-
'data-garden-version': '9.15.
|
|
13
|
+
'data-garden-version': '9.15.2'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledHueRange",
|
|
16
16
|
componentId: "sc-1gdhww1-0"
|
|
@@ -11,7 +11,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
11
11
|
const COMPONENT_ID$b = 'colorpickers.colorpicker_input';
|
|
12
12
|
const StyledInput = styled(Input).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID$b,
|
|
14
|
-
'data-garden-version': '9.15.
|
|
14
|
+
'data-garden-version': '9.15.2',
|
|
15
15
|
focusInset: false
|
|
16
16
|
}).withConfig({
|
|
17
17
|
displayName: "StyledInput",
|
|
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID$a = 'colorpickers.colorpicker_input_group';
|
|
11
11
|
const StyledInputGroup = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID$a,
|
|
13
|
-
'data-garden-version': '9.15.
|
|
13
|
+
'data-garden-version': '9.15.2'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledInputGroup",
|
|
16
16
|
componentId: "sc-1m9g2wg-0"
|
|
@@ -11,7 +11,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
11
11
|
const COMPONENT_ID$c = 'colorpickers.colorpicker_label';
|
|
12
12
|
const StyledLabel = styled(Label).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID$c,
|
|
14
|
-
'data-garden-version': '9.15.
|
|
14
|
+
'data-garden-version': '9.15.2'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledLabel",
|
|
17
17
|
componentId: "sc-1vxt3m9-0"
|
|
@@ -26,7 +26,7 @@ const StyledPreview = styled.div.attrs(props => ({
|
|
|
26
26
|
background: background$2(props)
|
|
27
27
|
},
|
|
28
28
|
'data-garden-id': COMPONENT_ID$h,
|
|
29
|
-
'data-garden-version': '9.15.
|
|
29
|
+
'data-garden-version': '9.15.2',
|
|
30
30
|
'data-test-id': 'preview-box'
|
|
31
31
|
})).withConfig({
|
|
32
32
|
displayName: "StyledPreview",
|
|
@@ -20,7 +20,7 @@ const sizeStyles$1 = theme => {
|
|
|
20
20
|
};
|
|
21
21
|
const StyledRGBAField = styled(Field).attrs({
|
|
22
22
|
'data-garden-id': COMPONENT_ID$9,
|
|
23
|
-
'data-garden-version': '9.15.
|
|
23
|
+
'data-garden-version': '9.15.2'
|
|
24
24
|
}).withConfig({
|
|
25
25
|
displayName: "StyledRGBAField",
|
|
26
26
|
componentId: "sc-13266k8-0"
|
|
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID$e = 'colorpickers.colorpicker_slider_group';
|
|
11
11
|
const StyledSliderGroup = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID$e,
|
|
13
|
-
'data-garden-version': '9.15.
|
|
13
|
+
'data-garden-version': '9.15.2'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledSliderGroup",
|
|
16
16
|
componentId: "sc-tigkzg-0"
|
|
@@ -33,7 +33,7 @@ const sizeStyles = props => {
|
|
|
33
33
|
};
|
|
34
34
|
const StyledSliders = styled.div.attrs({
|
|
35
35
|
'data-garden-id': COMPONENT_ID$8,
|
|
36
|
-
'data-garden-version': '9.15.
|
|
36
|
+
'data-garden-version': '9.15.2'
|
|
37
37
|
}).withConfig({
|
|
38
38
|
displayName: "StyledSliders",
|
|
39
39
|
componentId: "sc-1lgr50m-0"
|
|
@@ -9,7 +9,7 @@ import { Button } from '@zendeskgarden/react-buttons';
|
|
|
9
9
|
|
|
10
10
|
const StyledButton = styled(Button).attrs({
|
|
11
11
|
isNeutral: true,
|
|
12
|
-
'data-garden-version': '9.15.
|
|
12
|
+
'data-garden-version': '9.15.2'
|
|
13
13
|
}).withConfig({
|
|
14
14
|
displayName: "StyledButton",
|
|
15
15
|
componentId: "sc-1dlijfv-0"
|
|
@@ -38,7 +38,7 @@ const StyledButtonPreview = styled.span.attrs(props => ({
|
|
|
38
38
|
})
|
|
39
39
|
},
|
|
40
40
|
'data-garden-id': COMPONENT_ID$7,
|
|
41
|
-
'data-garden-version': '9.15.
|
|
41
|
+
'data-garden-version': '9.15.2',
|
|
42
42
|
'data-test-id': 'dialog-preview'
|
|
43
43
|
})).withConfig({
|
|
44
44
|
displayName: "StyledButtonPreview",
|
|
@@ -11,7 +11,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
11
11
|
const COMPONENT_ID$5 = 'colorpickers.colordialog_tooltipdialog_body';
|
|
12
12
|
const StyledTooltipBody = styled(TooltipDialog.Body).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID$5,
|
|
14
|
-
'data-garden-version': '9.15.
|
|
14
|
+
'data-garden-version': '9.15.2'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledTooltipBody",
|
|
17
17
|
componentId: "sc-1ueddpo-0"
|
|
@@ -11,7 +11,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
11
11
|
const COMPONENT_ID$6 = 'colorpickers.colordialog_tooltipdialog';
|
|
12
12
|
const StyledTooltipDialog = styled(TooltipDialog).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID$6,
|
|
14
|
-
'data-garden-version': '9.15.
|
|
14
|
+
'data-garden-version': '9.15.2'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledTooltipDialog",
|
|
17
17
|
componentId: "sc-1vbkccl-0"
|
|
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
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': '9.15.
|
|
13
|
+
'data-garden-version': '9.15.2'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledCell",
|
|
16
16
|
componentId: "sc-qr3oit-0"
|
|
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID$4 = 'colorpickers.color_swatch';
|
|
11
11
|
const StyledColorSwatch = styled.table.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID$4,
|
|
13
|
-
'data-garden-version': '9.15.
|
|
13
|
+
'data-garden-version': '9.15.2'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledColorSwatch",
|
|
16
16
|
componentId: "sc-ajx440-0"
|
|
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID$3 = 'colorpickers.color_swatch_input';
|
|
11
11
|
const StyledColorSwatchInput = styled.input.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID$3,
|
|
13
|
-
'data-garden-version': '9.15.
|
|
13
|
+
'data-garden-version': '9.15.2'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledColorSwatchInput",
|
|
16
16
|
componentId: "sc-em45h0-0"
|
|
@@ -37,7 +37,7 @@ const colorStyles = ({
|
|
|
37
37
|
const StyledColorSwatchLabel = styled(StyledButtonPreview).attrs({
|
|
38
38
|
as: 'label',
|
|
39
39
|
'data-garden-id': COMPONENT_ID$2,
|
|
40
|
-
'data-garden-version': '9.15.
|
|
40
|
+
'data-garden-version': '9.15.2'
|
|
41
41
|
}).withConfig({
|
|
42
42
|
displayName: "StyledColorSwatchLabel",
|
|
43
43
|
componentId: "sc-1aghocg-0"
|
|
@@ -11,7 +11,7 @@ import { StyledColorSwatchInput } from './StyledColorSwatchInput.js';
|
|
|
11
11
|
const COMPONENT_ID$1 = 'colorpickers.colorswatch_check';
|
|
12
12
|
const StyledIcon = styled(StyledBaseIcon).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID$1,
|
|
14
|
-
'data-garden-version': '9.15.
|
|
14
|
+
'data-garden-version': '9.15.2'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledIcon",
|
|
17
17
|
componentId: "sc-8oigif-0"
|
|
@@ -141,7 +141,7 @@ const sizeStyles$3 = props => {
|
|
|
141
141
|
};
|
|
142
142
|
const StyledRange = styled(Range).attrs({
|
|
143
143
|
'data-garden-id': COMPONENT_ID$k,
|
|
144
|
-
'data-garden-version': '9.15.
|
|
144
|
+
'data-garden-version': '9.15.2',
|
|
145
145
|
hasLowerTrack: false
|
|
146
146
|
}).withConfig({
|
|
147
147
|
displayName: "StyledRange",
|
package/dist/index.cjs.js
CHANGED
|
@@ -137,7 +137,7 @@ const getColorPickerWidth = props => {
|
|
|
137
137
|
};
|
|
138
138
|
const StyledColorPicker = styled__default.default.div.attrs({
|
|
139
139
|
'data-garden-id': COMPONENT_ID$l,
|
|
140
|
-
'data-garden-version': '9.15.
|
|
140
|
+
'data-garden-version': '9.15.2'
|
|
141
141
|
}).withConfig({
|
|
142
142
|
displayName: "StyledColorPicker",
|
|
143
143
|
componentId: "sc-gspq4q-0"
|
|
@@ -275,7 +275,7 @@ const sizeStyles$3 = props => {
|
|
|
275
275
|
};
|
|
276
276
|
const StyledRange = styled__default.default(reactForms.Range).attrs({
|
|
277
277
|
'data-garden-id': COMPONENT_ID$k,
|
|
278
|
-
'data-garden-version': '9.15.
|
|
278
|
+
'data-garden-version': '9.15.2',
|
|
279
279
|
hasLowerTrack: false
|
|
280
280
|
}).withConfig({
|
|
281
281
|
displayName: "StyledRange",
|
|
@@ -287,7 +287,7 @@ const StyledRange = styled__default.default(reactForms.Range).attrs({
|
|
|
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': '9.15.
|
|
290
|
+
'data-garden-version': '9.15.2'
|
|
291
291
|
}).withConfig({
|
|
292
292
|
displayName: "StyledHueRange",
|
|
293
293
|
componentId: "sc-1gdhww1-0"
|
|
@@ -315,7 +315,7 @@ const StyledAlphaRange = styled__default.default(StyledRange).attrs(props => ({
|
|
|
315
315
|
background: background$3(props)
|
|
316
316
|
},
|
|
317
317
|
'data-garden-id': COMPONENT_ID$i,
|
|
318
|
-
'data-garden-version': '9.15.
|
|
318
|
+
'data-garden-version': '9.15.2'
|
|
319
319
|
})).withConfig({
|
|
320
320
|
displayName: "StyledAlphaRange",
|
|
321
321
|
componentId: "sc-1f6hp2j-0"
|
|
@@ -339,7 +339,7 @@ const StyledPreview = styled__default.default.div.attrs(props => ({
|
|
|
339
339
|
background: background$2(props)
|
|
340
340
|
},
|
|
341
341
|
'data-garden-id': COMPONENT_ID$h,
|
|
342
|
-
'data-garden-version': '9.15.
|
|
342
|
+
'data-garden-version': '9.15.2',
|
|
343
343
|
'data-test-id': 'preview-box'
|
|
344
344
|
})).withConfig({
|
|
345
345
|
displayName: "StyledPreview",
|
|
@@ -358,7 +358,7 @@ const background$1 = props => {
|
|
|
358
358
|
};
|
|
359
359
|
const StyledColorWell = styled__default.default.div.attrs(props => ({
|
|
360
360
|
'data-garden-id': COMPONENT_ID$g,
|
|
361
|
-
'data-garden-version': '9.15.
|
|
361
|
+
'data-garden-version': '9.15.2',
|
|
362
362
|
'data-test-id': 'colorwell',
|
|
363
363
|
style: {
|
|
364
364
|
background: background$1(props)
|
|
@@ -392,7 +392,7 @@ const sizeStyles$2 = ({
|
|
|
392
392
|
};
|
|
393
393
|
const StyledColorWellThumb = styled__default.default.div.attrs(props => ({
|
|
394
394
|
'data-garden-id': COMPONENT_ID$f,
|
|
395
|
-
'data-garden-version': '9.15.
|
|
395
|
+
'data-garden-version': '9.15.2',
|
|
396
396
|
'data-test-id': 'colorwell-thumb',
|
|
397
397
|
style: {
|
|
398
398
|
top: `${props.$top}%`,
|
|
@@ -406,7 +406,7 @@ const StyledColorWellThumb = styled__default.default.div.attrs(props => ({
|
|
|
406
406
|
const COMPONENT_ID$e = 'colorpickers.colorpicker_slider_group';
|
|
407
407
|
const StyledSliderGroup = styled__default.default.div.attrs({
|
|
408
408
|
'data-garden-id': COMPONENT_ID$e,
|
|
409
|
-
'data-garden-version': '9.15.
|
|
409
|
+
'data-garden-version': '9.15.2'
|
|
410
410
|
}).withConfig({
|
|
411
411
|
displayName: "StyledSliderGroup",
|
|
412
412
|
componentId: "sc-tigkzg-0"
|
|
@@ -415,7 +415,7 @@ const StyledSliderGroup = styled__default.default.div.attrs({
|
|
|
415
415
|
const COMPONENT_ID$d = 'colorpickers.colorpicker_hex_field';
|
|
416
416
|
const StyledHexField = styled__default.default(reactForms.Field).attrs({
|
|
417
417
|
'data-garden-id': COMPONENT_ID$d,
|
|
418
|
-
'data-garden-version': '9.15.
|
|
418
|
+
'data-garden-version': '9.15.2',
|
|
419
419
|
spellCheck: false
|
|
420
420
|
}).withConfig({
|
|
421
421
|
displayName: "StyledHexField",
|
|
@@ -425,7 +425,7 @@ const StyledHexField = styled__default.default(reactForms.Field).attrs({
|
|
|
425
425
|
const COMPONENT_ID$c = 'colorpickers.colorpicker_label';
|
|
426
426
|
const StyledLabel = styled__default.default(reactForms.Label).attrs({
|
|
427
427
|
'data-garden-id': COMPONENT_ID$c,
|
|
428
|
-
'data-garden-version': '9.15.
|
|
428
|
+
'data-garden-version': '9.15.2'
|
|
429
429
|
}).withConfig({
|
|
430
430
|
displayName: "StyledLabel",
|
|
431
431
|
componentId: "sc-1vxt3m9-0"
|
|
@@ -434,7 +434,7 @@ const StyledLabel = styled__default.default(reactForms.Label).attrs({
|
|
|
434
434
|
const COMPONENT_ID$b = 'colorpickers.colorpicker_input';
|
|
435
435
|
const StyledInput = styled__default.default(reactForms.Input).attrs({
|
|
436
436
|
'data-garden-id': COMPONENT_ID$b,
|
|
437
|
-
'data-garden-version': '9.15.
|
|
437
|
+
'data-garden-version': '9.15.2',
|
|
438
438
|
focusInset: false
|
|
439
439
|
}).withConfig({
|
|
440
440
|
displayName: "StyledInput",
|
|
@@ -444,7 +444,7 @@ const StyledInput = styled__default.default(reactForms.Input).attrs({
|
|
|
444
444
|
const COMPONENT_ID$a = 'colorpickers.colorpicker_input_group';
|
|
445
445
|
const StyledInputGroup = styled__default.default.div.attrs({
|
|
446
446
|
'data-garden-id': COMPONENT_ID$a,
|
|
447
|
-
'data-garden-version': '9.15.
|
|
447
|
+
'data-garden-version': '9.15.2'
|
|
448
448
|
}).withConfig({
|
|
449
449
|
displayName: "StyledInputGroup",
|
|
450
450
|
componentId: "sc-1m9g2wg-0"
|
|
@@ -462,7 +462,7 @@ const sizeStyles$1 = theme => {
|
|
|
462
462
|
};
|
|
463
463
|
const StyledRGBAField = styled__default.default(reactForms.Field).attrs({
|
|
464
464
|
'data-garden-id': COMPONENT_ID$9,
|
|
465
|
-
'data-garden-version': '9.15.
|
|
465
|
+
'data-garden-version': '9.15.2'
|
|
466
466
|
}).withConfig({
|
|
467
467
|
displayName: "StyledRGBAField",
|
|
468
468
|
componentId: "sc-13266k8-0"
|
|
@@ -493,7 +493,7 @@ const sizeStyles = props => {
|
|
|
493
493
|
};
|
|
494
494
|
const StyledSliders = styled__default.default.div.attrs({
|
|
495
495
|
'data-garden-id': COMPONENT_ID$8,
|
|
496
|
-
'data-garden-version': '9.15.
|
|
496
|
+
'data-garden-version': '9.15.2'
|
|
497
497
|
}).withConfig({
|
|
498
498
|
displayName: "StyledSliders",
|
|
499
499
|
componentId: "sc-1lgr50m-0"
|
|
@@ -501,7 +501,7 @@ const StyledSliders = styled__default.default.div.attrs({
|
|
|
501
501
|
|
|
502
502
|
const StyledButton = styled__default.default(reactButtons.Button).attrs({
|
|
503
503
|
isNeutral: true,
|
|
504
|
-
'data-garden-version': '9.15.
|
|
504
|
+
'data-garden-version': '9.15.2'
|
|
505
505
|
}).withConfig({
|
|
506
506
|
displayName: "StyledButton",
|
|
507
507
|
componentId: "sc-1dlijfv-0"
|
|
@@ -537,7 +537,7 @@ const StyledButtonPreview = styled__default.default.span.attrs(props => ({
|
|
|
537
537
|
})
|
|
538
538
|
},
|
|
539
539
|
'data-garden-id': COMPONENT_ID$7,
|
|
540
|
-
'data-garden-version': '9.15.
|
|
540
|
+
'data-garden-version': '9.15.2',
|
|
541
541
|
'data-test-id': 'dialog-preview'
|
|
542
542
|
})).withConfig({
|
|
543
543
|
displayName: "StyledButtonPreview",
|
|
@@ -547,7 +547,7 @@ const StyledButtonPreview = styled__default.default.span.attrs(props => ({
|
|
|
547
547
|
const COMPONENT_ID$6 = 'colorpickers.colordialog_tooltipdialog';
|
|
548
548
|
const StyledTooltipDialog = styled__default.default(reactModals.TooltipDialog).attrs({
|
|
549
549
|
'data-garden-id': COMPONENT_ID$6,
|
|
550
|
-
'data-garden-version': '9.15.
|
|
550
|
+
'data-garden-version': '9.15.2'
|
|
551
551
|
}).withConfig({
|
|
552
552
|
displayName: "StyledTooltipDialog",
|
|
553
553
|
componentId: "sc-1vbkccl-0"
|
|
@@ -556,7 +556,7 @@ const StyledTooltipDialog = styled__default.default(reactModals.TooltipDialog).a
|
|
|
556
556
|
const COMPONENT_ID$5 = 'colorpickers.colordialog_tooltipdialog_body';
|
|
557
557
|
const StyledTooltipBody = styled__default.default(reactModals.TooltipDialog.Body).attrs({
|
|
558
558
|
'data-garden-id': COMPONENT_ID$5,
|
|
559
|
-
'data-garden-version': '9.15.
|
|
559
|
+
'data-garden-version': '9.15.2'
|
|
560
560
|
}).withConfig({
|
|
561
561
|
displayName: "StyledTooltipBody",
|
|
562
562
|
componentId: "sc-1ueddpo-0"
|
|
@@ -565,7 +565,7 @@ const StyledTooltipBody = styled__default.default(reactModals.TooltipDialog.Body
|
|
|
565
565
|
const COMPONENT_ID$4 = 'colorpickers.color_swatch';
|
|
566
566
|
const StyledColorSwatch = styled__default.default.table.attrs({
|
|
567
567
|
'data-garden-id': COMPONENT_ID$4,
|
|
568
|
-
'data-garden-version': '9.15.
|
|
568
|
+
'data-garden-version': '9.15.2'
|
|
569
569
|
}).withConfig({
|
|
570
570
|
displayName: "StyledColorSwatch",
|
|
571
571
|
componentId: "sc-ajx440-0"
|
|
@@ -574,7 +574,7 @@ const StyledColorSwatch = styled__default.default.table.attrs({
|
|
|
574
574
|
const COMPONENT_ID$3 = 'colorpickers.color_swatch_input';
|
|
575
575
|
const StyledColorSwatchInput = styled__default.default.input.attrs({
|
|
576
576
|
'data-garden-id': COMPONENT_ID$3,
|
|
577
|
-
'data-garden-version': '9.15.
|
|
577
|
+
'data-garden-version': '9.15.2'
|
|
578
578
|
}).withConfig({
|
|
579
579
|
displayName: "StyledColorSwatchInput",
|
|
580
580
|
componentId: "sc-em45h0-0"
|
|
@@ -608,7 +608,7 @@ const colorStyles = ({
|
|
|
608
608
|
const StyledColorSwatchLabel = styled__default.default(StyledButtonPreview).attrs({
|
|
609
609
|
as: 'label',
|
|
610
610
|
'data-garden-id': COMPONENT_ID$2,
|
|
611
|
-
'data-garden-version': '9.15.
|
|
611
|
+
'data-garden-version': '9.15.2'
|
|
612
612
|
}).withConfig({
|
|
613
613
|
displayName: "StyledColorSwatchLabel",
|
|
614
614
|
componentId: "sc-1aghocg-0"
|
|
@@ -620,7 +620,7 @@ const StyledColorSwatchLabel = styled__default.default(StyledButtonPreview).attr
|
|
|
620
620
|
const COMPONENT_ID$1 = 'colorpickers.colorswatch_check';
|
|
621
621
|
const StyledIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
|
|
622
622
|
'data-garden-id': COMPONENT_ID$1,
|
|
623
|
-
'data-garden-version': '9.15.
|
|
623
|
+
'data-garden-version': '9.15.2'
|
|
624
624
|
}).withConfig({
|
|
625
625
|
displayName: "StyledIcon",
|
|
626
626
|
componentId: "sc-8oigif-0"
|
|
@@ -629,7 +629,7 @@ const StyledIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
|
|
|
629
629
|
const COMPONENT_ID = 'colorpickers.swatch_cell';
|
|
630
630
|
const StyledCell = styled__default.default.td.attrs({
|
|
631
631
|
'data-garden-id': COMPONENT_ID,
|
|
632
|
-
'data-garden-version': '9.15.
|
|
632
|
+
'data-garden-version': '9.15.2'
|
|
633
633
|
}).withConfig({
|
|
634
634
|
displayName: "StyledCell",
|
|
635
635
|
componentId: "sc-qr3oit-0"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-colorpickers",
|
|
3
|
-
"version": "9.15.
|
|
3
|
+
"version": "9.15.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,10 +23,10 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@zendeskgarden/container-grid": "^3.0.20",
|
|
25
25
|
"@zendeskgarden/container-utilities": "^2.0.4",
|
|
26
|
-
"@zendeskgarden/react-buttons": "^9.15.
|
|
27
|
-
"@zendeskgarden/react-forms": "^9.15.
|
|
28
|
-
"@zendeskgarden/react-modals": "^9.15.
|
|
29
|
-
"@zendeskgarden/react-tooltips": "^9.15.
|
|
26
|
+
"@zendeskgarden/react-buttons": "^9.15.2",
|
|
27
|
+
"@zendeskgarden/react-forms": "^9.15.2",
|
|
28
|
+
"@zendeskgarden/react-modals": "^9.15.2",
|
|
29
|
+
"@zendeskgarden/react-tooltips": "^9.15.2",
|
|
30
30
|
"lodash.isequal": "^4.5.0",
|
|
31
31
|
"lodash.throttle": "^4.1.1",
|
|
32
32
|
"polished": "^4.3.1",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"devDependencies": {
|
|
43
43
|
"@types/lodash.isequal": "4.5.8",
|
|
44
44
|
"@types/lodash.throttle": "4.1.9",
|
|
45
|
-
"@zendeskgarden/react-theming": "^9.15.
|
|
45
|
+
"@zendeskgarden/react-theming": "^9.15.2",
|
|
46
46
|
"@zendeskgarden/svg-icons": "7.6.0"
|
|
47
47
|
},
|
|
48
48
|
"keywords": [
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"access": "public"
|
|
57
57
|
},
|
|
58
58
|
"zendeskgarden:src": "src/index.ts",
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "e48f699853ed87994f1531c280189b5f035a5077"
|
|
60
60
|
}
|