@sproutsocial/racine 25.11.0 → 26.1.0

package/lib/Message/Message.js

@@ -1,165 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "density", "borderColor", "bg", "indentContent", "innerRef", "qa"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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); }
-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 Avatar from "../Avatar";
-import Button from "../Button";
-import Checkbox from "@sproutsocial/seeds-react-checkbox";
-import Container, { MessageBody as StyledMessageBody, MessageFooter as StyledMessageFooter, MessageHeader as StyledMessageHeader, MessageMeta as StyledMessageMeta } from "./styles";
-import { MESSAGE_DENSITIES } from "./constants";
-import { jsx as _jsx } from "react/jsx-runtime";
-var avatarSizeMap = function avatarSizeMap(density) {
-  switch (density) {
-    case MESSAGE_DENSITIES.LARGE:
-      return "40px";
-    case MESSAGE_DENSITIES.COMPACT:
-      return "20px";
-    case MESSAGE_DENSITIES.CONDENSED:
-      return "24px";
-    case MESSAGE_DENSITIES.SMALL:
-    default:
-      return "32px";
-  }
-};
-var MessageContext = /*#__PURE__*/React.createContext({
-  density: MESSAGE_DENSITIES.SMALL,
-  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 = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(MessageContext.Provider, {
-    value: {
-      density: density,
-      borderColor: borderColor,
-      indentContent: indentContent
-    },
-    children: /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread(_objectSpread({
-      borderColor: borderColor,
-      bg: bg,
-      ref: innerRef,
-      tabIndex: 0
-    }, qa), rest), {}, {
-      children: children
-    }))
-  });
-};
-var MessageBody = function MessageBody(props) {
-  return /*#__PURE__*/_jsx(MessageContext.Consumer, {
-    children: function children(_ref2) {
-      var density = _ref2.density,
-        borderColor = _ref2.borderColor,
-        indentContent = _ref2.indentContent;
-      return /*#__PURE__*/_jsx(StyledMessageBody, _objectSpread({
-        "data-qa-message-body": true,
-        density: density,
-        borderColor: borderColor,
-        indentContent: indentContent
-      }, props));
-    }
-  });
-};
-MessageBody.displayName = "Message.Body";
-Message.Body = MessageBody;
-var MessageHeader = function MessageHeader(props) {
-  return /*#__PURE__*/_jsx(MessageContext.Consumer, {
-    children: function children(_ref3) {
-      var density = _ref3.density,
-        borderColor = _ref3.borderColor;
-      return /*#__PURE__*/_jsx(StyledMessageHeader, _objectSpread({
-        density: density,
-        borderColor: borderColor
-      }, props));
-    }
-  });
-};
-MessageHeader.displayName = "Message.Header";
-Message.Header = MessageHeader;
-var MessageFooter = function MessageFooter(props) {
-  return /*#__PURE__*/_jsx(MessageContext.Consumer, {
-    children: function children(_ref4) {
-      var density = _ref4.density,
-        borderColor = _ref4.borderColor,
-        indentContent = _ref4.indentContent;
-      return /*#__PURE__*/_jsx(StyledMessageFooter, _objectSpread({
-        density: density,
-        borderColor: borderColor,
-        indentContent: indentContent
-      }, props));
-    }
-  });
-};
-MessageFooter.displayName = "Message.Footer";
-Message.Footer = MessageFooter;
-var MessageMeta = function MessageMeta(props) {
-  return /*#__PURE__*/_jsx(MessageContext.Consumer, {
-    children: function children(_ref5) {
-      var density = _ref5.density,
-        borderColor = _ref5.borderColor,
-        indentContent = _ref5.indentContent;
-      return /*#__PURE__*/_jsx(StyledMessageMeta, _objectSpread({
-        density: density,
-        borderColor: borderColor,
-        indentContent: indentContent
-      }, props));
-    }
-  });
-};
-MessageMeta.displayName = "Message.Meta";
-Message.Meta = MessageMeta;
-var MessageButton = function MessageButton(props) {
-  return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, props), {}, {
-    appearance: props.appearance || "pill"
-  }));
-};
-MessageButton.displayName = "Message.Button";
-Message.Button = MessageButton;
-var MessageAvatar = function MessageAvatar(props) {
-  return /*#__PURE__*/_jsx(MessageContext.Consumer, {
-    children: function children(_ref6) {
-      var density = _ref6.density;
-      return /*#__PURE__*/_jsx(Avatar, _objectSpread({
-        size: avatarSizeMap(density)
-      }, props));
-    }
-  });
-};
-MessageAvatar.displayName = "Message.Avatar";
-Message.Avatar = MessageAvatar;
-var MessageCheckbox = function MessageCheckbox(props) {
-  return /*#__PURE__*/_jsx(MessageContext.Consumer, {
-    children: function children(_ref7) {
-      var density = _ref7.density;
-      return /*#__PURE__*/_jsx(Checkbox, _objectSpread({
-        appearance: "pill"
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore - `density` is not a valid prop for `Checkbox`
-        ,
-        density: density // @ts-notes - not sure what's intended here so address during refactor
-      }, props));
-    }
-  });
-};
-MessageCheckbox.displayName = "Message.Checkbox";
-Message.Checkbox = MessageCheckbox;
-Message.Context = MessageContext;
-Message.DENSITIES = MESSAGE_DENSITIES;
-export default Message;

package/lib/Message/MessageTypes.js

@@ -1 +0,0 @@
-export {};

package/lib/Message/constants.js

@@ -1,7 +0,0 @@
-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.js

@@ -1,5 +0,0 @@
-import Message from "./Message";
-export default Message;
-export { Message };
-export * from "./MessageTypes";
-export * from "./constants";

package/lib/Message/styles.js

@@ -1,120 +0,0 @@
-import { memo } from "react";
-import styled from "styled-components";
-import { focusRing } from "@sproutsocial/seeds-react-mixins";
-import Box from "../Box";
-import { MESSAGE_DENSITIES } from "./constants";
-var Container = styled(Box).withConfig({
-  displayName: "styles__Container",
-  componentId: "sc-161ezbx-0"
-})(["border-radius:", ";border-width:", ";border-style:solid;background-color:", ";&:focus{", " transition:box-shadow 0.15s;}"], function (props) {
-  return props.theme.radii.outer;
-}, function (props) {
-  return props.theme.borderWidths[500];
-}, function (props) {
-  return props.theme.colors[props.bg];
-}, focusRing);
-Container.displayName = "Message.Container";
-export var MessageHeader = /*#__PURE__*/memo(styled(Box).withConfig({
-  displayName: "styles__MessageHeader",
-  componentId: "sc-161ezbx-1"
-})(["padding:", ";display:flex;justify-content:space-between;align-items:center;border-bottom-width:", ";border-bottom-style:solid;border-radius:", " ", " 0 0;", ";"], function (props) {
-  return props.density === MESSAGE_DENSITIES.CONDENSED ? "0 0 0 ".concat(props.theme.space[100]) : props.theme.space[300];
-}, function (props) {
-  return props.density === MESSAGE_DENSITIES.CONDENSED ? 0 : props.theme.borderWidths[500];
-}, function (props) {
-  return props.theme.radii.outer;
-}, function (props) {
-  return props.theme.radii.outer;
-}, function (props) {
-  return props.theme.typography[200];
-}));
-var getContentPadding = function getContentPadding(props) {
-  if (!props.indentContent) {
-    return props.theme.space[400];
-  }
-  switch (props.density) {
-    case MESSAGE_DENSITIES.LARGE:
-      {
-        // 40 px avatar + 8px(message.header) + 16px(mr)
-        return "64px";
-      }
-    case MESSAGE_DENSITIES.COMPACT:
-      {
-        // 20px avatar plus space.300 margin plus space.400 margin
-        return "40px";
-      }
-    case MESSAGE_DENSITIES.CONDENSED:
-      {
-        // 24px avatar plus space.200 margin plus space.350 margin
-        return "40px";
-      }
-    case MESSAGE_DENSITIES.SMALL:
-    default:
-      {
-        // 32px avatar plus space.300 margin plus space.400 margin
-        return "56px";
-      }
-  }
-};
-var messagePadding = function messagePadding(_ref) {
-  var density = _ref.density,
-    theme = _ref.theme;
-  if (density === MESSAGE_DENSITIES.CONDENSED) {
-    return 0;
-  }
-  if (density === MESSAGE_DENSITIES.COMPACT) {
-    return theme.space[300];
-  }
-  return theme.space[400];
-};
-export var MessageBody = styled(Box).withConfig({
-  displayName: "styles__MessageBody",
-  componentId: "sc-161ezbx-2"
-})(["padding:", " ", " ", " ", ";font-family:", ";", ";"], messagePadding, messagePadding, messagePadding, function (props) {
-  return getContentPadding(props);
-}, function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.density === MESSAGE_DENSITIES.COMPACT || props.density === MESSAGE_DENSITIES.CONDENSED ? props.theme.typography[200] : props.theme.typography[300];
-});
-export var MessageFooter = styled(Box).withConfig({
-  displayName: "styles__MessageFooter",
-  componentId: "sc-161ezbx-3"
-})(["padding-bottom:", ";padding-left:", ";padding-right:", ";border-radius:0 0 ", " ", ";display:flex;justify-content:space-between;align-items:center;flex-wrap:", ";"], function (props) {
-  return props.density === MESSAGE_DENSITIES.CONDENSED ? 0 : props.theme.space[300];
-}, function (props) {
-  return getContentPadding(props);
-}, function (props) {
-  return props.density === MESSAGE_DENSITIES.CONDENSED ? 0 : props.theme.space[300];
-}, function (props) {
-  return props.theme.radii.outer;
-}, function (props) {
-  return props.theme.radii.outer;
-}, function (props) {
-  return props.density === MESSAGE_DENSITIES.CONDENSED ? "nowrap" : "wrap";
-});
-export var MessageMeta = styled(Box).withConfig({
-  displayName: "styles__MessageMeta",
-  componentId: "sc-161ezbx-4"
-})(["background:none;border-width:0;border-style:none;border-top-width:1px;border-top-style:solid;display:block;width:100%;text-align:start;border-radius:0 0 ", " ", ";", ";margin:", " 0 ", ";padding:", " ", ";padding-left:", ";cursor:", ";color:", ";&:focus{", ";}"], function (props) {
-  return props.theme.radii.outer;
-}, function (props) {
-  return props.theme.radii.outer;
-}, function (props) {
-  return props.theme.typography[100];
-}, function (props) {
-  return props.theme.space[300];
-}, function (props) {
-  return props.theme.space[200];
-}, function (props) {
-  return props.theme.space[200];
-}, function (props) {
-  return props.theme.space[400];
-}, function (props) {
-  return getContentPadding(props);
-}, function (props) {
-  return props.onClick ? "pointer" : "default";
-}, function (props) {
-  return props.theme.colors.text.subtext;
-}, focusRing);
-export default Container;

package/lib/Modal/Modal.js

@@ -1,153 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["title", "subtitle", "children", "bordered"],
-  _excluded2 = ["children"],
-  _excluded3 = ["appElementSelector", "children", "isOpen", "label", "onClose", "closeButtonLabel", "width", "zIndex", "data"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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); }
-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 Box from "../Box";
-import Button from "../Button";
-import Icon from "../Icon";
-import Text from "../Text";
-import { Container, Content, Header, Footer, Body } from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var ModalContext = /*#__PURE__*/React.createContext({});
-var ModalHeader = function ModalHeader(props) {
-  var title = props.title,
-    subtitle = props.subtitle,
-    children = props.children,
-    bordered = props.bordered,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/_jsx(Header, _objectSpread(_objectSpread({
-    bordered: title || subtitle || bordered
-  }, rest), {}, {
-    children: children ? children : /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [/*#__PURE__*/_jsxs(Box, {
-        children: [title && /*#__PURE__*/_jsx(Text, {
-          as: "h1",
-          fontSize: 400,
-          fontWeight: "semibold",
-          children: title
-        }), subtitle && /*#__PURE__*/_jsx(Text, {
-          as: "div",
-          fontSize: 200,
-          children: subtitle
-        })]
-      }), /*#__PURE__*/_jsx(Box, {
-        display: "flex",
-        alignItems: "center",
-        "justify-content": "flex-end",
-        children: /*#__PURE__*/_jsx(ModalCloseButton, {
-          ml: 400
-        })
-      })]
-    })
-  }));
-};
-var ModalCloseButton = function ModalCloseButton(props) {
-  var _useContext = useContext(ModalContext),
-    onClose = _useContext.onClose,
-    closeButtonLabel = _useContext.closeButtonLabel;
-  if (!onClose) return null;
-  return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
-    onClick: onClose
-  }, props), {}, {
-    children: /*#__PURE__*/_jsx(Icon, {
-      name: "x-outline",
-      ariaLabel: closeButtonLabel
-    })
-  }));
-};
-var ModalFooter = function ModalFooter(props) {
-  return /*#__PURE__*/_jsx(Footer, _objectSpread({
-    borderTop: 500,
-    borderColor: "container.border.base"
-  }, props));
-};
-ModalFooter.defaultProps = {
-  bg: "container.background.base"
-};
-var ModalContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded2);
-  var _useContext2 = useContext(ModalContext),
-    label = _useContext2.label;
-  return /*#__PURE__*/_jsx(Content, _objectSpread(_objectSpread({
-    "data-qa-modal": true,
-    "data-qa-label": label,
-    ref: ref
-  }, rest), {}, {
-    children: 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,
-    _props$data = props.data,
-    data = _props$data === void 0 ? {} : _props$data,
-    rest = _objectWithoutProperties(props, _excluded3);
-  var isCloseable = Boolean(onClose);
-  var appElement = appElementSelector && document ? document.querySelector(appElementSelector) : undefined;
-  return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({
-    appElement: appElement,
-    ariaHideApp: !!appElement,
-    isOpen: isOpen,
-    contentLabel: label
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    ,
-    onRequestClose: onClose || function () {},
-    shouldFocusAfterRender: true,
-    shouldCloseOnOverlayClick: isCloseable,
-    shouldCloseOnEsc: isCloseable,
-    shouldReturnFocusAfterClose: true,
-    closeTimeoutMS: 200,
-    role: "dialog",
-    width: width,
-    zIndex: zIndex,
-    data: _objectSpread({
-      "qa-modal": "",
-      "qa-modal-isopen": isOpen
-    }, data)
-  }, rest), {}, {
-    children: /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [/*#__PURE__*/_jsx(Body, {}), /*#__PURE__*/_jsx(ModalContext.Provider, {
-        value: {
-          onClose: onClose,
-          closeButtonLabel: closeButtonLabel,
-          label: label
-        },
-        children: children
-      })]
-    })
-  }));
-};
-Modal.defaultProps = {
-  width: "800px",
-  zIndex: 6
-};
-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;
-Modal.CloseButton = ModalCloseButton;
-export default Modal;

package/lib/Modal/ModalTypes.js

@@ -1 +0,0 @@
-export {};

package/lib/Modal/index.js

@@ -1,4 +0,0 @@
-import Modal from "./Modal";
-export default Modal;
-export { Modal };
-export * from "./ModalTypes";

package/lib/Modal/styles.js

@@ -1,103 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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); }
-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 { COMMON } from "@sproutsocial/seeds-react-system-props";
-import Box from "../Box";
-
-// This is the max space allowed between the modal and the edge of the browser
-import { jsx as _jsx } from "react/jsx-runtime";
-var BODY_PADDING = "64px";
-var ReactModalAdapter = function ReactModalAdapter(_ref) {
-  var _ref$className = _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) {
-    return "".concat(className, " ").concat(className, "__Content");
-  }).join(" ");
-  var overlayClassName = className.split(" ").map(function (className) {
-    return "".concat(className, " ").concat(className, "__Overlay");
-  }).join(" ");
-  return /*#__PURE__*/_jsx(ReactModal, _objectSpread({
-    portalClassName: className,
-    className: contentClassName,
-    overlayClassName: overlayClassName
-  }, props));
-};
-export var Body = createGlobalStyle([".ReactModal__Body--open{overflow:hidden;}"]);
-export var Container = styled(ReactModalAdapter).withConfig({
-  displayName: "styles__Container",
-  componentId: "sc-qfi2g8-0"
-})(["&__Overlay{position:fixed;top:0px;left:0px;right:0px;bottom:0px;display:flex;align-items:center;justify-content:center;background-color:", ";opacity:0;will-change:opacity;transition:opacity ", " ", ";", " &.ReactModal__Overlay--after-open{opacity:1;}&.ReactModal__Overlay--before-close{opacity:0;}}&__Content{display:flex;flex-direction:column;background:", ";border-radius:", ";box-shadow:", ";filter:blur(0);color:", ";outline:none;max-width:calc(100vw - ", ");max-height:calc(100vh - ", ");@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){height:calc(100vh - ", ");}", " ", "}"], function (props) {
-  return props.theme.colors.overlay.background.base;
-}, function (props) {
-  return props.theme.duration.medium;
-}, function (props) {
-  return props.theme.easing.ease_inout;
-}, zIndex, function (props) {
-  return props.theme.colors.container.background.base;
-}, function (props) {
-  return props.theme.radii[600];
-}, function (props) {
-  return props.theme.shadows.medium;
-}, function (props) {
-  return props.theme.colors.text.body;
-}, BODY_PADDING, BODY_PADDING, BODY_PADDING, width, COMMON);
-export var Content = styled(Box).withConfig({
-  displayName: "styles__Content",
-  componentId: "sc-qfi2g8-1"
-})(["font-family:", ";min-height:80px;overflow-y:auto;flex:1 1 auto;padding:", " ", ";@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){flex-basis:100%;}"], function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.theme.space[400];
-}, function (props) {
-  return props.theme.space[450];
-});
-export var HeaderContainer = styled(Box).withConfig({
-  displayName: "styles__HeaderContainer",
-  componentId: "sc-qfi2g8-2"
-})(["font-family:", ";padding:", " ", ";"], function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.theme.space[400];
-}, function (props) {
-  return props.theme.space[450];
-});
-export var Header = styled(HeaderContainer).withConfig({
-  displayName: "styles__Header",
-  componentId: "sc-qfi2g8-3"
-})(["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";
-});
-export var Footer = styled(Box).withConfig({
-  displayName: "styles__Footer",
-  componentId: "sc-qfi2g8-4"
-})(["flex:0 0 auto;font-family:", ";padding:", " ", ";border-bottom-right-radius:", ";border-bottom-left-radius:", ";"], function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.theme.space[400];
-}, function (props) {
-  return props.theme.space[450];
-}, function (props) {
-  return props.theme.radii[500];
-}, function (props) {
-  return props.theme.radii[500];
-});
-Container.displayName = "ModalContainer";
-Content.displayName = "Content";
-Header.displayName = "Modal.Header";
-Footer.displayName = "Modal.Footer";