baseui 10.0.0 → 10.3.0

package/esm/form-control/form-control.js

@@ -32,7 +32,7 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 import { getOverride, getOverrideProps } from '../helpers/overrides.js';
-import getBuiId from '../utils/get-bui-id.js';
+import { UIDConsumer } from 'react-uid';
 import { Label as StyledLabel, Caption as StyledCaption, ControlContainer as StyledControlContainer } from './styled-components.js';
 
 function chooseRenderedHint(caption, error, positive, sharedProps) {
@@ -57,28 +57,14 @@ var FormControl = /*#__PURE__*/function (_React$Component) {
   var _super = _createSuper(FormControl);
 
   function FormControl() {
-    var _this;
-
     _classCallCheck(this, FormControl);
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      captionId: getBuiId()
-    });
-
-    return _this;
+    return _super.apply(this, arguments);
   }
 
   _createClass(FormControl, [{
     key: "render",
     value: function render() {
-      var _this2 = this;
-
       var _this$props = this.props,
           _this$props$overrides = _this$props.overrides,
           LabelOverride = _this$props$overrides.Label,
@@ -112,23 +98,25 @@ var FormControl = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(Label, _extends({
         "data-baseweb": "form-control-label",
         htmlFor: htmlFor || onlyChildProps.id
-      }, sharedProps, getOverrideProps(LabelOverride)), typeof label === 'function' ? label(sharedProps) : label), /*#__PURE__*/React.createElement(ControlContainer, _extends({
-        "data-baseweb": "form-control-container"
-      }, sharedProps, getOverrideProps(ControlContainerOverride)), React.Children.map(children, function (child, index) {
-        if (!child) return;
-        var key = child.key || String(index);
-        return /*#__PURE__*/React.cloneElement(child, {
-          key: key,
-          'aria-errormessage': error ? _this2.state.captionId : null,
-          'aria-describedby': caption || positive ? _this2.state.captionId : null,
-          disabled: onlyChildProps.disabled || disabled,
-          error: typeof onlyChildProps.error !== 'undefined' ? onlyChildProps.error : error,
-          positive: typeof onlyChildProps.positive !== 'undefined' ? onlyChildProps.positive : positive
-        });
-      }), (caption || error || positive) && /*#__PURE__*/React.createElement(Caption, _extends({
-        "data-baseweb": "form-control-caption",
-        id: this.state.captionId
-      }, sharedProps, getOverrideProps(CaptionOverride)), hint)));
+      }, sharedProps, getOverrideProps(LabelOverride)), typeof label === 'function' ? label(sharedProps) : label), /*#__PURE__*/React.createElement(UIDConsumer, null, function (captionId) {
+        return /*#__PURE__*/React.createElement(ControlContainer, _extends({
+          "data-baseweb": "form-control-container"
+        }, sharedProps, getOverrideProps(ControlContainerOverride)), React.Children.map(children, function (child, index) {
+          if (!child) return;
+          var key = child.key || String(index);
+          return /*#__PURE__*/React.cloneElement(child, {
+            key: key,
+            'aria-errormessage': error ? captionId : null,
+            'aria-describedby': caption || positive ? captionId : null,
+            disabled: onlyChildProps.disabled || disabled,
+            error: typeof onlyChildProps.error !== 'undefined' ? onlyChildProps.error : error,
+            positive: typeof onlyChildProps.positive !== 'undefined' ? onlyChildProps.positive : positive
+          });
+        }), (caption || error || positive) && /*#__PURE__*/React.createElement(Caption, _extends({
+          "data-baseweb": "form-control-caption",
+          id: captionId
+        }, sharedProps, getOverrideProps(CaptionOverride)), hint));
+      }));
     }
   }]);
 

package/esm/helper/helper.js

@@ -38,12 +38,16 @@ export function Helper(props) {
       }
     }
   }, overrides);
-  return /*#__PURE__*/React.createElement(Popover, _extends({
-    "data-baseweb": "helper"
-  }, restProps, {
-    placement: placement,
-    overrides: mergedOverrides
-  }));
+  return (
+    /*#__PURE__*/
+    //$FlowFixMe
+    React.createElement(Popover, _extends({
+      "data-baseweb": "helper"
+    }, restProps, {
+      placement: placement,
+      overrides: mergedOverrides
+    }))
+  );
 }
 Helper.defaultProps = _objectSpread(_objectSpread({}, Popover.defaultProps), {}, {
   placement: PLACEMENT.bottom,

package/esm/helpers/base-provider.js

@@ -5,6 +5,7 @@ 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 { UIDReset } from 'react-uid';
 import { LayersManager } from '../layer/index.js';
 import { ThemeProvider } from '../styles/index.js';
 
@@ -16,9 +17,11 @@ var BaseProvider = function BaseProvider(props) {
   return /*#__PURE__*/React.createElement(LayersManager, {
     zIndex: zIndex,
     overrides: overrides
+  }, /*#__PURE__*/React.createElement(UIDReset, {
+    prefix: "bui"
   }, /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, children));
+  }, children)));
 };
 
 export default BaseProvider;

package/esm/input/input.js

@@ -134,14 +134,14 @@ var Input = /*#__PURE__*/function (_React$Component) {
       }, sharedProps, rootProps, {
         $adjoined: getAdjoinedProp(startEnhancer, endEnhancer),
         $hasIconTrailing: this.props.clearable || this.props.type == 'password'
-      }), startEnhancer && /*#__PURE__*/React.createElement(StartEnhancer, _extends({}, sharedProps, startEnhancerProps, {
+      }), isEnhancer(startEnhancer) && /*#__PURE__*/React.createElement(StartEnhancer, _extends({}, sharedProps, startEnhancerProps, {
         $position: ENHANCER_POSITION.start
       }), typeof startEnhancer === 'function' ? startEnhancer(sharedProps) : startEnhancer), /*#__PURE__*/React.createElement(BaseInput, _extends({}, restProps, {
         overrides: restOverrides,
         adjoined: getAdjoinedProp(startEnhancer, endEnhancer),
         onFocus: this.onFocus,
         onBlur: this.onBlur
-      })), endEnhancer && /*#__PURE__*/React.createElement(EndEnhancer, _extends({}, sharedProps, endEnhancerProps, {
+      })), isEnhancer(endEnhancer) && /*#__PURE__*/React.createElement(EndEnhancer, _extends({}, sharedProps, endEnhancerProps, {
         $position: ENHANCER_POSITION.end
       }), typeof endEnhancer === 'function' ? endEnhancer(sharedProps) : endEnhancer));
     }
@@ -167,15 +167,19 @@ _defineProperty(Input, "defaultProps", {
 });
 
 function getAdjoinedProp(startEnhancer, endEnhancer) {
-  if (startEnhancer && endEnhancer) {
+  if (isEnhancer(startEnhancer) && isEnhancer(endEnhancer)) {
     return ADJOINED.both;
-  } else if (startEnhancer) {
+  } else if (isEnhancer(startEnhancer)) {
     return ADJOINED.left;
-  } else if (endEnhancer) {
+  } else if (isEnhancer(endEnhancer)) {
     return ADJOINED.right;
   }
 
   return ADJOINED.none;
 }
 
+function isEnhancer(enhancer) {
+  return Boolean(enhancer || enhancer === 0);
+}
+
 export default Input;

package/esm/layer/layer.js

@@ -87,7 +87,11 @@ var LayerComponent = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       this.context.addEscapeHandler(this.onEscape);
-      this.context.addDocClickHandler(this.onDocumentClick);
+
+      if (!this.props.isHoverLayer) {
+        this.context.addDocClickHandler(this.onDocumentClick);
+      }
+
       var _this$props = this.props,
           onMount = _this$props.onMount,
           mountNode = _this$props.mountNode,

package/esm/layout-grid/grid.js

@@ -27,7 +27,7 @@ LICENSE file in the root directory of this source tree.
 import * as React from 'react';
 import { getOverrides } from '../helpers/overrides.js';
 import { STYLE, STYLE_VALUES } from './constants.js';
-import { StyledGrid as DefaultStyledGrid } from './styled-components.js';
+import { StyledGrid as DefaultStyledGrid, StyledGridWrapper as DefaultStyledGridWrapper } from './styled-components.js';
 export var GridContext = /*#__PURE__*/React.createContext({});
 export default function Grid(_ref) {
   var align = _ref.align,
@@ -49,32 +49,42 @@ export default function Grid(_ref) {
       StyledGrid = _getOverrides2[0],
       overrideProps = _getOverrides2[1];
 
+  var _getOverrides3 = getOverrides(overrides.GridWrapper, DefaultStyledGridWrapper),
+      _getOverrides4 = _slicedToArray(_getOverrides3, 2),
+      StyledGridWrapper = _getOverrides4[0],
+      wrapperProps = _getOverrides4[1];
+
   var presetStyleValues = STYLE_VALUES[gridStyle];
-  var gridStyleValues = presetStyleValues && {
+  var gridStyleValues = presetStyleValues ? {
     $gridGutters: presetStyleValues.gutters,
     $gridMargins: presetStyleValues.margins,
     $gridMaxWidth: presetStyleValues.maxWidth,
     $gridUnit: presetStyleValues.unit
-  };
+  } : {};
   var gridContextStyleValues = presetStyleValues && {
     gridColumns: presetStyleValues.columns,
     gridGaps: presetStyleValues.gaps,
     gridGutters: presetStyleValues.gutters,
     gridUnit: presetStyleValues.unit
   };
-  return /*#__PURE__*/React.createElement(StyledGrid, _extends({
+  return /*#__PURE__*/React.createElement(StyledGridWrapper, _extends({
+    $behavior: behavior,
+    $gridMargins: gridMargins != null ? gridMargins : gridStyleValues.$gridMargins,
+    $gridMaxWidth: gridMaxWidth != null ? gridMaxWidth : gridStyleValues.$gridMaxWidth,
+    $gridUnit: gridUnit != null ? gridUnit : gridStyleValues.$gridUnit
+  }, wrapperProps), /*#__PURE__*/React.createElement(StyledGrid, _extends({
     $align: align,
     $behavior: behavior,
-    $gridGutters: gridGutters,
-    $gridMargins: gridMargins,
-    $gridMaxWidth: gridMaxWidth,
-    $gridUnit: gridUnit
-  }, gridStyleValues, overrideProps), /*#__PURE__*/React.createElement(GridContext.Provider, {
+    $gridGutters: gridGutters != null ? gridGutters : gridStyleValues.$gridGutters,
+    $gridMargins: gridMargins != null ? gridMargins : gridStyleValues.$gridMargins,
+    $gridMaxWidth: gridMaxWidth != null ? gridMaxWidth : gridStyleValues.$gridMaxWidth,
+    $gridUnit: gridUnit != null ? gridUnit : gridStyleValues.$gridUnit
+  }, overrideProps), /*#__PURE__*/React.createElement(GridContext.Provider, {
     value: _objectSpread({
       gridColumns: gridColumns,
       gridGaps: gridGaps,
       gridGutters: gridGutters,
       gridUnit: gridUnit
     }, gridContextStyleValues)
-  }, children));
+  }, children)));
 }

package/esm/layout-grid/styled-components.js

@@ -13,60 +13,78 @@ LICENSE file in the root directory of this source tree.
 import { styled } from '../styles/index.js';
 import { getMediaQueries } from '../helpers/responsive-helpers.js';
 import { BEHAVIOR } from './constants.js';
-export var StyledGrid = styled('div', function (_ref) {
+export var StyledGridWrapper = styled('div', function (_ref) {
   var $theme = _ref.$theme,
-      _ref$$align = _ref.$align,
-      $align = _ref$$align === void 0 ? null : _ref$$align,
       _ref$$behavior = _ref.$behavior,
       $behavior = _ref$$behavior === void 0 ? BEHAVIOR.fixed : _ref$$behavior,
-      _ref$$gridGutters = _ref.$gridGutters,
-      $gridGutters = _ref$$gridGutters === void 0 ? $theme.grid.gutters : _ref$$gridGutters,
       _ref$$gridMargins = _ref.$gridMargins,
       $gridMargins = _ref$$gridMargins === void 0 ? $theme.grid.margins : _ref$$gridMargins,
       _ref$$gridMaxWidth = _ref.$gridMaxWidth,
       $gridMaxWidth = _ref$$gridMaxWidth === void 0 ? $theme.grid.maxWidth : _ref$$gridMaxWidth,
       _ref$$gridUnit = _ref.$gridUnit,
       $gridUnit = _ref$$gridUnit === void 0 ? $theme.grid.unit : _ref$$gridUnit;
+  return {
+    margin: 'auto',
+    maxWidth: $behavior === BEHAVIOR.fixed ? "".concat($gridMaxWidth + 2 * getResponsiveNumber($gridMargins, Infinity) - 1).concat($gridUnit) : null
+  };
+});
+StyledGridWrapper.displayName = "StyledGridWrapper";
+export var StyledGrid = styled('div', function (_ref2) {
+  var $theme = _ref2.$theme,
+      _ref2$$align = _ref2.$align,
+      $align = _ref2$$align === void 0 ? null : _ref2$$align,
+      _ref2$$behavior = _ref2.$behavior,
+      $behavior = _ref2$$behavior === void 0 ? BEHAVIOR.fixed : _ref2$$behavior,
+      _ref2$$gridGutters = _ref2.$gridGutters,
+      $gridGutters = _ref2$$gridGutters === void 0 ? $theme.grid.gutters : _ref2$$gridGutters,
+      _ref2$$gridMargins = _ref2.$gridMargins,
+      $gridMargins = _ref2$$gridMargins === void 0 ? $theme.grid.margins : _ref2$$gridMargins,
+      _ref2$$gridMaxWidth = _ref2.$gridMaxWidth,
+      $gridMaxWidth = _ref2$$gridMaxWidth === void 0 ? $theme.grid.maxWidth : _ref2$$gridMaxWidth,
+      _ref2$$gridUnit = _ref2.$gridUnit,
+      $gridUnit = _ref2$$gridUnit === void 0 ? $theme.grid.unit : _ref2$$gridUnit;
   var mediaQueries = getMediaQueries($theme.breakpoints);
   var gridStyles = mediaQueries.reduce(function (acc, cur, idx) {
     return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, cur, {
-      paddingLeft: "".concat(getResponsiveNumber($gridMargins, idx) - getResponsiveNumber($gridGutters, idx) / 2 - 0.5).concat($gridUnit),
-      paddingRight: "".concat(getResponsiveNumber($gridMargins, idx) - getResponsiveNumber($gridGutters, idx) / 2 - 0.5).concat($gridUnit),
+      paddingLeft: "".concat(getResponsiveNumber($gridMargins, idx)).concat($gridUnit),
+      paddingRight: "".concat(getResponsiveNumber($gridMargins, idx)).concat($gridUnit),
+      marginLeft: "-".concat(getResponsiveNumber($gridGutters, idx) / 2).concat($gridUnit),
+      marginRight: "-".concat(getResponsiveNumber($gridGutters, idx) / 2).concat($gridUnit),
       alignItems: getResponsiveValue($align, idx)
     }));
   }, {
-    paddingLeft: "".concat(getResponsiveNumber($gridMargins, 0) - getResponsiveNumber($gridGutters, 0) / 2 - 0.5).concat($gridUnit),
-    paddingRight: "".concat(getResponsiveNumber($gridMargins, 0) - getResponsiveNumber($gridGutters, 0) / 2 - 0.5).concat($gridUnit),
+    paddingLeft: "".concat(getResponsiveNumber($gridMargins, 0)).concat($gridUnit),
+    paddingRight: "".concat(getResponsiveNumber($gridMargins, 0)).concat($gridUnit),
+    marginLeft: "-".concat(getResponsiveNumber($gridGutters, 0) / 2).concat($gridUnit),
+    marginRight: "-".concat(getResponsiveNumber($gridGutters, 0) / 2).concat($gridUnit),
     alignItems: getResponsiveValue($align, 0)
   });
   return _objectSpread({
     boxSizing: 'border-box',
     display: 'flex',
     flexWrap: 'wrap',
-    marginLeft: 'auto',
-    marginRight: 'auto',
     maxWidth: $behavior === BEHAVIOR.fixed ? "".concat($gridMaxWidth + 2 * getResponsiveNumber($gridMargins, Infinity) - 1).concat($gridUnit) : null
   }, gridStyles);
 });
 StyledGrid.displayName = "StyledGrid";
-export var StyledCell = styled('div', function (_ref2) {
-  var $theme = _ref2.$theme,
-      _ref2$$align = _ref2.$align,
-      $align = _ref2$$align === void 0 ? null : _ref2$$align,
-      _ref2$$order = _ref2.$order,
-      $order = _ref2$$order === void 0 ? null : _ref2$$order,
-      _ref2$$gridColumns = _ref2.$gridColumns,
-      $gridColumns = _ref2$$gridColumns === void 0 ? $theme.grid.columns : _ref2$$gridColumns,
-      _ref2$$gridGaps = _ref2.$gridGaps,
-      $gridGaps = _ref2$$gridGaps === void 0 ? $theme.grid.gaps : _ref2$$gridGaps,
-      _ref2$$gridGutters = _ref2.$gridGutters,
-      $gridGutters = _ref2$$gridGutters === void 0 ? $theme.grid.gutters : _ref2$$gridGutters,
-      _ref2$$gridUnit = _ref2.$gridUnit,
-      $gridUnit = _ref2$$gridUnit === void 0 ? $theme.grid.unit : _ref2$$gridUnit,
-      _ref2$$skip = _ref2.$skip,
-      $skip = _ref2$$skip === void 0 ? [0, 0, 0] : _ref2$$skip,
-      _ref2$$span = _ref2.$span,
-      $span = _ref2$$span === void 0 ? [1, 1, 1] : _ref2$$span;
+export var StyledCell = styled('div', function (_ref3) {
+  var $theme = _ref3.$theme,
+      _ref3$$align = _ref3.$align,
+      $align = _ref3$$align === void 0 ? null : _ref3$$align,
+      _ref3$$order = _ref3.$order,
+      $order = _ref3$$order === void 0 ? null : _ref3$$order,
+      _ref3$$gridColumns = _ref3.$gridColumns,
+      $gridColumns = _ref3$$gridColumns === void 0 ? $theme.grid.columns : _ref3$$gridColumns,
+      _ref3$$gridGaps = _ref3.$gridGaps,
+      $gridGaps = _ref3$$gridGaps === void 0 ? $theme.grid.gaps : _ref3$$gridGaps,
+      _ref3$$gridGutters = _ref3.$gridGutters,
+      $gridGutters = _ref3$$gridGutters === void 0 ? $theme.grid.gutters : _ref3$$gridGutters,
+      _ref3$$gridUnit = _ref3.$gridUnit,
+      $gridUnit = _ref3$$gridUnit === void 0 ? $theme.grid.unit : _ref3$$gridUnit,
+      _ref3$$skip = _ref3.$skip,
+      $skip = _ref3$$skip === void 0 ? [0, 0, 0] : _ref3$$skip,
+      _ref3$$span = _ref3.$span,
+      $span = _ref3$$span === void 0 ? [1, 1, 1] : _ref3$$span;
   var mediaQueries = getMediaQueries($theme.breakpoints);
   var cellStyles = mediaQueries.reduce(function (acc, cur, idx) {
     if (getResponsiveNumber($span, idx) === 0) {
@@ -82,18 +100,17 @@ export var StyledCell = styled('div', function (_ref2) {
 
     return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, cur, {
       display: 'block',
-      width: "".concat(100 / getResponsiveNumber($gridColumns, idx) * Math.min(getResponsiveNumber($span, idx), getResponsiveNumber($gridColumns, idx)), "%"),
-      marginLeft: "".concat(100 / getResponsiveNumber($gridColumns, idx) * Math.min(getResponsiveNumber($skip, idx), getResponsiveNumber($gridColumns, idx) - 1), "%"),
-      paddingLeft: "".concat(getResponsiveNumber($gridGutters, idx) / 2).concat($gridUnit),
-      paddingRight: "".concat(getResponsiveNumber($gridGutters, idx) / 2).concat($gridUnit),
+      width: "calc(".concat(100 / getResponsiveNumber($gridColumns, idx) * Math.min(getResponsiveNumber($span, idx), getResponsiveNumber($gridColumns, idx)), "% - ").concat(getResponsiveNumber($gridGutters, idx)).concat($gridUnit, ")"),
+      marginLeft: "calc(".concat(100 / getResponsiveNumber($gridColumns, idx) * Math.min(getResponsiveNumber($skip, idx), getResponsiveNumber($gridColumns, idx) - 1), "% + ").concat(getResponsiveNumber($gridGutters, idx) / 2).concat($gridUnit, ")"),
+      marginRight: "".concat(getResponsiveNumber($gridGutters, idx) / 2).concat($gridUnit),
       marginBottom: "".concat(getResponsiveNumber($gridGaps, idx)).concat($gridUnit),
       alignSelf: getResponsiveValue($align, idx),
       order: getResponsiveNumber($order, idx)
     }));
   }, {
     width: '100%',
-    paddingLeft: "".concat(getResponsiveNumber($gridGutters, 0) / 2).concat($gridUnit),
-    paddingRight: "".concat(getResponsiveNumber($gridGutters, 0) / 2).concat($gridUnit),
+    marginLeft: "".concat(getResponsiveNumber($gridGutters, 0) / 2).concat($gridUnit),
+    marginRight: "".concat(getResponsiveNumber($gridGutters, 0) / 2).concat($gridUnit),
     marginBottom: "".concat(getResponsiveNumber($gridGaps, 0)).concat($gridUnit),
     alignSelf: getResponsiveValue($align, 0),
     order: getResponsiveNumber($order, 0)

package/esm/list/index.js

@@ -6,6 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 export { default as ListItem } from './list-item.js';
 export { default as ListItemLabel } from './list-item-label.js';
+export { default as ListHeading } from './list-heading.js';
 export { default as MenuAdapter } from './menu-adapter.js';
 export { ARTWORK_SIZES, SHAPE } from './constants.js';
 export * from './styled-components.js';

package/esm/list/list-heading.js

@@ -0,0 +1,116 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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; }
+
+/*
+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 React from 'react';
+import ReactIs from 'react-is';
+import { getOverrides } from '../helpers/overrides.js';
+import { StyledHeadingRoot, StyledHeadingContent, StyledHeadingContentRow, StyledHeadingEndEnhancerContainer, StyledHeadingEndEnhancerDescriptionContainer, StyledHeadingMainHeading, StyledHeadingSubHeading } from './styled-components.js';
+
+function RenderNode(props) {
+  var component = props.component,
+      restProps = _objectWithoutProperties(props, ["component"]);
+
+  var Component = component;
+
+  if (!Component) {
+    return null;
+  }
+
+  if (typeof Component === 'string') {
+    return Component;
+  }
+
+  if (ReactIs.isValidElementType(Component)) {
+    // $FlowFixMe
+    return /*#__PURE__*/React.createElement(Component, restProps);
+  } // $FlowFixMe
+
+
+  return Component;
+}
+
+var ListHeading = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$overrides = props.overrides,
+      overrides = _props$overrides === void 0 ? {} : _props$overrides;
+  var EndEnhancer = props.endEnhancer;
+  var EndEnhancerDescription = props.endEnhancerDescription;
+  var SubHeading = props.subHeading;
+
+  var _getOverrides = getOverrides(overrides.Root, StyledHeadingRoot),
+      _getOverrides2 = _slicedToArray(_getOverrides, 2),
+      Root = _getOverrides2[0],
+      rootProps = _getOverrides2[1];
+
+  var _getOverrides3 = getOverrides(overrides.Content, StyledHeadingContent),
+      _getOverrides4 = _slicedToArray(_getOverrides3, 2),
+      Content = _getOverrides4[0],
+      contentProps = _getOverrides4[1];
+
+  var _getOverrides5 = getOverrides(overrides.HeadingContainer, StyledHeadingMainHeading),
+      _getOverrides6 = _slicedToArray(_getOverrides5, 2),
+      HeadingContainer = _getOverrides6[0],
+      headingContainerProps = _getOverrides6[1];
+
+  var _getOverrides7 = getOverrides(overrides.SubHeadingContainer, StyledHeadingSubHeading),
+      _getOverrides8 = _slicedToArray(_getOverrides7, 2),
+      SubHeadingContainer = _getOverrides8[0],
+      subHeadingContainerProps = _getOverrides8[1];
+
+  var _getOverrides9 = getOverrides(overrides.EndEnhancerContainer, StyledHeadingEndEnhancerContainer),
+      _getOverrides10 = _slicedToArray(_getOverrides9, 2),
+      EndEnhancerContainer = _getOverrides10[0],
+      endEnhancerContainerProps = _getOverrides10[1];
+
+  var _getOverrides11 = getOverrides(overrides.EndEnhancerDescriptionContainer, StyledHeadingEndEnhancerDescriptionContainer),
+      _getOverrides12 = _slicedToArray(_getOverrides11, 2),
+      EndEnhancerDescriptionContainer = _getOverrides12[0],
+      endEnhancerDescriptionContainerProps = _getOverrides12[1];
+
+  var isEndEnhancerString = typeof EndEnhancer === 'string';
+
+  if (isEndEnhancerString && EndEnhancerDescription) {
+    console.warn('endEnhancerDescription will not be rendered if endEnhancer is not a string');
+  }
+
+  return /*#__PURE__*/React.createElement(Root // eslint-disable-next-line flowtype/no-weak-types
+  , _extends({
+    ref: ref
+  }, rootProps), /*#__PURE__*/React.createElement(Content, contentProps, /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(HeadingContainer, _extends({
+    $maxLines: props.maxLines
+  }, headingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
+    component: props.heading
+  })), EndEnhancer && /*#__PURE__*/React.createElement(EndEnhancerContainer, _extends({
+    $isText: isEndEnhancerString
+  }, endEnhancerContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
+    component: EndEnhancer
+  }))), (SubHeading || EndEnhancerDescription) && /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(SubHeadingContainer, _extends({
+    $maxLines: props.maxLines
+  }, subHeadingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
+    component: SubHeading
+  })), EndEnhancerDescription && isEndEnhancerString && /*#__PURE__*/React.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/React.createElement(RenderNode, {
+    component: EndEnhancerDescription
+  })))));
+});
+ListHeading.displayName = 'ListHeading';
+export default ListHeading;

package/esm/list/list-item.js

@@ -78,7 +78,7 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   })), /*#__PURE__*/React.createElement(Content, _extends({
     $mLeft: !Artwork,
     $sublist: !!props.sublist
-  }, contentProps), props.children, EndEnhancer && /*#__PURE__*/React.createElement(EndEnhancerContainer, endEnhancerContainerProps, /*#__PURE__*/React.createElement(EndEnhancer, null))));
+  }, contentProps), props.children, EndEnhancer && EndEnhancer !== 0 && /*#__PURE__*/React.createElement(EndEnhancerContainer, endEnhancerContainerProps, /*#__PURE__*/React.createElement(EndEnhancer, null))));
 });
 ListItem.displayName = 'ListItem';
 export default ListItem;

package/esm/list/menu-adapter.js

@@ -6,6 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 import ListItem from './list-item.js';
+import { mergeOverrides } from '../helpers/overrides.js';
 var MenuAdapter = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(ListItem, {
     ref: ref,
@@ -13,7 +14,8 @@ var MenuAdapter = /*#__PURE__*/React.forwardRef(function (props, ref) {
     artwork: props.artwork,
     artworkSize: props.artworkSize,
     endEnhancer: props.endEnhancer,
-    overrides: {
+    overrides: // $FlowFixMe
+    mergeOverrides({
       Root: {
         props: {
           onMouseEnter: props.onMouseEnter,
@@ -27,7 +29,7 @@ var MenuAdapter = /*#__PURE__*/React.forwardRef(function (props, ref) {
           };
         }
       }
-    }
+    }, props.overrides)
   }, props.children);
 });
 MenuAdapter.displayName = 'MenuAdapter';