@sproutsocial/racine 22.5.1 → 23.0.0

package/lib/Toast/styles.js

@@ -1,34 +1,63 @@
-import styled, { createGlobalStyle } from "styled-components";
+import styled from "styled-components";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 import "react-toastify/dist/ReactToastify.css";
 import Box from "../Box";
-import Icon from "../Icon";
-var Container = styled(Box).withConfig({
+import { ToastContainer } from "react-toastify";
+export var TOAST_Z_INDEX = 9999;
+export var Container = styled(Box).withConfig({
   displayName: "styles__Container",
   componentId: "sc-oqrk23-0"
-})(["display:flex;align-items:center;font-family:", ";", " position:relative;background:", ";border-left:2px solid ", ";"], function (p) {
-  return p.theme.fontFamily;
-}, function (p) {
-  return p.theme.typography[200];
-}, function (p) {
-  return p.theme.colors.container.background.base;
-}, function (p) {
-  return p.theme.colors.container.border[p.type];
+})(["display:flex;align-items:center;gap:", ";font-family:", ";", " position:relative;padding:", ";"], function (_ref) {
+  var theme = _ref.theme;
+  return theme.space[350];
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.fontFamily;
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.typography[200];
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.space[350];
 });
-export var CustomIcon = styled(Icon).withConfig({
-  displayName: "styles__CustomIcon",
+export var ToastRoot = styled(ToastContainer).attrs({
+  toastClassName: "Toastify-toast-overrides",
+  hideProgressBar: true,
+  closeButton: false,
+  icon: false,
+  position: "bottom-right"
+}).withConfig({
+  displayName: "styles__ToastRoot",
   componentId: "sc-oqrk23-1"
-})(["margin-right:", ";transform:translateY(4px);color:", ";"], function (props) {
-  return props.theme.space[400];
-}, function (p) {
-  return p.customColor ? undefined : p.theme.colors.icon[p.type];
-});
-export var GlobalToastStyles = createGlobalStyle([".Toastify__toast{box-shadow:", " !important;background:transparent !important;}.Toastify__toast:last-of-type{margin-bottom:0 !important;}.Toastify-container-overrides{padding:0 !important;width:360px !important;}.Toastify-toast-overrides{padding:0 !important;min-height:0 !important;border-radius:2px !important;}.Toastify__toast-container--bottom-right{bottom:", " !important;right:", " !important;}@media only screen and (max-width:480px){.Toastify-container-overrides{min-width:initial !important;}}"], function (p) {
-  return p.theme.shadows.low;
-}, function (p) {
-  return p.theme.space[400];
-}, function (p) {
-  return p.theme.space[400];
-});
-export default Container;
+})(["--toastify-z-index:", ";--toastify-toast-offset:", ";--toastify-toast-width:360px;--toastify-toast-min-height:48px;--toastify-toast-max-height:70vh;--toastify-toast-bd-radius:", ";--toastify-toast-background:", ";--toastify-toast-bottom:0;padding:0;.Toastify-toast-overrides{background:", ";color:", ";box-shadow:", ";padding:0;margin-bottom:var(--toastify-toast-offset);}.Toastify__toast-body{padding:0;margin:0;}@media only screen and (max-width:480px){.Toastify-container-overrides{min-width:initial !important;}}@keyframes SproutToast__zoom-in{from{opacity:0;transform:scale3d(0.3,0.3,0.3);}50%{opacity:1;}}@keyframes SproutToast__zoom-out{from{opacity:1;}50%{opacity:0;transform:scale3d(0.3,0.3,0.3) translate3d(0,var(--y),0);}to{opacity:0;}}.SproutToast__zoom-in{animation:SproutToast__zoom-in ", " ", " both;}.SproutToast__zoom-out{animation:SproutToast__zoom-out ", " ", " both;}@keyframes SproutToast__none-in{from{opacity:0;}to{opacity:1;}}@keyframes SproutToast__none-out{from{opacity:1;}to{opacity:0;}}.SproutToast__none-in{animation:SproutToast__none-in 0s both;}.SproutToast__none-out{animation:SproutToast__none-out 0s both;}"], TOAST_Z_INDEX, function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.space[400];
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.radii[400];
+}, function (_ref7) {
+  var theme = _ref7.theme;
+  return theme.colors.container.background.base;
+}, function (_ref8) {
+  var theme = _ref8.theme;
+  return theme.colors.container.background.base;
+}, function (_ref9) {
+  var theme = _ref9.theme;
+  return theme.colors.text.body;
+}, function (_ref10) {
+  var theme = _ref10.theme;
+  return theme.shadows.low;
+}, function (_ref11) {
+  var theme = _ref11.theme;
+  return theme.duration.medium;
+}, function (_ref12) {
+  var theme = _ref12.theme;
+  return theme.easing.ease_out;
+}, function (_ref13) {
+  var theme = _ref13.theme;
+  return theme.duration.slow;
+}, function (_ref14) {
+  var theme = _ref14.theme;
+  return theme.easing.ease_in;
+});

package/lib/ToggleHint/ToggleHint.js

@@ -1,6 +1,7 @@
 var _excluded = ["icon", "isOpen", "openString", "closeString", "qa", "className", "color"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -19,6 +20,8 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import * as React from "react";
 import Icon from "../Icon";
 import Container, { IconText } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Icon (either chevron or plus/minus) indicating whether an element is open or closed.
  */
@@ -33,12 +36,12 @@ var ToggleHint = /*#__PURE__*/function (_React$Component) {
     _this = _callSuper(this, ToggleHint, [].concat(args));
     _defineProperty(_assertThisInitialized(_this), "getIcon", function () {
       if (_this.props.icon === "chevron") {
-        return /*#__PURE__*/React.createElement(Icon, {
+        return /*#__PURE__*/_jsx(Icon, {
           name: "chevron-down-outline",
           "aria-hidden": true
         });
       }
-      return /*#__PURE__*/React.createElement(Icon, {
+      return /*#__PURE__*/_jsx(Icon, {
         name: _this.props.isOpen ? "minus-outline" : "plus-outline",
         "aria-hidden": true
       });
@@ -57,7 +60,7 @@ var ToggleHint = /*#__PURE__*/function (_React$Component) {
         className = _this$props.className,
         color = _this$props.color,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(Container, _extends({
+      return /*#__PURE__*/_jsxs(Container, _objectSpread(_objectSpread(_objectSpread({
         icon: icon,
         isOpen: isOpen,
         className: "ToggleHint ".concat(className),
@@ -67,7 +70,11 @@ var ToggleHint = /*#__PURE__*/function (_React$Component) {
         // @ts-ignore
         ,
         color: color
-      }, qa, rest), this.getIcon(), /*#__PURE__*/React.createElement(IconText, null, isOpen ? closeString : openString));
+      }, qa), rest), {}, {
+        children: [this.getIcon(), /*#__PURE__*/_jsx(IconText, {
+          children: isOpen ? closeString : openString
+        })]
+      }));
     }
   }]);
   return ToggleHint;

package/lib/Token/Token.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "closeable", "onClick", "qa", "valid", "disabled", "palette"];
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
 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";
@@ -8,6 +13,9 @@ import Box from "../Box";
 import Icon from "../Icon";
 import { VisuallyHidden } from "../VisuallyHidden";
 import Container from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Token = function Token(_ref) {
   var children = _ref.children,
     _ref$closeable = _ref.closeable,
@@ -22,10 +30,10 @@ 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
+  return /*#__PURE__*/_jsxs(Container
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-ignore some legacy ref type mismatch between divs
-  , _extends({
+  , _objectSpread(_objectSpread(_objectSpread({
     ref: textContainer,
     valid: valid,
     palette: palette,
@@ -38,27 +46,36 @@ var Token = function Token(_ref) {
     "data-qa-token-iscloseable": closeable === true,
     "data-qa-token-isvalid": valid === true,
     "data-qa-token-isdisabled": disabled === true
-  }, qa, rest), !valid && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VisuallyHidden, {
-    as: "div",
-    role: "status"
-  }, "This is an invalid token"), /*#__PURE__*/React.createElement(Icon, {
-    "aria-hidden": true,
-    pr: 300,
-    name: "circle-exclamation-solid",
-    size: "mini"
-  }), /*#__PURE__*/React.createElement(VisuallyHidden, null, "Invalid")), closeable ? /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between"
-  }, /*#__PURE__*/React.createElement(Box, {
-    as: "span",
-    display: "flex",
-    alignItems: "center"
-  }, children), /*#__PURE__*/React.createElement(Icon, {
-    "aria-hidden": true,
-    pl: 300,
-    name: "x-solid",
-    size: "mini"
-  })) : children);
+  }, qa), rest), {}, {
+    children: [!valid && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(VisuallyHidden, {
+        as: "div",
+        role: "status",
+        children: "This is an invalid token"
+      }), /*#__PURE__*/_jsx(Icon, {
+        "aria-hidden": true,
+        pr: 300,
+        name: "circle-exclamation-solid",
+        size: "mini"
+      }), /*#__PURE__*/_jsx(VisuallyHidden, {
+        children: "Invalid"
+      })]
+    }), closeable ? /*#__PURE__*/_jsxs(Box, {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [/*#__PURE__*/_jsx(Box, {
+        as: "span",
+        display: "flex",
+        alignItems: "center",
+        children: children
+      }), /*#__PURE__*/_jsx(Icon, {
+        "aria-hidden": true,
+        pl: 300,
+        name: "x-solid",
+        size: "mini"
+      })]
+    }) : children]
+  }));
 };
 export default Token;

package/lib/TokenInput/TokenInput.js

@@ -2,7 +2,8 @@ var _excluded = ["autoFocus", "autocomplete", "disabled", "isInvalid", "hasWarni
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 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; }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -24,6 +25,8 @@ import Token from "../Token";
 import Container from "./styles";
 import { asTokenSpec, delimitersAsRegExp } from "./util";
 import { TokenScreenReaderStatus } from "./TokenScreenReaderStatus";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var DefaultDelimiters = [",", "Enter"];
 var ControlledPropNames = ["value", "hasFocus", "activeToken"];
 var TokenInput = /*#__PURE__*/function (_React$Component) {
@@ -182,7 +185,7 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
         valid = token.valid;
       var iconName = tokenIconName || defaultIconName;
       var isActive = activeId === id;
-      return /*#__PURE__*/React.createElement(Token, {
+      return /*#__PURE__*/_jsx(Token, {
         id: id,
         onClick: function onClick(e) {
           return _this2.handleClickToken(e, token);
@@ -192,25 +195,27 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
         // @ts-ignore
         ,
         active: isActive,
-        disabled: disabled
-      }, /*#__PURE__*/React.createElement(Box, {
-        display: "flex",
-        alignItems: "center"
-      }, iconName && /*#__PURE__*/React.createElement(Icon, _extends({
-        name: iconName,
-        size: "mini",
-        pr: 300
-      }, iconProps)), value));
+        disabled: disabled,
+        children: /*#__PURE__*/_jsxs(Box, {
+          display: "flex",
+          alignItems: "center",
+          children: [iconName && /*#__PURE__*/_jsx(Icon, _objectSpread({
+            name: iconName,
+            size: "mini",
+            pr: 300
+          }, iconProps)), value]
+        })
+      });
     }
   }, {
     key: "renderTokens",
     value: function renderTokens(tokens) {
       var _this3 = this;
       return tokens.map(function (token) {
-        return /*#__PURE__*/React.createElement("div", {
-          key: token.id,
-          className: "TokenInput-token"
-        }, _this3.renderToken(token));
+        return /*#__PURE__*/_jsx("div", {
+          className: "TokenInput-token",
+          children: _this3.renderToken(token)
+        }, token.id);
       });
     }
   }, {
@@ -250,44 +255,48 @@ 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({
+      return /*#__PURE__*/_jsxs(Container, _objectSpread(_objectSpread({
         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(TokenScreenReaderStatus, {
-        tokens: 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));
+      }, rest), {}, {
+        children: [elemBefore && /*#__PURE__*/_jsx(Accessory, {
+          before: true,
+          children: elemBefore
+        }), tokens && this.renderTokens(tokens), /*#__PURE__*/_jsx(TokenScreenReaderStatus, {
+          tokens: tokens
+        }), /*#__PURE__*/_jsx("input", _objectSpread(_objectSpread({
+          "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__*/_jsx(Accessory, {
+          after: true,
+          children: elemAfter
+        })]
+      }));
     }
   }], [{
     key: "getDerivedStateFromProps",

package/lib/TokenInput/TokenScreenReaderStatus.js

@@ -8,6 +8,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from "react";
 import { useEffect, useRef, useState } from "react";
 import { VisuallyHidden } from "../VisuallyHidden";
+import { jsx as _jsx } from "react/jsx-runtime";
 function usePrevious(value) {
   var ref = useRef();
   useEffect(function () {
@@ -36,8 +37,9 @@ export var TokenScreenReaderStatus = function TokenScreenReaderStatus(_ref) {
       }
     }
   }, [prevTokens, tokens, tokenStatus]);
-  return /*#__PURE__*/React.createElement(VisuallyHidden, {
+  return /*#__PURE__*/_jsx(VisuallyHidden, {
     as: "div",
-    role: "status"
-  }, tokenStatus);
+    role: "status",
+    children: tokenStatus
+  });
 };

package/lib/Tooltip/Tooltip.js

@@ -1,10 +1,5 @@
 var _excluded = ["appearance", "children", "onFocus", "onBlur"],
   _excluded2 = ["content", "children", "enterDelay", "placement", "appearance", "zIndex", "qa", "popoutProps", "truncated", "onFocus", "onBlur"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -12,14 +7,19 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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; }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
 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 Popout from "../Popout";
+import Popout from "@sproutsocial/seeds-react-popout";
 import { StyledTooltipContent } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 var idCounter = 0;
 var hasAttribute = function hasAttribute(child, attribute) {
   return /*#__PURE__*/React.isValidElement(child) && child.props[attribute] !== undefined;
@@ -39,7 +39,7 @@ var TooltipBubble = function TooltipBubble(_ref) {
   var handleBlur = function handleBlur(e) {
     onBlur(e);
   };
-  return /*#__PURE__*/React.createElement(StyledTooltipContent, _extends({
+  return /*#__PURE__*/_jsx(StyledTooltipContent, _objectSpread(_objectSpread({
     role: "tooltip",
     appearance: appearance,
     borderRadius: appearance === "box" ? 500 : "5000em",
@@ -56,7 +56,9 @@ var TooltipBubble = function TooltipBubble(_ref) {
     onMouseEnter: handleFocus,
     onMouseLeave: handleBlur,
     tabIndex: 0
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
 
 /** Core component */
@@ -137,15 +139,17 @@ var Tooltip = function Tooltip(_ref2) {
 
   /** The wrapped content of whats inside the Tooltip */
   var TooltipContent = function TooltipContent() {
-    return /*#__PURE__*/React.createElement(TooltipBubble, _extends({
+    return /*#__PURE__*/_jsx(TooltipBubble, _objectSpread(_objectSpread({
       appearance: defaultAppearance,
       onFocus: show,
       onBlur: hide,
       "aria-expanded": isOpen,
       id: id
-    }, rest), content);
+    }, rest), {}, {
+      children: content
+    }));
   };
-  return /*#__PURE__*/React.createElement(Popout, _extends({
+  return /*#__PURE__*/_jsx(Popout, _objectSpread(_objectSpread({
     content: !isInvalidContent ? TooltipContent : undefined,
     isOpen: isOpen,
     placement: placement,
@@ -158,20 +162,23 @@ var Tooltip = function Tooltip(_ref2) {
     "aria-haspopup": "false",
     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,
-    onFocus: show,
-    onMouseEnter: show,
-    onMouseLeave: hide,
-    style: truncated ? {
-      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
-  }) : children));
+  }, popoutProps), {}, {
+    children: /*#__PURE__*/_jsx("span", {
+      onBlur: hide,
+      onFocus: show,
+      onMouseEnter: show,
+      onMouseLeave: hide,
+      style: truncated ? {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      } : {},
+      children: /*#__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
+      }) : children
+    })
+  }));
 };
 export default Tooltip;