[ES6] Use import over require

src/app-bar.jsx

@@ -1,12 +1,12 @@
-const React = require('react');
-const StylePropable = require('./mixins/style-propable');
-const Typography = require('./styles/typography');
-const IconButton = require('./icon-button');
-const NavigationMenu = require('./svg-icons/navigation/menu');
-const DefaultRawTheme = require('./styles/raw-themes/light-raw-theme');
-const ThemeManager = require('./styles/theme-manager');
-const Paper = require('./paper');
-const PropTypes = require('./utils/prop-types');
+import React from 'react';
+import StylePropable from './mixins/style-propable';
+import Typography from './styles/typography';
+import IconButton from './icon-button';
+import NavigationMenu from './svg-icons/navigation/menu';
+import DefaultRawTheme from './styles/raw-themes/light-raw-theme';
+import ThemeManager from './styles/theme-manager';
+import Paper from './paper';
+import PropTypes from './utils/prop-types';
 
 const AppBar = React.createClass({
 
@@ -262,4 +262,4 @@ const AppBar = React.createClass({
 
 });
 
-module.exports = AppBar;
+export default AppBar;

src/app-canvas.jsx

@@ -1,7 +1,7 @@
-const React = require('react');
-const StylePropable = require('./mixins/style-propable');
-const DefaultRawTheme = require('./styles/raw-themes/light-raw-theme');
-const ThemeManager = require('./styles/theme-manager');
+import React from 'react';
+import StylePropable from './mixins/style-propable';
+import DefaultRawTheme from './styles/raw-themes/light-raw-theme';
+import ThemeManager from './styles/theme-manager';
 
 const AppCanvas = React.createClass({
 
@@ -69,4 +69,4 @@ const AppCanvas = React.createClass({
 
 });
 
-module.exports = AppCanvas;
+export default AppCanvas;

src/auto-complete.jsx

@@ -1,12 +1,12 @@
-const React = require('react');
-const ReactTransitionGroup = require('react-addons-transition-group');
-const StylePropable = require('./mixins/style-propable');
-const ClickAwayable = require('./mixins/click-awayable');
-const KeyCode = require('./utils/key-code');
-const TextField = require('./text-field');
-const Menu = require('./menus/menu');
-const MenuItem = require('./menus/menu-item');
-const MenuDivider = require('./menus/menu-divider');
+import React from 'react';
+import ReactTransitionGroup from 'react-addons-transition-group';
+import StylePropable from './mixins/style-propable';
+import ClickAwayable from './mixins/click-awayable';
+import KeyCode from './utils/key-code';
+import TextField from './text-field';
+import Menu from './menus/menu';
+import MenuItem from './menus/menu-item';
+import MenuDivider from './menus/menu-divider';
 
 const AutoComplete = React.createClass({
 
@@ -310,4 +310,4 @@ const AutoComplete = React.createClass({
 AutoComplete.Item = MenuItem;
 AutoComplete.Divider = MenuDivider;
 
-module.exports = AutoComplete;
+export default AutoComplete;

src/avatar.jsx

@@ -1,8 +1,8 @@
-const React = require('react');
-const StylePropable = require('./mixins/style-propable');
-const Colors = require('./styles/colors');
-const DefaultRawTheme = require('./styles/raw-themes/light-raw-theme');
-const ThemeManager = require('./styles/theme-manager');
+import React from 'react';
+import StylePropable from './mixins/style-propable';
+import Colors from './styles/colors';
+import DefaultRawTheme from './styles/raw-themes/light-raw-theme';
+import ThemeManager from './styles/theme-manager';
 
 const Avatar = React.createClass({
 
@@ -112,4 +112,4 @@ const Avatar = React.createClass({
   },
 });
 
-module.exports = Avatar;
+export default Avatar;

src/badge.jsx

@@ -1,8 +1,8 @@
-const React = require('react');
-const Typography = require('./styles/typography');
-const DefaultRawTheme = require('./styles/raw-themes/light-raw-theme');
-const ThemeManager = require('./styles/theme-manager');
-const StylePropable = require('./mixins/style-propable');
+import React from 'react';
+import Typography from './styles/typography';
+import DefaultRawTheme from './styles/raw-themes/light-raw-theme';
+import ThemeManager from './styles/theme-manager';
+import StylePropable from './mixins/style-propable';
 
 // Badge
 export default React.createClass({

src/before-after-wrapper.jsx

@@ -1,8 +1,8 @@
-const React = require('react');
-const StylePropable = require('./mixins/style-propable');
-const AutoPrefix = require('./styles/auto-prefix');
-const DefaultRawTheme = require('./styles/raw-themes/light-raw-theme');
-const ThemeManager = require('./styles/theme-manager');
+import React from 'react';
+import StylePropable from './mixins/style-propable';
+import AutoPrefix from './styles/auto-prefix';
+import DefaultRawTheme from './styles/raw-themes/light-raw-theme';
+import ThemeManager from './styles/theme-manager';
 
 /**
  *  BeforeAfterWrapper
@@ -125,4 +125,4 @@ const BeforeAfterWrapper = React.createClass({
 
 });
 
-module.exports = BeforeAfterWrapper;
+export default BeforeAfterWrapper;

src/buttons/flat-button-label.jsx

@@ -1,8 +1,8 @@
-const React = require('react');
-const ContextPure = require('../mixins/context-pure');
-const StylePropable = require('../mixins/style-propable');
-const DefaultRawTheme = require('../styles/raw-themes/light-raw-theme');
-const ThemeManager = require('../styles/theme-manager');
+import React from 'react';
+import ContextPure from '../mixins/context-pure';
+import StylePropable from '../mixins/style-propable';
+import DefaultRawTheme from '../styles/raw-themes/light-raw-theme';
+import ThemeManager from '../styles/theme-manager';
 
 const FlatButtonLabel = React.createClass({
 
@@ -72,4 +72,4 @@ const FlatButtonLabel = React.createClass({
 
 });
 
-module.exports = FlatButtonLabel;
+export default FlatButtonLabel;

src/card/card-actions.jsx

@@ -1,7 +1,7 @@
-const React = require('react');
-const StylePropable = require('../mixins/style-propable');
-const ThemeManager = require('../styles/theme-manager');
-const DefaultRawTheme = require('../styles/raw-themes/light-raw-theme');
+import React from 'react';
+import StylePropable from '../mixins/style-propable';
+import ThemeManager from '../styles/theme-manager';
+import DefaultRawTheme from '../styles/raw-themes/light-raw-theme';
 
 
 const CardActions = React.createClass({
@@ -68,4 +68,4 @@ const CardActions = React.createClass({
   },
 });
 
-module.exports = CardActions;
+export default CardActions;

src/card/card-expandable.jsx

@@ -1,12 +1,12 @@
-const React = require('react');
-const Extend = require('../utils/extend');
-const OpenIcon = require('../svg-icons/hardware/keyboard-arrow-up');
-const CloseIcon = require('../svg-icons/hardware/keyboard-arrow-down');
-const IconButton = require('../icon-button');
-const StylePropable = require('../mixins/style-propable');
-const DefaultRawTheme = require('../styles/raw-themes/light-raw-theme');
-const ThemeManager = require('../styles/theme-manager');
-const ContextPure = require('../mixins/context-pure');
+import React from 'react';
+import Extend from '../utils/extend';
+import OpenIcon from '../svg-icons/hardware/keyboard-arrow-up';
+import CloseIcon from '../svg-icons/hardware/keyboard-arrow-down';
+import IconButton from '../icon-button';
+import StylePropable from '../mixins/style-propable';
+import DefaultRawTheme from '../styles/raw-themes/light-raw-theme';
+import ThemeManager from '../styles/theme-manager';
+import ContextPure from '../mixins/context-pure';
 
 const CardExpandable = React.createClass({
   mixins: [
@@ -104,4 +104,4 @@ const CardExpandable = React.createClass({
   },
 });
 
-module.exports = CardExpandable;
+export default CardExpandable;

src/card/card-header.jsx

@@ -1,9 +1,9 @@
-const React = require('react');
-const Styles = require('../styles');
-const Avatar = require('../avatar');
-const StylePropable = require('../mixins/style-propable');
-const ThemeManager = require('../styles/theme-manager');
-const DefaultRawTheme = require('../styles/raw-themes/light-raw-theme');
+import React from 'react';
+import Styles from '../styles';
+import Avatar from '../avatar';
+import StylePropable from '../mixins/style-propable';
+import ThemeManager from '../styles/theme-manager';
+import DefaultRawTheme from '../styles/raw-themes/light-raw-theme';
 
 
 const CardHeader = React.createClass({
@@ -117,4 +117,4 @@ const CardHeader = React.createClass({
   },
 });
 
-module.exports = CardHeader;
+export default CardHeader;

src/card/card-media.jsx

@@ -1,8 +1,8 @@
-const React = require('react');
-const Styles = require('../styles');
-const StylePropable = require('../mixins/style-propable');
-const ThemeManager = require('../styles/theme-manager');
-const DefaultRawTheme = require('../styles/raw-themes/light-raw-theme');
+import React from 'react';
+import Styles from '../styles';
+import StylePropable from '../mixins/style-propable';
+import ThemeManager from '../styles/theme-manager';
+import DefaultRawTheme from '../styles/raw-themes/light-raw-theme';
 
 
 const CardMedia = React.createClass({
@@ -129,4 +129,4 @@ const CardMedia = React.createClass({
   },
 });
 
-module.exports = CardMedia;
+export default CardMedia;

src/card/card-text.jsx

@@ -1,7 +1,7 @@
-const React = require('react');
-const StylePropable = require('../mixins/style-propable');
-const ThemeManager = require('../styles/theme-manager');
-const DefaultRawTheme = require('../styles/raw-themes/light-raw-theme');
+import React from 'react';
+import StylePropable from '../mixins/style-propable';
+import ThemeManager from '../styles/theme-manager';
+import DefaultRawTheme from '../styles/raw-themes/light-raw-theme';
 
 
 const CardText = React.createClass({
@@ -66,4 +66,4 @@ const CardText = React.createClass({
   },
 });
 
-module.exports = CardText;
+export default CardText;

src/card/card-title.jsx

@@ -1,8 +1,8 @@
-const React = require('react');
-const Styles = require('../styles');
-const StylePropable = require('../mixins/style-propable');
-const ThemeManager = require('../styles/theme-manager');
-const DefaultRawTheme = require('../styles/raw-themes/light-raw-theme');
+import React from 'react';
+import Styles from '../styles';
+import StylePropable from '../mixins/style-propable';
+import ThemeManager from '../styles/theme-manager';
+import DefaultRawTheme from '../styles/raw-themes/light-raw-theme';
 
 
 const CardTitle = React.createClass({
@@ -93,4 +93,4 @@ const CardTitle = React.createClass({
   },
 });
 
-module.exports = CardTitle;
+export default CardTitle;

src/card/card.jsx

@@ -1,7 +1,7 @@
-const React = require('react');
-const Paper = require('../paper');
-const StylePropable = require('../mixins/style-propable');
-const CardExpandable = require('./card-expandable');
+import React from 'react';
+import Paper from '../paper';
+import StylePropable from '../mixins/style-propable';
+import CardExpandable from './card-expandable';
 
 const Card = React.createClass({
   mixins:[StylePropable],
@@ -77,4 +77,4 @@ const Card = React.createClass({
   },
 });
 
-module.exports = Card;
+export default Card;

src/card/index.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   Card: require('./card'),
   CardHeader: require('./card-header'),
   CardTitle: require('./card-title'),

src/checkbox.jsx

@@ -1,11 +1,11 @@
-const React = require('react');
-const EnhancedSwitch = require('./enhanced-switch');
-const StylePropable = require('./mixins/style-propable');
-const Transitions = require('./styles/transitions');
-const CheckboxOutline = require('./svg-icons/toggle/check-box-outline-blank');
-const CheckboxChecked = require('./svg-icons/toggle/check-box');
-const DefaultRawTheme = require('./styles/raw-themes/light-raw-theme');
-const ThemeManager = require('./styles/theme-manager');
+import React from 'react';
+import EnhancedSwitch from './enhanced-switch';
+import StylePropable from './mixins/style-propable';
+import Transitions from './styles/transitions';
+import CheckboxOutline from './svg-icons/toggle/check-box-outline-blank';
+import CheckboxChecked from './svg-icons/toggle/check-box';
+import DefaultRawTheme from './styles/raw-themes/light-raw-theme';
+import ThemeManager from './styles/theme-manager';
 
 
 const Checkbox = React.createClass({
@@ -195,4 +195,4 @@ const Checkbox = React.createClass({
 
 });
 
-module.exports = Checkbox;
+export default Checkbox;

src/circular-progress.jsx

@@ -1,10 +1,10 @@
-const React = require('react');
-const ReactDOM = require('react-dom');
-const StylePropable = require('./mixins/style-propable');
-const AutoPrefix = require('./styles/auto-prefix');
-const Transitions = require('./styles/transitions');
-const DefaultRawTheme = require('./styles/raw-themes/light-raw-theme');
-const ThemeManager = require('./styles/theme-manager');
+import React from 'react';
+import ReactDOM from 'react-dom';
+import StylePropable from './mixins/style-propable';
+import AutoPrefix from './styles/auto-prefix';
+import Transitions from './styles/transitions';
+import DefaultRawTheme from './styles/raw-themes/light-raw-theme';
+import ThemeManager from './styles/theme-manager';
 
 const CircularProgress = React.createClass({
 
@@ -197,4 +197,4 @@ const CircularProgress = React.createClass({
   },
 });
 
-module.exports = CircularProgress;
+export default CircularProgress;

src/clearfix.jsx

@@ -1,8 +1,8 @@
-const React = require('react');
-const BeforeAfterWrapper = require('./before-after-wrapper');
-const StylePropable = require('./mixins/style-propable');
-const DefaultRawTheme = require('./styles/raw-themes/light-raw-theme');
-const ThemeManager = require('./styles/theme-manager');
+import React from 'react';
+import BeforeAfterWrapper from './before-after-wrapper';
+import StylePropable from './mixins/style-propable';
+import DefaultRawTheme from './styles/raw-themes/light-raw-theme';
+import ThemeManager from './styles/theme-manager';
 
 
 const ClearFix = React.createClass({
@@ -68,4 +68,4 @@ const ClearFix = React.createClass({
   },
 });
 
-module.exports = ClearFix;
+export default ClearFix;

src/date-picker/calendar-month.jsx

@@ -1,7 +1,7 @@
-const React = require('react');
-const DateTime = require('../utils/date-time');
-const DayButton = require('./day-button');
-const ClearFix = require('../clearfix');
+import React from 'react';
+import DateTime from '../utils/date-time';
+import DayButton from './day-button';
+import ClearFix from '../clearfix';
 
 
 const CalendarMonth = React.createClass({
@@ -86,4 +86,4 @@ const CalendarMonth = React.createClass({
 
 });
 
-module.exports = CalendarMonth;
+export default CalendarMonth;