@zendeskgarden/react-forms 8.74.0 → 9.0.0-next.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 +52 -53
  2. package/dist/index.esm.js +48 -48
  3. package/package.json +5 -5
package/dist/index.cjs.js CHANGED
@@ -14,7 +14,7 @@ var reactTheming = require('@zendeskgarden/react-theming');
14
14
  var polished = require('polished');
15
15
  var PropTypes = require('prop-types');
16
16
  var containerUtilities = require('@zendeskgarden/container-utilities');
17
- var mergeRefs = require('react-merge-refs');
17
+ var reactMergeRefs = require('react-merge-refs');
18
18
  var containerSlider = require('@zendeskgarden/container-slider');
19
19
 
20
20
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -40,7 +40,6 @@ function _interopNamespace(e) {
40
40
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
41
41
  var styled__default = /*#__PURE__*/_interopDefault(styled);
42
42
  var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
43
- var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
44
43
 
45
44
  function _extends$t() {
46
45
  _extends$t = Object.assign ? Object.assign.bind() : function (target) {
@@ -66,7 +65,7 @@ const useFieldContext = () => {
66
65
  const COMPONENT_ID$K = 'forms.field';
67
66
  const StyledField = styled__default.default.div.attrs({
68
67
  'data-garden-id': COMPONENT_ID$K,
69
- 'data-garden-version': '8.74.0'
68
+ 'data-garden-version': '9.0.0-next.0'
70
69
  }).withConfig({
71
70
  displayName: "StyledField",
72
71
  componentId: "sc-12gzfsu-0"
@@ -79,7 +78,7 @@ const COMPONENT_ID$J = 'forms.fieldset';
79
78
  const StyledFieldset = styled__default.default(StyledField).attrs({
80
79
  as: 'fieldset',
81
80
  'data-garden-id': COMPONENT_ID$J,
82
- 'data-garden-version': '8.74.0'
81
+ 'data-garden-version': '9.0.0-next.0'
83
82
  }).withConfig({
84
83
  displayName: "StyledFieldset",
85
84
  componentId: "sc-1vr4mxv-0"
@@ -91,7 +90,7 @@ StyledFieldset.defaultProps = {
91
90
  const COMPONENT_ID$I = 'forms.input_label';
92
91
  const StyledLabel = styled__default.default.label.attrs(props => ({
93
92
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$I,
94
- 'data-garden-version': props['data-garden-version'] || '8.74.0'
93
+ 'data-garden-version': props['data-garden-version'] || '9.0.0-next.0'
95
94
  })).withConfig({
96
95
  displayName: "StyledLabel",
97
96
  componentId: "sc-2utmsz-0"
@@ -104,7 +103,7 @@ const COMPONENT_ID$H = 'forms.fieldset_legend';
104
103
  const StyledLegend = styled__default.default(StyledLabel).attrs({
105
104
  as: 'legend',
106
105
  'data-garden-id': COMPONENT_ID$H,
107
- 'data-garden-version': '8.74.0'
106
+ 'data-garden-version': '9.0.0-next.0'
108
107
  }).withConfig({
109
108
  displayName: "StyledLegend",
110
109
  componentId: "sc-6s0zwq-0"
@@ -116,7 +115,7 @@ StyledLegend.defaultProps = {
116
115
  const COMPONENT_ID$G = 'forms.input_hint';
117
116
  const StyledHint = styled__default.default.div.attrs(props => ({
118
117
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$G,
119
- 'data-garden-version': props['data-garden-version'] || '8.74.0'
118
+ 'data-garden-version': props['data-garden-version'] || '9.0.0-next.0'
120
119
  })).withConfig({
121
120
  displayName: "StyledHint",
122
121
  componentId: "sc-17c2wu8-0"
@@ -221,7 +220,7 @@ const MessageIcon = _ref => {
221
220
  const COMPONENT_ID$F = 'forms.input_message_icon';
222
221
  const StyledMessageIcon = styled__default.default(MessageIcon).attrs({
223
222
  'data-garden-id': COMPONENT_ID$F,
224
- 'data-garden-version': '8.74.0',
223
+ 'data-garden-version': '9.0.0-next.0',
225
224
  'aria-hidden': null
226
225
  }).withConfig({
227
226
  displayName: "StyledMessageIcon",
@@ -249,7 +248,7 @@ const validationStyles = props => {
249
248
  const COMPONENT_ID$E = 'forms.input_message';
250
249
  const StyledMessage = styled__default.default.div.attrs(props => ({
251
250
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$E,
252
- 'data-garden-version': props['data-garden-version'] || '8.74.0'
251
+ 'data-garden-version': props['data-garden-version'] || '9.0.0-next.0'
253
252
  })).withConfig({
254
253
  displayName: "StyledMessage",
255
254
  componentId: "sc-30hgg7-0"
@@ -339,7 +338,7 @@ const sizeStyles$f = props => {
339
338
  };
340
339
  const StyledTextInput = styled__default.default.input.attrs(props => ({
341
340
  'data-garden-id': COMPONENT_ID$D,
342
- 'data-garden-version': '8.74.0',
341
+ 'data-garden-version': '9.0.0-next.0',
343
342
  'aria-invalid': isInvalid(props.validation)
344
343
  })).withConfig({
345
344
  displayName: "StyledTextInput",
@@ -362,7 +361,7 @@ const hiddenStyles = `
362
361
  const StyledTextarea = styled__default.default(StyledTextInput).attrs({
363
362
  as: 'textarea',
364
363
  'data-garden-id': COMPONENT_ID$C,
365
- 'data-garden-version': '8.74.0'
364
+ 'data-garden-version': '9.0.0-next.0'
366
365
  }).withConfig({
367
366
  displayName: "StyledTextarea",
368
367
  componentId: "sc-wxschl-0"
@@ -408,7 +407,7 @@ _ref => {
408
407
  return React__namespace.default.cloneElement(React.Children.only(children), props);
409
408
  }).attrs({
410
409
  'data-garden-id': COMPONENT_ID$B,
411
- 'data-garden-version': '8.74.0'
410
+ 'data-garden-version': '9.0.0-next.0'
412
411
  }).withConfig({
413
412
  displayName: "StyledTextMediaFigure",
414
413
  componentId: "sc-1qepknj-0"
@@ -455,7 +454,7 @@ const StyledTextFauxInput = styled__default.default(StyledTextInput).attrs(props
455
454
  'aria-readonly': props.isReadOnly,
456
455
  'aria-disabled': props.isDisabled,
457
456
  'data-garden-id': COMPONENT_ID$A,
458
- 'data-garden-version': '8.74.0'
457
+ 'data-garden-version': '9.0.0-next.0'
459
458
  })).withConfig({
460
459
  displayName: "StyledTextFauxInput",
461
460
  componentId: "sc-yqw7j9-0"
@@ -467,7 +466,7 @@ StyledTextFauxInput.defaultProps = {
467
466
  const COMPONENT_ID$z = 'forms.media_input';
468
467
  const StyledTextMediaInput = styled__default.default(StyledTextInput).attrs({
469
468
  'data-garden-id': COMPONENT_ID$z,
470
- 'data-garden-version': '8.74.0',
469
+ 'data-garden-version': '9.0.0-next.0',
471
470
  isBare: true
472
471
  }).withConfig({
473
472
  displayName: "StyledTextMediaInput",
@@ -489,7 +488,7 @@ const itemStyles = props => {
489
488
  };
490
489
  const StyledInputGroup = styled__default.default.div.attrs({
491
490
  'data-garden-id': COMPONENT_ID$y,
492
- 'data-garden-version': '8.74.0'
491
+ 'data-garden-version': '9.0.0-next.0'
493
492
  }).withConfig({
494
493
  displayName: "StyledInputGroup",
495
494
  componentId: "sc-kjh1f0-0"
@@ -507,7 +506,7 @@ const sizeStyles$d = props => {
507
506
  };
508
507
  const StyledRadioLabel = styled__default.default(StyledLabel).attrs({
509
508
  'data-garden-id': COMPONENT_ID$x,
510
- 'data-garden-version': '8.74.0',
509
+ 'data-garden-version': '9.0.0-next.0',
511
510
  isRadio: true
512
511
  }).withConfig({
513
512
  displayName: "StyledRadioLabel",
@@ -520,7 +519,7 @@ StyledRadioLabel.defaultProps = {
520
519
  const COMPONENT_ID$w = 'forms.checkbox_label';
521
520
  const StyledCheckLabel = styled__default.default(StyledRadioLabel).attrs({
522
521
  'data-garden-id': COMPONENT_ID$w,
523
- 'data-garden-version': '8.74.0'
522
+ 'data-garden-version': '9.0.0-next.0'
524
523
  }).withConfig({
525
524
  displayName: "StyledCheckLabel",
526
525
  componentId: "sc-x7nr1-0"
@@ -532,7 +531,7 @@ StyledCheckLabel.defaultProps = {
532
531
  const COMPONENT_ID$v = 'forms.radio_hint';
533
532
  const StyledRadioHint = styled__default.default(StyledHint).attrs({
534
533
  'data-garden-id': COMPONENT_ID$v,
535
- 'data-garden-version': '8.74.0'
534
+ 'data-garden-version': '9.0.0-next.0'
536
535
  }).withConfig({
537
536
  displayName: "StyledRadioHint",
538
537
  componentId: "sc-eo8twg-0"
@@ -544,7 +543,7 @@ StyledRadioHint.defaultProps = {
544
543
  const COMPONENT_ID$u = 'forms.checkbox_hint';
545
544
  const StyledCheckHint = styled__default.default(StyledRadioHint).attrs({
546
545
  'data-garden-id': COMPONENT_ID$u,
547
- 'data-garden-version': '8.74.0'
546
+ 'data-garden-version': '9.0.0-next.0'
548
547
  }).withConfig({
549
548
  displayName: "StyledCheckHint",
550
549
  componentId: "sc-1kl8e8c-0"
@@ -591,7 +590,7 @@ const sizeStyles$c = props => {
591
590
  };
592
591
  const StyledRadioInput = styled__default.default.input.attrs({
593
592
  'data-garden-id': COMPONENT_ID$t,
594
- 'data-garden-version': '8.74.0',
593
+ 'data-garden-version': '9.0.0-next.0',
595
594
  type: 'radio'
596
595
  }).withConfig({
597
596
  displayName: "StyledRadioInput",
@@ -613,7 +612,7 @@ const colorStyles$8 = props => {
613
612
  };
614
613
  const StyledCheckInput = styled__default.default(StyledRadioInput).attrs({
615
614
  'data-garden-id': COMPONENT_ID$s,
616
- 'data-garden-version': '8.74.0',
615
+ 'data-garden-version': '9.0.0-next.0',
617
616
  type: 'checkbox'
618
617
  }).withConfig({
619
618
  displayName: "StyledCheckInput",
@@ -626,7 +625,7 @@ StyledCheckInput.defaultProps = {
626
625
  const COMPONENT_ID$r = 'forms.radio_message';
627
626
  const StyledRadioMessage = styled__default.default(StyledMessage).attrs({
628
627
  'data-garden-id': COMPONENT_ID$r,
629
- 'data-garden-version': '8.74.0'
628
+ 'data-garden-version': '9.0.0-next.0'
630
629
  }).withConfig({
631
630
  displayName: "StyledRadioMessage",
632
631
  componentId: "sc-1pmi0q8-0"
@@ -638,7 +637,7 @@ StyledRadioMessage.defaultProps = {
638
637
  const COMPONENT_ID$q = 'forms.checkbox_message';
639
638
  const StyledCheckMessage = styled__default.default(StyledRadioMessage).attrs({
640
639
  'data-garden-id': COMPONENT_ID$q,
641
- 'data-garden-version': '8.74.0'
640
+ 'data-garden-version': '9.0.0-next.0'
642
641
  }).withConfig({
643
642
  displayName: "StyledCheckMessage",
644
643
  componentId: "sc-s4p6kd-0"
@@ -670,7 +669,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
670
669
  const COMPONENT_ID$p = 'forms.check_svg';
671
670
  const StyledCheckSvg = styled__default.default(SvgCheckSmFill).attrs({
672
671
  'data-garden-id': COMPONENT_ID$p,
673
- 'data-garden-version': '8.74.0'
672
+ 'data-garden-version': '9.0.0-next.0'
674
673
  }).withConfig({
675
674
  displayName: "StyledCheckSvg",
676
675
  componentId: "sc-fvxetk-0"
@@ -700,7 +699,7 @@ var SvgDashFill = function SvgDashFill(props) {
700
699
  const COMPONENT_ID$o = 'forms.dash_svg';
701
700
  const StyledDashSvg = styled__default.default(SvgDashFill).attrs({
702
701
  'data-garden-id': COMPONENT_ID$o,
703
- 'data-garden-version': '8.74.0'
702
+ 'data-garden-version': '9.0.0-next.0'
704
703
  }).withConfig({
705
704
  displayName: "StyledDashSvg",
706
705
  componentId: "sc-z3vq71-0"
@@ -731,7 +730,7 @@ const sizeStyles$b = props => {
731
730
  };
732
731
  const StyledFileUpload = styled__default.default.div.attrs({
733
732
  'data-garden-id': COMPONENT_ID$n,
734
- 'data-garden-version': '8.74.0'
733
+ 'data-garden-version': '9.0.0-next.0'
735
734
  }).withConfig({
736
735
  displayName: "StyledFileUpload",
737
736
  componentId: "sc-1rodjgn-0"
@@ -743,7 +742,7 @@ StyledFileUpload.defaultProps = {
743
742
  const COMPONENT_ID$m = 'forms.file.close';
744
743
  const StyledFileClose = styled__default.default.button.attrs({
745
744
  'data-garden-id': COMPONENT_ID$m,
746
- 'data-garden-version': '8.74.0'
745
+ 'data-garden-version': '9.0.0-next.0'
747
746
  }).withConfig({
748
747
  displayName: "StyledFileClose",
749
748
  componentId: "sc-1m31jbf-0"
@@ -806,7 +805,7 @@ const sizeStyles$a = props => {
806
805
  };
807
806
  const StyledFile = styled__default.default.div.attrs({
808
807
  'data-garden-id': COMPONENT_ID$l,
809
- 'data-garden-version': '8.74.0'
808
+ 'data-garden-version': '9.0.0-next.0'
810
809
  }).withConfig({
811
810
  displayName: "StyledFile",
812
811
  componentId: "sc-195lzp1-0"
@@ -818,7 +817,7 @@ StyledFile.defaultProps = {
818
817
  const COMPONENT_ID$k = 'forms.file.delete';
819
818
  const StyledFileDelete = styled__default.default(StyledFileClose).attrs({
820
819
  'data-garden-id': COMPONENT_ID$k,
821
- 'data-garden-version': '8.74.0'
820
+ 'data-garden-version': '9.0.0-next.0'
822
821
  }).withConfig({
823
822
  displayName: "StyledFileDelete",
824
823
  componentId: "sc-a8nnhx-0"
@@ -838,7 +837,7 @@ const StyledFileIcon = styled__default.default(_ref => {
838
837
  return React__namespace.default.cloneElement(React.Children.only(children), props);
839
838
  }).attrs({
840
839
  'data-garden-id': COMPONENT_ID$j,
841
- 'data-garden-version': '8.74.0'
840
+ 'data-garden-version': '9.0.0-next.0'
842
841
  }).withConfig({
843
842
  displayName: "StyledFileIcon",
844
843
  componentId: "sc-7b3q0c-0"
@@ -850,7 +849,7 @@ StyledFileIcon.defaultProps = {
850
849
  const COMPONENT_ID$i = 'forms.file_list';
851
850
  const StyledFileList = styled__default.default.ul.attrs({
852
851
  'data-garden-id': COMPONENT_ID$i,
853
- 'data-garden-version': '8.74.0'
852
+ 'data-garden-version': '9.0.0-next.0'
854
853
  }).withConfig({
855
854
  displayName: "StyledFileList",
856
855
  componentId: "sc-gbahjg-0"
@@ -862,7 +861,7 @@ StyledFileList.defaultProps = {
862
861
  const COMPONENT_ID$h = 'forms.file_list.item';
863
862
  const StyledFileListItem = styled__default.default.li.attrs({
864
863
  'data-garden-id': COMPONENT_ID$h,
865
- 'data-garden-version': '8.74.0'
864
+ 'data-garden-version': '9.0.0-next.0'
866
865
  }).withConfig({
867
866
  displayName: "StyledFileListItem",
868
867
  componentId: "sc-1ova3lo-0"
@@ -892,7 +891,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
892
891
  const COMPONENT_ID$g = 'forms.radio_svg';
893
892
  const StyledRadioSvg = styled__default.default(SvgCircleSmFill$1).attrs({
894
893
  'data-garden-id': COMPONENT_ID$g,
895
- 'data-garden-version': '8.74.0'
894
+ 'data-garden-version': '9.0.0-next.0'
896
895
  }).withConfig({
897
896
  displayName: "StyledRadioSvg",
898
897
  componentId: "sc-1r1qtr1-0"
@@ -909,7 +908,7 @@ const sizeStyles$9 = props => {
909
908
  };
910
909
  const StyledToggleLabel = styled__default.default(StyledCheckLabel).attrs({
911
910
  'data-garden-id': COMPONENT_ID$f,
912
- 'data-garden-version': '8.74.0'
911
+ 'data-garden-version': '9.0.0-next.0'
913
912
  }).withConfig({
914
913
  displayName: "StyledToggleLabel",
915
914
  componentId: "sc-e0asdk-0"
@@ -921,7 +920,7 @@ StyledToggleLabel.defaultProps = {
921
920
  const COMPONENT_ID$e = 'forms.toggle_hint';
922
921
  const StyledToggleHint = styled__default.default(StyledHint).attrs({
923
922
  'data-garden-id': COMPONENT_ID$e,
924
- 'data-garden-version': '8.74.0'
923
+ 'data-garden-version': '9.0.0-next.0'
925
924
  }).withConfig({
926
925
  displayName: "StyledToggleHint",
927
926
  componentId: "sc-nziggu-0"
@@ -948,7 +947,7 @@ const sizeStyles$8 = props => {
948
947
  };
949
948
  const StyledToggleInput = styled__default.default(StyledCheckInput).attrs({
950
949
  'data-garden-id': COMPONENT_ID$d,
951
- 'data-garden-version': '8.74.0'
950
+ 'data-garden-version': '9.0.0-next.0'
952
951
  }).withConfig({
953
952
  displayName: "StyledToggleInput",
954
953
  componentId: "sc-sgp47s-0"
@@ -960,7 +959,7 @@ StyledToggleInput.defaultProps = {
960
959
  const COMPONENT_ID$c = 'forms.toggle_message';
961
960
  const StyledToggleMessage = styled__default.default(StyledMessage).attrs({
962
961
  'data-garden-id': COMPONENT_ID$c,
963
- 'data-garden-version': '8.74.0'
962
+ 'data-garden-version': '9.0.0-next.0'
964
963
  }).withConfig({
965
964
  displayName: "StyledToggleMessage",
966
965
  componentId: "sc-13vuvl1-0"
@@ -990,7 +989,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
990
989
  const COMPONENT_ID$b = 'forms.toggle_svg';
991
990
  const StyledToggleSvg = styled__default.default(SvgCircleSmFill).attrs({
992
991
  'data-garden-id': COMPONENT_ID$b,
993
- 'data-garden-version': '8.74.0'
992
+ 'data-garden-version': '9.0.0-next.0'
994
993
  }).withConfig({
995
994
  displayName: "StyledToggleSvg",
996
995
  componentId: "sc-162xbyx-0"
@@ -1012,7 +1011,7 @@ const sizeStyles$7 = props => {
1012
1011
  };
1013
1012
  const StyledSelect = styled__default.default(StyledTextInput).attrs({
1014
1013
  'data-garden-id': COMPONENT_ID$a,
1015
- 'data-garden-version': '8.74.0',
1014
+ 'data-garden-version': '9.0.0-next.0',
1016
1015
  as: 'select'
1017
1016
  }).withConfig({
1018
1017
  displayName: "StyledSelect",
@@ -1025,7 +1024,7 @@ StyledSelect.defaultProps = {
1025
1024
  const COMPONENT_ID$9 = 'forms.select_wrapper';
1026
1025
  const StyledSelectWrapper = styled__default.default(StyledTextFauxInput).attrs({
1027
1026
  'data-garden-id': COMPONENT_ID$9,
1028
- 'data-garden-version': '8.74.0'
1027
+ 'data-garden-version': '9.0.0-next.0'
1029
1028
  }).withConfig({
1030
1029
  displayName: "StyledSelectWrapper",
1031
1030
  componentId: "sc-i7b6hw-0"
@@ -1150,7 +1149,7 @@ const sizeStyles$6 = props => {
1150
1149
  };
1151
1150
  const StyledRangeInput = styled__default.default.input.attrs(props => ({
1152
1151
  'data-garden-id': COMPONENT_ID$8,
1153
- 'data-garden-version': '8.74.0',
1152
+ 'data-garden-version': '9.0.0-next.0',
1154
1153
  type: 'range',
1155
1154
  style: {
1156
1155
  backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -1183,7 +1182,7 @@ StyledRangeInput.defaultProps = {
1183
1182
  const COMPONENT_ID$7 = 'forms.slider';
1184
1183
  const StyledSlider = styled__default.default.div.attrs({
1185
1184
  'data-garden-id': COMPONENT_ID$7,
1186
- 'data-garden-version': '8.74.0'
1185
+ 'data-garden-version': '9.0.0-next.0'
1187
1186
  }).withConfig({
1188
1187
  displayName: "StyledSlider",
1189
1188
  componentId: "sc-1di437a-0"
@@ -1215,7 +1214,7 @@ const sizeStyles$5 = props => {
1215
1214
  };
1216
1215
  const StyledSliderThumb = styled__default.default.div.attrs(props => ({
1217
1216
  'data-garden-id': COMPONENT_ID$6,
1218
- 'data-garden-version': '8.74.0',
1217
+ 'data-garden-version': '9.0.0-next.0',
1219
1218
  'aria-disabled': props.isDisabled
1220
1219
  })).withConfig({
1221
1220
  displayName: "StyledSliderThumb",
@@ -1245,7 +1244,7 @@ const sizeStyles$4 = props => {
1245
1244
  };
1246
1245
  const StyledSliderTrack = styled__default.default.div.attrs(props => ({
1247
1246
  'data-garden-id': COMPONENT_ID$5,
1248
- 'data-garden-version': '8.74.0',
1247
+ 'data-garden-version': '9.0.0-next.0',
1249
1248
  'aria-disabled': props.isDisabled
1250
1249
  })).withConfig({
1251
1250
  displayName: "StyledSliderTrack",
@@ -1265,7 +1264,7 @@ const sizeStyles$3 = props => {
1265
1264
  };
1266
1265
  const StyledSliderTrackRail = styled__default.default.div.attrs({
1267
1266
  'data-garden-id': COMPONENT_ID$4,
1268
- 'data-garden-version': '8.74.0'
1267
+ 'data-garden-version': '9.0.0-next.0'
1269
1268
  }).withConfig({
1270
1269
  displayName: "StyledSliderTrackRail",
1271
1270
  componentId: "sc-1o5owbd-0"
@@ -1292,7 +1291,7 @@ const sizeStyles$2 = props => {
1292
1291
  };
1293
1292
  const StyledTileIcon = styled__default.default.span.attrs({
1294
1293
  'data-garden-id': COMPONENT_ID$3,
1295
- 'data-garden-version': '8.74.0'
1294
+ 'data-garden-version': '9.0.0-next.0'
1296
1295
  }).withConfig({
1297
1296
  displayName: "StyledTileIcon",
1298
1297
  componentId: "sc-1wazhg4-0"
@@ -1333,7 +1332,7 @@ const colorStyles = props => {
1333
1332
  };
1334
1333
  const StyledTile = styled__default.default.label.attrs(props => ({
1335
1334
  'data-garden-id': COMPONENT_ID$2,
1336
- 'data-garden-version': '8.74.0',
1335
+ 'data-garden-version': '9.0.0-next.0',
1337
1336
  'data-garden-selected': props.isSelected
1338
1337
  })).withConfig({
1339
1338
  displayName: "StyledTile",
@@ -1357,7 +1356,7 @@ const sizeStyles$1 = props => {
1357
1356
  };
1358
1357
  const StyledTileDescription = styled__default.default.span.attrs({
1359
1358
  'data-garden-id': COMPONENT_ID$1,
1360
- 'data-garden-version': '8.74.0'
1359
+ 'data-garden-version': '9.0.0-next.0'
1361
1360
  }).withConfig({
1362
1361
  displayName: "StyledTileDescription",
1363
1362
  componentId: "sc-xfuu7u-0"
@@ -1390,7 +1389,7 @@ const sizeStyles = props => {
1390
1389
  };
1391
1390
  const StyledTileLabel = styled__default.default.span.attrs({
1392
1391
  'data-garden-id': COMPONENT_ID,
1393
- 'data-garden-version': '8.74.0'
1392
+ 'data-garden-version': '9.0.0-next.0'
1394
1393
  }).withConfig({
1395
1394
  displayName: "StyledTileLabel",
1396
1395
  componentId: "sc-1mypv27-0"
@@ -1783,7 +1782,7 @@ const Range = React__namespace.default.forwardRef((_ref, ref) => {
1783
1782
  updateBackgroundWidthFromInput(event.target);
1784
1783
  }) : props.onChange;
1785
1784
  let combinedProps = {
1786
- ref: mergeRefs__default.default([rangeRef, ref]),
1785
+ ref: reactMergeRefs.mergeRefs([rangeRef, ref]),
1787
1786
  hasLowerTrack,
1788
1787
  min,
1789
1788
  max,
@@ -1881,7 +1880,7 @@ const Textarea = React__namespace.default.forwardRef((_ref, ref) => {
1881
1880
  event.currentTarget.select();
1882
1881
  }) : onSelect;
1883
1882
  let combinedProps = {
1884
- ref: mergeRefs__default.default([textAreaRef, ref]),
1883
+ ref: reactMergeRefs.mergeRefs([textAreaRef, ref]),
1885
1884
  rows: minRows,
1886
1885
  onChange: onChangeHandler,
1887
1886
  onSelect: onSelectHandler,
@@ -2225,7 +2224,7 @@ const LabelComponent = React.forwardRef((props, forwardedRef) => {
2225
2224
  }
2226
2225
  }, [ref]);
2227
2226
  return React__namespace.default.createElement(StyledTileLabel, _extends$t({
2228
- ref: mergeRefs__default.default([ref, forwardedRef]),
2227
+ ref: reactMergeRefs.mergeRefs([ref, forwardedRef]),
2229
2228
  title: title,
2230
2229
  isCentered: tilesContext && tilesContext.isCentered
2231
2230
  }, props));
@@ -2895,7 +2894,7 @@ const MediaInput = React__namespace.default.forwardRef((_ref, ref) => {
2895
2894
  let combinedProps = {
2896
2895
  disabled,
2897
2896
  readOnly,
2898
- ref: mergeRefs__default.default([inputRef, ref]),
2897
+ ref: reactMergeRefs.mergeRefs([inputRef, ref]),
2899
2898
  onSelect: onSelectHandler,
2900
2899
  ...props
2901
2900
  };
package/dist/index.esm.js CHANGED
@@ -13,7 +13,7 @@ import { retrieveComponentStyles, DEFAULT_THEME, getLineHeight, getColor, focusS
13
13
  import { hideVisually, math, em, rgba } from 'polished';
14
14
  import PropTypes from 'prop-types';
15
15
  import { composeEventHandlers, getControlledValue } from '@zendeskgarden/container-utilities';
16
- import mergeRefs from 'react-merge-refs';
16
+ import { mergeRefs } from 'react-merge-refs';
17
17
  import { useSlider } from '@zendeskgarden/container-slider';
18
18
 
19
19
  function _extends$t() {
@@ -40,7 +40,7 @@ const useFieldContext = () => {
40
40
  const COMPONENT_ID$K = 'forms.field';
41
41
  const StyledField = styled.div.attrs({
42
42
  'data-garden-id': COMPONENT_ID$K,
43
- 'data-garden-version': '8.74.0'
43
+ 'data-garden-version': '9.0.0-next.0'
44
44
  }).withConfig({
45
45
  displayName: "StyledField",
46
46
  componentId: "sc-12gzfsu-0"
@@ -53,7 +53,7 @@ const COMPONENT_ID$J = 'forms.fieldset';
53
53
  const StyledFieldset = styled(StyledField).attrs({
54
54
  as: 'fieldset',
55
55
  'data-garden-id': COMPONENT_ID$J,
56
- 'data-garden-version': '8.74.0'
56
+ 'data-garden-version': '9.0.0-next.0'
57
57
  }).withConfig({
58
58
  displayName: "StyledFieldset",
59
59
  componentId: "sc-1vr4mxv-0"
@@ -65,7 +65,7 @@ StyledFieldset.defaultProps = {
65
65
  const COMPONENT_ID$I = 'forms.input_label';
66
66
  const StyledLabel = styled.label.attrs(props => ({
67
67
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$I,
68
- 'data-garden-version': props['data-garden-version'] || '8.74.0'
68
+ 'data-garden-version': props['data-garden-version'] || '9.0.0-next.0'
69
69
  })).withConfig({
70
70
  displayName: "StyledLabel",
71
71
  componentId: "sc-2utmsz-0"
@@ -78,7 +78,7 @@ const COMPONENT_ID$H = 'forms.fieldset_legend';
78
78
  const StyledLegend = styled(StyledLabel).attrs({
79
79
  as: 'legend',
80
80
  'data-garden-id': COMPONENT_ID$H,
81
- 'data-garden-version': '8.74.0'
81
+ 'data-garden-version': '9.0.0-next.0'
82
82
  }).withConfig({
83
83
  displayName: "StyledLegend",
84
84
  componentId: "sc-6s0zwq-0"
@@ -90,7 +90,7 @@ StyledLegend.defaultProps = {
90
90
  const COMPONENT_ID$G = 'forms.input_hint';
91
91
  const StyledHint = styled.div.attrs(props => ({
92
92
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$G,
93
- 'data-garden-version': props['data-garden-version'] || '8.74.0'
93
+ 'data-garden-version': props['data-garden-version'] || '9.0.0-next.0'
94
94
  })).withConfig({
95
95
  displayName: "StyledHint",
96
96
  componentId: "sc-17c2wu8-0"
@@ -195,7 +195,7 @@ const MessageIcon = _ref => {
195
195
  const COMPONENT_ID$F = 'forms.input_message_icon';
196
196
  const StyledMessageIcon = styled(MessageIcon).attrs({
197
197
  'data-garden-id': COMPONENT_ID$F,
198
- 'data-garden-version': '8.74.0',
198
+ 'data-garden-version': '9.0.0-next.0',
199
199
  'aria-hidden': null
200
200
  }).withConfig({
201
201
  displayName: "StyledMessageIcon",
@@ -223,7 +223,7 @@ const validationStyles = props => {
223
223
  const COMPONENT_ID$E = 'forms.input_message';
224
224
  const StyledMessage = styled.div.attrs(props => ({
225
225
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$E,
226
- 'data-garden-version': props['data-garden-version'] || '8.74.0'
226
+ 'data-garden-version': props['data-garden-version'] || '9.0.0-next.0'
227
227
  })).withConfig({
228
228
  displayName: "StyledMessage",
229
229
  componentId: "sc-30hgg7-0"
@@ -313,7 +313,7 @@ const sizeStyles$f = props => {
313
313
  };
314
314
  const StyledTextInput = styled.input.attrs(props => ({
315
315
  'data-garden-id': COMPONENT_ID$D,
316
- 'data-garden-version': '8.74.0',
316
+ 'data-garden-version': '9.0.0-next.0',
317
317
  'aria-invalid': isInvalid(props.validation)
318
318
  })).withConfig({
319
319
  displayName: "StyledTextInput",
@@ -336,7 +336,7 @@ const hiddenStyles = `
336
336
  const StyledTextarea = styled(StyledTextInput).attrs({
337
337
  as: 'textarea',
338
338
  'data-garden-id': COMPONENT_ID$C,
339
- 'data-garden-version': '8.74.0'
339
+ 'data-garden-version': '9.0.0-next.0'
340
340
  }).withConfig({
341
341
  displayName: "StyledTextarea",
342
342
  componentId: "sc-wxschl-0"
@@ -382,7 +382,7 @@ _ref => {
382
382
  return React__default.cloneElement(Children.only(children), props);
383
383
  }).attrs({
384
384
  'data-garden-id': COMPONENT_ID$B,
385
- 'data-garden-version': '8.74.0'
385
+ 'data-garden-version': '9.0.0-next.0'
386
386
  }).withConfig({
387
387
  displayName: "StyledTextMediaFigure",
388
388
  componentId: "sc-1qepknj-0"
@@ -429,7 +429,7 @@ const StyledTextFauxInput = styled(StyledTextInput).attrs(props => ({
429
429
  'aria-readonly': props.isReadOnly,
430
430
  'aria-disabled': props.isDisabled,
431
431
  'data-garden-id': COMPONENT_ID$A,
432
- 'data-garden-version': '8.74.0'
432
+ 'data-garden-version': '9.0.0-next.0'
433
433
  })).withConfig({
434
434
  displayName: "StyledTextFauxInput",
435
435
  componentId: "sc-yqw7j9-0"
@@ -441,7 +441,7 @@ StyledTextFauxInput.defaultProps = {
441
441
  const COMPONENT_ID$z = 'forms.media_input';
442
442
  const StyledTextMediaInput = styled(StyledTextInput).attrs({
443
443
  'data-garden-id': COMPONENT_ID$z,
444
- 'data-garden-version': '8.74.0',
444
+ 'data-garden-version': '9.0.0-next.0',
445
445
  isBare: true
446
446
  }).withConfig({
447
447
  displayName: "StyledTextMediaInput",
@@ -463,7 +463,7 @@ const itemStyles = props => {
463
463
  };
464
464
  const StyledInputGroup = styled.div.attrs({
465
465
  'data-garden-id': COMPONENT_ID$y,
466
- 'data-garden-version': '8.74.0'
466
+ 'data-garden-version': '9.0.0-next.0'
467
467
  }).withConfig({
468
468
  displayName: "StyledInputGroup",
469
469
  componentId: "sc-kjh1f0-0"
@@ -481,7 +481,7 @@ const sizeStyles$d = props => {
481
481
  };
482
482
  const StyledRadioLabel = styled(StyledLabel).attrs({
483
483
  'data-garden-id': COMPONENT_ID$x,
484
- 'data-garden-version': '8.74.0',
484
+ 'data-garden-version': '9.0.0-next.0',
485
485
  isRadio: true
486
486
  }).withConfig({
487
487
  displayName: "StyledRadioLabel",
@@ -494,7 +494,7 @@ StyledRadioLabel.defaultProps = {
494
494
  const COMPONENT_ID$w = 'forms.checkbox_label';
495
495
  const StyledCheckLabel = styled(StyledRadioLabel).attrs({
496
496
  'data-garden-id': COMPONENT_ID$w,
497
- 'data-garden-version': '8.74.0'
497
+ 'data-garden-version': '9.0.0-next.0'
498
498
  }).withConfig({
499
499
  displayName: "StyledCheckLabel",
500
500
  componentId: "sc-x7nr1-0"
@@ -506,7 +506,7 @@ StyledCheckLabel.defaultProps = {
506
506
  const COMPONENT_ID$v = 'forms.radio_hint';
507
507
  const StyledRadioHint = styled(StyledHint).attrs({
508
508
  'data-garden-id': COMPONENT_ID$v,
509
- 'data-garden-version': '8.74.0'
509
+ 'data-garden-version': '9.0.0-next.0'
510
510
  }).withConfig({
511
511
  displayName: "StyledRadioHint",
512
512
  componentId: "sc-eo8twg-0"
@@ -518,7 +518,7 @@ StyledRadioHint.defaultProps = {
518
518
  const COMPONENT_ID$u = 'forms.checkbox_hint';
519
519
  const StyledCheckHint = styled(StyledRadioHint).attrs({
520
520
  'data-garden-id': COMPONENT_ID$u,
521
- 'data-garden-version': '8.74.0'
521
+ 'data-garden-version': '9.0.0-next.0'
522
522
  }).withConfig({
523
523
  displayName: "StyledCheckHint",
524
524
  componentId: "sc-1kl8e8c-0"
@@ -565,7 +565,7 @@ const sizeStyles$c = props => {
565
565
  };
566
566
  const StyledRadioInput = styled.input.attrs({
567
567
  'data-garden-id': COMPONENT_ID$t,
568
- 'data-garden-version': '8.74.0',
568
+ 'data-garden-version': '9.0.0-next.0',
569
569
  type: 'radio'
570
570
  }).withConfig({
571
571
  displayName: "StyledRadioInput",
@@ -587,7 +587,7 @@ const colorStyles$8 = props => {
587
587
  };
588
588
  const StyledCheckInput = styled(StyledRadioInput).attrs({
589
589
  'data-garden-id': COMPONENT_ID$s,
590
- 'data-garden-version': '8.74.0',
590
+ 'data-garden-version': '9.0.0-next.0',
591
591
  type: 'checkbox'
592
592
  }).withConfig({
593
593
  displayName: "StyledCheckInput",
@@ -600,7 +600,7 @@ StyledCheckInput.defaultProps = {
600
600
  const COMPONENT_ID$r = 'forms.radio_message';
601
601
  const StyledRadioMessage = styled(StyledMessage).attrs({
602
602
  'data-garden-id': COMPONENT_ID$r,
603
- 'data-garden-version': '8.74.0'
603
+ 'data-garden-version': '9.0.0-next.0'
604
604
  }).withConfig({
605
605
  displayName: "StyledRadioMessage",
606
606
  componentId: "sc-1pmi0q8-0"
@@ -612,7 +612,7 @@ StyledRadioMessage.defaultProps = {
612
612
  const COMPONENT_ID$q = 'forms.checkbox_message';
613
613
  const StyledCheckMessage = styled(StyledRadioMessage).attrs({
614
614
  'data-garden-id': COMPONENT_ID$q,
615
- 'data-garden-version': '8.74.0'
615
+ 'data-garden-version': '9.0.0-next.0'
616
616
  }).withConfig({
617
617
  displayName: "StyledCheckMessage",
618
618
  componentId: "sc-s4p6kd-0"
@@ -644,7 +644,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
644
644
  const COMPONENT_ID$p = 'forms.check_svg';
645
645
  const StyledCheckSvg = styled(SvgCheckSmFill).attrs({
646
646
  'data-garden-id': COMPONENT_ID$p,
647
- 'data-garden-version': '8.74.0'
647
+ 'data-garden-version': '9.0.0-next.0'
648
648
  }).withConfig({
649
649
  displayName: "StyledCheckSvg",
650
650
  componentId: "sc-fvxetk-0"
@@ -674,7 +674,7 @@ var SvgDashFill = function SvgDashFill(props) {
674
674
  const COMPONENT_ID$o = 'forms.dash_svg';
675
675
  const StyledDashSvg = styled(SvgDashFill).attrs({
676
676
  'data-garden-id': COMPONENT_ID$o,
677
- 'data-garden-version': '8.74.0'
677
+ 'data-garden-version': '9.0.0-next.0'
678
678
  }).withConfig({
679
679
  displayName: "StyledDashSvg",
680
680
  componentId: "sc-z3vq71-0"
@@ -705,7 +705,7 @@ const sizeStyles$b = props => {
705
705
  };
706
706
  const StyledFileUpload = styled.div.attrs({
707
707
  'data-garden-id': COMPONENT_ID$n,
708
- 'data-garden-version': '8.74.0'
708
+ 'data-garden-version': '9.0.0-next.0'
709
709
  }).withConfig({
710
710
  displayName: "StyledFileUpload",
711
711
  componentId: "sc-1rodjgn-0"
@@ -717,7 +717,7 @@ StyledFileUpload.defaultProps = {
717
717
  const COMPONENT_ID$m = 'forms.file.close';
718
718
  const StyledFileClose = styled.button.attrs({
719
719
  'data-garden-id': COMPONENT_ID$m,
720
- 'data-garden-version': '8.74.0'
720
+ 'data-garden-version': '9.0.0-next.0'
721
721
  }).withConfig({
722
722
  displayName: "StyledFileClose",
723
723
  componentId: "sc-1m31jbf-0"
@@ -780,7 +780,7 @@ const sizeStyles$a = props => {
780
780
  };
781
781
  const StyledFile = styled.div.attrs({
782
782
  'data-garden-id': COMPONENT_ID$l,
783
- 'data-garden-version': '8.74.0'
783
+ 'data-garden-version': '9.0.0-next.0'
784
784
  }).withConfig({
785
785
  displayName: "StyledFile",
786
786
  componentId: "sc-195lzp1-0"
@@ -792,7 +792,7 @@ StyledFile.defaultProps = {
792
792
  const COMPONENT_ID$k = 'forms.file.delete';
793
793
  const StyledFileDelete = styled(StyledFileClose).attrs({
794
794
  'data-garden-id': COMPONENT_ID$k,
795
- 'data-garden-version': '8.74.0'
795
+ 'data-garden-version': '9.0.0-next.0'
796
796
  }).withConfig({
797
797
  displayName: "StyledFileDelete",
798
798
  componentId: "sc-a8nnhx-0"
@@ -812,7 +812,7 @@ const StyledFileIcon = styled(_ref => {
812
812
  return React__default.cloneElement(Children.only(children), props);
813
813
  }).attrs({
814
814
  'data-garden-id': COMPONENT_ID$j,
815
- 'data-garden-version': '8.74.0'
815
+ 'data-garden-version': '9.0.0-next.0'
816
816
  }).withConfig({
817
817
  displayName: "StyledFileIcon",
818
818
  componentId: "sc-7b3q0c-0"
@@ -824,7 +824,7 @@ StyledFileIcon.defaultProps = {
824
824
  const COMPONENT_ID$i = 'forms.file_list';
825
825
  const StyledFileList = styled.ul.attrs({
826
826
  'data-garden-id': COMPONENT_ID$i,
827
- 'data-garden-version': '8.74.0'
827
+ 'data-garden-version': '9.0.0-next.0'
828
828
  }).withConfig({
829
829
  displayName: "StyledFileList",
830
830
  componentId: "sc-gbahjg-0"
@@ -836,7 +836,7 @@ StyledFileList.defaultProps = {
836
836
  const COMPONENT_ID$h = 'forms.file_list.item';
837
837
  const StyledFileListItem = styled.li.attrs({
838
838
  'data-garden-id': COMPONENT_ID$h,
839
- 'data-garden-version': '8.74.0'
839
+ 'data-garden-version': '9.0.0-next.0'
840
840
  }).withConfig({
841
841
  displayName: "StyledFileListItem",
842
842
  componentId: "sc-1ova3lo-0"
@@ -866,7 +866,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
866
866
  const COMPONENT_ID$g = 'forms.radio_svg';
867
867
  const StyledRadioSvg = styled(SvgCircleSmFill$1).attrs({
868
868
  'data-garden-id': COMPONENT_ID$g,
869
- 'data-garden-version': '8.74.0'
869
+ 'data-garden-version': '9.0.0-next.0'
870
870
  }).withConfig({
871
871
  displayName: "StyledRadioSvg",
872
872
  componentId: "sc-1r1qtr1-0"
@@ -883,7 +883,7 @@ const sizeStyles$9 = props => {
883
883
  };
884
884
  const StyledToggleLabel = styled(StyledCheckLabel).attrs({
885
885
  'data-garden-id': COMPONENT_ID$f,
886
- 'data-garden-version': '8.74.0'
886
+ 'data-garden-version': '9.0.0-next.0'
887
887
  }).withConfig({
888
888
  displayName: "StyledToggleLabel",
889
889
  componentId: "sc-e0asdk-0"
@@ -895,7 +895,7 @@ StyledToggleLabel.defaultProps = {
895
895
  const COMPONENT_ID$e = 'forms.toggle_hint';
896
896
  const StyledToggleHint = styled(StyledHint).attrs({
897
897
  'data-garden-id': COMPONENT_ID$e,
898
- 'data-garden-version': '8.74.0'
898
+ 'data-garden-version': '9.0.0-next.0'
899
899
  }).withConfig({
900
900
  displayName: "StyledToggleHint",
901
901
  componentId: "sc-nziggu-0"
@@ -922,7 +922,7 @@ const sizeStyles$8 = props => {
922
922
  };
923
923
  const StyledToggleInput = styled(StyledCheckInput).attrs({
924
924
  'data-garden-id': COMPONENT_ID$d,
925
- 'data-garden-version': '8.74.0'
925
+ 'data-garden-version': '9.0.0-next.0'
926
926
  }).withConfig({
927
927
  displayName: "StyledToggleInput",
928
928
  componentId: "sc-sgp47s-0"
@@ -934,7 +934,7 @@ StyledToggleInput.defaultProps = {
934
934
  const COMPONENT_ID$c = 'forms.toggle_message';
935
935
  const StyledToggleMessage = styled(StyledMessage).attrs({
936
936
  'data-garden-id': COMPONENT_ID$c,
937
- 'data-garden-version': '8.74.0'
937
+ 'data-garden-version': '9.0.0-next.0'
938
938
  }).withConfig({
939
939
  displayName: "StyledToggleMessage",
940
940
  componentId: "sc-13vuvl1-0"
@@ -964,7 +964,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
964
964
  const COMPONENT_ID$b = 'forms.toggle_svg';
965
965
  const StyledToggleSvg = styled(SvgCircleSmFill).attrs({
966
966
  'data-garden-id': COMPONENT_ID$b,
967
- 'data-garden-version': '8.74.0'
967
+ 'data-garden-version': '9.0.0-next.0'
968
968
  }).withConfig({
969
969
  displayName: "StyledToggleSvg",
970
970
  componentId: "sc-162xbyx-0"
@@ -986,7 +986,7 @@ const sizeStyles$7 = props => {
986
986
  };
987
987
  const StyledSelect = styled(StyledTextInput).attrs({
988
988
  'data-garden-id': COMPONENT_ID$a,
989
- 'data-garden-version': '8.74.0',
989
+ 'data-garden-version': '9.0.0-next.0',
990
990
  as: 'select'
991
991
  }).withConfig({
992
992
  displayName: "StyledSelect",
@@ -999,7 +999,7 @@ StyledSelect.defaultProps = {
999
999
  const COMPONENT_ID$9 = 'forms.select_wrapper';
1000
1000
  const StyledSelectWrapper = styled(StyledTextFauxInput).attrs({
1001
1001
  'data-garden-id': COMPONENT_ID$9,
1002
- 'data-garden-version': '8.74.0'
1002
+ 'data-garden-version': '9.0.0-next.0'
1003
1003
  }).withConfig({
1004
1004
  displayName: "StyledSelectWrapper",
1005
1005
  componentId: "sc-i7b6hw-0"
@@ -1124,7 +1124,7 @@ const sizeStyles$6 = props => {
1124
1124
  };
1125
1125
  const StyledRangeInput = styled.input.attrs(props => ({
1126
1126
  'data-garden-id': COMPONENT_ID$8,
1127
- 'data-garden-version': '8.74.0',
1127
+ 'data-garden-version': '9.0.0-next.0',
1128
1128
  type: 'range',
1129
1129
  style: {
1130
1130
  backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -1157,7 +1157,7 @@ StyledRangeInput.defaultProps = {
1157
1157
  const COMPONENT_ID$7 = 'forms.slider';
1158
1158
  const StyledSlider = styled.div.attrs({
1159
1159
  'data-garden-id': COMPONENT_ID$7,
1160
- 'data-garden-version': '8.74.0'
1160
+ 'data-garden-version': '9.0.0-next.0'
1161
1161
  }).withConfig({
1162
1162
  displayName: "StyledSlider",
1163
1163
  componentId: "sc-1di437a-0"
@@ -1189,7 +1189,7 @@ const sizeStyles$5 = props => {
1189
1189
  };
1190
1190
  const StyledSliderThumb = styled.div.attrs(props => ({
1191
1191
  'data-garden-id': COMPONENT_ID$6,
1192
- 'data-garden-version': '8.74.0',
1192
+ 'data-garden-version': '9.0.0-next.0',
1193
1193
  'aria-disabled': props.isDisabled
1194
1194
  })).withConfig({
1195
1195
  displayName: "StyledSliderThumb",
@@ -1219,7 +1219,7 @@ const sizeStyles$4 = props => {
1219
1219
  };
1220
1220
  const StyledSliderTrack = styled.div.attrs(props => ({
1221
1221
  'data-garden-id': COMPONENT_ID$5,
1222
- 'data-garden-version': '8.74.0',
1222
+ 'data-garden-version': '9.0.0-next.0',
1223
1223
  'aria-disabled': props.isDisabled
1224
1224
  })).withConfig({
1225
1225
  displayName: "StyledSliderTrack",
@@ -1239,7 +1239,7 @@ const sizeStyles$3 = props => {
1239
1239
  };
1240
1240
  const StyledSliderTrackRail = styled.div.attrs({
1241
1241
  'data-garden-id': COMPONENT_ID$4,
1242
- 'data-garden-version': '8.74.0'
1242
+ 'data-garden-version': '9.0.0-next.0'
1243
1243
  }).withConfig({
1244
1244
  displayName: "StyledSliderTrackRail",
1245
1245
  componentId: "sc-1o5owbd-0"
@@ -1266,7 +1266,7 @@ const sizeStyles$2 = props => {
1266
1266
  };
1267
1267
  const StyledTileIcon = styled.span.attrs({
1268
1268
  'data-garden-id': COMPONENT_ID$3,
1269
- 'data-garden-version': '8.74.0'
1269
+ 'data-garden-version': '9.0.0-next.0'
1270
1270
  }).withConfig({
1271
1271
  displayName: "StyledTileIcon",
1272
1272
  componentId: "sc-1wazhg4-0"
@@ -1307,7 +1307,7 @@ const colorStyles = props => {
1307
1307
  };
1308
1308
  const StyledTile = styled.label.attrs(props => ({
1309
1309
  'data-garden-id': COMPONENT_ID$2,
1310
- 'data-garden-version': '8.74.0',
1310
+ 'data-garden-version': '9.0.0-next.0',
1311
1311
  'data-garden-selected': props.isSelected
1312
1312
  })).withConfig({
1313
1313
  displayName: "StyledTile",
@@ -1331,7 +1331,7 @@ const sizeStyles$1 = props => {
1331
1331
  };
1332
1332
  const StyledTileDescription = styled.span.attrs({
1333
1333
  'data-garden-id': COMPONENT_ID$1,
1334
- 'data-garden-version': '8.74.0'
1334
+ 'data-garden-version': '9.0.0-next.0'
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.span.attrs({
1366
1366
  'data-garden-id': COMPONENT_ID,
1367
- 'data-garden-version': '8.74.0'
1367
+ 'data-garden-version': '9.0.0-next.0'
1368
1368
  }).withConfig({
1369
1369
  displayName: "StyledTileLabel",
1370
1370
  componentId: "sc-1mypv27-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-forms",
3
- "version": "8.74.0",
3
+ "version": "9.0.0-next.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>",
@@ -23,11 +23,11 @@
23
23
  "dependencies": {
24
24
  "@zendeskgarden/container-field": "^3.0.0",
25
25
  "@zendeskgarden/container-slider": "^0.1.1",
26
- "@zendeskgarden/container-utilities": "^1.0.0",
26
+ "@zendeskgarden/container-utilities": "^2.0.0",
27
27
  "lodash.debounce": "^4.0.8",
28
28
  "polished": "^4.0.0",
29
29
  "prop-types": "^15.5.7",
30
- "react-merge-refs": "^1.1.0"
30
+ "react-merge-refs": "^2.0.0"
31
31
  },
32
32
  "peerDependencies": {
33
33
  "@zendeskgarden/react-theming": "^8.67.0",
@@ -37,7 +37,7 @@
37
37
  },
38
38
  "devDependencies": {
39
39
  "@types/lodash.debounce": "4.0.9",
40
- "@zendeskgarden/react-theming": "^8.74.0",
40
+ "@zendeskgarden/react-theming": "^9.0.0-next.0",
41
41
  "@zendeskgarden/svg-icons": "7.0.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": "77c2ddc2495aba2573821228afc606cb0640a613"
54
+ "gitHead": "7145e970afa57b024ab7d505f2220a656e430c04"
55
55
  }