@zendeskgarden/react-forms 8.62.0 → 8.62.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
@@ -71,7 +71,7 @@ const useFieldContext = () => {
71
71
  const COMPONENT_ID$K = 'forms.field';
72
72
  const StyledField = styled__default["default"].div.attrs({
73
73
  'data-garden-id': COMPONENT_ID$K,
74
- 'data-garden-version': '8.62.0'
74
+ 'data-garden-version': '8.62.1'
75
75
  }).withConfig({
76
76
  displayName: "StyledField",
77
77
  componentId: "sc-12gzfsu-0"
@@ -84,7 +84,7 @@ const COMPONENT_ID$J = 'forms.fieldset';
84
84
  const StyledFieldset = styled__default["default"](StyledField).attrs({
85
85
  as: 'fieldset',
86
86
  'data-garden-id': COMPONENT_ID$J,
87
- 'data-garden-version': '8.62.0'
87
+ 'data-garden-version': '8.62.1'
88
88
  }).withConfig({
89
89
  displayName: "StyledFieldset",
90
90
  componentId: "sc-1vr4mxv-0"
@@ -96,7 +96,7 @@ StyledFieldset.defaultProps = {
96
96
  const COMPONENT_ID$I = 'forms.input_label';
97
97
  const StyledLabel = styled__default["default"].label.attrs({
98
98
  'data-garden-id': COMPONENT_ID$I,
99
- 'data-garden-version': '8.62.0'
99
+ 'data-garden-version': '8.62.1'
100
100
  }).withConfig({
101
101
  displayName: "StyledLabel",
102
102
  componentId: "sc-2utmsz-0"
@@ -109,7 +109,7 @@ const COMPONENT_ID$H = 'forms.fieldset_legend';
109
109
  const StyledLegend = styled__default["default"](StyledLabel).attrs({
110
110
  as: 'legend',
111
111
  'data-garden-id': COMPONENT_ID$H,
112
- 'data-garden-version': '8.62.0'
112
+ 'data-garden-version': '8.62.1'
113
113
  }).withConfig({
114
114
  displayName: "StyledLegend",
115
115
  componentId: "sc-6s0zwq-0"
@@ -121,7 +121,7 @@ StyledLegend.defaultProps = {
121
121
  const COMPONENT_ID$G = 'forms.input_hint';
122
122
  const StyledHint = styled__default["default"].div.attrs({
123
123
  'data-garden-id': COMPONENT_ID$G,
124
- 'data-garden-version': '8.62.0'
124
+ 'data-garden-version': '8.62.1'
125
125
  }).withConfig({
126
126
  displayName: "StyledHint",
127
127
  componentId: "sc-17c2wu8-0"
@@ -235,7 +235,7 @@ const MessageIcon = _ref => {
235
235
  const COMPONENT_ID$F = 'forms.input_message_icon';
236
236
  const StyledMessageIcon = styled__default["default"](MessageIcon).attrs({
237
237
  'data-garden-id': COMPONENT_ID$F,
238
- 'data-garden-version': '8.62.0',
238
+ 'data-garden-version': '8.62.1',
239
239
  'aria-hidden': null
240
240
  }).withConfig({
241
241
  displayName: "StyledMessageIcon",
@@ -263,7 +263,7 @@ const validationStyles = props => {
263
263
  const COMPONENT_ID$E = 'forms.input_message';
264
264
  const StyledMessage = styled__default["default"].div.attrs({
265
265
  'data-garden-id': COMPONENT_ID$E,
266
- 'data-garden-version': '8.62.0'
266
+ 'data-garden-version': '8.62.1'
267
267
  }).withConfig({
268
268
  displayName: "StyledMessage",
269
269
  componentId: "sc-30hgg7-0"
@@ -342,7 +342,7 @@ const sizeStyles$f = props => {
342
342
  };
343
343
  const StyledTextInput = styled__default["default"].input.attrs(props => ({
344
344
  'data-garden-id': COMPONENT_ID$D,
345
- 'data-garden-version': '8.62.0',
345
+ 'data-garden-version': '8.62.1',
346
346
  'aria-invalid': isInvalid(props.validation)
347
347
  })).withConfig({
348
348
  displayName: "StyledTextInput",
@@ -365,7 +365,7 @@ const hiddenStyles = `
365
365
  const StyledTextarea = styled__default["default"](StyledTextInput).attrs({
366
366
  as: 'textarea',
367
367
  'data-garden-id': COMPONENT_ID$C,
368
- 'data-garden-version': '8.62.0'
368
+ 'data-garden-version': '8.62.1'
369
369
  }).withConfig({
370
370
  displayName: "StyledTextarea",
371
371
  componentId: "sc-wxschl-0"
@@ -411,7 +411,7 @@ _ref => {
411
411
  return React__default["default"].cloneElement(React.Children.only(children), props);
412
412
  }).attrs({
413
413
  'data-garden-id': COMPONENT_ID$B,
414
- 'data-garden-version': '8.62.0'
414
+ 'data-garden-version': '8.62.1'
415
415
  }).withConfig({
416
416
  displayName: "StyledTextMediaFigure",
417
417
  componentId: "sc-1qepknj-0"
@@ -426,7 +426,7 @@ const StyledTextFauxInput = styled__default["default"](StyledTextInput).attrs(pr
426
426
  'aria-readonly': props.isReadOnly,
427
427
  'aria-disabled': props.isDisabled,
428
428
  'data-garden-id': COMPONENT_ID$A,
429
- 'data-garden-version': '8.62.0'
429
+ 'data-garden-version': '8.62.1'
430
430
  })).withConfig({
431
431
  displayName: "StyledTextFauxInput",
432
432
  componentId: "sc-yqw7j9-0"
@@ -438,7 +438,7 @@ StyledTextFauxInput.defaultProps = {
438
438
  const COMPONENT_ID$z = 'forms.media_input';
439
439
  const StyledTextMediaInput = styled__default["default"](StyledTextInput).attrs({
440
440
  'data-garden-id': COMPONENT_ID$z,
441
- 'data-garden-version': '8.62.0',
441
+ 'data-garden-version': '8.62.1',
442
442
  isBare: true
443
443
  }).withConfig({
444
444
  displayName: "StyledTextMediaInput",
@@ -461,7 +461,7 @@ const itemStyles = props => {
461
461
  };
462
462
  const StyledInputGroup = styled__default["default"].div.attrs({
463
463
  'data-garden-id': COMPONENT_ID$y,
464
- 'data-garden-version': '8.62.0'
464
+ 'data-garden-version': '8.62.1'
465
465
  }).withConfig({
466
466
  displayName: "StyledInputGroup",
467
467
  componentId: "sc-kjh1f0-0"
@@ -479,7 +479,7 @@ const sizeStyles$d = props => {
479
479
  };
480
480
  const StyledRadioLabel = styled__default["default"](StyledLabel).attrs({
481
481
  'data-garden-id': COMPONENT_ID$x,
482
- 'data-garden-version': '8.62.0',
482
+ 'data-garden-version': '8.62.1',
483
483
  isRadio: true
484
484
  }).withConfig({
485
485
  displayName: "StyledRadioLabel",
@@ -492,7 +492,7 @@ StyledRadioLabel.defaultProps = {
492
492
  const COMPONENT_ID$w = 'forms.checkbox_label';
493
493
  const StyledCheckLabel = styled__default["default"](StyledRadioLabel).attrs({
494
494
  'data-garden-id': COMPONENT_ID$w,
495
- 'data-garden-version': '8.62.0'
495
+ 'data-garden-version': '8.62.1'
496
496
  }).withConfig({
497
497
  displayName: "StyledCheckLabel",
498
498
  componentId: "sc-x7nr1-0"
@@ -504,7 +504,7 @@ StyledCheckLabel.defaultProps = {
504
504
  const COMPONENT_ID$v = 'forms.radio_hint';
505
505
  const StyledRadioHint = styled__default["default"](StyledHint).attrs({
506
506
  'data-garden-id': COMPONENT_ID$v,
507
- 'data-garden-version': '8.62.0'
507
+ 'data-garden-version': '8.62.1'
508
508
  }).withConfig({
509
509
  displayName: "StyledRadioHint",
510
510
  componentId: "sc-eo8twg-0"
@@ -516,7 +516,7 @@ StyledRadioHint.defaultProps = {
516
516
  const COMPONENT_ID$u = 'forms.checkbox_hint';
517
517
  const StyledCheckHint = styled__default["default"](StyledRadioHint).attrs({
518
518
  'data-garden-id': COMPONENT_ID$u,
519
- 'data-garden-version': '8.62.0'
519
+ 'data-garden-version': '8.62.1'
520
520
  }).withConfig({
521
521
  displayName: "StyledCheckHint",
522
522
  componentId: "sc-1kl8e8c-0"
@@ -558,7 +558,7 @@ const sizeStyles$c = props => {
558
558
  };
559
559
  const StyledRadioInput = styled__default["default"].input.attrs({
560
560
  'data-garden-id': COMPONENT_ID$t,
561
- 'data-garden-version': '8.62.0',
561
+ 'data-garden-version': '8.62.1',
562
562
  type: 'radio'
563
563
  }).withConfig({
564
564
  displayName: "StyledRadioInput",
@@ -580,7 +580,7 @@ const colorStyles$8 = props => {
580
580
  };
581
581
  const StyledCheckInput = styled__default["default"](StyledRadioInput).attrs({
582
582
  'data-garden-id': COMPONENT_ID$s,
583
- 'data-garden-version': '8.62.0',
583
+ 'data-garden-version': '8.62.1',
584
584
  type: 'checkbox'
585
585
  }).withConfig({
586
586
  displayName: "StyledCheckInput",
@@ -593,7 +593,7 @@ StyledCheckInput.defaultProps = {
593
593
  const COMPONENT_ID$r = 'forms.radio_message';
594
594
  const StyledRadioMessage = styled__default["default"](StyledMessage).attrs({
595
595
  'data-garden-id': COMPONENT_ID$r,
596
- 'data-garden-version': '8.62.0'
596
+ 'data-garden-version': '8.62.1'
597
597
  }).withConfig({
598
598
  displayName: "StyledRadioMessage",
599
599
  componentId: "sc-1pmi0q8-0"
@@ -605,7 +605,7 @@ StyledRadioMessage.defaultProps = {
605
605
  const COMPONENT_ID$q = 'forms.checkbox_message';
606
606
  const StyledCheckMessage = styled__default["default"](StyledRadioMessage).attrs({
607
607
  'data-garden-id': COMPONENT_ID$q,
608
- 'data-garden-version': '8.62.0'
608
+ 'data-garden-version': '8.62.1'
609
609
  }).withConfig({
610
610
  displayName: "StyledCheckMessage",
611
611
  componentId: "sc-s4p6kd-0"
@@ -640,7 +640,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
640
640
  const COMPONENT_ID$p = 'forms.check_svg';
641
641
  const StyledCheckSvg = styled__default["default"](SvgCheckSmFill).attrs({
642
642
  'data-garden-id': COMPONENT_ID$p,
643
- 'data-garden-version': '8.62.0'
643
+ 'data-garden-version': '8.62.1'
644
644
  }).withConfig({
645
645
  displayName: "StyledCheckSvg",
646
646
  componentId: "sc-fvxetk-0"
@@ -673,7 +673,7 @@ var SvgDashFill = function SvgDashFill(props) {
673
673
  const COMPONENT_ID$o = 'forms.dash_svg';
674
674
  const StyledDashSvg = styled__default["default"](SvgDashFill).attrs({
675
675
  'data-garden-id': COMPONENT_ID$o,
676
- 'data-garden-version': '8.62.0'
676
+ 'data-garden-version': '8.62.1'
677
677
  }).withConfig({
678
678
  displayName: "StyledDashSvg",
679
679
  componentId: "sc-z3vq71-0"
@@ -702,7 +702,7 @@ const sizeStyles$b = props => {
702
702
  };
703
703
  const StyledFileUpload = styled__default["default"].div.attrs({
704
704
  'data-garden-id': COMPONENT_ID$n,
705
- 'data-garden-version': '8.62.0'
705
+ 'data-garden-version': '8.62.1'
706
706
  }).withConfig({
707
707
  displayName: "StyledFileUpload",
708
708
  componentId: "sc-1rodjgn-0"
@@ -714,7 +714,7 @@ StyledFileUpload.defaultProps = {
714
714
  const COMPONENT_ID$m = 'forms.file.close';
715
715
  const StyledFileClose = styled__default["default"].div.attrs({
716
716
  'data-garden-id': COMPONENT_ID$m,
717
- 'data-garden-version': '8.62.0'
717
+ 'data-garden-version': '8.62.1'
718
718
  }).withConfig({
719
719
  displayName: "StyledFileClose",
720
720
  componentId: "sc-1m31jbf-0"
@@ -781,7 +781,7 @@ const sizeStyles$a = props => {
781
781
  };
782
782
  const StyledFile = styled__default["default"].div.attrs({
783
783
  'data-garden-id': COMPONENT_ID$l,
784
- 'data-garden-version': '8.62.0'
784
+ 'data-garden-version': '8.62.1'
785
785
  }).withConfig({
786
786
  displayName: "StyledFile",
787
787
  componentId: "sc-195lzp1-0"
@@ -793,7 +793,7 @@ StyledFile.defaultProps = {
793
793
  const COMPONENT_ID$k = 'forms.file.delete';
794
794
  const StyledFileDelete = styled__default["default"](StyledFileClose).attrs({
795
795
  'data-garden-id': COMPONENT_ID$k,
796
- 'data-garden-version': '8.62.0'
796
+ 'data-garden-version': '8.62.1'
797
797
  }).withConfig({
798
798
  displayName: "StyledFileDelete",
799
799
  componentId: "sc-a8nnhx-0"
@@ -813,7 +813,7 @@ const StyledFileIcon = styled__default["default"](_ref => {
813
813
  return React__default["default"].cloneElement(React.Children.only(children), props);
814
814
  }).attrs({
815
815
  'data-garden-id': COMPONENT_ID$j,
816
- 'data-garden-version': '8.62.0'
816
+ 'data-garden-version': '8.62.1'
817
817
  }).withConfig({
818
818
  displayName: "StyledFileIcon",
819
819
  componentId: "sc-7b3q0c-0"
@@ -825,7 +825,7 @@ StyledFileIcon.defaultProps = {
825
825
  const COMPONENT_ID$i = 'forms.file_list';
826
826
  const StyledFileList = styled__default["default"].ul.attrs({
827
827
  'data-garden-id': COMPONENT_ID$i,
828
- 'data-garden-version': '8.62.0'
828
+ 'data-garden-version': '8.62.1'
829
829
  }).withConfig({
830
830
  displayName: "StyledFileList",
831
831
  componentId: "sc-gbahjg-0"
@@ -837,7 +837,7 @@ StyledFileList.defaultProps = {
837
837
  const COMPONENT_ID$h = 'forms.file_list.item';
838
838
  const StyledFileListItem = styled__default["default"].li.attrs({
839
839
  'data-garden-id': COMPONENT_ID$h,
840
- 'data-garden-version': '8.62.0'
840
+ 'data-garden-version': '8.62.1'
841
841
  }).withConfig({
842
842
  displayName: "StyledFileListItem",
843
843
  componentId: "sc-1ova3lo-0"
@@ -870,7 +870,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
870
870
  const COMPONENT_ID$g = 'forms.radio_svg';
871
871
  const StyledRadioSvg = styled__default["default"](SvgCircleSmFill$1).attrs({
872
872
  'data-garden-id': COMPONENT_ID$g,
873
- 'data-garden-version': '8.62.0'
873
+ 'data-garden-version': '8.62.1'
874
874
  }).withConfig({
875
875
  displayName: "StyledRadioSvg",
876
876
  componentId: "sc-1r1qtr1-0"
@@ -887,7 +887,7 @@ const sizeStyles$9 = props => {
887
887
  };
888
888
  const StyledToggleLabel = styled__default["default"](StyledCheckLabel).attrs({
889
889
  'data-garden-id': COMPONENT_ID$f,
890
- 'data-garden-version': '8.62.0'
890
+ 'data-garden-version': '8.62.1'
891
891
  }).withConfig({
892
892
  displayName: "StyledToggleLabel",
893
893
  componentId: "sc-e0asdk-0"
@@ -899,7 +899,7 @@ StyledToggleLabel.defaultProps = {
899
899
  const COMPONENT_ID$e = 'forms.toggle_hint';
900
900
  const StyledToggleHint = styled__default["default"](StyledHint).attrs({
901
901
  'data-garden-id': COMPONENT_ID$e,
902
- 'data-garden-version': '8.62.0'
902
+ 'data-garden-version': '8.62.1'
903
903
  }).withConfig({
904
904
  displayName: "StyledToggleHint",
905
905
  componentId: "sc-nziggu-0"
@@ -926,7 +926,7 @@ const sizeStyles$8 = props => {
926
926
  };
927
927
  const StyledToggleInput = styled__default["default"](StyledCheckInput).attrs({
928
928
  'data-garden-id': COMPONENT_ID$d,
929
- 'data-garden-version': '8.62.0'
929
+ 'data-garden-version': '8.62.1'
930
930
  }).withConfig({
931
931
  displayName: "StyledToggleInput",
932
932
  componentId: "sc-sgp47s-0"
@@ -938,7 +938,7 @@ StyledToggleInput.defaultProps = {
938
938
  const COMPONENT_ID$c = 'forms.toggle_message';
939
939
  const StyledToggleMessage = styled__default["default"](StyledMessage).attrs({
940
940
  'data-garden-id': COMPONENT_ID$c,
941
- 'data-garden-version': '8.62.0'
941
+ 'data-garden-version': '8.62.1'
942
942
  }).withConfig({
943
943
  displayName: "StyledToggleMessage",
944
944
  componentId: "sc-13vuvl1-0"
@@ -971,7 +971,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
971
971
  const COMPONENT_ID$b = 'forms.toggle_svg';
972
972
  const StyledToggleSvg = styled__default["default"](SvgCircleSmFill).attrs({
973
973
  'data-garden-id': COMPONENT_ID$b,
974
- 'data-garden-version': '8.62.0'
974
+ 'data-garden-version': '8.62.1'
975
975
  }).withConfig({
976
976
  displayName: "StyledToggleSvg",
977
977
  componentId: "sc-162xbyx-0"
@@ -993,7 +993,7 @@ const sizeStyles$7 = props => {
993
993
  };
994
994
  const StyledSelect = styled__default["default"](StyledTextInput).attrs({
995
995
  'data-garden-id': COMPONENT_ID$a,
996
- 'data-garden-version': '8.62.0',
996
+ 'data-garden-version': '8.62.1',
997
997
  as: 'select'
998
998
  }).withConfig({
999
999
  displayName: "StyledSelect",
@@ -1006,7 +1006,7 @@ StyledSelect.defaultProps = {
1006
1006
  const COMPONENT_ID$9 = 'forms.select_wrapper';
1007
1007
  const StyledSelectWrapper = styled__default["default"](StyledTextFauxInput).attrs({
1008
1008
  'data-garden-id': COMPONENT_ID$9,
1009
- 'data-garden-version': '8.62.0',
1009
+ 'data-garden-version': '8.62.1',
1010
1010
  isBare: true
1011
1011
  }).withConfig({
1012
1012
  displayName: "StyledSelectWrapper",
@@ -1130,7 +1130,7 @@ const sizeStyles$6 = props => {
1130
1130
  };
1131
1131
  const StyledRangeInput = styled__default["default"].input.attrs(props => ({
1132
1132
  'data-garden-id': COMPONENT_ID$8,
1133
- 'data-garden-version': '8.62.0',
1133
+ 'data-garden-version': '8.62.1',
1134
1134
  type: 'range',
1135
1135
  style: {
1136
1136
  backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -1163,7 +1163,7 @@ StyledRangeInput.defaultProps = {
1163
1163
  const COMPONENT_ID$7 = 'forms.slider';
1164
1164
  const StyledSlider = styled__default["default"].div.attrs({
1165
1165
  'data-garden-id': COMPONENT_ID$7,
1166
- 'data-garden-version': '8.62.0'
1166
+ 'data-garden-version': '8.62.1'
1167
1167
  }).withConfig({
1168
1168
  displayName: "StyledSlider",
1169
1169
  componentId: "sc-1di437a-0"
@@ -1194,7 +1194,7 @@ const sizeStyles$5 = props => {
1194
1194
  };
1195
1195
  const StyledSliderThumb = styled__default["default"].div.attrs(props => ({
1196
1196
  'data-garden-id': COMPONENT_ID$6,
1197
- 'data-garden-version': '8.62.0',
1197
+ 'data-garden-version': '8.62.1',
1198
1198
  'aria-disabled': props.isDisabled
1199
1199
  })).withConfig({
1200
1200
  displayName: "StyledSliderThumb",
@@ -1224,7 +1224,7 @@ const sizeStyles$4 = props => {
1224
1224
  };
1225
1225
  const StyledSliderTrack = styled__default["default"].div.attrs(props => ({
1226
1226
  'data-garden-id': COMPONENT_ID$5,
1227
- 'data-garden-version': '8.62.0',
1227
+ 'data-garden-version': '8.62.1',
1228
1228
  'aria-disabled': props.isDisabled
1229
1229
  })).withConfig({
1230
1230
  displayName: "StyledSliderTrack",
@@ -1244,7 +1244,7 @@ const sizeStyles$3 = props => {
1244
1244
  };
1245
1245
  const StyledSliderTrackRail = styled__default["default"].div.attrs({
1246
1246
  'data-garden-id': COMPONENT_ID$4,
1247
- 'data-garden-version': '8.62.0'
1247
+ 'data-garden-version': '8.62.1'
1248
1248
  }).withConfig({
1249
1249
  displayName: "StyledSliderTrackRail",
1250
1250
  componentId: "sc-1o5owbd-0"
@@ -1271,7 +1271,7 @@ const sizeStyles$2 = props => {
1271
1271
  };
1272
1272
  const StyledTileIcon = styled__default["default"].span.attrs({
1273
1273
  'data-garden-id': COMPONENT_ID$3,
1274
- 'data-garden-version': '8.62.0'
1274
+ 'data-garden-version': '8.62.1'
1275
1275
  }).withConfig({
1276
1276
  displayName: "StyledTileIcon",
1277
1277
  componentId: "sc-1wazhg4-0"
@@ -1306,7 +1306,7 @@ const colorStyles = props => {
1306
1306
  };
1307
1307
  const StyledTile = styled__default["default"].label.attrs(props => ({
1308
1308
  'data-garden-id': COMPONENT_ID$2,
1309
- 'data-garden-version': '8.62.0',
1309
+ 'data-garden-version': '8.62.1',
1310
1310
  'data-garden-focus-visible': props.isFocused,
1311
1311
  'data-garden-selected': props.isSelected
1312
1312
  })).withConfig({
@@ -1331,7 +1331,7 @@ const sizeStyles$1 = props => {
1331
1331
  };
1332
1332
  const StyledTileDescription = styled__default["default"].span.attrs({
1333
1333
  'data-garden-id': COMPONENT_ID$1,
1334
- 'data-garden-version': '8.62.0'
1334
+ 'data-garden-version': '8.62.1'
1335
1335
  }).withConfig({
1336
1336
  displayName: "StyledTileDescription",
1337
1337
  componentId: "sc-xfuu7u-0"
@@ -1364,7 +1364,7 @@ const sizeStyles = props => {
1364
1364
  };
1365
1365
  const StyledTileLabel = styled__default["default"].span.attrs({
1366
1366
  'data-garden-id': COMPONENT_ID,
1367
- 'data-garden-version': '8.62.0'
1367
+ 'data-garden-version': '8.62.1'
1368
1368
  }).withConfig({
1369
1369
  displayName: "StyledTileLabel",
1370
1370
  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.62.0'
44
+ 'data-garden-version': '8.62.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.62.0'
57
+ 'data-garden-version': '8.62.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.62.0'
69
+ 'data-garden-version': '8.62.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.62.0'
82
+ 'data-garden-version': '8.62.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.62.0'
94
+ 'data-garden-version': '8.62.1'
95
95
  }).withConfig({
96
96
  displayName: "StyledHint",
97
97
  componentId: "sc-17c2wu8-0"
@@ -205,7 +205,7 @@ const MessageIcon = _ref => {
205
205
  const COMPONENT_ID$F = 'forms.input_message_icon';
206
206
  const StyledMessageIcon = styled(MessageIcon).attrs({
207
207
  'data-garden-id': COMPONENT_ID$F,
208
- 'data-garden-version': '8.62.0',
208
+ 'data-garden-version': '8.62.1',
209
209
  'aria-hidden': null
210
210
  }).withConfig({
211
211
  displayName: "StyledMessageIcon",
@@ -233,7 +233,7 @@ const validationStyles = props => {
233
233
  const COMPONENT_ID$E = 'forms.input_message';
234
234
  const StyledMessage = styled.div.attrs({
235
235
  'data-garden-id': COMPONENT_ID$E,
236
- 'data-garden-version': '8.62.0'
236
+ 'data-garden-version': '8.62.1'
237
237
  }).withConfig({
238
238
  displayName: "StyledMessage",
239
239
  componentId: "sc-30hgg7-0"
@@ -312,7 +312,7 @@ const sizeStyles$f = props => {
312
312
  };
313
313
  const StyledTextInput = styled.input.attrs(props => ({
314
314
  'data-garden-id': COMPONENT_ID$D,
315
- 'data-garden-version': '8.62.0',
315
+ 'data-garden-version': '8.62.1',
316
316
  'aria-invalid': isInvalid(props.validation)
317
317
  })).withConfig({
318
318
  displayName: "StyledTextInput",
@@ -335,7 +335,7 @@ const hiddenStyles = `
335
335
  const StyledTextarea = styled(StyledTextInput).attrs({
336
336
  as: 'textarea',
337
337
  'data-garden-id': COMPONENT_ID$C,
338
- 'data-garden-version': '8.62.0'
338
+ 'data-garden-version': '8.62.1'
339
339
  }).withConfig({
340
340
  displayName: "StyledTextarea",
341
341
  componentId: "sc-wxschl-0"
@@ -381,7 +381,7 @@ _ref => {
381
381
  return React__default.cloneElement(Children.only(children), props);
382
382
  }).attrs({
383
383
  'data-garden-id': COMPONENT_ID$B,
384
- 'data-garden-version': '8.62.0'
384
+ 'data-garden-version': '8.62.1'
385
385
  }).withConfig({
386
386
  displayName: "StyledTextMediaFigure",
387
387
  componentId: "sc-1qepknj-0"
@@ -396,7 +396,7 @@ const StyledTextFauxInput = styled(StyledTextInput).attrs(props => ({
396
396
  'aria-readonly': props.isReadOnly,
397
397
  'aria-disabled': props.isDisabled,
398
398
  'data-garden-id': COMPONENT_ID$A,
399
- 'data-garden-version': '8.62.0'
399
+ 'data-garden-version': '8.62.1'
400
400
  })).withConfig({
401
401
  displayName: "StyledTextFauxInput",
402
402
  componentId: "sc-yqw7j9-0"
@@ -408,7 +408,7 @@ StyledTextFauxInput.defaultProps = {
408
408
  const COMPONENT_ID$z = 'forms.media_input';
409
409
  const StyledTextMediaInput = styled(StyledTextInput).attrs({
410
410
  'data-garden-id': COMPONENT_ID$z,
411
- 'data-garden-version': '8.62.0',
411
+ 'data-garden-version': '8.62.1',
412
412
  isBare: true
413
413
  }).withConfig({
414
414
  displayName: "StyledTextMediaInput",
@@ -431,7 +431,7 @@ const itemStyles = props => {
431
431
  };
432
432
  const StyledInputGroup = styled.div.attrs({
433
433
  'data-garden-id': COMPONENT_ID$y,
434
- 'data-garden-version': '8.62.0'
434
+ 'data-garden-version': '8.62.1'
435
435
  }).withConfig({
436
436
  displayName: "StyledInputGroup",
437
437
  componentId: "sc-kjh1f0-0"
@@ -449,7 +449,7 @@ const sizeStyles$d = props => {
449
449
  };
450
450
  const StyledRadioLabel = styled(StyledLabel).attrs({
451
451
  'data-garden-id': COMPONENT_ID$x,
452
- 'data-garden-version': '8.62.0',
452
+ 'data-garden-version': '8.62.1',
453
453
  isRadio: true
454
454
  }).withConfig({
455
455
  displayName: "StyledRadioLabel",
@@ -462,7 +462,7 @@ StyledRadioLabel.defaultProps = {
462
462
  const COMPONENT_ID$w = 'forms.checkbox_label';
463
463
  const StyledCheckLabel = styled(StyledRadioLabel).attrs({
464
464
  'data-garden-id': COMPONENT_ID$w,
465
- 'data-garden-version': '8.62.0'
465
+ 'data-garden-version': '8.62.1'
466
466
  }).withConfig({
467
467
  displayName: "StyledCheckLabel",
468
468
  componentId: "sc-x7nr1-0"
@@ -474,7 +474,7 @@ StyledCheckLabel.defaultProps = {
474
474
  const COMPONENT_ID$v = 'forms.radio_hint';
475
475
  const StyledRadioHint = styled(StyledHint).attrs({
476
476
  'data-garden-id': COMPONENT_ID$v,
477
- 'data-garden-version': '8.62.0'
477
+ 'data-garden-version': '8.62.1'
478
478
  }).withConfig({
479
479
  displayName: "StyledRadioHint",
480
480
  componentId: "sc-eo8twg-0"
@@ -486,7 +486,7 @@ StyledRadioHint.defaultProps = {
486
486
  const COMPONENT_ID$u = 'forms.checkbox_hint';
487
487
  const StyledCheckHint = styled(StyledRadioHint).attrs({
488
488
  'data-garden-id': COMPONENT_ID$u,
489
- 'data-garden-version': '8.62.0'
489
+ 'data-garden-version': '8.62.1'
490
490
  }).withConfig({
491
491
  displayName: "StyledCheckHint",
492
492
  componentId: "sc-1kl8e8c-0"
@@ -528,7 +528,7 @@ const sizeStyles$c = props => {
528
528
  };
529
529
  const StyledRadioInput = styled.input.attrs({
530
530
  'data-garden-id': COMPONENT_ID$t,
531
- 'data-garden-version': '8.62.0',
531
+ 'data-garden-version': '8.62.1',
532
532
  type: 'radio'
533
533
  }).withConfig({
534
534
  displayName: "StyledRadioInput",
@@ -550,7 +550,7 @@ const colorStyles$8 = props => {
550
550
  };
551
551
  const StyledCheckInput = styled(StyledRadioInput).attrs({
552
552
  'data-garden-id': COMPONENT_ID$s,
553
- 'data-garden-version': '8.62.0',
553
+ 'data-garden-version': '8.62.1',
554
554
  type: 'checkbox'
555
555
  }).withConfig({
556
556
  displayName: "StyledCheckInput",
@@ -563,7 +563,7 @@ StyledCheckInput.defaultProps = {
563
563
  const COMPONENT_ID$r = 'forms.radio_message';
564
564
  const StyledRadioMessage = styled(StyledMessage).attrs({
565
565
  'data-garden-id': COMPONENT_ID$r,
566
- 'data-garden-version': '8.62.0'
566
+ 'data-garden-version': '8.62.1'
567
567
  }).withConfig({
568
568
  displayName: "StyledRadioMessage",
569
569
  componentId: "sc-1pmi0q8-0"
@@ -575,7 +575,7 @@ StyledRadioMessage.defaultProps = {
575
575
  const COMPONENT_ID$q = 'forms.checkbox_message';
576
576
  const StyledCheckMessage = styled(StyledRadioMessage).attrs({
577
577
  'data-garden-id': COMPONENT_ID$q,
578
- 'data-garden-version': '8.62.0'
578
+ 'data-garden-version': '8.62.1'
579
579
  }).withConfig({
580
580
  displayName: "StyledCheckMessage",
581
581
  componentId: "sc-s4p6kd-0"
@@ -610,7 +610,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
610
610
  const COMPONENT_ID$p = 'forms.check_svg';
611
611
  const StyledCheckSvg = styled(SvgCheckSmFill).attrs({
612
612
  'data-garden-id': COMPONENT_ID$p,
613
- 'data-garden-version': '8.62.0'
613
+ 'data-garden-version': '8.62.1'
614
614
  }).withConfig({
615
615
  displayName: "StyledCheckSvg",
616
616
  componentId: "sc-fvxetk-0"
@@ -643,7 +643,7 @@ var SvgDashFill = function SvgDashFill(props) {
643
643
  const COMPONENT_ID$o = 'forms.dash_svg';
644
644
  const StyledDashSvg = styled(SvgDashFill).attrs({
645
645
  'data-garden-id': COMPONENT_ID$o,
646
- 'data-garden-version': '8.62.0'
646
+ 'data-garden-version': '8.62.1'
647
647
  }).withConfig({
648
648
  displayName: "StyledDashSvg",
649
649
  componentId: "sc-z3vq71-0"
@@ -672,7 +672,7 @@ const sizeStyles$b = props => {
672
672
  };
673
673
  const StyledFileUpload = styled.div.attrs({
674
674
  'data-garden-id': COMPONENT_ID$n,
675
- 'data-garden-version': '8.62.0'
675
+ 'data-garden-version': '8.62.1'
676
676
  }).withConfig({
677
677
  displayName: "StyledFileUpload",
678
678
  componentId: "sc-1rodjgn-0"
@@ -684,7 +684,7 @@ StyledFileUpload.defaultProps = {
684
684
  const COMPONENT_ID$m = 'forms.file.close';
685
685
  const StyledFileClose = styled.div.attrs({
686
686
  'data-garden-id': COMPONENT_ID$m,
687
- 'data-garden-version': '8.62.0'
687
+ 'data-garden-version': '8.62.1'
688
688
  }).withConfig({
689
689
  displayName: "StyledFileClose",
690
690
  componentId: "sc-1m31jbf-0"
@@ -751,7 +751,7 @@ const sizeStyles$a = props => {
751
751
  };
752
752
  const StyledFile = styled.div.attrs({
753
753
  'data-garden-id': COMPONENT_ID$l,
754
- 'data-garden-version': '8.62.0'
754
+ 'data-garden-version': '8.62.1'
755
755
  }).withConfig({
756
756
  displayName: "StyledFile",
757
757
  componentId: "sc-195lzp1-0"
@@ -763,7 +763,7 @@ StyledFile.defaultProps = {
763
763
  const COMPONENT_ID$k = 'forms.file.delete';
764
764
  const StyledFileDelete = styled(StyledFileClose).attrs({
765
765
  'data-garden-id': COMPONENT_ID$k,
766
- 'data-garden-version': '8.62.0'
766
+ 'data-garden-version': '8.62.1'
767
767
  }).withConfig({
768
768
  displayName: "StyledFileDelete",
769
769
  componentId: "sc-a8nnhx-0"
@@ -783,7 +783,7 @@ const StyledFileIcon = styled(_ref => {
783
783
  return React__default.cloneElement(Children.only(children), props);
784
784
  }).attrs({
785
785
  'data-garden-id': COMPONENT_ID$j,
786
- 'data-garden-version': '8.62.0'
786
+ 'data-garden-version': '8.62.1'
787
787
  }).withConfig({
788
788
  displayName: "StyledFileIcon",
789
789
  componentId: "sc-7b3q0c-0"
@@ -795,7 +795,7 @@ StyledFileIcon.defaultProps = {
795
795
  const COMPONENT_ID$i = 'forms.file_list';
796
796
  const StyledFileList = styled.ul.attrs({
797
797
  'data-garden-id': COMPONENT_ID$i,
798
- 'data-garden-version': '8.62.0'
798
+ 'data-garden-version': '8.62.1'
799
799
  }).withConfig({
800
800
  displayName: "StyledFileList",
801
801
  componentId: "sc-gbahjg-0"
@@ -807,7 +807,7 @@ StyledFileList.defaultProps = {
807
807
  const COMPONENT_ID$h = 'forms.file_list.item';
808
808
  const StyledFileListItem = styled.li.attrs({
809
809
  'data-garden-id': COMPONENT_ID$h,
810
- 'data-garden-version': '8.62.0'
810
+ 'data-garden-version': '8.62.1'
811
811
  }).withConfig({
812
812
  displayName: "StyledFileListItem",
813
813
  componentId: "sc-1ova3lo-0"
@@ -840,7 +840,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
840
840
  const COMPONENT_ID$g = 'forms.radio_svg';
841
841
  const StyledRadioSvg = styled(SvgCircleSmFill$1).attrs({
842
842
  'data-garden-id': COMPONENT_ID$g,
843
- 'data-garden-version': '8.62.0'
843
+ 'data-garden-version': '8.62.1'
844
844
  }).withConfig({
845
845
  displayName: "StyledRadioSvg",
846
846
  componentId: "sc-1r1qtr1-0"
@@ -857,7 +857,7 @@ const sizeStyles$9 = props => {
857
857
  };
858
858
  const StyledToggleLabel = styled(StyledCheckLabel).attrs({
859
859
  'data-garden-id': COMPONENT_ID$f,
860
- 'data-garden-version': '8.62.0'
860
+ 'data-garden-version': '8.62.1'
861
861
  }).withConfig({
862
862
  displayName: "StyledToggleLabel",
863
863
  componentId: "sc-e0asdk-0"
@@ -869,7 +869,7 @@ StyledToggleLabel.defaultProps = {
869
869
  const COMPONENT_ID$e = 'forms.toggle_hint';
870
870
  const StyledToggleHint = styled(StyledHint).attrs({
871
871
  'data-garden-id': COMPONENT_ID$e,
872
- 'data-garden-version': '8.62.0'
872
+ 'data-garden-version': '8.62.1'
873
873
  }).withConfig({
874
874
  displayName: "StyledToggleHint",
875
875
  componentId: "sc-nziggu-0"
@@ -896,7 +896,7 @@ const sizeStyles$8 = props => {
896
896
  };
897
897
  const StyledToggleInput = styled(StyledCheckInput).attrs({
898
898
  'data-garden-id': COMPONENT_ID$d,
899
- 'data-garden-version': '8.62.0'
899
+ 'data-garden-version': '8.62.1'
900
900
  }).withConfig({
901
901
  displayName: "StyledToggleInput",
902
902
  componentId: "sc-sgp47s-0"
@@ -908,7 +908,7 @@ StyledToggleInput.defaultProps = {
908
908
  const COMPONENT_ID$c = 'forms.toggle_message';
909
909
  const StyledToggleMessage = styled(StyledMessage).attrs({
910
910
  'data-garden-id': COMPONENT_ID$c,
911
- 'data-garden-version': '8.62.0'
911
+ 'data-garden-version': '8.62.1'
912
912
  }).withConfig({
913
913
  displayName: "StyledToggleMessage",
914
914
  componentId: "sc-13vuvl1-0"
@@ -941,7 +941,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
941
941
  const COMPONENT_ID$b = 'forms.toggle_svg';
942
942
  const StyledToggleSvg = styled(SvgCircleSmFill).attrs({
943
943
  'data-garden-id': COMPONENT_ID$b,
944
- 'data-garden-version': '8.62.0'
944
+ 'data-garden-version': '8.62.1'
945
945
  }).withConfig({
946
946
  displayName: "StyledToggleSvg",
947
947
  componentId: "sc-162xbyx-0"
@@ -963,7 +963,7 @@ const sizeStyles$7 = props => {
963
963
  };
964
964
  const StyledSelect = styled(StyledTextInput).attrs({
965
965
  'data-garden-id': COMPONENT_ID$a,
966
- 'data-garden-version': '8.62.0',
966
+ 'data-garden-version': '8.62.1',
967
967
  as: 'select'
968
968
  }).withConfig({
969
969
  displayName: "StyledSelect",
@@ -976,7 +976,7 @@ StyledSelect.defaultProps = {
976
976
  const COMPONENT_ID$9 = 'forms.select_wrapper';
977
977
  const StyledSelectWrapper = styled(StyledTextFauxInput).attrs({
978
978
  'data-garden-id': COMPONENT_ID$9,
979
- 'data-garden-version': '8.62.0',
979
+ 'data-garden-version': '8.62.1',
980
980
  isBare: true
981
981
  }).withConfig({
982
982
  displayName: "StyledSelectWrapper",
@@ -1100,7 +1100,7 @@ const sizeStyles$6 = props => {
1100
1100
  };
1101
1101
  const StyledRangeInput = styled.input.attrs(props => ({
1102
1102
  'data-garden-id': COMPONENT_ID$8,
1103
- 'data-garden-version': '8.62.0',
1103
+ 'data-garden-version': '8.62.1',
1104
1104
  type: 'range',
1105
1105
  style: {
1106
1106
  backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -1133,7 +1133,7 @@ StyledRangeInput.defaultProps = {
1133
1133
  const COMPONENT_ID$7 = 'forms.slider';
1134
1134
  const StyledSlider = styled.div.attrs({
1135
1135
  'data-garden-id': COMPONENT_ID$7,
1136
- 'data-garden-version': '8.62.0'
1136
+ 'data-garden-version': '8.62.1'
1137
1137
  }).withConfig({
1138
1138
  displayName: "StyledSlider",
1139
1139
  componentId: "sc-1di437a-0"
@@ -1164,7 +1164,7 @@ const sizeStyles$5 = props => {
1164
1164
  };
1165
1165
  const StyledSliderThumb = styled.div.attrs(props => ({
1166
1166
  'data-garden-id': COMPONENT_ID$6,
1167
- 'data-garden-version': '8.62.0',
1167
+ 'data-garden-version': '8.62.1',
1168
1168
  'aria-disabled': props.isDisabled
1169
1169
  })).withConfig({
1170
1170
  displayName: "StyledSliderThumb",
@@ -1194,7 +1194,7 @@ const sizeStyles$4 = props => {
1194
1194
  };
1195
1195
  const StyledSliderTrack = styled.div.attrs(props => ({
1196
1196
  'data-garden-id': COMPONENT_ID$5,
1197
- 'data-garden-version': '8.62.0',
1197
+ 'data-garden-version': '8.62.1',
1198
1198
  'aria-disabled': props.isDisabled
1199
1199
  })).withConfig({
1200
1200
  displayName: "StyledSliderTrack",
@@ -1214,7 +1214,7 @@ const sizeStyles$3 = props => {
1214
1214
  };
1215
1215
  const StyledSliderTrackRail = styled.div.attrs({
1216
1216
  'data-garden-id': COMPONENT_ID$4,
1217
- 'data-garden-version': '8.62.0'
1217
+ 'data-garden-version': '8.62.1'
1218
1218
  }).withConfig({
1219
1219
  displayName: "StyledSliderTrackRail",
1220
1220
  componentId: "sc-1o5owbd-0"
@@ -1241,7 +1241,7 @@ const sizeStyles$2 = props => {
1241
1241
  };
1242
1242
  const StyledTileIcon = styled.span.attrs({
1243
1243
  'data-garden-id': COMPONENT_ID$3,
1244
- 'data-garden-version': '8.62.0'
1244
+ 'data-garden-version': '8.62.1'
1245
1245
  }).withConfig({
1246
1246
  displayName: "StyledTileIcon",
1247
1247
  componentId: "sc-1wazhg4-0"
@@ -1276,7 +1276,7 @@ const colorStyles = props => {
1276
1276
  };
1277
1277
  const StyledTile = styled.label.attrs(props => ({
1278
1278
  'data-garden-id': COMPONENT_ID$2,
1279
- 'data-garden-version': '8.62.0',
1279
+ 'data-garden-version': '8.62.1',
1280
1280
  'data-garden-focus-visible': props.isFocused,
1281
1281
  'data-garden-selected': props.isSelected
1282
1282
  })).withConfig({
@@ -1301,7 +1301,7 @@ const sizeStyles$1 = props => {
1301
1301
  };
1302
1302
  const StyledTileDescription = styled.span.attrs({
1303
1303
  'data-garden-id': COMPONENT_ID$1,
1304
- 'data-garden-version': '8.62.0'
1304
+ 'data-garden-version': '8.62.1'
1305
1305
  }).withConfig({
1306
1306
  displayName: "StyledTileDescription",
1307
1307
  componentId: "sc-xfuu7u-0"
@@ -1334,7 +1334,7 @@ const sizeStyles = props => {
1334
1334
  };
1335
1335
  const StyledTileLabel = styled.span.attrs({
1336
1336
  'data-garden-id': COMPONENT_ID,
1337
- 'data-garden-version': '8.62.0'
1337
+ 'data-garden-version': '8.62.1'
1338
1338
  }).withConfig({
1339
1339
  displayName: "StyledTileLabel",
1340
1340
  componentId: "sc-1mypv27-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-forms",
3
- "version": "8.62.0",
3
+ "version": "8.62.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.62.0",
40
+ "@zendeskgarden/react-theming": "^8.62.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": "f8233a46d9732497578dbea9e88f82a3d4bb3678"
54
+ "gitHead": "e84b3603c69975dc0ef30029364da15fc1e4fc03"
55
55
  }