@sproutsocial/racine 12.20.0 → 12.21.0

package/commonjs/Message/index.js

@@ -2,76 +2,57 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styles = _interopRequireWildcard(require("./styles"));
-
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _Avatar = _interopRequireDefault(require("../Avatar"));
-
 var _excluded = ["children", "density", "borderColor", "bg", "indentContent", "innerRef", "qa"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 _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 _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; }
-
 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'
 };
-
 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';
   }
 };
-
 // $FlowIssue Upgrade 0.111.1
 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) {
   var children = _ref.children,
-      _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,
-      _ref$bg = _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,
-      qa = _ref.qa,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    _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,
+    _ref$bg = _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,
+    qa = _ref.qa,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(MessageContext.Provider, {
     value: {
       density: density,
@@ -85,12 +66,11 @@ var Message = function Message(_ref) {
     tabIndex: 0
   }, qa, rest), children));
 };
-
 Message.Body = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref2) {
     var density = _ref2.density,
-        borderColor = _ref2.borderColor,
-        indentContent = _ref2.indentContent;
+      borderColor = _ref2.borderColor,
+      indentContent = _ref2.indentContent;
     return /*#__PURE__*/React.createElement(_styles.MessageBody, _extends({
       "data-qa-message-body": true,
       density: density,
@@ -99,27 +79,23 @@ Message.Body = function (props) {
     }, props));
   });
 };
-
-Message.Body.displayName = "Message.Body";
-
+Message.Body.displayName = 'Message.Body';
 Message.Header = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref3) {
     var density = _ref3.density,
-        borderColor = _ref3.borderColor;
+      borderColor = _ref3.borderColor;
     return /*#__PURE__*/React.createElement(_styles.MessageHeader, _extends({
       density: density,
       borderColor: borderColor
     }, props));
   });
 };
-
-Message.Header.displayName = "Message.Header";
-
+Message.Header.displayName = 'Message.Header';
 Message.Footer = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref4) {
     var density = _ref4.density,
-        borderColor = _ref4.borderColor,
-        indentContent = _ref4.indentContent;
+      borderColor = _ref4.borderColor,
+      indentContent = _ref4.indentContent;
     return /*#__PURE__*/React.createElement(_styles.MessageFooter, _extends({
       density: density,
       borderColor: borderColor,
@@ -127,14 +103,12 @@ Message.Footer = function (props) {
     }, props));
   });
 };
-
-Message.Footer.displayName = "Message.Footer";
-
+Message.Footer.displayName = 'Message.Footer';
 Message.Meta = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref5) {
     var density = _ref5.density,
-        borderColor = _ref5.borderColor,
-        indentContent = _ref5.indentContent;
+      borderColor = _ref5.borderColor,
+      indentContent = _ref5.indentContent;
     return /*#__PURE__*/React.createElement(_styles.MessageMeta, _extends({
       density: density,
       borderColor: borderColor,
@@ -142,17 +116,13 @@ Message.Meta = function (props) {
     }, props));
   });
 };
-
-Message.Meta.displayName = "Message.Meta";
-
+Message.Meta.displayName = 'Message.Meta';
 Message.Button = function (props) {
   return /*#__PURE__*/React.createElement(_Button.default, _extends({}, props, {
-    appearance: props.appearance || "pill"
+    appearance: props.appearance || 'pill'
   }));
 };
-
-Message.Button.displayName = "Message.Button";
-
+Message.Button.displayName = 'Message.Button';
 Message.Avatar = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref6) {
     var density = _ref6.density;
@@ -161,9 +131,7 @@ Message.Avatar = function (props) {
     }, props));
   });
 };
-
-Message.Avatar.displayName = "Message.Avatar";
-
+Message.Avatar.displayName = 'Message.Avatar';
 Message.Checkbox = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref7) {
     var density = _ref7.density;
@@ -177,8 +145,7 @@ Message.Checkbox = function (props) {
     );
   });
 };
-
-Message.Checkbox.displayName = "Message.Checkbox";
+Message.Checkbox.displayName = 'Message.Checkbox';
 Message.Context = MessageContext;
 Message.DENSITIES = MESSAGE_DENSITIES;
 var _default = Message;

package/commonjs/Message/styles.js

@@ -2,17 +2,11 @@
 
 exports.__esModule = true;
 exports.default = exports.MessageMeta = exports.MessageHeader = exports.MessageFooter = exports.MessageBody = void 0;
-
 var _react = require("react");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _mixins = require("../utils/mixins");
-
 var _Message = _interopRequireDefault(require("../Message"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Container = (0, _styledComponents.default)(_Box.default).withConfig({
@@ -25,8 +19,9 @@ var Container = (0, _styledComponents.default)(_Box.default).withConfig({
 }, function (props) {
   return props.theme.colors[props.bg];
 }, _mixins.focusRing);
-Container.displayName = "Message.Container"; // $FlowIssue Upgrade 0.111.1
+Container.displayName = 'Message.Container';
 
+// $FlowIssue Upgrade 0.111.1
 var MessageHeader = /*#__PURE__*/(0, _react.memo)((0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__MessageHeader",
   componentId: "sc-1ju6d1v-1"
@@ -42,55 +37,45 @@ var MessageHeader = /*#__PURE__*/(0, _react.memo)((0, _styledComponents.default)
   return props.theme.typography[200];
 }));
 exports.MessageHeader = MessageHeader;
-
 var getContentPadding = function getContentPadding(props) {
   if (!props.indentContent) {
     return props.theme.space[400];
   }
-
   switch (props.density) {
     case _Message.default.DENSITIES.LARGE:
       {
         // 40 px avatar + 8px(message.header) + 16px(mr)
-        return "64px";
+        return '64px';
       }
-
     case _Message.default.DENSITIES.COMPACT:
       {
         // 20px avatar plus space.300 margin plus space.400 margin
-        return "40px";
+        return '40px';
       }
-
     case _Message.default.DENSITIES.CONDENSED:
       {
         // 24px avatar plus space.200 margin plus space.350 margin
-        return "40px";
+        return '40px';
       }
-
     case _Message.default.DENSITIES.SMALL:
     default:
       {
         // 32px avatar plus space.300 margin plus space.400 margin
-        return "56px";
+        return '56px';
       }
   }
 };
-
 var messagePadding = function messagePadding(_ref) {
   var density = _ref.density,
-      theme = _ref.theme;
-
+    theme = _ref.theme;
   if (density === _Message.default.DENSITIES.CONDENSED) {
     return 0;
   }
-
   if (density === _Message.default.DENSITIES.COMPACT) {
     return theme.space[300];
   }
-
   return theme.space[400];
 };
-
 var MessageBody = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__MessageBody",
   componentId: "sc-1ju6d1v-2"
@@ -116,7 +101,7 @@ var MessageFooter = (0, _styledComponents.default)(_Box.default).withConfig({
 }, function (props) {
   return props.theme.radii.outer;
 }, function (props) {
-  return props.density === _Message.default.DENSITIES.CONDENSED ? "nowrap" : "wrap";
+  return props.density === _Message.default.DENSITIES.CONDENSED ? 'nowrap' : 'wrap';
 }, function (props) {
   return props.theme.space[350];
 });
@@ -141,7 +126,7 @@ var MessageMeta = (0, _styledComponents.default)(_Box.default).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;
 }, _mixins.focusRing);

package/commonjs/Modal/index.js

@@ -2,42 +2,27 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _Text = _interopRequireDefault(require("../Text"));
-
 var _styles = require("./styles");
-
 var _excluded = ["title", "subtitle", "children", "bordered"],
-    _excluded2 = ["children"],
-    _excluded3 = ["appElementSelector", "children", "isOpen", "label", "onClose", "closeButtonLabel", "width", "zIndex"];
-
+  _excluded2 = ["children"],
+  _excluded3 = ["appElementSelector", "children", "isOpen", "label", "onClose", "closeButtonLabel", "width", "zIndex"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 _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 _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; }
-
 var ModalContext = /*#__PURE__*/React.createContext({});
-
 var ModalHeader = function ModalHeader(props) {
   var title = props.title,
-      subtitle = props.subtitle,
-      children = props.children,
-      bordered = props.bordered,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
+    subtitle = props.subtitle,
+    children = props.children,
+    bordered = props.bordered,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   return (
     /*#__PURE__*/
     // $FlowIssue - upgrade v0.112.0
@@ -59,12 +44,10 @@ var ModalHeader = function ModalHeader(props) {
     }))))
   );
 };
-
 var ModalCloseButton = function ModalCloseButton(props) {
   var _useContext = (0, React.useContext)(ModalContext),
-      onClose = _useContext.onClose,
-      closeButtonLabel = _useContext.closeButtonLabel;
-
+    onClose = _useContext.onClose,
+    closeButtonLabel = _useContext.closeButtonLabel;
   if (!onClose) return null;
   return /*#__PURE__*/React.createElement(_Button.default, _extends({
     onClick: onClose
@@ -73,7 +56,6 @@ var ModalCloseButton = function ModalCloseButton(props) {
     ariaLabel: closeButtonLabel
   }));
 };
-
 var ModalFooter = function ModalFooter(props) {
   return (
     /*#__PURE__*/
@@ -84,39 +66,35 @@ var ModalFooter = function ModalFooter(props) {
     }, props))
   );
 };
-
 ModalFooter.defaultProps = {
-  bg: "container.background.base"
+  bg: 'container.background.base'
 };
-var ModalContent = /*#__PURE__*/React.forwardRef( // $FlowIssue - upgrade v0.112.0
+var ModalContent = /*#__PURE__*/React.forwardRef(
+// $FlowIssue - upgrade v0.112.0
 function (_ref, ref) {
   var children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded2);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded2);
   var _useContext2 = (0, React.useContext)(ModalContext),
-      label = _useContext2.label;
-
+    label = _useContext2.label;
   return /*#__PURE__*/React.createElement(_styles.Content, _extends({
     "data-qa-modal": true,
     "data-qa-label": label,
     ref: ref
   }, rest), children);
 });
-
 /**
  * The modal you want
  */
 var Modal = function Modal(props) {
   var appElementSelector = props.appElementSelector,
-      children = props.children,
-      isOpen = props.isOpen,
-      label = props.label,
-      onClose = props.onClose,
-      closeButtonLabel = props.closeButtonLabel,
-      width = props.width,
-      zIndex = props.zIndex,
-      rest = _objectWithoutPropertiesLoose(props, _excluded3);
-
+    children = props.children,
+    isOpen = props.isOpen,
+    label = props.label,
+    onClose = props.onClose,
+    closeButtonLabel = props.closeButtonLabel,
+    width = props.width,
+    zIndex = props.zIndex,
+    rest = _objectWithoutPropertiesLoose(props, _excluded3);
   var isCloseable = Boolean(onClose);
   var appElement = appElementSelector && document ? document.querySelector(appElementSelector) : null;
   return /*#__PURE__*/React.createElement(_styles.Container, _extends({
@@ -134,10 +112,10 @@ var Modal = function Modal(props) {
     width: width,
     zIndex: zIndex,
     data: {
-      "qa-modal": "",
-      "qa-modal-isopen": isOpen
-    } // $FlowIssue - upgrade v0.112.0
-
+      'qa-modal': '',
+      'qa-modal-isopen': isOpen
+    }
+    // $FlowIssue - upgrade v0.112.0
   }, rest), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styles.Body, null), /*#__PURE__*/React.createElement(ModalContext.Provider, {
     value: {
       onClose: onClose,
@@ -146,17 +124,16 @@ var Modal = function Modal(props) {
     }
   }, children)));
 };
-
 Modal.Header = ModalHeader;
 Modal.Footer = ModalFooter;
 Modal.Content = ModalContent;
 Modal.CloseButton = ModalCloseButton;
-Modal.Header.displayName = "Modal.Header";
-Modal.Footer.displayName = "Modal.Footer";
-Modal.Content.displayName = "Modal.Content";
-Modal.CloseButton.displayName = "Modal.CloseButton";
+Modal.Header.displayName = 'Modal.Header';
+Modal.Footer.displayName = 'Modal.Footer';
+Modal.Content.displayName = 'Modal.Content';
+Modal.CloseButton.displayName = 'Modal.CloseButton';
 Modal.defaultProps = {
-  width: "800px",
+  width: '800px',
   zIndex: 6
 };
 var _default = Modal;

package/commonjs/Modal/styles.js

@@ -2,57 +2,40 @@
 
 exports.__esModule = true;
 exports.HeaderContainer = exports.Header = exports.Footer = exports.Content = exports.Container = exports.Body = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _reactModal = _interopRequireDefault(require("react-modal"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _systemProps = require("../utils/system-props");
-
 var _excluded = ["className"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _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 _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; }
-
 // This is the max space allowed between the modal and the edge of the browser
-var BODY_PADDING = "64px";
-
+var BODY_PADDING = '64px';
 function ReactModalAdapter(_ref) {
   var className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    props = _objectWithoutPropertiesLoose(_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 className + " " + className + "__Content";
-  }).join(" ");
-  var overlayClassName = (className || "").split(" ").map(function (className) {
+  }).join(' ');
+  var overlayClassName = (className || '').split(' ').map(function (className) {
     return className + " " + className + "__Overlay";
-  }).join(" ");
+  }).join(' ');
   return /*#__PURE__*/_react.default.createElement(_reactModal.default, _extends({
     portalClassName: className,
     className: contentClassName,
-    overlayClassName: overlayClassName // $FlowIssue
-
+    overlayClassName: overlayClassName
+    // $FlowIssue
   }, props));
 }
-
-var Body = (0, _styledComponents.createGlobalStyle)([".ReactModal__Body--open{overflow:hidden;}"]); // eslint-disable-next-line prettier/prettier
-
+var Body = (0, _styledComponents.createGlobalStyle)([".ReactModal__Body--open{overflow:hidden;}"]);
 exports.Body = Body;
 var Container = (0, _styledComponents.default)(ReactModalAdapter).withConfig({
   displayName: "styles__Container",
@@ -82,8 +65,7 @@ var Content = (0, _styledComponents.default)(_Box.default).withConfig({
   return props.theme.space[400];
 }, function (props) {
   return props.theme.space[450];
-}); // eslint-disable-next-line prettier/prettier
-
+});
 exports.Content = Content;
 var HeaderContainer = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__HeaderContainer",
@@ -94,8 +76,7 @@ var HeaderContainer = (0, _styledComponents.default)(_Box.default).withConfig({
   return props.theme.space[400];
 }, function (props) {
   return props.theme.space[450];
-}); // eslint-disable-next-line prettier/prettier
-
+});
 exports.HeaderContainer = HeaderContainer;
 var Header = (0, _styledComponents.default)(HeaderContainer).withConfig({
   displayName: "styles__Header",
@@ -103,7 +84,7 @@ var Header = (0, _styledComponents.default)(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';
 });
 exports.Header = Header;
 var Footer = (0, _styledComponents.default)(_Box.default).withConfig({
@@ -121,7 +102,7 @@ var Footer = (0, _styledComponents.default)(_Box.default).withConfig({
   return props.theme.radii[500];
 });
 exports.Footer = Footer;
-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';