@sproutsocial/racine 20.15.0 → 20.17.0

package/commonjs/Menu/Menu.js

@@ -62,7 +62,7 @@ var getMenuItemRole = function getMenuItemRole(menuRole) {
 };
 function isValueSelected(menuValue, value) {
   if (!menuValue) return false;
-  if (typeof menuValue === 'string') {
+  if (typeof menuValue === "string") {
     return Boolean(menuValue && value && menuValue === value);
   } else if (Array.isArray(menuValue)) {
     return menuValue.includes(value);
@@ -102,9 +102,9 @@ var MenuItem = exports.MenuItem = function MenuItem(_ref) {
   var shouldClosePopout = closeOnItemClick && !multiselect;
   var itemRole = roleProp || getMenuItemRole(menuRole);
   var id = (0, _react.useMemo)(function () {
-    return idProp || (0, _lodash.default)('MenuItem-');
+    return idProp || (0, _lodash.default)("MenuItem-");
   }, [idProp]);
-  var textContent = (0, _hooks.useTextContent)('');
+  var textContent = (0, _hooks.useTextContent)("");
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   var label = labelProp || textContent.current;
@@ -138,7 +138,7 @@ var MenuItem = exports.MenuItem = function MenuItem(_ref) {
    */
   (0, _react.useEffect)(function () {
     if (isCheckboxOrRadio && ref.current) {
-      var input = ref.current.querySelector('input');
+      var input = ref.current.querySelector("input");
       if (input) {
         input.tabIndex = -1;
       }
@@ -202,7 +202,7 @@ var MenuItem = exports.MenuItem = function MenuItem(_ref) {
     "aria-label": labelProp,
     value: valueProp,
     "data-value": valueProp,
-    forwardedAs: as || 'li',
+    forwardedAs: as || "li",
     "aria-checked": isCheckboxOrRadio ? isSelected : undefined,
     "aria-selected": itemRole === _utils.MENU_ITEM_ROLES.OPTION ? isSelected : undefined,
     disabled: disabled,
@@ -221,14 +221,14 @@ var MenuItem = exports.MenuItem = function MenuItem(_ref) {
   }), /*#__PURE__*/React.createElement("div", {
     ref: ref,
     style: {
-      display: 'flex',
-      alignItems: props.alignItems || 'center',
-      justifyContent: 'space-between'
+      display: "flex",
+      alignItems: props.alignItems || "center",
+      justifyContent: "space-between"
     }
   }, before, /*#__PURE__*/React.createElement("div", {
     style: {
       flexGrow: 1,
-      wordBreak: 'break-word',
+      wordBreak: "break-word",
       minWidth: 0
     }
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -260,7 +260,7 @@ var MenuSwitch = exports.MenuSwitch = function MenuSwitch(props) {
     label = props.label,
     rest = _objectWithoutProperties(props, _excluded2);
   var menuItemId = (0, _react.useMemo)(function () {
-    return id || (0, _lodash.default)('MenuItem-');
+    return id || (0, _lodash.default)("MenuItem-");
   }, [id]);
   var labelId = "".concat(menuItemId, "-label");
   var switchElement = /*#__PURE__*/React.createElement(_Switch.default, _extends({
@@ -269,7 +269,7 @@ var MenuSwitch = exports.MenuSwitch = function MenuSwitch(props) {
     "aria-hidden": "true",
     tabIndex: -1,
     "aria-labelledby": labelId
-  }, placement === 'before' ? {
+  }, placement === "before" ? {
     mr: 300
   } : {
     ml: 300
@@ -280,9 +280,9 @@ var MenuSwitch = exports.MenuSwitch = function MenuSwitch(props) {
   var menuItemProps = _objectSpread({
     id: menuItemId,
     label: label,
-    elemBefore: placement === 'before' ? switchElement : undefined,
+    elemBefore: placement === "before" ? switchElement : undefined,
     // Empty fragment prevents a check icon in elemAfter when the switch is checked. Can be overridden.
-    elemAfter: placement === 'before' ? /*#__PURE__*/React.createElement(React.Fragment, null) : switchElement
+    elemAfter: placement === "before" ? /*#__PURE__*/React.createElement(React.Fragment, null) : switchElement
   }, rest);
   return /*#__PURE__*/React.createElement(MenuItem, menuItemProps, /*#__PURE__*/React.createElement(_Text.default, _extends({
     id: labelId
@@ -322,7 +322,7 @@ var MenuGroup = exports.MenuGroup = function MenuGroup(_ref6) {
     isDisabled = _ref6$disabled === void 0 ? false : _ref6$disabled,
     props = _objectWithoutProperties(_ref6, _excluded3);
   var menuTitleId = (0, _react.useMemo)(function () {
-    return (0, _lodash.default)('menu-title-');
+    return (0, _lodash.default)("menu-title-");
   }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Box.default, _extends({
     p: 300,
@@ -334,7 +334,7 @@ var MenuGroup = exports.MenuGroup = function MenuGroup(_ref6) {
     id: menuTitleId,
     role: "presentation",
     fontSize: 200,
-    forwardedAs: titleAs || 'li',
+    forwardedAs: titleAs || "li",
     $_css: isDisabled ? _mixins.disabled : undefined
   }, title), children));
 };
@@ -348,7 +348,7 @@ var MenuDivider = exports.MenuDivider = function MenuDivider(props) {
 };
 var MenuFilterInput = function MenuFilterInput(_ref7) {
   var _ref7$type = _ref7.type,
-    type = _ref7$type === void 0 ? 'search' : _ref7$type,
+    type = _ref7$type === void 0 ? "search" : _ref7$type,
     props = _objectWithoutProperties(_ref7, _excluded4);
   var onChange = props.onChange,
     onFocus = props.onFocus,
@@ -442,7 +442,7 @@ var Menu = exports.Menu = function Menu(_ref10) {
     setDescendants = _useDescendants2[1];
   var _useState3 = (0, _react.useState)({
       selectionIndex: 0,
-      filterQuery: '',
+      filterQuery: "",
       filteredItems: null,
       isFilterInputFocused: false,
       isFooterFocused: false
@@ -478,14 +478,14 @@ var Menu = exports.Menu = function Menu(_ref10) {
     innerRef: menuRef
   }), children), footerContent ? /*#__PURE__*/React.createElement(MenuFooter, null, footerContent) : null));
 };
-MenuGroup.displayName = 'Menu.Group';
-MenuItem.displayName = 'Menu.Item';
-MenuCheckbox.displayName = 'Menu.Checkbox';
-MenuRadio.displayName = 'Menu.Radio';
-MenuSwitch.displayName = 'Menu.Switch';
-MenuDivider.displayName = 'Menu.Divider';
-MenuFilterInput.displayName = 'Menu.FilterInput';
-Menu.displayName = 'Menu';
+MenuGroup.displayName = "Menu.Group";
+MenuItem.displayName = "Menu.Item";
+MenuCheckbox.displayName = "Menu.Checkbox";
+MenuRadio.displayName = "Menu.Radio";
+MenuSwitch.displayName = "Menu.Switch";
+MenuDivider.displayName = "Menu.Divider";
+MenuFilterInput.displayName = "Menu.FilterInput";
+Menu.displayName = "Menu";
 Menu.Group = MenuGroup;
 Menu.Item = MenuItem;
 Menu.Checkbox = MenuCheckbox;
@@ -505,9 +505,9 @@ var MenuButton = exports.MenuButton = function MenuButton(_ref11) {
     _ref11$closeOnItemCli = _ref11.closeOnItemClick,
     closeOnItemClick = _ref11$closeOnItemCli === void 0 ? true : _ref11$closeOnItemCli,
     _ref11$id = _ref11.id,
-    id = _ref11$id === void 0 ? (0, _lodash.default)('MenuButton-') : _ref11$id,
+    id = _ref11$id === void 0 ? (0, _lodash.default)("MenuButton-") : _ref11$id,
     _ref11$placement = _ref11.placement,
-    placement = _ref11$placement === void 0 ? 'bottom' : _ref11$placement,
+    placement = _ref11$placement === void 0 ? "bottom" : _ref11$placement,
     isOpen = _ref11.isOpen,
     setIsOpen = _ref11.setIsOpen,
     props = _objectWithoutProperties(_ref11, _excluded7);
@@ -515,7 +515,7 @@ var MenuButton = exports.MenuButton = function MenuButton(_ref11) {
     _useState6 = _slicedToArray(_useState5, 2),
     isInternalShown = _useState6[0],
     setIsInternalShown = _useState6[1];
-  var isControlled = typeof isOpen === 'boolean';
+  var isControlled = typeof isOpen === "boolean";
   var isShown = isControlled ? isOpen : isInternalShown;
   var setIsShown = (0, _react.useMemo)(function () {
     return isControlled && setIsOpen ? setIsOpen : function (nextIsShown) {
@@ -525,8 +525,8 @@ var MenuButton = exports.MenuButton = function MenuButton(_ref11) {
   var closePopout = (0, _react.useCallback)(function () {
     return setIsShown(false);
   }, [setIsShown]);
-  var ariaLabelledBy = props['aria-labelledby'] ? "".concat(props['aria-labelledby'], " ").concat(id) : undefined;
-  var ariaLabel = props['aria-label'] ? "".concat(props['aria-label'], " ").concat((0, _innerText.default)(children)) : undefined;
+  var ariaLabelledBy = props["aria-labelledby"] ? "".concat(props["aria-labelledby"], " ").concat(id) : undefined;
+  var ariaLabel = props["aria-label"] ? "".concat(props["aria-label"], " ").concat((0, _innerText.default)(children)) : undefined;
   return /*#__PURE__*/React.createElement(_utils.MenuButtonContext.Provider, {
     value: {
       closePopout: closePopout,
@@ -545,7 +545,7 @@ var MenuButton = exports.MenuButton = function MenuButton(_ref11) {
     "aria-label": ariaLabel === null || ariaLabel === void 0 ? void 0 : ariaLabel.trim(),
     active: isShown,
     onKeyDown: function onKeyDown(e) {
-      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
+      if (e.key === "ArrowUp" || e.key === "ArrowDown") {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _onClick && _onClick(e); // @ts-notes unfortunately we're passing in a keyboard event here and not the mouse event it expects, so no way to coerce it
         setIsShown(true);

package/commonjs/Menu/styles.js

@@ -59,4 +59,4 @@ var MenuItemContainer = exports.MenuItemContainer = (0, _styledComponents.defaul
 var MenuItemsContainer = exports.MenuItemsContainer = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__MenuItemsContainer",
   componentId: "sc-168zlb1-1"
-})(["list-style-type:none;&:focus{", "}& > div[role='group']:first-of-type{border-top:none;}"], _mixins.focusRing);
+})(["list-style-type:none;&:focus{", "}& > div[role=\"group\"]:first-of-type{border-top:none;}"], _mixins.focusRing);

package/commonjs/Menu/utils/constants.flow.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MENU_ROLES = exports.MENU_ITEM_ROLES = void 0;
 var MENU_ROLES = exports.MENU_ROLES = Object.freeze({
-  MENU: 'menu',
-  LIST: 'list',
-  LISTBOX: 'listbox'
+  MENU: "menu",
+  LIST: "list",
+  LISTBOX: "listbox"
 });
 var MENU_ITEM_ROLES = exports.MENU_ITEM_ROLES = Object.freeze({
-  MENUITEM: 'menuitem',
-  LISTITEM: 'listitem',
-  OPTION: 'option',
-  RADIO: 'menuitemradio',
-  CHECKBOX: 'menuitemcheckbox'
+  MENUITEM: "menuitem",
+  LISTITEM: "listitem",
+  OPTION: "option",
+  RADIO: "menuitemradio",
+  CHECKBOX: "menuitemcheckbox"
 });

package/commonjs/Menu/utils/constants.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MENU_ROLES = exports.MENU_ITEM_ROLES = void 0;
 var MENU_ROLES = exports.MENU_ROLES = Object.freeze({
-  MENU: 'menu',
-  LIST: 'list',
-  LISTBOX: 'listbox'
+  MENU: "menu",
+  LIST: "list",
+  LISTBOX: "listbox"
 });
 var MENU_ITEM_ROLES = exports.MENU_ITEM_ROLES = Object.freeze({
-  MENUITEM: 'menuitem',
-  LISTITEM: 'listitem',
-  OPTION: 'option',
-  RADIO: 'menuitemradio',
-  CHECKBOX: 'menuitemcheckbox'
+  MENUITEM: "menuitem",
+  LISTITEM: "listitem",
+  OPTION: "option",
+  RADIO: "menuitemradio",
+  CHECKBOX: "menuitemcheckbox"
 });

package/commonjs/Menu/utils/descendants.js

@@ -74,7 +74,7 @@ function wrapEvent(theirHandler, ourHandler) {
   };
 }
 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() ? _react.useLayoutEffect : _react.useEffect;
 function createNamedContext(name, defaultValue) {
@@ -254,16 +254,16 @@ 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;
     }
 
@@ -298,53 +298,53 @@ 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/commonjs/Menu/utils/hooks.js

@@ -22,7 +22,7 @@ var MenuContext = exports.MenuContext = /*#__PURE__*/(0, _react.createContext)({
   onChange: undefined,
   state: {
     selectionIndex: 0,
-    filterQuery: '',
+    filterQuery: "",
     filteredItems: null,
     isFilterInputFocused: false,
     isFooterFocused: false
@@ -37,7 +37,7 @@ var MenuButtonContext = exports.MenuButtonContext = /*#__PURE__*/(0, _react.crea
   closeOnItemClick: undefined,
   closePopout: undefined
 });
-var MenuDescendantContext = exports.MenuDescendantContext = (0, _descendants.createDescendantContext)('MenuDescendantContext');
+var MenuDescendantContext = exports.MenuDescendantContext = (0, _descendants.createDescendantContext)("MenuDescendantContext");
 
 /**
  * When a user's typed input matches the string displayed in a menu item, it is
@@ -45,7 +45,7 @@ var MenuDescendantContext = exports.MenuDescendantContext = (0, _descendants.cre
  * 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;
   }
@@ -130,14 +130,14 @@ 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();
@@ -154,8 +154,8 @@ function useMenuKeyDown() {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (0, _descendants.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));
@@ -163,8 +163,8 @@ function useMenuKeyDown() {
       callback: function callback(item) {
         if (item.element) {
           (0, _scrollIntoViewIfNeeded.default)(item.element, {
-            block: 'nearest',
-            scrollMode: 'if-needed'
+            block: "nearest",
+            scrollMode: "if-needed"
           });
         }
         setState({

package/commonjs/Message/Message.flow.js

@@ -9,11 +9,11 @@ var React = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var MESSAGE_DENSITIES = exports.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/commonjs/Message/Message.js

@@ -21,20 +21,20 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var avatarSizeMap = function avatarSizeMap(density) {
   switch (density) {
     case _constants.MESSAGE_DENSITIES.LARGE:
-      return '40px';
+      return "40px";
     case _constants.MESSAGE_DENSITIES.COMPACT:
-      return '20px';
+      return "20px";
     case _constants.MESSAGE_DENSITIES.CONDENSED:
-      return '24px';
+      return "24px";
     case _constants.MESSAGE_DENSITIES.SMALL:
     default:
-      return '32px';
+      return "32px";
   }
 };
 var MessageContext = /*#__PURE__*/React.createContext({
   density: _constants.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) {
@@ -42,9 +42,9 @@ var Message = function Message(_ref) {
     _ref$density = _ref.density,
     density = _ref$density === void 0 ? _constants.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,
@@ -76,7 +76,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) {
@@ -88,7 +88,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) {
@@ -102,7 +102,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) {
@@ -116,14 +116,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.default, _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) {
@@ -133,7 +133,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) {
@@ -147,7 +147,7 @@ var MessageCheckbox = function MessageCheckbox(props) {
     }, props));
   });
 };
-MessageCheckbox.displayName = 'Message.Checkbox';
+MessageCheckbox.displayName = "Message.Checkbox";
 Message.Checkbox = MessageCheckbox;
 Message.Context = MessageContext;
 Message.DENSITIES = _constants.MESSAGE_DENSITIES;

package/commonjs/Message/constants.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MESSAGE_DENSITIES = void 0;
 var MESSAGE_DENSITIES = exports.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/commonjs/Message/styles.js

@@ -20,7 +20,7 @@ var Container = (0, _styledComponents.default)(_Box.default).withConfig({
 }, function (props) {
   return props.theme.colors[props.bg];
 }, _mixins.focusRing);
-Container.displayName = 'Message.Container';
+Container.displayName = "Message.Container";
 var MessageHeader = exports.MessageHeader = /*#__PURE__*/(0, _react.memo)((0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__MessageHeader",
   componentId: "sc-161ezbx-1"
@@ -43,23 +43,23 @@ var getContentPadding = function getContentPadding(props) {
     case _constants.MESSAGE_DENSITIES.LARGE:
       {
         // 40 px avatar + 8px(message.header) + 16px(mr)
-        return '64px';
+        return "64px";
       }
     case _constants.MESSAGE_DENSITIES.COMPACT:
       {
         // 20px avatar plus space.300 margin plus space.400 margin
-        return '40px';
+        return "40px";
       }
     case _constants.MESSAGE_DENSITIES.CONDENSED:
       {
         // 24px avatar plus space.200 margin plus space.350 margin
-        return '40px';
+        return "40px";
       }
     case _constants.MESSAGE_DENSITIES.SMALL:
     default:
       {
         // 32px avatar plus space.300 margin plus space.400 margin
-        return '56px';
+        return "56px";
       }
   }
 };
@@ -98,7 +98,7 @@ var MessageFooter = exports.MessageFooter = (0, _styledComponents.default)(_Box.
 }, function (props) {
   return props.theme.radii.outer;
 }, function (props) {
-  return props.density === _constants.MESSAGE_DENSITIES.CONDENSED ? 'nowrap' : 'wrap';
+  return props.density === _constants.MESSAGE_DENSITIES.CONDENSED ? "nowrap" : "wrap";
 }, function (props) {
   return props.theme.space[350];
 });
@@ -122,7 +122,7 @@ var MessageMeta = exports.MessageMeta = (0, _styledComponents.default)(_Box.defa
 }, 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/Modal.js

@@ -64,7 +64,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,
@@ -110,8 +110,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(_styles.Body, null), /*#__PURE__*/React.createElement(ModalContext.Provider, {
     value: {
@@ -122,13 +122,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;