beta.32: type prop is now variant

https://github.com/mui-org/material-ui/releases/tag/v1.0.0-beta.32

Author: ochicf

src/components/Layout/Layout.jsx

@@ -187,7 +187,7 @@ class Layout extends React.PureComponent {
           <Drawer
             open={leftDrawerOpen}
             onClose={this.handleLeftDrawerClose}
-            type={!smallScreen ? leftDrawerType : 'temporary'}
+            variant={!smallScreen ? leftDrawerType : 'temporary'}
             classes={{ paper: leftDrawerPaperClassnames }}
             {...leftDrawerProps}
           >
@@ -203,7 +203,7 @@ class Layout extends React.PureComponent {
             anchor="right"
             open={rightDrawerOpen}
             onClose={this.handleRightDrawerClose}
-            type={!smallScreen ? rightDrawerType : 'temporary'}
+            variant={!smallScreen ? rightDrawerType : 'temporary'}
             classes={{ paper: rightDrawerPaperClassnames }}
             {...rightDrawerProps}
           >

src/templates/AppBar/BasicAppBar/BasicAppBar.jsx

@@ -42,7 +42,7 @@ class BasicAppBar extends React.PureComponent {
       );
     }
     return (
-      <Typography type="title" color="inherit" className={classes.flex}>
+      <Typography variant="title" color="inherit" className={classes.flex}>
         {title}
       </Typography>
     );

src/templates/Footer/BasicFooter/BasicFooter.jsx

@@ -27,7 +27,7 @@ class BasicFooter extends React.PureComponent {
       return <img src={logo} alt={title} className={classes.logoImage} />;
     }
     return (
-      <Typography type="title" color="inherit" className={classes.flex}>
+      <Typography variant="title" color="inherit" className={classes.flex}>
         {title}
       </Typography>
     );
@@ -39,7 +39,7 @@ class BasicFooter extends React.PureComponent {
       <Grid container alignItems="flex-end" justify="space-around" spacing={16}>
         <Grid item xs={12}>
           <div className={classes.message}>
-            <Typography type="display3" color="inherit">
+            <Typography variant="display3" color="inherit">
               {bigMessage}
             </Typography>
           </div>
@@ -53,10 +53,10 @@ class BasicFooter extends React.PureComponent {
         </Grid>
         <Grid item xs={12} md={4}>
           <Grid container direction="column" alignItems="center" spacing={0}>
-            <Typography type="body1" color="inherit">
+            <Typography variant="body1" color="inherit">
               {smallMessage}
             </Typography>
-            <Typography type="caption" color="inherit">
+            <Typography variant="caption" color="inherit">
               {title} © {new Date().getFullYear()}
             </Typography>
           </Grid>