@zendeskgarden/react-forms 8.63.0 → 8.63.2

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