@zendeskgarden/react-forms 8.70.1 → 8.72.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.70.1'
71
+ 'data-garden-version': '8.72.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.70.1'
84
+ 'data-garden-version': '8.72.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(props => ({
95
95
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$I,
96
- 'data-garden-version': props['data-garden-version'] || '8.70.1'
96
+ 'data-garden-version': props['data-garden-version'] || '8.72.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.70.1'
109
+ 'data-garden-version': '8.72.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(props => ({
120
120
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$G,
121
- 'data-garden-version': props['data-garden-version'] || '8.70.1'
121
+ 'data-garden-version': props['data-garden-version'] || '8.72.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.70.1',
226
+ 'data-garden-version': '8.72.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(props => ({
253
253
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$E,
254
- 'data-garden-version': props['data-garden-version'] || '8.70.1'
254
+ 'data-garden-version': props['data-garden-version'] || '8.72.0'
255
255
  })).withConfig({
256
256
  displayName: "StyledMessage",
257
257
  componentId: "sc-30hgg7-0"
@@ -341,7 +341,7 @@ const sizeStyles$f = props => {
341
341
  };
342
342
  const StyledTextInput = styled__default.default.input.attrs(props => ({
343
343
  'data-garden-id': COMPONENT_ID$D,
344
- 'data-garden-version': '8.70.1',
344
+ 'data-garden-version': '8.72.0',
345
345
  'aria-invalid': isInvalid(props.validation)
346
346
  })).withConfig({
347
347
  displayName: "StyledTextInput",
@@ -364,7 +364,7 @@ const hiddenStyles = `
364
364
  const StyledTextarea = styled__default.default(StyledTextInput).attrs({
365
365
  as: 'textarea',
366
366
  'data-garden-id': COMPONENT_ID$C,
367
- 'data-garden-version': '8.70.1'
367
+ 'data-garden-version': '8.72.0'
368
368
  }).withConfig({
369
369
  displayName: "StyledTextarea",
370
370
  componentId: "sc-wxschl-0"
@@ -410,7 +410,7 @@ _ref => {
410
410
  return React__namespace.default.cloneElement(React.Children.only(children), props);
411
411
  }).attrs({
412
412
  'data-garden-id': COMPONENT_ID$B,
413
- 'data-garden-version': '8.70.1'
413
+ 'data-garden-version': '8.72.0'
414
414
  }).withConfig({
415
415
  displayName: "StyledTextMediaFigure",
416
416
  componentId: "sc-1qepknj-0"
@@ -457,7 +457,7 @@ const StyledTextFauxInput = styled__default.default(StyledTextInput).attrs(props
457
457
  'aria-readonly': props.isReadOnly,
458
458
  'aria-disabled': props.isDisabled,
459
459
  'data-garden-id': COMPONENT_ID$A,
460
- 'data-garden-version': '8.70.1'
460
+ 'data-garden-version': '8.72.0'
461
461
  })).withConfig({
462
462
  displayName: "StyledTextFauxInput",
463
463
  componentId: "sc-yqw7j9-0"
@@ -469,7 +469,7 @@ StyledTextFauxInput.defaultProps = {
469
469
  const COMPONENT_ID$z = 'forms.media_input';
470
470
  const StyledTextMediaInput = styled__default.default(StyledTextInput).attrs({
471
471
  'data-garden-id': COMPONENT_ID$z,
472
- 'data-garden-version': '8.70.1',
472
+ 'data-garden-version': '8.72.0',
473
473
  isBare: true
474
474
  }).withConfig({
475
475
  displayName: "StyledTextMediaInput",
@@ -491,7 +491,7 @@ const itemStyles = props => {
491
491
  };
492
492
  const StyledInputGroup = styled__default.default.div.attrs({
493
493
  'data-garden-id': COMPONENT_ID$y,
494
- 'data-garden-version': '8.70.1'
494
+ 'data-garden-version': '8.72.0'
495
495
  }).withConfig({
496
496
  displayName: "StyledInputGroup",
497
497
  componentId: "sc-kjh1f0-0"
@@ -509,7 +509,7 @@ const sizeStyles$d = props => {
509
509
  };
510
510
  const StyledRadioLabel = styled__default.default(StyledLabel).attrs({
511
511
  'data-garden-id': COMPONENT_ID$x,
512
- 'data-garden-version': '8.70.1',
512
+ 'data-garden-version': '8.72.0',
513
513
  isRadio: true
514
514
  }).withConfig({
515
515
  displayName: "StyledRadioLabel",
@@ -522,7 +522,7 @@ StyledRadioLabel.defaultProps = {
522
522
  const COMPONENT_ID$w = 'forms.checkbox_label';
523
523
  const StyledCheckLabel = styled__default.default(StyledRadioLabel).attrs({
524
524
  'data-garden-id': COMPONENT_ID$w,
525
- 'data-garden-version': '8.70.1'
525
+ 'data-garden-version': '8.72.0'
526
526
  }).withConfig({
527
527
  displayName: "StyledCheckLabel",
528
528
  componentId: "sc-x7nr1-0"
@@ -534,7 +534,7 @@ StyledCheckLabel.defaultProps = {
534
534
  const COMPONENT_ID$v = 'forms.radio_hint';
535
535
  const StyledRadioHint = styled__default.default(StyledHint).attrs({
536
536
  'data-garden-id': COMPONENT_ID$v,
537
- 'data-garden-version': '8.70.1'
537
+ 'data-garden-version': '8.72.0'
538
538
  }).withConfig({
539
539
  displayName: "StyledRadioHint",
540
540
  componentId: "sc-eo8twg-0"
@@ -546,7 +546,7 @@ StyledRadioHint.defaultProps = {
546
546
  const COMPONENT_ID$u = 'forms.checkbox_hint';
547
547
  const StyledCheckHint = styled__default.default(StyledRadioHint).attrs({
548
548
  'data-garden-id': COMPONENT_ID$u,
549
- 'data-garden-version': '8.70.1'
549
+ 'data-garden-version': '8.72.0'
550
550
  }).withConfig({
551
551
  displayName: "StyledCheckHint",
552
552
  componentId: "sc-1kl8e8c-0"
@@ -593,7 +593,7 @@ const sizeStyles$c = props => {
593
593
  };
594
594
  const StyledRadioInput = styled__default.default.input.attrs({
595
595
  'data-garden-id': COMPONENT_ID$t,
596
- 'data-garden-version': '8.70.1',
596
+ 'data-garden-version': '8.72.0',
597
597
  type: 'radio'
598
598
  }).withConfig({
599
599
  displayName: "StyledRadioInput",
@@ -615,7 +615,7 @@ const colorStyles$8 = props => {
615
615
  };
616
616
  const StyledCheckInput = styled__default.default(StyledRadioInput).attrs({
617
617
  'data-garden-id': COMPONENT_ID$s,
618
- 'data-garden-version': '8.70.1',
618
+ 'data-garden-version': '8.72.0',
619
619
  type: 'checkbox'
620
620
  }).withConfig({
621
621
  displayName: "StyledCheckInput",
@@ -628,7 +628,7 @@ StyledCheckInput.defaultProps = {
628
628
  const COMPONENT_ID$r = 'forms.radio_message';
629
629
  const StyledRadioMessage = styled__default.default(StyledMessage).attrs({
630
630
  'data-garden-id': COMPONENT_ID$r,
631
- 'data-garden-version': '8.70.1'
631
+ 'data-garden-version': '8.72.0'
632
632
  }).withConfig({
633
633
  displayName: "StyledRadioMessage",
634
634
  componentId: "sc-1pmi0q8-0"
@@ -640,7 +640,7 @@ StyledRadioMessage.defaultProps = {
640
640
  const COMPONENT_ID$q = 'forms.checkbox_message';
641
641
  const StyledCheckMessage = styled__default.default(StyledRadioMessage).attrs({
642
642
  'data-garden-id': COMPONENT_ID$q,
643
- 'data-garden-version': '8.70.1'
643
+ 'data-garden-version': '8.72.0'
644
644
  }).withConfig({
645
645
  displayName: "StyledCheckMessage",
646
646
  componentId: "sc-s4p6kd-0"
@@ -672,7 +672,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
672
672
  const COMPONENT_ID$p = 'forms.check_svg';
673
673
  const StyledCheckSvg = styled__default.default(SvgCheckSmFill).attrs({
674
674
  'data-garden-id': COMPONENT_ID$p,
675
- 'data-garden-version': '8.70.1'
675
+ 'data-garden-version': '8.72.0'
676
676
  }).withConfig({
677
677
  displayName: "StyledCheckSvg",
678
678
  componentId: "sc-fvxetk-0"
@@ -702,7 +702,7 @@ var SvgDashFill = function SvgDashFill(props) {
702
702
  const COMPONENT_ID$o = 'forms.dash_svg';
703
703
  const StyledDashSvg = styled__default.default(SvgDashFill).attrs({
704
704
  'data-garden-id': COMPONENT_ID$o,
705
- 'data-garden-version': '8.70.1'
705
+ 'data-garden-version': '8.72.0'
706
706
  }).withConfig({
707
707
  displayName: "StyledDashSvg",
708
708
  componentId: "sc-z3vq71-0"
@@ -733,7 +733,7 @@ const sizeStyles$b = props => {
733
733
  };
734
734
  const StyledFileUpload = styled__default.default.div.attrs({
735
735
  'data-garden-id': COMPONENT_ID$n,
736
- 'data-garden-version': '8.70.1'
736
+ 'data-garden-version': '8.72.0'
737
737
  }).withConfig({
738
738
  displayName: "StyledFileUpload",
739
739
  componentId: "sc-1rodjgn-0"
@@ -745,7 +745,7 @@ StyledFileUpload.defaultProps = {
745
745
  const COMPONENT_ID$m = 'forms.file.close';
746
746
  const StyledFileClose = styled__default.default.button.attrs({
747
747
  'data-garden-id': COMPONENT_ID$m,
748
- 'data-garden-version': '8.70.1'
748
+ 'data-garden-version': '8.72.0'
749
749
  }).withConfig({
750
750
  displayName: "StyledFileClose",
751
751
  componentId: "sc-1m31jbf-0"
@@ -808,7 +808,7 @@ const sizeStyles$a = props => {
808
808
  };
809
809
  const StyledFile = styled__default.default.div.attrs({
810
810
  'data-garden-id': COMPONENT_ID$l,
811
- 'data-garden-version': '8.70.1'
811
+ 'data-garden-version': '8.72.0'
812
812
  }).withConfig({
813
813
  displayName: "StyledFile",
814
814
  componentId: "sc-195lzp1-0"
@@ -820,7 +820,7 @@ StyledFile.defaultProps = {
820
820
  const COMPONENT_ID$k = 'forms.file.delete';
821
821
  const StyledFileDelete = styled__default.default(StyledFileClose).attrs({
822
822
  'data-garden-id': COMPONENT_ID$k,
823
- 'data-garden-version': '8.70.1'
823
+ 'data-garden-version': '8.72.0'
824
824
  }).withConfig({
825
825
  displayName: "StyledFileDelete",
826
826
  componentId: "sc-a8nnhx-0"
@@ -840,7 +840,7 @@ const StyledFileIcon = styled__default.default(_ref => {
840
840
  return React__namespace.default.cloneElement(React.Children.only(children), props);
841
841
  }).attrs({
842
842
  'data-garden-id': COMPONENT_ID$j,
843
- 'data-garden-version': '8.70.1'
843
+ 'data-garden-version': '8.72.0'
844
844
  }).withConfig({
845
845
  displayName: "StyledFileIcon",
846
846
  componentId: "sc-7b3q0c-0"
@@ -852,7 +852,7 @@ StyledFileIcon.defaultProps = {
852
852
  const COMPONENT_ID$i = 'forms.file_list';
853
853
  const StyledFileList = styled__default.default.ul.attrs({
854
854
  'data-garden-id': COMPONENT_ID$i,
855
- 'data-garden-version': '8.70.1'
855
+ 'data-garden-version': '8.72.0'
856
856
  }).withConfig({
857
857
  displayName: "StyledFileList",
858
858
  componentId: "sc-gbahjg-0"
@@ -864,7 +864,7 @@ StyledFileList.defaultProps = {
864
864
  const COMPONENT_ID$h = 'forms.file_list.item';
865
865
  const StyledFileListItem = styled__default.default.li.attrs({
866
866
  'data-garden-id': COMPONENT_ID$h,
867
- 'data-garden-version': '8.70.1'
867
+ 'data-garden-version': '8.72.0'
868
868
  }).withConfig({
869
869
  displayName: "StyledFileListItem",
870
870
  componentId: "sc-1ova3lo-0"
@@ -894,7 +894,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
894
894
  const COMPONENT_ID$g = 'forms.radio_svg';
895
895
  const StyledRadioSvg = styled__default.default(SvgCircleSmFill$1).attrs({
896
896
  'data-garden-id': COMPONENT_ID$g,
897
- 'data-garden-version': '8.70.1'
897
+ 'data-garden-version': '8.72.0'
898
898
  }).withConfig({
899
899
  displayName: "StyledRadioSvg",
900
900
  componentId: "sc-1r1qtr1-0"
@@ -911,7 +911,7 @@ const sizeStyles$9 = props => {
911
911
  };
912
912
  const StyledToggleLabel = styled__default.default(StyledCheckLabel).attrs({
913
913
  'data-garden-id': COMPONENT_ID$f,
914
- 'data-garden-version': '8.70.1'
914
+ 'data-garden-version': '8.72.0'
915
915
  }).withConfig({
916
916
  displayName: "StyledToggleLabel",
917
917
  componentId: "sc-e0asdk-0"
@@ -923,7 +923,7 @@ StyledToggleLabel.defaultProps = {
923
923
  const COMPONENT_ID$e = 'forms.toggle_hint';
924
924
  const StyledToggleHint = styled__default.default(StyledHint).attrs({
925
925
  'data-garden-id': COMPONENT_ID$e,
926
- 'data-garden-version': '8.70.1'
926
+ 'data-garden-version': '8.72.0'
927
927
  }).withConfig({
928
928
  displayName: "StyledToggleHint",
929
929
  componentId: "sc-nziggu-0"
@@ -950,7 +950,7 @@ const sizeStyles$8 = props => {
950
950
  };
951
951
  const StyledToggleInput = styled__default.default(StyledCheckInput).attrs({
952
952
  'data-garden-id': COMPONENT_ID$d,
953
- 'data-garden-version': '8.70.1'
953
+ 'data-garden-version': '8.72.0'
954
954
  }).withConfig({
955
955
  displayName: "StyledToggleInput",
956
956
  componentId: "sc-sgp47s-0"
@@ -962,7 +962,7 @@ StyledToggleInput.defaultProps = {
962
962
  const COMPONENT_ID$c = 'forms.toggle_message';
963
963
  const StyledToggleMessage = styled__default.default(StyledMessage).attrs({
964
964
  'data-garden-id': COMPONENT_ID$c,
965
- 'data-garden-version': '8.70.1'
965
+ 'data-garden-version': '8.72.0'
966
966
  }).withConfig({
967
967
  displayName: "StyledToggleMessage",
968
968
  componentId: "sc-13vuvl1-0"
@@ -992,7 +992,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
992
992
  const COMPONENT_ID$b = 'forms.toggle_svg';
993
993
  const StyledToggleSvg = styled__default.default(SvgCircleSmFill).attrs({
994
994
  'data-garden-id': COMPONENT_ID$b,
995
- 'data-garden-version': '8.70.1'
995
+ 'data-garden-version': '8.72.0'
996
996
  }).withConfig({
997
997
  displayName: "StyledToggleSvg",
998
998
  componentId: "sc-162xbyx-0"
@@ -1014,7 +1014,7 @@ const sizeStyles$7 = props => {
1014
1014
  };
1015
1015
  const StyledSelect = styled__default.default(StyledTextInput).attrs({
1016
1016
  'data-garden-id': COMPONENT_ID$a,
1017
- 'data-garden-version': '8.70.1',
1017
+ 'data-garden-version': '8.72.0',
1018
1018
  as: 'select'
1019
1019
  }).withConfig({
1020
1020
  displayName: "StyledSelect",
@@ -1027,7 +1027,7 @@ StyledSelect.defaultProps = {
1027
1027
  const COMPONENT_ID$9 = 'forms.select_wrapper';
1028
1028
  const StyledSelectWrapper = styled__default.default(StyledTextFauxInput).attrs({
1029
1029
  'data-garden-id': COMPONENT_ID$9,
1030
- 'data-garden-version': '8.70.1'
1030
+ 'data-garden-version': '8.72.0'
1031
1031
  }).withConfig({
1032
1032
  displayName: "StyledSelectWrapper",
1033
1033
  componentId: "sc-i7b6hw-0"
@@ -1152,7 +1152,7 @@ const sizeStyles$6 = props => {
1152
1152
  };
1153
1153
  const StyledRangeInput = styled__default.default.input.attrs(props => ({
1154
1154
  'data-garden-id': COMPONENT_ID$8,
1155
- 'data-garden-version': '8.70.1',
1155
+ 'data-garden-version': '8.72.0',
1156
1156
  type: 'range',
1157
1157
  style: {
1158
1158
  backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -1185,7 +1185,7 @@ StyledRangeInput.defaultProps = {
1185
1185
  const COMPONENT_ID$7 = 'forms.slider';
1186
1186
  const StyledSlider = styled__default.default.div.attrs({
1187
1187
  'data-garden-id': COMPONENT_ID$7,
1188
- 'data-garden-version': '8.70.1'
1188
+ 'data-garden-version': '8.72.0'
1189
1189
  }).withConfig({
1190
1190
  displayName: "StyledSlider",
1191
1191
  componentId: "sc-1di437a-0"
@@ -1217,7 +1217,7 @@ const sizeStyles$5 = props => {
1217
1217
  };
1218
1218
  const StyledSliderThumb = styled__default.default.div.attrs(props => ({
1219
1219
  'data-garden-id': COMPONENT_ID$6,
1220
- 'data-garden-version': '8.70.1',
1220
+ 'data-garden-version': '8.72.0',
1221
1221
  'aria-disabled': props.isDisabled
1222
1222
  })).withConfig({
1223
1223
  displayName: "StyledSliderThumb",
@@ -1247,7 +1247,7 @@ const sizeStyles$4 = props => {
1247
1247
  };
1248
1248
  const StyledSliderTrack = styled__default.default.div.attrs(props => ({
1249
1249
  'data-garden-id': COMPONENT_ID$5,
1250
- 'data-garden-version': '8.70.1',
1250
+ 'data-garden-version': '8.72.0',
1251
1251
  'aria-disabled': props.isDisabled
1252
1252
  })).withConfig({
1253
1253
  displayName: "StyledSliderTrack",
@@ -1267,7 +1267,7 @@ const sizeStyles$3 = props => {
1267
1267
  };
1268
1268
  const StyledSliderTrackRail = styled__default.default.div.attrs({
1269
1269
  'data-garden-id': COMPONENT_ID$4,
1270
- 'data-garden-version': '8.70.1'
1270
+ 'data-garden-version': '8.72.0'
1271
1271
  }).withConfig({
1272
1272
  displayName: "StyledSliderTrackRail",
1273
1273
  componentId: "sc-1o5owbd-0"
@@ -1294,7 +1294,7 @@ const sizeStyles$2 = props => {
1294
1294
  };
1295
1295
  const StyledTileIcon = styled__default.default.span.attrs({
1296
1296
  'data-garden-id': COMPONENT_ID$3,
1297
- 'data-garden-version': '8.70.1'
1297
+ 'data-garden-version': '8.72.0'
1298
1298
  }).withConfig({
1299
1299
  displayName: "StyledTileIcon",
1300
1300
  componentId: "sc-1wazhg4-0"
@@ -1335,7 +1335,7 @@ const colorStyles = props => {
1335
1335
  };
1336
1336
  const StyledTile = styled__default.default.label.attrs(props => ({
1337
1337
  'data-garden-id': COMPONENT_ID$2,
1338
- 'data-garden-version': '8.70.1',
1338
+ 'data-garden-version': '8.72.0',
1339
1339
  'data-garden-selected': props.isSelected
1340
1340
  })).withConfig({
1341
1341
  displayName: "StyledTile",
@@ -1359,7 +1359,7 @@ const sizeStyles$1 = props => {
1359
1359
  };
1360
1360
  const StyledTileDescription = styled__default.default.span.attrs({
1361
1361
  'data-garden-id': COMPONENT_ID$1,
1362
- 'data-garden-version': '8.70.1'
1362
+ 'data-garden-version': '8.72.0'
1363
1363
  }).withConfig({
1364
1364
  displayName: "StyledTileDescription",
1365
1365
  componentId: "sc-xfuu7u-0"
@@ -1392,7 +1392,7 @@ const sizeStyles = props => {
1392
1392
  };
1393
1393
  const StyledTileLabel = styled__default.default.span.attrs({
1394
1394
  'data-garden-id': COMPONENT_ID,
1395
- 'data-garden-version': '8.70.1'
1395
+ 'data-garden-version': '8.72.0'
1396
1396
  }).withConfig({
1397
1397
  displayName: "StyledTileLabel",
1398
1398
  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.70.1'
44
+ 'data-garden-version': '8.72.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.70.1'
57
+ 'data-garden-version': '8.72.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(props => ({
68
68
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$I,
69
- 'data-garden-version': props['data-garden-version'] || '8.70.1'
69
+ 'data-garden-version': props['data-garden-version'] || '8.72.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.70.1'
82
+ 'data-garden-version': '8.72.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(props => ({
93
93
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$G,
94
- 'data-garden-version': props['data-garden-version'] || '8.70.1'
94
+ 'data-garden-version': props['data-garden-version'] || '8.72.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.70.1',
199
+ 'data-garden-version': '8.72.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(props => ({
226
226
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$E,
227
- 'data-garden-version': props['data-garden-version'] || '8.70.1'
227
+ 'data-garden-version': props['data-garden-version'] || '8.72.0'
228
228
  })).withConfig({
229
229
  displayName: "StyledMessage",
230
230
  componentId: "sc-30hgg7-0"
@@ -314,7 +314,7 @@ const sizeStyles$f = props => {
314
314
  };
315
315
  const StyledTextInput = styled.input.attrs(props => ({
316
316
  'data-garden-id': COMPONENT_ID$D,
317
- 'data-garden-version': '8.70.1',
317
+ 'data-garden-version': '8.72.0',
318
318
  'aria-invalid': isInvalid(props.validation)
319
319
  })).withConfig({
320
320
  displayName: "StyledTextInput",
@@ -337,7 +337,7 @@ const hiddenStyles = `
337
337
  const StyledTextarea = styled(StyledTextInput).attrs({
338
338
  as: 'textarea',
339
339
  'data-garden-id': COMPONENT_ID$C,
340
- 'data-garden-version': '8.70.1'
340
+ 'data-garden-version': '8.72.0'
341
341
  }).withConfig({
342
342
  displayName: "StyledTextarea",
343
343
  componentId: "sc-wxschl-0"
@@ -383,7 +383,7 @@ _ref => {
383
383
  return React__default.cloneElement(Children.only(children), props);
384
384
  }).attrs({
385
385
  'data-garden-id': COMPONENT_ID$B,
386
- 'data-garden-version': '8.70.1'
386
+ 'data-garden-version': '8.72.0'
387
387
  }).withConfig({
388
388
  displayName: "StyledTextMediaFigure",
389
389
  componentId: "sc-1qepknj-0"
@@ -430,7 +430,7 @@ const StyledTextFauxInput = styled(StyledTextInput).attrs(props => ({
430
430
  'aria-readonly': props.isReadOnly,
431
431
  'aria-disabled': props.isDisabled,
432
432
  'data-garden-id': COMPONENT_ID$A,
433
- 'data-garden-version': '8.70.1'
433
+ 'data-garden-version': '8.72.0'
434
434
  })).withConfig({
435
435
  displayName: "StyledTextFauxInput",
436
436
  componentId: "sc-yqw7j9-0"
@@ -442,7 +442,7 @@ StyledTextFauxInput.defaultProps = {
442
442
  const COMPONENT_ID$z = 'forms.media_input';
443
443
  const StyledTextMediaInput = styled(StyledTextInput).attrs({
444
444
  'data-garden-id': COMPONENT_ID$z,
445
- 'data-garden-version': '8.70.1',
445
+ 'data-garden-version': '8.72.0',
446
446
  isBare: true
447
447
  }).withConfig({
448
448
  displayName: "StyledTextMediaInput",
@@ -464,7 +464,7 @@ const itemStyles = props => {
464
464
  };
465
465
  const StyledInputGroup = styled.div.attrs({
466
466
  'data-garden-id': COMPONENT_ID$y,
467
- 'data-garden-version': '8.70.1'
467
+ 'data-garden-version': '8.72.0'
468
468
  }).withConfig({
469
469
  displayName: "StyledInputGroup",
470
470
  componentId: "sc-kjh1f0-0"
@@ -482,7 +482,7 @@ const sizeStyles$d = props => {
482
482
  };
483
483
  const StyledRadioLabel = styled(StyledLabel).attrs({
484
484
  'data-garden-id': COMPONENT_ID$x,
485
- 'data-garden-version': '8.70.1',
485
+ 'data-garden-version': '8.72.0',
486
486
  isRadio: true
487
487
  }).withConfig({
488
488
  displayName: "StyledRadioLabel",
@@ -495,7 +495,7 @@ StyledRadioLabel.defaultProps = {
495
495
  const COMPONENT_ID$w = 'forms.checkbox_label';
496
496
  const StyledCheckLabel = styled(StyledRadioLabel).attrs({
497
497
  'data-garden-id': COMPONENT_ID$w,
498
- 'data-garden-version': '8.70.1'
498
+ 'data-garden-version': '8.72.0'
499
499
  }).withConfig({
500
500
  displayName: "StyledCheckLabel",
501
501
  componentId: "sc-x7nr1-0"
@@ -507,7 +507,7 @@ StyledCheckLabel.defaultProps = {
507
507
  const COMPONENT_ID$v = 'forms.radio_hint';
508
508
  const StyledRadioHint = styled(StyledHint).attrs({
509
509
  'data-garden-id': COMPONENT_ID$v,
510
- 'data-garden-version': '8.70.1'
510
+ 'data-garden-version': '8.72.0'
511
511
  }).withConfig({
512
512
  displayName: "StyledRadioHint",
513
513
  componentId: "sc-eo8twg-0"
@@ -519,7 +519,7 @@ StyledRadioHint.defaultProps = {
519
519
  const COMPONENT_ID$u = 'forms.checkbox_hint';
520
520
  const StyledCheckHint = styled(StyledRadioHint).attrs({
521
521
  'data-garden-id': COMPONENT_ID$u,
522
- 'data-garden-version': '8.70.1'
522
+ 'data-garden-version': '8.72.0'
523
523
  }).withConfig({
524
524
  displayName: "StyledCheckHint",
525
525
  componentId: "sc-1kl8e8c-0"
@@ -566,7 +566,7 @@ const sizeStyles$c = props => {
566
566
  };
567
567
  const StyledRadioInput = styled.input.attrs({
568
568
  'data-garden-id': COMPONENT_ID$t,
569
- 'data-garden-version': '8.70.1',
569
+ 'data-garden-version': '8.72.0',
570
570
  type: 'radio'
571
571
  }).withConfig({
572
572
  displayName: "StyledRadioInput",
@@ -588,7 +588,7 @@ const colorStyles$8 = props => {
588
588
  };
589
589
  const StyledCheckInput = styled(StyledRadioInput).attrs({
590
590
  'data-garden-id': COMPONENT_ID$s,
591
- 'data-garden-version': '8.70.1',
591
+ 'data-garden-version': '8.72.0',
592
592
  type: 'checkbox'
593
593
  }).withConfig({
594
594
  displayName: "StyledCheckInput",
@@ -601,7 +601,7 @@ StyledCheckInput.defaultProps = {
601
601
  const COMPONENT_ID$r = 'forms.radio_message';
602
602
  const StyledRadioMessage = styled(StyledMessage).attrs({
603
603
  'data-garden-id': COMPONENT_ID$r,
604
- 'data-garden-version': '8.70.1'
604
+ 'data-garden-version': '8.72.0'
605
605
  }).withConfig({
606
606
  displayName: "StyledRadioMessage",
607
607
  componentId: "sc-1pmi0q8-0"
@@ -613,7 +613,7 @@ StyledRadioMessage.defaultProps = {
613
613
  const COMPONENT_ID$q = 'forms.checkbox_message';
614
614
  const StyledCheckMessage = styled(StyledRadioMessage).attrs({
615
615
  'data-garden-id': COMPONENT_ID$q,
616
- 'data-garden-version': '8.70.1'
616
+ 'data-garden-version': '8.72.0'
617
617
  }).withConfig({
618
618
  displayName: "StyledCheckMessage",
619
619
  componentId: "sc-s4p6kd-0"
@@ -645,7 +645,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
645
645
  const COMPONENT_ID$p = 'forms.check_svg';
646
646
  const StyledCheckSvg = styled(SvgCheckSmFill).attrs({
647
647
  'data-garden-id': COMPONENT_ID$p,
648
- 'data-garden-version': '8.70.1'
648
+ 'data-garden-version': '8.72.0'
649
649
  }).withConfig({
650
650
  displayName: "StyledCheckSvg",
651
651
  componentId: "sc-fvxetk-0"
@@ -675,7 +675,7 @@ var SvgDashFill = function SvgDashFill(props) {
675
675
  const COMPONENT_ID$o = 'forms.dash_svg';
676
676
  const StyledDashSvg = styled(SvgDashFill).attrs({
677
677
  'data-garden-id': COMPONENT_ID$o,
678
- 'data-garden-version': '8.70.1'
678
+ 'data-garden-version': '8.72.0'
679
679
  }).withConfig({
680
680
  displayName: "StyledDashSvg",
681
681
  componentId: "sc-z3vq71-0"
@@ -706,7 +706,7 @@ const sizeStyles$b = props => {
706
706
  };
707
707
  const StyledFileUpload = styled.div.attrs({
708
708
  'data-garden-id': COMPONENT_ID$n,
709
- 'data-garden-version': '8.70.1'
709
+ 'data-garden-version': '8.72.0'
710
710
  }).withConfig({
711
711
  displayName: "StyledFileUpload",
712
712
  componentId: "sc-1rodjgn-0"
@@ -718,7 +718,7 @@ StyledFileUpload.defaultProps = {
718
718
  const COMPONENT_ID$m = 'forms.file.close';
719
719
  const StyledFileClose = styled.button.attrs({
720
720
  'data-garden-id': COMPONENT_ID$m,
721
- 'data-garden-version': '8.70.1'
721
+ 'data-garden-version': '8.72.0'
722
722
  }).withConfig({
723
723
  displayName: "StyledFileClose",
724
724
  componentId: "sc-1m31jbf-0"
@@ -781,7 +781,7 @@ const sizeStyles$a = props => {
781
781
  };
782
782
  const StyledFile = styled.div.attrs({
783
783
  'data-garden-id': COMPONENT_ID$l,
784
- 'data-garden-version': '8.70.1'
784
+ 'data-garden-version': '8.72.0'
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(StyledFileClose).attrs({
795
795
  'data-garden-id': COMPONENT_ID$k,
796
- 'data-garden-version': '8.70.1'
796
+ 'data-garden-version': '8.72.0'
797
797
  }).withConfig({
798
798
  displayName: "StyledFileDelete",
799
799
  componentId: "sc-a8nnhx-0"
@@ -813,7 +813,7 @@ const StyledFileIcon = styled(_ref => {
813
813
  return React__default.cloneElement(Children.only(children), props);
814
814
  }).attrs({
815
815
  'data-garden-id': COMPONENT_ID$j,
816
- 'data-garden-version': '8.70.1'
816
+ 'data-garden-version': '8.72.0'
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.ul.attrs({
827
827
  'data-garden-id': COMPONENT_ID$i,
828
- 'data-garden-version': '8.70.1'
828
+ 'data-garden-version': '8.72.0'
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.li.attrs({
839
839
  'data-garden-id': COMPONENT_ID$h,
840
- 'data-garden-version': '8.70.1'
840
+ 'data-garden-version': '8.72.0'
841
841
  }).withConfig({
842
842
  displayName: "StyledFileListItem",
843
843
  componentId: "sc-1ova3lo-0"
@@ -867,7 +867,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
867
867
  const COMPONENT_ID$g = 'forms.radio_svg';
868
868
  const StyledRadioSvg = styled(SvgCircleSmFill$1).attrs({
869
869
  'data-garden-id': COMPONENT_ID$g,
870
- 'data-garden-version': '8.70.1'
870
+ 'data-garden-version': '8.72.0'
871
871
  }).withConfig({
872
872
  displayName: "StyledRadioSvg",
873
873
  componentId: "sc-1r1qtr1-0"
@@ -884,7 +884,7 @@ const sizeStyles$9 = props => {
884
884
  };
885
885
  const StyledToggleLabel = styled(StyledCheckLabel).attrs({
886
886
  'data-garden-id': COMPONENT_ID$f,
887
- 'data-garden-version': '8.70.1'
887
+ 'data-garden-version': '8.72.0'
888
888
  }).withConfig({
889
889
  displayName: "StyledToggleLabel",
890
890
  componentId: "sc-e0asdk-0"
@@ -896,7 +896,7 @@ StyledToggleLabel.defaultProps = {
896
896
  const COMPONENT_ID$e = 'forms.toggle_hint';
897
897
  const StyledToggleHint = styled(StyledHint).attrs({
898
898
  'data-garden-id': COMPONENT_ID$e,
899
- 'data-garden-version': '8.70.1'
899
+ 'data-garden-version': '8.72.0'
900
900
  }).withConfig({
901
901
  displayName: "StyledToggleHint",
902
902
  componentId: "sc-nziggu-0"
@@ -923,7 +923,7 @@ const sizeStyles$8 = props => {
923
923
  };
924
924
  const StyledToggleInput = styled(StyledCheckInput).attrs({
925
925
  'data-garden-id': COMPONENT_ID$d,
926
- 'data-garden-version': '8.70.1'
926
+ 'data-garden-version': '8.72.0'
927
927
  }).withConfig({
928
928
  displayName: "StyledToggleInput",
929
929
  componentId: "sc-sgp47s-0"
@@ -935,7 +935,7 @@ StyledToggleInput.defaultProps = {
935
935
  const COMPONENT_ID$c = 'forms.toggle_message';
936
936
  const StyledToggleMessage = styled(StyledMessage).attrs({
937
937
  'data-garden-id': COMPONENT_ID$c,
938
- 'data-garden-version': '8.70.1'
938
+ 'data-garden-version': '8.72.0'
939
939
  }).withConfig({
940
940
  displayName: "StyledToggleMessage",
941
941
  componentId: "sc-13vuvl1-0"
@@ -965,7 +965,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
965
965
  const COMPONENT_ID$b = 'forms.toggle_svg';
966
966
  const StyledToggleSvg = styled(SvgCircleSmFill).attrs({
967
967
  'data-garden-id': COMPONENT_ID$b,
968
- 'data-garden-version': '8.70.1'
968
+ 'data-garden-version': '8.72.0'
969
969
  }).withConfig({
970
970
  displayName: "StyledToggleSvg",
971
971
  componentId: "sc-162xbyx-0"
@@ -987,7 +987,7 @@ const sizeStyles$7 = props => {
987
987
  };
988
988
  const StyledSelect = styled(StyledTextInput).attrs({
989
989
  'data-garden-id': COMPONENT_ID$a,
990
- 'data-garden-version': '8.70.1',
990
+ 'data-garden-version': '8.72.0',
991
991
  as: 'select'
992
992
  }).withConfig({
993
993
  displayName: "StyledSelect",
@@ -1000,7 +1000,7 @@ StyledSelect.defaultProps = {
1000
1000
  const COMPONENT_ID$9 = 'forms.select_wrapper';
1001
1001
  const StyledSelectWrapper = styled(StyledTextFauxInput).attrs({
1002
1002
  'data-garden-id': COMPONENT_ID$9,
1003
- 'data-garden-version': '8.70.1'
1003
+ 'data-garden-version': '8.72.0'
1004
1004
  }).withConfig({
1005
1005
  displayName: "StyledSelectWrapper",
1006
1006
  componentId: "sc-i7b6hw-0"
@@ -1125,7 +1125,7 @@ const sizeStyles$6 = props => {
1125
1125
  };
1126
1126
  const StyledRangeInput = styled.input.attrs(props => ({
1127
1127
  'data-garden-id': COMPONENT_ID$8,
1128
- 'data-garden-version': '8.70.1',
1128
+ 'data-garden-version': '8.72.0',
1129
1129
  type: 'range',
1130
1130
  style: {
1131
1131
  backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -1158,7 +1158,7 @@ StyledRangeInput.defaultProps = {
1158
1158
  const COMPONENT_ID$7 = 'forms.slider';
1159
1159
  const StyledSlider = styled.div.attrs({
1160
1160
  'data-garden-id': COMPONENT_ID$7,
1161
- 'data-garden-version': '8.70.1'
1161
+ 'data-garden-version': '8.72.0'
1162
1162
  }).withConfig({
1163
1163
  displayName: "StyledSlider",
1164
1164
  componentId: "sc-1di437a-0"
@@ -1190,7 +1190,7 @@ const sizeStyles$5 = props => {
1190
1190
  };
1191
1191
  const StyledSliderThumb = styled.div.attrs(props => ({
1192
1192
  'data-garden-id': COMPONENT_ID$6,
1193
- 'data-garden-version': '8.70.1',
1193
+ 'data-garden-version': '8.72.0',
1194
1194
  'aria-disabled': props.isDisabled
1195
1195
  })).withConfig({
1196
1196
  displayName: "StyledSliderThumb",
@@ -1220,7 +1220,7 @@ const sizeStyles$4 = props => {
1220
1220
  };
1221
1221
  const StyledSliderTrack = styled.div.attrs(props => ({
1222
1222
  'data-garden-id': COMPONENT_ID$5,
1223
- 'data-garden-version': '8.70.1',
1223
+ 'data-garden-version': '8.72.0',
1224
1224
  'aria-disabled': props.isDisabled
1225
1225
  })).withConfig({
1226
1226
  displayName: "StyledSliderTrack",
@@ -1240,7 +1240,7 @@ const sizeStyles$3 = props => {
1240
1240
  };
1241
1241
  const StyledSliderTrackRail = styled.div.attrs({
1242
1242
  'data-garden-id': COMPONENT_ID$4,
1243
- 'data-garden-version': '8.70.1'
1243
+ 'data-garden-version': '8.72.0'
1244
1244
  }).withConfig({
1245
1245
  displayName: "StyledSliderTrackRail",
1246
1246
  componentId: "sc-1o5owbd-0"
@@ -1267,7 +1267,7 @@ const sizeStyles$2 = props => {
1267
1267
  };
1268
1268
  const StyledTileIcon = styled.span.attrs({
1269
1269
  'data-garden-id': COMPONENT_ID$3,
1270
- 'data-garden-version': '8.70.1'
1270
+ 'data-garden-version': '8.72.0'
1271
1271
  }).withConfig({
1272
1272
  displayName: "StyledTileIcon",
1273
1273
  componentId: "sc-1wazhg4-0"
@@ -1308,7 +1308,7 @@ const colorStyles = props => {
1308
1308
  };
1309
1309
  const StyledTile = styled.label.attrs(props => ({
1310
1310
  'data-garden-id': COMPONENT_ID$2,
1311
- 'data-garden-version': '8.70.1',
1311
+ 'data-garden-version': '8.72.0',
1312
1312
  'data-garden-selected': props.isSelected
1313
1313
  })).withConfig({
1314
1314
  displayName: "StyledTile",
@@ -1332,7 +1332,7 @@ const sizeStyles$1 = props => {
1332
1332
  };
1333
1333
  const StyledTileDescription = styled.span.attrs({
1334
1334
  'data-garden-id': COMPONENT_ID$1,
1335
- 'data-garden-version': '8.70.1'
1335
+ 'data-garden-version': '8.72.0'
1336
1336
  }).withConfig({
1337
1337
  displayName: "StyledTileDescription",
1338
1338
  componentId: "sc-xfuu7u-0"
@@ -1365,7 +1365,7 @@ const sizeStyles = props => {
1365
1365
  };
1366
1366
  const StyledTileLabel = styled.span.attrs({
1367
1367
  'data-garden-id': COMPONENT_ID,
1368
- 'data-garden-version': '8.70.1'
1368
+ 'data-garden-version': '8.72.0'
1369
1369
  }).withConfig({
1370
1370
  displayName: "StyledTileLabel",
1371
1371
  componentId: "sc-1mypv27-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-forms",
3
- "version": "8.70.1",
3
+ "version": "8.72.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.70.1",
40
+ "@zendeskgarden/react-theming": "^8.72.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": "40ae4a70f9decd2cc672354b3e24eddb28bd1e35"
54
+ "gitHead": "a55ef7485558aa10a2034538cd9c80f51745d556"
55
55
  }