teamleader-ui - npm Package Compare versions

Comparing version 0.0.5-alpha to 0.0.6-alpha

build/webpack.config.js

@@ -180,2 +180,3 @@ const webpack = require('webpack');
     require('postcss-cssnext')(),
+    require('postcss-nested')(),
     require('postcss-reporter')({ clearMessages: true })
@@ -182,0 +183,0 @@ ];

components/button/Button.js

 import React, { Component, PropTypes } from 'react';
 import classnames from 'classnames';
-import { themr } from 'react-css-themr';
-import { BUTTON } from '../identifiers';
 import FontIcon from '../font_icon';
@@ -31,3 +29,2 @@
       primary: PropTypes.string,
-      rippleWrapper: PropTypes.string,
       toggle: PropTypes.string,
@@ -101,5 +98,5 @@ }),
       {
-        [theme[level]]: true,
-        [theme[shape]]: true,
-        [theme[state]]: true,
+        [theme[ level ]]: theme[ level ],
+        [theme[ shape ]]: theme[ shape ],
+        [theme[ state ]]: theme[ state ],
         [theme.iconOnly]: !this.props.label && !this.props.children,
@@ -126,3 +123,3 @@ },
       icon && !processing ? <FontIcon className={theme.icon} value={icon} /> : null,
-      processing ? <FontIcon className={theme.icon} value='spinner8' /> : null,
+      processing ? <FontIcon className={theme.icon} value="spinner8" /> : null,
       label,
@@ -134,3 +131,3 @@ children
 
-export default themr(BUTTON)(Button);
+export default Button;
 export { Button };

components/button/IconButton.js

@@ -31,3 +31,2 @@ import React, { Component, PropTypes } from 'react';
         primary: PropTypes.string,
-        rippleWrapper: PropTypes.string,
         toggle: PropTypes.string,
@@ -84,3 +83,3 @@ }),
       const classes = classnames([ theme.toggle ], {
-        [theme[level]]: neutral,
+        [theme[ level ]]: neutral,
         [theme.inverse]: inverse,
@@ -87,0 +86,0 @@ }, className);

components/button/index.js

@@ -8,4 +8,3 @@ import { themr } from 'react-css-themr';
 import theme from './theme.css';
-//
-// const Button = buttonFactory(themedRippleFactory({ centered: false }), FontIcon);
+
 const IconButton = iconButtonFactory(FontIcon);
@@ -12,0 +11,0 @@

components/font_icon/FontIcon.js

@@ -6,3 +6,3 @@ import React, { PropTypes } from 'react';
   <span
-    data-teamleader-ui='font-icon'
+    data-teamleader-ui="font-icon"
     className={cx({ 'teamleader-icons': typeof value === 'string' || typeof children === 'string' }, className)}
@@ -9,0 +9,0 @@ {...other}

components/identifiers.js

 export const BUTTON = 'TLButton';
 export const MENU = 'TLMenu';
+export const LOADING_MOLECULE = 'TLLoadingMolecule';

components/menu/Menu.js

@@ -230,3 +230,3 @@ import React, { Component, PropTypes } from 'react';
       return (
-        <div data-teamleader-ui='menu' className={className} style={this.getRootStyle()}>
+        <div data-teamleader-ui="menu" className={className} style={this.getRootStyle()}>
           {this.props.outline ? <div className={theme.outline} style={outlineStyle} /> : null}
@@ -233,0 +233,0 @@ <ul ref={(node) => {

components/menu/MenuDivider.js

@@ -6,3 +6,3 @@ import React, { PropTypes } from 'react';
 const MenuDivider = ({ theme }) => (
-  <hr data-teamleader-ui='menu-divider' className={theme.menuDivider} />
+  <hr data-teamleader-ui="menu-divider" className={theme.menuDivider} />
 );
@@ -9,0 +9,0 @@

components/menu/MenuItem.js

@@ -65,3 +65,3 @@ import React, { Component, PropTypes } from 'react';
       return (
-        <li {...others} data-teamleader-ui='menu-item' className={className} onClick={this.handleClick}>
+        <li {...others} data-teamleader-ui="menu-item" className={className} onClick={this.handleClick}>
           {icon ? <FontIcon value={icon} className={theme.icon} /> : null}
@@ -68,0 +68,0 @@ <span className={theme.caption}>{caption}</span>

lib/button/Button.js

@@ -40,3 +40,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/button/Button.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/button/Button.js';
 
@@ -51,6 +51,2 @@ var _react = require('react');
 
-var _reactCssThemr = require('react-css-themr');
-
-var _identifiers = require('../identifiers');
-
 var _font_icon = require('../font_icon');
@@ -161,3 +157,3 @@
 
-      var classes = (0, _classnames3.default)(theme.button, (_classnames = {}, (0, _defineProperty3.default)(_classnames, theme[level], true), (0, _defineProperty3.default)(_classnames, theme[shape], true), (0, _defineProperty3.default)(_classnames, theme[state], true), (0, _defineProperty3.default)(_classnames, theme.iconOnly, !this.props.label && !this.props.children), _classnames), className);
+      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.iconOnly, !this.props.label && !this.props.children), _classnames), className);
 
@@ -179,7 +175,7 @@ var props = (0, _extends3.default)({}, others, {
           fileName: _jsxFileName,
-          lineNumber: 123
+          lineNumber: 120
         }
       }) : null, processing ? _react2.default.createElement(_font_icon2.default, { className: theme.icon, value: 'spinner8', __source: {
           fileName: _jsxFileName,
-          lineNumber: 124
+          lineNumber: 121
         }
@@ -212,3 +208,2 @@ }) : null, label, children);
     primary: _react.PropTypes.string,
-    rippleWrapper: _react.PropTypes.string,
     toggle: _react.PropTypes.string
@@ -225,5 +220,3 @@ }),
 };
-
-var _default = (0, _reactCssThemr.themr)(_identifiers.BUTTON)(Button);
-
+var _default = Button;
 exports.default = _default;
@@ -238,7 +231,7 @@ exports.Button = Button;
 
-  __REACT_HOT_LOADER__.register(Button, 'Button', '/Users/dries/Sites/teamleader-ui/components/button/Button.js');
+  __REACT_HOT_LOADER__.register(Button, 'Button', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/Button.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/button/Button.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/Button.js');
 }();
 
 ;

lib/button/IconButton.js

@@ -40,3 +40,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/button/IconButton.js';
 
@@ -154,3 +154,3 @@ var _react = require('react');
             fileName: _jsxFileName,
-            lineNumber: 102
+            lineNumber: 101
           }
@@ -184,3 +184,2 @@ }) : icon;
       primary: _react.PropTypes.string,
-      rippleWrapper: _react.PropTypes.string,
       toggle: _react.PropTypes.string
@@ -215,9 +214,9 @@ }),
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js');
+  __REACT_HOT_LOADER__.register(factory, 'factory', '/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(IconButton, 'IconButton', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/IconButton.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/IconButton.js');
 }();
 
 ;

lib/button/index.js

@@ -26,4 +26,2 @@ 'use strict';
 
-//
-// const Button = buttonFactory(themedRippleFactory({ centered: false }), FontIcon);
 var IconButton = (0, _IconButton.iconButtonFactory)(_FontIcon.FontIcon);
@@ -45,11 +43,11 @@
 
-  __REACT_HOT_LOADER__.register(IconButton, 'IconButton', '/Users/dries/Sites/teamleader-ui/components/button/index.js');
+  __REACT_HOT_LOADER__.register(IconButton, 'IconButton', '/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(ThemedButton, 'ThemedButton', '/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(ThemedIconButton, 'ThemedIconButton', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/index.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/button/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/index.js');
 }();
 
 ;

lib/font_icon/FontIcon.js

@@ -16,3 +16,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/font_icon/FontIcon.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/font_icon/FontIcon.js';
 
@@ -70,7 +70,7 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(FontIcon, 'FontIcon', '/Users/dries/Sites/teamleader-ui/components/font_icon/FontIcon.js');
+  __REACT_HOT_LOADER__.register(FontIcon, 'FontIcon', '/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');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/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/dries/Sites/teamleader-ui/components/font_icon/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/font_icon/index.js');
 }();
 
 ;

lib/hoc/ActivableRenderer.js

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

lib/hoc/Portal.js

@@ -164,9 +164,9 @@ 'use strict';
 
-  __REACT_HOT_LOADER__.register(Portal, 'Portal', '/Users/dries/Sites/teamleader-ui/components/hoc/Portal.js');
+  __REACT_HOT_LOADER__.register(Portal, 'Portal', '/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(getContainer, 'getContainer', '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/Portal.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/hoc/Portal.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/Portal.js');
 }();
 
 ;

lib/identifiers.js

@@ -8,2 +8,3 @@ 'use strict';
 var MENU = exports.MENU = 'TLMenu';
+var LOADING_MOLECULE = exports.LOADING_MOLECULE = 'TLLoadingMolecule';
 ;
@@ -16,7 +17,9 @@
 
-  __REACT_HOT_LOADER__.register(BUTTON, 'BUTTON', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(BUTTON, 'BUTTON', '/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(MENU, 'MENU', '/Users/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
+
+  __REACT_HOT_LOADER__.register(LOADING_MOLECULE, 'LOADING_MOLECULE', '/Users/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
 }();
 
 ;

lib/menu/IconMenu.js

@@ -36,3 +36,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/IconMenu.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/IconMenu.js';
 
@@ -203,9 +203,9 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/menu/IconMenu.js');
+  __REACT_HOT_LOADER__.register(factory, 'factory', '/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(IconMenu, 'IconMenu', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/IconMenu.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/IconMenu.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/IconMenu.js');
 }();
 
 ;

lib/menu/index.js

@@ -50,15 +50,15 @@ 'use strict';
 
-  __REACT_HOT_LOADER__.register(applyTheme, 'applyTheme', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
+  __REACT_HOT_LOADER__.register(applyTheme, 'applyTheme', '/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(ThemedMenuDivider, 'ThemedMenuDivider', '/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(ThemedMenuItem, 'ThemedMenuItem', '/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(ThemedMenu, 'ThemedMenu', '/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(ThemedIconMenu, 'ThemedIconMenu', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/index.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/index.js');
 }();
 
 ;

lib/menu/Menu.js

@@ -36,3 +36,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/Menu.js';
 
@@ -394,11 +394,11 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(POSITION, 'POSITION', '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js');
+  __REACT_HOT_LOADER__.register(POSITION, 'POSITION', '/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(factory, 'factory', '/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(Menu, 'Menu', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/Menu.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/Menu.js');
 }();
 
 ;

lib/menu/MenuDivider.js

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

lib/menu/MenuItem.js

@@ -40,3 +40,3 @@ 'use strict';
 
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuItem.js';
 
@@ -187,9 +187,9 @@ var _react = require('react');
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js');
+  __REACT_HOT_LOADER__.register(factory, 'factory', '/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(MenuItem, 'MenuItem', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuItem.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuItem.js');
 }();
 
 ;

lib/utils/events.js

@@ -84,9 +84,9 @@ 'use strict';
 
-  __REACT_HOT_LOADER__.register(TRANSITIONS, 'TRANSITIONS', '/Users/dries/Sites/teamleader-ui/components/utils/events.js');
+  __REACT_HOT_LOADER__.register(TRANSITIONS, 'TRANSITIONS', '/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(transitionEventNamesFor, 'transitionEventNamesFor', '/Users/nickwaelkens/Projects/teamleader-ui/components/utils/events.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/utils/events.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/utils/events.js');
 }();
 
 ;

lib/utils/index.js

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

lib/utils/utils.js

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

package.json

 {
   "name": "teamleader-ui",
   "description": "Teamleader UI library",
-  "version": "0.0.5-alpha",
+  "version": "0.0.6-alpha",
   "author": "Teamleader <[e-mail]>",
@@ -122,2 +122,3 @@ "contributors": [
     "postcss-mixins": "^5.4.1",
+    "postcss-nested": "^1.0.0",
     "postcss-reporter": "^3.0.0",
@@ -124,0 +125,0 @@ "promise-polyfill": "^6.0.2",

spec/components/button.js

@@ -14,8 +14,8 @@ import React from 'react';
       <Button primary onMouseUp={handleItemClick}>Primary flat</Button>&nbsp;
-      <Button primary icon='notifications'>Primary flat with icon</Button>&nbsp;
-      <Button primary icon='notifications' />
+      <Button primary icon="notifications">Primary flat with icon</Button>&nbsp;
+      <Button primary icon="notifications" />
     </p>
     <p>
       <Button primary processing>Primary flat processing</Button>&nbsp;
-      <Button primary processing icon='notifications'>Primary flat processing with icon</Button>&nbsp;
+      <Button primary processing icon="notifications">Primary flat processing with icon</Button>&nbsp;
       <Button primary processing />
@@ -25,4 +25,4 @@ </p>
       <Button primary disabled>Primary flat disabled</Button>&nbsp;
-      <Button primary disabled icon='notifications'>Primary disabled with icon</Button>&nbsp;
-      <Button primary disabled icon='notifications' />
+      <Button primary disabled icon="notifications">Primary disabled with icon</Button>&nbsp;
+      <Button primary disabled icon="notifications" />
     </p>
@@ -34,4 +34,4 @@
       <Button>Neutral flat</Button>&nbsp;
-      <Button icon='notifications'>Neutral flat with icon</Button>&nbsp;
-      <Button icon='notifications' />
+      <Button icon="notifications">Neutral flat with icon</Button>&nbsp;
+      <Button icon="notifications" />
     </p>
@@ -41,3 +41,3 @@
       <Button processing>Neutral flat processing</Button>&nbsp;
-      <Button processing icon='notifications'>Neutral flat processing with icon</Button>&nbsp;
+      <Button processing icon="notifications">Neutral flat processing with icon</Button>&nbsp;
       <Button processing />
@@ -48,4 +48,4 @@ </p>
       <Button disabled>Neutral flat disabled</Button>&nbsp;
-      <Button disabled icon='notifications'>Neutral disabled with icon</Button>&nbsp;
-      <Button disabled icon='notifications' />
+      <Button disabled icon="notifications">Neutral disabled with icon</Button>&nbsp;
+      <Button disabled icon="notifications" />
     </p>
@@ -52,0 +52,0 @@

spec/components/menu.js

@@ -23,9 +23,9 @@ import React from 'react';
         <Menu onSelect={this.handleSelect} selectable={false} selected={this.state.value}>
-          <MenuItem value='foo' caption='Caption' />
-          <MenuItem onClick={this.handleItemClick} value='bar' caption='Caption & Shortcut' shortcut='Ctrl + P' />
-          <MenuItem caption='Disabled ...' disabled shortcut='Ctrl + P' />
+          <MenuItem value="foo" caption="Caption" />
+          <MenuItem onClick={this.handleItemClick} value="bar" caption="Caption & Shortcut" shortcut="Ctrl + P" />
+          <MenuItem caption="Disabled ..." disabled shortcut="Ctrl + P" />
           <MenuDivider />
-          <MenuItem caption='Caption & Icon' icon='notifications' />
-          <MenuItem caption='Caption, Icon & Shortcut' icon='notifications' shortcut='Ctrl + P' />
-          <MenuItem caption='Disabled ...' icon='plus' shortcut='Ctrl + P' disabled />
+          <MenuItem caption="Caption & Icon" icon="notifications" />
+          <MenuItem caption="Caption, Icon & Shortcut" icon="notifications" shortcut="Ctrl + P" />
+          <MenuItem caption="Disabled ..." icon="plus" shortcut="Ctrl + P" disabled />
         </Menu>
@@ -35,6 +35,6 @@
 
-        <IconMenu icon='more_vert' position='topLeft'>
-          <MenuItem value='download' icon='plus' caption='Download' />
+        <IconMenu icon="more_vert" position="topLeft">
+          <MenuItem value="download" icon="plus" caption="Download" />
           <MenuDivider />
-          <MenuItem caption='Disabled ...' icon='plus' shortcut='Ctrl + P' disabled />
+          <MenuItem caption="Disabled ..." icon="plus" shortcut="Ctrl + P" disabled />
         </IconMenu>
@@ -41,0 +41,0 @@ </section>

spec/Root.js

 import React from 'react';
 import Button from './components/button';
 import Menu from './components/menu';
+import LoadingMolecule from './components/loadingMolecule';
 
@@ -11,2 +12,3 @@ const Root = () => (
     <Menu />
+    <LoadingMolecule />
   </div>
@@ -13,0 +15,0 @@ );

No alert changes

Improved metrics

Total package byte prevSize

365073

increased by7.01%

Number of package files

88

increased by14.29%

Lines of code

5250

increased by13.83%

Worsened metrics

Dev dependency count

72

increased by1.41%

No dependency changes