@zendeskgarden/react-colorpickers 9.0.0-next.21 → 9.0.0-next.22
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/StyledTooltipModal.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(props)
|
|
31
31
|
},
|
|
32
32
|
'data-garden-id': COMPONENT_ID,
|
|
33
|
-
'data-garden-version': '9.0.0-next.
|
|
33
|
+
'data-garden-version': '9.0.0-next.22'
|
|
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,
|
|
16
|
-
'data-garden-version': '9.0.0-next.
|
|
16
|
+
'data-garden-version': '9.0.0-next.22'
|
|
17
17
|
}).withConfig({
|
|
18
18
|
displayName: "StyledColorPicker",
|
|
19
19
|
componentId: "sc-gspq4q-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': '9.0.0-next.
|
|
23
|
+
'data-garden-version': '9.0.0-next.22',
|
|
24
24
|
'data-test-id': 'colorwell',
|
|
25
25
|
style: {
|
|
26
26
|
background: background(props)
|
|
@@ -34,7 +34,7 @@ const sizeStyles = _ref2 => {
|
|
|
34
34
|
};
|
|
35
35
|
const StyledColorWellThumb = styled.div.attrs(props => ({
|
|
36
36
|
'data-garden-id': COMPONENT_ID,
|
|
37
|
-
'data-garden-version': '9.0.0-next.
|
|
37
|
+
'data-garden-version': '9.0.0-next.22',
|
|
38
38
|
'data-test-id': 'colorwell-thumb',
|
|
39
39
|
style: {
|
|
40
40
|
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': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.22',
|
|
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': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.22'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledHueRange",
|
|
17
17
|
componentId: "sc-1gdhww1-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': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.22',
|
|
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': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.22'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledInputGroup",
|
|
16
16
|
componentId: "sc-1m9g2wg-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': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.22'
|
|
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(props)
|
|
27
27
|
},
|
|
28
28
|
'data-garden-id': COMPONENT_ID,
|
|
29
|
-
'data-garden-version': '9.0.0-next.
|
|
29
|
+
'data-garden-version': '9.0.0-next.22',
|
|
30
30
|
'data-test-id': 'preview-box'
|
|
31
31
|
})).withConfig({
|
|
32
32
|
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': '9.0.0-next.
|
|
23
|
+
'data-garden-version': '9.0.0-next.22'
|
|
24
24
|
}).withConfig({
|
|
25
25
|
displayName: "StyledRGBAField",
|
|
26
26
|
componentId: "sc-13266k8-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': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.22'
|
|
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,
|
|
36
|
-
'data-garden-version': '9.0.0-next.
|
|
36
|
+
'data-garden-version': '9.0.0-next.22'
|
|
37
37
|
}).withConfig({
|
|
38
38
|
displayName: "StyledSliders",
|
|
39
39
|
componentId: "sc-1lgr50m-0"
|
|
@@ -10,7 +10,7 @@ import { Button } from '@zendeskgarden/react-buttons';
|
|
|
10
10
|
|
|
11
11
|
const StyledButton = styled(Button).attrs({
|
|
12
12
|
isNeutral: true,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.22'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledButton",
|
|
16
16
|
componentId: "sc-1dlijfv-0"
|
|
@@ -39,7 +39,7 @@ const StyledButtonPreview = styled.span.attrs(props => ({
|
|
|
39
39
|
})
|
|
40
40
|
},
|
|
41
41
|
'data-garden-id': COMPONENT_ID,
|
|
42
|
-
'data-garden-version': '9.0.0-next.
|
|
42
|
+
'data-garden-version': '9.0.0-next.22',
|
|
43
43
|
'data-test-id': 'dialog-preview'
|
|
44
44
|
})).withConfig({
|
|
45
45
|
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': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.22'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledTooltipBody",
|
|
17
17
|
componentId: "sc-1ueddpo-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': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.22'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledTooltipModal",
|
|
17
17
|
componentId: "sc-gykkrw-0"
|
|
@@ -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': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.22'
|
|
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': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.22'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledColorSwatch",
|
|
16
16
|
componentId: "sc-ajx440-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'colorpickers.color_swatch_input';
|
|
11
11
|
const StyledColorSwatchInput = styled.input.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.22'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledColorSwatchInput",
|
|
16
16
|
componentId: "sc-em45h0-0"
|
|
@@ -38,7 +38,7 @@ const colorStyles = _ref => {
|
|
|
38
38
|
const StyledColorSwatchLabel = styled(StyledButtonPreview).attrs({
|
|
39
39
|
as: 'label',
|
|
40
40
|
'data-garden-id': COMPONENT_ID,
|
|
41
|
-
'data-garden-version': '9.0.0-next.
|
|
41
|
+
'data-garden-version': '9.0.0-next.22'
|
|
42
42
|
}).withConfig({
|
|
43
43
|
displayName: "StyledColorSwatchLabel",
|
|
44
44
|
componentId: "sc-1aghocg-0"
|
|
@@ -12,7 +12,7 @@ import { StyledColorSwatchInput } from './StyledColorSwatchInput.js';
|
|
|
12
12
|
const COMPONENT_ID = 'colorpickers.colorswatch_check';
|
|
13
13
|
const StyledIcon = styled(SvgCheckSmFill).attrs({
|
|
14
14
|
'data-garden-id': COMPONENT_ID,
|
|
15
|
-
'data-garden-version': '9.0.0-next.
|
|
15
|
+
'data-garden-version': '9.0.0-next.22'
|
|
16
16
|
}).withConfig({
|
|
17
17
|
displayName: "StyledIcon",
|
|
18
18
|
componentId: "sc-8oigif-0"
|
|
@@ -145,7 +145,7 @@ const sizeStyles = props => {
|
|
|
145
145
|
};
|
|
146
146
|
const StyledRange = styled(Range).attrs({
|
|
147
147
|
'data-garden-id': COMPONENT_ID,
|
|
148
|
-
'data-garden-version': '9.0.0-next.
|
|
148
|
+
'data-garden-version': '9.0.0-next.22',
|
|
149
149
|
hasLowerTrack: false
|
|
150
150
|
}).withConfig({
|
|
151
151
|
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.0.0-next.
|
|
140
|
+
'data-garden-version': '9.0.0-next.22'
|
|
141
141
|
}).withConfig({
|
|
142
142
|
displayName: "StyledColorPicker",
|
|
143
143
|
componentId: "sc-gspq4q-0"
|
|
@@ -282,7 +282,7 @@ const sizeStyles$3 = props => {
|
|
|
282
282
|
};
|
|
283
283
|
const StyledRange = styled__default.default(reactForms.Range).attrs({
|
|
284
284
|
'data-garden-id': COMPONENT_ID$k,
|
|
285
|
-
'data-garden-version': '9.0.0-next.
|
|
285
|
+
'data-garden-version': '9.0.0-next.22',
|
|
286
286
|
hasLowerTrack: false
|
|
287
287
|
}).withConfig({
|
|
288
288
|
displayName: "StyledRange",
|
|
@@ -297,7 +297,7 @@ StyledRange.defaultProps = {
|
|
|
297
297
|
const COMPONENT_ID$j = 'colorpickers.colorpicker_hue';
|
|
298
298
|
const StyledHueRange = styled__default.default(StyledRange).attrs({
|
|
299
299
|
'data-garden-id': COMPONENT_ID$j,
|
|
300
|
-
'data-garden-version': '9.0.0-next.
|
|
300
|
+
'data-garden-version': '9.0.0-next.22'
|
|
301
301
|
}).withConfig({
|
|
302
302
|
displayName: "StyledHueRange",
|
|
303
303
|
componentId: "sc-1gdhww1-0"
|
|
@@ -328,7 +328,7 @@ const StyledAlphaRange = styled__default.default(StyledRange).attrs(props => ({
|
|
|
328
328
|
background: background$3(props)
|
|
329
329
|
},
|
|
330
330
|
'data-garden-id': COMPONENT_ID$i,
|
|
331
|
-
'data-garden-version': '9.0.0-next.
|
|
331
|
+
'data-garden-version': '9.0.0-next.22'
|
|
332
332
|
})).withConfig({
|
|
333
333
|
displayName: "StyledAlphaRange",
|
|
334
334
|
componentId: "sc-1f6hp2j-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': '9.0.0-next.
|
|
358
|
+
'data-garden-version': '9.0.0-next.22',
|
|
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': '9.0.0-next.
|
|
380
|
+
'data-garden-version': '9.0.0-next.22',
|
|
381
381
|
'data-test-id': 'colorwell',
|
|
382
382
|
style: {
|
|
383
383
|
background: background$1(props)
|
|
@@ -416,7 +416,7 @@ const sizeStyles$2 = _ref2 => {
|
|
|
416
416
|
};
|
|
417
417
|
const StyledColorWellThumb = styled__default.default.div.attrs(props => ({
|
|
418
418
|
'data-garden-id': COMPONENT_ID$f,
|
|
419
|
-
'data-garden-version': '9.0.0-next.
|
|
419
|
+
'data-garden-version': '9.0.0-next.22',
|
|
420
420
|
'data-test-id': 'colorwell-thumb',
|
|
421
421
|
style: {
|
|
422
422
|
top: `${props.top}%`,
|
|
@@ -433,7 +433,7 @@ StyledColorWellThumb.defaultProps = {
|
|
|
433
433
|
const COMPONENT_ID$e = 'colorpickers.colorpicker_slider_group';
|
|
434
434
|
const StyledSliderGroup = styled__default.default.div.attrs({
|
|
435
435
|
'data-garden-id': COMPONENT_ID$e,
|
|
436
|
-
'data-garden-version': '9.0.0-next.
|
|
436
|
+
'data-garden-version': '9.0.0-next.22'
|
|
437
437
|
}).withConfig({
|
|
438
438
|
displayName: "StyledSliderGroup",
|
|
439
439
|
componentId: "sc-tigkzg-0"
|
|
@@ -445,7 +445,7 @@ StyledSliderGroup.defaultProps = {
|
|
|
445
445
|
const COMPONENT_ID$d = 'colorpickers.colorpicker_hex_field';
|
|
446
446
|
const StyledHexField = styled__default.default(reactForms.Field).attrs({
|
|
447
447
|
'data-garden-id': COMPONENT_ID$d,
|
|
448
|
-
'data-garden-version': '9.0.0-next.
|
|
448
|
+
'data-garden-version': '9.0.0-next.22',
|
|
449
449
|
spellcheck: false
|
|
450
450
|
}).withConfig({
|
|
451
451
|
displayName: "StyledHexField",
|
|
@@ -458,7 +458,7 @@ StyledHexField.defaultProps = {
|
|
|
458
458
|
const COMPONENT_ID$c = 'colorpickers.colorpicker_label';
|
|
459
459
|
const StyledLabel = styled__default.default(reactForms.Label).attrs({
|
|
460
460
|
'data-garden-id': COMPONENT_ID$c,
|
|
461
|
-
'data-garden-version': '9.0.0-next.
|
|
461
|
+
'data-garden-version': '9.0.0-next.22'
|
|
462
462
|
}).withConfig({
|
|
463
463
|
displayName: "StyledLabel",
|
|
464
464
|
componentId: "sc-1vxt3m9-0"
|
|
@@ -470,7 +470,7 @@ StyledLabel.defaultProps = {
|
|
|
470
470
|
const COMPONENT_ID$b = 'colorpickers.colorpicker_input';
|
|
471
471
|
const StyledInput = styled__default.default(reactForms.Input).attrs({
|
|
472
472
|
'data-garden-id': COMPONENT_ID$b,
|
|
473
|
-
'data-garden-version': '9.0.0-next.
|
|
473
|
+
'data-garden-version': '9.0.0-next.22',
|
|
474
474
|
focusInset: false
|
|
475
475
|
}).withConfig({
|
|
476
476
|
displayName: "StyledInput",
|
|
@@ -483,7 +483,7 @@ StyledInput.defaultProps = {
|
|
|
483
483
|
const COMPONENT_ID$a = 'colorpickers.colorpicker_input_group';
|
|
484
484
|
const StyledInputGroup = styled__default.default.div.attrs({
|
|
485
485
|
'data-garden-id': COMPONENT_ID$a,
|
|
486
|
-
'data-garden-version': '9.0.0-next.
|
|
486
|
+
'data-garden-version': '9.0.0-next.22'
|
|
487
487
|
}).withConfig({
|
|
488
488
|
displayName: "StyledInputGroup",
|
|
489
489
|
componentId: "sc-1m9g2wg-0"
|
|
@@ -504,7 +504,7 @@ const sizeStyles$1 = theme => {
|
|
|
504
504
|
};
|
|
505
505
|
const StyledRGBAField = styled__default.default(reactForms.Field).attrs({
|
|
506
506
|
'data-garden-id': COMPONENT_ID$9,
|
|
507
|
-
'data-garden-version': '9.0.0-next.
|
|
507
|
+
'data-garden-version': '9.0.0-next.22'
|
|
508
508
|
}).withConfig({
|
|
509
509
|
displayName: "StyledRGBAField",
|
|
510
510
|
componentId: "sc-13266k8-0"
|
|
@@ -538,7 +538,7 @@ const sizeStyles = props => {
|
|
|
538
538
|
};
|
|
539
539
|
const StyledSliders = styled__default.default.div.attrs({
|
|
540
540
|
'data-garden-id': COMPONENT_ID$8,
|
|
541
|
-
'data-garden-version': '9.0.0-next.
|
|
541
|
+
'data-garden-version': '9.0.0-next.22'
|
|
542
542
|
}).withConfig({
|
|
543
543
|
displayName: "StyledSliders",
|
|
544
544
|
componentId: "sc-1lgr50m-0"
|
|
@@ -549,7 +549,7 @@ StyledSliders.defaultProps = {
|
|
|
549
549
|
|
|
550
550
|
const StyledButton = styled__default.default(reactButtons.Button).attrs({
|
|
551
551
|
isNeutral: true,
|
|
552
|
-
'data-garden-version': '9.0.0-next.
|
|
552
|
+
'data-garden-version': '9.0.0-next.22'
|
|
553
553
|
}).withConfig({
|
|
554
554
|
displayName: "StyledButton",
|
|
555
555
|
componentId: "sc-1dlijfv-0"
|
|
@@ -589,7 +589,7 @@ const StyledButtonPreview = styled__default.default.span.attrs(props => ({
|
|
|
589
589
|
})
|
|
590
590
|
},
|
|
591
591
|
'data-garden-id': COMPONENT_ID$7,
|
|
592
|
-
'data-garden-version': '9.0.0-next.
|
|
592
|
+
'data-garden-version': '9.0.0-next.22',
|
|
593
593
|
'data-test-id': 'dialog-preview'
|
|
594
594
|
})).withConfig({
|
|
595
595
|
displayName: "StyledButtonPreview",
|
|
@@ -602,7 +602,7 @@ StyledButtonPreview.defaultProps = {
|
|
|
602
602
|
const COMPONENT_ID$6 = 'colorpickers.colordialog_tooltipmodal';
|
|
603
603
|
const StyledTooltipModal = styled__default.default(reactModals.TooltipModal).attrs({
|
|
604
604
|
'data-garden-id': COMPONENT_ID$6,
|
|
605
|
-
'data-garden-version': '9.0.0-next.
|
|
605
|
+
'data-garden-version': '9.0.0-next.22'
|
|
606
606
|
}).withConfig({
|
|
607
607
|
displayName: "StyledTooltipModal",
|
|
608
608
|
componentId: "sc-gykkrw-0"
|
|
@@ -614,7 +614,7 @@ StyledTooltipModal.defaultProps = {
|
|
|
614
614
|
const COMPONENT_ID$5 = 'colorpickers.colordialog_tooltipmodal_body';
|
|
615
615
|
const StyledTooltipBody = styled__default.default(reactModals.TooltipModal.Body).attrs({
|
|
616
616
|
'data-garden-id': COMPONENT_ID$5,
|
|
617
|
-
'data-garden-version': '9.0.0-next.
|
|
617
|
+
'data-garden-version': '9.0.0-next.22'
|
|
618
618
|
}).withConfig({
|
|
619
619
|
displayName: "StyledTooltipBody",
|
|
620
620
|
componentId: "sc-1ueddpo-0"
|
|
@@ -626,7 +626,7 @@ StyledTooltipBody.defaultProps = {
|
|
|
626
626
|
const COMPONENT_ID$4 = 'colorpickers.color_swatch';
|
|
627
627
|
const StyledColorSwatch = styled__default.default.table.attrs({
|
|
628
628
|
'data-garden-id': COMPONENT_ID$4,
|
|
629
|
-
'data-garden-version': '9.0.0-next.
|
|
629
|
+
'data-garden-version': '9.0.0-next.22'
|
|
630
630
|
}).withConfig({
|
|
631
631
|
displayName: "StyledColorSwatch",
|
|
632
632
|
componentId: "sc-ajx440-0"
|
|
@@ -638,7 +638,7 @@ StyledColorSwatch.defaultProps = {
|
|
|
638
638
|
const COMPONENT_ID$3 = 'colorpickers.color_swatch_input';
|
|
639
639
|
const StyledColorSwatchInput = styled__default.default.input.attrs({
|
|
640
640
|
'data-garden-id': COMPONENT_ID$3,
|
|
641
|
-
'data-garden-version': '9.0.0-next.
|
|
641
|
+
'data-garden-version': '9.0.0-next.22'
|
|
642
642
|
}).withConfig({
|
|
643
643
|
displayName: "StyledColorSwatchInput",
|
|
644
644
|
componentId: "sc-em45h0-0"
|
|
@@ -676,7 +676,7 @@ const colorStyles = _ref => {
|
|
|
676
676
|
const StyledColorSwatchLabel = styled__default.default(StyledButtonPreview).attrs({
|
|
677
677
|
as: 'label',
|
|
678
678
|
'data-garden-id': COMPONENT_ID$2,
|
|
679
|
-
'data-garden-version': '9.0.0-next.
|
|
679
|
+
'data-garden-version': '9.0.0-next.22'
|
|
680
680
|
}).withConfig({
|
|
681
681
|
displayName: "StyledColorSwatchLabel",
|
|
682
682
|
componentId: "sc-1aghocg-0"
|
|
@@ -711,7 +711,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
|
|
|
711
711
|
const COMPONENT_ID$1 = 'colorpickers.colorswatch_check';
|
|
712
712
|
const StyledIcon = styled__default.default(SvgCheckSmFill).attrs({
|
|
713
713
|
'data-garden-id': COMPONENT_ID$1,
|
|
714
|
-
'data-garden-version': '9.0.0-next.
|
|
714
|
+
'data-garden-version': '9.0.0-next.22'
|
|
715
715
|
}).withConfig({
|
|
716
716
|
displayName: "StyledIcon",
|
|
717
717
|
componentId: "sc-8oigif-0"
|
|
@@ -723,7 +723,7 @@ StyledIcon.defaultProps = {
|
|
|
723
723
|
const COMPONENT_ID = 'colorpickers.swatch_cell';
|
|
724
724
|
const StyledCell = styled__default.default.td.attrs({
|
|
725
725
|
'data-garden-id': COMPONENT_ID,
|
|
726
|
-
'data-garden-version': '9.0.0-next.
|
|
726
|
+
'data-garden-version': '9.0.0-next.22'
|
|
727
727
|
}).withConfig({
|
|
728
728
|
displayName: "StyledCell",
|
|
729
729
|
componentId: "sc-qr3oit-0"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-colorpickers",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.22",
|
|
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.0",
|
|
25
25
|
"@zendeskgarden/container-utilities": "^2.0.0",
|
|
26
|
-
"@zendeskgarden/react-buttons": "^9.0.0-next.
|
|
27
|
-
"@zendeskgarden/react-forms": "^9.0.0-next.
|
|
28
|
-
"@zendeskgarden/react-modals": "^9.0.0-next.
|
|
29
|
-
"@zendeskgarden/react-tooltips": "^9.0.0-next.
|
|
26
|
+
"@zendeskgarden/react-buttons": "^9.0.0-next.22",
|
|
27
|
+
"@zendeskgarden/react-forms": "^9.0.0-next.22",
|
|
28
|
+
"@zendeskgarden/react-modals": "^9.0.0-next.22",
|
|
29
|
+
"@zendeskgarden/react-tooltips": "^9.0.0-next.22",
|
|
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.0.0-next.
|
|
45
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.22",
|
|
46
46
|
"@zendeskgarden/svg-icons": "7.1.1"
|
|
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": "46309385a1495c2297da23409f4196f662fe418b"
|
|
60
60
|
}
|