teamleader-ui - npm Package Compare versions

Comparing version 0.0.27-alpha to 0.0.28-alpha

components/identifiers.js

@@ -8,2 +8,3 @@ export const BUTTON = 'TLButton';
 export const POPOVER_HORIZONTAL = 'TLPopoverHorizontal';
+export const RADIO = 'TLRadio';
 export const TOAST = 'TLToast';

components/index.js

@@ -8,2 +8,3 @@ import Button, { IconButton } from './button';
 import { PopoverHorizontal, PopoverVertical } from './popover';
+import { RadioButton, RadioGroup } from './radio';
 import { Toast } from './toast';
@@ -24,3 +25,5 @@
   PopoverVertical,
+  RadioButton,
+  RadioGroup,
   Toast,
 };

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>

lib/button/Button.js

@@ -40,3 +40,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/button/Button.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/button/Button.js';
 
@@ -256,7 +256,7 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(Button, 'Button', '/Users/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/teamleader-ui/components/button/IconButton.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js';
 
@@ -222,9 +222,9 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/teamleader-ui/components/dialog/Dialog.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/dialog/Dialog.js';
 
@@ -266,9 +266,9 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/teamleader-ui/components/hoc/Portal.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/hoc/Portal.js');
 }();
 
 ;

lib/identifiers.js

@@ -13,2 +13,3 @@ 'use strict';
 var POPOVER_HORIZONTAL = exports.POPOVER_HORIZONTAL = 'TLPopoverHorizontal';
+var RADIO = exports.RADIO = 'TLRadio';
 var TOAST = exports.TOAST = 'TLToast';
@@ -22,19 +23,21 @@ ;
 
-  __REACT_HOT_LOADER__.register(BUTTON, 'BUTTON', '/Users/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(RADIO, 'RADIO', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
+
+  __REACT_HOT_LOADER__.register(TOAST, 'TOAST', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
 }();
 
 ;

lib/index.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.Toast = exports.PopoverVertical = exports.PopoverHorizontal = exports.Overlay = exports.LoadingMolecule = exports.MenuDivider = exports.MenuItem = exports.IconMenu = exports.Menu = exports.FontIcon = exports.Dialog = exports.IconButton = exports.Button = undefined;
+exports.Toast = exports.RadioGroup = exports.RadioButton = exports.PopoverVertical = exports.PopoverHorizontal = exports.Overlay = exports.LoadingMolecule = exports.MenuDivider = exports.MenuItem = exports.IconMenu = exports.Menu = exports.FontIcon = exports.Dialog = exports.IconButton = exports.Button = undefined;
 
@@ -33,2 +33,4 @@ var _button = require('./button');
 
+var _radio = require('./radio');
+
 var _toast = require('./toast');
@@ -50,2 +52,4 @@
 exports.PopoverVertical = _popover.PopoverVertical;
+exports.RadioButton = _radio.RadioButton;
+exports.RadioGroup = _radio.RadioGroup;
 exports.Toast = _toast.Toast;
@@ -52,0 +56,0 @@ ;

lib/loadingMolecule/index.js

@@ -36,9 +36,9 @@ 'use strict';
 
-  __REACT_HOT_LOADER__.register(applyTheme, 'applyTheme', '/Users/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/teamleader-ui/components/menu/Menu.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js';
 
@@ -409,11 +409,11 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(POSITION, 'POSITION', '/Users/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/teamleader-ui/components/menu/MenuItem.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js';
 
@@ -191,9 +191,9 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/teamleader-ui/components/overlay/Overlay.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/overlay/Overlay.js';
 
@@ -208,7 +208,7 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(Overlay, 'Overlay', '/Users/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/teamleader-ui/components/popover/Popover.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/popover/Popover.js';
 
@@ -333,9 +333,9 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/teamleader-ui/components/toast/Toast.js';
+var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/toast/Toast.js';
 
@@ -223,9 +223,9 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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/nickwaelkens/Projects/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.27-alpha",
+  "version": "0.0.28-alpha",
   "author": "Teamleader <[e-mail]>",
@@ -6,0 +6,0 @@ "betterScripts": {

spec/Root.js

 import React from 'react';
+import Navigation from './Navigation';
+import Content from './Content';
+import s from './styles.css';
+import Section from './Section';
+
+// components
 import Button from './components/button';
@@ -8,15 +14,37 @@ import Menu from './components/menu';
 import LoadingMolecule from './components/loadingMolecule';
+import Radio from './components/radio';
 import Toast from './components/toast';
 
 const Root = () => (
-  <div>
-    <h1>Teamleader UI v{__VERSION__}</h1>
-    {__DEV__}
-    <Button />
-    <PopoverVertical />
-    <PopoverHorizontal />
-    <Menu />
-    <Dialog />
-    <Toast />
-    <LoadingMolecule />
+  <div className={s.root}>
+    <Navigation />
+    <Content>
+      <h1>Teamleader UI v{__VERSION__}</h1>
+      {__DEV__}
+
+      <Section id="buttons">
+        <Button />
+      </Section>
+      <Section id="popovers">
+        <PopoverVertical />
+      </Section>
+      <Section>
+        <PopoverHorizontal />
+      </Section>
+      <Section id="menus">
+        <Menu />
+      </Section>
+      <Section id="dialogs">
+        <Dialog />
+      </Section>
+      <Section id="radios">
+        <Radio />
+      </Section>
+      <Section id="toasts">
+        <Toast />
+      </Section>
+      <Section id="loading-molecules">
+        <LoadingMolecule />
+      </Section>
+    </Content>
   </div>
@@ -23,0 +51,0 @@ );

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

Total package byte prevSize

387609

increased by10.3%

Number of package files

139

increased by16.81%

Lines of code

9806

increased by12.73%

Worsened metrics

Number of low supply chain risk alerts

6

increased by50%

Number of medium supply chain risk alerts

3

increased by50%

No dependency changes