baseui 0.0.0-next-dfcb85a → 0.0.0-next-42b159f

package/a11y/a11y.js

@@ -11,11 +11,11 @@ var React = _interopRequireWildcard(require("react"));
 
 var _axeCore = _interopRequireDefault(require("axe-core"));
 
-var _index = require("../layer/index");
+var _layer = require("../layer");
 
-var _index2 = require("../typography/index");
+var _typography = require("../typography");
 
-var _index3 = require("../styles/index");
+var _styles = require("../styles");
 
 var _themeProvider = require("../styles/theme-provider");
 
@@ -51,9 +51,13 @@ function validateNode(node) {
 function segmentViolationsByNode(violations) {
   var nodes = violations.reduce(function (map, violation) {
     violation.nodes.forEach(function (node) {
+      // @ts-expect-error todo(flow-ts) node.target is an Array
       if (!map[node.target]) {
+        // @ts-expect-error todo(flow-ts) node.target is an Array
         map[node.target] = [violation];
       } else {
+        // todo(flow->ts) node.target is an Array
+        // @ts-expect-error todo(flow-ts) result of Array.push is not Array
         map[node.target] = map[node.target].push(violation);
       }
     });
@@ -62,7 +66,7 @@ function segmentViolationsByNode(violations) {
   return Object.entries(nodes);
 }
 
-var ViolationContainer = (0, _index3.styled)('div', function (_ref) {
+var ViolationContainer = (0, _styles.styled)('div', function (_ref) {
   var $theme = _ref.$theme,
       $top = _ref.$top,
       $left = _ref.$left;
@@ -129,19 +133,19 @@ function Violation(props) {
     };
   }, [props.target]);
   if (!isHovered) return null;
-  return /*#__PURE__*/React.createElement(_index.Layer, null, /*#__PURE__*/React.createElement(_index.TetherBehavior, {
+  return /*#__PURE__*/React.createElement(_layer.Layer, null, /*#__PURE__*/React.createElement(_layer.TetherBehavior, {
     anchorRef: anchor,
     popperRef: popper,
     onPopperUpdate: function onPopperUpdate(update) {
       return setOffset(update.popper);
     },
-    placement: _index.TETHER_PLACEMENT.bottom
+    placement: _layer.TETHER_PLACEMENT.bottom
   }, /*#__PURE__*/React.createElement(ViolationContainer, {
     ref: setPopper,
     $top: "".concat(offset.top, "px") || '0px',
     $left: "".concat(offset.left, "px") || '0px'
-  }, /*#__PURE__*/React.createElement(_index2.ParagraphXSmall, null, props.target), props.violations.map(function (violation, index) {
-    return /*#__PURE__*/React.createElement(_index2.ParagraphSmall, {
+  }, /*#__PURE__*/React.createElement(_typography.ParagraphXSmall, null, props.target), props.violations.map(function (violation, index) {
+    return /*#__PURE__*/React.createElement(_typography.ParagraphSmall, {
       key: index
     }, violation.description);
   }))));
@@ -180,14 +184,10 @@ function A11y(props) {
         node = _ref3[0],
         violations = _ref3[1];
 
-    return (
-      /*#__PURE__*/
-      // flowlint-next-line unclear-type:off
-      React.createElement(Violation, {
-        target: node,
-        violations: violations,
-        key: index
-      })
-    );
+    return /*#__PURE__*/React.createElement(Violation, {
+      target: node,
+      violations: violations,
+      key: index
+    });
   })));
 }

package/accordion/accordion.js

@@ -94,8 +94,11 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
 
   _createClass(Accordion, [{
     key: "onPanelChange",
-    value: //flowlint-next-line unclear-type:off
-    function onPanelChange(key, onChange) {
+    value: function onPanelChange(key, onChange) {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+        args[_key2 - 2] = arguments[_key2];
+      }
+
       var activeKeys = this.state.expanded;
       var accordion = this.props.accordion;
 
@@ -119,10 +122,6 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
       };
       this.internalSetState(_constants.STATE_CHANGE_TYPE.expand, newState); // Call individual panel's onChange handler
 
-      for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
-        args[_key2 - 2] = arguments[_key2];
-      }
-
       if (typeof onChange === 'function') onChange.apply(void 0, args);
     }
   }, {
@@ -196,8 +195,7 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
           disabled = _this$props2.disabled,
           children = _this$props2.children,
           renderAll = _this$props2.renderAll,
-          overrides = _this$props2.overrides; // flowlint-next-line unclear-type:off
-
+          overrides = _this$props2.overrides;
       return React.Children.map(children, function (child, index) {
         if (!child) return;
         var itemRef = /*#__PURE__*/React.createRef();

package/accordion/panel.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _index = require("../locale/index");
+var _locale = require("../locale");
 
 var _overrides = require("../helpers/overrides");
 
@@ -114,7 +114,7 @@ var Panel = function Panel(_ref, ref) {
     }
 
     typeof onKeyDown === 'function' && onKeyDown(e);
-  }, [expanded, disabled, onChange, onKeyDown]); // flowlint-next-line unclear-type:off
+  }, [expanded, disabled, onChange, onKeyDown]);
 
   var _animateRef = React.useRef(null);
 
@@ -200,7 +200,7 @@ var Panel = function Panel(_ref, ref) {
       ToggleIcon = _getOverrides12[0],
       toggleIconProps = _getOverrides12[1];
 
-  return /*#__PURE__*/React.createElement(_index.LocaleContext.Consumer, null, function (locale) {
+  return /*#__PURE__*/React.createElement(_locale.LocaleContext.Consumer, null, function (locale) {
     return /*#__PURE__*/React.createElement(PanelContainer, _extends({}, sharedProps, panelContainerProps), /*#__PURE__*/React.createElement(Header, _extends({
       tabIndex: 0,
       role: "button",

package/accordion/styled-components.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ToggleIconGroup = exports.ToggleIcon = exports.Root = exports.PanelContainer = exports.Header = exports.ContentAnimationContainer = exports.Content = void 0;
 
-var _index = require("../styles/index");
+var _styles = require("../styles");
 
 var _styledComponents = require("../icon/styled-components");
 
@@ -18,7 +18,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /**
  * Main component container element
  */
-var Root = (0, _index.styled)('ul', {
+var Root = (0, _styles.styled)('ul', {
   listStyleType: 'none',
   marginBottom: 0,
   marginTop: 0,
@@ -28,7 +28,7 @@ var Root = (0, _index.styled)('ul', {
 });
 exports.Root = Root;
 Root.displayName = "Root";
-var PanelContainer = (0, _index.styled)('li', function (props) {
+var PanelContainer = (0, _styles.styled)('li', function (props) {
   var $expanded = props.$expanded,
       colors = props.$theme.colors;
   return {
@@ -41,7 +41,7 @@ var PanelContainer = (0, _index.styled)('li', function (props) {
 });
 exports.PanelContainer = PanelContainer;
 PanelContainer.displayName = "PanelContainer";
-var Header = (0, _index.styled)('div', function (props) {
+var Header = (0, _styles.styled)('div', function (props) {
   var $disabled = props.$disabled,
       $isFocusVisible = props.$isFocusVisible,
       _props$$theme = props.$theme,
@@ -72,7 +72,7 @@ var Header = (0, _index.styled)('div', function (props) {
 });
 exports.Header = Header;
 Header.displayName = "Header";
-var ToggleIcon = (0, _index.styled)('svg', function (props) {
+var ToggleIcon = (0, _styles.styled)('svg', function (props) {
   var $theme = props.$theme,
       $disabled = props.$disabled,
       $color = props.$color;
@@ -84,7 +84,7 @@ var ToggleIcon = (0, _index.styled)('svg', function (props) {
 });
 exports.ToggleIcon = ToggleIcon;
 ToggleIcon.displayName = "ToggleIcon";
-var ToggleIconGroup = (0, _index.styled)('g', function (props) {
+var ToggleIconGroup = (0, _styles.styled)('g', function (props) {
   var $theme = props.$theme,
       $expanded = props.$expanded;
   return {
@@ -97,7 +97,7 @@ var ToggleIconGroup = (0, _index.styled)('g', function (props) {
 });
 exports.ToggleIconGroup = ToggleIconGroup;
 ToggleIconGroup.displayName = "ToggleIconGroup";
-var Content = (0, _index.styled)('div', function (props) {
+var Content = (0, _styles.styled)('div', function (props) {
   var _props$$theme2 = props.$theme,
       animation = _props$$theme2.animation,
       colors = _props$$theme2.colors,
@@ -127,7 +127,7 @@ var Content = (0, _index.styled)('div', function (props) {
 });
 exports.Content = Content;
 Content.displayName = "Content";
-var ContentAnimationContainer = (0, _index.styled)('div', function (props) {
+var ContentAnimationContainer = (0, _styles.styled)('div', function (props) {
   var $height = props.$height,
       animation = props.$theme.animation;
   return {

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

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 
 var _overrides = require("../helpers/overrides");
 
-var _index = require("../styles/index");
+var _styles = require("../styles");
 
 var _focusVisible = require("../utils/focusVisible");
 
@@ -136,7 +136,7 @@ function SecondaryMenu(props) {
 }
 
 function AppNavBar(props) {
-  var _useStyletron = (0, _index.useStyletron)(),
+  var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),
       css = _useStyletron2[0],
       theme = _useStyletron2[1];
@@ -202,7 +202,8 @@ function AppNavBar(props) {
     className: css(_defineProperty({}, "@media screen and (min-width: ".concat(theme.breakpoints.large, "px)"), {
       display: 'none'
     }))
-  }, /*#__PURE__*/React.createElement(Spacing, spacingProps, mainItems.length || userItems.length ? /*#__PURE__*/React.createElement(_mobileMenu.default, props) : null, /*#__PURE__*/React.createElement(AppName, appNameProps, title)), secondaryMenu && mobileSubNavPosition === _constants.POSITION.horizontal && /*#__PURE__*/React.createElement(SecondaryMenu, {
+  }, /*#__PURE__*/React.createElement(Spacing, spacingProps, mainItems.length || userItems.length ? /*#__PURE__*/React.createElement(_mobileMenu.default, props) : null, /*#__PURE__*/React.createElement(AppName, appNameProps, title)), secondaryMenu && // @ts-expect-error todo(flow->ts) always false
+  mobileSubNavPosition === _constants.POSITION.horizontal && /*#__PURE__*/React.createElement(SecondaryMenu, {
     items: secondaryMenu,
     mapItemToNode: mapItemToNode,
     onSelect: onMainItemSelect,

package/app-nav-bar/mobile-menu.js

@@ -9,9 +9,9 @@ exports.default = MobileMenu;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _index = require("../button/index");
+var _button = require("../button");
 
-var _index2 = require("../drawer/index");
+var _drawer = require("../drawer");
 
 var _overrides = require("../helpers/overrides");
 
@@ -19,9 +19,9 @@ var _arrowLeft = _interopRequireDefault(require("../icon/arrow-left"));
 
 var _menu = _interopRequireDefault(require("../icon/menu"));
 
-var _index3 = require("../list/index");
+var _list = require("../list");
 
-var _index4 = require("../menu/index");
+var _menu2 = require("../menu");
 
 var _styledComponents = require("./styled-components");
 
@@ -88,11 +88,11 @@ var MobileNavMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       userMenuProfileListItemProps = _getOverrides2[1];
 
   if (item.PARENT_MENU_ITEM) {
-    return /*#__PURE__*/React.createElement(_index3.MenuAdapter, _extends({}, restProps, {
+    return /*#__PURE__*/React.createElement(_list.MenuAdapter, _extends({}, restProps, {
       ref: ref,
       artwork: item.navExitIcon || _arrowLeft.default,
-      artworkSize: _index3.ARTWORK_SIZES.LARGE
-    }), /*#__PURE__*/React.createElement(_index3.ListItemLabel, null, item.label));
+      artworkSize: _list.ARTWORK_SIZES.LARGE
+    }), /*#__PURE__*/React.createElement(_list.ListItemLabel, null, item.label));
   }
 
   if (item.USER_TITLE_ITEM) {
@@ -105,11 +105,11 @@ var MobileNavMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return (
     /*#__PURE__*/
     // Replace with a main menu item renderer
-    React.createElement(_index3.MenuAdapter, _extends({}, restProps, {
+    React.createElement(_list.MenuAdapter, _extends({}, restProps, {
       ref: ref,
       artwork: item.icon || null,
-      artworkSize: _index3.ARTWORK_SIZES.LARGE
-    }), /*#__PURE__*/React.createElement(_index3.ListItemLabel, null, mapItemToNode(item)))
+      artworkSize: _list.ARTWORK_SIZES.LARGE
+    }), /*#__PURE__*/React.createElement(_list.ListItemLabel, null, mapItemToNode(item)))
   );
 });
 
@@ -151,7 +151,7 @@ function MobileMenu(props) {
     setIsOpen(!isOpen);
   };
 
-  var _getOverrides3 = (0, _overrides.getOverrides)(overrides.SideMenuButton, _index.Button),
+  var _getOverrides3 = (0, _overrides.getOverrides)(overrides.SideMenuButton, _button.Button),
       _getOverrides4 = _slicedToArray(_getOverrides3, 2),
       SideMenuButton = _getOverrides4[0],
       sideMenuButtonProps = _getOverrides4[1];
@@ -162,7 +162,7 @@ function MobileMenu(props) {
     }
   }, sideMenuButtonProps.overrides);
 
-  var _getOverrides5 = (0, _overrides.getOverrides)(overrides.MobileDrawer, _index2.Drawer),
+  var _getOverrides5 = (0, _overrides.getOverrides)(overrides.MobileDrawer, _drawer.Drawer),
       _getOverrides6 = _slicedToArray(_getOverrides5, 2),
       MobileDrawer = _getOverrides6[0],
       drawerProps = _getOverrides6[1];
@@ -185,7 +185,7 @@ function MobileMenu(props) {
     }
   }, drawerProps.overrides);
 
-  var _getOverrides7 = (0, _overrides.getOverrides)(overrides.MobileMenu, _index4.StatefulMenu),
+  var _getOverrides7 = (0, _overrides.getOverrides)(overrides.MobileMenu, _menu2.StatefulMenu),
       _getOverrides8 = _slicedToArray(_getOverrides7, 2),
       MobileMenu = _getOverrides8[0],
       menuProps = _getOverrides8[1];
@@ -214,7 +214,7 @@ function MobileMenu(props) {
   }, sideMenuButtonProps), /*#__PURE__*/React.createElement(_menu.default, {
     size: '24px'
   })), /*#__PURE__*/React.createElement(MobileDrawer, _extends({
-    anchor: _index2.ANCHOR.left,
+    anchor: _drawer.ANCHOR.left,
     isOpen: isOpen,
     onClose: toggleMenu,
     size: '75%'

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledUserProfileTileContainer = exports.StyledUserProfilePictureContainer = exports.StyledUserProfileInfoContainer = exports.StyledUserMenuProfileListItem = exports.StyledUserMenuButton = exports.StyledSubnavContainer = exports.StyledSpacing = exports.StyledSideMenuButton = exports.StyledSecondaryMenuContainer = exports.StyledRoot = exports.StyledPrimaryMenuContainer = exports.StyledMainMenuItem = exports.StyledDesktopMenuContainer = exports.StyledDesktopMenu = exports.StyledAppName = void 0;
 
-var _index = require("../styles/index");
+var _styles = require("../styles");
 
 var _responsiveHelpers = require("../helpers/responsive-helpers");
 
-var _index2 = require("../menu/index");
+var _menu = require("../menu");
 
 var _constants = require("./constants");
 
@@ -19,7 +19,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var StyledButton = (0, _index.styled)('button', function (_ref) {
+var StyledButton = (0, _styles.styled)('button', function (_ref) {
   var $theme = _ref.$theme,
       $isFocusVisible = _ref.$isFocusVisible;
   return {
@@ -50,7 +50,7 @@ var StyledButton = (0, _index.styled)('button', function (_ref) {
   };
 });
 StyledButton.displayName = "StyledButton";
-var StyledRoot = (0, _index.styled)('div', function (props) {
+var StyledRoot = (0, _styles.styled)('div', function (props) {
   var $theme = props.$theme;
   var mediaQueries = (0, _responsiveHelpers.getMediaQueries)($theme.breakpoints);
   var breakpoints = Object.values($theme.breakpoints).sort();
@@ -95,10 +95,10 @@ var StyledRoot = (0, _index.styled)('div', function (props) {
 });
 exports.StyledRoot = StyledRoot;
 StyledRoot.displayName = "StyledRoot";
-var StyledSubnavContainer = (0, _index.styled)('div', {});
+var StyledSubnavContainer = (0, _styles.styled)('div', {});
 exports.StyledSubnavContainer = StyledSubnavContainer;
 StyledSubnavContainer.displayName = "StyledSubnavContainer";
-var StyledSpacing = (0, _index.styled)('div', function (props) {
+var StyledSpacing = (0, _styles.styled)('div', function (props) {
   var $theme = props.$theme;
   return _defineProperty({
     boxSizing: 'border-box',
@@ -114,7 +114,7 @@ var StyledSpacing = (0, _index.styled)('div', function (props) {
 });
 exports.StyledSpacing = StyledSpacing;
 StyledSpacing.displayName = "StyledSpacing";
-var StyledAppName = (0, _index.styled)('div', function (_ref3) {
+var StyledAppName = (0, _styles.styled)('div', function (_ref3) {
   var $theme = _ref3.$theme;
   return _objectSpread(_objectSpread({}, $theme.typography.font550), {}, _defineProperty({
     color: $theme.colors.primary,
@@ -123,7 +123,7 @@ var StyledAppName = (0, _index.styled)('div', function (_ref3) {
 });
 exports.StyledAppName = StyledAppName;
 StyledAppName.displayName = "StyledAppName";
-var StyledSideMenuButton = (0, _index.withStyle)(StyledButton, function (_ref4) {
+var StyledSideMenuButton = (0, _styles.withStyle)(StyledButton, function (_ref4) {
   var $theme = _ref4.$theme;
   return _objectSpread(_objectSpread({}, $theme.direction === 'rtl' ? {
     marginLeft: $theme.sizing.scale600
@@ -138,7 +138,7 @@ var StyledSideMenuButton = (0, _index.withStyle)(StyledButton, function (_ref4)
 });
 exports.StyledSideMenuButton = StyledSideMenuButton;
 StyledSideMenuButton.displayName = "StyledSideMenuButton";
-var StyledPrimaryMenuContainer = (0, _index.styled)('div', function (_ref5) {
+var StyledPrimaryMenuContainer = (0, _styles.styled)('div', function (_ref5) {
   var $theme = _ref5.$theme;
   return {
     boxSizing: 'border-box',
@@ -154,7 +154,7 @@ var StyledPrimaryMenuContainer = (0, _index.styled)('div', function (_ref5) {
 });
 exports.StyledPrimaryMenuContainer = StyledPrimaryMenuContainer;
 StyledPrimaryMenuContainer.displayName = "StyledPrimaryMenuContainer";
-var StyledMainMenuItem = (0, _index.styled)('div', function (props) {
+var StyledMainMenuItem = (0, _styles.styled)('div', function (props) {
   var $active = props.$active,
       $isFocusVisible = props.$isFocusVisible,
       $kind = props.$kind,
@@ -195,7 +195,7 @@ var StyledMainMenuItem = (0, _index.styled)('div', function (props) {
 });
 exports.StyledMainMenuItem = StyledMainMenuItem;
 StyledMainMenuItem.displayName = "StyledMainMenuItem";
-var StyledSecondaryMenuContainer = (0, _index.styled)('div', function (_ref6) {
+var StyledSecondaryMenuContainer = (0, _styles.styled)('div', function (_ref6) {
   var $theme = _ref6.$theme;
   return {
     boxSizing: 'border-box',
@@ -214,7 +214,7 @@ exports.StyledSecondaryMenuContainer = StyledSecondaryMenuContainer;
 StyledSecondaryMenuContainer.displayName = "StyledSecondaryMenuContainer";
 var StyledUserMenuButton = StyledButton;
 exports.StyledUserMenuButton = StyledUserMenuButton;
-var StyledUserMenuProfileListItem = (0, _index.withStyle)(_index2.StyledListItem, function (_ref7) {
+var StyledUserMenuProfileListItem = (0, _styles.withStyle)(_menu.StyledListItem, function (_ref7) {
   var $theme = _ref7.$theme;
   return _objectSpread({
     paddingTop: '0',
@@ -227,7 +227,7 @@ var StyledUserMenuProfileListItem = (0, _index.withStyle)(_index2.StyledListItem
 });
 exports.StyledUserMenuProfileListItem = StyledUserMenuProfileListItem;
 StyledUserMenuProfileListItem.displayName = "StyledUserMenuProfileListItem";
-var StyledUserProfileTileContainer = (0, _index.styled)('div', function (_ref8) {
+var StyledUserProfileTileContainer = (0, _styles.styled)('div', function (_ref8) {
   var $theme = _ref8.$theme;
   return {
     boxSizing: 'border-box',
@@ -242,7 +242,7 @@ var StyledUserProfileTileContainer = (0, _index.styled)('div', function (_ref8)
 });
 exports.StyledUserProfileTileContainer = StyledUserProfileTileContainer;
 StyledUserProfileTileContainer.displayName = "StyledUserProfileTileContainer";
-var StyledUserProfilePictureContainer = (0, _index.styled)('div', function (_ref9) {
+var StyledUserProfilePictureContainer = (0, _styles.styled)('div', function (_ref9) {
   var $theme = _ref9.$theme;
   return _objectSpread({}, $theme.direction === 'rtl' ? {
     marginLeft: $theme.sizing.scale600
@@ -252,7 +252,7 @@ var StyledUserProfilePictureContainer = (0, _index.styled)('div', function (_ref
 });
 exports.StyledUserProfilePictureContainer = StyledUserProfilePictureContainer;
 StyledUserProfilePictureContainer.displayName = "StyledUserProfilePictureContainer";
-var StyledUserProfileInfoContainer = (0, _index.styled)('div', function (_ref10) {
+var StyledUserProfileInfoContainer = (0, _styles.styled)('div', function (_ref10) {
   var $theme = _ref10.$theme;
   return {
     boxSizing: 'border-box',
@@ -261,13 +261,13 @@ var StyledUserProfileInfoContainer = (0, _index.styled)('div', function (_ref10)
 });
 exports.StyledUserProfileInfoContainer = StyledUserProfileInfoContainer;
 StyledUserProfileInfoContainer.displayName = "StyledUserProfileInfoContainer";
-var StyledDesktopMenuContainer = (0, _index.styled)('div', function (_ref11) {
+var StyledDesktopMenuContainer = (0, _styles.styled)('div', function (_ref11) {
   var $theme = _ref11.$theme;
   return {};
 });
 exports.StyledDesktopMenuContainer = StyledDesktopMenuContainer;
 StyledDesktopMenuContainer.displayName = "StyledDesktopMenuContainer";
-var StyledDesktopMenu = (0, _index.styled)('div', function (_ref12) {
+var StyledDesktopMenu = (0, _styles.styled)('div', function (_ref12) {
   var $theme = _ref12.$theme;
   return {
     alignItems: 'center',

package/app-nav-bar/user-menu.js

@@ -9,9 +9,9 @@ exports.default = UserMenuComponent;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _index = require("../avatar/index");
+var _avatar = require("../avatar");
 
-var _index2 = require("../button/index");
+var _button = require("../button");
 
 var _overrides = require("../helpers/overrides");
 
@@ -19,11 +19,11 @@ var _chevronDown = _interopRequireDefault(require("../icon/chevron-down"));
 
 var _chevronUp = _interopRequireDefault(require("../icon/chevron-up"));
 
-var _index3 = require("../list/index");
+var _list = require("../list");
 
-var _index4 = require("../menu/index");
+var _menu = require("../menu");
 
-var _index5 = require("../popover/index");
+var _popover = require("../popover");
 
 var _styledComponents = require("./styled-components");
 
@@ -64,11 +64,11 @@ var UserMenuListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _props$mapItemToNode = props.mapItemToNode,
       mapItemToNode = _props$mapItemToNode === void 0 ? _utils.defaultMapItemToNode : _props$mapItemToNode; // Replace with a user menu item renderer
 
-  return /*#__PURE__*/React.createElement(_index3.MenuAdapter, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(_list.MenuAdapter, _extends({}, props, {
     ref: ref,
     artwork: item.icon || null,
-    artworkSize: _index3.ARTWORK_SIZES.LARGE
-  }), /*#__PURE__*/React.createElement(_index3.ListItemLabel, null, mapItemToNode(item)));
+    artworkSize: _list.ARTWORK_SIZES.LARGE
+  }), /*#__PURE__*/React.createElement(_list.ListItemLabel, null, mapItemToNode(item)));
 });
 
 var svgStyleOverride = function svgStyleOverride(_ref) {
@@ -97,7 +97,7 @@ function UserMenuComponent(props) {
       UserMenuProfileListItem = _getOverrides2[0],
       userMenuProfileListItemProps = _getOverrides2[1];
 
-  var _getOverrides3 = (0, _overrides.getOverrides)(overrides.UserMenuButton, _index2.Button),
+  var _getOverrides3 = (0, _overrides.getOverrides)(overrides.UserMenuButton, _button.Button),
       _getOverrides4 = _slicedToArray(_getOverrides3, 2),
       UserMenuButton = _getOverrides4[0],
       userMenuButtonProps = _getOverrides4[1];
@@ -108,7 +108,7 @@ function UserMenuComponent(props) {
     }
   }, userMenuButtonProps.overrides);
 
-  var _getOverrides5 = (0, _overrides.getOverrides)(overrides.UserMenu, _index4.StatefulMenu),
+  var _getOverrides5 = (0, _overrides.getOverrides)(overrides.UserMenu, _menu.StatefulMenu),
       _getOverrides6 = _slicedToArray(_getOverrides5, 2),
       UserMenu = _getOverrides6[0],
       userMenuProps = _getOverrides6[1];
@@ -120,7 +120,7 @@ function UserMenuComponent(props) {
         var children = _ref2.children,
             restProps = _objectWithoutProperties(_ref2, _excluded);
 
-        return /*#__PURE__*/React.createElement(_index4.StyledList, _extends({}, restProps, {
+        return /*#__PURE__*/React.createElement(_menu.StyledList, _extends({}, restProps, {
           ref: ref
         }), /*#__PURE__*/React.createElement(UserMenuProfileListItem, userMenuProfileListItemProps, /*#__PURE__*/React.createElement(_userProfileTile.default, {
           username: props.username,
@@ -142,7 +142,7 @@ function UserMenuComponent(props) {
       }));
     })
   }, userMenuProps.overrides);
-  return /*#__PURE__*/React.createElement(_index5.StatefulPopover, {
+  return /*#__PURE__*/React.createElement(_popover.StatefulPopover, {
     content: function content(_ref3) {
       var close = _ref3.close;
       return /*#__PURE__*/React.createElement(UserMenu, _extends({
@@ -163,7 +163,7 @@ function UserMenuComponent(props) {
     onClose: function onClose() {
       return setIsOpen(false);
     },
-    placement: _index5.PLACEMENT.bottomRight,
+    placement: _popover.PLACEMENT.bottomRight,
     popperOptions: {
       modifiers: {
         flip: {
@@ -171,8 +171,8 @@ function UserMenuComponent(props) {
         }
       }
     },
-    triggerType: _index5.TRIGGER_TYPE.click
-  }, /*#__PURE__*/React.createElement(UserMenuButton, userMenuButtonProps, /*#__PURE__*/React.createElement(_index.Avatar, {
+    triggerType: _popover.TRIGGER_TYPE.click
+  }, /*#__PURE__*/React.createElement(UserMenuButton, userMenuButtonProps, /*#__PURE__*/React.createElement(_avatar.Avatar, {
     name: username || '',
     src: userImgUrl,
     size: '32px'

package/app-nav-bar/user-profile-tile.js

@@ -9,11 +9,11 @@ exports.default = UserProfileTile;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _index = require("../avatar/index");
+var _avatar = require("../avatar");
 
 var _overrides = require("../helpers/overrides");
 
-var _index2 = require("../typography/index");
+var _typography = require("../typography");
 
 var _styledComponents = require("./styled-components");
 
@@ -58,11 +58,11 @@ function UserProfileTile(props) {
   return (
     /*#__PURE__*/
     // Replace with a  profile tile renderer: renderUserProfileTile()
-    React.createElement(UserProfileTileContainer, userProfileTileContainerProps, /*#__PURE__*/React.createElement(UserProfilePictureContainer, userProfilePictureContainerProps, /*#__PURE__*/React.createElement(_index.Avatar, {
+    React.createElement(UserProfileTileContainer, userProfileTileContainerProps, /*#__PURE__*/React.createElement(UserProfilePictureContainer, userProfilePictureContainerProps, /*#__PURE__*/React.createElement(_avatar.Avatar, {
       name: username || '',
       src: userImgUrl,
       size: '48px'
-    })), /*#__PURE__*/React.createElement(UserProfileInfoContainer, userProfileInfoContainerProps, /*#__PURE__*/React.createElement(_index2.LabelMedium, null, username), usernameSubtitle ? /*#__PURE__*/React.createElement(_index2.ParagraphSmall, {
+    })), /*#__PURE__*/React.createElement(UserProfileInfoContainer, userProfileInfoContainerProps, /*#__PURE__*/React.createElement(_typography.LabelMedium, null, username), usernameSubtitle ? /*#__PURE__*/React.createElement(_typography.ParagraphSmall, {
       marginTop: "0",
       marginBottom: "0"
     }, usernameSubtitle) : null))

package/aspect-ratio-box/aspect-ratio-box-body.js

@@ -9,12 +9,10 @@ exports.default = exports.AspectRatioBoxBody = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _block = _interopRequireDefault(require("../block/block"));
+var _block = require("../block");
 
 var _excluded = ["position", "top", "bottom", "width"];
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -32,7 +30,7 @@ var AspectRatioBoxBody = function AspectRatioBoxBody(_ref) {
       width = _ref.width,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(_block.default, _extends({
+  return /*#__PURE__*/React.createElement(_block.Block, _extends({
     "data-baseweb": "aspect-ratio-box-body",
     position: position || 'absolute',
     top: top || 0,

package/aspect-ratio-box/aspect-ratio-box.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _index = require("../block/index");
+var _block = require("../block");
 
 var _overrides = require("../helpers/overrides");
 
@@ -60,9 +60,8 @@ var AspectRatioBox = function AspectRatioBox(_ref2) {
     }
   };
   var blockOverrides = (0, _overrides.mergeOverrides)(aspectRatioBoxOverrides, overrides);
-  return /*#__PURE__*/React.createElement(_index.Block // coerced to any because of how react components are typed.
+  return /*#__PURE__*/React.createElement(_block.Block // coerced to any because of how react components are typed.
   // cannot guarantee an html element
-  // flowlint-next-line unclear-type:off
   , _extends({
     ref: forwardedRef,
     overrides: blockOverrides,

package/avatar/avatar.js

@@ -48,7 +48,6 @@ function Avatar(_ref) {
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'scale1000' : _ref$size,
       src = _ref.src;
-  // $FlowFixMe
   var imageRef = React.useRef(null);
 
   var _React$useState = React.useState(false),