@sproutsocial/racine 12.24.0 → 13.1.1

package/lib/Switch/index.js

@@ -15,9 +15,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 import * as React from 'react';
-import Container from "./styles";
 import Icon from "../Icon";
 import { VisuallyHidden } from "../VisuallyHidden";
+import Container from "./styles";
 /**
  * Switch acts as a toggle, enabling users to turn a particular action on or off.
  */
@@ -54,20 +54,24 @@ var Switch = /*#__PURE__*/function (_React$Component) {
         _this$props2$qa = _this$props2.qa,
         qa = _this$props2$qa === void 0 ? {} : _this$props2$qa,
         rest = _objectWithoutProperties(_this$props2, _excluded);
-      return /*#__PURE__*/React.createElement(Container, _extends({
-        role: "button",
-        type: "button",
-        "aria-pressed": checked,
-        disabled: disabled,
-        onClick: this.handleClick,
-        "data-qa-switch": name || '',
-        "data-qa-switch-ischecked": checked === true,
-        "data-qa-switch-isdisabled": disabled === true,
-        checked: checked
-      }, qa, rest), /*#__PURE__*/React.createElement(VisuallyHidden, null, checked ? a11yLabels.on : a11yLabels.off), checked ? /*#__PURE__*/React.createElement(Icon, {
-        size: "mini",
-        name: "check"
-      }) : null);
+      return (
+        /*#__PURE__*/
+        // $FlowIssue - upgrade v0.112.0
+        React.createElement(Container, _extends({
+          role: "button",
+          type: "button",
+          "aria-pressed": checked,
+          disabled: disabled,
+          onClick: this.handleClick,
+          "data-qa-switch": name || '',
+          "data-qa-switch-ischecked": checked === true,
+          "data-qa-switch-isdisabled": disabled === true,
+          checked: checked
+        }, qa, rest), /*#__PURE__*/React.createElement(VisuallyHidden, null, checked ? a11yLabels.on : a11yLabels.off), checked ? /*#__PURE__*/React.createElement(Icon, {
+          size: "mini",
+          name: "check"
+        }) : null)
+      );
     }
   }]);
   return Switch;

package/lib/Switch/styles.js

@@ -1,7 +1,7 @@
 
 import styled, { css } from 'styled-components';
-import { COMMON } from "../utils/system-props";
 import { focusRing } from "../utils/mixins";
+import { COMMON } from "../utils/system-props";
 import Icon from "../Icon/styles";
 // eslint-disable-next-line flowtype/generic-spacing
 var Container = styled.button.withConfig({

package/lib/Table/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/TableCell/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/TableHeaderCell/constants.js

@@ -0,0 +1,6 @@
+
+
+export var SORT_DIRECTIONS = {
+  ASC: 'ASC',
+  DESC: 'DESC'
+};

package/lib/TableHeaderCell/index.flow.js

@@ -0,0 +1,3 @@
+
+
+import { SORT_DIRECTIONS } from "./constants";

package/lib/TableHeaderCell/index.js

@@ -15,12 +15,14 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 import * as React from 'react';
+import Icon from "../Icon";
 import Container, { SortIcon } from "./styles";
-import Icon from "../Icon/";
-export var SORT_DIRECTIONS = {
-  ASC: 'ASC',
-  DESC: 'DESC'
-};
+import { SORT_DIRECTIONS } from "./constants";
+export * from "./constants";
+
+/**
+ * @deprecated Use TypeEnumSortDirections from root instead
+ */
 /**
  * The table header cell component is for rendering table header cells and is meant to be used with the table component.
  */

package/lib/TableRowAccordion/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/TableRowAccordion/index.js

@@ -15,9 +15,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 import * as React from 'react';
-import Container, { Detail, Trigger } from "./styles";
 import Icon from "../Icon";
 import TableCell from "../TableCell";
+import Container, { Detail, Trigger } from "./styles";
 /**
  * The table row accordion component allows for rendering a row of tabular data along with a addtional content to be rendered inside of an accordion drawer. This component is meant to be used with the table components rowRender mentod.
  */

package/lib/Tabs/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/Tabs/index.js

@@ -75,16 +75,15 @@ var TabItemButton = /*#__PURE__*/function (_React$Component) {
         fullWidth: fullWidth,
         "data-qa-tab-button": id,
         "data-qa-tab-button-state": isSelected
-        // $FlowIssue - upgrade v0.112.0
       }, rest), children));
     }
   }]);
   return TabItemButton;
 }(React.Component);
-_defineProperty(TabItemButton, "contextType", TabButtonContext);
 /**
  * Render a group of buttons in a tab-heading style
  */
+_defineProperty(TabItemButton, "contextType", TabButtonContext);
 var Tabs = /*#__PURE__*/function (_React$Component2) {
   _inherits(Tabs, _React$Component2);
   var _super2 = _createSuper(Tabs);

package/lib/Text/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/Text/index.js

@@ -3,8 +3,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from 'react';
-import Container from "./styles";
 import styled from 'styled-components';
+import Container from "./styles";
 var Headline = styled(Container).withConfig({
   displayName: "Text__Headline",
   componentId: "sc-12xhmyx-0"

package/lib/Textarea/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/Textarea/index.js

@@ -85,44 +85,48 @@ var Textarea = /*#__PURE__*/function (_React$Component) {
         _this$props$inputProp = _this$props.inputProps,
         inputProps = _this$props$inputProp === void 0 ? {} : _this$props$inputProp,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(Container, _extends({
-        hasBeforeElement: !!elemBefore,
-        hasAfterElement: !!elemAfter,
-        disabled: disabled,
-        invalid: isInvalid,
-        resizable: enableResize,
-        "data-qa-textarea": id,
-        "data-qa-textarea-isdisabled": disabled === true,
-        "data-qa-textarea-isrequired": required === true,
-        "data-qa-textarea-isinvalid": isInvalid === true
-      }, qa, rest), elemBefore && /*#__PURE__*/React.createElement(Accessory, {
-        before: true
-      }, elemBefore), /*#__PURE__*/React.createElement("textarea", _extends({
-        id: id,
-        "aria-label": ariaLabel,
-        "aria-describedby": ariaDescribedby,
-        "aria-invalid": isInvalid,
-        value: value,
-        name: name,
-        placeholder: placeholder,
-        rows: rows,
-        disabled: disabled,
-        readOnly: readOnly,
-        autoFocus: autoFocus,
-        spellCheck: enableSpellcheck,
-        required: required,
-        maxLength: maxLength,
-        onChange: this.handleChange,
-        onKeyUp: this.handleKeyUp,
-        onKeyDown: this.handleKeyDown,
-        onBlur: this.handleBlur,
-        onFocus: this.handleFocus,
-        ref: innerRef,
-        "data-qa-textarea-input": "",
-        "data-qa-input": name
-      }, inputProps)), elemAfter && /*#__PURE__*/React.createElement(Accessory, {
-        after: true
-      }, elemAfter));
+      return (
+        /*#__PURE__*/
+        // $FlowIssue - upgrade v0.112.0
+        React.createElement(Container, _extends({
+          hasBeforeElement: !!elemBefore,
+          hasAfterElement: !!elemAfter,
+          disabled: disabled,
+          invalid: isInvalid,
+          resizable: enableResize,
+          "data-qa-textarea": id,
+          "data-qa-textarea-isdisabled": disabled === true,
+          "data-qa-textarea-isrequired": required === true,
+          "data-qa-textarea-isinvalid": isInvalid === true
+        }, qa, rest), elemBefore && /*#__PURE__*/React.createElement(Accessory, {
+          before: true
+        }, elemBefore), /*#__PURE__*/React.createElement("textarea", _extends({
+          id: id,
+          "aria-label": ariaLabel,
+          "aria-describedby": ariaDescribedby,
+          "aria-invalid": isInvalid,
+          value: value,
+          name: name,
+          placeholder: placeholder,
+          rows: rows,
+          disabled: disabled,
+          readOnly: readOnly,
+          autoFocus: autoFocus,
+          spellCheck: enableSpellcheck,
+          required: required,
+          maxLength: maxLength,
+          onChange: this.handleChange,
+          onKeyUp: this.handleKeyUp,
+          onKeyDown: this.handleKeyDown,
+          onBlur: this.handleBlur,
+          onFocus: this.handleFocus,
+          ref: innerRef,
+          "data-qa-textarea-input": "",
+          "data-qa-input": name
+        }, inputProps)), elemAfter && /*#__PURE__*/React.createElement(Accessory, {
+          after: true
+        }, elemAfter))
+      );
     }
   }]);
   return Textarea;

package/lib/Textarea/styles.js

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

package/lib/Toast/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/Toast/index.js

@@ -2,12 +2,12 @@ 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 Container, { GlobalToastStyles, CustomIcon } from "./styles";
 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 Icon from "../Icon";
 import Box from "../Box";
+import Icon from "../Icon";
 import Text from "../Text";
+import Container, { GlobalToastStyles, CustomIcon } from "./styles";
 var NoTransition = cssTransition({
   duration: [0, 0],
   collapseDuration: 0

package/lib/Toast/styles.js

@@ -1,10 +1,9 @@
 
 import styled, { createGlobalStyle } from 'styled-components';
-import Box from "../Box";
-import Icon from "../Icon";
 // $FlowIssue
 import toastStyles from '!!raw-loader!react-toastify/dist/ReactToastify.css'; // eslint-disable-line import/no-unresolved
-
+import Box from "../Box";
+import Icon from "../Icon";
 var Container = styled(Box).withConfig({
   displayName: "styles__Container",
   componentId: "sc-wp5x29-0"

package/lib/ToggleHint/index.js

@@ -53,12 +53,15 @@ var ToggleHint = /*#__PURE__*/function (_React$Component) {
         qa = _this$props.qa,
         className = _this$props.className,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(Container, _extends({
-        icon: icon,
-        isOpen: isOpen,
-        "data-qa-togglehint-isopen": isOpen
+      return (
+        /*#__PURE__*/
         // $FlowIssue - upgrade v0.112.0
-      }, qa, rest), this.getIcon(), /*#__PURE__*/React.createElement(IconText, null, isOpen ? closeString : openString));
+        React.createElement(Container, _extends({
+          icon: icon,
+          isOpen: isOpen,
+          "data-qa-togglehint-isopen": isOpen
+        }, qa, rest), this.getIcon(), /*#__PURE__*/React.createElement(IconText, null, isOpen ? closeString : openString))
+      );
     }
   }]);
   return ToggleHint;

package/lib/ToggleHint/styles.js

@@ -1,7 +1,7 @@
 
 import styled, { css } from 'styled-components';
-import { COMMON } from "../utils/system-props";
 import { visuallyHidden } from "../utils/mixins";
+import { COMMON } from "../utils/system-props";
 var Container = styled.div.attrs({
   className: 'ToggleHint'
 }).withConfig({

package/lib/Token/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/Token/index.js

@@ -4,9 +4,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 { useTextContent } from "../utils/hooks";
-import Container from "./styles";
-import Icon from "../Icon";
 import Box from "../Box";
+import Icon from "../Icon";
+import Container from "./styles";
 var Token = function Token(_ref) {
   var children = _ref.children,
     _ref$closeable = _ref.closeable,
@@ -21,27 +21,31 @@ var Token = function Token(_ref) {
     palette = _ref$palette === void 0 ? 'neutral' : _ref$palette,
     rest = _objectWithoutProperties(_ref, _excluded);
   var textContainer = useTextContent('');
-  return /*#__PURE__*/React.createElement(Container, _extends({
-    ref: textContainer,
-    valid: valid,
-    palette: palette,
-    type: closeable || onClick ? 'button' : undefined,
-    as: closeable || onClick ? 'button' : 'div',
-    closeable: closeable || onClick,
-    disabled: disabled,
-    onClick: onClick,
-    "data-qa-token": textContainer.current,
-    "data-qa-token-iscloseable": closeable === true,
-    "data-qa-token-isvalid": valid === true,
-    "data-qa-token-isdisabled": disabled === true
-  }, qa, rest), closeable ? /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between"
-  }, /*#__PURE__*/React.createElement("span", null, children), " ", /*#__PURE__*/React.createElement(Icon, {
-    pl: 300,
-    name: "x",
-    size: "mini"
-  })) : children);
+  return (
+    /*#__PURE__*/
+    // $FlowIssue - upgrade v0.112.0
+    React.createElement(Container, _extends({
+      ref: textContainer,
+      valid: valid,
+      palette: palette,
+      type: closeable || onClick ? 'button' : undefined,
+      as: closeable || onClick ? 'button' : 'div',
+      closeable: closeable || onClick,
+      disabled: disabled,
+      onClick: onClick,
+      "data-qa-token": textContainer.current,
+      "data-qa-token-iscloseable": closeable === true,
+      "data-qa-token-isvalid": valid === true,
+      "data-qa-token-isdisabled": disabled === true
+    }, qa, rest), closeable ? /*#__PURE__*/React.createElement(Box, {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between"
+    }, /*#__PURE__*/React.createElement("span", null, children), " ", /*#__PURE__*/React.createElement(Icon, {
+      pl: 300,
+      name: "x",
+      size: "mini"
+    })) : children)
+  );
 };
 export default Token;

package/lib/Token/styles.js

@@ -1,7 +1,7 @@
 
 import styled, { css } from 'styled-components';
-import { COMMON } from "../utils/system-props";
 import { focusRing } from "../utils/mixins";
+import { COMMON } from "../utils/system-props";
 import { useInteractiveColor } from "../utils/useInteractiveColor";
 var Container = styled.button.withConfig({
   displayName: "styles__Container",

package/lib/TokenInput/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/TokenInput/index.js

@@ -14,14 +14,13 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import * as React from 'react';
-import Container from "./styles";
-import { asTokenSpec, delimitersAsRegExp } from "./util";
 import { Accessory } from "../Input/styles";
 import Box from "../Box";
 import Icon from "../Icon";
 import Token from "../Token";
+import Container from "./styles";
+import { asTokenSpec, delimitersAsRegExp } from "./util";
 var DefaultDelimiters = [',', 'Enter'];
 var ControlledPropNames = ['value', 'hasFocus', 'activeToken'];
 var TokenInput = /*#__PURE__*/function (_React$Component) {
@@ -243,43 +242,46 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
         tokens = _this$props6.tokens,
         rest = _objectWithoutProperties(_this$props6, _excluded);
       var state = this.state;
-      return /*#__PURE__*/React.createElement(Container, _extends({
-        hasBeforeElement: !!elemBefore,
-        hasAfterElement: !!elemAfter,
-        disabled: disabled,
-        invalid: !!isInvalid,
-        warning: hasWarning,
-        focused: state.hasFocus
+      return (
+        /*#__PURE__*/
         // $FlowIssue - upgrade v0.112.0
-      }, rest), elemBefore && /*#__PURE__*/React.createElement(Accessory, {
-        before: true
-      }, elemBefore), tokens && this.renderTokens(tokens), /*#__PURE__*/React.createElement("input", _extends({
-        "aria-describedby": ariaDescribedby,
-        "aria-invalid": !!isInvalid,
-        "aria-label": ariaLabel,
-        autoFocus: autoFocus,
-        autoComplete: autocomplete,
-        disabled: disabled,
-        id: id,
-        name: name,
-        placeholder: placeholder,
-        type: "text",
-        required: required,
-        value: state.value,
-        maxLength: maxLength,
-        onBlur: this.handleBlur,
-        onChange: this.handleChangeText,
-        onFocus: this.handleFocus,
-        onKeyDown: this.handleKeyDown,
-        onKeyUp: this.handleKeyUp,
-        onPaste: this.handlePaste,
-        ref: innerRef,
-        "data-qa-input": name || '',
-        "data-qa-input-isdisabled": !!disabled,
-        "data-qa-input-isrequired": !!required
-      }, qa, inputProps)), elemAfter && /*#__PURE__*/React.createElement(Accessory, {
-        after: true
-      }, elemAfter));
+        React.createElement(Container, _extends({
+          hasBeforeElement: !!elemBefore,
+          hasAfterElement: !!elemAfter,
+          disabled: disabled,
+          invalid: !!isInvalid,
+          warning: hasWarning,
+          focused: state.hasFocus
+        }, rest), elemBefore && /*#__PURE__*/React.createElement(Accessory, {
+          before: true
+        }, elemBefore), tokens && this.renderTokens(tokens), /*#__PURE__*/React.createElement("input", _extends({
+          "aria-describedby": ariaDescribedby,
+          "aria-invalid": !!isInvalid,
+          "aria-label": ariaLabel,
+          autoFocus: autoFocus,
+          autoComplete: autocomplete,
+          disabled: disabled,
+          id: id,
+          name: name,
+          placeholder: placeholder,
+          type: "text",
+          required: required,
+          value: state.value,
+          maxLength: maxLength,
+          onBlur: this.handleBlur,
+          onChange: this.handleChangeText,
+          onFocus: this.handleFocus,
+          onKeyDown: this.handleKeyDown,
+          onKeyUp: this.handleKeyUp,
+          onPaste: this.handlePaste,
+          ref: innerRef,
+          "data-qa-input": name || '',
+          "data-qa-input-isdisabled": !!disabled,
+          "data-qa-input-isrequired": !!required
+        }, qa, inputProps)), elemAfter && /*#__PURE__*/React.createElement(Accessory, {
+          after: true
+        }, elemAfter))
+      );
     }
   }], [{
     key: "getDerivedStateFromProps",

package/lib/TokenInput/styles.js

@@ -1,7 +1,7 @@
 
 import styled, { css } from 'styled-components';
-import { COMMON } from "../utils/system-props";
 import { focusRing } from "../utils/mixins";
+import { COMMON } from "../utils/system-props";
 var Container = styled.div.withConfig({
   displayName: "styles__Container",
   componentId: "sc-19um4n4-0"

package/lib/Tooltip/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/Tooltip/index.js

@@ -15,9 +15,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 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 { useState, useEffect } from 'react';
-import { TooltipContent } from "./styles";
-import Popout from "../Popout";
 import MOTION from '@sproutsocial/seeds-motion/dist/seeds-motion-unitless';
+import Popout from "../Popout";
+import { TooltipContent } from "./styles";
 var idCounter = 0;
 var wrapContent = function wrapContent(content, show, hide, Wrapper, appearance, ariaProps, wrapperStyles) {
   return /*#__PURE__*/React.createElement(Wrapper, _extends({
@@ -82,7 +82,8 @@ var Tooltip = function Tooltip(_ref) {
   }, [isOpen, shouldShow, enterDelay, exitDelay]);
   var wrappedContent = wrapContent(
   // $FlowIssue - https://github.com/facebook/flow/issues/6392
-  content, shouldTooltipContentsBeInteractive ? show : undefined, shouldTooltipContentsBeInteractive ? hide : undefined, Content, defaultAppearance, _objectSpread({
+  content, shouldTooltipContentsBeInteractive ? show : undefined, shouldTooltipContentsBeInteractive ? hide : undefined, Content, defaultAppearance, // $FlowIssue
+  _objectSpread({
     id: id
   }, rest), {});
   var ariaPropsForWrappedChildren = isOpen ? {
@@ -113,18 +114,21 @@ var Content = function Content(_ref2) {
     appearance = _ref2$appearance === void 0 ? 'pill' : _ref2$appearance,
     children = _ref2.children,
     rest = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/React.createElement(TooltipContent, _extends({
-    appearance: appearance,
-    borderRadius: appearance === 'box' ? 500 : '5000em',
-    px: 400,
-    py: appearance === 'box' ? 400 : 200,
-    m: 200,
-    color: "text.body",
-    bg: "container.background.base",
-    boxShadow: "medium",
-    border: 500,
-    borderColor: "container.border.base"
+  return (
+    /*#__PURE__*/
     // $FlowIssue - upgrade v0.112.0
-  }, rest), children);
+    React.createElement(TooltipContent, _extends({
+      appearance: appearance,
+      borderRadius: appearance === 'box' ? 500 : '5000em',
+      px: 400,
+      py: appearance === 'box' ? 400 : 200,
+      m: 200,
+      color: "text.body",
+      bg: "container.background.base",
+      boxShadow: "medium",
+      border: 500,
+      borderColor: "container.border.base"
+    }, rest), children)
+  );
 };
 export default Tooltip;

package/lib/VisuallyHidden/index.js

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

package/lib/dataviz/index.js

@@ -1,7 +1,7 @@
 
 import React from 'react';
-import Box from "../Box";
 import { withTheme } from 'styled-components';
+import Box from "../Box";
 export var DataVizRotation = withTheme(function (p) {
   return p.theme.colors.DATAVIZ_COLORS_LIST.map(function (color, i) {
     return /*#__PURE__*/React.createElement(Box, {