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

package/es/select/styled-components.js

@@ -72,7 +72,6 @@ export const StyledDropdownContainer = styled('div', props => {
   };
 });
 StyledDropdownContainer.displayName = "StyledDropdownContainer";
-StyledDropdownContainer.displayName = 'StyledDropdownContainer';
 export const StyledDropdown = StyledList;
 export const StyledDropdownListItem = StyledListItem;
 export const StyledOptionContent = styled('div', props => {
@@ -89,7 +88,6 @@ export const StyledOptionContent = styled('div', props => {
   };
 });
 StyledOptionContent.displayName = "StyledOptionContent";
-StyledOptionContent.displayName = 'StyledOptionContent';
 export const StyledRoot = styled('div', props => {
   const {
     $theme: {
@@ -104,7 +102,6 @@ export const StyledRoot = styled('div', props => {
   };
 });
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 
 function getControlContainerColors($disabled, $isFocused, $isPseudoFocused, $positive, $error, colors) {
   if ($disabled) {
@@ -202,7 +199,6 @@ export const StyledControlContainer = styled('div', props => {
   };
 });
 StyledControlContainer.displayName = "StyledControlContainer";
-StyledControlContainer.displayName = 'StyledControlContainer';
 export const StyledValueContainer = styled('div', props => {
   const padding = getControlPadding(props);
   return {
@@ -219,7 +215,6 @@ export const StyledValueContainer = styled('div', props => {
   };
 });
 StyledValueContainer.displayName = "StyledValueContainer";
-StyledValueContainer.displayName = 'StyledValueContainer';
 export const StyledPlaceholder = styled('div', props => {
   const {
     $disabled,
@@ -236,7 +231,6 @@ export const StyledPlaceholder = styled('div', props => {
   };
 });
 StyledPlaceholder.displayName = "StyledPlaceholder";
-StyledPlaceholder.displayName = 'StyledPlaceholder';
 export const StyledSingleValue = styled('div', props => {
   const {
     $searchable,
@@ -258,7 +252,6 @@ export const StyledSingleValue = styled('div', props => {
   };
 });
 StyledSingleValue.displayName = "StyledSingleValue";
-StyledSingleValue.displayName = 'StyledSingleValue';
 export const StyledInputContainer = styled('div', props => {
   const {
     $size,
@@ -295,7 +288,6 @@ export const StyledInputContainer = styled('div', props => {
   };
 });
 StyledInputContainer.displayName = "StyledInputContainer";
-StyledInputContainer.displayName = 'StyledInputContainer';
 export const StyledInput = styled('input', props => {
   const {
     $theme: {
@@ -330,7 +322,6 @@ export const StyledInput = styled('input', props => {
   };
 });
 StyledInput.displayName = "StyledInput";
-StyledInput.displayName = 'StyledInput';
 export const StyledInputSizer = styled('div', ({
   $size,
   $theme,
@@ -350,7 +341,6 @@ export const StyledInputSizer = styled('div', ({
   };
 });
 StyledInputSizer.displayName = "StyledInputSizer";
-StyledInputSizer.displayName = 'StyledInputSizer';
 export const StyledIconsContainer = styled('div', ({
   $theme,
   $theme: {
@@ -369,7 +359,6 @@ export const StyledIconsContainer = styled('div', ({
   };
 });
 StyledIconsContainer.displayName = "StyledIconsContainer";
-StyledIconsContainer.displayName = 'StyledIconsContainer';
 
 function getSvgStyles({
   $theme
@@ -414,7 +403,6 @@ export const StyledSelectArrow = styled('svg', props => {
   };
 });
 StyledSelectArrow.displayName = "StyledSelectArrow";
-StyledSelectArrow.displayName = 'StyledSelectArrow';
 export const StyledClearIcon = styled('svg', props => {
   const {
     $theme,
@@ -445,7 +433,6 @@ export const StyledClearIcon = styled('svg', props => {
   };
 });
 StyledClearIcon.displayName = "StyledClearIcon";
-StyledClearIcon.displayName = 'StyledClearIcon';
 export const StyledLoadingIndicator = withStyle(Spinner, ({
   $theme
 }) => {
@@ -462,7 +449,6 @@ export const StyledLoadingIndicator = withStyle(Spinner, ({
   };
 });
 StyledLoadingIndicator.displayName = "StyledLoadingIndicator";
-StyledLoadingIndicator.displayName = 'StyledLoadingIndicator';
 export const StyledSearchIconContainer = styled('div', props => {
   const {
     $disabled,
@@ -484,5 +470,4 @@ export const StyledSearchIconContainer = styled('div', props => {
     height: '100%'
   };
 });
-StyledSearchIconContainer.displayName = "StyledSearchIconContainer";
-StyledSearchIconContainer.displayName = 'StyledSearchIconContainer';
+StyledSearchIconContainer.displayName = "StyledSearchIconContainer";

package/es/select/value.js

@@ -8,13 +8,14 @@ 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'; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+import { getOverrides } from '../helpers/overrides';
 export default function Value(props) {
   const {
     overrides = {},
     ...restProps
   } = props;
   const [SingleValue, singleValueProps] = getOverrides(overrides.SingleValue, StyledSingleValue);
-  return /*#__PURE__*/React.createElement(SingleValue, _extends({}, restProps, singleValueProps), props.children);
+  return /*#__PURE__*/React.createElement(SingleValue, _extends({
+    "aria-selected": "true"
+  }, restProps, singleValueProps), props.children);
 }

package/es/side-navigation/index.js

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

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

@@ -48,7 +48,6 @@ class NavItem extends React.Component {
   }
 
   render() {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const {
       item,
       overrides,

package/es/side-navigation/nav.js

@@ -90,7 +90,7 @@ export default class SideNav extends React.Component {
         overrides: overrides
       }, sharedProps)), item.subNav ? /*#__PURE__*/React.createElement(SubNavContainer, _extends({
         role: "list"
-      }, sharedProps, subNavContainerProps), item.subNav.map(subitem => {
+      }, sharedProps, subNavContainerProps), item.subNav.map((subitem, idx) => {
         return renderNavItem(subitem, level + 1, index);
       })) : null));
     };

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

@@ -47,7 +47,6 @@ class StatefulContainer extends React.Component {
 
   render() {
     // eslint-disable-next-line no-unused-vars
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const {
       children,
       initialState,

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

@@ -27,10 +27,8 @@ export const StyledRoot = styled('nav', props => {
   };
 });
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 export const StyledNavItemContainer = styled('li', {});
 StyledNavItemContainer.displayName = "StyledNavItemContainer";
-StyledNavItemContainer.displayName = 'StyledNavItemContainer';
 export const StyledNavLink = styled('a', ({
   $theme,
   $isFocusVisible
@@ -50,7 +48,6 @@ export const StyledNavLink = styled('a', ({
   }
 }));
 StyledNavLink.displayName = "StyledNavLink";
-StyledNavLink.displayName = 'StyledNavLink';
 export const StyledNavItemElement = styled('div', props => {
   const {
     $active,
@@ -101,9 +98,7 @@ export const StyledNavItemElement = styled('div', props => {
   };
 });
 StyledNavItemElement.displayName = "StyledNavItemElement";
-StyledNavItemElement.displayName = 'StyledNavItemElement';
-export const StyledNavItem = withWrapper(StyledNavItemElement, Styled => // eslint-disable-next-line @typescript-eslint/no-unused-vars
-function StyledNav({
+export const StyledNavItem = withWrapper(StyledNavItemElement, Styled => function StyledNav({
   item,
   ...restProps
 }) {
@@ -120,5 +115,4 @@ export const StyledSubNavContainer = styled('ul', {
   paddingLeft: 0,
   paddingRight: 0
 });
-StyledSubNavContainer.displayName = "StyledSubNavContainer";
-StyledSubNavContainer.displayName = 'StyledSubNavContainer';
+StyledSubNavContainer.displayName = "StyledSubNavContainer";

package/es/skeleton/styled-components.js

@@ -60,7 +60,6 @@ export const StyledRoot = styled('div', props => {
   };
 });
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 export const StyledRow = styled('div', props => {
   return { ...(props.$animation ? { ...animationStyle,
       backgroundImage: getAnimationColor(props)
@@ -72,5 +71,4 @@ export const StyledRow = styled('div', props => {
     marginBottom: props.$isLastRow ? '0px' : '10px'
   };
 });
-StyledRow.displayName = "StyledRow";
-StyledRow.displayName = 'StyledRow';
+StyledRow.displayName = "StyledRow";

package/es/slider/slider.js

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

package/es/slider/stateful-slider-container.js

@@ -48,10 +48,8 @@ class StatefulSliderContainer extends React.Component {
   render() {
     const {
       children,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       initialState,
       // eslint-disable-line no-unused-vars
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       stateReducer,
       // eslint-disable-line no-unused-vars
       ...restProps

package/es/slider/styled-components.js

@@ -11,7 +11,6 @@ export const Root = styled('div', {
   width: '100%'
 });
 Root.displayName = "Root";
-Root.displayName = 'Root';
 Root.displayName = 'StyledRoot';
 export const Track = styled('div', props => {
   const {
@@ -44,7 +43,6 @@ export const Track = styled('div', props => {
   };
 });
 Track.displayName = "Track";
-Track.displayName = 'Track';
 Track.displayName = 'StyledTrack';
 export const InnerTrack = styled('div', props => {
   const {
@@ -79,7 +77,6 @@ export const InnerTrack = styled('div', props => {
   };
 });
 InnerTrack.displayName = "InnerTrack";
-InnerTrack.displayName = 'InnerTrack';
 InnerTrack.displayName = 'StyledInnerTrack';
 export const Mark = styled('div', props => {
   return {
@@ -90,7 +87,6 @@ export const Mark = styled('div', props => {
   };
 });
 Mark.displayName = "Mark";
-Mark.displayName = 'Mark';
 Mark.displayName = 'StyledMark';
 export const Tick = styled('div', props => {
   return { ...props.$theme.typography.font200,
@@ -98,7 +94,6 @@ export const Tick = styled('div', props => {
   };
 });
 Tick.displayName = "Tick";
-Tick.displayName = 'Tick';
 Tick.displayName = 'StyledTick';
 export const TickBar = styled('div', props => {
   const {
@@ -117,7 +112,6 @@ export const TickBar = styled('div', props => {
   };
 });
 TickBar.displayName = "TickBar";
-TickBar.displayName = 'TickBar';
 TickBar.displayName = 'StyledTickBar';
 export const Thumb = styled('div', props => {
   const {
@@ -151,7 +145,6 @@ export const Thumb = styled('div', props => {
   };
 });
 Thumb.displayName = "Thumb";
-Thumb.displayName = 'Thumb';
 Thumb.displayName = 'StyledThumb';
 export const InnerThumb = styled('div', props => {
   const {
@@ -167,7 +160,6 @@ export const InnerThumb = styled('div', props => {
   };
 });
 InnerThumb.displayName = "InnerThumb";
-InnerThumb.displayName = 'InnerThumb';
 InnerThumb.displayName = 'StyledInnerThumb';
 export const ThumbValue = styled('div', props => {
   const {
@@ -192,5 +184,4 @@ export const ThumbValue = styled('div', props => {
   };
 });
 ThumbValue.displayName = "ThumbValue";
-ThumbValue.displayName = 'ThumbValue';
 ThumbValue.displayName = 'StyledThumbValue';

package/es/snackbar/snackbar-element.js

@@ -12,7 +12,6 @@ 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
 const ActionButton = /*#__PURE__*/React.forwardRef(({
   onClick,
   message,

package/es/snackbar/styled-components.js

@@ -24,14 +24,12 @@ export const StyledRoot = styled('div', ({
   };
 });
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 export const StyledContent = styled('div', {
   alignItems: 'center',
   display: 'inline-flex',
   width: '100%'
 });
 StyledContent.displayName = "StyledContent";
-StyledContent.displayName = 'StyledContent';
 export const StyledStartEnhancerContainer = styled('span', ({
   $theme
 }) => {
@@ -43,7 +41,6 @@ export const StyledStartEnhancerContainer = styled('span', ({
   };
 });
 StyledStartEnhancerContainer.displayName = "StyledStartEnhancerContainer";
-StyledStartEnhancerContainer.displayName = 'StyledStartEnhancerContainer';
 export const StyledSpinner = withStyle(Spinner, ({
   $height,
   $width
@@ -55,7 +52,6 @@ export const StyledSpinner = withStyle(Spinner, ({
   };
 });
 StyledSpinner.displayName = "StyledSpinner";
-StyledSpinner.displayName = 'StyledSpinner';
 export const StyledMessage = styled('p', //$FlowExpectedError[incompatible-shape]
 ({
   $theme,
@@ -75,13 +71,11 @@ export const StyledMessage = styled('p', //$FlowExpectedError[incompatible-shape
   };
 });
 StyledMessage.displayName = "StyledMessage";
-StyledMessage.displayName = 'StyledMessage';
 export const StyledWrapActionButtonContainer = styled('div', {
   display: 'flex',
   justifyContent: 'flex-end'
 });
 StyledWrapActionButtonContainer.displayName = "StyledWrapActionButtonContainer";
-StyledWrapActionButtonContainer.displayName = 'StyledWrapActionButtonContainer';
 export const StyledActionButtonContainer = styled('div', ({
   $theme
 }) => {
@@ -91,7 +85,6 @@ export const StyledActionButtonContainer = styled('div', ({
   };
 });
 StyledActionButtonContainer.displayName = "StyledActionButtonContainer";
-StyledActionButtonContainer.displayName = 'StyledActionButtonContainer';
 
 function placementRules(placement) {
   switch (placement) {
@@ -169,5 +162,4 @@ export const StyledPlacementContainer = styled('div', ({
     }
   };
 });
-StyledPlacementContainer.displayName = "StyledPlacementContainer";
-StyledPlacementContainer.displayName = 'StyledPlacementContainer';
+StyledPlacementContainer.displayName = "StyledPlacementContainer";

package/es/spinner/styled-components.js

@@ -73,5 +73,4 @@ export const StyledSpinner = styled('i', ({
     cursor: 'wait'
   };
 });
-StyledSpinner.displayName = "StyledSpinner";
-StyledSpinner.displayName = 'StyledSpinner';
+StyledSpinner.displayName = "StyledSpinner";

package/es/styles/__mocks__/styled.js

@@ -8,6 +8,8 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
+
+/* flowlint unclear-type:off */
 import * as React from 'react';
 import { getInitialStyle } from 'styletron-standard';
 import { LightTheme } from '../../themes';
@@ -17,7 +19,6 @@ const MOCK_THEME = createMockTheme(LightTheme);
 const IDENTITY = x => x;
 
 export function useStyletron() {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   function css(styles) {
     return {
       label: 'useStyletron mock describes the applied css properties',
@@ -26,8 +27,7 @@ export function useStyletron() {
   }
 
   return [css, MOCK_THEME];
-} // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+}
 export function styled(ElementName, objOrFn = {}) {
   class MockStyledComponent extends React.Component {
     constructor(...args) {
@@ -63,7 +63,6 @@ export function styled(ElementName, objOrFn = {}) {
     }
 
     getPassedProps() {
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       const {
         forwardedRef,
         ...restProps
@@ -100,10 +99,8 @@ export function styled(ElementName, objOrFn = {}) {
   }, props)));
 }
 export const withStyle = styled;
-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
+export function withWrapper(StyledElement, wrapperFn) {
+  // eslint-disable-next-line react/display-name
   return /*#__PURE__*/React.forwardRef((props, ref) => wrapperFn(StyledElement)({
     ref: ref,
     ...props,

package/es/styles/styled.js

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

package/es/table/index.js

@@ -13,5 +13,4 @@ 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.*/
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
+/** @deprecated use HeadCellOverrides instead. To be removed in future versions.*/

package/es/table/styled-components.js

@@ -24,7 +24,6 @@ const StyledTableElement = styled('div', ({
   };
 });
 StyledTableElement.displayName = "StyledTableElement";
-StyledTableElement.displayName = 'StyledTableElement';
 export const StyledTable = withWrapper(StyledTableElement, StyledComponent => function StyledTable(props) {
   return /*#__PURE__*/React.createElement(StyledComponent, _extends({
     "data-baseweb": "table-custom",
@@ -44,7 +43,6 @@ const StyledHeadElement = styled('div', ({
   };
 });
 StyledHeadElement.displayName = "StyledHeadElement";
-StyledHeadElement.displayName = 'StyledHeadElement';
 export const StyledHead = withWrapper(StyledHeadElement, StyledComponent => function StyledHead(props) {
   return /*#__PURE__*/React.createElement(StyledComponent, _extends({
     role: "row"
@@ -75,7 +73,6 @@ const StyledHeadCellElement = styled('div', ({
   };
 });
 StyledHeadCellElement.displayName = "StyledHeadCellElement";
-StyledHeadCellElement.displayName = 'StyledHeadCellElement';
 export const StyledHeadCell = withWrapper(StyledHeadCellElement, StyledComponent => function StyledHeadCell(props) {
   return /*#__PURE__*/React.createElement(StyledComponent, _extends({
     role: "columnheader"
@@ -103,7 +100,6 @@ export const StyledSortableLabel = styled('button', ({
   };
 });
 StyledSortableLabel.displayName = "StyledSortableLabel";
-StyledSortableLabel.displayName = 'StyledSortableLabel';
 const StyledBodyElement = styled('div', ({
   $width
 }) => {
@@ -116,7 +112,6 @@ const StyledBodyElement = styled('div', ({
   };
 });
 StyledBodyElement.displayName = "StyledBodyElement";
-StyledBodyElement.displayName = 'StyledBodyElement';
 export const StyledBody = withWrapper(StyledBodyElement, StyledComponent => function StyledBody(props) {
   return /*#__PURE__*/React.createElement(StyledComponent, _extends({
     role: "rowgroup"
@@ -127,7 +122,6 @@ const StyledRowElement = styled('div', {
   alignItems: 'center'
 });
 StyledRowElement.displayName = "StyledRowElement";
-StyledRowElement.displayName = 'StyledRowElement';
 export const StyledRow = withWrapper(StyledRowElement, StyledComponent => function StyledRow(props) {
   return /*#__PURE__*/React.createElement(StyledComponent, _extends({
     role: "row"
@@ -149,7 +143,6 @@ const StyledCellElement = styled('div', ({
   };
 });
 StyledCellElement.displayName = "StyledCellElement";
-StyledCellElement.displayName = 'StyledCellElement';
 export const StyledCell = withWrapper(StyledCellElement, StyledComponent => function StyledCell(props) {
   return /*#__PURE__*/React.createElement(StyledComponent, _extends({
     role: "gridcell"
@@ -194,7 +187,6 @@ export const StyledFilterButton = styled('button', props => {
   };
 });
 StyledFilterButton.displayName = "StyledFilterButton";
-StyledFilterButton.displayName = 'StyledFilterButton';
 export const StyledFilterContent = styled('div', ({
   $theme
 }) => ({ ...expandBorderStyles($theme.borders.border300),
@@ -207,7 +199,6 @@ export const StyledFilterContent = styled('div', ({
   overflow: 'auto'
 }));
 StyledFilterContent.displayName = "StyledFilterContent";
-StyledFilterContent.displayName = 'StyledFilterContent';
 export const StyledFilterHeading = styled('div', ({
   $theme
 }) => ({ ...$theme.typography.font250,
@@ -218,7 +209,6 @@ export const StyledFilterHeading = styled('div', ({
   paddingLeft: $theme.sizing.scale600
 }));
 StyledFilterHeading.displayName = "StyledFilterHeading";
-StyledFilterHeading.displayName = 'StyledFilterHeading';
 export const StyledFilterFooter = styled('div', ({
   $theme
 }) => ({
@@ -232,7 +222,6 @@ export const StyledFilterFooter = styled('div', ({
   minWidth: '216px'
 }));
 StyledFilterFooter.displayName = "StyledFilterFooter";
-StyledFilterFooter.displayName = 'StyledFilterFooter';
 export const StyledAction = styled('button', ({
   $theme
 }) => {
@@ -254,5 +243,4 @@ export const StyledAction = styled('button', ({
     }
   };
 });
-StyledAction.displayName = "StyledAction";
-StyledAction.displayName = 'StyledAction';
+StyledAction.displayName = "StyledAction";

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

@@ -20,7 +20,6 @@ const StyledTableElement = withStyle(FlexStyledTable, props => {
   };
 });
 StyledTableElement.displayName = "StyledTableElement";
-StyledTableElement.displayName = 'StyledTableElement';
 export const StyledTable = withWrapper(StyledTableElement, StyledComponent => function StyledTable(props) {
   return /*#__PURE__*/React.createElement(StyledComponent, _extends({
     "data-baseweb": "table-grid"
@@ -45,7 +44,6 @@ export const StyledHeadCell = withStyle(FlexStyledHeadCell, ({
   };
 });
 StyledHeadCell.displayName = "StyledHeadCell";
-StyledHeadCell.displayName = 'StyledHeadCell';
 export const StyledBodyCell = withStyle(FlexStyledBodyCell, props => {
   return {
     display: 'block',
@@ -58,5 +56,4 @@ export const StyledBodyCell = withStyle(FlexStyledBodyCell, props => {
     }
   };
 });
-StyledBodyCell.displayName = "StyledBodyCell";
-StyledBodyCell.displayName = 'StyledBodyCell';
+StyledBodyCell.displayName = "StyledBodyCell";