diff --git a/dist/react-notifications.css b/dist/react-notifications.css
index 8467214..3772b68 100644
--- a/dist/react-notifications.css
+++ b/dist/react-notifications.css
@@ -1 +1 @@
-@charset "UTF-8";@font-face{font-family:Notification;src:url(fonts/notification.eot?s3g3t9);src:url(fonts/notification.eot?#iefixs3g3t9) format("embedded-opentype"),url(fonts/notification.woff?s3g3t9) format("woff"),url(fonts/notification.ttf?s3g3t9) format("truetype"),url(fonts/notification.svg?s3g3t9#notification) format("svg");font-weight:400;font-style:normal}.notification-container{position:fixed;top:0;right:0;z-index:999999;width:320px;padding:0 15px;max-height:calc(100% - 30px);overflow-x:hidden;overflow-y:auto}.notification,.notification-container{-webkit-box-sizing:border-box;box-sizing:border-box}.notification{padding:15px 15px 15px 58px;border-radius:2px;color:#fff;background-color:#ccc;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;cursor:pointer;font-size:1em;line-height:1.2em;position:relative;opacity:.9;margin-top:15px}.notification .title{font-size:1em;line-height:1.2em;font-weight:700;margin:0 0 5px}.notification:focus,.notification:hover{opacity:1}.notification-enter{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.notification-enter.notification-enter-active{-webkit-transition:all .4s;transition:all .4s}.notification-enter.notification-enter-active,.notification-leave{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}.notification-leave.notification-leave-active{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all .4s;transition:all .4s}.notification:before{position:absolute;top:50%;left:15px;margin-top:-14px;display:block;font-family:Notification;width:28px;height:28px;font-size:28px;text-align:center;line-height:28px}.notification-info{background-color:#2f96b4}.notification-info:before{content:""}.notification-success{background-color:#51a351}.notification-success:before{content:""}.notification-warning{background-color:#f89406}.notification-warning:before{content:""}.notification-error{background-color:#bd362f}.notification-error:before{content:""}
\ No newline at end of file
+@charset "UTF-8";@font-face{font-family:Notification;src:url(fonts/notification.eot?s3g3t9);src:url(fonts/notification.eot?#iefixs3g3t9) format("embedded-opentype"),url(fonts/notification.woff?s3g3t9) format("woff"),url(fonts/notification.ttf?s3g3t9) format("truetype"),url(fonts/notification.svg?s3g3t9#notification) format("svg");font-weight:400;font-style:normal}.notification-container{position:fixed;top:0;right:0;z-index:999999;width:320px;padding:0 15px;max-height:calc(100% - 30px);overflow-x:hidden;overflow-y:auto}.notification,.notification-container{-webkit-box-sizing:border-box;box-sizing:border-box}.notification{padding:15px 15px 15px 58px;border-radius:2px;color:#fff;background-color:#ccc;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;cursor:pointer;font-size:1em;line-height:1.2em;position:relative;opacity:.9;margin-top:15px}.notification .title{font-size:1em;line-height:1.2em;font-weight:700;margin:0 0 5px}.notification:focus,.notification:hover{opacity:1}.notification-enter{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.notification-enter.notification-enter-active{-webkit-transition:all .4s;transition:all .4s}.notification-enter.notification-enter-active,.notification-exit{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}.notification-exit.notification-exit-active{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all .4s;transition:all .4s}.notification:before{position:absolute;top:50%;left:15px;margin-top:-14px;display:block;font-family:Notification;width:28px;height:28px;font-size:28px;text-align:center;line-height:28px}.notification-info{background-color:#2f96b4}.notification-info:before{content:""}.notification-success{background-color:#51a351}.notification-success:before{content:""}.notification-warning{background-color:#f89406}.notification-warning:before{content:""}.notification-error{background-color:#bd362f}.notification-error:before{content:""}
\ No newline at end of file
diff --git a/dist/react-notifications.js b/dist/react-notifications.js
index d470739..1c472a9 100644
--- a/dist/react-notifications.js
+++ b/dist/react-notifications.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("prop-types"),require("react"),require("react-transition-group")):"function"==typeof define&&define.amd?define(["prop-types","react","react-transition-group"],t):"object"==typeof exports?exports.ReactNotifications=t(require("prop-types"),require("react"),require("react-transition-group")):e.ReactNotifications=t(e.PropTypes,e.React,e.ReactTransitionGroup)}(this,function(e,t,n){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=7)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(8),a=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)})},l={CHANGE:"change",INFO:"info",SUCCESS:"success",WARNING:"warning",ERROR:"error"},f=function(e){function t(){r(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return e.listNotify=[],e}return o(t,e),s(t,[{key:"create",value:function(e){var t={id:a(),type:"info",title:null,message:null,timeOut:5e3};e.priority?this.listNotify.unshift(Object.assign(t,e)):this.listNotify.push(Object.assign(t,e)),this.emitChange()}},{key:"info",value:function(e,t,n,r,i){this.create({type:l.INFO,message:e,title:t,timeOut:n,onClick:r,priority:i})}},{key:"success",value:function(e,t,n,r,i){this.create({type:l.SUCCESS,message:e,title:t,timeOut:n,onClick:r,priority:i})}},{key:"warning",value:function(e,t,n,r,i){this.create({type:l.WARNING,message:e,title:t,timeOut:n,onClick:r,priority:i})}},{key:"error",value:function(e,t,n,r,i){this.create({type:l.ERROR,message:e,title:t,timeOut:n,onClick:r,priority:i})}},{key:"remove",value:function(e){this.listNotify=this.listNotify.filter(function(t){return e.id!==t.id}),this.emitChange()}},{key:"emitChange",value:function(){this.emit(l.CHANGE,this.listNotify)}},{key:"addChangeListener",value:function(e){this.addListener(l.CHANGE,e)}},{key:"removeChangeListener",value:function(e){this.removeListener(l.CHANGE,e)}}]),t}(u.EventEmitter);t.default=new f,e.exports=t.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=n(1),l=r(a),f=n(0),c=r(f),p=n(9),h=n(4),d=r(h),v=n(6),y=r(v),m=function(e){function t(){var e,n,r,s;i(this,t);for(var u=arguments.length,a=Array(u),l=0;l<u;l++)a[l]=arguments[l];return n=r=o(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r.handleRequestHide=function(e){return function(){var t=r.props.onRequestHide;t&&t(e)}},s=n,o(r,s)}return s(t,e),u(t,[{key:"render",value:function(){var e=this,t=this.props,n=t.notifications,r=t.enterTimeout,i=t.leaveTimeout,o=(0,d.default)("notification-container",{"notification-container-empty":0===n.length});return l.default.createElement("div",{className:o},l.default.createElement(p.CSSTransitionGroup,{transitionName:"notification",transitionEnterTimeout:r,transitionLeaveTimeout:i},n.map(function(t){var n=t.id||(new Date).getTime();return l.default.createElement(y.default,{key:n,type:t.type,title:t.title,message:t.message,timeOut:t.timeOut,onClick:t.onClick,onRequestHide:e.handleRequestHide(t)})})))}}]),t}(l.default.Component);m.propTypes={notifications:c.default.array.isRequired,onRequestHide:c.default.func,enterTimeout:c.default.number,leaveTimeout:c.default.number},m.defaultProps={notifications:[],onRequestHide:function(){},enterTimeout:400,leaveTimeout:400},t.default=m,e.exports=t.default},function(e,t,n){var r,i;!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var i=typeof r;if("string"===i||"number"===i)e.push(r);else if(Array.isArray(r))e.push(n.apply(null,r));else if("object"===i)for(var s in r)o.call(r,s)&&r[s]&&e.push(s)}}return e.join(" ")}var o={}.hasOwnProperty;void 0!==e&&e.exports?e.exports=n:(r=[],void 0!==(i=function(){return n}.apply(t,r))&&(e.exports=i))}()},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=n(1),l=r(a),f=n(0),c=r(f),p=n(2),h=r(p),d=n(3),v=r(d),y=function(e){function t(){var e,n,r,s;i(this,t);for(var u=arguments.length,a=Array(u),l=0;l<u;l++)a[l]=arguments[l];return n=r=o(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r.state={notifications:[]},r.componentWillMount=function(){h.default.addChangeListener(r.handleStoreChange)},r.componentWillUnmount=function(){h.default.removeChangeListener(r.handleStoreChange)},r.handleStoreChange=function(e){r.setState({notifications:e})},r.handleRequestHide=function(e){h.default.remove(e)},s=n,o(r,s)}return s(t,e),u(t,[{key:"render",value:function(){var e=this.state.notifications,t=this.props,n=t.enterTimeout,r=t.leaveTimeout;return l.default.createElement(v.default,{enterTimeout:n,leaveTimeout:r,notifications:e,onRequestHide:this.handleRequestHide})}}]),t}(l.default.Component);y.propTypes={enterTimeout:c.default.number,leaveTimeout:c.default.number},y.defaultProps={enterTimeout:400,leaveTimeout:400},t.default=y,e.exports=t.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=n(1),l=r(a),f=n(0),c=r(f),p=n(4),h=r(p),d=function(e){function t(){var e,n,r,s;i(this,t);for(var u=arguments.length,a=Array(u),l=0;l<u;l++)a[l]=arguments[l];return n=r=o(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r.componentDidMount=function(){var e=r.props.timeOut;0!==e&&(r.timer=setTimeout(r.requestHide,e))},r.componentWillUnmount=function(){r.timer&&clearTimeout(r.timer)},r.handleClick=function(){var e=r.props.onClick;e&&e(),r.requestHide()},r.requestHide=function(){var e=r.props.onRequestHide;e&&e()},s=n,o(r,s)}return s(t,e),u(t,[{key:"render",value:function(){var e=this.props,t=e.type,n=e.message,r=this.props.title,i=(0,h.default)(["notification","notification-"+t]);return r=r?l.default.createElement("h4",{className:"title"},r):null,l.default.createElement("div",{className:i,onClick:this.handleClick},l.default.createElement("div",{className:"notification-message",role:"alert"},r,l.default.createElement("div",{className:"message"},n)))}}]),t}(l.default.Component);d.propTypes={type:c.default.oneOf(["info","success","warning","error"]),title:c.default.node,message:c.default.node.isRequired,timeOut:c.default.number,onClick:c.default.func,onRequestHide:c.default.func},d.defaultProps={type:"info",title:null,message:null,timeOut:5e3,onClick:function(){},onRequestHide:function(){}},t.default=d,e.exports=t.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.NotificationManager=t.NotificationContainer=t.Notifications=void 0;var i=n(3),o=r(i),s=n(5),u=r(s),a=n(2),l=r(a);t.Notifications=o.default,t.NotificationContainer=u.default,t.NotificationManager=l.default,t.default=o.default},function(e,t){function n(){this._events=this._events||{},this._maxListeners=this._maxListeners||void 0}function r(e){return"function"==typeof e}function i(e){return"number"==typeof e}function o(e){return"object"==typeof e&&null!==e}function s(e){return void 0===e}e.exports=n,n.EventEmitter=n,n.prototype._events=void 0,n.prototype._maxListeners=void 0,n.defaultMaxListeners=10,n.prototype.setMaxListeners=function(e){if(!i(e)||e<0||isNaN(e))throw TypeError("n must be a positive number");return this._maxListeners=e,this},n.prototype.emit=function(e){var t,n,i,u,a,l;if(this._events||(this._events={}),"error"===e&&(!this._events.error||o(this._events.error)&&!this._events.error.length)){if((t=arguments[1])instanceof Error)throw t;var f=new Error('Uncaught, unspecified "error" event. ('+t+")");throw f.context=t,f}if(n=this._events[e],s(n))return!1;if(r(n))switch(arguments.length){case 1:n.call(this);break;case 2:n.call(this,arguments[1]);break;case 3:n.call(this,arguments[1],arguments[2]);break;default:u=Array.prototype.slice.call(arguments,1),n.apply(this,u)}else if(o(n))for(u=Array.prototype.slice.call(arguments,1),l=n.slice(),i=l.length,a=0;a<i;a++)l[a].apply(this,u);return!0},n.prototype.addListener=function(e,t){var i;if(!r(t))throw TypeError("listener must be a function");return this._events||(this._events={}),this._events.newListener&&this.emit("newListener",e,r(t.listener)?t.listener:t),this._events[e]?o(this._events[e])?this._events[e].push(t):this._events[e]=[this._events[e],t]:this._events[e]=t,o(this._events[e])&&!this._events[e].warned&&(i=s(this._maxListeners)?n.defaultMaxListeners:this._maxListeners)&&i>0&&this._events[e].length>i&&(this._events[e].warned=!0,console.error("(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.",this._events[e].length),"function"==typeof console.trace&&console.trace()),this},n.prototype.on=n.prototype.addListener,n.prototype.once=function(e,t){function n(){this.removeListener(e,n),i||(i=!0,t.apply(this,arguments))}if(!r(t))throw TypeError("listener must be a function");var i=!1;return n.listener=t,this.on(e,n),this},n.prototype.removeListener=function(e,t){var n,i,s,u;if(!r(t))throw TypeError("listener must be a function");if(!this._events||!this._events[e])return this;if(n=this._events[e],s=n.length,i=-1,n===t||r(n.listener)&&n.listener===t)delete this._events[e],this._events.removeListener&&this.emit("removeListener",e,t);else if(o(n)){for(u=s;u-- >0;)if(n[u]===t||n[u].listener&&n[u].listener===t){i=u;break}if(i<0)return this;1===n.length?(n.length=0,delete this._events[e]):n.splice(i,1),this._events.removeListener&&this.emit("removeListener",e,t)}return this},n.prototype.removeAllListeners=function(e){var t,n;if(!this._events)return this;if(!this._events.removeListener)return 0===arguments.length?this._events={}:this._events[e]&&delete this._events[e],this;if(0===arguments.length){for(t in this._events)"removeListener"!==t&&this.removeAllListeners(t);return this.removeAllListeners("removeListener"),this._events={},this}if(n=this._events[e],r(n))this.removeListener(e,n);else if(n)for(;n.length;)this.removeListener(e,n[n.length-1]);return delete this._events[e],this},n.prototype.listeners=function(e){return this._events&&this._events[e]?r(this._events[e])?[this._events[e]]:this._events[e].slice():[]},n.prototype.listenerCount=function(e){if(this._events){var t=this._events[e];if(r(t))return 1;if(t)return t.length}return 0},n.listenerCount=function(e,t){return e.listenerCount(t)}},function(e,t){e.exports=n}])});
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("prop-types"),require("react"),require("react-transition-group")):"function"==typeof define&&define.amd?define(["prop-types","react","react-transition-group"],t):"object"==typeof exports?exports.ReactNotifications=t(require("prop-types"),require("react"),require("react-transition-group")):e.ReactNotifications=t(e.PropTypes,e.React,e.ReactTransitionGroup)}(this,function(e,t,n){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=7)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(8),a=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)})},f={CHANGE:"change",INFO:"info",SUCCESS:"success",WARNING:"warning",ERROR:"error"},l=function(e){function t(){r(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return e.listNotify=[],e}return o(t,e),s(t,[{key:"create",value:function(e){var t={id:a(),type:"info",title:null,message:null,timeOut:5e3};e.priority?this.listNotify.unshift(Object.assign(t,e)):this.listNotify.push(Object.assign(t,e)),this.emitChange()}},{key:"info",value:function(e,t,n,r,i){this.create({type:f.INFO,message:e,title:t,timeOut:n,onClick:r,priority:i})}},{key:"success",value:function(e,t,n,r,i){this.create({type:f.SUCCESS,message:e,title:t,timeOut:n,onClick:r,priority:i})}},{key:"warning",value:function(e,t,n,r,i){this.create({type:f.WARNING,message:e,title:t,timeOut:n,onClick:r,priority:i})}},{key:"error",value:function(e,t,n,r,i){this.create({type:f.ERROR,message:e,title:t,timeOut:n,onClick:r,priority:i})}},{key:"remove",value:function(e){this.listNotify=this.listNotify.filter(function(t){return e.id!==t.id}),this.emitChange()}},{key:"emitChange",value:function(){this.emit(f.CHANGE,this.listNotify)}},{key:"addChangeListener",value:function(e){this.addListener(f.CHANGE,e)}},{key:"removeChangeListener",value:function(e){this.removeListener(f.CHANGE,e)}}]),t}(u.EventEmitter);t.default=new l,e.exports=t.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=n(1),f=r(a),l=n(0),c=r(l),p=n(9),h=n(4),d=r(h),v=n(6),y=r(v),m=function(e){function t(){var e,n,r,s;i(this,t);for(var u=arguments.length,a=Array(u),f=0;f<u;f++)a[f]=arguments[f];return n=r=o(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r.handleRequestHide=function(e){return function(){var t=r.props.onRequestHide;t&&t(e)}},s=n,o(r,s)}return s(t,e),u(t,[{key:"render",value:function(){var e=this,t=this.props,n=t.notifications,r=t.enterTimeout,i=t.exitTimeout,o=(0,d.default)("notification-container",{"notification-container-empty":0===n.length});return f.default.createElement("div",{className:o},f.default.createElement(p.TransitionGroup,null,n.map(function(t){var n=t.id||(new Date).getTime();return f.default.createElement(p.CSSTransition,{key:n,classNames:"notification",timeout:{enter:r,exit:i}},f.default.createElement(y.default,{type:t.type,title:t.title,message:t.message,timeOut:t.timeOut,onClick:t.onClick,onRequestHide:e.handleRequestHide(t)}))})))}}]),t}(f.default.Component);m.propTypes={notifications:c.default.array.isRequired,onRequestHide:c.default.func,enterTimeout:c.default.number,exitTimeout:c.default.number},m.defaultProps={notifications:[],onRequestHide:function(){},enterTimeout:400,exitTimeout:400},t.default=m,e.exports=t.default},function(e,t,n){var r,i;!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var i=typeof r;if("string"===i||"number"===i)e.push(r);else if(Array.isArray(r)&&r.length){var s=n.apply(null,r);s&&e.push(s)}else if("object"===i)for(var u in r)o.call(r,u)&&r[u]&&e.push(u)}}return e.join(" ")}var o={}.hasOwnProperty;void 0!==e&&e.exports?(n.default=n,e.exports=n):(r=[],void 0!==(i=function(){return n}.apply(t,r))&&(e.exports=i))}()},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=n(1),f=r(a),l=n(0),c=r(l),p=n(2),h=r(p),d=n(3),v=r(d),y=function(e){function t(){var e,n,r,s;i(this,t);for(var u=arguments.length,a=Array(u),f=0;f<u;f++)a[f]=arguments[f];return n=r=o(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r.state={notifications:[]},r.componentDidMount=function(){h.default.addChangeListener(r.handleStoreChange)},r.componentWillUnmount=function(){h.default.removeChangeListener(r.handleStoreChange)},r.handleStoreChange=function(e){r.setState({notifications:e})},r.handleRequestHide=function(e){h.default.remove(e)},s=n,o(r,s)}return s(t,e),u(t,[{key:"render",value:function(){var e=this.state.notifications,t=this.props,n=t.enterTimeout,r=t.exitTimeout;return f.default.createElement(v.default,{enterTimeout:n,exitTimeout:r,notifications:e,onRequestHide:this.handleRequestHide})}}]),t}(f.default.Component);y.propTypes={enterTimeout:c.default.number,exitTimeout:c.default.number},y.defaultProps={enterTimeout:400,exitTimeout:400},t.default=y,e.exports=t.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=n(1),f=r(a),l=n(0),c=r(l),p=n(4),h=r(p),d=function(e){function t(){var e,n,r,s;i(this,t);for(var u=arguments.length,a=Array(u),f=0;f<u;f++)a[f]=arguments[f];return n=r=o(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r.componentDidMount=function(){var e=r.props.timeOut;0!==e&&(r.timer=setTimeout(r.requestHide,e))},r.componentWillUnmount=function(){r.timer&&clearTimeout(r.timer)},r.handleClick=function(){var e=r.props.onClick;e&&e(),r.requestHide()},r.requestHide=function(){var e=r.props.onRequestHide;e&&e()},s=n,o(r,s)}return s(t,e),u(t,[{key:"render",value:function(){var e=this.props,t=e.type,n=e.message,r=this.props.title,i=(0,h.default)(["notification","notification-"+t]);return r=r?f.default.createElement("h4",{className:"title"},r):null,f.default.createElement("div",{className:i,onClick:this.handleClick},f.default.createElement("div",{className:"notification-message",role:"alert"},r,f.default.createElement("div",{className:"message"},n)))}}]),t}(f.default.Component);d.propTypes={type:c.default.oneOf(["info","success","warning","error"]),title:c.default.node,message:c.default.node.isRequired,timeOut:c.default.number,onClick:c.default.func,onRequestHide:c.default.func},d.defaultProps={type:"info",title:null,message:null,timeOut:5e3,onClick:function(){},onRequestHide:function(){}},t.default=d,e.exports=t.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.NotificationManager=t.NotificationContainer=t.Notifications=void 0;var i=n(3),o=r(i),s=n(5),u=r(s),a=n(2),f=r(a);t.Notifications=o.default,t.NotificationContainer=u.default,t.NotificationManager=f.default,t.default=o.default},function(e,t){function n(){this._events=this._events||{},this._maxListeners=this._maxListeners||void 0}function r(e){return"function"==typeof e}function i(e){return"number"==typeof e}function o(e){return"object"==typeof e&&null!==e}function s(e){return void 0===e}e.exports=n,n.EventEmitter=n,n.prototype._events=void 0,n.prototype._maxListeners=void 0,n.defaultMaxListeners=10,n.prototype.setMaxListeners=function(e){if(!i(e)||e<0||isNaN(e))throw TypeError("n must be a positive number");return this._maxListeners=e,this},n.prototype.emit=function(e){var t,n,i,u,a,f;if(this._events||(this._events={}),"error"===e&&(!this._events.error||o(this._events.error)&&!this._events.error.length)){if((t=arguments[1])instanceof Error)throw t;var l=new Error('Uncaught, unspecified "error" event. ('+t+")");throw l.context=t,l}if(n=this._events[e],s(n))return!1;if(r(n))switch(arguments.length){case 1:n.call(this);break;case 2:n.call(this,arguments[1]);break;case 3:n.call(this,arguments[1],arguments[2]);break;default:u=Array.prototype.slice.call(arguments,1),n.apply(this,u)}else if(o(n))for(u=Array.prototype.slice.call(arguments,1),f=n.slice(),i=f.length,a=0;a<i;a++)f[a].apply(this,u);return!0},n.prototype.addListener=function(e,t){var i;if(!r(t))throw TypeError("listener must be a function");return this._events||(this._events={}),this._events.newListener&&this.emit("newListener",e,r(t.listener)?t.listener:t),this._events[e]?o(this._events[e])?this._events[e].push(t):this._events[e]=[this._events[e],t]:this._events[e]=t,o(this._events[e])&&!this._events[e].warned&&(i=s(this._maxListeners)?n.defaultMaxListeners:this._maxListeners)&&i>0&&this._events[e].length>i&&(this._events[e].warned=!0,console.error("(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.",this._events[e].length),"function"==typeof console.trace&&console.trace()),this},n.prototype.on=n.prototype.addListener,n.prototype.once=function(e,t){function n(){this.removeListener(e,n),i||(i=!0,t.apply(this,arguments))}if(!r(t))throw TypeError("listener must be a function");var i=!1;return n.listener=t,this.on(e,n),this},n.prototype.removeListener=function(e,t){var n,i,s,u;if(!r(t))throw TypeError("listener must be a function");if(!this._events||!this._events[e])return this;if(n=this._events[e],s=n.length,i=-1,n===t||r(n.listener)&&n.listener===t)delete this._events[e],this._events.removeListener&&this.emit("removeListener",e,t);else if(o(n)){for(u=s;u-- >0;)if(n[u]===t||n[u].listener&&n[u].listener===t){i=u;break}if(i<0)return this;1===n.length?(n.length=0,delete this._events[e]):n.splice(i,1),this._events.removeListener&&this.emit("removeListener",e,t)}return this},n.prototype.removeAllListeners=function(e){var t,n;if(!this._events)return this;if(!this._events.removeListener)return 0===arguments.length?this._events={}:this._events[e]&&delete this._events[e],this;if(0===arguments.length){for(t in this._events)"removeListener"!==t&&this.removeAllListeners(t);return this.removeAllListeners("removeListener"),this._events={},this}if(n=this._events[e],r(n))this.removeListener(e,n);else if(n)for(;n.length;)this.removeListener(e,n[n.length-1]);return delete this._events[e],this},n.prototype.listeners=function(e){return this._events&&this._events[e]?r(this._events[e])?[this._events[e]]:this._events[e].slice():[]},n.prototype.listenerCount=function(e){if(this._events){var t=this._events[e];if(r(t))return 1;if(t)return t.length}return 0},n.listenerCount=function(e,t){return e.listenerCount(t)}},function(e,t){e.exports=n}])});
\ No newline at end of file
diff --git a/example/src/app.js b/example/src/app.js
index b3a48b7..c9ac779 100644
--- a/example/src/app.js
+++ b/example/src/app.js
@@ -1,7 +1,7 @@
 import 'babel-polyfill';
 
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { render } from 'react-dom';
 import App from 'components/App';
 
 import 'bootstrap/dist/css/bootstrap.css';
@@ -9,7 +9,12 @@ import 'react-notifications/src/notifications.scss';
 import 'assets/styles/app.scss';
 
 const run = () => {
-  ReactDOM.render(<App/>, document.getElementById('app'));
+  render(
+    <React.StrictMode>
+      <App/>
+    </React.StrictMode>,
+    document.getElementById('app')
+  );
 };
 
 window.addEventListener('DOMContentLoaded', run);
diff --git a/example/webpack.config.babel.js b/example/webpack.config.babel.js
index 19ba43f..155060d 100644
--- a/example/webpack.config.babel.js
+++ b/example/webpack.config.babel.js
@@ -23,7 +23,7 @@ const sassLoader = {
   }
 };
 
-const hmr = HOT ? ['webpack-hot-middleware/client?reload=true'] : [];
+const hmr = HOT ? ['webpack-hot-middleware/client?reload=true', 'react-hot-loader/patch'] : [];
 
 const webpackConfig = {
   entry: {
@@ -61,7 +61,7 @@ const webpackConfig = {
       {
         test: /\.(js|jsx)$/,
         exclude: /node_modules/,
-        use: ['react-hot-loader', 'babel-loader']
+        use: ['babel-loader']
       },
       {
         test: /\.css$/,
diff --git a/lib/NotificationContainer.js b/lib/NotificationContainer.js
index c9e0865..39abe76 100644
--- a/lib/NotificationContainer.js
+++ b/lib/NotificationContainer.js
@@ -46,7 +46,7 @@ var NotificationContainer = function (_React$Component) {
 
     return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = NotificationContainer.__proto__ || Object.getPrototypeOf(NotificationContainer)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
       notifications: []
-    }, _this.componentWillMount = function () {
+    }, _this.componentDidMount = function () {
       _NotificationManager2.default.addChangeListener(_this.handleStoreChange);
     }, _this.componentWillUnmount = function () {
       _NotificationManager2.default.removeChangeListener(_this.handleStoreChange);
@@ -65,11 +65,11 @@ var NotificationContainer = function (_React$Component) {
       var notifications = this.state.notifications;
       var _props = this.props,
           enterTimeout = _props.enterTimeout,
-          leaveTimeout = _props.leaveTimeout;
+          exitTimeout = _props.exitTimeout;
 
       return _react2.default.createElement(_Notifications2.default, {
         enterTimeout: enterTimeout,
-        leaveTimeout: leaveTimeout,
+        exitTimeout: exitTimeout,
         notifications: notifications,
         onRequestHide: this.handleRequestHide
       });
@@ -81,11 +81,11 @@ var NotificationContainer = function (_React$Component) {
 
 NotificationContainer.propTypes = {
   enterTimeout: _propTypes2.default.number,
-  leaveTimeout: _propTypes2.default.number
+  exitTimeout: _propTypes2.default.number
 };
 NotificationContainer.defaultProps = {
   enterTimeout: 400,
-  leaveTimeout: 400
+  exitTimeout: 400
 };
 exports.default = NotificationContainer;
 module.exports = exports['default'];
\ No newline at end of file
diff --git a/lib/Notifications.js b/lib/Notifications.js
index e8569d4..3de8d74 100644
--- a/lib/Notifications.js
+++ b/lib/Notifications.js
@@ -65,7 +65,7 @@ var Notifications = function (_React$Component) {
       var _props = this.props,
           notifications = _props.notifications,
           enterTimeout = _props.enterTimeout,
-          leaveTimeout = _props.leaveTimeout;
+          exitTimeout = _props.exitTimeout;
 
       var className = (0, _classnames2.default)('notification-container', {
         'notification-container-empty': notifications.length === 0
@@ -74,23 +74,26 @@ var Notifications = function (_React$Component) {
         'div',
         { className: className },
         _react2.default.createElement(
-          _reactTransitionGroup.CSSTransitionGroup,
-          {
-            transitionName: 'notification',
-            transitionEnterTimeout: enterTimeout,
-            transitionLeaveTimeout: leaveTimeout
-          },
+          _reactTransitionGroup.TransitionGroup,
+          null,
           notifications.map(function (notification) {
             var key = notification.id || new Date().getTime();
-            return _react2.default.createElement(_Notification2.default, {
-              key: key,
-              type: notification.type,
-              title: notification.title,
-              message: notification.message,
-              timeOut: notification.timeOut,
-              onClick: notification.onClick,
-              onRequestHide: _this2.handleRequestHide(notification)
-            });
+            return _react2.default.createElement(
+              _reactTransitionGroup.CSSTransition,
+              {
+                key: key,
+                classNames: 'notification',
+                timeout: { enter: enterTimeout, exit: exitTimeout }
+              },
+              _react2.default.createElement(_Notification2.default, {
+                type: notification.type,
+                title: notification.title,
+                message: notification.message,
+                timeOut: notification.timeOut,
+                onClick: notification.onClick,
+                onRequestHide: _this2.handleRequestHide(notification)
+              })
+            );
           })
         )
       );
@@ -104,13 +107,13 @@ Notifications.propTypes = {
   notifications: _propTypes2.default.array.isRequired,
   onRequestHide: _propTypes2.default.func,
   enterTimeout: _propTypes2.default.number,
-  leaveTimeout: _propTypes2.default.number
+  exitTimeout: _propTypes2.default.number
 };
 Notifications.defaultProps = {
   notifications: [],
   onRequestHide: function onRequestHide() {},
   enterTimeout: 400,
-  leaveTimeout: 400
+  exitTimeout: 400
 };
 exports.default = Notifications;
 module.exports = exports['default'];
\ No newline at end of file
diff --git a/lib/notifications.css b/lib/notifications.css
index aa4e28f..9661215 100644
--- a/lib/notifications.css
+++ b/lib/notifications.css
@@ -57,12 +57,12 @@
   transition: all 0.4s;
 }
 
-.notification-leave {
+.notification-exit {
   visibility: visible;
   transform: translate3d(0, 0, 0);
 }
 
-.notification-leave.notification-leave-active {
+.notification-exit.notification-exit-active {
   visibility: hidden;
   transform: translate3d(100%, 0, 0);
   transition: all 0.4s;
diff --git a/package.json b/package.json
index 31b16d1..f52a8a6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-notifications",
-  "version": "1.4.3",
+  "version": "2.0.0",
   "description": "Notification component for ReactJS",
   "main": "lib/index.js",
   "scripts": {
@@ -18,7 +18,7 @@
   "dependencies": {
     "classnames": "^2.1.1",
     "prop-types": "^15.5.10",
-    "react-transition-group": "^1.2.0"
+    "react-transition-group": "^2.5.2"
   },
   "devDependencies": {
     "autoprefixer": "^7.0.1",
@@ -58,9 +58,9 @@
     "http-proxy": "^1.16.2",
     "node-sass": "^4.5.0",
     "postcss-loader": "^2.0.5",
-    "react": "^15.5.4",
-    "react-dom": "^15.5.4",
-    "react-hot-loader": "^1.3.1",
+    "react": "^16.7.0",
+    "react-dom": "^16.7.0",
+    "react-hot-loader": "^4.6.3",
     "react-router-dom": "^4.1.1",
     "run-sequence": "^1.2.2",
     "sass-loader": "^6.0.1",
diff --git a/src/NotificationContainer.js b/src/NotificationContainer.js
index 431d11b..c681b1a 100644
--- a/src/NotificationContainer.js
+++ b/src/NotificationContainer.js
@@ -6,19 +6,19 @@ import Notifications from './Notifications';
 class NotificationContainer extends React.Component {
   static propTypes = {
     enterTimeout: PropTypes.number,
-    leaveTimeout: PropTypes.number
+    exitTimeout: PropTypes.number
   };
 
   static defaultProps = {
     enterTimeout: 400,
-    leaveTimeout: 400
+    exitTimeout: 400
   };
 
   state = {
     notifications: []
   };
 
-  componentWillMount = () => {
+  componentDidMount = () => {
     NotificationManager.addChangeListener(this.handleStoreChange);
   };
 
@@ -38,11 +38,11 @@ class NotificationContainer extends React.Component {
 
   render() {
     const { notifications } = this.state;
-    const { enterTimeout, leaveTimeout } = this.props;
+    const { enterTimeout, exitTimeout } = this.props;
     return (
       <Notifications
         enterTimeout={enterTimeout}
-        leaveTimeout={leaveTimeout}
+        exitTimeout={exitTimeout}
         notifications={notifications}
         onRequestHide={this.handleRequestHide}
       />
diff --git a/src/Notifications.js b/src/Notifications.js
index eb77d3d..79cde7e 100644
--- a/src/Notifications.js
+++ b/src/Notifications.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { CSSTransitionGroup } from 'react-transition-group';
+import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import classnames from 'classnames';
 import Notification from './Notification';
 
@@ -9,7 +9,7 @@ class Notifications extends React.Component {
     notifications: PropTypes.array.isRequired,
     onRequestHide: PropTypes.func,
     enterTimeout: PropTypes.number,
-    leaveTimeout: PropTypes.number
+    exitTimeout: PropTypes.number
   };
 
   static defaultProps = {
@@ -17,7 +17,7 @@ class Notifications extends React.Component {
     onRequestHide: () => {
     },
     enterTimeout: 400,
-    leaveTimeout: 400
+    exitTimeout: 400
   };
 
   handleRequestHide = notification => () => {
@@ -28,32 +28,33 @@ class Notifications extends React.Component {
   };
 
   render() {
-    const { notifications, enterTimeout, leaveTimeout } = this.props;
+    const { notifications, enterTimeout, exitTimeout } = this.props;
     const className = classnames('notification-container', {
       'notification-container-empty': notifications.length === 0
     });
     return (
       <div className={className}>
-        <CSSTransitionGroup
-          transitionName="notification"
-          transitionEnterTimeout={enterTimeout}
-          transitionLeaveTimeout={leaveTimeout}
-        >
+        <TransitionGroup>
           {notifications.map((notification) => {
             const key = notification.id || new Date().getTime();
             return (
-              <Notification
+              <CSSTransition
                 key={key}
-                type={notification.type}
-                title={notification.title}
-                message={notification.message}
-                timeOut={notification.timeOut}
-                onClick={notification.onClick}
-                onRequestHide={this.handleRequestHide(notification)}
-              />
+                classNames="notification"
+                timeout={{ enter: enterTimeout, exit: exitTimeout }}
+              >
+                <Notification
+                  type={notification.type}
+                  title={notification.title}
+                  message={notification.message}
+                  timeOut={notification.timeOut}
+                  onClick={notification.onClick}
+                  onRequestHide={this.handleRequestHide(notification)}
+                />
+              </CSSTransition>
             );
           })}
-        </CSSTransitionGroup>
+        </TransitionGroup>
       </div>
     );
   }
diff --git a/src/notifications.scss b/src/notifications.scss
index eb601a8..232061f 100644
--- a/src/notifications.scss
+++ b/src/notifications.scss
@@ -59,12 +59,12 @@
   transition: all $react-notifications-transition-time;
 }
 
-.notification-leave {
+.notification-exit {
   visibility: visible;
   transform: translate3d(0, 0, 0);
 }
 
-.notification-leave.notification-leave-active {
+.notification-exit.notification-exit-active {
   visibility: hidden;
   transform: translate3d(100%, 0, 0);
   transition: all $react-notifications-transition-time;