@zendeskgarden/react-forms 8.75.0 → 8.75.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +48 -48
- package/dist/index.esm.js +48 -48
- package/package.json +3 -3
package/dist/index.cjs.js
CHANGED
|
@@ -66,7 +66,7 @@ const useFieldContext = () => {
|
|
|
66
66
|
const COMPONENT_ID$K = 'forms.field';
|
|
67
67
|
const StyledField = styled__default.default.div.attrs({
|
|
68
68
|
'data-garden-id': COMPONENT_ID$K,
|
|
69
|
-
'data-garden-version': '8.75.
|
|
69
|
+
'data-garden-version': '8.75.1'
|
|
70
70
|
}).withConfig({
|
|
71
71
|
displayName: "StyledField",
|
|
72
72
|
componentId: "sc-12gzfsu-0"
|
|
@@ -79,7 +79,7 @@ const COMPONENT_ID$J = 'forms.fieldset';
|
|
|
79
79
|
const StyledFieldset = styled__default.default(StyledField).attrs({
|
|
80
80
|
as: 'fieldset',
|
|
81
81
|
'data-garden-id': COMPONENT_ID$J,
|
|
82
|
-
'data-garden-version': '8.75.
|
|
82
|
+
'data-garden-version': '8.75.1'
|
|
83
83
|
}).withConfig({
|
|
84
84
|
displayName: "StyledFieldset",
|
|
85
85
|
componentId: "sc-1vr4mxv-0"
|
|
@@ -91,7 +91,7 @@ StyledFieldset.defaultProps = {
|
|
|
91
91
|
const COMPONENT_ID$I = 'forms.input_label';
|
|
92
92
|
const StyledLabel = styled__default.default.label.attrs(props => ({
|
|
93
93
|
'data-garden-id': props['data-garden-id'] || COMPONENT_ID$I,
|
|
94
|
-
'data-garden-version': props['data-garden-version'] || '8.75.
|
|
94
|
+
'data-garden-version': props['data-garden-version'] || '8.75.1'
|
|
95
95
|
})).withConfig({
|
|
96
96
|
displayName: "StyledLabel",
|
|
97
97
|
componentId: "sc-2utmsz-0"
|
|
@@ -104,7 +104,7 @@ const COMPONENT_ID$H = 'forms.fieldset_legend';
|
|
|
104
104
|
const StyledLegend = styled__default.default(StyledLabel).attrs({
|
|
105
105
|
as: 'legend',
|
|
106
106
|
'data-garden-id': COMPONENT_ID$H,
|
|
107
|
-
'data-garden-version': '8.75.
|
|
107
|
+
'data-garden-version': '8.75.1'
|
|
108
108
|
}).withConfig({
|
|
109
109
|
displayName: "StyledLegend",
|
|
110
110
|
componentId: "sc-6s0zwq-0"
|
|
@@ -116,7 +116,7 @@ StyledLegend.defaultProps = {
|
|
|
116
116
|
const COMPONENT_ID$G = 'forms.input_hint';
|
|
117
117
|
const StyledHint = styled__default.default.div.attrs(props => ({
|
|
118
118
|
'data-garden-id': props['data-garden-id'] || COMPONENT_ID$G,
|
|
119
|
-
'data-garden-version': props['data-garden-version'] || '8.75.
|
|
119
|
+
'data-garden-version': props['data-garden-version'] || '8.75.1'
|
|
120
120
|
})).withConfig({
|
|
121
121
|
displayName: "StyledHint",
|
|
122
122
|
componentId: "sc-17c2wu8-0"
|
|
@@ -221,7 +221,7 @@ const MessageIcon = _ref => {
|
|
|
221
221
|
const COMPONENT_ID$F = 'forms.input_message_icon';
|
|
222
222
|
const StyledMessageIcon = styled__default.default(MessageIcon).attrs({
|
|
223
223
|
'data-garden-id': COMPONENT_ID$F,
|
|
224
|
-
'data-garden-version': '8.75.
|
|
224
|
+
'data-garden-version': '8.75.1',
|
|
225
225
|
'aria-hidden': null
|
|
226
226
|
}).withConfig({
|
|
227
227
|
displayName: "StyledMessageIcon",
|
|
@@ -249,7 +249,7 @@ const validationStyles = props => {
|
|
|
249
249
|
const COMPONENT_ID$E = 'forms.input_message';
|
|
250
250
|
const StyledMessage = styled__default.default.div.attrs(props => ({
|
|
251
251
|
'data-garden-id': props['data-garden-id'] || COMPONENT_ID$E,
|
|
252
|
-
'data-garden-version': props['data-garden-version'] || '8.75.
|
|
252
|
+
'data-garden-version': props['data-garden-version'] || '8.75.1'
|
|
253
253
|
})).withConfig({
|
|
254
254
|
displayName: "StyledMessage",
|
|
255
255
|
componentId: "sc-30hgg7-0"
|
|
@@ -339,7 +339,7 @@ const sizeStyles$f = props => {
|
|
|
339
339
|
};
|
|
340
340
|
const StyledTextInput = styled__default.default.input.attrs(props => ({
|
|
341
341
|
'data-garden-id': COMPONENT_ID$D,
|
|
342
|
-
'data-garden-version': '8.75.
|
|
342
|
+
'data-garden-version': '8.75.1',
|
|
343
343
|
'aria-invalid': isInvalid(props.validation)
|
|
344
344
|
})).withConfig({
|
|
345
345
|
displayName: "StyledTextInput",
|
|
@@ -362,7 +362,7 @@ const hiddenStyles = `
|
|
|
362
362
|
const StyledTextarea = styled__default.default(StyledTextInput).attrs({
|
|
363
363
|
as: 'textarea',
|
|
364
364
|
'data-garden-id': COMPONENT_ID$C,
|
|
365
|
-
'data-garden-version': '8.75.
|
|
365
|
+
'data-garden-version': '8.75.1'
|
|
366
366
|
}).withConfig({
|
|
367
367
|
displayName: "StyledTextarea",
|
|
368
368
|
componentId: "sc-wxschl-0"
|
|
@@ -408,7 +408,7 @@ _ref => {
|
|
|
408
408
|
return React__namespace.default.cloneElement(React.Children.only(children), props);
|
|
409
409
|
}).attrs({
|
|
410
410
|
'data-garden-id': COMPONENT_ID$B,
|
|
411
|
-
'data-garden-version': '8.75.
|
|
411
|
+
'data-garden-version': '8.75.1'
|
|
412
412
|
}).withConfig({
|
|
413
413
|
displayName: "StyledTextMediaFigure",
|
|
414
414
|
componentId: "sc-1qepknj-0"
|
|
@@ -455,7 +455,7 @@ const StyledTextFauxInput = styled__default.default(StyledTextInput).attrs(props
|
|
|
455
455
|
'aria-readonly': props.isReadOnly,
|
|
456
456
|
'aria-disabled': props.isDisabled,
|
|
457
457
|
'data-garden-id': COMPONENT_ID$A,
|
|
458
|
-
'data-garden-version': '8.75.
|
|
458
|
+
'data-garden-version': '8.75.1'
|
|
459
459
|
})).withConfig({
|
|
460
460
|
displayName: "StyledTextFauxInput",
|
|
461
461
|
componentId: "sc-yqw7j9-0"
|
|
@@ -467,7 +467,7 @@ StyledTextFauxInput.defaultProps = {
|
|
|
467
467
|
const COMPONENT_ID$z = 'forms.media_input';
|
|
468
468
|
const StyledTextMediaInput = styled__default.default(StyledTextInput).attrs({
|
|
469
469
|
'data-garden-id': COMPONENT_ID$z,
|
|
470
|
-
'data-garden-version': '8.75.
|
|
470
|
+
'data-garden-version': '8.75.1',
|
|
471
471
|
isBare: true
|
|
472
472
|
}).withConfig({
|
|
473
473
|
displayName: "StyledTextMediaInput",
|
|
@@ -485,11 +485,11 @@ const positionStyles = props => {
|
|
|
485
485
|
const itemStyles = props => {
|
|
486
486
|
const startDirection = props.theme.rtl ? 'right' : 'left';
|
|
487
487
|
const endDirection = props.theme.rtl ? 'left' : 'right';
|
|
488
|
-
return styled.css(["& > *{z-index:-1;}& > ", "{z-index:0;}& > ", ":disabled{z-index:-2;}& > ", ":hover,& > button:hover,& > ", ":focus-visible,& > button:focus-visible,& > ", "[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, StyledTextInput, StyledTextInput, startDirection, props.theme.borderWidths.sm, endDirection, endDirection, startDirection, startDirection);
|
|
488
|
+
return styled.css(["& > *{z-index:-1;}& > ", "{z-index:0;}& > ", ":disabled{z-index:-2;}& > ", ":hover,& > button:hover,& > ", ":focus-visible,& > button:focus-visible,& > ", "[data-garden-focus-visible],& > button[data-garden-focus-visible],& > ", ":active,& > button:active,& > button[aria-pressed='true'],& > button[aria-pressed='mixed']{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, StyledTextInput, StyledTextInput, startDirection, props.theme.borderWidths.sm, endDirection, endDirection, startDirection, startDirection);
|
|
489
489
|
};
|
|
490
490
|
const StyledInputGroup = styled__default.default.div.attrs({
|
|
491
491
|
'data-garden-id': COMPONENT_ID$y,
|
|
492
|
-
'data-garden-version': '8.75.
|
|
492
|
+
'data-garden-version': '8.75.1'
|
|
493
493
|
}).withConfig({
|
|
494
494
|
displayName: "StyledInputGroup",
|
|
495
495
|
componentId: "sc-kjh1f0-0"
|
|
@@ -507,7 +507,7 @@ const sizeStyles$d = props => {
|
|
|
507
507
|
};
|
|
508
508
|
const StyledRadioLabel = styled__default.default(StyledLabel).attrs({
|
|
509
509
|
'data-garden-id': COMPONENT_ID$x,
|
|
510
|
-
'data-garden-version': '8.75.
|
|
510
|
+
'data-garden-version': '8.75.1',
|
|
511
511
|
isRadio: true
|
|
512
512
|
}).withConfig({
|
|
513
513
|
displayName: "StyledRadioLabel",
|
|
@@ -520,7 +520,7 @@ StyledRadioLabel.defaultProps = {
|
|
|
520
520
|
const COMPONENT_ID$w = 'forms.checkbox_label';
|
|
521
521
|
const StyledCheckLabel = styled__default.default(StyledRadioLabel).attrs({
|
|
522
522
|
'data-garden-id': COMPONENT_ID$w,
|
|
523
|
-
'data-garden-version': '8.75.
|
|
523
|
+
'data-garden-version': '8.75.1'
|
|
524
524
|
}).withConfig({
|
|
525
525
|
displayName: "StyledCheckLabel",
|
|
526
526
|
componentId: "sc-x7nr1-0"
|
|
@@ -532,7 +532,7 @@ StyledCheckLabel.defaultProps = {
|
|
|
532
532
|
const COMPONENT_ID$v = 'forms.radio_hint';
|
|
533
533
|
const StyledRadioHint = styled__default.default(StyledHint).attrs({
|
|
534
534
|
'data-garden-id': COMPONENT_ID$v,
|
|
535
|
-
'data-garden-version': '8.75.
|
|
535
|
+
'data-garden-version': '8.75.1'
|
|
536
536
|
}).withConfig({
|
|
537
537
|
displayName: "StyledRadioHint",
|
|
538
538
|
componentId: "sc-eo8twg-0"
|
|
@@ -544,7 +544,7 @@ StyledRadioHint.defaultProps = {
|
|
|
544
544
|
const COMPONENT_ID$u = 'forms.checkbox_hint';
|
|
545
545
|
const StyledCheckHint = styled__default.default(StyledRadioHint).attrs({
|
|
546
546
|
'data-garden-id': COMPONENT_ID$u,
|
|
547
|
-
'data-garden-version': '8.75.
|
|
547
|
+
'data-garden-version': '8.75.1'
|
|
548
548
|
}).withConfig({
|
|
549
549
|
displayName: "StyledCheckHint",
|
|
550
550
|
componentId: "sc-1kl8e8c-0"
|
|
@@ -591,7 +591,7 @@ const sizeStyles$c = props => {
|
|
|
591
591
|
};
|
|
592
592
|
const StyledRadioInput = styled__default.default.input.attrs({
|
|
593
593
|
'data-garden-id': COMPONENT_ID$t,
|
|
594
|
-
'data-garden-version': '8.75.
|
|
594
|
+
'data-garden-version': '8.75.1',
|
|
595
595
|
type: 'radio'
|
|
596
596
|
}).withConfig({
|
|
597
597
|
displayName: "StyledRadioInput",
|
|
@@ -613,7 +613,7 @@ const colorStyles$8 = props => {
|
|
|
613
613
|
};
|
|
614
614
|
const StyledCheckInput = styled__default.default(StyledRadioInput).attrs({
|
|
615
615
|
'data-garden-id': COMPONENT_ID$s,
|
|
616
|
-
'data-garden-version': '8.75.
|
|
616
|
+
'data-garden-version': '8.75.1',
|
|
617
617
|
type: 'checkbox'
|
|
618
618
|
}).withConfig({
|
|
619
619
|
displayName: "StyledCheckInput",
|
|
@@ -626,7 +626,7 @@ StyledCheckInput.defaultProps = {
|
|
|
626
626
|
const COMPONENT_ID$r = 'forms.radio_message';
|
|
627
627
|
const StyledRadioMessage = styled__default.default(StyledMessage).attrs({
|
|
628
628
|
'data-garden-id': COMPONENT_ID$r,
|
|
629
|
-
'data-garden-version': '8.75.
|
|
629
|
+
'data-garden-version': '8.75.1'
|
|
630
630
|
}).withConfig({
|
|
631
631
|
displayName: "StyledRadioMessage",
|
|
632
632
|
componentId: "sc-1pmi0q8-0"
|
|
@@ -638,7 +638,7 @@ StyledRadioMessage.defaultProps = {
|
|
|
638
638
|
const COMPONENT_ID$q = 'forms.checkbox_message';
|
|
639
639
|
const StyledCheckMessage = styled__default.default(StyledRadioMessage).attrs({
|
|
640
640
|
'data-garden-id': COMPONENT_ID$q,
|
|
641
|
-
'data-garden-version': '8.75.
|
|
641
|
+
'data-garden-version': '8.75.1'
|
|
642
642
|
}).withConfig({
|
|
643
643
|
displayName: "StyledCheckMessage",
|
|
644
644
|
componentId: "sc-s4p6kd-0"
|
|
@@ -670,7 +670,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
|
|
|
670
670
|
const COMPONENT_ID$p = 'forms.check_svg';
|
|
671
671
|
const StyledCheckSvg = styled__default.default(SvgCheckSmFill).attrs({
|
|
672
672
|
'data-garden-id': COMPONENT_ID$p,
|
|
673
|
-
'data-garden-version': '8.75.
|
|
673
|
+
'data-garden-version': '8.75.1'
|
|
674
674
|
}).withConfig({
|
|
675
675
|
displayName: "StyledCheckSvg",
|
|
676
676
|
componentId: "sc-fvxetk-0"
|
|
@@ -700,7 +700,7 @@ var SvgDashFill = function SvgDashFill(props) {
|
|
|
700
700
|
const COMPONENT_ID$o = 'forms.dash_svg';
|
|
701
701
|
const StyledDashSvg = styled__default.default(SvgDashFill).attrs({
|
|
702
702
|
'data-garden-id': COMPONENT_ID$o,
|
|
703
|
-
'data-garden-version': '8.75.
|
|
703
|
+
'data-garden-version': '8.75.1'
|
|
704
704
|
}).withConfig({
|
|
705
705
|
displayName: "StyledDashSvg",
|
|
706
706
|
componentId: "sc-z3vq71-0"
|
|
@@ -731,7 +731,7 @@ const sizeStyles$b = props => {
|
|
|
731
731
|
};
|
|
732
732
|
const StyledFileUpload = styled__default.default.div.attrs({
|
|
733
733
|
'data-garden-id': COMPONENT_ID$n,
|
|
734
|
-
'data-garden-version': '8.75.
|
|
734
|
+
'data-garden-version': '8.75.1'
|
|
735
735
|
}).withConfig({
|
|
736
736
|
displayName: "StyledFileUpload",
|
|
737
737
|
componentId: "sc-1rodjgn-0"
|
|
@@ -743,7 +743,7 @@ StyledFileUpload.defaultProps = {
|
|
|
743
743
|
const COMPONENT_ID$m = 'forms.file.close';
|
|
744
744
|
const StyledFileClose = styled__default.default.button.attrs({
|
|
745
745
|
'data-garden-id': COMPONENT_ID$m,
|
|
746
|
-
'data-garden-version': '8.75.
|
|
746
|
+
'data-garden-version': '8.75.1'
|
|
747
747
|
}).withConfig({
|
|
748
748
|
displayName: "StyledFileClose",
|
|
749
749
|
componentId: "sc-1m31jbf-0"
|
|
@@ -806,7 +806,7 @@ const sizeStyles$a = props => {
|
|
|
806
806
|
};
|
|
807
807
|
const StyledFile = styled__default.default.div.attrs({
|
|
808
808
|
'data-garden-id': COMPONENT_ID$l,
|
|
809
|
-
'data-garden-version': '8.75.
|
|
809
|
+
'data-garden-version': '8.75.1'
|
|
810
810
|
}).withConfig({
|
|
811
811
|
displayName: "StyledFile",
|
|
812
812
|
componentId: "sc-195lzp1-0"
|
|
@@ -818,7 +818,7 @@ StyledFile.defaultProps = {
|
|
|
818
818
|
const COMPONENT_ID$k = 'forms.file.delete';
|
|
819
819
|
const StyledFileDelete = styled__default.default(StyledFileClose).attrs({
|
|
820
820
|
'data-garden-id': COMPONENT_ID$k,
|
|
821
|
-
'data-garden-version': '8.75.
|
|
821
|
+
'data-garden-version': '8.75.1'
|
|
822
822
|
}).withConfig({
|
|
823
823
|
displayName: "StyledFileDelete",
|
|
824
824
|
componentId: "sc-a8nnhx-0"
|
|
@@ -838,7 +838,7 @@ const StyledFileIcon = styled__default.default(_ref => {
|
|
|
838
838
|
return React__namespace.default.cloneElement(React.Children.only(children), props);
|
|
839
839
|
}).attrs({
|
|
840
840
|
'data-garden-id': COMPONENT_ID$j,
|
|
841
|
-
'data-garden-version': '8.75.
|
|
841
|
+
'data-garden-version': '8.75.1'
|
|
842
842
|
}).withConfig({
|
|
843
843
|
displayName: "StyledFileIcon",
|
|
844
844
|
componentId: "sc-7b3q0c-0"
|
|
@@ -850,7 +850,7 @@ StyledFileIcon.defaultProps = {
|
|
|
850
850
|
const COMPONENT_ID$i = 'forms.file_list';
|
|
851
851
|
const StyledFileList = styled__default.default.ul.attrs({
|
|
852
852
|
'data-garden-id': COMPONENT_ID$i,
|
|
853
|
-
'data-garden-version': '8.75.
|
|
853
|
+
'data-garden-version': '8.75.1'
|
|
854
854
|
}).withConfig({
|
|
855
855
|
displayName: "StyledFileList",
|
|
856
856
|
componentId: "sc-gbahjg-0"
|
|
@@ -862,7 +862,7 @@ StyledFileList.defaultProps = {
|
|
|
862
862
|
const COMPONENT_ID$h = 'forms.file_list.item';
|
|
863
863
|
const StyledFileListItem = styled__default.default.li.attrs({
|
|
864
864
|
'data-garden-id': COMPONENT_ID$h,
|
|
865
|
-
'data-garden-version': '8.75.
|
|
865
|
+
'data-garden-version': '8.75.1'
|
|
866
866
|
}).withConfig({
|
|
867
867
|
displayName: "StyledFileListItem",
|
|
868
868
|
componentId: "sc-1ova3lo-0"
|
|
@@ -892,7 +892,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
|
|
|
892
892
|
const COMPONENT_ID$g = 'forms.radio_svg';
|
|
893
893
|
const StyledRadioSvg = styled__default.default(SvgCircleSmFill$1).attrs({
|
|
894
894
|
'data-garden-id': COMPONENT_ID$g,
|
|
895
|
-
'data-garden-version': '8.75.
|
|
895
|
+
'data-garden-version': '8.75.1'
|
|
896
896
|
}).withConfig({
|
|
897
897
|
displayName: "StyledRadioSvg",
|
|
898
898
|
componentId: "sc-1r1qtr1-0"
|
|
@@ -909,7 +909,7 @@ const sizeStyles$9 = props => {
|
|
|
909
909
|
};
|
|
910
910
|
const StyledToggleLabel = styled__default.default(StyledCheckLabel).attrs({
|
|
911
911
|
'data-garden-id': COMPONENT_ID$f,
|
|
912
|
-
'data-garden-version': '8.75.
|
|
912
|
+
'data-garden-version': '8.75.1'
|
|
913
913
|
}).withConfig({
|
|
914
914
|
displayName: "StyledToggleLabel",
|
|
915
915
|
componentId: "sc-e0asdk-0"
|
|
@@ -921,7 +921,7 @@ StyledToggleLabel.defaultProps = {
|
|
|
921
921
|
const COMPONENT_ID$e = 'forms.toggle_hint';
|
|
922
922
|
const StyledToggleHint = styled__default.default(StyledHint).attrs({
|
|
923
923
|
'data-garden-id': COMPONENT_ID$e,
|
|
924
|
-
'data-garden-version': '8.75.
|
|
924
|
+
'data-garden-version': '8.75.1'
|
|
925
925
|
}).withConfig({
|
|
926
926
|
displayName: "StyledToggleHint",
|
|
927
927
|
componentId: "sc-nziggu-0"
|
|
@@ -948,7 +948,7 @@ const sizeStyles$8 = props => {
|
|
|
948
948
|
};
|
|
949
949
|
const StyledToggleInput = styled__default.default(StyledCheckInput).attrs({
|
|
950
950
|
'data-garden-id': COMPONENT_ID$d,
|
|
951
|
-
'data-garden-version': '8.75.
|
|
951
|
+
'data-garden-version': '8.75.1'
|
|
952
952
|
}).withConfig({
|
|
953
953
|
displayName: "StyledToggleInput",
|
|
954
954
|
componentId: "sc-sgp47s-0"
|
|
@@ -960,7 +960,7 @@ StyledToggleInput.defaultProps = {
|
|
|
960
960
|
const COMPONENT_ID$c = 'forms.toggle_message';
|
|
961
961
|
const StyledToggleMessage = styled__default.default(StyledMessage).attrs({
|
|
962
962
|
'data-garden-id': COMPONENT_ID$c,
|
|
963
|
-
'data-garden-version': '8.75.
|
|
963
|
+
'data-garden-version': '8.75.1'
|
|
964
964
|
}).withConfig({
|
|
965
965
|
displayName: "StyledToggleMessage",
|
|
966
966
|
componentId: "sc-13vuvl1-0"
|
|
@@ -990,7 +990,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
|
|
|
990
990
|
const COMPONENT_ID$b = 'forms.toggle_svg';
|
|
991
991
|
const StyledToggleSvg = styled__default.default(SvgCircleSmFill).attrs({
|
|
992
992
|
'data-garden-id': COMPONENT_ID$b,
|
|
993
|
-
'data-garden-version': '8.75.
|
|
993
|
+
'data-garden-version': '8.75.1'
|
|
994
994
|
}).withConfig({
|
|
995
995
|
displayName: "StyledToggleSvg",
|
|
996
996
|
componentId: "sc-162xbyx-0"
|
|
@@ -1012,7 +1012,7 @@ const sizeStyles$7 = props => {
|
|
|
1012
1012
|
};
|
|
1013
1013
|
const StyledSelect = styled__default.default(StyledTextInput).attrs({
|
|
1014
1014
|
'data-garden-id': COMPONENT_ID$a,
|
|
1015
|
-
'data-garden-version': '8.75.
|
|
1015
|
+
'data-garden-version': '8.75.1',
|
|
1016
1016
|
as: 'select'
|
|
1017
1017
|
}).withConfig({
|
|
1018
1018
|
displayName: "StyledSelect",
|
|
@@ -1025,7 +1025,7 @@ StyledSelect.defaultProps = {
|
|
|
1025
1025
|
const COMPONENT_ID$9 = 'forms.select_wrapper';
|
|
1026
1026
|
const StyledSelectWrapper = styled__default.default(StyledTextFauxInput).attrs({
|
|
1027
1027
|
'data-garden-id': COMPONENT_ID$9,
|
|
1028
|
-
'data-garden-version': '8.75.
|
|
1028
|
+
'data-garden-version': '8.75.1'
|
|
1029
1029
|
}).withConfig({
|
|
1030
1030
|
displayName: "StyledSelectWrapper",
|
|
1031
1031
|
componentId: "sc-i7b6hw-0"
|
|
@@ -1150,7 +1150,7 @@ const sizeStyles$6 = props => {
|
|
|
1150
1150
|
};
|
|
1151
1151
|
const StyledRangeInput = styled__default.default.input.attrs(props => ({
|
|
1152
1152
|
'data-garden-id': COMPONENT_ID$8,
|
|
1153
|
-
'data-garden-version': '8.75.
|
|
1153
|
+
'data-garden-version': '8.75.1',
|
|
1154
1154
|
type: 'range',
|
|
1155
1155
|
style: {
|
|
1156
1156
|
backgroundSize: props.hasLowerTrack && props.backgroundSize
|
|
@@ -1183,7 +1183,7 @@ StyledRangeInput.defaultProps = {
|
|
|
1183
1183
|
const COMPONENT_ID$7 = 'forms.slider';
|
|
1184
1184
|
const StyledSlider = styled__default.default.div.attrs({
|
|
1185
1185
|
'data-garden-id': COMPONENT_ID$7,
|
|
1186
|
-
'data-garden-version': '8.75.
|
|
1186
|
+
'data-garden-version': '8.75.1'
|
|
1187
1187
|
}).withConfig({
|
|
1188
1188
|
displayName: "StyledSlider",
|
|
1189
1189
|
componentId: "sc-1di437a-0"
|
|
@@ -1215,7 +1215,7 @@ const sizeStyles$5 = props => {
|
|
|
1215
1215
|
};
|
|
1216
1216
|
const StyledSliderThumb = styled__default.default.div.attrs(props => ({
|
|
1217
1217
|
'data-garden-id': COMPONENT_ID$6,
|
|
1218
|
-
'data-garden-version': '8.75.
|
|
1218
|
+
'data-garden-version': '8.75.1',
|
|
1219
1219
|
'aria-disabled': props.isDisabled
|
|
1220
1220
|
})).withConfig({
|
|
1221
1221
|
displayName: "StyledSliderThumb",
|
|
@@ -1245,7 +1245,7 @@ const sizeStyles$4 = props => {
|
|
|
1245
1245
|
};
|
|
1246
1246
|
const StyledSliderTrack = styled__default.default.div.attrs(props => ({
|
|
1247
1247
|
'data-garden-id': COMPONENT_ID$5,
|
|
1248
|
-
'data-garden-version': '8.75.
|
|
1248
|
+
'data-garden-version': '8.75.1',
|
|
1249
1249
|
'aria-disabled': props.isDisabled
|
|
1250
1250
|
})).withConfig({
|
|
1251
1251
|
displayName: "StyledSliderTrack",
|
|
@@ -1265,7 +1265,7 @@ const sizeStyles$3 = props => {
|
|
|
1265
1265
|
};
|
|
1266
1266
|
const StyledSliderTrackRail = styled__default.default.div.attrs({
|
|
1267
1267
|
'data-garden-id': COMPONENT_ID$4,
|
|
1268
|
-
'data-garden-version': '8.75.
|
|
1268
|
+
'data-garden-version': '8.75.1'
|
|
1269
1269
|
}).withConfig({
|
|
1270
1270
|
displayName: "StyledSliderTrackRail",
|
|
1271
1271
|
componentId: "sc-1o5owbd-0"
|
|
@@ -1292,7 +1292,7 @@ const sizeStyles$2 = props => {
|
|
|
1292
1292
|
};
|
|
1293
1293
|
const StyledTileIcon = styled__default.default.span.attrs({
|
|
1294
1294
|
'data-garden-id': COMPONENT_ID$3,
|
|
1295
|
-
'data-garden-version': '8.75.
|
|
1295
|
+
'data-garden-version': '8.75.1'
|
|
1296
1296
|
}).withConfig({
|
|
1297
1297
|
displayName: "StyledTileIcon",
|
|
1298
1298
|
componentId: "sc-1wazhg4-0"
|
|
@@ -1333,7 +1333,7 @@ const colorStyles = props => {
|
|
|
1333
1333
|
};
|
|
1334
1334
|
const StyledTile = styled__default.default.label.attrs(props => ({
|
|
1335
1335
|
'data-garden-id': COMPONENT_ID$2,
|
|
1336
|
-
'data-garden-version': '8.75.
|
|
1336
|
+
'data-garden-version': '8.75.1',
|
|
1337
1337
|
'data-garden-selected': props.isSelected
|
|
1338
1338
|
})).withConfig({
|
|
1339
1339
|
displayName: "StyledTile",
|
|
@@ -1357,7 +1357,7 @@ const sizeStyles$1 = props => {
|
|
|
1357
1357
|
};
|
|
1358
1358
|
const StyledTileDescription = styled__default.default.span.attrs({
|
|
1359
1359
|
'data-garden-id': COMPONENT_ID$1,
|
|
1360
|
-
'data-garden-version': '8.75.
|
|
1360
|
+
'data-garden-version': '8.75.1'
|
|
1361
1361
|
}).withConfig({
|
|
1362
1362
|
displayName: "StyledTileDescription",
|
|
1363
1363
|
componentId: "sc-xfuu7u-0"
|
|
@@ -1390,7 +1390,7 @@ const sizeStyles = props => {
|
|
|
1390
1390
|
};
|
|
1391
1391
|
const StyledTileLabel = styled__default.default.span.attrs({
|
|
1392
1392
|
'data-garden-id': COMPONENT_ID,
|
|
1393
|
-
'data-garden-version': '8.75.
|
|
1393
|
+
'data-garden-version': '8.75.1'
|
|
1394
1394
|
}).withConfig({
|
|
1395
1395
|
displayName: "StyledTileLabel",
|
|
1396
1396
|
componentId: "sc-1mypv27-0"
|
package/dist/index.esm.js
CHANGED
|
@@ -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.75.
|
|
43
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
56
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
68
|
+
'data-garden-version': props['data-garden-version'] || '8.75.1'
|
|
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.75.
|
|
81
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
93
|
+
'data-garden-version': props['data-garden-version'] || '8.75.1'
|
|
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.75.
|
|
198
|
+
'data-garden-version': '8.75.1',
|
|
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.75.
|
|
226
|
+
'data-garden-version': props['data-garden-version'] || '8.75.1'
|
|
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.75.
|
|
316
|
+
'data-garden-version': '8.75.1',
|
|
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.75.
|
|
339
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
385
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
432
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
444
|
+
'data-garden-version': '8.75.1',
|
|
445
445
|
isBare: true
|
|
446
446
|
}).withConfig({
|
|
447
447
|
displayName: "StyledTextMediaInput",
|
|
@@ -459,11 +459,11 @@ const positionStyles = props => {
|
|
|
459
459
|
const itemStyles = props => {
|
|
460
460
|
const startDirection = props.theme.rtl ? 'right' : 'left';
|
|
461
461
|
const endDirection = props.theme.rtl ? 'left' : 'right';
|
|
462
|
-
return css(["& > *{z-index:-1;}& > ", "{z-index:0;}& > ", ":disabled{z-index:-2;}& > ", ":hover,& > button:hover,& > ", ":focus-visible,& > button:focus-visible,& > ", "[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, StyledTextInput, StyledTextInput, startDirection, props.theme.borderWidths.sm, endDirection, endDirection, startDirection, startDirection);
|
|
462
|
+
return css(["& > *{z-index:-1;}& > ", "{z-index:0;}& > ", ":disabled{z-index:-2;}& > ", ":hover,& > button:hover,& > ", ":focus-visible,& > button:focus-visible,& > ", "[data-garden-focus-visible],& > button[data-garden-focus-visible],& > ", ":active,& > button:active,& > button[aria-pressed='true'],& > button[aria-pressed='mixed']{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, StyledTextInput, StyledTextInput, startDirection, props.theme.borderWidths.sm, endDirection, endDirection, startDirection, startDirection);
|
|
463
463
|
};
|
|
464
464
|
const StyledInputGroup = styled.div.attrs({
|
|
465
465
|
'data-garden-id': COMPONENT_ID$y,
|
|
466
|
-
'data-garden-version': '8.75.
|
|
466
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
484
|
+
'data-garden-version': '8.75.1',
|
|
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.75.
|
|
497
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
509
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
521
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
568
|
+
'data-garden-version': '8.75.1',
|
|
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.75.
|
|
590
|
+
'data-garden-version': '8.75.1',
|
|
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.75.
|
|
603
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
615
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
647
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
677
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
708
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
720
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
783
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
795
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
815
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
827
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
839
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
869
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
886
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
898
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
925
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
937
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
967
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
989
|
+
'data-garden-version': '8.75.1',
|
|
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.75.
|
|
1002
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
1127
|
+
'data-garden-version': '8.75.1',
|
|
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.75.
|
|
1160
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
1192
|
+
'data-garden-version': '8.75.1',
|
|
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.75.
|
|
1222
|
+
'data-garden-version': '8.75.1',
|
|
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.75.
|
|
1242
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
1269
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
1310
|
+
'data-garden-version': '8.75.1',
|
|
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.75.
|
|
1334
|
+
'data-garden-version': '8.75.1'
|
|
1335
1335
|
}).withConfig({
|
|
1336
1336
|
displayName: "StyledTileDescription",
|
|
1337
1337
|
componentId: "sc-xfuu7u-0"
|
|
@@ -1364,7 +1364,7 @@ const sizeStyles = props => {
|
|
|
1364
1364
|
};
|
|
1365
1365
|
const StyledTileLabel = styled.span.attrs({
|
|
1366
1366
|
'data-garden-id': COMPONENT_ID,
|
|
1367
|
-
'data-garden-version': '8.75.
|
|
1367
|
+
'data-garden-version': '8.75.1'
|
|
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.75.
|
|
3
|
+
"version": "8.75.1",
|
|
4
4
|
"description": "Components relating to form elements in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@types/lodash.debounce": "4.0.9",
|
|
40
|
-
"@zendeskgarden/react-theming": "^8.75.
|
|
40
|
+
"@zendeskgarden/react-theming": "^8.75.1",
|
|
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": "
|
|
54
|
+
"gitHead": "8e2bb36bcfef722db47a135fc987f72597be5000"
|
|
55
55
|
}
|