@sproutsocial/racine 12.20.0 → 12.21.1

package/lib/Tabs/index.js

@@ -1,60 +1,45 @@
 var _excluded = ["children", "id"],
-    _excluded2 = ["children", "qa"];
-
-function _extends() { _extends = Object.assign || 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); }
-
+  _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 _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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-import * as React from "react";
-import Container, { TabItem, TabButton } from "./styles";
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+import * as React from 'react';
+import Container, { TabItem, TabButton } from './styles';
 var TabButtonContext = /*#__PURE__*/React.createContext({});
-
 var TabItemButton = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(TabItemButton, _React$Component);
-
   function TabItemButton() {
     var _this;
-
     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();
     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);
     }
   };
-
   _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);
-
+      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;
+      selectedId = _this$context.selectedId,
+      onActivate = _this$context.onActivate,
+      fullWidth = _this$context.fullWidth;
     var isSelected = selectedId === id;
     return /*#__PURE__*/React.createElement(TabItem, {
       key: id,
@@ -70,49 +55,37 @@ var TabItemButton = /*#__PURE__*/function (_React$Component) {
       tabIndex: isSelected ? 0 : -1,
       fullWidth: fullWidth,
       "data-qa-tab-button": id,
-      "data-qa-tab-button-state": isSelected // $FlowIssue - upgrade v0.112.0
-
+      "data-qa-tab-button-state": isSelected
+      // $FlowIssue - upgrade v0.112.0
     }, rest), children));
   };
-
   return TabItemButton;
 }(React.Component);
-
 TabItemButton.contextType = TabButtonContext;
-
 /**
  * Render a group of buttons in a tab-heading style
- */
-var Tabs = /*#__PURE__*/function (_React$Component2) {
+ */var Tabs = /*#__PURE__*/function (_React$Component2) {
   _inheritsLoose(Tabs, _React$Component2);
-
   function Tabs() {
     var _this2;
-
     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 () {
       return _this2.props.selectedId;
     };
-
     _this2.onActivate = function (id) {
       return _this2.props.onSelect(id);
     };
-
     _this2.onTabMount = function (id, ref) {
       if (!_this2.tabList.includes(id)) {
         _this2.tabList.push(id);
-
         _this2.buttonRefs[id] = ref;
       }
     };
-
     _this2.onTabUpdate = function (previousId, newId) {
       if (_this2.tabList.includes(previousId)) {
         _this2.tabList = _this2.tabList.map(function (id) {
@@ -122,7 +95,6 @@ var Tabs = /*#__PURE__*/function (_React$Component2) {
         _this2.buttonRefs[previousId] = undefined;
       }
     };
-
     _this2.onTabUnmount = function (id) {
       if (_this2.tabList.includes(id)) {
         _this2.tabList = _this2.tabList.filter(function (currentId) {
@@ -131,18 +103,13 @@ var Tabs = /*#__PURE__*/function (_React$Component2) {
         _this2.buttonRefs[id] = undefined;
       }
     };
-
     _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) {
       var keyCode = _ref.keyCode;
-
       switch (keyCode) {
         // left arrow
         case 37:
@@ -151,48 +118,38 @@ var Tabs = /*#__PURE__*/function (_React$Component2) {
               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;
   }
-
   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);
-
+      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": "",
+        "data-qa-tabs": '',
         onKeyUp: this.keyHandler
       }, qa, rest), /*#__PURE__*/React.createElement(TabButtonContext.Provider, {
         value: {
@@ -206,9 +163,7 @@ var Tabs = /*#__PURE__*/function (_React$Component2) {
       }, children))
     );
   };
-
   return Tabs;
 }(React.Component);
-
 Tabs.Button = TabItemButton;
 export { Tabs as default };

package/lib/Tabs/styles.js

@@ -1,11 +1,12 @@
-import styled, { css } from "styled-components";
-import { COMMON } from "../utils/system-props";
-import Button from "../Button";
+
+import styled, { css } from 'styled-components';
+import { COMMON } from '../utils/system-props';
+import Button from '../Button';
 var Container = styled.ul.withConfig({
   displayName: "styles__Container",
   componentId: "sc-vnjuiu-0"
 })(["display:", ";justify-content:space-between;margin:0;padding:0;list-style:none;border-bottom:", " ", ";", ""], function (props) {
-  return props.fullWidth ? "flex" : "inline-flex";
+  return props.fullWidth ? 'flex' : 'inline-flex';
 }, function (props) {
   return props.theme.borders[500];
 }, function (props) {
@@ -28,8 +29,7 @@ export var TabItem = styled.li.withConfig({
   return props.isSelected && css(["box-shadow:", ";"], function (props) {
     return "inset 0 -3px 0 0 " + props.theme.colors.button.primary.background.hover;
   });
-}); // eslint-disable-next-line prettier/prettier
-
+});
 export var TabButton = styled(Button).withConfig({
   displayName: "styles__TabButton",
   componentId: "sc-vnjuiu-2"

package/lib/Text/index.js

@@ -1,12 +1,9 @@
 var _excluded = ["fontSize", "children", "qa"];
-
-function _extends() { _extends = Object.assign || 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 _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 _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 styled from "styled-components";
+import * as React from 'react';
+import Container from './styles';
+import styled from 'styled-components';
 var Headline = styled(Container).withConfig({
   displayName: "Text__Headline",
   componentId: "sc-12xhmyx-0"
@@ -69,14 +66,12 @@ var SmallBodyCopy = styled(Container).withConfig({
 }, function (props) {
   return props.theme.typography[200];
 });
-
 var Text = function Text(_ref) {
   var fontSize = _ref.fontSize,
-      children = _ref.children,
-      qa = _ref.qa,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  var qaText = typeof children === "string" ? children : undefined;
+    children = _ref.children,
+    qa = _ref.qa,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var qaText = typeof children === 'string' ? children : undefined;
   return (
     /*#__PURE__*/
     // $FlowIssue - upgrade v0.112.0
@@ -86,7 +81,6 @@ var Text = function Text(_ref) {
     }, qa, rest), children)
   );
 };
-
 Text.Headline = Headline;
 Text.SubHeadline = SubHeadline;
 Text.SmallSubHeadline = SmallSubHeadline;
@@ -94,11 +88,11 @@ 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";
+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;

package/lib/Text/styles.js

@@ -1,12 +1,13 @@
-import styled, { css } from "styled-components";
-import { COMMON, LAYOUT, TYPOGRAPHY } from "../utils/system-props";
+
+import styled, { css } from 'styled-components';
+import { COMMON, LAYOUT, TYPOGRAPHY } from '../utils/system-props';
 var Container = styled.span.withConfig({
   displayName: "styles__Container",
   componentId: "sc-mmg963-0"
 })(["margin:0;padding-left:0;padding-right:0;font-family:", ";font-style:", ";", " ", " ", " ", " ", ""], function (props) {
   return props.theme.fontFamily;
 }, function (props) {
-  return props.isItalicized && "italic";
+  return props.isItalicized && 'italic';
 }, function (props) {
   return props.truncated && css(["display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
 }, function (props) {

package/lib/Textarea/index.js

@@ -1,94 +1,76 @@
 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 || 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 _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 _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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-import * as React from "react";
-import Container, { Accessory } from "./styles";
-
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+import * as React from 'react';
+import Container, { Accessory } from './styles';
 var Textarea = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Textarea, _React$Component);
-
   function Textarea() {
     var _this;
-
     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) {
       if (_this.props.onBlur) {
         _this.props.onBlur(e);
       }
     };
-
     _this.handleChange = function (e) {
       if (_this.props.onChange) {
         _this.props.onChange(e);
       }
     };
-
     _this.handleFocus = function (e) {
       if (_this.props.onFocus) {
         _this.props.onFocus(e);
       }
     };
-
     _this.handleKeyDown = function (e) {
       if (_this.props.onKeyDown) {
         _this.props.onKeyDown(e);
       }
     };
-
     _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);
-
+      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,
@@ -122,16 +104,14 @@ var Textarea = /*#__PURE__*/function (_React$Component) {
       onBlur: this.handleBlur,
       onFocus: this.handleFocus,
       ref: innerRef,
-      "data-qa-textarea-input": "",
+      "data-qa-textarea-input": '',
       "data-qa-input": name
     }, inputProps)), elemAfter && /*#__PURE__*/React.createElement(Accessory, {
       after: true
     }, elemAfter));
   };
-
   return Textarea;
 }(React.Component);
-
 Textarea.defaultProps = {
   rows: 4
 };

package/lib/Textarea/styles.js

@@ -1,6 +1,7 @@
-import styled, { css } from "styled-components";
-import { COMMON } from "../utils/system-props";
-import { focusRing } from "../utils/mixins";
+
+import styled, { css } from 'styled-components';
+import { COMMON } from '../utils/system-props';
+import { focusRing } from '../utils/mixins';
 var Container = styled.div.withConfig({
   displayName: "styles__Container",
   componentId: "sc-1hnc1wu-0"
@@ -53,6 +54,6 @@ export var Accessory = styled.div.withConfig({
 }, function (props) {
   return props.after && css(["right:", ";bottom:", ";"], props.theme.space[350], props.theme.space[300]);
 });
-Container.displayName = "TextareaContainer";
-Accessory.displayName = "TextareaAccessory";
+Container.displayName = 'TextareaContainer';
+Accessory.displayName = 'TextareaAccessory';
 export default Container;

package/lib/ThemeProvider/index.js

@@ -1,13 +1,10 @@
-function _extends() { _extends = Object.assign || 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";
-
+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';
 var ThemeProvider = function ThemeProvider(props) {
   return /*#__PURE__*/React.createElement(BaseThemeProvider, _extends({}, props, {
     theme: props.theme || theme
   }));
 };
-
 export default ThemeProvider;

package/lib/Toast/index.js

@@ -1,25 +1,22 @@
 import _styled2 from "styled-components";
 import _styled from "styled-components";
-
-function _extends() { _extends = Object.assign || 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 { 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";
+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 { 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';
 var NoTransition = cssTransition({
   duration: [0, 0],
   collapseDuration: 0
 });
 var Zoom = cssTransition({
-  enter: "Toastify__zoom-enter",
-  exit: "Toastify__zoom-exit",
+  enter: 'Toastify__zoom-enter',
+  exit: 'Toastify__zoom-exit',
   duration: [MOTION_DURATION_MEDIUM * 1000, MOTION_DURATION_SLOW * 1000]
 });
-
 var ToastContainer = function ToastContainer() {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GlobalToastStyles, null), /*#__PURE__*/React.createElement(BaseToastContainer, {
     className: "Toastify-container-overrides",
@@ -29,12 +26,11 @@ var ToastContainer = function ToastContainer() {
     position: toastifyToast.POSITION.BOTTOM_RIGHT
   }));
 };
-
 var themeIcon = {
-  success: "circle-check-filled",
-  info: "info",
-  warning: "triangle",
-  error: "triangle"
+  success: 'circle-check-filled',
+  info: 'info',
+  warning: 'triangle',
+  error: 'triangle'
 };
 export function toast(options) {
   var props = {
@@ -45,15 +41,13 @@ export function toast(options) {
   };
   var autoClose = options.persist ? false : 6000;
   var toastId = options.toastId,
-      content = options.content,
-      onClose = options.onClose,
-      _options$useTransitio = options.useTransition,
-      useTransition = _options$useTransitio === void 0 ? true : _options$useTransitio;
-
-  if (!toastId && typeof content === "string") {
+    content = options.content,
+    onClose = options.onClose,
+    _options$useTransitio = options.useTransition,
+    useTransition = _options$useTransitio === void 0 ? true : _options$useTransitio;
+  if (!toastId && typeof content === 'string') {
     toastId = content;
   }
-
   var transition = useTransition ? Zoom : NoTransition;
   toastifyToast( /*#__PURE__*/React.createElement(Toast, props), {
     autoClose: autoClose,
@@ -62,22 +56,20 @@ export function toast(options) {
     transition: transition
   });
 }
-
 var IconBox = function IconBox(props) {
   return /*#__PURE__*/React.createElement(_StyledBox, _extends({
     display: "inline-block"
   }, props, {
-    $_css: "line-height: 1;"
+    $_css: 'line-height: 1;'
   }));
 };
-
 var Toast = function Toast(_ref) {
   var content = _ref.content,
-      theme = _ref.theme,
-      color = _ref.color,
-      icon = _ref.icon;
+    theme = _ref.theme,
+    color = _ref.color,
+    icon = _ref.icon;
   return /*#__PURE__*/React.createElement(Container, {
-    type: theme || "info",
+    type: theme || 'info',
     customColor: color,
     borderLeft: "2px solid",
     "data-qa-toast": ""
@@ -90,10 +82,10 @@ var Toast = function Toast(_ref) {
     m: "auto",
     width: 1
   }, /*#__PURE__*/React.createElement(IconBox, null, /*#__PURE__*/React.createElement(CustomIcon, {
-    type: theme || "info",
+    type: theme || 'info',
     color: color,
     customColor: color,
-    name: theme ? themeIcon[theme] : icon || themeIcon["info"],
+    name: theme ? themeIcon[theme] : icon || themeIcon['info'],
     fixedWidth: true
   })), /*#__PURE__*/React.createElement(_StyledBox2, {
     flex: 1
@@ -107,16 +99,13 @@ var Toast = function Toast(_ref) {
     color: "icon.base"
   }))));
 };
-
 export default ToastContainer;
-
 var _StyledBox = _styled(Box).withConfig({
   displayName: "Toast___StyledBox",
   componentId: "sc-1vii3dq-0"
 })(["", ""], function (p) {
   return p.$_css;
 });
-
 var _StyledBox2 = _styled(Box).withConfig({
   displayName: "Toast___StyledBox2",
   componentId: "sc-1vii3dq-1"

package/lib/Toast/styles.js

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