baseui 12.0.0 → 12.1.2

package/esm/select/styled-components.js

@@ -24,6 +24,21 @@ function getFont() {
   return (_SIZE$mini$SIZE$compa = {}, _defineProperty(_SIZE$mini$SIZE$compa, SIZE.mini, typography.font100), _defineProperty(_SIZE$mini$SIZE$compa, SIZE.compact, typography.font200), _defineProperty(_SIZE$mini$SIZE$compa, SIZE.default, typography.font300), _defineProperty(_SIZE$mini$SIZE$compa, SIZE.large, typography.font400), _SIZE$mini$SIZE$compa)[size];
 }
 
+function getBorderRadius(size, borders) {
+  var radius = borders.inputBorderRadius;
+
+  if (size === SIZE.mini) {
+    radius = borders.inputBorderRadiusMini;
+  }
+
+  return {
+    borderTopLeftRadius: radius,
+    borderBottomLeftRadius: radius,
+    borderTopRightRadius: radius,
+    borderBottomRightRadius: radius
+  };
+}
+
 function getControlPadding(props) {
   var _SIZE$mini, _SIZE$compact, _SIZE$default, _SIZE$large, _SIZE$mini$SIZE$compa2;
 
@@ -63,6 +78,7 @@ export var StyledDropdownContainer = styled('div', function (props) {
   };
 });
 StyledDropdownContainer.displayName = "StyledDropdownContainer";
+StyledDropdownContainer.displayName = 'StyledDropdownContainer';
 export var StyledDropdown = StyledList;
 export var StyledDropdownListItem = StyledListItem;
 export var StyledOptionContent = styled('div', function (props) {
@@ -77,6 +93,7 @@ export var StyledOptionContent = styled('div', function (props) {
   };
 });
 StyledOptionContent.displayName = "StyledOptionContent";
+StyledOptionContent.displayName = 'StyledOptionContent';
 export var StyledRoot = styled('div', function (props) {
   var typography = props.$theme.typography,
       $size = props.$size;
@@ -87,6 +104,7 @@ export var StyledRoot = styled('div', function (props) {
   });
 });
 StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';
 
 function getControlContainerColors($disabled, $isFocused, $isPseudoFocused, $positive, $error, colors) {
   if ($disabled) {
@@ -151,15 +169,12 @@ export var StyledControlContainer = styled('div', function (props) {
       $isPseudoFocused = props.$isPseudoFocused,
       $type = props.$type,
       $searchable = props.$searchable,
+      $size = props.$size,
       _props$$theme = props.$theme,
       borders = _props$$theme.borders,
       colors = _props$$theme.colors,
       animation = _props$$theme.animation;
-  return _objectSpread({
-    borderTopLeftRadius: borders.inputBorderRadius,
-    borderTopRightRadius: borders.inputBorderRadius,
-    borderBottomRightRadius: borders.inputBorderRadius,
-    borderBottomLeftRadius: borders.inputBorderRadius,
+  return _objectSpread(_objectSpread({}, getBorderRadius($size, borders)), {}, {
     boxSizing: 'border-box',
     overflow: 'hidden',
     width: '100%',
@@ -180,6 +195,7 @@ export var StyledControlContainer = styled('div', function (props) {
   }, getControlContainerColors($disabled, $isFocused, $isPseudoFocused, $positive, $error, colors));
 });
 StyledControlContainer.displayName = "StyledControlContainer";
+StyledControlContainer.displayName = 'StyledControlContainer';
 export var StyledValueContainer = styled('div', function (props) {
   var padding = getControlPadding(props);
   return _objectSpread({
@@ -195,6 +211,7 @@ export var StyledValueContainer = styled('div', function (props) {
   }, padding);
 });
 StyledValueContainer.displayName = "StyledValueContainer";
+StyledValueContainer.displayName = 'StyledValueContainer';
 export var StyledPlaceholder = styled('div', function (props) {
   var $disabled = props.$disabled,
       colors = props.$theme.colors;
@@ -207,6 +224,7 @@ export var StyledPlaceholder = styled('div', function (props) {
   };
 });
 StyledPlaceholder.displayName = "StyledPlaceholder";
+StyledPlaceholder.displayName = 'StyledPlaceholder';
 export var StyledSingleValue = styled('div', function (props) {
   var _objectSpread2;
 
@@ -222,6 +240,7 @@ export var StyledSingleValue = styled('div', function (props) {
   }, _defineProperty(_objectSpread2, marginDir, $theme.sizing.scale0), _defineProperty(_objectSpread2, "height", '100%'), _defineProperty(_objectSpread2, "maxWidth", '100%'), _objectSpread2), ellipsisText);
 });
 StyledSingleValue.displayName = "StyledSingleValue";
+StyledSingleValue.displayName = 'StyledSingleValue';
 export var StyledInputContainer = styled('div', function (props) {
   var $size = props.$size,
       $searchable = props.$searchable,
@@ -255,6 +274,7 @@ export var StyledInputContainer = styled('div', function (props) {
   };
 });
 StyledInputContainer.displayName = "StyledInputContainer";
+StyledInputContainer.displayName = 'StyledInputContainer';
 export var StyledInput = styled('input', function (props) {
   var _props$$theme3 = props.$theme,
       colors = _props$$theme3.colors,
@@ -286,6 +306,7 @@ export var StyledInput = styled('input', function (props) {
   });
 });
 StyledInput.displayName = "StyledInput";
+StyledInput.displayName = 'StyledInput';
 export var StyledInputSizer = styled('div', function (_ref) {
   var _objectSpread3;
 
@@ -299,6 +320,7 @@ export var StyledInputSizer = styled('div', function (_ref) {
   }, _defineProperty(_objectSpread3, dir, 0), _defineProperty(_objectSpread3, "visibility", 'hidden'), _defineProperty(_objectSpread3, "height", 0), _defineProperty(_objectSpread3, "overflow", 'scroll'), _defineProperty(_objectSpread3, "whiteSpace", 'pre'), _objectSpread3));
 });
 StyledInputSizer.displayName = "StyledInputSizer";
+StyledInputSizer.displayName = 'StyledInputSizer';
 export var StyledIconsContainer = styled('div', function (_ref2) {
   var $theme = _ref2.$theme,
       sizing = _ref2.$theme.sizing;
@@ -313,6 +335,7 @@ export var StyledIconsContainer = styled('div', function (_ref2) {
   }, paddingDir, sizing.scale500);
 });
 StyledIconsContainer.displayName = "StyledIconsContainer";
+StyledIconsContainer.displayName = 'StyledIconsContainer';
 
 function getSvgStyles(_ref4) {
   var $theme = _ref4.$theme;
@@ -349,6 +372,7 @@ export var StyledSelectArrow = styled('svg', function (props) {
   });
 });
 StyledSelectArrow.displayName = "StyledSelectArrow";
+StyledSelectArrow.displayName = 'StyledSelectArrow';
 export var StyledClearIcon = styled('svg', function (props) {
   var _sizes2;
 
@@ -372,6 +396,7 @@ export var StyledClearIcon = styled('svg', function (props) {
   });
 });
 StyledClearIcon.displayName = "StyledClearIcon";
+StyledClearIcon.displayName = 'StyledClearIcon';
 export var StyledLoadingIndicator = withStyle(Spinner, function (_ref5) {
   var $theme = _ref5.$theme;
   return {
@@ -387,6 +412,7 @@ export var StyledLoadingIndicator = withStyle(Spinner, function (_ref5) {
   };
 });
 StyledLoadingIndicator.displayName = "StyledLoadingIndicator";
+StyledLoadingIndicator.displayName = 'StyledLoadingIndicator';
 export var StyledSearchIconContainer = styled('div', function (props) {
   var _objectSpread4;
 
@@ -402,4 +428,5 @@ export var StyledSearchIconContainer = styled('div', function (props) {
     top: 0
   }, _defineProperty(_objectSpread4, dir, sizing.scale500), _defineProperty(_objectSpread4, "display", 'flex'), _defineProperty(_objectSpread4, "alignItems", 'center'), _defineProperty(_objectSpread4, "height", '100%'), _objectSpread4));
 });
-StyledSearchIconContainer.displayName = "StyledSearchIconContainer";
+StyledSearchIconContainer.displayName = "StyledSearchIconContainer";
+StyledSearchIconContainer.displayName = 'StyledSearchIconContainer';

package/esm/select/value.js

@@ -26,7 +26,8 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 import { StyledSingleValue } from './styled-components';
-import { getOverrides } from '../helpers/overrides';
+import { getOverrides } from '../helpers/overrides'; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 export default function Value(props) {
   var _props$overrides = props.overrides,
       overrides = _props$overrides === void 0 ? {} : _props$overrides,
@@ -37,7 +38,5 @@ export default function Value(props) {
       SingleValue = _getOverrides2[0],
       singleValueProps = _getOverrides2[1];
 
-  return /*#__PURE__*/React.createElement(SingleValue, _extends({
-    "aria-selected": "true"
-  }, restProps, singleValueProps), props.children);
+  return /*#__PURE__*/React.createElement(SingleValue, _extends({}, restProps, singleValueProps), props.children);
 }

package/esm/side-navigation/index.js

@@ -10,4 +10,5 @@ export { default as NavItem } from './nav-item'; // Styled elements
 export * from './styled-components'; // Types
 
 export * from './types';
-/** @deprecated type is already removed*/
+/** @deprecated type is already removed*/
+// eslint-disable-next-line @typescript-eslint/no-unused-vars

package/esm/side-navigation/nav-item.js

@@ -102,6 +102,7 @@ var NavItem = /*#__PURE__*/function (_React$Component) {
   _createClass(NavItem, [{
     key: "render",
     value: function render() {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       var _this$props3 = this.props,
           item = _this$props3.item,
           overrides = _this$props3.overrides,

package/esm/side-navigation/nav.js

@@ -160,7 +160,7 @@ var SideNav = /*#__PURE__*/function (_React$Component) {
           overrides: overrides
         }, sharedProps)), item.subNav ? /*#__PURE__*/React.createElement(SubNavContainer, _extends({
           role: "list"
-        }, sharedProps, subNavContainerProps), item.subNav.map(function (subitem, idx) {
+        }, sharedProps, subNavContainerProps), item.subNav.map(function (subitem) {
           return renderNavItem(subitem, level + 1, index);
         })) : null));
       };

package/esm/side-navigation/stateful-container.js

@@ -96,6 +96,7 @@ var StatefulContainer = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       // eslint-disable-next-line no-unused-vars
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       var _this$props = this.props,
           children = _this$props.children,
           initialState = _this$props.initialState,

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

@@ -36,8 +36,10 @@ export var StyledRoot = styled('nav', function (props) {
   });
 });
 StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';
 export var StyledNavItemContainer = styled('li', {});
 StyledNavItemContainer.displayName = "StyledNavItemContainer";
+StyledNavItemContainer.displayName = 'StyledNavItemContainer';
 export var StyledNavLink = styled('a', function (_ref) {
   var $theme = _ref.$theme,
       $isFocusVisible = _ref.$isFocusVisible;
@@ -58,6 +60,7 @@ export var StyledNavLink = styled('a', function (_ref) {
   };
 });
 StyledNavLink.displayName = "StyledNavLink";
+StyledNavLink.displayName = 'StyledNavLink';
 export var StyledNavItemElement = styled('div', function (props) {
   var _ref2;
 
@@ -96,13 +99,16 @@ export var StyledNavItemElement = styled('div', function (props) {
   }), _ref2;
 });
 StyledNavItemElement.displayName = "StyledNavItemElement";
+StyledNavItemElement.displayName = 'StyledNavItemElement';
 export var StyledNavItem = withWrapper(StyledNavItemElement, function (Styled) {
-  return function StyledNav(_ref3) {
-    var item = _ref3.item,
-        restProps = _objectWithoutProperties(_ref3, _excluded);
+  return (// eslint-disable-next-line @typescript-eslint/no-unused-vars
+    function StyledNav(_ref3) {
+      var item = _ref3.item,
+          restProps = _objectWithoutProperties(_ref3, _excluded);
 
-    return /*#__PURE__*/React.createElement(Styled, restProps);
-  };
+      return /*#__PURE__*/React.createElement(Styled, restProps);
+    }
+  );
 });
 export var StyledSubNavContainer = styled('ul', {
   listStyleType: 'none',
@@ -115,4 +121,5 @@ export var StyledSubNavContainer = styled('ul', {
   paddingLeft: 0,
   paddingRight: 0
 });
-StyledSubNavContainer.displayName = "StyledSubNavContainer";
+StyledSubNavContainer.displayName = "StyledSubNavContainer";
+StyledSubNavContainer.displayName = 'StyledSubNavContainer';

package/esm/skeleton/styled-components.js

@@ -51,6 +51,7 @@ export var StyledRoot = styled('div', function (props) {
   });
 });
 StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';
 export var StyledRow = styled('div', function (props) {
   return _objectSpread(_objectSpread({}, props.$animation ? _objectSpread(_objectSpread({}, animationStyle), {}, {
     backgroundImage: getAnimationColor(props)
@@ -62,4 +63,5 @@ export var StyledRow = styled('div', function (props) {
     marginBottom: props.$isLastRow ? '0px' : '10px'
   });
 });
-StyledRow.displayName = "StyledRow";
+StyledRow.displayName = "StyledRow";
+StyledRow.displayName = 'StyledRow';

package/esm/slider/slider.js

@@ -92,11 +92,13 @@ function Slider(_ref) {
   var handleFocus = React.useCallback(function (event) {
     if (focusVisible(event)) {
       setIsFocusVisible(true);
-    }
+    } // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 
     var index = event.target.parentNode.firstChild === event.target ? 0 : 1;
     setFocusedThumbIndex(index);
-  }, []);
+  }, []); // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
   var handleBlur = React.useCallback(function (event) {
     if (isFocusVisible !== false) {
       setIsFocusVisible(false);

package/esm/slider/styled-components.js

@@ -17,6 +17,7 @@ export var Root = styled('div', {
   width: '100%'
 });
 Root.displayName = "Root";
+Root.displayName = 'Root';
 Root.displayName = 'StyledRoot';
 export var Track = styled('div', function (props) {
   var $theme = props.$theme,
@@ -46,6 +47,7 @@ export var Track = styled('div', function (props) {
   };
 });
 Track.displayName = "Track";
+Track.displayName = 'Track';
 Track.displayName = 'StyledTrack';
 export var InnerTrack = styled('div', function (props) {
   var $theme = props.$theme,
@@ -77,6 +79,7 @@ export var InnerTrack = styled('div', function (props) {
   };
 });
 InnerTrack.displayName = "InnerTrack";
+InnerTrack.displayName = 'InnerTrack';
 InnerTrack.displayName = 'StyledInnerTrack';
 export var Mark = styled('div', function (props) {
   return {
@@ -87,6 +90,7 @@ export var Mark = styled('div', function (props) {
   };
 });
 Mark.displayName = "Mark";
+Mark.displayName = 'Mark';
 Mark.displayName = 'StyledMark';
 export var Tick = styled('div', function (props) {
   return _objectSpread(_objectSpread({}, props.$theme.typography.font200), {}, {
@@ -94,6 +98,7 @@ export var Tick = styled('div', function (props) {
   });
 });
 Tick.displayName = "Tick";
+Tick.displayName = 'Tick';
 Tick.displayName = 'StyledTick';
 export var TickBar = styled('div', function (props) {
   var $theme = props.$theme;
@@ -108,6 +113,7 @@ export var TickBar = styled('div', function (props) {
   };
 });
 TickBar.displayName = "TickBar";
+TickBar.displayName = 'TickBar';
 TickBar.displayName = 'StyledTickBar';
 export var Thumb = styled('div', function (props) {
   var $theme = props.$theme,
@@ -140,6 +146,7 @@ export var Thumb = styled('div', function (props) {
   };
 });
 Thumb.displayName = "Thumb";
+Thumb.displayName = 'Thumb';
 Thumb.displayName = 'StyledThumb';
 export var InnerThumb = styled('div', function (props) {
   var $disabled = props.$disabled,
@@ -153,6 +160,7 @@ export var InnerThumb = styled('div', function (props) {
   };
 });
 InnerThumb.displayName = "InnerThumb";
+InnerThumb.displayName = 'InnerThumb';
 InnerThumb.displayName = 'StyledInnerThumb';
 export var ThumbValue = styled('div', function (props) {
   var $disabled = props.$disabled,
@@ -175,4 +183,5 @@ export var ThumbValue = styled('div', function (props) {
   });
 });
 ThumbValue.displayName = "ThumbValue";
+ThumbValue.displayName = 'ThumbValue';
 ThumbValue.displayName = 'StyledThumbValue';

package/esm/snackbar/snackbar-element.js

@@ -24,6 +24,7 @@ import { getOverrides } from '../helpers/overrides';
 import { useStyletron } from '../styles';
 import { StyledRoot, StyledContent, StyledStartEnhancerContainer, StyledSpinner, StyledMessage, StyledWrapActionButtonContainer, StyledActionButtonContainer } from './styled-components';
 // todo(flow->ts): types
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 var ActionButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var onClick = _ref.onClick,
       message = _ref.message,

package/esm/snackbar/styled-components.js

@@ -29,12 +29,14 @@ export var StyledRoot = styled('div', function (_ref) {
   };
 });
 StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';
 export var StyledContent = styled('div', {
   alignItems: 'center',
   display: 'inline-flex',
   width: '100%'
 });
 StyledContent.displayName = "StyledContent";
+StyledContent.displayName = 'StyledContent';
 export var StyledStartEnhancerContainer = styled('span', function (_ref2) {
   var $theme = _ref2.$theme;
   var paddingDir = $theme.direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
@@ -44,6 +46,7 @@ export var StyledStartEnhancerContainer = styled('span', function (_ref2) {
   }, paddingDir, $theme.sizing.scale600);
 });
 StyledStartEnhancerContainer.displayName = "StyledStartEnhancerContainer";
+StyledStartEnhancerContainer.displayName = 'StyledStartEnhancerContainer';
 export var StyledSpinner = withStyle(Spinner, function (_ref4) {
   var $height = _ref4.$height,
       $width = _ref4.$width;
@@ -54,6 +57,7 @@ export var StyledSpinner = withStyle(Spinner, function (_ref4) {
   };
 });
 StyledSpinner.displayName = "StyledSpinner";
+StyledSpinner.displayName = 'StyledSpinner';
 export var StyledMessage = styled('p', //$FlowExpectedError[incompatible-shape]
 function (_ref5) {
   var _objectSpread2;
@@ -72,17 +76,20 @@ function (_ref5) {
   }, _defineProperty(_objectSpread2, prefixPadding, $theme.sizing.scale600), _defineProperty(_objectSpread2, suffixPadding, $hasSuffix ? $theme.sizing.scale300 : $theme.sizing.scale600), _objectSpread2));
 });
 StyledMessage.displayName = "StyledMessage";
+StyledMessage.displayName = 'StyledMessage';
 export var StyledWrapActionButtonContainer = styled('div', {
   display: 'flex',
   justifyContent: 'flex-end'
 });
 StyledWrapActionButtonContainer.displayName = "StyledWrapActionButtonContainer";
+StyledWrapActionButtonContainer.displayName = 'StyledWrapActionButtonContainer';
 export var StyledActionButtonContainer = styled('div', function (_ref6) {
   var $theme = _ref6.$theme;
   var marginDir = $theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
   return _defineProperty({}, marginDir, 'auto');
 });
 StyledActionButtonContainer.displayName = "StyledActionButtonContainer";
+StyledActionButtonContainer.displayName = 'StyledActionButtonContainer';
 
 function placementRules(placement) {
   switch (placement) {
@@ -158,4 +165,5 @@ export var StyledPlacementContainer = styled('div', function (_ref8) {
     marginLeft: $theme.sizing.scale600
   }));
 });
-StyledPlacementContainer.displayName = "StyledPlacementContainer";
+StyledPlacementContainer.displayName = "StyledPlacementContainer";
+StyledPlacementContainer.displayName = 'StyledPlacementContainer';

package/esm/spinner/styled-components.js

@@ -74,4 +74,5 @@ export var StyledSpinner = styled('i', function (_ref) {
     cursor: 'wait'
   };
 });
-StyledSpinner.displayName = "StyledSpinner";
+StyledSpinner.displayName = "StyledSpinner";
+StyledSpinner.displayName = 'StyledSpinner';

package/esm/styles/__mocks__/styled.js

@@ -40,8 +40,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.
 */
-
-/* flowlint unclear-type:off */
 import * as React from 'react';
 import { getInitialStyle } from 'styletron-standard';
 import { LightTheme } from '../../themes';
@@ -53,6 +51,7 @@ var IDENTITY = function IDENTITY(x) {
 };
 
 export function useStyletron() {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   function css(styles) {
     return _objectSpread({
       label: 'useStyletron mock describes the applied css properties'
@@ -60,7 +59,8 @@ export function useStyletron() {
   }
 
   return [css, MOCK_THEME];
-}
+} // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 export function styled(ElementName) {
   var objOrFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
@@ -88,6 +88,7 @@ export function styled(ElementName) {
     _createClass(MockStyledComponent, [{
       key: "getPassedProps",
       value: function getPassedProps() {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         var _this$props = this.props,
             forwardedRef = _this$props.forwardedRef,
             restProps = _objectWithoutProperties(_this$props, _excluded);
@@ -153,8 +154,10 @@ export function styled(ElementName) {
   });
 }
 export var withStyle = styled;
-export function withWrapper(StyledElement, wrapperFn) {
-  // eslint-disable-next-line react/display-name
+export function withWrapper( // eslint-disable-next-line @typescript-eslint/no-explicit-any
+StyledElement, // eslint-disable-next-line @typescript-eslint/no-explicit-any
+wrapperFn) {
+  // eslint-disable-next-line react/display-name,@typescript-eslint/no-explicit-any
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
     return wrapperFn(StyledElement)(_objectSpread(_objectSpread({
       ref: ref

package/esm/styles/styled.js

@@ -42,23 +42,23 @@ var wrapper = function wrapper(StyledComponent) {
   });
 };
 
-/* eslint-enable flowtype/generic-spacing */
-
-/* flowlint unclear-type:error */
 export function createThemedStyled() {
   return createStyled({
     wrapper: wrapper,
     getInitialStyle: getInitialStyle,
-    driver: driver
+    driver: driver // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
   });
 }
 export var styled = createThemedStyled();
 export function createThemedWithStyle() {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   return styletronWithStyle;
 }
 export var withStyle = createThemedWithStyle();
 export function createThemedUseStyletron() {
   return function () {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var theme = React.useContext(ThemeContext);
 
     var _styletronUseStyletro = styletronUseStyletron(),
@@ -68,10 +68,11 @@ export function createThemedUseStyletron() {
     return [css, theme];
   };
 }
-export var useStyletron = createThemedUseStyletron();
+export var useStyletron = createThemedUseStyletron(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 export function withWrapper(StyledElement, wrapperFn) {
   return styletronWithWrapper(StyledElement, function (Styled) {
-    // eslint-disable-next-line react/display-name
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any,react/display-name
     return /*#__PURE__*/React.forwardRef(function (props, ref) {
       return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
         return (// @ts-ignore

package/esm/table/index.js

@@ -13,4 +13,5 @@ export { SORT_DIRECTION } from './constants'; // Styled elements
 export { StyledTable, StyledFilterButton, StyledFilterContent, StyledFilterHeading, StyledFilterFooter, StyledHead, StyledHeadCell, StyledBody, StyledRow, StyledCell, StyledAction, StyledSortableLabel } from './styled-components'; // Flow
 
 export * from './types';
-/** @deprecated use HeadCellOverrides instead. To be removed in future versions.*/
+/** @deprecated use HeadCellOverrides instead. To be removed in future versions.*/
+// eslint-disable-next-line @typescript-eslint/no-unused-vars

package/esm/table/styled-components.js

@@ -29,6 +29,7 @@ var StyledTableElement = styled('div', function (_ref) {
   });
 });
 StyledTableElement.displayName = "StyledTableElement";
+StyledTableElement.displayName = 'StyledTableElement';
 export var StyledTable = withWrapper(StyledTableElement, function (StyledComponent) {
   return function StyledTable(props) {
     return /*#__PURE__*/React.createElement(StyledComponent, _extends({
@@ -49,6 +50,7 @@ var StyledHeadElement = styled('div', function (_ref2) {
   };
 });
 StyledHeadElement.displayName = "StyledHeadElement";
+StyledHeadElement.displayName = 'StyledHeadElement';
 export var StyledHead = withWrapper(StyledHeadElement, function (StyledComponent) {
   return function StyledHead(props) {
     return /*#__PURE__*/React.createElement(StyledComponent, _extends({
@@ -77,6 +79,7 @@ var StyledHeadCellElement = styled('div', function (_ref3) {
   });
 });
 StyledHeadCellElement.displayName = "StyledHeadCellElement";
+StyledHeadCellElement.displayName = 'StyledHeadCellElement';
 export var StyledHeadCell = withWrapper(StyledHeadCellElement, function (StyledComponent) {
   return function StyledHeadCell(props) {
     return /*#__PURE__*/React.createElement(StyledComponent, _extends({
@@ -105,6 +108,7 @@ export var StyledSortableLabel = styled('button', function (_ref4) {
   });
 });
 StyledSortableLabel.displayName = "StyledSortableLabel";
+StyledSortableLabel.displayName = 'StyledSortableLabel';
 var StyledBodyElement = styled('div', function (_ref5) {
   var $width = _ref5.$width;
   return {
@@ -116,6 +120,7 @@ var StyledBodyElement = styled('div', function (_ref5) {
   };
 });
 StyledBodyElement.displayName = "StyledBodyElement";
+StyledBodyElement.displayName = 'StyledBodyElement';
 export var StyledBody = withWrapper(StyledBodyElement, function (StyledComponent) {
   return function StyledBody(props) {
     return /*#__PURE__*/React.createElement(StyledComponent, _extends({
@@ -128,6 +133,7 @@ var StyledRowElement = styled('div', {
   alignItems: 'center'
 });
 StyledRowElement.displayName = "StyledRowElement";
+StyledRowElement.displayName = 'StyledRowElement';
 export var StyledRow = withWrapper(StyledRowElement, function (StyledComponent) {
   return function StyledRow(props) {
     return /*#__PURE__*/React.createElement(StyledComponent, _extends({
@@ -150,6 +156,7 @@ var StyledCellElement = styled('div', function (_ref6) {
   });
 });
 StyledCellElement.displayName = "StyledCellElement";
+StyledCellElement.displayName = 'StyledCellElement';
 export var StyledCell = withWrapper(StyledCellElement, function (StyledComponent) {
   return function StyledCell(props) {
     return /*#__PURE__*/React.createElement(StyledComponent, _extends({
@@ -196,6 +203,7 @@ export var StyledFilterButton = styled('button', function (props) {
   };
 });
 StyledFilterButton.displayName = "StyledFilterButton";
+StyledFilterButton.displayName = 'StyledFilterButton';
 export var StyledFilterContent = styled('div', function (_ref7) {
   var $theme = _ref7.$theme;
   return _objectSpread(_objectSpread({}, expandBorderStyles($theme.borders.border300)), {}, {
@@ -209,6 +217,7 @@ export var StyledFilterContent = styled('div', function (_ref7) {
   });
 });
 StyledFilterContent.displayName = "StyledFilterContent";
+StyledFilterContent.displayName = 'StyledFilterContent';
 export var StyledFilterHeading = styled('div', function (_ref8) {
   var $theme = _ref8.$theme;
   return _objectSpread(_objectSpread({}, $theme.typography.font250), {}, {
@@ -220,6 +229,7 @@ export var StyledFilterHeading = styled('div', function (_ref8) {
   });
 });
 StyledFilterHeading.displayName = "StyledFilterHeading";
+StyledFilterHeading.displayName = 'StyledFilterHeading';
 export var StyledFilterFooter = styled('div', function (_ref9) {
   var $theme = _ref9.$theme;
   return {
@@ -234,6 +244,7 @@ export var StyledFilterFooter = styled('div', function (_ref9) {
   };
 });
 StyledFilterFooter.displayName = "StyledFilterFooter";
+StyledFilterFooter.displayName = 'StyledFilterFooter';
 export var StyledAction = styled('button', function (_ref10) {
   var $theme = _ref10.$theme;
   return {
@@ -254,4 +265,5 @@ export var StyledAction = styled('button', function (_ref10) {
     }
   };
 });
-StyledAction.displayName = "StyledAction";
+StyledAction.displayName = "StyledAction";
+StyledAction.displayName = 'StyledAction';

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

@@ -20,6 +20,7 @@ var StyledTableElement = withStyle(FlexStyledTable, function (props) {
   };
 });
 StyledTableElement.displayName = "StyledTableElement";
+StyledTableElement.displayName = 'StyledTableElement';
 export var StyledTable = withWrapper(StyledTableElement, function (StyledComponent) {
   return function StyledTable(props) {
     return /*#__PURE__*/React.createElement(StyledComponent, _extends({
@@ -46,6 +47,7 @@ export var StyledHeadCell = withStyle(FlexStyledHeadCell, function (_ref) {
   };
 });
 StyledHeadCell.displayName = "StyledHeadCell";
+StyledHeadCell.displayName = 'StyledHeadCell';
 export var StyledBodyCell = withStyle(FlexStyledBodyCell, function (props) {
   return {
     display: 'block',
@@ -58,4 +60,5 @@ export var StyledBodyCell = withStyle(FlexStyledBodyCell, function (props) {
     }
   };
 });
-StyledBodyCell.displayName = "StyledBodyCell";
+StyledBodyCell.displayName = "StyledBodyCell";
+StyledBodyCell.displayName = 'StyledBodyCell';