[styles] Remove the old styles modules

Author: oliviertassinari

docs/scripts/buildApi.js

@@ -8,7 +8,7 @@ import generateMarkdown from '../src/modules/utils/generateMarkdown';
 import { findPagesMarkdown, findComponents } from '../src/modules/utils/find';
 import { getHeaders } from '../src/modules/utils/parseMarkdown';
 import createMuiTheme from '../../packages/material-ui/src/styles/createMuiTheme';
-import getStylesCreator from '../../packages/material-ui/src/styles/getStylesCreator';
+import getStylesCreator from '../../packages/material-ui-styles/src/getStylesCreator';
 
 function ensureExists(pat, mask, cb) {
   mkdir(pat, mask, err => {

docs/src/modules/components/AppWrapper.js

@@ -2,8 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import url from 'url';
-import { MuiThemeProvider } from '@material-ui/core/styles';
-import { StylesProvider } from '@material-ui/styles';
+import { StylesProvider, ThemeProvider } from '@material-ui/styles';
 import acceptLanguage from 'accept-language';
 import { lightTheme, darkTheme, setPrismTheme } from '@material-ui/docs/MarkdownElement/prism';
 import { updatePageContext } from 'docs/src/modules/styles/getPageContext';
@@ -186,7 +185,7 @@ class AppWrapper extends React.Component {
         sheetsManager={pageContext.sheetsManager}
         sheetsRegistry={pageContext.sheetsRegistry}
       >
-        <MuiThemeProvider theme={pageContext.theme}>{children}</MuiThemeProvider>
+        <ThemeProvider theme={pageContext.theme}>{children}</ThemeProvider>
         <SideEffects />
       </StylesProvider>
     );

docs/src/modules/components/bootstrap.js

@@ -1,13 +1,10 @@
 // Use the same helper as Babel to avoid bundle bloat.
 import 'core-js/modules/es6.array.find-index';
 import 'core-js/modules/es6.set';
-import { install } from '@material-ui/styles';
 
 // Disable auto highlighting
 // https://github.com/PrismJS/prism/issues/765
 if (process.browser) {
   window.Prism = window.Prism || {};
   window.Prism.manual = true;
 }
-
-install();

docs/src/pages/premium-themes/instapaper/pages/instapaper/withTheme.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { MuiThemeProvider } from '@material-ui/core/styles';
+import { ThemeProvider } from '@material-ui/styles';
 
 const withTheme = theme => Component => props => (
-  <MuiThemeProvider theme={theme}>
+  <ThemeProvider theme={theme}>
     <Component {...props} />
-  </MuiThemeProvider>
+  </ThemeProvider>
 );
 
 export default withTheme;

docs/src/pages/premium-themes/onepirate/modules/withRoot.js

@@ -1,17 +1,17 @@
 import React from 'react';
-import { MuiThemeProvider } from '@material-ui/core/styles';
+import { ThemeProvider } from '@material-ui/styles';
 import CssBaseline from '@material-ui/core/CssBaseline';
 import theme from './theme';
 
 function withRoot(Component) {
   function WithRoot(props) {
-    // MuiThemeProvider makes the theme available down the React tree thanks to React context.
+    // ThemeProvider makes the theme available down the React tree thanks to React context.
     return (
-      <MuiThemeProvider theme={theme}>
+      <ThemeProvider theme={theme}>
         {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
         <CssBaseline />
         <Component {...props} />
-      </MuiThemeProvider>
+      </ThemeProvider>
     );
   }
 

docs/src/pages/premium-themes/paperbase/Paperbase.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { MuiThemeProvider, createMuiTheme, withStyles } from '@material-ui/core/styles';
+import { createMuiTheme, withStyles } from '@material-ui/core/styles';
+import { ThemeProvider } from '@material-ui/styles';
 import CssBaseline from '@material-ui/core/CssBaseline';
 import Hidden from '@material-ui/core/Hidden';
 import Navigator from './Navigator';
@@ -156,7 +157,7 @@ class Paperbase extends React.Component {
     const { classes } = this.props;
 
     return (
-      <MuiThemeProvider theme={theme}>
+      <ThemeProvider theme={theme}>
         <div className={classes.root}>
           <CssBaseline />
           <nav className={classes.drawer}>
@@ -179,7 +180,7 @@ class Paperbase extends React.Component {
             </main>
           </div>
         </div>
-      </MuiThemeProvider>
+      </ThemeProvider>
     );
   }
 }

docs/src/pages/premium-themes/tweeper/pages/tweeper/withTheme.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { MuiThemeProvider } from '@material-ui/core/styles';
+import { ThemeProvider } from '@material-ui/styles';
 
 const withTheme = theme => Component => props => (
-  <MuiThemeProvider theme={theme}>
+  <ThemeProvider theme={theme}>
     <Component {...props} />
-  </MuiThemeProvider>
+  </ThemeProvider>
 );
 
 export default withTheme;