@sproutsocial/racine 20.15.0 → 20.17.0

package/lib/Text/Text.js

@@ -2,8 +2,8 @@ var _excluded = ["fontSize", "children", "qa", "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 styled from 'styled-components';
+import * as React from "react";
+import styled from "styled-components";
 import Container from "./styles";
 var Headline = styled(Container).withConfig({
   displayName: "Text__Headline",
@@ -73,7 +73,7 @@ var Text = function Text(_ref) {
     qa = _ref.qa,
     color = _ref.color,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var qaText = typeof children === 'string' ? children : undefined;
+  var qaText = typeof children === "string" ? children : undefined;
   return /*#__PURE__*/React.createElement(Container, _extends({
     typeScale: fontSize,
     "data-qa-text": qaText
@@ -84,13 +84,13 @@ var Text = function Text(_ref) {
     color: color
   }, qa, rest), children);
 };
-Headline.displayName = 'Text.Headline';
-SubHeadline.displayName = 'Text.SubHeadline';
-SmallSubHeadline.displayName = 'Text.SmallSubHeadline';
-Byline.displayName = 'Text.Byline';
-SmallByline.displayName = 'Text.SmallByline';
-BodyCopy.displayName = 'Text.BodyCopy';
-SmallBodyCopy.displayName = 'Text.SmallBodyCopy';
+Headline.displayName = "Text.Headline";
+SubHeadline.displayName = "Text.SubHeadline";
+SmallSubHeadline.displayName = "Text.SmallSubHeadline";
+Byline.displayName = "Text.Byline";
+SmallByline.displayName = "Text.SmallByline";
+BodyCopy.displayName = "Text.BodyCopy";
+SmallBodyCopy.displayName = "Text.SmallBodyCopy";
 Text.Headline = Headline;
 Text.SubHeadline = SubHeadline;
 Text.SmallSubHeadline = SmallSubHeadline;

package/lib/Text/styles.js

@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import { COMMON, LAYOUT, FLEXBOX, GRID, TYPOGRAPHY } from "../utils/system-props";
 var Container = styled.span.withConfig({
   displayName: "styles__Container",
@@ -8,7 +8,7 @@ var Container = styled.span.withConfig({
 }, function (props) {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
-  return props.isItalicized && 'italic';
+  return props.isItalicized && "italic";
 }, function (props) {
   return props.truncated && css(["display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
 }, function (props) {

package/lib/Textarea/Textarea.flow.js

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

package/lib/Textarea/Textarea.js

@@ -17,7 +17,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import * as React from 'react';
+import * as React from "react";
 import Container, { Accessory } from "./styles";
 
 /**

package/lib/Textarea/styles.js

@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import { focusRing } from "../utils/mixins";
 import { COMMON } from "../utils/system-props";
 var Container = styled.div.withConfig({
@@ -53,6 +53,6 @@ export var Accessory = styled.div.withConfig({
 }, function (props) {
   return props.after && css(["right:", ";bottom:", ";"], props.theme.space[350], props.theme.space[300]);
 });
-Container.displayName = 'TextareaContainer';
-Accessory.displayName = 'TextareaAccessory';
+Container.displayName = "TextareaContainer";
+Accessory.displayName = "TextareaAccessory";
 export default Container;

package/lib/ThemeProvider/index.flow.js

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import * as React from "react";
 
 // We can append additional themes types here

package/lib/ThemeProvider/index.js

@@ -1,6 +1,6 @@
 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 { ThemeProvider as BaseThemeProvider } from 'styled-components';
+import * as React from "react";
+import { ThemeProvider as BaseThemeProvider } from "styled-components";
 import theme from "../themes/light/theme";
 
 // We can append additional themes types here

package/lib/Toast/Toast.flow.js

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

package/lib/Toast/Toast.js

@@ -1,22 +1,22 @@
 import _styled2 from "styled-components";
 import _styled from "styled-components";
 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 { toast as toastifyToast, ToastContainer as BaseToastContainer, cssTransition } from 'react-toastify';
-import { MOTION_DURATION_MEDIUM, MOTION_DURATION_SLOW } from '@sproutsocial/seeds-motion/dist/seeds-motion-unitless';
+import * as React from "react";
+import { toast as toastifyToast, ToastContainer as BaseToastContainer, cssTransition } from "react-toastify";
+import { MOTION_DURATION_MEDIUM, MOTION_DURATION_SLOW } from "@sproutsocial/seeds-motion/dist/seeds-motion-unitless";
 import Box from "../Box";
 import Icon from "../Icon";
 import Text from "../Text";
 import Container, { GlobalToastStyles, CustomIcon } from "./styles";
 var NoTransition = cssTransition({
-  enter: '',
-  exit: '',
+  enter: "",
+  exit: "",
   duration: [0, 0],
   collapseDuration: 0
 });
 var Zoom = cssTransition({
-  enter: 'Toastify__zoom-enter',
-  exit: 'Toastify__zoom-exit',
+  enter: "Toastify__zoom-enter",
+  exit: "Toastify__zoom-exit",
   duration: [MOTION_DURATION_MEDIUM * 1000, MOTION_DURATION_SLOW * 1000]
 });
 var ToastContainer = function ToastContainer() {
@@ -29,10 +29,10 @@ var ToastContainer = function ToastContainer() {
   }));
 };
 var themeIcon = {
-  success: 'circle-check-outline',
-  info: 'circle-i-outline',
-  warning: 'triangle-exclamation-outline',
-  error: 'triangle-exclamation-outline'
+  success: "circle-check-outline",
+  info: "circle-i-outline",
+  warning: "triangle-exclamation-outline",
+  error: "triangle-exclamation-outline"
 };
 export function toast(options) {
   var props = {
@@ -47,7 +47,7 @@ export function toast(options) {
     _options$useTransitio = options.useTransition,
     useTransition = _options$useTransitio === void 0 ? true : _options$useTransitio;
   var toastId = options.toastId;
-  if (!toastId && typeof content === 'string') {
+  if (!toastId && typeof content === "string") {
     toastId = content;
   }
   var transition = useTransition ? Zoom : NoTransition;
@@ -72,7 +72,7 @@ var Toast = function Toast(_ref) {
     /*#__PURE__*/
     // TODO: if this closes when clicked, there should be a label saying "Click to close" that can be overriden
     React.createElement(Container, {
-      type: theme || 'info',
+      type: theme || "info",
       customColor: color,
       borderLeft: "2px solid",
       "data-qa-toast": ""
@@ -85,14 +85,14 @@ var Toast = function Toast(_ref) {
       m: "auto",
       width: 1
     }, /*#__PURE__*/React.createElement(IconBox, null, /*#__PURE__*/React.createElement(CustomIcon, {
-      type: theme || 'info'
+      type: theme || "info"
       // 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
       // @ts-ignore
       ,
       color: color,
       customColor: color,
-      name: theme ? themeIcon[theme] : icon || themeIcon['info'],
+      name: theme ? themeIcon[theme] : icon || themeIcon["info"],
       fixedWidth: true,
       "aria-hidden": true
     })), /*#__PURE__*/React.createElement(_StyledBox2, {

package/lib/Toast/styles.js

@@ -1,7 +1,7 @@
-import styled, { createGlobalStyle } from 'styled-components';
+import styled, { createGlobalStyle } from "styled-components";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
-import 'react-toastify/dist/ReactToastify.css';
+import "react-toastify/dist/ReactToastify.css";
 import Box from "../Box";
 import Icon from "../Icon";
 var Container = styled(Box).withConfig({

package/lib/ToggleHint/ToggleHint.flow.js

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

package/lib/ToggleHint/ToggleHint.js

@@ -16,7 +16,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Objec
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import * as React from 'react';
+import * as React from "react";
 import Icon from "../Icon";
 import Container, { IconText } from "./styles";
 /**
@@ -32,14 +32,14 @@ var ToggleHint = /*#__PURE__*/function (_React$Component) {
     }
     _this = _callSuper(this, ToggleHint, [].concat(args));
     _defineProperty(_assertThisInitialized(_this), "getIcon", function () {
-      if (_this.props.icon === 'chevron') {
+      if (_this.props.icon === "chevron") {
         return /*#__PURE__*/React.createElement(Icon, {
           name: "chevron-down-outline",
           "aria-hidden": true
         });
       }
       return /*#__PURE__*/React.createElement(Icon, {
-        name: _this.props.isOpen ? 'minus-outline' : 'plus-outline',
+        name: _this.props.isOpen ? "minus-outline" : "plus-outline",
         "aria-hidden": true
       });
     });
@@ -74,6 +74,6 @@ var ToggleHint = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 _defineProperty(ToggleHint, "defaultProps", {
   isOpen: false,
-  icon: 'chevron'
+  icon: "chevron"
 });
 export { ToggleHint as default };

package/lib/ToggleHint/styles.js

@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import { visuallyHidden } from "../utils/mixins";
 import { COMMON } from "../utils/system-props";
 var Container = styled.div.withConfig({
@@ -7,7 +7,7 @@ var Container = styled.div.withConfig({
 })(["position:relative;display:inline-block;padding:", ";color:currentColor;", " ", ""], function (props) {
   return props.theme.space[100];
 }, function (props) {
-  return props.icon === 'chevron' && css(["transition:transform ", ";", ""], function (props) {
+  return props.icon === "chevron" && css(["transition:transform ", ";", ""], function (props) {
     return "".concat(props.theme.duration.medium, " ").concat(props.theme.easing.ease_inout);
   }, props.isOpen && css(["transform:rotateX(180deg);"]));
 }, COMMON);

package/lib/Token/Token.flow.js

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

package/lib/Token/Token.js

@@ -2,7 +2,7 @@ var _excluded = ["children", "closeable", "onClick", "qa", "valid", "disabled",
 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 { useTextContent } from "../utils/hooks";
 import Box from "../Box";
 import Icon from "../Icon";
@@ -19,9 +19,9 @@ var Token = function Token(_ref) {
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$palette = _ref.palette,
-    palette = _ref$palette === void 0 ? 'neutral' : _ref$palette,
+    palette = _ref$palette === void 0 ? "neutral" : _ref$palette,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var textContainer = useTextContent('');
+  var textContainer = useTextContent("");
   return /*#__PURE__*/React.createElement(Container
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-ignore some legacy ref type mismatch between divs
@@ -29,8 +29,8 @@ var Token = function Token(_ref) {
     ref: textContainer,
     valid: valid,
     palette: palette,
-    type: closeable || onClick ? 'button' : undefined,
-    as: closeable || onClick ? 'button' : 'div',
+    type: closeable || onClick ? "button" : undefined,
+    as: closeable || onClick ? "button" : "div",
     closeable: closeable || !!onClick,
     disabled: disabled,
     onClick: onClick,

package/lib/Token/styles.js

@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import { focusRing } from "../utils/mixins";
 import { COMMON } from "../utils/system-props";
 import { useInteractiveColor } from "../utils/useInteractiveColor";
@@ -15,7 +15,7 @@ var Container = styled.button.withConfig({
 }, function (_ref3) {
   var theme = _ref3.theme,
     palette = _ref3.palette;
-  return palette === 'blue' && css(["color:", ";background:", ";border:1px solid ", ";&:hover,&:active{cursor:pointer;box-shadow:", ";border:1px solid ", ";}"], theme.colors.text.body, theme.colors.container.background.decorative.blue, theme.colors.container.border.decorative.blue, theme.shadows.low, useInteractiveColor(theme.colors.container.border.decorative.blue));
+  return palette === "blue" && css(["color:", ";background:", ";border:1px solid ", ";&:hover,&:active{cursor:pointer;box-shadow:", ";border:1px solid ", ";}"], theme.colors.text.body, theme.colors.container.background.decorative.blue, theme.colors.container.border.decorative.blue, theme.shadows.low, useInteractiveColor(theme.colors.container.border.decorative.blue));
 }, function (_ref4) {
   var disabled = _ref4.disabled,
     theme = _ref4.theme;

package/lib/TokenInput/TokenInput.flow.js

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

package/lib/TokenInput/TokenInput.js

@@ -16,7 +16,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Objec
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import * as React from 'react';
+import * as React from "react";
 import { Accessory } from "../Input/styles";
 import Box from "../Box";
 import Icon from "../Icon";
@@ -24,8 +24,8 @@ import Token from "../Token";
 import Container from "./styles";
 import { asTokenSpec, delimitersAsRegExp } from "./util";
 import { TokenScreenReaderStatus } from "./TokenScreenReaderStatus";
-var DefaultDelimiters = [',', 'Enter'];
-var ControlledPropNames = ['value', 'hasFocus', 'activeToken'];
+var DefaultDelimiters = [",", "Enter"];
+var ControlledPropNames = ["value", "hasFocus", "activeToken"];
 var TokenInput = /*#__PURE__*/function (_React$Component) {
   _inherits(TokenInput, _React$Component);
   function TokenInput(props) {
@@ -72,14 +72,14 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
           _this.spawnNewTokens([text]);
           e.preventDefault();
         }
-      } else if (key === 'Backspace') {
-        if (text === '') {
+      } else if (key === "Backspace") {
+        if (text === "") {
           _this.deleteToken();
         }
       }
     });
     _defineProperty(_assertThisInitialized(_this), "handlePaste", function (e) {
-      var text = e.clipboardData.getData('text');
+      var text = e.clipboardData.getData("text");
       var onPaste = _this.props.onPaste;
       if (onPaste) onPaste(e, text);
       var subtexts = text.split(_this.delimiterMatcher);
@@ -109,7 +109,7 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
       prevProps: props,
       hasFocus: hasFocus || false,
       activeToken: activeToken,
-      value: _value || ''
+      value: _value || ""
     };
     return _this;
   }
@@ -139,7 +139,7 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
         onChangeTokens(tokens.concat(tokenSpecs));
       }
       this.setState({
-        value: ''
+        value: ""
       });
     }
   }, {
@@ -161,7 +161,7 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
         }));
       }
       this.setState({
-        value: ''
+        value: ""
       });
     }
   }, {
@@ -176,7 +176,7 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
         tokenIconName = token.iconName,
         _token$iconProps = token.iconProps,
         iconProps = _token$iconProps === void 0 ? {
-          'aria-hidden': true
+          "aria-hidden": true
         } : _token$iconProps,
         value = token.value,
         valid = token.valid;
@@ -282,7 +282,7 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
         onKeyUp: this.handleKeyUp,
         onPaste: this.handlePaste,
         ref: innerRef,
-        "data-qa-input": name || '',
+        "data-qa-input": name || "",
         "data-qa-input-isdisabled": !!disabled,
         "data-qa-input-isrequired": !!required
       }, qa, inputProps)), elemAfter && /*#__PURE__*/React.createElement(Accessory, {

package/lib/TokenInput/TokenScreenReaderStatus.js

@@ -5,8 +5,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /* eslint-disable react/prop-types */
-import React from 'react';
-import { useEffect, useRef, useState } from 'react';
+import React from "react";
+import { useEffect, useRef, useState } from "react";
 import { VisuallyHidden } from "../VisuallyHidden";
 function usePrevious(value) {
   var ref = useRef();
@@ -18,7 +18,7 @@ function usePrevious(value) {
 export var TokenScreenReaderStatus = function TokenScreenReaderStatus(_ref) {
   var tokens = _ref.tokens;
   var prevTokens = usePrevious(tokens);
-  var _useState = useState(''),
+  var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     tokenStatus = _useState2[0],
     setTokenStatus = _useState2[1];

package/lib/TokenInput/styles.js

@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import { focusRing } from "../utils/mixins";
 import { COMMON } from "../utils/system-props";
 var Container = styled.div.withConfig({
@@ -69,5 +69,5 @@ var Container = styled.div.withConfig({
     return props.theme.colors.form.border.warning;
   });
 }, COMMON);
-Container.displayName = 'TokenInputContainer';
+Container.displayName = "TokenInputContainer";
 export default Container;

package/lib/TokenInput/util.js

@@ -1,4 +1,4 @@
-import uniqueId from 'lodash.uniqueid';
+import uniqueId from "lodash.uniqueid";
 export var asTokenSpec = function asTokenSpec(text) {
   return {
     id: uniqueId("".concat(text, "-")),
@@ -6,12 +6,12 @@ export var asTokenSpec = function asTokenSpec(text) {
   };
 };
 var KeyNameToRegExpChar = {
-  Enter: '\\n'
+  Enter: "\\n"
 };
 export var delimitersAsRegExp = function delimitersAsRegExp(delimiters) {
   if (!delimiters) return /[,\n]/;
   var chars = delimiters.map(function (key) {
     return KeyNameToRegExpChar[key] || key;
-  }).join('');
+  }).join("");
   return RegExp("[".concat(chars, "]"));
 };

package/lib/Tooltip/Tooltip.flow.js

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

package/lib/Tooltip/Tooltip.js

@@ -15,9 +15,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 { useState, useEffect } from 'react';
-import MOTION from '@sproutsocial/seeds-motion/dist/seeds-motion-unitless';
+import * as React from "react";
+import { useState, useEffect } from "react";
+import MOTION from "@sproutsocial/seeds-motion/dist/seeds-motion-unitless";
 import Popout from "../Popout";
 import { StyledTooltipContent } from "./styles";
 var idCounter = 0;
@@ -28,7 +28,7 @@ var hasAttribute = function hasAttribute(child, attribute) {
 /** Tooltip Styled Popout wrapper for handling events */
 var TooltipBubble = function TooltipBubble(_ref) {
   var _ref$appearance = _ref.appearance,
-    appearance = _ref$appearance === void 0 ? 'pill' : _ref$appearance,
+    appearance = _ref$appearance === void 0 ? "pill" : _ref$appearance,
     children = _ref.children,
     onFocus = _ref.onFocus,
     onBlur = _ref.onBlur,
@@ -42,9 +42,9 @@ var TooltipBubble = function TooltipBubble(_ref) {
   return /*#__PURE__*/React.createElement(StyledTooltipContent, _extends({
     role: "tooltip",
     appearance: appearance,
-    borderRadius: appearance === 'box' ? 500 : '5000em',
+    borderRadius: appearance === "box" ? 500 : "5000em",
     px: 400,
-    py: appearance === 'box' ? 400 : 200,
+    py: appearance === "box" ? 400 : 200,
     m: 200,
     color: "text.body",
     bg: "container.background.base",
@@ -66,7 +66,7 @@ var Tooltip = function Tooltip(_ref2) {
     _ref2$enterDelay = _ref2.enterDelay,
     enterDelay = _ref2$enterDelay === void 0 ? MOTION.MOTION_DURATION_FAST * 1000 : _ref2$enterDelay,
     _ref2$placement = _ref2.placement,
-    placement = _ref2$placement === void 0 ? 'auto' : _ref2$placement,
+    placement = _ref2$placement === void 0 ? "auto" : _ref2$placement,
     appearance = _ref2.appearance,
     _ref2$zIndex = _ref2.zIndex,
     zIndex = _ref2$zIndex === void 0 ? 7 : _ref2$zIndex,
@@ -98,7 +98,7 @@ var Tooltip = function Tooltip(_ref2) {
     setShouldShow(false);
   };
   var exitDelay = MOTION.MOTION_DURATION_FAST * 1000;
-  var defaultAppearance = appearance || (_typeof(content) === 'object' ? 'box' : 'pill');
+  var defaultAppearance = appearance || (_typeof(content) === "object" ? "box" : "pill");
 
   /** Handles all the logic around whether to display/not display */
   useEffect(function () {
@@ -106,7 +106,7 @@ var Tooltip = function Tooltip(_ref2) {
     var timeout;
     var onEsc = function onEsc(e) {
       // older browsers use "Esc"
-      if (['Escape', 'Esc'].includes(e.key)) {
+      if (["Escape", "Esc"].includes(e.key)) {
         setIsOpen(false);
         setShouldShow(false);
       }
@@ -123,10 +123,10 @@ var Tooltip = function Tooltip(_ref2) {
 
     // We only want listeners from the tooltip if its open in the first place
     if (isOpen) {
-      documentBody.addEventListener('keydown', onEsc, false);
+      documentBody.addEventListener("keydown", onEsc, false);
     }
     return function () {
-      documentBody.removeEventListener('keydown', onEsc, false);
+      documentBody.removeEventListener("keydown", onEsc, false);
       clearTimeout(timeout);
     };
   }, [isOpen, setShouldShow, shouldShow, enterDelay, exitDelay]);
@@ -146,13 +146,13 @@ var Tooltip = function Tooltip(_ref2) {
     isOpen: isOpen,
     placement: placement,
     qa: _objectSpread({
-      'data-qa-tooltip': id
+      "data-qa-tooltip": id
     }, qa),
-    id: id + '-wrapper',
+    id: id + "-wrapper",
     focusOnContent: false,
     zIndex: zIndex,
     "aria-haspopup": "false",
-    display: truncated ? 'flex' : undefined,
+    display: truncated ? "flex" : undefined,
     disableWrapperAria: true // required so that the child span doesnt take in redundant aria props
   }, popoutProps), /*#__PURE__*/React.createElement("span", {
     onBlur: hide,
@@ -160,14 +160,14 @@ var Tooltip = function Tooltip(_ref2) {
     onMouseEnter: show,
     onMouseLeave: hide,
     style: truncated ? {
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap'
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
     } : {}
   }, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, {
     //** There may be cases where the Tooltip's child needs to properly describe its role as expanding a drawer, in which case that propery takes priority */
-    'aria-expanded': hasAttribute(children, 'aria-expanded') ? children.props['aria-expanded'] : isOpen,
-    'aria-describedby': id
+    "aria-expanded": hasAttribute(children, "aria-expanded") ? children.props["aria-expanded"] : isOpen,
+    "aria-describedby": id
   }) : children));
 };
 export default Tooltip;

package/lib/Tooltip/styles.js

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled from "styled-components";
 import Box from "../Box";
 export var StyledTooltipContent = styled(Box).withConfig({
   displayName: "styles__StyledTooltipContent",
@@ -8,5 +8,5 @@ export var StyledTooltipContent = styled(Box).withConfig({
 }, function (props) {
   return props.theme.typography[200];
 }, function (props) {
-  return props.appearance === 'box' ? 'left' : 'center';
+  return props.appearance === "box" ? "left" : "center";
 });

package/lib/VisuallyHidden/VisuallyHidden.flow.js

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

package/lib/VisuallyHidden/VisuallyHidden.js

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled from "styled-components";
 import { visuallyHidden } from "../utils/mixins";
 export var VisuallyHidden = styled.span.withConfig({
   displayName: "VisuallyHidden",

package/lib/illustrationNames.js

@@ -1 +1 @@
-export default ["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", "custom-post-variables", "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", "megaphone", "message", "molecule", "network-data", "no-messages-found", "no-notifications", "note", "notification", "notifications-onboarding", "notifications", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "planning", "podium", "pointer", "publish-assets", "publish-links", "publishing-notifications", "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", "sprout-mobile-app", "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", "user-team", "variable-table", "view-connections", "vip-list", "warning", "wifi", "workflow-steps"];
+export default ["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", "custom-post-variables", "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", "megaphone", "message", "molecule", "network-data", "no-messages-found", "no-notifications", "note", "notification", "notifications-onboarding", "notifications", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "planning", "podium", "pointer", "profile-groups", "publish-assets", "publish-links", "publishing-notifications", "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", "sprout-mobile-app", "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", "user-team", "variable-table", "view-connections", "vip-list", "warning", "wifi", "workflow-steps"];

package/lib/styled.d.js

@@ -1 +1 @@
-import 'styled-components';
+import "styled-components";

package/lib/systemProps/background.flow.js

@@ -1,4 +1,4 @@
-import { background } from 'styled-system';
+import { background } from "styled-system";
 
 // https://styled-system.com/table#background
 

package/lib/systemProps/border.flow.js

@@ -1,4 +1,4 @@
-import { border } from 'styled-system';
+import { border } from "styled-system";
 
 // https://styled-system.com/table#border