baseui 10.9.2 → 10.11.1

package/esm/phone-input/country-picker.js

@@ -93,16 +93,13 @@ export default function CountryPicker(props) {
   var _getOverrides = getOverrides(overrides.CountrySelect, DefaultSelect),
       _getOverrides2 = _slicedToArray(_getOverrides, 2),
       Select = _getOverrides2[0],
-      selectProps = _getOverrides2[1]; // $FlowFixMe
-
+      selectProps = _getOverrides2[1];
 
   var selectOverrides = mergeOverrides(baseSelectOverrides, {
-    Dropdown: overrides.CountrySelectDropdown,
-    DropdownListItem: overrides.CountrySelectDropdownListItem
-  }); // $FlowFixMe
-
-  selectProps.overrides = mergeOverrides(selectOverrides, // $FlowFixMe
-  selectProps.overrides);
+    Dropdown: overrides.CountrySelectDropdown || {},
+    DropdownListItem: overrides.CountrySelectDropdownListItem || {}
+  });
+  selectProps.overrides = mergeOverrides(selectOverrides, selectProps.overrides);
   var baseOverrides = {
     FlagContainer: {
       style: function style(_ref4) {

package/esm/phone-input/country-select-dropdown.js

@@ -132,8 +132,10 @@ function CountrySelectDropdown(props) {
   }));
 }
 
-export default /*#__PURE__*/React.forwardRef(function (props, ref) {
+var CountrySelectDropdownFwd = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(CountrySelectDropdown, _extends({}, props, {
     $forwardedRef: ref
   }));
-});
+});
+CountrySelectDropdownFwd.displayName = 'CountrySelectDropdownFwd';
+export default CountrySelectDropdownFwd;

package/esm/phone-input/country-select.js

@@ -82,16 +82,13 @@ export default function CountrySelect(props) {
   var _getOverrides = getOverrides(overrides.CountrySelect, DefaultSelect),
       _getOverrides2 = _slicedToArray(_getOverrides, 2),
       Select = _getOverrides2[0],
-      selectProps = _getOverrides2[1]; // $FlowFixMe
-
+      selectProps = _getOverrides2[1];
 
   var selectOverrides = mergeOverrides(baseSelectOverrides, {
-    Dropdown: overrides.CountrySelectDropdown,
-    DropdownListItem: overrides.CountrySelectDropdownListItem
-  }); // $FlowFixMe
-
-  selectProps.overrides = mergeOverrides(selectOverrides, // $FlowFixMe
-  selectProps.overrides);
+    Dropdown: overrides.CountrySelectDropdown || {},
+    DropdownListItem: overrides.CountrySelectDropdownListItem || {}
+  });
+  selectProps.overrides = mergeOverrides(selectOverrides, selectProps.overrides);
 
   var _getOverrides3 = getOverrides(overrides.CountrySelectContainer, StyledCountrySelectContainer),
       _getOverrides4 = _slicedToArray(_getOverrides3, 2),

package/esm/phone-input/flag.js

@@ -24,7 +24,8 @@ export default function Flag(props) {
       restProps = _objectWithoutProperties(props, ["$iso", "iso", "width"]);
 
   var iso = oldIsoProp || $iso;
-  var FlagComponent = flags["Flag".concat(iso.toUpperCase())];
+  var FlagComponent = flags["Flag".concat(iso.toUpperCase())]; //$FlowExpectedError[cannot-spread-inexact]
+
   return /*#__PURE__*/React.createElement(FlagComponent, _extends({
     width: width,
     "data-iso": iso

package/esm/phone-input/phone-input-lite.js

@@ -88,8 +88,7 @@ export default function PhoneInputLite(props) {
   var _getOverrides = getOverrides(overrides.Input, DefaultInput),
       _getOverrides2 = _slicedToArray(_getOverrides, 2),
       Input = _getOverrides2[0],
-      inputProps = _getOverrides2[1]; // $FlowFixMe
-
+      inputProps = _getOverrides2[1];
 
   inputProps.overrides = mergeOverrides(baseOverrides, inputProps.overrides);
   return /*#__PURE__*/React.createElement(Input, _extends({

package/esm/phone-input/phone-input-next.js

@@ -103,8 +103,7 @@ export default function PhoneInputNext(props) {
   var _getOverrides3 = getOverrides(overrides.Input, DefaultInput),
       _getOverrides4 = _slicedToArray(_getOverrides3, 2),
       Input = _getOverrides4[0],
-      inputProps = _getOverrides4[1]; // $FlowFixMe
-
+      inputProps = _getOverrides4[1];
 
   inputProps.overrides = mergeOverrides(baseOverrides, inputProps.overrides);
   return /*#__PURE__*/React.createElement(Root, _extends({}, rootProps, {

package/esm/pin-code/pin-code.js

@@ -117,8 +117,7 @@ var PinCode = /*#__PURE__*/function (_React$Component) {
             type: typeof this.props.mask === 'boolean' && this.props.mask ? 'password' : 'text'
           }
         }
-      }; // $FlowFixMe
-
+      };
       inputProps.overrides = mergeOverrides(baseOverrides, inputProps.overrides);
       return /*#__PURE__*/React.createElement(Root, _extends({
         "data-baseweb": "pin-code"

package/esm/popover/popover.js

@@ -34,10 +34,6 @@ 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.
 */
-
-/* eslint-disable react/no-find-dom-node */
-
-/* eslint-disable cup/no-undef */
 import * as React from 'react';
 import FocusLock, { MoveFocusInside } from 'react-focus-lock';
 import { getOverride, getOverrideProps } from '../helpers/overrides.js';
@@ -174,11 +170,13 @@ var PopoverInner = /*#__PURE__*/function (_React$Component) {
       var popper = _this.popperRef.current;
       var anchor = _this.anchorRef.current; // Ignore document click if it came from popover or anchor
 
-      if (!popper || popper === target || popper.contains(target)) {
+      if (!popper || popper === target || // eslint-disable-next-line cup/no-undef
+      target instanceof Node && popper.contains(target)) {
         return;
       }
 
-      if (!anchor || anchor === target || anchor.contains(target)) {
+      if (!anchor || anchor === target || // eslint-disable-next-line cup/no-undef
+      target instanceof Node && popper.contains(target)) {
         return;
       }
 
@@ -541,8 +539,10 @@ _defineProperty(PopoverInner, "defaultProps", defaultProps);
 
 var Popover = function Popover(props) {
   var innerRef = props.innerRef;
+  var gID = useUID(); //$FlowExpectedError[cannot-spread-inexact]
+
   return /*#__PURE__*/React.createElement(PopoverInner, _extends({
-    id: props.id || useUID(),
+    id: props.id || gID,
     ref: innerRef
   }, props));
 };

package/esm/progress-bar/progressbar-rounded.js

@@ -131,28 +131,31 @@ function ProgressBarRounded(_ref) {
     loop();
   }, [progress]); // We want *only* `progress` to trigger this effect
 
-  return /*#__PURE__*/React.createElement(Root, _extends({
-    "data-baseweb": "progressbar-rounded",
-    role: "progressbar",
-    "aria-valuenow": progress,
-    "aria-valuemin": 0,
-    "aria-valuemax": 1,
-    $size: size,
-    $inline: inline
-  }, restProps, rootProps), /*#__PURE__*/React.createElement(Svg, _extends({
-    $size: size
-  }, restProps, svgProps), /*#__PURE__*/React.createElement(TrackBackground, _extends({
-    $size: size
-  }, trackBackgroundProps)), /*#__PURE__*/React.createElement(TrackForeground // $FlowFixMe
-  , _extends({
-    ref: pathRef,
-    $size: size,
-    $visible: !!pathRef.current,
-    $pathLength: pathLength,
-    $pathProgress: pathProgress
-  }, trackForegroundProps))), /*#__PURE__*/React.createElement(Text, _extends({
-    $size: size
-  }, textProps), roundTo(Math.min(progress * 100, 100)), "%"));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Root, _extends({
+      "data-baseweb": "progressbar-rounded",
+      role: "progressbar",
+      "aria-valuenow": progress,
+      "aria-valuemin": 0,
+      "aria-valuemax": 1,
+      $size: size,
+      $inline: inline
+    }, restProps, rootProps), /*#__PURE__*/React.createElement(Svg, _extends({
+      $size: size
+    }, restProps, svgProps), /*#__PURE__*/React.createElement(TrackBackground, _extends({
+      $size: size
+    }, trackBackgroundProps)), /*#__PURE__*/React.createElement(TrackForeground, _extends({
+      ref: pathRef,
+      $size: size,
+      $visible: !!pathRef.current,
+      $pathLength: pathLength,
+      $pathProgress: pathProgress
+    }, trackForegroundProps))), /*#__PURE__*/React.createElement(Text, _extends({
+      $size: size
+    }, textProps), roundTo(Math.min(progress * 100, 100)), "%"))
+  );
 }
 
 export default ProgressBarRounded;

package/esm/progress-bar/progressbar.js

@@ -76,7 +76,6 @@ var ProgressBar = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          ariaLabel = _this$props.ariaLabel,
           _this$props$overrides = _this$props.overrides,
           overrides = _this$props$overrides === void 0 ? {} : _this$props$overrides,
           getProgressLabel = _this$props.getProgressLabel,
@@ -90,8 +89,9 @@ var ProgressBar = /*#__PURE__*/function (_React$Component) {
           infinite = _this$props.infinite,
           errorMessage = _this$props.errorMessage,
           forwardedRef = _this$props.forwardedRef,
-          restProps = _objectWithoutProperties(_this$props, ["ariaLabel", "overrides", "getProgressLabel", "value", "size", "steps", "successValue", "minValue", "maxValue", "showLabel", "infinite", "errorMessage", "forwardedRef"]); // fallback on successValue (and it's default) if maxValue is not set by user
+          restProps = _objectWithoutProperties(_this$props, ["overrides", "getProgressLabel", "value", "size", "steps", "successValue", "minValue", "maxValue", "showLabel", "infinite", "errorMessage", "forwardedRef"]);
 
+      var ariaLabel = this.props['aria-label'] || this.props.ariaLabel; // fallback on successValue (and it's default) if maxValue is not set by user
 
       var maximumValue = maxValue !== 100 ? maxValue : successValue;
 
@@ -191,9 +191,13 @@ _defineProperty(ProgressBar, "defaultProps", {
 });
 
 var ForwardedProgressBar = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(ProgressBar, _extends({
-    forwardedRef: ref
-  }, props));
+  return (
+    /*#__PURE__*/
+    //$FlowExpectedError[cannot-spread-inexact]
+    React.createElement(ProgressBar, _extends({
+      forwardedRef: ref
+    }, props))
+  );
 });
 ForwardedProgressBar.displayName = 'ProgressBar';
 export default ForwardedProgressBar;

package/esm/radio/radio.js

@@ -117,7 +117,9 @@ var Radio = /*#__PURE__*/function (_React$Component) {
   _createClass(Radio, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      if (this.props.autoFocus && this.props.inputRef.current) {
+      var _this$props$inputRef;
+
+      if (this.props.autoFocus && (_this$props$inputRef = this.props.inputRef) !== null && _this$props$inputRef !== void 0 && _this$props$inputRef.current) {
         this.props.inputRef.current.focus();
       }
 

package/esm/radio/radiogroup.js

@@ -126,7 +126,7 @@ var StatelessRadioGroup = /*#__PURE__*/function (_React$Component) {
       if (process.env.NODE_ENV !== "production") {
         var overrideKeys = Object.keys(overrides); // TODO(v11)
 
-        if (overrideKeys.length && !overrideKeys.includes('RadioGroupRoot')) {
+        if (Boolean(overrideKeys.length) && !overrideKeys.includes('RadioGroupRoot')) {
           // eslint-disable-next-line no-console
           console.warn("All overrides beside 'RadioGroupRoot' will be deprecated in the next major version update.\n          Pass other overrides to the 'Radio' children instead.\n        ");
         }

package/esm/rating/emoticon-rating.js

@@ -130,7 +130,7 @@ var EmoticonRating = /*#__PURE__*/function (_React$Component) {
         refs.push(starRef);
         ratings.push( /*#__PURE__*/React.createElement(Emoticon, _extends({
           key: x,
-          role: "radio" // eslint-disable-next-line flowtype/no-weak-types
+          role: "radio" // flowlint-next-line unclear-type:off
           ,
           ref: starRef,
           tabIndex: isFocusable ? '0' : '-1',

package/esm/rating/star-rating.js

@@ -132,7 +132,7 @@ var StarRating = /*#__PURE__*/function (_React$Component) {
         ratings.push( /*#__PURE__*/React.createElement(Star, _extends({
           key: x,
           role: "radio",
-          title: "rating" // eslint-disable-next-line flowtype/no-weak-types
+          title: "rating" // flowlint-next-line unclear-type:off
           ,
           ref: starRef,
           tabIndex: isFocusable ? '0' : '-1',

package/esm/select/autosize-input.js

@@ -148,8 +148,7 @@ var AutosizeInput = /*#__PURE__*/function (_React$Component) {
         ref: inputRef
       }, inputProps)), /*#__PURE__*/React.createElement(StyledInputSizer, {
         $size: this.props.$size,
-        ref: this.sizerRef // $FlowFixMe checking for $style before use
-        ,
+        ref: this.sizerRef,
         $style: inputProps.$style ? inputProps.$style : null
       }, sizerValue));
     }

package/esm/select/dropdown.js

@@ -180,7 +180,7 @@ var SelectDropdown = /*#__PURE__*/function (_React$Component) {
         $type: type,
         $width: width
       };
-    } // eslint-disable-next-line flowtype/no-weak-types
+    } // flowlint-next-line unclear-type:off
 
   }, {
     key: "render",
@@ -267,7 +267,6 @@ var SelectDropdown = /*#__PURE__*/function (_React$Component) {
                   }),
                   // slightly hacky way to handle the list item style overrides
                   // since the menu component doesn't provide a top level overrides for it
-                  // $FlowFixMe
                   style: listItemProps.$style
                 }
               },

package/esm/select/multi-value.js

@@ -24,7 +24,7 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 import { getOverrides } from '../helpers/overrides.js';
-import { Tag, VARIANT as TAG_VARIANT } from '../tag/index.js'; // eslint-disable-next-line flowtype/no-weak-types
+import { Tag, VARIANT as TAG_VARIANT } from '../tag/index.js'; // flowlint-next-line unclear-type:off
 
 export default function MultiValue(props) {
   var _props$overrides = props.overrides,

package/esm/select/select-component.js

@@ -82,7 +82,7 @@ var isLeftClick = function isLeftClick(event) {
 
 var containsNode = function containsNode(parent, child) {
   if (typeof document !== 'undefined') {
-    // eslint-disable-next-line flowtype/no-weak-types
+    // flowlint-next-line unclear-type:off
     return child && parent && parent.contains(child);
   }
 };
@@ -103,7 +103,7 @@ export function isInteractive(rootTarget, rootElement) {
   }
 
   return false;
-} // eslint-disable-next-line flowtype/no-weak-types
+}
 
 var Select = /*#__PURE__*/function (_React$Component) {
   _inherits(Select, _React$Component);
@@ -871,7 +871,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
             padding: 0
           },
           tabIndex: -1
-        }, overrides.Input ? overrides.Input.props ? overrides.Input.props : {} : {})));
+        }, overrides.Input ? overrides.Input.props ? // $FlowExpectedError[not-an-object]
+        overrides.Input.props : {} : {})));
       }
 
       return /*#__PURE__*/React.createElement(InputContainer, _extends({}, sharedProps, inputContainerProps), /*#__PURE__*/React.createElement(AutosizeInput, _extends({
@@ -1132,7 +1133,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
           // apply the ref to the Root component below it would be overwritten before the popover
           // renders it. Using this strategy, we will get a ref to the popover, then reuse its
           // anchorRef so we can check if clicks are on the select component or not.
-          // eslint-disable-next-line flowtype/no-weak-types
+          // flowlint-next-line unclear-type:off
           , _extends({
             innerRef: function innerRef(ref) {
               if (!ref) return;

package/esm/select/styled-components.js

@@ -11,9 +11,8 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import { styled } from '../styles/index.js';
-import { TYPE } from './constants.js';
+import { TYPE, SIZE } from './constants.js';
 import { StyledList, StyledListItem } from '../menu/index.js';
-import { SIZE } from './constants.js';
 import { ellipsisText } from '../styles/util.js';
 
 function getFont() {

package/esm/select/value.js

@@ -24,7 +24,7 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 import { StyledSingleValue } from './styled-components.js';
-import { getOverrides } from '../helpers/overrides.js'; // eslint-disable-next-line flowtype/no-weak-types
+import { getOverrides } from '../helpers/overrides.js'; // flowlint-next-line unclear-type:off
 
 export default function Value(props) {
   var _props$overrides = props.overrides,

package/esm/slider/slider.js

@@ -93,7 +93,7 @@ function Slider(_ref) {
       setIsFocusVisible(true);
     }
 
-    var index = // eslint-disable-next-line flowtype/no-weak-types
+    var index = // flowlint-next-line unclear-type:off
     event.target.parentNode.firstChild === event.target ? 0 : 1;
     setFocusedThumbIndex(index);
   }, []);
@@ -199,7 +199,7 @@ function Slider(_ref) {
       var props = _ref3.props,
           index = _ref3.index,
           isDragged = _ref3.isDragged;
-      var displayLabel = persistentThumb ? persistentThumb : (index && isHovered1 || !index && isHovered0 || isDragged) && !disabled;
+      var displayLabel = persistentThumb ? persistentThumb : (!!index && isHovered1 || !index && isHovered0 || isDragged) && !disabled;
       return /*#__PURE__*/React.createElement(Thumb, _extends({}, props, {
         onMouseEnter: function onMouseEnter() {
           if (index === 0) {

package/esm/snackbar/snackbar-element.js

@@ -23,7 +23,8 @@ import { Button, KIND, SHAPE } from '../button/index.js';
 import { getOverrides } from '../helpers/overrides.js';
 import { useStyletron } from '../styles/index.js';
 import { StyledRoot, StyledContent, StyledStartEnhancerContainer, StyledSpinner, StyledMessage, StyledWrapActionButtonContainer, StyledActionButtonContainer } from './styled-components.js';
-var ActionButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var ActionButton = /*#__PURE__*/React.forwardRef( // flowlint-next-line unclear-type:off
+function (_ref, ref) {
   var onClick = _ref.onClick,
       message = _ref.message,
       _ref$overrides = _ref.overrides,
@@ -62,6 +63,7 @@ var ActionButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     shape: SHAPE.pill
   }, message));
 });
+ActionButton.displayName = 'ActionButton';
 export default function SnackbarElement(_ref2) {
   var actionMessage = _ref2.actionMessage,
       actionOnClick = _ref2.actionOnClick,
@@ -168,8 +170,7 @@ export default function SnackbarElement(_ref2) {
   React.useEffect(function () {
     if (typeof document !== 'undefined') {
       if (focus && actionButtonRef.current) {
-        prevFocusRef.current = document.activeElement; // $FlowFixMe
-
+        prevFocusRef.current = document.activeElement;
         actionButtonRef.current.focus();
       }
 

package/esm/snackbar/styled-components.js

@@ -54,7 +54,7 @@ export var StyledSpinner = withStyle(StyledSpinnerNext, function (_ref4) {
   };
 });
 StyledSpinner.displayName = "StyledSpinner";
-export var StyledMessage = styled('p', // $FlowFixMe - suppressing due to webkit properties
+export var StyledMessage = styled('p', //$FlowExpectedError[incompatible-shape]
 function (_ref5) {
   var _objectSpread2;
 

package/esm/spinner/spinner.js

@@ -87,24 +87,28 @@ var Spinner = /*#__PURE__*/function (_React$Component) {
           ActivePath = _getOverrides4[0],
           activePathProps = _getOverrides4[1];
 
-      return /*#__PURE__*/React.createElement(Icon, _extends({
-        "aria-label": this.props['aria-label'] || 'Loading',
-        "data-baseweb": "spinner",
-        title: "Spinner",
-        viewBox: "3 3 18 18"
-      }, this.props, {
-        overrides: mergedOverrides
-      }), /*#__PURE__*/React.createElement(TrackPath, _extends({
-        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",
-        $color: this.props.color
-      }, trackPathProps)), /*#__PURE__*/React.createElement(ActivePath, _extends({
-        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",
-        $color: this.props.color
-      }, activePathProps)));
+      return (
+        /*#__PURE__*/
+        // $FlowExpectedError[cannot-spread-inexact]
+        React.createElement(Icon, _extends({
+          "aria-label": 'Loading',
+          "data-baseweb": "spinner",
+          title: "Spinner",
+          viewBox: "3 3 18 18"
+        }, this.props, {
+          overrides: mergedOverrides
+        }), /*#__PURE__*/React.createElement(TrackPath, _extends({
+          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",
+          $color: this.props.color
+        }, trackPathProps)), /*#__PURE__*/React.createElement(ActivePath, _extends({
+          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",
+          $color: this.props.color
+        }, activePathProps)))
+      );
     }
   }]);
 

package/esm/spinner/styled-components.js

@@ -59,7 +59,6 @@ export var StyledSpinnerNext = styled('i', function (_ref) {
       $borderWidth = _ref.$borderWidth,
       _ref$$size = _ref.$size,
       $size = _ref$$size === void 0 ? SIZE.medium : _ref$$size;
-  //$FlowFixMe
   var borderSize = {
     large: $theme.sizing.scale300,
     medium: $theme.sizing.scale100,
@@ -80,7 +79,6 @@ export var StyledSpinnerNext = styled('i', function (_ref) {
   }
 
   if (!boxSize) {
-    //$FlowFixMe
     boxSize = $theme.sizing[$size];
 
     if (!boxSize) {

package/esm/styles/__mocks__/styled.js

@@ -39,7 +39,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 
-/* eslint-disable flowtype/no-weak-types */
+/* flowlint unclear-type:off */
 import * as React from 'react';
 import { getInitialStyle } from 'styletron-standard';
 import { LightTheme } from '../../themes/index.js';
@@ -152,6 +152,7 @@ export function styled(ElementName) {
 }
 export var withStyle = styled;
 export function withWrapper(StyledElement, wrapperFn) {
+  // eslint-disable-next-line react/display-name
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
     return wrapperFn(StyledElement)(_objectSpread(_objectSpread({
       ref: ref

package/esm/styles/styled.js

@@ -30,6 +30,7 @@ import { driver, getInitialStyle } from 'styletron-standard';
 import { ThemeContext } from './theme-provider.js';
 
 var wrapper = function wrapper(StyledComponent) {
+  // eslint-disable-next-line react/display-name
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       return /*#__PURE__*/React.createElement(StyledComponent, _extends({
@@ -42,29 +43,29 @@ var wrapper = function wrapper(StyledComponent) {
 };
 /* eslint-disable flowtype/generic-spacing */
 
-/* eslint-disable flowtype/no-weak-types */
+/* flowlint unclear-type:off */
 
 
 /* eslint-enable flowtype/generic-spacing */
 
-/* eslint-enable flowtype/no-weak-types */
+/* flowlint unclear-type:error */
 export function createThemedStyled() {
   return createStyled({
     wrapper: wrapper,
     getInitialStyle: getInitialStyle,
-    driver: driver // eslint-disable-next-line flowtype/no-weak-types
+    driver: driver // flowlint-next-line unclear-type:off
 
   });
 }
 export var styled = createThemedStyled();
 export function createThemedWithStyle() {
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   return styletronWithStyle;
 }
 export var withStyle = createThemedWithStyle();
 export function createThemedUseStyletron() {
   return function () {
-    // eslint-disable-next-line flowtype/no-weak-types
+    // flowlint-next-line unclear-type:off
     var theme = React.useContext(ThemeContext);
 
     var _styletronUseStyletro = styletronUseStyletron(),
@@ -75,10 +76,11 @@ export function createThemedUseStyletron() {
   };
 }
 export var useStyletron = createThemedUseStyletron();
-export function withWrapper( // eslint-disable-next-line flowtype/no-weak-types
+export function withWrapper( // flowlint-next-line unclear-type:off
 StyledElement, wrapperFn) {
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   return styletronWithWrapper(StyledElement, function (Styled) {
+    // eslint-disable-next-line react/display-name
     return /*#__PURE__*/React.forwardRef(function (props, ref) {
       return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
         return wrapperFn(Styled)(_objectSpread(_objectSpread({

package/esm/table/sortable-head-cell.js

@@ -67,7 +67,7 @@ export var SortableHeadCellFactory = function SortableHeadCellFactory() {
     };
 
     var enableHeadClick = fillClickTarget && !disabled;
-    var ariaLabel = props.ariaLabel;
+    var ariaLabel = props['aria-label'] || props.ariaLabel;
 
     if (!ariaLabel) {
       if (typeof props.title === 'string') {

package/esm/table-semantic/styled-components.js

@@ -29,7 +29,8 @@ function sizeToCellPadding($theme, $size) {
 export var StyledRoot = styled('div', function (_ref) {
   var $theme = _ref.$theme,
       $divider = _ref.$divider;
-  return _objectSpread(_objectSpread(_objectSpread({}, $divider === DIVIDER.grid || $divider === DIVIDER.vertical ? expandBorderStyles($theme.borders.border300) : {}), $divider === DIVIDER.horizontal ? {
+  var borderStyles = $divider === DIVIDER.grid || $divider === DIVIDER.vertical ? expandBorderStyles($theme.borders.border300) : {};
+  return _objectSpread(_objectSpread(_objectSpread({}, borderStyles), $divider === DIVIDER.horizontal ? {
     borderBottomWidth: $theme.borders.border300.borderWidth,
     borderBottomStyle: $theme.borders.border300.borderStyle,
     borderBottomColor: $theme.borders.border300.borderColor

package/esm/tabs/tabs.js

@@ -78,7 +78,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
           orientation = _this$props.orientation,
           children = _this$props.children,
           _this$props$overrides = _this$props.overrides,
-          overrides = _this$props$overrides === void 0 ? {} : _this$props$overrides; // eslint-disable-next-line flowtype/no-weak-types
+          overrides = _this$props$overrides === void 0 ? {} : _this$props$overrides; // flowlint-next-line unclear-type:off
 
       var tabs = React.Children.map(children, function (child, index) {
         if (!child) return;
@@ -117,7 +117,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
       var _getOverrides = getOverrides(TabContentOverride, StyledTabContent),
           _getOverrides2 = _slicedToArray(_getOverrides, 2),
           TabContent = _getOverrides2[0],
-          tabContentProps = _getOverrides2[1]; // eslint-disable-next-line flowtype/no-weak-types
+          tabContentProps = _getOverrides2[1]; // flowlint-next-line unclear-type:off
 
 
       var tabs = React.Children.map(children, function (child, index) {