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

package/map-marker/styled-components.js.flow

@@ -10,7 +10,6 @@ import {
   BADGE_ENHANCER_STYLES,
   FLOATING_MARKER_ANCHOR_POSITIONS,
   LABEL_SIZES,
-  EARNER_LOCATION_PUCK_CORE_SCALES,
 } from './constants.js';
 
 import type {
@@ -19,7 +18,6 @@ import type {
   BadgeEnhancerSizeT,
   BadgePositionT,
   PinHeadSizeT,
-  LocationPuckSizeT,
 } from './types.js';
 
 export const getAnchorTransform = (anchor: AnchorPositionsT, anchorSize: number) =>
@@ -309,62 +307,6 @@ export const StyledContentItem = styled<{
   };
 });
 
-export const LocationPuckContainer = styled<{}>('div', () => {
-  return {
-    position: 'relative',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-  };
-});
-
-export const consumerLocationShadow = { boxShadow: `0px 2px 4px 0px rgba(67, 76, 123, 0.2)` };
-export const earnerLocationShadow = { boxShadow: `0px 3px 5px 0px rgba(67, 76, 123, 0.4)` };
-
-export const StyledConsumerLocationPuckCore = styled<{}>('div', ({ $theme }) => {
-  return {
-    height: `${12}px`,
-    width: `${12}px`,
-    background: $theme.colors.contentAccent,
-    borderRadius: `${100}px `,
-    position: 'absolute',
-    ...consumerLocationShadow,
-  };
-});
-
-export const StyledLocationPuckApproximation = styled<{
-  $color: string,
-  $radius: number,
-}>('div', ({ $theme, $color, $radius }) => {
-  return {
-    background: $color,
-    opacity: 0.12,
-    height: `${$radius / 2}px`,
-    width: `${$radius / 2}px`,
-    borderRadius: `${10000}px `,
-    position: 'absolute',
-    transition: `${$theme.animation.timing300} ${$theme.animation.easeOutCurve} all`,
-  };
-});
-
-export const StyledEarnerLocationPuckCore = styled<{
-  $color: string,
-  $size: LocationPuckSizeT,
-}>('div', ({ $theme, $color, $size }) => {
-  return {
-    position: 'absolute',
-    transform: `scale(${EARNER_LOCATION_PUCK_CORE_SCALES[$size]})`,
-    transition: `${$theme.animation.timing300} ${$theme.animation.easeOutCurve} all`,
-    ...earnerLocationShadow,
-    borderRadius: '50%',
-    height: `${72}px`,
-    width: `${72}px`,
-    background: $theme.colors.backgroundPrimary,
-    border: `${6}px solid ${$color}`,
-    boxSizing: 'border-box',
-  };
-});
-
 declare var __DEV__: boolean;
 declare var __NODE__: boolean;
 declare var __BROWSER__: boolean;

package/map-marker/types.d.ts

@@ -1,5 +1,5 @@
-import type * as React from 'react';
-import type { FLOATING_MARKER_ANCHOR_POSITIONS, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES, FLOATING_MARKER_SIZES, PINHEAD_TYPES, FLOATING_MARKER_ANCHOR_TYPES, BADGE_ENHANCER_SIZES, LABEL_ENHANCER_POSITIONS, KIND, LOCATION_PUCK_SIZES, LOCATION_PUCK_TYPES } from './constants';
+import * as React from 'react';
+import { FLOATING_MARKER_ANCHOR_POSITIONS, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES, FLOATING_MARKER_SIZES, PINHEAD_TYPES, FLOATING_MARKER_ANCHOR_TYPES, BADGE_ENHANCER_SIZES, LABEL_ENHANCER_POSITIONS, KIND } from './constants';
 import type { Override } from '../helpers/overrides';
 export declare type AnchorPositions = typeof FLOATING_MARKER_ANCHOR_POSITIONS[keyof typeof FLOATING_MARKER_ANCHOR_POSITIONS];
 export declare type NeedleSize = typeof NEEDLE_SIZES[keyof typeof NEEDLE_SIZES];
@@ -10,8 +10,6 @@ export declare type FloatingMarkerAnchorType = typeof FLOATING_MARKER_ANCHOR_TYP
 export declare type BadgeEnhancerSize = typeof BADGE_ENHANCER_SIZES[keyof typeof BADGE_ENHANCER_SIZES];
 export declare type LabelEnhancerPosition = typeof LABEL_ENHANCER_POSITIONS[keyof typeof LABEL_ENHANCER_POSITIONS];
 export declare type Kind = typeof KIND[keyof typeof KIND];
-export declare type LocationPuckSize = typeof LOCATION_PUCK_SIZES[keyof typeof LOCATION_PUCK_SIZES];
-export declare type LocationPuckType = typeof LOCATION_PUCK_TYPES[keyof typeof LOCATION_PUCK_TYPES];
 export declare type FixedMarkerOverrides = {
     Root?: Override;
     InnerAnchor?: Override;
@@ -64,7 +62,7 @@ export declare type BadgePosition = {
 export declare type FixedMarkerProps = {
     size?: PinHeadSize;
     needle?: NeedleSize;
-    label?: React.ReactNode;
+    label?: string;
     startEnhancer?: React.ComponentType<{
         size: number;
     }>;
@@ -92,7 +90,7 @@ export declare type FloatingMarkerOverrides = {
     LabelEnhancerContainer?: Override;
 };
 export declare type FloatingMarkerProps = {
-    label?: React.ReactNode;
+    label?: string;
     anchor?: AnchorPositions;
     endEnhancer?: React.ComponentType<{
         size: number;
@@ -106,7 +104,7 @@ export declare type FloatingMarkerProps = {
 };
 export declare type PinHeadProps = {
     size?: PinHeadSize;
-    label?: React.ReactNode;
+    label?: string;
     endEnhancer?: React.ComponentType<{
         size: number;
     }>;
@@ -126,29 +124,3 @@ export declare type DragShadowProps = {
     height: number;
     overrides: FixedMarkerOverrides;
 };
-export declare type LocationPuckOverrides = {
-    Root?: Override;
-    LocationPuckApproximation?: Override;
-    ConsumerLocationPuckCore?: Override;
-    EarnerLocationPuckCore?: Override;
-};
-export declare type LocationPuckProps = {
-    size?: LocationPuckSize;
-    heading?: number;
-    confidenceRadius?: number;
-    showHeading?: boolean;
-    type?: LocationPuckType;
-    overrides?: LocationPuckOverrides;
-};
-export declare type ConsumerLocationPuckProps = {
-    heading: number;
-    confidenceRadius?: number;
-    showHeading?: boolean;
-    overrides: LocationPuckOverrides;
-};
-export declare type EarnerLocationPuckProps = {
-    heading: number;
-    confidenceRadius?: number;
-    size: LocationPuckSize;
-    overrides?: LocationPuckOverrides;
-};

package/map-marker/types.js.flow

@@ -16,8 +16,6 @@ import {
   BADGE_ENHANCER_SIZES,
   LABEL_ENHANCER_POSITIONS,
   KIND,
-  LOCATION_PUCK_SIZES,
-  LOCATION_PUCK_TYPES,
 } from './constants.js';
 import type { OverrideT } from '../helpers/overrides.js';
 
@@ -40,9 +38,6 @@ export type LabelEnhancerPositionT = $Values<typeof LABEL_ENHANCER_POSITIONS>;
 
 export type KindT = $Values<typeof KIND>;
 
-export type LocationPuckSizeT = $Values<typeof LOCATION_PUCK_SIZES>;
-export type LocationPuckTypeT = $Values<typeof LOCATION_PUCK_TYPES>;
-
 export type FixedMarkerOverridesT = {
   Root?: OverrideT,
   InnerAnchor?: OverrideT,
@@ -102,7 +97,7 @@ export type BadgePositionT = {
 export type FixedMarkerPropsT = {|
   size?: PinHeadSizeT,
   needle?: NeedleSizeT,
-  label?: React.Node,
+  label?: string,
   startEnhancer?: React.AbstractComponent<{| size: number |}>,
   endEnhancer?: React.AbstractComponent<{| size: number |}>,
   kind?: KindT,
@@ -130,7 +125,7 @@ export type FloatingMarkerOverridesT = {
 };
 
 export type FloatingMarkerPropsT = {
-  label?: React.Node,
+  label?: string,
   anchor?: AnchorPositionsT,
   endEnhancer?: React.AbstractComponent<{| size: number |}>,
   startEnhancer?: React.AbstractComponent<{| size: number |}>,
@@ -141,7 +136,7 @@ export type FloatingMarkerPropsT = {
 
 export type PinHeadPropsT = {
   size?: PinHeadSizeT,
-  label?: React.Node,
+  label?: string,
   endEnhancer?: React.AbstractComponent<{| size: number |}>,
   startEnhancer?: React.AbstractComponent<{| size: number |}>,
   color: string,
@@ -161,35 +156,6 @@ export type DragShadowPropsT = {
   overrides: FixedMarkerOverridesT,
 };
 
-export type LocationPuckOverridesT = {
-  Root?: OverrideT,
-  LocationPuckApproximation?: OverrideT,
-  ConsumerLocationPuckCore?: OverrideT,
-  EarnerLocationPuckCore?: OverrideT,
-};
-
-export type LocationPuckPropsT = {
-  size?: LocationPuckSizeT,
-  heading?: number,
-  confidenceRadius?: number,
-  showHeading?: boolean,
-  type?: LocationPuckTypeT,
-  overrides?: LocationPuckOverridesT,
-};
-
-export type ConsumerLocationPuckPropsT = {
-  heading: number,
-  confidenceRadius?: number,
-  showHeading?: boolean,
-  overrides: LocationPuckOverridesT,
-};
-export type EarnerLocationPuckPropsT = {
-  heading: number,
-  confidenceRadius?: number,
-  size: LocationPuckSizeT,
-  overrides?: LocationPuckOverridesT,
-};
-
 declare var __DEV__: boolean;
 declare var __NODE__: boolean;
 declare var __BROWSER__: boolean;

package/menu/index.d.ts

@@ -1,4 +1,5 @@
-import type { Item, ArrayItems, GroupedItems, GetRequiredItemPropsFn, Items, MenuProps, StatefulContainerProps, StateReducerFn } from './types';
+import type { Item, ArrayItems, GroupedItems, Items, MenuProps, StatefulContainerProps } from './types';
+import { GetRequiredItemPropsFn, StateReducerFn } from './types';
 export { default as StatefulMenu } from './stateful-menu';
 export { default as StatefulContainer } from './stateful-container';
 export { default as OptionList } from './option-list';
@@ -6,7 +7,7 @@ export { default as OptionProfile } from './option-profile';
 export { default as Menu } from './menu';
 export { default as NestedMenus, NestedMenuContext, type NestedMenuState, type NestedMenuProps, } from './nested-menus';
 export { KEY_STRINGS, STATE_CHANGE_TYPES } from './constants';
-export { StyledEmptyState, StyledList, StyledListItem, StyledListItemProfile, StyledProfileImgContainer, StyledProfileImg, StyledProfileLabelsContainer, StyledProfileTitle, StyledProfileSubtitle, StyledProfileBody, StyledMenuDivider, } from './styled-components';
+export { StyledEmptyState, StyledList, StyledListItem, StyledListItemProfile, StyledProfileImgContainer, StyledProfileImg, StyledProfileLabelsContainer, StyledProfileTitle, StyledProfileSubtitle, StyledProfileBody, } from './styled-components';
 export * from './types';
 export type { MenuLocale } from './locale';
 /** @deprecated use Item instead. To be removed in future versions.*/

package/menu/index.js

@@ -24,8 +24,7 @@ var _exportNames = {
   StyledProfileLabelsContainer: true,
   StyledProfileTitle: true,
   StyledProfileSubtitle: true,
-  StyledProfileBody: true,
-  StyledMenuDivider: true
+  StyledProfileBody: true
 };
 Object.defineProperty(exports, "KEY_STRINGS", {
   enumerable: true,
@@ -105,12 +104,6 @@ Object.defineProperty(exports, "StyledListItemProfile", {
     return _styledComponents.StyledListItemProfile;
   }
 });
-Object.defineProperty(exports, "StyledMenuDivider", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.StyledMenuDivider;
-  }
-});
 Object.defineProperty(exports, "StyledProfileBody", {
   enumerable: true,
   get: function get() {

package/menu/index.js.flow

@@ -25,7 +25,6 @@ export {
   StyledProfileTitle,
   StyledProfileSubtitle,
   StyledProfileBody,
-  StyledMenuDivider,
 } from './styled-components.js';
 // Flow
 export type * from './types.js';

package/menu/menu.js

@@ -72,8 +72,7 @@ function Menu(props) {
     if ((0, _focusVisible.isFocusVisible)(event)) {
       setFocusVisible(true);
     }
-  }; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+  };
 
   var handleBlur = function handleBlur(event) {
     if (focusVisible !== false) {
@@ -101,11 +100,6 @@ function Menu(props) {
       OptgroupHeader = _getOverrides8[0],
       optgroupHeaderProps = _getOverrides8[1];
 
-  var _getOverrides9 = (0, _overrides.getOverrides)(overrides.MenuDivider, _styledComponents.StyledMenuDivider),
-      _getOverrides10 = _slicedToArray(_getOverrides9, 2),
-      MenuDivider = _getOverrides10[0],
-      menuDividerProps = _getOverrides10[1];
-
   var groupedItems = Array.isArray(props.items) ? {
     __ungrouped: props.items
   } : props.items;
@@ -120,21 +114,15 @@ function Menu(props) {
       els.push( /*#__PURE__*/React.createElement(OptgroupHeader, _extends({
         key: optgroup
       }, optgroupHeaderProps), optgroup));
-    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+    }
 
     var groupItems = groupedItems[optgroup].map(function (item, index) {
-      itemIndex = itemIndex + 1; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+      itemIndex = itemIndex + 1;
       var _props$getRequiredIte = props.getRequiredItemProps,
           getRequiredItemProps = _props$getRequiredIte === void 0 ? function (item, index) {
         return {};
       } : _props$getRequiredIte;
 
-      if (item.divider === true) {
-        return /*#__PURE__*/React.createElement(MenuDivider, menuDividerProps);
-      }
-
       var _getRequiredItemProps = getRequiredItemProps(item, itemIndex),
           disabled = _getRequiredItemProps.disabled,
           isFocused = _getRequiredItemProps.isFocused,

package/menu/menu.js.flow

@@ -8,12 +8,7 @@ LICENSE file in the root directory of this source tree.
 import * as React from 'react';
 import { LocaleContext } from '../locale/index.js';
 // Components
-import {
-  StyledList,
-  StyledEmptyState,
-  StyledOptgroupHeader,
-  StyledMenuDivider,
-} from './styled-components.js';
+import { StyledList, StyledEmptyState, StyledOptgroupHeader } from './styled-components.js';
 import OptionList from './option-list.js';
 import { getOverrides } from '../helpers/overrides.js';
 // Types
@@ -54,7 +49,6 @@ export default function Menu(props: StatelessMenuPropsT) {
     overrides.OptgroupHeader,
     StyledOptgroupHeader
   );
-  const [MenuDivider, menuDividerProps] = getOverrides(overrides.MenuDivider, StyledMenuDivider);
 
   const groupedItems = Array.isArray(props.items) ? { __ungrouped: props.items } : props.items;
   const optgroups = Object.keys(groupedItems);
@@ -71,10 +65,6 @@ export default function Menu(props: StatelessMenuPropsT) {
         itemIndex = itemIndex + 1;
         const { getRequiredItemProps = (item, index) => ({}) } = props;
 
-        if (item.divider === true) {
-          return <MenuDivider {...menuDividerProps} />;
-        }
-
         const {
           disabled,
           isFocused,

package/menu/option-profile.js

@@ -41,7 +41,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function OptionProfile(props, ref) {
   var item = props.item,
       getChildMenu = props.getChildMenu,

package/menu/stateful-container.js

@@ -475,7 +475,6 @@ var MenuStatefulContainerInner = /*#__PURE__*/function (_React$Component) {
         handleMouseLeave: this.handleMouseLeave,
         highlightedIndex: this.state.highlightedIndex,
         isFocused: this.state.isFocused,
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         handleKeyDown: this.props.keyboardControlNode.current ? function (event) {} : this.onKeyDown,
         focusMenu: this.focusMenu,
         unfocusMenu: this.unfocusMenu

package/menu/styled-components.d.ts

@@ -21,5 +21,4 @@ export declare const StyledProfileLabelsContainer: import("styletron-react").Sty
 export declare const StyledProfileTitle: import("styletron-react").StyletronComponent<"h6", StyledProps>;
 export declare const StyledProfileSubtitle: import("styletron-react").StyletronComponent<"p", StyledProps>;
 export declare const StyledProfileBody: import("styletron-react").StyletronComponent<"p", StyledProps>;
-export declare const StyledMenuDivider: import("styletron-react").StyletronComponent<"li", StyledProps>;
 export {};

package/menu/styled-components.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledProfileTitle = exports.StyledProfileSubtitle = exports.StyledProfileLabelsContainer = exports.StyledProfileImgContainer = exports.StyledProfileImg = exports.StyledProfileBody = exports.StyledOptgroupHeader = exports.StyledMenuDivider = exports.StyledListItemProfile = exports.StyledListItemElement = exports.StyledListItemAnchor = exports.StyledListItem = exports.StyledList = exports.StyledEmptyState = void 0;
+exports.StyledProfileTitle = exports.StyledProfileSubtitle = exports.StyledProfileLabelsContainer = exports.StyledProfileImgContainer = exports.StyledProfileImg = exports.StyledProfileBody = exports.StyledOptgroupHeader = exports.StyledListItemProfile = exports.StyledListItemElement = exports.StyledListItemAnchor = exports.StyledListItem = exports.StyledList = exports.StyledEmptyState = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
@@ -56,7 +56,6 @@ var StyledList = (0, _styles.styled)('ul', function (_ref) {
 });
 exports.StyledList = StyledList;
 StyledList.displayName = "StyledList";
-StyledList.displayName = 'StyledList';
 
 function getFontColor(props) {
   if (props.$disabled) {
@@ -105,7 +104,6 @@ var StyledEmptyState = (0, _styles.styled)('li', function (props) {
 });
 exports.StyledEmptyState = StyledEmptyState;
 StyledEmptyState.displayName = "StyledEmptyState";
-StyledEmptyState.displayName = 'StyledEmptyState';
 var StyledOptgroupHeader = (0, _styles.styled)('li', function (props) {
   var paddingX = props.$theme.sizing.scale300;
   var paddingY = props.$theme.sizing.scale200;
@@ -119,7 +117,6 @@ var StyledOptgroupHeader = (0, _styles.styled)('li', function (props) {
 });
 exports.StyledOptgroupHeader = StyledOptgroupHeader;
 StyledOptgroupHeader.displayName = "StyledOptgroupHeader";
-StyledOptgroupHeader.displayName = 'StyledOptgroupHeader';
 var StyledListItemAnchor = (0, _styles.styled)('a', function (props) {
   return {
     display: 'block',
@@ -128,13 +125,11 @@ var StyledListItemAnchor = (0, _styles.styled)('a', function (props) {
 });
 exports.StyledListItemAnchor = StyledListItemAnchor;
 StyledListItemAnchor.displayName = "StyledListItemAnchor";
-StyledListItemAnchor.displayName = 'StyledListItemAnchor';
 var StyledListItemElement = (0, _styles.styled)('li', function (props) {
   var $disabled = props.$disabled,
       $theme = props.$theme,
       $size = props.$size;
   return _objectSpread(_objectSpread({}, $size === _constants.OPTION_LIST_SIZE.compact ? $theme.typography.font100 : $theme.typography.font200), {}, {
-    boxSizing: 'border-box',
     position: 'relative',
     display: 'block',
     color: getFontColor(props),
@@ -155,16 +150,13 @@ var StyledListItemElement = (0, _styles.styled)('li', function (props) {
 });
 exports.StyledListItemElement = StyledListItemElement;
 StyledListItemElement.displayName = "StyledListItemElement";
-StyledListItemElement.displayName = 'StyledListItemElement';
 var StyledListItem = (0, _styles.withWrapper)(StyledListItemElement, function (Styled) {
-  return (// eslint-disable-next-line @typescript-eslint/no-unused-vars
-    function StyledListItem(_ref2) {
-      var item = _ref2.item,
-          restProps = _objectWithoutProperties(_ref2, _excluded);
+  return function StyledListItem(_ref2) {
+    var item = _ref2.item,
+        restProps = _objectWithoutProperties(_ref2, _excluded);
 
-      return /*#__PURE__*/React.createElement(Styled, restProps);
-    }
-  );
+    return /*#__PURE__*/React.createElement(Styled, restProps);
+  };
 });
 exports.StyledListItem = StyledListItem;
 var StyledListItemProfile = (0, _styles.styled)('li', function (_ref3) {
@@ -188,7 +180,6 @@ var StyledListItemProfile = (0, _styles.styled)('li', function (_ref3) {
 });
 exports.StyledListItemProfile = StyledListItemProfile;
 StyledListItemProfile.displayName = "StyledListItemProfile";
-StyledListItemProfile.displayName = 'StyledListItemProfile';
 var StyledProfileImgContainer = (0, _styles.styled)('div', {
   width: '60px',
   height: '60px',
@@ -198,7 +189,6 @@ var StyledProfileImgContainer = (0, _styles.styled)('div', {
 });
 exports.StyledProfileImgContainer = StyledProfileImgContainer;
 StyledProfileImgContainer.displayName = "StyledProfileImgContainer";
-StyledProfileImgContainer.displayName = 'StyledProfileImgContainer';
 var StyledProfileImg = (0, _styles.styled)('img', {
   width: '100%',
   height: '100%',
@@ -209,7 +199,6 @@ var StyledProfileImg = (0, _styles.styled)('img', {
 });
 exports.StyledProfileImg = StyledProfileImg;
 StyledProfileImg.displayName = "StyledProfileImg";
-StyledProfileImg.displayName = 'StyledProfileImg';
 var StyledProfileLabelsContainer = (0, _styles.styled)('div', function (_ref4) {
   var _ref4$$theme = _ref4.$theme,
       direction = _ref4$$theme.direction,
@@ -226,7 +215,6 @@ var StyledProfileLabelsContainer = (0, _styles.styled)('div', function (_ref4) {
 });
 exports.StyledProfileLabelsContainer = StyledProfileLabelsContainer;
 StyledProfileLabelsContainer.displayName = "StyledProfileLabelsContainer";
-StyledProfileLabelsContainer.displayName = 'StyledProfileLabelsContainer';
 var StyledProfileTitle = (0, _styles.styled)('h6', function (_ref5) {
   var $theme = _ref5.$theme;
   return _objectSpread(_objectSpread({}, $theme.typography.font350), {}, {
@@ -239,7 +227,6 @@ var StyledProfileTitle = (0, _styles.styled)('h6', function (_ref5) {
 });
 exports.StyledProfileTitle = StyledProfileTitle;
 StyledProfileTitle.displayName = "StyledProfileTitle";
-StyledProfileTitle.displayName = 'StyledProfileTitle';
 var StyledProfileSubtitle = (0, _styles.styled)('p', function (_ref6) {
   var $theme = _ref6.$theme;
   return _objectSpread(_objectSpread({}, $theme.typography.font200), {}, {
@@ -252,7 +239,6 @@ var StyledProfileSubtitle = (0, _styles.styled)('p', function (_ref6) {
 });
 exports.StyledProfileSubtitle = StyledProfileSubtitle;
 StyledProfileSubtitle.displayName = "StyledProfileSubtitle";
-StyledProfileSubtitle.displayName = 'StyledProfileSubtitle';
 var StyledProfileBody = (0, _styles.styled)('p', function (_ref7) {
   var $theme = _ref7.$theme;
   return _objectSpread(_objectSpread({}, $theme.typography.font100), {}, {
@@ -264,23 +250,4 @@ var StyledProfileBody = (0, _styles.styled)('p', function (_ref7) {
   });
 });
 exports.StyledProfileBody = StyledProfileBody;
-StyledProfileBody.displayName = "StyledProfileBody";
-StyledProfileBody.displayName = 'StyledProfileBody';
-var StyledMenuDivider = (0, _styles.styled)('li', function (_ref8) {
-  var $theme = _ref8.$theme;
-  return {
-    color: $theme.colors.contentPrimary,
-    borderBottomWidth: $theme.borders.border300.borderWidth,
-    borderBottomStyle: $theme.borders.border300.borderStyle,
-    borderBottomColor: $theme.borders.border300.borderColor,
-    marginTop: $theme.sizing.scale100,
-    marginBottom: $theme.sizing.scale100,
-    marginLeft: $theme.sizing.scale500,
-    marginRight: $theme.sizing.scale500,
-    listStyle: 'none',
-    height: 0
-  };
-});
-exports.StyledMenuDivider = StyledMenuDivider;
-StyledMenuDivider.displayName = "StyledMenuDivider";
-StyledProfileBody.displayName = 'StyledMenuDivider';
+StyledProfileBody.displayName = "StyledProfileBody";

package/menu/styled-components.js.flow

@@ -211,19 +211,6 @@ export const StyledProfileBody = styled<StyledPropsT>('p', ({ $theme }) => ({
   marginRight: 0,
 }));
 
-export const StyledMenuDivider = styled<StyledPropsT>('li', ({ $theme }) => ({
-  color: $theme.colors.contentPrimary,
-  borderBottomWidth: $theme.borders.border300.borderWidth,
-  borderBottomStyle: $theme.borders.border300.borderStyle,
-  borderBottomColor: $theme.borders.border300.borderColor,
-  marginTop: $theme.sizing.scale100,
-  marginBottom: $theme.sizing.scale100,
-  marginLeft: $theme.sizing.scale600,
-  marginRight: $theme.sizing.scale600,
-  listStyle: 'none',
-  height: 0,
-}));
-
 declare var __DEV__: boolean;
 declare var __NODE__: boolean;
 declare var __BROWSER__: boolean;

package/menu/types.d.ts

@@ -1,6 +1,7 @@
-import type * as React from 'react';
+import * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import type { STATE_CHANGE_TYPES, OPTION_LIST_SIZE } from './constants';
+import { STATE_CHANGE_TYPES, OPTION_LIST_SIZE } from './constants';
+import type { SyntheticEvent, FocusEvent, MouseEvent } from 'react';
 export declare type Item = any;
 export declare type ArrayItems = ReadonlyArray<Item>;
 export declare type GroupedItems = {
@@ -22,7 +23,7 @@ export declare type RootRef = {
 };
 export declare type OnItemSelectFn = (a: {
     item: Item;
-    event?: React.SyntheticEvent<HTMLElement> | KeyboardEvent;
+    event?: SyntheticEvent<HTMLElement> | KeyboardEvent;
 }) => unknown;
 export declare type ProfileOverrides = {
     List?: Override;
@@ -40,8 +41,8 @@ export declare type RenderItemProps = {
     id?: string | null;
     isFocused?: boolean;
     isHighlighted?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    onMouseEnter?: (event: MouseEvent<HTMLElement>) => void;
     resetMenu?: () => void;
 };
 export declare type GetRequiredItemPropsFn = (item: Item, index: number) => RenderItemProps;
@@ -118,7 +119,6 @@ export declare type MenuOverrides = {
     Option?: Override;
     OptgroupHeader?: Override;
     ListItem?: Override;
-    MenuDivider?: Override;
 };
 export declare type MenuProps = {
     overrides?: MenuOverrides;
@@ -144,18 +144,18 @@ export declare type SharedStatelessProps = {
     'aria-label'?: string;
     getRequiredItemProps?: GetRequiredItemPropsFn;
     isFocused?: boolean;
-    handleMouseLeave?: (event: React.MouseEvent<HTMLElement>) => unknown;
+    handleMouseLeave?: (event: MouseEvent<HTMLElement>) => unknown;
     /** Index of highlighted menu item. */
     highlightedIndex?: number;
     /** List of menu items. */
     items: Items;
     /** Message to be displayed if no menu items are passed in. */
     noResultsMsg?: React.ReactNode;
-    onBlur?: (event: React.FocusEvent<HTMLElement>) => unknown;
-    onFocus?: (event: React.FocusEvent<HTMLElement>) => unknown;
+    onBlur?: (event: FocusEvent<HTMLElement>) => unknown;
+    onFocus?: (event: FocusEvent<HTMLElement>) => unknown;
     /** Ref for the menu container element. Used to capture key events for navigation */
     rootRef?: RootRef;
-    focusMenu?: (event: React.FocusEvent | React.MouseEvent | KeyboardEvent) => unknown;
+    focusMenu?: (event: FocusEvent | MouseEvent | KeyboardEvent) => unknown;
     unfocusMenu?: () => unknown;
     handleKeyDown?: (event: KeyboardEvent) => unknown;
 };
@@ -210,11 +210,11 @@ export declare type OptionListProps = {
     getItemLabel: GetItemLabelFn;
     /** Used to render a sub menu at this menu item. You'll often render another menu from this function. */
     getChildMenu?: (item: Item) => React.ReactNode;
-    onClick?: (event: React.MouseEvent) => unknown;
+    onClick?: (event: MouseEvent) => unknown;
     /** Callback used to change highlighted index in stateful menu. */
-    onMouseDown?: (event: React.MouseEvent) => unknown;
+    onMouseDown?: (event: MouseEvent) => unknown;
     /** Callback used to change highlighted index in stateful menu. */
-    onMouseEnter?: (event: React.MouseEvent) => unknown;
+    onMouseEnter?: (event: MouseEvent) => unknown;
     /** Renders UI in defined scale. */
     size?: keyof typeof OPTION_LIST_SIZE;
     overrides?: {

package/menu/types.js.flow

@@ -144,7 +144,6 @@ export type MenuPropsT = {
     Option?: OverrideT,
     OptgroupHeader?: OverrideT,
     ListItem?: OverrideT,
-    MenuDivider?: OverrideT;
   },
   /** Renders all menu content for SEO purposes regardless of menu  state */
   renderAll?: boolean,

package/modal/modal.js

@@ -217,6 +217,7 @@ var Modal = /*#__PURE__*/function (_React$Component) {
       }
 
       if (this.animateStartTimer) {
+        // eslint-disable-next-line cup/no-undef
         cancelAnimationFrame(this.animateStartTimer);
       }
     }
@@ -235,7 +236,8 @@ var Modal = /*#__PURE__*/function (_React$Component) {
 
 
       this.clearTimers();
-      this.disableMountNodeScroll();
+      this.disableMountNodeScroll(); // eslint-disable-next-line cup/no-undef
+
       this.animateStartTimer = requestAnimationFrame(function () {
         _this2.setState({
           isVisible: true
@@ -285,7 +287,6 @@ var Modal = /*#__PURE__*/function (_React$Component) {
       if (mountNode) {
         return mountNode;
       } // Flow thinks body could be null (cast through any)
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 
       return document.body;
@@ -346,8 +347,7 @@ var Modal = /*#__PURE__*/function (_React$Component) {
         }, /*#__PURE__*/React.createElement(Root, _extends({
           "data-baseweb": "modal",
           ref: _this3.rootRef
-        }, sharedProps, rootProps), /*#__PURE__*/React.createElement(DialogContainer // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        , _extends({
+        }, sharedProps, rootProps), /*#__PURE__*/React.createElement(DialogContainer, _extends({
           ref: _this3.dialogContainerRef
         }, sharedProps, dialogContainerProps), /*#__PURE__*/React.createElement(Dialog, _extends({
           tabIndex: -1,