@sproutsocial/racine 20.16.0 → 21.0.0

package/dist/types/utils/system-props/system-props.d.ts

@@ -1,4 +1,4 @@
-import * as styles from 'styled-system';
+import * as styles from "styled-system";
 export declare const COMMON: styles.styleFn;
 export declare const BORDER: styles.styleFn;
 export declare const TYPOGRAPHY: styles.styleFn;

package/dist/types/utils/use-measure.d.ts

@@ -1,4 +1,4 @@
-import { type RefObject } from 'react';
+import { type RefObject } from "react";
 interface DOMRectObject {
     x: number;
     y: number;

package/dist/types/utils/use-measure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-measure.d.ts","sourceRoot":"","sources":["../../../src/utils/use-measure.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhE,UAAU,aAAa;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAYD,wBAAgB,UAAU,CAAC,QAAQ,SAAS,OAAO,EAAE,GAAG,EAAE,SAAS,CAAC,QAAQ,CAAC,2BAoC5E"}
+{"version":3,"file":"use-measure.d.ts","sourceRoot":"","sources":["../../../src/utils/use-measure.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,UAAU,aAAa;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAYD,wBAAgB,UAAU,CAAC,QAAQ,SAAS,OAAO,EAAE,GAAG,EAAE,SAAS,CAAC,QAAQ,CAAC,2BAqC5E"}

package/dist/types/utils/useInteractiveColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInteractiveColor.d.ts","sourceRoot":"","sources":["../../../src/utils/useInteractiveColor.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,QAAA,MAAM,mBAAmB,eAAgB,MAAM,KAAG,MAkBjD,CAAC;AAEF,OAAO,EAAC,mBAAmB,EAAC,CAAC"}
+{"version":3,"file":"useInteractiveColor.d.ts","sourceRoot":"","sources":["../../../src/utils/useInteractiveColor.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,QAAA,MAAM,mBAAmB,eAAgB,MAAM,KAAG,MAkBjD,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/Avatar/Avatar.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+import * as React from "react";

package/lib/Avatar/Avatar.js

@@ -9,14 +9,14 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 { useState, useCallback, useMemo, memo } from 'react';
-import styled, { css } from 'styled-components';
-import classnames from 'classnames';
+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 defaultType = 'neutral';
+var defaultType = "neutral";
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 var AvatarText = styled(function (_ref) {
@@ -43,45 +43,45 @@ var Container = styled(Box).withConfig({
     bg = _ref3.bg,
     $src = _ref3.$src,
     borderColor = _ref3.borderColor;
-  return css(["background:", ";border:", ";border-color:", ";color:", ";"], bg ? bg : theme.colors.container.background.decorative[type], $src ? 'none' : "1px solid", borderColor ? borderColor : theme.colors.container.border.decorative[type], theme.colors.text.decorative[type]);
+  return css(["background:", ";border:", ";border-color:", ";color:", ";"], bg ? bg : theme.colors.container.background.decorative[type], $src ? "none" : "1px solid", borderColor ? borderColor : theme.colors.container.border.decorative[type], theme.colors.text.decorative[type]);
 });
 var getInitials = function getInitials(name) {
-  var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '?';
-  if (!name || typeof name !== 'string') return fallback;
-  return name.replace(/\s+/, ' ').split(' ') // Repeated spaces results in empty strings
+  var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "?";
+  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 getAvatarColor = function getAvatarColor(name, type) {
-  if (type !== 'auto') {
+  if (type !== "auto") {
     return type;
   }
-  var colors = ['purple', 'green', 'blue', 'yellow', 'red', 'orange'];
+  var colors = ["purple", "green", "blue", "yellow", "red", "orange"];
 
   // Condense the avatar name down into a number
-  var seed = name.split('').reduce(function (seed, char) {
+  var seed = name.split("").reduce(function (seed, char) {
     return seed + char.charCodeAt(0);
   }, 0);
 
   // Use that seed modulo the number of available colors to generate
   // a "random" color value which will always be consistent
   // for a given string. As a failsafe, return neutral (this should never happen).
-  return colors[seed % colors.length] || 'neutral';
+  return colors[seed % colors.length] || "neutral";
 };
 export var Avatar = function Avatar(_ref4) {
   var _ref4$appearance = _ref4.appearance,
-    appearance = _ref4$appearance === void 0 ? 'circle' : _ref4$appearance,
+    appearance = _ref4$appearance === void 0 ? "circle" : _ref4$appearance,
     _ref4$name = _ref4.name,
-    name = _ref4$name === void 0 ? '' : _ref4$name,
+    name = _ref4$name === void 0 ? "" : _ref4$name,
     src = _ref4.src,
     _ref4$variant = _ref4.variant,
-    variant = _ref4$variant === void 0 ? 'light' : _ref4$variant,
+    variant = _ref4$variant === void 0 ? "light" : _ref4$variant,
     _ref4$type = _ref4.type,
     type = _ref4$type === void 0 ? defaultType : _ref4$type,
     _ref4$size = _ref4.size,
-    size = _ref4$size === void 0 ? '40px' : _ref4$size,
+    size = _ref4$size === void 0 ? "40px" : _ref4$size,
     bg = _ref4.bg,
     color = _ref4.color,
     rest = _objectWithoutProperties(_ref4, _excluded2);
@@ -98,12 +98,12 @@ export var Avatar = function Avatar(_ref4) {
   }, [setImageFailedLoading]);
 
   // Font size for initials is half the size of the avatar, rounded down.
-  var fontSize = Math.floor(Number(size.replace('px', '')) * 0.4);
+  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,

package/lib/Avatar/constants.flow.js

@@ -1,10 +1,10 @@
 export var AvatarColorOptions = Object.freeze({
-  auto: 'auto',
-  neutral: 'neutral',
-  purple: 'purple',
-  green: 'green',
-  blue: 'blue',
-  yellow: 'yellow',
-  red: 'red',
-  orange: 'orange'
+  auto: "auto",
+  neutral: "neutral",
+  purple: "purple",
+  green: "green",
+  blue: "blue",
+  yellow: "yellow",
+  red: "red",
+  orange: "orange"
 });

package/lib/Avatar/constants.js

@@ -1,10 +1,10 @@
 export var AvatarColorOptions = {
-  auto: 'auto',
-  neutral: 'neutral',
-  purple: 'purple',
-  green: 'green',
-  blue: 'blue',
-  yellow: 'yellow',
-  red: 'red',
-  orange: 'orange'
+  auto: "auto",
+  neutral: "neutral",
+  purple: "purple",
+  green: "green",
+  blue: "blue",
+  yellow: "yellow",
+  red: "red",
+  orange: "orange"
 };

package/lib/Badge/Badge.flow.js

@@ -1,2 +1,2 @@
-import * as React from 'react';
+import * as React from "react";
 import { badgeColors } from "./constants.flow";

package/lib/Badge/Badge.js

@@ -2,7 +2,7 @@ var _excluded = ["children", "text", "iconName", "type", "tip", "size", "badgeCo
 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 _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 * as React from "react";
 import Box from "../Box";
 import Icon from "../Icon";
 import Container from "./styles";
@@ -13,9 +13,9 @@ var Badge = function Badge(_ref) {
     type = _ref.type,
     tip = _ref.tip,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size,
+    size = _ref$size === void 0 ? "small" : _ref$size,
     _ref$badgeColor = _ref.badgeColor,
-    badgeColor = _ref$badgeColor === void 0 ? 'blue' : _ref$badgeColor,
+    badgeColor = _ref$badgeColor === void 0 ? "blue" : _ref$badgeColor,
     color = _ref.color,
     rest = _objectWithoutProperties(_ref, _excluded);
   if (children && text) {
@@ -23,12 +23,12 @@ var Badge = function Badge(_ref) {
   }
   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
     // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -42,7 +42,7 @@ var Badge = function Badge(_ref) {
   }, iconName ? /*#__PURE__*/React.createElement(Icon, {
     mr: 200,
     name: iconName,
-    size: size === 'small' ? 'mini' : 'small',
+    size: size === "small" ? "mini" : "small",
     "aria-hidden": true
   }) : null, children || text));
 };

package/lib/Badge/constants.flow.js

@@ -1,13 +1,13 @@
 export var badgeColors = Object.freeze({
-  green: 'green',
-  blue: 'blue',
-  purple: 'purple',
-  yellow: 'yellow',
-  orange: 'orange',
-  red: 'red',
-  neutral: 'neutral',
-  magenta: 'magenta',
-  pink: 'pink',
-  aqua: 'aqua',
-  teal: 'teal'
+  green: "green",
+  blue: "blue",
+  purple: "purple",
+  yellow: "yellow",
+  orange: "orange",
+  red: "red",
+  neutral: "neutral",
+  magenta: "magenta",
+  pink: "pink",
+  aqua: "aqua",
+  teal: "teal"
 });

package/lib/Badge/constants.js

@@ -1,30 +1,30 @@
 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'
+  color: "colors.text.body",
+  background: "colors.container.background.decorative.orange"
 };
 
 //Deprecated former "types"
@@ -42,15 +42,15 @@ export var legacyBadgeColors = {
   suggestion: suggestion
 };
 export var badgeColors = {
-  green: 'green',
-  blue: 'blue',
-  purple: 'purple',
-  yellow: 'yellow',
-  orange: 'orange',
-  red: 'red',
-  neutral: 'neutral',
-  magenta: 'magenta',
-  pink: 'pink',
-  aqua: 'aqua',
-  teal: 'teal'
+  green: "green",
+  blue: "blue",
+  purple: "purple",
+  yellow: "yellow",
+  orange: "orange",
+  red: "red",
+  neutral: "neutral",
+  magenta: "magenta",
+  pink: "pink",
+  aqua: "aqua",
+  teal: "teal"
 };

package/lib/Badge/styles.js

@@ -1,5 +1,5 @@
-import styled from 'styled-components';
-import { themeGet } from '@styled-system/theme-get';
+import styled from "styled-components";
+import { themeGet } from "@styled-system/theme-get";
 import { COMMON } from "../utils/system-props";
 import { legacyBadgeColors } from "./constants";
 var Container = styled.span.withConfig({
@@ -8,12 +8,12 @@ var Container = styled.span.withConfig({
 })(["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' ? "".concat(p.theme.space[0], " ").concat(p.theme.space[200]) : "".concat(p.theme.space[300]);
+  return p.size === "small" ? "".concat(p.theme.space[0], " ").concat(p.theme.space[200]) : "".concat(p.theme.space[300]);
 }, COMMON);
 export default Container;

package/lib/Banner/Banner.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+import * as React from "react";

package/lib/Banner/Banner.js

@@ -2,50 +2,50 @@ var _excluded = ["type", "text", "onClose", "closeButtonLabel", "typeIconProps"]
 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 _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 * as React from "react";
 import Box from "../Box";
 import Button from "../Button";
 import Icon from "../Icon";
 import Container, { StyledBannerIcon } from "./styles";
 var getBannerIconName = function getBannerIconName(type) {
   switch (type) {
-    case 'success':
-      return 'circle-check-outline';
-    case 'error':
-      return 'triangle-exclamation-outline';
-    case 'warning':
-      return 'triangle-exclamation-outline';
-    case 'opportunity':
-      return 'sparkle-outline';
-    case 'info':
+    case "success":
+      return "circle-check-outline";
+    case "error":
+      return "triangle-exclamation-outline";
+    case "warning":
+      return "triangle-exclamation-outline";
+    case "opportunity":
+      return "sparkle-outline";
+    case "info":
     default:
-      return 'circle-i-outline';
+      return "circle-i-outline";
   }
 };
 var getBannerIconColor = function getBannerIconColor(type) {
   switch (type) {
-    case 'success':
-      return 'icon.success';
-    case 'error':
-      return 'icon.error';
-    case 'warning':
-      return 'icon.warning';
-    case 'opportunity':
-      return 'icon.opportunity';
-    case 'info':
+    case "success":
+      return "icon.success";
+    case "error":
+      return "icon.error";
+    case "warning":
+      return "icon.warning";
+    case "opportunity":
+      return "icon.opportunity";
+    case "info":
     default:
-      return 'icon.info';
+      return "icon.info";
   }
 };
 
 /** 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 ? 'info' : _ref$type,
+    type = _ref$type === void 0 ? "info" : _ref$type,
     text = _ref.text,
     onClose = _ref.onClose,
     _ref$closeButtonLabel = _ref.closeButtonLabel,
-    closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Close' : _ref$closeButtonLabel,
+    closeButtonLabel = _ref$closeButtonLabel === void 0 ? "Close" : _ref$closeButtonLabel,
     typeIconProps = _ref.typeIconProps,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Container, _extends({

package/lib/Banner/styles.js

@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import { COMMON, LAYOUT } from "../utils/system-props";
 import Icon from "../Icon";
 var Container = styled.div.withConfig({

package/lib/Box/Box.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+import * as React from "react";

package/lib/Box/Box.js

@@ -2,7 +2,7 @@ var _excluded = ["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 _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 * as React from "react";
 import Container from "./styles";
 var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var color = _ref.color,
@@ -16,5 +16,5 @@ var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     color: color
   }));
 });
-Box.displayName = 'Box';
+Box.displayName = "Box";
 export default Box;

package/lib/Box/styles.js

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

package/lib/Breadcrumb/Breadcrumb.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+import * as React from "react";

package/lib/Breadcrumb/Breadcrumb.js

@@ -9,7 +9,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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 _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 * as React from "react";
 import Icon from "../Icon";
 import Link from "../Link";
 import { MenuButton } from "../Menu";
@@ -44,12 +44,12 @@ var Breadcrumb = function Breadcrumb(_ref2) {
     "aria-hidden": true
   }))), listItems.map(function (item, i) {
     // @ts-notes - item is a childNode which can be a string or number but `cloneElement` requires props
-    var itemElem = _typeof(item) === 'object' && 'props' in item ? item : /*#__PURE__*/React.createElement("span", null, "item");
+    var itemElem = _typeof(item) === "object" && "props" in item ? item : /*#__PURE__*/React.createElement("span", null, "item");
     return /*#__PURE__*/React.cloneElement(itemElem, _objectSpread(_objectSpread({}, itemElem.props), {}, {
-      'aria-current': listItems[i] === lastItem ? 'page' : undefined
+      "aria-current": listItems[i] === lastItem ? "page" : undefined
     }));
   })));
 };
-BreadcrumbItem.displayName = 'Breadcrumb.Item';
+BreadcrumbItem.displayName = "Breadcrumb.Item";
 Breadcrumb.Item = BreadcrumbItem;
 export default Breadcrumb;

package/lib/Breadcrumb/styles.js

@@ -1,8 +1,8 @@
-import styled from 'styled-components';
+import styled from "styled-components";
 var Nav = styled.nav.withConfig({
   displayName: "styles__Nav",
   componentId: "sc-1d7ypr1-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/Button.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+import * as React from "react";

package/lib/Button/Button.js

@@ -2,19 +2,19 @@ var _excluded = ["href", "appearance", "active", "disabled", "external", "childr
 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 _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 React from "react";
 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,
+    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,
+    size = _ref$size === void 0 ? "default" : _ref$size,
     innerRef = _ref.innerRef,
     onClick = _ref.onClick,
     title = _ref.title,
@@ -25,26 +25,26 @@ var Button = function Button(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   if (!href && external) {
     // eslint-disable-next-line no-console
-    console.warn('Warning: external prop cannot be set without a href declaration');
+    console.warn("Warning: external prop cannot be set without a href declaration");
   }
   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: appearance || 'unstyled',
+    appearance: appearance || "unstyled",
     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;

package/lib/Button/styles.js

@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import { COMMON, LAYOUT, FLEXBOX, GRID } from "../utils/system-props";
 import { focusRing, disabled, pill } from "../utils/mixins";
 import Icon from "../Icon/styles";
@@ -12,7 +12,7 @@ var Container = styled.button.withConfig({
 }, function (props) {
   return props.theme.radii[500];
 }, function (props) {
-  return props.appearance === 'placeholder' ? 'dashed' : 'solid';
+  return props.appearance === "placeholder" ? "dashed" : "solid";
 }, function (props) {
   return props.theme.colors.button[props.appearance].background.base;
 }, function (props) {
@@ -22,27 +22,27 @@ var Container = styled.button.withConfig({
 }, function (props) {
   return props.theme.duration.fast;
 }, function (props) {
-  return props.buttonSize === 'default' ? "".concat(props.theme.space[300]) : "".concat(props.theme.space[350]);
+  return props.buttonSize === "default" ? "".concat(props.theme.space[300]) : "".concat(props.theme.space[350]);
 }, function (props) {
-  return props.buttonSize === 'default' ? props.theme.typography[200].fontSize : props.theme.typography[300].fontSize;
+  return props.buttonSize === "default" ? props.theme.typography[200].fontSize : props.theme.typography[300].fontSize;
 }, function (props) {
   return props.theme.colors.button[props.appearance].text.base;
 }, function (props) {
   return props.theme.colors.button[props.appearance].text.hover;
 }, function (props) {
-  return props.appearance !== 'unstyled' && "background: ".concat(props.theme.colors.button[props.appearance].background.hover);
+  return props.appearance !== "unstyled" && "background: ".concat(props.theme.colors.button[props.appearance].background.hover);
 }, function (props) {
-  return props.appearance === 'placeholder' ? props.theme.shadows.low : 'none';
+  return props.appearance === "placeholder" ? props.theme.shadows.low : "none";
 }, function (props) {
   return props.theme.colors.button[props.appearance].text.hover;
 }, function (props) {
-  return props.appearance !== 'unstyled' && "background: ".concat(props.theme.colors.button[props.appearance].background.active);
+  return props.appearance !== "unstyled" && "background: ".concat(props.theme.colors.button[props.appearance].background.active);
 }, focusRing, function (props) {
-  return props.active && css(["color:", " !important;", ";"], props.theme.colors.button[props.appearance].text.hover, props.appearance !== 'unstyled' && "background: ".concat(props.theme.colors.button[props.appearance].background.active, " !important"));
+  return props.active && css(["color:", " !important;", ";"], props.theme.colors.button[props.appearance].text.hover, props.appearance !== "unstyled" && "background: ".concat(props.theme.colors.button[props.appearance].background.active, " !important"));
 }, function (props) {
   return props.disabled && disabled;
 }, function (props) {
-  return props.appearance === 'pill' && css(["display:inline-flex;align-items:center;justify-content:center;background-color:transparent;", " &:focus:active,&:hover{background-color:transparent;box-shadow:inset 0px 0px 0px 1px ", ";}"], pill, props.theme.colors.button.pill.border.hover);
+  return props.appearance === "pill" && css(["display:inline-flex;align-items:center;justify-content:center;background-color:transparent;", " &:focus:active,&:hover{background-color:transparent;box-shadow:inset 0px 0px 0px 1px ", ";}"], pill, props.theme.colors.button.pill.border.hover);
 }, Icon, LAYOUT, COMMON, FLEXBOX, GRID);
-Container.displayName = 'Button-Container';
+Container.displayName = "Button-Container";
 export default Container; //${props.theme.mode === "dark" ? "screen" : "multiply"}