@sproutsocial/racine 21.1.0 → 22.1.0

package/commonjs/Menu/Menu.js

@@ -9,12 +9,12 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _lodash = _interopRequireDefault(require("lodash.uniqueid"));
-var _hooks = require("../utils/hooks");
+var _seedsReactHooks = require("@sproutsocial/seeds-react-hooks");
 var _innerText = _interopRequireDefault(require("../utils/innerText"));
-var _mixins = require("../utils/mixins");
+var _seedsReactMixins = require("@sproutsocial/seeds-react-mixins");
 var _Box = _interopRequireDefault(require("../Box"));
 var _Button = _interopRequireDefault(require("../Button"));
-var _Checkbox = _interopRequireDefault(require("../Checkbox"));
+var _seedsReactCheckbox = _interopRequireDefault(require("@sproutsocial/seeds-react-checkbox"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _Popout = _interopRequireDefault(require("../Popout"));
@@ -23,7 +23,7 @@ var _Switch = _interopRequireDefault(require("../Switch"));
 var _Text = _interopRequireDefault(require("../Text"));
 var _utils = require("./utils");
 var _styles = require("./styles");
-var _excluded = ["id", "index", "as", "children", "role", "elemBefore", "elemAfter", "value", "onKeyPress", "onClick", "selected", "disabled", "indeterminate", "label"],
+var _excluded = ["id", "index", "as", "children", "role", "elemBefore", "elemAfter", "value", "onKeyPress", "onClick", "selected", "disabled", "indeterminate", "label", "active"],
   _excluded2 = ["placement", "labelProps", "switchProps", "children", "id", "label"],
   _excluded3 = ["children", "title", "titleAs", "disabled"],
   _excluded4 = ["type"],
@@ -84,6 +84,7 @@ var MenuItem = exports.MenuItem = function MenuItem(_ref) {
     disabled = _ref.disabled,
     indeterminate = _ref.indeterminate,
     labelProp = _ref.label,
+    activeProp = _ref.active,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useContext = (0, _react.useContext)(_utils.MenuContext),
     menuRole = _useContext.role,
@@ -104,7 +105,7 @@ var MenuItem = exports.MenuItem = function MenuItem(_ref) {
   var id = (0, _react.useMemo)(function () {
     return idProp || (0, _lodash.default)("MenuItem-");
   }, [idProp]);
-  var textContent = (0, _hooks.useTextContent)("");
+  var textContent = (0, _seedsReactHooks.useTextContent)("");
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   var label = labelProp || textContent.current;
@@ -124,6 +125,9 @@ var MenuItem = exports.MenuItem = function MenuItem(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     keyPressed = _useState2[0],
     setKeyPressed = _useState2[1];
+  var isActive = (0, _react.useMemo)(function () {
+    return activeProp || isFocused && keyPressed;
+  }, [activeProp, isFocused, keyPressed]);
   var isCheckboxOrRadio = [_utils.MENU_ITEM_ROLES.CHECKBOX, _utils.MENU_ITEM_ROLES.RADIO
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   ].includes(itemRole); // @ts-notes @refactor - since we're only really checking against the string I think we can safely leave this for refactor, nothing else worked for me
@@ -164,7 +168,7 @@ var MenuItem = exports.MenuItem = function MenuItem(_ref) {
   var before = (0, _react.useMemo)(function () {
     if (elemBefore) return elemBefore;
     if (itemRole === _utils.MENU_ITEM_ROLES.CHECKBOX) {
-      return /*#__PURE__*/React.createElement(_Checkbox.default, {
+      return /*#__PURE__*/React.createElement(_seedsReactCheckbox.default, {
         id: "Checkbox-".concat(id),
         checked: isSelected,
         "aria-hidden": "true",
@@ -197,7 +201,8 @@ var MenuItem = exports.MenuItem = function MenuItem(_ref) {
   return /*#__PURE__*/React.createElement(_styles.MenuItemContainer, _extends({
     "data-qa-menu-item": label
   }, props, {
-    active: isFocused && keyPressed,
+    active: isActive,
+    "data-qa-is-active": isActive,
     id: id,
     "aria-label": labelProp,
     value: valueProp,
@@ -335,7 +340,7 @@ var MenuGroup = exports.MenuGroup = function MenuGroup(_ref6) {
     role: "presentation",
     fontSize: 200,
     forwardedAs: titleAs || "li",
-    $_css: isDisabled ? _mixins.disabled : undefined
+    $_css: isDisabled ? _seedsReactMixins.disabled : undefined
   }, title), children));
 };
 var MenuDivider = exports.MenuDivider = function MenuDivider(props) {

package/commonjs/Menu/styles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MenuItemsContainer = exports.MenuItemContainer = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _mixins = require("../utils/mixins");
+var _seedsReactMixins = require("@sproutsocial/seeds-react-mixins");
 var _Box = _interopRequireDefault(require("../Box"));
 var _styles = require("../Switch/styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -54,9 +54,9 @@ var MenuItemContainer = exports.MenuItemContainer = (0, _styledComponents.defaul
 }, function (props) {
   return props.interactive && !props.disabled ? (0, _styledComponents.css)(["&:hover{cursor:pointer;}"]) : (0, _styledComponents.css)(["&:hover{cursor:default;}"]);
 }, function (props) {
-  return props.disabled && _mixins.disabled;
+  return props.disabled && _seedsReactMixins.disabled;
 });
 var MenuItemsContainer = exports.MenuItemsContainer = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__MenuItemsContainer",
   componentId: "sc-168zlb1-1"
-})(["list-style-type:none;&:focus{", "}& > div[role=\"group\"]:first-of-type{border-top:none;}"], _mixins.focusRing);
+})(["list-style-type:none;&:focus{", "}& > div[role=\"group\"]:first-of-type{border-top:none;}"], _seedsReactMixins.focusRing);

package/commonjs/Message/Message.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Avatar = _interopRequireDefault(require("../Avatar"));
 var _Button = _interopRequireDefault(require("../Button"));
-var _Checkbox = _interopRequireDefault(require("../Checkbox"));
+var _seedsReactCheckbox = _interopRequireDefault(require("@sproutsocial/seeds-react-checkbox"));
 var _styles = _interopRequireWildcard(require("./styles"));
 var _constants = require("./constants");
 var _excluded = ["children", "density", "borderColor", "bg", "indentContent", "innerRef", "qa"];
@@ -138,7 +138,7 @@ Message.Avatar = MessageAvatar;
 var MessageCheckbox = function MessageCheckbox(props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref7) {
     var density = _ref7.density;
-    return /*#__PURE__*/React.createElement(_Checkbox.default, _extends({
+    return /*#__PURE__*/React.createElement(_seedsReactCheckbox.default, _extends({
       appearance: "pill"
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore - `density` is not a valid prop for `Checkbox`

package/commonjs/Message/styles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.MessageMeta = exports.MessageHeader = exports.MessageFooter = exports.MessageBody = void 0;
 var _react = require("react");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _mixins = require("../utils/mixins");
+var _seedsReactMixins = require("@sproutsocial/seeds-react-mixins");
 var _Box = _interopRequireDefault(require("../Box"));
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -19,7 +19,7 @@ var Container = (0, _styledComponents.default)(_Box.default).withConfig({
   return props.theme.borderWidths[500];
 }, function (props) {
   return props.theme.colors[props.bg];
-}, _mixins.focusRing);
+}, _seedsReactMixins.focusRing);
 Container.displayName = "Message.Container";
 var MessageHeader = exports.MessageHeader = /*#__PURE__*/(0, _react.memo)((0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__MessageHeader",
@@ -125,5 +125,5 @@ var MessageMeta = exports.MessageMeta = (0, _styledComponents.default)(_Box.defa
   return props.onClick ? "pointer" : "default";
 }, function (props) {
   return props.theme.colors.text.subtext;
-}, _mixins.focusRing);
+}, _seedsReactMixins.focusRing);
 var _default = exports.default = Container;

package/commonjs/Modal/styles.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _styledSystem = require("styled-system");
 var _reactModal = _interopRequireDefault(require("react-modal"));
-var _systemProps = require("../utils/system-props");
+var _seedsReactSystemProps = require("@sproutsocial/seeds-react-system-props");
 var _Box = _interopRequireDefault(require("../Box"));
 var _excluded = ["className"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -57,7 +57,7 @@ var Container = exports.Container = (0, _styledComponents.default)(ReactModalAda
   return props.theme.shadows.medium;
 }, function (props) {
   return props.theme.colors.text.body;
-}, BODY_PADDING, BODY_PADDING, BODY_PADDING, _styledSystem.width, _systemProps.COMMON);
+}, BODY_PADDING, BODY_PADDING, BODY_PADDING, _styledSystem.width, _seedsReactSystemProps.COMMON);
 var Content = exports.Content = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__Content",
   componentId: "sc-qfi2g8-1"

package/commonjs/PartnerLogo/styles.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _styledSystem = require("styled-system");
-var _systemProps = require("../utils/system-props");
+var _seedsReactSystemProps = require("@sproutsocial/seeds-react-system-props");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var sizes = {
@@ -25,7 +25,7 @@ var stylesForSize = function stylesForSize(height, width, logoSize) {
 var Container = (0, _styledComponents.default)("span").withConfig({
   displayName: "styles__Container",
   componentId: "sc-hrrn7g-0"
-})(["display:inline-block;color:inherit;vertical-align:middle;", " ", " ", " ", ""], _systemProps.COMMON, _systemProps.FLEXBOX, _styledSystem.verticalAlign, function (props) {
+})(["display:inline-block;color:inherit;vertical-align:middle;", " ", " ", " ", ""], _seedsReactSystemProps.COMMON, _seedsReactSystemProps.FLEXBOX, _styledSystem.verticalAlign, function (props) {
   return stylesForSize(props.height, props.width, sizes[props.logoSize]);
 });
 var _default = exports.default = Container;

package/commonjs/Popout/Popout.js

@@ -12,7 +12,7 @@ var _reactSpring = require("react-spring");
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
 var _reactPopper = require("react-popper");
 var _seedsMotionUnitless = require("@sproutsocial/seeds-motion/dist/seeds-motion-unitless");
-var _hooks = require("../utils/hooks");
+var _seedsReactHooks = require("@sproutsocial/seeds-react-hooks");
 var _Portal = _interopRequireDefault(require("../Portal"));
 var _Box = _interopRequireDefault(require("../Box"));
 var _styles = require("./styles");
@@ -120,7 +120,7 @@ function Popout(_ref) {
   // This callback will automatically trigger a recalculation of the popout position if the content is changed
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   var scheduleUpdateCallback = (0, _react.useRef)(function () {});
-  (0, _hooks.useMutationObserver)((_popoutRef$current = popoutRef.current) !== null && _popoutRef$current !== void 0 ? _popoutRef$current : null, {
+  (0, _seedsReactHooks.useMutationObserver)((_popoutRef$current = popoutRef.current) !== null && _popoutRef$current !== void 0 ? _popoutRef$current : null, {
     childList: true,
     characterData: true,
     subtree: true

package/commonjs/Popout/styles.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TargetWrapper = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _systemProps = require("../utils/system-props");
+var _seedsReactSystemProps = require("@sproutsocial/seeds-react-system-props");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var TargetWrapper = exports.TargetWrapper = _styledComponents.default.div.withConfig({
   displayName: "styles__TargetWrapper",
   componentId: "sc-pftzv7-0"
-})(["display:inline-block;", " ", ""], _systemProps.COMMON, _systemProps.LAYOUT);
+})(["display:inline-block;", " ", ""], _seedsReactSystemProps.COMMON, _seedsReactSystemProps.LAYOUT);

package/commonjs/Portal/Portal.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactDom = require("react-dom");
-var _utils = require("../utils");
+var _seedsReactUtilities = require("@sproutsocial/seeds-react-utilities");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); }
@@ -30,7 +30,7 @@ var Portal = exports.default = /*#__PURE__*/function (_React$Component) {
     _classCallCheck(this, Portal);
     _this = _callSuper(this, Portal, [props]);
     _defineProperty(_assertThisInitialized(_this), "el", null);
-    if ((0, _utils.canUseDOM)()) {
+    if ((0, _seedsReactUtilities.canUseDOM)()) {
       var as = props.as,
         el = props.el,
         id = props.id;
@@ -46,7 +46,7 @@ var Portal = exports.default = /*#__PURE__*/function (_React$Component) {
   _createClass(Portal, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      if ((0, _utils.canUseDOM)() && this.el) {
+      if ((0, _seedsReactUtilities.canUseDOM)() && this.el) {
         var _this$props$container = this.props.container,
           container = _this$props$container === void 0 ? document.body : _this$props$container;
         if (container) {
@@ -58,7 +58,7 @@ var Portal = exports.default = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      if ((0, _utils.canUseDOM)() && this.el) {
+      if ((0, _seedsReactUtilities.canUseDOM)() && this.el) {
         var _this$props$container2 = this.props.container,
           container = _this$props$container2 === void 0 ? document.body : _this$props$container2;
         if (container) {

package/commonjs/Radio/styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.LabelText = exports.InputWrapper = exports.Input = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _mixins = require("../utils/mixins");
-var _systemProps = require("../utils/system-props");
+var _seedsReactSystemProps = require("@sproutsocial/seeds-react-system-props");
+var _seedsReactMixins = require("@sproutsocial/seeds-react-mixins");
 var _Text = _interopRequireDefault(require("../Text"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -15,7 +15,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var Container = _styledComponents.default.span.withConfig({
   displayName: "styles__Container",
   componentId: "sc-w38s4t-0"
-})(["display:inline-flex;align-items:center;box-sizing:border-box;", ""], _systemProps.COMMON);
+})(["display:inline-flex;align-items:center;box-sizing:border-box;", ""], _seedsReactSystemProps.COMMON);
 Container.displayName = "Radio";
 var Input = exports.Input = _styledComponents.default.input.withConfig({
   displayName: "styles__Input",
@@ -34,7 +34,7 @@ var Input = exports.Input = _styledComponents.default.input.withConfig({
   return props.theme.duration.fast;
 }, function (props) {
   return props.theme.easing.ease_in;
-}, _mixins.focusRing);
+}, _seedsReactMixins.focusRing);
 Input.displayName = "Input";
 var InputWrapper = exports.InputWrapper = _styledComponents.default.span.withConfig({
   displayName: "styles__InputWrapper",
@@ -46,7 +46,7 @@ var InputWrapper = exports.InputWrapper = _styledComponents.default.span.withCon
 }, function (props) {
   return props.disabled ? "not-allowed" : "pointer";
 }, function (props) {
-  return props.disabled && _mixins.disabled;
+  return props.disabled && _seedsReactMixins.disabled;
 }, function (props) {
   return props.theme.duration.fast;
 }, function (props) {

package/commonjs/SegmentedControl/styles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SegmentedControlLabel = exports.SegmentedControlItemContainer = exports.SegmentedControlContainer = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _mixins = require("../utils/mixins");
+var _seedsReactMixins = require("@sproutsocial/seeds-react-mixins");
 var _Box = _interopRequireDefault(require("../Box"));
 var _Text = _interopRequireDefault(require("../Text"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -21,15 +21,15 @@ var SegmentedControlContainer = exports.SegmentedControlContainer = (0, _styledC
   return props.theme.radii.outer;
 }, function (props) {
   return props.theme.space[100];
-}, _mixins.visuallyHidden, function (props) {
-  return props.disabled && _mixins.disabled;
+}, _seedsReactMixins.visuallyHidden, function (props) {
+  return props.disabled && _seedsReactMixins.disabled;
 });
 var SegmentedControlItemContainer = exports.SegmentedControlItemContainer = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__SegmentedControlItemContainer",
   componentId: "sc-kx0lgh-1"
 })(["flex:1 1 auto;display:flex;cursor:pointer;& + &{margin-left:", ";}&:focus-within label{", "}input{", "}"], function (props) {
   return props.theme.space[100];
-}, _mixins.focusRing, _mixins.visuallyHidden);
+}, _seedsReactMixins.focusRing, _seedsReactMixins.visuallyHidden);
 var SegmentedControlLabel = exports.SegmentedControlLabel = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "styles__SegmentedControlLabel",
   componentId: "sc-kx0lgh-2"

package/commonjs/Select/styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Arrow = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _mixins = require("../utils/mixins");
-var _systemProps = require("../utils/system-props");
+var _seedsReactMixins = require("@sproutsocial/seeds-react-mixins");
+var _seedsReactSystemProps = require("@sproutsocial/seeds-react-system-props");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var Container = _styledComponents.default.div.withConfig({
@@ -65,7 +65,7 @@ var Container = _styledComponents.default.div.withConfig({
     default:
       return "normal";
   }
-}, _mixins.focusRing, function (props) {
+}, _seedsReactMixins.focusRing, function (props) {
   return props.disabled && (0, _styledComponents.css)(["opacity:0.4;"]);
 }, function (props) {
   return props.invalid && (0, _styledComponents.css)(["select{border-color:", ";}", "{color:", ";}"], function (props) {
@@ -73,7 +73,7 @@ var Container = _styledComponents.default.div.withConfig({
   }, Arrow, function (props) {
     return props.theme.colors.icon.error;
   });
-}, _systemProps.COMMON);
+}, _seedsReactSystemProps.COMMON);
 var Arrow = exports.Arrow = _styledComponents.default.span.withConfig({
   displayName: "styles__Arrow",
   componentId: "sc-egruk2-1"

package/commonjs/Switch/styles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledSwitchButton = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _mixins = require("../utils/mixins");
+var _seedsReactMixins = require("@sproutsocial/seeds-react-mixins");
 var _styledSystem = require("styled-system");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -32,7 +32,7 @@ var StyledSwitchButton = exports.StyledSwitchButton = _styledComponents.default.
 }, function (_ref6) {
   var theme = _ref6.theme;
   return theme.colors.form.border.base;
-}, _mixins.focusRing, function (_ref7) {
+}, _seedsReactMixins.focusRing, function (_ref7) {
   var theme = _ref7.theme;
   return theme.duration.fast;
 }, function (_ref8) {

package/commonjs/Table/styles.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _systemProps = require("../utils/system-props");
+var _seedsReactSystemProps = require("@sproutsocial/seeds-react-system-props");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var Container = _styledComponents.default.table.withConfig({
   displayName: "styles__Container",
   componentId: "sc-ddi9em-0"
 })(["width:100%;border-collapse:collapse;thead{vertical-align:bottom;}tr,thead{border-bottom:1px solid ", ";}", ""], function (props) {
   return props.theme.colors.container.border.base;
-}, _systemProps.COMMON);
+}, _seedsReactSystemProps.COMMON);
 var _default = exports.default = Container;

package/commonjs/TableCell/styles.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _systemProps = require("../utils/system-props");
+var _seedsReactSystemProps = require("@sproutsocial/seeds-react-system-props");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var Container = _styledComponents.default.td.withConfig({
   displayName: "styles__Container",
@@ -18,5 +18,5 @@ var Container = _styledComponents.default.td.withConfig({
   return props.theme.space[300];
 }, function (props) {
   return props.alignment;
-}, _systemProps.COMMON);
+}, _seedsReactSystemProps.COMMON);
 var _default = exports.default = Container;

package/commonjs/TableHeaderCell/styles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.UnstyledButton = exports.SortIcon = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _systemProps = require("../utils/system-props");
+var _seedsReactSystemProps = require("@sproutsocial/seeds-react-system-props");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var Container = _styledComponents.default.th.withConfig({
@@ -22,7 +22,7 @@ var Container = _styledComponents.default.th.withConfig({
   return props.alignment;
 }, function (props) {
   return props.sortable && (0, _styledComponents.css)(["position:relative;cursor:pointer;"]);
-}, _systemProps.COMMON);
+}, _seedsReactSystemProps.COMMON);
 var SortIcon = exports.SortIcon = _styledComponents.default.span.withConfig({
   displayName: "styles__SortIcon",
   componentId: "sc-fjeapu-1"

package/commonjs/TableRowAccordion/styles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Trigger = exports.Detail = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _systemProps = require("../utils/system-props");
+var _seedsReactSystemProps = require("@sproutsocial/seeds-react-system-props");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var Container = _styledComponents.default.tbody.withConfig({
@@ -14,7 +14,7 @@ var Container = _styledComponents.default.tbody.withConfig({
   componentId: "sc-1s8pba9-0"
 })(["border-bottom:1px solid ", ";", ""], function (props) {
   return props.theme.colors.container.border.base;
-}, _systemProps.COMMON);
+}, _seedsReactSystemProps.COMMON);
 var Detail = exports.Detail = _styledComponents.default.tr.withConfig({
   displayName: "styles__Detail",
   componentId: "sc-1s8pba9-1"

package/commonjs/Tabs/styles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.TabItem = exports.TabButton = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _systemProps = require("../utils/system-props");
+var _seedsReactSystemProps = require("@sproutsocial/seeds-react-system-props");
 var _Button = _interopRequireDefault(require("../Button"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -20,7 +20,7 @@ var Container = _styledComponents.default.ul.withConfig({
   return props.theme.borders[500];
 }, function (props) {
   return props.theme.colors.container.border.base;
-}, _systemProps.COMMON);
+}, _seedsReactSystemProps.COMMON);
 var TabItem = exports.TabItem = _styledComponents.default.li.withConfig({
   displayName: "styles__TabItem",
   componentId: "sc-sgxsgw-1"

package/commonjs/Text/styles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _systemProps = require("../utils/system-props");
+var _seedsReactSystemProps = require("@sproutsocial/seeds-react-system-props");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var Container = _styledComponents.default.span.withConfig({
@@ -22,5 +22,5 @@ var Container = _styledComponents.default.span.withConfig({
   return props.truncated && (0, _styledComponents.css)(["display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
 }, function (props) {
   return props.breakWord && (0, _styledComponents.css)(["word-break:break-word;hyphens:auto;"]);
-}, _systemProps.COMMON, _systemProps.LAYOUT, _systemProps.FLEXBOX, _systemProps.GRID, _systemProps.TYPOGRAPHY);
+}, _seedsReactSystemProps.COMMON, _seedsReactSystemProps.LAYOUT, _seedsReactSystemProps.FLEXBOX, _seedsReactSystemProps.GRID, _seedsReactSystemProps.TYPOGRAPHY);
 var _default = exports.default = Container;

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 _mixins = require("../utils/mixins");
-var _systemProps = require("../utils/system-props");
+var _seedsReactSystemProps = require("@sproutsocial/seeds-react-system-props");
+var _seedsReactMixins = require("@sproutsocial/seeds-react-mixins");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var Container = _styledComponents.default.div.withConfig({
@@ -37,7 +37,7 @@ var Container = _styledComponents.default.div.withConfig({
   return props.theme.typography[200];
 }, function (props) {
   return props.theme.fontWeights.normal;
-}, _mixins.focusRing, function (props) {
+}, _seedsReactMixins.focusRing, function (props) {
   return props.theme.colors.form.placeholder.base;
 }, function (props) {
   return props.resizable && (0, _styledComponents.css)(["resize:vertical;"]);
@@ -51,7 +51,7 @@ var Container = _styledComponents.default.div.withConfig({
   return props.invalid && (0, _styledComponents.css)(["textarea{border-color:", ";}"], function (props) {
     return props.theme.colors.form.border.error;
   });
-}, _systemProps.COMMON);
+}, _seedsReactSystemProps.COMMON);
 var Accessory = exports.Accessory = _styledComponents.default.div.withConfig({
   displayName: "styles__Accessory",
   componentId: "sc-12lw4hd-1"

package/commonjs/ThemeProvider/index.js

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = require("styled-components");
-var _theme = _interopRequireDefault(require("../themes/light/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _seedsReactTheme = require("@sproutsocial/seeds-react-theme");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); }
@@ -16,7 +15,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 var ThemeProvider = function ThemeProvider(props) {
   return /*#__PURE__*/React.createElement(_styledComponents.ThemeProvider, _extends({}, props, {
-    theme: props.theme || _theme.default
+    theme: props.theme || _seedsReactTheme.theme
   }));
 };
 var _default = exports.default = ThemeProvider;

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 _mixins = require("../utils/mixins");
-var _systemProps = require("../utils/system-props");
+var _seedsReactSystemProps = require("@sproutsocial/seeds-react-system-props");
+var _seedsReactMixins = require("@sproutsocial/seeds-react-mixins");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var Container = _styledComponents.default.div.withConfig({
@@ -19,9 +19,9 @@ var Container = _styledComponents.default.div.withConfig({
   return props.icon === "chevron" && (0, _styledComponents.css)(["transition:transform ", ";", ""], function (props) {
     return "".concat(props.theme.duration.medium, " ").concat(props.theme.easing.ease_inout);
   }, props.isOpen && (0, _styledComponents.css)(["transform:rotateX(180deg);"]));
-}, _systemProps.COMMON);
+}, _seedsReactSystemProps.COMMON);
 var IconText = exports.IconText = _styledComponents.default.div.withConfig({
   displayName: "styles__IconText",
   componentId: "sc-10oduzm-1"
-})(["", ""], _mixins.visuallyHidden);
+})(["", ""], _seedsReactMixins.visuallyHidden);
 var _default = exports.default = Container;

package/commonjs/Token/Token.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _hooks = require("../utils/hooks");
+var _seedsReactHooks = require("@sproutsocial/seeds-react-hooks");
 var _Box = _interopRequireDefault(require("../Box"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _VisuallyHidden = require("../VisuallyHidden");
@@ -31,7 +31,7 @@ var Token = function Token(_ref) {
     _ref$palette = _ref.palette,
     palette = _ref$palette === void 0 ? "neutral" : _ref$palette,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var textContainer = (0, _hooks.useTextContent)("");
+  var textContainer = (0, _seedsReactHooks.useTextContent)("");
   return /*#__PURE__*/React.createElement(_styles.default
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-ignore some legacy ref type mismatch between divs

package/commonjs/Token/styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _mixins = require("../utils/mixins");
-var _systemProps = require("../utils/system-props");
+var _seedsReactSystemProps = require("@sproutsocial/seeds-react-system-props");
+var _seedsReactMixins = require("@sproutsocial/seeds-react-mixins");
 var _useInteractiveColor = require("../utils/useInteractiveColor");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -17,7 +17,7 @@ var Container = _styledComponents.default.button.withConfig({
 })(["position:relative;display:inline-flex;align-items:center;margin:0;line-height:1;outline:none;", " &:focus{", "}", " ", " ", " ", " ", ""], function (_ref) {
   var theme = _ref.theme;
   return (0, _styledComponents.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);
-}, _mixins.focusRing, function (_ref2) {
+}, _seedsReactMixins.focusRing, function (_ref2) {
   var closeable = _ref2.closeable,
     theme = _ref2.theme;
   return closeable && (0, _styledComponents.css)(["cursor:pointer;&:hover,&:active{box-shadow:", ";border:1px solid ", ";}"], theme.shadows.low, (0, _useInteractiveColor.useInteractiveColor)(theme.colors.container.border.base));
@@ -33,5 +33,5 @@ var Container = _styledComponents.default.button.withConfig({
   var valid = _ref5.valid,
     theme = _ref5.theme;
   return !valid && (0, _styledComponents.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, (0, _useInteractiveColor.useInteractiveColor)(theme.colors.container.border.error));
-}, _systemProps.COMMON);
+}, _seedsReactSystemProps.COMMON);
 var _default = exports.default = Container;