@sproutsocial/racine 20.16.0 → 20.17.0

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;

package/commonjs/Modal/styles.js

@@ -19,20 +19,20 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 // 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.default.createElement(_reactModal.default, _extends({
     portalClassName: className,
     className: contentClassName,
@@ -84,7 +84,7 @@ var Header = exports.Header = (0, _styledComponents.default)(HeaderContainer).wi
 })(["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";
 });
 var Footer = exports.Footer = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__Footer",
@@ -100,7 +100,7 @@ var Footer = exports.Footer = (0, _styledComponents.default)(_Box.default).withC
 }, 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/commonjs/Numeral/Numeral.js

@@ -32,7 +32,7 @@ var _getNumberFormatters = function _getNumberFormatters(options) {
     min = options.min,
     max = options.max;
   var compactPrecision = min === max ? min : _constants2.ABBREV_PRECISION;
-  var _currency = format === 'currency' ? currency : undefined;
+  var _currency = format === "currency" ? currency : undefined;
   var standard = {
     style: format,
     minimumFractionDigits: min,
@@ -44,7 +44,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
@@ -65,26 +65,26 @@ var _getNumberFormatters = function _getNumberFormatters(options) {
 var memoizer = (0, _lruMemoize.default)(_constants2.MEMO_CACHE_SIZE, _constants2.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 _constants2.DEFAULT_THRESHOLD;
   return Infinity;
 };
 var getMinMaxPrecision = function getMinMaxPrecision(precision, format) {
-  if (typeof precision === 'number') return [precision, precision];
-  if (precision === 'none') return [0, _constants2.MAX_PRECISION];
+  if (typeof precision === "number") return [precision, precision];
+  if (precision === "none") return [0, _constants2.MAX_PRECISION];
   return _constants2.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,
@@ -97,7 +97,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/commonjs/PartnerLogo/PartnerLogo.js

@@ -17,12 +17,12 @@ var whichLogo = function whichLogo(_ref, mode) {
   var backgroundType = _ref.backgroundType,
     logoType = _ref.logoType,
     partnerName = _ref.partnerName;
-  var logo = logoType && logoType !== 'symbol' ? partnerName + '-' + logoType : partnerName;
-  if (backgroundType && backgroundType === 'dark') {
+  var logo = logoType && logoType !== "symbol" ? partnerName + "-" + logoType : partnerName;
+  if (backgroundType && backgroundType === "dark") {
     return "".concat(logo, "-dark");
-  } else if (backgroundType && backgroundType === 'light') {
+  } else if (backgroundType && backgroundType === "light") {
     return logo;
-  } else if (mode === 'dark') {
+  } else if (mode === "dark") {
     return "".concat(logo, "-dark");
   } else {
     return logo;
@@ -32,11 +32,11 @@ var PartnerLogo = function PartnerLogo(_ref2) {
   var partnerName = _ref2.partnerName,
     backgroundType = _ref2.backgroundType,
     _ref2$logoType = _ref2.logoType,
-    logoType = _ref2$logoType === void 0 ? 'symbol' : _ref2$logoType,
+    logoType = _ref2$logoType === void 0 ? "symbol" : _ref2$logoType,
     height = _ref2.height,
     width = _ref2.width,
     size = _ref2.size,
-    ariaLabel = _ref2['aria-label'],
+    ariaLabel = _ref2["aria-label"],
     svgProps = _ref2.svgProps,
     rest = _objectWithoutProperties(_ref2, _excluded);
   var _useTheme = (0, _styledComponents.useTheme)(),
@@ -47,13 +47,13 @@ var PartnerLogo = function PartnerLogo(_ref2) {
     partnerName: partnerName
   }, mode);
   var logoViewBox = _LogoViewBoxes.default[logo];
-  var viewBoxCoordinates = (logoViewBox === null || logoViewBox === void 0 ? void 0 : logoViewBox.split(' ')) || [];
+  var viewBoxCoordinates = (logoViewBox === null || logoViewBox === void 0 ? void 0 : logoViewBox.split(" ")) || [];
   var defaultWidth = viewBoxCoordinates[2];
   var defaultHeight = viewBoxCoordinates[3];
   return /*#__PURE__*/_react.default.createElement(_styles.default //we add pixels here because view box coordinates are numbers
   , _extends({
-    height: height ? height : defaultHeight + 'px',
-    width: width ? width : defaultWidth + 'px',
+    height: height ? height : defaultHeight + "px",
+    width: width ? width : defaultWidth + "px",
     logoSize: size,
     className: "logo",
     role: "img",

package/commonjs/PartnerLogo/PartnerLogoTypes.js

@@ -16,10 +16,10 @@ var PartnerNames = exports.PartnerNames = _logoNames.default;
  */
 
 var PartnerLogoSizes = exports.PartnerLogoSizes = {
-  mini: '12px',
-  small: '16px',
-  medium: '24px',
-  large: '32px',
-  jumbo: '64px'
+  mini: "12px",
+  small: "16px",
+  medium: "24px",
+  large: "32px",
+  jumbo: "64px"
 };
-var PartnerLogoTypes = exports.PartnerLogoTypes = ['symbol', 'wordmark', 'lockup'];
+var PartnerLogoTypes = exports.PartnerLogoTypes = ["symbol", "wordmark", "lockup"];

package/commonjs/PartnerLogo/styles.js

@@ -11,18 +11,18 @@ var _systemProps = require("../utils/system-props");
 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 sizes = {
-  mini: '12px',
-  small: '16px',
-  medium: '24px',
-  large: '32px',
-  jumbo: '64px'
+  mini: "12px",
+  small: "16px",
+  medium: "24px",
+  large: "32px",
+  jumbo: "64px"
 };
 
 // TODO: remove width from stylesForSize
 var stylesForSize = function stylesForSize(height, width, logoSize) {
-  return (0, _styledComponents.css)(["height:", ";line-height:", ";.logo-svg{height:", ";width:", ";}"], logoSize ? logoSize : height, logoSize ? logoSize : height, logoSize ? logoSize : height, logoSize ? logoSize : '');
+  return (0, _styledComponents.css)(["height:", ";line-height:", ";.logo-svg{height:", ";width:", ";}"], logoSize ? logoSize : height, logoSize ? logoSize : height, logoSize ? logoSize : height, logoSize ? logoSize : "");
 };
-var Container = (0, _styledComponents.default)('span').withConfig({
+var Container = (0, _styledComponents.default)("span").withConfig({
   displayName: "styles__Container",
   componentId: "sc-hrrn7g-0"
 })(["display:inline-block;color:inherit;vertical-align:middle;", " ", " ", " ", ""], _systemProps.COMMON, _systemProps.FLEXBOX, _styledSystem.verticalAlign, function (props) {