@sproutsocial/racine 25.11.0 → 26.1.0

package/lib/TableRowAccordion/TableRowAccordion.js

@@ -1,104 +0,0 @@
-var _excluded = ["id", "cells", "detail", "onToggle", "isExpanded", "color"];
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-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 Icon from "../Icon";
-import TableCell from "../TableCell";
-import Container, { Detail, Trigger } from "./styles";
-import { createElement as _createElement } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * The table row accordion component allows for rendering a row of tabular data along with a addtional content to be rendered inside of an accordion drawer. This component is meant to be used with the table components rowRender mentod.
- */
-var TableRowAccordion = /*#__PURE__*/function (_React$Component) {
-  _inherits(TableRowAccordion, _React$Component);
-  function TableRowAccordion() {
-    var _this;
-    _classCallCheck(this, TableRowAccordion);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, TableRowAccordion, [].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "handleToggle", function (e) {
-      var _this$props = _this.props,
-        onToggle = _this$props.onToggle,
-        id = _this$props.id;
-      e.stopPropagation();
-      if (onToggle) {
-        onToggle(id);
-      }
-    });
-    return _this;
-  }
-  _createClass(TableRowAccordion, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        id = _this$props2.id,
-        cells = _this$props2.cells,
-        detail = _this$props2.detail,
-        onToggle = _this$props2.onToggle,
-        isExpanded = _this$props2.isExpanded,
-        color = _this$props2.color,
-        rest = _objectWithoutProperties(_this$props2, _excluded);
-      return /*#__PURE__*/_createElement(Container, _objectSpread(_objectSpread({}, rest), {}, {
-        "data-qa-table-row-accordion": isExpanded,
-        key: id
-        // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        ,
-        color: color
-      }), /*#__PURE__*/_jsxs("tr", {
-        "data-tablerowaccordion-summary": true,
-        onClick: this.handleToggle,
-        children: [cells.map(function (td) {
-          return /*#__PURE__*/_createElement(TableCell, _objectSpread(_objectSpread({}, td), {}, {
-            key: td.id
-          }));
-        }), /*#__PURE__*/_jsx(TableCell, {
-          id: "tableRowAccordion_trigger",
-          content:
-          /*#__PURE__*/
-          // TODO: This trigger needs an accessible label passed in via props
-          _jsx(Trigger, {
-            "data-tablerowaccordion-trigger": true,
-            onClick: this.handleToggle,
-            role: "button",
-            children: /*#__PURE__*/_jsx(Icon, {
-              name: isExpanded ? "chevron-up-outline" : "chevron-down-outline",
-              "aria-hidden": true
-            })
-          })
-        })]
-      }), /*#__PURE__*/_jsx(Detail, {
-        isExpanded: isExpanded,
-        "data-tablerowaccordion-detail": true,
-        children: /*#__PURE__*/_jsx(TableCell, {
-          id: "tableRowAccordion_detail",
-          colSpan: 100,
-          content: detail
-        })
-      }));
-    }
-  }]);
-  return TableRowAccordion;
-}(React.Component);
-export { TableRowAccordion as default };

package/lib/TableRowAccordion/TableRowAccordionTypes.js

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

package/lib/TableRowAccordion/index.js

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

package/lib/TableRowAccordion/styles.js

@@ -1,19 +0,0 @@
-import styled, { css } from "styled-components";
-import { COMMON } from "@sproutsocial/seeds-react-system-props";
-var Container = styled.tbody.withConfig({
-  displayName: "styles__Container",
-  componentId: "sc-1s8pba9-0"
-})(["border-bottom:1px solid ", ";", ""], function (props) {
-  return props.theme.colors.container.border.base;
-}, COMMON);
-export var Detail = styled.tr.withConfig({
-  displayName: "styles__Detail",
-  componentId: "sc-1s8pba9-1"
-})(["display:none;", ""], function (props) {
-  return props.isExpanded && css(["display:table-row;"]);
-});
-export var Trigger = styled.div.withConfig({
-  displayName: "styles__Trigger",
-  componentId: "sc-1s8pba9-2"
-})(["cursor:pointer;"]);
-export default Container;

package/lib/Tabs/Tabs.js

@@ -1,207 +0,0 @@
-var _excluded = ["children", "id"],
-  _excluded2 = ["children", "qa", "onSelect"];
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-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 Container, { TabItem, TabButton } from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-var TabButtonContext = /*#__PURE__*/React.createContext({});
-var TabItemButton = /*#__PURE__*/function (_React$Component) {
-  _inherits(TabItemButton, _React$Component);
-  function TabItemButton() {
-    var _this;
-    _classCallCheck(this, TabItemButton);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, TabItemButton, [].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "buttonRef", /*#__PURE__*/React.createRef());
-    return _this;
-  }
-  _createClass(TabItemButton, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$context$onTabMo, _this$context;
-      (_this$context$onTabMo = (_this$context = this.context).onTabMount) === null || _this$context$onTabMo === void 0 || _this$context$onTabMo.call(_this$context, this.props.id, this.buttonRef);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.id !== this.props.id) {
-        var _this$context$onTabUp, _this$context2;
-        (_this$context$onTabUp = (_this$context2 = this.context).onTabUpdate) === null || _this$context$onTabUp === void 0 || _this$context$onTabUp.call(_this$context2, prevProps.id, this.props.id);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var _this$context$onTabUn, _this$context3;
-      (_this$context$onTabUn = (_this$context3 = this.context).onTabUnmount) === null || _this$context$onTabUn === void 0 || _this$context$onTabUn.call(_this$context3, this.props.id);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        id = _this$props.id,
-        rest = _objectWithoutProperties(_this$props, _excluded);
-      var _this$context4 = this.context,
-        selectedId = _this$context4.selectedId,
-        onActivate = _this$context4.onActivate,
-        fullWidth = _this$context4.fullWidth;
-      var isSelected = selectedId === id;
-      return /*#__PURE__*/_jsx(TabItem, {
-        fullWidth: fullWidth,
-        isSelected: isSelected,
-        children: /*#__PURE__*/_jsx(TabButton, _objectSpread(_objectSpread({
-          innerRef: this.buttonRef,
-          id: id,
-          onClick: function onClick() {
-            return onActivate === null || onActivate === void 0 ? void 0 : onActivate(id);
-          },
-          isSelected: isSelected,
-          tabIndex: isSelected ? 0 : -1,
-          fullWidth: fullWidth,
-          "data-qa-tab-button": id,
-          "data-qa-tab-button-state": isSelected,
-          "aria-selected": isSelected,
-          role: "tab"
-          // TODO: Add a TabPanel subcomponent for use with tabs
-          // aria-controls={tabPanelId}
-        }, rest), {}, {
-          children: children
-        }))
-      }, id);
-    }
-  }]);
-  return TabItemButton;
-}(React.Component);
-/**
- * Render a group of buttons in a tab-heading style
- */
-_defineProperty(TabItemButton, "contextType", TabButtonContext);
-var Tabs = /*#__PURE__*/function (_React$Component2) {
-  _inherits(Tabs, _React$Component2);
-  function Tabs() {
-    var _this2;
-    _classCallCheck(this, Tabs);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    _this2 = _callSuper(this, Tabs, [].concat(args));
-    _defineProperty(_assertThisInitialized(_this2), "buttonRefs", {});
-    _defineProperty(_assertThisInitialized(_this2), "tabList", []);
-    _defineProperty(_assertThisInitialized(_this2), "getSelectedId", function () {
-      return _this2.props.selectedId;
-    });
-    _defineProperty(_assertThisInitialized(_this2), "onActivate", function (id) {
-      return _this2.props.onSelect(id);
-    });
-    _defineProperty(_assertThisInitialized(_this2), "onTabMount", function (id, ref) {
-      if (!_this2.tabList.includes(id)) {
-        _this2.tabList.push(id);
-        _this2.buttonRefs[id] = ref;
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this2), "onTabUpdate", function (previousId, newId) {
-      if (_this2.tabList.includes(previousId)) {
-        _this2.tabList = _this2.tabList.map(function (id) {
-          return id === previousId ? newId : id;
-        });
-        _this2.buttonRefs[newId] = _this2.buttonRefs[previousId];
-        _this2.buttonRefs[previousId] = undefined;
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this2), "onTabUnmount", function (id) {
-      if (_this2.tabList.includes(id)) {
-        _this2.tabList = _this2.tabList.filter(function (currentId) {
-          return currentId !== id;
-        });
-        _this2.buttonRefs[id] = undefined;
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this2), "selectNextTab", function (id) {
-      var buttonRef = _this2.buttonRefs[id];
-      _this2.props.onSelect(id);
-      buttonRef && buttonRef.current && buttonRef.current.focus && buttonRef.current.focus();
-    });
-    _defineProperty(_assertThisInitialized(_this2), "keyHandler", function (_ref) {
-      var keyCode = _ref.keyCode;
-      switch (keyCode) {
-        // left arrow
-        case 37:
-          _this2.tabList.forEach(function (id, index) {
-            if (id === _this2.getSelectedId()) {
-              var count = _this2.tabList.length;
-              var nextIndex = index - 1 >= 0 ? index - 1 : count - 1;
-              var _nextId = _this2.tabList[nextIndex];
-              _this2.selectNextTab(_nextId);
-            }
-          });
-          break;
-
-        // right arrow
-        case 39:
-          _this2.tabList.forEach(function (id, index) {
-            if (id === _this2.getSelectedId()) {
-              var count = _this2.tabList.length;
-              var nextIndex = index + 1 < count ? index + 1 : 0;
-              var _nextId2 = _this2.tabList[nextIndex];
-              _this2.selectNextTab(_nextId2);
-            }
-          });
-          break;
-        default:
-          break;
-      }
-    });
-    return _this2;
-  }
-  _createClass(Tabs, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        children = _this$props2.children,
-        qa = _this$props2.qa,
-        onSelect = _this$props2.onSelect,
-        rest = _objectWithoutProperties(_this$props2, _excluded2);
-      return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread(_objectSpread({
-        "data-qa-tabs": "",
-        onKeyUp: this.keyHandler,
-        onSelect: onSelect,
-        role: "tablist"
-      }, qa), rest), {}, {
-        children: /*#__PURE__*/_jsx(TabButtonContext.Provider, {
-          value: {
-            selectedId: this.getSelectedId(),
-            fullWidth: this.props.fullWidth,
-            onActivate: this.onActivate,
-            onTabMount: this.onTabMount,
-            onTabUpdate: this.onTabUpdate,
-            onTabUnmount: this.onTabUnmount
-          },
-          children: children
-        })
-      }));
-    }
-  }]);
-  return Tabs;
-}(React.Component);
-_defineProperty(Tabs, "Button", TabItemButton);
-export default Tabs;

package/lib/Tabs/TabsTypes.js

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

package/lib/Tabs/index.js

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

package/lib/Tabs/styles.js

@@ -1,48 +0,0 @@
-import styled, { css } from "styled-components";
-import { COMMON } from "@sproutsocial/seeds-react-system-props";
-import Button from "../Button";
-var Container = styled.ul.withConfig({
-  displayName: "styles__Container",
-  componentId: "sc-sgxsgw-0"
-})(["display:", ";justify-content:space-between;margin:0;padding:0;list-style:none;border-bottom:", " ", ";", ""], function (props) {
-  return props.fullWidth ? "flex" : "inline-flex";
-}, function (props) {
-  return props.theme.borders[500];
-}, function (props) {
-  return props.theme.colors.container.border.base;
-}, COMMON);
-export var TabItem = styled.li.withConfig({
-  displayName: "styles__TabItem",
-  componentId: "sc-sgxsgw-1"
-})(["margin-bottom:-1px;", ";&:not(:last-child){", ";}", ";&:hover{", ";}"], function (props) {
-  return props.fullWidth && css(["flex-grow:1;"]);
-}, function (props) {
-  return !props.fullWidth && css(["margin-right:", ";"], function (props) {
-    return props.theme.space[350];
-  });
-}, function (props) {
-  return props.isSelected && css(["box-shadow:", ";"], function (props) {
-    return "inset 0 -3px 0 0 ".concat(props.theme.colors.button.primary.background.base);
-  });
-}, function (props) {
-  return props.isSelected && css(["box-shadow:", ";"], function (props) {
-    return "inset 0 -3px 0 0 ".concat(props.theme.colors.button.primary.background.hover);
-  });
-});
-export var TabButton = styled(Button).withConfig({
-  displayName: "styles__TabButton",
-  componentId: "sc-sgxsgw-2"
-})(["padding:", ";color:", ";width:100%;", ";&:hover{", ";}&:active{transform:none;}"], function (props) {
-  return "".concat(props.theme.space[350], " 0");
-}, function (props) {
-  return props.theme.colors.text.headline;
-}, function (props) {
-  return props.isSelected && css(["color:", ";"], function (props) {
-    return props.theme.colors.link.base;
-  });
-}, function (props) {
-  return props.isSelected && css(["color:", ";"], function (props) {
-    return props.theme.colors.link.hover;
-  });
-});
-export default Container;

package/lib/Text/Text.js

@@ -1,109 +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 = ["fontSize", "children", "qa", "color"];
-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 styled from "styled-components";
-import Container from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-var Headline = styled(Container).withConfig({
-  displayName: "Text__Headline",
-  componentId: "sc-slxrr0-0"
-})(["color:", ";font-weight:", ";", ""], function (props) {
-  return props.theme.colors.text.headline;
-}, function (props) {
-  return props.theme.fontWeights.bold;
-}, function (props) {
-  return props.theme.typography[400];
-});
-var SubHeadline = styled(Container).withConfig({
-  displayName: "Text__SubHeadline",
-  componentId: "sc-slxrr0-1"
-})(["color:", ";font-weight:", ";", ""], function (props) {
-  return props.theme.colors.text.headline;
-}, function (props) {
-  return props.theme.fontWeights.bold;
-}, function (props) {
-  return props.theme.typography[300];
-});
-var SmallSubHeadline = styled(Container).withConfig({
-  displayName: "Text__SmallSubHeadline",
-  componentId: "sc-slxrr0-2"
-})(["color:", ";font-weight:", ";", ""], function (props) {
-  return props.theme.colors.text.headline;
-}, function (props) {
-  return props.theme.fontWeights.bold;
-}, function (props) {
-  return props.theme.typography[200];
-});
-var Byline = styled(Container).withConfig({
-  displayName: "Text__Byline",
-  componentId: "sc-slxrr0-3"
-})(["color:", ";", ""], function (props) {
-  return props.theme.colors.text.subtext;
-}, function (props) {
-  return props.theme.typography[200];
-});
-var SmallByline = styled(Container).withConfig({
-  displayName: "Text__SmallByline",
-  componentId: "sc-slxrr0-4"
-})(["color:", ";", ""], function (props) {
-  return props.theme.colors.text.subtext;
-}, function (props) {
-  return props.theme.typography[100];
-});
-var BodyCopy = styled(Container).withConfig({
-  displayName: "Text__BodyCopy",
-  componentId: "sc-slxrr0-5"
-})(["color:", ";", ""], function (props) {
-  return props.theme.colors.text.body;
-}, function (props) {
-  return props.theme.typography[300];
-});
-var SmallBodyCopy = styled(Container).withConfig({
-  displayName: "Text__SmallBodyCopy",
-  componentId: "sc-slxrr0-6"
-})(["color:", ";", ""], function (props) {
-  return props.theme.colors.text.body;
-}, function (props) {
-  return props.theme.typography[200];
-});
-var Text = function Text(_ref) {
-  var fontSize = _ref.fontSize,
-    children = _ref.children,
-    qa = _ref.qa,
-    color = _ref.color,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var qaText = typeof children === "string" ? children : undefined;
-  return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread(_objectSpread({
-    typeScale: fontSize,
-    "data-qa-text": qaText
-    // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    ,
-    color: color
-  }, qa), rest), {}, {
-    children: children
-  }));
-};
-Headline.displayName = "Text.Headline";
-SubHeadline.displayName = "Text.SubHeadline";
-SmallSubHeadline.displayName = "Text.SmallSubHeadline";
-Byline.displayName = "Text.Byline";
-SmallByline.displayName = "Text.SmallByline";
-BodyCopy.displayName = "Text.BodyCopy";
-SmallBodyCopy.displayName = "Text.SmallBodyCopy";
-Text.Headline = Headline;
-Text.SubHeadline = SubHeadline;
-Text.SmallSubHeadline = SmallSubHeadline;
-Text.Byline = Byline;
-Text.SmallByline = SmallByline;
-Text.BodyCopy = BodyCopy;
-Text.SmallBodyCopy = SmallBodyCopy;
-export default Text;

package/lib/Text/TextTypes.js

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

package/lib/Text/index.js

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

package/lib/Text/styles.js

@@ -1,17 +0,0 @@
-import styled, { css } from "styled-components";
-import { COMMON, LAYOUT, FLEXBOX, GRID, TYPOGRAPHY } from "@sproutsocial/seeds-react-system-props";
-var Container = styled.span.withConfig({
-  displayName: "styles__Container",
-  componentId: "sc-99cuku-0"
-})(["margin:0;padding-left:0;padding-right:0;font-family:", ";font-style:", ";", " ", " ", " ", " ", " ", " ", ""], function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  return props.isItalicized && "italic";
-}, function (props) {
-  return props.truncated && css(["display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
-}, function (props) {
-  return props.breakWord && css(["word-break:break-word;hyphens:auto;"]);
-}, COMMON, LAYOUT, FLEXBOX, GRID, TYPOGRAPHY);
-export default Container;