@zendeskgarden/react-forms 8.49.2 → 8.50.0

package/dist/index.esm.js

@@ -115,22 +115,10 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
 function _iterableToArrayLimit(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
 
@@ -178,10 +166,6 @@ function _arrayLikeToArray(arr, len) {
   return arr2;
 }
 
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
@@ -195,7 +179,7 @@ var useFieldContext = function useFieldContext() {
 var COMPONENT_ID$K = 'forms.field';
 var StyledField = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$K,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledField",
   componentId: "sc-12gzfsu-0"
@@ -212,7 +196,7 @@ var COMPONENT_ID$J = 'forms.fieldset';
 var StyledFieldset = styled(StyledField).attrs({
   as: 'fieldset',
   'data-garden-id': COMPONENT_ID$J,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledFieldset",
   componentId: "sc-1vr4mxv-0"
@@ -228,7 +212,7 @@ StyledFieldset.defaultProps = {
 var COMPONENT_ID$I = 'forms.input_label';
 var StyledLabel = styled.label.attrs({
   'data-garden-id': COMPONENT_ID$I,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-2utmsz-0"
@@ -263,7 +247,7 @@ var COMPONENT_ID$H = 'forms.fieldset_legend';
 var StyledLegend = styled(StyledLabel).attrs({
   as: 'legend',
   'data-garden-id': COMPONENT_ID$H,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledLegend",
   componentId: "sc-6s0zwq-0"
@@ -277,7 +261,7 @@ StyledLegend.defaultProps = {
 var COMPONENT_ID$G = 'forms.input_hint';
 var StyledHint = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$G,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledHint",
   componentId: "sc-17c2wu8-0"
@@ -397,7 +381,7 @@ var MessageIcon = function MessageIcon(_ref) {
 var COMPONENT_ID$F = 'forms.input_message_icon';
 var StyledMessageIcon = styled(MessageIcon).attrs({
   'data-garden-id': COMPONENT_ID$F,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledMessageIcon",
   componentId: "sc-1ph2gba-0"
@@ -430,7 +414,7 @@ var validationStyles = function validationStyles(props) {
 var COMPONENT_ID$E = 'forms.input_message';
 var StyledMessage = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$E,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledMessage",
   componentId: "sc-30hgg7-0"
@@ -522,7 +506,7 @@ var sizeStyles$f = function sizeStyles(props) {
 var StyledTextInput = styled.input.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$D,
-    'data-garden-version': '8.49.2',
+    'data-garden-version': '8.50.0',
     'aria-invalid': isInvalid(props.validation)
   };
 }).withConfig({
@@ -558,7 +542,7 @@ var hiddenStyles = "\n  visibility: hidden;\n  position: absolute;\n  overflow:
 var StyledTextarea = styled(StyledTextInput).attrs({
   as: 'textarea',
   'data-garden-id': COMPONENT_ID$C,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTextarea",
   componentId: "sc-wxschl-0"
@@ -609,7 +593,7 @@ function (_ref) {
   return React__default.cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$B,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTextMediaFigure",
   componentId: "sc-1qepknj-0"
@@ -633,7 +617,7 @@ var StyledTextFauxInput = styled(StyledTextInput).attrs(function (props) {
     'aria-readonly': props.isReadOnly,
     'aria-disabled': props.isDisabled,
     'data-garden-id': COMPONENT_ID$A,
-    'data-garden-version': '8.49.2'
+    'data-garden-version': '8.50.0'
   };
 }).withConfig({
   displayName: "StyledTextFauxInput",
@@ -658,7 +642,7 @@ StyledTextFauxInput.defaultProps = {
 var COMPONENT_ID$z = 'forms.media_input';
 var StyledTextMediaInput = styled(StyledTextInput).attrs({
   'data-garden-id': COMPONENT_ID$z,
-  'data-garden-version': '8.49.2',
+  'data-garden-version': '8.50.0',
   isBare: true
 }).withConfig({
   displayName: "StyledTextMediaInput",
@@ -683,7 +667,7 @@ var itemStyles = function itemStyles(props) {
 };
 var StyledInputGroup = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$y,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledInputGroup",
   componentId: "sc-kjh1f0-0"
@@ -707,7 +691,7 @@ var sizeStyles$d = function sizeStyles(props) {
 };
 var StyledRadioLabel = styled(StyledLabel).attrs({
   'data-garden-id': COMPONENT_ID$x,
-  'data-garden-version': '8.49.2',
+  'data-garden-version': '8.50.0',
   isRadio: true
 }).withConfig({
   displayName: "StyledRadioLabel",
@@ -724,7 +708,7 @@ StyledRadioLabel.defaultProps = {
 var COMPONENT_ID$w = 'forms.checkbox_label';
 var StyledCheckLabel = styled(StyledRadioLabel).attrs({
   'data-garden-id': COMPONENT_ID$w,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledCheckLabel",
   componentId: "sc-x7nr1-0"
@@ -738,7 +722,7 @@ StyledCheckLabel.defaultProps = {
 var COMPONENT_ID$v = 'forms.radio_hint';
 var StyledRadioHint = styled(StyledHint).attrs({
   'data-garden-id': COMPONENT_ID$v,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledRadioHint",
   componentId: "sc-eo8twg-0"
@@ -756,7 +740,7 @@ StyledRadioHint.defaultProps = {
 var COMPONENT_ID$u = 'forms.checkbox_hint';
 var StyledCheckHint = styled(StyledRadioHint).attrs({
   'data-garden-id': COMPONENT_ID$u,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledCheckHint",
   componentId: "sc-1kl8e8c-0"
@@ -800,7 +784,7 @@ var sizeStyles$c = function sizeStyles(props) {
 };
 var StyledRadioInput = styled.input.attrs({
   'data-garden-id': COMPONENT_ID$t,
-  'data-garden-version': '8.49.2',
+  'data-garden-version': '8.50.0',
   type: 'radio'
 }).withConfig({
   displayName: "StyledRadioInput",
@@ -832,7 +816,7 @@ var colorStyles$8 = function colorStyles(props) {
 };
 var StyledCheckInput = styled(StyledRadioInput).attrs({
   'data-garden-id': COMPONENT_ID$s,
-  'data-garden-version': '8.49.2',
+  'data-garden-version': '8.50.0',
   type: 'checkbox'
 }).withConfig({
   displayName: "StyledCheckInput",
@@ -851,7 +835,7 @@ StyledCheckInput.defaultProps = {
 var COMPONENT_ID$r = 'forms.radio_message';
 var StyledRadioMessage = styled(StyledMessage).attrs({
   'data-garden-id': COMPONENT_ID$r,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledRadioMessage",
   componentId: "sc-1pmi0q8-0"
@@ -869,7 +853,7 @@ StyledRadioMessage.defaultProps = {
 var COMPONENT_ID$q = 'forms.checkbox_message';
 var StyledCheckMessage = styled(StyledRadioMessage).attrs({
   'data-garden-id': COMPONENT_ID$q,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledCheckMessage",
   componentId: "sc-s4p6kd-0"
@@ -905,7 +889,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
 var COMPONENT_ID$p = 'forms.check_svg';
 var StyledCheckSvg = styled(SvgCheckSmFill).attrs({
   'data-garden-id': COMPONENT_ID$p,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledCheckSvg",
   componentId: "sc-fvxetk-0"
@@ -939,7 +923,7 @@ var SvgDashFill = function SvgDashFill(props) {
 var COMPONENT_ID$o = 'forms.dash_svg';
 var StyledDashSvg = styled(SvgDashFill).attrs({
   'data-garden-id': COMPONENT_ID$o,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledDashSvg",
   componentId: "sc-z3vq71-0"
@@ -970,7 +954,7 @@ var sizeStyles$b = function sizeStyles(props) {
 };
 var StyledFileUpload = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$n,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledFileUpload",
   componentId: "sc-1rodjgn-0"
@@ -990,7 +974,7 @@ StyledFileUpload.defaultProps = {
 var COMPONENT_ID$m = 'forms.file.close';
 var StyledFileClose = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledFileClose",
   componentId: "sc-1m31jbf-0"
@@ -1033,7 +1017,7 @@ var sizeStyles$a = function sizeStyles(props) {
 };
 var StyledFile = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledFile",
   componentId: "sc-195lzp1-0"
@@ -1049,7 +1033,7 @@ StyledFile.defaultProps = {
 var COMPONENT_ID$k = 'forms.file.delete';
 var StyledFileDelete = styled(StyledFileClose).attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledFileDelete",
   componentId: "sc-a8nnhx-0"
@@ -1072,7 +1056,7 @@ var StyledFileIcon = styled(function (_ref) {
   return React__default.cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledFileIcon",
   componentId: "sc-7b3q0c-0"
@@ -1092,7 +1076,7 @@ StyledFileIcon.defaultProps = {
 var COMPONENT_ID$i = 'forms.file_list';
 var StyledFileList = styled.ul.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledFileList",
   componentId: "sc-gbahjg-0"
@@ -1106,7 +1090,7 @@ StyledFileList.defaultProps = {
 var COMPONENT_ID$h = 'forms.file_list.item';
 var StyledFileListItem = styled.li.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledFileListItem",
   componentId: "sc-1ova3lo-0"
@@ -1142,7 +1126,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
 var COMPONENT_ID$g = 'forms.radio_svg';
 var StyledRadioSvg = styled(SvgCircleSmFill$1).attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledRadioSvg",
   componentId: "sc-1r1qtr1-0"
@@ -1161,7 +1145,7 @@ var sizeStyles$9 = function sizeStyles(props) {
 };
 var StyledToggleLabel = styled(StyledCheckLabel).attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledToggleLabel",
   componentId: "sc-e0asdk-0"
@@ -1177,7 +1161,7 @@ StyledToggleLabel.defaultProps = {
 var COMPONENT_ID$e = 'forms.toggle_hint';
 var StyledToggleHint = styled(StyledHint).attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledToggleHint",
   componentId: "sc-nziggu-0"
@@ -1210,7 +1194,7 @@ var sizeStyles$8 = function sizeStyles(props) {
 };
 var StyledToggleInput = styled(StyledCheckInput).attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledToggleInput",
   componentId: "sc-sgp47s-0"
@@ -1228,7 +1212,7 @@ StyledToggleInput.defaultProps = {
 var COMPONENT_ID$c = 'forms.toggle_message';
 var StyledToggleMessage = styled(StyledMessage).attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledToggleMessage",
   componentId: "sc-13vuvl1-0"
@@ -1270,7 +1254,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
 var COMPONENT_ID$b = 'forms.toggle_svg';
 var StyledToggleSvg = styled(SvgCircleSmFill).attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledToggleSvg",
   componentId: "sc-162xbyx-0"
@@ -1294,7 +1278,7 @@ var sizeStyles$7 = function sizeStyles(props) {
 };
 var StyledSelect = styled(StyledTextInput).attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.49.2',
+  'data-garden-version': '8.50.0',
   as: 'select'
 }).withConfig({
   displayName: "StyledSelect",
@@ -1313,7 +1297,7 @@ StyledSelect.defaultProps = {
 var COMPONENT_ID$9 = 'forms.select_wrapper';
 var StyledSelectWrapper = styled(StyledTextFauxInput).attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.49.2',
+  'data-garden-version': '8.50.0',
   isBare: true
 }).withConfig({
   displayName: "StyledSelectWrapper",
@@ -1366,7 +1350,7 @@ var sizeStyles$6 = function sizeStyles(props) {
 var StyledRangeInput = styled.input.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$8,
-    'data-garden-version': '8.49.2',
+    'data-garden-version': '8.50.0',
     type: 'range',
     style: {
       backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -1398,7 +1382,7 @@ var COMPONENT_ID$7 = 'forms.slider';
 var StyledSlider = styled.div.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$7,
-    'data-garden-version': '8.49.2',
+    'data-garden-version': '8.50.0',
     'aria-disabled': props.isDisabled
   };
 }).withConfig({
@@ -1438,7 +1422,7 @@ var sizeStyles$5 = function sizeStyles(props) {
 var StyledSliderThumb = styled.div.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$6,
-    'data-garden-version': '8.49.2',
+    'data-garden-version': '8.50.0',
     'aria-disabled': props.isDisabled
   };
 }).withConfig({
@@ -1482,7 +1466,7 @@ var sizeStyles$4 = function sizeStyles(props) {
 var StyledSliderTrack = styled.div.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$5,
-    'data-garden-version': '8.49.2',
+    'data-garden-version': '8.50.0',
     'aria-disabled': props.isDisabled
   };
 }).withConfig({
@@ -1509,7 +1493,7 @@ var sizeStyles$3 = function sizeStyles(props) {
 };
 var StyledSliderTrackRail = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSliderTrackRail",
   componentId: "sc-1o5owbd-0"
@@ -1540,7 +1524,7 @@ var sizeStyles$2 = function sizeStyles(props) {
 };
 var StyledTileIcon = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTileIcon",
   componentId: "sc-1wazhg4-0"
@@ -1580,7 +1564,7 @@ var colorStyles = function colorStyles(props) {
 var StyledTile = styled.label.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$2,
-    'data-garden-version': '8.49.2',
+    'data-garden-version': '8.50.0',
     'data-garden-focus-visible': props.isFocused,
     'data-garden-selected': props.isSelected
   };
@@ -1618,7 +1602,7 @@ var sizeStyles$1 = function sizeStyles(props) {
 };
 var StyledTileDescription = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTileDescription",
   componentId: "sc-xfuu7u-0"
@@ -1661,7 +1645,7 @@ var sizeStyles = function sizeStyles(props) {
 };
 var StyledTileLabel = styled.span.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTileLabel",
   componentId: "sc-1mypv27-0"
@@ -1744,6 +1728,9 @@ var FieldsetComponent = forwardRef(function (props, ref) {
   })));
 });
 FieldsetComponent.displayName = 'Fieldset';
+FieldsetComponent.propTypes = {
+  isCompact: PropTypes.bool
+};
 var Fieldset = FieldsetComponent;
 Fieldset.Legend = Legend;
 
@@ -1850,6 +1837,10 @@ Label$1.propTypes = {
   isRegular: PropTypes.bool
 };
 
+var VALIDATION = ['success', 'warning', 'error'];
+var FILE_VALIDATION = ['success', 'error'];
+var FILE_TYPE = ['pdf', 'zip', 'image', 'document', 'spreadsheet', 'presentation', 'generic'];
+
 var _excluded$f = ["validation", "children"];
 var Message = React__default.forwardRef(function (_ref, ref) {
   var validation = _ref.validation,
@@ -1881,7 +1872,7 @@ var Message = React__default.forwardRef(function (_ref, ref) {
 });
 Message.displayName = 'Message';
 Message.propTypes = {
-  validation: PropTypes.oneOf(['success', 'warning', 'error'])
+  validation: PropTypes.oneOf(VALIDATION)
 };
 
 var _excluded$e = ["indeterminate", "children"];
@@ -1916,6 +1907,10 @@ var Checkbox = React__default.forwardRef(function (_ref, ref) {
   }, React__default.createElement(StyledCheckInput, combinedProps), children);
 });
 Checkbox.displayName = 'Checkbox';
+Checkbox.propTypes = {
+  isCompact: PropTypes.bool,
+  indeterminate: PropTypes.bool
+};
 
 var InputGroupContext = createContext(undefined);
 var useInputGroupContext = function useInputGroupContext() {
@@ -1952,7 +1947,7 @@ Input.propTypes = {
   isCompact: PropTypes.bool,
   isBare: PropTypes.bool,
   focusInset: PropTypes.bool,
-  validation: PropTypes.oneOf(['success', 'warning', 'error'])
+  validation: PropTypes.oneOf(VALIDATION)
 };
 Input.displayName = 'Input';
 
@@ -1973,6 +1968,9 @@ var Radio = React__default.forwardRef(function (_ref, ref) {
   }, React__default.createElement(StyledRadioInput, combinedProps), children);
 });
 Radio.displayName = 'Radio';
+Radio.propTypes = {
+  isCompact: PropTypes.bool
+};
 
 var _excluded$b = ["hasLowerTrack", "min", "max", "step"];
 var Range = React__default.forwardRef(function (_ref, ref) {
@@ -2149,7 +2147,7 @@ Textarea.propTypes = {
   isResizable: PropTypes.bool,
   minRows: PropTypes.number,
   maxRows: PropTypes.number,
-  validation: PropTypes.oneOf(['success', 'warning', 'error'])
+  validation: PropTypes.oneOf(VALIDATION)
 };
 Textarea.displayName = 'Textarea';
 
@@ -2170,6 +2168,9 @@ var Toggle = React__default.forwardRef(function (_ref, ref) {
   }, React__default.createElement(StyledToggleInput, combinedProps), children);
 });
 Toggle.displayName = 'Toggle';
+Toggle.propTypes = {
+  isCompact: PropTypes.bool
+};
 
 var _path$k;
 
@@ -2241,7 +2242,9 @@ FauxInputComponent.propTypes = {
   focusInset: PropTypes.bool,
   disabled: PropTypes.bool,
   readOnly: PropTypes.bool,
-  validation: PropTypes.oneOf(['success', 'warning', 'error'])
+  validation: PropTypes.oneOf(VALIDATION),
+  isFocused: PropTypes.bool,
+  isHovered: PropTypes.bool
 };
 var FauxInput = FauxInputComponent;
 FauxInput.EndIcon = EndIcon;
@@ -2273,7 +2276,7 @@ Select.propTypes = {
   isCompact: PropTypes.bool,
   isBare: PropTypes.bool,
   focusInset: PropTypes.bool,
-  validation: PropTypes.oneOf(['success', 'warning', 'error'])
+  validation: PropTypes.oneOf(VALIDATION)
 };
 Select.displayName = 'Select';
 
@@ -3281,22 +3284,6 @@ var SvgFileErrorStroke = function SvgFileErrorStroke(props) {
   })));
 };
 
-var FileType;
-(function (FileType) {
-  FileType["pdf"] = "pdf";
-  FileType["zip"] = "zip";
-  FileType["image"] = "image";
-  FileType["document"] = "document";
-  FileType["spreadsheet"] = "spreadsheet";
-  FileType["presentation"] = "presentation";
-  FileType["generic"] = "generic";
-})(FileType || (FileType = {}));
-var ValidationType;
-(function (ValidationType) {
-  ValidationType["success"] = "success";
-  ValidationType["error"] = "error";
-})(ValidationType || (ValidationType = {}));
-var ARRAY_FILE_TYPE = _toConsumableArray(Object.values(FileType));
 var fileIconsDefault = {
   pdf: React__default.createElement(SvgFilePdfStroke, null),
   zip: React__default.createElement(SvgFileZipStroke, null),
@@ -3351,8 +3338,8 @@ FileComponent.displayName = 'File';
 FileComponent.propTypes = {
   focusInset: PropTypes.bool,
   isCompact: PropTypes.bool,
-  type: PropTypes.oneOf(ARRAY_FILE_TYPE),
-  validation: PropTypes.oneOf(['success', 'error'])
+  type: PropTypes.oneOf(FILE_TYPE),
+  validation: PropTypes.oneOf(FILE_VALIDATION)
 };
 var File = FileComponent;
 File.Close = Close;
@@ -3453,11 +3440,12 @@ MediaInput.propTypes = {
   isCompact: PropTypes.bool,
   isBare: PropTypes.bool,
   focusInset: PropTypes.bool,
+  validation: PropTypes.oneOf(VALIDATION),
   start: PropTypes.node,
   end: PropTypes.node,
-  validation: PropTypes.oneOf(['success', 'warning', 'error']),
-  wrapperProps: PropTypes.object
+  wrapperProps: PropTypes.object,
+  wrapperRef: PropTypes.any
 };
 MediaInput.displayName = 'MediaInput';
 
-export { Checkbox, FauxInput, Field, Fieldset, File, FileList, FileUpload, Hint, Input, InputGroup, Label$1 as Label, MediaInput, Message, MultiThumbRange, Radio, Range, Select, Textarea, Tiles, Toggle };
+export { Checkbox, FauxInput, Field, Fieldset, File, FileList, FileUpload, Hint, Input, InputGroup, Label$1 as Label, MediaInput, Message, MultiThumbRange, Radio, Range, Select, Textarea, Tiles, Toggle, VALIDATION };

package/dist/typings/elements/Checkbox.d.ts

@@ -4,16 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { InputHTMLAttributes } from 'react';
-export interface ICheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
-    /**
-     * Sets the checkbox state to
-     * [indeterminate](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes)
-     */
-    indeterminate?: boolean;
-    /** Applies compact styling */
-    isCompact?: boolean;
-}
+import React from 'react';
+import { ICheckboxProps } from '../types';
 /**
  * @extends InputHTMLAttributes<HTMLInputElement>
  */

package/dist/typings/elements/FileUpload.d.ts

@@ -4,15 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
-export interface IFileUploadProps extends HTMLAttributes<HTMLDivElement> {
-    /** Applies drag styling */
-    isDragging?: boolean;
-    /** Applies compact styling */
-    isCompact?: boolean;
-    /** Indicates that the element is not interactive */
-    disabled?: boolean;
-}
+import React from 'react';
+import { IFileUploadProps } from '../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */

package/dist/typings/elements/Input.d.ts

@@ -4,18 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { InputHTMLAttributes } from 'react';
-import { VALIDATION } from '../utils/validation';
-export interface IInputProps extends InputHTMLAttributes<HTMLInputElement> {
-    /** Applies compact styling */
-    isCompact?: boolean;
-    /** Removes borders and padding */
-    isBare?: boolean;
-    /** Applies inset `box-shadow` styling on focus */
-    focusInset?: boolean;
-    /** Applies validation state styling */
-    validation?: VALIDATION;
-}
+import React from 'react';
+import { IInputProps } from '../types';
 /**
  * @extends InputHTMLAttributes<HTMLInputElement>
  */

package/dist/typings/elements/MediaInput.d.ts

@@ -4,26 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { InputHTMLAttributes } from 'react';
-import { VALIDATION } from '../utils/validation';
-export interface IMediaInputProps extends InputHTMLAttributes<HTMLInputElement> {
-    /** Applies compact styling */
-    isCompact?: boolean;
-    /** Removes borders and padding */
-    isBare?: boolean;
-    /** Applies inset `box-shadow` styling on focus */
-    focusInset?: boolean;
-    /** Accepts a "start" icon to display */
-    start?: any;
-    /** Accepts an "end" icon to display */
-    end?: any;
-    /** Applies validation state styling */
-    validation?: VALIDATION;
-    /** Applies props to the wrapping [FauxInput](#fauxinput) element */
-    wrapperProps?: any;
-    /** Applies a ref to the wrapping [FauxInput](#fauxinput) element */
-    wrapperRef?: any;
-}
+import React from 'react';
+import { IMediaInputProps } from '../types';
 /**
  * @extends InputHTMLAttributes<HTMLInputElement>
  */