@zendeskgarden/react-colorpickers 9.0.0-next.10 → 9.0.0-next.11
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.11'
|
|
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.11'
|
|
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.11',
|
|
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': '9.0.0-next.
|
|
26
|
+
'data-garden-version': '9.0.0-next.11',
|
|
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': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.11',
|
|
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.11'
|
|
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.11',
|
|
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.11'
|
|
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.11'
|
|
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.11',
|
|
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.11'
|
|
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.11'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledSliderGroup",
|
|
16
16
|
componentId: "sc-tigkzg-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': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.11'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledSliders",
|
|
17
17
|
componentId: "sc-1lgr50m-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': '9.0.0-next.
|
|
15
|
+
'data-garden-version': '9.0.0-next.11'
|
|
16
16
|
}).withConfig({
|
|
17
17
|
displayName: "StyledButton",
|
|
18
18
|
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,
|
|
41
|
-
'data-garden-version': '9.0.0-next.
|
|
41
|
+
'data-garden-version': '9.0.0-next.11',
|
|
42
42
|
'data-test-id': 'dialog-preview'
|
|
43
43
|
})).withConfig({
|
|
44
44
|
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.11'
|
|
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.11'
|
|
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.11'
|
|
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.11'
|
|
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.11'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledColorSwatchInput",
|
|
16
16
|
componentId: "sc-em45h0-0"
|
|
@@ -25,7 +25,7 @@ const colorStyles = props => {
|
|
|
25
25
|
const StyledColorSwatchLabel = styled(StyledButtonPreview).attrs({
|
|
26
26
|
as: 'label',
|
|
27
27
|
'data-garden-id': COMPONENT_ID,
|
|
28
|
-
'data-garden-version': '9.0.0-next.
|
|
28
|
+
'data-garden-version': '9.0.0-next.11'
|
|
29
29
|
}).withConfig({
|
|
30
30
|
displayName: "StyledColorSwatchLabel",
|
|
31
31
|
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.11'
|
|
16
16
|
}).withConfig({
|
|
17
17
|
displayName: "StyledIcon",
|
|
18
18
|
componentId: "sc-8oigif-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': '9.0.0-next.
|
|
139
|
+
'data-garden-version': '9.0.0-next.11',
|
|
140
140
|
hasLowerTrack: false
|
|
141
141
|
}).withConfig({
|
|
142
142
|
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$m,
|
|
140
|
-
'data-garden-version': '9.0.0-next.
|
|
140
|
+
'data-garden-version': '9.0.0-next.11'
|
|
141
141
|
}).withConfig({
|
|
142
142
|
displayName: "StyledColorPicker",
|
|
143
143
|
componentId: "sc-gspq4q-0"
|
|
@@ -273,7 +273,7 @@ const sizeStyles$2 = props => {
|
|
|
273
273
|
};
|
|
274
274
|
const StyledRange = styled__default.default(reactForms.Range).attrs({
|
|
275
275
|
'data-garden-id': COMPONENT_ID$l,
|
|
276
|
-
'data-garden-version': '9.0.0-next.
|
|
276
|
+
'data-garden-version': '9.0.0-next.11',
|
|
277
277
|
hasLowerTrack: false
|
|
278
278
|
}).withConfig({
|
|
279
279
|
displayName: "StyledRange",
|
|
@@ -288,7 +288,7 @@ StyledRange.defaultProps = {
|
|
|
288
288
|
const COMPONENT_ID$k = 'colorpickers.colorpicker_hue';
|
|
289
289
|
const StyledHueRange = styled__default.default(StyledRange).attrs({
|
|
290
290
|
'data-garden-id': COMPONENT_ID$k,
|
|
291
|
-
'data-garden-version': '9.0.0-next.
|
|
291
|
+
'data-garden-version': '9.0.0-next.11'
|
|
292
292
|
}).withConfig({
|
|
293
293
|
displayName: "StyledHueRange",
|
|
294
294
|
componentId: "sc-1gdhww1-0"
|
|
@@ -319,7 +319,7 @@ const StyledAlphaRange = styled__default.default(StyledRange).attrs(props => ({
|
|
|
319
319
|
background: background$3(props)
|
|
320
320
|
},
|
|
321
321
|
'data-garden-id': COMPONENT_ID$j,
|
|
322
|
-
'data-garden-version': '9.0.0-next.
|
|
322
|
+
'data-garden-version': '9.0.0-next.11'
|
|
323
323
|
})).withConfig({
|
|
324
324
|
displayName: "StyledAlphaRange",
|
|
325
325
|
componentId: "sc-1f6hp2j-0"
|
|
@@ -346,7 +346,7 @@ const StyledPreview = styled__default.default.div.attrs(props => ({
|
|
|
346
346
|
background: background$2(props)
|
|
347
347
|
},
|
|
348
348
|
'data-garden-id': COMPONENT_ID$i,
|
|
349
|
-
'data-garden-version': '9.0.0-next.
|
|
349
|
+
'data-garden-version': '9.0.0-next.11',
|
|
350
350
|
'data-test-id': 'preview-box'
|
|
351
351
|
})).withConfig({
|
|
352
352
|
displayName: "StyledPreview",
|
|
@@ -368,7 +368,7 @@ const background$1 = props => {
|
|
|
368
368
|
};
|
|
369
369
|
const StyledColorWell = styled__default.default.div.attrs(props => ({
|
|
370
370
|
'data-garden-id': COMPONENT_ID$h,
|
|
371
|
-
'data-garden-version': '9.0.0-next.
|
|
371
|
+
'data-garden-version': '9.0.0-next.11',
|
|
372
372
|
'data-test-id': 'colorwell',
|
|
373
373
|
style: {
|
|
374
374
|
background: background$1(props)
|
|
@@ -396,7 +396,7 @@ const sizeStyles$1 = theme => {
|
|
|
396
396
|
};
|
|
397
397
|
const StyledColorWellThumb = styled__default.default.div.attrs(props => ({
|
|
398
398
|
'data-garden-id': COMPONENT_ID$g,
|
|
399
|
-
'data-garden-version': '9.0.0-next.
|
|
399
|
+
'data-garden-version': '9.0.0-next.11',
|
|
400
400
|
'data-test-id': 'colorwell-thumb',
|
|
401
401
|
style: {
|
|
402
402
|
top: `${props.top}%`,
|
|
@@ -413,7 +413,7 @@ StyledColorWellThumb.defaultProps = {
|
|
|
413
413
|
const COMPONENT_ID$f = 'colorpickers.colorpicker_slider_group';
|
|
414
414
|
const StyledSliderGroup = styled__default.default.div.attrs({
|
|
415
415
|
'data-garden-id': COMPONENT_ID$f,
|
|
416
|
-
'data-garden-version': '9.0.0-next.
|
|
416
|
+
'data-garden-version': '9.0.0-next.11'
|
|
417
417
|
}).withConfig({
|
|
418
418
|
displayName: "StyledSliderGroup",
|
|
419
419
|
componentId: "sc-tigkzg-0"
|
|
@@ -425,7 +425,7 @@ StyledSliderGroup.defaultProps = {
|
|
|
425
425
|
const COMPONENT_ID$e = 'colorpickers.colorpicker_hex_field';
|
|
426
426
|
const StyledHexField = styled__default.default(reactForms.Field).attrs({
|
|
427
427
|
'data-garden-id': COMPONENT_ID$e,
|
|
428
|
-
'data-garden-version': '9.0.0-next.
|
|
428
|
+
'data-garden-version': '9.0.0-next.11',
|
|
429
429
|
spellcheck: false
|
|
430
430
|
}).withConfig({
|
|
431
431
|
displayName: "StyledHexField",
|
|
@@ -438,7 +438,7 @@ StyledHexField.defaultProps = {
|
|
|
438
438
|
const COMPONENT_ID$d = 'colorpickers.colorpicker_label';
|
|
439
439
|
const StyledLabel = styled__default.default(reactForms.Label).attrs({
|
|
440
440
|
'data-garden-id': COMPONENT_ID$d,
|
|
441
|
-
'data-garden-version': '9.0.0-next.
|
|
441
|
+
'data-garden-version': '9.0.0-next.11'
|
|
442
442
|
}).withConfig({
|
|
443
443
|
displayName: "StyledLabel",
|
|
444
444
|
componentId: "sc-1vxt3m9-0"
|
|
@@ -450,7 +450,7 @@ StyledLabel.defaultProps = {
|
|
|
450
450
|
const COMPONENT_ID$c = 'colorpickers.colorpicker_input';
|
|
451
451
|
const StyledInput = styled__default.default(reactForms.Input).attrs({
|
|
452
452
|
'data-garden-id': COMPONENT_ID$c,
|
|
453
|
-
'data-garden-version': '9.0.0-next.
|
|
453
|
+
'data-garden-version': '9.0.0-next.11',
|
|
454
454
|
focusInset: false
|
|
455
455
|
}).withConfig({
|
|
456
456
|
displayName: "StyledInput",
|
|
@@ -463,7 +463,7 @@ StyledInput.defaultProps = {
|
|
|
463
463
|
const COMPONENT_ID$b = 'colorpickers.colorpicker_input_group';
|
|
464
464
|
const StyledInputGroup = styled__default.default.div.attrs({
|
|
465
465
|
'data-garden-id': COMPONENT_ID$b,
|
|
466
|
-
'data-garden-version': '9.0.0-next.
|
|
466
|
+
'data-garden-version': '9.0.0-next.11'
|
|
467
467
|
}).withConfig({
|
|
468
468
|
displayName: "StyledInputGroup",
|
|
469
469
|
componentId: "sc-1m9g2wg-0"
|
|
@@ -484,7 +484,7 @@ const sizeStyles = theme => {
|
|
|
484
484
|
};
|
|
485
485
|
const StyledRGBAField = styled__default.default(reactForms.Field).attrs({
|
|
486
486
|
'data-garden-id': COMPONENT_ID$a,
|
|
487
|
-
'data-garden-version': '9.0.0-next.
|
|
487
|
+
'data-garden-version': '9.0.0-next.11'
|
|
488
488
|
}).withConfig({
|
|
489
489
|
displayName: "StyledRGBAField",
|
|
490
490
|
componentId: "sc-13266k8-0"
|
|
@@ -496,7 +496,7 @@ StyledRGBAField.defaultProps = {
|
|
|
496
496
|
const COMPONENT_ID$9 = 'colorpickers.colorpicker_sliders';
|
|
497
497
|
const StyledSliders = styled__default.default.div.attrs({
|
|
498
498
|
'data-garden-id': COMPONENT_ID$9,
|
|
499
|
-
'data-garden-version': '9.0.0-next.
|
|
499
|
+
'data-garden-version': '9.0.0-next.11'
|
|
500
500
|
}).withConfig({
|
|
501
501
|
displayName: "StyledSliders",
|
|
502
502
|
componentId: "sc-1lgr50m-0"
|
|
@@ -509,7 +509,7 @@ const COMPONENT_ID$8 = 'colorpickers.colordialog_button';
|
|
|
509
509
|
const StyledButton = styled__default.default(reactButtons.Button).attrs({
|
|
510
510
|
isNeutral: true,
|
|
511
511
|
'data-garden-id': COMPONENT_ID$8,
|
|
512
|
-
'data-garden-version': '9.0.0-next.
|
|
512
|
+
'data-garden-version': '9.0.0-next.11'
|
|
513
513
|
}).withConfig({
|
|
514
514
|
displayName: "StyledButton",
|
|
515
515
|
componentId: "sc-1dlijfv-0"
|
|
@@ -548,7 +548,7 @@ const StyledButtonPreview = styled__default.default.span.attrs(props => ({
|
|
|
548
548
|
})
|
|
549
549
|
},
|
|
550
550
|
'data-garden-id': COMPONENT_ID$7,
|
|
551
|
-
'data-garden-version': '9.0.0-next.
|
|
551
|
+
'data-garden-version': '9.0.0-next.11',
|
|
552
552
|
'data-test-id': 'dialog-preview'
|
|
553
553
|
})).withConfig({
|
|
554
554
|
displayName: "StyledButtonPreview",
|
|
@@ -561,7 +561,7 @@ StyledButtonPreview.defaultProps = {
|
|
|
561
561
|
const COMPONENT_ID$6 = 'colorpickers.colordialog_tooltipmodal';
|
|
562
562
|
const StyledTooltipModal = styled__default.default(reactModals.TooltipModal).attrs({
|
|
563
563
|
'data-garden-id': COMPONENT_ID$6,
|
|
564
|
-
'data-garden-version': '9.0.0-next.
|
|
564
|
+
'data-garden-version': '9.0.0-next.11'
|
|
565
565
|
}).withConfig({
|
|
566
566
|
displayName: "StyledTooltipModal",
|
|
567
567
|
componentId: "sc-gykkrw-0"
|
|
@@ -573,7 +573,7 @@ StyledTooltipModal.defaultProps = {
|
|
|
573
573
|
const COMPONENT_ID$5 = 'colorpickers.colordialog_tooltipmodal_body';
|
|
574
574
|
const StyledTooltipBody = styled__default.default(reactModals.TooltipModal.Body).attrs({
|
|
575
575
|
'data-garden-id': COMPONENT_ID$5,
|
|
576
|
-
'data-garden-version': '9.0.0-next.
|
|
576
|
+
'data-garden-version': '9.0.0-next.11'
|
|
577
577
|
}).withConfig({
|
|
578
578
|
displayName: "StyledTooltipBody",
|
|
579
579
|
componentId: "sc-1ueddpo-0"
|
|
@@ -585,7 +585,7 @@ StyledTooltipBody.defaultProps = {
|
|
|
585
585
|
const COMPONENT_ID$4 = 'colorpickers.color_swatch';
|
|
586
586
|
const StyledColorSwatch = styled__default.default.table.attrs({
|
|
587
587
|
'data-garden-id': COMPONENT_ID$4,
|
|
588
|
-
'data-garden-version': '9.0.0-next.
|
|
588
|
+
'data-garden-version': '9.0.0-next.11'
|
|
589
589
|
}).withConfig({
|
|
590
590
|
displayName: "StyledColorSwatch",
|
|
591
591
|
componentId: "sc-ajx440-0"
|
|
@@ -597,7 +597,7 @@ StyledColorSwatch.defaultProps = {
|
|
|
597
597
|
const COMPONENT_ID$3 = 'colorpickers.color_swatch_input';
|
|
598
598
|
const StyledColorSwatchInput = styled__default.default.input.attrs({
|
|
599
599
|
'data-garden-id': COMPONENT_ID$3,
|
|
600
|
-
'data-garden-version': '9.0.0-next.
|
|
600
|
+
'data-garden-version': '9.0.0-next.11'
|
|
601
601
|
}).withConfig({
|
|
602
602
|
displayName: "StyledColorSwatchInput",
|
|
603
603
|
componentId: "sc-em45h0-0"
|
|
@@ -622,7 +622,7 @@ const colorStyles = props => {
|
|
|
622
622
|
const StyledColorSwatchLabel = styled__default.default(StyledButtonPreview).attrs({
|
|
623
623
|
as: 'label',
|
|
624
624
|
'data-garden-id': COMPONENT_ID$2,
|
|
625
|
-
'data-garden-version': '9.0.0-next.
|
|
625
|
+
'data-garden-version': '9.0.0-next.11'
|
|
626
626
|
}).withConfig({
|
|
627
627
|
displayName: "StyledColorSwatchLabel",
|
|
628
628
|
componentId: "sc-1aghocg-0"
|
|
@@ -657,7 +657,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
|
|
|
657
657
|
const COMPONENT_ID$1 = 'colorpickers.colorswatch_check';
|
|
658
658
|
const StyledIcon = styled__default.default(SvgCheckSmFill).attrs({
|
|
659
659
|
'data-garden-id': COMPONENT_ID$1,
|
|
660
|
-
'data-garden-version': '9.0.0-next.
|
|
660
|
+
'data-garden-version': '9.0.0-next.11'
|
|
661
661
|
}).withConfig({
|
|
662
662
|
displayName: "StyledIcon",
|
|
663
663
|
componentId: "sc-8oigif-0"
|
|
@@ -669,7 +669,7 @@ StyledIcon.defaultProps = {
|
|
|
669
669
|
const COMPONENT_ID = 'colorpickers.swatch_cell';
|
|
670
670
|
const StyledCell = styled__default.default.td.attrs({
|
|
671
671
|
'data-garden-id': COMPONENT_ID,
|
|
672
|
-
'data-garden-version': '9.0.0-next.
|
|
672
|
+
'data-garden-version': '9.0.0-next.11'
|
|
673
673
|
}).withConfig({
|
|
674
674
|
displayName: "StyledCell",
|
|
675
675
|
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.11",
|
|
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.11",
|
|
27
|
+
"@zendeskgarden/react-forms": "^9.0.0-next.11",
|
|
28
|
+
"@zendeskgarden/react-modals": "^9.0.0-next.11",
|
|
29
|
+
"@zendeskgarden/react-tooltips": "^9.0.0-next.11",
|
|
30
30
|
"lodash.isequal": "^4.5.0",
|
|
31
31
|
"lodash.throttle": "^4.1.1",
|
|
32
32
|
"polished": "^4.0.0",
|
|
@@ -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.11",
|
|
46
46
|
"@zendeskgarden/svg-icons": "7.0.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": "0de1cc664807bd993ccd3beeb78e8fd1f3828320"
|
|
60
60
|
}
|