@zendeskgarden/react-colorpickers 8.76.4 → 8.76.5

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.
@@ -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.4'
13
+ 'data-garden-version': '8.76.5'
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.4',
13
+ 'data-garden-version': '8.76.5',
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.4'
39
+ 'data-garden-version': '8.76.5'
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.4'
16
+ 'data-garden-version': '8.76.5'
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.4'
28
+ 'data-garden-version': '8.76.5'
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.4'
16
+ 'data-garden-version': '8.76.5'
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.4',
23
+ 'data-garden-version': '8.76.5',
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.4',
26
+ 'data-garden-version': '8.76.5',
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.4',
14
+ 'data-garden-version': '8.76.5',
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.4'
14
+ 'data-garden-version': '8.76.5'
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.4',
14
+ 'data-garden-version': '8.76.5',
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.4'
13
+ 'data-garden-version': '8.76.5'
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.4'
14
+ 'data-garden-version': '8.76.5'
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.4',
27
+ 'data-garden-version': '8.76.5',
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.4'
23
+ 'data-garden-version': '8.76.5'
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.4'
13
+ 'data-garden-version': '8.76.5'
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.4'
14
+ 'data-garden-version': '8.76.5'
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.4'
15
+ 'data-garden-version': '8.76.5'
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.4',
38
+ 'data-garden-version': '8.76.5',
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.4'
14
+ 'data-garden-version': '8.76.5'
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.4'
14
+ 'data-garden-version': '8.76.5'
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.4',
139
+ 'data-garden-version': '8.76.5',
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.4'
139
+ 'data-garden-version': '8.76.5'
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.4',
275
+ 'data-garden-version': '8.76.5',
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.4'
290
+ 'data-garden-version': '8.76.5'
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.4'
334
+ 'data-garden-version': '8.76.5'
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.4',
358
+ 'data-garden-version': '8.76.5',
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.4',
380
+ 'data-garden-version': '8.76.5',
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.4',
408
+ 'data-garden-version': '8.76.5',
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.4'
425
+ 'data-garden-version': '8.76.5'
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.4',
437
+ 'data-garden-version': '8.76.5',
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.4'
450
+ 'data-garden-version': '8.76.5'
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.4',
462
+ 'data-garden-version': '8.76.5',
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.4'
475
+ 'data-garden-version': '8.76.5'
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.4'
496
+ 'data-garden-version': '8.76.5'
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.4'
508
+ 'data-garden-version': '8.76.5'
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.4'
521
+ 'data-garden-version': '8.76.5'
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.4',
556
+ 'data-garden-version': '8.76.5',
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.4'
569
+ 'data-garden-version': '8.76.5'
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.4'
581
+ 'data-garden-version': '8.76.5'
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.4'
595
+ 'data-garden-version': '8.76.5'
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.4',
609
+ 'data-garden-version': '8.76.5',
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.4'
646
+ 'data-garden-version': '8.76.5'
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.4'
658
+ 'data-garden-version': '8.76.5'
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.4",
3
+ "version": "8.76.5",
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.4",
27
- "@zendeskgarden/react-forms": "^8.76.4",
28
- "@zendeskgarden/react-modals": "^8.76.4",
29
- "@zendeskgarden/react-tooltips": "^8.76.4",
26
+ "@zendeskgarden/react-buttons": "^8.76.5",
27
+ "@zendeskgarden/react-forms": "^8.76.5",
28
+ "@zendeskgarden/react-modals": "^8.76.5",
29
+ "@zendeskgarden/react-tooltips": "^8.76.5",
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.4",
44
+ "@zendeskgarden/react-theming": "^8.76.5",
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": "1dec0fe1fee07e17754f7f4f12a338ff9c7b3396"
58
+ "gitHead": "e5cfd2c992be0e33617ba7ec4d2da97d9c7aa05e"
59
59
  }