baseui 0.0.0-next-07af0b0 → 0.0.0-next-e90bd38

package/accordion/styled-components.js

@@ -28,6 +28,7 @@ var Root = (0, _styles.styled)('ul', {
 });
 exports.Root = Root;
 Root.displayName = "Root";
+Root.displayName = 'Root';
 var PanelContainer = (0, _styles.styled)('li', function (props) {
   var $expanded = props.$expanded,
       colors = props.$theme.colors;
@@ -41,6 +42,7 @@ var PanelContainer = (0, _styles.styled)('li', function (props) {
 });
 exports.PanelContainer = PanelContainer;
 PanelContainer.displayName = "PanelContainer";
+PanelContainer.displayName = 'PanelContainer';
 var Header = (0, _styles.styled)('div', function (props) {
   var $disabled = props.$disabled,
       $isFocusVisible = props.$isFocusVisible,
@@ -72,6 +74,7 @@ var Header = (0, _styles.styled)('div', function (props) {
 });
 exports.Header = Header;
 Header.displayName = "Header";
+Header.displayName = 'Header';
 var ToggleIcon = (0, _styles.styled)('svg', function (props) {
   var $theme = props.$theme,
       $disabled = props.$disabled,
@@ -84,6 +87,7 @@ var ToggleIcon = (0, _styles.styled)('svg', function (props) {
 });
 exports.ToggleIcon = ToggleIcon;
 ToggleIcon.displayName = "ToggleIcon";
+ToggleIcon.displayName = 'ToggleIcon';
 var ToggleIconGroup = (0, _styles.styled)('g', function (props) {
   var $theme = props.$theme,
       $expanded = props.$expanded;
@@ -97,6 +101,7 @@ var ToggleIconGroup = (0, _styles.styled)('g', function (props) {
 });
 exports.ToggleIconGroup = ToggleIconGroup;
 ToggleIconGroup.displayName = "ToggleIconGroup";
+ToggleIconGroup.displayName = 'ToggleIconGroup';
 var Content = (0, _styles.styled)('div', function (props) {
   var _props$$theme2 = props.$theme,
       animation = _props$$theme2.animation,
@@ -127,6 +132,7 @@ var Content = (0, _styles.styled)('div', function (props) {
 });
 exports.Content = Content;
 Content.displayName = "Content";
+Content.displayName = 'Content';
 var ContentAnimationContainer = (0, _styles.styled)('div', function (props) {
   var $height = props.$height,
       animation = props.$theme.animation;
@@ -139,4 +145,5 @@ var ContentAnimationContainer = (0, _styles.styled)('div', function (props) {
   };
 });
 exports.ContentAnimationContainer = ContentAnimationContainer;
-ContentAnimationContainer.displayName = "ContentAnimationContainer";
+ContentAnimationContainer.displayName = "ContentAnimationContainer";
+ContentAnimationContainer.displayName = 'ContentAnimationContainer';

package/app-nav-bar/styled-components.js

@@ -50,6 +50,7 @@ var StyledButton = (0, _styles.styled)('button', function (_ref) {
   };
 });
 StyledButton.displayName = "StyledButton";
+StyledButton.displayName = 'StyledButton';
 var StyledRoot = (0, _styles.styled)('div', function (props) {
   var $theme = props.$theme;
   var mediaQueries = (0, _responsiveHelpers.getMediaQueries)($theme.breakpoints);
@@ -95,9 +96,11 @@ var StyledRoot = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledRoot = StyledRoot;
 StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';
 var StyledSubnavContainer = (0, _styles.styled)('div', {});
 exports.StyledSubnavContainer = StyledSubnavContainer;
 StyledSubnavContainer.displayName = "StyledSubnavContainer";
+StyledSubnavContainer.displayName = 'StyledSubnavContainer';
 var StyledSpacing = (0, _styles.styled)('div', function (props) {
   var $theme = props.$theme;
   return _defineProperty({
@@ -114,6 +117,7 @@ var StyledSpacing = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledSpacing = StyledSpacing;
 StyledSpacing.displayName = "StyledSpacing";
+StyledSpacing.displayName = 'StyledSpacing';
 var StyledAppName = (0, _styles.styled)('div', function (_ref3) {
   var $theme = _ref3.$theme;
   return _objectSpread(_objectSpread({}, $theme.typography.font550), {}, _defineProperty({
@@ -123,6 +127,7 @@ var StyledAppName = (0, _styles.styled)('div', function (_ref3) {
 });
 exports.StyledAppName = StyledAppName;
 StyledAppName.displayName = "StyledAppName";
+StyledAppName.displayName = 'StyledAppName';
 var StyledSideMenuButton = (0, _styles.withStyle)(StyledButton, function (_ref4) {
   var $theme = _ref4.$theme;
   return _objectSpread(_objectSpread({}, $theme.direction === 'rtl' ? {
@@ -138,6 +143,7 @@ var StyledSideMenuButton = (0, _styles.withStyle)(StyledButton, function (_ref4)
 });
 exports.StyledSideMenuButton = StyledSideMenuButton;
 StyledSideMenuButton.displayName = "StyledSideMenuButton";
+StyledSideMenuButton.displayName = 'StyledSideMenuButton';
 var StyledPrimaryMenuContainer = (0, _styles.styled)('div', function (_ref5) {
   var $theme = _ref5.$theme;
   return {
@@ -154,6 +160,7 @@ var StyledPrimaryMenuContainer = (0, _styles.styled)('div', function (_ref5) {
 });
 exports.StyledPrimaryMenuContainer = StyledPrimaryMenuContainer;
 StyledPrimaryMenuContainer.displayName = "StyledPrimaryMenuContainer";
+StyledPrimaryMenuContainer.displayName = 'StyledPrimaryMenuContainer';
 var StyledMainMenuItem = (0, _styles.styled)('div', function (props) {
   var $active = props.$active,
       $isFocusVisible = props.$isFocusVisible,
@@ -195,6 +202,7 @@ var StyledMainMenuItem = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledMainMenuItem = StyledMainMenuItem;
 StyledMainMenuItem.displayName = "StyledMainMenuItem";
+StyledMainMenuItem.displayName = 'StyledMainMenuItem';
 var StyledSecondaryMenuContainer = (0, _styles.styled)('div', function (_ref6) {
   var $theme = _ref6.$theme;
   return {
@@ -212,8 +220,10 @@ var StyledSecondaryMenuContainer = (0, _styles.styled)('div', function (_ref6) {
 });
 exports.StyledSecondaryMenuContainer = StyledSecondaryMenuContainer;
 StyledSecondaryMenuContainer.displayName = "StyledSecondaryMenuContainer";
+StyledSecondaryMenuContainer.displayName = 'StyledSecondaryMenuContainer';
 var StyledUserMenuButton = StyledButton;
 exports.StyledUserMenuButton = StyledUserMenuButton;
+StyledUserMenuButton.displayName = 'StyledUserMenuButton';
 var StyledUserMenuProfileListItem = (0, _styles.withStyle)(_menu.StyledListItem, function (_ref7) {
   var $theme = _ref7.$theme;
   return _objectSpread({
@@ -227,6 +237,7 @@ var StyledUserMenuProfileListItem = (0, _styles.withStyle)(_menu.StyledListItem,
 });
 exports.StyledUserMenuProfileListItem = StyledUserMenuProfileListItem;
 StyledUserMenuProfileListItem.displayName = "StyledUserMenuProfileListItem";
+StyledUserMenuProfileListItem.displayName = 'StyledUserMenuProfileListItem';
 var StyledUserProfileTileContainer = (0, _styles.styled)('div', function (_ref8) {
   var $theme = _ref8.$theme;
   return {
@@ -242,6 +253,7 @@ var StyledUserProfileTileContainer = (0, _styles.styled)('div', function (_ref8)
 });
 exports.StyledUserProfileTileContainer = StyledUserProfileTileContainer;
 StyledUserProfileTileContainer.displayName = "StyledUserProfileTileContainer";
+StyledUserProfileTileContainer.displayName = 'StyledUserProfileTileContainer';
 var StyledUserProfilePictureContainer = (0, _styles.styled)('div', function (_ref9) {
   var $theme = _ref9.$theme;
   return _objectSpread({}, $theme.direction === 'rtl' ? {
@@ -249,26 +261,29 @@ var StyledUserProfilePictureContainer = (0, _styles.styled)('div', function (_re
   } : {
     marginRight: $theme.sizing.scale600
   });
-}); // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+});
 exports.StyledUserProfilePictureContainer = StyledUserProfilePictureContainer;
 StyledUserProfilePictureContainer.displayName = "StyledUserProfilePictureContainer";
+StyledUserProfilePictureContainer.displayName = 'StyledUserProfilePictureContainer'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
 var StyledUserProfileInfoContainer = (0, _styles.styled)('div', function (_ref10) {
   var $theme = _ref10.$theme;
   return {
     boxSizing: 'border-box',
     alignSelf: 'center'
   };
-}); // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+});
 exports.StyledUserProfileInfoContainer = StyledUserProfileInfoContainer;
 StyledUserProfileInfoContainer.displayName = "StyledUserProfileInfoContainer";
+StyledUserProfileInfoContainer.displayName = 'StyledUserProfileInfoContainer'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
 var StyledDesktopMenuContainer = (0, _styles.styled)('div', function (_ref11) {
   var $theme = _ref11.$theme;
   return {};
 });
 exports.StyledDesktopMenuContainer = StyledDesktopMenuContainer;
 StyledDesktopMenuContainer.displayName = "StyledDesktopMenuContainer";
+StyledDesktopMenuContainer.displayName = 'StyledDesktopMenuContainer';
 var StyledDesktopMenu = (0, _styles.styled)('div', function (_ref12) {
   var $theme = _ref12.$theme;
   return {
@@ -282,4 +297,5 @@ var StyledDesktopMenu = (0, _styles.styled)('div', function (_ref12) {
   };
 });
 exports.StyledDesktopMenu = StyledDesktopMenu;
-StyledDesktopMenu.displayName = "StyledDesktopMenu";
+StyledDesktopMenu.displayName = "StyledDesktopMenu";
+StyledDesktopMenu.displayName = 'StyledDesktopMenu';

package/avatar/styled-components.js

@@ -37,6 +37,7 @@ var Avatar = (0, _styles.styled)('img', function (props) {
 });
 exports.Avatar = Avatar;
 Avatar.displayName = "Avatar";
+Avatar.displayName = 'Avatar';
 var Initials = (0, _styles.styled)('div', function (props) {
   return _objectSpread(_objectSpread({}, props.$theme.typography.font300), {}, {
     color: props.$theme.colors.mono100,
@@ -48,6 +49,7 @@ var Initials = (0, _styles.styled)('div', function (props) {
 });
 exports.Initials = Initials;
 Initials.displayName = "Initials";
+Initials.displayName = 'Initials';
 var Root = (0, _styles.styled)('div', function (props) {
   var $didImageFailToLoad = props.$didImageFailToLoad;
   var themedSize = getSize(props);
@@ -66,4 +68,5 @@ var Root = (0, _styles.styled)('div', function (props) {
   };
 });
 exports.Root = Root;
-Root.displayName = "Root";
+Root.displayName = "Root";
+Root.displayName = 'Root';

package/badge/styled-components.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledRoot = exports.StyledPositioner = exports.StyledNotificationCircle = exports.StyledHintDot = exports.StyledBadge = void 0;
 
-var _index = require("../styles/index");
+var _styles = require("../styles");
 
 var _constants = require("./constants");
 
@@ -116,7 +116,7 @@ var POSITION_STYLES = Object.freeze((_Object$freeze = {}, _defineProperty(_Objec
   top: '-4px',
   left: '-4px'
 }), _defineProperty(_ROLE$hintDot, _constants.PLACEMENT.topRight, DEFAULT_HINT_DOT_PLACEMENT), _defineProperty(_ROLE$hintDot, _constants.PLACEMENT.topEdge, DEFAULT_HINT_DOT_PLACEMENT), _defineProperty(_ROLE$hintDot, _constants.PLACEMENT.bottomEdge, DEFAULT_HINT_DOT_PLACEMENT), _defineProperty(_ROLE$hintDot, _constants.PLACEMENT.bottomRight, DEFAULT_HINT_DOT_PLACEMENT), _defineProperty(_ROLE$hintDot, _constants.PLACEMENT.bottomLeft, DEFAULT_HINT_DOT_PLACEMENT), _defineProperty(_ROLE$hintDot, _constants.PLACEMENT.topLeftEdge, DEFAULT_HINT_DOT_PLACEMENT), _defineProperty(_ROLE$hintDot, _constants.PLACEMENT.topRightEdge, DEFAULT_HINT_DOT_PLACEMENT), _defineProperty(_ROLE$hintDot, _constants.PLACEMENT.bottomRightEdge, DEFAULT_HINT_DOT_PLACEMENT), _defineProperty(_ROLE$hintDot, _constants.PLACEMENT.bottomLeftEdge, DEFAULT_HINT_DOT_PLACEMENT), _defineProperty(_ROLE$hintDot, _constants.PLACEMENT.leftTopEdge, DEFAULT_HINT_DOT_PLACEMENT), _defineProperty(_ROLE$hintDot, _constants.PLACEMENT.rightTopEdge, DEFAULT_HINT_DOT_PLACEMENT), _defineProperty(_ROLE$hintDot, _constants.PLACEMENT.rightBottomEdge, DEFAULT_HINT_DOT_PLACEMENT), _defineProperty(_ROLE$hintDot, _constants.PLACEMENT.leftBottomEdge, DEFAULT_HINT_DOT_PLACEMENT), _ROLE$hintDot)), _Object$freeze));
-var StyledRoot = (0, _index.styled)('div', function () {
+var StyledRoot = (0, _styles.styled)('div', function () {
   return {
     position: 'relative',
     display: 'inline-block',
@@ -125,11 +125,12 @@ var StyledRoot = (0, _index.styled)('div', function () {
 });
 exports.StyledRoot = StyledRoot;
 StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';
 var TOP_PLACEMENTS = [_constants.PLACEMENT.topLeft, _constants.PLACEMENT.topRight, _constants.PLACEMENT.topLeftEdge, _constants.PLACEMENT.topEdge, _constants.PLACEMENT.topRightEdge, _constants.PLACEMENT.leftTopEdge, _constants.PLACEMENT.rightTopEdge];
 var BOTTOM_PLACEMENTS = [_constants.PLACEMENT.bottomLeft, _constants.PLACEMENT.bottomRight, _constants.PLACEMENT.bottomLeftEdge, _constants.PLACEMENT.bottomEdge, _constants.PLACEMENT.bottomRightEdge, _constants.PLACEMENT.leftBottomEdge, _constants.PLACEMENT.rightBottomEdge];
 var LEFT_PLACEMENTS = [_constants.PLACEMENT.topLeft, _constants.PLACEMENT.topLeftEdge, _constants.PLACEMENT.topEdge, _constants.PLACEMENT.bottomLeft, _constants.PLACEMENT.bottomLeftEdge, _constants.PLACEMENT.bottomEdge, _constants.PLACEMENT.leftTopEdge, _constants.PLACEMENT.leftBottomEdge];
 var RIGHT_PLACEMENTS = [_constants.PLACEMENT.topRight, _constants.PLACEMENT.topRightEdge, _constants.PLACEMENT.bottomRight, _constants.PLACEMENT.bottomRightEdge, _constants.PLACEMENT.rightTopEdge, _constants.PLACEMENT.rightBottomEdge];
-var StyledPositioner = (0, _index.styled)('div', function (_ref2) {
+var StyledPositioner = (0, _styles.styled)('div', function (_ref2) {
   var $theme = _ref2.$theme,
       $role = _ref2.$role,
       $placement = _ref2.$placement,
@@ -172,7 +173,8 @@ var StyledPositioner = (0, _index.styled)('div', function (_ref2) {
 });
 exports.StyledPositioner = StyledPositioner;
 StyledPositioner.displayName = "StyledPositioner";
-var StyledBadge = (0, _index.styled)('div', function (_ref3) {
+StyledPositioner.displayName = 'StyledPositioner';
+var StyledBadge = (0, _styles.styled)('div', function (_ref3) {
   var $theme = _ref3.$theme,
       _ref3$$shape = _ref3.$shape,
       $shape = _ref3$$shape === void 0 ? _constants.SHAPE.rectangle : _ref3$$shape,
@@ -198,7 +200,8 @@ var StyledBadge = (0, _index.styled)('div', function (_ref3) {
 });
 exports.StyledBadge = StyledBadge;
 StyledBadge.displayName = "StyledBadge";
-var StyledNotificationCircle = (0, _index.styled)('div', function (_ref4) {
+StyledBadge.displayName = 'StyledBadge';
+var StyledNotificationCircle = (0, _styles.styled)('div', function (_ref4) {
   var $theme = _ref4.$theme,
       _ref4$$color = _ref4.$color,
       $color = _ref4$$color === void 0 ? _constants.COLOR.accent : _ref4$$color,
@@ -219,7 +222,8 @@ var StyledNotificationCircle = (0, _index.styled)('div', function (_ref4) {
 });
 exports.StyledNotificationCircle = StyledNotificationCircle;
 StyledNotificationCircle.displayName = "StyledNotificationCircle";
-var StyledHintDot = (0, _index.styled)('div', function (_ref5) {
+StyledNotificationCircle.displayName = 'StyledNotificationCircle';
+var StyledHintDot = (0, _styles.styled)('div', function (_ref5) {
   var $theme = _ref5.$theme,
       _ref5$$color = _ref5.$color,
       $color = _ref5$$color === void 0 ? _constants.COLOR.accent : _ref5$$color,
@@ -239,4 +243,5 @@ var StyledHintDot = (0, _index.styled)('div', function (_ref5) {
   }));
 });
 exports.StyledHintDot = StyledHintDot;
-StyledHintDot.displayName = "StyledHintDot";
+StyledHintDot.displayName = "StyledHintDot";
+StyledHintDot.displayName = 'StyledHintDot';

package/banner/styled-components.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledTrailingIconButton = exports.StyledTrailingContent = exports.StyledTrailingButtonContainer = exports.StyledTitle = exports.StyledRoot = exports.StyledMessageContent = exports.StyledMessage = exports.StyledLeadingContent = exports.StyledBelowContent = void 0;
 
-var _index = require("../styles/index");
+var _styles = require("../styles");
 
 var _constants = require("./constants");
 
@@ -15,7 +15,7 @@ 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.
 */
-var StyledRoot = (0, _index.styled)('div', function (_ref) {
+var StyledRoot = (0, _styles.styled)('div', function (_ref) {
   var $theme = _ref.$theme,
       $backgroundColor = _ref.$backgroundColor,
       $color = _ref.$color,
@@ -37,7 +37,8 @@ var StyledRoot = (0, _index.styled)('div', function (_ref) {
 });
 exports.StyledRoot = StyledRoot;
 StyledRoot.displayName = "StyledRoot";
-var StyledLeadingContent = (0, _index.styled)('div', function (_ref2) {
+StyledRoot.displayName = 'StyledRoot';
+var StyledLeadingContent = (0, _styles.styled)('div', function (_ref2) {
   var $theme = _ref2.$theme,
       $includesArtwork = _ref2.$includesArtwork;
   return {
@@ -48,7 +49,8 @@ var StyledLeadingContent = (0, _index.styled)('div', function (_ref2) {
 });
 exports.StyledLeadingContent = StyledLeadingContent;
 StyledLeadingContent.displayName = "StyledLeadingContent";
-var StyledMessageContent = (0, _index.styled)('div', function (_ref3) {
+StyledLeadingContent.displayName = 'StyledLeadingContent';
+var StyledMessageContent = (0, _styles.styled)('div', function (_ref3) {
   var $theme = _ref3.$theme,
       $actionPosition = _ref3.$actionPosition;
   return {
@@ -58,11 +60,12 @@ var StyledMessageContent = (0, _index.styled)('div', function (_ref3) {
     paddingBlockStart: $theme.sizing.scale600,
     paddingBlockEnd: $actionPosition === _constants.ACTION_POSITION.trailing ? $theme.sizing.scale600 : null
   };
-}); // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+});
 exports.StyledMessageContent = StyledMessageContent;
 StyledMessageContent.displayName = "StyledMessageContent";
-var StyledTrailingContent = (0, _index.styled)('div', function (_ref4) {
+StyledMessageContent.displayName = 'StyledMessageContent'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
+var StyledTrailingContent = (0, _styles.styled)('div', function (_ref4) {
   var $theme = _ref4.$theme;
   return {
     display: 'flex',
@@ -72,7 +75,8 @@ var StyledTrailingContent = (0, _index.styled)('div', function (_ref4) {
 });
 exports.StyledTrailingContent = StyledTrailingContent;
 StyledTrailingContent.displayName = "StyledTrailingContent";
-var StyledBelowContent = (0, _index.styled)('div', function (_ref5) {
+StyledTrailingContent.displayName = 'StyledTrailingContent';
+var StyledBelowContent = (0, _styles.styled)('div', function (_ref5) {
   var $theme = _ref5.$theme,
       $actionPosition = _ref5.$actionPosition;
   return {
@@ -83,19 +87,22 @@ var StyledBelowContent = (0, _index.styled)('div', function (_ref5) {
 });
 exports.StyledBelowContent = StyledBelowContent;
 StyledBelowContent.displayName = "StyledBelowContent";
-var StyledTitle = (0, _index.styled)('div', function (_ref6) {
+StyledBelowContent.displayName = 'StyledBelowContent';
+var StyledTitle = (0, _styles.styled)('div', function (_ref6) {
   var $theme = _ref6.$theme;
   return $theme.typography.LabelMedium;
 });
 exports.StyledTitle = StyledTitle;
 StyledTitle.displayName = "StyledTitle";
-var StyledMessage = (0, _index.styled)('div', function (_ref7) {
+StyledTitle.displayName = 'StyledTitle';
+var StyledMessage = (0, _styles.styled)('div', function (_ref7) {
   var $theme = _ref7.$theme;
   return $theme.typography.ParagraphMedium;
 });
 exports.StyledMessage = StyledMessage;
 StyledMessage.displayName = "StyledMessage";
-var StyledTrailingButtonContainer = (0, _index.styled)('div', function (_ref8) {
+StyledMessage.displayName = 'StyledMessage';
+var StyledTrailingButtonContainer = (0, _styles.styled)('div', function (_ref8) {
   var $theme = _ref8.$theme;
   return {
     display: 'flex',
@@ -105,7 +112,8 @@ var StyledTrailingButtonContainer = (0, _index.styled)('div', function (_ref8) {
 });
 exports.StyledTrailingButtonContainer = StyledTrailingButtonContainer;
 StyledTrailingButtonContainer.displayName = "StyledTrailingButtonContainer";
-var StyledTrailingIconButton = (0, _index.styled)('button', function (_ref9) {
+StyledTrailingButtonContainer.displayName = 'StyledTrailingButtonContainer';
+var StyledTrailingIconButton = (0, _styles.styled)('button', function (_ref9) {
   var $theme = _ref9.$theme,
       $nested = _ref9.$nested;
   var radius = $nested ? $theme.borders.radius300 : $theme.borders.radius400;
@@ -129,4 +137,5 @@ var StyledTrailingIconButton = (0, _index.styled)('button', function (_ref9) {
   };
 });
 exports.StyledTrailingIconButton = StyledTrailingIconButton;
-StyledTrailingIconButton.displayName = "StyledTrailingIconButton";
+StyledTrailingIconButton.displayName = "StyledTrailingIconButton";
+StyledTrailingIconButton.displayName = 'StyledTrailingIconButton';

package/block/styled-components.js

@@ -435,4 +435,5 @@ var StyledBlock = (0, _styles.styled)('div', function (props) {
   return styles.value();
 });
 exports.StyledBlock = StyledBlock;
-StyledBlock.displayName = "StyledBlock";
+StyledBlock.displayName = "StyledBlock";
+StyledBlock.displayName = 'StyledBlock';

package/breadcrumbs/styled-components.js

@@ -21,6 +21,7 @@ var StyledRoot = (0, _styles.styled)('nav', function (_ref) {
 });
 exports.StyledRoot = StyledRoot;
 StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';
 var StyledList = (0, _styles.styled)('ol', function (_ref2) {
   var $theme = _ref2.$theme;
   return _objectSpread({
@@ -31,6 +32,7 @@ var StyledList = (0, _styles.styled)('ol', function (_ref2) {
 });
 exports.StyledList = StyledList;
 StyledList.displayName = "StyledList";
+StyledList.displayName = 'StyledList';
 var StyledListItem = (0, _styles.styled)('li', function (_ref3) {
   var $theme = _ref3.$theme;
   return _objectSpread({
@@ -39,6 +41,7 @@ var StyledListItem = (0, _styles.styled)('li', function (_ref3) {
 });
 exports.StyledListItem = StyledListItem;
 StyledListItem.displayName = "StyledListItem";
+StyledListItem.displayName = 'StyledListItem';
 var StyledSeparator = (0, _styles.styled)('div', function (_ref4) {
   var $theme = _ref4.$theme;
   return {
@@ -50,4 +53,5 @@ var StyledSeparator = (0, _styles.styled)('div', function (_ref4) {
   };
 });
 exports.StyledSeparator = StyledSeparator;
-StyledSeparator.displayName = "StyledSeparator";
+StyledSeparator.displayName = "StyledSeparator";
+StyledSeparator.displayName = 'StyledSeparator';

package/button/styled-components.js

@@ -84,6 +84,7 @@ var BaseButton = (0, _styles.styled)('button', function (_ref) {
 });
 exports.BaseButton = BaseButton;
 BaseButton.displayName = "BaseButton";
+BaseButton.displayName = 'BaseButton';
 var EndEnhancer = (0, _styles.styled)('div', function (_ref2) {
   var $theme = _ref2.$theme;
   var marginDirection = $theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
@@ -93,6 +94,7 @@ var EndEnhancer = (0, _styles.styled)('div', function (_ref2) {
 });
 exports.EndEnhancer = EndEnhancer;
 EndEnhancer.displayName = "EndEnhancer";
+EndEnhancer.displayName = 'EndEnhancer';
 var StartEnhancer = (0, _styles.styled)('div', function (_ref4) {
   var $theme = _ref4.$theme;
   var marginDirection = $theme.direction === 'rtl' ? 'marginLeft' : 'marginRight';
@@ -102,6 +104,7 @@ var StartEnhancer = (0, _styles.styled)('div', function (_ref4) {
 });
 exports.StartEnhancer = StartEnhancer;
 StartEnhancer.displayName = "StartEnhancer";
+StartEnhancer.displayName = 'StartEnhancer';
 var LoadingSpinnerContainer = (0, _styles.styled)('div', function (_ref6) {
   var $theme = _ref6.$theme,
       $size = _ref6.$size;
@@ -125,6 +128,7 @@ var LoadingSpinnerContainer = (0, _styles.styled)('div', function (_ref6) {
 });
 exports.LoadingSpinnerContainer = LoadingSpinnerContainer;
 LoadingSpinnerContainer.displayName = "LoadingSpinnerContainer";
+LoadingSpinnerContainer.displayName = 'LoadingSpinnerContainer';
 var LoadingSpinner = (0, _styles.styled)('span', function (_ref7) {
   var $theme = _ref7.$theme,
       $kind = _ref7.$kind,
@@ -185,6 +189,7 @@ var LoadingSpinner = (0, _styles.styled)('span', function (_ref7) {
 });
 exports.LoadingSpinner = LoadingSpinner;
 LoadingSpinner.displayName = "LoadingSpinner";
+LoadingSpinner.displayName = 'LoadingSpinner';
 
 function getLoadingSpinnerColors(_ref8) {
   var $theme = _ref8.$theme,

package/button-group/styled-components.js

@@ -27,4 +27,5 @@ var StyledRoot = (0, _styles.styled)('div', function (_ref) {
   };
 });
 exports.StyledRoot = StyledRoot;
-StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';

package/card/styled-components.js

@@ -19,6 +19,7 @@ var Action = (0, _styles.styled)('div', function (_ref) {
 });
 exports.Action = Action;
 Action.displayName = "Action";
+Action.displayName = 'Action';
 var Body = (0, _styles.styled)('div', function (_ref2) {
   var $theme = _ref2.$theme;
   return _objectSpread({
@@ -28,6 +29,7 @@ var Body = (0, _styles.styled)('div', function (_ref2) {
 });
 exports.Body = Body;
 Body.displayName = "Body";
+Body.displayName = 'Body';
 var Contents = (0, _styles.styled)('div', function (_ref3) {
   var $theme = _ref3.$theme;
   return {
@@ -39,6 +41,7 @@ var Contents = (0, _styles.styled)('div', function (_ref3) {
 });
 exports.Contents = Contents;
 Contents.displayName = "Contents";
+Contents.displayName = 'Contents';
 var HeaderImage = (0, _styles.styled)('img', function (_ref4) {
   var $theme = _ref4.$theme;
   return {
@@ -47,11 +50,12 @@ var HeaderImage = (0, _styles.styled)('img', function (_ref4) {
     objectFit: 'contain',
     maxWidth: '100%'
   };
-}); // by using the section tag, we can keep the h1 for the title
-// https://html.spec.whatwg.org/multipage/sections.html#headings-and-sections
-
+});
 exports.HeaderImage = HeaderImage;
 HeaderImage.displayName = "HeaderImage";
+HeaderImage.displayName = 'HeaderImage'; // by using the section tag, we can keep the h1 for the title
+// https://html.spec.whatwg.org/multipage/sections.html#headings-and-sections
+
 var Root = (0, _styles.styled)('section', function (_ref5) {
   var $theme = _ref5.$theme;
   return {
@@ -77,6 +81,7 @@ var Root = (0, _styles.styled)('section', function (_ref5) {
 });
 exports.Root = Root;
 Root.displayName = "Root";
+Root.displayName = 'Root';
 var Thumbnail = (0, _styles.styled)('img', function (_ref6) {
   var $theme = _ref6.$theme;
   return _objectSpread(_objectSpread({
@@ -94,6 +99,7 @@ var Thumbnail = (0, _styles.styled)('img', function (_ref6) {
 });
 exports.Thumbnail = Thumbnail;
 Thumbnail.displayName = "Thumbnail";
+Thumbnail.displayName = 'Thumbnail';
 var Title = (0, _styles.styled)('h1', function (_ref7) {
   var $theme = _ref7.$theme;
   return _objectSpread(_objectSpread({}, $theme.typography.HeadingSmall), {}, {
@@ -109,4 +115,5 @@ var Title = (0, _styles.styled)('h1', function (_ref7) {
   });
 });
 exports.Title = Title;
-Title.displayName = "Title";
+Title.displayName = "Title";
+Title.displayName = 'Title';

package/checkbox/styled-components.js

@@ -142,6 +142,7 @@ var Root = (0, _styles.styled)('label', function (props) {
 });
 exports.Root = Root;
 Root.displayName = "Root";
+Root.displayName = 'Root';
 var Checkmark = (0, _styles.styled)('span', function (props) {
   var $checked = props.$checked,
       $disabled = props.$disabled,
@@ -198,6 +199,7 @@ var Checkmark = (0, _styles.styled)('span', function (props) {
 });
 exports.Checkmark = Checkmark;
 Checkmark.displayName = "Checkmark";
+Checkmark.displayName = 'Checkmark';
 var Label = (0, _styles.styled)('div', function (props) {
   var $theme = props.$theme;
   var typography = $theme.typography;
@@ -208,10 +210,11 @@ var Label = (0, _styles.styled)('div', function (props) {
   }, typography.LabelMedium), {}, {
     lineHeight: '24px'
   });
-}); // tricky style for focus event cause display: none doesn't work
-
+});
 exports.Label = Label;
 Label.displayName = "Label";
+Label.displayName = 'Label'; // tricky style for focus event cause display: none doesn't work
+
 var Input = (0, _styles.styled)('input', {
   opacity: 0,
   width: 0,
@@ -223,6 +226,7 @@ var Input = (0, _styles.styled)('input', {
 });
 exports.Input = Input;
 Input.displayName = "Input";
+Input.displayName = 'Input';
 var Toggle = (0, _styles.styled)('div', function (props) {
   var backgroundColor = props.$theme.colors.toggleFill;
 
@@ -250,6 +254,7 @@ var Toggle = (0, _styles.styled)('div', function (props) {
 });
 exports.Toggle = Toggle;
 Toggle.displayName = "Toggle";
+Toggle.displayName = 'Toggle';
 var ToggleTrack = (0, _styles.styled)('div', function (props) {
   var backgroundColor = props.$theme.colors.toggleTrackFill;
 
@@ -276,4 +281,5 @@ var ToggleTrack = (0, _styles.styled)('div', function (props) {
   };
 });
 exports.ToggleTrack = ToggleTrack;
-ToggleTrack.displayName = "ToggleTrack";
+ToggleTrack.displayName = "ToggleTrack";
+ToggleTrack.displayName = 'ToggleTrack';

package/combobox/styled-components.js

@@ -18,9 +18,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var StyledRoot = (0, _styles.styled)('div', {});
 exports.StyledRoot = StyledRoot;
 StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';
 var StyledInputContainer = (0, _styles.styled)('div', {});
 exports.StyledInputContainer = StyledInputContainer;
 StyledInputContainer.displayName = "StyledInputContainer";
+StyledInputContainer.displayName = 'StyledInputContainer';
 var StyledListBox = (0, _styles.styled)('ul', function (_ref) {
   var $theme = _ref.$theme,
       $width = _ref.$width;
@@ -37,6 +39,7 @@ var StyledListBox = (0, _styles.styled)('ul', function (_ref) {
 });
 exports.StyledListBox = StyledListBox;
 StyledListBox.displayName = "StyledListBox";
+StyledListBox.displayName = 'StyledListBox';
 
 function buildStylesForSize(size, theme) {
   var paddingDir = theme.direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
@@ -81,4 +84,5 @@ var StyledListItem = (0, _styles.styled)('li', function (_ref2) {
   });
 });
 exports.StyledListItem = StyledListItem;
-StyledListItem.displayName = "StyledListItem";
+StyledListItem.displayName = "StyledListItem";
+StyledListItem.displayName = 'StyledListItem';

package/data-table/column.js

@@ -11,6 +11,8 @@ var React = _interopRequireWildcard(require("react"));
 
 var _checkbox = require("../checkbox");
 
+var _locale = require("../locale");
+
 var _styles = require("../styles");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -52,6 +54,8 @@ function Column(options) {
     // todo(flow->ts) add proper type annotation
     // eslint-disable-next-line @typescript-eslint/no-explicit-any,react/display-name
     renderCell: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      var locale = React.useContext(_locale.LocaleContext);
+
       var _useStyletron = (0, _styles.useStyletron)(),
           _useStyletron2 = _slicedToArray(_useStyletron, 2),
           css = _useStyletron2[0],
@@ -90,6 +94,7 @@ function Column(options) {
           paddingRight: theme.sizing.scale300
         })
       }, /*#__PURE__*/React.createElement(_checkbox.Checkbox, {
+        "aria-label": locale.datatable.selectRow,
         onChange: props.onSelect,
         checked: props.isSelected,
         overrides: {