@sproutsocial/racine 12.24.0 → 13.1.1

package/commonjs/Textarea/index.js

@@ -93,44 +93,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(_styles.default, _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(_styles.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(_styles.Accessory, {
-        after: true
-      }, elemAfter));
+      return (
+        /*#__PURE__*/
+        // $FlowIssue - upgrade v0.112.0
+        React.createElement(_styles.default, _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(_styles.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(_styles.Accessory, {
+          after: true
+        }, elemAfter))
+      );
     }
   }]);
   return Textarea;

package/commonjs/Textarea/styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Accessory = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _systemProps = require("../utils/system-props");
 var _mixins = require("../utils/mixins");
+var _systemProps = require("../utils/system-props");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 

package/commonjs/Toast/index.flow.js

@@ -0,0 +1,6 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/commonjs/Toast/index.js

@@ -8,12 +8,12 @@ exports.default = void 0;
 exports.toast = toast;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var React = _interopRequireWildcard(require("react"));
-var _styles = _interopRequireWildcard(require("./styles"));
 var _reactToastify = require("react-toastify");
 var _seedsMotionUnitless = require("@sproutsocial/seeds-motion/dist/seeds-motion-unitless");
-var _Icon = _interopRequireDefault(require("../Icon"));
 var _Box = _interopRequireDefault(require("../Box"));
+var _Icon = _interopRequireDefault(require("../Icon"));
 var _Text = _interopRequireDefault(require("../Text"));
+var _styles = _interopRequireWildcard(require("./styles"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/commonjs/Toast/styles.js

@@ -6,14 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.GlobalToastStyles = exports.CustomIcon = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _ReactToastify = _interopRequireDefault(require("!!raw-loader!react-toastify/dist/ReactToastify.css"));
 var _Box = _interopRequireDefault(require("../Box"));
 var _Icon = _interopRequireDefault(require("../Icon"));
-var _ReactToastify = _interopRequireDefault(require("!!raw-loader!react-toastify/dist/ReactToastify.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 // $FlowIssue
+// eslint-disable-line import/no-unresolved
 
 var Container = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__Container",

package/commonjs/ToggleHint/index.flow.js

@@ -0,0 +1 @@
+"use strict";

package/commonjs/ToggleHint/index.js

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

package/commonjs/ToggleHint/styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.IconText = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _systemProps = require("../utils/system-props");
 var _mixins = require("../utils/mixins");
+var _systemProps = require("../utils/system-props");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 

package/commonjs/Token/index.flow.js

@@ -0,0 +1,6 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/commonjs/Token/index.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _hooks = require("../utils/hooks");
-var _styles = _interopRequireDefault(require("./styles"));
-var _Icon = _interopRequireDefault(require("../Icon"));
 var _Box = _interopRequireDefault(require("../Box"));
+var _Icon = _interopRequireDefault(require("../Icon"));
+var _styles = _interopRequireDefault(require("./styles"));
 var _excluded = ["children", "closeable", "onClick", "qa", "valid", "disabled", "palette"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -31,28 +31,32 @@ var Token = function Token(_ref) {
     palette = _ref$palette === void 0 ? 'neutral' : _ref$palette,
     rest = _objectWithoutProperties(_ref, _excluded);
   var textContainer = (0, _hooks.useTextContent)('');
-  return /*#__PURE__*/React.createElement(_styles.default, _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.default, {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between"
-  }, /*#__PURE__*/React.createElement("span", null, children), " ", /*#__PURE__*/React.createElement(_Icon.default, {
-    pl: 300,
-    name: "x",
-    size: "mini"
-  })) : children);
+  return (
+    /*#__PURE__*/
+    // $FlowIssue - upgrade v0.112.0
+    React.createElement(_styles.default, _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.default, {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between"
+    }, /*#__PURE__*/React.createElement("span", null, children), " ", /*#__PURE__*/React.createElement(_Icon.default, {
+      pl: 300,
+      name: "x",
+      size: "mini"
+    })) : children)
+  );
 };
 var _default = Token;
 exports.default = _default;

package/commonjs/Token/styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _systemProps = require("../utils/system-props");
 var _mixins = require("../utils/mixins");
+var _systemProps = require("../utils/system-props");
 var _useInteractiveColor = require("../utils/useInteractiveColor");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/commonjs/TokenInput/index.flow.js

@@ -1 +1,6 @@
-"use strict";
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/commonjs/TokenInput/index.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _util = require("./util");
-var _styles2 = require("../Input/styles");
+var _styles = require("../Input/styles");
 var _Box = _interopRequireDefault(require("../Box"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _Token = _interopRequireDefault(require("../Token"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+var _util = require("./util");
 var _excluded = ["autoFocus", "autocomplete", "disabled", "isInvalid", "hasWarning", "id", "name", "placeholder", "required", "value", "elemBefore", "elemAfter", "maxLength", "ariaDescribedby", "ariaLabel", "innerRef", "onAddToken", "onRemoveToken", "onChangeTokens", "onClickToken", "onBlur", "onChange", "onFocus", "onKeyDown", "onKeyUp", "onPaste", "inputProps", "qa", "tokens"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -251,43 +251,46 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
         tokens = _this$props6.tokens,
         rest = _objectWithoutProperties(_this$props6, _excluded);
       var state = this.state;
-      return /*#__PURE__*/React.createElement(_styles.default, _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(_styles2.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(_styles2.Accessory, {
-        after: true
-      }, elemAfter));
+        React.createElement(_styles2.default, _extends({
+          hasBeforeElement: !!elemBefore,
+          hasAfterElement: !!elemAfter,
+          disabled: disabled,
+          invalid: !!isInvalid,
+          warning: hasWarning,
+          focused: state.hasFocus
+        }, rest), elemBefore && /*#__PURE__*/React.createElement(_styles.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(_styles.Accessory, {
+          after: true
+        }, elemAfter))
+      );
     }
   }], [{
     key: "getDerivedStateFromProps",

package/commonjs/TokenInput/styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _systemProps = require("../utils/system-props");
 var _mixins = require("../utils/mixins");
+var _systemProps = require("../utils/system-props");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 

package/commonjs/Tooltip/index.flow.js

@@ -0,0 +1,6 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/commonjs/Tooltip/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _Popout = _interopRequireDefault(require("../Popout"));
 var _seedsMotionUnitless = _interopRequireDefault(require("@sproutsocial/seeds-motion/dist/seeds-motion-unitless"));
+var _Popout = _interopRequireDefault(require("../Popout"));
+var _styles = require("./styles");
 var _excluded = ["content", "children", "enterDelay", "placement", "appearance", "zIndex", "qa", "popoutProps", "truncated"],
   _excluded2 = ["appearance", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -90,7 +90,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 ? {
@@ -121,19 +122,22 @@ var Content = function Content(_ref2) {
     appearance = _ref2$appearance === void 0 ? 'pill' : _ref2$appearance,
     children = _ref2.children,
     rest = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/React.createElement(_styles.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(_styles.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)
+  );
 };
 var _default = Tooltip;
 exports.default = _default;

package/commonjs/VisuallyHidden/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VisuallyHidden = void 0;
-var _mixins = require("../utils/mixins");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _mixins = require("../utils/mixins");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var VisuallyHidden = _styledComponents.default.span.withConfig({

package/commonjs/dataviz/index.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DataVizRotation = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _Box = _interopRequireDefault(require("../Box"));
 var _styledComponents = require("styled-components");
+var _Box = _interopRequireDefault(require("../Box"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var DataVizRotation = (0, _styledComponents.withTheme)(function (p) {