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

package/esm/file-uploader/styled-components.js

@@ -45,7 +45,6 @@ export var StyledFileDragAndDrop = styled('div', function (props) {
   };
 });
 StyledFileDragAndDrop.displayName = "StyledFileDragAndDrop";
-StyledFileDragAndDrop.displayName = 'StyledFileDragAndDrop';
 export var StyledContentMessage = styled('div', function (_ref) {
   var $theme = _ref.$theme,
       $afterFileDrop = _ref.$afterFileDrop,
@@ -57,7 +56,6 @@ export var StyledContentMessage = styled('div', function (_ref) {
   });
 });
 StyledContentMessage.displayName = "StyledContentMessage";
-StyledContentMessage.displayName = 'StyledContentMessage';
 export var StyledContentSeparator = StyledContentMessage;
 export var StyledErrorMessage = styled('div', function (props) {
   return _objectSpread(_objectSpread({}, props.$theme.typography.LabelMedium), {}, {
@@ -67,14 +65,11 @@ export var StyledErrorMessage = styled('div', function (props) {
   });
 });
 StyledErrorMessage.displayName = "StyledErrorMessage";
-StyledErrorMessage.displayName = 'StyledErrorMessage';
 export var StyledRoot = styled('div', function (props) {
   return _objectSpread(_objectSpread({}, props.$theme.typography.font300), {}, {
     color: props.$theme.colors.fileUploaderMessageColor
   });
 });
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 export var StyledHiddenInput = styled('input', {});
-StyledHiddenInput.displayName = "StyledHiddenInput";
-StyledHiddenInput.displayName = 'StyledHiddenInput';
+StyledHiddenInput.displayName = "StyledHiddenInput";

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

@@ -55,9 +55,11 @@ export var flexGridItemMediaQueryStyle = function flexGridItemMediaQueryStyle(_r
     // 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, "))")) : {}));
 };
-export function getResponsiveValue(responsive, i) {
+export var getResponsiveValue = function getResponsiveValue(responsive, i) {
   if (!responsive) {
     return null;
   }
@@ -67,7 +69,7 @@ export function getResponsiveValue(responsive, i) {
   }
 
   return responsive[i] || responsive[responsive.length - 1];
-}
+};
 export var flexGridItemStyle = function flexGridItemStyle(_ref3) {
   var $flexGridColumnCount = _ref3.$flexGridColumnCount,
       $flexGridColumnGap = _ref3.$flexGridColumnGap,
@@ -143,7 +145,6 @@ var FlexGridItem = function FlexGridItem(_ref4) {
   var blockOverrides = overrides ? mergeOverrides(flexGridItemOverrides, overrides) : flexGridItemOverrides;
   return /*#__PURE__*/React.createElement(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/esm/flex-grid/flex-grid.js

@@ -78,13 +78,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';
 export default FlexGridComponent;

package/esm/form-control/styled-components.js

@@ -27,7 +27,6 @@ export var Label = styled('label', function (props) {
   });
 });
 Label.displayName = "Label";
-Label.displayName = 'Label';
 export var LabelContainer = styled('span', function (_ref) {
   var sizing = _ref.$theme.sizing;
   return {
@@ -40,7 +39,6 @@ export var LabelContainer = styled('span', function (_ref) {
   };
 });
 LabelContainer.displayName = "LabelContainer";
-LabelContainer.displayName = 'LabelContainer';
 export var LabelEndEnhancer = styled('span', function (_ref2) {
   var $disabled = _ref2.$disabled,
       $counterError = _ref2.$counterError,
@@ -54,7 +52,6 @@ export var LabelEndEnhancer = styled('span', function (_ref2) {
   });
 });
 LabelEndEnhancer.displayName = "LabelEndEnhancer";
-LabelEndEnhancer.displayName = 'LabelEndEnhancer';
 export var Caption = styled('div', function (props) {
   var $error = props.$error,
       $positive = props.$positive,
@@ -83,7 +80,6 @@ export var Caption = styled('div', function (props) {
   });
 });
 Caption.displayName = "Caption";
-Caption.displayName = 'Caption';
 export var ControlContainer = styled('div', function (props) {
   var sizing = props.$theme.sizing;
   return {
@@ -91,5 +87,4 @@ export var ControlContainer = styled('div', function (props) {
     marginBottom: sizing.scale600
   };
 });
-ControlContainer.displayName = "ControlContainer";
-ControlContainer.displayName = 'ControlContainer';
+ControlContainer.displayName = "ControlContainer";

package/esm/header-navigation/styled-components.js

@@ -28,7 +28,6 @@ export var Root = styled('nav', function (props) {
   });
 });
 Root.displayName = "Root";
-Root.displayName = 'Root';
 export var NavigationItem = styled('li', function (props) {
   var $theme = props.$theme;
   var scale800 = $theme.sizing.scale800;
@@ -38,7 +37,6 @@ export var NavigationItem = styled('li', function (props) {
   };
 });
 NavigationItem.displayName = "NavigationItem";
-NavigationItem.displayName = 'NavigationItem';
 export var NavigationList = styled('ul', function (props) {
   var $align = props.$align,
       $theme = props.$theme;
@@ -66,5 +64,4 @@ export var NavigationList = styled('ul', function (props) {
     marginRight: 0
   };
 });
-NavigationList.displayName = "NavigationList";
-NavigationList.displayName = 'NavigationList';
+NavigationList.displayName = "NavigationList";

package/esm/helper/styled-components.js

@@ -196,9 +196,7 @@ export var StyledBody = styled('div', function (props) {
   });
 });
 StyledBody.displayName = "StyledBody";
-StyledBody.displayName = 'StyledBody';
 export var StyledArrow = styled('div', function (props) {
   return _objectSpread({}, clampArrowStyle(props.$arrowOffset, props.$placement, props.$theme.colors.backgroundPrimary));
 });
-StyledArrow.displayName = "StyledArrow";
-StyledArrow.displayName = 'StyledArrow';
+StyledArrow.displayName = "StyledArrow";

package/esm/helpers/overrides.js

@@ -14,15 +14,15 @@ 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 cup/no-undef */
 import * as React from 'react';
 import { isValidElementType } from 'react-is';
 import deepMerge from '../utils/deep-merge'; // Object -> any
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 /**
  * Given an override argument, returns the component implementation override if it exists
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function getOverride(_override) {
   if (isValidElementType(_override)) {
     return _override;
@@ -32,7 +32,6 @@ export 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
 
@@ -70,13 +69,11 @@ export function getOverrideProps(_override) {
 export function toObjectOverride(_override) {
   if (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 || {};
@@ -84,11 +81,8 @@ export function toObjectOverride(_override) {
 /**
  * Get a convenient override array that will always have [component, props]
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-export function getOverrides( // eslint-disable-next-line @typescript-eslint/no-explicit-any
-_override, // eslint-disable-next-line @typescript-eslint/no-explicit-any
-defaultComponent) {
+export function getOverrides(_override, defaultComponent) {
   var Component = getOverride(_override) || defaultComponent;
 
   if (_override && _typeof(_override) === 'object' && typeof _override.props === 'function') {
@@ -115,6 +109,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/esm/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*/
 
 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); }

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

@@ -4,7 +4,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
 export default function omitDollarPrefixedKeys(source) {
   var result = {};
 

package/esm/icon/styled-components.js

@@ -40,5 +40,4 @@ export function getSvgStyles(_ref) {
   };
 }
 export var Svg = styled('svg', getSvgStyles);
-Svg.displayName = "Svg";
-Svg.displayName = 'Svg';
+Svg.displayName = "Svg";

package/esm/input/base-input.js

@@ -42,7 +42,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-unused-vars
 
 /* global window */
 import * as React from 'react';

package/esm/input/masked-input.js

@@ -70,11 +70,8 @@ export default 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/esm/input/stateful-container.js

@@ -87,7 +87,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/esm/input/styled-components.js

@@ -35,7 +35,6 @@ export var StyledMaskToggleButton = styled('button', function (_ref) {
   };
 });
 StyledMaskToggleButton.displayName = "StyledMaskToggleButton";
-StyledMaskToggleButton.displayName = 'StyledMaskToggleButton';
 export var StyledClearIconContainer = styled('div', function (_ref2) {
   var _SIZE$mini$SIZE$compa2;
 
@@ -54,7 +53,6 @@ export var StyledClearIconContainer = styled('div', function (_ref2) {
   };
 });
 StyledClearIconContainer.displayName = "StyledClearIconContainer";
-StyledClearIconContainer.displayName = 'StyledClearIconContainer';
 export var StyledClearIcon = styled(DeleteAlt, function (_ref3) {
   var $theme = _ref3.$theme,
       $isFocusVisible = _ref3.$isFocusVisible;
@@ -64,7 +62,6 @@ export var StyledClearIcon = styled(DeleteAlt, function (_ref3) {
   };
 });
 StyledClearIcon.displayName = "StyledClearIcon";
-StyledClearIcon.displayName = 'StyledClearIcon';
 
 function getInputPadding(size, sizing) {
   var _SIZE$mini$SIZE$compa3;
@@ -202,9 +199,9 @@ export var getRootStyles = function getRootStyles(props) {
     transitionTimingFunction: animation.easeOutCurve
   }, getRootBorderRadius(borders.inputBorderRadius)), getFont($size, typography)), getRootColors($disabled, $isFocused, $error, $positive, colors)), getRootPadding($adjoined, $size, sizing, $theme.direction, $hasIconTrailing));
 };
-export var Root = styled('div', getRootStyles);
+export var Root = styled('div', getRootStyles); // InputEnhancer
+
 Root.displayName = "Root";
-Root.displayName = 'Root'; // InputEnhancer
 
 function getInputEnhancerPadding($size, sizing) {
   var _SIZE$mini$SIZE$compa5;
@@ -278,9 +275,9 @@ export var InputEnhancer = styled('div', function (props) {
     transitionDuration: animation.timing200,
     transitionTimingFunction: animation.easeOutCurve
   }, getFont($size, typography)), getInputEnhancerPadding($size, sizing)), getInputEnhancerColors($disabled, $isFocused, $error, $positive, colors));
-});
+}); // InputContainer
+
 InputEnhancer.displayName = "InputEnhancer";
-InputEnhancer.displayName = 'InputEnhancer'; // InputContainer
 
 function getInputContainerColors($disabled, $isFocused, $error, $positive, colors) {
   if ($disabled) {
@@ -337,7 +334,6 @@ export var getInputContainerStyles = function getInputContainerStyles(props) {
 };
 export var InputContainer = styled('div', getInputContainerStyles);
 InputContainer.displayName = "InputContainer";
-InputContainer.displayName = 'InputContainer';
 
 function getInputColors($disabled, $isFocused, $error, colors) {
   if ($disabled) {
@@ -394,5 +390,4 @@ export var getInputStyles = function getInputStyles(props) {
   }, getFont($size, typography)), getInputPadding($size, sizing)), getInputColors($disabled, $isFocused, $error, colors));
 };
 export var Input = styled('input', getInputStyles);
-Input.displayName = "Input";
-Input.displayName = 'Input';
+Input.displayName = "Input";

package/esm/layer/layer.js

@@ -74,24 +74,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);
@@ -105,9 +87,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);
@@ -166,9 +145,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/esm/layer/layers-manager.js

@@ -68,12 +68,6 @@ function defaultEventHandlerFn() {
 export var LayersContext = /*#__PURE__*/React.createContext({
   addEscapeHandler: defaultEventHandlerFn,
   removeEscapeHandler: defaultEventHandlerFn,
-  addKeyDownHandler: defaultEventHandlerFn,
-  removeKeyDownHandler: defaultEventHandlerFn,
-  addKeyUpHandler: defaultEventHandlerFn,
-  removeKeyUpHandler: defaultEventHandlerFn,
-  addKeyPressHandler: defaultEventHandlerFn,
-  removeKeyPressHandler: defaultEventHandlerFn,
   addDocClickHandler: defaultEventHandlerFn,
   removeDocClickHandler: defaultEventHandlerFn,
   host: undefined,
@@ -87,7 +81,6 @@ var LayersManager = /*#__PURE__*/function (_React$Component) {
 
   var _super = _createSuper(LayersManager);
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   function LayersManager(props) {
     var _this;
 
@@ -107,14 +100,6 @@ var LayersManager = /*#__PURE__*/function (_React$Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (event) {
-      var keyDownHandler = _this.state.keyDownHandlers[_this.state.keyDownHandlers.length - 1];
-
-      if (keyDownHandler) {
-        keyDownHandler(event);
-      }
-    });
-
     _defineProperty(_assertThisInitialized(_this), "onKeyUp", function (event) {
       if (event.key === 'Escape') {
         var escapeKeyHandler = _this.state.escapeKeyHandlers[_this.state.escapeKeyHandlers.length - 1];
@@ -123,20 +108,6 @@ var LayersManager = /*#__PURE__*/function (_React$Component) {
           escapeKeyHandler();
         }
       }
-
-      var keyUpHandler = _this.state.keyUpHandlers[_this.state.keyUpHandlers.length - 1];
-
-      if (keyUpHandler) {
-        keyUpHandler(event);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onKeyPress", function (event) {
-      var keyPressHandler = _this.state.keyPressHandlers[_this.state.keyPressHandlers.length - 1];
-
-      if (keyPressHandler) {
-        keyPressHandler(event);
-      }
     });
 
     _defineProperty(_assertThisInitialized(_this), "onAddEscapeHandler", function (escapeKeyHandler) {
@@ -157,60 +128,6 @@ var LayersManager = /*#__PURE__*/function (_React$Component) {
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onAddKeyDownHandler", function (keyDownHandler) {
-      _this.setState(function (prev) {
-        return {
-          keyDownHandlers: [].concat(_toConsumableArray(prev.keyDownHandlers), [keyDownHandler])
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onRemoveKeyDownHandler", function (keyDownHandler) {
-      _this.setState(function (prev) {
-        return {
-          keyDownHandlers: prev.keyDownHandlers.filter(function (handler) {
-            return handler !== keyDownHandler;
-          })
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onAddKeyUpHandler", function (keyUpHandler) {
-      _this.setState(function (prev) {
-        return {
-          keyUpHandlers: [].concat(_toConsumableArray(prev.keyUpHandlers), [keyUpHandler])
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onRemoveKeyUpHandler", function (keyUpHandler) {
-      _this.setState(function (prev) {
-        return {
-          keyUpHandlers: prev.keyUpHandlers.filter(function (handler) {
-            return handler !== keyUpHandler;
-          })
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onAddKeyPressHandler", function (keyPressHandler) {
-      _this.setState(function (prev) {
-        return {
-          keyPressHandlers: [].concat(_toConsumableArray(prev.keyPressHandlers), [keyPressHandler])
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onRemoveKeyPressHandler", function (keyPressHandler) {
-      _this.setState(function (prev) {
-        return {
-          keyPressHandlers: prev.keyPressHandlers.filter(function (handler) {
-            return handler !== keyPressHandler;
-          })
-        };
-      });
-    });
-
     _defineProperty(_assertThisInitialized(_this), "onAddDocClickHandler", function (docClickHandler) {
       _this.setState(function (prev) {
         return {
@@ -231,9 +148,6 @@ var LayersManager = /*#__PURE__*/function (_React$Component) {
 
     _this.state = {
       escapeKeyHandlers: [],
-      keyDownHandlers: [],
-      keyUpHandlers: [],
-      keyPressHandlers: [],
       docClickHandlers: []
     };
     return _this;
@@ -246,9 +160,7 @@ var LayersManager = /*#__PURE__*/function (_React$Component) {
       initFocusVisible(this.containerRef.current);
 
       if (typeof document !== 'undefined') {
-        document.addEventListener('keydown', this.onKeyDown);
-        document.addEventListener('keyup', this.onKeyUp);
-        document.addEventListener('keypress', this.onKeyPress); // using mousedown event so that callback runs before events on children inside of the layer
+        document.addEventListener('keyup', this.onKeyUp); // using mousedown event so that callback runs before events on children inside of the layer
 
         document.addEventListener('mousedown', this.onDocumentClick);
       }
@@ -257,9 +169,7 @@ var LayersManager = /*#__PURE__*/function (_React$Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (typeof document !== 'undefined') {
-        document.removeEventListener('keydown', this.onKeyDown);
         document.removeEventListener('keyup', this.onKeyUp);
-        document.removeEventListener('keypress', this.onKeyPress);
         document.removeEventListener('mousedown', this.onDocumentClick);
       }
     }
@@ -297,12 +207,6 @@ var LayersManager = /*#__PURE__*/function (_React$Component) {
             zIndex: _this2.props.zIndex,
             addEscapeHandler: _this2.onAddEscapeHandler,
             removeEscapeHandler: _this2.onRemoveEscapeHandler,
-            addKeyDownHandler: _this2.onAddKeyDownHandler,
-            removeKeyDownHandler: _this2.onRemoveKeyDownHandler,
-            addKeyUpHandler: _this2.onAddKeyUpHandler,
-            removeKeyUpHandler: _this2.onRemoveKeyUpHandler,
-            addKeyPressHandler: _this2.onAddKeyPressHandler,
-            removeKeyPressHandler: _this2.onRemoveKeyPressHandler,
             addDocClickHandler: _this2.onAddDocClickHandler,
             removeDocClickHandler: _this2.onRemoveDocClickHandler
           }

package/esm/layout-grid/styled-components.js

@@ -29,7 +29,6 @@ export var StyledGridWrapper = styled('div', function (_ref) {
   };
 });
 StyledGridWrapper.displayName = "StyledGridWrapper";
-StyledGridWrapper.displayName = 'StyledGridWrapper';
 export var StyledGrid = styled('div', function (_ref2) {
   var $theme = _ref2.$theme,
       _ref2$$align = _ref2.$align,
@@ -68,7 +67,6 @@ export var StyledGrid = styled('div', function (_ref2) {
   }, gridStyles);
 });
 StyledGrid.displayName = "StyledGrid";
-StyledGrid.displayName = 'StyledGrid';
 export var StyledCell = styled('div', function (_ref3) {
   var $theme = _ref3.$theme,
       _ref3$$align = _ref3.$align,
@@ -122,7 +120,6 @@ export var StyledCell = styled('div', function (_ref3) {
   }, cellStyles);
 });
 StyledCell.displayName = "StyledCell";
-StyledCell.displayName = 'StyledCell';
 
 function getResponsiveNumber(responsive, i) {
   var res = getResponsiveValue(responsive, i);

package/esm/link/index.js

@@ -40,8 +40,7 @@ function LinkFocus(props) {
     if (isFocusVisible(event)) {
       setFocusVisible(true);
     }
-  }; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+  };
 
   var handleBlur = function handleBlur(event) {
     if (focusVisible !== false) {

package/esm/link/styled-components.js

@@ -53,5 +53,4 @@ export var Link = styled('a', function (_ref) {
     }
   });
 });
-Link.displayName = "Link";
-Link.displayName = 'Link';
+Link.displayName = "Link";

package/esm/list/list-heading.js

@@ -104,27 +104,23 @@ var ListHeading = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }
 
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    React.createElement(Root, _extends({
-      ref: ref
-    }, rootProps), /*#__PURE__*/React.createElement(Content, contentProps, /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(HeadingContainer, _extends({
-      $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
-    }, headingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
-      component: props.heading
-    })), EndEnhancer && /*#__PURE__*/React.createElement(EndEnhancerContainer, _extends({
-      $isText: isEndEnhancerString
-    }, endEnhancerContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
-      component: EndEnhancer
-    }))), (Boolean(SubHeading) || EndEnhancerDescription) && /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(SubHeadingContainer, _extends({
-      $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
-    }, subHeadingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
-      component: SubHeading
-    })), Boolean(EndEnhancerDescription) && isEndEnhancerString && /*#__PURE__*/React.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/React.createElement(RenderNode, {
-      component: EndEnhancerDescription
-    })))))
-  );
+  return /*#__PURE__*/React.createElement(Root, _extends({
+    ref: ref
+  }, rootProps), /*#__PURE__*/React.createElement(Content, contentProps, /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(HeadingContainer, _extends({
+    $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
+  }, headingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
+    component: props.heading
+  })), EndEnhancer && /*#__PURE__*/React.createElement(EndEnhancerContainer, _extends({
+    $isText: isEndEnhancerString
+  }, endEnhancerContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
+    component: EndEnhancer
+  }))), (Boolean(SubHeading) || EndEnhancerDescription) && /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(SubHeadingContainer, _extends({
+    $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
+  }, subHeadingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
+    component: SubHeading
+  })), Boolean(EndEnhancerDescription) && isEndEnhancerString && /*#__PURE__*/React.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/React.createElement(RenderNode, {
+    component: EndEnhancerDescription
+  })))));
 });
 ListHeading.displayName = 'ListHeading';
 export default ListHeading;

package/esm/list/list-item.js

@@ -66,8 +66,7 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return props.artworkSize || ARTWORK_SIZES.MEDIUM;
     }
   }, [props.artworkSize, props.sublist]);
-  return /*#__PURE__*/React.createElement(Root // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  , _extends({
+  return /*#__PURE__*/React.createElement(Root, _extends({
     ref: ref,
     $shape: props.shape || SHAPE.DEFAULT,
     "aria-label": props['aria-label'],