@sproutsocial/racine 12.20.0 → 12.21.1

package/dist/illustrationList.js

@@ -1 +1 @@
-module.exports = ["abacus","analytics-offering","asset-cards","astronaut","binoculars","brand-keyword","browser-doc","business","calendar-event","calendar-reporting","cat-error","cat-no-access","cat","checkbox-alert","coffee-cup","competitors","compose-window","compose","computer-error","connect","contact","conversation","custom-branding","customer-service","dashboard","exclamation-mark","face-happy","find-bookmark","flask","general-topic","global-features","global-trend","grow-large","grow","hands-raised","headset","heartbeat-connection","instagram-links","invoice","jewel","keyword-tracking","lightbulb-alt","lightbulb","like-conversation","link-broken","link-messages","link-sections","link-upload","listening-pendo","listening-sentiment","listening-topic-templates","listening-tour","listening","loading","mailbox-empty","mailbox-full","message","network-data","no-messages-found","no-notifications","note","notification","notifications-onboarding","organize-message","outbox-queue","outbox-reviews","pdf","planning","podium","pointer","publish-assets","publish-links","publishing","puzzle-piece","question-mark","reporting-folder","reporting","review-location","review","robot-assembly","robot-error","robot-happy","rocket","schedule-date","schedule-messages","search-keywords","search-success","search-trends","search","security","sentiment","shopping-bag","spark-line","stamp","storefront","success","tag-message","tag","team-roles","team","telescope","tha-mel","thumbs-up","toggle-switch","toolset-strength","tracking-time","twitter-messages","twitter-profiles","under-construction","unsubscribe","upward-trend","user-task","view-connections","vip-list","warning","wifi","workflow-steps"];
+module.exports = ["abacus","analytics-offering","asset-cards","astronaut","binoculars","brand-keyword","browser-doc","business","calendar-event","calendar-reporting","cat-error","cat-no-access","cat","checkbox-alert","coffee-cup","competitors","compose-window","compose","computer-error","connect","contact","conversation","custom-branding","customer-service","dashboard","exclamation-mark","face-happy","find-bookmark","flask","general-topic","global-features","global-trend","grow-large","grow","hands-raised","headset","heartbeat-connection","instagram-links","invoice","jewel","keyword-tracking","lightbulb-alt","lightbulb","like-conversation","link-broken","link-messages","link-sections","link-upload","listening-pendo","listening-sentiment","listening-topic-templates","listening-tour","listening","loading","mailbox-empty","mailbox-full","message","molecule","network-data","no-messages-found","no-notifications","note","notification","notifications-onboarding","organize-message","outbox-queue","outbox-reviews","pdf","planning","podium","pointer","publish-assets","publish-links","publishing","puzzle-piece","question-mark","reporting-folder","reporting","review-location","review","robot-assembly","robot-error","robot-happy","rocket","schedule-date","schedule-messages","search-keywords","search-success","search-trends","search","security","sentiment","shopping-bag","spark-line","stamp","storefront","success","tag-message","tag","team-roles","team","telescope","tha-mel","thumbs-up","toggle-switch","toolset-strength","tracking-time","twitter-messages","twitter-profiles","under-construction","unsubscribe","upward-trend","user-task","view-connections","vip-list","warning","wifi","workflow-steps"];

package/lib/Avatar/index.js

@@ -1,21 +1,17 @@
 var _excluded = ["fontSize"],
-    _excluded2 = ["appearance", "name", "src", "variant", "type", "size", "bg", "color"];
-
-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); }
-
+  _excluded2 = ["appearance", "name", "src", "variant", "type", "size", "bg", "color"];
+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; }
-
-import * as React from "react";
-import { useState, useCallback, useMemo, memo } from "react";
-import styled, { css } from "styled-components";
-import classnames from "classnames";
-import Box from "../Box";
-import Image from "../Image";
-import Text from "../Text";
+import * as React from 'react';
+import { useState, useCallback, useMemo, memo } from 'react';
+import styled, { css } from 'styled-components';
+import classnames from 'classnames';
+import Box from '../Box';
+import Image from '../Image';
+import Text from '../Text';
 var AvatarText = styled(function (_ref) {
   var fontSize = _ref.fontSize,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Text, rest);
 }).withConfig({
   displayName: "Avatar__AvatarText",
@@ -30,57 +26,53 @@ var Container = styled(Box).withConfig({
   componentId: "sc-yx873f-1"
 })(["", ""], function (_ref2) {
   var theme = _ref2.theme,
-      type = _ref2.type,
-      variant = _ref2.variant,
-      bg = _ref2.bg;
-  return css(["color:", ";background:", ";"], theme.colors[type][variant === "dark" ? "200" : "900"], bg ? bg : theme.colors[type][variant === "dark" ? "900" : "200"]);
+    type = _ref2.type,
+    variant = _ref2.variant,
+    bg = _ref2.bg;
+  return css(["color:", ";background:", ";"], theme.colors[type][variant === 'dark' ? '200' : '900'], bg ? bg : theme.colors[type][variant === 'dark' ? '900' : '200']);
 });
-
 var getInitials = function getInitials(name, fallback) {
   if (fallback === void 0) {
-    fallback = "?";
+    fallback = '?';
   }
-
-  if (!name || typeof name !== "string") return fallback;
-  return name.replace(/\s+/, " ").split(" ") // Repeated spaces results in empty strings
+  if (!name || typeof name !== 'string') return fallback;
+  return name.replace(/\s+/, ' ').split(' ') // Repeated spaces results in empty strings
   .slice(0, 2).map(function (v) {
     return v && v[0].toUpperCase();
   }) // Watch out for empty strings
-  .join("");
+  .join('');
 };
-
 export var Avatar = function Avatar(_ref3) {
   var _ref3$appearance = _ref3.appearance,
-      appearance = _ref3$appearance === void 0 ? "circle" : _ref3$appearance,
-      name = _ref3.name,
-      src = _ref3.src,
-      _ref3$variant = _ref3.variant,
-      variant = _ref3$variant === void 0 ? "light" : _ref3$variant,
-      _ref3$type = _ref3.type,
-      type = _ref3$type === void 0 ? "neutral" : _ref3$type,
-      _ref3$size = _ref3.size,
-      size = _ref3$size === void 0 ? "40px" : _ref3$size,
-      bg = _ref3.bg,
-      color = _ref3.color,
-      rest = _objectWithoutPropertiesLoose(_ref3, _excluded2);
-
+    appearance = _ref3$appearance === void 0 ? 'circle' : _ref3$appearance,
+    name = _ref3.name,
+    src = _ref3.src,
+    _ref3$variant = _ref3.variant,
+    variant = _ref3$variant === void 0 ? 'light' : _ref3$variant,
+    _ref3$type = _ref3.type,
+    type = _ref3$type === void 0 ? 'neutral' : _ref3$type,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? '40px' : _ref3$size,
+    bg = _ref3.bg,
+    color = _ref3.color,
+    rest = _objectWithoutPropertiesLoose(_ref3, _excluded2);
   var _useState = useState(false),
-      imageFailedLoading = _useState[0],
-      setImageFailedLoading = _useState[1];
-
+    imageFailedLoading = _useState[0],
+    setImageFailedLoading = _useState[1];
   var initials = useMemo(function () {
     return getInitials(name);
   }, [name]);
   var handleError = useCallback(function () {
     setImageFailedLoading(true);
-  }, [setImageFailedLoading]); // Font size for initials is half the size of the avatar, rounded down.
+  }, [setImageFailedLoading]);
 
-  var fontSize = Math.floor(Number(size.replace("px", "")) * 0.4);
+  // Font size for initials is half the size of the avatar, rounded down.
+  var fontSize = Math.floor(Number(size.replace('px', '')) * 0.4);
   return /*#__PURE__*/React.createElement(Container, _extends({
     className: classnames(variant),
     size: size,
     overflow: "hidden",
-    borderRadius: appearance === "leaf" ? "40% 0 40% 0" : "50%",
+    borderRadius: appearance === 'leaf' ? '40% 0 40% 0' : '50%',
     position: "relative",
     display: "flex",
     flexShrink: 0,
@@ -90,8 +82,8 @@ export var Avatar = function Avatar(_ref3) {
     bg: bg,
     variant: variant,
     type: type,
-    "data-qa-user-avatar": name // $FlowIssue - upgrade v0.112.0
-
+    "data-qa-user-avatar": name
+    // $FlowIssue - upgrade v0.112.0
   }, rest), !src || imageFailedLoading ? /*#__PURE__*/React.createElement(AvatarText, {
     lineHeight: size,
     fontWeight: "semibold",
@@ -105,6 +97,7 @@ export var Avatar = function Avatar(_ref3) {
     onError: handleError,
     m: 0
   }));
-}; // $FlowIssue Upgrade 0.111.1
+};
 
+// $FlowIssue Upgrade 0.111.1
 export default /*#__PURE__*/memo(Avatar);

package/lib/Badge/constants.js

@@ -1,31 +1,35 @@
+
+
 var defaultPurple = {
-  color: "colors.text.body",
-  background: "colors.container.background.decorative.purple"
+  color: 'colors.text.body',
+  background: 'colors.container.background.decorative.purple'
 };
 var suggestion = {
-  color: "colors.text.body",
-  background: "colors.container.background.decorative.blue"
+  color: 'colors.text.body',
+  background: 'colors.container.background.decorative.blue'
 };
 var passive = {
-  color: "colors.text.body",
-  background: "colors.container.background.decorative.neutral"
+  color: 'colors.text.body',
+  background: 'colors.container.background.decorative.neutral'
 };
 var primary = {
-  color: "colors.text.body",
-  background: "colors.container.background.decorative.blue"
+  color: 'colors.text.body',
+  background: 'colors.container.background.decorative.blue'
 };
 var secondary = {
-  color: "colors.text.body",
-  background: "colors.container.background.decorative.yellow"
+  color: 'colors.text.body',
+  background: 'colors.container.background.decorative.yellow'
 };
 var common = {
-  color: "colors.text.inverse",
-  background: "colors.aqua.600"
+  color: 'colors.text.inverse',
+  background: 'colors.aqua.600'
 };
 var approval = {
-  color: "colors.text.body",
-  background: "colors.container.background.decorative.orange"
-}; //Deprecated former "types"
+  color: 'colors.text.body',
+  background: 'colors.container.background.decorative.orange'
+};
+
+//Deprecated former "types"
 
 export var legacyBadgeColors = {
   primary: primary,

package/lib/Badge/index.js

@@ -1,38 +1,32 @@
 var _excluded = ["children", "text", "iconName", "type", "tip", "size", "badgeColor"];
-
-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; }
-
-import * as React from "react";
-import Icon from "../Icon";
-import Container from "./styles";
-import Box from "../Box";
-
+import * as React from 'react';
+import Icon from '../Icon';
+import Container from './styles';
+import Box from '../Box';
 var Badge = function Badge(_ref) {
   var children = _ref.children,
-      text = _ref.text,
-      iconName = _ref.iconName,
-      type = _ref.type,
-      tip = _ref.tip,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "small" : _ref$size,
-      _ref$badgeColor = _ref.badgeColor,
-      badgeColor = _ref$badgeColor === void 0 ? "blue" : _ref$badgeColor,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    text = _ref.text,
+    iconName = _ref.iconName,
+    type = _ref.type,
+    tip = _ref.tip,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    _ref$badgeColor = _ref.badgeColor,
+    badgeColor = _ref$badgeColor === void 0 ? 'blue' : _ref$badgeColor,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   if (children && text) {
     throw new Error("can't use both `children` and `text` props. Text is deprecated, consider using children.");
   }
-
   return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
     // size previously included default, which currently maps to small.  Once consumers have updated this can be simplified.
-    size: size === "default" ? "large" : size,
+    size: size === 'default' ? 'large' : size,
     badgeColor: badgeColor,
     "data-tip": tip,
-    "data-qa-badge": text || "",
+    "data-qa-badge": text || '',
     "data-qa-badge-type": type,
-    "data-qa-badge-tip": tip || "",
+    "data-qa-badge-tip": tip || '',
     type: type && type
   }), /*#__PURE__*/React.createElement(Box, {
     display: "flex",
@@ -41,8 +35,7 @@ var Badge = function Badge(_ref) {
   }, iconName ? /*#__PURE__*/React.createElement(Icon, {
     mr: 200,
     name: iconName,
-    size: size === "small" ? "mini" : "default"
+    size: size === 'small' ? 'mini' : 'default'
   }) : null, children || text));
 };
-
 export default Badge;

package/lib/Badge/styles.js

@@ -1,20 +1,22 @@
-import styled from "styled-components";
-import { COMMON } from "../utils/system-props";
-import { themeGet } from "@styled-system/theme-get";
-import { legacyBadgeColors } from "./constants"; // eslint-disable-next-line prettier/prettier
 
+import styled from 'styled-components';
+import { COMMON } from '../utils/system-props';
+import { themeGet } from '@styled-system/theme-get';
+import { legacyBadgeColors } from './constants';
+
+// eslint-disable-next-line flowtype/generic-spacing
 var Container = styled.span.withConfig({
   displayName: "styles__Container",
   componentId: "sc-g1g76b-0"
 })(["font-family:", ";", ";border-radius:9999px;line-height:16px;display:inline-block;color:", ";background:", ";padding:", ";", ";"], function (p) {
   return p.theme.fontFamily;
 }, function (p) {
-  return p.size === "small" ? p.theme.typography[100] : p.theme.typography[200];
+  return p.size === 'small' ? p.theme.typography[100] : p.theme.typography[200];
 }, function (p) {
   return p.type ? themeGet(legacyBadgeColors[p.type].color) : p.theme.colors.text.body;
 }, function (p) {
   return p.type ? themeGet(legacyBadgeColors[p.type].background) : p.theme.colors.container.background.decorative[p.badgeColor];
 }, function (p) {
-  return p.size === "small" ? p.theme.space[0] + " " + p.theme.space[200] : "" + p.theme.space[300];
+  return p.size === 'small' ? p.theme.space[0] + " " + p.theme.space[200] : "" + p.theme.space[300];
 }, COMMON);
 export default Container;

package/lib/Banner/index.js

@@ -1,13 +1,11 @@
 var _excluded = ["type", "text"];
-
-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; }
+import * as React from 'react';
+import Icon from '../Icon';
+import Container from './styles';
+import Box from '../Box';
 
-import * as React from "react";
-import Icon from "../Icon";
-import Container from "./styles";
-import Box from "../Box";
 /**
  * @deprecated
  * Use banner type "error" instead of "danger"
@@ -15,71 +13,61 @@ import Box from "../Box";
 
 var getBannerIcon = function getBannerIcon(type) {
   switch (type) {
-    case "success":
+    case 'success':
       return /*#__PURE__*/React.createElement(Icon, {
         name: "circle-check-no-fill",
         className: "Icon",
         fixedWidth: true
       });
-
-    case "info":
+    case 'info':
       return /*#__PURE__*/React.createElement(Icon, {
         name: "info-white",
         className: "Icon",
         fixedWidth: true
       });
-
-    case "error":
+    case 'error':
       return /*#__PURE__*/React.createElement(Icon, {
         name: "triangle",
         className: "Icon",
         fixedWidth: true
       });
-
-    case "warning":
+    case 'warning':
       return /*#__PURE__*/React.createElement(Icon, {
         name: "triangle",
         className: "Icon",
         fixedWidth: true
       });
-
-    case "opportunity":
+    case 'opportunity':
       return /*#__PURE__*/React.createElement(Icon, {
         name: "sparkles",
         className: "Icon",
         fixedWidth: true
       });
-
     default:
       return;
   }
 };
-/** TODO: change to 'info' type by default in future version */
-
 
+/** TODO: change to 'info' type by default in future version */
 var Banner = function Banner(_ref) {
   var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? "error" : _ref$type,
-      text = _ref.text,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  var bannerType = type === "danger" ? "error" : type;
-
-  if (type === "danger") {
-    console.warn("Warning: The `danger` type has been deprecated on the Banner component. Please use `error` instead.");
+    type = _ref$type === void 0 ? 'error' : _ref$type,
+    text = _ref.text,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var bannerType = type === 'danger' ? 'error' : type;
+  if (type === 'danger') {
+    console.warn('Warning: The `danger` type has been deprecated on the Banner component. Please use `error` instead.');
   }
-
   return /*#__PURE__*/React.createElement(Container, _extends({
     type: type,
-    "data-qa-alert": "",
+    "data-qa-alert": '',
     "data-qa-alert-type": type,
-    "data-qa-alert-text": text // $FlowIssue - upgrade v0.112.0
-
+    "data-qa-alert-text": text
+    // $FlowIssue - upgrade v0.112.0
   }, rest), /*#__PURE__*/React.createElement(Box, {
     display: "flex",
     alignItems: "center",
     width: 1
   }, getBannerIcon(bannerType), text));
 };
-
 export default Banner;

package/lib/Banner/styles.js

@@ -1,5 +1,6 @@
-import styled, { css } from "styled-components";
-import { COMMON, LAYOUT } from "../utils/system-props";
+
+import styled, { css } from 'styled-components';
+import { COMMON, LAYOUT } from '../utils/system-props';
 var Container = styled.div.withConfig({
   displayName: "styles__Container",
   componentId: "sc-q43dr4-0"

package/lib/Box/index.js

@@ -1,11 +1,10 @@
-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); }
-
-import * as React from "react";
-import Container from "./styles";
+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); }
+import * as React from 'react';
+import Container from './styles';
 var Box = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Container, _extends({}, props, {
     ref: ref
   }));
 });
-Box.displayName = "Box";
+Box.displayName = 'Box';
 export default Box;

package/lib/Box/styles.js

@@ -1,5 +1,6 @@
-import styled from "styled-components";
-import { COMMON, BORDER, LAYOUT, POSITION, FLEXBOX, GRID } from "../utils/system-props";
+
+import styled from 'styled-components';
+import { COMMON, BORDER, LAYOUT, POSITION, FLEXBOX, GRID } from '../utils/system-props';
 var Container = styled.div.withConfig({
   displayName: "styles__Container",
   componentId: "sc-ma8yo6-0"

package/lib/Breadcrumb/index.js

@@ -1,40 +1,33 @@
 var _excluded = ["children", "href"],
-    _excluded2 = ["ariaLabel", "overflow", "children"];
-
-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); }
-
+  _excluded2 = ["ariaLabel", "overflow", "children"];
+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; }
-
-import * as React from "react";
-import Link from "../Link";
-import Icon from "../Icon";
-import { MenuButton } from "../Menu";
-import { Children } from "react";
-import Nav from "./styles";
-
+import * as React from 'react';
+import Link from '../Link';
+import Icon from '../Icon';
+import { MenuButton } from '../Menu';
+import { Children } from 'react';
+import Nav from './styles';
 var BreadcrumbItem = function BreadcrumbItem(_ref) {
   var children = _ref.children,
-      href = _ref.href,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    href = _ref.href,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, _extends({
-    href: href // $FlowIssue - upgrade v0.112.0
-
+    href: href
+    // $FlowIssue - upgrade v0.112.0
   }, rest), children));
 };
-
 var Breadcrumb = function Breadcrumb(_ref2) {
   var ariaLabel = _ref2.ariaLabel,
-      overflow = _ref2.overflow,
-      children = _ref2.children,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
+    overflow = _ref2.overflow,
+    children = _ref2.children,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   var listItems = Children.toArray(children);
   var lastItem = listItems[listItems.length - 1];
   return /*#__PURE__*/React.createElement(Nav, _extends({
     "aria-label": ariaLabel,
-    "data-qa-breadcrumb": ariaLabel // $FlowIssue - upgrade v0.112.0
-
+    "data-qa-breadcrumb": ariaLabel
+    // $FlowIssue - upgrade v0.112.0
   }, rest), /*#__PURE__*/React.createElement("ol", null, overflow && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(MenuButton, {
     appearance: "secondary",
     content: overflow.menu,
@@ -46,11 +39,10 @@ var Breadcrumb = function Breadcrumb(_ref2) {
     name: "dotdotdot"
   }))), listItems.map(function (item, i) {
     return /*#__PURE__*/React.cloneElement(item, _extends({}, item.props, {
-      "aria-current": listItems[i] === lastItem ? "page" : undefined
+      'aria-current': listItems[i] === lastItem ? 'page' : undefined
     }));
   })));
 };
-
 Breadcrumb.Item = BreadcrumbItem;
-Breadcrumb.Item.displayName = "Breadcrumb.Item";
+Breadcrumb.Item.displayName = 'Breadcrumb.Item';
 export default Breadcrumb;

package/lib/Breadcrumb/styles.js

@@ -1,8 +1,9 @@
-import styled from "styled-components";
+
+import styled from 'styled-components';
 var Nav = styled.nav.withConfig({
   displayName: "styles__Nav",
   componentId: "sc-1ub1apc-0"
-})(["ol{", ";margin:0;font-family:", ";padding:0;display:flex;}li{margin-right:", ";display:flex;}a,button{", ";max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;&:not(.overflow--menu){margin:0;padding:0;}}ol > div + li::before{content:\"/\";margin-right:", ";}li:last-child a,li:last-child button{color:", ";font-weight:bold;}li:not(:last-child)::after{content:\"/\";color:", ";margin-left:", ";}"], function (props) {
+})(["ol{", ";margin:0;font-family:", ";padding:0;display:flex;}li{margin-right:", ";display:flex;}a,button{", ";max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;&:not(.overflow--menu){margin:0;padding:0;}}ol > div + li::before{content:'/';margin-right:", ";}li:last-child a,li:last-child button{color:", ";font-weight:bold;}li:not(:last-child)::after{content:'/';color:", ";margin-left:", ";}"], function (props) {
   return props.theme.typography[200];
 }, function (props) {
   return props.theme.fontFamily;

package/lib/Button/index.js

@@ -1,11 +1,9 @@
 var _excluded = ["href", "appearance", "active", "disabled", "external", "children", "size", "innerRef", "onClick", "title", "qa", "as", "ariaLabel"];
-
-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; }
+import * as React from 'react';
+import Container from './styles';
 
-import * as React from "react";
-import Container from "./styles";
 /**
  * @deprecated
  * Use "unstyled" appearance instead of "default"
@@ -13,55 +11,50 @@ import Container from "./styles";
 
 var Button = function Button(_ref) {
   var href = _ref.href,
-      _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? "unstyled" : _ref$appearance,
-      _ref$active = _ref.active,
-      active = _ref$active === void 0 ? false : _ref$active,
-      disabled = _ref.disabled,
-      external = _ref.external,
-      children = _ref.children,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "default" : _ref$size,
-      innerRef = _ref.innerRef,
-      onClick = _ref.onClick,
-      title = _ref.title,
-      _ref$qa = _ref.qa,
-      qa = _ref$qa === void 0 ? {} : _ref$qa,
-      as = _ref.as,
-      ariaLabel = _ref.ariaLabel,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'unstyled' : _ref$appearance,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    disabled = _ref.disabled,
+    external = _ref.external,
+    children = _ref.children,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'default' : _ref$size,
+    innerRef = _ref.innerRef,
+    onClick = _ref.onClick,
+    title = _ref.title,
+    _ref$qa = _ref.qa,
+    qa = _ref$qa === void 0 ? {} : _ref$qa,
+    as = _ref.as,
+    ariaLabel = _ref.ariaLabel,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   if (!href && external) {
-    console.warn("Warning: external prop cannot be set without a href declaration");
+    console.warn('Warning: external prop cannot be set without a href declaration');
   }
-  /** "default" is @deprecated in favor of "unstyled"  */
-
 
-  var appearanceCheck = appearance === "default" ? "unstyled" : appearance;
-
-  if (appearance === "default") {
-    console.warn("Warning: The `default` appearance has been deprecated on the Button component. Please use `unstyled` instead.");
+  /** "default" is @deprecated in favor of "unstyled"  */
+  var appearanceCheck = appearance === 'default' ? 'unstyled' : appearance;
+  if (appearance === 'default') {
+    console.warn('Warning: The `default` appearance has been deprecated on the Button component. Please use `unstyled` instead.');
   }
-
   return /*#__PURE__*/React.createElement(Container, _extends({
     title: title,
     active: active,
     href: href,
-    target: external ? "_blank" : undefined,
-    rel: external ? "noopener noreferrer" : undefined,
-    as: as || (href ? "a" : "button"),
-    type: href ? undefined : "button",
+    target: external ? '_blank' : undefined,
+    rel: external ? 'noopener noreferrer' : undefined,
+    as: as || (href ? 'a' : 'button'),
+    type: href ? undefined : 'button',
     "aria-disabled": disabled ? disabled : undefined,
     disabled: disabled,
     buttonSize: size,
     appearance: appearanceCheck,
     ref: innerRef,
     onClick: onClick,
-    "data-qa-button": title || "",
+    "data-qa-button": title || '',
     "data-qa-button-isdisabled": disabled === true,
     "aria-label": ariaLabel
   }, qa, rest), children);
 };
-
-Button.displayName = "Button";
+Button.displayName = 'Button';
 export default Button;