redesign

.eslintrc

@@ -16,6 +16,7 @@
     "new-cap": 0,
     "newline-per-chained-call": 1,
     "no-mixed-operators": 0,
+    "no-param-reassign": 0,
     "radix": 1,
     "no-use-before-define": 0,
     "import/no-extraneous-dependencies": 0,

package.json

@@ -20,14 +20,14 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "babel-eslint": "^7.1.1",
-    "eslint": "^3.10.2",
-    "eslint-config-airbnb": "^13.0.0",
-    "eslint-config-airbnb-base": "^10.0.1",
+    "babel-eslint": "^7.2.3",
+    "eslint": "^3.19.0",
+    "eslint-config-airbnb": "^15.0.1",
+    "eslint-config-airbnb-base": "^11.2.0",
     "eslint-plugin-import": "^2.2.0",
-    "eslint-plugin-jsx-a11y": "^2.2.3",
-    "eslint-plugin-react": "^6.7.1",
+    "eslint-plugin-jsx-a11y": "^5.0.3",
+    "eslint-plugin-react": "^7.0.1",
     "flow-bin": "^0.38.0",
-    "lerna": "2.0.0-beta.38"
+    "lerna": "^2.0.0-rc.4"
   }
 }

packages/material-ui/package.json

@@ -67,25 +67,24 @@
     "jest": "^18.1.0",
     "material-ui": "^0.17.3",
     "mocha": "^3.1.2",
-    "react": "^15.4.0",
-    "react-dom": "^15.4.0",
+    "react": "^15.5.4",
+    "react-dom": "^15.5.4",
     "sinon": "^1.17.6",
     "sinon-chai": "^2.8.0",
     "storybook-addon-material-ui": "^0.7.3",
     "webpack": "^1.13.3",
     "webpack-node-externals": "^1.5.4"
   },
   "peerDependencies": {
+    "@accounts/react": "^0.0.14",
     "@accounts/client": "^0.0.15",
     "@accounts/common": "^0.0.15",
-    "material-ui": "^0.16.4"
+    "material-ui": "^0.16.4",
+    "prop-types": "^15.5.8",
+    "react": "^15.4.0",
+    "react-dom": "^15.4.0"
   },
   "dependencies": {
-    "@accounts/react": "^0.0.13",
-    "flexbox-react": "^4.1.0",
-    "prop-types": "^15.5.8",
-    "react-dom": "^15.4.0",
-    "react-redux": "^4.4.6",
     "recompose": "^0.23.1"
   }
 }

packages/material-ui/src/error-message.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { red500 } from 'material-ui/styles/colors';
+
+const ErrorMessage = ({ children }) => (
+  <div
+    style={{
+      marginTop: 20,
+      color: red500,
+      fontFamily: 'Roboto',
+      textAlign: 'center',
+    }}
+  >
+    {children}
+  </div>
+);
+
+ErrorMessage.propTypes = {
+  children: PropTypes.node.isRequired,
+};
+
+export default ErrorMessage;

packages/material-ui/src/index.js

@@ -1,19 +1,7 @@
-import Accounts from './Accounts';
-import loginComponents from './loginComponents';
-import signupComponents from './signupComponents';
-import forgotPasswordComponents from './forgotPasswordComponents';
-import Container from './Container';
-import Content from './Content';
-import FormError from './FormError';
-
-export default Accounts;
+import LogInForm from './log-in-form';
+import SignUpForm from './sign-up-form';
 
 export {
-  Container,
-  Content,
-  FormError,
-  Accounts,
-  loginComponents,
-  signupComponents,
-  forgotPasswordComponents,
+  LogInForm,
+  SignUpForm,
 };

packages/material-ui/src/index.story.js

@@ -3,7 +3,6 @@ import { storiesOf } from '@kadira/storybook';
 import AccountsClient from '@accounts/client';
 import { PasswordSignupFields } from '@accounts/common';
 import { Accounts } from './index';
-import './font.css';
 
 AccountsClient.config({
   passwordSignupFields: PasswordSignupFields.USERNAME_AND_EMAIL,