@sproutsocial/racine 12.24.0 → 13.0.2

package/lib/Input/index.js

@@ -15,12 +15,12 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 import * as React from 'react';
-import Container, { Accessory } from "./styles";
-import Button from "../Button";
-import Icon from "../Icon";
 import styled from 'styled-components';
-import { mergeRefs } from "../utils";
 import { useInteractiveColor } from "../utils/useInteractiveColor";
+import { mergeRefs } from "../utils";
+import Button from "../Button";
+import Icon from "../Icon";
+import Container, { Accessory } from "./styles";
 var InputContext = /*#__PURE__*/React.createContext({});
 var StyledButton = styled(Button).withConfig({
   displayName: "Input__StyledButton",
@@ -192,53 +192,56 @@ var Input = /*#__PURE__*/function (_React$Component) {
       }) : elemBefore;
       // Do not add a ClearButton if an elemAfter prop was passed.
       var elementAfter = type === 'search' && !elemAfter ? /*#__PURE__*/React.createElement(ClearButton, null) : elemAfter;
-      return /*#__PURE__*/React.createElement(Container, _extends({
-        hasBeforeElement: !!elementBefore,
-        hasAfterElement: !!elementAfter,
-        disabled: disabled,
-        invalid: !!isInvalid,
-        warning: hasWarning,
-        appearance: appearance,
-        size: size
+      return (
+        /*#__PURE__*/
         // $FlowIssue - upgrade v0.112.0
-      }, rest), /*#__PURE__*/React.createElement(InputContext.Provider, {
-        value: {
-          handleClear: this.handleClear,
-          hasValue: this.state.hasValue,
-          clearButtonLabel: clearButtonLabel,
+        React.createElement(Container, _extends({
+          hasBeforeElement: !!elementBefore,
+          hasAfterElement: !!elementAfter,
+          disabled: disabled,
+          invalid: !!isInvalid,
+          warning: hasWarning,
+          appearance: appearance,
           size: size
-        }
-      }, elementBefore && /*#__PURE__*/React.createElement(Accessory, {
-        before: true
-      }, elementBefore), /*#__PURE__*/React.createElement("input", _extends({
-        "aria-invalid": !!isInvalid,
-        "aria-label": ariaLabel,
-        "aria-describedby": ariaDescribedby,
-        autoComplete: autoCompleteValue,
-        autoFocus: autoFocus,
-        disabled: disabled,
-        readOnly: readOnly,
-        id: id,
-        name: name,
-        placeholder: placeholder,
-        type: type,
-        required: required,
-        value: value,
-        maxLength: maxLength,
-        onBlur: this.handleBlur,
-        onChange: this.handleChange,
-        onFocus: this.handleFocus,
-        onKeyDown: this.handleKeyDown,
-        onKeyUp: this.handleKeyUp,
-        onPaste: this.handlePaste,
-        ref: mergeRefs([innerRef, this.inputRef]),
-        "data-qa-input": name || '',
-        "data-qa-input-isdisabled": disabled === true,
-        "data-qa-input-isrequired": required === true
-      }, qa, inputProps)), elementAfter && /*#__PURE__*/React.createElement(Accessory, {
-        after: true,
-        isClearButton: isClearButton(elementAfter)
-      }, elementAfter)));
+        }, rest), /*#__PURE__*/React.createElement(InputContext.Provider, {
+          value: {
+            handleClear: this.handleClear,
+            hasValue: this.state.hasValue,
+            clearButtonLabel: clearButtonLabel,
+            size: size
+          }
+        }, elementBefore && /*#__PURE__*/React.createElement(Accessory, {
+          before: true
+        }, elementBefore), /*#__PURE__*/React.createElement("input", _extends({
+          "aria-invalid": !!isInvalid,
+          "aria-label": ariaLabel,
+          "aria-describedby": ariaDescribedby,
+          autoComplete: autoCompleteValue,
+          autoFocus: autoFocus,
+          disabled: disabled,
+          readOnly: readOnly,
+          id: id,
+          name: name,
+          placeholder: placeholder,
+          type: type,
+          required: required,
+          value: value,
+          maxLength: maxLength,
+          onBlur: this.handleBlur,
+          onChange: this.handleChange,
+          onFocus: this.handleFocus,
+          onKeyDown: this.handleKeyDown,
+          onKeyUp: this.handleKeyUp,
+          onPaste: this.handlePaste,
+          ref: mergeRefs([innerRef, this.inputRef]),
+          "data-qa-input": name || '',
+          "data-qa-input-isdisabled": disabled === true,
+          "data-qa-input-isrequired": required === true
+        }, qa, inputProps)), elementAfter && /*#__PURE__*/React.createElement(Accessory, {
+          after: true,
+          isClearButton: isClearButton(elementAfter)
+        }, elementAfter)))
+      );
     }
   }]);
   return Input;

package/lib/Input/styles.js

@@ -1,7 +1,7 @@
 
 import styled, { css } from 'styled-components';
-import { COMMON } from "../utils/system-props";
 import { focusRing } from "../utils/mixins";
+import { COMMON } from "../utils/system-props";
 var Container = styled.div.withConfig({
   displayName: "styles__Container",
   componentId: "sc-uozj0s-0"

package/lib/Label/index.flow.js

@@ -0,0 +1,3 @@
+
+import * as React from 'react';
+import Text from "../Text";

package/lib/Label/index.js

@@ -40,13 +40,16 @@ var Label = /*#__PURE__*/function (_React$Component) {
   _createClass(Label, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(StyledLabel, _extends({
-        fontSize: 200,
-        fontWeight: "semibold",
-        color: "text.headline",
-        "data-qa-label": this.props.htmlFor
+      return (
+        /*#__PURE__*/
         // $FlowIssue - upgrade v0.112.0
-      }, this.props));
+        React.createElement(StyledLabel, _extends({
+          fontSize: 200,
+          fontWeight: "semibold",
+          color: "text.headline",
+          "data-qa-label": this.props.htmlFor
+        }, this.props))
+      );
     }
   }]);
   return Label;

package/lib/Link/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/Link/styles.js

@@ -1,8 +1,8 @@
 
 import styled, { css } from 'styled-components';
 import { focusRing, disabled } from "../utils/mixins";
-import Text from "../Text";
 import { TYPOGRAPHY, COMMON, FLEXBOX } from "../utils/system-props";
+import Text from "../Text";
 var Container = styled(Text).withConfig({
   displayName: "styles__Container",
   componentId: "sc-adcw4a-0"

package/lib/Listbox/index.flow.js

@@ -0,0 +1,4 @@
+
+import * as React from 'react';
+import Button from "../Button";
+import Popout from "../Popout";

package/lib/Listbox/index.js

@@ -8,10 +8,10 @@ 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; }
 import * as React from 'react';
 import styled, { css } from 'styled-components';
-import Menu, { MenuButton } from "../Menu";
+import { MENU_ROLES } from "../Menu/constants";
 import { Arrow } from "../Select/styles";
 import Icon from "../Icon";
-import { MENU_ROLES } from "../Menu/constants";
+import Menu, { MenuButton } from "../Menu";
 export var Listbox = function Listbox(_ref) {
   var _ref$role = _ref.role,
     role = _ref$role === void 0 ? MENU_ROLES.LISTBOX : _ref$role,

package/lib/Loader/index.js

@@ -33,15 +33,19 @@ var Loader = /*#__PURE__*/function (_React$Component) {
         color = _this$props.color,
         qa = _this$props.qa,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(Container, _extends({
-        small: size === 'small',
-        dark: color === 'dark',
-        delay: delay,
-        "data-qa-loader": ""
-      }, qa, rest), /*#__PURE__*/React.createElement(Text, {
-        as: "div",
-        fontSize: 200
-      }, text || 'Loading'));
+      return (
+        /*#__PURE__*/
+        // $FlowIssue - upgrade v0.112.0
+        React.createElement(Container, _extends({
+          small: size === 'small',
+          dark: color === 'dark',
+          delay: delay,
+          "data-qa-loader": ""
+        }, qa, rest), /*#__PURE__*/React.createElement(Text, {
+          as: "div",
+          fontSize: 200
+        }, text || 'Loading'))
+      );
     }
   }]);
   return Loader;

package/lib/Loader/styles.js

@@ -1,8 +1,8 @@
 
+import { rgba } from 'polished';
 import styled, { css, keyframes } from 'styled-components';
-import { COMMON } from "../utils/system-props";
 import { visuallyHidden } from "../utils/mixins";
-import { rgba } from 'polished';
+import { COMMON } from "../utils/system-props";
 var getSize = function getSize(size) {
   var spinnerSize = Math.ceil(size * 0.9);
   var borderWidth = Math.ceil(size * 0.1);

package/lib/LoaderButton/index.js

@@ -3,20 +3,16 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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; }
 import * as React from 'react';
-import styled, { css } from 'styled-components';
+import { rgba } from 'polished';
+import styled, { css, useTheme } from 'styled-components';
+import { COLOR_NEUTRAL_0, COLOR_NEUTRAL_1000 } from '@sproutsocial/seeds-color';
 import Box from "../Box";
 import Button from "../Button";
 import Loader from "../Loader";
-import { useTheme } from 'styled-components';
-import { rgba } from 'polished';
-import { COLOR_NEUTRAL_0, COLOR_NEUTRAL_1000 } from '@sproutsocial/seeds-color';
 // TODO: This is a temporary solution to get the loader button to work with dark mode
 var getColor = function getColor(appearance, themeColorMode) {
   var selectColorBasedOnMode = themeColorMode === 'dark' ? 'light' : 'dark';
   switch (appearance) {
-    /** "default" is @deprecated in favour of unstyled */
-    case 'default':
-      return selectColorBasedOnMode;
     case 'unstyled':
       return selectColorBasedOnMode;
     case 'primary':
@@ -61,7 +57,6 @@ export var LoaderButton = function LoaderButton(_ref) {
     disabled: disabled || isLoading,
     appearance: appearance,
     "data-qa-button-isloading": isLoading === true
-    // $FlowIssue - upgrade v0.112.0
   }, rest), /*#__PURE__*/React.createElement(Box, {
     position: "relative"
   }, /*#__PURE__*/React.createElement(Box, {

package/lib/Menu/index.js

@@ -17,11 +17,12 @@ 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; }
 import * as React from 'react';
-import styled from 'styled-components';
 import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import styled from 'styled-components';
 import uniqueId from 'lodash.uniqueid';
-import { MenuItemContainer, MenuItemsContainer } from "./styles";
-import { MENU_ITEM_ROLES, MENU_ROLES } from "./constants";
+import { useTextContent } from "../utils/hooks";
+import innerText from "../utils/innerText";
+import { disabled } from "../utils/mixins";
 import Box from "../Box";
 import Button from "../Button";
 import Checkbox from "../Checkbox";
@@ -30,11 +31,10 @@ import Input from "../Input";
 import Popout from "../Popout";
 import Radio from "../Radio";
 import Text from "../Text";
-import { disabled } from "../utils/mixins";
-import innerText from "../utils/innerText";
-import { useTextContent } from "../utils/hooks";
+import { MENU_ITEM_ROLES, MENU_ROLES } from "./constants";
 import { DescendantProvider, useDescendant, useDescendants } from "./descendants";
 import { MenuButtonContext, MenuContext, MenuDescendantContext, useMenuKeyDown } from "./hooks";
+import { MenuItemContainer, MenuItemsContainer } from "./styles";
 var noop = function noop() {};
 var getMenuItemRole = function getMenuItemRole(menuRole) {
   switch (menuRole) {
@@ -333,31 +333,29 @@ export var Menu = function Menu(_ref4) {
   var setContextState = useCallback(function (newState) {
     setState(_objectSpread(_objectSpread({}, state), newState));
   }, [state]);
-  return (
-    /*#__PURE__*/
+  return /*#__PURE__*/React.createElement(DescendantProvider, {
+    context: MenuDescendantContext,
+    items:
     // $FlowIssue
-    React.createElement(DescendantProvider, {
-      context: MenuDescendantContext,
-      items: descendants,
-      set: setDescendants
-    }, /*#__PURE__*/React.createElement(MenuContext.Provider, {
-      value: {
-        // $FlowIssue
-        menuRef: innerRef || menuRef,
-        role: role,
-        onChange: onChange,
-        value: value,
-        multiselect: multiselect,
-        state: state,
-        setState: setContextState,
-        selectCallbacks: selectCallbacks
-      }
-    }, /*#__PURE__*/React.createElement(MenuItems, _extends({}, props, {
+    descendants,
+    set: setDescendants
+  }, /*#__PURE__*/React.createElement(MenuContext.Provider, {
+    value: {
+      // $FlowIssue
+      menuRef: innerRef || menuRef,
       role: role,
+      onChange: onChange,
+      value: value,
       multiselect: multiselect,
-      innerRef: menuRef
-    }), children)))
-  );
+      state: state,
+      setState: setContextState,
+      selectCallbacks: selectCallbacks
+    }
+  }, /*#__PURE__*/React.createElement(MenuItems, _extends({}, props, {
+    role: role,
+    multiselect: multiselect,
+    innerRef: menuRef
+  }), children)));
 };
 Menu.Group = MenuGroup;
 Menu.Item = MenuItem;
@@ -407,8 +405,9 @@ export var MenuButton = function MenuButton(_ref5) {
     content: /*#__PURE__*/React.createElement(CustomPopoutContent, null, content),
     placement: placement
   }, popoutProps, {
-    // $FlowIssue
-    width: props.width
+    width:
+    // $FlowIssue - both types are inexact, so this should work
+    props.width
   }), /*#__PURE__*/React.createElement(Button, _extends({}, props, {
     id: id,
     "aria-labelledby": ariaLabelledBy === null || ariaLabelledBy === void 0 ? void 0 : ariaLabelledBy.trim(),

package/lib/Menu/styles.js

@@ -1,7 +1,7 @@
 
 import styled, { css } from 'styled-components';
-import Box from "../Box";
 import { disabled, focusRing } from "../utils/mixins";
+import Box from "../Box";
 export var MenuItemContainer = styled(Box).withConfig({
   displayName: "styles__MenuItemContainer",
   componentId: "sc-fjvae4-0"

package/lib/Message/constants.js

@@ -0,0 +1,9 @@
+
+
+export var MESSAGE_DENSITIES = {
+  COMPACT: 'compact',
+  // Compact is deprecated. New applications should use condensed instead.
+  CONDENSED: 'condensed',
+  SMALL: 'small',
+  LARGE: 'large'
+};

package/lib/Message/index.flow.js

@@ -0,0 +1,3 @@
+
+import * as React from 'react';
+import { MESSAGE_DENSITIES } from "./constants";

package/lib/Message/index.js

@@ -3,17 +3,11 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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; }
 import * as React from 'react';
-import Container, { MessageBody, MessageFooter, MessageHeader, MessageMeta } from "./styles";
-import Checkbox from "../Checkbox";
-import Button from "../Button";
 import Avatar from "../Avatar";
-var MESSAGE_DENSITIES = {
-  COMPACT: 'compact',
-  // Compact is deprecated. New applications should use condensed instead.
-  CONDENSED: 'condensed',
-  SMALL: 'small',
-  LARGE: 'large'
-};
+import Button from "../Button";
+import Checkbox from "../Checkbox";
+import Container, { MessageBody, MessageFooter, MessageHeader, MessageMeta } from "./styles";
+import { MESSAGE_DENSITIES } from "./constants";
 var avatarSizeMap = function avatarSizeMap(density) {
   switch (density) {
     case MESSAGE_DENSITIES.LARGE:
@@ -27,6 +21,7 @@ var avatarSizeMap = function avatarSizeMap(density) {
       return '32px';
   }
 };
+
 // $FlowIssue Upgrade 0.111.1
 var MessageContext = /*#__PURE__*/React.createContext({
   density: MESSAGE_DENSITIES.SMALL,

package/lib/Message/styles.js

@@ -1,9 +1,9 @@
 
 import { memo } from 'react';
 import styled from 'styled-components';
-import Box from "../Box";
 import { focusRing } from "../utils/mixins";
-import Message from "../Message";
+import Box from "../Box";
+import Message from "./";
 var Container = styled(Box).withConfig({
   displayName: "styles__Container",
   componentId: "sc-1ju6d1v-0"

package/lib/Modal/index.flow.js

@@ -0,0 +1,3 @@
+
+import * as React from 'react';
+import Box from "../Box";

package/lib/Modal/index.js

@@ -7,8 +7,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import * as React from 'react';
 import { useContext } from 'react';
 import Box from "../Box";
-import Icon from "../Icon";
 import Button from "../Button";
+import Icon from "../Icon";
 import Text from "../Text";
 import { Container, Content, Header, Footer, Body } from "./styles";
 var ModalContext = /*#__PURE__*/React.createContext({});
@@ -64,9 +64,7 @@ var ModalFooter = function ModalFooter(props) {
 ModalFooter.defaultProps = {
   bg: 'container.background.base'
 };
-var ModalContent = /*#__PURE__*/React.forwardRef(
-// $FlowIssue - upgrade v0.112.0
-function (_ref, ref) {
+var ModalContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded2);
   var _useContext2 = useContext(ModalContext),
@@ -77,6 +75,7 @@ function (_ref, ref) {
     ref: ref
   }, rest), children);
 });
+
 /**
  * The modal you want
  */
@@ -92,32 +91,35 @@ var Modal = function Modal(props) {
     rest = _objectWithoutProperties(props, _excluded3);
   var isCloseable = Boolean(onClose);
   var appElement = appElementSelector && document ? document.querySelector(appElementSelector) : null;
-  return /*#__PURE__*/React.createElement(Container, _extends({
-    appElement: appElement,
-    ariaHideApp: !!appElement,
-    isOpen: isOpen,
-    contentLabel: label,
-    onRequestClose: onClose || function () {},
-    shouldFocusAfterRender: true,
-    shouldCloseOnOverlayClick: isCloseable,
-    shouldCloseOnEsc: isCloseable,
-    shouldReturnFocusAfterClose: true,
-    closeTimeoutMS: 200,
-    role: "dialog",
-    width: width,
-    zIndex: zIndex,
-    data: {
-      'qa-modal': '',
-      'qa-modal-isopen': isOpen
-    }
+  return (
+    /*#__PURE__*/
     // $FlowIssue - upgrade v0.112.0
-  }, rest), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Body, null), /*#__PURE__*/React.createElement(ModalContext.Provider, {
-    value: {
-      onClose: onClose,
-      closeButtonLabel: closeButtonLabel,
-      label: label
-    }
-  }, children)));
+    React.createElement(Container, _extends({
+      appElement: appElement,
+      ariaHideApp: !!appElement,
+      isOpen: isOpen,
+      contentLabel: label,
+      onRequestClose: onClose || function () {},
+      shouldFocusAfterRender: true,
+      shouldCloseOnOverlayClick: isCloseable,
+      shouldCloseOnEsc: isCloseable,
+      shouldReturnFocusAfterClose: true,
+      closeTimeoutMS: 200,
+      role: "dialog",
+      width: width,
+      zIndex: zIndex,
+      data: {
+        'qa-modal': '',
+        'qa-modal-isopen': isOpen
+      }
+    }, rest), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Body, null), /*#__PURE__*/React.createElement(ModalContext.Provider, {
+      value: {
+        onClose: onClose,
+        closeButtonLabel: closeButtonLabel,
+        label: label
+      }
+    }, children)))
+  );
 };
 Modal.Header = ModalHeader;
 Modal.Footer = ModalFooter;

package/lib/Modal/styles.js

@@ -6,8 +6,8 @@ import React from 'react';
 import styled, { createGlobalStyle } from 'styled-components';
 import { width, zIndex } from 'styled-system';
 import ReactModal from 'react-modal';
-import Box from "../Box";
 import { COMMON } from "../utils/system-props";
+import Box from "../Box";
 // This is the max space allowed between the modal and the edge of the browser
 var BODY_PADDING = '64px';
 function ReactModalAdapter(_ref) {
@@ -22,12 +22,15 @@ function ReactModalAdapter(_ref) {
   var overlayClassName = (className || '').split(' ').map(function (className) {
     return "".concat(className, " ").concat(className, "__Overlay");
   }).join(' ');
-  return /*#__PURE__*/React.createElement(ReactModal, _extends({
-    portalClassName: className,
-    className: contentClassName,
-    overlayClassName: overlayClassName
+  return (
+    /*#__PURE__*/
     // $FlowIssue
-  }, props));
+    React.createElement(ReactModal, _extends({
+      portalClassName: className,
+      className: contentClassName,
+      overlayClassName: overlayClassName
+    }, props))
+  );
 }
 export var Body = createGlobalStyle([".ReactModal__Body--open{overflow:hidden;}"]);
 export var Container = styled(ReactModalAdapter).withConfig({

package/lib/Numeral/constants.js

@@ -1,3 +1,4 @@
+
 export var DEFAULT_THRESHOLD = 10000;
 export var MEMO_CACHE_SIZE = 10;
 export var COMPARE_OBJECTS = true;

package/lib/Numeral/index.js

@@ -10,10 +10,10 @@ 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; }
 import * as React from 'react';
 import memoize from 'lru-memoize';
-import { AbbrContainer, Container } from "./styles";
+import { EM_DASH } from "../utils/constants";
 import Tooltip from "../Tooltip";
 import { DEFAULT_THRESHOLD, MEMO_CACHE_SIZE, COMPARE_OBJECTS, MAX_PRECISION, ABBREV_PRECISION, DefaultPrecisions } from "./constants";
-import { EM_DASH } from "../utils/constants";
+import { AbbrContainer, Container } from "./styles";
 var _getNumberFormatters = function _getNumberFormatters(options) {
   var locale = options.locale,
     format = options.format,
@@ -51,7 +51,6 @@ var _getNumberFormatters = function _getNumberFormatters(options) {
   };
 };
 // Memoize to reduce the energy of creating new instances of Intl.NumberFormat
-// $FlowIssue (https://github.com/erikras/lru-memoize/issues/92)
 var memoizer = memoize(MEMO_CACHE_SIZE, COMPARE_OBJECTS);
 var getNumberFormatters = memoizer(_getNumberFormatters);
 var getThreshold = function getThreshold(abbreviate) {

package/lib/Numeral/tests/testNumeral.js

@@ -7,10 +7,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 /* eslint-env jest, node */
+import 'jest-styled-components';
 import React from 'react';
 import { render, fireEvent } from "../../utils/react-testing-library";
-import 'jest-styled-components';
-import Numeral from '..';
+import { Numeral } from "../..";
 jest.mock("../constants", function () {
   return _objectSpread(_objectSpread({}, jest.requireActual("../constants")), {}, {
     MEMO_CACHE_SIZE: 0,

package/lib/OverflowList/index.js

@@ -1,8 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-import List from "./styles";
 import React, { useCallback, useMemo } from 'react';
 import { AutoSizer, CellMeasurer, CellMeasurerCache } from 'react-virtualized';
 import Box from "../Box";
+import List from "./styles";
 var VirtualizedList = function VirtualizedList(_ref) {
   var items = _ref.items,
     ItemComponent = _ref.ItemComponent,

package/lib/OverflowList/styles.js

@@ -1,8 +1,8 @@
 
 import * as React from 'react';
+import { List } from 'react-virtualized';
 import styled from 'styled-components';
 import { COMMON, BORDER, LAYOUT, POSITION, FLEXBOX, GRID } from "../utils/system-props";
-import { List } from 'react-virtualized';
 var Container = styled(function (props) {
   return /*#__PURE__*/React.createElement(List, props);
 }).withConfig({