From 20cd5cbf600bf973c8481c57f7cdca446fa0a892 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Sun, 26 Jan 2020 21:39:49 +0100
Subject: [PATCH 01/19] [docs] Use style root convention

---
 docs/src/pages/components/cards/ImgMediaCard.js      | 4 ++--
 docs/src/pages/components/cards/ImgMediaCard.tsx     | 4 ++--
 docs/src/pages/components/cards/MediaCard.js         | 4 ++--
 docs/src/pages/components/cards/MediaCard.tsx        | 4 ++--
 docs/src/pages/components/cards/MediaControlCard.js  | 4 ++--
 docs/src/pages/components/cards/MediaControlCard.tsx | 4 ++--
 docs/src/pages/components/cards/OutlinedCard.js      | 4 ++--
 docs/src/pages/components/cards/OutlinedCard.tsx     | 4 ++--
 docs/src/pages/components/cards/RecipeReviewCard.js  | 4 ++--
 docs/src/pages/components/cards/RecipeReviewCard.tsx | 4 ++--
 docs/src/pages/components/cards/SimpleCard.js        | 4 ++--
 docs/src/pages/components/cards/SimpleCard.tsx       | 4 ++--
 12 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/docs/src/pages/components/cards/ImgMediaCard.js b/docs/src/pages/components/cards/ImgMediaCard.js
index 8b900f47bf99e2..1a967b8cc74217 100644
--- a/docs/src/pages/components/cards/ImgMediaCard.js
+++ b/docs/src/pages/components/cards/ImgMediaCard.js
@@ -9,7 +9,7 @@ import Button from '@material-ui/core/Button';
 import Typography from '@material-ui/core/Typography';
 
 const useStyles = makeStyles({
-  card: {
+  root: {
     maxWidth: 345,
   },
 });
@@ -18,7 +18,7 @@ export default function ImgMediaCard() {
   const classes = useStyles();
 
   return (
-    <Card className={classes.card}>
+    <Card className={classes.root}>
       <CardActionArea>
         <CardMedia
           component="img"
diff --git a/docs/src/pages/components/cards/ImgMediaCard.tsx b/docs/src/pages/components/cards/ImgMediaCard.tsx
index 8b900f47bf99e2..1a967b8cc74217 100644
--- a/docs/src/pages/components/cards/ImgMediaCard.tsx
+++ b/docs/src/pages/components/cards/ImgMediaCard.tsx
@@ -9,7 +9,7 @@ import Button from '@material-ui/core/Button';
 import Typography from '@material-ui/core/Typography';
 
 const useStyles = makeStyles({
-  card: {
+  root: {
     maxWidth: 345,
   },
 });
@@ -18,7 +18,7 @@ export default function ImgMediaCard() {
   const classes = useStyles();
 
   return (
-    <Card className={classes.card}>
+    <Card className={classes.root}>
       <CardActionArea>
         <CardMedia
           component="img"
diff --git a/docs/src/pages/components/cards/MediaCard.js b/docs/src/pages/components/cards/MediaCard.js
index becf41e2546dc6..f16505dfbe80d1 100644
--- a/docs/src/pages/components/cards/MediaCard.js
+++ b/docs/src/pages/components/cards/MediaCard.js
@@ -9,7 +9,7 @@ import Button from '@material-ui/core/Button';
 import Typography from '@material-ui/core/Typography';
 
 const useStyles = makeStyles({
-  card: {
+  root: {
     maxWidth: 345,
   },
   media: {
@@ -21,7 +21,7 @@ export default function MediaCard() {
   const classes = useStyles();
 
   return (
-    <Card className={classes.card}>
+    <Card className={classes.root}>
       <CardActionArea>
         <CardMedia
           className={classes.media}
diff --git a/docs/src/pages/components/cards/MediaCard.tsx b/docs/src/pages/components/cards/MediaCard.tsx
index becf41e2546dc6..f16505dfbe80d1 100644
--- a/docs/src/pages/components/cards/MediaCard.tsx
+++ b/docs/src/pages/components/cards/MediaCard.tsx
@@ -9,7 +9,7 @@ import Button from '@material-ui/core/Button';
 import Typography from '@material-ui/core/Typography';
 
 const useStyles = makeStyles({
-  card: {
+  root: {
     maxWidth: 345,
   },
   media: {
@@ -21,7 +21,7 @@ export default function MediaCard() {
   const classes = useStyles();
 
   return (
-    <Card className={classes.card}>
+    <Card className={classes.root}>
       <CardActionArea>
         <CardMedia
           className={classes.media}
diff --git a/docs/src/pages/components/cards/MediaControlCard.js b/docs/src/pages/components/cards/MediaControlCard.js
index 5aab43b04123a9..45cef7d97fc282 100644
--- a/docs/src/pages/components/cards/MediaControlCard.js
+++ b/docs/src/pages/components/cards/MediaControlCard.js
@@ -10,7 +10,7 @@ import PlayArrowIcon from '@material-ui/icons/PlayArrow';
 import SkipNextIcon from '@material-ui/icons/SkipNext';
 
 const useStyles = makeStyles(theme => ({
-  card: {
+  root: {
     display: 'flex',
   },
   details: {
@@ -40,7 +40,7 @@ export default function MediaControlCard() {
   const theme = useTheme();
 
   return (
-    <Card className={classes.card}>
+    <Card className={classes.root}>
       <div className={classes.details}>
         <CardContent className={classes.content}>
           <Typography component="h5" variant="h5">
diff --git a/docs/src/pages/components/cards/MediaControlCard.tsx b/docs/src/pages/components/cards/MediaControlCard.tsx
index f3adffd758655f..a5d9281ec7c739 100644
--- a/docs/src/pages/components/cards/MediaControlCard.tsx
+++ b/docs/src/pages/components/cards/MediaControlCard.tsx
@@ -11,7 +11,7 @@ import SkipNextIcon from '@material-ui/icons/SkipNext';
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
-    card: {
+    root: {
       display: 'flex',
     },
     details: {
@@ -42,7 +42,7 @@ export default function MediaControlCard() {
   const theme = useTheme();
 
   return (
-    <Card className={classes.card}>
+    <Card className={classes.root}>
       <div className={classes.details}>
         <CardContent className={classes.content}>
           <Typography component="h5" variant="h5">
diff --git a/docs/src/pages/components/cards/OutlinedCard.js b/docs/src/pages/components/cards/OutlinedCard.js
index 77855224dcaaf2..1f143544b2b6a4 100644
--- a/docs/src/pages/components/cards/OutlinedCard.js
+++ b/docs/src/pages/components/cards/OutlinedCard.js
@@ -7,7 +7,7 @@ import Button from '@material-ui/core/Button';
 import Typography from '@material-ui/core/Typography';
 
 const useStyles = makeStyles({
-  card: {
+  root: {
     minWidth: 275,
   },
   bullet: {
@@ -28,7 +28,7 @@ export default function OutlinedCard() {
   const bull = <span className={classes.bullet}>•</span>;
 
   return (
-    <Card className={classes.card} variant="outlined">
+    <Card className={classes.root} variant="outlined">
       <CardContent>
         <Typography className={classes.title} color="textSecondary" gutterBottom>
           Word of the Day
diff --git a/docs/src/pages/components/cards/OutlinedCard.tsx b/docs/src/pages/components/cards/OutlinedCard.tsx
index 77855224dcaaf2..1f143544b2b6a4 100644
--- a/docs/src/pages/components/cards/OutlinedCard.tsx
+++ b/docs/src/pages/components/cards/OutlinedCard.tsx
@@ -7,7 +7,7 @@ import Button from '@material-ui/core/Button';
 import Typography from '@material-ui/core/Typography';
 
 const useStyles = makeStyles({
-  card: {
+  root: {
     minWidth: 275,
   },
   bullet: {
@@ -28,7 +28,7 @@ export default function OutlinedCard() {
   const bull = <span className={classes.bullet}>•</span>;
 
   return (
-    <Card className={classes.card} variant="outlined">
+    <Card className={classes.root} variant="outlined">
       <CardContent>
         <Typography className={classes.title} color="textSecondary" gutterBottom>
           Word of the Day
diff --git a/docs/src/pages/components/cards/RecipeReviewCard.js b/docs/src/pages/components/cards/RecipeReviewCard.js
index 31498e60154214..04a18b6a912f10 100644
--- a/docs/src/pages/components/cards/RecipeReviewCard.js
+++ b/docs/src/pages/components/cards/RecipeReviewCard.js
@@ -17,7 +17,7 @@ import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import MoreVertIcon from '@material-ui/icons/MoreVert';
 
 const useStyles = makeStyles(theme => ({
-  card: {
+  root: {
     maxWidth: 345,
   },
   media: {
@@ -48,7 +48,7 @@ export default function RecipeReviewCard() {
   };
 
   return (
-    <Card className={classes.card}>
+    <Card className={classes.root}>
       <CardHeader
         avatar={
           <Avatar aria-label="recipe" className={classes.avatar}>
diff --git a/docs/src/pages/components/cards/RecipeReviewCard.tsx b/docs/src/pages/components/cards/RecipeReviewCard.tsx
index 928edc041be879..e6697cd9f2cda6 100644
--- a/docs/src/pages/components/cards/RecipeReviewCard.tsx
+++ b/docs/src/pages/components/cards/RecipeReviewCard.tsx
@@ -18,7 +18,7 @@ import MoreVertIcon from '@material-ui/icons/MoreVert';
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
-    card: {
+    root: {
       maxWidth: 345,
     },
     media: {
@@ -50,7 +50,7 @@ export default function RecipeReviewCard() {
   };
 
   return (
-    <Card className={classes.card}>
+    <Card className={classes.root}>
       <CardHeader
         avatar={
           <Avatar aria-label="recipe" className={classes.avatar}>
diff --git a/docs/src/pages/components/cards/SimpleCard.js b/docs/src/pages/components/cards/SimpleCard.js
index 20bedec76119e9..79be00bd552a90 100644
--- a/docs/src/pages/components/cards/SimpleCard.js
+++ b/docs/src/pages/components/cards/SimpleCard.js
@@ -7,7 +7,7 @@ import Button from '@material-ui/core/Button';
 import Typography from '@material-ui/core/Typography';
 
 const useStyles = makeStyles({
-  card: {
+  root: {
     minWidth: 275,
   },
   bullet: {
@@ -28,7 +28,7 @@ export default function SimpleCard() {
   const bull = <span className={classes.bullet}>•</span>;
 
   return (
-    <Card className={classes.card}>
+    <Card className={classes.root}>
       <CardContent>
         <Typography className={classes.title} color="textSecondary" gutterBottom>
           Word of the Day
diff --git a/docs/src/pages/components/cards/SimpleCard.tsx b/docs/src/pages/components/cards/SimpleCard.tsx
index 20bedec76119e9..79be00bd552a90 100644
--- a/docs/src/pages/components/cards/SimpleCard.tsx
+++ b/docs/src/pages/components/cards/SimpleCard.tsx
@@ -7,7 +7,7 @@ import Button from '@material-ui/core/Button';
 import Typography from '@material-ui/core/Typography';
 
 const useStyles = makeStyles({
-  card: {
+  root: {
     minWidth: 275,
   },
   bullet: {
@@ -28,7 +28,7 @@ export default function SimpleCard() {
   const bull = <span className={classes.bullet}>•</span>;
 
   return (
-    <Card className={classes.card}>
+    <Card className={classes.root}>
       <CardContent>
         <Typography className={classes.title} color="textSecondary" gutterBottom>
           Word of the Day

From da8c3d51cbd445349a6a946dd4006e55bf19b14e Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Sun, 26 Jan 2020 21:41:06 +0100
Subject: [PATCH 02/19] [docs] Fix wrong social share logo URL

---
 docs/pages/index.js                 | 2 +-
 docs/src/modules/components/Head.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/pages/index.js b/docs/pages/index.js
index 759f527912a7d4..59fd3b7c86dc21 100644
--- a/docs/pages/index.js
+++ b/docs/pages/index.js
@@ -174,7 +174,7 @@ export default function HomePage() {
   "@type": "Organization",
   "name": "Material-UI",
   "url": "https://material-ui.com/",
-  "logo": "https://material-ui.com/static/brand.png",
+  "logo": "https://material-ui.com/static/logo.png",
   "sameAs": [
     "https://twitter.com/materialUI",
     "https://github.com/mui-org/material-ui",
diff --git a/docs/src/modules/components/Head.js b/docs/src/modules/components/Head.js
index b8f45007d28807..c14d27fdd246cc 100644
--- a/docs/src/modules/components/Head.js
+++ b/docs/src/modules/components/Head.js
@@ -21,7 +21,7 @@ export default function Head(props) {
       <meta name="twitter:site" content="@MaterialUI" />
       <meta name="twitter:title" content={title} />
       <meta name="twitter:description" content={description} />
-      <meta name="twitter:image" content="https://material-ui.com/static/brand.png" />
+      <meta name="twitter:image" content="https://material-ui.com/static/logo.png" />
       {/* Facebook */}
       <meta property="og:type" content="website" />
       <meta property="og:title" content={title} />
@@ -30,7 +30,7 @@ export default function Head(props) {
         content={`https://material-ui.com${Router._rewriteUrlForNextExport(router.asPath)}`}
       />
       <meta property="og:description" content={description} />
-      <meta property="og:image" content="https://material-ui.com/static/brand.png" />
+      <meta property="og:image" content="https://material-ui.com/static/logo.png" />
       <meta property="og:ttl" content="604800" />
       {/* Algolia */}
       <meta name="docsearch:language" content={userLanguage} />

From 8fd78f3c8563e2831cb70537ea5bf3ba49d14a1f Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Sun, 26 Jan 2020 21:42:55 +0100
Subject: [PATCH 03/19] [docs] Fix Autocomplete reason description

---
 docs/pages/api/autocomplete.md                                  | 2 +-
 packages/material-ui-lab/src/Autocomplete/Autocomplete.js       | 2 +-
 .../material-ui-lab/src/useAutocomplete/useAutocomplete.d.ts    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/pages/api/autocomplete.md b/docs/pages/api/autocomplete.md
index e12242b9bd08b3..f6531069f6411b 100644
--- a/docs/pages/api/autocomplete.md
+++ b/docs/pages/api/autocomplete.md
@@ -61,7 +61,7 @@ You can learn more about the difference by [reading this guide](/guides/minimizi
 | <span class="prop-name">noOptionsText</span> | <span class="prop-type">node</span> | <span class="prop-default">'No options'</span> | Text to display when there are no options.<br>For localization purposes, you can use the provided [translations](/guides/localization/). |
 | <span class="prop-name">onChange</span> | <span class="prop-type">func</span> |  | Callback fired when the value changes.<br><br>**Signature:**<br>`function(event: object, value: T) => void`<br>*event:* The event source of the callback.<br>*value:* null |
 | <span class="prop-name">onClose</span> | <span class="prop-type">func</span> |  | Callback fired when the popup requests to be closed. Use in controlled mode (see open).<br><br>**Signature:**<br>`function(event: object) => void`<br>*event:* The event source of the callback. |
-| <span class="prop-name">onInputChange</span> | <span class="prop-type">func</span> |  | Callback fired when the input value changes.<br><br>**Signature:**<br>`function(event: object, value: string, reason: string) => void`<br>*event:* The event source of the callback.<br>*value:* The new value of the text input.<br>*reason:* Can be: "input" (user input), "reset" (programmatic change), `"clear"`. |
+| <span class="prop-name">onInputChange</span> | <span class="prop-type">func</span> |  | Callback fired when the input value changes.<br><br>**Signature:**<br>`function(event: object, value: string, reason: string) => void`<br>*event:* The event source of the callback.<br>*value:* The new value of the text input.<br>*reason:* Can be: `"input"` (user input), `"reset"` (programmatic change), `"clear"`. |
 | <span class="prop-name">onOpen</span> | <span class="prop-type">func</span> |  | Callback fired when the popup requests to be opened. Use in controlled mode (see open).<br><br>**Signature:**<br>`function(event: object) => void`<br>*event:* The event source of the callback. |
 | <span class="prop-name">open</span> | <span class="prop-type">bool</span> |  | Control the popup` open state. |
 | <span class="prop-name">openText</span> | <span class="prop-type">string</span> | <span class="prop-default">'Open'</span> | Override the default text for the *open popup* icon button.<br>For localization purposes, you can use the provided [translations](/guides/localization/). |
diff --git a/packages/material-ui-lab/src/Autocomplete/Autocomplete.js b/packages/material-ui-lab/src/Autocomplete/Autocomplete.js
index 25c676bdb14c34..5c0ebf1ba21e66 100644
--- a/packages/material-ui-lab/src/Autocomplete/Autocomplete.js
+++ b/packages/material-ui-lab/src/Autocomplete/Autocomplete.js
@@ -677,7 +677,7 @@ Autocomplete.propTypes = {
    *
    * @param {object} event The event source of the callback.
    * @param {string} value The new value of the text input.
-   * @param {string} reason Can be: "input" (user input), "reset" (programmatic change), `"clear"`.
+   * @param {string} reason Can be: `"input"` (user input), `"reset"` (programmatic change), `"clear"`.
    */
   onInputChange: PropTypes.func,
   /**
diff --git a/packages/material-ui-lab/src/useAutocomplete/useAutocomplete.d.ts b/packages/material-ui-lab/src/useAutocomplete/useAutocomplete.d.ts
index fc2ff41adb1529..6eb2df4f872f9c 100644
--- a/packages/material-ui-lab/src/useAutocomplete/useAutocomplete.d.ts
+++ b/packages/material-ui-lab/src/useAutocomplete/useAutocomplete.d.ts
@@ -135,7 +135,7 @@ export interface UseAutocompleteCommonProps<T> {
    *
    * @param {object} event The event source of the callback.
    * @param {string} value The new value of the text input.
-   * @param {string} reason Can be: "input" (user input), "reset" (programmatic change), `"clear"`.
+   * @param {string} reason Can be: `"input"` (user input), `"reset"` (programmatic change), `"clear"`.
    */
   onInputChange?: (
     event: React.ChangeEvent<{}>,

From 143e908fd747c9c1ffe6f1f63d62bc37c24db396 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Sun, 26 Jan 2020 21:53:30 +0100
Subject: [PATCH 04/19] [core] Prefer early export default for consistency

---
 docs/src/pages/discover-more/languages/Languages.js           | 4 +---
 docs/src/pages/getting-started/usage/Usage.js                 | 4 +---
 docs/src/pages/premium-themes/onepirate/modules/withRoot.js   | 4 +---
 .../src/ServerStyleSheets/ServerStyleSheets.js                | 4 +---
 .../material-ui-styles/src/StylesProvider/StylesProvider.js   | 4 +---
 .../src/getStylesCreator/getStylesCreator.js                  | 4 +---
 .../material-ui-styles/src/getThemeProps/getThemeProps.js     | 4 +---
 packages/material-ui-styles/src/jssPreset/jssPreset.js        | 4 +---
 packages/material-ui-styles/src/makeStyles/makeStyles.js      | 4 +---
 packages/material-ui-styles/src/mergeClasses/mergeClasses.js  | 4 +---
 packages/material-ui-styles/src/styled/styled.js              | 4 +---
 packages/material-ui/src/useMediaQuery/useMediaQuery.js       | 4 +---
 packages/material-ui/src/useMediaQuery/useMediaQueryTheme.js  | 4 +---
 13 files changed, 13 insertions(+), 39 deletions(-)

diff --git a/docs/src/pages/discover-more/languages/Languages.js b/docs/src/pages/discover-more/languages/Languages.js
index b88571dd77ac00..6d1db81b8416e0 100644
--- a/docs/src/pages/discover-more/languages/Languages.js
+++ b/docs/src/pages/discover-more/languages/Languages.js
@@ -15,7 +15,7 @@ const useStyles = makeStyles({
   },
 });
 
-function Languages() {
+export default function Languages() {
   const classes = useStyles();
 
   return (
@@ -44,5 +44,3 @@ function Languages() {
     </Paper>
   );
 }
-
-export default Languages;
diff --git a/docs/src/pages/getting-started/usage/Usage.js b/docs/src/pages/getting-started/usage/Usage.js
index 5e7168a85dcec7..d8458e680d58cb 100644
--- a/docs/src/pages/getting-started/usage/Usage.js
+++ b/docs/src/pages/getting-started/usage/Usage.js
@@ -1,6 +1,6 @@
 import React from 'react';
 
-function Usage() {
+export default function Usage() {
   return (
     <iframe
       title="codesandbox"
@@ -14,5 +14,3 @@ function Usage() {
     />
   );
 }
-
-export default Usage;
diff --git a/docs/src/pages/premium-themes/onepirate/modules/withRoot.js b/docs/src/pages/premium-themes/onepirate/modules/withRoot.js
index 314f4d2c3b6ca1..28aa82146e0a47 100644
--- a/docs/src/pages/premium-themes/onepirate/modules/withRoot.js
+++ b/docs/src/pages/premium-themes/onepirate/modules/withRoot.js
@@ -3,7 +3,7 @@ import { ThemeProvider } from '@material-ui/core/styles';
 import CssBaseline from '@material-ui/core/CssBaseline';
 import theme from './theme';
 
-function withRoot(Component) {
+export default function withRoot(Component) {
   function WithRoot(props) {
     return (
       <ThemeProvider theme={theme}>
@@ -16,5 +16,3 @@ function withRoot(Component) {
 
   return WithRoot;
 }
-
-export default withRoot;
diff --git a/packages/material-ui-styles/src/ServerStyleSheets/ServerStyleSheets.js b/packages/material-ui-styles/src/ServerStyleSheets/ServerStyleSheets.js
index ee3b93d846d763..372593cbf6e03f 100644
--- a/packages/material-ui-styles/src/ServerStyleSheets/ServerStyleSheets.js
+++ b/packages/material-ui-styles/src/ServerStyleSheets/ServerStyleSheets.js
@@ -3,7 +3,7 @@ import { SheetsRegistry } from 'jss';
 import StylesProvider from '../StylesProvider';
 import createGenerateClassName from '../createGenerateClassName';
 
-class ServerStyleSheets {
+export default class ServerStyleSheets {
   constructor(options = {}) {
     this.options = options;
   }
@@ -46,5 +46,3 @@ class ServerStyleSheets {
     );
   }
 }
-
-export default ServerStyleSheets;
diff --git a/packages/material-ui-styles/src/StylesProvider/StylesProvider.js b/packages/material-ui-styles/src/StylesProvider/StylesProvider.js
index 062ad3dd9783d6..7167f5b8128672 100644
--- a/packages/material-ui-styles/src/StylesProvider/StylesProvider.js
+++ b/packages/material-ui-styles/src/StylesProvider/StylesProvider.js
@@ -34,7 +34,7 @@ if (process.env.NODE_ENV !== 'production') {
 
 let injectFirstNode;
 
-function StylesProvider(props) {
+export default function StylesProvider(props) {
   const { children, injectFirst = false, disableGeneration = false, ...localOptions } = props;
 
   const outerOptions = React.useContext(StylesContext);
@@ -133,5 +133,3 @@ StylesProvider.propTypes = {
 if (process.env.NODE_ENV !== 'production') {
   StylesProvider.propTypes = exactProp(StylesProvider.propTypes);
 }
-
-export default StylesProvider;
diff --git a/packages/material-ui-styles/src/getStylesCreator/getStylesCreator.js b/packages/material-ui-styles/src/getStylesCreator/getStylesCreator.js
index e1200fc8a71e3a..b82a26db585c54 100644
--- a/packages/material-ui-styles/src/getStylesCreator/getStylesCreator.js
+++ b/packages/material-ui-styles/src/getStylesCreator/getStylesCreator.js
@@ -1,7 +1,7 @@
 import { deepmerge } from '@material-ui/utils';
 import noopTheme from './noopTheme';
 
-function getStylesCreator(stylesOrCreator) {
+export default function getStylesCreator(stylesOrCreator) {
   const themingEnabled = typeof stylesOrCreator === 'function';
 
   if (process.env.NODE_ENV !== 'production') {
@@ -63,5 +63,3 @@ function getStylesCreator(stylesOrCreator) {
     options: {},
   };
 }
-
-export default getStylesCreator;
diff --git a/packages/material-ui-styles/src/getThemeProps/getThemeProps.js b/packages/material-ui-styles/src/getThemeProps/getThemeProps.js
index 0a2756976cbee2..6f4b9da85173ae 100644
--- a/packages/material-ui-styles/src/getThemeProps/getThemeProps.js
+++ b/packages/material-ui-styles/src/getThemeProps/getThemeProps.js
@@ -1,5 +1,5 @@
 /* eslint-disable no-restricted-syntax */
-function getThemeProps(params) {
+export default function getThemeProps(params) {
   const { theme, name, props } = params;
 
   if (!theme || !theme.props || !theme.props[name]) {
@@ -19,5 +19,3 @@ function getThemeProps(params) {
 
   return props;
 }
-
-export default getThemeProps;
diff --git a/packages/material-ui-styles/src/jssPreset/jssPreset.js b/packages/material-ui-styles/src/jssPreset/jssPreset.js
index 51866a798b2300..5bec5bc93f92ba 100644
--- a/packages/material-ui-styles/src/jssPreset/jssPreset.js
+++ b/packages/material-ui-styles/src/jssPreset/jssPreset.js
@@ -7,7 +7,7 @@ import vendorPrefixer from 'jss-plugin-vendor-prefixer';
 import propsSort from 'jss-plugin-props-sort';
 
 // Subset of jss-preset-default with only the plugins the Material-UI components are using.
-function jssPreset() {
+export default function jssPreset() {
   return {
     plugins: [
       functions(),
@@ -23,5 +23,3 @@ function jssPreset() {
     ],
   };
 }
-
-export default jssPreset;
diff --git a/packages/material-ui-styles/src/makeStyles/makeStyles.js b/packages/material-ui-styles/src/makeStyles/makeStyles.js
index 2ed424f5c5938e..4885fe4d0ad13c 100644
--- a/packages/material-ui-styles/src/makeStyles/makeStyles.js
+++ b/packages/material-ui-styles/src/makeStyles/makeStyles.js
@@ -182,7 +182,7 @@ function useSynchronousEffect(func, values) {
   );
 }
 
-function makeStyles(stylesOrCreator, options = {}) {
+export default function makeStyles(stylesOrCreator, options = {}) {
   const {
     // alias for classNamePrefix, if provided will listen to theme (required for theme.overrides)
     name,
@@ -239,5 +239,3 @@ function makeStyles(stylesOrCreator, options = {}) {
     return getClasses(instance.current, props.classes, Component);
   };
 }
-
-export default makeStyles;
diff --git a/packages/material-ui-styles/src/mergeClasses/mergeClasses.js b/packages/material-ui-styles/src/mergeClasses/mergeClasses.js
index 1dca3820b86292..3b2bdaa59d4151 100644
--- a/packages/material-ui-styles/src/mergeClasses/mergeClasses.js
+++ b/packages/material-ui-styles/src/mergeClasses/mergeClasses.js
@@ -1,6 +1,6 @@
 import { getDisplayName } from '@material-ui/utils';
 
-function mergeClasses(options = {}) {
+export default function mergeClasses(options = {}) {
   const { baseClasses, newClasses, Component } = options;
 
   if (!newClasses) {
@@ -53,5 +53,3 @@ function mergeClasses(options = {}) {
 
   return nextClasses;
 }
-
-export default mergeClasses;
diff --git a/packages/material-ui-styles/src/styled/styled.js b/packages/material-ui-styles/src/styled/styled.js
index 6717b8ac29560a..46794ab61dc8e3 100644
--- a/packages/material-ui-styles/src/styled/styled.js
+++ b/packages/material-ui-styles/src/styled/styled.js
@@ -19,7 +19,7 @@ function omit(input, fields) {
 
 // styled-components's API removes the mapping between components and styles.
 // Using components as a low-level styling construct can be simpler.
-function styled(Component) {
+export default function styled(Component) {
   const componentCreator = (style, options = {}) => {
     const { name, ...stylesOptions } = options;
 
@@ -147,5 +147,3 @@ function styled(Component) {
 
   return componentCreator;
 }
-
-export default styled;
diff --git a/packages/material-ui/src/useMediaQuery/useMediaQuery.js b/packages/material-ui/src/useMediaQuery/useMediaQuery.js
index eda8ec7b38b5c2..f68b0c676ed052 100644
--- a/packages/material-ui/src/useMediaQuery/useMediaQuery.js
+++ b/packages/material-ui/src/useMediaQuery/useMediaQuery.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import { getThemeProps, useTheme } from '@material-ui/styles';
 
-function useMediaQuery(queryInput, options = {}) {
+export default function useMediaQuery(queryInput, options = {}) {
   const theme = useTheme();
   const props = getThemeProps({
     theme,
@@ -80,5 +80,3 @@ function useMediaQuery(queryInput, options = {}) {
 
   return match;
 }
-
-export default useMediaQuery;
diff --git a/packages/material-ui/src/useMediaQuery/useMediaQueryTheme.js b/packages/material-ui/src/useMediaQuery/useMediaQueryTheme.js
index e479e9f71a4e8c..bf2f5dbc03c688 100644
--- a/packages/material-ui/src/useMediaQuery/useMediaQueryTheme.js
+++ b/packages/material-ui/src/useMediaQuery/useMediaQueryTheme.js
@@ -1,8 +1,6 @@
 import useMediaQuery from './useMediaQuery';
 
 // TODO to deprecate in v4.x and remove in v5
-function useMediaQueryTheme(...args) {
+export default function useMediaQueryTheme(...args) {
   return useMediaQuery(...args);
 }
-
-export default useMediaQueryTheme;

From a477ec88fde2dc956dbffa4a3ab4f33910057634 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Sun, 26 Jan 2020 21:58:23 +0100
Subject: [PATCH 05/19] [TablePagination] Remove select icon override

---
 packages/material-ui/src/Chip/Chip.js                        | 2 +-
 packages/material-ui/src/MenuItem/MenuItem.js                | 2 +-
 packages/material-ui/src/Slider/Slider.js                    | 4 ++--
 packages/material-ui/src/TablePagination/TablePagination.js  | 5 ++---
 packages/material-ui/src/styles/createTypography.js          | 2 +-
 packages/material-ui/src/useMediaQuery/useMediaQueryTheme.js | 2 +-
 packages/material-ui/src/utils/setRef.js                     | 2 +-
 7 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/packages/material-ui/src/Chip/Chip.js b/packages/material-ui/src/Chip/Chip.js
index 70118bf44c74cd..2e0f82e37cd2ae 100644
--- a/packages/material-ui/src/Chip/Chip.js
+++ b/packages/material-ui/src/Chip/Chip.js
@@ -167,7 +167,7 @@ export const styles = theme => {
         backgroundColor: fade(theme.palette.secondary.main, theme.palette.action.hoverOpacity),
       },
     },
-    // TODO remove in V5
+    // TODO v5: remove
     /* Styles applied to the `avatar` element. */
     avatar: {},
     /* Styles applied to the `avatar` element if `size="small"`. */
diff --git a/packages/material-ui/src/MenuItem/MenuItem.js b/packages/material-ui/src/MenuItem/MenuItem.js
index e53cd9d0a7aae4..e25c14d82b4d54 100644
--- a/packages/material-ui/src/MenuItem/MenuItem.js
+++ b/packages/material-ui/src/MenuItem/MenuItem.js
@@ -19,7 +19,7 @@ export const styles = theme => ({
       minHeight: 'auto',
     },
   },
-  // TODO To remove in v5?
+  // TODO v5: remove
   /* Styles applied to the root element if `disableGutters={false}`. */
   gutters: {},
   /* Styles applied to the root element if `selected={true}`. */
diff --git a/packages/material-ui/src/Slider/Slider.js b/packages/material-ui/src/Slider/Slider.js
index 9f34e926d23a3d..3d3473c837bdff 100644
--- a/packages/material-ui/src/Slider/Slider.js
+++ b/packages/material-ui/src/Slider/Slider.js
@@ -159,7 +159,7 @@ export const styles = theme => ({
   },
   /* Styles applied to the root element if `color="primary"`. */
   colorPrimary: {
-    // TODO v5, move the style here
+    // TODO v5: move the style here
   },
   /* Styles applied to the root element if `color="secondary"`. */
   colorSecondary: {
@@ -277,7 +277,7 @@ export const styles = theme => ({
   },
   /* Styles applied to the thumb element if `color="primary"`. */
   thumbColorPrimary: {
-    // TODO v5, move the style here
+    // TODO v5: move the style here
   },
   /* Styles applied to the thumb element if `color="secondary"`. */
   thumbColorSecondary: {
diff --git a/packages/material-ui/src/TablePagination/TablePagination.js b/packages/material-ui/src/TablePagination/TablePagination.js
index ff6fb32db97aee..c7e72cf40d949a 100644
--- a/packages/material-ui/src/TablePagination/TablePagination.js
+++ b/packages/material-ui/src/TablePagination/TablePagination.js
@@ -48,10 +48,9 @@ export const styles = theme => ({
     textAlign: 'right',
     textAlignLast: 'right', // Align <select> on Chrome.
   },
+  // TODO v5: remove
   /* Styles applied to the Select component `icon` class. */
-  selectIcon: {
-    top: 1,
-  },
+  selectIcon: {},
   /* Styles applied to the `InputBase` component. */
   input: {
     color: 'inherit',
diff --git a/packages/material-ui/src/styles/createTypography.js b/packages/material-ui/src/styles/createTypography.js
index e12ddbb77f69e6..bb3b6fe572692f 100644
--- a/packages/material-ui/src/styles/createTypography.js
+++ b/packages/material-ui/src/styles/createTypography.js
@@ -78,7 +78,7 @@ export default function createTypography(palette, typography) {
     {
       htmlFontSize,
       pxToRem,
-      round, // TODO To remove in v5?
+      round, // TODO v5: remove
       fontFamily,
       fontSize,
       fontWeightLight,
diff --git a/packages/material-ui/src/useMediaQuery/useMediaQueryTheme.js b/packages/material-ui/src/useMediaQuery/useMediaQueryTheme.js
index bf2f5dbc03c688..dec8ac860a76cc 100644
--- a/packages/material-ui/src/useMediaQuery/useMediaQueryTheme.js
+++ b/packages/material-ui/src/useMediaQuery/useMediaQueryTheme.js
@@ -1,6 +1,6 @@
 import useMediaQuery from './useMediaQuery';
 
-// TODO to deprecate in v4.x and remove in v5
+// TODO v5: to deprecate in v4.x and remove in v5
 export default function useMediaQueryTheme(...args) {
   return useMediaQuery(...args);
 }
diff --git a/packages/material-ui/src/utils/setRef.js b/packages/material-ui/src/utils/setRef.js
index 5f5e9a241bb5f9..e1ee0697d6a33b 100644
--- a/packages/material-ui/src/utils/setRef.js
+++ b/packages/material-ui/src/utils/setRef.js
@@ -1,4 +1,4 @@
-// TODO: Make it private only in v5
+// TODO v5: make it private
 export default function setRef(ref, value) {
   if (typeof ref === 'function') {
     ref(value);

From dcdabbe8a77581de6836ce9b91fae3a6b3ad2827 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Sun, 26 Jan 2020 22:10:58 +0100
Subject: [PATCH 06/19] [test] Ignore flaky TextMobileStepper

---
 test/regressions/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/test/regressions/index.js b/test/regressions/index.js
index 53b23358fa7bed..5243b2a66c7fab 100644
--- a/test/regressions/index.js
+++ b/test/regressions/index.js
@@ -90,10 +90,10 @@ const blacklist = [
   'docs-components-snackbars/SimpleSnackbar.png', // Needs interaction
   'docs-components-snackbars/TransitionsSnackbar.png', // Needs interaction
   'docs-components-speed-dial', // Needs interaction
-  'docs-components-stepper/HorizontalNonLinearAlternativeLabelStepper.png', // Redundant
-  'docs-components-stepper/HorizontalNonLinearStepper.png', // Redundant
-  'docs-components-stepper/SwipeableTextMobileStepper.png', // Redundant
+  'docs-components-steppers/HorizontalNonLinearAlternativeLabelStepper.png', // Redundant
+  'docs-components-steppers/HorizontalNonLinearStepper.png', // Redundant
   'docs-components-steppers/SwipeableTextMobileStepper.png', // Flaky image loading
+  'docs-components-steppers/TextMobileStepper.png', // Flaky image loading
   'docs-components-textarea-autosize', // Superseded by a dedicated regression test
   'docs-components-tooltips', // Needs interaction
   'docs-components-transitions', // Needs interaction

From 283d5da3a32c4a8583a9ef506bc0e3333f4c3cf1 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Sun, 26 Jan 2020 22:40:06 +0100
Subject: [PATCH 07/19] [ButtonBase] Remove intermediary component

---
 packages/material-ui/src/ButtonBase/TouchRipple.js | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/packages/material-ui/src/ButtonBase/TouchRipple.js b/packages/material-ui/src/ButtonBase/TouchRipple.js
index e6d512b78d81bc..598b86938d4c12 100644
--- a/packages/material-ui/src/ButtonBase/TouchRipple.js
+++ b/packages/material-ui/src/ButtonBase/TouchRipple.js
@@ -279,12 +279,6 @@ const TouchRipple = React.forwardRef(function TouchRipple(props, ref) {
   );
 });
 
-// TODO cleanup after https://github.com/reactjs/react-docgen/pull/378 is released
-function withMuiName(Component) {
-  Component.muiName = 'MuiTouchRipple';
-  return Component;
-}
-
 TouchRipple.propTypes = {
   /**
    * If `true`, the ripple starts at the center of the component
@@ -302,6 +296,4 @@ TouchRipple.propTypes = {
   className: PropTypes.string,
 };
 
-export default withStyles(styles, { flip: false, name: 'MuiTouchRipple' })(
-  withMuiName(React.memo(TouchRipple)),
-);
+export default withStyles(styles, { flip: false, name: 'MuiTouchRipple' })(React.memo(TouchRipple));

From 536c3c075fbc6c837f4f738d362fbdfe8577d86b Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Sun, 26 Jan 2020 22:57:17 +0100
Subject: [PATCH 08/19] [docs] Fix Autocomplete demo on Safari

---
 docs/src/pages/components/autocomplete/CustomizedHook.js  | 5 +++--
 docs/src/pages/components/autocomplete/CustomizedHook.tsx | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/docs/src/pages/components/autocomplete/CustomizedHook.js b/docs/src/pages/components/autocomplete/CustomizedHook.js
index a54ed776610619..7c79eb63c0a80f 100644
--- a/docs/src/pages/components/autocomplete/CustomizedHook.js
+++ b/docs/src/pages/components/autocomplete/CustomizedHook.js
@@ -31,12 +31,13 @@ const InputWrapper = styled('div')`
 
   & input {
     font-size: 14px;
-    line-height: 26px;
-    padding: 2px 6px;
+    height: 30px;
+    padding: 4px 6px;
     width: 0;
     min-width: 30px;
     flex-grow: 1;
     border: 0;
+    margin: 0;
     outline: 0;
   }
 `;
diff --git a/docs/src/pages/components/autocomplete/CustomizedHook.tsx b/docs/src/pages/components/autocomplete/CustomizedHook.tsx
index 1d599d1cff7f79..c3900f8cf86ad7 100644
--- a/docs/src/pages/components/autocomplete/CustomizedHook.tsx
+++ b/docs/src/pages/components/autocomplete/CustomizedHook.tsx
@@ -31,12 +31,13 @@ const InputWrapper = styled('div')`
 
   & input {
     font-size: 14px;
-    line-height: 26px;
-    padding: 2px 6px;
+    height: 30px;
+    padding: 4px 6px;
     width: 0;
     min-width: 30px;
     flex-grow: 1;
     border: 0;
+    margin: 0;
     outline: 0;
   }
 `;

From 622a00cc112ce2fd4469575739b044480580638e Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Sun, 26 Jan 2020 23:03:18 +0100
Subject: [PATCH 09/19] [docs] Polish typography demos

---
 .../typography/CustomResponsiveFontSizes.js          | 10 ++++------
 .../typography/CustomResponsiveFontSizes.tsx         | 10 ++++------
 .../customization/typography/TypographyVariants.js   |  8 ++++----
 .../customization/typography/TypographyVariants.tsx  |  8 ++++----
 .../src/pages/customization/typography/typography.md | 12 +++++++-----
 5 files changed, 23 insertions(+), 25 deletions(-)

diff --git a/docs/src/pages/customization/typography/CustomResponsiveFontSizes.js b/docs/src/pages/customization/typography/CustomResponsiveFontSizes.js
index f78c597234e9eb..787a5d55b64eb1 100644
--- a/docs/src/pages/customization/typography/CustomResponsiveFontSizes.js
+++ b/docs/src/pages/customization/typography/CustomResponsiveFontSizes.js
@@ -14,12 +14,10 @@ theme.typography.h3 = {
   },
 };
 
-export default function ResponsiveFontSizes() {
+export default function CustomResponsiveFontSizes() {
   return (
-    <div>
-      <ThemeProvider theme={theme}>
-        <Typography variant="h3">Responsive h3</Typography>
-      </ThemeProvider>
-    </div>
+    <ThemeProvider theme={theme}>
+      <Typography variant="h3">Responsive h3</Typography>
+    </ThemeProvider>
   );
 }
diff --git a/docs/src/pages/customization/typography/CustomResponsiveFontSizes.tsx b/docs/src/pages/customization/typography/CustomResponsiveFontSizes.tsx
index f78c597234e9eb..787a5d55b64eb1 100644
--- a/docs/src/pages/customization/typography/CustomResponsiveFontSizes.tsx
+++ b/docs/src/pages/customization/typography/CustomResponsiveFontSizes.tsx
@@ -14,12 +14,10 @@ theme.typography.h3 = {
   },
 };
 
-export default function ResponsiveFontSizes() {
+export default function CustomResponsiveFontSizes() {
   return (
-    <div>
-      <ThemeProvider theme={theme}>
-        <Typography variant="h3">Responsive h3</Typography>
-      </ThemeProvider>
-    </div>
+    <ThemeProvider theme={theme}>
+      <Typography variant="h3">Responsive h3</Typography>
+    </ThemeProvider>
   );
 }
diff --git a/docs/src/pages/customization/typography/TypographyVariants.js b/docs/src/pages/customization/typography/TypographyVariants.js
index af5ab349fa90fe..26a48739646398 100644
--- a/docs/src/pages/customization/typography/TypographyVariants.js
+++ b/docs/src/pages/customization/typography/TypographyVariants.js
@@ -19,12 +19,12 @@ const theme = createMuiTheme({
 
 export default function TypographyVariants() {
   return (
-    <ThemeProvider theme={theme}>
-      <div>
+    <div>
+      <ThemeProvider theme={theme}>
         <Typography variant="subtitle1">subtitle</Typography>
         <Typography>body1</Typography>
         <Button>Button</Button>
-      </div>
-    </ThemeProvider>
+      </ThemeProvider>
+    </div>
   );
 }
diff --git a/docs/src/pages/customization/typography/TypographyVariants.tsx b/docs/src/pages/customization/typography/TypographyVariants.tsx
index af5ab349fa90fe..26a48739646398 100644
--- a/docs/src/pages/customization/typography/TypographyVariants.tsx
+++ b/docs/src/pages/customization/typography/TypographyVariants.tsx
@@ -19,12 +19,12 @@ const theme = createMuiTheme({
 
 export default function TypographyVariants() {
   return (
-    <ThemeProvider theme={theme}>
-      <div>
+    <div>
+      <ThemeProvider theme={theme}>
         <Typography variant="subtitle1">subtitle</Typography>
         <Typography>body1</Typography>
         <Button>Button</Button>
-      </div>
-    </ThemeProvider>
+      </ThemeProvider>
+    </div>
   );
 }
diff --git a/docs/src/pages/customization/typography/typography.md b/docs/src/pages/customization/typography/typography.md
index 9194a61d6dd26a..2bd30a21f19812 100644
--- a/docs/src/pages/customization/typography/typography.md
+++ b/docs/src/pages/customization/typography/typography.md
@@ -56,7 +56,7 @@ const raleway = {
 Next, you need to change the theme to use this new font.
 In order to globally define Raleway as a font face, the [`CssBaseline`](/components/css-baseline/) component can be used (or any other CSS solution of your choice).
 
-```js
+```jsx
 const theme = createMuiTheme({
   typography: {
     fontFamily: 'Raleway, Arial',
@@ -71,10 +71,12 @@ const theme = createMuiTheme({
 });
 
 // ...
-<ThemeProvider theme={theme}>
-  <CssBaseline />
-  {children}
-</ThemeProvider>;
+return (
+  <ThemeProvider theme={theme}>
+    <CssBaseline />
+    {children}
+  </ThemeProvider>
+);
 ```
 
 ## Font size

From 82ecb91ae2c23c5e7777853da700c02637f85bee Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Sun, 26 Jan 2020 23:06:18 +0100
Subject: [PATCH 10/19] [core] Normalize list style reset

---
 docs/src/modules/components/AppFooter.js                     | 2 +-
 docs/src/modules/components/AppTableOfContents.js            | 2 +-
 docs/src/pages/getting-started/templates/pricing/Pricing.js  | 2 --
 .../premium-themes/onepirate/modules/views/AppFooter.js      | 2 +-
 packages/material-ui/src/Breadcrumbs/Breadcrumbs.js          | 5 ++---
 5 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/docs/src/modules/components/AppFooter.js b/docs/src/modules/components/AppFooter.js
index ce385bcb63e588..ec72bd635aca49 100644
--- a/docs/src/modules/components/AppFooter.js
+++ b/docs/src/modules/components/AppFooter.js
@@ -34,7 +34,7 @@ const styles = theme => ({
     },
     '& ul': {
       margin: 0,
-      paddingLeft: 0,
+      padding: 0,
       listStyle: 'none',
     },
     '& li': {
diff --git a/docs/src/modules/components/AppTableOfContents.js b/docs/src/modules/components/AppTableOfContents.js
index cb85ef1ea9bf0a..e7632435c5fc71 100644
--- a/docs/src/modules/components/AppTableOfContents.js
+++ b/docs/src/modules/components/AppTableOfContents.js
@@ -36,7 +36,7 @@ const useStyles = makeStyles(theme => ({
   ul: {
     padding: 0,
     margin: 0,
-    listStyleType: 'none',
+    listStyle: 'none',
   },
   item: {
     fontSize: 13,
diff --git a/docs/src/pages/getting-started/templates/pricing/Pricing.js b/docs/src/pages/getting-started/templates/pricing/Pricing.js
index 0bd11c22524590..8662e1d5064ffa 100644
--- a/docs/src/pages/getting-started/templates/pricing/Pricing.js
+++ b/docs/src/pages/getting-started/templates/pricing/Pricing.js
@@ -33,8 +33,6 @@ const useStyles = makeStyles(theme => ({
     ul: {
       margin: 0,
       padding: 0,
-    },
-    li: {
       listStyle: 'none',
     },
   },
diff --git a/docs/src/pages/premium-themes/onepirate/modules/views/AppFooter.js b/docs/src/pages/premium-themes/onepirate/modules/views/AppFooter.js
index ddd872708bce73..c7943bf6636039 100644
--- a/docs/src/pages/premium-themes/onepirate/modules/views/AppFooter.js
+++ b/docs/src/pages/premium-themes/onepirate/modules/views/AppFooter.js
@@ -49,7 +49,7 @@ const useStyles = makeStyles(theme => ({
   list: {
     margin: 0,
     listStyle: 'none',
-    paddingLeft: 0,
+    padding: 0,
   },
   listItem: {
     paddingTop: theme.spacing(0.5),
diff --git a/packages/material-ui/src/Breadcrumbs/Breadcrumbs.js b/packages/material-ui/src/Breadcrumbs/Breadcrumbs.js
index ca34dca3571c36..b546e487ae3cf6 100644
--- a/packages/material-ui/src/Breadcrumbs/Breadcrumbs.js
+++ b/packages/material-ui/src/Breadcrumbs/Breadcrumbs.js
@@ -16,11 +16,10 @@ export const styles = {
     alignItems: 'center',
     padding: 0, // Reset
     margin: 0, // Reset
-  },
-  /* Styles applied to the li element. */
-  li: {
     listStyle: 'none',
   },
+  /* Styles applied to the li element. */
+  li: {},
   /* Styles applied to the separator element. */
   separator: {
     display: 'flex',

From 72e9930db053f1b4d1b51581de90d1a3e36976d8 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Mon, 27 Jan 2020 10:10:35 +0100
Subject: [PATCH 11/19] fix box sizing

---
 docs/src/pages/components/autocomplete/CustomizedHook.js  | 1 +
 docs/src/pages/components/autocomplete/CustomizedHook.tsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/docs/src/pages/components/autocomplete/CustomizedHook.js b/docs/src/pages/components/autocomplete/CustomizedHook.js
index 7c79eb63c0a80f..219b9456a328dd 100644
--- a/docs/src/pages/components/autocomplete/CustomizedHook.js
+++ b/docs/src/pages/components/autocomplete/CustomizedHook.js
@@ -32,6 +32,7 @@ const InputWrapper = styled('div')`
   & input {
     font-size: 14px;
     height: 30px;
+    box-sizing: border-box;
     padding: 4px 6px;
     width: 0;
     min-width: 30px;
diff --git a/docs/src/pages/components/autocomplete/CustomizedHook.tsx b/docs/src/pages/components/autocomplete/CustomizedHook.tsx
index c3900f8cf86ad7..c2d4db38691799 100644
--- a/docs/src/pages/components/autocomplete/CustomizedHook.tsx
+++ b/docs/src/pages/components/autocomplete/CustomizedHook.tsx
@@ -32,6 +32,7 @@ const InputWrapper = styled('div')`
   & input {
     font-size: 14px;
     height: 30px;
+    box-sizing: border-box;
     padding: 4px 6px;
     width: 0;
     min-width: 30px;

From 9fd33cc14604bb5c9433dac39788da41d4beb259 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Mon, 27 Jan 2020 17:34:57 +0100
Subject: [PATCH 12/19] [docs] Avoid layout jump

---
 docs/src/modules/components/MarkdownDocs.js    | 5 ++++-
 docs/src/modules/components/MarkdownElement.js | 2 ++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/src/modules/components/MarkdownDocs.js b/docs/src/modules/components/MarkdownDocs.js
index e5c00f8ad27c5e..dda8810b812c58 100644
--- a/docs/src/modules/components/MarkdownDocs.js
+++ b/docs/src/modules/components/MarkdownDocs.js
@@ -21,6 +21,9 @@ import { pageToTitleI18n } from 'docs/src/modules/utils/helpers';
 import Link from 'docs/src/modules/components/Link';
 
 const styles = theme => ({
+  root: {
+    width: '100%',
+  },
   container: {
     position: 'relative',
   },
@@ -132,7 +135,7 @@ function MarkdownDocs(props) {
         </Portal>
       )}
       <div
-        className={clsx({
+        className={clsx(classes.root, {
           [classes.ad]: !disableAd,
           [classes.toc]: !disableToc,
         })}
diff --git a/docs/src/modules/components/MarkdownElement.js b/docs/src/modules/components/MarkdownElement.js
index 4ab7860e2c30e2..b621dcb48a3c3f 100644
--- a/docs/src/modules/components/MarkdownElement.js
+++ b/docs/src/modules/components/MarkdownElement.js
@@ -147,6 +147,8 @@ const styles = theme => ({
     '& code[class*="language-"]': {
       backgroundColor: '#272c34',
       color: '#fff',
+      // Avoid layout jump after hydration (style injected by prism)
+      lineHeight: 1.5,
     },
     '& p code, & ul code, & pre code': {
       fontSize: 14,

From 2ab33ab0789f76d53bedfac76d04d1efaba0f974 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Mon, 27 Jan 2020 17:42:40 +0100
Subject: [PATCH 13/19] [design] Link the Sketch version

---
 docs/src/modules/components/Ad.js             |  28 +++++++++++-------
 .../related-projects/related-projects.md      |   2 +-
 docs/static/in-house/monday.jpg               | Bin 11839 -> 0 bytes
 docs/static/in-house/sketch.png               | Bin 0 -> 4543 bytes
 docs/static/in-house/themes-2.jpg             | Bin 0 -> 18168 bytes
 5 files changed, 19 insertions(+), 11 deletions(-)
 delete mode 100644 docs/static/in-house/monday.jpg
 create mode 100644 docs/static/in-house/sketch.png
 create mode 100644 docs/static/in-house/themes-2.jpg

diff --git a/docs/src/modules/components/Ad.js b/docs/src/modules/components/Ad.js
index 35ff6f637d4be2..4036f52a65963e 100644
--- a/docs/src/modules/components/Ad.js
+++ b/docs/src/modules/components/Ad.js
@@ -53,7 +53,14 @@ const inHouseAds = [
     name: 'scaffoldhub',
     link: 'https://scaffoldhub.io/?partner=1',
     img: '/static/in-house/scaffoldhub.png',
-    description: '<b>ScaffoldHub</b> - Automate building your full-stack Material-UI web-app.',
+    description: '<b>Scaffold</b><br />Automate building your full-stack Material-UI web-app.',
+  },
+  {
+    name: 'themes',
+    link:
+      'https://themes.material-ui.com/?utm_source=material_ui&utm_medium=referral&utm_campaign=in-house-2',
+    img: '/static/in-house/themes-2.jpg',
+    description: '<b>Premium Templates</b><br />Sart your project with the best themes, e.g admin & dashboard.',
   },
   {
     name: 'themes',
@@ -69,20 +76,21 @@ const inHouseAds = [
       'https://tidelift.com/subscription/managed-open-source-survey?utm_source=material_ui&utm_medium=referral&utm_campaign=enterprise&utm_content=ad',
     img: '/static/in-house/tidelift.png',
     description:
-      '<b>Material-UI for enterprise</b><br />Available in the Tidelift Subscription. Reduce risk, and improve code health.',
-  },
-  {
-    name: 'monday',
-    link: 'https://monday.com/partners/status-video?&utm_source=Partner&utm_campaign=MaterialUI',
-    img: '/static/in-house/monday.jpg',
-    description: 'Why use multiple tools to manage your projects? Meet monday.com',
+      '<b>Material-UI for enterprise</b><br />Save time and reduce risk. Managed open source — backed by maintainers.',
   },
   {
     name: 'bonsaiilabs',
     link: 'https://bonsaiilabs.com/courseDetail/material-ui-with-react',
     img: '/static/in-house/bonsaiilabs.png',
     description:
-      'A course to learn Material‑UI while developing a mobile flight search and booking app.',
+      '<b>Learn Material‑UI</b><br />A course to learn Material-UI while developing a flight search/booking app.',
+  },
+  {
+    name: 'sketch',
+    link: 'https://themes.material-ui.com/themes/sketch-react/?utm_source=material_ui&utm_medium=referral&utm_campaign=in-house-sketch',
+    img: '/static/in-house/sketch.png',
+    description:
+      '<b>Sketch</b><br />A large UI kit with over 1,500 handcrafted Material-UI\'s symbols 💎.',
   },
 ];
 
@@ -214,7 +222,7 @@ function Ad(props) {
         eventLabel: type,
       });
 
-      if (type === 'in-house') {
+      if (type.indexOf('in-house') === 0) {
         window.ga('send', {
           hitType: 'event',
           eventCategory: 'in-house-ad',
diff --git a/docs/src/pages/discover-more/related-projects/related-projects.md b/docs/src/pages/discover-more/related-projects/related-projects.md
index 24951ec3d97b9d..d36f9d6672ec78 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects.md
@@ -8,7 +8,7 @@ Feel free to submit a pull request to add another project; it will be accepted i
 
 ## Design resources
 
-- **Sketch**: [Material Theme Editor](https://material.io/resources/theme-editor/) for Material Design made by Google.
+- **Sketch**: [Sketch for Material-UI](https://themes.material-ui.com/themes/sketch-react/) — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
 - **Figma**:
   - https://material.5ly.co/ for Material-UI made by Fively Team.
   - https://ui-kit.co/ a starter kit for your Material Design 2 project.
diff --git a/docs/static/in-house/monday.jpg b/docs/static/in-house/monday.jpg
deleted file mode 100644
index 80b069be32c9dcbe1d9f65e9c10a991d82c2b719..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 11839
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

diff --git a/docs/static/in-house/sketch.png b/docs/static/in-house/sketch.png
new file mode 100644
index 0000000000000000000000000000000000000000..dc7929f8f5917b38d57e1f08e899e18322c03ebb
GIT binary patch
literal 4543
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
Ug~C_<_Xh(o);H55=(=G32buCi`v3p{

literal 0
HcmV?d00001

diff --git a/docs/static/in-house/themes-2.jpg b/docs/static/in-house/themes-2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e45aa75c14a989d1117b932e09366f16ecba44e0
GIT binary patch
literal 18168
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
FO#o10;ynNW

literal 0
HcmV?d00001


From 19c2ba9080cea5f3fe862067aac8291124457182 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Mon, 27 Jan 2020 17:02:29 +0100
Subject: [PATCH 14/19] [Skeleton] Make demo Facebook closer to the original

---
 docs/src/pages/components/skeleton/Facebook.js | 18 ++++++++++++------
 .../src/pages/components/skeleton/Facebook.tsx | 18 ++++++++++++------
 .../material-ui-lab/src/Skeleton/Skeleton.js   |  8 ++++++--
 3 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/docs/src/pages/components/skeleton/Facebook.js b/docs/src/pages/components/skeleton/Facebook.js
index d89a71129137cb..cc7282864aaa12 100644
--- a/docs/src/pages/components/skeleton/Facebook.js
+++ b/docs/src/pages/components/skeleton/Facebook.js
@@ -30,7 +30,7 @@ function Media(props) {
       <CardHeader
         avatar={
           loading ? (
-            <Skeleton variant="circle" width={40} height={40} />
+            <Skeleton animation="wave" variant="circle" width={40} height={40} />
           ) : (
             <Avatar
               alt="Ted talk"
@@ -45,11 +45,17 @@ function Media(props) {
             </IconButton>
           )
         }
-        title={loading ? <Skeleton height={10} width="80%" style={{ marginBottom: 6 }} /> : 'Ted'}
-        subheader={loading ? <Skeleton height={10} width="40%" /> : '5 hours ago'}
+        title={
+          loading ? (
+            <Skeleton animation="wave" height={10} width="80%" style={{ marginBottom: 6 }} />
+          ) : (
+            'Ted'
+          )
+        }
+        subheader={loading ? <Skeleton animation="wave" height={10} width="40%" /> : '5 hours ago'}
       />
       {loading ? (
-        <Skeleton variant="rect" className={classes.media} />
+        <Skeleton animation="wave" variant="rect" className={classes.media} />
       ) : (
         <CardMedia
           className={classes.media}
@@ -61,8 +67,8 @@ function Media(props) {
       <CardContent>
         {loading ? (
           <React.Fragment>
-            <Skeleton height={10} style={{ marginBottom: 6 }} />
-            <Skeleton height={10} width="80%" />
+            <Skeleton animation="wave" height={10} style={{ marginBottom: 6 }} />
+            <Skeleton animation="wave" height={10} width="80%" />
           </React.Fragment>
         ) : (
           <Typography variant="body2" color="textSecondary" component="p">
diff --git a/docs/src/pages/components/skeleton/Facebook.tsx b/docs/src/pages/components/skeleton/Facebook.tsx
index 7f25f7b32e844f..a74a1d165d8fc8 100644
--- a/docs/src/pages/components/skeleton/Facebook.tsx
+++ b/docs/src/pages/components/skeleton/Facebook.tsx
@@ -35,7 +35,7 @@ function Media(props: MediaProps) {
       <CardHeader
         avatar={
           loading ? (
-            <Skeleton variant="circle" width={40} height={40} />
+            <Skeleton animation="wave" variant="circle" width={40} height={40} />
           ) : (
             <Avatar
               alt="Ted talk"
@@ -50,11 +50,17 @@ function Media(props: MediaProps) {
             </IconButton>
           )
         }
-        title={loading ? <Skeleton height={10} width="80%" style={{ marginBottom: 6 }} /> : 'Ted'}
-        subheader={loading ? <Skeleton height={10} width="40%" /> : '5 hours ago'}
+        title={
+          loading ? (
+            <Skeleton animation="wave" height={10} width="80%" style={{ marginBottom: 6 }} />
+          ) : (
+            'Ted'
+          )
+        }
+        subheader={loading ? <Skeleton animation="wave" height={10} width="40%" /> : '5 hours ago'}
       />
       {loading ? (
-        <Skeleton variant="rect" className={classes.media} />
+        <Skeleton animation="wave" variant="rect" className={classes.media} />
       ) : (
         <CardMedia
           className={classes.media}
@@ -65,8 +71,8 @@ function Media(props: MediaProps) {
       <CardContent>
         {loading ? (
           <React.Fragment>
-            <Skeleton height={10} style={{ marginBottom: 6 }} />
-            <Skeleton height={10} width="80%" />
+            <Skeleton animation="wave" height={10} style={{ marginBottom: 6 }} />
+            <Skeleton animation="wave" height={10} width="80%" />
           </React.Fragment>
         ) : (
           <Typography variant="body2" color="textSecondary" component="p">
diff --git a/packages/material-ui-lab/src/Skeleton/Skeleton.js b/packages/material-ui-lab/src/Skeleton/Skeleton.js
index 56b0ecf513a299..ffe18caa2a7dde 100644
--- a/packages/material-ui-lab/src/Skeleton/Skeleton.js
+++ b/packages/material-ui-lab/src/Skeleton/Skeleton.js
@@ -48,10 +48,11 @@ export const styles = theme => ({
     position: 'relative',
     overflow: 'hidden',
     '&::after': {
-      animation: '$wave 1.5s linear 0.5s infinite',
-      background: 'linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent)',
+      animation: '$wave 1.6s linear 0.5s infinite',
+      background: 'linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent)',
       content: '""',
       position: 'absolute',
+      transform: 'translateX(-100%)', // Avoid flash during server-side hydration
       bottom: 0,
       left: 0,
       right: 0,
@@ -63,6 +64,9 @@ export const styles = theme => ({
     '0%': {
       transform: 'translateX(-100%)',
     },
+    '60%': { // +0.5s of delay between each loop
+      transform: 'translateX(100%)',
+    },
     '100%': {
       transform: 'translateX(100%)',
     },

From d7ca125822bbb99ccdb9b396a632fe119625f8d5 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Mon, 27 Jan 2020 18:25:35 +0100
Subject: [PATCH 15/19] yarn prettier

---
 docs/src/modules/components/Ad.js                 | 8 +++++---
 packages/material-ui-lab/src/Skeleton/Skeleton.js | 3 ++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/docs/src/modules/components/Ad.js b/docs/src/modules/components/Ad.js
index 4036f52a65963e..b966eda830d049 100644
--- a/docs/src/modules/components/Ad.js
+++ b/docs/src/modules/components/Ad.js
@@ -60,7 +60,8 @@ const inHouseAds = [
     link:
       'https://themes.material-ui.com/?utm_source=material_ui&utm_medium=referral&utm_campaign=in-house-2',
     img: '/static/in-house/themes-2.jpg',
-    description: '<b>Premium Templates</b><br />Sart your project with the best themes, e.g admin & dashboard.',
+    description:
+      '<b>Premium Templates</b><br />Sart your project with the best themes, e.g admin & dashboard.',
   },
   {
     name: 'themes',
@@ -87,10 +88,11 @@ const inHouseAds = [
   },
   {
     name: 'sketch',
-    link: 'https://themes.material-ui.com/themes/sketch-react/?utm_source=material_ui&utm_medium=referral&utm_campaign=in-house-sketch',
+    link:
+      'https://themes.material-ui.com/themes/sketch-react/?utm_source=material_ui&utm_medium=referral&utm_campaign=in-house-sketch',
     img: '/static/in-house/sketch.png',
     description:
-      '<b>Sketch</b><br />A large UI kit with over 1,500 handcrafted Material-UI\'s symbols 💎.',
+      "<b>Sketch</b><br />A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.",
   },
 ];
 
diff --git a/packages/material-ui-lab/src/Skeleton/Skeleton.js b/packages/material-ui-lab/src/Skeleton/Skeleton.js
index ffe18caa2a7dde..bbadef73177756 100644
--- a/packages/material-ui-lab/src/Skeleton/Skeleton.js
+++ b/packages/material-ui-lab/src/Skeleton/Skeleton.js
@@ -64,7 +64,8 @@ export const styles = theme => ({
     '0%': {
       transform: 'translateX(-100%)',
     },
-    '60%': { // +0.5s of delay between each loop
+    '60%': {
+      // +0.5s of delay between each loop
       transform: 'translateX(100%)',
     },
     '100%': {

From 62c44b3a0b8fef98886c6755726233cd3dbe16ab Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Wed, 29 Jan 2020 12:27:31 +0100
Subject: [PATCH 16/19] fix line height issue, use body1

Until we fix CssBasline to apply body1 by default and not body2 on the body element in v5
we need to apply the style here. The smaller line height is especially concerninng.
---
 docs/src/modules/components/MarkdownElement.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/docs/src/modules/components/MarkdownElement.js b/docs/src/modules/components/MarkdownElement.js
index b621dcb48a3c3f..acda4134c56c83 100644
--- a/docs/src/modules/components/MarkdownElement.js
+++ b/docs/src/modules/components/MarkdownElement.js
@@ -116,8 +116,7 @@ const markedOptions = {
 
 const styles = theme => ({
   root: {
-    fontFamily: theme.typography.fontFamily,
-    fontSize: 16,
+    ...theme.typography.body1,
     color: theme.palette.text.primary,
     wordBreak: 'break-word',
     '& .anchor-link': {

From 98feeb9d2a1c344485f45a475128a9c38a9664eb Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Thu, 30 Jan 2020 00:09:33 +0100
Subject: [PATCH 17/19] Update docs/src/modules/components/Ad.js

Co-Authored-By: Matt <github@nospam.33m.co>
---
 docs/src/modules/components/Ad.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/src/modules/components/Ad.js b/docs/src/modules/components/Ad.js
index b966eda830d049..38b800d460dc3b 100644
--- a/docs/src/modules/components/Ad.js
+++ b/docs/src/modules/components/Ad.js
@@ -92,7 +92,7 @@ const inHouseAds = [
       'https://themes.material-ui.com/themes/sketch-react/?utm_source=material_ui&utm_medium=referral&utm_campaign=in-house-sketch',
     img: '/static/in-house/sketch.png',
     description:
-      "<b>Sketch</b><br />A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.",
+      "<b>Sketch</b><br />A large UI kit with over 1,500 handcrafted Material-UI symbols 💎.",
   },
 ];
 

From 497ee8f45154b3544afaec0fb19ba6b9adb121f8 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Thu, 30 Jan 2020 11:11:34 +0100
Subject: [PATCH 18/19] Update docs/src/modules/components/Ad.js

---
 docs/src/modules/components/Ad.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/src/modules/components/Ad.js b/docs/src/modules/components/Ad.js
index 38b800d460dc3b..85a38c3ca1b98b 100644
--- a/docs/src/modules/components/Ad.js
+++ b/docs/src/modules/components/Ad.js
@@ -61,7 +61,7 @@ const inHouseAds = [
       'https://themes.material-ui.com/?utm_source=material_ui&utm_medium=referral&utm_campaign=in-house-2',
     img: '/static/in-house/themes-2.jpg',
     description:
-      '<b>Premium Templates</b><br />Sart your project with the best themes, e.g admin & dashboard.',
+      '<b>Premium Templates</b><br />Sart your project with the best themes for admins, dashboards and more.',
   },
   {
     name: 'themes',

From 74bc5b36235646044ca6c476569d883c35f4295a Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Thu, 30 Jan 2020 11:13:31 +0100
Subject: [PATCH 19/19] prettier

---
 docs/src/modules/components/Ad.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/src/modules/components/Ad.js b/docs/src/modules/components/Ad.js
index 85a38c3ca1b98b..9ba041029edd89 100644
--- a/docs/src/modules/components/Ad.js
+++ b/docs/src/modules/components/Ad.js
@@ -56,7 +56,7 @@ const inHouseAds = [
     description: '<b>Scaffold</b><br />Automate building your full-stack Material-UI web-app.',
   },
   {
-    name: 'themes',
+    name: 'themes-2',
     link:
       'https://themes.material-ui.com/?utm_source=material_ui&utm_medium=referral&utm_campaign=in-house-2',
     img: '/static/in-house/themes-2.jpg',
@@ -92,7 +92,7 @@ const inHouseAds = [
       'https://themes.material-ui.com/themes/sketch-react/?utm_source=material_ui&utm_medium=referral&utm_campaign=in-house-sketch',
     img: '/static/in-house/sketch.png',
     description:
-      "<b>Sketch</b><br />A large UI kit with over 1,500 handcrafted Material-UI symbols 💎.",
+      '<b>Sketch</b><br />A large UI kit with over 1,500 handcrafted Material-UI symbols 💎.',
   },
 ];