baseui 12.2.0 → 13.0.0

package/rating/star-rating.js

@@ -129,16 +129,21 @@ var StarRating = /*#__PURE__*/function (_React$Component) {
           Star = _getOverrides2[0],
           starProps = _getOverrides2[1];
 
-      var ratings = [];
+      var ratings = []; // @ts-ignore
+
       var refs = [{
         current: null
       }];
 
       var _loop = function _loop(x) {
         var isFocusable = x === value || value < 1 && x === 1;
-        var starRef = /*#__PURE__*/React.createRef();
+        var starRef = /*#__PURE__*/React.createRef(); // @ts-ignore
+
         refs.push(starRef);
-        ratings.push( /*#__PURE__*/React.createElement(Star, _extends({
+        ratings.push(
+        /*#__PURE__*/
+        // @ts-ignore
+        React.createElement(Star, _extends({
           key: x,
           role: "radio",
           title: "rating" // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -162,7 +167,8 @@ var StarRating = /*#__PURE__*/function (_React$Component) {
             }
 
             _this.selectItem(x);
-          },
+          } // @ts-ignore
+          ,
           onKeyDown: function onKeyDown(e) {
             if (readOnly) {
               return;
@@ -172,7 +178,8 @@ var StarRating = /*#__PURE__*/function (_React$Component) {
               e.preventDefault && e.preventDefault();
               var prevIndex = value - 1 < 1 ? numItems : value - 1;
 
-              _this.selectItem(prevIndex);
+              _this.selectItem(prevIndex); // @ts-ignore
+
 
               refs[prevIndex].current && refs[prevIndex].current.focus();
             }
@@ -181,7 +188,8 @@ var StarRating = /*#__PURE__*/function (_React$Component) {
               e.preventDefault && e.preventDefault();
               var nextIndex = value + 1 > numItems ? 1 : value + 1;
 
-              _this.selectItem(nextIndex);
+              _this.selectItem(nextIndex); // @ts-ignore
+
 
               refs[nextIndex].current && refs[nextIndex].current.focus();
             }
@@ -224,7 +232,8 @@ var StarRating = /*#__PURE__*/function (_React$Component) {
 
       return /*#__PURE__*/React.createElement(Root, _extends({
         "data-baseweb": "star-rating",
-        role: "radiogroup",
+        role: "radiogroup" // @ts-ignore
+        ,
         onBlur: function onBlur(e) {
           if (!e.currentTarget.contains(e.relatedTarget)) _this2.updatePreview(undefined);
         },

package/rating/styled-components.js

@@ -72,6 +72,7 @@ var StyledStar = (0, _styles.styled)('li', function (_ref2) {
     width: "".concat($size, "px"),
     height: "".concat($size, "px"),
     lineHeight: 1,
+    // @ts-ignore
     transform: $isSelected ? 'scale(1.35)' : null,
     outline: $isFocusVisible ? "3px solid ".concat($theme.colors.accent) : 'none',
     outlineOffset: '2px',
@@ -131,6 +132,7 @@ var StyledEmoticon = (0, _styles.styled)('li', function (_ref3) {
     marginRight: $theme.sizing.scale300,
     width: "".concat($size, "px"),
     height: "".concat($size, "px"),
+    // @ts-ignore
     transform: $isSelected ? 'scale(1.1)' : null,
     outline: $isFocusVisible ? "3px solid ".concat($theme.colors.accent) : 'none',
     outlineOffset: '2px',

package/rating/types.d.ts

@@ -1,10 +1,10 @@
 import type { Theme } from '../styles/types';
 import type { Override } from '../helpers/overrides';
-export declare type RatingOverrides = {
+export type RatingOverrides = {
     Root?: Override;
     Item?: Override;
 };
-export declare type StarRatingProps = {
+export type StarRatingProps = {
     overrides?: RatingOverrides;
     /** The current rating value. */
     value?: number;
@@ -17,7 +17,7 @@ export declare type StarRatingProps = {
     }) => unknown;
     size?: number;
 };
-export declare type EmoticonRatingProps = {
+export type EmoticonRatingProps = {
     overrides?: RatingOverrides;
     /** The current rating value. */
     value?: number;
@@ -28,14 +28,14 @@ export declare type EmoticonRatingProps = {
     }) => unknown;
     size?: number;
 };
-export declare type RatingState = {
+export type RatingState = {
     previewIndex?: number;
     isFocusVisible?: boolean;
 };
-export declare type StyledRootProps = {
+export type StyledRootProps = {
     $theme: Theme;
 };
-export declare type StyledRatingItemProps = {
+export type StyledRatingItemProps = {
     $theme: Theme;
     $isActive: boolean;
     $isPartialActive: boolean;

package/select/default-props.js

@@ -18,9 +18,13 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 var defaultProps = {
+  // @ts-ignore
   'aria-label': null,
+  // @ts-ignore
   'aria-describedby': null,
+  // @ts-ignore
   'aria-errormessage': null,
+  // @ts-ignore
   'aria-labelledby': null,
   autoFocus: false,
   backspaceRemoves: true,
@@ -34,7 +38,9 @@ var defaultProps = {
   escapeClearsValue: true,
   filterOptions: _defaultFilterOptions.default,
   filterOutSelected: true,
+  // @ts-ignore
   getOptionLabel: null,
+  // @ts-ignore
   getValueLabel: null,
   ignoreCase: true,
   isLoading: false,
@@ -48,16 +54,20 @@ var defaultProps = {
   onInputChange: function onInputChange() {},
   onCloseResetsInput: true,
   onSelectResetsInput: true,
+  // @ts-ignore
   onOpen: null,
+  // @ts-ignore
   onClose: null,
   openOnClick: true,
   startOpen: false,
+  // @ts-ignore
   options: [],
   overrides: {},
   required: false,
   searchable: true,
   size: _constants.SIZE.default,
   type: _constants.TYPE.select,
+  // @ts-ignore
   value: [],
   valueKey: 'id'
 };

package/select/dropdown.d.ts

@@ -8,8 +8,8 @@ export default class SelectDropdown extends React.Component<DropdownProps> {
         $multi: boolean;
         $required: boolean;
         $searchable: boolean;
-        $size: "default" | "compact" | "large" | "mini";
-        $type: "search" | "select";
+        $size: "default" | "large" | "compact" | "mini";
+        $type: "select" | "search";
         $width: number;
     };
     getItemLabel: (option: {

package/select/dropdown.js

@@ -120,6 +120,7 @@ var SelectDropdown = /*#__PURE__*/function (_React$Component) {
           return selected && selected[valueKey] === option[valueKey];
         });
       } else {
+        // @ts-ignore
         $selected = value[valueKey] === option[valueKey];
       }
 
@@ -234,7 +235,8 @@ var SelectDropdown = /*#__PURE__*/function (_React$Component) {
         "data-no-focus-lock": true,
         ref: this.props.innerRef
       }, this.getSharedProps(), dropdownContainerProps), /*#__PURE__*/React.createElement(OverriddenStatefulMenu, _extends({
-        noResultsMsg: noResultsMsg,
+        noResultsMsg: noResultsMsg // @ts-ignore
+        ,
         onActiveDescendantChange: function onActiveDescendantChange(id) {
           if (_this2.props.onActiveDescendantChange) {
             _this2.props.onActiveDescendantChange(id);

package/select/index.d.ts

@@ -14,6 +14,6 @@ export { SIZE, TYPE, STATE_CHANGE_TYPE } from './constants';
 export * from './types';
 export type { SelectLocale } from './locale';
 /** @deprecated use Optgroups instead. To be removed in future versions.*/
-export declare type OptgroupsT = Optgroups;
+export type OptgroupsT = Optgroups;
 /** @deprecated use Options instead. To be removed in future versions.*/
-export declare type OptionsT = Options;
+export type OptionsT = Options;

package/select/locale.d.ts

@@ -1,4 +1,4 @@
-export declare type SelectLocale = {
+export type SelectLocale = {
     noResultsMsg: string;
     placeholder: string;
     create: string;

package/select/multi-value.js

@@ -54,6 +54,7 @@ function MultiValue(props) {
     variant: _tag.VARIANT.solid,
     overrides: {
       Root: {
+        // @ts-ignore
         style: function style(_ref) {
           var sizing = _ref.$theme.sizing;
           return {

package/select/select-component.d.ts

@@ -164,8 +164,8 @@ declare class Select extends React.Component<SelectProps, SelectState> {
         $multi: boolean;
         $required: boolean;
         $searchable: boolean;
-        $size: "default" | "compact" | "large" | "mini";
-        $type: "search" | "select";
+        $size: "default" | "large" | "compact" | "mini";
+        $type: "select" | "search";
         $isEmpty: boolean;
     };
     render(): JSX.Element;

package/select/select-component.js

@@ -93,17 +93,21 @@ 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
 function Noop() {
   return null;
-}
+} // @ts-ignore
+
 
 var isClick = function isClick(event) {
   return event.type === 'click';
-};
+}; // @ts-ignore
+
 
 var isLeftClick = function isLeftClick(event) {
   return event.button !== null && event.button !== undefined && event.button === 0;
-};
+}; // @ts-ignore
+
 
 var containsNode = function containsNode(parent, child) {
   if (typeof document !== 'undefined') {
@@ -140,16 +144,20 @@ var Select = /*#__PURE__*/function (_React$Component) {
   // dropdown is a ref that refers to the popover element. This is required so that we can check if
   // clicks are on/off the dropdown element.
   // dragging is a flag to track whether a mobile device is currently scrolling versus clicking.
+  // @ts-ignore
   // focusAfterClear is a flag to indicate that the dropdowm menu should open after a selected
   // option has been cleared.
+  // @ts-ignore
   // openAfterFocus is a flag to indicate that the dropdown menu should open when the component is
   // focused. Developers have the option to disable initial clicks opening the dropdown menu. If not
   // disabled, clicks will set this flag to true. Upon focusing, look to this to see if the menu should
   // be opened, or only focus.
+  // @ts-ignore
   // When an item is selected, it also triggers handleClickOutside and since the selected item is
   // already out of the menu (DOM), it will not recognize it as a subnode and triggers handleBlur
   // that sets isOpen to false. That's a faulty logic causing visible problems when
   // closeOnSelect is false. This flag helps to detect that selection was just made.
+  // @ts-ignore
   // the select components can accept an array of options or an object where properties are optgroups
   // and values are arrays of options. this class property is constructed and updated in a normalized
   // shape where optgroup titles are stored on the option in the __optgroup field.
@@ -177,6 +185,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "options", []);
 
     _defineProperty(_assertThisInitialized(_this), "state", {
+      // @ts-ignore
       activeDescendant: null,
       inputValue: '',
       isFocused: false,
@@ -222,6 +231,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
         // CHASE: not sure why this condition is here. I cannot replicate a situation where clicks
         // on provided text break into here.
         if (!_this.state.isFocused) {
+          // @ts-ignore
           _this.openAfterFocus = _this.props.openOnClick;
 
           _this.focus();
@@ -240,6 +250,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
       // handler. For example, after an option is selected clicks on the 'clear' icon call here. We
       // should ignore those events. This comes after case where click is on input element, so that
       // those are handled on their own.
+      // @ts-ignore
 
 
       if (_this.input && isInteractive(event.target, _this.input)) {
@@ -290,7 +301,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
       } else {
         // When clear button is clicked, need to click twice to open control container - https://github.com/uber/baseweb/issues/4285
         // Setting focusAfterClear to false, resolves the issue
-        _this.focusAfterClear = false;
+        _this.focusAfterClear = false; // @ts-ignore
+
         _this.openAfterFocus = _this.props.openOnClick;
 
         _this.focus();
@@ -514,11 +526,14 @@ var Select = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "getOptionLabel", function (locale, _ref) {
       var option = _ref.option;
-      return option.isCreatable ? "".concat(locale.select.create, " \u201C").concat(option[_this.props.labelKey], "\u201D") : option[_this.props.labelKey];
+      return option.isCreatable ? // @ts-ignore
+      "".concat(locale.select.create, " \u201C").concat(option[_this.props.labelKey], "\u201D") : // @ts-ignore
+      option[_this.props.labelKey];
     });
 
     _defineProperty(_assertThisInitialized(_this), "getValueLabel", function (_ref2) {
       var option = _ref2.option;
+      // @ts-ignore
       return option[_this.props.labelKey];
     });
 
@@ -567,7 +582,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
           inputValue: updatedValue,
           isOpen: !_this.props.closeOnSelect
         }, function () {
-          var valueArray = _this.props.value;
+          var valueArray = _this.props.value; // @ts-ignore
 
           if (valueArray.some(function (i) {
             return i[_this.props.valueKey] === item[_this.props.valueKey];
@@ -602,7 +617,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
 
       if (!item) {
         return;
-      }
+      } // @ts-ignore
+
 
       var valueLength = _this.props.value.length;
       var renderLabel = _this.props.getValueLabel || _this.getValueLabel;
@@ -622,6 +638,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "popValue", function () {
+      // @ts-ignore
       var valueArray = _toConsumableArray(_this.props.value);
 
       var valueLength = valueArray.length;
@@ -637,7 +654,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "removeValue", function (item) {
       var valueArray = _toConsumableArray(_this.props.value);
 
-      _this.setValue(valueArray.filter(function (i) {
+      _this.setValue( // @ts-ignore
+      valueArray.filter(function (i) {
         return i[_this.props.valueKey] !== item[_this.props.valueKey];
       }), item, _constants.STATE_CHANGE_TYPE.remove);
 
@@ -675,7 +693,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
 
     _this.options = (0, _utils.normalizeOptions)(props.options);
     return _this;
-  }
+  } // @ts-ignore
+
 
   _createClass(Select, [{
     key: "componentDidMount",
@@ -755,11 +774,13 @@ var Select = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "handleSetInputFocus",
     value: function handleSetInputFocus() {
+      // @ts-ignore
       this.input.focus();
     }
   }, {
     key: "handleSetInputBlur",
     value: function handleSetInputBlur() {
+      // @ts-ignore
       this.input.blur();
     } // Handle touch outside on mobile to dismiss menu, ensures that the
     // touch target is not within the anchor DOM node.
@@ -856,7 +877,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
         return valueArray.map(function (value, i) {
           var disabled = sharedProps.$disabled || value.clearableValue === false;
           return /*#__PURE__*/React.createElement(Value, _extends({
-            value: value,
+            value: value // @ts-ignore
+            ,
             key: "value-".concat(i, "-").concat(value[_this4.props.valueKey]),
             removeValue: function removeValue() {
               return _this4.removeValue(value);
@@ -874,7 +896,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
           }));
         });
       } else if (this.shouldShowValue()) {
-        return /*#__PURE__*/React.createElement(Value, _extends({
+        return /*#__PURE__*/React.createElement(Value // @ts-ignore
+        , _extends({
           value: valueArray[0][this.props.valueKey],
           disabled: this.props.disabled,
           overrides: {
@@ -899,8 +922,10 @@ var Select = /*#__PURE__*/function (_React$Component) {
           inputContainerProps = _getOverrides4[1];
 
       var sharedProps = this.getSharedProps();
-      var isOpen = this.state.isOpen;
-      var selected = this.getValueArray(this.props.value).map(function (v) {
+      var isOpen = this.state.isOpen; // @ts-ignore
+
+      var selected = this.getValueArray(this.props.value) // @ts-ignore
+      .map(function (v) {
         return v[_this5.props.labelKey];
       }).join(', ');
       var selectedLabel = selected.length ? "Selected ".concat(selected, ". ") : '';
@@ -918,7 +943,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
           onFocus: this.handleInputFocus,
           tabIndex: 0
         }, sharedProps, inputContainerProps), /*#__PURE__*/React.createElement("input", _extends({
-          "aria-hidden": true,
+          "aria-hidden": true // @ts-ignore
+          ,
           id: this.props.id || null,
           ref: this.handleInputRef,
           style: {
@@ -952,7 +978,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
         onFocus: this.handleInputFocus,
         overrides: {
           Input: overrides.Input
-        },
+        } // @ts-ignore
+        ,
         required: this.props.required && !this.props.value.length || null,
         role: "combobox",
         value: this.state.inputValue,
@@ -989,7 +1016,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
         title: ariaLabel,
         "aria-label": ariaLabel,
         onClick: this.clearValue,
-        role: "button",
+        role: "button" // @ts-ignore
+        ,
         size: sizes[this.props.size] || sizes[_constants.SIZE.default]
       }, sharedProps, clearIconProps));
     }
@@ -1027,7 +1055,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
         }
       }, selectArrowProps.overrides);
       var sizes = (_sizes2 = {}, _defineProperty(_sizes2, _constants.SIZE.mini, 16), _defineProperty(_sizes2, _constants.SIZE.compact, 16), _defineProperty(_sizes2, _constants.SIZE.default, 20), _defineProperty(_sizes2, _constants.SIZE.large, 24), _sizes2);
-      return /*#__PURE__*/React.createElement(SelectArrow, _extends({
+      return /*#__PURE__*/React.createElement(SelectArrow // @ts-ignore
+      , _extends({
         size: sizes[this.props.size] || sizes[_constants.SIZE.default],
         title: 'open'
       }, sharedProps, selectArrowProps));
@@ -1067,19 +1096,24 @@ var Select = /*#__PURE__*/function (_React$Component) {
 
       if (this.props.filterOptions) {
         this.options = this.props.filterOptions(this.options, filterValue, excludeOptions, {
+          // @ts-ignore
           valueKey: this.props.valueKey,
+          // @ts-ignore
           labelKey: this.props.labelKey
         });
       } // can user create a new option + there's no exact match already
 
 
-      var filterDoesNotMatchOption = this.props.ignoreCase ? function (opt) {
+      var filterDoesNotMatchOption = this.props.ignoreCase ? // @ts-ignore
+      function (opt) {
         return opt[_this6.props.labelKey].toLowerCase() !== filterValue.toLowerCase().trim();
-      } : function (opt) {
+      } : // @ts-ignore
+      function (opt) {
         return opt[_this6.props.labelKey] !== filterValue.trim();
       };
 
-      if (filterValue && this.props.creatable && this.options.concat(this.props.value).every(filterDoesNotMatchOption)) {
+      if (filterValue && this.props.creatable && // @ts-ignore
+      this.options.concat(this.props.value).every(filterDoesNotMatchOption)) {
         var _this$options$push;
 
         // @ts-expect-error todo(flow->ts) this.options is typed as a read-only array
@@ -1125,6 +1159,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
         $searchable: searchable,
         $size: size,
         $type: type,
+        // @ts-ignore
         $isEmpty: !this.getValueArray(value).length
       };
     }
@@ -1180,7 +1215,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
           Placeholder = _getOverrides24[0],
           placeholderProps = _getOverrides24[1];
 
-      var sharedProps = this.getSharedProps();
+      var sharedProps = this.getSharedProps(); // @ts-ignore
+
       var valueArray = this.getValueArray(value);
       var options = this.filterOptions(multi && filterOutSelected ? valueArray : null);
       var isOpen = this.state.isOpen;
@@ -1237,7 +1273,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
                 valueKey: _this7.props.valueKey,
                 width: _this7.anchor.current ? _this7.anchor.current.clientWidth : null,
                 keyboardControlNode: _this7.anchor
-              };
+              }; // @ts-ignore
+
               return /*#__PURE__*/React.createElement(_dropdown.default, _extends({
                 innerRef: _this7.dropdown
               }, dropdownProps));

package/select/stateful-select-container.js

@@ -105,6 +105,7 @@ var StatefulSelectContainer = /*#__PURE__*/function (_React$Component) {
 
 _defineProperty(StatefulSelectContainer, "defaultProps", {
   initialState: {
+    // @ts-ignore
     value: []
   },
   onChange: function onChange() {},

package/select/styled-components.js

@@ -21,6 +21,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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
 function getFont() {
   var _SIZE$mini$SIZE$compa;
 
@@ -29,7 +30,9 @@ function getFont() {
   return (_SIZE$mini$SIZE$compa = {}, _defineProperty(_SIZE$mini$SIZE$compa, _constants.SIZE.mini, typography.font100), _defineProperty(_SIZE$mini$SIZE$compa, _constants.SIZE.compact, typography.font200), _defineProperty(_SIZE$mini$SIZE$compa, _constants.SIZE.default, typography.font300), _defineProperty(_SIZE$mini$SIZE$compa, _constants.SIZE.large, typography.font400), _SIZE$mini$SIZE$compa)[size];
 }
 
-function getBorderRadius(size, borders) {
+function getBorderRadius( // @ts-ignore
+size, // @ts-ignore
+borders) {
   var radius = borders.inputBorderRadius;
 
   if (size === _constants.SIZE.mini) {
@@ -42,7 +45,8 @@ function getBorderRadius(size, borders) {
     borderTopRightRadius: radius,
     borderBottomRightRadius: radius
   };
-}
+} // @ts-ignore
+
 
 function getControlPadding(props) {
   var _SIZE$mini, _SIZE$compact, _SIZE$default, _SIZE$large, _SIZE$mini$SIZE$compa2;
@@ -57,7 +61,8 @@ function getControlPadding(props) {
   var isSearch = $type === _constants.TYPE.search;
   var paddingLeft = isSearch ? "calc(".concat(sizing.scale1000, " - ").concat(sizing.scale0, ")") : sizing.scale400;
   var paddingStartDir = $theme.direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
-  var paddingEndDir = $theme.direction === 'rtl' ? 'paddingLeft' : 'paddingRight';
+  var paddingEndDir = $theme.direction === 'rtl' ? 'paddingLeft' : 'paddingRight'; // @ts-ignore
+
   return (_SIZE$mini$SIZE$compa2 = {}, _defineProperty(_SIZE$mini$SIZE$compa2, _constants.SIZE.mini, (_SIZE$mini = {
     // `sizing.scale0` based on the multi value component (Tag) top and bottom margin
     paddingTop: $multi && !$isEmpty ? 0 : sizing.scale100,
@@ -87,7 +92,8 @@ StyledDropdownContainer.displayName = "StyledDropdownContainer";
 StyledDropdownContainer.displayName = 'StyledDropdownContainer';
 var StyledDropdown = _menu.StyledList;
 exports.StyledDropdown = StyledDropdown;
-var StyledDropdownListItem = _menu.StyledListItem;
+var StyledDropdownListItem = _menu.StyledListItem; // @ts-ignore
+
 exports.StyledDropdownListItem = StyledDropdownListItem;
 var StyledOptionContent = (0, _styles.styled)('div', function (props) {
   var $isHighlighted = props.$isHighlighted,
@@ -116,7 +122,13 @@ exports.StyledRoot = StyledRoot;
 StyledRoot.displayName = "StyledRoot";
 StyledRoot.displayName = 'StyledRoot';
 
-function getControlContainerColors($disabled, $isFocused, $isPseudoFocused, $positive, $error, colors) {
+function getControlContainerColors( // @ts-ignore
+$disabled, // @ts-ignore
+$isFocused, // @ts-ignore
+$isPseudoFocused, // @ts-ignore
+$positive, // @ts-ignore
+$error, // @ts-ignore
+colors) {
   if ($disabled) {
     return {
       color: colors.inputTextDisabled,
@@ -353,7 +365,7 @@ var StyledIconsContainer = (0, _styles.styled)('div', function (_ref2) {
 });
 exports.StyledIconsContainer = StyledIconsContainer;
 StyledIconsContainer.displayName = "StyledIconsContainer";
-StyledIconsContainer.displayName = 'StyledIconsContainer';
+StyledIconsContainer.displayName = 'StyledIconsContainer'; // @ts-ignore
 
 function getSvgStyles(_ref4) {
   var $theme = _ref4.$theme;