@sproutsocial/racine 25.11.0 → 26.1.0

package/lib/Token/Token.js

@@ -1,81 +0,0 @@
-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 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 { useTextContent } from "@sproutsocial/seeds-react-hooks";
-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,
-    closeable = _ref$closeable === void 0 ? true : _ref$closeable,
-    onClick = _ref.onClick,
-    qa = _ref.qa,
-    _ref$valid = _ref.valid,
-    valid = _ref$valid === void 0 ? true : _ref$valid,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$palette = _ref.palette,
-    palette = _ref$palette === void 0 ? "neutral" : _ref$palette,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var textContainer = useTextContent("");
-  return /*#__PURE__*/_jsxs(Container
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  //@ts-ignore some legacy ref type mismatch between divs
-  , _objectSpread(_objectSpread(_objectSpread({
-    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), {}, {
-    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/Token/TokenTypes.js

@@ -1 +0,0 @@
-export {};

package/lib/Token/index.js

@@ -1,4 +0,0 @@
-import Token from "./Token";
-export default Token;
-export { Token };
-export * from "./Token";

package/lib/Token/styles.js

@@ -1,28 +0,0 @@
-import styled, { css } from "styled-components";
-import { COMMON } from "@sproutsocial/seeds-react-system-props";
-import { focusRing } from "@sproutsocial/seeds-react-mixins";
-import { useInteractiveColor } from "../utils/useInteractiveColor";
-var Container = styled.button.withConfig({
-  displayName: "styles__Container",
-  componentId: "sc-1mt4sof-0"
-})(["position:relative;display:inline-flex;align-items:center;margin:0;line-height:1;outline:none;", " &:focus{", "}", " ", " ", " ", " ", ""], function (_ref) {
-  var theme = _ref.theme;
-  return css(["", " font-family:", ";font-weight:", ";border:1px solid ", ";border-radius:", ";color:", ";background:", ";padding:", " ", ";transition:all ", " ", ";"], theme.typography[200], theme.fontFamily, theme.fontWeights.normal, theme.colors.container.border.base, theme.radii[500], theme.colors.text.body, theme.colors.container.background.base, theme.space[200], theme.space[300], theme.duration.fast, theme.easing.ease_inout);
-}, focusRing, function (_ref2) {
-  var closeable = _ref2.closeable,
-    theme = _ref2.theme;
-  return closeable && css(["cursor:pointer;&:hover,&:active{box-shadow:", ";border:1px solid ", ";}"], theme.shadows.low, useInteractiveColor(theme.colors.container.border.base));
-}, function (_ref3) {
-  var theme = _ref3.theme,
-    palette = _ref3.palette;
-  return palette === "blue" && css(["color:", ";background:", ";border:1px solid ", ";&:hover,&:active{cursor:pointer;box-shadow:", ";border:1px solid ", ";}"], theme.colors.text.body, theme.colors.container.background.decorative.blue, theme.colors.container.border.decorative.blue, theme.shadows.low, useInteractiveColor(theme.colors.container.border.decorative.blue));
-}, function (_ref4) {
-  var disabled = _ref4.disabled,
-    theme = _ref4.theme;
-  return disabled && css(["opacity:0.4;cursor:not-allowed;&:hover,&:active{box-shadow:none;border:1px solid ", ";}"], theme.colors.container.border.base);
-}, function (_ref5) {
-  var valid = _ref5.valid,
-    theme = _ref5.theme;
-  return !valid && css(["color:", ";background:", ";border:1px solid ", ";&:hover{box-shadow:", ";border:1px solid ", ";}"], theme.colors.text.error, theme.colors.container.background.error, theme.colors.container.border.error, theme.shadows.low, useInteractiveColor(theme.colors.container.border.error));
-}, COMMON);
-export default Container;

package/lib/TokenInput/TokenInput.js

@@ -1,318 +0,0 @@
-var _excluded = ["autoFocus", "autocomplete", "disabled", "isInvalid", "hasWarning", "id", "name", "placeholder", "required", "elemBefore", "elemAfter", "maxLength", "ariaDescribedby", "ariaLabel", "innerRef", "value", "onAddToken", "onRemoveToken", "onChangeTokens", "onClickToken", "onBlur", "onChange", "onFocus", "onKeyDown", "onKeyUp", "onPaste", "inputProps", "qa", "tokens"];
-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 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; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import * as React from "react";
-import { 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";
-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) {
-  _inherits(TokenInput, _React$Component);
-  function TokenInput(props) {
-    var _this;
-    _classCallCheck(this, TokenInput);
-    _this = _callSuper(this, TokenInput, [props]);
-    _defineProperty(_assertThisInitialized(_this), "handleChangeText", function (e) {
-      var value = e.currentTarget.value;
-      var onChange = _this.props.onChange;
-      _this.setState({
-        value: value
-      });
-      onChange === null || onChange === void 0 || onChange(e, value);
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleFocus", function (e) {
-      var onFocus = _this.props.onFocus;
-      _this.setState({
-        hasFocus: true
-      });
-      onFocus === null || onFocus === void 0 || onFocus(e);
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleBlur", function (e) {
-      var onBlur = _this.props.onBlur;
-      if (onBlur) onBlur(e);
-      _this.setState({
-        hasFocus: false
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleKeyUp", function (e) {
-      var _this$props$onKeyUp, _this$props;
-      (_this$props$onKeyUp = (_this$props = _this.props).onKeyUp) === null || _this$props$onKeyUp === void 0 || _this$props$onKeyUp.call(_this$props, e, e.currentTarget.value);
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
-      var onKeyDown = _this.props.onKeyDown;
-      var key = e.key,
-        currentTarget = e.currentTarget;
-      var text = currentTarget.value;
-      if (onKeyDown) onKeyDown(e, text);
-
-      // keyPress event runs before change
-      // Prevent event from bubbling up and calling change, which can lead to comma in value
-      if (_this.isDelimiter(key)) {
-        if (text) {
-          _this.spawnNewTokens([text]);
-          e.preventDefault();
-        }
-      } else if (key === "Backspace") {
-        if (text === "") {
-          _this.deleteToken();
-        }
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "handlePaste", function (e) {
-      var text = e.clipboardData.getData("text");
-      var onPaste = _this.props.onPaste;
-      if (onPaste) onPaste(e, text);
-      var subtexts = text.split(_this.delimiterMatcher);
-      var texts = subtexts.filter(function (subtext) {
-        return subtext.length;
-      });
-      if (texts.length > 1) {
-        _this.spawnNewTokens(texts);
-        e.preventDefault();
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleClickToken", function (e, token) {
-      var _this$props2 = _this.props,
-        onClickToken = _this$props2.onClickToken,
-        disabled = _this$props2.disabled;
-      if (onClickToken) onClickToken(e, token.id);
-      if (!disabled) {
-        _this.deleteToken(token.id);
-      }
-    });
-    var hasFocus = props.hasFocus,
-      activeToken = props.activeToken,
-      _value = props.value,
-      delimiters = props.delimiters;
-    _this.delimiterMatcher = delimitersAsRegExp(delimiters || DefaultDelimiters);
-    _this.state = {
-      prevProps: props,
-      hasFocus: hasFocus || false,
-      activeToken: activeToken,
-      value: _value || ""
-    };
-    return _this;
-  }
-  _createClass(TokenInput, [{
-    key: "isDelimiter",
-    value: function isDelimiter(keyName) {
-      var _this$props$delimiter = this.props.delimiters,
-        delimiters = _this$props$delimiter === void 0 ? DefaultDelimiters : _this$props$delimiter;
-      return delimiters.includes(keyName);
-    }
-  }, {
-    key: "spawnNewTokens",
-    value: function spawnNewTokens(texts) {
-      var _this$props3 = this.props,
-        onAddToken = _this$props3.onAddToken,
-        onChangeTokens = _this$props3.onChangeTokens,
-        _this$props3$tokenMax = _this$props3.tokenMaxLength,
-        max = _this$props3$tokenMax === void 0 ? Infinity : _this$props3$tokenMax,
-        _this$props3$tokens = _this$props3.tokens,
-        tokens = _this$props3$tokens === void 0 ? [] : _this$props3$tokens;
-      var tokenSpecs = texts.map(function (text) {
-        return asTokenSpec(text.slice(0, max));
-      });
-      if (onAddToken) {
-        tokenSpecs.forEach(onAddToken);
-      } else if (onChangeTokens) {
-        onChangeTokens(tokens.concat(tokenSpecs));
-      }
-      this.setState({
-        value: ""
-      });
-    }
-  }, {
-    key: "deleteToken",
-    value: function deleteToken(tokenId) {
-      var _this$props4 = this.props,
-        onRemoveToken = _this$props4.onRemoveToken,
-        onChangeTokens = _this$props4.onChangeTokens,
-        _this$props4$tokens = _this$props4.tokens,
-        tokens = _this$props4$tokens === void 0 ? [] : _this$props4$tokens;
-      var count = tokens.length;
-      if (count === 0) return;
-      var id = tokenId !== null && tokenId !== void 0 ? tokenId : tokens[count - 1].id;
-      if (onRemoveToken) {
-        onRemoveToken(id);
-      } else if (onChangeTokens) {
-        onChangeTokens(tokens.filter(function (tokenSpec) {
-          return tokenSpec.id !== id;
-        }));
-      }
-      this.setState({
-        value: ""
-      });
-    }
-  }, {
-    key: "renderToken",
-    value: function renderToken(token) {
-      var _this2 = this;
-      var _this$props5 = this.props,
-        defaultIconName = _this$props5.iconName,
-        disabled = _this$props5.disabled;
-      var activeId = this.state.activeToken;
-      var id = token.id,
-        tokenIconName = token.iconName,
-        _token$iconProps = token.iconProps,
-        iconProps = _token$iconProps === void 0 ? {
-          "aria-hidden": true
-        } : _token$iconProps,
-        value = token.value,
-        valid = token.valid;
-      var iconName = tokenIconName || defaultIconName;
-      var isActive = activeId === id;
-      return /*#__PURE__*/_jsx(Token, {
-        id: id,
-        onClick: function onClick(e) {
-          return _this2.handleClickToken(e, token);
-        },
-        valid: valid
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        ,
-        active: isActive,
-        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__*/_jsx("div", {
-          className: "TokenInput-token",
-          children: _this3.renderToken(token)
-        }, token.id);
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props6 = this.props,
-        autoFocus = _this$props6.autoFocus,
-        autocomplete = _this$props6.autocomplete,
-        disabled = _this$props6.disabled,
-        isInvalid = _this$props6.isInvalid,
-        hasWarning = _this$props6.hasWarning,
-        id = _this$props6.id,
-        name = _this$props6.name,
-        placeholder = _this$props6.placeholder,
-        required = _this$props6.required,
-        elemBefore = _this$props6.elemBefore,
-        elemAfter = _this$props6.elemAfter,
-        maxLength = _this$props6.maxLength,
-        ariaDescribedby = _this$props6.ariaDescribedby,
-        ariaLabel = _this$props6.ariaLabel,
-        innerRef = _this$props6.innerRef,
-        value = _this$props6.value,
-        onAddToken = _this$props6.onAddToken,
-        onRemoveToken = _this$props6.onRemoveToken,
-        onChangeTokens = _this$props6.onChangeTokens,
-        onClickToken = _this$props6.onClickToken,
-        onBlur = _this$props6.onBlur,
-        onChange = _this$props6.onChange,
-        onFocus = _this$props6.onFocus,
-        onKeyDown = _this$props6.onKeyDown,
-        onKeyUp = _this$props6.onKeyUp,
-        onPaste = _this$props6.onPaste,
-        _this$props6$inputPro = _this$props6.inputProps,
-        inputProps = _this$props6$inputPro === void 0 ? {} : _this$props6$inputPro,
-        _this$props6$qa = _this$props6.qa,
-        qa = _this$props6$qa === void 0 ? {} : _this$props6$qa,
-        tokens = _this$props6.tokens,
-        rest = _objectWithoutProperties(_this$props6, _excluded);
-      var state = this.state;
-      return /*#__PURE__*/_jsxs(Container, _objectSpread(_objectSpread({
-        hasBeforeElement: !!elemBefore,
-        hasAfterElement: !!elemAfter,
-        disabled: disabled,
-        invalid: !!isInvalid,
-        warning: hasWarning,
-        focused: state.hasFocus
-      }, 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",
-    value: function getDerivedStateFromProps(props, state) {
-      var prevProps = state.prevProps;
-      var modifiedState = {};
-      ControlledPropNames.forEach(function (propName) {
-        var currentProp = props[propName];
-        if (currentProp !== prevProps[propName]) {
-          modifiedState[propName] = currentProp;
-        }
-      });
-      modifiedState.prevProps = props;
-      return modifiedState;
-    }
-  }]);
-  return TokenInput;
-}(React.Component);
-export { TokenInput as default };

package/lib/TokenInput/TokenInputTypes.js

@@ -1 +0,0 @@
-export {};

package/lib/TokenInput/TokenScreenReaderStatus.js

@@ -1,45 +0,0 @@
-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."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-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; }
-/* eslint-disable react/prop-types */
-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 () {
-    ref.current = value;
-  });
-  return ref.current;
-}
-export var TokenScreenReaderStatus = function TokenScreenReaderStatus(_ref) {
-  var tokens = _ref.tokens;
-  var prevTokens = usePrevious(tokens);
-  var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    tokenStatus = _useState2[0],
-    setTokenStatus = _useState2[1];
-
-  // TODO: Use callbacks so consumers can pass localized messaging to the screen reader
-  useEffect(function () {
-    if (prevTokens) {
-      if (prevTokens.length > tokens.length) {
-        setTokenStatus("".concat(prevTokens.filter(function (item) {
-          return tokens.indexOf(item) === -1;
-        })[0].value, " has been removed"));
-      }
-      if (prevTokens.length < tokens.length) {
-        setTokenStatus("".concat(tokens[tokens.length - 1].value, " has been added."));
-      }
-    }
-  }, [prevTokens, tokens, tokenStatus]);
-  return /*#__PURE__*/_jsx(VisuallyHidden, {
-    as: "div",
-    role: "status",
-    children: tokenStatus
-  });
-};

package/lib/TokenInput/index.js

@@ -1,4 +0,0 @@
-import TokenInput from "./TokenInput";
-export default TokenInput;
-export { TokenInput };
-export * from "./TokenInputTypes";

package/lib/TokenInput/styles.js

@@ -1,73 +0,0 @@
-import styled, { css } from "styled-components";
-import { COMMON } from "@sproutsocial/seeds-react-system-props";
-import { focusRing } from "@sproutsocial/seeds-react-mixins";
-var Container = styled.div.withConfig({
-  displayName: "styles__Container",
-  componentId: "sc-18dw7or-0"
-})(["box-sizing:border-box;position:relative;display:flex;flex-wrap:wrap;align-items:center;align-content:center;cursor:text;width:100%;border:1px solid ", ";border-radius:", ";margin:0;padding:", ";padding-top:", ";background-color:", ";color:", ";transition:border-color ", " ", ",box-shadow ", " ", ";", ";font-family:", ";font-weight:", ";appearance:none;button{margin:", " ", " 0 0;}input{", ";outline:none;border:none;flex:1;padding:0;padding-top:", ";margin:", " ", " ", " 0;color:", ";background-color:", ";min-height:20px;&::-webkit-search-cancel-button{appearance:none;}&:focus{box-shadow:none;}&::-ms-clear{display:none;}&:not(output):not(:focus):-moz-ui-invalid{box-shadow:none;}&::placeholder{color:", ";font-style:italic;}", "}", " ", " ", " ", " ", " ", " ", ""], function (props) {
-  return props.theme.colors.form.border.base;
-}, function (props) {
-  return props.theme.radii[500];
-}, function (props) {
-  return props.theme.space[300];
-}, function (props) {
-  return props.theme.space[200];
-}, function (props) {
-  return props.theme.colors.form.background.base;
-}, function (props) {
-  return props.theme.colors.text.body;
-}, function (props) {
-  return props.theme.duration.fast;
-}, function (props) {
-  return props.theme.easing.ease_in;
-}, function (props) {
-  return props.theme.duration.fast;
-}, function (props) {
-  return props.theme.easing.ease_in;
-}, function (props) {
-  return props.theme.typography[200];
-}, function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.theme.fontWeights.normal;
-}, function (props) {
-  return props.theme.space[200];
-}, function (props) {
-  return props.theme.space[200];
-}, function (props) {
-  return props.theme.typography[200];
-}, function (props) {
-  return props.theme.space[100];
-}, function (props) {
-  return props.theme.space[200];
-}, function (props) {
-  return props.theme.space[300];
-}, function (props) {
-  return props.theme.space[100];
-}, function (props) {
-  return props.theme.colors.text.body;
-}, function (props) {
-  return props.theme.colors.form.background.base;
-}, function (props) {
-  return props.theme.colors.form.placeholder.base;
-}, function (props) {
-  return props.disabled && css(["opacity:0.4;cursor:not-allowed;"]);
-}, function (props) {
-  return props.hasBeforeElement && css(["padding-left:40px;"]);
-}, function (props) {
-  return props.hasAfterElement && css(["padding-right:40px;"]);
-}, function (props) {
-  return props.disabled && css(["opacity:0.4;cursor:not-allowed;"]);
-}, function (props) {
-  return props.focused && css(["", ""], focusRing);
-}, function (props) {
-  return props.invalid && css(["border-color:", ";"], function (props) {
-    return props.theme.colors.form.border.error;
-  });
-}, function (props) {
-  return props.warning && css(["border-color:", ";"], function (props) {
-    return props.theme.colors.form.border.warning;
-  });
-}, COMMON);
-Container.displayName = "TokenInputContainer";
-export default Container;

package/lib/TokenInput/util.js

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