diff --git a/docs/src/app/app-routes.jsx b/docs/src/app/app-routes.jsx
index 6571ed4c68c46f..2d42fdf341bfb7 100644
--- a/docs/src/app/app-routes.jsx
+++ b/docs/src/app/app-routes.jsx
@@ -114,4 +114,4 @@ const AppRoutes = (
);
-module.exports = AppRoutes;
+export default AppRoutes;
diff --git a/docs/src/app/components/app-left-nav.jsx b/docs/src/app/components/app-left-nav.jsx
index 8ccd5c6919401c..d9cea0f970e62d 100644
--- a/docs/src/app/components/app-left-nav.jsx
+++ b/docs/src/app/components/app-left-nav.jsx
@@ -91,4 +91,4 @@ const AppLeftNav = React.createClass({
});
-module.exports = AppLeftNav;
+export default AppLeftNav;
diff --git a/docs/src/app/components/code-example/code-block.jsx b/docs/src/app/components/code-example/code-block.jsx
index 8c6f7b379b1460..dd36ebeb8bbb80 100644
--- a/docs/src/app/components/code-example/code-block.jsx
+++ b/docs/src/app/components/code-example/code-block.jsx
@@ -57,4 +57,4 @@ const CodeBlock = React.createClass({
},
});
-module.exports = CodeBlock;
+export default CodeBlock;
diff --git a/docs/src/app/components/code-example/code-example.jsx b/docs/src/app/components/code-example/code-example.jsx
index b4df8aeea11dc0..598c48cec7fb46 100644
--- a/docs/src/app/components/code-example/code-example.jsx
+++ b/docs/src/app/components/code-example/code-example.jsx
@@ -94,4 +94,4 @@ const CodeExample = React.createClass({
},
});
-module.exports = CodeExample;
+export default CodeExample;
diff --git a/docs/src/app/components/component-doc.jsx b/docs/src/app/components/component-doc.jsx
index 51e252884772ef..8241654639ac6c 100644
--- a/docs/src/app/components/component-doc.jsx
+++ b/docs/src/app/components/component-doc.jsx
@@ -135,4 +135,4 @@ const ComponentDoc = React.createClass({
});
-module.exports = ComponentDoc;
+export default ComponentDoc;
diff --git a/docs/src/app/components/component-info.jsx b/docs/src/app/components/component-info.jsx
index 103a9a5518f747..ce5b95f7474262 100644
--- a/docs/src/app/components/component-info.jsx
+++ b/docs/src/app/components/component-info.jsx
@@ -177,4 +177,4 @@ const ComponentInfo = React.createClass({
},
});
-module.exports = ComponentInfo;
+export default ComponentInfo;
diff --git a/docs/src/app/components/full-width-section.jsx b/docs/src/app/components/full-width-section.jsx
index a9b5c42ed2eb4b..3b64fdd6c4a0c1 100644
--- a/docs/src/app/components/full-width-section.jsx
+++ b/docs/src/app/components/full-width-section.jsx
@@ -78,4 +78,4 @@ let FullWidthSection = React.createClass({
},
});
-module.exports = FullWidthSection;
+export default FullWidthSection;
diff --git a/docs/src/app/components/master.jsx b/docs/src/app/components/master.jsx
index 5ba6299ba9b808..b66db99b5a2739 100644
--- a/docs/src/app/components/master.jsx
+++ b/docs/src/app/components/master.jsx
@@ -255,4 +255,4 @@ const Master = React.createClass({
},
});
-module.exports = Master;
+export default Master;
diff --git a/docs/src/app/components/mobile-tear-sheet.jsx b/docs/src/app/components/mobile-tear-sheet.jsx
index b3db57feb0abbb..15fd53366a8490 100644
--- a/docs/src/app/components/mobile-tear-sheet.jsx
+++ b/docs/src/app/components/mobile-tear-sheet.jsx
@@ -57,4 +57,4 @@ const MobileTearSheet = React.createClass({
});
-module.exports = MobileTearSheet;
+export default MobileTearSheet;
diff --git a/docs/src/app/components/pages/components/app-bar.jsx b/docs/src/app/components/pages/components/app-bar.jsx
index 956df22fe2bac5..baf6c975ec9f9e 100644
--- a/docs/src/app/components/pages/components/app-bar.jsx
+++ b/docs/src/app/components/pages/components/app-bar.jsx
@@ -1,7 +1,8 @@
import React from 'react';
-import {AppBar, Paper} from 'material-ui';
+import AppBar from 'material-ui/app-bar';
+import Paper from 'material-ui/paper';
import IconButton from 'icon-button';
-import NavigationClose from 'svg-icons/navigation/close';
+import NavigationClose from 'material-ui/svg-icons/navigation/close';
import FlatButton from 'flat-button';
import ComponentDoc from '../../component-doc';
import CodeExample from '../../code-example/code-example';
@@ -9,7 +10,7 @@ import CodeBlock from '../../code-example/code-block';
import Code from 'app-bar-code';
import IconMenu from 'menus/icon-menu';
import MenuItem from 'menus/menu-item';
-import MoreVertIcon from 'svg-icons/navigation/more-vert';
+import MoreVertIcon from 'material-ui/svg-icons/navigation/more-vert';
const styles = {
title: {
diff --git a/docs/src/app/components/pages/components/auto-complete.jsx b/docs/src/app/components/pages/components/auto-complete.jsx
index f32d91619be6a6..0bf9f1ac97b10e 100644
--- a/docs/src/app/components/pages/components/auto-complete.jsx
+++ b/docs/src/app/components/pages/components/auto-complete.jsx
@@ -92,4 +92,4 @@ class AutoCompletePage extends React.Component {
}
-module.exports = AutoCompletePage;
+export default AutoCompletePage;
diff --git a/docs/src/app/components/pages/components/avatars.jsx b/docs/src/app/components/pages/components/avatars.jsx
index f8be4a01012500..ca3740e873c54c 100644
--- a/docs/src/app/components/pages/components/avatars.jsx
+++ b/docs/src/app/components/pages/components/avatars.jsx
@@ -1,7 +1,14 @@
import React from 'react';
-import {Avatar, FontIcon, List, ListItem, Styles, Paper} from 'material-ui';
+import {
+ Avatar,
+ FontIcon,
+ List,
+ ListItem,
+ Styles,
+ Paper,
+} from 'material-ui';
import ComponentDoc from '../../component-doc';
-import FileFolder from 'svg-icons/file/folder';
+import FileFolder from 'material-ui/svg-icons/file/folder';
const {Colors} = Styles;
import Code from 'avatars-code';
import CodeExample from '../../code-example/code-example';
diff --git a/docs/src/app/components/pages/components/badge.jsx b/docs/src/app/components/pages/components/badge.jsx
index d720491b169a2c..c9060502181d1e 100644
--- a/docs/src/app/components/pages/components/badge.jsx
+++ b/docs/src/app/components/pages/components/badge.jsx
@@ -1,12 +1,16 @@
import React from 'react';
-import {IconButton, Badge, Paper} from 'material-ui';
+import {
+ IconButton,
+ Badge,
+ Paper,
+} from 'material-ui';
import ComponentDoc from '../../component-doc';
import Code from 'badge-code';
import CodeExample from '../../code-example/code-example';
-import NotificationsIcon from 'svg-icons/social/notifications';
-import ShoppingCartIcon from 'svg-icons/action/shopping-cart';
-import FolderIcon from 'svg-icons/file/folder-open';
-import UploadIcon from 'svg-icons/file/cloud-upload';
+import NotificationsIcon from 'material-ui/svg-icons/social/notifications';
+import ShoppingCartIcon from 'material-ui/svg-icons/action/shopping-cart';
+import FolderIcon from 'material-ui/svg-icons/file/folder-open';
+import UploadIcon from 'material-ui/svg-icons/file/cloud-upload';
import CodeBlock from '../../code-example/code-block';
export default class BadgePage extends React.Component {
diff --git a/docs/src/app/components/pages/components/buttons.jsx b/docs/src/app/components/pages/components/buttons.jsx
index e7462816cc355e..56cfc08b924117 100644
--- a/docs/src/app/components/pages/components/buttons.jsx
+++ b/docs/src/app/components/pages/components/buttons.jsx
@@ -1,9 +1,8 @@
import React from 'react';
import ComponentDoc from '../../component-doc';
-import mui from 'material-ui';
-import ToggleStar from 'svg-icons/toggle/star';
+import ToggleStar from 'material-ui/svg-icons/toggle/star';
-const {
+import {
FlatButton,
FloatingActionButton,
FontIcon,
@@ -13,7 +12,7 @@ const {
Tab,
Tabs,
Utils,
-} = mui;
+} from 'material-ui';
const extend = Utils.Extend;
const {Colors, Typography} = Styles;
import RaisedButtonCode from 'raised-button-code';
diff --git a/docs/src/app/components/pages/components/grid-list.jsx b/docs/src/app/components/pages/components/grid-list.jsx
index 828a2e39d92862..b7e3ee45715651 100644
--- a/docs/src/app/components/pages/components/grid-list.jsx
+++ b/docs/src/app/components/pages/components/grid-list.jsx
@@ -1,7 +1,7 @@
import React from 'react';
import {GridList, GridTile, Paper} from 'material-ui';
-import StarBorder from 'svg-icons/toggle/star-border';
+import StarBorder from 'material-ui/svg-icons/toggle/star-border';
import IconButton from 'icon-button';
import ComponentDoc from '../../component-doc';
@@ -241,4 +241,4 @@ class GridListPage extends React.Component {
}
-module.exports = GridListPage;
+export default GridListPage;
diff --git a/docs/src/app/components/pages/components/icon-buttons.jsx b/docs/src/app/components/pages/components/icon-buttons.jsx
index 7910a295d4a81b..f3de18fe3d42cd 100644
--- a/docs/src/app/components/pages/components/icon-buttons.jsx
+++ b/docs/src/app/components/pages/components/icon-buttons.jsx
@@ -1,7 +1,11 @@
import React from 'react';
-import {FontIcon, IconButton, Paper} from 'material-ui';
+import {
+ FontIcon,
+ IconButton,
+ Paper,
+} from 'material-ui';
import ComponentDoc from '../../component-doc';
-import ActionGrade from 'svg-icons/action/grade';
+import ActionGrade from 'material-ui/svg-icons/action/grade';
import Code from 'icon-buttons-code';
import CodeExample from '../../code-example/code-example';
import CodeBlock from '../../code-example/code-block';
@@ -11,11 +15,12 @@ export default class IconButtonsPage extends React.Component {
render() {
let desc = (
-
- This component generates a button element and all props.
- Also, focus styles will happen on tab but not on click.
- There are three ways to add an icon:
-
+
+
+ This component generates a button element and all props.
+ Also, focus styles will happen on tab but not on click.
+ There are three ways to add an icon:
+
For stylesheets: Set the prop "iconClassName" to the
@@ -40,7 +45,7 @@ export default class IconButtonsPage extends React.Component {
iconClassName prop.
-
+
);
let componentInfo = [
diff --git a/docs/src/app/components/pages/components/icon-menus.jsx b/docs/src/app/components/pages/components/icon-menus.jsx
index dbbff80cd629f4..0a788c8f47357f 100644
--- a/docs/src/app/components/pages/components/icon-menus.jsx
+++ b/docs/src/app/components/pages/components/icon-menus.jsx
@@ -3,17 +3,17 @@ import {IconButton, Paper} from 'material-ui';
import IconMenu from 'menus/icon-menu';
import MenuItem from 'menus/menu-item';
import MenuDivider from 'menus/menu-divider';
-import MoreVertIcon from 'svg-icons/navigation/more-vert';
+import MoreVertIcon from 'material-ui/svg-icons/navigation/more-vert';
import ComponentDoc from '../../component-doc';
-import ContentCopy from 'svg-icons/content/content-copy';
-import ContentFilter from 'svg-icons/content/filter-list';
-import ContentLink from 'svg-icons/content/link';
-import Delete from 'svg-icons/action/delete';
-import Download from 'svg-icons/file/file-download';
-import MapsPlace from 'svg-icons/maps/place';
-import PersonAdd from 'svg-icons/social/person-add';
-import RemoveRedEye from 'svg-icons/image/remove-red-eye';
+import ContentCopy from 'material-ui/svg-icons/content/content-copy';
+import ContentFilter from 'material-ui/svg-icons/content/filter-list';
+import ContentLink from 'material-ui/svg-icons/content/link';
+import Delete from 'material-ui/svg-icons/action/delete';
+import Download from 'material-ui/svg-icons/file/file-download';
+import MapsPlace from 'material-ui/svg-icons/maps/place';
+import PersonAdd from 'material-ui/svg-icons/social/person-add';
+import RemoveRedEye from 'material-ui/svg-icons/image/remove-red-eye';
import Code from 'icon-menus-code';
import CodeExample from '../../code-example/code-example';
import CodeBlock from '../../code-example/code-block';
diff --git a/docs/src/app/components/pages/components/icons.jsx b/docs/src/app/components/pages/components/icons.jsx
index 46add44b947f71..b871edac021391 100644
--- a/docs/src/app/components/pages/components/icons.jsx
+++ b/docs/src/app/components/pages/components/icons.jsx
@@ -2,7 +2,7 @@ import React from 'react';
import {FontIcon, Styles, Paper} from 'material-ui';
import CodeBlock from '../../code-example/code-block';
import ComponentDoc from '../../component-doc';
-import ActionHome from 'svg-icons/action/home';
+import ActionHome from 'material-ui/svg-icons/action/home';
const {Colors, Typography} = Styles;
import IconButtonCode from 'icons-code';
@@ -26,24 +26,26 @@ export default class FontIconPage extends React.Component {
render() {
- let fontIconDesc = (
-
- This component will render any icon defined in any style sheets included in your
- project. We are using Google's Material Design
- Icons for our documentation site along with some custom icons. You can use
- sites like IcoMoon for
- generating custom font files. To use FontIcons, add your stylesheet to your project
- and reference the icon's className in the "className" prop.
- We also support Google's
- Material Icons as seen in the third block of code. If you're using the material icons, be sure to include the link to the font icon file in your head section:
+ const fontIconDesc = (
+
+
+ This component will render any icon defined in any style sheets included in your
+ project. We are using Google's Material Design
+ Icons for our documentation site along with some custom icons. You can use
+ sites like IcoMoon for
+ generating custom font files. To use FontIcons, add your stylesheet to your project
+ and reference the icon's className in the "className" prop.
+ We also support Google's
+ Material Icons as seen in the third block of code. If you're using the material icons, be sure to include the link to the font icon file in your head section:
+