@zendeskgarden/react-forms 8.49.2 → 8.50.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +77 -88
- package/dist/index.esm.js +77 -89
- package/dist/typings/elements/Checkbox.d.ts +2 -10
- package/dist/typings/elements/FileUpload.d.ts +2 -9
- package/dist/typings/elements/Input.d.ts +2 -12
- package/dist/typings/elements/MediaInput.d.ts +2 -20
- package/dist/typings/elements/MultiThumbRange.d.ts +2 -26
- package/dist/typings/elements/Radio.d.ts +2 -5
- package/dist/typings/elements/Range.d.ts +2 -5
- package/dist/typings/elements/Select.d.ts +2 -12
- package/dist/typings/elements/Textarea.d.ts +2 -18
- package/dist/typings/elements/Toggle.d.ts +2 -5
- package/dist/typings/elements/common/Fieldset.d.ts +2 -7
- package/dist/typings/elements/common/Label.d.ts +2 -5
- package/dist/typings/elements/common/Message.d.ts +2 -6
- package/dist/typings/elements/faux-input/FauxInput.d.ts +1 -19
- package/dist/typings/elements/faux-input/components/EndIcon.d.ts +2 -12
- package/dist/typings/elements/faux-input/components/StartIcon.d.ts +2 -12
- package/dist/typings/elements/file-list/components/File.d.ts +2 -12
- package/dist/typings/elements/file-list/utils.d.ts +3 -18
- package/dist/typings/elements/input-group/InputGroup.d.ts +2 -5
- package/dist/typings/elements/tiles/Tiles.d.ts +2 -11
- package/dist/typings/elements/tiles/components/Tile.d.ts +2 -7
- package/dist/typings/index.d.ts +4 -20
- package/dist/typings/styled/common/StyledMessage.d.ts +2 -2
- package/dist/typings/styled/common/StyledMessageIcon.d.ts +2 -2
- package/dist/typings/styled/file-list/StyledFile.d.ts +2 -1
- package/dist/typings/styled/text/StyledTextInput.d.ts +2 -2
- package/dist/typings/types/index.d.ts +143 -0
- package/dist/typings/utils/useTilesContext.d.ts +4 -10
- package/package.json +5 -5
- package/dist/typings/utils/validation.d.ts +0 -7
package/dist/index.cjs.js
CHANGED
|
@@ -145,22 +145,10 @@ function _slicedToArray(arr, i) {
|
|
|
145
145
|
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
146
146
|
}
|
|
147
147
|
|
|
148
|
-
function _toConsumableArray(arr) {
|
|
149
|
-
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
function _arrayWithoutHoles(arr) {
|
|
153
|
-
if (Array.isArray(arr)) return _arrayLikeToArray(arr);
|
|
154
|
-
}
|
|
155
|
-
|
|
156
148
|
function _arrayWithHoles(arr) {
|
|
157
149
|
if (Array.isArray(arr)) return arr;
|
|
158
150
|
}
|
|
159
151
|
|
|
160
|
-
function _iterableToArray(iter) {
|
|
161
|
-
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
162
|
-
}
|
|
163
|
-
|
|
164
152
|
function _iterableToArrayLimit(arr, i) {
|
|
165
153
|
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
166
154
|
|
|
@@ -208,10 +196,6 @@ function _arrayLikeToArray(arr, len) {
|
|
|
208
196
|
return arr2;
|
|
209
197
|
}
|
|
210
198
|
|
|
211
|
-
function _nonIterableSpread() {
|
|
212
|
-
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
213
|
-
}
|
|
214
|
-
|
|
215
199
|
function _nonIterableRest() {
|
|
216
200
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
217
201
|
}
|
|
@@ -225,7 +209,7 @@ var useFieldContext = function useFieldContext() {
|
|
|
225
209
|
var COMPONENT_ID$K = 'forms.field';
|
|
226
210
|
var StyledField = styled__default["default"].div.attrs({
|
|
227
211
|
'data-garden-id': COMPONENT_ID$K,
|
|
228
|
-
'data-garden-version': '8.
|
|
212
|
+
'data-garden-version': '8.50.0'
|
|
229
213
|
}).withConfig({
|
|
230
214
|
displayName: "StyledField",
|
|
231
215
|
componentId: "sc-12gzfsu-0"
|
|
@@ -242,7 +226,7 @@ var COMPONENT_ID$J = 'forms.fieldset';
|
|
|
242
226
|
var StyledFieldset = styled__default["default"](StyledField).attrs({
|
|
243
227
|
as: 'fieldset',
|
|
244
228
|
'data-garden-id': COMPONENT_ID$J,
|
|
245
|
-
'data-garden-version': '8.
|
|
229
|
+
'data-garden-version': '8.50.0'
|
|
246
230
|
}).withConfig({
|
|
247
231
|
displayName: "StyledFieldset",
|
|
248
232
|
componentId: "sc-1vr4mxv-0"
|
|
@@ -258,7 +242,7 @@ StyledFieldset.defaultProps = {
|
|
|
258
242
|
var COMPONENT_ID$I = 'forms.input_label';
|
|
259
243
|
var StyledLabel = styled__default["default"].label.attrs({
|
|
260
244
|
'data-garden-id': COMPONENT_ID$I,
|
|
261
|
-
'data-garden-version': '8.
|
|
245
|
+
'data-garden-version': '8.50.0'
|
|
262
246
|
}).withConfig({
|
|
263
247
|
displayName: "StyledLabel",
|
|
264
248
|
componentId: "sc-2utmsz-0"
|
|
@@ -293,7 +277,7 @@ var COMPONENT_ID$H = 'forms.fieldset_legend';
|
|
|
293
277
|
var StyledLegend = styled__default["default"](StyledLabel).attrs({
|
|
294
278
|
as: 'legend',
|
|
295
279
|
'data-garden-id': COMPONENT_ID$H,
|
|
296
|
-
'data-garden-version': '8.
|
|
280
|
+
'data-garden-version': '8.50.0'
|
|
297
281
|
}).withConfig({
|
|
298
282
|
displayName: "StyledLegend",
|
|
299
283
|
componentId: "sc-6s0zwq-0"
|
|
@@ -307,7 +291,7 @@ StyledLegend.defaultProps = {
|
|
|
307
291
|
var COMPONENT_ID$G = 'forms.input_hint';
|
|
308
292
|
var StyledHint = styled__default["default"].div.attrs({
|
|
309
293
|
'data-garden-id': COMPONENT_ID$G,
|
|
310
|
-
'data-garden-version': '8.
|
|
294
|
+
'data-garden-version': '8.50.0'
|
|
311
295
|
}).withConfig({
|
|
312
296
|
displayName: "StyledHint",
|
|
313
297
|
componentId: "sc-17c2wu8-0"
|
|
@@ -427,7 +411,7 @@ var MessageIcon = function MessageIcon(_ref) {
|
|
|
427
411
|
var COMPONENT_ID$F = 'forms.input_message_icon';
|
|
428
412
|
var StyledMessageIcon = styled__default["default"](MessageIcon).attrs({
|
|
429
413
|
'data-garden-id': COMPONENT_ID$F,
|
|
430
|
-
'data-garden-version': '8.
|
|
414
|
+
'data-garden-version': '8.50.0'
|
|
431
415
|
}).withConfig({
|
|
432
416
|
displayName: "StyledMessageIcon",
|
|
433
417
|
componentId: "sc-1ph2gba-0"
|
|
@@ -460,7 +444,7 @@ var validationStyles = function validationStyles(props) {
|
|
|
460
444
|
var COMPONENT_ID$E = 'forms.input_message';
|
|
461
445
|
var StyledMessage = styled__default["default"].div.attrs({
|
|
462
446
|
'data-garden-id': COMPONENT_ID$E,
|
|
463
|
-
'data-garden-version': '8.
|
|
447
|
+
'data-garden-version': '8.50.0'
|
|
464
448
|
}).withConfig({
|
|
465
449
|
displayName: "StyledMessage",
|
|
466
450
|
componentId: "sc-30hgg7-0"
|
|
@@ -552,7 +536,7 @@ var sizeStyles$f = function sizeStyles(props) {
|
|
|
552
536
|
var StyledTextInput = styled__default["default"].input.attrs(function (props) {
|
|
553
537
|
return {
|
|
554
538
|
'data-garden-id': COMPONENT_ID$D,
|
|
555
|
-
'data-garden-version': '8.
|
|
539
|
+
'data-garden-version': '8.50.0',
|
|
556
540
|
'aria-invalid': isInvalid(props.validation)
|
|
557
541
|
};
|
|
558
542
|
}).withConfig({
|
|
@@ -588,7 +572,7 @@ var hiddenStyles = "\n visibility: hidden;\n position: absolute;\n overflow:
|
|
|
588
572
|
var StyledTextarea = styled__default["default"](StyledTextInput).attrs({
|
|
589
573
|
as: 'textarea',
|
|
590
574
|
'data-garden-id': COMPONENT_ID$C,
|
|
591
|
-
'data-garden-version': '8.
|
|
575
|
+
'data-garden-version': '8.50.0'
|
|
592
576
|
}).withConfig({
|
|
593
577
|
displayName: "StyledTextarea",
|
|
594
578
|
componentId: "sc-wxschl-0"
|
|
@@ -639,7 +623,7 @@ function (_ref) {
|
|
|
639
623
|
return React__default["default"].cloneElement(React.Children.only(children), props);
|
|
640
624
|
}).attrs({
|
|
641
625
|
'data-garden-id': COMPONENT_ID$B,
|
|
642
|
-
'data-garden-version': '8.
|
|
626
|
+
'data-garden-version': '8.50.0'
|
|
643
627
|
}).withConfig({
|
|
644
628
|
displayName: "StyledTextMediaFigure",
|
|
645
629
|
componentId: "sc-1qepknj-0"
|
|
@@ -663,7 +647,7 @@ var StyledTextFauxInput = styled__default["default"](StyledTextInput).attrs(func
|
|
|
663
647
|
'aria-readonly': props.isReadOnly,
|
|
664
648
|
'aria-disabled': props.isDisabled,
|
|
665
649
|
'data-garden-id': COMPONENT_ID$A,
|
|
666
|
-
'data-garden-version': '8.
|
|
650
|
+
'data-garden-version': '8.50.0'
|
|
667
651
|
};
|
|
668
652
|
}).withConfig({
|
|
669
653
|
displayName: "StyledTextFauxInput",
|
|
@@ -688,7 +672,7 @@ StyledTextFauxInput.defaultProps = {
|
|
|
688
672
|
var COMPONENT_ID$z = 'forms.media_input';
|
|
689
673
|
var StyledTextMediaInput = styled__default["default"](StyledTextInput).attrs({
|
|
690
674
|
'data-garden-id': COMPONENT_ID$z,
|
|
691
|
-
'data-garden-version': '8.
|
|
675
|
+
'data-garden-version': '8.50.0',
|
|
692
676
|
isBare: true
|
|
693
677
|
}).withConfig({
|
|
694
678
|
displayName: "StyledTextMediaInput",
|
|
@@ -713,7 +697,7 @@ var itemStyles = function itemStyles(props) {
|
|
|
713
697
|
};
|
|
714
698
|
var StyledInputGroup = styled__default["default"].div.attrs({
|
|
715
699
|
'data-garden-id': COMPONENT_ID$y,
|
|
716
|
-
'data-garden-version': '8.
|
|
700
|
+
'data-garden-version': '8.50.0'
|
|
717
701
|
}).withConfig({
|
|
718
702
|
displayName: "StyledInputGroup",
|
|
719
703
|
componentId: "sc-kjh1f0-0"
|
|
@@ -737,7 +721,7 @@ var sizeStyles$d = function sizeStyles(props) {
|
|
|
737
721
|
};
|
|
738
722
|
var StyledRadioLabel = styled__default["default"](StyledLabel).attrs({
|
|
739
723
|
'data-garden-id': COMPONENT_ID$x,
|
|
740
|
-
'data-garden-version': '8.
|
|
724
|
+
'data-garden-version': '8.50.0',
|
|
741
725
|
isRadio: true
|
|
742
726
|
}).withConfig({
|
|
743
727
|
displayName: "StyledRadioLabel",
|
|
@@ -754,7 +738,7 @@ StyledRadioLabel.defaultProps = {
|
|
|
754
738
|
var COMPONENT_ID$w = 'forms.checkbox_label';
|
|
755
739
|
var StyledCheckLabel = styled__default["default"](StyledRadioLabel).attrs({
|
|
756
740
|
'data-garden-id': COMPONENT_ID$w,
|
|
757
|
-
'data-garden-version': '8.
|
|
741
|
+
'data-garden-version': '8.50.0'
|
|
758
742
|
}).withConfig({
|
|
759
743
|
displayName: "StyledCheckLabel",
|
|
760
744
|
componentId: "sc-x7nr1-0"
|
|
@@ -768,7 +752,7 @@ StyledCheckLabel.defaultProps = {
|
|
|
768
752
|
var COMPONENT_ID$v = 'forms.radio_hint';
|
|
769
753
|
var StyledRadioHint = styled__default["default"](StyledHint).attrs({
|
|
770
754
|
'data-garden-id': COMPONENT_ID$v,
|
|
771
|
-
'data-garden-version': '8.
|
|
755
|
+
'data-garden-version': '8.50.0'
|
|
772
756
|
}).withConfig({
|
|
773
757
|
displayName: "StyledRadioHint",
|
|
774
758
|
componentId: "sc-eo8twg-0"
|
|
@@ -786,7 +770,7 @@ StyledRadioHint.defaultProps = {
|
|
|
786
770
|
var COMPONENT_ID$u = 'forms.checkbox_hint';
|
|
787
771
|
var StyledCheckHint = styled__default["default"](StyledRadioHint).attrs({
|
|
788
772
|
'data-garden-id': COMPONENT_ID$u,
|
|
789
|
-
'data-garden-version': '8.
|
|
773
|
+
'data-garden-version': '8.50.0'
|
|
790
774
|
}).withConfig({
|
|
791
775
|
displayName: "StyledCheckHint",
|
|
792
776
|
componentId: "sc-1kl8e8c-0"
|
|
@@ -830,7 +814,7 @@ var sizeStyles$c = function sizeStyles(props) {
|
|
|
830
814
|
};
|
|
831
815
|
var StyledRadioInput = styled__default["default"].input.attrs({
|
|
832
816
|
'data-garden-id': COMPONENT_ID$t,
|
|
833
|
-
'data-garden-version': '8.
|
|
817
|
+
'data-garden-version': '8.50.0',
|
|
834
818
|
type: 'radio'
|
|
835
819
|
}).withConfig({
|
|
836
820
|
displayName: "StyledRadioInput",
|
|
@@ -862,7 +846,7 @@ var colorStyles$8 = function colorStyles(props) {
|
|
|
862
846
|
};
|
|
863
847
|
var StyledCheckInput = styled__default["default"](StyledRadioInput).attrs({
|
|
864
848
|
'data-garden-id': COMPONENT_ID$s,
|
|
865
|
-
'data-garden-version': '8.
|
|
849
|
+
'data-garden-version': '8.50.0',
|
|
866
850
|
type: 'checkbox'
|
|
867
851
|
}).withConfig({
|
|
868
852
|
displayName: "StyledCheckInput",
|
|
@@ -881,7 +865,7 @@ StyledCheckInput.defaultProps = {
|
|
|
881
865
|
var COMPONENT_ID$r = 'forms.radio_message';
|
|
882
866
|
var StyledRadioMessage = styled__default["default"](StyledMessage).attrs({
|
|
883
867
|
'data-garden-id': COMPONENT_ID$r,
|
|
884
|
-
'data-garden-version': '8.
|
|
868
|
+
'data-garden-version': '8.50.0'
|
|
885
869
|
}).withConfig({
|
|
886
870
|
displayName: "StyledRadioMessage",
|
|
887
871
|
componentId: "sc-1pmi0q8-0"
|
|
@@ -899,7 +883,7 @@ StyledRadioMessage.defaultProps = {
|
|
|
899
883
|
var COMPONENT_ID$q = 'forms.checkbox_message';
|
|
900
884
|
var StyledCheckMessage = styled__default["default"](StyledRadioMessage).attrs({
|
|
901
885
|
'data-garden-id': COMPONENT_ID$q,
|
|
902
|
-
'data-garden-version': '8.
|
|
886
|
+
'data-garden-version': '8.50.0'
|
|
903
887
|
}).withConfig({
|
|
904
888
|
displayName: "StyledCheckMessage",
|
|
905
889
|
componentId: "sc-s4p6kd-0"
|
|
@@ -935,7 +919,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
|
|
|
935
919
|
var COMPONENT_ID$p = 'forms.check_svg';
|
|
936
920
|
var StyledCheckSvg = styled__default["default"](SvgCheckSmFill).attrs({
|
|
937
921
|
'data-garden-id': COMPONENT_ID$p,
|
|
938
|
-
'data-garden-version': '8.
|
|
922
|
+
'data-garden-version': '8.50.0'
|
|
939
923
|
}).withConfig({
|
|
940
924
|
displayName: "StyledCheckSvg",
|
|
941
925
|
componentId: "sc-fvxetk-0"
|
|
@@ -969,7 +953,7 @@ var SvgDashFill = function SvgDashFill(props) {
|
|
|
969
953
|
var COMPONENT_ID$o = 'forms.dash_svg';
|
|
970
954
|
var StyledDashSvg = styled__default["default"](SvgDashFill).attrs({
|
|
971
955
|
'data-garden-id': COMPONENT_ID$o,
|
|
972
|
-
'data-garden-version': '8.
|
|
956
|
+
'data-garden-version': '8.50.0'
|
|
973
957
|
}).withConfig({
|
|
974
958
|
displayName: "StyledDashSvg",
|
|
975
959
|
componentId: "sc-z3vq71-0"
|
|
@@ -1000,7 +984,7 @@ var sizeStyles$b = function sizeStyles(props) {
|
|
|
1000
984
|
};
|
|
1001
985
|
var StyledFileUpload = styled__default["default"].div.attrs({
|
|
1002
986
|
'data-garden-id': COMPONENT_ID$n,
|
|
1003
|
-
'data-garden-version': '8.
|
|
987
|
+
'data-garden-version': '8.50.0'
|
|
1004
988
|
}).withConfig({
|
|
1005
989
|
displayName: "StyledFileUpload",
|
|
1006
990
|
componentId: "sc-1rodjgn-0"
|
|
@@ -1020,7 +1004,7 @@ StyledFileUpload.defaultProps = {
|
|
|
1020
1004
|
var COMPONENT_ID$m = 'forms.file.close';
|
|
1021
1005
|
var StyledFileClose = styled__default["default"].div.attrs({
|
|
1022
1006
|
'data-garden-id': COMPONENT_ID$m,
|
|
1023
|
-
'data-garden-version': '8.
|
|
1007
|
+
'data-garden-version': '8.50.0'
|
|
1024
1008
|
}).withConfig({
|
|
1025
1009
|
displayName: "StyledFileClose",
|
|
1026
1010
|
componentId: "sc-1m31jbf-0"
|
|
@@ -1063,7 +1047,7 @@ var sizeStyles$a = function sizeStyles(props) {
|
|
|
1063
1047
|
};
|
|
1064
1048
|
var StyledFile = styled__default["default"].div.attrs({
|
|
1065
1049
|
'data-garden-id': COMPONENT_ID$l,
|
|
1066
|
-
'data-garden-version': '8.
|
|
1050
|
+
'data-garden-version': '8.50.0'
|
|
1067
1051
|
}).withConfig({
|
|
1068
1052
|
displayName: "StyledFile",
|
|
1069
1053
|
componentId: "sc-195lzp1-0"
|
|
@@ -1079,7 +1063,7 @@ StyledFile.defaultProps = {
|
|
|
1079
1063
|
var COMPONENT_ID$k = 'forms.file.delete';
|
|
1080
1064
|
var StyledFileDelete = styled__default["default"](StyledFileClose).attrs({
|
|
1081
1065
|
'data-garden-id': COMPONENT_ID$k,
|
|
1082
|
-
'data-garden-version': '8.
|
|
1066
|
+
'data-garden-version': '8.50.0'
|
|
1083
1067
|
}).withConfig({
|
|
1084
1068
|
displayName: "StyledFileDelete",
|
|
1085
1069
|
componentId: "sc-a8nnhx-0"
|
|
@@ -1102,7 +1086,7 @@ var StyledFileIcon = styled__default["default"](function (_ref) {
|
|
|
1102
1086
|
return React__default["default"].cloneElement(React.Children.only(children), props);
|
|
1103
1087
|
}).attrs({
|
|
1104
1088
|
'data-garden-id': COMPONENT_ID$j,
|
|
1105
|
-
'data-garden-version': '8.
|
|
1089
|
+
'data-garden-version': '8.50.0'
|
|
1106
1090
|
}).withConfig({
|
|
1107
1091
|
displayName: "StyledFileIcon",
|
|
1108
1092
|
componentId: "sc-7b3q0c-0"
|
|
@@ -1122,7 +1106,7 @@ StyledFileIcon.defaultProps = {
|
|
|
1122
1106
|
var COMPONENT_ID$i = 'forms.file_list';
|
|
1123
1107
|
var StyledFileList = styled__default["default"].ul.attrs({
|
|
1124
1108
|
'data-garden-id': COMPONENT_ID$i,
|
|
1125
|
-
'data-garden-version': '8.
|
|
1109
|
+
'data-garden-version': '8.50.0'
|
|
1126
1110
|
}).withConfig({
|
|
1127
1111
|
displayName: "StyledFileList",
|
|
1128
1112
|
componentId: "sc-gbahjg-0"
|
|
@@ -1136,7 +1120,7 @@ StyledFileList.defaultProps = {
|
|
|
1136
1120
|
var COMPONENT_ID$h = 'forms.file_list.item';
|
|
1137
1121
|
var StyledFileListItem = styled__default["default"].li.attrs({
|
|
1138
1122
|
'data-garden-id': COMPONENT_ID$h,
|
|
1139
|
-
'data-garden-version': '8.
|
|
1123
|
+
'data-garden-version': '8.50.0'
|
|
1140
1124
|
}).withConfig({
|
|
1141
1125
|
displayName: "StyledFileListItem",
|
|
1142
1126
|
componentId: "sc-1ova3lo-0"
|
|
@@ -1172,7 +1156,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
|
|
|
1172
1156
|
var COMPONENT_ID$g = 'forms.radio_svg';
|
|
1173
1157
|
var StyledRadioSvg = styled__default["default"](SvgCircleSmFill$1).attrs({
|
|
1174
1158
|
'data-garden-id': COMPONENT_ID$g,
|
|
1175
|
-
'data-garden-version': '8.
|
|
1159
|
+
'data-garden-version': '8.50.0'
|
|
1176
1160
|
}).withConfig({
|
|
1177
1161
|
displayName: "StyledRadioSvg",
|
|
1178
1162
|
componentId: "sc-1r1qtr1-0"
|
|
@@ -1191,7 +1175,7 @@ var sizeStyles$9 = function sizeStyles(props) {
|
|
|
1191
1175
|
};
|
|
1192
1176
|
var StyledToggleLabel = styled__default["default"](StyledCheckLabel).attrs({
|
|
1193
1177
|
'data-garden-id': COMPONENT_ID$f,
|
|
1194
|
-
'data-garden-version': '8.
|
|
1178
|
+
'data-garden-version': '8.50.0'
|
|
1195
1179
|
}).withConfig({
|
|
1196
1180
|
displayName: "StyledToggleLabel",
|
|
1197
1181
|
componentId: "sc-e0asdk-0"
|
|
@@ -1207,7 +1191,7 @@ StyledToggleLabel.defaultProps = {
|
|
|
1207
1191
|
var COMPONENT_ID$e = 'forms.toggle_hint';
|
|
1208
1192
|
var StyledToggleHint = styled__default["default"](StyledHint).attrs({
|
|
1209
1193
|
'data-garden-id': COMPONENT_ID$e,
|
|
1210
|
-
'data-garden-version': '8.
|
|
1194
|
+
'data-garden-version': '8.50.0'
|
|
1211
1195
|
}).withConfig({
|
|
1212
1196
|
displayName: "StyledToggleHint",
|
|
1213
1197
|
componentId: "sc-nziggu-0"
|
|
@@ -1240,7 +1224,7 @@ var sizeStyles$8 = function sizeStyles(props) {
|
|
|
1240
1224
|
};
|
|
1241
1225
|
var StyledToggleInput = styled__default["default"](StyledCheckInput).attrs({
|
|
1242
1226
|
'data-garden-id': COMPONENT_ID$d,
|
|
1243
|
-
'data-garden-version': '8.
|
|
1227
|
+
'data-garden-version': '8.50.0'
|
|
1244
1228
|
}).withConfig({
|
|
1245
1229
|
displayName: "StyledToggleInput",
|
|
1246
1230
|
componentId: "sc-sgp47s-0"
|
|
@@ -1258,7 +1242,7 @@ StyledToggleInput.defaultProps = {
|
|
|
1258
1242
|
var COMPONENT_ID$c = 'forms.toggle_message';
|
|
1259
1243
|
var StyledToggleMessage = styled__default["default"](StyledMessage).attrs({
|
|
1260
1244
|
'data-garden-id': COMPONENT_ID$c,
|
|
1261
|
-
'data-garden-version': '8.
|
|
1245
|
+
'data-garden-version': '8.50.0'
|
|
1262
1246
|
}).withConfig({
|
|
1263
1247
|
displayName: "StyledToggleMessage",
|
|
1264
1248
|
componentId: "sc-13vuvl1-0"
|
|
@@ -1300,7 +1284,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
|
|
|
1300
1284
|
var COMPONENT_ID$b = 'forms.toggle_svg';
|
|
1301
1285
|
var StyledToggleSvg = styled__default["default"](SvgCircleSmFill).attrs({
|
|
1302
1286
|
'data-garden-id': COMPONENT_ID$b,
|
|
1303
|
-
'data-garden-version': '8.
|
|
1287
|
+
'data-garden-version': '8.50.0'
|
|
1304
1288
|
}).withConfig({
|
|
1305
1289
|
displayName: "StyledToggleSvg",
|
|
1306
1290
|
componentId: "sc-162xbyx-0"
|
|
@@ -1324,7 +1308,7 @@ var sizeStyles$7 = function sizeStyles(props) {
|
|
|
1324
1308
|
};
|
|
1325
1309
|
var StyledSelect = styled__default["default"](StyledTextInput).attrs({
|
|
1326
1310
|
'data-garden-id': COMPONENT_ID$a,
|
|
1327
|
-
'data-garden-version': '8.
|
|
1311
|
+
'data-garden-version': '8.50.0',
|
|
1328
1312
|
as: 'select'
|
|
1329
1313
|
}).withConfig({
|
|
1330
1314
|
displayName: "StyledSelect",
|
|
@@ -1343,7 +1327,7 @@ StyledSelect.defaultProps = {
|
|
|
1343
1327
|
var COMPONENT_ID$9 = 'forms.select_wrapper';
|
|
1344
1328
|
var StyledSelectWrapper = styled__default["default"](StyledTextFauxInput).attrs({
|
|
1345
1329
|
'data-garden-id': COMPONENT_ID$9,
|
|
1346
|
-
'data-garden-version': '8.
|
|
1330
|
+
'data-garden-version': '8.50.0',
|
|
1347
1331
|
isBare: true
|
|
1348
1332
|
}).withConfig({
|
|
1349
1333
|
displayName: "StyledSelectWrapper",
|
|
@@ -1396,7 +1380,7 @@ var sizeStyles$6 = function sizeStyles(props) {
|
|
|
1396
1380
|
var StyledRangeInput = styled__default["default"].input.attrs(function (props) {
|
|
1397
1381
|
return {
|
|
1398
1382
|
'data-garden-id': COMPONENT_ID$8,
|
|
1399
|
-
'data-garden-version': '8.
|
|
1383
|
+
'data-garden-version': '8.50.0',
|
|
1400
1384
|
type: 'range',
|
|
1401
1385
|
style: {
|
|
1402
1386
|
backgroundSize: props.hasLowerTrack && props.backgroundSize
|
|
@@ -1428,7 +1412,7 @@ var COMPONENT_ID$7 = 'forms.slider';
|
|
|
1428
1412
|
var StyledSlider = styled__default["default"].div.attrs(function (props) {
|
|
1429
1413
|
return {
|
|
1430
1414
|
'data-garden-id': COMPONENT_ID$7,
|
|
1431
|
-
'data-garden-version': '8.
|
|
1415
|
+
'data-garden-version': '8.50.0',
|
|
1432
1416
|
'aria-disabled': props.isDisabled
|
|
1433
1417
|
};
|
|
1434
1418
|
}).withConfig({
|
|
@@ -1468,7 +1452,7 @@ var sizeStyles$5 = function sizeStyles(props) {
|
|
|
1468
1452
|
var StyledSliderThumb = styled__default["default"].div.attrs(function (props) {
|
|
1469
1453
|
return {
|
|
1470
1454
|
'data-garden-id': COMPONENT_ID$6,
|
|
1471
|
-
'data-garden-version': '8.
|
|
1455
|
+
'data-garden-version': '8.50.0',
|
|
1472
1456
|
'aria-disabled': props.isDisabled
|
|
1473
1457
|
};
|
|
1474
1458
|
}).withConfig({
|
|
@@ -1512,7 +1496,7 @@ var sizeStyles$4 = function sizeStyles(props) {
|
|
|
1512
1496
|
var StyledSliderTrack = styled__default["default"].div.attrs(function (props) {
|
|
1513
1497
|
return {
|
|
1514
1498
|
'data-garden-id': COMPONENT_ID$5,
|
|
1515
|
-
'data-garden-version': '8.
|
|
1499
|
+
'data-garden-version': '8.50.0',
|
|
1516
1500
|
'aria-disabled': props.isDisabled
|
|
1517
1501
|
};
|
|
1518
1502
|
}).withConfig({
|
|
@@ -1539,7 +1523,7 @@ var sizeStyles$3 = function sizeStyles(props) {
|
|
|
1539
1523
|
};
|
|
1540
1524
|
var StyledSliderTrackRail = styled__default["default"].div.attrs({
|
|
1541
1525
|
'data-garden-id': COMPONENT_ID$4,
|
|
1542
|
-
'data-garden-version': '8.
|
|
1526
|
+
'data-garden-version': '8.50.0'
|
|
1543
1527
|
}).withConfig({
|
|
1544
1528
|
displayName: "StyledSliderTrackRail",
|
|
1545
1529
|
componentId: "sc-1o5owbd-0"
|
|
@@ -1570,7 +1554,7 @@ var sizeStyles$2 = function sizeStyles(props) {
|
|
|
1570
1554
|
};
|
|
1571
1555
|
var StyledTileIcon = styled__default["default"].span.attrs({
|
|
1572
1556
|
'data-garden-id': COMPONENT_ID$3,
|
|
1573
|
-
'data-garden-version': '8.
|
|
1557
|
+
'data-garden-version': '8.50.0'
|
|
1574
1558
|
}).withConfig({
|
|
1575
1559
|
displayName: "StyledTileIcon",
|
|
1576
1560
|
componentId: "sc-1wazhg4-0"
|
|
@@ -1610,7 +1594,7 @@ var colorStyles = function colorStyles(props) {
|
|
|
1610
1594
|
var StyledTile = styled__default["default"].label.attrs(function (props) {
|
|
1611
1595
|
return {
|
|
1612
1596
|
'data-garden-id': COMPONENT_ID$2,
|
|
1613
|
-
'data-garden-version': '8.
|
|
1597
|
+
'data-garden-version': '8.50.0',
|
|
1614
1598
|
'data-garden-focus-visible': props.isFocused,
|
|
1615
1599
|
'data-garden-selected': props.isSelected
|
|
1616
1600
|
};
|
|
@@ -1648,7 +1632,7 @@ var sizeStyles$1 = function sizeStyles(props) {
|
|
|
1648
1632
|
};
|
|
1649
1633
|
var StyledTileDescription = styled__default["default"].span.attrs({
|
|
1650
1634
|
'data-garden-id': COMPONENT_ID$1,
|
|
1651
|
-
'data-garden-version': '8.
|
|
1635
|
+
'data-garden-version': '8.50.0'
|
|
1652
1636
|
}).withConfig({
|
|
1653
1637
|
displayName: "StyledTileDescription",
|
|
1654
1638
|
componentId: "sc-xfuu7u-0"
|
|
@@ -1691,7 +1675,7 @@ var sizeStyles = function sizeStyles(props) {
|
|
|
1691
1675
|
};
|
|
1692
1676
|
var StyledTileLabel = styled__default["default"].span.attrs({
|
|
1693
1677
|
'data-garden-id': COMPONENT_ID,
|
|
1694
|
-
'data-garden-version': '8.
|
|
1678
|
+
'data-garden-version': '8.50.0'
|
|
1695
1679
|
}).withConfig({
|
|
1696
1680
|
displayName: "StyledTileLabel",
|
|
1697
1681
|
componentId: "sc-1mypv27-0"
|
|
@@ -1774,6 +1758,9 @@ var FieldsetComponent = React.forwardRef(function (props, ref) {
|
|
|
1774
1758
|
})));
|
|
1775
1759
|
});
|
|
1776
1760
|
FieldsetComponent.displayName = 'Fieldset';
|
|
1761
|
+
FieldsetComponent.propTypes = {
|
|
1762
|
+
isCompact: PropTypes__default["default"].bool
|
|
1763
|
+
};
|
|
1777
1764
|
var Fieldset = FieldsetComponent;
|
|
1778
1765
|
Fieldset.Legend = Legend;
|
|
1779
1766
|
|
|
@@ -1880,6 +1867,10 @@ Label$1.propTypes = {
|
|
|
1880
1867
|
isRegular: PropTypes__default["default"].bool
|
|
1881
1868
|
};
|
|
1882
1869
|
|
|
1870
|
+
var VALIDATION = ['success', 'warning', 'error'];
|
|
1871
|
+
var FILE_VALIDATION = ['success', 'error'];
|
|
1872
|
+
var FILE_TYPE = ['pdf', 'zip', 'image', 'document', 'spreadsheet', 'presentation', 'generic'];
|
|
1873
|
+
|
|
1883
1874
|
var _excluded$f = ["validation", "children"];
|
|
1884
1875
|
var Message = React__default["default"].forwardRef(function (_ref, ref) {
|
|
1885
1876
|
var validation = _ref.validation,
|
|
@@ -1911,7 +1902,7 @@ var Message = React__default["default"].forwardRef(function (_ref, ref) {
|
|
|
1911
1902
|
});
|
|
1912
1903
|
Message.displayName = 'Message';
|
|
1913
1904
|
Message.propTypes = {
|
|
1914
|
-
validation: PropTypes__default["default"].oneOf(
|
|
1905
|
+
validation: PropTypes__default["default"].oneOf(VALIDATION)
|
|
1915
1906
|
};
|
|
1916
1907
|
|
|
1917
1908
|
var _excluded$e = ["indeterminate", "children"];
|
|
@@ -1946,6 +1937,10 @@ var Checkbox = React__default["default"].forwardRef(function (_ref, ref) {
|
|
|
1946
1937
|
}, React__default["default"].createElement(StyledCheckInput, combinedProps), children);
|
|
1947
1938
|
});
|
|
1948
1939
|
Checkbox.displayName = 'Checkbox';
|
|
1940
|
+
Checkbox.propTypes = {
|
|
1941
|
+
isCompact: PropTypes__default["default"].bool,
|
|
1942
|
+
indeterminate: PropTypes__default["default"].bool
|
|
1943
|
+
};
|
|
1949
1944
|
|
|
1950
1945
|
var InputGroupContext = React.createContext(undefined);
|
|
1951
1946
|
var useInputGroupContext = function useInputGroupContext() {
|
|
@@ -1982,7 +1977,7 @@ Input.propTypes = {
|
|
|
1982
1977
|
isCompact: PropTypes__default["default"].bool,
|
|
1983
1978
|
isBare: PropTypes__default["default"].bool,
|
|
1984
1979
|
focusInset: PropTypes__default["default"].bool,
|
|
1985
|
-
validation: PropTypes__default["default"].oneOf(
|
|
1980
|
+
validation: PropTypes__default["default"].oneOf(VALIDATION)
|
|
1986
1981
|
};
|
|
1987
1982
|
Input.displayName = 'Input';
|
|
1988
1983
|
|
|
@@ -2003,6 +1998,9 @@ var Radio = React__default["default"].forwardRef(function (_ref, ref) {
|
|
|
2003
1998
|
}, React__default["default"].createElement(StyledRadioInput, combinedProps), children);
|
|
2004
1999
|
});
|
|
2005
2000
|
Radio.displayName = 'Radio';
|
|
2001
|
+
Radio.propTypes = {
|
|
2002
|
+
isCompact: PropTypes__default["default"].bool
|
|
2003
|
+
};
|
|
2006
2004
|
|
|
2007
2005
|
var _excluded$b = ["hasLowerTrack", "min", "max", "step"];
|
|
2008
2006
|
var Range = React__default["default"].forwardRef(function (_ref, ref) {
|
|
@@ -2179,7 +2177,7 @@ Textarea.propTypes = {
|
|
|
2179
2177
|
isResizable: PropTypes__default["default"].bool,
|
|
2180
2178
|
minRows: PropTypes__default["default"].number,
|
|
2181
2179
|
maxRows: PropTypes__default["default"].number,
|
|
2182
|
-
validation: PropTypes__default["default"].oneOf(
|
|
2180
|
+
validation: PropTypes__default["default"].oneOf(VALIDATION)
|
|
2183
2181
|
};
|
|
2184
2182
|
Textarea.displayName = 'Textarea';
|
|
2185
2183
|
|
|
@@ -2200,6 +2198,9 @@ var Toggle = React__default["default"].forwardRef(function (_ref, ref) {
|
|
|
2200
2198
|
}, React__default["default"].createElement(StyledToggleInput, combinedProps), children);
|
|
2201
2199
|
});
|
|
2202
2200
|
Toggle.displayName = 'Toggle';
|
|
2201
|
+
Toggle.propTypes = {
|
|
2202
|
+
isCompact: PropTypes__default["default"].bool
|
|
2203
|
+
};
|
|
2203
2204
|
|
|
2204
2205
|
var _path$k;
|
|
2205
2206
|
|
|
@@ -2271,7 +2272,9 @@ FauxInputComponent.propTypes = {
|
|
|
2271
2272
|
focusInset: PropTypes__default["default"].bool,
|
|
2272
2273
|
disabled: PropTypes__default["default"].bool,
|
|
2273
2274
|
readOnly: PropTypes__default["default"].bool,
|
|
2274
|
-
validation: PropTypes__default["default"].oneOf(
|
|
2275
|
+
validation: PropTypes__default["default"].oneOf(VALIDATION),
|
|
2276
|
+
isFocused: PropTypes__default["default"].bool,
|
|
2277
|
+
isHovered: PropTypes__default["default"].bool
|
|
2275
2278
|
};
|
|
2276
2279
|
var FauxInput = FauxInputComponent;
|
|
2277
2280
|
FauxInput.EndIcon = EndIcon;
|
|
@@ -2303,7 +2306,7 @@ Select.propTypes = {
|
|
|
2303
2306
|
isCompact: PropTypes__default["default"].bool,
|
|
2304
2307
|
isBare: PropTypes__default["default"].bool,
|
|
2305
2308
|
focusInset: PropTypes__default["default"].bool,
|
|
2306
|
-
validation: PropTypes__default["default"].oneOf(
|
|
2309
|
+
validation: PropTypes__default["default"].oneOf(VALIDATION)
|
|
2307
2310
|
};
|
|
2308
2311
|
Select.displayName = 'Select';
|
|
2309
2312
|
|
|
@@ -3311,22 +3314,6 @@ var SvgFileErrorStroke = function SvgFileErrorStroke(props) {
|
|
|
3311
3314
|
})));
|
|
3312
3315
|
};
|
|
3313
3316
|
|
|
3314
|
-
var FileType;
|
|
3315
|
-
(function (FileType) {
|
|
3316
|
-
FileType["pdf"] = "pdf";
|
|
3317
|
-
FileType["zip"] = "zip";
|
|
3318
|
-
FileType["image"] = "image";
|
|
3319
|
-
FileType["document"] = "document";
|
|
3320
|
-
FileType["spreadsheet"] = "spreadsheet";
|
|
3321
|
-
FileType["presentation"] = "presentation";
|
|
3322
|
-
FileType["generic"] = "generic";
|
|
3323
|
-
})(FileType || (FileType = {}));
|
|
3324
|
-
var ValidationType;
|
|
3325
|
-
(function (ValidationType) {
|
|
3326
|
-
ValidationType["success"] = "success";
|
|
3327
|
-
ValidationType["error"] = "error";
|
|
3328
|
-
})(ValidationType || (ValidationType = {}));
|
|
3329
|
-
var ARRAY_FILE_TYPE = _toConsumableArray(Object.values(FileType));
|
|
3330
3317
|
var fileIconsDefault = {
|
|
3331
3318
|
pdf: React__default["default"].createElement(SvgFilePdfStroke, null),
|
|
3332
3319
|
zip: React__default["default"].createElement(SvgFileZipStroke, null),
|
|
@@ -3381,8 +3368,8 @@ FileComponent.displayName = 'File';
|
|
|
3381
3368
|
FileComponent.propTypes = {
|
|
3382
3369
|
focusInset: PropTypes__default["default"].bool,
|
|
3383
3370
|
isCompact: PropTypes__default["default"].bool,
|
|
3384
|
-
type: PropTypes__default["default"].oneOf(
|
|
3385
|
-
validation: PropTypes__default["default"].oneOf(
|
|
3371
|
+
type: PropTypes__default["default"].oneOf(FILE_TYPE),
|
|
3372
|
+
validation: PropTypes__default["default"].oneOf(FILE_VALIDATION)
|
|
3386
3373
|
};
|
|
3387
3374
|
var File = FileComponent;
|
|
3388
3375
|
File.Close = Close;
|
|
@@ -3483,10 +3470,11 @@ MediaInput.propTypes = {
|
|
|
3483
3470
|
isCompact: PropTypes__default["default"].bool,
|
|
3484
3471
|
isBare: PropTypes__default["default"].bool,
|
|
3485
3472
|
focusInset: PropTypes__default["default"].bool,
|
|
3473
|
+
validation: PropTypes__default["default"].oneOf(VALIDATION),
|
|
3486
3474
|
start: PropTypes__default["default"].node,
|
|
3487
3475
|
end: PropTypes__default["default"].node,
|
|
3488
|
-
|
|
3489
|
-
|
|
3476
|
+
wrapperProps: PropTypes__default["default"].object,
|
|
3477
|
+
wrapperRef: PropTypes__default["default"].any
|
|
3490
3478
|
};
|
|
3491
3479
|
MediaInput.displayName = 'MediaInput';
|
|
3492
3480
|
|
|
@@ -3510,3 +3498,4 @@ exports.Select = Select;
|
|
|
3510
3498
|
exports.Textarea = Textarea;
|
|
3511
3499
|
exports.Tiles = Tiles;
|
|
3512
3500
|
exports.Toggle = Toggle;
|
|
3501
|
+
exports.VALIDATION = VALIDATION;
|