@sproutsocial/racine 21.0.2 → 22.0.0

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/TableCell.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.TableCell = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _styles = _interopRequireDefault(require("./styles"));
-var _excluded = ["id", "content", "colSpan", "width", "align", "children", "color"];
+var _excluded = ["id", "content", "colSpan", "width", "align", "scope", "children", "color"];
 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); }
 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; }
@@ -44,10 +44,14 @@ var TableCell = exports.TableCell = /*#__PURE__*/function (_React$Component) {
         colSpan = _this$props.colSpan,
         width = _this$props.width,
         align = _this$props.align,
+        scope = _this$props.scope,
         children = _this$props.children,
         color = _this$props.color,
         rest = _objectWithoutProperties(_this$props, _excluded);
       return /*#__PURE__*/React.createElement(_styles.default, _extends({}, rest, {
+        // If the `scope` property is passed we must render the element as a <th>
+        as: scope ? "th" : "td",
+        scope: scope ? scope : undefined,
         alignment: align || "left",
         key: id,
         colSpan: colSpan,

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;

package/commonjs/TokenInput/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");
 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({
@@ -68,7 +68,7 @@ var Container = _styledComponents.default.div.withConfig({
 }, function (props) {
   return props.disabled && (0, _styledComponents.css)(["opacity:0.4;cursor:not-allowed;"]);
 }, function (props) {
-  return props.focused && (0, _styledComponents.css)(["", ""], _mixins.focusRing);
+  return props.focused && (0, _styledComponents.css)(["", ""], _seedsReactMixins.focusRing);
 }, function (props) {
   return props.invalid && (0, _styledComponents.css)(["border-color:", ";"], function (props) {
     return props.theme.colors.form.border.error;
@@ -77,6 +77,6 @@ var Container = _styledComponents.default.div.withConfig({
   return props.warning && (0, _styledComponents.css)(["border-color:", ";"], function (props) {
     return props.theme.colors.form.border.warning;
   });
-}, _systemProps.COMMON);
+}, _seedsReactSystemProps.COMMON);
 Container.displayName = "TokenInputContainer";
 var _default = exports.default = Container;

package/commonjs/VisuallyHidden/VisuallyHidden.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VisuallyHidden = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _mixins = require("../utils/mixins");
+var _seedsReactMixins = require("@sproutsocial/seeds-react-mixins");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var VisuallyHidden = exports.VisuallyHidden = _styledComponents.default.span.withConfig({
   displayName: "VisuallyHidden",
   componentId: "sc-19792f6-0"
-})(["", ""], _mixins.visuallyHidden);
+})(["", ""], _seedsReactMixins.visuallyHidden);