baseui 0.0.0-alpha-8ab2335 → 0.0.0-alpha-e79754d

package/esm/table/styled-components.js

@@ -29,7 +29,6 @@ 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({
@@ -50,7 +49,6 @@ 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({
@@ -79,7 +77,6 @@ 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({
@@ -108,7 +105,6 @@ export var StyledSortableLabel = styled('button', function (_ref4) {
   });
 });
 StyledSortableLabel.displayName = "StyledSortableLabel";
-StyledSortableLabel.displayName = 'StyledSortableLabel';
 var StyledBodyElement = styled('div', function (_ref5) {
   var $width = _ref5.$width;
   return {
@@ -120,7 +116,6 @@ 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({
@@ -133,7 +128,6 @@ 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({
@@ -156,7 +150,6 @@ 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({
@@ -203,7 +196,6 @@ 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)), {}, {
@@ -217,7 +209,6 @@ 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), {}, {
@@ -229,7 +220,6 @@ 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 {
@@ -244,7 +234,6 @@ 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 {
@@ -265,5 +254,4 @@ export var StyledAction = styled('button', function (_ref10) {
     }
   };
 });
-StyledAction.displayName = "StyledAction";
-StyledAction.displayName = 'StyledAction';
+StyledAction.displayName = "StyledAction";

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

@@ -20,7 +20,6 @@ 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({
@@ -47,7 +46,6 @@ export var StyledHeadCell = withStyle(FlexStyledHeadCell, function (_ref) {
   };
 });
 StyledHeadCell.displayName = "StyledHeadCell";
-StyledHeadCell.displayName = 'StyledHeadCell';
 export var StyledBodyCell = withStyle(FlexStyledBodyCell, function (props) {
   return {
     display: 'block',
@@ -60,5 +58,4 @@ export var StyledBodyCell = withStyle(FlexStyledBodyCell, function (props) {
     }
   };
 });
-StyledBodyCell.displayName = "StyledBodyCell";
-StyledBodyCell.displayName = 'StyledBodyCell';
+StyledBodyCell.displayName = "StyledBodyCell";

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

@@ -45,8 +45,6 @@ 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;
@@ -58,21 +56,16 @@ 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;
 
@@ -93,6 +86,7 @@ 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 ? {} : {
@@ -104,7 +98,6 @@ 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;
@@ -122,7 +115,6 @@ export var StyledTableHeadCellSortable = withStyle(StyledTableHeadCell, function
   };
 });
 StyledTableHeadCellSortable.displayName = "StyledTableHeadCellSortable";
-StyledTableHeadCellSortable.displayName = 'StyledTableHeadCellSortable';
 export var StyledSortIconContainer = styled('span', function (_ref7) {
   var $theme = _ref7.$theme;
   return {
@@ -133,10 +125,9 @@ export var StyledSortIconContainer = styled('span', function (_ref7) {
     right: $theme.sizing.scale500,
     transform: 'translateY(-50%)'
   };
-});
-StyledSortIconContainer.displayName = "StyledSortIconContainer";
-StyledSortIconContainer.displayName = 'StyledSortIconContainer'; // No longer used, but will maintain for some time to support existing usage
+}); // No longer used, but will maintain for some time to support existing usage
 
+StyledSortIconContainer.displayName = "StyledSortIconContainer";
 export var StyledSortAscIcon = styled(ChevronUp, function (_ref8) {
   var $theme = _ref8.$theme;
   return {
@@ -147,7 +138,6 @@ 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 {
@@ -158,7 +148,6 @@ 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 {
@@ -169,14 +158,11 @@ 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 {
@@ -186,7 +172,6 @@ export var StyledTableBodyRow = styled('tr', function (_ref12) {
   };
 });
 StyledTableBodyRow.displayName = "StyledTableBodyRow";
-StyledTableBodyRow.displayName = 'StyledTableBodyRow';
 export var StyledTableBodyCell = styled('td', function (_ref13) {
   var _notLastChild2;
 
@@ -215,7 +200,6 @@ 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), {}, {
@@ -224,5 +208,4 @@ export var StyledTableLoadingMessage = styled('div', function (_ref14) {
   });
 });
 StyledTableLoadingMessage.displayName = "StyledTableLoadingMessage";
-StyledTableLoadingMessage.displayName = 'StyledTableLoadingMessage';
 export var StyledTableEmptyMessage = StyledTableLoadingMessage;

package/esm/tabs/stateful-tabs.js

@@ -96,7 +96,6 @@ 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,7 +20,6 @@ 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,
@@ -61,7 +60,6 @@ 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,
@@ -76,7 +74,6 @@ 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,
@@ -90,5 +87,4 @@ export var TabContent = styled('div', function (props) {
     paddingBottom: sizing.scale500
   });
 });
-TabContent.displayName = "TabContent";
-TabContent.displayName = 'TabContent';
+TabContent.displayName = "TabContent";

package/esm/tabs/tabs.js

@@ -78,8 +78,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
           orientation = _this$props.orientation,
           children = _this$props.children,
           _this$props$overrides = _this$props.overrides,
-          overrides = _this$props$overrides === void 0 ? {} : _this$props$overrides; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+          overrides = _this$props$overrides === void 0 ? {} : _this$props$overrides;
       var tabs = React.Children.map(children, function (child, index) {
         if (!child) return;
         var key = child.key || String(index);
@@ -117,8 +116,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
       var _getOverrides = getOverrides(TabContentOverride, StyledTabContent),
           _getOverrides2 = _slicedToArray(_getOverrides, 2),
           TabContent = _getOverrides2[0],
-          tabContentProps = _getOverrides2[1]; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+          tabContentProps = _getOverrides2[1];
 
       var tabs = React.Children.map(children, function (child, index) {
         if (!child) return;

package/esm/tabs-motion/styled-components.js

@@ -30,27 +30,16 @@ export var StyledRoot = styled('div', function (_ref) {
   return style;
 });
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
-export var StyledTabBar = styled('div', function (_ref2) {
-  var $hasEndEnhancer = _ref2.$hasEndEnhancer,
-      $orientation = _ref2.$orientation;
-  return $hasEndEnhancer || !isHorizontal($orientation) ? {
-    display: 'flex'
-  } : {};
-});
-StyledTabBar.displayName = "StyledTabBar";
-StyledTabBar.displayName = 'StyledTabBar';
-export var StyledTabList = styled('div', function (_ref3) {
-  var $theme = _ref3.$theme,
-      _ref3$$fill = _ref3.$fill,
-      $fill = _ref3$$fill === void 0 ? FILL.intrinsic : _ref3$$fill,
-      _ref3$$orientation = _ref3.$orientation,
-      $orientation = _ref3$$orientation === void 0 ? ORIENTATION.horizontal : _ref3$$orientation;
+export var StyledTabList = styled('div', function (_ref2) {
+  var $theme = _ref2.$theme,
+      _ref2$$fill = _ref2.$fill,
+      $fill = _ref2$$fill === void 0 ? FILL.intrinsic : _ref2$$fill,
+      _ref2$$orientation = _ref2.$orientation,
+      $orientation = _ref2$$orientation === void 0 ? ORIENTATION.horizontal : _ref2$$orientation;
   var style = {
     position: 'relative',
     display: 'flex',
-    flexWrap: 'nowrap',
-    flexGrow: 1
+    flexWrap: 'nowrap'
   };
 
   if (isHorizontal($orientation)) {
@@ -86,17 +75,16 @@ export var StyledTabList = styled('div', function (_ref3) {
   return style;
 });
 StyledTabList.displayName = "StyledTabList";
-StyledTabList.displayName = 'StyledTabList';
-export var StyledTab = styled('button', function (_ref4) {
-  var $theme = _ref4.$theme,
-      _ref4$$orientation = _ref4.$orientation,
-      $orientation = _ref4$$orientation === void 0 ? ORIENTATION.horizontal : _ref4$$orientation,
-      _ref4$$fill = _ref4.$fill,
-      $fill = _ref4$$fill === void 0 ? FILL.intrinsic : _ref4$$fill,
-      _ref4$$focusVisible = _ref4.$focusVisible,
-      $focusVisible = _ref4$$focusVisible === void 0 ? false : _ref4$$focusVisible,
-      _ref4$$isActive = _ref4.$isActive,
-      $isActive = _ref4$$isActive === void 0 ? false : _ref4$$isActive;
+export var StyledTab = styled('button', function (_ref3) {
+  var $theme = _ref3.$theme,
+      _ref3$$orientation = _ref3.$orientation,
+      $orientation = _ref3$$orientation === void 0 ? ORIENTATION.horizontal : _ref3$$orientation,
+      _ref3$$fill = _ref3.$fill,
+      $fill = _ref3$$fill === void 0 ? FILL.intrinsic : _ref3$$fill,
+      _ref3$$focusVisible = _ref3.$focusVisible,
+      $focusVisible = _ref3$$focusVisible === void 0 ? false : _ref3$$focusVisible,
+      _ref3$$isActive = _ref3.$isActive,
+      $isActive = _ref3$$isActive === void 0 ? false : _ref3$$isActive;
 
   var style = _objectSpread({
     cursor: 'pointer',
@@ -157,22 +145,10 @@ export var StyledTab = styled('button', function (_ref4) {
   return style;
 });
 StyledTab.displayName = "StyledTab";
-StyledTab.displayName = 'StyledTab';
-export var StyledEndEnhancerContainer = styled('div', function (_ref5) {
-  var $theme = _ref5.$theme;
-  var marginDirection = $theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
-  return _defineProperty({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-end'
-  }, marginDirection, $theme.sizing.scale600);
-});
-StyledEndEnhancerContainer.displayName = "StyledEndEnhancerContainer";
-StyledEndEnhancerContainer.displayName = 'StyledEndEnhancerContainer';
-export var StyledArtworkContainer = styled('div', function (_ref7) {
-  var $theme = _ref7.$theme,
-      _ref7$$orientation = _ref7.$orientation,
-      $orientation = _ref7$$orientation === void 0 ? ORIENTATION.horizontal : _ref7$$orientation;
+export var StyledArtworkContainer = styled('div', function (_ref4) {
+  var $theme = _ref4.$theme,
+      _ref4$$orientation = _ref4.$orientation,
+      $orientation = _ref4$$orientation === void 0 ? ORIENTATION.horizontal : _ref4$$orientation;
   var style = {
     display: 'flex'
   };
@@ -186,11 +162,10 @@ export var StyledArtworkContainer = styled('div', function (_ref7) {
   return style;
 });
 StyledArtworkContainer.displayName = "StyledArtworkContainer";
-StyledArtworkContainer.displayName = 'StyledArtworkContainer';
-export var StyledTabBorder = styled('div', function (_ref8) {
-  var $theme = _ref8.$theme,
-      _ref8$$orientation = _ref8.$orientation,
-      $orientation = _ref8$$orientation === void 0 ? ORIENTATION.horizontal : _ref8$$orientation;
+export var StyledTabBorder = styled('div', function (_ref5) {
+  var $theme = _ref5.$theme,
+      _ref5$$orientation = _ref5.$orientation,
+      $orientation = _ref5$$orientation === void 0 ? ORIENTATION.horizontal : _ref5$$orientation;
   var style = {
     backgroundColor: $theme.colors.borderOpaque,
     position: 'relative'
@@ -205,17 +180,16 @@ export var StyledTabBorder = styled('div', function (_ref8) {
   return style;
 });
 StyledTabBorder.displayName = "StyledTabBorder";
-StyledTabBorder.displayName = 'StyledTabBorder';
-export var StyledTabHighlight = styled('div', function (_ref9) {
-  var $theme = _ref9.$theme,
-      _ref9$$orientation = _ref9.$orientation,
-      $orientation = _ref9$$orientation === void 0 ? ORIENTATION.horizontal : _ref9$$orientation,
-      _ref9$$length = _ref9.$length,
-      $length = _ref9$$length === void 0 ? 0 : _ref9$$length,
-      _ref9$$distance = _ref9.$distance,
-      $distance = _ref9$$distance === void 0 ? 0 : _ref9$$distance,
-      _ref9$$animate = _ref9.$animate,
-      $animate = _ref9$$animate === void 0 ? false : _ref9$$animate;
+export var StyledTabHighlight = styled('div', function (_ref6) {
+  var $theme = _ref6.$theme,
+      _ref6$$orientation = _ref6.$orientation,
+      $orientation = _ref6$$orientation === void 0 ? ORIENTATION.horizontal : _ref6$$orientation,
+      _ref6$$length = _ref6.$length,
+      $length = _ref6$$length === void 0 ? 0 : _ref6$$length,
+      _ref6$$distance = _ref6.$distance,
+      $distance = _ref6$$distance === void 0 ? 0 : _ref6$$distance,
+      _ref6$$animate = _ref6.$animate,
+      $animate = _ref6$$animate === void 0 ? false : _ref6$$animate;
   var style = {
     backgroundColor: $theme.colors.borderSelected,
     position: 'absolute',
@@ -249,11 +223,10 @@ export var StyledTabHighlight = styled('div', function (_ref9) {
   return style;
 });
 StyledTabHighlight.displayName = "StyledTabHighlight";
-StyledTabHighlight.displayName = 'StyledTabHighlight';
-export var StyledTabPanel = styled('div', function (_ref10) {
-  var $theme = _ref10.$theme,
-      _ref10$$pad = _ref10.$pad,
-      $pad = _ref10$$pad === void 0 ? true : _ref10$$pad;
+export var StyledTabPanel = styled('div', function (_ref7) {
+  var $theme = _ref7.$theme,
+      _ref7$$pad = _ref7.$pad,
+      $pad = _ref7$$pad === void 0 ? true : _ref7$$pad;
   var style = {
     flexGrow: 1,
     // only used in vertical orientation
@@ -269,5 +242,4 @@ export var StyledTabPanel = styled('div', function (_ref10) {
 
   return style;
 });
-StyledTabPanel.displayName = "StyledTabPanel";
-StyledTabPanel.displayName = 'StyledTabPanel';
+StyledTabPanel.displayName = "StyledTabPanel";

package/esm/tabs-motion/tab.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-unused-vars
 export function Tab(props) {
   return null;
 }