baseui 0.0.0-alpha-3479e57 → 0.0.0-alpha-e79754d

package/esm/tree-view/styled-components.js

@@ -26,7 +26,6 @@ export var StyledTreeItemList = styled('ul', function (_ref) {
   }, _defineProperty(_ref2, "margin".concat(direction), $isChildNode ? $theme.sizing.scale550 : 0), _defineProperty(_ref2, "overflow", 'auto'), _defineProperty(_ref2, "paddingTop", 0), _defineProperty(_ref2, "paddingBottom", 0), _defineProperty(_ref2, "padding".concat(direction), $isChildNode ? $theme.sizing.scale200 : 0), _defineProperty(_ref2, "position", 'relative'), _defineProperty(_ref2, "outline", 'none'), _defineProperty(_ref2, "display", $expanded ? 'block' : 'none'), _defineProperty(_ref2, "border".concat(direction), $indentGuides && $isChildNode ? "1px solid ".concat($theme.colors.borderOpaque) : 'none'), _ref2;
 });
 StyledTreeItemList.displayName = "StyledTreeItemList";
-StyledTreeItemList.displayName = 'StyledTreeItemList';
 export var StyledTreeItem = styled('li', function (_ref3) {
   var $theme = _ref3.$theme,
       $isLeafNode = _ref3.$isLeafNode;
@@ -46,7 +45,6 @@ export var StyledTreeItem = styled('li', function (_ref3) {
   };
 });
 StyledTreeItem.displayName = "StyledTreeItem";
-StyledTreeItem.displayName = 'StyledTreeItem';
 export var StyledItemContent = styled('div', function (_ref4) {
   var $theme = _ref4.$theme,
       $isSelected = _ref4.$isSelected,
@@ -72,7 +70,6 @@ export var StyledItemContent = styled('div', function (_ref4) {
   });
 });
 StyledItemContent.displayName = "StyledItemContent";
-StyledItemContent.displayName = 'StyledItemContent';
 export var StyledIconContainer = styled('div', function (_ref5) {
   var $theme = _ref5.$theme;
   var marginDirection = $theme.direction === 'rtl' ? 'marginLeft' : 'marginRight';
@@ -85,7 +82,6 @@ export var StyledIconContainer = styled('div', function (_ref5) {
   }, marginDirection, $theme.sizing.scale200);
 });
 StyledIconContainer.displayName = "StyledIconContainer";
-StyledIconContainer.displayName = 'StyledIconContainer';
 export var StyledNoIconContainer = styled('div', function (_ref7) {
   var _ref8;
 
@@ -100,11 +96,9 @@ export var StyledNoIconContainer = styled('div', function (_ref7) {
   }, _defineProperty(_ref8, marginDirection, $theme.sizing.scale200), _defineProperty(_ref8, "width", 0), _defineProperty(_ref8, "height", '1em'), _ref8;
 });
 StyledNoIconContainer.displayName = "StyledNoIconContainer";
-StyledNoIconContainer.displayName = 'StyledNoIconContainer';
 export var StyledLabelInteractable = styled('div', function () {
   return {
     width: '100%'
   };
 });
-StyledLabelInteractable.displayName = "StyledLabelInteractable";
-StyledLabelInteractable.displayName = 'StyledLabelInteractable';
+StyledLabelInteractable.displayName = "StyledLabelInteractable";

package/esm/tree-view/tree-view.js

@@ -66,7 +66,6 @@ export default function TreeView(props) {
   };
 
   var onKeyDown = function onKeyDown(e, node) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var elementId = e.target.getAttribute('data-nodeid'); // this check prevents bubbling
 
     if (elementId !== getId(node) && parseInt(elementId) !== getId(node)) {
@@ -155,8 +154,7 @@ export default function TreeView(props) {
     if (selectedNodeId === null && data.length) {
       setSelectedNodeId(getId(data[0]));
     }
-  }; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+  };
 
   var onBlur = function onBlur(event) {
     if (focusVisible) {

package/esm/types/globals.d.js

@@ -1,12 +0,0 @@
-/*
-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.
-*/
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-var PlaywrightTest;
-
-(function (_PlaywrightTest) {})(PlaywrightTest || (PlaywrightTest = {}));

package/esm/utils/deep-merge.js

@@ -6,6 +6,8 @@ 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.
 */
+
+/* flowlint unclear-type:off */
 export default function deepMerge(target) {
   target = target || {};
   var len = arguments.length <= 1 ? 0 : arguments.length - 1;
@@ -32,6 +34,9 @@ export default function deepMerge(target) {
 
   return target;
 }
+/* flowlint unclear-type:error */
+
+/* eslint-disable-next-line flowtype/no-weak-types */
 
 function isCloneable(obj) {
   /* eslint-disable-next-line eqeqeq */

package/esm/utils/deprecated-component.js

@@ -8,7 +8,6 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 export default function (Component, displayName) {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   var DeprecatedComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (process.env.NODE_ENV !== "production") {
       console.warn("We have stabilized the ".concat(displayName, " component, so you can drop the \"Unstable_\" prefix from your imports. We will remove the \"Unstable_\" exports soon, so please make these changes as soon as possible!"));

package/esm/utils/focusVisible.js

@@ -145,8 +145,7 @@ export function initFocusVisible(node) {
     prepare(node.ownerDocument);
   }
 }
-export var forkFocus = // eslint-disable-next-line @typescript-eslint/no-explicit-any
-function forkFocus(rootProps, handler) {
+export var forkFocus = function forkFocus(rootProps, handler) {
   return function (e) {
     if (typeof rootProps.onFocus === 'function') {
       rootProps.onFocus(e);
@@ -155,8 +154,7 @@ function forkFocus(rootProps, handler) {
     handler(e);
   };
 };
-export var forkBlur = // eslint-disable-next-line @typescript-eslint/no-explicit-any
-function forkBlur(rootProps, handler) {
+export var forkBlur = function forkBlur(rootProps, handler) {
   return function (e) {
     if (typeof rootProps.onBlur === 'function') {
       rootProps.onBlur(e);

package/file-uploader/styled-components.js

@@ -48,7 +48,6 @@ var StyledFileDragAndDrop = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledFileDragAndDrop = StyledFileDragAndDrop;
 StyledFileDragAndDrop.displayName = "StyledFileDragAndDrop";
-StyledFileDragAndDrop.displayName = 'StyledFileDragAndDrop';
 var StyledContentMessage = (0, _styles.styled)('div', function (_ref) {
   var $theme = _ref.$theme,
       $afterFileDrop = _ref.$afterFileDrop,
@@ -61,7 +60,6 @@ var StyledContentMessage = (0, _styles.styled)('div', function (_ref) {
 });
 exports.StyledContentMessage = StyledContentMessage;
 StyledContentMessage.displayName = "StyledContentMessage";
-StyledContentMessage.displayName = 'StyledContentMessage';
 var StyledContentSeparator = StyledContentMessage;
 exports.StyledContentSeparator = StyledContentSeparator;
 var StyledErrorMessage = (0, _styles.styled)('div', function (props) {
@@ -73,7 +71,6 @@ var StyledErrorMessage = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledErrorMessage = StyledErrorMessage;
 StyledErrorMessage.displayName = "StyledErrorMessage";
-StyledErrorMessage.displayName = 'StyledErrorMessage';
 var StyledRoot = (0, _styles.styled)('div', function (props) {
   return _objectSpread(_objectSpread({}, props.$theme.typography.font300), {}, {
     color: props.$theme.colors.fileUploaderMessageColor
@@ -81,8 +78,6 @@ var StyledRoot = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledRoot = StyledRoot;
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 var StyledHiddenInput = (0, _styles.styled)('input', {});
 exports.StyledHiddenInput = StyledHiddenInput;
-StyledHiddenInput.displayName = "StyledHiddenInput";
-StyledHiddenInput.displayName = 'StyledHiddenInput';
+StyledHiddenInput.displayName = "StyledHiddenInput";

package/flex-grid/flex-grid-item.d.ts

@@ -16,7 +16,7 @@ export declare const flexGridItemMediaQueryStyle: ({ $theme, flexGridColumnCount
     width: `calc(${string} - .5px)`;
     marginBottom: any;
 }>;
-export declare function getResponsiveValue<T>(responsive?: Responsive<T>, i?: number): T | undefined;
+export declare const getResponsiveValue: <T extends unknown>(responsive: Responsive<T>, i: number) => T;
 export declare const flexGridItemStyle: ({ $flexGridColumnCount, $flexGridColumnGap, $flexGridRowGap, $flexGridItemIndex, $flexGridItemCount, $theme, }: {
     $flexGridColumnCount?: Responsive<number>;
     $flexGridColumnGap?: Responsive<Scale>;

package/flex-grid/flex-grid-item.js

@@ -5,8 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.flexGridItemStyle = exports.flexGridItemMediaQueryStyle = exports.default = void 0;
-exports.getResponsiveValue = getResponsiveValue;
+exports.getResponsiveValue = exports.flexGridItemStyle = exports.flexGridItemMediaQueryStyle = exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
@@ -67,12 +66,14 @@ var flexGridItemMediaQueryStyle = function flexGridItemMediaQueryStyle(_ref) {
     // Subtract .5px to avoid rounding issues on IE/Edge
     // See https://github.com/uber/baseweb/pull/1748
     width: "calc(".concat(widthCalc, " - .5px)")
-  }, _defineProperty(_objectSpread2, marginDirection, colGapQuantity && ((itemIndex + 1) % colCount !== 0 ? colGap : 0)), _defineProperty(_objectSpread2, "marginBottom", rowGapQuantity && (~~(itemIndex / colCount) !== ~~((itemCount - 1) / colCount) ? rowGap : 0)), _objectSpread2), itemIndex === itemCount - 1 && (itemIndex + 1) % colCount !== 0 ? _defineProperty({}, marginDirection, "calc(".concat(colCount - itemIndex % colCount - 1, " * (").concat(colGap, " + ").concat(widthCalc, "))")) : {}));
+  }, _defineProperty(_objectSpread2, marginDirection, colGapQuantity && ( //flowlint-line sketchy-number-and:off
+  (itemIndex + 1) % colCount !== 0 ? colGap : 0)), _defineProperty(_objectSpread2, "marginBottom", rowGapQuantity && ( //flowlint-line sketchy-number-and:off
+  ~~(itemIndex / colCount) !== ~~((itemCount - 1) / colCount) ? rowGap : 0)), _objectSpread2), itemIndex === itemCount - 1 && (itemIndex + 1) % colCount !== 0 ? _defineProperty({}, marginDirection, "calc(".concat(colCount - itemIndex % colCount - 1, " * (").concat(colGap, " + ").concat(widthCalc, "))")) : {}));
 };
 
 exports.flexGridItemMediaQueryStyle = flexGridItemMediaQueryStyle;
 
-function getResponsiveValue(responsive, i) {
+var getResponsiveValue = function getResponsiveValue(responsive, i) {
   if (!responsive) {
     return null;
   }
@@ -82,7 +83,9 @@ function getResponsiveValue(responsive, i) {
   }
 
   return responsive[i] || responsive[responsive.length - 1];
-}
+};
+
+exports.getResponsiveValue = getResponsiveValue;
 
 var flexGridItemStyle = function flexGridItemStyle(_ref3) {
   var $flexGridColumnCount = _ref3.$flexGridColumnCount,
@@ -161,7 +164,6 @@ var FlexGridItem = function FlexGridItem(_ref4) {
   var blockOverrides = overrides ? (0, _overrides.mergeOverrides)(flexGridItemOverrides, overrides) : flexGridItemOverrides;
   return /*#__PURE__*/React.createElement(_block.Block // coerced to any because of how react components are typed.
   // cannot guarantee an html element
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   , _extends({
     ref: forwardedRef,
     as: as,

package/flex-grid/flex-grid.js

@@ -90,13 +90,9 @@ var FlexGrid = function FlexGrid(_ref2) {
 };
 
 var FlexGridComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    React.createElement(FlexGrid, _extends({}, props, {
-      forwardedRef: ref
-    }))
-  );
+  return /*#__PURE__*/React.createElement(FlexGrid, _extends({}, props, {
+    forwardedRef: ref
+  }));
 });
 FlexGridComponent.displayName = 'FlexGrid';
 var _default = FlexGridComponent;

package/form-control/styled-components.js

@@ -30,7 +30,6 @@ var Label = (0, _styles.styled)('label', function (props) {
 });
 exports.Label = Label;
 Label.displayName = "Label";
-Label.displayName = 'Label';
 var LabelContainer = (0, _styles.styled)('span', function (_ref) {
   var sizing = _ref.$theme.sizing;
   return {
@@ -44,7 +43,6 @@ var LabelContainer = (0, _styles.styled)('span', function (_ref) {
 });
 exports.LabelContainer = LabelContainer;
 LabelContainer.displayName = "LabelContainer";
-LabelContainer.displayName = 'LabelContainer';
 var LabelEndEnhancer = (0, _styles.styled)('span', function (_ref2) {
   var $disabled = _ref2.$disabled,
       $counterError = _ref2.$counterError,
@@ -59,7 +57,6 @@ var LabelEndEnhancer = (0, _styles.styled)('span', function (_ref2) {
 });
 exports.LabelEndEnhancer = LabelEndEnhancer;
 LabelEndEnhancer.displayName = "LabelEndEnhancer";
-LabelEndEnhancer.displayName = 'LabelEndEnhancer';
 var Caption = (0, _styles.styled)('div', function (props) {
   var $error = props.$error,
       $positive = props.$positive,
@@ -89,7 +86,6 @@ var Caption = (0, _styles.styled)('div', function (props) {
 });
 exports.Caption = Caption;
 Caption.displayName = "Caption";
-Caption.displayName = 'Caption';
 var ControlContainer = (0, _styles.styled)('div', function (props) {
   var sizing = props.$theme.sizing;
   return {
@@ -98,5 +94,4 @@ var ControlContainer = (0, _styles.styled)('div', function (props) {
   };
 });
 exports.ControlContainer = ControlContainer;
-ControlContainer.displayName = "ControlContainer";
-ControlContainer.displayName = 'ControlContainer';
+ControlContainer.displayName = "ControlContainer";

package/header-navigation/styled-components.js

@@ -32,7 +32,6 @@ var Root = (0, _styles.styled)('nav', function (props) {
 });
 exports.Root = Root;
 Root.displayName = "Root";
-Root.displayName = 'Root';
 var NavigationItem = (0, _styles.styled)('li', function (props) {
   var $theme = props.$theme;
   var scale800 = $theme.sizing.scale800;
@@ -43,7 +42,6 @@ var NavigationItem = (0, _styles.styled)('li', function (props) {
 });
 exports.NavigationItem = NavigationItem;
 NavigationItem.displayName = "NavigationItem";
-NavigationItem.displayName = 'NavigationItem';
 var NavigationList = (0, _styles.styled)('ul', function (props) {
   var $align = props.$align,
       $theme = props.$theme;
@@ -72,5 +70,4 @@ var NavigationList = (0, _styles.styled)('ul', function (props) {
   };
 });
 exports.NavigationList = NavigationList;
-NavigationList.displayName = "NavigationList";
-NavigationList.displayName = 'NavigationList';
+NavigationList.displayName = "NavigationList";

package/helper/styled-components.js

@@ -202,10 +202,8 @@ var StyledBody = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledBody = StyledBody;
 StyledBody.displayName = "StyledBody";
-StyledBody.displayName = 'StyledBody';
 var StyledArrow = (0, _styles.styled)('div', function (props) {
   return _objectSpread({}, clampArrowStyle(props.$arrowOffset, props.$placement, props.$theme.colors.backgroundPrimary));
 });
 exports.StyledArrow = StyledArrow;
-StyledArrow.displayName = "StyledArrow";
-StyledArrow.displayName = 'StyledArrow';
+StyledArrow.displayName = "StyledArrow";

package/helpers/overrides.js

@@ -37,7 +37,6 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 /**
  * Given an override argument, returns the component implementation override if it exists
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function getOverride(_override) {
   if ((0, _reactIs.isValidElementType)(_override)) {
     return _override;
@@ -47,7 +46,6 @@ function getOverride(_override) {
   if (_override && _typeof(_override) === 'object') {
     // Remove this 'any' once this flow issue is fixed:
     // https://github.com/facebook/flow/issues/6666
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return _override.component;
   } // null/undefined
 
@@ -87,13 +85,11 @@ function getOverrideProps(_override) {
 function toObjectOverride(_override) {
   if ((0, _reactIs.isValidElementType)(_override)) {
     return {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       component: _override
     };
   } // Flow can't figure out that typeof 'function' above will
   // catch React.StatelessFunctionalComponent
   // (probably related to https://github.com/facebook/flow/issues/6666)
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 
   return _override || {};
@@ -101,12 +97,9 @@ function toObjectOverride(_override) {
 /**
  * Get a convenient override array that will always have [component, props]
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 
-function getOverrides( // eslint-disable-next-line @typescript-eslint/no-explicit-any
-_override, // eslint-disable-next-line @typescript-eslint/no-explicit-any
-defaultComponent) {
+function getOverrides(_override, defaultComponent) {
   var Component = getOverride(_override) || defaultComponent;
 
   if (_override && _typeof(_override) === 'object' && typeof _override.props === 'function') {
@@ -133,6 +126,8 @@ defaultComponent) {
   var props = getOverrideProps(_override);
   return [Component, props];
 }
+/* flowlint unclear-type:error */
+
 /**
  * Merges two overrides objects – this is useful if you want to inject your own
  * overrides into a child component, but also accept further overrides from

package/helpers/overrides.js.flow

@@ -5,7 +5,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-
+/* eslint-disable cup/no-undef */
 import * as React from 'react';
 import { isValidElementType } from 'react-is';
 import deepMerge from '../utils/deep-merge.js';

package/icon/build-icons.js

@@ -7,6 +7,8 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 
+/* eslint-disable flowtype/require-valid-file-annotation */
+
 /* eslint-env node*/
 "use strict";
 

package/icon/build-icons.js.flow

@@ -7,6 +7,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 
+/* eslint-disable flowtype/require-valid-file-annotation */
 /* eslint-env node*/
 const fs = require('fs');
 const path = require('path');

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

@@ -11,7 +11,6 @@ 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.
 */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function omitDollarPrefixedKeys(source) {
   var result = {};
 

package/icon/styled-components.js

@@ -51,5 +51,4 @@ function getSvgStyles(_ref) {
 
 var Svg = (0, _styles.styled)('svg', getSvgStyles);
 exports.Svg = Svg;
-Svg.displayName = "Svg";
-Svg.displayName = 'Svg';
+Svg.displayName = "Svg";

package/input/masked-input.js

@@ -82,11 +82,8 @@ function MaskedInput(_ref2) {
       restOverrides = _objectWithoutProperties(_ref2$overrides, _excluded2),
       restProps = _objectWithoutProperties(_ref2, _excluded3);
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  var componentOverride = MaskOverride; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-  var propsOverride = {}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+  var componentOverride = MaskOverride;
+  var propsOverride = {};
   var styleOverride = {};
 
   if (typeof inputOverride === 'function') {

package/input/stateful-container.js

@@ -93,7 +93,6 @@ 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,

package/input/styled-components.js

@@ -42,7 +42,6 @@ var StyledMaskToggleButton = (0, _styles.styled)('button', function (_ref) {
 });
 exports.StyledMaskToggleButton = StyledMaskToggleButton;
 StyledMaskToggleButton.displayName = "StyledMaskToggleButton";
-StyledMaskToggleButton.displayName = 'StyledMaskToggleButton';
 var StyledClearIconContainer = (0, _styles.styled)('div', function (_ref2) {
   var _SIZE$mini$SIZE$compa2;
 
@@ -62,7 +61,6 @@ var StyledClearIconContainer = (0, _styles.styled)('div', function (_ref2) {
 });
 exports.StyledClearIconContainer = StyledClearIconContainer;
 StyledClearIconContainer.displayName = "StyledClearIconContainer";
-StyledClearIconContainer.displayName = 'StyledClearIconContainer';
 var StyledClearIcon = (0, _styles.styled)(_deleteAlt.default, function (_ref3) {
   var $theme = _ref3.$theme,
       $isFocusVisible = _ref3.$isFocusVisible;
@@ -73,7 +71,6 @@ var StyledClearIcon = (0, _styles.styled)(_deleteAlt.default, function (_ref3) {
 });
 exports.StyledClearIcon = StyledClearIcon;
 StyledClearIcon.displayName = "StyledClearIcon";
-StyledClearIcon.displayName = 'StyledClearIcon';
 
 function getInputPadding(size, sizing) {
   var _SIZE$mini$SIZE$compa3;
@@ -213,10 +210,10 @@ var getRootStyles = function getRootStyles(props) {
 };
 
 exports.getRootStyles = getRootStyles;
-var Root = (0, _styles.styled)('div', getRootStyles);
+var Root = (0, _styles.styled)('div', getRootStyles); // InputEnhancer
+
 exports.Root = Root;
 Root.displayName = "Root";
-Root.displayName = 'Root'; // InputEnhancer
 
 function getInputEnhancerPadding($size, sizing) {
   var _SIZE$mini$SIZE$compa5;
@@ -290,10 +287,10 @@ var InputEnhancer = (0, _styles.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) {
@@ -353,7 +350,6 @@ exports.getInputContainerStyles = 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) {
@@ -413,5 +409,4 @@ var getInputStyles = function getInputStyles(props) {
 exports.getInputStyles = getInputStyles;
 var Input = (0, _styles.styled)('input', getInputStyles);
 exports.Input = Input;
-Input.displayName = "Input";
-Input.displayName = 'Input';
+Input.displayName = "Input";

package/layer/layer.js

@@ -83,24 +83,6 @@ var LayerComponent = /*#__PURE__*/function (_React$Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (event) {
-      if (_this.props.onKeyDown) {
-        _this.props.onKeyDown(event);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onKeyUp", function (event) {
-      if (_this.props.onKeyUp) {
-        _this.props.onKeyUp(event);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onKeyPress", function (event) {
-      if (_this.props.onKeyPress) {
-        _this.props.onKeyPress(event);
-      }
-    });
-
     _defineProperty(_assertThisInitialized(_this), "onDocumentClick", function (event) {
       if (_this.props.onDocumentClick) {
         _this.props.onDocumentClick(event);
@@ -114,9 +96,6 @@ var LayerComponent = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       this.context.addEscapeHandler(this.onEscape);
-      this.context.addKeyDownHandler(this.onKeyDown);
-      this.context.addKeyUpHandler(this.onKeyUp);
-      this.context.addKeyPressHandler(this.onKeyPress);
 
       if (!this.props.isHoverLayer) {
         this.context.addDocClickHandler(this.onDocumentClick);
@@ -175,9 +154,6 @@ var LayerComponent = /*#__PURE__*/function (_React$Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.context.removeEscapeHandler(this.onEscape);
-      this.context.removeKeyDownHandler(this.onKeyDown);
-      this.context.removeKeyUpHandler(this.onKeyUp);
-      this.context.removeKeyPressHandler(this.onKeyPress);
       this.context.removeDocClickHandler(this.onDocumentClick);
 
       if (this.props.onUnmount) {

package/layer/layer.js.flow

@@ -27,10 +27,6 @@ class LayerComponent extends React.Component<LayerComponentPropsT, LayerStateT>
 
   componentDidMount() {
     this.context.addEscapeHandler(this.onEscape);
-    this.context.addKeyDownHandler(this.onKeyDown);
-    this.context.addKeyUpHandler(this.onKeyUp);
-    this.context.addKeyPressHandler(this.onKeyPress);
-
     if (!this.props.isHoverLayer) {
       this.context.addDocClickHandler(this.onDocumentClick);
     }
@@ -78,9 +74,6 @@ class LayerComponent extends React.Component<LayerComponentPropsT, LayerStateT>
 
   componentWillUnmount() {
     this.context.removeEscapeHandler(this.onEscape);
-    this.context.removeKeyDownHandler(this.onKeyDown);
-    this.context.removeKeyUpHandler(this.onKeyUp);
-    this.context.removeKeyPressHandler(this.onKeyPress);
     this.context.removeDocClickHandler(this.onDocumentClick);
 
     if (this.props.onUnmount) {
@@ -102,24 +95,6 @@ class LayerComponent extends React.Component<LayerComponentPropsT, LayerStateT>
     }
   };
 
-  onKeyDown = (event: KeyboardEvent) => {
-    if (this.props.onKeyDown) {
-      this.props.onKeyDown(event);
-    }
-  };
-
-  onKeyUp = (event: KeyboardEvent) => {
-    if (this.props.onKeyUp) {
-      this.props.onKeyUp(event);
-    }
-  };
-
-  onKeyPress = (event: KeyboardEvent) => {
-    if (this.props.onKeyPress) {
-      this.props.onKeyPress(event);
-    }
-  };
-
   onDocumentClick = (event: MouseEvent) => {
     if (this.props.onDocumentClick) {
       this.props.onDocumentClick(event);

package/layer/layers-manager.d.ts

@@ -10,17 +10,9 @@ export default class LayersManager extends React.Component<LayersManagerProps, L
     componentDidMount(): void;
     componentWillUnmount(): void;
     onDocumentClick: (event: MouseEvent) => void;
-    onKeyDown: (event: KeyboardEvent) => void;
     onKeyUp: (event: KeyboardEvent) => void;
-    onKeyPress: (event: KeyboardEvent) => void;
     onAddEscapeHandler: (escapeKeyHandler: () => unknown) => void;
     onRemoveEscapeHandler: (escapeKeyHandler: () => unknown) => void;
-    onAddKeyDownHandler: (keyDownHandler: () => unknown) => void;
-    onRemoveKeyDownHandler: (keyDownHandler: () => unknown) => void;
-    onAddKeyUpHandler: (keyUpHandler: () => unknown) => void;
-    onRemoveKeyUpHandler: (keyUpHandler: () => unknown) => void;
-    onAddKeyPressHandler: (keyPressHandler: () => unknown) => void;
-    onRemoveKeyPressHandler: (keyPressHandler: () => unknown) => void;
     onAddDocClickHandler: (docClickHandler: (event: MouseEvent) => unknown) => void;
     onRemoveDocClickHandler: (docClickHandler: (event: MouseEvent) => unknown) => void;
     render(): JSX.Element;