teamleader-ui - npm Package Compare versions

Comparing version 0.0.24-alpha to 0.0.25-alpha

components/button/Button.js

 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import classnames from 'classnames';
+import cx from 'classnames';
 import FontIcon from '../font_icon';
@@ -113,3 +113,3 @@ import { omit } from 'lodash';
 
-    const classes = classnames(
+    const classes = cx(
       theme.button,
@@ -116,0 +116,0 @@ {

components/button/IconButton.js

 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import classnames from 'classnames';
+import cx from 'classnames';
 import { themr } from 'react-css-themr';
@@ -85,3 +85,3 @@ import { BUTTON } from '../identifiers';
 
-      const classes = classnames(
+      const classes = cx(
         [ theme.iconOnly ],
@@ -88,0 +88,0 @@ [ theme.toggle ],

components/dialog/Dialog.js

 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import classnames from 'classnames';
+import cx from 'classnames';
 import { themr } from 'react-css-themr';
@@ -77,3 +77,3 @@ import { DIALOG } from '../identifiers.js';
       const actionButtons = actions.map((action, idx) => {
-        const className = classnames(
+        const className = cx(
           theme.button,
@@ -87,3 +87,3 @@ {
 
-      const dialogClassNames = classnames(
+      const dialogClassNames = cx(
         [
@@ -90,0 +90,0 @@ theme.dialog,

components/hoc/Portal.js

@@ -102,3 +102,2 @@ import React, { Component } from 'react';
   }
-
 }
@@ -105,0 +104,0 @@

components/loadingMolecule/LoadingMolecule.js

@@ -9,8 +9,10 @@ import React, { Component } from 'react';
   static defaultProps = {
+    className: '',
     startColor: '#BABABA',
     stopColor: '#DADADA',
     type: 'normal',
-  }
+  };
 
   static propTypes = {
+    className: PropTypes.string,
     theme: PropTypes.shape({
@@ -32,2 +34,3 @@ loadingMolecule: PropTypes.string,
     const {
+      className,
       theme,
@@ -41,2 +44,8 @@ basePath,
 
+    const classes = cx(
+      theme['loading-molecule'],
+      theme[type],
+      className
+    );
+
     const gradient1Name = `linearGradient-1-${this.randomGradientPostFix}`;
@@ -48,3 +57,3 @@ const gradient2Name = `linearGradient-2-${this.randomGradientPostFix}`;
     return (
-      <div className={cx(theme['loading-molecule'], theme[type])} {...others}>
+      <div className={classes} {...others}>
         <svg className="loader" width="100px" height="56px" version="1.1">
@@ -51,0 +60,0 @@ <defs>

components/menu/IconMenu.js

 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import classnames from 'classnames';
+import cx from 'classnames';
 import { themr } from 'react-css-themr';
@@ -63,3 +63,3 @@ import { MENU } from '../identifiers.js';
       return (
-        <div {...other} className={classnames(theme.iconMenu, className)}>
+        <div {...other} className={cx(theme.iconMenu, className)}>
           <IconButton
@@ -66,0 +66,0 @@ className={theme.icon}

components/menu/Menu.js

 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
-import classnames from 'classnames';
+import cx from 'classnames';
 import { themr } from 'react-css-themr';
@@ -232,3 +232,3 @@ import { MENU } from '../identifiers.js';
       const outlineStyle = { width: this.state.width, height: this.state.height };
-      const className = classnames([ theme.menu, theme[this.state.position] ], {
+      const className = cx([ theme.menu, theme[this.state.position] ], {
         [theme.active]: this.state.active,
@@ -235,0 +235,0 @@ }, this.props.className);

components/menu/MenuItem.js

 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import classnames from 'classnames';
+import cx from 'classnames';
 import { themr } from 'react-css-themr';
@@ -56,3 +56,3 @@ import { MENU } from '../identifiers.js';
 
-      const className = classnames(
+      const className = cx(
         theme.menuItem,
@@ -59,0 +59,0 @@ {

components/overlay/Overlay.js

 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import classnames from 'classnames';
+import cx from 'classnames';
 import { themr } from 'react-css-themr';
@@ -100,3 +100,3 @@ import { OVERLAY } from '../identifiers';
         onClick={this.handleClick}
-        className={classnames(
+        className={cx(
           theme.overlay,
@@ -103,0 +103,0 @@ theme[backdrop],

components/toast/Toast.js

 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import classnames from 'classnames';
+import cx from 'classnames';
 import { themr } from 'react-css-themr';
@@ -80,5 +80,5 @@ import { TOAST } from '../identifiers';
 
-      const className = classnames([
+      const className = cx([
         theme.toast,
-        theme[type],
+        theme[ type ],
       ], {
@@ -93,3 +93,3 @@ [theme.active]: active,
           <div
-            data-react-toolbox="toast"
+            data-teamleader-ui="toast"
             className={className}
@@ -103,3 +103,3 @@ >
               onClick ? action ? <Button className={theme.button} label={action} onClick={onClick} />
-              : <IconButton className={theme.iconButton} icon="close" onClick={onClick} /> : null
+                : <IconButton className={theme.iconButton} icon="close" onClick={onClick} /> : null
             }
@@ -106,0 +106,0 @@ </div>

config/index.js

@@ -35,3 +35,3 @@ /* eslint key-spacing:0 spaced-comment:0 */
   compiler_css_modules: true,
-  compiler_devtool: 'eval-source-map',
+  compiler_devtool: 'cheap-module-source-map',
   compiler_hash_type: 'hash',
@@ -38,0 +38,0 @@ compiler_fail_on_warning: false,

lib/button/Button.js

@@ -40,3 +40,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/button/Button.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/button/Button.js';
 
@@ -51,5 +51,5 @@ var _react = require('react');
 
-var _classnames2 = require('classnames');
+var _classnames = require('classnames');
 
-var _classnames3 = _interopRequireDefault(_classnames2);
+var _classnames2 = _interopRequireDefault(_classnames);
 
@@ -156,3 +156,3 @@ var _font_icon = require('../font_icon');
     value: function render() {
-      var _classnames,
+      var _cx,
           _this8 = this;
@@ -180,3 +180,3 @@
 
-      var classes = (0, _classnames3.default)(theme.button, (_classnames = {}, (0, _defineProperty3.default)(_classnames, theme[level], theme[level]), (0, _defineProperty3.default)(_classnames, theme[shape], theme[shape]), (0, _defineProperty3.default)(_classnames, theme[state], theme[state]), (0, _defineProperty3.default)(_classnames, theme[size], theme[size]), (0, _defineProperty3.default)(_classnames, theme.iconOnly, !label && !children), _classnames), className);
+      var classes = (0, _classnames2.default)(theme.button, (_cx = {}, (0, _defineProperty3.default)(_cx, theme[level], theme[level]), (0, _defineProperty3.default)(_cx, theme[shape], theme[shape]), (0, _defineProperty3.default)(_cx, theme[state], theme[state]), (0, _defineProperty3.default)(_cx, theme[size], theme[size]), (0, _defineProperty3.default)(_cx, theme.iconOnly, !label && !children), _cx), className);
 
@@ -257,7 +257,7 @@ var props = (0, _extends3.default)({}, rest, {
 
-  __REACT_HOT_LOADER__.register(Button, 'Button', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/button/Button.js');
+  __REACT_HOT_LOADER__.register(Button, 'Button', '/Users/dries/Sites/teamleader-ui/components/button/Button.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/button/Button.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/button/Button.js');
 }();
 
 ;

lib/button/IconButton.js

@@ -40,3 +40,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/button/IconButton.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js';
 
@@ -51,5 +51,5 @@ var _react = require('react');
 
-var _classnames2 = require('classnames');
+var _classnames = require('classnames');
 
-var _classnames3 = _interopRequireDefault(_classnames2);
+var _classnames2 = _interopRequireDefault(_classnames);
 
@@ -125,3 +125,3 @@ var _reactCssThemr = require('react-css-themr');
       value: function render() {
-        var _classnames,
+        var _cx,
             _this5 = this;
@@ -147,3 +147,3 @@
 
-        var classes = (0, _classnames3.default)([theme.iconOnly], [theme.toggle], (_classnames = {}, (0, _defineProperty3.default)(_classnames, theme[level], neutral), (0, _defineProperty3.default)(_classnames, theme.inverse, inverse), _classnames), className);
+        var classes = (0, _classnames2.default)([theme.iconOnly], [theme.toggle], (_cx = {}, (0, _defineProperty3.default)(_cx, theme[level], neutral), (0, _defineProperty3.default)(_cx, theme.inverse, inverse), _cx), className);
 
@@ -223,9 +223,9 @@ var props = (0, _extends3.default)({}, rest, {
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/button/IconButton.js');
+  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js');
 
-  __REACT_HOT_LOADER__.register(IconButton, 'IconButton', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/button/IconButton.js');
+  __REACT_HOT_LOADER__.register(IconButton, 'IconButton', '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/button/IconButton.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js');
 }();
 
 ;

lib/button/index.js

@@ -42,11 +42,11 @@ 'use strict';
 
-  __REACT_HOT_LOADER__.register(IconButton, 'IconButton', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/button/index.js');
+  __REACT_HOT_LOADER__.register(IconButton, 'IconButton', '/Users/dries/Sites/teamleader-ui/components/button/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedButton, 'ThemedButton', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/button/index.js');
+  __REACT_HOT_LOADER__.register(ThemedButton, 'ThemedButton', '/Users/dries/Sites/teamleader-ui/components/button/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedIconButton, 'ThemedIconButton', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/button/index.js');
+  __REACT_HOT_LOADER__.register(ThemedIconButton, 'ThemedIconButton', '/Users/dries/Sites/teamleader-ui/components/button/index.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/button/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/button/index.js');
 }();
 
 ;

lib/dialog/Dialog.js

@@ -36,3 +36,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/dialog/Dialog.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/dialog/Dialog.js';
 
@@ -47,5 +47,5 @@ var _react = require('react');
 
-var _classnames3 = require('classnames');
+var _classnames = require('classnames');
 
-var _classnames4 = _interopRequireDefault(_classnames3);
+var _classnames2 = _interopRequireDefault(_classnames);
 
@@ -113,3 +113,3 @@ var _reactCssThemr = require('react-css-themr');
         var actionButtons = actions.map(function (action, idx) {
-          var className = (0, _classnames4.default)(theme.button, (0, _defineProperty3.default)({}, action.className, action.className));
+          var className = (0, _classnames2.default)(theme.button, (0, _defineProperty3.default)({}, action.className, action.className));
           return _react2.default.createElement(Button, (0, _extends3.default)({ key: idx }, action, { className: className, medium: true, __source: {
@@ -122,3 +122,3 @@ fileName: _jsxFileName,
 
-        var dialogClassNames = (0, _classnames4.default)([theme.dialog, theme[size], theme[type]], (0, _defineProperty3.default)({}, theme.active, active), className);
+        var dialogClassNames = (0, _classnames2.default)([theme.dialog, theme[size], theme[type]], (0, _defineProperty3.default)({}, theme.active, active), className);
 
@@ -269,9 +269,9 @@ return _react2.default.createElement(
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/dialog/Dialog.js');
+  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/dialog/Dialog.js');
 
-  __REACT_HOT_LOADER__.register(Dialog, 'Dialog', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/dialog/Dialog.js');
+  __REACT_HOT_LOADER__.register(Dialog, 'Dialog', '/Users/dries/Sites/teamleader-ui/components/dialog/Dialog.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/dialog/Dialog.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/dialog/Dialog.js');
 }();
 
 ;

lib/dialog/index.js

@@ -37,9 +37,9 @@ 'use strict';
 
-  __REACT_HOT_LOADER__.register(Dialog, 'Dialog', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/dialog/index.js');
+  __REACT_HOT_LOADER__.register(Dialog, 'Dialog', '/Users/dries/Sites/teamleader-ui/components/dialog/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedDialog, 'ThemedDialog', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/dialog/index.js');
+  __REACT_HOT_LOADER__.register(ThemedDialog, 'ThemedDialog', '/Users/dries/Sites/teamleader-ui/components/dialog/index.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/dialog/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/dialog/index.js');
 }();
 
 ;

lib/font_icon/FontIcon.js

@@ -16,3 +16,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/font_icon/FontIcon.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/font_icon/FontIcon.js';
 
@@ -74,7 +74,7 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(FontIcon, 'FontIcon', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/font_icon/FontIcon.js');
+  __REACT_HOT_LOADER__.register(FontIcon, 'FontIcon', '/Users/dries/Sites/teamleader-ui/components/font_icon/FontIcon.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/font_icon/FontIcon.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/font_icon/FontIcon.js');
 }();
 
 ;

lib/font_icon/index.js

@@ -24,5 +24,5 @@ 'use strict';
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/font_icon/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/font_icon/index.js');
 }();
 
 ;

lib/hoc/ActivableRenderer.js

@@ -35,3 +35,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/hoc/ActivableRenderer.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/hoc/ActivableRenderer.js';
 
@@ -153,7 +153,7 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(ActivableRendererFactory, 'ActivableRendererFactory', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/hoc/ActivableRenderer.js');
+  __REACT_HOT_LOADER__.register(ActivableRendererFactory, 'ActivableRendererFactory', '/Users/dries/Sites/teamleader-ui/components/hoc/ActivableRenderer.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/hoc/ActivableRenderer.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/hoc/ActivableRenderer.js');
 }();
 
 ;

lib/hoc/Portal.js

@@ -27,3 +27,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/hoc/Portal.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/hoc/Portal.js';
 
@@ -186,9 +186,9 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(Portal, 'Portal', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/hoc/Portal.js');
+  __REACT_HOT_LOADER__.register(Portal, 'Portal', '/Users/dries/Sites/teamleader-ui/components/hoc/Portal.js');
 
-  __REACT_HOT_LOADER__.register(getContainer, 'getContainer', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/hoc/Portal.js');
+  __REACT_HOT_LOADER__.register(getContainer, 'getContainer', '/Users/dries/Sites/teamleader-ui/components/hoc/Portal.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/hoc/Portal.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/hoc/Portal.js');
 }();
 
 ;

lib/identifiers.js

@@ -21,19 +21,19 @@ 'use strict';
 
-  __REACT_HOT_LOADER__.register(BUTTON, 'BUTTON', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(BUTTON, 'BUTTON', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
 
-  __REACT_HOT_LOADER__.register(DIALOG, 'DIALOG', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(DIALOG, 'DIALOG', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
 
-  __REACT_HOT_LOADER__.register(LOADING_MOLECULE, 'LOADING_MOLECULE', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(LOADING_MOLECULE, 'LOADING_MOLECULE', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
 
-  __REACT_HOT_LOADER__.register(MENU, 'MENU', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(MENU, 'MENU', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
 
-  __REACT_HOT_LOADER__.register(OVERLAY, 'OVERLAY', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(OVERLAY, 'OVERLAY', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
 
-  __REACT_HOT_LOADER__.register(POPOVER_VERTICAL, 'POPOVER_VERTICAL', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(POPOVER_VERTICAL, 'POPOVER_VERTICAL', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
 
-  __REACT_HOT_LOADER__.register(POPOVER_HORIZONTAL, 'POPOVER_HORIZONTAL', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(POPOVER_HORIZONTAL, 'POPOVER_HORIZONTAL', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
 
-  __REACT_HOT_LOADER__.register(TOAST, 'TOAST', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(TOAST, 'TOAST', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
 }();
 
 ;

lib/loadingMolecule/index.js

@@ -36,9 +36,9 @@ 'use strict';
 
-  __REACT_HOT_LOADER__.register(applyTheme, 'applyTheme', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/loadingMolecule/index.js');
+  __REACT_HOT_LOADER__.register(applyTheme, 'applyTheme', '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedLoadingMolecule, 'ThemedLoadingMolecule', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/loadingMolecule/index.js');
+  __REACT_HOT_LOADER__.register(ThemedLoadingMolecule, 'ThemedLoadingMolecule', '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/index.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/loadingMolecule/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/index.js');
 }();
 
 ;

lib/loadingMolecule/LoadingMolecule.js

@@ -36,3 +36,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/loadingMolecule/LoadingMolecule.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/LoadingMolecule.js';
 
@@ -73,2 +73,3 @@ var _react = require('react');
       var _props = this.props,
+          className = _props.className,
           theme = _props.theme,
@@ -79,5 +80,7 @@ basePath = _props.basePath,
           type = _props.type,
-          others = (0, _objectWithoutProperties3.default)(_props, ['theme', 'basePath', 'startColor', 'stopColor', 'type']);
+          others = (0, _objectWithoutProperties3.default)(_props, ['className', 'theme', 'basePath', 'startColor', 'stopColor', 'type']);
 
 
+      var classes = (0, _classnames2.default)(theme['loading-molecule'], theme[type], className);
+
       var gradient1Name = 'linearGradient-1-' + this.randomGradientPostFix;
@@ -90,6 +93,6 @@ var gradient2Name = 'linearGradient-2-' + this.randomGradientPostFix;
         'div',
-        (0, _extends3.default)({ className: (0, _classnames2.default)(theme['loading-molecule'], theme[type]) }, others, {
+        (0, _extends3.default)({ className: classes }, others, {
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 45
+            lineNumber: 54
           }
@@ -101,3 +104,3 @@ }),
               fileName: _jsxFileName,
-              lineNumber: 46
+              lineNumber: 55
             }
@@ -110,3 +113,3 @@ },
                 fileName: _jsxFileName,
-                lineNumber: 47
+                lineNumber: 56
               }
@@ -118,3 +121,3 @@ },
                   fileName: _jsxFileName,
-                  lineNumber: 48
+                  lineNumber: 57
                 }
@@ -124,3 +127,3 @@ },
                   fileName: _jsxFileName,
-                  lineNumber: 49
+                  lineNumber: 58
                 }
@@ -130,3 +133,3 @@ }),
                   fileName: _jsxFileName,
-                  lineNumber: 50
+                  lineNumber: 59
                 }
@@ -139,3 +142,3 @@ })
                   fileName: _jsxFileName,
-                  lineNumber: 52
+                  lineNumber: 61
                 }
@@ -145,3 +148,3 @@ },
                   fileName: _jsxFileName,
-                  lineNumber: 53
+                  lineNumber: 62
                 }
@@ -151,3 +154,3 @@ }),
                   fileName: _jsxFileName,
-                  lineNumber: 54
+                  lineNumber: 63
                 }
@@ -161,3 +164,3 @@ })
                 fileName: _jsxFileName,
-                lineNumber: 57
+                lineNumber: 66
               }
@@ -172,3 +175,3 @@ },
                 fileName: _jsxFileName,
-                lineNumber: 58
+                lineNumber: 67
               }
@@ -183,3 +186,3 @@ }),
                 fileName: _jsxFileName,
-                lineNumber: 64
+                lineNumber: 73
               }
@@ -194,3 +197,3 @@ }),
                 fileName: _jsxFileName,
-                lineNumber: 70
+                lineNumber: 79
               }
@@ -205,3 +208,3 @@ }),
                 fileName: _jsxFileName,
-                lineNumber: 76
+                lineNumber: 85
               }
@@ -218,2 +221,3 @@ })
 LoadingMolecule.defaultProps = {
+  className: '',
   startColor: '#BABABA',
@@ -224,2 +228,3 @@ stopColor: '#DADADA',
 LoadingMolecule.propTypes = {
+  className: _propTypes2.default.string,
   theme: _propTypes2.default.shape({
@@ -245,7 +250,7 @@ loadingMolecule: _propTypes2.default.string
 
-  __REACT_HOT_LOADER__.register(LoadingMolecule, 'LoadingMolecule', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/loadingMolecule/LoadingMolecule.js');
+  __REACT_HOT_LOADER__.register(LoadingMolecule, 'LoadingMolecule', '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/LoadingMolecule.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/loadingMolecule/LoadingMolecule.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/LoadingMolecule.js');
 }();
 
 ;

lib/menu/IconMenu.js

@@ -36,3 +36,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/IconMenu.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/IconMenu.js';
 
@@ -207,9 +207,9 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/IconMenu.js');
+  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/menu/IconMenu.js');
 
-  __REACT_HOT_LOADER__.register(IconMenu, 'IconMenu', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/IconMenu.js');
+  __REACT_HOT_LOADER__.register(IconMenu, 'IconMenu', '/Users/dries/Sites/teamleader-ui/components/menu/IconMenu.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/IconMenu.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/IconMenu.js');
 }();
 
 ;

lib/menu/index.js

@@ -50,15 +50,15 @@ 'use strict';
 
-  __REACT_HOT_LOADER__.register(applyTheme, 'applyTheme', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/index.js');
+  __REACT_HOT_LOADER__.register(applyTheme, 'applyTheme', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedMenuDivider, 'ThemedMenuDivider', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/index.js');
+  __REACT_HOT_LOADER__.register(ThemedMenuDivider, 'ThemedMenuDivider', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedMenuItem, 'ThemedMenuItem', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/index.js');
+  __REACT_HOT_LOADER__.register(ThemedMenuItem, 'ThemedMenuItem', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedMenu, 'ThemedMenu', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/index.js');
+  __REACT_HOT_LOADER__.register(ThemedMenu, 'ThemedMenu', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedIconMenu, 'ThemedIconMenu', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/index.js');
+  __REACT_HOT_LOADER__.register(ThemedIconMenu, 'ThemedIconMenu', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
 }();
 
 ;

lib/menu/Menu.js

@@ -36,3 +36,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/Menu.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js';
 
@@ -51,5 +51,5 @@ var _react = require('react');
 
-var _classnames2 = require('classnames');
+var _classnames = require('classnames');
 
-var _classnames3 = _interopRequireDefault(_classnames2);
+var _classnames2 = _interopRequireDefault(_classnames);
 
@@ -329,3 +329,3 @@ var _reactCssThemr = require('react-css-themr');
         var outlineStyle = { width: this.state.width, height: this.state.height };
-        var className = (0, _classnames3.default)([theme.menu, theme[this.state.position]], (0, _defineProperty3.default)({}, theme.active, this.state.active), this.props.className);
+        var className = (0, _classnames2.default)([theme.menu, theme[this.state.position]], (0, _defineProperty3.default)({}, theme.active, this.state.active), this.props.className);
 
@@ -411,11 +411,11 @@ return _react2.default.createElement(
 
-  __REACT_HOT_LOADER__.register(POSITION, 'POSITION', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/Menu.js');
+  __REACT_HOT_LOADER__.register(POSITION, 'POSITION', '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js');
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/Menu.js');
+  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js');
 
-  __REACT_HOT_LOADER__.register(Menu, 'Menu', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/Menu.js');
+  __REACT_HOT_LOADER__.register(Menu, 'Menu', '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/Menu.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js');
 }();
 
 ;

lib/menu/MenuDivider.js

@@ -7,3 +7,3 @@ 'use strict';
 exports.MenuDivider = undefined;
-var _jsxFileName = '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/MenuDivider.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/MenuDivider.js';
 
@@ -50,7 +50,7 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(MenuDivider, 'MenuDivider', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/MenuDivider.js');
+  __REACT_HOT_LOADER__.register(MenuDivider, 'MenuDivider', '/Users/dries/Sites/teamleader-ui/components/menu/MenuDivider.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/MenuDivider.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/MenuDivider.js');
 }();
 
 ;

lib/menu/MenuItem.js

@@ -40,3 +40,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/MenuItem.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js';
 
@@ -51,5 +51,5 @@ var _react = require('react');
 
-var _classnames2 = require('classnames');
+var _classnames = require('classnames');
 
-var _classnames3 = _interopRequireDefault(_classnames2);
+var _classnames2 = _interopRequireDefault(_classnames);
 
@@ -98,3 +98,3 @@ var _reactCssThemr = require('react-css-themr');
       value: function render() {
-        var _classnames;
+        var _cx;
 
@@ -112,3 +112,3 @@ var _props = this.props,
 
-        var className = (0, _classnames3.default)(theme.menuItem, (_classnames = {}, (0, _defineProperty3.default)(_classnames, theme.selected, selected), (0, _defineProperty3.default)(_classnames, theme.disabled, disabled), _classnames), this.props.className);
+        var className = (0, _classnames2.default)(theme.menuItem, (_cx = {}, (0, _defineProperty3.default)(_cx, theme.selected, selected), (0, _defineProperty3.default)(_cx, theme.disabled, disabled), _cx), this.props.className);
 
@@ -194,9 +194,9 @@ return _react2.default.createElement(
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/MenuItem.js');
+  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js');
 
-  __REACT_HOT_LOADER__.register(MenuItem, 'MenuItem', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/MenuItem.js');
+  __REACT_HOT_LOADER__.register(MenuItem, 'MenuItem', '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/menu/MenuItem.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js');
 }();
 
 ;

lib/overlay/index.js

@@ -31,7 +31,7 @@ 'use strict';
 
-  __REACT_HOT_LOADER__.register(ThemedOverlay, 'ThemedOverlay', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/overlay/index.js');
+  __REACT_HOT_LOADER__.register(ThemedOverlay, 'ThemedOverlay', '/Users/dries/Sites/teamleader-ui/components/overlay/index.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/overlay/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/overlay/index.js');
 }();
 
 ;

lib/overlay/Overlay.js

@@ -40,3 +40,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/overlay/Overlay.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/overlay/Overlay.js';
 
@@ -51,5 +51,5 @@ var _react = require('react');
 
-var _classnames2 = require('classnames');
+var _classnames = require('classnames');
 
-var _classnames3 = _interopRequireDefault(_classnames2);
+var _classnames2 = _interopRequireDefault(_classnames);
 
@@ -168,3 +168,3 @@ var _reactCssThemr = require('react-css-themr');
         onClick: this.handleClick,
-        className: (0, _classnames3.default)(theme.overlay, theme[backdrop], (0, _defineProperty3.default)({}, theme.active, active), className),
+        className: (0, _classnames2.default)(theme.overlay, theme[backdrop], (0, _defineProperty3.default)({}, theme.active, active), className),
         __source: {
@@ -210,7 +210,7 @@ fileName: _jsxFileName,
 
-  __REACT_HOT_LOADER__.register(Overlay, 'Overlay', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/overlay/Overlay.js');
+  __REACT_HOT_LOADER__.register(Overlay, 'Overlay', '/Users/dries/Sites/teamleader-ui/components/overlay/Overlay.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/overlay/Overlay.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/overlay/Overlay.js');
 }();
 
 ;

lib/popover/index.js

@@ -33,7 +33,7 @@ 'use strict';
 
-  __REACT_HOT_LOADER__.register(ThemedPopoverVertical, 'ThemedPopoverVertical', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/index.js');
+  __REACT_HOT_LOADER__.register(ThemedPopoverVertical, 'ThemedPopoverVertical', '/Users/dries/Sites/teamleader-ui/components/popover/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedPopoverHorizontal, 'ThemedPopoverHorizontal', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/index.js');
+  __REACT_HOT_LOADER__.register(ThemedPopoverHorizontal, 'ThemedPopoverHorizontal', '/Users/dries/Sites/teamleader-ui/components/popover/index.js');
 }();
 
 ;

lib/popover/Popover.js

@@ -36,3 +36,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/Popover.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/popover/Popover.js';
 
@@ -331,9 +331,9 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/Popover.js');
+  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/popover/Popover.js');
 
-  __REACT_HOT_LOADER__.register(PopoverHorizontal, 'PopoverHorizontal', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/Popover.js');
+  __REACT_HOT_LOADER__.register(PopoverHorizontal, 'PopoverHorizontal', '/Users/dries/Sites/teamleader-ui/components/popover/Popover.js');
 
-  __REACT_HOT_LOADER__.register(PopoverVertical, 'PopoverVertical', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/Popover.js');
+  __REACT_HOT_LOADER__.register(PopoverVertical, 'PopoverVertical', '/Users/dries/Sites/teamleader-ui/components/popover/Popover.js');
 }();
 
 ;

lib/popover/positionCalculation.js

@@ -241,43 +241,43 @@ 'use strict';
 
-  __REACT_HOT_LOADER__.register(ARROW_OFFSET, 'ARROW_OFFSET', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(ARROW_OFFSET, 'ARROW_OFFSET', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(POPUP_OFFSET, 'POPUP_OFFSET', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(POPUP_OFFSET, 'POPUP_OFFSET', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(getAnchorPosition, 'getAnchorPosition', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(getAnchorPosition, 'getAnchorPosition', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(getTargetPosition, 'getTargetPosition', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(getTargetPosition, 'getTargetPosition', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(positionMiddle, 'positionMiddle', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(positionMiddle, 'positionMiddle', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(positionTop, 'positionTop', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(positionTop, 'positionTop', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(positionBottom, 'positionBottom', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(positionBottom, 'positionBottom', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(directionWest, 'directionWest', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(directionWest, 'directionWest', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(directionEast, 'directionEast', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(directionEast, 'directionEast', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(updateHorizontalDirectionIfNeeded, 'updateHorizontalDirectionIfNeeded', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(updateHorizontalDirectionIfNeeded, 'updateHorizontalDirectionIfNeeded', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(updateHorizontalPositionIfNeeded, 'updateHorizontalPositionIfNeeded', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(updateHorizontalPositionIfNeeded, 'updateHorizontalPositionIfNeeded', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(positionCenter, 'positionCenter', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(positionCenter, 'positionCenter', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(positionLeft, 'positionLeft', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(positionLeft, 'positionLeft', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(positionRight, 'positionRight', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(positionRight, 'positionRight', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(directionNorth, 'directionNorth', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(directionNorth, 'directionNorth', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(directionSouth, 'directionSouth', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(directionSouth, 'directionSouth', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(updateDirectionIfNeeded, 'updateDirectionIfNeeded', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(updateDirectionIfNeeded, 'updateDirectionIfNeeded', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(updatePositionIfNeeded, 'updatePositionIfNeeded', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(updatePositionIfNeeded, 'updatePositionIfNeeded', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(calculateHorizontalPositions, 'calculateHorizontalPositions', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(calculateHorizontalPositions, 'calculateHorizontalPositions', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(calculateVerticalPositions, 'calculateVerticalPositions', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(calculateVerticalPositions, 'calculateVerticalPositions', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
 }();
 
 ;

lib/toast/index.js

@@ -31,7 +31,7 @@ 'use strict';
 
-  __REACT_HOT_LOADER__.register(ThemedToast, 'ThemedToast', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/toast/index.js');
+  __REACT_HOT_LOADER__.register(ThemedToast, 'ThemedToast', '/Users/dries/Sites/teamleader-ui/components/toast/index.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/toast/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/toast/index.js');
 }();
 
 ;

lib/toast/Toast.js

@@ -32,3 +32,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/toast/Toast.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/toast/Toast.js';
 
@@ -43,5 +43,5 @@ var _react = require('react');
 
-var _classnames2 = require('classnames');
+var _classnames = require('classnames');
 
-var _classnames3 = _interopRequireDefault(_classnames2);
+var _classnames2 = _interopRequireDefault(_classnames);
 
@@ -139,3 +139,3 @@ var _reactCssThemr = require('react-css-themr');
 
-        var className = (0, _classnames3.default)([theme.toast, theme[type]], (0, _defineProperty3.default)({}, theme.active, active), this.props.className);
+        var className = (0, _classnames2.default)([theme.toast, theme[type]], (0, _defineProperty3.default)({}, theme.active, active), this.props.className);
 
@@ -152,3 +152,3 @@ return _react2.default.createElement(
             {
-              'data-react-toolbox': 'toast',
+              'data-teamleader-ui': 'toast',
               className: className,
@@ -226,9 +226,9 @@ __source: {
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/toast/Toast.js');
+  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/toast/Toast.js');
 
-  __REACT_HOT_LOADER__.register(Toast, 'Toast', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/toast/Toast.js');
+  __REACT_HOT_LOADER__.register(Toast, 'Toast', '/Users/dries/Sites/teamleader-ui/components/toast/Toast.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/toast/Toast.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/toast/Toast.js');
 }();
 
 ;

lib/utils/events.js

@@ -94,9 +94,9 @@ 'use strict';
 
-  __REACT_HOT_LOADER__.register(TRANSITIONS, 'TRANSITIONS', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/utils/events.js');
+  __REACT_HOT_LOADER__.register(TRANSITIONS, 'TRANSITIONS', '/Users/dries/Sites/teamleader-ui/components/utils/events.js');
 
-  __REACT_HOT_LOADER__.register(transitionEventNamesFor, 'transitionEventNamesFor', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/utils/events.js');
+  __REACT_HOT_LOADER__.register(transitionEventNamesFor, 'transitionEventNamesFor', '/Users/dries/Sites/teamleader-ui/components/utils/events.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/utils/events.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/utils/events.js');
 }();
 
 ;

lib/utils/index.js

@@ -30,5 +30,5 @@ 'use strict';
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/utils/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/utils/index.js');
 }();
 
 ;

lib/utils/utils.js

@@ -19,5 +19,5 @@ "use strict";
 
-  __REACT_HOT_LOADER__.register(getViewport, "getViewport", "/Users/sambellen/Sites/madewithlove/teamleader/teamleader-ui/components/utils/utils.js");
+  __REACT_HOT_LOADER__.register(getViewport, "getViewport", "/Users/dries/Sites/teamleader-ui/components/utils/utils.js");
 }();
 
 ;

package.json

 {
   "name": "teamleader-ui",
   "description": "Teamleader UI library",
-  "version": "0.0.24-alpha",
+  "version": "0.0.25-alpha",
   "author": "Teamleader <[e-mail]>",
@@ -6,0 +6,0 @@ "betterScripts": {

spec/components/loadingMolecule.js

@@ -6,3 +6,2 @@ import React from 'react';
 class LoadingMoleculeTest extends React.Component {
-
   render () {
@@ -9,0 +8,0 @@ return (

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

8708

increased by0.14%

Worsened metrics

Total package byte prevSize

350429

decreased by-38.2%

Number of package files

119

decreased by-0.83%

No dependency changes