baseui 0.0.0-next-2992a67 → 0.0.0-next-ecc760f

package/icon/chevron-left.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function ChevronLeft(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/chevron-right.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function ChevronRight(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/chevron-up.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function ChevronUp(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/delete-alt.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function DeleteAlt(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/delete.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function Delete(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/filter.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function Filter(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/grab.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function Grab(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/hide.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function Hide(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/icon-exports.d.ts

@@ -4,6 +4,7 @@ export { default as ArrowLeft } from './arrow-left';
 export { default as ArrowRight } from './arrow-right';
 export { default as ArrowUp } from './arrow-up';
 export { default as Blank } from './blank';
+export { default as Calendar } from './calendar';
 export { default as CheckIndeterminate } from './check-indeterminate';
 export { default as Check } from './check';
 export { default as ChevronDown } from './chevron-down';

package/icon/icon-exports.js

@@ -39,6 +39,12 @@ Object.defineProperty(exports, "Blank", {
     return _blank.default;
   }
 });
+Object.defineProperty(exports, "Calendar", {
+  enumerable: true,
+  get: function get() {
+    return _calendar.default;
+  }
+});
 Object.defineProperty(exports, "Check", {
   enumerable: true,
   get: function get() {
@@ -184,6 +190,8 @@ var _arrowUp = _interopRequireDefault(require("./arrow-up"));
 
 var _blank = _interopRequireDefault(require("./blank"));
 
+var _calendar = _interopRequireDefault(require("./calendar"));
+
 var _checkIndeterminate = _interopRequireDefault(require("./check-indeterminate"));
 
 var _check = _interopRequireDefault(require("./check"));

package/icon/icon-exports.js.flow

@@ -11,6 +11,7 @@ export { default as ArrowLeft } from './arrow-left.js';
 export { default as ArrowRight } from './arrow-right.js';
 export { default as ArrowUp } from './arrow-up.js';
 export { default as Blank } from './blank.js';
+export { default as Calendar } from './calendar.js';
 export { default as CheckIndeterminate } from './check-indeterminate.js';
 export { default as Check } from './check.js';
 export { default as ChevronDown } from './chevron-down.js';

package/icon/icon.js

@@ -47,6 +47,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+// @ts-ignore
 var Icon = function Icon(props, ref) {
   var children = props.children,
       title = props.title,

package/icon/index.d.ts

@@ -4,4 +4,4 @@ export { Svg as StyledSvg, getSvgStyles } from './styled-components';
 export * from './icon-exports';
 export * from './types';
 /** @deprecated use StyledComponentArgs instead. To be removed in future versions.*/
-export declare type StyledComponentArgsT = StyledComponentArgs;
+export type StyledComponentArgsT = StyledComponentArgs;

package/icon/menu.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function Menu(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/omit-dollar-prefixed-keys.js

@@ -17,6 +17,7 @@ function omitDollarPrefixedKeys(source) {
 
   for (var key in source) {
     if (key[0] !== '$') {
+      // @ts-ignore
       result[key] = source[key];
     }
   }

package/icon/overflow.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function Overflow(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/plus.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function Plus(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/search.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function Search(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/show.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function Show(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/spinner.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function Spinner(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/styled-components.js

@@ -21,7 +21,9 @@ function getSvgStyles(_ref) {
   var size = $theme.sizing.scale600;
 
   if ($size) {
+    // @ts-ignore
     if ($theme.sizing[$size]) {
+      // @ts-ignore
       size = $theme.sizing[$size];
     } else if (typeof $size === 'number') {
       size = "".concat($size, "px");
@@ -33,7 +35,9 @@ function getSvgStyles(_ref) {
   var color = 'currentColor';
 
   if ($color) {
+    // @ts-ignore
     if ($theme.colors[$color]) {
+      // @ts-ignore
       color = $theme.colors[$color];
     } else {
       color = $color;

package/icon/triangle-down.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function TriangleDown(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/triangle-left.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function TriangleLeft(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/triangle-right.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function TriangleRight(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/triangle-up.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function TriangleUp(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/icon/types.d.ts

@@ -1,15 +1,15 @@
 import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-export declare type IconOverrides = {
+export type IconOverrides = {
     Svg?: Override;
 };
-export declare type Size = number | string;
-export declare type Color = string;
-export declare type StyledComponentArgs = {
+export type Size = number | string;
+export type Color = string;
+export type StyledComponentArgs = {
     $size?: Size;
     $color?: Color;
 };
-export declare type IconProps = React.SVGAttributes<SVGElement> & {
+export type IconProps = React.SVGAttributes<SVGElement> & {
     children?: React.ReactNode;
     /** Size of element, will be passed to the svg width/height style. Can also be a value included in */
     size?: Size;

package/icon/upload.js

@@ -41,6 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// @ts-ignore
 function Upload(props, ref) {
   var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),

package/index.d.ts

@@ -5,6 +5,6 @@ export { default as BaseProvider } from './helpers/base-provider';
 export { getOverrides, mergeOverrides } from './helpers/overrides';
 export type { Primitives } from './themes';
 export type { Theme, ThemeProviderProps } from './styles';
-export { type StyledFn, type StyletronWithStyleFn as WithStyleFn } from './styles/styled';
-export { type LocaleProviderProps } from './locale';
-export { type BaseProviderOverrides, type BaseProviderProps } from './helpers/types';
+export type { StyledFn, StyletronWithStyleFn as WithStyleFn } from './styles/styled';
+export type { LocaleProviderProps } from './locale';
+export type { BaseProviderOverrides, BaseProviderProps } from './helpers/types';

package/input/base-input.js

@@ -67,6 +67,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+// @ts-ignore
 var NullComponent = function NullComponent() {
   return null;
 };
@@ -115,7 +116,8 @@ var BaseInput = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "onFocus", function (e) {
       _this.setState({
         isFocused: true
-      });
+      }); // @ts-ignore
+
 
       _this.props.onFocus(e);
     });
@@ -123,7 +125,8 @@ var BaseInput = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "onBlur", function (e) {
       _this.setState({
         isFocused: false
-      });
+      }); // @ts-ignore
+
 
       _this.props.onBlur(e);
     });
@@ -176,6 +179,7 @@ var BaseInput = /*#__PURE__*/function (_React$Component) {
         }
 
         if (clearable) {
+          // @ts-ignore
           this.inputRef.current.addEventListener('keydown', this.onInputKeyDown);
         }
       }
@@ -186,6 +190,7 @@ var BaseInput = /*#__PURE__*/function (_React$Component) {
       var clearable = this.props.clearable;
 
       if (clearable && this.inputRef.current) {
+        // @ts-ignore
         this.inputRef.current.removeEventListener('keydown', this.onInputKeyDown);
       }
     }
@@ -230,17 +235,20 @@ var BaseInput = /*#__PURE__*/function (_React$Component) {
 
       if (this.props.type !== 'password') return null;
 
-      var _getOverrides = (0, _overrides.getOverrides)(this.props.overrides.MaskToggleButton, _styledComponents.StyledMaskToggleButton),
+      var _getOverrides = (0, _overrides.getOverrides)( // @ts-ignore
+      this.props.overrides.MaskToggleButton, _styledComponents.StyledMaskToggleButton),
           _getOverrides2 = _slicedToArray(_getOverrides, 2),
           MaskToggleButton = _getOverrides2[0],
           maskToggleButtonProps = _getOverrides2[1];
 
-      var _getOverrides3 = (0, _overrides.getOverrides)(this.props.overrides.MaskToggleShowIcon, _show.default),
+      var _getOverrides3 = (0, _overrides.getOverrides)( // @ts-ignore
+      this.props.overrides.MaskToggleShowIcon, _show.default),
           _getOverrides4 = _slicedToArray(_getOverrides3, 2),
           MaskToggleShowIcon = _getOverrides4[0],
           maskToggleIconShowProps = _getOverrides4[1];
 
-      var _getOverrides5 = (0, _overrides.getOverrides)(this.props.overrides.MaskToggleHideIcon, _hide.default),
+      var _getOverrides5 = (0, _overrides.getOverrides)( // @ts-ignore
+      this.props.overrides.MaskToggleHideIcon, _hide.default),
           _getOverrides6 = _slicedToArray(_getOverrides5, 2),
           MaskToggleHideIcon = _getOverrides6[0],
           maskToggleIconHideProps = _getOverrides6[1];
@@ -309,7 +317,8 @@ var BaseInput = /*#__PURE__*/function (_React$Component) {
         tabIndex: 0,
         title: ariaLabel,
         "aria-label": ariaLabel,
-        onClick: this.onClearIconClick,
+        onClick: this.onClearIconClick // @ts-ignore
+        ,
         onKeyDown: function onKeyDown(event) {
           if (event.key && (event.key === 'Enter' || event.key === ' ')) {
             event.preventDefault();
@@ -401,13 +410,21 @@ var BaseInput = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 
 _defineProperty(BaseInput, "defaultProps", {
+  // @ts-ignore
   'aria-activedescendant': null,
+  // @ts-ignore
   'aria-autocomplete': null,
+  // @ts-ignore
   'aria-controls': null,
+  // @ts-ignore
   'aria-errormessage': null,
+  // @ts-ignore
   'aria-haspopup': null,
+  // @ts-ignore
   'aria-label': null,
+  // @ts-ignore
   'aria-labelledby': null,
+  // @ts-ignore
   'aria-describedby': null,
   adjoined: _constants.ADJOINED.none,
   autoComplete: 'on',
@@ -427,9 +444,11 @@ _defineProperty(BaseInput, "defaultProps", {
   clearable: false,
   clearOnEscape: true,
   overrides: {},
+  // @ts-ignore
   pattern: null,
   placeholder: '',
   required: false,
+  // @ts-ignore
   role: null,
   size: _constants.SIZE.default,
   type: 'text',

package/input/input.js

@@ -99,7 +99,8 @@ var Input = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "onFocus", function (e) {
       _this.setState({
         isFocused: true
-      });
+      }); // @ts-ignore
+
 
       _this.props.onFocus(e);
     });
@@ -107,7 +108,8 @@ var Input = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "onBlur", function (e) {
       _this.setState({
         isFocused: false
-      });
+      }); // @ts-ignore
+
 
       _this.props.onBlur(e);
     });
@@ -171,7 +173,8 @@ var Input = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return Input;
-}(React.Component);
+}(React.Component); // @ts-ignore
+
 
 _defineProperty(Input, "defaultProps", {
   autoComplete: 'on',
@@ -183,7 +186,9 @@ _defineProperty(Input, "defaultProps", {
   overrides: {},
   required: false,
   size: _constants.SIZE.default,
+  // @ts-ignore
   startEnhancer: null,
+  // @ts-ignore
   endEnhancer: null,
   clearable: false,
   type: 'text',
@@ -200,7 +205,8 @@ function getAdjoinedProp(startEnhancer, endEnhancer) {
   }
 
   return _constants.ADJOINED.none;
-}
+} // @ts-ignore
+
 
 function isEnhancer(enhancer) {
   return Boolean(enhancer || enhancer === 0);

package/input/stateful-container.js

@@ -76,12 +76,14 @@ var StatefulContainer = /*#__PURE__*/function (_React$Component) {
         value: e.target.value
       };
 
-      _this.internalSetState(_constants.STATE_CHANGE_TYPE.change, nextState);
+      _this.internalSetState(_constants.STATE_CHANGE_TYPE.change, nextState); // @ts-ignore
+
 
       _this.props.onChange(e);
     });
 
     _defineProperty(_assertThisInitialized(_this), "internalSetState", function (type, nextState) {
+      // @ts-ignore
       var newState = _this.props.stateReducer(type, nextState, _this.state);
 
       _this.setState(newState);
@@ -102,6 +104,7 @@ var StatefulContainer = /*#__PURE__*/function (_React$Component) {
 
       var onChange = this.onChange;
       return children(_objectSpread(_objectSpread(_objectSpread({}, restProps), this.state), {}, {
+        // @ts-ignore
         onChange: onChange
       }));
     }

package/input/styled-components.js

@@ -75,9 +75,12 @@ exports.StyledClearIcon = StyledClearIcon;
 StyledClearIcon.displayName = "StyledClearIcon";
 StyledClearIcon.displayName = 'StyledClearIcon';
 
-function getInputPadding(size, sizing) {
+function getInputPadding( // @ts-ignore
+size, // @ts-ignore
+sizing) {
   var _SIZE$mini$SIZE$compa3;
 
+  // @ts-ignore
   return (_SIZE$mini$SIZE$compa3 = {}, _defineProperty(_SIZE$mini$SIZE$compa3, _constants.SIZE.mini, {
     paddingTop: sizing.scale100,
     paddingBottom: sizing.scale100,
@@ -101,24 +104,35 @@ function getInputPadding(size, sizing) {
   }), _SIZE$mini$SIZE$compa3)[size];
 }
 
-function getRootPadding(adjoined, size, sizing, direction, hasIconTrailing) {
+function getRootPadding( // @ts-ignore
+adjoined, // @ts-ignore
+size, // @ts-ignore
+sizing, // @ts-ignore
+direction, // @ts-ignore
+hasIconTrailing) {
   var ifLeftPad = adjoined === _constants.ADJOINED.both || adjoined === _constants.ADJOINED.left && direction !== 'rtl' || adjoined === _constants.ADJOINED.right && direction === 'rtl' || hasIconTrailing && direction === 'rtl';
   var ifRightPad = adjoined === _constants.ADJOINED.both || adjoined === _constants.ADJOINED.right && direction !== 'rtl' || adjoined === _constants.ADJOINED.left && direction === 'rtl' || hasIconTrailing && direction !== 'rtl';
   return {
     paddingLeft: ifLeftPad ? sizing.scale550 : '0px',
     paddingRight: ifRightPad ? sizing.scale550 : '0px'
   };
-}
+} // @ts-ignore
+
 
 function getFont(size, typography) {
   var _SIZE$mini$SIZE$compa4;
 
+  // @ts-ignore
   return (_SIZE$mini$SIZE$compa4 = {}, _defineProperty(_SIZE$mini$SIZE$compa4, _constants.SIZE.mini, typography.font100), _defineProperty(_SIZE$mini$SIZE$compa4, _constants.SIZE.compact, typography.font200), _defineProperty(_SIZE$mini$SIZE$compa4, _constants.SIZE.default, typography.font300), _defineProperty(_SIZE$mini$SIZE$compa4, _constants.SIZE.large, typography.font400), _SIZE$mini$SIZE$compa4)[size];
 }
 
-function getRootColors($disabled, $isFocused, $error) {
+function getRootColors( // @ts-ignore
+$disabled, // @ts-ignore
+$isFocused, // @ts-ignore
+$error) {
   var $positive = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var colors = arguments.length > 4 ? arguments[4] : undefined;
+  var // @ts-ignore
+  colors = arguments.length > 4 ? arguments[4] : undefined;
 
   if ($disabled) {
     return {
@@ -169,7 +183,9 @@ function getRootColors($disabled, $isFocused, $error) {
   };
 }
 
-function getRootBorderRadius(size, borders) {
+function getRootBorderRadius( // @ts-ignore
+size, // @ts-ignore
+borders) {
   var radius = borders.inputBorderRadius;
 
   if (size === _constants.SIZE.mini) {
@@ -224,9 +240,11 @@ exports.Root = Root;
 Root.displayName = "Root";
 Root.displayName = 'Root'; // InputEnhancer
 
+// @ts-ignore
 function getInputEnhancerPadding($size, sizing) {
   var _SIZE$mini$SIZE$compa5;
 
+  // @ts-ignore
   return (_SIZE$mini$SIZE$compa5 = {}, _defineProperty(_SIZE$mini$SIZE$compa5, _constants.SIZE.mini, {
     paddingRight: sizing.scale400,
     paddingLeft: sizing.scale400
@@ -240,7 +258,8 @@ function getInputEnhancerPadding($size, sizing) {
     paddingRight: sizing.scale200,
     paddingLeft: sizing.scale200
   }), _SIZE$mini$SIZE$compa5)[$size];
-}
+} // @ts-ignore
+
 
 function getInputEnhancerColors($disabled, $isFocused, $error, $positive, colors) {
   if ($disabled) {
@@ -300,6 +319,7 @@ var InputEnhancer = (0, _styles.styled)('div', function (props) {
 exports.InputEnhancer = InputEnhancer;
 InputEnhancer.displayName = "InputEnhancer";
 InputEnhancer.displayName = 'InputEnhancer'; // InputContainer
+// @ts-ignore
 
 function getInputContainerColors($disabled, $isFocused, $error, $positive, colors) {
   if ($disabled) {
@@ -359,7 +379,7 @@ exports.getInputContainerStyles = getInputContainerStyles;
 var InputContainer = (0, _styles.styled)('div', getInputContainerStyles);
 exports.InputContainer = InputContainer;
 InputContainer.displayName = "InputContainer";
-InputContainer.displayName = 'InputContainer';
+InputContainer.displayName = 'InputContainer'; // @ts-ignore
 
 function getInputColors($disabled, $isFocused, $error, colors) {
   if ($disabled) {
@@ -409,9 +429,13 @@ var getInputStyles = function getInputStyles(props) {
     maxWidth: '100%',
     cursor: $disabled ? 'not-allowed' : 'text',
     margin: '0',
+    // @ts-ignore
     paddingTop: '0',
+    // @ts-ignore
     paddingBottom: '0',
+    // @ts-ignore
     paddingLeft: '0',
+    // @ts-ignore
     paddingRight: '0'
   }, getFont($size, typography)), getInputPadding($size, sizing)), getInputColors($disabled, $isFocused, $error, colors));
 };