baseui 11.2.1 → 12.1.1

package/input/stateful-container.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,39 +9,41 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _constants = require("./constants.js");
+var _constants = require("./constants");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+var _excluded = ["children", "initialState", "stateReducer"];
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 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; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 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; }
 
@@ -91,11 +93,12 @@ var StatefulContainer = /*#__PURE__*/function (_React$Component) {
   _createClass(StatefulContainer, [{
     key: "render",
     value: function render() {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       var _this$props = this.props,
           children = _this$props.children,
           initialState = _this$props.initialState,
           stateReducer = _this$props.stateReducer,
-          restProps = _objectWithoutProperties(_this$props, ["children", "initialState", "stateReducer"]);
+          restProps = _objectWithoutProperties(_this$props, _excluded);
 
       var onChange = this.onChange;
       return children(_objectSpread(_objectSpread(_objectSpread({}, restProps), this.state), {}, {

package/input/stateful-input.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { StatefulInputProps } from './types';
+export default function StatefulInput(props: StatefulInputProps): JSX.Element;

package/input/stateful-input.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,15 +9,15 @@ exports.default = StatefulInput;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _statefulContainer = _interopRequireDefault(require("./stateful-container.js"));
+var _statefulContainer = _interopRequireDefault(require("./stateful-container"));
 
-var _input = _interopRequireDefault(require("./input.js"));
+var _input = _interopRequireDefault(require("./input"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 /*
 Copyright (c) Uber Technologies, Inc.

package/input/styled-components.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import type { Theme } from '../styles/types';
+import type { StyleObject } from 'styletron-standard';
+import { ADJOINED } from './constants';
+import type { SharedProps, Size } from './types';
+import type { SharedStyleProps } from '../textarea/types';
+export declare const StyledMaskToggleButton: import("styletron-react").StyletronComponent<"button", {
+    $size: Size;
+    $isFocusVisible: boolean;
+    $theme: Theme;
+}>;
+export declare const StyledClearIconContainer: import("styletron-react").StyletronComponent<"div", {
+    $size: Size;
+    $alignTop: boolean;
+    $theme: Theme;
+}>;
+export declare const StyledClearIcon: import("styletron-react").StyletronComponent<import("react").ForwardRefExoticComponent<import("react").SVGAttributes<SVGElement> & {
+    children?: import("react").ReactNode;
+    size?: import("../icon").Size;
+    color?: string;
+    title?: string;
+    overrides?: import("../icon").IconOverrides;
+} & import("../icon").StyledComponentArgs & import("react").RefAttributes<SVGSVGElement>>, {
+    $isFocusVisible: boolean;
+}>;
+export declare const getRootStyles: (props: {
+    $adjoined: keyof typeof ADJOINED;
+    $isFocused?: boolean;
+    $error?: boolean;
+    $disabled?: boolean;
+    $positive?: boolean;
+    $size: Size;
+    $theme: Theme;
+    $hasIconTrailing?: boolean;
+}) => StyleObject;
+export declare const Root: import("styletron-react").StyletronComponent<"div", SharedProps>;
+export declare const InputEnhancer: import("styletron-react").StyletronComponent<"div", SharedProps>;
+export declare const getInputContainerStyles: (props: {
+    $isFocused?: boolean;
+    $error?: boolean;
+    $disabled?: boolean;
+    $positive?: boolean;
+    $size: Size;
+    $theme: Theme;
+}) => StyleObject;
+export declare const InputContainer: import("styletron-react").StyletronComponent<"div", SharedProps>;
+export declare const getInputStyles: (props: (SharedProps & {
+    $theme: Theme;
+}) | (SharedStyleProps & {
+    $theme: Theme;
+})) => StyleObject;
+export declare const Input: import("styletron-react").StyletronComponent<"input", SharedProps>;

package/input/styled-components.js

@@ -3,23 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Input = exports.getInputStyles = exports.InputContainer = exports.getInputContainerStyles = exports.InputEnhancer = exports.Root = exports.getRootStyles = exports.StyledClearIcon = exports.StyledClearIconContainer = exports.StyledMaskToggleButton = void 0;
+exports.getRootStyles = exports.getInputStyles = exports.getInputContainerStyles = exports.StyledMaskToggleButton = exports.StyledClearIconContainer = exports.StyledClearIcon = exports.Root = exports.InputEnhancer = exports.InputContainer = exports.Input = void 0;
 
-var _index = require("../styles/index.js");
+var _styles = require("../styles");
 
-var _constants = require("./constants.js");
+var _constants = require("./constants");
 
-var _deleteAlt = _interopRequireDefault(require("../icon/delete-alt.js"));
+var _deleteAlt = _interopRequireDefault(require("../icon/delete-alt"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 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; }
 
-var StyledMaskToggleButton = (0, _index.styled)('button', function (_ref) {
+var StyledMaskToggleButton = (0, _styles.styled)('button', function (_ref) {
   var _SIZE$mini$SIZE$compa;
 
   var $theme = _ref.$theme,
@@ -42,7 +42,8 @@ var StyledMaskToggleButton = (0, _index.styled)('button', function (_ref) {
 });
 exports.StyledMaskToggleButton = StyledMaskToggleButton;
 StyledMaskToggleButton.displayName = "StyledMaskToggleButton";
-var StyledClearIconContainer = (0, _index.styled)('div', function (_ref2) {
+StyledMaskToggleButton.displayName = 'StyledMaskToggleButton';
+var StyledClearIconContainer = (0, _styles.styled)('div', function (_ref2) {
   var _SIZE$mini$SIZE$compa2;
 
   var _ref2$$alignTop = _ref2.$alignTop,
@@ -61,7 +62,8 @@ var StyledClearIconContainer = (0, _index.styled)('div', function (_ref2) {
 });
 exports.StyledClearIconContainer = StyledClearIconContainer;
 StyledClearIconContainer.displayName = "StyledClearIconContainer";
-var StyledClearIcon = (0, _index.styled)(_deleteAlt.default, function (_ref3) {
+StyledClearIconContainer.displayName = 'StyledClearIconContainer';
+var StyledClearIcon = (0, _styles.styled)(_deleteAlt.default, function (_ref3) {
   var $theme = _ref3.$theme,
       $isFocusVisible = _ref3.$isFocusVisible;
   return {
@@ -71,6 +73,7 @@ var StyledClearIcon = (0, _index.styled)(_deleteAlt.default, function (_ref3) {
 });
 exports.StyledClearIcon = StyledClearIcon;
 StyledClearIcon.displayName = "StyledClearIcon";
+StyledClearIcon.displayName = 'StyledClearIcon';
 
 function getInputPadding(size, sizing) {
   var _SIZE$mini$SIZE$compa3;
@@ -166,7 +169,13 @@ function getRootColors($disabled, $isFocused, $error) {
   };
 }
 
-function getRootBorderRadius(radius) {
+function getRootBorderRadius(size, borders) {
+  var radius = borders.inputBorderRadius;
+
+  if (size === _constants.SIZE.mini) {
+    radius = borders.inputBorderRadiusMini;
+  }
+
   return {
     borderTopLeftRadius: radius,
     borderBottomLeftRadius: radius,
@@ -206,14 +215,14 @@ var getRootStyles = function getRootStyles(props) {
     transitionProperty: 'border',
     transitionDuration: animation.timing200,
     transitionTimingFunction: animation.easeOutCurve
-  }, getRootBorderRadius(borders.inputBorderRadius)), getFont($size, typography)), getRootColors($disabled, $isFocused, $error, $positive, colors)), getRootPadding($adjoined, $size, sizing, $theme.direction, $hasIconTrailing));
+  }, getRootBorderRadius($size, borders)), getFont($size, typography)), getRootColors($disabled, $isFocused, $error, $positive, colors)), getRootPadding($adjoined, $size, sizing, $theme.direction, $hasIconTrailing));
 };
 
 exports.getRootStyles = getRootStyles;
-var Root = (0, _index.styled)('div', getRootStyles); // InputEnhancer
-
+var Root = (0, _styles.styled)('div', getRootStyles);
 exports.Root = Root;
 Root.displayName = "Root";
+Root.displayName = 'Root'; // InputEnhancer
 
 function getInputEnhancerPadding($size, sizing) {
   var _SIZE$mini$SIZE$compa5;
@@ -268,7 +277,7 @@ function getInputEnhancerColors($disabled, $isFocused, $error, $positive, colors
   };
 }
 
-var InputEnhancer = (0, _index.styled)('div', function (props) {
+var InputEnhancer = (0, _styles.styled)('div', function (props) {
   var $size = props.$size,
       $disabled = props.$disabled,
       $isFocused = props.$isFocused,
@@ -287,10 +296,10 @@ var InputEnhancer = (0, _index.styled)('div', function (props) {
     transitionDuration: animation.timing200,
     transitionTimingFunction: animation.easeOutCurve
   }, getFont($size, typography)), getInputEnhancerPadding($size, sizing)), getInputEnhancerColors($disabled, $isFocused, $error, $positive, colors));
-}); // InputContainer
-
+});
 exports.InputEnhancer = InputEnhancer;
 InputEnhancer.displayName = "InputEnhancer";
+InputEnhancer.displayName = 'InputEnhancer'; // InputContainer
 
 function getInputContainerColors($disabled, $isFocused, $error, $positive, colors) {
   if ($disabled) {
@@ -347,9 +356,10 @@ var getInputContainerStyles = function getInputContainerStyles(props) {
 };
 
 exports.getInputContainerStyles = getInputContainerStyles;
-var InputContainer = (0, _index.styled)('div', getInputContainerStyles);
+var InputContainer = (0, _styles.styled)('div', getInputContainerStyles);
 exports.InputContainer = InputContainer;
 InputContainer.displayName = "InputContainer";
+InputContainer.displayName = 'InputContainer';
 
 function getInputColors($disabled, $isFocused, $error, colors) {
   if ($disabled) {
@@ -380,8 +390,7 @@ var getInputStyles = function getInputStyles(props) {
       _props$$theme4 = props.$theme,
       colors = _props$$theme4.colors,
       sizing = _props$$theme4.sizing,
-      typography = _props$$theme4.typography; //$FlowFixMe
-
+      typography = _props$$theme4.typography;
   return _objectSpread(_objectSpread(_objectSpread({
     boxSizing: 'border-box',
     backgroundColor: 'transparent',
@@ -408,6 +417,7 @@ var getInputStyles = function getInputStyles(props) {
 };
 
 exports.getInputStyles = getInputStyles;
-var Input = (0, _index.styled)('input', getInputStyles);
+var Input = (0, _styles.styled)('input', getInputStyles);
 exports.Input = Input;
-Input.displayName = "Input";
+Input.displayName = "Input";
+Input.displayName = 'Input';

package/input/styled-components.js.flow

@@ -201,12 +201,19 @@ function getRootColors(
   };
 }
 
-function getRootBorderRadius(radius): {|
+function getRootBorderRadius(
+  size,
+  borders
+): {|
   borderTopLeftRadius: string,
   borderBottomLeftRadius: string,
   borderTopRightRadius: string,
   borderBottomRightRadius: string,
 |} {
+  let radius = borders.inputBorderRadius;
+  if (size === SIZE.mini) {
+    radius = borders.inputBorderRadiusMini;
+  }
   return {
     borderTopLeftRadius: radius,
     borderBottomLeftRadius: radius,
@@ -252,7 +259,7 @@ export const getRootStyles = (props: {
     transitionProperty: 'border',
     transitionDuration: animation.timing200,
     transitionTimingFunction: animation.easeOutCurve,
-    ...getRootBorderRadius(borders.inputBorderRadius),
+    ...getRootBorderRadius($size, borders),
     ...getFont($size, typography),
     ...getRootColors($disabled, $isFocused, $error, $positive, colors),
     ...getRootPadding($adjoined, $size, sizing, $theme.direction, $hasIconTrailing),

package/input/types.d.ts

@@ -0,0 +1,170 @@
+import type * as React from 'react';
+import type { Properties } from 'csstype';
+import type { Override } from '../helpers/overrides';
+import type { STATE_CHANGE_TYPE, ADJOINED, SIZE, ENHANCER_POSITION } from './constants';
+export declare type Adjoined = keyof typeof ADJOINED;
+export declare type Size = keyof typeof SIZE;
+export declare type StateType = keyof typeof STATE_CHANGE_TYPE;
+export declare type InternalState = {
+    /** Renders UI in 'focus' state */
+    isFocused?: boolean;
+    /** Renders input in 'masked' state if type equals "password" */
+    isMasked?: boolean;
+    /** Tracks if focus should be visible on the clear button. */
+    isFocusVisibleForClear?: boolean;
+    /** Tracks if focus should be visible on the mask toggle button. */
+    isFocusVisibleForMaskToggle?: boolean;
+};
+export declare type State = {
+    value?: string | number;
+};
+export declare type StateReducer = (stateType: StateType, nextState: State, currentState: State) => State;
+export declare type SharedProps = {
+    /** Renders UI in 'focus' state */
+    $isFocused?: boolean;
+    /** Renders UI in 'readOnly' state */
+    $isReadOnly?: boolean;
+    /** Renders UI in 'disabled' state */
+    $disabled?: boolean;
+    /** Renders UI in 'error' state */
+    $error?: boolean;
+    /** Renders UI in 'positive' state */
+    $positive?: boolean;
+    /** Defines styles for inputs that are grouped with other controls. */
+    $adjoined: Adjoined;
+    /** Renders UI in provided size. */
+    $size: Size;
+    /** Renders UI in 'required' state */
+    $required?: boolean;
+    $resize?: Properties['resize'];
+    $position?: keyof typeof ENHANCER_POSITION;
+    /** Defines if has a clearable or MaskToggleButton at the end */
+    $hasIconTrailing?: boolean;
+};
+export declare type BaseInputOverrides = {
+    InputContainer?: Override;
+    Input?: Override;
+    Before?: Override;
+    After?: Override;
+    ClearIcon?: Override;
+    ClearIconContainer?: Override;
+    MaskToggleButton?: Override;
+    MaskToggleShowIcon?: Override;
+    MaskToggleHideIcon?: Override;
+};
+export declare type InputOverrides = {
+    Root?: Override;
+    StartEnhancer?: Override;
+    EndEnhancer?: Override;
+} & BaseInputOverrides;
+export declare type BaseInputProps<T> = {
+    'aria-activedescendant'?: string;
+    'aria-autocomplete'?: string;
+    'aria-controls'?: string;
+    /** Id of element which contains a related error message */
+    'aria-errormessage'?: string;
+    /** Sets aria-haspopup attribute. */
+    'aria-haspopup'?: string;
+    /** Sets aria-label attribute. */
+    'aria-label'?: string;
+    /** Sets aria-labelledby attribute. */
+    'aria-labelledby'?: string;
+    /** Sets aria-describedby attribute. */
+    'aria-describedby'?: string;
+    /** Defines styles for inputs that are grouped with other controls. */
+    adjoined?: Adjoined;
+    /** Determines if browser should provide value suggestions. */
+    autoComplete?: string;
+    /** If true the input will be focused on the first mount. */
+    autoFocus?: boolean;
+    /** Renders component in 'disabled' state. */
+    disabled?: boolean;
+    /** Renders component in 'error' state. */
+    error?: boolean;
+    /** Renders component in 'positive' state. */
+    positive?: boolean;
+    /** A regex that is used to validate the value of the input on form submission. The Input component must be wrapped in a form element */
+    pattern?: string;
+    /** Id attribute value to be added to the input element and as a label's for attribute value. */
+    id?: string;
+    'data-baseweb'?: string;
+    /** A  hint as to the type of data that might be entered by the user while editing the element or its contents. */
+    inputMode?: string;
+    /** A ref to access an input element. */
+    inputRef?: React.RefObject<T>;
+    name?: string;
+    onBlur?: (e: React.FocusEvent<T>) => void;
+    onChange?: (e: React.ChangeEvent<T>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<T>) => void;
+    onKeyPress?: (e: React.KeyboardEvent<T>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<T>) => void;
+    onFocus?: (e: React.FocusEvent<T>) => void;
+    /** If true, adds a clear value icon button to the end of the input container. */
+    clearable?: boolean;
+    /** If undefined or true, clears the input when the Escape button is pressed with the input focused. True by default. */
+    clearOnEscape?: boolean;
+    maxLength?: number;
+    onClear?: (e: React.SyntheticEvent<T>) => void;
+    overrides?: BaseInputOverrides;
+    placeholder?: string;
+    /** Renders component in 'required' state. */
+    required?: boolean;
+    resize?: Properties['resize'];
+    /** Input role attribute. */
+    role?: string;
+    /** Renders component in provided size. */
+    size?: Size;
+    /** Input type attribute. */
+    type?: string;
+    /** Input value attribute. */
+    value?: string | number;
+    rows?: number;
+    /** min value when used as input type=number */
+    min?: number;
+    /** max value when used as input type=number */
+    max?: number;
+    /** step value when used as input type=number */
+    step?: number | 'any';
+    /** Renders component in 'readOnly' state. */
+    readOnly?: boolean;
+};
+export declare type InputProps = {
+    overrides?: InputOverrides;
+    /** An input helper rendered before and attached to the input field. */
+    startEnhancer?: React.ReactNode | ((props: SharedProps) => React.ReactNode);
+    /** An input helper rendered after and attached to the input field. */
+    endEnhancer?: React.ReactNode | ((props: SharedProps) => React.ReactNode);
+    /** Handler for the `focus` event. */
+    onFocus?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /** Handler for the `blur` event. */
+    onBlur?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+} & BaseInputProps<HTMLInputElement | HTMLTextAreaElement>;
+export declare type MaskedInputProps = Partial<{
+    /** See mask examples here: https://github.com/sanniassin/react-input-mask */
+    mask?: string;
+    /** Character to render for unfilled mask element. */
+    maskChar?: string;
+} & InputProps>;
+export declare type StatefulContainerChildrenProps<T> = {
+    onChange: (e: React.ChangeEvent<T>) => void;
+    /** If true, adds a clear value icon button to the end of the input container. */
+    clearable?: boolean;
+} & StatefulInputProps;
+export declare type StatefulContainerProps<T> = {
+    children: (props: StatefulContainerChildrenProps<T>) => React.ReactNode;
+    /** Initial state of an uncontrolled input component. */
+    initialState?: State;
+    /** A state change handler. Used to override default state transitions. */
+    stateReducer?: StateReducer;
+    onChange?: (e: React.ChangeEvent<T>) => void;
+    /** If true, adds a clear value icon button to the end of the input container. */
+    clearable?: boolean;
+} & {
+    overrides?: InputOverrides;
+} & Omit<InputProps, 'overrides' | 'children'>;
+declare type FullStProps = InputProps & StatefulContainerProps<HTMLInputElement | HTMLTextAreaElement>;
+export declare type StInputPropsDiff = Omit<FullStProps, 'overrides' | 'children'>;
+export declare type StatefulInputProps = {
+    overrides?: InputOverrides;
+} & StInputPropsDiff;
+export {};

package/input/types.js

@@ -1,11 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-var React = _interopRequireWildcard(require("react"));
-
-var _constants = require("./constants.js");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/input/types.js.flow

@@ -6,6 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import * as React from 'react';
+import type { Property$Resize } from 'csstype';
 import type { OverrideT } from '../helpers/overrides.js';
 import { STATE_CHANGE_TYPE, ADJOINED, SIZE, ENHANCER_POSITION } from './constants.js';
 
@@ -52,6 +53,7 @@ export type SharedPropsT = {|
   $size: SizeT,
   /** Renders UI in 'required' state */
   $required: boolean,
+  $resize?: Property$Resize,
   $position: $Keys<typeof ENHANCER_POSITION>,
   /** Defines if has a clearable or MaskToggleButton at the end */
   $hasIconTrailing: boolean,
@@ -128,6 +130,7 @@ export type BaseInputPropsT<T> = {|
   placeholder?: string,
   /** Renders component in 'required' state. */
   required: boolean,
+  resize?: Property$Resize,
   /** Input role attribute. */
   role?: string,
   /** Renders component in provided size. */

package/input/utils.d.ts

@@ -0,0 +1,2 @@
+import type { InputProps, BaseInputProps, InternalState, SharedProps } from './types';
+export declare function getSharedProps<T>(props: BaseInputProps<T> | InputProps, state: InternalState): SharedProps;

package/input/utils.js

@@ -18,6 +18,7 @@ function getSharedProps(props, state) {
       adjoined = props.adjoined,
       size = props.size,
       required = props.required,
+      resize = props.resize,
       readOnly = props.readOnly;
   var isFocused = state.isFocused;
   return {
@@ -28,6 +29,7 @@ function getSharedProps(props, state) {
     $adjoined: adjoined,
     $size: size,
     $required: required,
+    $resize: resize,
     $isReadOnly: readOnly
   };
 }

package/layer/__mocks__/popper.js.js

@@ -11,8 +11,7 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-var destroy = jest.fn(); // $FlowFixMe
-
+var destroy = jest.fn();
 var mock = jest.fn().mockImplementation(function (anchor, popover, options) {
   var onPopperUpdate = options.modifiers.applyReactStyle.fn;
   return {

package/layer/constants.d.ts

@@ -0,0 +1,15 @@
+export declare const TETHER_PLACEMENT: {
+    readonly auto: "auto";
+    readonly topLeft: "topLeft";
+    readonly top: "top";
+    readonly topRight: "topRight";
+    readonly rightTop: "rightTop";
+    readonly right: "right";
+    readonly rightBottom: "rightBottom";
+    readonly bottomRight: "bottomRight";
+    readonly bottom: "bottom";
+    readonly bottomLeft: "bottomLeft";
+    readonly leftBottom: "leftBottom";
+    readonly left: "left";
+    readonly leftTop: "leftTop";
+};