@sproutsocial/racine 20.16.0 → 21.0.0

package/lib/Menu/utils/descendants.js

@@ -19,8 +19,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /* eslint-disable */
-import * as React from 'react';
-import { createContext, useState, useLayoutEffect, useEffect, useContext, useCallback, useMemo, useRef } from 'react';
+import * as React from "react";
+import { createContext, useState, useLayoutEffect, useEffect, useContext, useCallback, useMemo, useRef } from "react";
 
 /**
  * These hooks and utilities are largely copied from the @reach-ui/descendents package. They consider the package
@@ -60,7 +60,7 @@ export function wrapEvent(theirHandler, ourHandler) {
   };
 }
 export function canUseDOM() {
-  return typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined';
+  return typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
 }
 var useIsomorphicLayoutEffect = canUseDOM() ? useLayoutEffect : useEffect;
 export function createNamedContext(name, defaultValue) {
@@ -240,16 +240,16 @@ export function useDescendantKeyDown(context, options) {
     currentIndex = options.currentIndex,
     filter = options.filter,
     _options$key = options.key,
-    key = _options$key === void 0 ? 'index' : _options$key,
+    key = _options$key === void 0 ? "index" : _options$key,
     _options$orientation = options.orientation,
-    orientation = _options$orientation === void 0 ? 'vertical' : _options$orientation,
+    orientation = _options$orientation === void 0 ? "vertical" : _options$orientation,
     _options$rotate = options.rotate,
     rotate = _options$rotate === void 0 ? true : _options$rotate,
     _options$rtl = options.rtl,
     rtl = _options$rtl === void 0 ? false : _options$rtl;
   var index = currentIndex ? currentIndex : -1;
   return function handleKeyDown(event) {
-    if (!['ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight', 'PageUp', 'PageDown', 'Home', 'End'].includes(event.key)) {
+    if (!["ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Home", "End"].includes(event.key)) {
       return;
     }
 
@@ -284,53 +284,53 @@ export function useDescendantKeyDown(context, options) {
       return selectableDescendants[selectableDescendants.length - 1];
     }
     switch (event.key) {
-      case 'ArrowDown':
-        if (orientation === 'vertical' || orientation === 'both') {
+      case "ArrowDown":
+        if (orientation === "vertical" || orientation === "both") {
           event.preventDefault();
           var next = getNextOption(); // @ts-notes: sincerely dont understand the intent of the original library here, since the supposed reference has been completely refactored
-          callback(key === 'option' ? next : next[key]);
+          callback(key === "option" ? next : next[key]);
         }
         break;
-      case 'ArrowUp':
-        if (orientation === 'vertical' || orientation === 'both') {
+      case "ArrowUp":
+        if (orientation === "vertical" || orientation === "both") {
           event.preventDefault();
           var prev = getPreviousOption();
-          callback(key === 'option' ? prev : prev[key]);
+          callback(key === "option" ? prev : prev[key]);
         }
         break;
-      case 'ArrowLeft':
-        if (orientation === 'horizontal' || orientation === 'both') {
+      case "ArrowLeft":
+        if (orientation === "horizontal" || orientation === "both") {
           event.preventDefault();
           var nextOrPrev = (rtl ? getNextOption : getPreviousOption)();
-          callback(key === 'option' ? nextOrPrev : nextOrPrev[key]);
+          callback(key === "option" ? nextOrPrev : nextOrPrev[key]);
         }
         break;
-      case 'ArrowRight':
-        if (orientation === 'horizontal' || orientation === 'both') {
+      case "ArrowRight":
+        if (orientation === "horizontal" || orientation === "both") {
           event.preventDefault();
           var prevOrNext = (rtl ? getPreviousOption : getNextOption)();
-          callback(key === 'option' ? prevOrNext : prevOrNext[key]);
+          callback(key === "option" ? prevOrNext : prevOrNext[key]);
         }
         break;
-      case 'PageUp':
+      case "PageUp":
         event.preventDefault();
         var prevOrFirst = (event.ctrlKey ? getPreviousOption : getFirstOption)();
-        callback(key === 'option' ? prevOrFirst : prevOrFirst[key]);
+        callback(key === "option" ? prevOrFirst : prevOrFirst[key]);
         break;
-      case 'Home':
+      case "Home":
         event.preventDefault();
         var first = getFirstOption();
-        callback(key === 'option' ? first : first[key]);
+        callback(key === "option" ? first : first[key]);
         break;
-      case 'PageDown':
+      case "PageDown":
         event.preventDefault();
         var nextOrLast = (event.ctrlKey ? getNextOption : getLastOption)();
-        callback(key === 'option' ? nextOrLast : nextOrLast[key]);
+        callback(key === "option" ? nextOrLast : nextOrLast[key]);
         break;
-      case 'End':
+      case "End":
         event.preventDefault();
         var last = getLastOption();
-        callback(key === 'option' ? last : last[key]);
+        callback(key === "option" ? last : last[key]);
         break;
     }
   };

package/lib/Menu/utils/hooks.js

@@ -1,6 +1,6 @@
 // eslint-disable @typescript-eslint/no-explicit-any
-import { createContext, useContext, useEffect } from 'react';
-import scrollIntoViewIfNeeded from 'scroll-into-view-if-needed';
+import { createContext, useContext, useEffect } from "react";
+import scrollIntoViewIfNeeded from "scroll-into-view-if-needed";
 import { MENU_ROLES } from "./constants";
 import { createDescendantContext, useDescendantKeyDown, usePrevious, wrapEvent } from "./descendants";
 export var MenuContext = /*#__PURE__*/createContext({
@@ -13,7 +13,7 @@ export var MenuContext = /*#__PURE__*/createContext({
   onChange: undefined,
   state: {
     selectionIndex: 0,
-    filterQuery: '',
+    filterQuery: "",
     filteredItems: null,
     isFilterInputFocused: false,
     isFooterFocused: false
@@ -28,7 +28,7 @@ export var MenuButtonContext = /*#__PURE__*/createContext({
   closeOnItemClick: undefined,
   closePopout: undefined
 });
-export var MenuDescendantContext = createDescendantContext('MenuDescendantContext');
+export var MenuDescendantContext = createDescendantContext("MenuDescendantContext");
 
 /**
  * When a user's typed input matches the string displayed in a menu item, it is
@@ -36,7 +36,7 @@ export var MenuDescendantContext = createDescendantContext('MenuDescendantContex
  * function.
  */
 function filterItemsFromTypeahead(items) {
-  var string = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var string = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
   if (!string) {
     return null;
   }
@@ -121,14 +121,14 @@ export function useMenuKeyDown() {
         return;
       }
       switch (key) {
-        case ' ':
+        case " ":
           if (isFilterInputFocused) {
             return;
           }
 
         // falls through
         // eslint-disable-next-line no-fallthrough
-        case 'Enter':
+        case "Enter":
           var selected = items[selectionIndex];
           if (selected && !selected.disabled) {
             event.preventDefault();
@@ -145,8 +145,8 @@ export function useMenuKeyDown() {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     useDescendantKeyDown(MenuDescendantContext, {
       currentIndex: index,
-      orientation: 'vertical',
-      key: 'option',
+      orientation: "vertical",
+      key: "option",
       rotate: true,
       filter: function filter(option) {
         return !option.disabled && (!filteredItems || filteredItems.includes(option.index));
@@ -154,8 +154,8 @@ export function useMenuKeyDown() {
       callback: function callback(item) {
         if (item.element) {
           scrollIntoViewIfNeeded(item.element, {
-            block: 'nearest',
-            scrollMode: 'if-needed'
+            block: "nearest",
+            scrollMode: "if-needed"
           });
         }
         setState({

package/lib/Message/Message.flow.js

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import * as React from "react";
 export var MESSAGE_DENSITIES = {
-  COMPACT: 'compact',
+  COMPACT: "compact",
   // Compact is deprecated. New applications should use condensed instead.
-  CONDENSED: 'condensed',
-  SMALL: 'small',
-  LARGE: 'large'
+  CONDENSED: "condensed",
+  SMALL: "small",
+  LARGE: "large"
 };
 // Using `Object.freeze` on MESSAGE_DENSITIES causes breaking type changes, but this is needed for typing Message.DENSITIES
 // This should be improved in the future during a major version bump and Message refactor

package/lib/Message/Message.js

@@ -2,7 +2,7 @@ var _excluded = ["children", "density", "borderColor", "bg", "indentContent", "i
 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); }
 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 * as React from "react";
 import Avatar from "../Avatar";
 import Button from "../Button";
 import Checkbox from "../Checkbox";
@@ -11,20 +11,20 @@ import { MESSAGE_DENSITIES } from "./constants";
 var avatarSizeMap = function avatarSizeMap(density) {
   switch (density) {
     case MESSAGE_DENSITIES.LARGE:
-      return '40px';
+      return "40px";
     case MESSAGE_DENSITIES.COMPACT:
-      return '20px';
+      return "20px";
     case MESSAGE_DENSITIES.CONDENSED:
-      return '24px';
+      return "24px";
     case MESSAGE_DENSITIES.SMALL:
     default:
-      return '32px';
+      return "32px";
   }
 };
 var MessageContext = /*#__PURE__*/React.createContext({
   density: MESSAGE_DENSITIES.SMALL,
-  borderColor: 'container.border.base',
-  bg: 'container.background.base',
+  borderColor: "container.border.base",
+  bg: "container.background.base",
   indentContent: true
 });
 var Message = function Message(_ref) {
@@ -32,9 +32,9 @@ var Message = function Message(_ref) {
     _ref$density = _ref.density,
     density = _ref$density === void 0 ? MESSAGE_DENSITIES.SMALL : _ref$density,
     _ref$borderColor = _ref.borderColor,
-    borderColor = _ref$borderColor === void 0 ? 'container.border.base' : _ref$borderColor,
+    borderColor = _ref$borderColor === void 0 ? "container.border.base" : _ref$borderColor,
     _ref$bg = _ref.bg,
-    bg = _ref$bg === void 0 ? 'container.background.base' : _ref$bg,
+    bg = _ref$bg === void 0 ? "container.background.base" : _ref$bg,
     _ref$indentContent = _ref.indentContent,
     indentContent = _ref$indentContent === void 0 ? true : _ref$indentContent,
     innerRef = _ref.innerRef,
@@ -66,7 +66,7 @@ var MessageBody = function MessageBody(props) {
     }, props));
   });
 };
-MessageBody.displayName = 'Message.Body';
+MessageBody.displayName = "Message.Body";
 Message.Body = MessageBody;
 var MessageHeader = function MessageHeader(props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref3) {
@@ -78,7 +78,7 @@ var MessageHeader = function MessageHeader(props) {
     }, props));
   });
 };
-MessageHeader.displayName = 'Message.Header';
+MessageHeader.displayName = "Message.Header";
 Message.Header = MessageHeader;
 var MessageFooter = function MessageFooter(props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref4) {
@@ -92,7 +92,7 @@ var MessageFooter = function MessageFooter(props) {
     }, props));
   });
 };
-MessageFooter.displayName = 'Message.Footer';
+MessageFooter.displayName = "Message.Footer";
 Message.Footer = MessageFooter;
 var MessageMeta = function MessageMeta(props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref5) {
@@ -106,14 +106,14 @@ var MessageMeta = function MessageMeta(props) {
     }, props));
   });
 };
-MessageMeta.displayName = 'Message.Meta';
+MessageMeta.displayName = "Message.Meta";
 Message.Meta = MessageMeta;
 var MessageButton = function MessageButton(props) {
   return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
-    appearance: props.appearance || 'pill'
+    appearance: props.appearance || "pill"
   }));
 };
-MessageButton.displayName = 'Message.Button';
+MessageButton.displayName = "Message.Button";
 Message.Button = MessageButton;
 var MessageAvatar = function MessageAvatar(props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref6) {
@@ -123,7 +123,7 @@ var MessageAvatar = function MessageAvatar(props) {
     }, props));
   });
 };
-MessageAvatar.displayName = 'Message.Avatar';
+MessageAvatar.displayName = "Message.Avatar";
 Message.Avatar = MessageAvatar;
 var MessageCheckbox = function MessageCheckbox(props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref7) {
@@ -137,7 +137,7 @@ var MessageCheckbox = function MessageCheckbox(props) {
     }, props));
   });
 };
-MessageCheckbox.displayName = 'Message.Checkbox';
+MessageCheckbox.displayName = "Message.Checkbox";
 Message.Checkbox = MessageCheckbox;
 Message.Context = MessageContext;
 Message.DENSITIES = MESSAGE_DENSITIES;

package/lib/Message/constants.js

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

package/lib/Message/styles.js

@@ -1,5 +1,5 @@
-import { memo } from 'react';
-import styled from 'styled-components';
+import { memo } from "react";
+import styled from "styled-components";
 import { focusRing } from "../utils/mixins";
 import Box from "../Box";
 import { MESSAGE_DENSITIES } from "./constants";
@@ -13,7 +13,7 @@ var Container = styled(Box).withConfig({
 }, function (props) {
   return props.theme.colors[props.bg];
 }, focusRing);
-Container.displayName = 'Message.Container';
+Container.displayName = "Message.Container";
 export var MessageHeader = /*#__PURE__*/memo(styled(Box).withConfig({
   displayName: "styles__MessageHeader",
   componentId: "sc-161ezbx-1"
@@ -36,23 +36,23 @@ var getContentPadding = function getContentPadding(props) {
     case MESSAGE_DENSITIES.LARGE:
       {
         // 40 px avatar + 8px(message.header) + 16px(mr)
-        return '64px';
+        return "64px";
       }
     case MESSAGE_DENSITIES.COMPACT:
       {
         // 20px avatar plus space.300 margin plus space.400 margin
-        return '40px';
+        return "40px";
       }
     case MESSAGE_DENSITIES.CONDENSED:
       {
         // 24px avatar plus space.200 margin plus space.350 margin
-        return '40px';
+        return "40px";
       }
     case MESSAGE_DENSITIES.SMALL:
     default:
       {
         // 32px avatar plus space.300 margin plus space.400 margin
-        return '56px';
+        return "56px";
       }
   }
 };
@@ -91,7 +91,7 @@ export var MessageFooter = styled(Box).withConfig({
 }, function (props) {
   return props.theme.radii.outer;
 }, function (props) {
-  return props.density === MESSAGE_DENSITIES.CONDENSED ? 'nowrap' : 'wrap';
+  return props.density === MESSAGE_DENSITIES.CONDENSED ? "nowrap" : "wrap";
 }, function (props) {
   return props.theme.space[350];
 });
@@ -115,7 +115,7 @@ export var MessageMeta = styled(Box).withConfig({
 }, function (props) {
   return getContentPadding(props);
 }, function (props) {
-  return props.onClick ? 'pointer' : 'default';
+  return props.onClick ? "pointer" : "default";
 }, function (props) {
   return props.theme.colors.text.subtext;
 }, focusRing);

package/lib/Modal/Modal.flow.js

@@ -1,2 +1,2 @@
-import * as React from 'react';
+import * as React from "react";
 import Box from "../Box/index.flow";

package/lib/Modal/Modal.js

@@ -4,8 +4,8 @@ var _excluded = ["title", "subtitle", "children", "bordered"],
 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); }
 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 { useContext } from 'react';
+import * as React from "react";
+import { useContext } from "react";
 import Box from "../Box";
 import Button from "../Button";
 import Icon from "../Icon";
@@ -54,7 +54,7 @@ var ModalFooter = function ModalFooter(props) {
   }, props));
 };
 ModalFooter.defaultProps = {
-  bg: 'container.background.base'
+  bg: "container.background.base"
 };
 var ModalContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -100,8 +100,8 @@ var Modal = function Modal(props) {
     width: width,
     zIndex: zIndex,
     data: {
-      'qa-modal': '',
-      'qa-modal-isopen': isOpen
+      "qa-modal": "",
+      "qa-modal-isopen": isOpen
     }
   }, rest), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Body, null), /*#__PURE__*/React.createElement(ModalContext.Provider, {
     value: {
@@ -112,13 +112,13 @@ var Modal = function Modal(props) {
   }, children)));
 };
 Modal.defaultProps = {
-  width: '800px',
+  width: "800px",
   zIndex: 6
 };
-ModalHeader.displayName = 'Modal.Header';
-ModalFooter.displayName = 'Modal.Footer';
-ModalContent.displayName = 'Modal.Content';
-ModalCloseButton.displayName = 'Modal.CloseButton';
+ModalHeader.displayName = "Modal.Header";
+ModalFooter.displayName = "Modal.Footer";
+ModalContent.displayName = "Modal.Content";
+ModalCloseButton.displayName = "Modal.CloseButton";
 Modal.Header = ModalHeader;
 Modal.Footer = ModalFooter;
 Modal.Content = ModalContent;

package/lib/Modal/styles.js

@@ -2,28 +2,28 @@ var _excluded = ["className"];
 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); }
 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 React from 'react';
-import styled, { createGlobalStyle } from 'styled-components';
-import { width, zIndex } from 'styled-system';
-import ReactModal from 'react-modal';
+import React from "react";
+import styled, { createGlobalStyle } from "styled-components";
+import { width, zIndex } from "styled-system";
+import ReactModal from "react-modal";
 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';
+var BODY_PADDING = "64px";
 var ReactModalAdapter = function ReactModalAdapter(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
+    className = _ref$className === void 0 ? "" : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded);
   // We want to create *__Content and *__Overlay class names on the subcomponents.
   // Because `className` could be a space-separated list of class names, we make
   // sure that we append `__Content` and `__Overlay` to every class name.
-  var contentClassName = className.split(' ').map(function (className) {
+  var contentClassName = className.split(" ").map(function (className) {
     return "".concat(className, " ").concat(className, "__Content");
-  }).join(' ');
-  var overlayClassName = className.split(' ').map(function (className) {
+  }).join(" ");
+  var overlayClassName = className.split(" ").map(function (className) {
     return "".concat(className, " ").concat(className, "__Overlay");
-  }).join(' ');
+  }).join(" ");
   return /*#__PURE__*/React.createElement(ReactModal, _extends({
     portalClassName: className,
     className: contentClassName,
@@ -75,7 +75,7 @@ export var Header = styled(HeaderContainer).withConfig({
 })(["display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;border-bottom-width:", ";border-bottom-color:", ";border-bottom-style:solid;"], function (props) {
   return props.theme.borderWidths[500];
 }, function (props) {
-  return props.bordered ? props.theme.colors.container.border.base : 'transparent';
+  return props.bordered ? props.theme.colors.container.border.base : "transparent";
 });
 export var Footer = styled(Box).withConfig({
   displayName: "styles__Footer",
@@ -91,7 +91,7 @@ export var Footer = styled(Box).withConfig({
 }, function (props) {
   return props.theme.radii[500];
 });
-Container.displayName = 'ModalContainer';
-Content.displayName = 'Content';
-Header.displayName = 'Modal.Header';
-Footer.displayName = 'Modal.Footer';
+Container.displayName = "ModalContainer";
+Content.displayName = "Content";
+Header.displayName = "Modal.Header";
+Footer.displayName = "Modal.Footer";

package/lib/Numeral/Numeral.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+import * as React from "react";

package/lib/Numeral/Numeral.js

@@ -8,8 +8,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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 memoize from 'lru-memoize';
+import * as React from "react";
+import memoize from "lru-memoize";
 import { EM_DASH } from "../utils/constants";
 import Tooltip from "../Tooltip";
 import { VisuallyHidden } from "../VisuallyHidden";
@@ -22,7 +22,7 @@ var _getNumberFormatters = function _getNumberFormatters(options) {
     min = options.min,
     max = options.max;
   var compactPrecision = min === max ? min : ABBREV_PRECISION;
-  var _currency = format === 'currency' ? currency : undefined;
+  var _currency = format === "currency" ? currency : undefined;
   var standard = {
     style: format,
     minimumFractionDigits: min,
@@ -34,7 +34,7 @@ var _getNumberFormatters = function _getNumberFormatters(options) {
     minimumFractionDigits: compactPrecision,
     maximumFractionDigits: compactPrecision,
     currency: _currency,
-    notation: 'compact'
+    notation: "compact"
   };
   // Safari 14.1 is currently throwing errors when trying to use the compact
   // options of NumberFormat
@@ -55,26 +55,26 @@ var _getNumberFormatters = function _getNumberFormatters(options) {
 var memoizer = memoize(MEMO_CACHE_SIZE, COMPARE_OBJECTS);
 var getNumberFormatters = memoizer(_getNumberFormatters);
 var getThreshold = function getThreshold(abbreviate) {
-  if (typeof abbreviate === 'number') return Math.max(1000, abbreviate);
+  if (typeof abbreviate === "number") return Math.max(1000, abbreviate);
   if (abbreviate) return DEFAULT_THRESHOLD;
   return Infinity;
 };
 var getMinMaxPrecision = function getMinMaxPrecision(precision, format) {
-  if (typeof precision === 'number') return [precision, precision];
-  if (precision === 'none') return [0, MAX_PRECISION];
+  if (typeof precision === "number") return [precision, precision];
+  if (precision === "none") return [0, MAX_PRECISION];
   return DefaultPrecisions[format];
 };
 var isValidNumber = function isValidNumber(value) {
-  return typeof value === 'number' && isFinite(value);
+  return typeof value === "number" && isFinite(value);
 };
 var normalizeArgs = function normalizeArgs(props) {
   var number = props.number,
     _props$locale = props.locale,
-    locale = _props$locale === void 0 ? 'us-EN' : _props$locale,
+    locale = _props$locale === void 0 ? "us-EN" : _props$locale,
     _props$format = props.format,
-    format = _props$format === void 0 ? props.currency ? 'currency' : 'decimal' : _props$format,
+    format = _props$format === void 0 ? props.currency ? "currency" : "decimal" : _props$format,
     _props$currency = props.currency,
-    currency = _props$currency === void 0 ? 'USD' : _props$currency,
+    currency = _props$currency === void 0 ? "USD" : _props$currency,
     _props$abbreviate = props.abbreviate,
     abbreviate = _props$abbreviate === void 0 ? true : _props$abbreviate,
     invalidNumberLabel = props.invalidNumberLabel,
@@ -87,7 +87,7 @@ var normalizeArgs = function normalizeArgs(props) {
     min = _getMinMaxPrecision2[0],
     max = _getMinMaxPrecision2[1];
   var _number = number || 0;
-  var value = _number * (format === 'percent' ? 0.01 : 1);
+  var value = _number * (format === "percent" ? 0.01 : 1);
   var canAbbreviate = _number >= threshold;
   var options = {
     locale: locale,

package/lib/Numeral/styles.js

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled from "styled-components";
 import Text from "../Text";
 export var Container = styled(Text).withConfig({
   displayName: "styles__Container",

package/lib/PartnerLogo/PartnerLogo.flow.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 
 /**
  * @deprecated Use EnumLogoNames instead