@zendeskgarden/react-forms 8.63.2 → 8.64.0

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 +47 -47
  2. package/dist/index.esm.js +47 -47
  3. package/package.json +3 -3
package/dist/index.cjs.js CHANGED
@@ -68,7 +68,7 @@ const useFieldContext = () => {
68
68
  const COMPONENT_ID$K = 'forms.field';
69
69
  const StyledField = styled__default.default.div.attrs({
70
70
  'data-garden-id': COMPONENT_ID$K,
71
- 'data-garden-version': '8.63.2'
71
+ 'data-garden-version': '8.64.0'
72
72
  }).withConfig({
73
73
  displayName: "StyledField",
74
74
  componentId: "sc-12gzfsu-0"
@@ -81,7 +81,7 @@ const COMPONENT_ID$J = 'forms.fieldset';
81
81
  const StyledFieldset = styled__default.default(StyledField).attrs({
82
82
  as: 'fieldset',
83
83
  'data-garden-id': COMPONENT_ID$J,
84
- 'data-garden-version': '8.63.2'
84
+ 'data-garden-version': '8.64.0'
85
85
  }).withConfig({
86
86
  displayName: "StyledFieldset",
87
87
  componentId: "sc-1vr4mxv-0"
@@ -93,7 +93,7 @@ StyledFieldset.defaultProps = {
93
93
  const COMPONENT_ID$I = 'forms.input_label';
94
94
  const StyledLabel = styled__default.default.label.attrs({
95
95
  'data-garden-id': COMPONENT_ID$I,
96
- 'data-garden-version': '8.63.2'
96
+ 'data-garden-version': '8.64.0'
97
97
  }).withConfig({
98
98
  displayName: "StyledLabel",
99
99
  componentId: "sc-2utmsz-0"
@@ -106,7 +106,7 @@ const COMPONENT_ID$H = 'forms.fieldset_legend';
106
106
  const StyledLegend = styled__default.default(StyledLabel).attrs({
107
107
  as: 'legend',
108
108
  'data-garden-id': COMPONENT_ID$H,
109
- 'data-garden-version': '8.63.2'
109
+ 'data-garden-version': '8.64.0'
110
110
  }).withConfig({
111
111
  displayName: "StyledLegend",
112
112
  componentId: "sc-6s0zwq-0"
@@ -118,7 +118,7 @@ StyledLegend.defaultProps = {
118
118
  const COMPONENT_ID$G = 'forms.input_hint';
119
119
  const StyledHint = styled__default.default.div.attrs({
120
120
  'data-garden-id': COMPONENT_ID$G,
121
- 'data-garden-version': '8.63.2'
121
+ 'data-garden-version': '8.64.0'
122
122
  }).withConfig({
123
123
  displayName: "StyledHint",
124
124
  componentId: "sc-17c2wu8-0"
@@ -223,7 +223,7 @@ const MessageIcon = _ref => {
223
223
  const COMPONENT_ID$F = 'forms.input_message_icon';
224
224
  const StyledMessageIcon = styled__default.default(MessageIcon).attrs({
225
225
  'data-garden-id': COMPONENT_ID$F,
226
- 'data-garden-version': '8.63.2',
226
+ 'data-garden-version': '8.64.0',
227
227
  'aria-hidden': null
228
228
  }).withConfig({
229
229
  displayName: "StyledMessageIcon",
@@ -251,7 +251,7 @@ const validationStyles = props => {
251
251
  const COMPONENT_ID$E = 'forms.input_message';
252
252
  const StyledMessage = styled__default.default.div.attrs({
253
253
  'data-garden-id': COMPONENT_ID$E,
254
- 'data-garden-version': '8.63.2'
254
+ 'data-garden-version': '8.64.0'
255
255
  }).withConfig({
256
256
  displayName: "StyledMessage",
257
257
  componentId: "sc-30hgg7-0"
@@ -330,7 +330,7 @@ const sizeStyles$f = props => {
330
330
  };
331
331
  const StyledTextInput = styled__default.default.input.attrs(props => ({
332
332
  'data-garden-id': COMPONENT_ID$D,
333
- 'data-garden-version': '8.63.2',
333
+ 'data-garden-version': '8.64.0',
334
334
  'aria-invalid': isInvalid(props.validation)
335
335
  })).withConfig({
336
336
  displayName: "StyledTextInput",
@@ -353,7 +353,7 @@ const hiddenStyles = `
353
353
  const StyledTextarea = styled__default.default(StyledTextInput).attrs({
354
354
  as: 'textarea',
355
355
  'data-garden-id': COMPONENT_ID$C,
356
- 'data-garden-version': '8.63.2'
356
+ 'data-garden-version': '8.64.0'
357
357
  }).withConfig({
358
358
  displayName: "StyledTextarea",
359
359
  componentId: "sc-wxschl-0"
@@ -399,7 +399,7 @@ _ref => {
399
399
  return React__namespace.default.cloneElement(React.Children.only(children), props);
400
400
  }).attrs({
401
401
  'data-garden-id': COMPONENT_ID$B,
402
- 'data-garden-version': '8.63.2'
402
+ 'data-garden-version': '8.64.0'
403
403
  }).withConfig({
404
404
  displayName: "StyledTextMediaFigure",
405
405
  componentId: "sc-1qepknj-0"
@@ -414,7 +414,7 @@ const StyledTextFauxInput = styled__default.default(StyledTextInput).attrs(props
414
414
  'aria-readonly': props.isReadOnly,
415
415
  'aria-disabled': props.isDisabled,
416
416
  'data-garden-id': COMPONENT_ID$A,
417
- 'data-garden-version': '8.63.2'
417
+ 'data-garden-version': '8.64.0'
418
418
  })).withConfig({
419
419
  displayName: "StyledTextFauxInput",
420
420
  componentId: "sc-yqw7j9-0"
@@ -426,7 +426,7 @@ StyledTextFauxInput.defaultProps = {
426
426
  const COMPONENT_ID$z = 'forms.media_input';
427
427
  const StyledTextMediaInput = styled__default.default(StyledTextInput).attrs({
428
428
  'data-garden-id': COMPONENT_ID$z,
429
- 'data-garden-version': '8.63.2',
429
+ 'data-garden-version': '8.64.0',
430
430
  isBare: true
431
431
  }).withConfig({
432
432
  displayName: "StyledTextMediaInput",
@@ -448,7 +448,7 @@ const itemStyles = props => {
448
448
  };
449
449
  const StyledInputGroup = styled__default.default.div.attrs({
450
450
  'data-garden-id': COMPONENT_ID$y,
451
- 'data-garden-version': '8.63.2'
451
+ 'data-garden-version': '8.64.0'
452
452
  }).withConfig({
453
453
  displayName: "StyledInputGroup",
454
454
  componentId: "sc-kjh1f0-0"
@@ -466,7 +466,7 @@ const sizeStyles$d = props => {
466
466
  };
467
467
  const StyledRadioLabel = styled__default.default(StyledLabel).attrs({
468
468
  'data-garden-id': COMPONENT_ID$x,
469
- 'data-garden-version': '8.63.2',
469
+ 'data-garden-version': '8.64.0',
470
470
  isRadio: true
471
471
  }).withConfig({
472
472
  displayName: "StyledRadioLabel",
@@ -479,7 +479,7 @@ StyledRadioLabel.defaultProps = {
479
479
  const COMPONENT_ID$w = 'forms.checkbox_label';
480
480
  const StyledCheckLabel = styled__default.default(StyledRadioLabel).attrs({
481
481
  'data-garden-id': COMPONENT_ID$w,
482
- 'data-garden-version': '8.63.2'
482
+ 'data-garden-version': '8.64.0'
483
483
  }).withConfig({
484
484
  displayName: "StyledCheckLabel",
485
485
  componentId: "sc-x7nr1-0"
@@ -491,7 +491,7 @@ StyledCheckLabel.defaultProps = {
491
491
  const COMPONENT_ID$v = 'forms.radio_hint';
492
492
  const StyledRadioHint = styled__default.default(StyledHint).attrs({
493
493
  'data-garden-id': COMPONENT_ID$v,
494
- 'data-garden-version': '8.63.2'
494
+ 'data-garden-version': '8.64.0'
495
495
  }).withConfig({
496
496
  displayName: "StyledRadioHint",
497
497
  componentId: "sc-eo8twg-0"
@@ -503,7 +503,7 @@ StyledRadioHint.defaultProps = {
503
503
  const COMPONENT_ID$u = 'forms.checkbox_hint';
504
504
  const StyledCheckHint = styled__default.default(StyledRadioHint).attrs({
505
505
  'data-garden-id': COMPONENT_ID$u,
506
- 'data-garden-version': '8.63.2'
506
+ 'data-garden-version': '8.64.0'
507
507
  }).withConfig({
508
508
  displayName: "StyledCheckHint",
509
509
  componentId: "sc-1kl8e8c-0"
@@ -545,7 +545,7 @@ const sizeStyles$c = props => {
545
545
  };
546
546
  const StyledRadioInput = styled__default.default.input.attrs({
547
547
  'data-garden-id': COMPONENT_ID$t,
548
- 'data-garden-version': '8.63.2',
548
+ 'data-garden-version': '8.64.0',
549
549
  type: 'radio'
550
550
  }).withConfig({
551
551
  displayName: "StyledRadioInput",
@@ -567,7 +567,7 @@ const colorStyles$8 = props => {
567
567
  };
568
568
  const StyledCheckInput = styled__default.default(StyledRadioInput).attrs({
569
569
  'data-garden-id': COMPONENT_ID$s,
570
- 'data-garden-version': '8.63.2',
570
+ 'data-garden-version': '8.64.0',
571
571
  type: 'checkbox'
572
572
  }).withConfig({
573
573
  displayName: "StyledCheckInput",
@@ -580,7 +580,7 @@ StyledCheckInput.defaultProps = {
580
580
  const COMPONENT_ID$r = 'forms.radio_message';
581
581
  const StyledRadioMessage = styled__default.default(StyledMessage).attrs({
582
582
  'data-garden-id': COMPONENT_ID$r,
583
- 'data-garden-version': '8.63.2'
583
+ 'data-garden-version': '8.64.0'
584
584
  }).withConfig({
585
585
  displayName: "StyledRadioMessage",
586
586
  componentId: "sc-1pmi0q8-0"
@@ -592,7 +592,7 @@ StyledRadioMessage.defaultProps = {
592
592
  const COMPONENT_ID$q = 'forms.checkbox_message';
593
593
  const StyledCheckMessage = styled__default.default(StyledRadioMessage).attrs({
594
594
  'data-garden-id': COMPONENT_ID$q,
595
- 'data-garden-version': '8.63.2'
595
+ 'data-garden-version': '8.64.0'
596
596
  }).withConfig({
597
597
  displayName: "StyledCheckMessage",
598
598
  componentId: "sc-s4p6kd-0"
@@ -624,7 +624,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
624
624
  const COMPONENT_ID$p = 'forms.check_svg';
625
625
  const StyledCheckSvg = styled__default.default(SvgCheckSmFill).attrs({
626
626
  'data-garden-id': COMPONENT_ID$p,
627
- 'data-garden-version': '8.63.2'
627
+ 'data-garden-version': '8.64.0'
628
628
  }).withConfig({
629
629
  displayName: "StyledCheckSvg",
630
630
  componentId: "sc-fvxetk-0"
@@ -654,7 +654,7 @@ var SvgDashFill = function SvgDashFill(props) {
654
654
  const COMPONENT_ID$o = 'forms.dash_svg';
655
655
  const StyledDashSvg = styled__default.default(SvgDashFill).attrs({
656
656
  'data-garden-id': COMPONENT_ID$o,
657
- 'data-garden-version': '8.63.2'
657
+ 'data-garden-version': '8.64.0'
658
658
  }).withConfig({
659
659
  displayName: "StyledDashSvg",
660
660
  componentId: "sc-z3vq71-0"
@@ -683,7 +683,7 @@ const sizeStyles$b = props => {
683
683
  };
684
684
  const StyledFileUpload = styled__default.default.div.attrs({
685
685
  'data-garden-id': COMPONENT_ID$n,
686
- 'data-garden-version': '8.63.2'
686
+ 'data-garden-version': '8.64.0'
687
687
  }).withConfig({
688
688
  displayName: "StyledFileUpload",
689
689
  componentId: "sc-1rodjgn-0"
@@ -695,7 +695,7 @@ StyledFileUpload.defaultProps = {
695
695
  const COMPONENT_ID$m = 'forms.file.close';
696
696
  const StyledFileClose = styled__default.default.button.attrs({
697
697
  'data-garden-id': COMPONENT_ID$m,
698
- 'data-garden-version': '8.63.2'
698
+ 'data-garden-version': '8.64.0'
699
699
  }).withConfig({
700
700
  displayName: "StyledFileClose",
701
701
  componentId: "sc-1m31jbf-0"
@@ -762,7 +762,7 @@ const sizeStyles$a = props => {
762
762
  };
763
763
  const StyledFile = styled__default.default.div.attrs({
764
764
  'data-garden-id': COMPONENT_ID$l,
765
- 'data-garden-version': '8.63.2'
765
+ 'data-garden-version': '8.64.0'
766
766
  }).withConfig({
767
767
  displayName: "StyledFile",
768
768
  componentId: "sc-195lzp1-0"
@@ -774,7 +774,7 @@ StyledFile.defaultProps = {
774
774
  const COMPONENT_ID$k = 'forms.file.delete';
775
775
  const StyledFileDelete = styled__default.default(StyledFileClose).attrs({
776
776
  'data-garden-id': COMPONENT_ID$k,
777
- 'data-garden-version': '8.63.2'
777
+ 'data-garden-version': '8.64.0'
778
778
  }).withConfig({
779
779
  displayName: "StyledFileDelete",
780
780
  componentId: "sc-a8nnhx-0"
@@ -794,7 +794,7 @@ const StyledFileIcon = styled__default.default(_ref => {
794
794
  return React__namespace.default.cloneElement(React.Children.only(children), props);
795
795
  }).attrs({
796
796
  'data-garden-id': COMPONENT_ID$j,
797
- 'data-garden-version': '8.63.2'
797
+ 'data-garden-version': '8.64.0'
798
798
  }).withConfig({
799
799
  displayName: "StyledFileIcon",
800
800
  componentId: "sc-7b3q0c-0"
@@ -806,7 +806,7 @@ StyledFileIcon.defaultProps = {
806
806
  const COMPONENT_ID$i = 'forms.file_list';
807
807
  const StyledFileList = styled__default.default.ul.attrs({
808
808
  'data-garden-id': COMPONENT_ID$i,
809
- 'data-garden-version': '8.63.2'
809
+ 'data-garden-version': '8.64.0'
810
810
  }).withConfig({
811
811
  displayName: "StyledFileList",
812
812
  componentId: "sc-gbahjg-0"
@@ -818,7 +818,7 @@ StyledFileList.defaultProps = {
818
818
  const COMPONENT_ID$h = 'forms.file_list.item';
819
819
  const StyledFileListItem = styled__default.default.li.attrs({
820
820
  'data-garden-id': COMPONENT_ID$h,
821
- 'data-garden-version': '8.63.2'
821
+ 'data-garden-version': '8.64.0'
822
822
  }).withConfig({
823
823
  displayName: "StyledFileListItem",
824
824
  componentId: "sc-1ova3lo-0"
@@ -848,7 +848,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
848
848
  const COMPONENT_ID$g = 'forms.radio_svg';
849
849
  const StyledRadioSvg = styled__default.default(SvgCircleSmFill$1).attrs({
850
850
  'data-garden-id': COMPONENT_ID$g,
851
- 'data-garden-version': '8.63.2'
851
+ 'data-garden-version': '8.64.0'
852
852
  }).withConfig({
853
853
  displayName: "StyledRadioSvg",
854
854
  componentId: "sc-1r1qtr1-0"
@@ -865,7 +865,7 @@ const sizeStyles$9 = props => {
865
865
  };
866
866
  const StyledToggleLabel = styled__default.default(StyledCheckLabel).attrs({
867
867
  'data-garden-id': COMPONENT_ID$f,
868
- 'data-garden-version': '8.63.2'
868
+ 'data-garden-version': '8.64.0'
869
869
  }).withConfig({
870
870
  displayName: "StyledToggleLabel",
871
871
  componentId: "sc-e0asdk-0"
@@ -877,7 +877,7 @@ StyledToggleLabel.defaultProps = {
877
877
  const COMPONENT_ID$e = 'forms.toggle_hint';
878
878
  const StyledToggleHint = styled__default.default(StyledHint).attrs({
879
879
  'data-garden-id': COMPONENT_ID$e,
880
- 'data-garden-version': '8.63.2'
880
+ 'data-garden-version': '8.64.0'
881
881
  }).withConfig({
882
882
  displayName: "StyledToggleHint",
883
883
  componentId: "sc-nziggu-0"
@@ -904,7 +904,7 @@ const sizeStyles$8 = props => {
904
904
  };
905
905
  const StyledToggleInput = styled__default.default(StyledCheckInput).attrs({
906
906
  'data-garden-id': COMPONENT_ID$d,
907
- 'data-garden-version': '8.63.2'
907
+ 'data-garden-version': '8.64.0'
908
908
  }).withConfig({
909
909
  displayName: "StyledToggleInput",
910
910
  componentId: "sc-sgp47s-0"
@@ -916,7 +916,7 @@ StyledToggleInput.defaultProps = {
916
916
  const COMPONENT_ID$c = 'forms.toggle_message';
917
917
  const StyledToggleMessage = styled__default.default(StyledMessage).attrs({
918
918
  'data-garden-id': COMPONENT_ID$c,
919
- 'data-garden-version': '8.63.2'
919
+ 'data-garden-version': '8.64.0'
920
920
  }).withConfig({
921
921
  displayName: "StyledToggleMessage",
922
922
  componentId: "sc-13vuvl1-0"
@@ -946,7 +946,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
946
946
  const COMPONENT_ID$b = 'forms.toggle_svg';
947
947
  const StyledToggleSvg = styled__default.default(SvgCircleSmFill).attrs({
948
948
  'data-garden-id': COMPONENT_ID$b,
949
- 'data-garden-version': '8.63.2'
949
+ 'data-garden-version': '8.64.0'
950
950
  }).withConfig({
951
951
  displayName: "StyledToggleSvg",
952
952
  componentId: "sc-162xbyx-0"
@@ -968,7 +968,7 @@ const sizeStyles$7 = props => {
968
968
  };
969
969
  const StyledSelect = styled__default.default(StyledTextInput).attrs({
970
970
  'data-garden-id': COMPONENT_ID$a,
971
- 'data-garden-version': '8.63.2',
971
+ 'data-garden-version': '8.64.0',
972
972
  as: 'select'
973
973
  }).withConfig({
974
974
  displayName: "StyledSelect",
@@ -981,7 +981,7 @@ StyledSelect.defaultProps = {
981
981
  const COMPONENT_ID$9 = 'forms.select_wrapper';
982
982
  const StyledSelectWrapper = styled__default.default(StyledTextFauxInput).attrs({
983
983
  'data-garden-id': COMPONENT_ID$9,
984
- 'data-garden-version': '8.63.2',
984
+ 'data-garden-version': '8.64.0',
985
985
  isBare: true
986
986
  }).withConfig({
987
987
  displayName: "StyledSelectWrapper",
@@ -1105,7 +1105,7 @@ const sizeStyles$6 = props => {
1105
1105
  };
1106
1106
  const StyledRangeInput = styled__default.default.input.attrs(props => ({
1107
1107
  'data-garden-id': COMPONENT_ID$8,
1108
- 'data-garden-version': '8.63.2',
1108
+ 'data-garden-version': '8.64.0',
1109
1109
  type: 'range',
1110
1110
  style: {
1111
1111
  backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -1138,7 +1138,7 @@ StyledRangeInput.defaultProps = {
1138
1138
  const COMPONENT_ID$7 = 'forms.slider';
1139
1139
  const StyledSlider = styled__default.default.div.attrs({
1140
1140
  'data-garden-id': COMPONENT_ID$7,
1141
- 'data-garden-version': '8.63.2'
1141
+ 'data-garden-version': '8.64.0'
1142
1142
  }).withConfig({
1143
1143
  displayName: "StyledSlider",
1144
1144
  componentId: "sc-1di437a-0"
@@ -1169,7 +1169,7 @@ const sizeStyles$5 = props => {
1169
1169
  };
1170
1170
  const StyledSliderThumb = styled__default.default.div.attrs(props => ({
1171
1171
  'data-garden-id': COMPONENT_ID$6,
1172
- 'data-garden-version': '8.63.2',
1172
+ 'data-garden-version': '8.64.0',
1173
1173
  'aria-disabled': props.isDisabled
1174
1174
  })).withConfig({
1175
1175
  displayName: "StyledSliderThumb",
@@ -1199,7 +1199,7 @@ const sizeStyles$4 = props => {
1199
1199
  };
1200
1200
  const StyledSliderTrack = styled__default.default.div.attrs(props => ({
1201
1201
  'data-garden-id': COMPONENT_ID$5,
1202
- 'data-garden-version': '8.63.2',
1202
+ 'data-garden-version': '8.64.0',
1203
1203
  'aria-disabled': props.isDisabled
1204
1204
  })).withConfig({
1205
1205
  displayName: "StyledSliderTrack",
@@ -1219,7 +1219,7 @@ const sizeStyles$3 = props => {
1219
1219
  };
1220
1220
  const StyledSliderTrackRail = styled__default.default.div.attrs({
1221
1221
  'data-garden-id': COMPONENT_ID$4,
1222
- 'data-garden-version': '8.63.2'
1222
+ 'data-garden-version': '8.64.0'
1223
1223
  }).withConfig({
1224
1224
  displayName: "StyledSliderTrackRail",
1225
1225
  componentId: "sc-1o5owbd-0"
@@ -1246,7 +1246,7 @@ const sizeStyles$2 = props => {
1246
1246
  };
1247
1247
  const StyledTileIcon = styled__default.default.span.attrs({
1248
1248
  'data-garden-id': COMPONENT_ID$3,
1249
- 'data-garden-version': '8.63.2'
1249
+ 'data-garden-version': '8.64.0'
1250
1250
  }).withConfig({
1251
1251
  displayName: "StyledTileIcon",
1252
1252
  componentId: "sc-1wazhg4-0"
@@ -1281,7 +1281,7 @@ const colorStyles = props => {
1281
1281
  };
1282
1282
  const StyledTile = styled__default.default.label.attrs(props => ({
1283
1283
  'data-garden-id': COMPONENT_ID$2,
1284
- 'data-garden-version': '8.63.2',
1284
+ 'data-garden-version': '8.64.0',
1285
1285
  'data-garden-focus-visible': props.isFocused,
1286
1286
  'data-garden-selected': props.isSelected
1287
1287
  })).withConfig({
@@ -1306,7 +1306,7 @@ const sizeStyles$1 = props => {
1306
1306
  };
1307
1307
  const StyledTileDescription = styled__default.default.span.attrs({
1308
1308
  'data-garden-id': COMPONENT_ID$1,
1309
- 'data-garden-version': '8.63.2'
1309
+ 'data-garden-version': '8.64.0'
1310
1310
  }).withConfig({
1311
1311
  displayName: "StyledTileDescription",
1312
1312
  componentId: "sc-xfuu7u-0"
@@ -1339,7 +1339,7 @@ const sizeStyles = props => {
1339
1339
  };
1340
1340
  const StyledTileLabel = styled__default.default.span.attrs({
1341
1341
  'data-garden-id': COMPONENT_ID,
1342
- 'data-garden-version': '8.63.2'
1342
+ 'data-garden-version': '8.64.0'
1343
1343
  }).withConfig({
1344
1344
  displayName: "StyledTileLabel",
1345
1345
  componentId: "sc-1mypv27-0"
package/dist/index.esm.js CHANGED
@@ -41,7 +41,7 @@ const useFieldContext = () => {
41
41
  const COMPONENT_ID$K = 'forms.field';
42
42
  const StyledField = styled.div.attrs({
43
43
  'data-garden-id': COMPONENT_ID$K,
44
- 'data-garden-version': '8.63.2'
44
+ 'data-garden-version': '8.64.0'
45
45
  }).withConfig({
46
46
  displayName: "StyledField",
47
47
  componentId: "sc-12gzfsu-0"
@@ -54,7 +54,7 @@ const COMPONENT_ID$J = 'forms.fieldset';
54
54
  const StyledFieldset = styled(StyledField).attrs({
55
55
  as: 'fieldset',
56
56
  'data-garden-id': COMPONENT_ID$J,
57
- 'data-garden-version': '8.63.2'
57
+ 'data-garden-version': '8.64.0'
58
58
  }).withConfig({
59
59
  displayName: "StyledFieldset",
60
60
  componentId: "sc-1vr4mxv-0"
@@ -66,7 +66,7 @@ StyledFieldset.defaultProps = {
66
66
  const COMPONENT_ID$I = 'forms.input_label';
67
67
  const StyledLabel = styled.label.attrs({
68
68
  'data-garden-id': COMPONENT_ID$I,
69
- 'data-garden-version': '8.63.2'
69
+ 'data-garden-version': '8.64.0'
70
70
  }).withConfig({
71
71
  displayName: "StyledLabel",
72
72
  componentId: "sc-2utmsz-0"
@@ -79,7 +79,7 @@ const COMPONENT_ID$H = 'forms.fieldset_legend';
79
79
  const StyledLegend = styled(StyledLabel).attrs({
80
80
  as: 'legend',
81
81
  'data-garden-id': COMPONENT_ID$H,
82
- 'data-garden-version': '8.63.2'
82
+ 'data-garden-version': '8.64.0'
83
83
  }).withConfig({
84
84
  displayName: "StyledLegend",
85
85
  componentId: "sc-6s0zwq-0"
@@ -91,7 +91,7 @@ StyledLegend.defaultProps = {
91
91
  const COMPONENT_ID$G = 'forms.input_hint';
92
92
  const StyledHint = styled.div.attrs({
93
93
  'data-garden-id': COMPONENT_ID$G,
94
- 'data-garden-version': '8.63.2'
94
+ 'data-garden-version': '8.64.0'
95
95
  }).withConfig({
96
96
  displayName: "StyledHint",
97
97
  componentId: "sc-17c2wu8-0"
@@ -196,7 +196,7 @@ const MessageIcon = _ref => {
196
196
  const COMPONENT_ID$F = 'forms.input_message_icon';
197
197
  const StyledMessageIcon = styled(MessageIcon).attrs({
198
198
  'data-garden-id': COMPONENT_ID$F,
199
- 'data-garden-version': '8.63.2',
199
+ 'data-garden-version': '8.64.0',
200
200
  'aria-hidden': null
201
201
  }).withConfig({
202
202
  displayName: "StyledMessageIcon",
@@ -224,7 +224,7 @@ const validationStyles = props => {
224
224
  const COMPONENT_ID$E = 'forms.input_message';
225
225
  const StyledMessage = styled.div.attrs({
226
226
  'data-garden-id': COMPONENT_ID$E,
227
- 'data-garden-version': '8.63.2'
227
+ 'data-garden-version': '8.64.0'
228
228
  }).withConfig({
229
229
  displayName: "StyledMessage",
230
230
  componentId: "sc-30hgg7-0"
@@ -303,7 +303,7 @@ const sizeStyles$f = props => {
303
303
  };
304
304
  const StyledTextInput = styled.input.attrs(props => ({
305
305
  'data-garden-id': COMPONENT_ID$D,
306
- 'data-garden-version': '8.63.2',
306
+ 'data-garden-version': '8.64.0',
307
307
  'aria-invalid': isInvalid(props.validation)
308
308
  })).withConfig({
309
309
  displayName: "StyledTextInput",
@@ -326,7 +326,7 @@ const hiddenStyles = `
326
326
  const StyledTextarea = styled(StyledTextInput).attrs({
327
327
  as: 'textarea',
328
328
  'data-garden-id': COMPONENT_ID$C,
329
- 'data-garden-version': '8.63.2'
329
+ 'data-garden-version': '8.64.0'
330
330
  }).withConfig({
331
331
  displayName: "StyledTextarea",
332
332
  componentId: "sc-wxschl-0"
@@ -372,7 +372,7 @@ _ref => {
372
372
  return React__default.cloneElement(Children.only(children), props);
373
373
  }).attrs({
374
374
  'data-garden-id': COMPONENT_ID$B,
375
- 'data-garden-version': '8.63.2'
375
+ 'data-garden-version': '8.64.0'
376
376
  }).withConfig({
377
377
  displayName: "StyledTextMediaFigure",
378
378
  componentId: "sc-1qepknj-0"
@@ -387,7 +387,7 @@ const StyledTextFauxInput = styled(StyledTextInput).attrs(props => ({
387
387
  'aria-readonly': props.isReadOnly,
388
388
  'aria-disabled': props.isDisabled,
389
389
  'data-garden-id': COMPONENT_ID$A,
390
- 'data-garden-version': '8.63.2'
390
+ 'data-garden-version': '8.64.0'
391
391
  })).withConfig({
392
392
  displayName: "StyledTextFauxInput",
393
393
  componentId: "sc-yqw7j9-0"
@@ -399,7 +399,7 @@ StyledTextFauxInput.defaultProps = {
399
399
  const COMPONENT_ID$z = 'forms.media_input';
400
400
  const StyledTextMediaInput = styled(StyledTextInput).attrs({
401
401
  'data-garden-id': COMPONENT_ID$z,
402
- 'data-garden-version': '8.63.2',
402
+ 'data-garden-version': '8.64.0',
403
403
  isBare: true
404
404
  }).withConfig({
405
405
  displayName: "StyledTextMediaInput",
@@ -421,7 +421,7 @@ const itemStyles = props => {
421
421
  };
422
422
  const StyledInputGroup = styled.div.attrs({
423
423
  'data-garden-id': COMPONENT_ID$y,
424
- 'data-garden-version': '8.63.2'
424
+ 'data-garden-version': '8.64.0'
425
425
  }).withConfig({
426
426
  displayName: "StyledInputGroup",
427
427
  componentId: "sc-kjh1f0-0"
@@ -439,7 +439,7 @@ const sizeStyles$d = props => {
439
439
  };
440
440
  const StyledRadioLabel = styled(StyledLabel).attrs({
441
441
  'data-garden-id': COMPONENT_ID$x,
442
- 'data-garden-version': '8.63.2',
442
+ 'data-garden-version': '8.64.0',
443
443
  isRadio: true
444
444
  }).withConfig({
445
445
  displayName: "StyledRadioLabel",
@@ -452,7 +452,7 @@ StyledRadioLabel.defaultProps = {
452
452
  const COMPONENT_ID$w = 'forms.checkbox_label';
453
453
  const StyledCheckLabel = styled(StyledRadioLabel).attrs({
454
454
  'data-garden-id': COMPONENT_ID$w,
455
- 'data-garden-version': '8.63.2'
455
+ 'data-garden-version': '8.64.0'
456
456
  }).withConfig({
457
457
  displayName: "StyledCheckLabel",
458
458
  componentId: "sc-x7nr1-0"
@@ -464,7 +464,7 @@ StyledCheckLabel.defaultProps = {
464
464
  const COMPONENT_ID$v = 'forms.radio_hint';
465
465
  const StyledRadioHint = styled(StyledHint).attrs({
466
466
  'data-garden-id': COMPONENT_ID$v,
467
- 'data-garden-version': '8.63.2'
467
+ 'data-garden-version': '8.64.0'
468
468
  }).withConfig({
469
469
  displayName: "StyledRadioHint",
470
470
  componentId: "sc-eo8twg-0"
@@ -476,7 +476,7 @@ StyledRadioHint.defaultProps = {
476
476
  const COMPONENT_ID$u = 'forms.checkbox_hint';
477
477
  const StyledCheckHint = styled(StyledRadioHint).attrs({
478
478
  'data-garden-id': COMPONENT_ID$u,
479
- 'data-garden-version': '8.63.2'
479
+ 'data-garden-version': '8.64.0'
480
480
  }).withConfig({
481
481
  displayName: "StyledCheckHint",
482
482
  componentId: "sc-1kl8e8c-0"
@@ -518,7 +518,7 @@ const sizeStyles$c = props => {
518
518
  };
519
519
  const StyledRadioInput = styled.input.attrs({
520
520
  'data-garden-id': COMPONENT_ID$t,
521
- 'data-garden-version': '8.63.2',
521
+ 'data-garden-version': '8.64.0',
522
522
  type: 'radio'
523
523
  }).withConfig({
524
524
  displayName: "StyledRadioInput",
@@ -540,7 +540,7 @@ const colorStyles$8 = props => {
540
540
  };
541
541
  const StyledCheckInput = styled(StyledRadioInput).attrs({
542
542
  'data-garden-id': COMPONENT_ID$s,
543
- 'data-garden-version': '8.63.2',
543
+ 'data-garden-version': '8.64.0',
544
544
  type: 'checkbox'
545
545
  }).withConfig({
546
546
  displayName: "StyledCheckInput",
@@ -553,7 +553,7 @@ StyledCheckInput.defaultProps = {
553
553
  const COMPONENT_ID$r = 'forms.radio_message';
554
554
  const StyledRadioMessage = styled(StyledMessage).attrs({
555
555
  'data-garden-id': COMPONENT_ID$r,
556
- 'data-garden-version': '8.63.2'
556
+ 'data-garden-version': '8.64.0'
557
557
  }).withConfig({
558
558
  displayName: "StyledRadioMessage",
559
559
  componentId: "sc-1pmi0q8-0"
@@ -565,7 +565,7 @@ StyledRadioMessage.defaultProps = {
565
565
  const COMPONENT_ID$q = 'forms.checkbox_message';
566
566
  const StyledCheckMessage = styled(StyledRadioMessage).attrs({
567
567
  'data-garden-id': COMPONENT_ID$q,
568
- 'data-garden-version': '8.63.2'
568
+ 'data-garden-version': '8.64.0'
569
569
  }).withConfig({
570
570
  displayName: "StyledCheckMessage",
571
571
  componentId: "sc-s4p6kd-0"
@@ -597,7 +597,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
597
597
  const COMPONENT_ID$p = 'forms.check_svg';
598
598
  const StyledCheckSvg = styled(SvgCheckSmFill).attrs({
599
599
  'data-garden-id': COMPONENT_ID$p,
600
- 'data-garden-version': '8.63.2'
600
+ 'data-garden-version': '8.64.0'
601
601
  }).withConfig({
602
602
  displayName: "StyledCheckSvg",
603
603
  componentId: "sc-fvxetk-0"
@@ -627,7 +627,7 @@ var SvgDashFill = function SvgDashFill(props) {
627
627
  const COMPONENT_ID$o = 'forms.dash_svg';
628
628
  const StyledDashSvg = styled(SvgDashFill).attrs({
629
629
  'data-garden-id': COMPONENT_ID$o,
630
- 'data-garden-version': '8.63.2'
630
+ 'data-garden-version': '8.64.0'
631
631
  }).withConfig({
632
632
  displayName: "StyledDashSvg",
633
633
  componentId: "sc-z3vq71-0"
@@ -656,7 +656,7 @@ const sizeStyles$b = props => {
656
656
  };
657
657
  const StyledFileUpload = styled.div.attrs({
658
658
  'data-garden-id': COMPONENT_ID$n,
659
- 'data-garden-version': '8.63.2'
659
+ 'data-garden-version': '8.64.0'
660
660
  }).withConfig({
661
661
  displayName: "StyledFileUpload",
662
662
  componentId: "sc-1rodjgn-0"
@@ -668,7 +668,7 @@ StyledFileUpload.defaultProps = {
668
668
  const COMPONENT_ID$m = 'forms.file.close';
669
669
  const StyledFileClose = styled.button.attrs({
670
670
  'data-garden-id': COMPONENT_ID$m,
671
- 'data-garden-version': '8.63.2'
671
+ 'data-garden-version': '8.64.0'
672
672
  }).withConfig({
673
673
  displayName: "StyledFileClose",
674
674
  componentId: "sc-1m31jbf-0"
@@ -735,7 +735,7 @@ const sizeStyles$a = props => {
735
735
  };
736
736
  const StyledFile = styled.div.attrs({
737
737
  'data-garden-id': COMPONENT_ID$l,
738
- 'data-garden-version': '8.63.2'
738
+ 'data-garden-version': '8.64.0'
739
739
  }).withConfig({
740
740
  displayName: "StyledFile",
741
741
  componentId: "sc-195lzp1-0"
@@ -747,7 +747,7 @@ StyledFile.defaultProps = {
747
747
  const COMPONENT_ID$k = 'forms.file.delete';
748
748
  const StyledFileDelete = styled(StyledFileClose).attrs({
749
749
  'data-garden-id': COMPONENT_ID$k,
750
- 'data-garden-version': '8.63.2'
750
+ 'data-garden-version': '8.64.0'
751
751
  }).withConfig({
752
752
  displayName: "StyledFileDelete",
753
753
  componentId: "sc-a8nnhx-0"
@@ -767,7 +767,7 @@ const StyledFileIcon = styled(_ref => {
767
767
  return React__default.cloneElement(Children.only(children), props);
768
768
  }).attrs({
769
769
  'data-garden-id': COMPONENT_ID$j,
770
- 'data-garden-version': '8.63.2'
770
+ 'data-garden-version': '8.64.0'
771
771
  }).withConfig({
772
772
  displayName: "StyledFileIcon",
773
773
  componentId: "sc-7b3q0c-0"
@@ -779,7 +779,7 @@ StyledFileIcon.defaultProps = {
779
779
  const COMPONENT_ID$i = 'forms.file_list';
780
780
  const StyledFileList = styled.ul.attrs({
781
781
  'data-garden-id': COMPONENT_ID$i,
782
- 'data-garden-version': '8.63.2'
782
+ 'data-garden-version': '8.64.0'
783
783
  }).withConfig({
784
784
  displayName: "StyledFileList",
785
785
  componentId: "sc-gbahjg-0"
@@ -791,7 +791,7 @@ StyledFileList.defaultProps = {
791
791
  const COMPONENT_ID$h = 'forms.file_list.item';
792
792
  const StyledFileListItem = styled.li.attrs({
793
793
  'data-garden-id': COMPONENT_ID$h,
794
- 'data-garden-version': '8.63.2'
794
+ 'data-garden-version': '8.64.0'
795
795
  }).withConfig({
796
796
  displayName: "StyledFileListItem",
797
797
  componentId: "sc-1ova3lo-0"
@@ -821,7 +821,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
821
821
  const COMPONENT_ID$g = 'forms.radio_svg';
822
822
  const StyledRadioSvg = styled(SvgCircleSmFill$1).attrs({
823
823
  'data-garden-id': COMPONENT_ID$g,
824
- 'data-garden-version': '8.63.2'
824
+ 'data-garden-version': '8.64.0'
825
825
  }).withConfig({
826
826
  displayName: "StyledRadioSvg",
827
827
  componentId: "sc-1r1qtr1-0"
@@ -838,7 +838,7 @@ const sizeStyles$9 = props => {
838
838
  };
839
839
  const StyledToggleLabel = styled(StyledCheckLabel).attrs({
840
840
  'data-garden-id': COMPONENT_ID$f,
841
- 'data-garden-version': '8.63.2'
841
+ 'data-garden-version': '8.64.0'
842
842
  }).withConfig({
843
843
  displayName: "StyledToggleLabel",
844
844
  componentId: "sc-e0asdk-0"
@@ -850,7 +850,7 @@ StyledToggleLabel.defaultProps = {
850
850
  const COMPONENT_ID$e = 'forms.toggle_hint';
851
851
  const StyledToggleHint = styled(StyledHint).attrs({
852
852
  'data-garden-id': COMPONENT_ID$e,
853
- 'data-garden-version': '8.63.2'
853
+ 'data-garden-version': '8.64.0'
854
854
  }).withConfig({
855
855
  displayName: "StyledToggleHint",
856
856
  componentId: "sc-nziggu-0"
@@ -877,7 +877,7 @@ const sizeStyles$8 = props => {
877
877
  };
878
878
  const StyledToggleInput = styled(StyledCheckInput).attrs({
879
879
  'data-garden-id': COMPONENT_ID$d,
880
- 'data-garden-version': '8.63.2'
880
+ 'data-garden-version': '8.64.0'
881
881
  }).withConfig({
882
882
  displayName: "StyledToggleInput",
883
883
  componentId: "sc-sgp47s-0"
@@ -889,7 +889,7 @@ StyledToggleInput.defaultProps = {
889
889
  const COMPONENT_ID$c = 'forms.toggle_message';
890
890
  const StyledToggleMessage = styled(StyledMessage).attrs({
891
891
  'data-garden-id': COMPONENT_ID$c,
892
- 'data-garden-version': '8.63.2'
892
+ 'data-garden-version': '8.64.0'
893
893
  }).withConfig({
894
894
  displayName: "StyledToggleMessage",
895
895
  componentId: "sc-13vuvl1-0"
@@ -919,7 +919,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
919
919
  const COMPONENT_ID$b = 'forms.toggle_svg';
920
920
  const StyledToggleSvg = styled(SvgCircleSmFill).attrs({
921
921
  'data-garden-id': COMPONENT_ID$b,
922
- 'data-garden-version': '8.63.2'
922
+ 'data-garden-version': '8.64.0'
923
923
  }).withConfig({
924
924
  displayName: "StyledToggleSvg",
925
925
  componentId: "sc-162xbyx-0"
@@ -941,7 +941,7 @@ const sizeStyles$7 = props => {
941
941
  };
942
942
  const StyledSelect = styled(StyledTextInput).attrs({
943
943
  'data-garden-id': COMPONENT_ID$a,
944
- 'data-garden-version': '8.63.2',
944
+ 'data-garden-version': '8.64.0',
945
945
  as: 'select'
946
946
  }).withConfig({
947
947
  displayName: "StyledSelect",
@@ -954,7 +954,7 @@ StyledSelect.defaultProps = {
954
954
  const COMPONENT_ID$9 = 'forms.select_wrapper';
955
955
  const StyledSelectWrapper = styled(StyledTextFauxInput).attrs({
956
956
  'data-garden-id': COMPONENT_ID$9,
957
- 'data-garden-version': '8.63.2',
957
+ 'data-garden-version': '8.64.0',
958
958
  isBare: true
959
959
  }).withConfig({
960
960
  displayName: "StyledSelectWrapper",
@@ -1078,7 +1078,7 @@ const sizeStyles$6 = props => {
1078
1078
  };
1079
1079
  const StyledRangeInput = styled.input.attrs(props => ({
1080
1080
  'data-garden-id': COMPONENT_ID$8,
1081
- 'data-garden-version': '8.63.2',
1081
+ 'data-garden-version': '8.64.0',
1082
1082
  type: 'range',
1083
1083
  style: {
1084
1084
  backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -1111,7 +1111,7 @@ StyledRangeInput.defaultProps = {
1111
1111
  const COMPONENT_ID$7 = 'forms.slider';
1112
1112
  const StyledSlider = styled.div.attrs({
1113
1113
  'data-garden-id': COMPONENT_ID$7,
1114
- 'data-garden-version': '8.63.2'
1114
+ 'data-garden-version': '8.64.0'
1115
1115
  }).withConfig({
1116
1116
  displayName: "StyledSlider",
1117
1117
  componentId: "sc-1di437a-0"
@@ -1142,7 +1142,7 @@ const sizeStyles$5 = props => {
1142
1142
  };
1143
1143
  const StyledSliderThumb = styled.div.attrs(props => ({
1144
1144
  'data-garden-id': COMPONENT_ID$6,
1145
- 'data-garden-version': '8.63.2',
1145
+ 'data-garden-version': '8.64.0',
1146
1146
  'aria-disabled': props.isDisabled
1147
1147
  })).withConfig({
1148
1148
  displayName: "StyledSliderThumb",
@@ -1172,7 +1172,7 @@ const sizeStyles$4 = props => {
1172
1172
  };
1173
1173
  const StyledSliderTrack = styled.div.attrs(props => ({
1174
1174
  'data-garden-id': COMPONENT_ID$5,
1175
- 'data-garden-version': '8.63.2',
1175
+ 'data-garden-version': '8.64.0',
1176
1176
  'aria-disabled': props.isDisabled
1177
1177
  })).withConfig({
1178
1178
  displayName: "StyledSliderTrack",
@@ -1192,7 +1192,7 @@ const sizeStyles$3 = props => {
1192
1192
  };
1193
1193
  const StyledSliderTrackRail = styled.div.attrs({
1194
1194
  'data-garden-id': COMPONENT_ID$4,
1195
- 'data-garden-version': '8.63.2'
1195
+ 'data-garden-version': '8.64.0'
1196
1196
  }).withConfig({
1197
1197
  displayName: "StyledSliderTrackRail",
1198
1198
  componentId: "sc-1o5owbd-0"
@@ -1219,7 +1219,7 @@ const sizeStyles$2 = props => {
1219
1219
  };
1220
1220
  const StyledTileIcon = styled.span.attrs({
1221
1221
  'data-garden-id': COMPONENT_ID$3,
1222
- 'data-garden-version': '8.63.2'
1222
+ 'data-garden-version': '8.64.0'
1223
1223
  }).withConfig({
1224
1224
  displayName: "StyledTileIcon",
1225
1225
  componentId: "sc-1wazhg4-0"
@@ -1254,7 +1254,7 @@ const colorStyles = props => {
1254
1254
  };
1255
1255
  const StyledTile = styled.label.attrs(props => ({
1256
1256
  'data-garden-id': COMPONENT_ID$2,
1257
- 'data-garden-version': '8.63.2',
1257
+ 'data-garden-version': '8.64.0',
1258
1258
  'data-garden-focus-visible': props.isFocused,
1259
1259
  'data-garden-selected': props.isSelected
1260
1260
  })).withConfig({
@@ -1279,7 +1279,7 @@ const sizeStyles$1 = props => {
1279
1279
  };
1280
1280
  const StyledTileDescription = styled.span.attrs({
1281
1281
  'data-garden-id': COMPONENT_ID$1,
1282
- 'data-garden-version': '8.63.2'
1282
+ 'data-garden-version': '8.64.0'
1283
1283
  }).withConfig({
1284
1284
  displayName: "StyledTileDescription",
1285
1285
  componentId: "sc-xfuu7u-0"
@@ -1312,7 +1312,7 @@ const sizeStyles = props => {
1312
1312
  };
1313
1313
  const StyledTileLabel = styled.span.attrs({
1314
1314
  'data-garden-id': COMPONENT_ID,
1315
- 'data-garden-version': '8.63.2'
1315
+ 'data-garden-version': '8.64.0'
1316
1316
  }).withConfig({
1317
1317
  displayName: "StyledTileLabel",
1318
1318
  componentId: "sc-1mypv27-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-forms",
3
- "version": "8.63.2",
3
+ "version": "8.64.0",
4
4
  "description": "Components relating to form elements in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -37,7 +37,7 @@
37
37
  },
38
38
  "devDependencies": {
39
39
  "@types/lodash.debounce": "4.0.7",
40
- "@zendeskgarden/react-theming": "^8.63.2",
40
+ "@zendeskgarden/react-theming": "^8.64.0",
41
41
  "@zendeskgarden/svg-icons": "6.33.0",
42
42
  "react-dropzone": "14.2.3"
43
43
  },
@@ -51,5 +51,5 @@
51
51
  "access": "public"
52
52
  },
53
53
  "zendeskgarden:src": "src/index.ts",
54
- "gitHead": "a85eaea9f459576e356ccc831ab9898543463c10"
54
+ "gitHead": "c0cfa3666c7a2e72ec8a9e0af8d530bb3312da86"
55
55
  }