Merge branch 'next' into docs-ratings

docs/package.json

@@ -93,9 +93,9 @@
     "prismjs": "^1.17.1",
     "prop-types": "^15.7.2",
     "raw-loader": "^1.0.0",
-    "react": "^16.13.0",
+    "react": "^16.14.0",
     "react-docgen": "^5.0.0-beta.1",
-    "react-dom": "^16.13.0",
+    "react-dom": "^16.14.0",
     "react-draggable": "^4.0.3",
     "react-final-form": "^6.3.0",
     "react-is": "^16.13.0",

docs/src/pages/components/buttons/ButtonSizes.js

@@ -9,9 +9,6 @@ const useStyles = makeStyles((theme) => ({
   margin: {
     margin: theme.spacing(1),
   },
-  extendedIcon: {
-    marginRight: theme.spacing(1),
-  },
 }));
 
 export default function ButtonSizes() {

docs/src/pages/components/buttons/ButtonSizes.tsx

@@ -10,9 +10,6 @@ const useStyles = makeStyles((theme: Theme) =>
     margin: {
       margin: theme.spacing(1),
     },
-    extendedIcon: {
-      marginRight: theme.spacing(1),
-    },
   }),
 );
 

docs/src/pages/components/steppers/steppers.md

@@ -72,7 +72,7 @@ Vertical steppers are designed for narrow screen sizes. They are ideal for mobil
 
 ## Mobile stepper
 
-This component implements a compact stepper suitable for a mobile device. IT has more limited functionality than the vertical stepper. See [mobile steps](https://material.io/archive/guidelines/components/steppers.html#steppers-types-of-steps) for its inspiration.
+This component implements a compact stepper suitable for a mobile device. It has more limited functionality than the vertical stepper. See [mobile steps](https://material.io/archive/guidelines/components/steppers.html#steppers-types-of-steps) for its inspiration.
 
 The mobile stepper supports three variants to display progress through the available steps: text, dots, and progress.
 

docs/src/pages/getting-started/example-projects/example-projects.md

@@ -14,7 +14,6 @@ You can find some example projects in the [GitHub repository](https://github.com
 - [CDN](https://github.com/mui-org/material-ui/tree/next/examples/cdn)
 - [Plain server-side](https://github.com/mui-org/material-ui/tree/next/examples/ssr)
 - [Use styled-components as style engine](https://github.com/mui-org/material-ui/tree/next/examples/create-react-app-with-styled-components)
-- [Reason React](https://github.com/mui-org/material-ui/tree/next/examples/reason)
 
 Create React App is an awesome project for learning React.
 Have a look at [the alternatives available](https://github.com/facebook/create-react-app/blob/master/README.md#popular-alternatives) to see which project best fits your needs.

examples/cdn/index.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="initial-scale=1, width=device-width" />
     <script src="https://unpkg.com/react@latest/umd/react.development.js" crossorigin="anonymous"></script>
     <script src="https://unpkg.com/react-dom@latest/umd/react-dom.development.js"></script>
-    <script src="https://unpkg.com/@material-ui/core@latest/umd/material-ui.development.js" crossorigin="anonymous"></script>
+    <script src="https://unpkg.com/@material-ui/core@next/umd/material-ui.development.js" crossorigin="anonymous"></script>
     <script src="https://unpkg.com/babel-standalone@latest/babel.min.js" crossorigin="anonymous"></script>
     <!-- Fonts to support Material Design -->
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
@@ -95,13 +95,13 @@
 function App() {
   return (
     <Container maxWidth="sm">
-      <div style={{ marginTop: 24, }}>
+      <Box my={4}>
         <Typography variant="h4" component="h1" gutterBottom>
-          CDN v4-beta example
+          CDN v5-alpha example
         </Typography>
         <ProTip />
         <Copyright />
-      </div>
+      </Box>
     </Container>
   );
 }

examples/cdn/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cdn",
-  "version": "4.0.0",
+  "version": "5.0.0",
   "private": true,
   "dependencies": {},
   "scripts": {}

examples/preact/config-overrides.js

@@ -0,0 +1,8 @@
+const { addWebpackAlias, override } = require('customize-cra');
+
+module.exports = override(
+  addWebpackAlias({
+    react: 'preact/compat',
+    'react-dom': 'preact/compat',
+  }),
+);