baseui 12.0.0 → 12.1.0

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';

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

@@ -45,6 +45,8 @@ export var StyledRoot = styled('div', function (_ref) {
   });
 });
 StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export var StyledTable = styled('table', function (_ref2) {
   var $theme = _ref2.$theme,
       $width = _ref2.$width;
@@ -56,16 +58,21 @@ export var StyledTable = styled('table', function (_ref2) {
   };
 });
 StyledTable.displayName = "StyledTable";
+StyledTable.displayName = 'StyledTable'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
 export var StyledTableHead = styled('thead', function (_ref3) {
   var $theme = _ref3.$theme;
   return {};
 });
 StyledTableHead.displayName = "StyledTableHead";
+StyledTableHead.displayName = 'StyledTableHead'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
 export var StyledTableHeadRow = styled('tr', function (_ref4) {
   var $theme = _ref4.$theme;
   return {};
 });
 StyledTableHeadRow.displayName = "StyledTableHeadRow";
+StyledTableHeadRow.displayName = 'StyledTableHeadRow';
 export var StyledTableHeadCell = styled('th', function (_ref5) {
   var _notLastChild;
 
@@ -86,7 +93,6 @@ export var StyledTableHeadCell = styled('th', function (_ref5) {
     backgroundColor: $theme.colors.tableHeadBackgroundColor,
     color: $theme.colors.contentPrimary,
     textAlign: $theme.direction === 'rtl' || $isNumeric ? 'right' : 'left',
-    verticalAlign: 'top',
     whiteSpace: 'nowrap',
     zIndex: 1
   }, $divider === DIVIDER.clean ? {} : {
@@ -98,6 +104,7 @@ export var StyledTableHeadCell = styled('th', function (_ref5) {
   });
 });
 StyledTableHeadCell.displayName = "StyledTableHeadCell";
+StyledTableHeadCell.displayName = 'StyledTableHeadCell';
 export var StyledTableHeadCellSortable = withStyle(StyledTableHeadCell, function (_ref6) {
   var $theme = _ref6.$theme,
       $isFocusVisible = _ref6.$isFocusVisible;
@@ -115,6 +122,7 @@ export var StyledTableHeadCellSortable = withStyle(StyledTableHeadCell, function
   };
 });
 StyledTableHeadCellSortable.displayName = "StyledTableHeadCellSortable";
+StyledTableHeadCellSortable.displayName = 'StyledTableHeadCellSortable';
 export var StyledSortIconContainer = styled('span', function (_ref7) {
   var $theme = _ref7.$theme;
   return {
@@ -125,9 +133,10 @@ export var StyledSortIconContainer = styled('span', function (_ref7) {
     right: $theme.sizing.scale500,
     transform: 'translateY(-50%)'
   };
-}); // No longer used, but will maintain for some time to support existing usage
-
+});
 StyledSortIconContainer.displayName = "StyledSortIconContainer";
+StyledSortIconContainer.displayName = 'StyledSortIconContainer'; // No longer used, but will maintain for some time to support existing usage
+
 export var StyledSortAscIcon = styled(ChevronUp, function (_ref8) {
   var $theme = _ref8.$theme;
   return {
@@ -138,6 +147,7 @@ export var StyledSortAscIcon = styled(ChevronUp, function (_ref8) {
   };
 });
 StyledSortAscIcon.displayName = "StyledSortAscIcon";
+StyledSortAscIcon.displayName = 'StyledSortAscIcon';
 export var StyledSortDescIcon = styled(ChevronDown, function (_ref9) {
   var $theme = _ref9.$theme;
   return {
@@ -148,6 +158,7 @@ export var StyledSortDescIcon = styled(ChevronDown, function (_ref9) {
   };
 });
 StyledSortDescIcon.displayName = "StyledSortDescIcon";
+StyledSortDescIcon.displayName = 'StyledSortDescIcon';
 export var StyledSortNoneIcon = styled(Blank, function (_ref10) {
   var $theme = _ref10.$theme;
   return {
@@ -158,11 +169,14 @@ export var StyledSortNoneIcon = styled(Blank, function (_ref10) {
   };
 });
 StyledSortNoneIcon.displayName = "StyledSortNoneIcon";
+StyledSortNoneIcon.displayName = 'StyledSortNoneIcon'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
 export var StyledTableBody = styled('tbody', function (_ref11) {
   var $theme = _ref11.$theme;
   return {};
 });
 StyledTableBody.displayName = "StyledTableBody";
+StyledTableBody.displayName = 'StyledTableBody';
 export var StyledTableBodyRow = styled('tr', function (_ref12) {
   var $theme = _ref12.$theme;
   return {
@@ -172,6 +186,7 @@ export var StyledTableBodyRow = styled('tr', function (_ref12) {
   };
 });
 StyledTableBodyRow.displayName = "StyledTableBodyRow";
+StyledTableBodyRow.displayName = 'StyledTableBodyRow';
 export var StyledTableBodyCell = styled('td', function (_ref13) {
   var _notLastChild2;
 
@@ -200,6 +215,7 @@ export var StyledTableBodyCell = styled('td', function (_ref13) {
   });
 });
 StyledTableBodyCell.displayName = "StyledTableBodyCell";
+StyledTableBodyCell.displayName = 'StyledTableBodyCell';
 export var StyledTableLoadingMessage = styled('div', function (_ref14) {
   var $theme = _ref14.$theme;
   return _objectSpread(_objectSpread({}, $theme.typography.ParagraphSmall), {}, {
@@ -208,4 +224,5 @@ export var StyledTableLoadingMessage = styled('div', function (_ref14) {
   });
 });
 StyledTableLoadingMessage.displayName = "StyledTableLoadingMessage";
+StyledTableLoadingMessage.displayName = 'StyledTableLoadingMessage';
 export var StyledTableEmptyMessage = StyledTableLoadingMessage;

package/esm/tabs/stateful-tabs.js

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

package/esm/tabs/styled-components.js

@@ -20,6 +20,7 @@ export var Root = styled('div', function (props) {
   };
 });
 Root.displayName = "Root";
+Root.displayName = 'Root';
 export var Tab = styled('div', function (props) {
   var $disabled = props.$disabled,
       $active = props.$active,
@@ -60,6 +61,7 @@ export var Tab = styled('div', function (props) {
   return style;
 });
 Tab.displayName = "Tab";
+Tab.displayName = 'Tab';
 export var TabBar = styled('div', function (props) {
   var $orientation = props.$orientation,
       _props$$theme2 = props.$theme,
@@ -74,6 +76,7 @@ export var TabBar = styled('div', function (props) {
   };
 });
 TabBar.displayName = "TabBar";
+TabBar.displayName = 'TabBar';
 export var TabContent = styled('div', function (props) {
   var $active = props.$active,
       _props$$theme3 = props.$theme,
@@ -87,4 +90,5 @@ export var TabContent = styled('div', function (props) {
     paddingBottom: sizing.scale500
   });
 });
-TabContent.displayName = "TabContent";
+TabContent.displayName = "TabContent";
+TabContent.displayName = 'TabContent';