baseui 10.10.0 → 10.11.0

package/es/icon/search.js

@@ -26,20 +26,24 @@ function Search(props, ref) {
   {
     component: theme.icons && theme.icons.Search ? theme.icons.Search : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M11 6C8.79086 6 7 7.79086 7 10C7 12.2091 8.79086 14 11 14C13.2091 14 15 12.2091 15 10C15 7.79086 13.2091 6 11 6ZM5 10C5 6.68629 7.68629 4 11 4C14.3137 4 17 6.68629 17 10C17 11.2958 16.5892 12.4957 15.8907 13.4765L19.7071 17.2929C20.0976 17.6834 20.0976 18.3166 19.7071 18.7071C19.3166 19.0976 18.6834 19.0976 18.2929 18.7071L14.4765 14.8907C13.4957 15.5892 12.2958 16 11 16C7.68629 16 5 13.3137 5 10Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M11 6C8.79086 6 7 7.79086 7 10C7 12.2091 8.79086 14 11 14C13.2091 14 15 12.2091 15 10C15 7.79086 13.2091 6 11 6ZM5 10C5 6.68629 7.68629 4 11 4C14.3137 4 17 6.68629 17 10C17 11.2958 16.5892 12.4957 15.8907 13.4765L19.7071 17.2929C20.0976 17.6834 20.0976 18.3166 19.7071 18.7071C19.3166 19.0976 18.6834 19.0976 18.2929 18.7071L14.4765 14.8907C13.4957 15.5892 12.2958 16 11 16C7.68629 16 5 13.3137 5 10Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(Search);

package/es/icon/show.js

@@ -26,18 +26,22 @@ function Show(props, ref) {
   {
     component: theme.icons && theme.icons.Show ? theme.icons.Show : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 20 20",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    d: "M.2 10a11 11 0 0119.6 0A11 11 0 01.2 10zm9.8 4a4 4 0 100-8 4 4 0 000 8zm0-2a2 2 0 110-4 2 2 0 010 4z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 20 20",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      d: "M.2 10a11 11 0 0119.6 0A11 11 0 01.2 10zm9.8 4a4 4 0 100-8 4 4 0 000 8zm0-2a2 2 0 110-4 2 2 0 010 4z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(Show);

package/es/icon/spinner.js

@@ -26,25 +26,29 @@ function Spinner(props, ref) {
   {
     component: theme.icons && theme.icons.Spinner ? theme.icons.Spinner : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z",
-    fillOpacity: "0.32"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16.9497 7.05015C14.2161 4.31648 9.78392 4.31648 7.05025 7.05015C6.65973 7.44067 6.02656 7.44067 5.63604 7.05015C5.24551 6.65962 5.24551 6.02646 5.63604 5.63593C9.15076 2.12121 14.8492 2.12121 18.364 5.63593C18.7545 6.02646 18.7545 6.65962 18.364 7.05015C17.9734 7.44067 17.3403 7.44067 16.9497 7.05015Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z",
+      fillOpacity: "0.32"
+    }), /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M16.9497 7.05015C14.2161 4.31648 9.78392 4.31648 7.05025 7.05015C6.65973 7.44067 6.02656 7.44067 5.63604 7.05015C5.24551 6.65962 5.24551 6.02646 5.63604 5.63593C9.15076 2.12121 14.8492 2.12121 18.364 5.63593C18.7545 6.02646 18.7545 6.65962 18.364 7.05015C17.9734 7.44067 17.3403 7.44067 16.9497 7.05015Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(Spinner);

package/es/icon/triangle-down.js

@@ -26,18 +26,22 @@ function TriangleDown(props, ref) {
   {
     component: theme.icons && theme.icons.TriangleDown ? theme.icons.TriangleDown : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    d: "M12.7071 15.2929L17.1464 10.8536C17.4614 10.5386 17.2383 10 16.7929 10L7.20711 10C6.76165 10 6.53857 10.5386 6.85355 10.8536L11.2929 15.2929C11.6834 15.6834 12.3166 15.6834 12.7071 15.2929Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      d: "M12.7071 15.2929L17.1464 10.8536C17.4614 10.5386 17.2383 10 16.7929 10L7.20711 10C6.76165 10 6.53857 10.5386 6.85355 10.8536L11.2929 15.2929C11.6834 15.6834 12.3166 15.6834 12.7071 15.2929Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(TriangleDown);

package/es/icon/triangle-left.js

@@ -26,18 +26,22 @@ function TriangleLeft(props, ref) {
   {
     component: theme.icons && theme.icons.TriangleLeft ? theme.icons.TriangleLeft : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    d: "M8.70711 11.2929L13.1464 6.85355C13.4614 6.53857 14 6.76165 14 7.20711L14 16.7929C14 17.2383 13.4614 17.4614 13.1464 17.1464L8.70711 12.7071C8.31658 12.3166 8.31658 11.6834 8.70711 11.2929Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      d: "M8.70711 11.2929L13.1464 6.85355C13.4614 6.53857 14 6.76165 14 7.20711L14 16.7929C14 17.2383 13.4614 17.4614 13.1464 17.1464L8.70711 12.7071C8.31658 12.3166 8.31658 11.6834 8.70711 11.2929Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(TriangleLeft);

package/es/icon/triangle-right.js

@@ -26,18 +26,22 @@ function TriangleRight(props, ref) {
   {
     component: theme.icons && theme.icons.TriangleRight ? theme.icons.TriangleRight : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    d: "M15.2929 11.2929L10.8536 6.85355C10.5386 6.53857 10 6.76165 10 7.20711L10 16.7929C10 17.2383 10.5386 17.4614 10.8536 17.1464L15.2929 12.7071C15.6834 12.3166 15.6834 11.6834 15.2929 11.2929Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      d: "M15.2929 11.2929L10.8536 6.85355C10.5386 6.53857 10 6.76165 10 7.20711L10 16.7929C10 17.2383 10.5386 17.4614 10.8536 17.1464L15.2929 12.7071C15.6834 12.3166 15.6834 11.6834 15.2929 11.2929Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(TriangleRight);

package/es/icon/triangle-up.js

@@ -26,18 +26,22 @@ function TriangleUp(props, ref) {
   {
     component: theme.icons && theme.icons.TriangleUp ? theme.icons.TriangleUp : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    d: "M12.7071 8.70711L17.1464 13.1464C17.4614 13.4614 17.2383 14 16.7929 14L7.20711 14C6.76165 14 6.53857 13.4614 6.85355 13.1464L11.2929 8.70711C11.6834 8.31658 12.3166 8.31658 12.7071 8.70711Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      d: "M12.7071 8.70711L17.1464 13.1464C17.4614 13.4614 17.2383 14 16.7929 14L7.20711 14C6.76165 14 6.53857 13.4614 6.85355 13.1464L11.2929 8.70711C11.6834 8.31658 12.3166 8.31658 12.7071 8.70711Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(TriangleUp);

package/es/icon/upload.js

@@ -26,20 +26,24 @@ function Upload(props, ref) {
   {
     component: theme.icons && theme.icons.Upload ? theme.icons.Upload : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M14.5 5C12.8755 5 11.4519 5.86084 10.6609 7.15112C10.2905 7.05249 9.90137 7 9.5 7C7.14185 7 5.20752 8.81372 5.01562 11.1221C3.28247 11.5605 2 13.1304 2 15C2 17.2092 3.79077 19 6 19H11V14.4143L9.70703 15.707C9.31665 16.0977 8.68335 16.0977 8.29297 15.707C7.90234 15.3167 7.90234 14.6833 8.29297 14.293L11.293 11.293C11.6833 10.9023 12.3167 10.9023 12.707 11.293L15.707 14.293C16.0977 14.6833 16.0977 15.3167 15.707 15.707C15.3167 16.0977 14.6833 16.0977 14.293 15.707L13 14.4143V19H17C19.7615 19 22 16.7615 22 14C22 11.9492 20.7656 10.187 18.9993 9.41577C18.9543 6.96924 16.9573 5 14.5 5Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M14.5 5C12.8755 5 11.4519 5.86084 10.6609 7.15112C10.2905 7.05249 9.90137 7 9.5 7C7.14185 7 5.20752 8.81372 5.01562 11.1221C3.28247 11.5605 2 13.1304 2 15C2 17.2092 3.79077 19 6 19H11V14.4143L9.70703 15.707C9.31665 16.0977 8.68335 16.0977 8.29297 15.707C7.90234 15.3167 7.90234 14.6833 8.29297 14.293L11.293 11.293C11.6833 10.9023 12.3167 10.9023 12.707 11.293L15.707 14.293C16.0977 14.6833 16.0977 15.3167 15.707 15.707C15.3167 16.0977 14.6833 16.0977 14.293 15.707L13 14.4143V19H17C19.7615 19 22 16.7615 22 14C22 11.9492 20.7656 10.187 18.9993 9.41577C18.9543 6.96924 16.9573 5 14.5 5Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(Upload);

package/es/input/masked-input.js

@@ -40,6 +40,7 @@ const MaskOverride = /*#__PURE__*/React.forwardRef(({
     disabled: disabled
   }, props)));
 });
+MaskOverride.displayName = 'MaskOverride';
 export default function MaskedInput({
   mask,
   maskChar,

package/es/input/stateful-container.js

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

package/es/input/styled-components.js

@@ -110,7 +110,7 @@ function getFont(size, typography) {
   }[size];
 }
 
-function getRootColors($disabled, $isFocused, $error, $positive, colors) {
+function getRootColors($disabled, $isFocused, $error, $positive = false, colors) {
   if ($disabled) {
     return {
       borderLeftColor: colors.inputFillDisabled,
@@ -391,7 +391,8 @@ export const getInputStyles = props => {
       sizing,
       typography
     }
-  } = props;
+  } = props; //$FlowFixMe
+
   return {
     boxSizing: 'border-box',
     backgroundColor: 'transparent',

package/es/layer/layer.js

@@ -161,9 +161,10 @@ class LayerComponent extends React.Component {
     }, children) : children;
 
     if (typeof document !== 'undefined') {
-      if (mountNode || container) {
-        // $FlowFixMe
-        return /*#__PURE__*/ReactDOM.createPortal(childrenToRender, mountNode || container);
+      const portalContainer = mountNode || container;
+
+      if (portalContainer) {
+        return /*#__PURE__*/ReactDOM.createPortal(childrenToRender, portalContainer);
       }
 
       return null;

package/es/list/list-heading.js

@@ -65,7 +65,7 @@ const ListHeading = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
   }
 
-  return /*#__PURE__*/React.createElement(Root // eslint-disable-next-line flowtype/no-weak-types
+  return /*#__PURE__*/React.createElement(Root // flowlint-next-line unclear-type:off
   , _extends({
     ref: ref
   }, rootProps), /*#__PURE__*/React.createElement(Content, contentProps, /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(HeadingContainer, _extends({
@@ -76,11 +76,11 @@ const ListHeading = /*#__PURE__*/React.forwardRef((props, ref) => {
     $isText: isEndEnhancerString
   }, endEnhancerContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
     component: EndEnhancer
-  }))), (SubHeading || EndEnhancerDescription) && /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(SubHeadingContainer, _extends({
+  }))), (Boolean(SubHeading) || EndEnhancerDescription) && /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(SubHeadingContainer, _extends({
     $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
   }, subHeadingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
     component: SubHeading
-  })), EndEnhancerDescription && isEndEnhancerString && /*#__PURE__*/React.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/React.createElement(RenderNode, {
+  })), Boolean(EndEnhancerDescription) && isEndEnhancerString && /*#__PURE__*/React.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/React.createElement(RenderNode, {
     component: EndEnhancerDescription
   })))));
 });

package/es/list/list-item.js

@@ -38,7 +38,7 @@ const ListItem = /*#__PURE__*/React.forwardRef((props, ref) => {
       return props.artworkSize || ARTWORK_SIZES.MEDIUM;
     }
   }, [props.artworkSize, props.sublist]);
-  return /*#__PURE__*/React.createElement(Root // eslint-disable-next-line flowtype/no-weak-types
+  return /*#__PURE__*/React.createElement(Root // flowlint-next-line unclear-type:off
   , _extends({
     ref: ref,
     $shape: props.shape || SHAPE.DEFAULT

package/es/list/menu-adapter.js

@@ -14,8 +14,7 @@ const MenuAdapter = /*#__PURE__*/React.forwardRef((props, ref) => {
     artwork: props.artwork,
     artworkSize: props.artworkSize,
     endEnhancer: props.endEnhancer,
-    overrides: // $FlowFixMe
-    mergeOverrides({
+    overrides: mergeOverrides({
       Root: {
         props: {
           onMouseEnter: props.onMouseEnter,

package/es/map-marker/fixed-marker.js

@@ -67,6 +67,16 @@ const FixedMarker = ({
     }
   }
 
+  const enhancers = {};
+
+  if (startEnhancer) {
+    enhancers.startEnhancer = startEnhancer;
+  }
+
+  if (endEnhancer) {
+    enhancers.endEnhancer = endEnhancer;
+  }
+
   return /*#__PURE__*/React.createElement(Root, _extends({
     "data-baseweb": "fixed-map-marker"
   }, rootProps), /*#__PURE__*/React.createElement(FixedMarkerDragContainer, _extends({
@@ -75,11 +85,7 @@ const FixedMarker = ({
   }, fixedMarkerDragContainerProps), /*#__PURE__*/React.createElement(PinHead, _extends({
     size: size,
     label: label
-  }, startEnhancer ? {
-    startEnhancer
-  } : {}, endEnhancer ? {
-    endEnhancer
-  } : {}, {
+  }, enhancers, {
     color: color,
     background: backgroundColor,
     type: PINHEAD_TYPES.fixed,

package/es/menu/maybe-child-menu.js

@@ -53,8 +53,7 @@ export default function MaybeChildMenu(props) {
             }
           }
         }
-      }, // $FlowFixMe - getOverrides' return type for props is {}
-      popoverProps.overrides)
+      }, popoverProps.overrides)
     }), props.children);
   });
 }

package/es/menu/menu.js

@@ -17,7 +17,7 @@ import { isFocusVisible, forkFocus, forkBlur } from '../utils/focusVisible.js';
 export default function Menu(props) {
   const {
     overrides = {},
-    ariaLabel = 'Menu',
+    'aria-label': ariaLabel = 'Menu',
     rootRef = /*#__PURE__*/React.createRef(),
     focusMenu = () => {},
     unfocusMenu = () => {},

package/es/menu/option-profile.js

@@ -12,6 +12,7 @@ import MaybeChildMenu from './maybe-child-menu.js';
 import { StyledListItemProfile, StyledProfileImgContainer, StyledProfileImg, StyledProfileLabelsContainer, StyledProfileTitle, StyledProfileSubtitle, StyledProfileBody } from './styled-components.js';
 import { getOverrides } from '../helpers/overrides.js'; // Types
 
+// flowlint-next-line unclear-type:off
 function OptionProfile(props, ref) {
   const {
     item,
@@ -39,6 +40,7 @@ function OptionProfile(props, ref) {
     body
   } = getProfileItemLabels(item);
   return /*#__PURE__*/React.createElement(MaybeChildMenu, {
+    ref: ref,
     getChildMenu: getChildMenu,
     isOpen: !!$isHighlighted,
     item: item,

package/es/menu/stateful-container.js

@@ -309,9 +309,7 @@ class MenuStatefulContainerInner extends React.Component {
     const rootRef = this.props.rootRef ? this.props.rootRef : this.rootRef;
 
     if (typeof document !== 'undefined') {
-      if (rootRef.current
-      /** This condition added to satisfy Flow */
-      && this.state.highlightedIndex > -1 && this.refList[this.state.highlightedIndex]) {
+      if (rootRef.current && this.state.highlightedIndex > -1 && this.refList[this.state.highlightedIndex]) {
         scrollItemIntoView(this.refList[this.state.highlightedIndex].current, rootRef.current, this.state.highlightedIndex === 0, this.state.highlightedIndex === this.getItems().length - 1, 'center');
       }
 
@@ -369,7 +367,7 @@ class MenuStatefulContainerInner extends React.Component {
         highlightedIndex: -1
       });
     }
-  } // One array to hold all of list item refs
+  } // One array to hold all list item refs
 
 
   // Internal set state function that will also invoke stateReducer
@@ -419,6 +417,7 @@ class MenuStatefulContainerInner extends React.Component {
 _defineProperty(MenuStatefulContainerInner, "defaultProps", DEFAULT_PROPS);
 
 const MenuStatefulContainer = props => {
+  //$FlowExpectedError[cannot-spread-inexact]
   return /*#__PURE__*/React.createElement(MenuStatefulContainerInner, _extends({
     uidSeed: useUIDSeed()
   }, props));

package/es/menu/stateful-menu.js

@@ -18,7 +18,10 @@ export default class StatefulMenu extends React.PureComponent {
       overrides,
       ...props
     } = this.props;
-    return /*#__PURE__*/React.createElement(NestedMenuContext.Consumer, null, ctx => /*#__PURE__*/React.createElement(StatefulContainer, _extends({}, ctx, props), renderProps => /*#__PURE__*/React.createElement(Menu, _extends({}, renderProps, {
+    return /*#__PURE__*/React.createElement(NestedMenuContext.Consumer, null, ctx =>
+    /*#__PURE__*/
+    //$FlowExpectedError[cannot-spread-inexact]
+    React.createElement(StatefulContainer, _extends({}, ctx, props), renderProps => /*#__PURE__*/React.createElement(Menu, _extends({}, renderProps, {
       overrides: overrides
     }))));
   }

package/es/menu/types.js

@@ -5,4 +5,4 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
-import { STATE_CHANGE_TYPES, OPTION_LIST_SIZE } from './constants.js';
+import { STATE_CHANGE_TYPES, OPTION_LIST_SIZE } from './constants.js'; // flowlint-next-line unclear-type:off

package/es/modal/modal-button.js

@@ -24,9 +24,13 @@ const overrides = {
     }
   }
 };
-const ModalButton = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Button, _extends({
+const ModalButton = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+//$FlowExpectedError[cannot-spread-inexact]
+React.createElement(Button, _extends({
   ref: ref
 }, props, {
   overrides: mergeOverrides(overrides, props.overrides)
 })));
+ModalButton.displayName = 'ModalButton';
 export default ModalButton;

package/es/modal/modal.js

@@ -237,7 +237,7 @@ class Modal extends React.Component {
     if (mountNode) {
       return mountNode;
     } // Flow thinks body could be null (cast through any)
-    // eslint-disable-next-line flowtype/no-weak-types
+    // flowlint-next-line unclear-type:off
 
 
     return document.body;
@@ -288,11 +288,9 @@ class Modal extends React.Component {
       console.warn(`The prop "autofocus" is deprecated in favor of "autoFocus" to be consistent across the project.
         The property "autofocus" will be removed in a future major version.`);
     } // Handles backdrop click when `unstable_ModalBackdropScroll` is set to true
-    // $FlowFixMe
 
 
     if (dialogContainerProps.ref) {
-      // $FlowFixMe
       this._refs.DialogContainer = dialogContainerProps.ref;
     }
 

package/es/pagination/index.js

@@ -4,10 +4,10 @@ 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.
 */
+import { SIZE } from '../input/index.js';
 export { default as Pagination } from './pagination.js';
 export { default as StatefulPagination } from './stateful-pagination.js';
 export { default as StatefulContainer } from './stateful-container.js';
-import { SIZE } from '../input/index.js';
 export { SIZE };
 export { StyledRoot, StyledMaxLabel, StyledDropdownContainer } from './styled-components.js'; // Constants
 

package/es/pagination/stateful-container.js

@@ -74,5 +74,6 @@ export default class PaginationStatefulContainer extends React.Component {
 
 _defineProperty(PaginationStatefulContainer, "defaultProps", {
   initialState,
+  //flowlint-next-line unclear-type:off
   stateReducer: (changeType, changes) => changes
 });

package/es/pagination/stateful-pagination.js

@@ -29,6 +29,7 @@ StatefulPagination.defaultProps = {
   initialState: {
     currentPage: 1
   },
+  //flowlint-next-line unclear-type:off
   stateReducer: (changeType, changes) => changes,
   overrides: {}
 };

package/es/payment-card/payment-card.js

@@ -90,7 +90,10 @@ class PaymentCard extends React.Component {
       }));
     };
 
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, theme => /*#__PURE__*/React.createElement(Input, _extends({
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, theme =>
+    /*#__PURE__*/
+    //$FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Input, _extends({
       size: size,
       "aria-label": ariaLabel,
       "data-baseweb": "payment-card-input",

package/es/payment-card/styled-components.js

@@ -18,7 +18,6 @@ export const IconWrapper = styled('div', props => {
     [SIZE.large]: $theme.sizing.scale700
   };
   return {
-    //$FlowFixMe
     [$theme.direction === 'rtl' ? 'marginRight' : 'marginLeft']: margin[$size],
     height: '100%',
     display: 'flex',