@sproutsocial/racine 12.22.0 → 12.23.0

package/lib/Tabs/index.js

@@ -1,93 +1,115 @@
+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); }
 var _excluded = ["children", "id"],
   _excluded2 = ["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; }
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
+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, 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 import * as React from 'react';
-import Container, { TabItem, TabButton } from './styles';
+import Container, { TabItem, TabButton } from "./styles";
 var TabButtonContext = /*#__PURE__*/React.createContext({});
 var TabItemButton = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(TabItemButton, _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 = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.context = void 0;
-    _this.buttonRef = /*#__PURE__*/React.createRef();
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "buttonRef", /*#__PURE__*/React.createRef());
     return _this;
   }
-  var _proto = TabItemButton.prototype;
-  _proto.componentDidMount = function componentDidMount() {
-    this.context.onTabMount(this.props.id, this.buttonRef);
-  };
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (prevProps.id !== this.props.id) {
-      this.context.onTabUpdate(prevProps.id, this.props.id);
+  _createClass(TabItemButton, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.context.onTabMount(this.props.id, this.buttonRef);
     }
-  };
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    this.context.onTabUnmount(this.props.id);
-  };
-  _proto.render = function render() {
-    var _this$props = this.props,
-      children = _this$props.children,
-      id = _this$props.id,
-      rest = _objectWithoutPropertiesLoose(_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
-      // $FlowIssue - upgrade v0.112.0
-    }, rest), children));
-  };
+  }, {
+    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
+        // $FlowIssue - upgrade v0.112.0
+      }, rest), children));
+    }
+  }]);
   return TabItemButton;
 }(React.Component);
-TabItemButton.contextType = TabButtonContext;
+_defineProperty(TabItemButton, "contextType", TabButtonContext);
 /**
  * Render a group of buttons in a tab-heading style
  */
 var Tabs = /*#__PURE__*/function (_React$Component2) {
-  _inheritsLoose(Tabs, _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 = _React$Component2.call.apply(_React$Component2, [this].concat(args)) || this;
-    _this2.buttonRefs = {};
-    _this2.tabList = [];
-    _this2.getSelectedId = function () {
+    _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;
-    };
-    _this2.onActivate = function (id) {
+    });
+    _defineProperty(_assertThisInitialized(_this2), "onActivate", function (id) {
       return _this2.props.onSelect(id);
-    };
-    _this2.onTabMount = function (id, ref) {
+    });
+    _defineProperty(_assertThisInitialized(_this2), "onTabMount", function (id, ref) {
       if (!_this2.tabList.includes(id)) {
         _this2.tabList.push(id);
         _this2.buttonRefs[id] = ref;
       }
-    };
-    _this2.onTabUpdate = function (previousId, newId) {
+    });
+    _defineProperty(_assertThisInitialized(_this2), "onTabUpdate", function (previousId, newId) {
       if (_this2.tabList.includes(previousId)) {
         _this2.tabList = _this2.tabList.map(function (id) {
           return id === previousId ? newId : id;
@@ -95,21 +117,21 @@ var Tabs = /*#__PURE__*/function (_React$Component2) {
         _this2.buttonRefs[newId] = _this2.buttonRefs[previousId];
         _this2.buttonRefs[previousId] = undefined;
       }
-    };
-    _this2.onTabUnmount = function (id) {
+    });
+    _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;
       }
-    };
-    _this2.selectNextTab = function (id) {
+    });
+    _defineProperty(_assertThisInitialized(_this2), "selectNextTab", function (id) {
       var buttonRef = _this2.buttonRefs[id];
       _this2.props.onSelect(id);
       buttonRef && buttonRef.current && buttonRef.current.focus && buttonRef.current.focus();
-    };
-    _this2.keyHandler = function (_ref) {
+    });
+    _defineProperty(_assertThisInitialized(_this2), "keyHandler", function (_ref) {
       var keyCode = _ref.keyCode;
       switch (keyCode) {
         // left arrow
@@ -137,34 +159,36 @@ var Tabs = /*#__PURE__*/function (_React$Component2) {
         default:
           break;
       }
-    };
+    });
     return _this2;
   }
-  var _proto2 = Tabs.prototype;
-  _proto2.render = function render() {
-    var _this$props2 = this.props,
-      children = _this$props2.children,
-      qa = _this$props2.qa,
-      rest = _objectWithoutPropertiesLoose(_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))
-    );
-  };
+  _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);
-Tabs.Button = TabItemButton;
+_defineProperty(Tabs, "Button", TabItemButton);
 export { Tabs as default };

package/lib/Tabs/styles.js

@@ -1,7 +1,7 @@
 
 import styled, { css } from 'styled-components';
-import { COMMON } from '../utils/system-props';
-import Button from '../Button';
+import { COMMON } from "../utils/system-props";
+import Button from "../Button";
 var Container = styled.ul.withConfig({
   displayName: "styles__Container",
   componentId: "sc-vnjuiu-0"
@@ -23,18 +23,18 @@ export var TabItem = styled.li.withConfig({
   });
 }, function (props) {
   return props.isSelected && css(["box-shadow:", ";"], function (props) {
-    return "inset 0 -3px 0 0 " + props.theme.colors.button.primary.background.base;
+    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 " + props.theme.colors.button.primary.background.hover;
+    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-vnjuiu-2"
 })(["padding:", ";color:", ";width:100%;", ";&:hover{", ";}&:active{transform:none;}"], function (props) {
-  return props.theme.space[350] + " 0";
+  return "".concat(props.theme.space[350], " 0");
 }, function (props) {
   return props.theme.colors.text.headline;
 }, function (props) {

package/lib/Text/index.js

@@ -1,8 +1,9 @@
 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 Container from './styles';
+import Container from "./styles";
 import styled from 'styled-components';
 var Headline = styled(Container).withConfig({
   displayName: "Text__Headline",
@@ -70,7 +71,7 @@ var Text = function Text(_ref) {
   var fontSize = _ref.fontSize,
     children = _ref.children,
     qa = _ref.qa,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var qaText = typeof children === 'string' ? children : undefined;
   return (
     /*#__PURE__*/

package/lib/Text/styles.js

@@ -1,6 +1,6 @@
 
 import styled, { css } from 'styled-components';
-import { COMMON, LAYOUT, TYPOGRAPHY } from '../utils/system-props';
+import { COMMON, LAYOUT, TYPOGRAPHY } from "../utils/system-props";
 var Container = styled.span.withConfig({
   displayName: "styles__Container",
   componentId: "sc-mmg963-0"

package/lib/Textarea/index.js

@@ -1,118 +1,133 @@
+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); }
 var _excluded = ["autoFocus", "disabled", "readOnly", "isInvalid", "id", "name", "placeholder", "value", "enableSpellcheck", "enableResize", "required", "rows", "elemBefore", "elemAfter", "maxLength", "ariaLabel", "ariaDescribedby", "innerRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onKeyUp", "qa", "inputProps"];
 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 _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
+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, 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 import * as React from 'react';
-import Container, { Accessory } from './styles';
+import Container, { Accessory } from "./styles";
 var Textarea = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Textarea, _React$Component);
+  _inherits(Textarea, _React$Component);
+  var _super = _createSuper(Textarea);
   function Textarea() {
     var _this;
+    _classCallCheck(this, Textarea);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.handleBlur = function (e) {
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "handleBlur", function (e) {
       if (_this.props.onBlur) {
         _this.props.onBlur(e);
       }
-    };
-    _this.handleChange = function (e) {
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleChange", function (e) {
       if (_this.props.onChange) {
         _this.props.onChange(e);
       }
-    };
-    _this.handleFocus = function (e) {
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleFocus", function (e) {
       if (_this.props.onFocus) {
         _this.props.onFocus(e);
       }
-    };
-    _this.handleKeyDown = function (e) {
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
       if (_this.props.onKeyDown) {
         _this.props.onKeyDown(e);
       }
-    };
-    _this.handleKeyUp = function (e) {
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleKeyUp", function (e) {
       if (_this.props.onKeyUp) {
         _this.props.onKeyUp(e);
       }
-    };
+    });
     return _this;
   }
-  var _proto = Textarea.prototype;
-  _proto.render = function render() {
-    var _this$props = this.props,
-      autoFocus = _this$props.autoFocus,
-      disabled = _this$props.disabled,
-      readOnly = _this$props.readOnly,
-      isInvalid = _this$props.isInvalid,
-      id = _this$props.id,
-      name = _this$props.name,
-      placeholder = _this$props.placeholder,
-      value = _this$props.value,
-      enableSpellcheck = _this$props.enableSpellcheck,
-      enableResize = _this$props.enableResize,
-      required = _this$props.required,
-      rows = _this$props.rows,
-      elemBefore = _this$props.elemBefore,
-      elemAfter = _this$props.elemAfter,
-      maxLength = _this$props.maxLength,
-      ariaLabel = _this$props.ariaLabel,
-      ariaDescribedby = _this$props.ariaDescribedby,
-      innerRef = _this$props.innerRef,
-      onBlur = _this$props.onBlur,
-      onChange = _this$props.onChange,
-      onFocus = _this$props.onFocus,
-      onKeyDown = _this$props.onKeyDown,
-      onKeyUp = _this$props.onKeyUp,
-      _this$props$qa = _this$props.qa,
-      qa = _this$props$qa === void 0 ? {} : _this$props$qa,
-      _this$props$inputProp = _this$props.inputProps,
-      inputProps = _this$props$inputProp === void 0 ? {} : _this$props$inputProp,
-      rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-    return /*#__PURE__*/React.createElement(Container, _extends({
-      hasBeforeElement: !!elemBefore,
-      hasAfterElement: !!elemAfter,
-      disabled: disabled,
-      invalid: isInvalid,
-      resizable: enableResize,
-      "data-qa-textarea": id,
-      "data-qa-textarea-isdisabled": disabled === true,
-      "data-qa-textarea-isrequired": required === true,
-      "data-qa-textarea-isinvalid": isInvalid === true
-    }, qa, rest), elemBefore && /*#__PURE__*/React.createElement(Accessory, {
-      before: true
-    }, elemBefore), /*#__PURE__*/React.createElement("textarea", _extends({
-      id: id,
-      "aria-label": ariaLabel,
-      "aria-describedby": ariaDescribedby,
-      "aria-invalid": isInvalid,
-      value: value,
-      name: name,
-      placeholder: placeholder,
-      rows: rows,
-      disabled: disabled,
-      readOnly: readOnly,
-      autoFocus: autoFocus,
-      spellCheck: enableSpellcheck,
-      required: required,
-      maxLength: maxLength,
-      onChange: this.handleChange,
-      onKeyUp: this.handleKeyUp,
-      onKeyDown: this.handleKeyDown,
-      onBlur: this.handleBlur,
-      onFocus: this.handleFocus,
-      ref: innerRef,
-      "data-qa-textarea-input": '',
-      "data-qa-input": name
-    }, inputProps)), elemAfter && /*#__PURE__*/React.createElement(Accessory, {
-      after: true
-    }, elemAfter));
-  };
+  _createClass(Textarea, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        autoFocus = _this$props.autoFocus,
+        disabled = _this$props.disabled,
+        readOnly = _this$props.readOnly,
+        isInvalid = _this$props.isInvalid,
+        id = _this$props.id,
+        name = _this$props.name,
+        placeholder = _this$props.placeholder,
+        value = _this$props.value,
+        enableSpellcheck = _this$props.enableSpellcheck,
+        enableResize = _this$props.enableResize,
+        required = _this$props.required,
+        rows = _this$props.rows,
+        elemBefore = _this$props.elemBefore,
+        elemAfter = _this$props.elemAfter,
+        maxLength = _this$props.maxLength,
+        ariaLabel = _this$props.ariaLabel,
+        ariaDescribedby = _this$props.ariaDescribedby,
+        innerRef = _this$props.innerRef,
+        onBlur = _this$props.onBlur,
+        onChange = _this$props.onChange,
+        onFocus = _this$props.onFocus,
+        onKeyDown = _this$props.onKeyDown,
+        onKeyUp = _this$props.onKeyUp,
+        _this$props$qa = _this$props.qa,
+        qa = _this$props$qa === void 0 ? {} : _this$props$qa,
+        _this$props$inputProp = _this$props.inputProps,
+        inputProps = _this$props$inputProp === void 0 ? {} : _this$props$inputProp,
+        rest = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement(Container, _extends({
+        hasBeforeElement: !!elemBefore,
+        hasAfterElement: !!elemAfter,
+        disabled: disabled,
+        invalid: isInvalid,
+        resizable: enableResize,
+        "data-qa-textarea": id,
+        "data-qa-textarea-isdisabled": disabled === true,
+        "data-qa-textarea-isrequired": required === true,
+        "data-qa-textarea-isinvalid": isInvalid === true
+      }, qa, rest), elemBefore && /*#__PURE__*/React.createElement(Accessory, {
+        before: true
+      }, elemBefore), /*#__PURE__*/React.createElement("textarea", _extends({
+        id: id,
+        "aria-label": ariaLabel,
+        "aria-describedby": ariaDescribedby,
+        "aria-invalid": isInvalid,
+        value: value,
+        name: name,
+        placeholder: placeholder,
+        rows: rows,
+        disabled: disabled,
+        readOnly: readOnly,
+        autoFocus: autoFocus,
+        spellCheck: enableSpellcheck,
+        required: required,
+        maxLength: maxLength,
+        onChange: this.handleChange,
+        onKeyUp: this.handleKeyUp,
+        onKeyDown: this.handleKeyDown,
+        onBlur: this.handleBlur,
+        onFocus: this.handleFocus,
+        ref: innerRef,
+        "data-qa-textarea-input": "",
+        "data-qa-input": name
+      }, inputProps)), elemAfter && /*#__PURE__*/React.createElement(Accessory, {
+        after: true
+      }, elemAfter));
+    }
+  }]);
   return Textarea;
 }(React.Component);
-Textarea.defaultProps = {
+_defineProperty(Textarea, "defaultProps", {
   rows: 4
-};
+});
 export { Textarea as default };

package/lib/Textarea/styles.js

@@ -1,7 +1,7 @@
 
 import styled, { css } from 'styled-components';
-import { COMMON } from '../utils/system-props';
-import { focusRing } from '../utils/mixins';
+import { COMMON } from "../utils/system-props";
+import { focusRing } from "../utils/mixins";
 var Container = styled.div.withConfig({
   displayName: "styles__Container",
   componentId: "sc-1hnc1wu-0"

package/lib/ThemeProvider/index.js

@@ -1,7 +1,7 @@
 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); }
 import * as React from 'react';
 import { ThemeProvider as BaseThemeProvider } from 'styled-components';
-import theme from '../themes/light/theme';
+import theme from "../themes/light/theme";
 var ThemeProvider = function ThemeProvider(props) {
   return /*#__PURE__*/React.createElement(BaseThemeProvider, _extends({}, props, {
     theme: props.theme || theme

package/lib/Toast/index.js

@@ -2,12 +2,12 @@ import _styled2 from "styled-components";
 import _styled from "styled-components";
 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); }
 import * as React from 'react';
-import Container, { GlobalToastStyles, CustomIcon } from './styles';
+import Container, { GlobalToastStyles, CustomIcon } from "./styles";
 import { toast as toastifyToast, ToastContainer as BaseToastContainer, cssTransition } from 'react-toastify';
 import { MOTION_DURATION_MEDIUM, MOTION_DURATION_SLOW } from '@sproutsocial/seeds-motion/dist/seeds-motion-unitless';
-import Icon from '../Icon';
-import Box from '../Box';
-import Text from '../Text';
+import Icon from "../Icon";
+import Box from "../Box";
+import Text from "../Text";
 var NoTransition = cssTransition({
   duration: [0, 0],
   collapseDuration: 0
@@ -59,9 +59,7 @@ export function toast(options) {
 var IconBox = function IconBox(props) {
   return /*#__PURE__*/React.createElement(_StyledBox, _extends({
     display: "inline-block"
-  }, props, {
-    $_css: 'line-height: 1;'
-  }));
+  }, props));
 };
 var Toast = function Toast(_ref) {
   var content = _ref.content,
@@ -103,9 +101,7 @@ export default ToastContainer;
 var _StyledBox = _styled(Box).withConfig({
   displayName: "Toast___StyledBox",
   componentId: "sc-1vii3dq-0"
-})(["", ""], function (p) {
-  return p.$_css;
-});
+})(["line-height:1;"]);
 var _StyledBox2 = _styled(Box).withConfig({
   displayName: "Toast___StyledBox2",
   componentId: "sc-1vii3dq-1"

package/lib/Toast/styles.js

@@ -1,9 +1,10 @@
 
 import styled, { createGlobalStyle } from 'styled-components';
-import Box from '../Box';
-import Icon from '../Icon';
+import Box from "../Box";
+import Icon from "../Icon";
 // $FlowIssue
-import toastStyles from '!!raw-loader!react-toastify/dist/ReactToastify.css';
+import toastStyles from '!!raw-loader!react-toastify/dist/ReactToastify.css'; // eslint-disable-line import/no-unresolved
+
 var Container = styled(Box).withConfig({
   displayName: "styles__Container",
   componentId: "sc-wp5x29-0"