@zendeskgarden/react-forms 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 +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.0'
71
+ 'data-garden-version': '8.63.1'
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.0'
84
+ 'data-garden-version': '8.63.1'
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.0'
96
+ 'data-garden-version': '8.63.1'
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.0'
109
+ 'data-garden-version': '8.63.1'
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.0'
121
+ 'data-garden-version': '8.63.1'
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.0',
226
+ 'data-garden-version': '8.63.1',
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.0'
254
+ 'data-garden-version': '8.63.1'
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.0',
333
+ 'data-garden-version': '8.63.1',
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.0'
356
+ 'data-garden-version': '8.63.1'
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.0'
402
+ 'data-garden-version': '8.63.1'
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.0'
417
+ 'data-garden-version': '8.63.1'
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.0',
429
+ 'data-garden-version': '8.63.1',
430
430
  isBare: true
431
431
  }).withConfig({
432
432
  displayName: "StyledTextMediaInput",
@@ -449,7 +449,7 @@ const itemStyles = props => {
449
449
  };
450
450
  const StyledInputGroup = styled__default.default.div.attrs({
451
451
  'data-garden-id': COMPONENT_ID$y,
452
- 'data-garden-version': '8.63.0'
452
+ 'data-garden-version': '8.63.1'
453
453
  }).withConfig({
454
454
  displayName: "StyledInputGroup",
455
455
  componentId: "sc-kjh1f0-0"
@@ -467,7 +467,7 @@ const sizeStyles$d = props => {
467
467
  };
468
468
  const StyledRadioLabel = styled__default.default(StyledLabel).attrs({
469
469
  'data-garden-id': COMPONENT_ID$x,
470
- 'data-garden-version': '8.63.0',
470
+ 'data-garden-version': '8.63.1',
471
471
  isRadio: true
472
472
  }).withConfig({
473
473
  displayName: "StyledRadioLabel",
@@ -480,7 +480,7 @@ StyledRadioLabel.defaultProps = {
480
480
  const COMPONENT_ID$w = 'forms.checkbox_label';
481
481
  const StyledCheckLabel = styled__default.default(StyledRadioLabel).attrs({
482
482
  'data-garden-id': COMPONENT_ID$w,
483
- 'data-garden-version': '8.63.0'
483
+ 'data-garden-version': '8.63.1'
484
484
  }).withConfig({
485
485
  displayName: "StyledCheckLabel",
486
486
  componentId: "sc-x7nr1-0"
@@ -492,7 +492,7 @@ StyledCheckLabel.defaultProps = {
492
492
  const COMPONENT_ID$v = 'forms.radio_hint';
493
493
  const StyledRadioHint = styled__default.default(StyledHint).attrs({
494
494
  'data-garden-id': COMPONENT_ID$v,
495
- 'data-garden-version': '8.63.0'
495
+ 'data-garden-version': '8.63.1'
496
496
  }).withConfig({
497
497
  displayName: "StyledRadioHint",
498
498
  componentId: "sc-eo8twg-0"
@@ -504,7 +504,7 @@ StyledRadioHint.defaultProps = {
504
504
  const COMPONENT_ID$u = 'forms.checkbox_hint';
505
505
  const StyledCheckHint = styled__default.default(StyledRadioHint).attrs({
506
506
  'data-garden-id': COMPONENT_ID$u,
507
- 'data-garden-version': '8.63.0'
507
+ 'data-garden-version': '8.63.1'
508
508
  }).withConfig({
509
509
  displayName: "StyledCheckHint",
510
510
  componentId: "sc-1kl8e8c-0"
@@ -546,7 +546,7 @@ const sizeStyles$c = props => {
546
546
  };
547
547
  const StyledRadioInput = styled__default.default.input.attrs({
548
548
  'data-garden-id': COMPONENT_ID$t,
549
- 'data-garden-version': '8.63.0',
549
+ 'data-garden-version': '8.63.1',
550
550
  type: 'radio'
551
551
  }).withConfig({
552
552
  displayName: "StyledRadioInput",
@@ -568,7 +568,7 @@ const colorStyles$8 = props => {
568
568
  };
569
569
  const StyledCheckInput = styled__default.default(StyledRadioInput).attrs({
570
570
  'data-garden-id': COMPONENT_ID$s,
571
- 'data-garden-version': '8.63.0',
571
+ 'data-garden-version': '8.63.1',
572
572
  type: 'checkbox'
573
573
  }).withConfig({
574
574
  displayName: "StyledCheckInput",
@@ -581,7 +581,7 @@ StyledCheckInput.defaultProps = {
581
581
  const COMPONENT_ID$r = 'forms.radio_message';
582
582
  const StyledRadioMessage = styled__default.default(StyledMessage).attrs({
583
583
  'data-garden-id': COMPONENT_ID$r,
584
- 'data-garden-version': '8.63.0'
584
+ 'data-garden-version': '8.63.1'
585
585
  }).withConfig({
586
586
  displayName: "StyledRadioMessage",
587
587
  componentId: "sc-1pmi0q8-0"
@@ -593,7 +593,7 @@ StyledRadioMessage.defaultProps = {
593
593
  const COMPONENT_ID$q = 'forms.checkbox_message';
594
594
  const StyledCheckMessage = styled__default.default(StyledRadioMessage).attrs({
595
595
  'data-garden-id': COMPONENT_ID$q,
596
- 'data-garden-version': '8.63.0'
596
+ 'data-garden-version': '8.63.1'
597
597
  }).withConfig({
598
598
  displayName: "StyledCheckMessage",
599
599
  componentId: "sc-s4p6kd-0"
@@ -625,7 +625,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
625
625
  const COMPONENT_ID$p = 'forms.check_svg';
626
626
  const StyledCheckSvg = styled__default.default(SvgCheckSmFill).attrs({
627
627
  'data-garden-id': COMPONENT_ID$p,
628
- 'data-garden-version': '8.63.0'
628
+ 'data-garden-version': '8.63.1'
629
629
  }).withConfig({
630
630
  displayName: "StyledCheckSvg",
631
631
  componentId: "sc-fvxetk-0"
@@ -655,7 +655,7 @@ var SvgDashFill = function SvgDashFill(props) {
655
655
  const COMPONENT_ID$o = 'forms.dash_svg';
656
656
  const StyledDashSvg = styled__default.default(SvgDashFill).attrs({
657
657
  'data-garden-id': COMPONENT_ID$o,
658
- 'data-garden-version': '8.63.0'
658
+ 'data-garden-version': '8.63.1'
659
659
  }).withConfig({
660
660
  displayName: "StyledDashSvg",
661
661
  componentId: "sc-z3vq71-0"
@@ -684,7 +684,7 @@ const sizeStyles$b = props => {
684
684
  };
685
685
  const StyledFileUpload = styled__default.default.div.attrs({
686
686
  'data-garden-id': COMPONENT_ID$n,
687
- 'data-garden-version': '8.63.0'
687
+ 'data-garden-version': '8.63.1'
688
688
  }).withConfig({
689
689
  displayName: "StyledFileUpload",
690
690
  componentId: "sc-1rodjgn-0"
@@ -696,7 +696,7 @@ StyledFileUpload.defaultProps = {
696
696
  const COMPONENT_ID$m = 'forms.file.close';
697
697
  const StyledFileClose = styled__default.default.button.attrs({
698
698
  'data-garden-id': COMPONENT_ID$m,
699
- 'data-garden-version': '8.63.0'
699
+ 'data-garden-version': '8.63.1'
700
700
  }).withConfig({
701
701
  displayName: "StyledFileClose",
702
702
  componentId: "sc-1m31jbf-0"
@@ -763,7 +763,7 @@ const sizeStyles$a = props => {
763
763
  };
764
764
  const StyledFile = styled__default.default.div.attrs({
765
765
  'data-garden-id': COMPONENT_ID$l,
766
- 'data-garden-version': '8.63.0'
766
+ 'data-garden-version': '8.63.1'
767
767
  }).withConfig({
768
768
  displayName: "StyledFile",
769
769
  componentId: "sc-195lzp1-0"
@@ -775,7 +775,7 @@ StyledFile.defaultProps = {
775
775
  const COMPONENT_ID$k = 'forms.file.delete';
776
776
  const StyledFileDelete = styled__default.default(StyledFileClose).attrs({
777
777
  'data-garden-id': COMPONENT_ID$k,
778
- 'data-garden-version': '8.63.0'
778
+ 'data-garden-version': '8.63.1'
779
779
  }).withConfig({
780
780
  displayName: "StyledFileDelete",
781
781
  componentId: "sc-a8nnhx-0"
@@ -795,7 +795,7 @@ const StyledFileIcon = styled__default.default(_ref => {
795
795
  return React__namespace.default.cloneElement(React.Children.only(children), props);
796
796
  }).attrs({
797
797
  'data-garden-id': COMPONENT_ID$j,
798
- 'data-garden-version': '8.63.0'
798
+ 'data-garden-version': '8.63.1'
799
799
  }).withConfig({
800
800
  displayName: "StyledFileIcon",
801
801
  componentId: "sc-7b3q0c-0"
@@ -807,7 +807,7 @@ StyledFileIcon.defaultProps = {
807
807
  const COMPONENT_ID$i = 'forms.file_list';
808
808
  const StyledFileList = styled__default.default.ul.attrs({
809
809
  'data-garden-id': COMPONENT_ID$i,
810
- 'data-garden-version': '8.63.0'
810
+ 'data-garden-version': '8.63.1'
811
811
  }).withConfig({
812
812
  displayName: "StyledFileList",
813
813
  componentId: "sc-gbahjg-0"
@@ -819,7 +819,7 @@ StyledFileList.defaultProps = {
819
819
  const COMPONENT_ID$h = 'forms.file_list.item';
820
820
  const StyledFileListItem = styled__default.default.li.attrs({
821
821
  'data-garden-id': COMPONENT_ID$h,
822
- 'data-garden-version': '8.63.0'
822
+ 'data-garden-version': '8.63.1'
823
823
  }).withConfig({
824
824
  displayName: "StyledFileListItem",
825
825
  componentId: "sc-1ova3lo-0"
@@ -849,7 +849,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
849
849
  const COMPONENT_ID$g = 'forms.radio_svg';
850
850
  const StyledRadioSvg = styled__default.default(SvgCircleSmFill$1).attrs({
851
851
  'data-garden-id': COMPONENT_ID$g,
852
- 'data-garden-version': '8.63.0'
852
+ 'data-garden-version': '8.63.1'
853
853
  }).withConfig({
854
854
  displayName: "StyledRadioSvg",
855
855
  componentId: "sc-1r1qtr1-0"
@@ -866,7 +866,7 @@ const sizeStyles$9 = props => {
866
866
  };
867
867
  const StyledToggleLabel = styled__default.default(StyledCheckLabel).attrs({
868
868
  'data-garden-id': COMPONENT_ID$f,
869
- 'data-garden-version': '8.63.0'
869
+ 'data-garden-version': '8.63.1'
870
870
  }).withConfig({
871
871
  displayName: "StyledToggleLabel",
872
872
  componentId: "sc-e0asdk-0"
@@ -878,7 +878,7 @@ StyledToggleLabel.defaultProps = {
878
878
  const COMPONENT_ID$e = 'forms.toggle_hint';
879
879
  const StyledToggleHint = styled__default.default(StyledHint).attrs({
880
880
  'data-garden-id': COMPONENT_ID$e,
881
- 'data-garden-version': '8.63.0'
881
+ 'data-garden-version': '8.63.1'
882
882
  }).withConfig({
883
883
  displayName: "StyledToggleHint",
884
884
  componentId: "sc-nziggu-0"
@@ -905,7 +905,7 @@ const sizeStyles$8 = props => {
905
905
  };
906
906
  const StyledToggleInput = styled__default.default(StyledCheckInput).attrs({
907
907
  'data-garden-id': COMPONENT_ID$d,
908
- 'data-garden-version': '8.63.0'
908
+ 'data-garden-version': '8.63.1'
909
909
  }).withConfig({
910
910
  displayName: "StyledToggleInput",
911
911
  componentId: "sc-sgp47s-0"
@@ -917,7 +917,7 @@ StyledToggleInput.defaultProps = {
917
917
  const COMPONENT_ID$c = 'forms.toggle_message';
918
918
  const StyledToggleMessage = styled__default.default(StyledMessage).attrs({
919
919
  'data-garden-id': COMPONENT_ID$c,
920
- 'data-garden-version': '8.63.0'
920
+ 'data-garden-version': '8.63.1'
921
921
  }).withConfig({
922
922
  displayName: "StyledToggleMessage",
923
923
  componentId: "sc-13vuvl1-0"
@@ -947,7 +947,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
947
947
  const COMPONENT_ID$b = 'forms.toggle_svg';
948
948
  const StyledToggleSvg = styled__default.default(SvgCircleSmFill).attrs({
949
949
  'data-garden-id': COMPONENT_ID$b,
950
- 'data-garden-version': '8.63.0'
950
+ 'data-garden-version': '8.63.1'
951
951
  }).withConfig({
952
952
  displayName: "StyledToggleSvg",
953
953
  componentId: "sc-162xbyx-0"
@@ -969,7 +969,7 @@ const sizeStyles$7 = props => {
969
969
  };
970
970
  const StyledSelect = styled__default.default(StyledTextInput).attrs({
971
971
  'data-garden-id': COMPONENT_ID$a,
972
- 'data-garden-version': '8.63.0',
972
+ 'data-garden-version': '8.63.1',
973
973
  as: 'select'
974
974
  }).withConfig({
975
975
  displayName: "StyledSelect",
@@ -982,7 +982,7 @@ StyledSelect.defaultProps = {
982
982
  const COMPONENT_ID$9 = 'forms.select_wrapper';
983
983
  const StyledSelectWrapper = styled__default.default(StyledTextFauxInput).attrs({
984
984
  'data-garden-id': COMPONENT_ID$9,
985
- 'data-garden-version': '8.63.0',
985
+ 'data-garden-version': '8.63.1',
986
986
  isBare: true
987
987
  }).withConfig({
988
988
  displayName: "StyledSelectWrapper",
@@ -1106,7 +1106,7 @@ const sizeStyles$6 = props => {
1106
1106
  };
1107
1107
  const StyledRangeInput = styled__default.default.input.attrs(props => ({
1108
1108
  'data-garden-id': COMPONENT_ID$8,
1109
- 'data-garden-version': '8.63.0',
1109
+ 'data-garden-version': '8.63.1',
1110
1110
  type: 'range',
1111
1111
  style: {
1112
1112
  backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -1139,7 +1139,7 @@ StyledRangeInput.defaultProps = {
1139
1139
  const COMPONENT_ID$7 = 'forms.slider';
1140
1140
  const StyledSlider = styled__default.default.div.attrs({
1141
1141
  'data-garden-id': COMPONENT_ID$7,
1142
- 'data-garden-version': '8.63.0'
1142
+ 'data-garden-version': '8.63.1'
1143
1143
  }).withConfig({
1144
1144
  displayName: "StyledSlider",
1145
1145
  componentId: "sc-1di437a-0"
@@ -1170,7 +1170,7 @@ const sizeStyles$5 = props => {
1170
1170
  };
1171
1171
  const StyledSliderThumb = styled__default.default.div.attrs(props => ({
1172
1172
  'data-garden-id': COMPONENT_ID$6,
1173
- 'data-garden-version': '8.63.0',
1173
+ 'data-garden-version': '8.63.1',
1174
1174
  'aria-disabled': props.isDisabled
1175
1175
  })).withConfig({
1176
1176
  displayName: "StyledSliderThumb",
@@ -1200,7 +1200,7 @@ const sizeStyles$4 = props => {
1200
1200
  };
1201
1201
  const StyledSliderTrack = styled__default.default.div.attrs(props => ({
1202
1202
  'data-garden-id': COMPONENT_ID$5,
1203
- 'data-garden-version': '8.63.0',
1203
+ 'data-garden-version': '8.63.1',
1204
1204
  'aria-disabled': props.isDisabled
1205
1205
  })).withConfig({
1206
1206
  displayName: "StyledSliderTrack",
@@ -1220,7 +1220,7 @@ const sizeStyles$3 = props => {
1220
1220
  };
1221
1221
  const StyledSliderTrackRail = styled__default.default.div.attrs({
1222
1222
  'data-garden-id': COMPONENT_ID$4,
1223
- 'data-garden-version': '8.63.0'
1223
+ 'data-garden-version': '8.63.1'
1224
1224
  }).withConfig({
1225
1225
  displayName: "StyledSliderTrackRail",
1226
1226
  componentId: "sc-1o5owbd-0"
@@ -1247,7 +1247,7 @@ const sizeStyles$2 = props => {
1247
1247
  };
1248
1248
  const StyledTileIcon = styled__default.default.span.attrs({
1249
1249
  'data-garden-id': COMPONENT_ID$3,
1250
- 'data-garden-version': '8.63.0'
1250
+ 'data-garden-version': '8.63.1'
1251
1251
  }).withConfig({
1252
1252
  displayName: "StyledTileIcon",
1253
1253
  componentId: "sc-1wazhg4-0"
@@ -1282,7 +1282,7 @@ const colorStyles = props => {
1282
1282
  };
1283
1283
  const StyledTile = styled__default.default.label.attrs(props => ({
1284
1284
  'data-garden-id': COMPONENT_ID$2,
1285
- 'data-garden-version': '8.63.0',
1285
+ 'data-garden-version': '8.63.1',
1286
1286
  'data-garden-focus-visible': props.isFocused,
1287
1287
  'data-garden-selected': props.isSelected
1288
1288
  })).withConfig({
@@ -1307,7 +1307,7 @@ const sizeStyles$1 = props => {
1307
1307
  };
1308
1308
  const StyledTileDescription = styled__default.default.span.attrs({
1309
1309
  'data-garden-id': COMPONENT_ID$1,
1310
- 'data-garden-version': '8.63.0'
1310
+ 'data-garden-version': '8.63.1'
1311
1311
  }).withConfig({
1312
1312
  displayName: "StyledTileDescription",
1313
1313
  componentId: "sc-xfuu7u-0"
@@ -1340,7 +1340,7 @@ const sizeStyles = props => {
1340
1340
  };
1341
1341
  const StyledTileLabel = styled__default.default.span.attrs({
1342
1342
  'data-garden-id': COMPONENT_ID,
1343
- 'data-garden-version': '8.63.0'
1343
+ 'data-garden-version': '8.63.1'
1344
1344
  }).withConfig({
1345
1345
  displayName: "StyledTileLabel",
1346
1346
  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.0'
44
+ 'data-garden-version': '8.63.1'
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.0'
57
+ 'data-garden-version': '8.63.1'
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.0'
69
+ 'data-garden-version': '8.63.1'
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.0'
82
+ 'data-garden-version': '8.63.1'
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.0'
94
+ 'data-garden-version': '8.63.1'
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.0',
199
+ 'data-garden-version': '8.63.1',
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.0'
227
+ 'data-garden-version': '8.63.1'
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.0',
306
+ 'data-garden-version': '8.63.1',
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.0'
329
+ 'data-garden-version': '8.63.1'
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.0'
375
+ 'data-garden-version': '8.63.1'
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.0'
390
+ 'data-garden-version': '8.63.1'
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.0',
402
+ 'data-garden-version': '8.63.1',
403
403
  isBare: true
404
404
  }).withConfig({
405
405
  displayName: "StyledTextMediaInput",
@@ -422,7 +422,7 @@ const itemStyles = props => {
422
422
  };
423
423
  const StyledInputGroup = styled.div.attrs({
424
424
  'data-garden-id': COMPONENT_ID$y,
425
- 'data-garden-version': '8.63.0'
425
+ 'data-garden-version': '8.63.1'
426
426
  }).withConfig({
427
427
  displayName: "StyledInputGroup",
428
428
  componentId: "sc-kjh1f0-0"
@@ -440,7 +440,7 @@ const sizeStyles$d = props => {
440
440
  };
441
441
  const StyledRadioLabel = styled(StyledLabel).attrs({
442
442
  'data-garden-id': COMPONENT_ID$x,
443
- 'data-garden-version': '8.63.0',
443
+ 'data-garden-version': '8.63.1',
444
444
  isRadio: true
445
445
  }).withConfig({
446
446
  displayName: "StyledRadioLabel",
@@ -453,7 +453,7 @@ StyledRadioLabel.defaultProps = {
453
453
  const COMPONENT_ID$w = 'forms.checkbox_label';
454
454
  const StyledCheckLabel = styled(StyledRadioLabel).attrs({
455
455
  'data-garden-id': COMPONENT_ID$w,
456
- 'data-garden-version': '8.63.0'
456
+ 'data-garden-version': '8.63.1'
457
457
  }).withConfig({
458
458
  displayName: "StyledCheckLabel",
459
459
  componentId: "sc-x7nr1-0"
@@ -465,7 +465,7 @@ StyledCheckLabel.defaultProps = {
465
465
  const COMPONENT_ID$v = 'forms.radio_hint';
466
466
  const StyledRadioHint = styled(StyledHint).attrs({
467
467
  'data-garden-id': COMPONENT_ID$v,
468
- 'data-garden-version': '8.63.0'
468
+ 'data-garden-version': '8.63.1'
469
469
  }).withConfig({
470
470
  displayName: "StyledRadioHint",
471
471
  componentId: "sc-eo8twg-0"
@@ -477,7 +477,7 @@ StyledRadioHint.defaultProps = {
477
477
  const COMPONENT_ID$u = 'forms.checkbox_hint';
478
478
  const StyledCheckHint = styled(StyledRadioHint).attrs({
479
479
  'data-garden-id': COMPONENT_ID$u,
480
- 'data-garden-version': '8.63.0'
480
+ 'data-garden-version': '8.63.1'
481
481
  }).withConfig({
482
482
  displayName: "StyledCheckHint",
483
483
  componentId: "sc-1kl8e8c-0"
@@ -519,7 +519,7 @@ const sizeStyles$c = props => {
519
519
  };
520
520
  const StyledRadioInput = styled.input.attrs({
521
521
  'data-garden-id': COMPONENT_ID$t,
522
- 'data-garden-version': '8.63.0',
522
+ 'data-garden-version': '8.63.1',
523
523
  type: 'radio'
524
524
  }).withConfig({
525
525
  displayName: "StyledRadioInput",
@@ -541,7 +541,7 @@ const colorStyles$8 = props => {
541
541
  };
542
542
  const StyledCheckInput = styled(StyledRadioInput).attrs({
543
543
  'data-garden-id': COMPONENT_ID$s,
544
- 'data-garden-version': '8.63.0',
544
+ 'data-garden-version': '8.63.1',
545
545
  type: 'checkbox'
546
546
  }).withConfig({
547
547
  displayName: "StyledCheckInput",
@@ -554,7 +554,7 @@ StyledCheckInput.defaultProps = {
554
554
  const COMPONENT_ID$r = 'forms.radio_message';
555
555
  const StyledRadioMessage = styled(StyledMessage).attrs({
556
556
  'data-garden-id': COMPONENT_ID$r,
557
- 'data-garden-version': '8.63.0'
557
+ 'data-garden-version': '8.63.1'
558
558
  }).withConfig({
559
559
  displayName: "StyledRadioMessage",
560
560
  componentId: "sc-1pmi0q8-0"
@@ -566,7 +566,7 @@ StyledRadioMessage.defaultProps = {
566
566
  const COMPONENT_ID$q = 'forms.checkbox_message';
567
567
  const StyledCheckMessage = styled(StyledRadioMessage).attrs({
568
568
  'data-garden-id': COMPONENT_ID$q,
569
- 'data-garden-version': '8.63.0'
569
+ 'data-garden-version': '8.63.1'
570
570
  }).withConfig({
571
571
  displayName: "StyledCheckMessage",
572
572
  componentId: "sc-s4p6kd-0"
@@ -598,7 +598,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
598
598
  const COMPONENT_ID$p = 'forms.check_svg';
599
599
  const StyledCheckSvg = styled(SvgCheckSmFill).attrs({
600
600
  'data-garden-id': COMPONENT_ID$p,
601
- 'data-garden-version': '8.63.0'
601
+ 'data-garden-version': '8.63.1'
602
602
  }).withConfig({
603
603
  displayName: "StyledCheckSvg",
604
604
  componentId: "sc-fvxetk-0"
@@ -628,7 +628,7 @@ var SvgDashFill = function SvgDashFill(props) {
628
628
  const COMPONENT_ID$o = 'forms.dash_svg';
629
629
  const StyledDashSvg = styled(SvgDashFill).attrs({
630
630
  'data-garden-id': COMPONENT_ID$o,
631
- 'data-garden-version': '8.63.0'
631
+ 'data-garden-version': '8.63.1'
632
632
  }).withConfig({
633
633
  displayName: "StyledDashSvg",
634
634
  componentId: "sc-z3vq71-0"
@@ -657,7 +657,7 @@ const sizeStyles$b = props => {
657
657
  };
658
658
  const StyledFileUpload = styled.div.attrs({
659
659
  'data-garden-id': COMPONENT_ID$n,
660
- 'data-garden-version': '8.63.0'
660
+ 'data-garden-version': '8.63.1'
661
661
  }).withConfig({
662
662
  displayName: "StyledFileUpload",
663
663
  componentId: "sc-1rodjgn-0"
@@ -669,7 +669,7 @@ StyledFileUpload.defaultProps = {
669
669
  const COMPONENT_ID$m = 'forms.file.close';
670
670
  const StyledFileClose = styled.button.attrs({
671
671
  'data-garden-id': COMPONENT_ID$m,
672
- 'data-garden-version': '8.63.0'
672
+ 'data-garden-version': '8.63.1'
673
673
  }).withConfig({
674
674
  displayName: "StyledFileClose",
675
675
  componentId: "sc-1m31jbf-0"
@@ -736,7 +736,7 @@ const sizeStyles$a = props => {
736
736
  };
737
737
  const StyledFile = styled.div.attrs({
738
738
  'data-garden-id': COMPONENT_ID$l,
739
- 'data-garden-version': '8.63.0'
739
+ 'data-garden-version': '8.63.1'
740
740
  }).withConfig({
741
741
  displayName: "StyledFile",
742
742
  componentId: "sc-195lzp1-0"
@@ -748,7 +748,7 @@ StyledFile.defaultProps = {
748
748
  const COMPONENT_ID$k = 'forms.file.delete';
749
749
  const StyledFileDelete = styled(StyledFileClose).attrs({
750
750
  'data-garden-id': COMPONENT_ID$k,
751
- 'data-garden-version': '8.63.0'
751
+ 'data-garden-version': '8.63.1'
752
752
  }).withConfig({
753
753
  displayName: "StyledFileDelete",
754
754
  componentId: "sc-a8nnhx-0"
@@ -768,7 +768,7 @@ const StyledFileIcon = styled(_ref => {
768
768
  return React__default.cloneElement(Children.only(children), props);
769
769
  }).attrs({
770
770
  'data-garden-id': COMPONENT_ID$j,
771
- 'data-garden-version': '8.63.0'
771
+ 'data-garden-version': '8.63.1'
772
772
  }).withConfig({
773
773
  displayName: "StyledFileIcon",
774
774
  componentId: "sc-7b3q0c-0"
@@ -780,7 +780,7 @@ StyledFileIcon.defaultProps = {
780
780
  const COMPONENT_ID$i = 'forms.file_list';
781
781
  const StyledFileList = styled.ul.attrs({
782
782
  'data-garden-id': COMPONENT_ID$i,
783
- 'data-garden-version': '8.63.0'
783
+ 'data-garden-version': '8.63.1'
784
784
  }).withConfig({
785
785
  displayName: "StyledFileList",
786
786
  componentId: "sc-gbahjg-0"
@@ -792,7 +792,7 @@ StyledFileList.defaultProps = {
792
792
  const COMPONENT_ID$h = 'forms.file_list.item';
793
793
  const StyledFileListItem = styled.li.attrs({
794
794
  'data-garden-id': COMPONENT_ID$h,
795
- 'data-garden-version': '8.63.0'
795
+ 'data-garden-version': '8.63.1'
796
796
  }).withConfig({
797
797
  displayName: "StyledFileListItem",
798
798
  componentId: "sc-1ova3lo-0"
@@ -822,7 +822,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
822
822
  const COMPONENT_ID$g = 'forms.radio_svg';
823
823
  const StyledRadioSvg = styled(SvgCircleSmFill$1).attrs({
824
824
  'data-garden-id': COMPONENT_ID$g,
825
- 'data-garden-version': '8.63.0'
825
+ 'data-garden-version': '8.63.1'
826
826
  }).withConfig({
827
827
  displayName: "StyledRadioSvg",
828
828
  componentId: "sc-1r1qtr1-0"
@@ -839,7 +839,7 @@ const sizeStyles$9 = props => {
839
839
  };
840
840
  const StyledToggleLabel = styled(StyledCheckLabel).attrs({
841
841
  'data-garden-id': COMPONENT_ID$f,
842
- 'data-garden-version': '8.63.0'
842
+ 'data-garden-version': '8.63.1'
843
843
  }).withConfig({
844
844
  displayName: "StyledToggleLabel",
845
845
  componentId: "sc-e0asdk-0"
@@ -851,7 +851,7 @@ StyledToggleLabel.defaultProps = {
851
851
  const COMPONENT_ID$e = 'forms.toggle_hint';
852
852
  const StyledToggleHint = styled(StyledHint).attrs({
853
853
  'data-garden-id': COMPONENT_ID$e,
854
- 'data-garden-version': '8.63.0'
854
+ 'data-garden-version': '8.63.1'
855
855
  }).withConfig({
856
856
  displayName: "StyledToggleHint",
857
857
  componentId: "sc-nziggu-0"
@@ -878,7 +878,7 @@ const sizeStyles$8 = props => {
878
878
  };
879
879
  const StyledToggleInput = styled(StyledCheckInput).attrs({
880
880
  'data-garden-id': COMPONENT_ID$d,
881
- 'data-garden-version': '8.63.0'
881
+ 'data-garden-version': '8.63.1'
882
882
  }).withConfig({
883
883
  displayName: "StyledToggleInput",
884
884
  componentId: "sc-sgp47s-0"
@@ -890,7 +890,7 @@ StyledToggleInput.defaultProps = {
890
890
  const COMPONENT_ID$c = 'forms.toggle_message';
891
891
  const StyledToggleMessage = styled(StyledMessage).attrs({
892
892
  'data-garden-id': COMPONENT_ID$c,
893
- 'data-garden-version': '8.63.0'
893
+ 'data-garden-version': '8.63.1'
894
894
  }).withConfig({
895
895
  displayName: "StyledToggleMessage",
896
896
  componentId: "sc-13vuvl1-0"
@@ -920,7 +920,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
920
920
  const COMPONENT_ID$b = 'forms.toggle_svg';
921
921
  const StyledToggleSvg = styled(SvgCircleSmFill).attrs({
922
922
  'data-garden-id': COMPONENT_ID$b,
923
- 'data-garden-version': '8.63.0'
923
+ 'data-garden-version': '8.63.1'
924
924
  }).withConfig({
925
925
  displayName: "StyledToggleSvg",
926
926
  componentId: "sc-162xbyx-0"
@@ -942,7 +942,7 @@ const sizeStyles$7 = props => {
942
942
  };
943
943
  const StyledSelect = styled(StyledTextInput).attrs({
944
944
  'data-garden-id': COMPONENT_ID$a,
945
- 'data-garden-version': '8.63.0',
945
+ 'data-garden-version': '8.63.1',
946
946
  as: 'select'
947
947
  }).withConfig({
948
948
  displayName: "StyledSelect",
@@ -955,7 +955,7 @@ StyledSelect.defaultProps = {
955
955
  const COMPONENT_ID$9 = 'forms.select_wrapper';
956
956
  const StyledSelectWrapper = styled(StyledTextFauxInput).attrs({
957
957
  'data-garden-id': COMPONENT_ID$9,
958
- 'data-garden-version': '8.63.0',
958
+ 'data-garden-version': '8.63.1',
959
959
  isBare: true
960
960
  }).withConfig({
961
961
  displayName: "StyledSelectWrapper",
@@ -1079,7 +1079,7 @@ const sizeStyles$6 = props => {
1079
1079
  };
1080
1080
  const StyledRangeInput = styled.input.attrs(props => ({
1081
1081
  'data-garden-id': COMPONENT_ID$8,
1082
- 'data-garden-version': '8.63.0',
1082
+ 'data-garden-version': '8.63.1',
1083
1083
  type: 'range',
1084
1084
  style: {
1085
1085
  backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -1112,7 +1112,7 @@ StyledRangeInput.defaultProps = {
1112
1112
  const COMPONENT_ID$7 = 'forms.slider';
1113
1113
  const StyledSlider = styled.div.attrs({
1114
1114
  'data-garden-id': COMPONENT_ID$7,
1115
- 'data-garden-version': '8.63.0'
1115
+ 'data-garden-version': '8.63.1'
1116
1116
  }).withConfig({
1117
1117
  displayName: "StyledSlider",
1118
1118
  componentId: "sc-1di437a-0"
@@ -1143,7 +1143,7 @@ const sizeStyles$5 = props => {
1143
1143
  };
1144
1144
  const StyledSliderThumb = styled.div.attrs(props => ({
1145
1145
  'data-garden-id': COMPONENT_ID$6,
1146
- 'data-garden-version': '8.63.0',
1146
+ 'data-garden-version': '8.63.1',
1147
1147
  'aria-disabled': props.isDisabled
1148
1148
  })).withConfig({
1149
1149
  displayName: "StyledSliderThumb",
@@ -1173,7 +1173,7 @@ const sizeStyles$4 = props => {
1173
1173
  };
1174
1174
  const StyledSliderTrack = styled.div.attrs(props => ({
1175
1175
  'data-garden-id': COMPONENT_ID$5,
1176
- 'data-garden-version': '8.63.0',
1176
+ 'data-garden-version': '8.63.1',
1177
1177
  'aria-disabled': props.isDisabled
1178
1178
  })).withConfig({
1179
1179
  displayName: "StyledSliderTrack",
@@ -1193,7 +1193,7 @@ const sizeStyles$3 = props => {
1193
1193
  };
1194
1194
  const StyledSliderTrackRail = styled.div.attrs({
1195
1195
  'data-garden-id': COMPONENT_ID$4,
1196
- 'data-garden-version': '8.63.0'
1196
+ 'data-garden-version': '8.63.1'
1197
1197
  }).withConfig({
1198
1198
  displayName: "StyledSliderTrackRail",
1199
1199
  componentId: "sc-1o5owbd-0"
@@ -1220,7 +1220,7 @@ const sizeStyles$2 = props => {
1220
1220
  };
1221
1221
  const StyledTileIcon = styled.span.attrs({
1222
1222
  'data-garden-id': COMPONENT_ID$3,
1223
- 'data-garden-version': '8.63.0'
1223
+ 'data-garden-version': '8.63.1'
1224
1224
  }).withConfig({
1225
1225
  displayName: "StyledTileIcon",
1226
1226
  componentId: "sc-1wazhg4-0"
@@ -1255,7 +1255,7 @@ const colorStyles = props => {
1255
1255
  };
1256
1256
  const StyledTile = styled.label.attrs(props => ({
1257
1257
  'data-garden-id': COMPONENT_ID$2,
1258
- 'data-garden-version': '8.63.0',
1258
+ 'data-garden-version': '8.63.1',
1259
1259
  'data-garden-focus-visible': props.isFocused,
1260
1260
  'data-garden-selected': props.isSelected
1261
1261
  })).withConfig({
@@ -1280,7 +1280,7 @@ const sizeStyles$1 = props => {
1280
1280
  };
1281
1281
  const StyledTileDescription = styled.span.attrs({
1282
1282
  'data-garden-id': COMPONENT_ID$1,
1283
- 'data-garden-version': '8.63.0'
1283
+ 'data-garden-version': '8.63.1'
1284
1284
  }).withConfig({
1285
1285
  displayName: "StyledTileDescription",
1286
1286
  componentId: "sc-xfuu7u-0"
@@ -1313,7 +1313,7 @@ const sizeStyles = props => {
1313
1313
  };
1314
1314
  const StyledTileLabel = styled.span.attrs({
1315
1315
  'data-garden-id': COMPONENT_ID,
1316
- 'data-garden-version': '8.63.0'
1316
+ 'data-garden-version': '8.63.1'
1317
1317
  }).withConfig({
1318
1318
  displayName: "StyledTileLabel",
1319
1319
  componentId: "sc-1mypv27-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-forms",
3
- "version": "8.63.0",
3
+ "version": "8.63.1",
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.0",
40
+ "@zendeskgarden/react-theming": "^8.63.1",
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": "4b8715305a769881b143c7195c5b31e687422926"
54
+ "gitHead": "1c1d67d2b98ee0539975cee53f457081e5ae479a"
55
55
  }