@sproutsocial/racine 13.8.0 → 14.0.0

package/lib/Tabs/Tabs.js

@@ -0,0 +1,197 @@
+var _excluded = ["children", "id"],
+  _excluded2 = ["children", "qa", "onSelect"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _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 _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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import * as React from 'react';
+import Container, { TabItem, TabButton } from "./styles";
+var TabButtonContext = /*#__PURE__*/React.createContext({});
+var TabItemButton = /*#__PURE__*/function (_React$Component) {
+  _inherits(TabItemButton, _React$Component);
+  var _super = _createSuper(TabItemButton);
+  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 = _super.call.apply(_super, [this].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 ? 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 ? 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 ? 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__*/React.createElement(TabItem, {
+        key: id,
+        fullWidth: fullWidth,
+        isSelected: isSelected
+      }, /*#__PURE__*/React.createElement(TabButton, _extends({
+        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
+      }, rest), children));
+    }
+  }]);
+  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);
+  var _super2 = _createSuper(Tabs);
+  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 = _super2.call.apply(_super2, [this].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__*/React.createElement(Container, _extends({
+        "data-qa-tabs": "",
+        onKeyUp: this.keyHandler,
+        onSelect: onSelect
+      }, qa, rest), /*#__PURE__*/React.createElement(TabButtonContext.Provider, {
+        value: {
+          selectedId: this.getSelectedId(),
+          fullWidth: this.props.fullWidth,
+          onActivate: this.onActivate,
+          onTabMount: this.onTabMount,
+          onTabUpdate: this.onTabUpdate,
+          onTabUnmount: this.onTabUnmount
+        }
+      }, children));
+    }
+  }]);
+  return Tabs;
+}(React.Component);
+_defineProperty(Tabs, "Button", TabItemButton);
+export default Tabs;

package/lib/Tabs/TabsTypes.js

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

package/lib/Tabs/index.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+export * from "./Tabs.flow";

package/lib/Tabs/index.js

@@ -1,195 +1,4 @@
-var _excluded = ["children", "id"],
-  _excluded2 = ["children", "qa"];
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _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 _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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import * as React from 'react';
-import Container, { TabItem, TabButton } from "./styles";
-var TabButtonContext = /*#__PURE__*/React.createContext({});
-var TabItemButton = /*#__PURE__*/function (_React$Component) {
-  _inherits(TabItemButton, _React$Component);
-  var _super = _createSuper(TabItemButton);
-  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 = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "buttonRef", /*#__PURE__*/React.createRef());
-    return _this;
-  }
-  _createClass(TabItemButton, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.context.onTabMount(this.props.id, this.buttonRef);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.id !== this.props.id) {
-        this.context.onTabUpdate(prevProps.id, this.props.id);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.context.onTabUnmount(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$context = this.context,
-        selectedId = _this$context.selectedId,
-        onActivate = _this$context.onActivate,
-        fullWidth = _this$context.fullWidth;
-      var isSelected = selectedId === id;
-      return /*#__PURE__*/React.createElement(TabItem, {
-        key: id,
-        fullWidth: fullWidth,
-        isSelected: isSelected
-      }, /*#__PURE__*/React.createElement(TabButton, _extends({
-        innerRef: this.buttonRef,
-        id: id,
-        onClick: function onClick() {
-          return onActivate(id);
-        },
-        isSelected: isSelected,
-        tabIndex: isSelected ? 0 : -1,
-        fullWidth: fullWidth,
-        "data-qa-tab-button": id,
-        "data-qa-tab-button-state": isSelected
-      }, rest), children));
-    }
-  }]);
-  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);
-  var _super2 = _createSuper(Tabs);
-  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 = _super2.call.apply(_super2, [this].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,
-        rest = _objectWithoutProperties(_this$props2, _excluded2);
-      return (
-        /*#__PURE__*/
-        // $FlowIssue - upgrade v0.112.0
-        React.createElement(Container, _extends({
-          "data-qa-tabs": "",
-          onKeyUp: this.keyHandler
-        }, qa, rest), /*#__PURE__*/React.createElement(TabButtonContext.Provider, {
-          value: {
-            selectedId: this.getSelectedId(),
-            fullWidth: this.props.fullWidth,
-            onActivate: this.onActivate,
-            onTabMount: this.onTabMount,
-            onTabUpdate: this.onTabUpdate,
-            onTabUnmount: this.onTabUnmount
-          }
-        }, children))
-      );
-    }
-  }]);
-  return Tabs;
-}(React.Component);
-_defineProperty(Tabs, "Button", TabItemButton);
-export { Tabs as default };
+import Tabs from "./Tabs";
+export default Tabs;
+export { Tabs };
+export * from "./TabsTypes";

package/lib/Tabs/styles.js

@@ -3,7 +3,7 @@ import { COMMON } from "../utils/system-props";
 import Button from "../Button";
 var Container = styled.ul.withConfig({
   displayName: "styles__Container",
-  componentId: "sc-vnjuiu-0"
+  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) {
@@ -13,7 +13,7 @@ var Container = styled.ul.withConfig({
 }, COMMON);
 export var TabItem = styled.li.withConfig({
   displayName: "styles__TabItem",
-  componentId: "sc-vnjuiu-1"
+  componentId: "sc-sgxsgw-1"
 })(["margin-bottom:-1px;", ";&:not(:last-child){", ";}", ";&:hover{", ";}"], function (props) {
   return props.fullWidth && css(["flex-grow:1;"]);
 }, function (props) {
@@ -31,7 +31,7 @@ export var TabItem = styled.li.withConfig({
 });
 export var TabButton = styled(Button).withConfig({
   displayName: "styles__TabButton",
-  componentId: "sc-vnjuiu-2"
+  componentId: "sc-sgxsgw-2"
 })(["padding:", ";color:", ";width:100%;", ";&:hover{", ";}&:active{transform:none;}"], function (props) {
   return "".concat(props.theme.space[350], " 0");
 }, function (props) {

package/lib/Text/Text.flow.js

@@ -0,0 +1 @@
+import * as React from 'react';

package/lib/Text/Text.js

@@ -0,0 +1,101 @@
+var _excluded = ["fontSize", "children", "qa", "color"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _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";
+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__*/React.createElement(Container, _extends({
+    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);
+};
+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

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

package/lib/Text/index.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+export * from "./Text.flow";

package/lib/Text/index.js

@@ -1,99 +1,4 @@
-var _excluded = ["fontSize", "children", "qa"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _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";
-var Headline = styled(Container).withConfig({
-  displayName: "Text__Headline",
-  componentId: "sc-12xhmyx-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-12xhmyx-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-12xhmyx-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-12xhmyx-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-12xhmyx-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-12xhmyx-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-12xhmyx-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,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var qaText = typeof children === 'string' ? children : undefined;
-  return (
-    /*#__PURE__*/
-    // $FlowIssue - upgrade v0.112.0
-    React.createElement(Container, _extends({
-      typeScale: fontSize,
-      "data-qa-text": qaText
-    }, qa, rest), children)
-  );
-};
-Text.Headline = Headline;
-Text.SubHeadline = SubHeadline;
-Text.SmallSubHeadline = SmallSubHeadline;
-Text.Byline = Byline;
-Text.SmallByline = SmallByline;
-Text.BodyCopy = BodyCopy;
-Text.SmallBodyCopy = SmallBodyCopy;
-Text.Headline.displayName = 'Text.Headline';
-Text.SubHeadline.displayName = 'Text.SubHeadline';
-Text.SmallSubHeadline.displayName = 'Text.SmallSubHeadline';
-Text.Byline.displayName = 'Text.Byline';
-Text.SmallByline.displayName = 'Text.SmallByline';
-Text.BodyCopy.displayName = 'Text.BodyCopy';
-Text.SmallBodyCopy.displayName = 'Text.SmallBodyCopy';
-export default Text;
+import Text from "./Text";
+export default Text;
+export { Text };
+export * from "./TextTypes";