@zendeskgarden/react-colorpickers 8.68.0 → 8.69.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.68.0'
155
+ 'data-garden-version': '8.69.1'
156
156
  }).withConfig({
157
157
  displayName: "StyledColorPicker",
158
158
  componentId: "sc-1donyl9-0"
@@ -288,7 +288,7 @@ const sizeStyles$2 = props => {
288
288
  };
289
289
  const StyledRange = styled__default.default(reactForms.Range).attrs({
290
290
  'data-garden-id': COMPONENT_ID$k,
291
- 'data-garden-version': '8.68.0',
291
+ 'data-garden-version': '8.69.1',
292
292
  hasLowerTrack: false
293
293
  }).withConfig({
294
294
  displayName: "StyledRange",
@@ -303,7 +303,7 @@ StyledRange.defaultProps = {
303
303
  const COMPONENT_ID$j = 'colorpickers.colorpicker_hue';
304
304
  const StyledHueRange = styled__default.default(StyledRange).attrs({
305
305
  'data-garden-id': COMPONENT_ID$j,
306
- 'data-garden-version': '8.68.0'
306
+ 'data-garden-version': '8.69.1'
307
307
  }).withConfig({
308
308
  displayName: "StyledHueRange",
309
309
  componentId: "sc-13ly7p-0"
@@ -347,7 +347,7 @@ const StyledAlphaRange = styled__default.default(StyledRange).attrs(props => ({
347
347
  background: background$3(props)
348
348
  },
349
349
  'data-garden-id': COMPONENT_ID$i,
350
- 'data-garden-version': '8.68.0'
350
+ 'data-garden-version': '8.69.1'
351
351
  })).withConfig({
352
352
  displayName: "StyledAlphaRange",
353
353
  componentId: "sc-kuh2xc-0"
@@ -371,7 +371,7 @@ const StyledPreview = styled__default.default.div.attrs(props => ({
371
371
  background: background$2(props)
372
372
  },
373
373
  'data-garden-id': COMPONENT_ID$h,
374
- 'data-garden-version': '8.68.0',
374
+ 'data-garden-version': '8.69.1',
375
375
  'data-test-id': 'preview-box'
376
376
  })).withConfig({
377
377
  displayName: "StyledPreview",
@@ -393,7 +393,7 @@ const background$1 = props => {
393
393
  };
394
394
  const StyledColorWell = styled__default.default.div.attrs(props => ({
395
395
  'data-garden-id': COMPONENT_ID$g,
396
- 'data-garden-version': '8.68.0',
396
+ 'data-garden-version': '8.69.1',
397
397
  'data-test-id': 'colorwell',
398
398
  style: {
399
399
  background: background$1(props)
@@ -421,7 +421,7 @@ const sizeStyles$1 = theme => {
421
421
  };
422
422
  const StyledColorWellThumb = styled__default.default.div.attrs(props => ({
423
423
  'data-garden-id': COMPONENT_ID$f,
424
- 'data-garden-version': '8.68.0',
424
+ 'data-garden-version': '8.69.1',
425
425
  'data-test-id': 'colorwell-thumb',
426
426
  style: {
427
427
  top: `${props.top}%`,
@@ -438,7 +438,7 @@ StyledColorWellThumb.defaultProps = {
438
438
  const COMPONENT_ID$e = 'colorpickers.colorpicker_slider_group';
439
439
  const StyledSliderGroup = styled__default.default.div.attrs({
440
440
  'data-garden-id': COMPONENT_ID$e,
441
- 'data-garden-version': '8.68.0'
441
+ 'data-garden-version': '8.69.1'
442
442
  }).withConfig({
443
443
  displayName: "StyledSliderGroup",
444
444
  componentId: "sc-rsq0ak-0"
@@ -450,7 +450,7 @@ StyledSliderGroup.defaultProps = {
450
450
  const COMPONENT_ID$d = 'colorpickers.colorpicker_hex_field';
451
451
  const StyledHexField = styled__default.default(reactForms.Field).attrs({
452
452
  'data-garden-id': COMPONENT_ID$d,
453
- 'data-garden-version': '8.68.0',
453
+ 'data-garden-version': '8.69.1',
454
454
  spellcheck: false
455
455
  }).withConfig({
456
456
  displayName: "StyledHexField",
@@ -463,7 +463,7 @@ StyledHexField.defaultProps = {
463
463
  const COMPONENT_ID$c = 'colorpickers.colorpicker_label';
464
464
  const StyledLabel = styled__default.default(reactForms.Label).attrs({
465
465
  'data-garden-id': COMPONENT_ID$c,
466
- 'data-garden-version': '8.68.0'
466
+ 'data-garden-version': '8.69.1'
467
467
  }).withConfig({
468
468
  displayName: "StyledLabel",
469
469
  componentId: "sc-1klhp6m-0"
@@ -475,7 +475,7 @@ StyledLabel.defaultProps = {
475
475
  const COMPONENT_ID$b = 'colorpickers.colorpicker_input';
476
476
  const StyledInput = styled__default.default(reactForms.Input).attrs({
477
477
  'data-garden-id': COMPONENT_ID$b,
478
- 'data-garden-version': '8.68.0',
478
+ 'data-garden-version': '8.69.1',
479
479
  focusInset: false
480
480
  }).withConfig({
481
481
  displayName: "StyledInput",
@@ -488,7 +488,7 @@ StyledInput.defaultProps = {
488
488
  const COMPONENT_ID$a = 'colorpickers.colorpicker_input_group';
489
489
  const StyledInputGroup = styled__default.default.div.attrs({
490
490
  'data-garden-id': COMPONENT_ID$a,
491
- 'data-garden-version': '8.68.0'
491
+ 'data-garden-version': '8.69.1'
492
492
  }).withConfig({
493
493
  displayName: "StyledInputGroup",
494
494
  componentId: "sc-mmy93w-0"
@@ -509,7 +509,7 @@ const sizeStyles = theme => {
509
509
  };
510
510
  const StyledRGBAField = styled__default.default(reactForms.Field).attrs({
511
511
  'data-garden-id': COMPONENT_ID$9,
512
- 'data-garden-version': '8.68.0'
512
+ 'data-garden-version': '8.69.1'
513
513
  }).withConfig({
514
514
  displayName: "StyledRGBAField",
515
515
  componentId: "sc-ibo1yw-0"
@@ -521,7 +521,7 @@ StyledRGBAField.defaultProps = {
521
521
  const COMPONENT_ID$8 = 'colorpickers.colorpicker_sliders';
522
522
  const StyledSliders = styled__default.default.div.attrs({
523
523
  'data-garden-id': COMPONENT_ID$8,
524
- 'data-garden-version': '8.68.0'
524
+ 'data-garden-version': '8.69.1'
525
525
  }).withConfig({
526
526
  displayName: "StyledSliders",
527
527
  componentId: "sc-aclca2-0"
@@ -534,7 +534,7 @@ const COMPONENT_ID$7 = 'colorpickers.colordialog_button';
534
534
  const StyledButton = styled__default.default(reactButtons.Button).attrs({
535
535
  isNeutral: true,
536
536
  'data-garden-id': COMPONENT_ID$7,
537
- 'data-garden-version': '8.68.0'
537
+ 'data-garden-version': '8.69.1'
538
538
  }).withConfig({
539
539
  displayName: "StyledButton",
540
540
  componentId: "sc-101xjve-0"
@@ -569,7 +569,7 @@ const StyledButtonPreview = styled__default.default.span.attrs(props => ({
569
569
  background: `${background(props)}, ${checkeredBackground(props.theme, 8)}`
570
570
  },
571
571
  'data-garden-id': COMPONENT_ID$6,
572
- 'data-garden-version': '8.68.0',
572
+ 'data-garden-version': '8.69.1',
573
573
  'data-test-id': 'dialog-preview'
574
574
  })).withConfig({
575
575
  displayName: "StyledButtonPreview",
@@ -582,7 +582,7 @@ StyledButtonPreview.defaultProps = {
582
582
  const COMPONENT_ID$5 = 'colorpickers.colordialog_tooltipmodal';
583
583
  const StyledTooltipModal = styled__default.default(reactModals.TooltipModal).attrs({
584
584
  'data-garden-id': COMPONENT_ID$5,
585
- 'data-garden-version': '8.68.0'
585
+ 'data-garden-version': '8.69.1'
586
586
  }).withConfig({
587
587
  displayName: "StyledTooltipModal",
588
588
  componentId: "sc-o022s8-0"
@@ -594,7 +594,7 @@ StyledTooltipModal.defaultProps = {
594
594
  const COMPONENT_ID$4 = 'colorpickers.colordialog_tooltipmodal_body';
595
595
  const StyledTooltipBody = styled__default.default(reactModals.TooltipModal.Body).attrs({
596
596
  'data-garden-id': COMPONENT_ID$4,
597
- 'data-garden-version': '8.68.0'
597
+ 'data-garden-version': '8.69.1'
598
598
  }).withConfig({
599
599
  displayName: "StyledTooltipBody",
600
600
  componentId: "sc-6gsgsy-0"
@@ -608,7 +608,7 @@ const StyledSwatchButton = styled__default.default(StyledButtonPreview).attrs(pr
608
608
  as: 'button',
609
609
  'data-garden-id': COMPONENT_ID$3,
610
610
  'data-test-id': props.backgroundColor,
611
- 'data-garden-version': '8.68.0'
611
+ 'data-garden-version': '8.69.1'
612
612
  })).withConfig({
613
613
  displayName: "StyledSwatchButton",
614
614
  componentId: "sc-edpwpp-0"
@@ -622,7 +622,7 @@ StyledSwatchButton.defaultProps = {
622
622
  const COMPONENT_ID$2 = 'colorpickers.color_swatch';
623
623
  const StyledColorSwatch = styled__default.default.table.attrs({
624
624
  'data-garden-id': COMPONENT_ID$2,
625
- 'data-garden-version': '8.68.0',
625
+ 'data-garden-version': '8.69.1',
626
626
  role: 'grid'
627
627
  }).withConfig({
628
628
  displayName: "StyledColorSwatch",
@@ -659,7 +659,7 @@ const StyledIcon = styled__default.default(_ref => {
659
659
  return React__namespace.default.cloneElement(React.Children.only(children), props);
660
660
  }).attrs({
661
661
  'data-garden-id': COMPONENT_ID$1,
662
- 'data-garden-version': '8.68.0'
662
+ 'data-garden-version': '8.69.1'
663
663
  }).withConfig({
664
664
  displayName: "StyledIcon",
665
665
  componentId: "sc-8oigif-0"
@@ -671,7 +671,7 @@ StyledIcon.defaultProps = {
671
671
  const COMPONENT_ID = 'colorpickers.swatch_cell';
672
672
  const StyledCell = styled__default.default.td.attrs({
673
673
  'data-garden-id': COMPONENT_ID,
674
- 'data-garden-version': '8.68.0'
674
+ 'data-garden-version': '8.69.1'
675
675
  }).withConfig({
676
676
  displayName: "StyledCell",
677
677
  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.68.0'
128
+ 'data-garden-version': '8.69.1'
129
129
  }).withConfig({
130
130
  displayName: "StyledColorPicker",
131
131
  componentId: "sc-1donyl9-0"
@@ -261,7 +261,7 @@ const sizeStyles$2 = props => {
261
261
  };
262
262
  const StyledRange = styled(Range).attrs({
263
263
  'data-garden-id': COMPONENT_ID$k,
264
- 'data-garden-version': '8.68.0',
264
+ 'data-garden-version': '8.69.1',
265
265
  hasLowerTrack: false
266
266
  }).withConfig({
267
267
  displayName: "StyledRange",
@@ -276,7 +276,7 @@ StyledRange.defaultProps = {
276
276
  const COMPONENT_ID$j = 'colorpickers.colorpicker_hue';
277
277
  const StyledHueRange = styled(StyledRange).attrs({
278
278
  'data-garden-id': COMPONENT_ID$j,
279
- 'data-garden-version': '8.68.0'
279
+ 'data-garden-version': '8.69.1'
280
280
  }).withConfig({
281
281
  displayName: "StyledHueRange",
282
282
  componentId: "sc-13ly7p-0"
@@ -320,7 +320,7 @@ const StyledAlphaRange = styled(StyledRange).attrs(props => ({
320
320
  background: background$3(props)
321
321
  },
322
322
  'data-garden-id': COMPONENT_ID$i,
323
- 'data-garden-version': '8.68.0'
323
+ 'data-garden-version': '8.69.1'
324
324
  })).withConfig({
325
325
  displayName: "StyledAlphaRange",
326
326
  componentId: "sc-kuh2xc-0"
@@ -344,7 +344,7 @@ const StyledPreview = styled.div.attrs(props => ({
344
344
  background: background$2(props)
345
345
  },
346
346
  'data-garden-id': COMPONENT_ID$h,
347
- 'data-garden-version': '8.68.0',
347
+ 'data-garden-version': '8.69.1',
348
348
  'data-test-id': 'preview-box'
349
349
  })).withConfig({
350
350
  displayName: "StyledPreview",
@@ -366,7 +366,7 @@ const background$1 = props => {
366
366
  };
367
367
  const StyledColorWell = styled.div.attrs(props => ({
368
368
  'data-garden-id': COMPONENT_ID$g,
369
- 'data-garden-version': '8.68.0',
369
+ 'data-garden-version': '8.69.1',
370
370
  'data-test-id': 'colorwell',
371
371
  style: {
372
372
  background: background$1(props)
@@ -394,7 +394,7 @@ const sizeStyles$1 = theme => {
394
394
  };
395
395
  const StyledColorWellThumb = styled.div.attrs(props => ({
396
396
  'data-garden-id': COMPONENT_ID$f,
397
- 'data-garden-version': '8.68.0',
397
+ 'data-garden-version': '8.69.1',
398
398
  'data-test-id': 'colorwell-thumb',
399
399
  style: {
400
400
  top: `${props.top}%`,
@@ -411,7 +411,7 @@ StyledColorWellThumb.defaultProps = {
411
411
  const COMPONENT_ID$e = 'colorpickers.colorpicker_slider_group';
412
412
  const StyledSliderGroup = styled.div.attrs({
413
413
  'data-garden-id': COMPONENT_ID$e,
414
- 'data-garden-version': '8.68.0'
414
+ 'data-garden-version': '8.69.1'
415
415
  }).withConfig({
416
416
  displayName: "StyledSliderGroup",
417
417
  componentId: "sc-rsq0ak-0"
@@ -423,7 +423,7 @@ StyledSliderGroup.defaultProps = {
423
423
  const COMPONENT_ID$d = 'colorpickers.colorpicker_hex_field';
424
424
  const StyledHexField = styled(Field).attrs({
425
425
  'data-garden-id': COMPONENT_ID$d,
426
- 'data-garden-version': '8.68.0',
426
+ 'data-garden-version': '8.69.1',
427
427
  spellcheck: false
428
428
  }).withConfig({
429
429
  displayName: "StyledHexField",
@@ -436,7 +436,7 @@ StyledHexField.defaultProps = {
436
436
  const COMPONENT_ID$c = 'colorpickers.colorpicker_label';
437
437
  const StyledLabel = styled(Label).attrs({
438
438
  'data-garden-id': COMPONENT_ID$c,
439
- 'data-garden-version': '8.68.0'
439
+ 'data-garden-version': '8.69.1'
440
440
  }).withConfig({
441
441
  displayName: "StyledLabel",
442
442
  componentId: "sc-1klhp6m-0"
@@ -448,7 +448,7 @@ StyledLabel.defaultProps = {
448
448
  const COMPONENT_ID$b = 'colorpickers.colorpicker_input';
449
449
  const StyledInput = styled(Input).attrs({
450
450
  'data-garden-id': COMPONENT_ID$b,
451
- 'data-garden-version': '8.68.0',
451
+ 'data-garden-version': '8.69.1',
452
452
  focusInset: false
453
453
  }).withConfig({
454
454
  displayName: "StyledInput",
@@ -461,7 +461,7 @@ StyledInput.defaultProps = {
461
461
  const COMPONENT_ID$a = 'colorpickers.colorpicker_input_group';
462
462
  const StyledInputGroup = styled.div.attrs({
463
463
  'data-garden-id': COMPONENT_ID$a,
464
- 'data-garden-version': '8.68.0'
464
+ 'data-garden-version': '8.69.1'
465
465
  }).withConfig({
466
466
  displayName: "StyledInputGroup",
467
467
  componentId: "sc-mmy93w-0"
@@ -482,7 +482,7 @@ const sizeStyles = theme => {
482
482
  };
483
483
  const StyledRGBAField = styled(Field).attrs({
484
484
  'data-garden-id': COMPONENT_ID$9,
485
- 'data-garden-version': '8.68.0'
485
+ 'data-garden-version': '8.69.1'
486
486
  }).withConfig({
487
487
  displayName: "StyledRGBAField",
488
488
  componentId: "sc-ibo1yw-0"
@@ -494,7 +494,7 @@ StyledRGBAField.defaultProps = {
494
494
  const COMPONENT_ID$8 = 'colorpickers.colorpicker_sliders';
495
495
  const StyledSliders = styled.div.attrs({
496
496
  'data-garden-id': COMPONENT_ID$8,
497
- 'data-garden-version': '8.68.0'
497
+ 'data-garden-version': '8.69.1'
498
498
  }).withConfig({
499
499
  displayName: "StyledSliders",
500
500
  componentId: "sc-aclca2-0"
@@ -507,7 +507,7 @@ const COMPONENT_ID$7 = 'colorpickers.colordialog_button';
507
507
  const StyledButton = styled(Button).attrs({
508
508
  isNeutral: true,
509
509
  'data-garden-id': COMPONENT_ID$7,
510
- 'data-garden-version': '8.68.0'
510
+ 'data-garden-version': '8.69.1'
511
511
  }).withConfig({
512
512
  displayName: "StyledButton",
513
513
  componentId: "sc-101xjve-0"
@@ -542,7 +542,7 @@ const StyledButtonPreview = styled.span.attrs(props => ({
542
542
  background: `${background(props)}, ${checkeredBackground(props.theme, 8)}`
543
543
  },
544
544
  'data-garden-id': COMPONENT_ID$6,
545
- 'data-garden-version': '8.68.0',
545
+ 'data-garden-version': '8.69.1',
546
546
  'data-test-id': 'dialog-preview'
547
547
  })).withConfig({
548
548
  displayName: "StyledButtonPreview",
@@ -555,7 +555,7 @@ StyledButtonPreview.defaultProps = {
555
555
  const COMPONENT_ID$5 = 'colorpickers.colordialog_tooltipmodal';
556
556
  const StyledTooltipModal = styled(TooltipModal).attrs({
557
557
  'data-garden-id': COMPONENT_ID$5,
558
- 'data-garden-version': '8.68.0'
558
+ 'data-garden-version': '8.69.1'
559
559
  }).withConfig({
560
560
  displayName: "StyledTooltipModal",
561
561
  componentId: "sc-o022s8-0"
@@ -567,7 +567,7 @@ StyledTooltipModal.defaultProps = {
567
567
  const COMPONENT_ID$4 = 'colorpickers.colordialog_tooltipmodal_body';
568
568
  const StyledTooltipBody = styled(TooltipModal.Body).attrs({
569
569
  'data-garden-id': COMPONENT_ID$4,
570
- 'data-garden-version': '8.68.0'
570
+ 'data-garden-version': '8.69.1'
571
571
  }).withConfig({
572
572
  displayName: "StyledTooltipBody",
573
573
  componentId: "sc-6gsgsy-0"
@@ -581,7 +581,7 @@ const StyledSwatchButton = styled(StyledButtonPreview).attrs(props => ({
581
581
  as: 'button',
582
582
  'data-garden-id': COMPONENT_ID$3,
583
583
  'data-test-id': props.backgroundColor,
584
- 'data-garden-version': '8.68.0'
584
+ 'data-garden-version': '8.69.1'
585
585
  })).withConfig({
586
586
  displayName: "StyledSwatchButton",
587
587
  componentId: "sc-edpwpp-0"
@@ -595,7 +595,7 @@ StyledSwatchButton.defaultProps = {
595
595
  const COMPONENT_ID$2 = 'colorpickers.color_swatch';
596
596
  const StyledColorSwatch = styled.table.attrs({
597
597
  'data-garden-id': COMPONENT_ID$2,
598
- 'data-garden-version': '8.68.0',
598
+ 'data-garden-version': '8.69.1',
599
599
  role: 'grid'
600
600
  }).withConfig({
601
601
  displayName: "StyledColorSwatch",
@@ -632,7 +632,7 @@ const StyledIcon = styled(_ref => {
632
632
  return React__default.cloneElement(Children.only(children), props);
633
633
  }).attrs({
634
634
  'data-garden-id': COMPONENT_ID$1,
635
- 'data-garden-version': '8.68.0'
635
+ 'data-garden-version': '8.69.1'
636
636
  }).withConfig({
637
637
  displayName: "StyledIcon",
638
638
  componentId: "sc-8oigif-0"
@@ -644,7 +644,7 @@ StyledIcon.defaultProps = {
644
644
  const COMPONENT_ID = 'colorpickers.swatch_cell';
645
645
  const StyledCell = styled.td.attrs({
646
646
  'data-garden-id': COMPONENT_ID,
647
- 'data-garden-version': '8.68.0'
647
+ 'data-garden-version': '8.69.1'
648
648
  }).withConfig({
649
649
  displayName: "StyledCell",
650
650
  componentId: "sc-qr3oit-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-colorpickers",
3
- "version": "8.68.0",
3
+ "version": "8.69.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.68.0",
27
- "@zendeskgarden/react-forms": "^8.68.0",
28
- "@zendeskgarden/react-modals": "^8.68.0",
29
- "@zendeskgarden/react-tooltips": "^8.68.0",
26
+ "@zendeskgarden/react-buttons": "^8.69.1",
27
+ "@zendeskgarden/react-forms": "^8.69.1",
28
+ "@zendeskgarden/react-modals": "^8.69.1",
29
+ "@zendeskgarden/react-tooltips": "^8.69.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.68.0",
44
+ "@zendeskgarden/react-theming": "^8.69.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": "e05a28d586f47d95e0570fe2d529915aa4285845"
58
+ "gitHead": "ab010f00c7f957856d49b9507543dbb6e07e3228"
59
59
  }