@occmundial/occ-atomic 2.0.0-beta.0 → 2.0.0-beta.2

package/build/Tip/__snapshots__/Tip.test.js.snap

@@ -0,0 +1,49 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Tip matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Tip styles matches the snapshot 1`] = `
+Object {
+  "container": Object {
+    "alignItems": "center",
+    "borderRadius": 6,
+    "padding": 16,
+  },
+  "cta": Object {
+    "cursor": "pointer",
+    "textDecoration": "underline",
+  },
+  "error": Object {
+    "backgroundColor": "#fcebeb",
+  },
+  "icon": Object {
+    "marginRight": 8,
+  },
+  "info": Object {
+    "backgroundColor": "#efebf7",
+  },
+  "noBorderRadius": Object {
+    "borderRadius": 0,
+  },
+  "promote": Object {
+    "backgroundColor": "#222222",
+  },
+  "spacedClose": Object {
+    "marginRight": 48,
+  },
+  "success": Object {
+    "backgroundColor": "#e6f5eb",
+  },
+  "text": Object {
+    "maxWidth": "100%",
+  },
+  "textWithIcon": Object {
+    "maxWidth": "calc(100% - 32px)",
+  },
+  "warning": Object {
+    "backgroundColor": "#fffaed",
+  },
+}
+`;
+
+exports[`TipJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Tip/styles.js

@@ -5,41 +5,61 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _hexRgba = _interopRequireDefault(require("hex-rgba"));
-
 var _spacing = _interopRequireDefault(require("../subatomic/spacing"));
 
 var _colors = _interopRequireDefault(require("../subatomic/colors"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var info = _colors["default"].info,
-    warning = _colors["default"].warning,
-    success = _colors["default"].success,
-    error = _colors["default"].error;
+var infoLight = _colors["default"].infoLight,
+    warningLight = _colors["default"].warningLight,
+    successLight = _colors["default"].successLight,
+    errorLight = _colors["default"].errorLight,
+    grey900 = _colors["default"].grey900;
 var radius = _spacing["default"].radius,
+    large = _spacing["default"].large,
+    medium = _spacing["default"].medium,
     small = _spacing["default"].small,
     tiny = _spacing["default"].tiny;
-var alpha = 10;
 var _default = {
   container: {
     padding: small,
-    borderRadius: radius
+    borderRadius: radius,
+    alignItems: 'center'
+  },
+  noBorderRadius: {
+    borderRadius: 0
   },
   info: {
-    backgroundColor: (0, _hexRgba["default"])(info, alpha)
+    backgroundColor: infoLight
   },
   warning: {
-    backgroundColor: (0, _hexRgba["default"])(warning, alpha)
+    backgroundColor: warningLight
   },
   success: {
-    backgroundColor: (0, _hexRgba["default"])(success, alpha)
+    backgroundColor: successLight
   },
   error: {
-    backgroundColor: (0, _hexRgba["default"])(error, alpha)
+    backgroundColor: errorLight
+  },
+  promote: {
+    backgroundColor: grey900
   },
   icon: {
     marginRight: tiny
+  },
+  text: {
+    maxWidth: '100%'
+  },
+  textWithIcon: {
+    maxWidth: "calc(100% - ".concat(medium, "px)")
+  },
+  spacedClose: {
+    marginRight: large
+  },
+  cta: {
+    textDecoration: 'underline',
+    cursor: 'pointer'
   }
 };
 exports["default"] = _default;

package/build/Title/Title.js

@@ -0,0 +1,89 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+/** Component to display heading tags with its coresponding style. */
+var Title = /*#__PURE__*/function (_React$Component) {
+  _inherits(Title, _React$Component);
+
+  var _super = _createSuper(Title);
+
+  function Title() {
+    _classCallCheck(this, Title);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(Title, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (process.env.NODE_ENV === 'development') {
+        console.warn('DEPRECATED: The Title component will be removed soon. Use the Text component instead.');
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          children = _this$props.children,
+          h = _this$props.h,
+          id = _this$props.id,
+          className = _this$props.className,
+          style = _this$props.style;
+      var Heading;
+      if (h && h <= 6 && h >= 1) Heading = "h".concat(h);else Heading = 'h1';
+      return /*#__PURE__*/_react["default"].createElement(Heading, {
+        id: id,
+        className: "".concat(classes.title, " ").concat(classes[Heading]).concat(className ? " ".concat(className) : ''),
+        style: style
+      }, children);
+    }
+  }]);
+
+  return Title;
+}(_react["default"].Component);
+
+Title.propTypes = {
+  classes: _propTypes["default"].object,
+  children: _propTypes["default"].node,
+
+  /** A number with the heading level, between 1 and 6. */
+  h: _propTypes["default"].number.isRequired,
+  id: _propTypes["default"].string,
+  className: _propTypes["default"].string,
+  style: _propTypes["default"].object
+};
+var _default = Title;
+exports["default"] = _default;

package/build/Title/Title.test.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _Title = _interopRequireDefault(require("./Title"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+var reduceClasses = function reduceClasses(prev, curr) {
+  return Object.assign({}, prev, _defineProperty({}, curr, curr));
+};
+
+var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
+describe("Title", function () {
+  it('matches the snapshot', function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Title["default"], {
+      h: 1,
+      classes: classes
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it('renders the right heading', function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Title["default"], {
+      h: 3,
+      classes: classes
+    }));
+    expect(wrapper.find('h3').length).toBe(1);
+  });
+});
+describe("TitleJSS", function () {
+  it('matches the snapshot', function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
+      h: 1
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+});
+describe("Title styles", function () {
+  it('matches the snapshot', function () {
+    expect(_styles["default"]).toMatchSnapshot();
+  });
+});

package/build/Title/__snapshots__/Title.test.js.snap

@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Title matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Title styles matches the snapshot 1`] = `
+Object {
+  "h1": Object {
+    "fontSize": "22px",
+  },
+  "h2": Object {
+    "fontSize": "20px",
+  },
+  "h3": Object {
+    "fontSize": "18px",
+  },
+  "h4": Object {
+    "fontSize": "15px",
+  },
+  "title": Object {
+    "boxSizing": "border-box",
+    "color": "#3e5466",
+    "fontFamily": "'Nunito Sans', sans-serif",
+    "fontWeight": "600",
+    "lineHeight": "1.1",
+    "marginBottom": "15px",
+    "marginTop": "20px",
+  },
+}
+`;
+
+exports[`TitleJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Title/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _reactJss = _interopRequireDefault(require("react-jss"));
+
+var _Title = _interopRequireDefault(require("./Title"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = (0, _reactJss["default"])(_styles["default"])(_Title["default"]);
+
+exports["default"] = _default;

package/build/Title/styles.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../subatomic/colors"));
+
+var _fonts = _interopRequireDefault(require("../subatomic/fonts"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  title: {
+    boxSizing: 'border-box',
+    fontFamily: _fonts["default"].title,
+    color: _colors["default"].title,
+    fontWeight: '600',
+    marginTop: '20px',
+    marginBottom: '15px',
+    lineHeight: '1.1'
+  },
+  h1: {
+    fontSize: '22px'
+  },
+  h2: {
+    fontSize: '20px'
+  },
+  h3: {
+    fontSize: '18px'
+  },
+  h4: {
+    fontSize: '15px'
+  }
+};
+exports["default"] = _default;

package/build/Toaster/Toast/Toast.js

@@ -43,7 +43,7 @@ var Toast = function Toast(_ref) {
 
       case 'error':
         return {
-          icon: 'warning',
+          icon: 'warningSolid',
           color: _colors["default"].bgWhite
         };
 
@@ -55,7 +55,7 @@ var Toast = function Toast(_ref) {
 
       case 'warning':
         return {
-          icon: 'warning',
+          icon: 'warningSolid',
           color: _colors["default"].grey900
         };
     }
@@ -71,34 +71,34 @@ var Toast = function Toast(_ref) {
     onClose();
   };
 
-  return _react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(classes.toast, " ").concat(classes[theme]).concat(closing ? " ".concat(classes.closing) : ''),
     onMouseEnter: pauseTimer,
     onMouseLeave: resumeTimer
-  }, _react["default"].createElement(_Flexbox["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
     display: "flex",
     className: classes.content
-  }, _react["default"].createElement(_Flexbox["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
     display: "flex",
     alignItems: "center"
-  }, hasIcon && _react["default"].createElement(_Icon["default"], {
+  }, hasIcon && /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
     iconName: iconData.icon,
     colors: [iconData.color],
     className: classes.icon
-  }), _react["default"].createElement(_Flexbox["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
     flex: "1"
-  }, title && _react["default"].createElement(_Text["default"], _extends({
+  }, title && /*#__PURE__*/_react["default"].createElement(_Text["default"], _extends({
     subheading: true
-  }, textColor), title), description && _react["default"].createElement(_Text["default"], textColor, description))), action && _react["default"].createElement("button", {
+  }, textColor), title), description && /*#__PURE__*/_react["default"].createElement(_Text["default"], textColor, description))), action && /*#__PURE__*/_react["default"].createElement("button", {
     className: classes.action,
     onClick: function onClick() {
       return onActionClick(action);
     }
-  }, _react["default"].createElement(_Flexbox["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
     display: "flex",
     alignItems: "center",
     className: classes.actionWrap
-  }, _react["default"].createElement(_Text["default"], _extends({}, textColor, {
+  }, /*#__PURE__*/_react["default"].createElement(_Text["default"], _extends({}, textColor, {
     strong: true,
     className: classes.actionText
   }), action.label)))));

package/build/Toaster/Toaster.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,23 +19,25 @@ var _functions = require("./functions");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 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); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+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 _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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : 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; }
 
@@ -41,29 +45,29 @@ var timings = {
   normal: 5000,
   longer: 8000
 };
-/**
-* The Toaster component allows you to trigger any of the predefined types of alerts. Insert the Toaster component in any part of your site, and handle the alerts with the toaster object's API.
-* Check the example to see how to trigger any kind of alert. This component will only show one toast at a time, any new toast will automatically dismiss the current toast.
-* The toast object can have the next properties:
-* • title - string
-* • description -string
-* • hasIcon - boolean
-* • action - object with label and onClick
-* • timer - one of: 'normal', 'longer'
-* You can only mount one Toaster component at a time, since mounting an instance sets the toaster listeners, and unmounting the component nullifies the existing listeners, so having two instances of Toaster and unmounting one will break them.
+/**
+* The Toaster component allows you to trigger any of the predefined types of alerts. Insert the Toaster component in any part of your site, and handle the alerts with the toaster object's API.
+* Check the example to see how to trigger any kind of alert. This component will only show one toast at a time, any new toast will automatically dismiss the current toast.
+* The toast object can have the next properties:
+* • title - string
+* • description -string
+* • hasIcon - boolean
+* • action - object with label and onClick
+* • timer - one of: 'normal', 'longer'
+* You can only mount one Toaster component at a time, since mounting an instance sets the toaster listeners, and unmounting the component nullifies the existing listeners, so having two instances of Toaster and unmounting one will break them.
 */
 
-var Toaster =
-/*#__PURE__*/
-function (_React$Component) {
+var Toaster = /*#__PURE__*/function (_React$Component) {
   _inherits(Toaster, _React$Component);
 
+  var _super = _createSuper(Toaster);
+
   function Toaster(props) {
     var _this;
 
     _classCallCheck(this, Toaster);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Toaster).call(this, props));
+    _this = _super.call(this, props);
 
     _defineProperty(_assertThisInitialized(_this), "onAdd", function (toast, toastId) {
       _this.resetTimer();
@@ -152,9 +156,9 @@ function (_React$Component) {
           classes = _this$props.classes,
           container = _this$props.container;
 
-      var ToasterComponent = _react["default"].createElement("div", {
+      var ToasterComponent = /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.container
-      }, !!toast && _react["default"].createElement(_Toast["default"], {
+      }, !!toast && /*#__PURE__*/_react["default"].createElement(_Toast["default"], {
         key: toastId,
         description: toast.description,
         title: toast.title,
@@ -169,7 +173,7 @@ function (_React$Component) {
         resumeTimer: this.resumeTimer
       }));
 
-      return container ? _reactDom["default"].createPortal(ToasterComponent, container) : ToasterComponent;
+      return container ? /*#__PURE__*/_reactDom["default"].createPortal(ToasterComponent, container) : ToasterComponent;
     }
   }]);
 

package/build/Toaster/Toaster.test.js

@@ -21,13 +21,13 @@ var reduceClasses = function reduceClasses(prev, curr) {
 var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
 describe("Toaster", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Toaster["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Toaster["default"], {
       classes: classes
     }));
     expect(wrapper.html()).toMatchSnapshot();
   });
   it('launches a toast', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Toaster["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Toaster["default"], {
       classes: classes
     }));
 
@@ -40,7 +40,7 @@ describe("Toaster", function () {
     expect(wrapper.find('p').text()).toBe('Title');
   });
   it('removes a toast', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Toaster["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Toaster["default"], {
       classes: classes
     }));
 
@@ -59,7 +59,7 @@ describe("Toaster", function () {
     }, 500);
   });
   it('replaces the current toast', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Toaster["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Toaster["default"], {
       classes: classes
     }));
 
@@ -78,7 +78,7 @@ describe("Toaster", function () {
     expect(wrapper.find('p').text()).toBe('New title');
   });
   it('removes a toast after the timer finishes', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Toaster["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Toaster["default"], {
       classes: classes
     }));
 
@@ -94,7 +94,7 @@ describe("Toaster", function () {
     }, 5000);
   });
   it('calls the onClick function', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Toaster["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Toaster["default"], {
       classes: classes
     }));
     var action = {

package/build/Toaster/__snapshots__/Toaster.test.js.snap

@@ -0,0 +1,5 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Toaster launches a toast 1`] = `"<div class=\\"container\\"><div class=\\"Toast-toast-0-1-1 Toast-success-0-1-3\\"><div class=\\"Flexbox-flex-0-1-12 Toast-content-0-1-7\\"><div class=\\"Flexbox-flex-0-1-12 Flexbox-acenter-0-1-29\\"><div class=\\"\\" style=\\"flex: 1;\\"><p class=\\"Text-text-0-1-44 Text-subheading-0-1-48 Text-white-0-1-62\\">Title</p></div></div></div></div></div>"`;
+
+exports[`Toaster matches the snapshot 1`] = `"<div class=\\"container\\"></div>"`;