@zendeskgarden/react-forms 8.74.1 → 8.74.3
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 +53 -52
- package/dist/index.esm.js +48 -48
- package/package.json +4 -4
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
|
|
17
|
+
var mergeRefs = 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,6 +40,7 @@ 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);
|
|
43
44
|
|
|
44
45
|
function _extends$t() {
|
|
45
46
|
_extends$t = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -65,7 +66,7 @@ const useFieldContext = () => {
|
|
|
65
66
|
const COMPONENT_ID$K = 'forms.field';
|
|
66
67
|
const StyledField = styled__default.default.div.attrs({
|
|
67
68
|
'data-garden-id': COMPONENT_ID$K,
|
|
68
|
-
'data-garden-version': '8.74.
|
|
69
|
+
'data-garden-version': '8.74.3'
|
|
69
70
|
}).withConfig({
|
|
70
71
|
displayName: "StyledField",
|
|
71
72
|
componentId: "sc-12gzfsu-0"
|
|
@@ -78,7 +79,7 @@ const COMPONENT_ID$J = 'forms.fieldset';
|
|
|
78
79
|
const StyledFieldset = styled__default.default(StyledField).attrs({
|
|
79
80
|
as: 'fieldset',
|
|
80
81
|
'data-garden-id': COMPONENT_ID$J,
|
|
81
|
-
'data-garden-version': '8.74.
|
|
82
|
+
'data-garden-version': '8.74.3'
|
|
82
83
|
}).withConfig({
|
|
83
84
|
displayName: "StyledFieldset",
|
|
84
85
|
componentId: "sc-1vr4mxv-0"
|
|
@@ -90,7 +91,7 @@ StyledFieldset.defaultProps = {
|
|
|
90
91
|
const COMPONENT_ID$I = 'forms.input_label';
|
|
91
92
|
const StyledLabel = styled__default.default.label.attrs(props => ({
|
|
92
93
|
'data-garden-id': props['data-garden-id'] || COMPONENT_ID$I,
|
|
93
|
-
'data-garden-version': props['data-garden-version'] || '8.74.
|
|
94
|
+
'data-garden-version': props['data-garden-version'] || '8.74.3'
|
|
94
95
|
})).withConfig({
|
|
95
96
|
displayName: "StyledLabel",
|
|
96
97
|
componentId: "sc-2utmsz-0"
|
|
@@ -103,7 +104,7 @@ const COMPONENT_ID$H = 'forms.fieldset_legend';
|
|
|
103
104
|
const StyledLegend = styled__default.default(StyledLabel).attrs({
|
|
104
105
|
as: 'legend',
|
|
105
106
|
'data-garden-id': COMPONENT_ID$H,
|
|
106
|
-
'data-garden-version': '8.74.
|
|
107
|
+
'data-garden-version': '8.74.3'
|
|
107
108
|
}).withConfig({
|
|
108
109
|
displayName: "StyledLegend",
|
|
109
110
|
componentId: "sc-6s0zwq-0"
|
|
@@ -115,7 +116,7 @@ StyledLegend.defaultProps = {
|
|
|
115
116
|
const COMPONENT_ID$G = 'forms.input_hint';
|
|
116
117
|
const StyledHint = styled__default.default.div.attrs(props => ({
|
|
117
118
|
'data-garden-id': props['data-garden-id'] || COMPONENT_ID$G,
|
|
118
|
-
'data-garden-version': props['data-garden-version'] || '8.74.
|
|
119
|
+
'data-garden-version': props['data-garden-version'] || '8.74.3'
|
|
119
120
|
})).withConfig({
|
|
120
121
|
displayName: "StyledHint",
|
|
121
122
|
componentId: "sc-17c2wu8-0"
|
|
@@ -220,7 +221,7 @@ const MessageIcon = _ref => {
|
|
|
220
221
|
const COMPONENT_ID$F = 'forms.input_message_icon';
|
|
221
222
|
const StyledMessageIcon = styled__default.default(MessageIcon).attrs({
|
|
222
223
|
'data-garden-id': COMPONENT_ID$F,
|
|
223
|
-
'data-garden-version': '8.74.
|
|
224
|
+
'data-garden-version': '8.74.3',
|
|
224
225
|
'aria-hidden': null
|
|
225
226
|
}).withConfig({
|
|
226
227
|
displayName: "StyledMessageIcon",
|
|
@@ -248,7 +249,7 @@ const validationStyles = props => {
|
|
|
248
249
|
const COMPONENT_ID$E = 'forms.input_message';
|
|
249
250
|
const StyledMessage = styled__default.default.div.attrs(props => ({
|
|
250
251
|
'data-garden-id': props['data-garden-id'] || COMPONENT_ID$E,
|
|
251
|
-
'data-garden-version': props['data-garden-version'] || '8.74.
|
|
252
|
+
'data-garden-version': props['data-garden-version'] || '8.74.3'
|
|
252
253
|
})).withConfig({
|
|
253
254
|
displayName: "StyledMessage",
|
|
254
255
|
componentId: "sc-30hgg7-0"
|
|
@@ -338,7 +339,7 @@ const sizeStyles$f = props => {
|
|
|
338
339
|
};
|
|
339
340
|
const StyledTextInput = styled__default.default.input.attrs(props => ({
|
|
340
341
|
'data-garden-id': COMPONENT_ID$D,
|
|
341
|
-
'data-garden-version': '8.74.
|
|
342
|
+
'data-garden-version': '8.74.3',
|
|
342
343
|
'aria-invalid': isInvalid(props.validation)
|
|
343
344
|
})).withConfig({
|
|
344
345
|
displayName: "StyledTextInput",
|
|
@@ -361,7 +362,7 @@ const hiddenStyles = `
|
|
|
361
362
|
const StyledTextarea = styled__default.default(StyledTextInput).attrs({
|
|
362
363
|
as: 'textarea',
|
|
363
364
|
'data-garden-id': COMPONENT_ID$C,
|
|
364
|
-
'data-garden-version': '8.74.
|
|
365
|
+
'data-garden-version': '8.74.3'
|
|
365
366
|
}).withConfig({
|
|
366
367
|
displayName: "StyledTextarea",
|
|
367
368
|
componentId: "sc-wxschl-0"
|
|
@@ -407,7 +408,7 @@ _ref => {
|
|
|
407
408
|
return React__namespace.default.cloneElement(React.Children.only(children), props);
|
|
408
409
|
}).attrs({
|
|
409
410
|
'data-garden-id': COMPONENT_ID$B,
|
|
410
|
-
'data-garden-version': '8.74.
|
|
411
|
+
'data-garden-version': '8.74.3'
|
|
411
412
|
}).withConfig({
|
|
412
413
|
displayName: "StyledTextMediaFigure",
|
|
413
414
|
componentId: "sc-1qepknj-0"
|
|
@@ -454,7 +455,7 @@ const StyledTextFauxInput = styled__default.default(StyledTextInput).attrs(props
|
|
|
454
455
|
'aria-readonly': props.isReadOnly,
|
|
455
456
|
'aria-disabled': props.isDisabled,
|
|
456
457
|
'data-garden-id': COMPONENT_ID$A,
|
|
457
|
-
'data-garden-version': '8.74.
|
|
458
|
+
'data-garden-version': '8.74.3'
|
|
458
459
|
})).withConfig({
|
|
459
460
|
displayName: "StyledTextFauxInput",
|
|
460
461
|
componentId: "sc-yqw7j9-0"
|
|
@@ -466,7 +467,7 @@ StyledTextFauxInput.defaultProps = {
|
|
|
466
467
|
const COMPONENT_ID$z = 'forms.media_input';
|
|
467
468
|
const StyledTextMediaInput = styled__default.default(StyledTextInput).attrs({
|
|
468
469
|
'data-garden-id': COMPONENT_ID$z,
|
|
469
|
-
'data-garden-version': '8.74.
|
|
470
|
+
'data-garden-version': '8.74.3',
|
|
470
471
|
isBare: true
|
|
471
472
|
}).withConfig({
|
|
472
473
|
displayName: "StyledTextMediaInput",
|
|
@@ -488,7 +489,7 @@ const itemStyles = props => {
|
|
|
488
489
|
};
|
|
489
490
|
const StyledInputGroup = styled__default.default.div.attrs({
|
|
490
491
|
'data-garden-id': COMPONENT_ID$y,
|
|
491
|
-
'data-garden-version': '8.74.
|
|
492
|
+
'data-garden-version': '8.74.3'
|
|
492
493
|
}).withConfig({
|
|
493
494
|
displayName: "StyledInputGroup",
|
|
494
495
|
componentId: "sc-kjh1f0-0"
|
|
@@ -506,7 +507,7 @@ const sizeStyles$d = props => {
|
|
|
506
507
|
};
|
|
507
508
|
const StyledRadioLabel = styled__default.default(StyledLabel).attrs({
|
|
508
509
|
'data-garden-id': COMPONENT_ID$x,
|
|
509
|
-
'data-garden-version': '8.74.
|
|
510
|
+
'data-garden-version': '8.74.3',
|
|
510
511
|
isRadio: true
|
|
511
512
|
}).withConfig({
|
|
512
513
|
displayName: "StyledRadioLabel",
|
|
@@ -519,7 +520,7 @@ StyledRadioLabel.defaultProps = {
|
|
|
519
520
|
const COMPONENT_ID$w = 'forms.checkbox_label';
|
|
520
521
|
const StyledCheckLabel = styled__default.default(StyledRadioLabel).attrs({
|
|
521
522
|
'data-garden-id': COMPONENT_ID$w,
|
|
522
|
-
'data-garden-version': '8.74.
|
|
523
|
+
'data-garden-version': '8.74.3'
|
|
523
524
|
}).withConfig({
|
|
524
525
|
displayName: "StyledCheckLabel",
|
|
525
526
|
componentId: "sc-x7nr1-0"
|
|
@@ -531,7 +532,7 @@ StyledCheckLabel.defaultProps = {
|
|
|
531
532
|
const COMPONENT_ID$v = 'forms.radio_hint';
|
|
532
533
|
const StyledRadioHint = styled__default.default(StyledHint).attrs({
|
|
533
534
|
'data-garden-id': COMPONENT_ID$v,
|
|
534
|
-
'data-garden-version': '8.74.
|
|
535
|
+
'data-garden-version': '8.74.3'
|
|
535
536
|
}).withConfig({
|
|
536
537
|
displayName: "StyledRadioHint",
|
|
537
538
|
componentId: "sc-eo8twg-0"
|
|
@@ -543,7 +544,7 @@ StyledRadioHint.defaultProps = {
|
|
|
543
544
|
const COMPONENT_ID$u = 'forms.checkbox_hint';
|
|
544
545
|
const StyledCheckHint = styled__default.default(StyledRadioHint).attrs({
|
|
545
546
|
'data-garden-id': COMPONENT_ID$u,
|
|
546
|
-
'data-garden-version': '8.74.
|
|
547
|
+
'data-garden-version': '8.74.3'
|
|
547
548
|
}).withConfig({
|
|
548
549
|
displayName: "StyledCheckHint",
|
|
549
550
|
componentId: "sc-1kl8e8c-0"
|
|
@@ -590,7 +591,7 @@ const sizeStyles$c = props => {
|
|
|
590
591
|
};
|
|
591
592
|
const StyledRadioInput = styled__default.default.input.attrs({
|
|
592
593
|
'data-garden-id': COMPONENT_ID$t,
|
|
593
|
-
'data-garden-version': '8.74.
|
|
594
|
+
'data-garden-version': '8.74.3',
|
|
594
595
|
type: 'radio'
|
|
595
596
|
}).withConfig({
|
|
596
597
|
displayName: "StyledRadioInput",
|
|
@@ -612,7 +613,7 @@ const colorStyles$8 = props => {
|
|
|
612
613
|
};
|
|
613
614
|
const StyledCheckInput = styled__default.default(StyledRadioInput).attrs({
|
|
614
615
|
'data-garden-id': COMPONENT_ID$s,
|
|
615
|
-
'data-garden-version': '8.74.
|
|
616
|
+
'data-garden-version': '8.74.3',
|
|
616
617
|
type: 'checkbox'
|
|
617
618
|
}).withConfig({
|
|
618
619
|
displayName: "StyledCheckInput",
|
|
@@ -625,7 +626,7 @@ StyledCheckInput.defaultProps = {
|
|
|
625
626
|
const COMPONENT_ID$r = 'forms.radio_message';
|
|
626
627
|
const StyledRadioMessage = styled__default.default(StyledMessage).attrs({
|
|
627
628
|
'data-garden-id': COMPONENT_ID$r,
|
|
628
|
-
'data-garden-version': '8.74.
|
|
629
|
+
'data-garden-version': '8.74.3'
|
|
629
630
|
}).withConfig({
|
|
630
631
|
displayName: "StyledRadioMessage",
|
|
631
632
|
componentId: "sc-1pmi0q8-0"
|
|
@@ -637,7 +638,7 @@ StyledRadioMessage.defaultProps = {
|
|
|
637
638
|
const COMPONENT_ID$q = 'forms.checkbox_message';
|
|
638
639
|
const StyledCheckMessage = styled__default.default(StyledRadioMessage).attrs({
|
|
639
640
|
'data-garden-id': COMPONENT_ID$q,
|
|
640
|
-
'data-garden-version': '8.74.
|
|
641
|
+
'data-garden-version': '8.74.3'
|
|
641
642
|
}).withConfig({
|
|
642
643
|
displayName: "StyledCheckMessage",
|
|
643
644
|
componentId: "sc-s4p6kd-0"
|
|
@@ -669,7 +670,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
|
|
|
669
670
|
const COMPONENT_ID$p = 'forms.check_svg';
|
|
670
671
|
const StyledCheckSvg = styled__default.default(SvgCheckSmFill).attrs({
|
|
671
672
|
'data-garden-id': COMPONENT_ID$p,
|
|
672
|
-
'data-garden-version': '8.74.
|
|
673
|
+
'data-garden-version': '8.74.3'
|
|
673
674
|
}).withConfig({
|
|
674
675
|
displayName: "StyledCheckSvg",
|
|
675
676
|
componentId: "sc-fvxetk-0"
|
|
@@ -699,7 +700,7 @@ var SvgDashFill = function SvgDashFill(props) {
|
|
|
699
700
|
const COMPONENT_ID$o = 'forms.dash_svg';
|
|
700
701
|
const StyledDashSvg = styled__default.default(SvgDashFill).attrs({
|
|
701
702
|
'data-garden-id': COMPONENT_ID$o,
|
|
702
|
-
'data-garden-version': '8.74.
|
|
703
|
+
'data-garden-version': '8.74.3'
|
|
703
704
|
}).withConfig({
|
|
704
705
|
displayName: "StyledDashSvg",
|
|
705
706
|
componentId: "sc-z3vq71-0"
|
|
@@ -730,7 +731,7 @@ const sizeStyles$b = props => {
|
|
|
730
731
|
};
|
|
731
732
|
const StyledFileUpload = styled__default.default.div.attrs({
|
|
732
733
|
'data-garden-id': COMPONENT_ID$n,
|
|
733
|
-
'data-garden-version': '8.74.
|
|
734
|
+
'data-garden-version': '8.74.3'
|
|
734
735
|
}).withConfig({
|
|
735
736
|
displayName: "StyledFileUpload",
|
|
736
737
|
componentId: "sc-1rodjgn-0"
|
|
@@ -742,7 +743,7 @@ StyledFileUpload.defaultProps = {
|
|
|
742
743
|
const COMPONENT_ID$m = 'forms.file.close';
|
|
743
744
|
const StyledFileClose = styled__default.default.button.attrs({
|
|
744
745
|
'data-garden-id': COMPONENT_ID$m,
|
|
745
|
-
'data-garden-version': '8.74.
|
|
746
|
+
'data-garden-version': '8.74.3'
|
|
746
747
|
}).withConfig({
|
|
747
748
|
displayName: "StyledFileClose",
|
|
748
749
|
componentId: "sc-1m31jbf-0"
|
|
@@ -805,7 +806,7 @@ const sizeStyles$a = props => {
|
|
|
805
806
|
};
|
|
806
807
|
const StyledFile = styled__default.default.div.attrs({
|
|
807
808
|
'data-garden-id': COMPONENT_ID$l,
|
|
808
|
-
'data-garden-version': '8.74.
|
|
809
|
+
'data-garden-version': '8.74.3'
|
|
809
810
|
}).withConfig({
|
|
810
811
|
displayName: "StyledFile",
|
|
811
812
|
componentId: "sc-195lzp1-0"
|
|
@@ -817,7 +818,7 @@ StyledFile.defaultProps = {
|
|
|
817
818
|
const COMPONENT_ID$k = 'forms.file.delete';
|
|
818
819
|
const StyledFileDelete = styled__default.default(StyledFileClose).attrs({
|
|
819
820
|
'data-garden-id': COMPONENT_ID$k,
|
|
820
|
-
'data-garden-version': '8.74.
|
|
821
|
+
'data-garden-version': '8.74.3'
|
|
821
822
|
}).withConfig({
|
|
822
823
|
displayName: "StyledFileDelete",
|
|
823
824
|
componentId: "sc-a8nnhx-0"
|
|
@@ -837,7 +838,7 @@ const StyledFileIcon = styled__default.default(_ref => {
|
|
|
837
838
|
return React__namespace.default.cloneElement(React.Children.only(children), props);
|
|
838
839
|
}).attrs({
|
|
839
840
|
'data-garden-id': COMPONENT_ID$j,
|
|
840
|
-
'data-garden-version': '8.74.
|
|
841
|
+
'data-garden-version': '8.74.3'
|
|
841
842
|
}).withConfig({
|
|
842
843
|
displayName: "StyledFileIcon",
|
|
843
844
|
componentId: "sc-7b3q0c-0"
|
|
@@ -849,7 +850,7 @@ StyledFileIcon.defaultProps = {
|
|
|
849
850
|
const COMPONENT_ID$i = 'forms.file_list';
|
|
850
851
|
const StyledFileList = styled__default.default.ul.attrs({
|
|
851
852
|
'data-garden-id': COMPONENT_ID$i,
|
|
852
|
-
'data-garden-version': '8.74.
|
|
853
|
+
'data-garden-version': '8.74.3'
|
|
853
854
|
}).withConfig({
|
|
854
855
|
displayName: "StyledFileList",
|
|
855
856
|
componentId: "sc-gbahjg-0"
|
|
@@ -861,7 +862,7 @@ StyledFileList.defaultProps = {
|
|
|
861
862
|
const COMPONENT_ID$h = 'forms.file_list.item';
|
|
862
863
|
const StyledFileListItem = styled__default.default.li.attrs({
|
|
863
864
|
'data-garden-id': COMPONENT_ID$h,
|
|
864
|
-
'data-garden-version': '8.74.
|
|
865
|
+
'data-garden-version': '8.74.3'
|
|
865
866
|
}).withConfig({
|
|
866
867
|
displayName: "StyledFileListItem",
|
|
867
868
|
componentId: "sc-1ova3lo-0"
|
|
@@ -891,7 +892,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
|
|
|
891
892
|
const COMPONENT_ID$g = 'forms.radio_svg';
|
|
892
893
|
const StyledRadioSvg = styled__default.default(SvgCircleSmFill$1).attrs({
|
|
893
894
|
'data-garden-id': COMPONENT_ID$g,
|
|
894
|
-
'data-garden-version': '8.74.
|
|
895
|
+
'data-garden-version': '8.74.3'
|
|
895
896
|
}).withConfig({
|
|
896
897
|
displayName: "StyledRadioSvg",
|
|
897
898
|
componentId: "sc-1r1qtr1-0"
|
|
@@ -908,7 +909,7 @@ const sizeStyles$9 = props => {
|
|
|
908
909
|
};
|
|
909
910
|
const StyledToggleLabel = styled__default.default(StyledCheckLabel).attrs({
|
|
910
911
|
'data-garden-id': COMPONENT_ID$f,
|
|
911
|
-
'data-garden-version': '8.74.
|
|
912
|
+
'data-garden-version': '8.74.3'
|
|
912
913
|
}).withConfig({
|
|
913
914
|
displayName: "StyledToggleLabel",
|
|
914
915
|
componentId: "sc-e0asdk-0"
|
|
@@ -920,7 +921,7 @@ StyledToggleLabel.defaultProps = {
|
|
|
920
921
|
const COMPONENT_ID$e = 'forms.toggle_hint';
|
|
921
922
|
const StyledToggleHint = styled__default.default(StyledHint).attrs({
|
|
922
923
|
'data-garden-id': COMPONENT_ID$e,
|
|
923
|
-
'data-garden-version': '8.74.
|
|
924
|
+
'data-garden-version': '8.74.3'
|
|
924
925
|
}).withConfig({
|
|
925
926
|
displayName: "StyledToggleHint",
|
|
926
927
|
componentId: "sc-nziggu-0"
|
|
@@ -947,7 +948,7 @@ const sizeStyles$8 = props => {
|
|
|
947
948
|
};
|
|
948
949
|
const StyledToggleInput = styled__default.default(StyledCheckInput).attrs({
|
|
949
950
|
'data-garden-id': COMPONENT_ID$d,
|
|
950
|
-
'data-garden-version': '8.74.
|
|
951
|
+
'data-garden-version': '8.74.3'
|
|
951
952
|
}).withConfig({
|
|
952
953
|
displayName: "StyledToggleInput",
|
|
953
954
|
componentId: "sc-sgp47s-0"
|
|
@@ -959,7 +960,7 @@ StyledToggleInput.defaultProps = {
|
|
|
959
960
|
const COMPONENT_ID$c = 'forms.toggle_message';
|
|
960
961
|
const StyledToggleMessage = styled__default.default(StyledMessage).attrs({
|
|
961
962
|
'data-garden-id': COMPONENT_ID$c,
|
|
962
|
-
'data-garden-version': '8.74.
|
|
963
|
+
'data-garden-version': '8.74.3'
|
|
963
964
|
}).withConfig({
|
|
964
965
|
displayName: "StyledToggleMessage",
|
|
965
966
|
componentId: "sc-13vuvl1-0"
|
|
@@ -989,7 +990,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
|
|
|
989
990
|
const COMPONENT_ID$b = 'forms.toggle_svg';
|
|
990
991
|
const StyledToggleSvg = styled__default.default(SvgCircleSmFill).attrs({
|
|
991
992
|
'data-garden-id': COMPONENT_ID$b,
|
|
992
|
-
'data-garden-version': '8.74.
|
|
993
|
+
'data-garden-version': '8.74.3'
|
|
993
994
|
}).withConfig({
|
|
994
995
|
displayName: "StyledToggleSvg",
|
|
995
996
|
componentId: "sc-162xbyx-0"
|
|
@@ -1011,7 +1012,7 @@ const sizeStyles$7 = props => {
|
|
|
1011
1012
|
};
|
|
1012
1013
|
const StyledSelect = styled__default.default(StyledTextInput).attrs({
|
|
1013
1014
|
'data-garden-id': COMPONENT_ID$a,
|
|
1014
|
-
'data-garden-version': '8.74.
|
|
1015
|
+
'data-garden-version': '8.74.3',
|
|
1015
1016
|
as: 'select'
|
|
1016
1017
|
}).withConfig({
|
|
1017
1018
|
displayName: "StyledSelect",
|
|
@@ -1024,7 +1025,7 @@ StyledSelect.defaultProps = {
|
|
|
1024
1025
|
const COMPONENT_ID$9 = 'forms.select_wrapper';
|
|
1025
1026
|
const StyledSelectWrapper = styled__default.default(StyledTextFauxInput).attrs({
|
|
1026
1027
|
'data-garden-id': COMPONENT_ID$9,
|
|
1027
|
-
'data-garden-version': '8.74.
|
|
1028
|
+
'data-garden-version': '8.74.3'
|
|
1028
1029
|
}).withConfig({
|
|
1029
1030
|
displayName: "StyledSelectWrapper",
|
|
1030
1031
|
componentId: "sc-i7b6hw-0"
|
|
@@ -1149,7 +1150,7 @@ const sizeStyles$6 = props => {
|
|
|
1149
1150
|
};
|
|
1150
1151
|
const StyledRangeInput = styled__default.default.input.attrs(props => ({
|
|
1151
1152
|
'data-garden-id': COMPONENT_ID$8,
|
|
1152
|
-
'data-garden-version': '8.74.
|
|
1153
|
+
'data-garden-version': '8.74.3',
|
|
1153
1154
|
type: 'range',
|
|
1154
1155
|
style: {
|
|
1155
1156
|
backgroundSize: props.hasLowerTrack && props.backgroundSize
|
|
@@ -1182,7 +1183,7 @@ StyledRangeInput.defaultProps = {
|
|
|
1182
1183
|
const COMPONENT_ID$7 = 'forms.slider';
|
|
1183
1184
|
const StyledSlider = styled__default.default.div.attrs({
|
|
1184
1185
|
'data-garden-id': COMPONENT_ID$7,
|
|
1185
|
-
'data-garden-version': '8.74.
|
|
1186
|
+
'data-garden-version': '8.74.3'
|
|
1186
1187
|
}).withConfig({
|
|
1187
1188
|
displayName: "StyledSlider",
|
|
1188
1189
|
componentId: "sc-1di437a-0"
|
|
@@ -1214,7 +1215,7 @@ const sizeStyles$5 = props => {
|
|
|
1214
1215
|
};
|
|
1215
1216
|
const StyledSliderThumb = styled__default.default.div.attrs(props => ({
|
|
1216
1217
|
'data-garden-id': COMPONENT_ID$6,
|
|
1217
|
-
'data-garden-version': '8.74.
|
|
1218
|
+
'data-garden-version': '8.74.3',
|
|
1218
1219
|
'aria-disabled': props.isDisabled
|
|
1219
1220
|
})).withConfig({
|
|
1220
1221
|
displayName: "StyledSliderThumb",
|
|
@@ -1244,7 +1245,7 @@ const sizeStyles$4 = props => {
|
|
|
1244
1245
|
};
|
|
1245
1246
|
const StyledSliderTrack = styled__default.default.div.attrs(props => ({
|
|
1246
1247
|
'data-garden-id': COMPONENT_ID$5,
|
|
1247
|
-
'data-garden-version': '8.74.
|
|
1248
|
+
'data-garden-version': '8.74.3',
|
|
1248
1249
|
'aria-disabled': props.isDisabled
|
|
1249
1250
|
})).withConfig({
|
|
1250
1251
|
displayName: "StyledSliderTrack",
|
|
@@ -1264,7 +1265,7 @@ const sizeStyles$3 = props => {
|
|
|
1264
1265
|
};
|
|
1265
1266
|
const StyledSliderTrackRail = styled__default.default.div.attrs({
|
|
1266
1267
|
'data-garden-id': COMPONENT_ID$4,
|
|
1267
|
-
'data-garden-version': '8.74.
|
|
1268
|
+
'data-garden-version': '8.74.3'
|
|
1268
1269
|
}).withConfig({
|
|
1269
1270
|
displayName: "StyledSliderTrackRail",
|
|
1270
1271
|
componentId: "sc-1o5owbd-0"
|
|
@@ -1291,7 +1292,7 @@ const sizeStyles$2 = props => {
|
|
|
1291
1292
|
};
|
|
1292
1293
|
const StyledTileIcon = styled__default.default.span.attrs({
|
|
1293
1294
|
'data-garden-id': COMPONENT_ID$3,
|
|
1294
|
-
'data-garden-version': '8.74.
|
|
1295
|
+
'data-garden-version': '8.74.3'
|
|
1295
1296
|
}).withConfig({
|
|
1296
1297
|
displayName: "StyledTileIcon",
|
|
1297
1298
|
componentId: "sc-1wazhg4-0"
|
|
@@ -1332,7 +1333,7 @@ const colorStyles = props => {
|
|
|
1332
1333
|
};
|
|
1333
1334
|
const StyledTile = styled__default.default.label.attrs(props => ({
|
|
1334
1335
|
'data-garden-id': COMPONENT_ID$2,
|
|
1335
|
-
'data-garden-version': '8.74.
|
|
1336
|
+
'data-garden-version': '8.74.3',
|
|
1336
1337
|
'data-garden-selected': props.isSelected
|
|
1337
1338
|
})).withConfig({
|
|
1338
1339
|
displayName: "StyledTile",
|
|
@@ -1356,7 +1357,7 @@ const sizeStyles$1 = props => {
|
|
|
1356
1357
|
};
|
|
1357
1358
|
const StyledTileDescription = styled__default.default.span.attrs({
|
|
1358
1359
|
'data-garden-id': COMPONENT_ID$1,
|
|
1359
|
-
'data-garden-version': '8.74.
|
|
1360
|
+
'data-garden-version': '8.74.3'
|
|
1360
1361
|
}).withConfig({
|
|
1361
1362
|
displayName: "StyledTileDescription",
|
|
1362
1363
|
componentId: "sc-xfuu7u-0"
|
|
@@ -1389,7 +1390,7 @@ const sizeStyles = props => {
|
|
|
1389
1390
|
};
|
|
1390
1391
|
const StyledTileLabel = styled__default.default.span.attrs({
|
|
1391
1392
|
'data-garden-id': COMPONENT_ID,
|
|
1392
|
-
'data-garden-version': '8.74.
|
|
1393
|
+
'data-garden-version': '8.74.3'
|
|
1393
1394
|
}).withConfig({
|
|
1394
1395
|
displayName: "StyledTileLabel",
|
|
1395
1396
|
componentId: "sc-1mypv27-0"
|
|
@@ -1782,7 +1783,7 @@ const Range = React__namespace.default.forwardRef((_ref, ref) => {
|
|
|
1782
1783
|
updateBackgroundWidthFromInput(event.target);
|
|
1783
1784
|
}) : props.onChange;
|
|
1784
1785
|
let combinedProps = {
|
|
1785
|
-
ref:
|
|
1786
|
+
ref: mergeRefs__default.default([rangeRef, ref]),
|
|
1786
1787
|
hasLowerTrack,
|
|
1787
1788
|
min,
|
|
1788
1789
|
max,
|
|
@@ -1880,7 +1881,7 @@ const Textarea = React__namespace.default.forwardRef((_ref, ref) => {
|
|
|
1880
1881
|
event.currentTarget.select();
|
|
1881
1882
|
}) : onSelect;
|
|
1882
1883
|
let combinedProps = {
|
|
1883
|
-
ref:
|
|
1884
|
+
ref: mergeRefs__default.default([textAreaRef, ref]),
|
|
1884
1885
|
rows: minRows,
|
|
1885
1886
|
onChange: onChangeHandler,
|
|
1886
1887
|
onSelect: onSelectHandler,
|
|
@@ -2224,7 +2225,7 @@ const LabelComponent = React.forwardRef((props, forwardedRef) => {
|
|
|
2224
2225
|
}
|
|
2225
2226
|
}, [ref]);
|
|
2226
2227
|
return React__namespace.default.createElement(StyledTileLabel, _extends$t({
|
|
2227
|
-
ref:
|
|
2228
|
+
ref: mergeRefs__default.default([ref, forwardedRef]),
|
|
2228
2229
|
title: title,
|
|
2229
2230
|
isCentered: tilesContext && tilesContext.isCentered
|
|
2230
2231
|
}, props));
|
|
@@ -2894,7 +2895,7 @@ const MediaInput = React__namespace.default.forwardRef((_ref, ref) => {
|
|
|
2894
2895
|
let combinedProps = {
|
|
2895
2896
|
disabled,
|
|
2896
2897
|
readOnly,
|
|
2897
|
-
ref:
|
|
2898
|
+
ref: mergeRefs__default.default([inputRef, ref]),
|
|
2898
2899
|
onSelect: onSelectHandler,
|
|
2899
2900
|
...props
|
|
2900
2901
|
};
|
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
|
|
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.
|
|
43
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
56
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
68
|
+
'data-garden-version': props['data-garden-version'] || '8.74.3'
|
|
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.
|
|
81
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
93
|
+
'data-garden-version': props['data-garden-version'] || '8.74.3'
|
|
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.
|
|
198
|
+
'data-garden-version': '8.74.3',
|
|
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.
|
|
226
|
+
'data-garden-version': props['data-garden-version'] || '8.74.3'
|
|
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.
|
|
316
|
+
'data-garden-version': '8.74.3',
|
|
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.
|
|
339
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
385
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
432
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
444
|
+
'data-garden-version': '8.74.3',
|
|
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.
|
|
466
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
484
|
+
'data-garden-version': '8.74.3',
|
|
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.
|
|
497
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
509
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
521
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
568
|
+
'data-garden-version': '8.74.3',
|
|
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.
|
|
590
|
+
'data-garden-version': '8.74.3',
|
|
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.
|
|
603
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
615
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
647
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
677
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
708
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
720
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
783
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
795
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
815
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
827
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
839
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
869
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
886
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
898
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
925
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
937
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
967
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
989
|
+
'data-garden-version': '8.74.3',
|
|
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.
|
|
1002
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
1127
|
+
'data-garden-version': '8.74.3',
|
|
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.
|
|
1160
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
1192
|
+
'data-garden-version': '8.74.3',
|
|
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.
|
|
1222
|
+
'data-garden-version': '8.74.3',
|
|
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.
|
|
1242
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
1269
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
1310
|
+
'data-garden-version': '8.74.3',
|
|
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.
|
|
1334
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
1367
|
+
'data-garden-version': '8.74.3'
|
|
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.
|
|
3
|
+
"version": "8.74.3",
|
|
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>",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"lodash.debounce": "^4.0.8",
|
|
28
28
|
"polished": "^4.0.0",
|
|
29
29
|
"prop-types": "^15.5.7",
|
|
30
|
-
"react-merge-refs": "^
|
|
30
|
+
"react-merge-refs": "^1.1.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.
|
|
40
|
+
"@zendeskgarden/react-theming": "^8.74.3",
|
|
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": "2ae5e421f4bad609f443d6b227e00b6d8e77a06d"
|
|
55
55
|
}
|