@zendeskgarden/react-colorpickers 8.63.0 → 8.63.1

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.
Files changed (3) hide show
  1. package/dist/index.cjs.js +22 -22
  2. package/dist/index.esm.js +22 -22
  3. package/package.json +7 -7
package/dist/index.cjs.js CHANGED
@@ -152,7 +152,7 @@ const getColorPickerWidth = props => {
152
152
  };
153
153
  const StyledColorPicker = styled__default.default.div.attrs({
154
154
  'data-garden-id': COMPONENT_ID$l,
155
- 'data-garden-version': '8.63.0'
155
+ 'data-garden-version': '8.63.1'
156
156
  }).withConfig({
157
157
  displayName: "StyledColorPicker",
158
158
  componentId: "sc-1donyl9-0"
@@ -287,7 +287,7 @@ const sizeStyles$2 = props => {
287
287
  };
288
288
  const StyledRange = styled__default.default(reactForms.Range).attrs({
289
289
  'data-garden-id': COMPONENT_ID$k,
290
- 'data-garden-version': '8.63.0',
290
+ 'data-garden-version': '8.63.1',
291
291
  hasLowerTrack: false
292
292
  }).withConfig({
293
293
  displayName: "StyledRange",
@@ -302,7 +302,7 @@ StyledRange.defaultProps = {
302
302
  const COMPONENT_ID$j = 'colorpickers.colorpicker_hue';
303
303
  const StyledHueRange = styled__default.default(StyledRange).attrs({
304
304
  'data-garden-id': COMPONENT_ID$j,
305
- 'data-garden-version': '8.63.0'
305
+ 'data-garden-version': '8.63.1'
306
306
  }).withConfig({
307
307
  displayName: "StyledHueRange",
308
308
  componentId: "sc-13ly7p-0"
@@ -346,7 +346,7 @@ const StyledAlphaRange = styled__default.default(StyledRange).attrs(props => ({
346
346
  background: background$3(props)
347
347
  },
348
348
  'data-garden-id': COMPONENT_ID$i,
349
- 'data-garden-version': '8.63.0'
349
+ 'data-garden-version': '8.63.1'
350
350
  })).withConfig({
351
351
  displayName: "StyledAlphaRange",
352
352
  componentId: "sc-kuh2xc-0"
@@ -370,7 +370,7 @@ const StyledPreview = styled__default.default.div.attrs(props => ({
370
370
  background: background$2(props)
371
371
  },
372
372
  'data-garden-id': COMPONENT_ID$h,
373
- 'data-garden-version': '8.63.0',
373
+ 'data-garden-version': '8.63.1',
374
374
  'data-test-id': 'preview-box'
375
375
  })).withConfig({
376
376
  displayName: "StyledPreview",
@@ -392,7 +392,7 @@ const background$1 = props => {
392
392
  };
393
393
  const StyledColorWell = styled__default.default.div.attrs(props => ({
394
394
  'data-garden-id': COMPONENT_ID$g,
395
- 'data-garden-version': '8.63.0',
395
+ 'data-garden-version': '8.63.1',
396
396
  'data-test-id': 'colorwell',
397
397
  style: {
398
398
  background: background$1(props)
@@ -420,7 +420,7 @@ const sizeStyles$1 = theme => {
420
420
  };
421
421
  const StyledColorWellThumb = styled__default.default.div.attrs(props => ({
422
422
  'data-garden-id': COMPONENT_ID$f,
423
- 'data-garden-version': '8.63.0',
423
+ 'data-garden-version': '8.63.1',
424
424
  'data-test-id': 'colorwell-thumb',
425
425
  style: {
426
426
  top: `${props.top}%`,
@@ -437,7 +437,7 @@ StyledColorWellThumb.defaultProps = {
437
437
  const COMPONENT_ID$e = 'colorpickers.colorpicker_slider_group';
438
438
  const StyledSliderGroup = styled__default.default.div.attrs({
439
439
  'data-garden-id': COMPONENT_ID$e,
440
- 'data-garden-version': '8.63.0'
440
+ 'data-garden-version': '8.63.1'
441
441
  }).withConfig({
442
442
  displayName: "StyledSliderGroup",
443
443
  componentId: "sc-rsq0ak-0"
@@ -449,7 +449,7 @@ StyledSliderGroup.defaultProps = {
449
449
  const COMPONENT_ID$d = 'colorpickers.colorpicker_hex_field';
450
450
  const StyledHexField = styled__default.default(reactForms.Field).attrs({
451
451
  'data-garden-id': COMPONENT_ID$d,
452
- 'data-garden-version': '8.63.0',
452
+ 'data-garden-version': '8.63.1',
453
453
  spellcheck: false
454
454
  }).withConfig({
455
455
  displayName: "StyledHexField",
@@ -462,7 +462,7 @@ StyledHexField.defaultProps = {
462
462
  const COMPONENT_ID$c = 'colorpickers.colorpicker_label';
463
463
  const StyledLabel = styled__default.default(reactForms.Label).attrs({
464
464
  'data-garden-id': COMPONENT_ID$c,
465
- 'data-garden-version': '8.63.0'
465
+ 'data-garden-version': '8.63.1'
466
466
  }).withConfig({
467
467
  displayName: "StyledLabel",
468
468
  componentId: "sc-1klhp6m-0"
@@ -474,7 +474,7 @@ StyledLabel.defaultProps = {
474
474
  const COMPONENT_ID$b = 'colorpickers.colorpicker_input';
475
475
  const StyledInput = styled__default.default(reactForms.Input).attrs({
476
476
  'data-garden-id': COMPONENT_ID$b,
477
- 'data-garden-version': '8.63.0',
477
+ 'data-garden-version': '8.63.1',
478
478
  focusInset: false
479
479
  }).withConfig({
480
480
  displayName: "StyledInput",
@@ -487,7 +487,7 @@ StyledInput.defaultProps = {
487
487
  const COMPONENT_ID$a = 'colorpickers.colorpicker_input_group';
488
488
  const StyledInputGroup = styled__default.default.div.attrs({
489
489
  'data-garden-id': COMPONENT_ID$a,
490
- 'data-garden-version': '8.63.0'
490
+ 'data-garden-version': '8.63.1'
491
491
  }).withConfig({
492
492
  displayName: "StyledInputGroup",
493
493
  componentId: "sc-mmy93w-0"
@@ -508,7 +508,7 @@ const sizeStyles = theme => {
508
508
  };
509
509
  const StyledRGBAField = styled__default.default(reactForms.Field).attrs({
510
510
  'data-garden-id': COMPONENT_ID$9,
511
- 'data-garden-version': '8.63.0'
511
+ 'data-garden-version': '8.63.1'
512
512
  }).withConfig({
513
513
  displayName: "StyledRGBAField",
514
514
  componentId: "sc-ibo1yw-0"
@@ -520,7 +520,7 @@ StyledRGBAField.defaultProps = {
520
520
  const COMPONENT_ID$8 = 'colorpickers.colorpicker_sliders';
521
521
  const StyledSliders = styled__default.default.div.attrs({
522
522
  'data-garden-id': COMPONENT_ID$8,
523
- 'data-garden-version': '8.63.0'
523
+ 'data-garden-version': '8.63.1'
524
524
  }).withConfig({
525
525
  displayName: "StyledSliders",
526
526
  componentId: "sc-aclca2-0"
@@ -533,7 +533,7 @@ const COMPONENT_ID$7 = 'colorpickers.colordialog_button';
533
533
  const StyledButton = styled__default.default(reactButtons.Button).attrs({
534
534
  isNeutral: true,
535
535
  'data-garden-id': COMPONENT_ID$7,
536
- 'data-garden-version': '8.63.0'
536
+ 'data-garden-version': '8.63.1'
537
537
  }).withConfig({
538
538
  displayName: "StyledButton",
539
539
  componentId: "sc-101xjve-0"
@@ -568,7 +568,7 @@ const StyledButtonPreview = styled__default.default.span.attrs(props => ({
568
568
  background: `${background(props)}, ${checkeredBackground(props.theme, 8)}`
569
569
  },
570
570
  'data-garden-id': COMPONENT_ID$6,
571
- 'data-garden-version': '8.63.0',
571
+ 'data-garden-version': '8.63.1',
572
572
  'data-test-id': 'dialog-preview'
573
573
  })).withConfig({
574
574
  displayName: "StyledButtonPreview",
@@ -581,7 +581,7 @@ StyledButtonPreview.defaultProps = {
581
581
  const COMPONENT_ID$5 = 'colorpickers.colordialog_tooltipmodal';
582
582
  const StyledTooltipModal = styled__default.default(reactModals.TooltipModal).attrs({
583
583
  'data-garden-id': COMPONENT_ID$5,
584
- 'data-garden-version': '8.63.0'
584
+ 'data-garden-version': '8.63.1'
585
585
  }).withConfig({
586
586
  displayName: "StyledTooltipModal",
587
587
  componentId: "sc-o022s8-0"
@@ -593,7 +593,7 @@ StyledTooltipModal.defaultProps = {
593
593
  const COMPONENT_ID$4 = 'colorpickers.colordialog_tooltipmodal_body';
594
594
  const StyledTooltipBody = styled__default.default(reactModals.TooltipModal.Body).attrs({
595
595
  'data-garden-id': COMPONENT_ID$4,
596
- 'data-garden-version': '8.63.0'
596
+ 'data-garden-version': '8.63.1'
597
597
  }).withConfig({
598
598
  displayName: "StyledTooltipBody",
599
599
  componentId: "sc-6gsgsy-0"
@@ -607,7 +607,7 @@ const StyledSwatchButton = styled__default.default(StyledButtonPreview).attrs(pr
607
607
  as: 'button',
608
608
  'data-garden-id': COMPONENT_ID$3,
609
609
  'data-test-id': props.backgroundColor,
610
- 'data-garden-version': '8.63.0'
610
+ 'data-garden-version': '8.63.1'
611
611
  })).withConfig({
612
612
  displayName: "StyledSwatchButton",
613
613
  componentId: "sc-edpwpp-0"
@@ -619,7 +619,7 @@ StyledSwatchButton.defaultProps = {
619
619
  const COMPONENT_ID$2 = 'colorpickers.color_swatch';
620
620
  const StyledColorSwatch = styled__default.default.table.attrs({
621
621
  'data-garden-id': COMPONENT_ID$2,
622
- 'data-garden-version': '8.63.0',
622
+ 'data-garden-version': '8.63.1',
623
623
  role: 'grid'
624
624
  }).withConfig({
625
625
  displayName: "StyledColorSwatch",
@@ -656,7 +656,7 @@ const StyledIcon = styled__default.default(_ref => {
656
656
  return React__namespace.default.cloneElement(React.Children.only(children), props);
657
657
  }).attrs({
658
658
  'data-garden-id': COMPONENT_ID$1,
659
- 'data-garden-version': '8.63.0'
659
+ 'data-garden-version': '8.63.1'
660
660
  }).withConfig({
661
661
  displayName: "StyledIcon",
662
662
  componentId: "sc-8oigif-0"
@@ -668,7 +668,7 @@ StyledIcon.defaultProps = {
668
668
  const COMPONENT_ID = 'colorpickers.swatch_cell';
669
669
  const StyledCell = styled__default.default.td.attrs({
670
670
  'data-garden-id': COMPONENT_ID,
671
- 'data-garden-version': '8.63.0'
671
+ 'data-garden-version': '8.63.1'
672
672
  }).withConfig({
673
673
  displayName: "StyledCell",
674
674
  componentId: "sc-qr3oit-0"
package/dist/index.esm.js CHANGED
@@ -125,7 +125,7 @@ const getColorPickerWidth = props => {
125
125
  };
126
126
  const StyledColorPicker = styled.div.attrs({
127
127
  'data-garden-id': COMPONENT_ID$l,
128
- 'data-garden-version': '8.63.0'
128
+ 'data-garden-version': '8.63.1'
129
129
  }).withConfig({
130
130
  displayName: "StyledColorPicker",
131
131
  componentId: "sc-1donyl9-0"
@@ -260,7 +260,7 @@ const sizeStyles$2 = props => {
260
260
  };
261
261
  const StyledRange = styled(Range).attrs({
262
262
  'data-garden-id': COMPONENT_ID$k,
263
- 'data-garden-version': '8.63.0',
263
+ 'data-garden-version': '8.63.1',
264
264
  hasLowerTrack: false
265
265
  }).withConfig({
266
266
  displayName: "StyledRange",
@@ -275,7 +275,7 @@ StyledRange.defaultProps = {
275
275
  const COMPONENT_ID$j = 'colorpickers.colorpicker_hue';
276
276
  const StyledHueRange = styled(StyledRange).attrs({
277
277
  'data-garden-id': COMPONENT_ID$j,
278
- 'data-garden-version': '8.63.0'
278
+ 'data-garden-version': '8.63.1'
279
279
  }).withConfig({
280
280
  displayName: "StyledHueRange",
281
281
  componentId: "sc-13ly7p-0"
@@ -319,7 +319,7 @@ const StyledAlphaRange = styled(StyledRange).attrs(props => ({
319
319
  background: background$3(props)
320
320
  },
321
321
  'data-garden-id': COMPONENT_ID$i,
322
- 'data-garden-version': '8.63.0'
322
+ 'data-garden-version': '8.63.1'
323
323
  })).withConfig({
324
324
  displayName: "StyledAlphaRange",
325
325
  componentId: "sc-kuh2xc-0"
@@ -343,7 +343,7 @@ const StyledPreview = styled.div.attrs(props => ({
343
343
  background: background$2(props)
344
344
  },
345
345
  'data-garden-id': COMPONENT_ID$h,
346
- 'data-garden-version': '8.63.0',
346
+ 'data-garden-version': '8.63.1',
347
347
  'data-test-id': 'preview-box'
348
348
  })).withConfig({
349
349
  displayName: "StyledPreview",
@@ -365,7 +365,7 @@ const background$1 = props => {
365
365
  };
366
366
  const StyledColorWell = styled.div.attrs(props => ({
367
367
  'data-garden-id': COMPONENT_ID$g,
368
- 'data-garden-version': '8.63.0',
368
+ 'data-garden-version': '8.63.1',
369
369
  'data-test-id': 'colorwell',
370
370
  style: {
371
371
  background: background$1(props)
@@ -393,7 +393,7 @@ const sizeStyles$1 = theme => {
393
393
  };
394
394
  const StyledColorWellThumb = styled.div.attrs(props => ({
395
395
  'data-garden-id': COMPONENT_ID$f,
396
- 'data-garden-version': '8.63.0',
396
+ 'data-garden-version': '8.63.1',
397
397
  'data-test-id': 'colorwell-thumb',
398
398
  style: {
399
399
  top: `${props.top}%`,
@@ -410,7 +410,7 @@ StyledColorWellThumb.defaultProps = {
410
410
  const COMPONENT_ID$e = 'colorpickers.colorpicker_slider_group';
411
411
  const StyledSliderGroup = styled.div.attrs({
412
412
  'data-garden-id': COMPONENT_ID$e,
413
- 'data-garden-version': '8.63.0'
413
+ 'data-garden-version': '8.63.1'
414
414
  }).withConfig({
415
415
  displayName: "StyledSliderGroup",
416
416
  componentId: "sc-rsq0ak-0"
@@ -422,7 +422,7 @@ StyledSliderGroup.defaultProps = {
422
422
  const COMPONENT_ID$d = 'colorpickers.colorpicker_hex_field';
423
423
  const StyledHexField = styled(Field).attrs({
424
424
  'data-garden-id': COMPONENT_ID$d,
425
- 'data-garden-version': '8.63.0',
425
+ 'data-garden-version': '8.63.1',
426
426
  spellcheck: false
427
427
  }).withConfig({
428
428
  displayName: "StyledHexField",
@@ -435,7 +435,7 @@ StyledHexField.defaultProps = {
435
435
  const COMPONENT_ID$c = 'colorpickers.colorpicker_label';
436
436
  const StyledLabel = styled(Label).attrs({
437
437
  'data-garden-id': COMPONENT_ID$c,
438
- 'data-garden-version': '8.63.0'
438
+ 'data-garden-version': '8.63.1'
439
439
  }).withConfig({
440
440
  displayName: "StyledLabel",
441
441
  componentId: "sc-1klhp6m-0"
@@ -447,7 +447,7 @@ StyledLabel.defaultProps = {
447
447
  const COMPONENT_ID$b = 'colorpickers.colorpicker_input';
448
448
  const StyledInput = styled(Input).attrs({
449
449
  'data-garden-id': COMPONENT_ID$b,
450
- 'data-garden-version': '8.63.0',
450
+ 'data-garden-version': '8.63.1',
451
451
  focusInset: false
452
452
  }).withConfig({
453
453
  displayName: "StyledInput",
@@ -460,7 +460,7 @@ StyledInput.defaultProps = {
460
460
  const COMPONENT_ID$a = 'colorpickers.colorpicker_input_group';
461
461
  const StyledInputGroup = styled.div.attrs({
462
462
  'data-garden-id': COMPONENT_ID$a,
463
- 'data-garden-version': '8.63.0'
463
+ 'data-garden-version': '8.63.1'
464
464
  }).withConfig({
465
465
  displayName: "StyledInputGroup",
466
466
  componentId: "sc-mmy93w-0"
@@ -481,7 +481,7 @@ const sizeStyles = theme => {
481
481
  };
482
482
  const StyledRGBAField = styled(Field).attrs({
483
483
  'data-garden-id': COMPONENT_ID$9,
484
- 'data-garden-version': '8.63.0'
484
+ 'data-garden-version': '8.63.1'
485
485
  }).withConfig({
486
486
  displayName: "StyledRGBAField",
487
487
  componentId: "sc-ibo1yw-0"
@@ -493,7 +493,7 @@ StyledRGBAField.defaultProps = {
493
493
  const COMPONENT_ID$8 = 'colorpickers.colorpicker_sliders';
494
494
  const StyledSliders = styled.div.attrs({
495
495
  'data-garden-id': COMPONENT_ID$8,
496
- 'data-garden-version': '8.63.0'
496
+ 'data-garden-version': '8.63.1'
497
497
  }).withConfig({
498
498
  displayName: "StyledSliders",
499
499
  componentId: "sc-aclca2-0"
@@ -506,7 +506,7 @@ const COMPONENT_ID$7 = 'colorpickers.colordialog_button';
506
506
  const StyledButton = styled(Button).attrs({
507
507
  isNeutral: true,
508
508
  'data-garden-id': COMPONENT_ID$7,
509
- 'data-garden-version': '8.63.0'
509
+ 'data-garden-version': '8.63.1'
510
510
  }).withConfig({
511
511
  displayName: "StyledButton",
512
512
  componentId: "sc-101xjve-0"
@@ -541,7 +541,7 @@ const StyledButtonPreview = styled.span.attrs(props => ({
541
541
  background: `${background(props)}, ${checkeredBackground(props.theme, 8)}`
542
542
  },
543
543
  'data-garden-id': COMPONENT_ID$6,
544
- 'data-garden-version': '8.63.0',
544
+ 'data-garden-version': '8.63.1',
545
545
  'data-test-id': 'dialog-preview'
546
546
  })).withConfig({
547
547
  displayName: "StyledButtonPreview",
@@ -554,7 +554,7 @@ StyledButtonPreview.defaultProps = {
554
554
  const COMPONENT_ID$5 = 'colorpickers.colordialog_tooltipmodal';
555
555
  const StyledTooltipModal = styled(TooltipModal).attrs({
556
556
  'data-garden-id': COMPONENT_ID$5,
557
- 'data-garden-version': '8.63.0'
557
+ 'data-garden-version': '8.63.1'
558
558
  }).withConfig({
559
559
  displayName: "StyledTooltipModal",
560
560
  componentId: "sc-o022s8-0"
@@ -566,7 +566,7 @@ StyledTooltipModal.defaultProps = {
566
566
  const COMPONENT_ID$4 = 'colorpickers.colordialog_tooltipmodal_body';
567
567
  const StyledTooltipBody = styled(TooltipModal.Body).attrs({
568
568
  'data-garden-id': COMPONENT_ID$4,
569
- 'data-garden-version': '8.63.0'
569
+ 'data-garden-version': '8.63.1'
570
570
  }).withConfig({
571
571
  displayName: "StyledTooltipBody",
572
572
  componentId: "sc-6gsgsy-0"
@@ -580,7 +580,7 @@ const StyledSwatchButton = styled(StyledButtonPreview).attrs(props => ({
580
580
  as: 'button',
581
581
  'data-garden-id': COMPONENT_ID$3,
582
582
  'data-test-id': props.backgroundColor,
583
- 'data-garden-version': '8.63.0'
583
+ 'data-garden-version': '8.63.1'
584
584
  })).withConfig({
585
585
  displayName: "StyledSwatchButton",
586
586
  componentId: "sc-edpwpp-0"
@@ -592,7 +592,7 @@ StyledSwatchButton.defaultProps = {
592
592
  const COMPONENT_ID$2 = 'colorpickers.color_swatch';
593
593
  const StyledColorSwatch = styled.table.attrs({
594
594
  'data-garden-id': COMPONENT_ID$2,
595
- 'data-garden-version': '8.63.0',
595
+ 'data-garden-version': '8.63.1',
596
596
  role: 'grid'
597
597
  }).withConfig({
598
598
  displayName: "StyledColorSwatch",
@@ -629,7 +629,7 @@ const StyledIcon = styled(_ref => {
629
629
  return React__default.cloneElement(Children.only(children), props);
630
630
  }).attrs({
631
631
  'data-garden-id': COMPONENT_ID$1,
632
- 'data-garden-version': '8.63.0'
632
+ 'data-garden-version': '8.63.1'
633
633
  }).withConfig({
634
634
  displayName: "StyledIcon",
635
635
  componentId: "sc-8oigif-0"
@@ -641,7 +641,7 @@ StyledIcon.defaultProps = {
641
641
  const COMPONENT_ID = 'colorpickers.swatch_cell';
642
642
  const StyledCell = styled.td.attrs({
643
643
  'data-garden-id': COMPONENT_ID,
644
- 'data-garden-version': '8.63.0'
644
+ 'data-garden-version': '8.63.1'
645
645
  }).withConfig({
646
646
  displayName: "StyledCell",
647
647
  componentId: "sc-qr3oit-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-colorpickers",
3
- "version": "8.63.0",
3
+ "version": "8.63.1",
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": "^1.0.0",
26
- "@zendeskgarden/react-buttons": "^8.63.0",
27
- "@zendeskgarden/react-forms": "^8.63.0",
28
- "@zendeskgarden/react-modals": "^8.63.0",
29
- "@zendeskgarden/react-tooltips": "^8.63.0",
26
+ "@zendeskgarden/react-buttons": "^8.63.1",
27
+ "@zendeskgarden/react-forms": "^8.63.1",
28
+ "@zendeskgarden/react-modals": "^8.63.1",
29
+ "@zendeskgarden/react-tooltips": "^8.63.1",
30
30
  "lodash.isequal": "^4.5.0",
31
31
  "lodash.throttle": "^4.1.1",
32
32
  "polished": "^4.0.0",
@@ -41,7 +41,7 @@
41
41
  "devDependencies": {
42
42
  "@types/lodash.isequal": "4.5.6",
43
43
  "@types/lodash.throttle": "4.1.7",
44
- "@zendeskgarden/react-theming": "^8.63.0",
44
+ "@zendeskgarden/react-theming": "^8.63.1",
45
45
  "@zendeskgarden/svg-icons": "6.33.0"
46
46
  },
47
47
  "keywords": [
@@ -55,5 +55,5 @@
55
55
  "access": "public"
56
56
  },
57
57
  "zendeskgarden:src": "src/index.ts",
58
- "gitHead": "4b8715305a769881b143c7195c5b31e687422926"
58
+ "gitHead": "1c1d67d2b98ee0539975cee53f457081e5ae479a"
59
59
  }