From 34733ff69b094e344a47b7488173298af81bb0f1 Mon Sep 17 00:00:00 2001
From: Matthew Brookes <github@nospam.33m.co>
Date: Sun, 16 Feb 2020 12:22:35 +0000
Subject: [PATCH] [docs] Update the translations

---
 docs/src/modules/components/backers-de.md     |   6 +-
 docs/src/modules/components/backers-es.md     |  10 +-
 docs/src/modules/components/backers-fr.md     |  10 +-
 docs/src/modules/components/backers-pt.md     |   6 +-
 docs/src/modules/components/backers-ru.md     |   4 +-
 docs/src/modules/components/backers-zh.md     |  10 +-
 .../about-the-lab/about-the-lab-aa.md         |  17 +-
 .../about-the-lab/about-the-lab-de.md         |  17 +-
 .../about-the-lab/about-the-lab-es.md         |  19 +-
 .../about-the-lab/about-the-lab-fr.md         |  17 +-
 .../about-the-lab/about-the-lab-ja.md         |  17 +-
 .../about-the-lab/about-the-lab-pt.md         |  17 +-
 .../about-the-lab/about-the-lab-ru.md         |  15 +-
 .../about-the-lab/about-the-lab-zh.md         |  17 +-
 docs/src/pages/components/alert/alert-es.md   |   2 +-
 docs/src/pages/components/alert/alert-fr.md   |  32 ++--
 docs/src/pages/components/alert/alert-pt.md   |  12 +-
 docs/src/pages/components/alert/alert-zh.md   |  18 +-
 .../pages/components/app-bar/app-bar-zh.md    |   2 +-
 .../autocomplete/autocomplete-aa.md           | 101 ++++++-----
 .../autocomplete/autocomplete-de.md           |  47 +++--
 .../autocomplete/autocomplete-es.md           |  15 +-
 .../autocomplete/autocomplete-fr.md           |  15 +-
 .../autocomplete/autocomplete-ja.md           |  15 +-
 .../autocomplete/autocomplete-pt.md           |  17 +-
 .../autocomplete/autocomplete-ru.md           |  19 +-
 .../autocomplete/autocomplete-zh.md           |  27 ++-
 .../pages/components/avatars/avatars-aa.md    |   2 +-
 .../pages/components/avatars/avatars-de.md    |   2 +-
 .../pages/components/avatars/avatars-es.md    |   2 +-
 .../pages/components/avatars/avatars-fr.md    |   2 +-
 .../pages/components/avatars/avatars-ja.md    |   2 +-
 .../pages/components/avatars/avatars-pt.md    |   2 +-
 .../pages/components/avatars/avatars-ru.md    |   2 +-
 .../pages/components/avatars/avatars-zh.md    |   4 +-
 .../pages/components/backdrop/backdrop-ru.md  |   4 +-
 .../pages/components/backdrop/backdrop-zh.md  |   4 +-
 docs/src/pages/components/badges/badges-zh.md |   2 +-
 .../bottom-navigation/bottom-navigation-zh.md |   4 +-
 docs/src/pages/components/box/box-de.md       |   4 +-
 docs/src/pages/components/box/box-zh.md       |   2 +-
 .../components/breadcrumbs/breadcrumbs-zh.md  |   2 +-
 .../pages/components/buttons/buttons-zh.md    |   2 +-
 docs/src/pages/components/cards/cards-zh.md   |   2 +-
 .../components/checkboxes/checkboxes-zh.md    |   2 +-
 docs/src/pages/components/chips/chips-zh.md   |   2 +-
 .../click-away-listener-zh.md                 |   2 +-
 .../components/container/container-zh.md      |   2 +-
 .../css-baseline/css-baseline-aa.md           |  18 +-
 .../css-baseline/css-baseline-de.md           |  27 ++-
 .../css-baseline/css-baseline-es.md           |  25 ++-
 .../css-baseline/css-baseline-fr.md           |  25 ++-
 .../css-baseline/css-baseline-ja.md           |  27 ++-
 .../css-baseline/css-baseline-pt.md           |  27 ++-
 .../css-baseline/css-baseline-ru.md           |  23 ++-
 .../css-baseline/css-baseline-zh.md           |  29 ++-
 .../pages/components/dialogs/dialogs-zh.md    |   2 +-
 .../pages/components/dividers/dividers-aa.md  |   2 +-
 .../pages/components/dividers/dividers-de.md  |   2 +-
 .../pages/components/dividers/dividers-es.md  |   2 +-
 .../pages/components/dividers/dividers-fr.md  |   2 +-
 .../pages/components/dividers/dividers-ja.md  |   2 +-
 .../pages/components/dividers/dividers-pt.md  |   2 +-
 .../pages/components/dividers/dividers-ru.md  |   2 +-
 .../pages/components/dividers/dividers-zh.md  |   4 +-
 .../pages/components/drawers/drawers-zh.md    |   2 +-
 .../expansion-panels/expansion-panels-zh.md   |   2 +-
 .../components/grid-list/grid-list-zh.md      |   2 +-
 docs/src/pages/components/hidden/hidden-zh.md |   2 +-
 docs/src/pages/components/icons/icons-aa.md   |   4 +-
 docs/src/pages/components/icons/icons-de.md   |   4 +-
 docs/src/pages/components/icons/icons-es.md   |   4 +-
 docs/src/pages/components/icons/icons-fr.md   |   4 +-
 docs/src/pages/components/icons/icons-ja.md   |   4 +-
 docs/src/pages/components/icons/icons-pt.md   |   4 +-
 docs/src/pages/components/icons/icons-ru.md   |   4 +-
 docs/src/pages/components/icons/icons-zh.md   |   6 +-
 docs/src/pages/components/links/links-zh.md   |   2 +-
 docs/src/pages/components/lists/lists-zh.md   |   4 +-
 .../material-icons/material-icons-aa.md       |   4 +-
 .../material-icons/material-icons-de.md       |   4 +-
 .../material-icons/material-icons-es.md       |   4 +-
 .../material-icons/material-icons-fr.md       |   4 +-
 .../material-icons/material-icons-ja.md       |   4 +-
 .../material-icons/material-icons-pt.md       |   4 +-
 .../material-icons/material-icons-ru.md       |   4 +-
 .../material-icons/material-icons-zh.md       |   6 +-
 docs/src/pages/components/menus/menus-zh.md   |   2 +-
 docs/src/pages/components/modal/modal-zh.md   |   2 +-
 docs/src/pages/components/no-ssr/no-ssr-zh.md |   2 +-
 .../components/pagination/pagination-aa.md    |  66 +++++++
 .../components/pagination/pagination-de.md    |  66 +++++++
 .../components/pagination/pagination-es.md    |  66 +++++++
 .../components/pagination/pagination-fr.md    |  66 +++++++
 .../components/pagination/pagination-ja.md    |  66 +++++++
 .../components/pagination/pagination-pt.md    |  66 +++++++
 .../components/pagination/pagination-ru.md    |  66 +++++++
 .../components/pagination/pagination-zh.md    |  66 +++++++
 docs/src/pages/components/paper/paper-zh.md   |   4 +-
 .../pages/components/pickers/pickers-zh.md    |   2 +-
 .../pages/components/popover/popover-zh.md    |   2 +-
 docs/src/pages/components/popper/popper-zh.md |   2 +-
 docs/src/pages/components/portal/portal-zh.md |   2 +-
 .../pages/components/progress/progress-zh.md  |   2 +-
 .../radio-buttons/radio-buttons-zh.md         |   2 +-
 docs/src/pages/components/rating/rating-zh.md |   2 +-
 .../pages/components/selects/selects-aa.md    |  54 +++---
 .../pages/components/selects/selects-de.md    |  30 ++--
 .../pages/components/selects/selects-es.md    |  14 +-
 .../pages/components/selects/selects-fr.md    |  12 +-
 .../pages/components/selects/selects-ja.md    |  30 ++--
 .../pages/components/selects/selects-pt.md    |  30 ++--
 .../pages/components/selects/selects-ru.md    |   8 +-
 .../pages/components/selects/selects-zh.md    |  28 +--
 .../pages/components/skeleton/skeleton-ru.md  |   4 +-
 docs/src/pages/components/slider/slider-zh.md |   2 +-
 .../components/snackbars/snackbars-zh.md      |   2 +-
 .../components/speed-dial/speed-dial-zh.md    |   2 +-
 .../pages/components/steppers/steppers-zh.md  |   4 +-
 .../pages/components/switches/switches-zh.md  |   2 +-
 docs/src/pages/components/tables/tables-zh.md |   2 +-
 docs/src/pages/components/tabs/tabs-zh.md     |   2 +-
 .../components/text-fields/text-fields-aa.md  |   7 +-
 .../components/text-fields/text-fields-de.md  |   7 +-
 .../components/text-fields/text-fields-es.md  |   7 +-
 .../components/text-fields/text-fields-fr.md  |   7 +-
 .../components/text-fields/text-fields-ja.md  |   7 +-
 .../components/text-fields/text-fields-pt.md  |  31 ++--
 .../components/text-fields/text-fields-ru.md  |   7 +-
 .../components/text-fields/text-fields-zh.md  |  15 +-
 .../textarea-autosize/textarea-autosize-zh.md |   2 +-
 .../toggle-button/toggle-button-aa.md         |  26 ++-
 .../toggle-button/toggle-button-de.md         |  20 +++
 .../toggle-button/toggle-button-es.md         |  24 ++-
 .../toggle-button/toggle-button-fr.md         |  20 +++
 .../toggle-button/toggle-button-ja.md         |  22 ++-
 .../toggle-button/toggle-button-pt.md         |  28 ++-
 .../toggle-button/toggle-button-ru.md         |  20 +++
 .../toggle-button/toggle-button-zh.md         |  22 ++-
 .../pages/components/tooltips/tooltips-zh.md  |   2 +-
 .../transfer-list/transfer-list-zh.md         |   2 +-
 .../components/transitions/transitions-zh.md  |   2 +-
 .../components/tree-view/tree-view-aa.md      |  27 ++-
 .../components/tree-view/tree-view-de.md      |  22 +++
 .../components/tree-view/tree-view-es.md      |  22 +++
 .../components/tree-view/tree-view-fr.md      |  22 +++
 .../components/tree-view/tree-view-ja.md      |  24 ++-
 .../components/tree-view/tree-view-pt.md      |  24 ++-
 .../components/tree-view/tree-view-ru.md      |  22 +++
 .../components/tree-view/tree-view-zh.md      |  26 ++-
 .../components/typography/typography-fr.md    |  22 +--
 .../components/typography/typography-zh.md    |   2 +-
 .../use-media-query/use-media-query-zh.md     |   2 +-
 .../pages/customization/palette/palette-aa.md |   2 +-
 .../pages/customization/palette/palette-de.md |   2 +-
 .../pages/customization/palette/palette-es.md |   2 +-
 .../pages/customization/palette/palette-fr.md |   2 +-
 .../pages/customization/palette/palette-ja.md |   2 +-
 .../pages/customization/palette/palette-pt.md |   2 +-
 .../pages/customization/palette/palette-ru.md |   2 +-
 .../pages/customization/palette/palette-zh.md |   2 +-
 .../related-projects/related-projects-aa.md   |  52 +++---
 .../related-projects/related-projects-de.md   |  26 ++-
 .../related-projects/related-projects-es.md   |  18 +-
 .../related-projects/related-projects-fr.md   |  18 +-
 .../related-projects/related-projects-ja.md   |  18 +-
 .../related-projects/related-projects-pt.md   |  18 +-
 .../related-projects/related-projects-ru.md   |  18 +-
 .../related-projects/related-projects-zh.md   |  20 ++-
 docs/src/pages/discover-more/team/team-de.md  |   6 +-
 .../pages/discover-more/vision/vision-pt.md   |   2 +-
 .../example-projects/example-projects-aa.md   |   7 +
 .../example-projects/example-projects-de.md   |   7 +
 .../example-projects/example-projects-es.md   |  15 +-
 .../example-projects/example-projects-fr.md   |   7 +
 .../example-projects/example-projects-ja.md   |   7 +
 .../example-projects/example-projects-pt.md   |   7 +
 .../example-projects/example-projects-ru.md   |   7 +
 .../example-projects/example-projects-zh.md   |   7 +
 .../getting-started/support/support-de.md     |  16 +-
 .../guides/localization/localization-aa.md    |  41 +++--
 .../guides/localization/localization-de.md    |   3 +
 .../guides/localization/localization-es.md    |   3 +
 .../guides/localization/localization-fr.md    |   3 +
 .../guides/localization/localization-ja.md    |   3 +
 .../guides/localization/localization-pt.md    |   3 +
 .../guides/localization/localization-ru.md    |   3 +
 .../guides/localization/localization-zh.md    |  79 ++++----
 .../pages/guides/typescript/typescript-aa.md  |  39 +++-
 .../pages/guides/typescript/typescript-de.md  |  41 ++++-
 .../pages/guides/typescript/typescript-es.md  |  39 +++-
 .../pages/guides/typescript/typescript-fr.md  |  39 +++-
 .../pages/guides/typescript/typescript-ja.md  |  47 ++++-
 .../pages/guides/typescript/typescript-pt.md  |  47 ++++-
 .../pages/guides/typescript/typescript-ru.md  |  39 +++-
 .../pages/guides/typescript/typescript-zh.md  |  47 ++++-
 .../pages/styles/typescript/typescript-zh.md  |   2 +-
 docs/src/pages/system/api/api-aa.md           | 109 +++++------
 docs/src/pages/system/api/api-de.md           |   1 +
 docs/src/pages/system/api/api-es.md           |   1 +
 docs/src/pages/system/api/api-fr.md           |   1 +
 docs/src/pages/system/api/api-ja.md           |   3 +-
 docs/src/pages/system/api/api-pt.md           |   1 +
 docs/src/pages/system/api/api-ru.md           |   1 +
 docs/src/pages/system/api/api-zh.md           |   1 +
 docs/src/pages/system/sizing/sizing-aa.md     |  17 +-
 docs/src/pages/system/sizing/sizing-de.md     |   3 +-
 docs/src/pages/system/sizing/sizing-es.md     |   3 +-
 docs/src/pages/system/sizing/sizing-fr.md     |   3 +-
 docs/src/pages/system/sizing/sizing-ja.md     |   3 +-
 docs/src/pages/system/sizing/sizing-pt.md     |   3 +-
 docs/src/pages/system/sizing/sizing-ru.md     |   3 +-
 docs/src/pages/system/sizing/sizing-zh.md     |   3 +-
 docs/src/pages/system/spacing/spacing-zh.md   |   4 +-
 docs/src/pages/versions/versions-zh.md        |  12 +-
 docs/translations/translations-aa.json        |   1 +
 docs/translations/translations-de.json        |   1 +
 docs/translations/translations-es.json        |   1 +
 docs/translations/translations-fr.json        |  13 +-
 docs/translations/translations-ja.json        |   1 +
 docs/translations/translations-pt.json        |   1 +
 docs/translations/translations-ru.json        |   1 +
 docs/translations/translations-zh.json        | 169 +++++++++---------
 223 files changed, 2468 insertions(+), 792 deletions(-)
 create mode 100644 docs/src/pages/components/pagination/pagination-aa.md
 create mode 100644 docs/src/pages/components/pagination/pagination-de.md
 create mode 100644 docs/src/pages/components/pagination/pagination-es.md
 create mode 100644 docs/src/pages/components/pagination/pagination-fr.md
 create mode 100644 docs/src/pages/components/pagination/pagination-ja.md
 create mode 100644 docs/src/pages/components/pagination/pagination-pt.md
 create mode 100644 docs/src/pages/components/pagination/pagination-ru.md
 create mode 100644 docs/src/pages/components/pagination/pagination-zh.md

diff --git a/docs/src/modules/components/backers-de.md b/docs/src/modules/components/backers-de.md
index 9c690e91c3ab56..e6f0620c955496 100644
--- a/docs/src/modules/components/backers-de.md
+++ b/docs/src/modules/components/backers-de.md
@@ -1,6 +1,6 @@
 <h2 align="center">Sponsoren von Material-UI</h2>
 
-The continued development and maintenance of Material-UI is made possible by these generous sponsors:
+Die kontinuierliche Weiterentwicklung und Wartung von Material-UI wird durch diese großzügigen Sponsoren ermöglicht:
 
 ### Diamant 💎
 
@@ -10,11 +10,11 @@ The continued development and maintenance of Material-UI is made possible by the
 
 <p style="display: flex; justify-content: center;">
   <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Enterprise-ready open source software" /></a>
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="The fastest way to share code" /></a>
+  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="Die schnellste Art, Code zu teilen" /></a>
 </p>
 
 <p style="display: flex; justify-content: center; flex-wrap: wrap;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="The easy way to message your group" width="100" loading="lazy"></a>
+  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="Der einfache Weg, um Ihre Gruppe zu benachrichtigen" width="100" loading="lazy"></a>
 </p>
 
 ### Es gibt noch mehr!
diff --git a/docs/src/modules/components/backers-es.md b/docs/src/modules/components/backers-es.md
index 96cc3d5dbb28ba..cae8a48dcbbfaf 100644
--- a/docs/src/modules/components/backers-es.md
+++ b/docs/src/modules/components/backers-es.md
@@ -1,6 +1,6 @@
 <h2 align="center">Patrocinadores de Material-UI</h2>
 
-The continued development and maintenance of Material-UI is made possible by these generous sponsors:
+El continuo desarrollo y mantenimiento de Material-UI es posible gracias a estos generosos patrocinadores:
 
 ### Diamante 💎
 
@@ -9,14 +9,14 @@ The continued development and maintenance of Material-UI is made possible by the
 ### Oro 🏆
 
 <p style="display: flex; justify-content: center;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Enterprise-ready open source software" /></a>
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="The fastest way to share code" /></a>
+  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Software de código abierto listo para empresa" /></a>
+  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="La forma más rápida de compartir código" /></a>
 </p>
 
 <p style="display: flex; justify-content: center; flex-wrap: wrap;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="The easy way to message your group" width="100" loading="lazy"></a>
+  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="La forma fácil de enviar mensajes a tu grupo" width="100" loading="lazy"></a>
 </p>
 
 ### ¡Y aún hay más!
 
-See the full list of [our sponsors](/discover-more/backers/), and learn how you can contribute to the future of Material-UI.
\ No newline at end of file
+Ver la lista completa de [nuestros patrocinadores](/discover-more/backers/), y aprende cómo puedes contribuir al futuro de Material-UI.
\ No newline at end of file
diff --git a/docs/src/modules/components/backers-fr.md b/docs/src/modules/components/backers-fr.md
index 79375574c8182e..98e922801459f5 100644
--- a/docs/src/modules/components/backers-fr.md
+++ b/docs/src/modules/components/backers-fr.md
@@ -1,6 +1,6 @@
 <h2 align="center">Sponsors de Material-UI</h2>
 
-The continued development and maintenance of Material-UI is made possible by these generous sponsors:
+Le développement et la maintenance continus de Material-UI sont rendus possibles par ces généreux sponsors :
 
 ### Diamant 💎
 
@@ -9,14 +9,14 @@ The continued development and maintenance of Material-UI is made possible by the
 ### Or 🏆
 
 <p style="display: flex; justify-content: center;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Enterprise-ready open source software" /></a>
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="The fastest way to share code" /></a>
+  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Logiciel open source prêt pour les entreprises" /></a>
+  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="Le moyen le plus rapide de partager du code" /></a>
 </p>
 
 <p style="display: flex; justify-content: center; flex-wrap: wrap;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="The easy way to message your group" width="100" loading="lazy"></a>
+  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="La façon simple d'envoyer un message à votre groupe" width="100" loading="lazy"></a>
 </p>
 
 ### Il y en a plus !
 
-See the full list of [our sponsors](/discover-more/backers/), and learn how you can contribute to the future of Material-UI.
\ No newline at end of file
+Voir la liste complète de [nos sponsors](/discover-more/backers/), et apprendre comment vous pouvez contribuer au futur de Material-UI.
\ No newline at end of file
diff --git a/docs/src/modules/components/backers-pt.md b/docs/src/modules/components/backers-pt.md
index 8b9a437996525b..7915ac13105246 100644
--- a/docs/src/modules/components/backers-pt.md
+++ b/docs/src/modules/components/backers-pt.md
@@ -1,6 +1,6 @@
 <h2 align="center">Patrocinadores do Material-UI</h2>
 
-The continued development and maintenance of Material-UI is made possible by these generous sponsors:
+O desenvolvimento contínuo e manutenção do Material-UI possível por causa destes generosos patrocinadores:
 
 ### Diamante 💎
 
@@ -10,7 +10,7 @@ The continued development and maintenance of Material-UI is made possible by the
 
 <p style="display: flex; justify-content: center;">
   <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Enterprise-ready open source software" /></a>
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="The fastest way to share code" /></a>
+  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="O jeito mais rápido de compartilhar código" /></a>
 </p>
 
 <p style="display: flex; justify-content: center; flex-wrap: wrap;">
@@ -19,4 +19,4 @@ The continued development and maintenance of Material-UI is made possible by the
 
 ### E tem mais!
 
-See the full list of [our sponsors](/discover-more/backers/), and learn how you can contribute to the future of Material-UI.
\ No newline at end of file
+Veja a lista completa dos [nossos patrocinadores](/discover-more/backers/) e saiba como você pode contribuir com o futuro do Material-UI.
\ No newline at end of file
diff --git a/docs/src/modules/components/backers-ru.md b/docs/src/modules/components/backers-ru.md
index 6a85086795c99a..da95f1650b389a 100644
--- a/docs/src/modules/components/backers-ru.md
+++ b/docs/src/modules/components/backers-ru.md
@@ -1,6 +1,6 @@
 <h2 align="center">Спонсоры Material-UI</h2>
 
-The continued development and maintenance of Material-UI is made possible by these generous sponsors:
+Дальнейшее развитие и поддержание Material-UI возможно благодаря этим щедрым спонсорам:
 
 ### Алмазные 💎
 
@@ -19,4 +19,4 @@ The continued development and maintenance of Material-UI is made possible by the
 
 ### Узнать больше!
 
-See the full list of [our sponsors](/discover-more/backers/), and learn how you can contribute to the future of Material-UI.
\ No newline at end of file
+Ознакомьтесь с полным списком [наших спонсоров](/discover-more/backers/), и узнайте, как вы можете внести свой вклад в будущее Material-UI.
\ No newline at end of file
diff --git a/docs/src/modules/components/backers-zh.md b/docs/src/modules/components/backers-zh.md
index 8690ee01f65ce0..dbabfa1a1d882e 100644
--- a/docs/src/modules/components/backers-zh.md
+++ b/docs/src/modules/components/backers-zh.md
@@ -1,6 +1,6 @@
 <h2 align="center">Material-UI 的赞助商</h2>
 
-The continued development and maintenance of Material-UI is made possible by these generous sponsors:
+这些慷慨的赞助商使 Material-UI 的持续开发和维护成为可能：
 
 ### 钻石级💎
 
@@ -9,14 +9,14 @@ The continued development and maintenance of Material-UI is made possible by the
 ### 金杯级 🏆
 
 <p style="display: flex; justify-content: center;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="Enterprise-ready open source software" /></a>
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="The fastest way to share code" /></a>
+  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/tidelift.png?size=96" alt="tidelift" title="企业级开放源码软件" /></a>
+  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img width="96" src="https://github.com/teambit.png?size=96" alt="bitsrc" title="分享代码的最快方式" /></a>
 </p>
 
 <p style="display: flex; justify-content: center; flex-wrap: wrap;">
-  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="The easy way to message your group" width="100" loading="lazy"></a>
+  <a data-ga-event-category="sponsors" data-ga-event-action="logo" data-ga-event-label="callemall" href="https://www.call-em-all.com" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img src="https://images.opencollective.com/proxy/images?src=https%3A%2F%2Fopencollective-production.s3-us-west-1.amazonaws.com%2Ff4053300-e0ea-11e7-acf0-0fa7c0509f4e.png&height=100" alt="call-em-all" title="给你的群组发信息的最简单的方法" width="100" loading="lazy"></a>
 </p>
 
 ### 不仅如此！
 
-See the full list of [our sponsors](/discover-more/backers/), and learn how you can contribute to the future of Material-UI.
\ No newline at end of file
+查看[我们的赞助商](/discover-more/backers/)的完整列表，了解您如何为 Material-UI 的未来做出贡献。
\ No newline at end of file
diff --git a/docs/src/pages/components/about-the-lab/about-the-lab-aa.md b/docs/src/pages/components/about-the-lab/about-the-lab-aa.md
index 69b6f9764b3d2e..11e4640653bd1f 100644
--- a/docs/src/pages/components/about-the-lab/about-the-lab-aa.md
+++ b/docs/src/pages/components/about-the-lab/about-the-lab-aa.md
@@ -2,15 +2,28 @@
 
 <p class="description">crwdns89126:0crwdne89126:0</p>
 
+crwdns109485:0crwdne109485:0 crwdns109487:0crwdne109487:0
+
+crwdns109489:0crwdne109489:0 crwdns109491:0crwdne109491:0
+
+crwdns109493:0crwdne109493:0
+
+* crwdns109495:0crwdne109495:0 crwdns109497:0crwdne109497:0 crwdns109499:0crwdne109499:0
+* crwdns109501:0crwdne109501:0 crwdns109503:0crwdne109503:0 
+    * crwdns109505:0crwdne109505:0 crwdns109507:0crwdne109507:0
+    * crwdns109509:0crwdne109509:0 crwdns109511:0crwdne109511:0
+* crwdns109513:0crwdne109513:0 crwdns109515:0crwdne109515:0
+* crwdns109517:0crwdne109517:0 crwdns109519:0crwdne109519:0
+
 ## crwdns89128:0crwdne89128:0
 
-crwdns89130:0crwdne89130:0
+crwdns109521:0crwdne109521:0
 
 ```sh
 crwdns89132:0crwdne89132:0
 ```
 
-crwdns89134:0crwdne89134:0 crwdns89136:0crwdne89136:0
+crwdns109523:0crwdne109523:0 crwdns109525:0crwdne109525:0
 
 ```sh
 crwdns89138:0crwdne89138:0
diff --git a/docs/src/pages/components/about-the-lab/about-the-lab-de.md b/docs/src/pages/components/about-the-lab/about-the-lab-de.md
index f1461907869163..a7e36e55d9b2bd 100644
--- a/docs/src/pages/components/about-the-lab/about-the-lab-de.md
+++ b/docs/src/pages/components/about-the-lab/about-the-lab-de.md
@@ -2,9 +2,22 @@
 
 <p class="description">Dieses Paket enthält die Inkubator-Komponenten, die noch nicht bereit sind, in den Kern aufgenommen zu werden.</p>
 
+The main difference between the lab and the core is how the components are versioned. Having a separate lab package allows us to release breaking changes when necessary while the core package follows a [slower-moving policy](https://material-ui.com/versions/#release-frequency).
+
+As developers use and test the components and report issues, the maintainers learn more about shortcomings of the components: missing features, accessibility issues, bugs, API design, etc. The older and more used a component is, the less likely it is that new issues will be found and subsequently need to introduce breaking changes.
+
+For a component to be ready to move to the core, the following criteria are considered:
+
+* It needs to be **used**. The Material-UI team uses Google Analytics stats among other metrics to evaluate the usage of each component. A lab component with low usage either means that it isn't fully working yet or that there is a low demand for it.
+* It needs to match the **code quality** of the core components. It doesn't have to be perfect to be a part of the core, but the component should be reliable enough that developers can depend on it. 
+    * Each component needs **type definitions**. It is not currently required that a lab component is typed, but it would need to be typed to move to the core.
+    * Requires good **test coverage**. Some of the lab components don't currently have comprehensive tests.
+* Can it be used as **leverage** to incentivize users to upgrade to the latest major release? The less fragmented the community is, the better.
+* It needs to have a low probability of a **breaking change** in the short/medium future. For instance, if it needs a new feature that will likely require a breaking change, it may be preferable to delay its promotion to the core.
+
 ## Installation
 
-Installieren Sie das Paket in Ihrem Projektverzeichnis mit:
+Install the package in your project directory with:
 
 ```sh
 // mit npm
@@ -14,7 +27,7 @@ npm install @material-ui/lab
 yarn add @material-ui/lab
 ```
 
-Das Labor hat eine Peer-Abhängigkeit von den Kernkomponenten. Wenn Sie in Ihrem Projekt noch keine Material-UI verwenden, können Sie es mit folgendem installieren:
+The lab has a peer dependency on the core components. If you are not already using Material-UI in your project, you can install it with:
 
 ```sh
 // mit npm
diff --git a/docs/src/pages/components/about-the-lab/about-the-lab-es.md b/docs/src/pages/components/about-the-lab/about-the-lab-es.md
index c900bf47acb5b2..61b013076e5155 100644
--- a/docs/src/pages/components/about-the-lab/about-the-lab-es.md
+++ b/docs/src/pages/components/about-the-lab/about-the-lab-es.md
@@ -1,10 +1,23 @@
-# Acerca de lab
+# Acerca del laboratorio
 
 <p class="description">Este paquete almacena componentes en desarrollo, que todavía no están listos para estar en core.</p>
 
+The main difference between the lab and the core is how the components are versioned. Having a separate lab package allows us to release breaking changes when necessary while the core package follows a [slower-moving policy](https://material-ui.com/versions/#release-frequency).
+
+As developers use and test the components and report issues, the maintainers learn more about shortcomings of the components: missing features, accessibility issues, bugs, API design, etc. The older and more used a component is, the less likely it is that new issues will be found and subsequently need to introduce breaking changes.
+
+For a component to be ready to move to the core, the following criteria are considered:
+
+* It needs to be **used**. The Material-UI team uses Google Analytics stats among other metrics to evaluate the usage of each component. A lab component with low usage either means that it isn't fully working yet or that there is a low demand for it.
+* It needs to match the **code quality** of the core components. It doesn't have to be perfect to be a part of the core, but the component should be reliable enough that developers can depend on it. 
+    * Each component needs **type definitions**. It is not currently required that a lab component is typed, but it would need to be typed to move to the core.
+    * Requires good **test coverage**. Some of the lab components don't currently have comprehensive tests.
+* Can it be used as **leverage** to incentivize users to upgrade to the latest major release? The less fragmented the community is, the better.
+* It needs to have a low probability of a **breaking change** in the short/medium future. For instance, if it needs a new feature that will likely require a breaking change, it may be preferable to delay its promotion to the core.
+
 ## Instalación
 
-Instala el paquete en el directorio de su proyecto con:
+Install the package in your project directory with:
 
 ```sh
 // con npm
@@ -14,7 +27,7 @@ npm install @material-ui/lab
 yarn add @material-ui/lab
 ```
 
-El lab tiene puntos de dependencias de los componentes core. Si aún no estás usando Material-UI en tu proyecto, puedes instalarlo con:
+The lab has a peer dependency on the core components. If you are not already using Material-UI in your project, you can install it with:
 
 ```sh
 // usando npm
diff --git a/docs/src/pages/components/about-the-lab/about-the-lab-fr.md b/docs/src/pages/components/about-the-lab/about-the-lab-fr.md
index d8b8d58aab6f5c..a0c168d2b70117 100644
--- a/docs/src/pages/components/about-the-lab/about-the-lab-fr.md
+++ b/docs/src/pages/components/about-the-lab/about-the-lab-fr.md
@@ -2,9 +2,22 @@
 
 <p class="description">Ce package contient des composants en incubation (en développement) qui ne sont pas encore prêts à être ajoutés au package principal.</p>
 
+The main difference between the lab and the core is how the components are versioned. Having a separate lab package allows us to release breaking changes when necessary while the core package follows a [slower-moving policy](https://material-ui.com/versions/#release-frequency).
+
+As developers use and test the components and report issues, the maintainers learn more about shortcomings of the components: missing features, accessibility issues, bugs, API design, etc. The older and more used a component is, the less likely it is that new issues will be found and subsequently need to introduce breaking changes.
+
+For a component to be ready to move to the core, the following criteria are considered:
+
+* It needs to be **used**. The Material-UI team uses Google Analytics stats among other metrics to evaluate the usage of each component. A lab component with low usage either means that it isn't fully working yet or that there is a low demand for it.
+* It needs to match the **code quality** of the core components. It doesn't have to be perfect to be a part of the core, but the component should be reliable enough that developers can depend on it. 
+    * Each component needs **type definitions**. It is not currently required that a lab component is typed, but it would need to be typed to move to the core.
+    * Requires good **test coverage**. Some of the lab components don't currently have comprehensive tests.
+* Can it be used as **leverage** to incentivize users to upgrade to the latest major release? The less fragmented the community is, the better.
+* It needs to have a low probability of a **breaking change** in the short/medium future. For instance, if it needs a new feature that will likely require a breaking change, it may be preferable to delay its promotion to the core.
+
 ## Installation
 
-Installez le package dans votre répertoire de projet avec:
+Install the package in your project directory with:
 
 ```sh
 // avec npm
@@ -14,7 +27,7 @@ npm install @material-ui/lab
 yarn add @material-ui/lab
 ```
 
-Le laboratoire dépend des composants du package principal. Si vous n'utilisez pas encore Material-UI dans votre projet, vous pouvez l'installer avec:
+The lab has a peer dependency on the core components. If you are not already using Material-UI in your project, you can install it with:
 
 ```sh
 // avec npm
diff --git a/docs/src/pages/components/about-the-lab/about-the-lab-ja.md b/docs/src/pages/components/about-the-lab/about-the-lab-ja.md
index be4468c65db80d..259df6c6c3fef7 100644
--- a/docs/src/pages/components/about-the-lab/about-the-lab-ja.md
+++ b/docs/src/pages/components/about-the-lab/about-the-lab-ja.md
@@ -2,9 +2,22 @@
 
 <p class="description">このパッケージは、まだコアに移動する準備ができていないインキュベーター・コンポーネントをホストします。</p>
 
+The main difference between the lab and the core is how the components are versioned. Having a separate lab package allows us to release breaking changes when necessary while the core package follows a [slower-moving policy](https://material-ui.com/versions/#release-frequency).
+
+As developers use and test the components and report issues, the maintainers learn more about shortcomings of the components: missing features, accessibility issues, bugs, API design, etc. The older and more used a component is, the less likely it is that new issues will be found and subsequently need to introduce breaking changes.
+
+For a component to be ready to move to the core, the following criteria are considered:
+
+* It needs to be **used**. The Material-UI team uses Google Analytics stats among other metrics to evaluate the usage of each component. A lab component with low usage either means that it isn't fully working yet or that there is a low demand for it.
+* It needs to match the **code quality** of the core components. It doesn't have to be perfect to be a part of the core, but the component should be reliable enough that developers can depend on it. 
+    * Each component needs **type definitions**. It is not currently required that a lab component is typed, but it would need to be typed to move to the core.
+    * Requires good **test coverage**. Some of the lab components don't currently have comprehensive tests.
+* Can it be used as **leverage** to incentivize users to upgrade to the latest major release? The less fragmented the community is, the better.
+* It needs to have a low probability of a **breaking change** in the short/medium future. For instance, if it needs a new feature that will likely require a breaking change, it may be preferable to delay its promotion to the core.
+
 ## インストール
 
-次を使用して、プロジェクトディレクトリにパッケージをインストールします。
+Install the package in your project directory with:
 
 ```sh
 // with npm
@@ -14,7 +27,7 @@ npm install @material-ui/lab
 yarn add @material-ui/lab
 ```
 
-このラボには、コアコンポーネントへのピア依存関係があります。 プロジェクトでまだMaterial-UIを使用していない場合は、次のコマンドでインストールできます。
+The lab has a peer dependency on the core components. If you are not already using Material-UI in your project, you can install it with:
 
 ```sh
 // npmの場合
diff --git a/docs/src/pages/components/about-the-lab/about-the-lab-pt.md b/docs/src/pages/components/about-the-lab/about-the-lab-pt.md
index f745d941540e84..ef0ac171b53eca 100644
--- a/docs/src/pages/components/about-the-lab/about-the-lab-pt.md
+++ b/docs/src/pages/components/about-the-lab/about-the-lab-pt.md
@@ -2,9 +2,22 @@
 
 <p class="description">Este pacote hospeda os componentes da incubadora que ainda não estão prontos para mover para o núcleo (core).</p>
 
+The main difference between the lab and the core is how the components are versioned. Having a separate lab package allows us to release breaking changes when necessary while the core package follows a [slower-moving policy](https://material-ui.com/versions/#release-frequency).
+
+As developers use and test the components and report issues, the maintainers learn more about shortcomings of the components: missing features, accessibility issues, bugs, API design, etc. The older and more used a component is, the less likely it is that new issues will be found and subsequently need to introduce breaking changes.
+
+For a component to be ready to move to the core, the following criteria are considered:
+
+* It needs to be **used**. The Material-UI team uses Google Analytics stats among other metrics to evaluate the usage of each component. A lab component with low usage either means that it isn't fully working yet or that there is a low demand for it.
+* It needs to match the **code quality** of the core components. It doesn't have to be perfect to be a part of the core, but the component should be reliable enough that developers can depend on it. 
+    * Each component needs **type definitions**. It is not currently required that a lab component is typed, but it would need to be typed to move to the core.
+    * Requires good **test coverage**. Some of the lab components don't currently have comprehensive tests.
+* Can it be used as **leverage** to incentivize users to upgrade to the latest major release? The less fragmented the community is, the better.
+* It needs to have a low probability of a **breaking change** in the short/medium future. For instance, if it needs a new feature that will likely require a breaking change, it may be preferable to delay its promotion to the core.
+
 ## Instalação
 
-Instale o pacote no diretório do seu projeto com:
+Install the package in your project directory with:
 
 ```sh
 // usando npm
@@ -14,7 +27,7 @@ npm install @material-ui/lab
 yarn add @material-ui/lab
 ```
 
-O lab tem uma dependência com o core componentes. Se você ainda não estiver usando Material-UI no seu projeto, você pode instalá-lo com:
+The lab has a peer dependency on the core components. If you are not already using Material-UI in your project, you can install it with:
 
 ```sh
 // usando npm
diff --git a/docs/src/pages/components/about-the-lab/about-the-lab-ru.md b/docs/src/pages/components/about-the-lab/about-the-lab-ru.md
index b9b42394835df6..f7c95eba8c9d5a 100644
--- a/docs/src/pages/components/about-the-lab/about-the-lab-ru.md
+++ b/docs/src/pages/components/about-the-lab/about-the-lab-ru.md
@@ -2,6 +2,19 @@
 
 <p class="description">Этот пакет содержит инкубационные компоненты, которые еще не готовы к переходу в основной пакет.</p>
 
+The main difference between the lab and the core is how the components are versioned. Having a separate lab package allows us to release breaking changes when necessary while the core package follows a [slower-moving policy](https://material-ui.com/versions/#release-frequency).
+
+As developers use and test the components and report issues, the maintainers learn more about shortcomings of the components: missing features, accessibility issues, bugs, API design, etc. The older and more used a component is, the less likely it is that new issues will be found and subsequently need to introduce breaking changes.
+
+For a component to be ready to move to the core, the following criteria are considered:
+
+* It needs to be **used**. The Material-UI team uses Google Analytics stats among other metrics to evaluate the usage of each component. A lab component with low usage either means that it isn't fully working yet or that there is a low demand for it.
+* It needs to match the **code quality** of the core components. It doesn't have to be perfect to be a part of the core, but the component should be reliable enough that developers can depend on it. 
+    * Each component needs **type definitions**. It is not currently required that a lab component is typed, but it would need to be typed to move to the core.
+    * Requires good **test coverage**. Some of the lab components don't currently have comprehensive tests.
+* Can it be used as **leverage** to incentivize users to upgrade to the latest major release? The less fragmented the community is, the better.
+* It needs to have a low probability of a **breaking change** in the short/medium future. For instance, if it needs a new feature that will likely require a breaking change, it may be preferable to delay its promotion to the core.
+
 ## Инструкция по установке
 
 Установите пакет в каталог проекта командой:
@@ -14,7 +27,7 @@ npm install @material-ui/lab
 yarn add @material-ui/lab
 ```
 
-Пакет lab зависит напрямую от пакета основных компонентов. Если Material-UI ещё не использовался вашем проекте, вы можете установить его командой:
+The lab has a peer dependency on the core components. If you are not already using Material-UI in your project, you can install it with:
 
 ```sh
 // with npm
diff --git a/docs/src/pages/components/about-the-lab/about-the-lab-zh.md b/docs/src/pages/components/about-the-lab/about-the-lab-zh.md
index 54f0018c7e9e9b..d31572a0f0753f 100644
--- a/docs/src/pages/components/about-the-lab/about-the-lab-zh.md
+++ b/docs/src/pages/components/about-the-lab/about-the-lab-zh.md
@@ -2,9 +2,22 @@
 
 <p class="description">此依赖包包含了一些还在开发中的组件，它们还不能移到 core（核心）库中。</p>
 
+核心库（core）和实验室（lab）之间的主要差别就是组件是如何版本化的 Having a separate lab package allows us to release breaking changes when necessary while the core package follows a [slower-moving policy](https://material-ui.com/versions/#release-frequency).
+
+As developers use and test the components and report issues, the maintainers learn more about shortcomings of the components: missing features, accessibility issues, bugs, API design, etc. The older and more used a component is, the less likely it is that new issues will be found and subsequently need to introduce breaking changes.
+
+For a component to be ready to move to the core, the following criteria are considered:
+
+* It needs to be **used**. The Material-UI team uses Google Analytics stats among other metrics to evaluate the usage of each component. A lab component with low usage either means that it isn't fully working yet or that there is a low demand for it.
+* It needs to match the **code quality** of the core components. It doesn't have to be perfect to be a part of the core, but the component should be reliable enough that developers can depend on it. 
+    * Each component needs **type definitions**. It is not currently required that a lab component is typed, but it would need to be typed to move to the core.
+    * Requires good **test coverage**. Some of the lab components don't currently have comprehensive tests.
+* Can it be used as **leverage** to incentivize users to upgrade to the latest major release? The less fragmented the community is, the better.
+* It needs to have a low probability of a **breaking change** in the short/medium future. For instance, if it needs a new feature that will likely require a breaking change, it may be preferable to delay its promotion to the core.
+
 ## 安装
 
-请在您的项目目录中用以下方式安装依赖包：
+Install the package in your project directory with:
 
 ```sh
 // 用 npm 安装
@@ -14,7 +27,7 @@ npm install @material-ui/lab
 yarn add @material-ui/lab
 ```
 
-该 lab 和那些核心组件是对等依赖的。 若您还未在项目中使用 Material-UI，你可以按如下方式安装：
+The lab has a peer dependency on the core components. If you are not already using Material-UI in your project, you can install it with:
 
 ```sh
 // 用 npm 安装
diff --git a/docs/src/pages/components/alert/alert-es.md b/docs/src/pages/components/alert/alert-es.md
index dc34ec6ffe84c6..439a534f31925b 100644
--- a/docs/src/pages/components/alert/alert-es.md
+++ b/docs/src/pages/components/alert/alert-es.md
@@ -37,7 +37,7 @@ Puede utilizar el componente de [ transition ](/components/transitions/) como `C
 
 ## Iconos
 
-El `icon` prop permite añadir un icono para el inicio del componente Alert. This will override the default icon for the specified severity.
+El `icon` prop permite añadir un icono para el inicio del componente Alert. Esto anulará el icono por defecto para la gravedad especificada.
 
 You can change the default severity to icon mapping with the `iconMapping` prop. This can be defined globally using [theme customization](/customization/globals/#default-props).
 
diff --git a/docs/src/pages/components/alert/alert-fr.md b/docs/src/pages/components/alert/alert-fr.md
index 3f12939bf216f2..f70cef18bc630e 100644
--- a/docs/src/pages/components/alert/alert-fr.md
+++ b/docs/src/pages/components/alert/alert-fr.md
@@ -1,5 +1,5 @@
 ---
-title: Alert React component
+title: Composant Alert React
 components: Alert
 ---
 
@@ -7,47 +7,47 @@ components: Alert
 
 <p class="description">Une alerte affiche un message court et important d'une manière qui attire l'attention de l'utilisateur sans interrompre sa tâche.</p>
 
-**Note:** This component is not documented in the [Material Design guidelines](https://material.io/), but Material-UI supports it.
+**Remarque :** Ce composant n'est pas documenté dans les [consignes de Material Design](https://material.io/), mais Material-UI le supporte.
 
 ## Alertes simples
 
-The alert offers four severity levels that set a distinctive icon and color.
+L'alerte offre quatre niveaux de sévérité qui définissent une icône et une couleur distinctes.
 
 {{"demo": "pages/components/alert/SimpleAlerts.js"}}
 
 ## Description
 
-You can use the `AlertTitle` component to display a formatted title above the content.
+Vous pouvez utiliser le composant `AlertTitle` pour afficher un titre formaté au-dessus du contenu.
 
 {{"demo": "pages/components/alert/DescriptionAlerts.js"}}
 
 ## Actions
 
-An alert can have an action, such as a close or undo button. It is rendered after the message, at the end of the alert.
+Une alerte peut avoir une action, comme un bouton de fermeture ou d'annulation. Il est affiché après le message, à la fin de l'alerte.
 
-If an `onClose` callback is provided and no `action` prop is set, a close icon is displayed. The `action` prop can be used to provide an alternative action, for example using a Button or IconButton.
+Si une fonction de rappel `onClose` est fournie et qu'aucune propriété `action` n'est définie, une icône de fermeture s'affiche. La propriété `action` peut être utilisée pour fournir une action alternative, par exemple en utilisant un `Button` ou un `IconButton`.
 
 {{"demo": "pages/components/alert/ActionAlerts.js"}}
 
 ### Transition
 
-You can use a [transition component](/components/transitions/) such as `Collapse` to transition the appearance of the alert.
+Vous pouvez utiliser un [composant de transition](/components/transitions/) tel que `Collapse` pour faire la transition de l'apparence de l'alerte.
 
 {{"demo": "pages/components/alert/TransitionAlerts.js"}}
 
 ## Icônes
 
-The `icon` prop allows you to add an icon to the beginning of the alert component. This will override the default icon for the specified severity.
+La propriété `icon` vous permet d'ajouter une icône au début du composant d'alerte. Cela remplacera l'icône par défaut pour la sévérité spécifiée.
 
-You can change the default severity to icon mapping with the `iconMapping` prop. This can be defined globally using [theme customization](/customization/globals/#default-props).
+Vous pouvez changer la sévérité par défaut pour le mapping d'icône avec la propriété `iconMapping`. Ceci peut être défini globalement en utilisant [la personnalisation du thème](/customization/globals/#default-props).
 
-Setting the icon prop to false will remove the icon altogether.
+Définir la propriété `icon` à `false` supprimera complètement l'icône.
 
 {{"demo": "pages/components/alert/IconAlerts.js"}}
 
 ## Variants
 
-Two additional variants are available – outlined, and filled:
+Deux variantes supplémentaires sont disponibles – `outlined` et `filled` :
 
 ### Outlined
 
@@ -59,11 +59,11 @@ Two additional variants are available – outlined, and filled:
 
 ## Toast
 
-You can use the Snackbar to [display a toast](/components/snackbars/#customized-snackbars) with the Alert.
+Vous pouvez utiliser la `Snackbar` pour [afficher un toast](/components/snackbars/#customized-snackbars) avec l'alerte.
 
 ## Couleur
 
-The `color` prop will override the default color for the specified severity.
+La propriété `color` remplacera la couleur par défaut pour la sévérité spécifiée.
 
 {{"demo": "pages/components/alert/ColorAlerts.js"}}
 
@@ -71,8 +71,8 @@ The `color` prop will override the default color for the specified severity.
 
 (WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#alert)
 
-When the component is dynamically displayed, the content is automatically announced by most screen readers. At this time, screen readers do not inform users of alerts that are present when the page loads.
+Lorsque le composant est affiché dynamiquement, le contenu est automatiquement annoncé par la plupart des lecteurs d'écran. À l'heure actuelle, les lecteurs d'écran n'informent pas les utilisateurs des alertes présentes lors du chargement de la page.
 
-Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (for example the visible text), or is included through alternative means, such as additional hidden text.
+L'utilisation de la couleur pour ajouter de la signification ne fournit qu'une indication visuelle qui ne sera pas transmise aux utilisateurs de technologies d'assistance telles que les lecteurs d'écran. Assurez-vous que les informations indiquées par la couleur sont soit évidentes à partir du contenu lui-même (par exemple le texte visible), ou est inclus par d'autres moyens, tels que le texte caché supplémentaire.
 
-Actions must have a tab index of 0 so that they can be reached by keyboard-only users.
+Les actions doivent avoir un index de tabulation de 0 pour être accessibles aux utilisateurs utilisant uniquement le clavier.
diff --git a/docs/src/pages/components/alert/alert-pt.md b/docs/src/pages/components/alert/alert-pt.md
index 81566020416309..62102331f645e7 100644
--- a/docs/src/pages/components/alert/alert-pt.md
+++ b/docs/src/pages/components/alert/alert-pt.md
@@ -1,23 +1,23 @@
 ---
-title: Alert React component
+title: Componente do React Alert
 components: Alert
 ---
 
 # Alert
 
-<p class="description">An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.</p>
+<p class="description">Um alerta exibe uma mensagem curta e importante de uma forma que atrai a atenção do usuário sem interromper o que ele estiver fazendo.</p>
 
-**Note:** This component is not documented in the [Material Design guidelines](https://material.io/), but Material-UI supports it.
+**Observação:** Este componente não está documentado nos [guias do Material Design](https://material.io/), mas o Material-UI o suporta.
 
-## Simple alerts
+## Alerta simples
 
-The alert offers four severity levels that set a distinctive icon and color.
+Este alerta oferece quatro níveis de severidade que definem diferentes ícones e cores.
 
 {{"demo": "pages/components/alert/SimpleAlerts.js"}}
 
 ## Descrição
 
-You can use the `AlertTitle` component to display a formatted title above the content.
+Você pode usar o componente `AlertTitle` para exibir um título formatado acima do conteúdo.
 
 {{"demo": "pages/components/alert/DescriptionAlerts.js"}}
 
diff --git a/docs/src/pages/components/alert/alert-zh.md b/docs/src/pages/components/alert/alert-zh.md
index 14534cd2a56694..b3c0ca594b2923 100644
--- a/docs/src/pages/components/alert/alert-zh.md
+++ b/docs/src/pages/components/alert/alert-zh.md
@@ -1,9 +1,9 @@
 ---
-title: 提醒组件
-components: 提醒
+title: React 提醒组件
+components: Alert
 ---
 
-# 提醒
+# Alert 提醒
 
 <p class="description">「提醒」是简短且重要的信息，在不影响用户操作的同时能够吸引用户的注意力。</p>
 
@@ -35,7 +35,7 @@ components: 提醒
 
 {{"demo": "pages/components/alert/TransitionAlerts.js"}}
 
-## Icons（图标）
+## Icons 图标
 
 `icon`是指可以在「提醒」组件的开始的地方加一个图标。 以此来改变不同程度「提醒」的默认图标。
 
@@ -57,9 +57,9 @@ components: 提醒
 
 {{"demo": "pages/components/alert/FilledAlerts.js"}}
 
-## Toast
+## Toast（提示）
 
-You can use the Snackbar to [display a toast](/components/snackbars/#customized-snackbars) with the Alert.
+你可以使用「消息条」来显示[ 带确认按钮的Toast 提示](/components/snackbars/#customized-snackbars) 。
 
 ## 颜色
 
@@ -71,8 +71,8 @@ You can use the Snackbar to [display a toast](/components/snackbars/#customized-
 
 (WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#alert)
 
-动态显示组件时，大部分屏幕都会自动显示其内容。 此时，屏幕不会将页面加载时出现的提醒通知给用户。
+动态显示组件时，大部分屏幕都会自动朗读其内容。 此时，屏幕不会将页面加载时出现的提醒通知给用户。
 
-Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (for example the visible text), or is included through alternative means, such as additional hidden text.
+使用颜色来增加意义只提供了一个视觉指示，而不会传达给用户的辅助技术，如屏幕阅读器。 确保用颜色表示的信息对于内容本身是明显的(例如可见的文本)，或者通过其他方法包含进来，例如附加的隐藏文本。
 
-Actions must have a tab index of 0 so that they can be reached by keyboard-only users.
+动作的选项卡索引必须为0，这样只有键盘的用户才能访问它们。
diff --git a/docs/src/pages/components/app-bar/app-bar-zh.md b/docs/src/pages/components/app-bar/app-bar-zh.md
index 3b8ce8bb1e9450..8259f06cd7c59d 100644
--- a/docs/src/pages/components/app-bar/app-bar-zh.md
+++ b/docs/src/pages/components/app-bar/app-bar-zh.md
@@ -3,7 +3,7 @@ title: React App Bar（应用栏）组件
 components: AppBar, Toolbar, Menu
 ---
 
-# App Bar（应用栏）
+# App Bar 应用栏
 
 <p class="description">应用栏用来显示与当前屏幕相关的信息和操作。</p>
 
diff --git a/docs/src/pages/components/autocomplete/autocomplete-aa.md b/docs/src/pages/components/autocomplete/autocomplete-aa.md
index 0d62fe04799329..84fb6ab86942bd 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-aa.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-aa.md
@@ -34,21 +34,31 @@ crwdns104506:0crwdne104506:0
 
 crwdns107773:0crwdne107773:0 crwdns107775:0crwdne107775:0
 
-crwdns107777:0crwdne107777:0
+crwdns109699:0crwdne109699:0
 
 crwdns107779:0crwdne107779:0
 
+### crwdns109701:0crwdne109701:0
+
+crwdns109703:0crwdne109703:0 crwdns109705:0crwdne109705:0
+
+crwdns109707:0crwdne109707:0
+
+crwdns109709:0crwdne109709:0
+
+crwdns109711:0crwdne109711:0
+
 ## crwdns104514:0crwdne104514:0
 
-crwdns107781:0crwdne107781:0
+crwdns109713:0crwdne109713:0
 
 ## crwdns104518:0crwdne104518:0
 
-crwdns107783:0crwdne107783:0
+crwdns109715:0crwdne109715:0
 
 ## `crwdns104522:0crwdne104522:0`
 
-crwdns107785:0crwdne107785:0 crwdns107787:0crwdne107787:0 crwdns107789:0crwdne107789:0
+crwdns109717:0crwdne109717:0 crwdns109719:0crwdne109719:0 crwdns109721:0crwdne109721:0
 
 ```jsx
 crwdns104530:0crwdne104530:0
@@ -56,73 +66,73 @@ crwdns104530:0crwdne104530:0
 
 - crwdns105108:0crwdne105108:0
 
-crwdns107791:0crwdne107791:0
+crwdns109723:0crwdne109723:0
 
-### crwdns104950:0crwdne104950:0
+### crwdns109725:0crwdne109725:0
 
-crwdns107793:0crwdne107793:0
+crwdns109727:0crwdne109727:0
 
-crwdns107795:0crwdne107795:0
+crwdns109729:0crwdne109729:0
 
 ## crwdns104542:0crwdne104542:0
 
-crwdns107797:0crwdne107797:0
+crwdns109731:0crwdne109731:0
 
-### crwdns104546:0crwdne104546:0
+### crwdns109733:0crwdne109733:0
 
-crwdns107799:0crwdne107799:0
+crwdns109735:0crwdne109735:0
 
-crwdns107801:0crwdne107801:0
+crwdns109737:0crwdne109737:0
 
-crwdns107803:0crwdne107803:0
+crwdns109739:0crwdne109739:0
 
 > crwdns104960:0crwdne104960:0
 
 ## crwdns104554:0crwdne104554:0
 
-crwdns107805:0crwdne107805:0
+crwdns109741:0crwdne109741:0
 
-crwdns107807:0crwdne107807:0
+crwdns109743:0crwdne109743:0
 
-### crwdns104560:0crwdne104560:0
+### crwdns109745:0crwdne109745:0
 
-crwdns107809:0crwdne107809:0
+crwdns109747:0crwdne109747:0
 
-crwdns107811:0crwdne107811:0
+crwdns109749:0crwdne109749:0
 
-### crwdns104566:0crwdne104566:0
+### crwdns109751:0crwdne109751:0
 
-crwdns107813:0crwdne107813:0
+crwdns109753:0crwdne109753:0
 
 ## crwdns106429:0crwdne106429:0
 
-crwdns107815:0crwdne107815:0 crwdns107817:0crwdne107817:0
+crwdns109755:0crwdne109755:0 crwdns109757:0crwdne109757:0
 
-crwdns107819:0crwdne107819:0
+crwdns109759:0crwdne109759:0
 
 ## crwdns106437:0crwdne106437:0
 
-crwdns107821:0crwdne107821:0
+crwdns109761:0crwdne109761:0
 
-crwdns107823:0crwdne107823:0
+crwdns109763:0crwdne109763:0
 
-crwdns107825:0crwdne107825:0
+crwdns109765:0crwdne109765:0
 
 ## crwdns106445:0crwdne106445:0
 
-crwdns107827:0crwdne107827:0
+crwdns109767:0crwdne109767:0
 
-crwdns107829:0crwdne107829:0
+crwdns109769:0crwdne109769:0
 
 ## crwdns106451:0crwdne106451:0
 
-crwdns107831:0crwdne107831:0 crwdns107833:0crwdne107833:0
+crwdns109771:0crwdne109771:0 crwdns109773:0crwdne109773:0
 
 ```js
 crwdns104588:0{ createFilterOptions }crwdne104588:0
 ```
 
-crwdns107835:0crwdne107835:0
+crwdns109775:0crwdne109775:0
 
 1. crwdns104592:0[optional]crwdne104592:0 
   - crwdns104594:0[optional]crwdne104594:0 crwdns104596:0crwdne104596:0
@@ -130,18 +140,19 @@ crwdns107835:0crwdne107835:0
   - crwdns104602:0[optional]crwdne104602:0
   - crwdns104604:0[optional]crwdne104604:0
   - crwdns104606:0[optional]crwdne104606:0 crwdns104608:0crwdne104608:0
+  - crwdns109191:0[optional]crwdne109191:0 crwdns109193:0crwdne109193:0 crwdns109195:0crwdne109195:0 crwdns109197:0crwdne109197:0
 
-crwdns107837:0crwdne107837:0
+crwdns109777:0crwdne109777:0
 
 ```js
 crwdns104612:0{filterOptions}crwdne104612:0
 ```
 
-crwdns107839:0crwdne107839:0
+crwdns109779:0crwdne109779:0
 
-### crwdns104994:0crwdne104994:0
+### crwdns109781:0crwdne109781:0
 
-crwdns107841:0crwdne107841:0 crwdns107843:0crwdne107843:0
+crwdns109783:0crwdne109783:0 crwdns109785:0crwdne109785:0
 
 ```jsx
 crwdns104620:0{ inputValue }crwdnd104620:0{filterOptions}crwdne104620:0
@@ -149,19 +160,19 @@ crwdns104620:0{ inputValue }crwdnd104620:0{filterOptions}crwdne104620:0
 
 ## crwdns106467:0crwdne106467:0
 
-crwdns107845:0crwdne107845:0 crwdns107847:0crwdne107847:0
+crwdns109787:0crwdne109787:0 crwdns109789:0crwdne109789:0
 
-crwdns107849:0crwdne107849:0
+crwdns109791:0crwdne109791:0
 
 ## crwdns106475:0crwdne106475:0
 
-### crwdns107851:0crwdne107851:0
+### crwdns109793:0crwdne109793:0
 
-crwdns107853:0crwdne107853:0 crwdns107855:0crwdne107855:0
+crwdns109795:0crwdne109795:0 crwdns109797:0crwdne109797:0
 
-crwdns107857:0crwdne107857:0
+crwdns109799:0crwdne109799:0
 
-crwdns107859:0crwdne107859:0 crwdns107861:0crwdne107861:0
+crwdns109801:0crwdne109801:0 crwdns109803:0crwdne109803:0
 
 - crwdns107863:0crwdne107863:0 crwdns107865:0crwdne107865:0 crwdns107867:0crwdne107867:0
 - crwdns107869:0crwdne107869:0 
@@ -170,16 +181,16 @@ crwdns107859:0crwdne107859:0 crwdns107861:0crwdne107861:0
           autoComplete: 'new-password',
         }}crwdne107871:0
 
-### crwdns107873:0crwdne107873:0
+### crwdns109805:0crwdne109805:0
 
-crwdns107875:0crwdne107875:0 crwdns107877:0crwdne107877:0
+crwdns109807:0crwdne109807:0 crwdns109809:0crwdne109809:0
 
-### crwdns107879:0crwdne107879:0
+### crwdns109811:0crwdne109811:0
 
-crwdns107881:0crwdne107881:0 crwdns107883:0crwdne107883:0 crwdns107885:0crwdne107885:0
+crwdns109813:0crwdne109813:0 crwdns109815:0crwdne109815:0 crwdns109817:0crwdne109817:0
 
 ## crwdns106481:0crwdne106481:0
 
-crwdns107887:0crwdne107887:0
+crwdns109819:0crwdne109819:0
 
-crwdns107889:0crwdne107889:0 crwdns107891:0crwdne107891:0
\ No newline at end of file
+crwdns109821:0crwdne109821:0 crwdns109823:0crwdne109823:0
\ No newline at end of file
diff --git a/docs/src/pages/components/autocomplete/autocomplete-de.md b/docs/src/pages/components/autocomplete/autocomplete-de.md
index c794d4d9342a2e..6a56fbdb8138af 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-de.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-de.md
@@ -34,10 +34,20 @@ Wählen Sie ein Land aus 248.
 
 Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a search box with suggestions, e.g. Google search.
 
-However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus`.
+However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus` (it helps the user clearning the selected value).
 
 {{"demo": "pages/components/autocomplete/FreeSolo.js"}}
 
+### Helper message
+
+Sometimes you want to make explicit to the user that he/she can add whatever value he/she wants. The following demo adds a last option: `Add "YOUR SEARCH"`.
+
+{{"demo": "pages/components/autocomplete/FreeSoloCreateOption.js"}}
+
+You could also display a dialog when the user wants to add a new value.
+
+{{"demo": "pages/components/autocomplete/FreeSoloCreateOptionDialog.js"}}
+
 ## Grouped
 
 {{"demo": "pages/components/autocomplete/Grouped.js"}}
@@ -68,29 +78,29 @@ Head to the [Customized Autocomplete](#customized-autocomplete) section for a cu
 
 {{"demo": "pages/components/autocomplete/Asynchronous.js"}}
 
-### Google Maps Ort
+### Google Maps place
 
-Eine angepasste Oberfläche für Google Maps Places Autovervollständigung.
+A customized UI for Google Maps Places Autocomplete.
 
 {{"demo": "pages/components/autocomplete/GoogleMaps.js"}}
 
-Für diese Demo müssen wir die [Google Maps JavaScript](https://developers.google.com/maps/documentation/javascript/tutorial) API laden.
+For this demo, we need to load the [Google Maps JavaScript](https://developers.google.com/maps/documentation/javascript/tutorial) API.
 
 > ⚠️ Bevor Sie die Google Maps JavaScript-API verwenden können, müssen Sie sich anmelden und ein Abrechnungskonto erstellen.
 
 ## Mehrere Werte
 
-Auch als Tags bekannt, darf der Benutzer mehr als einen Wert eingeben.
+Also known as tags, the user is allowed to enter more than one value.
 
 {{"demo": "pages/components/autocomplete/Tags.js"}}
 
-### Feste Optionen
+### Fixed options
 
-Falls Sie bestimmte Tags sperren müssen, damit sie nicht in der Schnittstelle entfernt werden können, können Sie die Chips deaktivieren.
+In the event that you need to lock certain tag so that they can't be removed in the interface, you can set the chips disabled.
 
 {{"demo": "pages/components/autocomplete/FixedTags.js"}}
 
-### Kontrollkästchen
+### Checkboxes
 
 {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}}
 
@@ -102,7 +112,7 @@ Fancy smaller inputs? Verwenden Sie die `size` Prop.
 
 ## Angepasste Autovervollständigung
 
-Diese Demo reproduziert die Label-Auswahl von GitHub:
+This demo reproduces the GitHub's label picker:
 
 {{"demo": "pages/components/autocomplete/GitHubLabel.js"}}
 
@@ -116,13 +126,13 @@ The following demo relies on [autosuggest-highlight](https://github.com/moroshko
 
 ## Benutzerderfinierter Filter
 
-The component exposes a factory to create a filter method that can provided to the `filerOption` prop. Sie können es verwenden, um das Standard-Filterverhalten der Option zu ändern.
+The component exposes a factory to create a filter method that can provided to the `filerOption` prop. You can use it to change the default option filter behavior.
 
 ```js
 import { createFilterOptions } from '@material-ui/lab/Autocomplete';
 ```
 
-Es unterstützt die folgenden Optionen:
+It supports the following options:
 
 1. `config` (*Object* [optional]): 
   - `config.ignoreAccents` (*Boolean* [optional]): Defaults to `true`. Remove diacritics.
@@ -130,8 +140,9 @@ Es unterstützt die folgenden Optionen:
   - `config.matchFrom` (*'any' | 'start'* [optional]): Defaults to `'any'`.
   - `config.stringify` (*Func* [optional]): Defaults to `JSON.stringify`.
   - `config.trim ` (*Boolean* [optional]): Standardeinstellung ist `false`. Abschließende Leerzeichen entfernen.
+  - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up.
 
-In der folgenden Demo müssen die Optionen mit dem Abfragepräfix beginnen:
+In the following demo, the options need to start with the query prefix:
 
 ```js
 const filterOptions = createFilterOptions({
@@ -159,7 +170,7 @@ const filterOptions = (options, { inputValue }) =>
 
 ## Virtualisierung
 
-Suche innerhalb von 10.000 zufällig generierten Optionen. Die Liste ist virtualisiert dank [react-window](https://github.com/bvaughn/react-window).
+Search within 10,000 randomly generated options. The list is virtualized thanks to [react-window](https://github.com/bvaughn/react-window).
 
 {{"demo": "pages/components/autocomplete/Virtualize.js"}}
 
@@ -167,11 +178,11 @@ Suche innerhalb von 10.000 zufällig generierten Optionen. Die Liste ist virtual
 
 ### autocomplete/autofill
 
-Die Browser haben Heuristiken, um den Benutzern zu helfen, die Formulareingaben auszufüllen. Es kann jedoch die UX der Komponente negativ beeinflussen.
+The browsers have heuristics to help the users fill the form inputs. However, it can harm the UX of the component.
 
 By default, the component disable the **autocomplete** feature (remembering what the user has typed for a given field in a previous session) with the `autoComplete="off"` attribute.
 
-Zusätzlich zur Speicherung der eingegebenen Werte kann der Browser aber auch **Autofill** Vorschläge vorschlagen (gespeichertes Login, Adresse oder Zahlungsinformationen). Falls Sie die automatische Füllung vermeiden möchten, können Sie Folgendes versuchen:
+However, in addition to remembering past entered values, the browser might also propose **autofill** suggestions (saved login, address, or payment details). In the event you want the avoid autofill, you can try the following:
 
 - Name the input without leaking any information the browser can use. e.g. `id="field1"` instead of `id="country"`. Wenn Sie die ID leer lassen, verwendet die Komponente eine zufällige ID.
 - Setze `autoComplete="neues Passwort"`: 
@@ -186,14 +197,14 @@ Zusätzlich zur Speicherung der eingegebenen Werte kann der Browser aber auch **
 
 ### iOS VoiceOver
 
-VoiceOver auf iOS Safari unterstützt das `aria-owns` Attribut nicht sehr gut. You can work around the issue with the `disablePortal` prop.
+VoiceOver on iOS Safari doesn't support the `aria-owns` attribute very well. You can work around the issue with the `disablePortal` prop.
 
 ### TypeScript
 
-To fully take advantage of type inference, you need to set the `multiple` prop to `undefined`, `false` or `true`. See [this discussion](https://github.com/mui-org/material-ui/pull/18854#discussion_r364215153) for more details. TypeScript könnte diesen Fehler in Zukunft lösen.
+To fully take advantage of type inference, you need to set the `multiple` prop to `undefined`, `false` or `true`. See [this discussion](https://github.com/mui-org/material-ui/pull/18854#discussion_r364215153) for more details. TypeScript might solve this bug in the future.
 
 ## Barrierefreiheit
 
 (WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#combobox)
 
-Wir empfehlen die Verwendung eines Labels für die Textbox. Die Komponente implementiert die WAI-ARIA Autorenpraktiken.
\ No newline at end of file
+We encourage the usage of a label for the textbox. The component implements the WAI-ARIA authoring practices.
\ No newline at end of file
diff --git a/docs/src/pages/components/autocomplete/autocomplete-es.md b/docs/src/pages/components/autocomplete/autocomplete-es.md
index 26cb9a8640df2a..3254a93b2d2a7f 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-es.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-es.md
@@ -34,10 +34,20 @@ Choose one country between 248.
 
 Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a search box with suggestions, e.g. Google search.
 
-However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus`.
+However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus` (it helps the user clearning the selected value).
 
 {{"demo": "pages/components/autocomplete/FreeSolo.js"}}
 
+### Helper message
+
+Sometimes you want to make explicit to the user that he/she can add whatever value he/she wants. The following demo adds a last option: `Add "YOUR SEARCH"`.
+
+{{"demo": "pages/components/autocomplete/FreeSoloCreateOption.js"}}
+
+You could also display a dialog when the user wants to add a new value.
+
+{{"demo": "pages/components/autocomplete/FreeSoloCreateOptionDialog.js"}}
+
 ## Grouped
 
 {{"demo": "pages/components/autocomplete/Grouped.js"}}
@@ -90,7 +100,7 @@ In the event that you need to lock certain tag so that they can't be removed in
 
 {{"demo": "pages/components/autocomplete/FixedTags.js"}}
 
-### Casillas de Verificación
+### Checkboxes
 
 {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}}
 
@@ -130,6 +140,7 @@ It supports the following options:
   - `config.matchFrom` (*'any' | 'start'* [optional]): Defaults to `'any'`.
   - `config.stringify` (*Func* [optional]): Defaults to `JSON.stringify`.
   - `config.trim` (*Boolean* [optional]): Default `false`. Remove trailing spaces.
+  - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up.
 
 In the following demo, the options need to start with the query prefix:
 
diff --git a/docs/src/pages/components/autocomplete/autocomplete-fr.md b/docs/src/pages/components/autocomplete/autocomplete-fr.md
index 68631a95a3f15d..ef33cda22d511d 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-fr.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-fr.md
@@ -34,10 +34,20 @@ Choose one country between 248.
 
 Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a search box with suggestions, e.g. Google search.
 
-However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus`.
+However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus` (it helps the user clearning the selected value).
 
 {{"demo": "pages/components/autocomplete/FreeSolo.js"}}
 
+### Helper message
+
+Sometimes you want to make explicit to the user that he/she can add whatever value he/she wants. The following demo adds a last option: `Add "YOUR SEARCH"`.
+
+{{"demo": "pages/components/autocomplete/FreeSoloCreateOption.js"}}
+
+You could also display a dialog when the user wants to add a new value.
+
+{{"demo": "pages/components/autocomplete/FreeSoloCreateOptionDialog.js"}}
+
 ## Grouped
 
 {{"demo": "pages/components/autocomplete/Grouped.js"}}
@@ -90,7 +100,7 @@ In the event that you need to lock certain tag so that they can't be removed in
 
 {{"demo": "pages/components/autocomplete/FixedTags.js"}}
 
-### Cases à cocher
+### Checkboxes
 
 {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}}
 
@@ -130,6 +140,7 @@ It supports the following options:
   - `config.matchFrom` (*'any' | 'start'* [optional]): Defaults to `'any'`.
   - `config.stringify` (*Func* [optional]): Defaults to `JSON.stringify`.
   - `config.trim` (*Boolean* [optional]): Valeur par défaut `false`. Remove trailing spaces.
+  - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up.
 
 In the following demo, the options need to start with the query prefix:
 
diff --git a/docs/src/pages/components/autocomplete/autocomplete-ja.md b/docs/src/pages/components/autocomplete/autocomplete-ja.md
index 6c39226286bd8c..ed79976262e8bb 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-ja.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-ja.md
@@ -34,10 +34,20 @@ Choose one country between 248.
 
 Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a search box with suggestions, e.g. Google search.
 
-However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus`.
+However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus` (it helps the user clearning the selected value).
 
 {{"demo": "pages/components/autocomplete/FreeSolo.js"}}
 
+### Helper message
+
+Sometimes you want to make explicit to the user that he/she can add whatever value he/she wants. The following demo adds a last option: `Add "YOUR SEARCH"`.
+
+{{"demo": "pages/components/autocomplete/FreeSoloCreateOption.js"}}
+
+You could also display a dialog when the user wants to add a new value.
+
+{{"demo": "pages/components/autocomplete/FreeSoloCreateOptionDialog.js"}}
+
 ## Grouped
 
 {{"demo": "pages/components/autocomplete/Grouped.js"}}
@@ -90,7 +100,7 @@ In the event that you need to lock certain tag so that they can't be removed in
 
 {{"demo": "pages/components/autocomplete/FixedTags.js"}}
 
-### チェックボックス
+### Checkboxes
 
 {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}}
 
@@ -130,6 +140,7 @@ It supports the following options:
   - `config.matchFrom` (*'any' | 'start'* [optional]): Defaults to `'any'`.
   - `config.stringify` (*Func* [optional]): Defaults to `JSON.stringify`.
   - `config.trim` (*ブール値* [任意]): デフォルト値 `false`. Remove trailing spaces.
+  - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up.
 
 In the following demo, the options need to start with the query prefix:
 
diff --git a/docs/src/pages/components/autocomplete/autocomplete-pt.md b/docs/src/pages/components/autocomplete/autocomplete-pt.md
index bbfb388a8562fb..0a0c5f6be5fd56 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-pt.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-pt.md
@@ -34,10 +34,20 @@ Choose one country between 248.
 
 Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a search box with suggestions, e.g. Google search.
 
-However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus`.
+However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus` (it helps the user clearning the selected value).
 
 {{"demo": "pages/components/autocomplete/FreeSolo.js"}}
 
+### Helper message
+
+Sometimes you want to make explicit to the user that he/she can add whatever value he/she wants. The following demo adds a last option: `Add "YOUR SEARCH"`.
+
+{{"demo": "pages/components/autocomplete/FreeSoloCreateOption.js"}}
+
+You could also display a dialog when the user wants to add a new value.
+
+{{"demo": "pages/components/autocomplete/FreeSoloCreateOptionDialog.js"}}
+
 ## Grouped
 
 {{"demo": "pages/components/autocomplete/Grouped.js"}}
@@ -90,13 +100,13 @@ In the event that you need to lock certain tag so that they can't be removed in
 
 {{"demo": "pages/components/autocomplete/FixedTags.js"}}
 
-### Caixas de Seleção
+### Checkboxes
 
 {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}}
 
 ## Tamanhos
 
-Fancy smaller inputs? Use a propriedade `size`.
+Gosta mais de campos de texto menores? Use a propriedade `size`.
 
 {{"demo": "pages/components/autocomplete/Sizes.js"}}
 
@@ -130,6 +140,7 @@ It supports the following options:
   - `config.matchFrom` (*'any' | 'start'* [optional]): Defaults to `'any'`.
   - `config.stringify` (*Func* [optional]): Defaults to `JSON.stringify`.
   - `config.trim` (*Boolean* [opcional]): Padrão `false`. Remove trailing spaces.
+  - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up.
 
 In the following demo, the options need to start with the query prefix:
 
diff --git a/docs/src/pages/components/autocomplete/autocomplete-ru.md b/docs/src/pages/components/autocomplete/autocomplete-ru.md
index 38e83535bed046..c4e3566dfee5c0 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-ru.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-ru.md
@@ -34,10 +34,20 @@ components: TextField, Popper, Autocomplete
 
 Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a search box with suggestions, e.g. Google search.
 
-However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus`.
+However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus` (it helps the user clearning the selected value).
 
 {{"demo": "pages/components/autocomplete/FreeSolo.js"}}
 
+### Helper message
+
+Sometimes you want to make explicit to the user that he/she can add whatever value he/she wants. The following demo adds a last option: `Add "YOUR SEARCH"`.
+
+{{"demo": "pages/components/autocomplete/FreeSoloCreateOption.js"}}
+
+You could also display a dialog when the user wants to add a new value.
+
+{{"demo": "pages/components/autocomplete/FreeSoloCreateOptionDialog.js"}}
+
 ## Сгруппированные
 
 {{"demo": "pages/components/autocomplete/Grouped.js"}}
@@ -68,7 +78,7 @@ Head to the [Customized Autocomplete](#customized-autocomplete) section for a cu
 
 {{"demo": "pages/components/autocomplete/Asynchronous.js"}}
 
-### Места Google Maps
+### Google Maps place
 
 A customized UI for Google Maps Places Autocomplete.
 
@@ -84,13 +94,13 @@ Also known as tags, the user is allowed to enter more than one value.
 
 {{"demo": "pages/components/autocomplete/Tags.js"}}
 
-### Фиксированные опции
+### Fixed options
 
 In the event that you need to lock certain tag so that they can't be removed in the interface, you can set the chips disabled.
 
 {{"demo": "pages/components/autocomplete/FixedTags.js"}}
 
-### Чекбоксы
+### Checkboxes
 
 {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}}
 
@@ -130,6 +140,7 @@ It supports the following options:
   - `config.matchFrom` (*'any' | 'start'* [optional]): Defaults to `'any'`.
   - `config.stringify` (*Func* [optional]): Defaults to `JSON.stringify`.
   - `config.trim` (*Boolean* [optional]): По умолчанию - `false`. Remove trailing spaces.
+  - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up.
 
 In the following demo, the options need to start with the query prefix:
 
diff --git a/docs/src/pages/components/autocomplete/autocomplete-zh.md b/docs/src/pages/components/autocomplete/autocomplete-zh.md
index f98d0ca93422e9..507861295a4371 100644
--- a/docs/src/pages/components/autocomplete/autocomplete-zh.md
+++ b/docs/src/pages/components/autocomplete/autocomplete-zh.md
@@ -3,7 +3,7 @@ title: React Autocomplete（自动补全）组件
 components: TextField, Popper, Autocomplete
 ---
 
-# Autocomplete（自动补全）
+# Autocomplete 自动补全
 
 <p class="description">自动补全是一个通过一组建议选项来帮助用户输入的普通文本输入框。</p>
 
@@ -34,10 +34,20 @@ components: TextField, Popper, Autocomplete
 
 Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a search box with suggestions, e.g. Google search.
 
-However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus`.
+However, if you intend to use it for a [combo box](#combo-box) like experience (an enhanced version of a select element) we recommend setting `selectOnFocus` (it helps the user clearning the selected value).
 
 {{"demo": "pages/components/autocomplete/FreeSolo.js"}}
 
+### Helper message
+
+Sometimes you want to make explicit to the user that he/she can add whatever value he/she wants. The following demo adds a last option: `Add "YOUR SEARCH"`.
+
+{{"demo": "pages/components/autocomplete/FreeSoloCreateOption.js"}}
+
+You could also display a dialog when the user wants to add a new value.
+
+{{"demo": "pages/components/autocomplete/FreeSoloCreateOptionDialog.js"}}
+
 ## 分组
 
 {{"demo": "pages/components/autocomplete/Grouped.js"}}
@@ -58,7 +68,7 @@ import useAutocomplete from '@material-ui/lab/useAutocomplete';
 
 {{"demo": "pages/components/autocomplete/UseAutocomplete.js", "defaultCodeOpen": false}}
 
-### 自定义钩子
+### Customized hook
 
 {{"demo": "pages/components/autocomplete/CustomizedHook.js"}}
 
@@ -76,21 +86,21 @@ A customized UI for Google Maps Places Autocomplete.
 
 For this demo, we need to load the [Google Maps JavaScript](https://developers.google.com/maps/documentation/javascript/tutorial) API.
 
-> ⚠️ Before you can start using the Google Maps JavaScript API, you must sign up and create a billing account.
+> 在你开始使用谷歌地图javascript API之前，你需要创建一个帐户 (用于使用谷歌地图api).
 
 ## Multiple values（多重值）
 
-这也称为标签，允许用户输入多个值。
+Also known as tags, the user is allowed to enter more than one value.
 
 {{"demo": "pages/components/autocomplete/Tags.js"}}
 
-### 固定选项
+### Fixed options
 
 In the event that you need to lock certain tag so that they can't be removed in the interface, you can set the chips disabled.
 
 {{"demo": "pages/components/autocomplete/FixedTags.js"}}
 
-### Checkboxes（复选框）
+### Checkboxes
 
 {{"demo": "pages/components/autocomplete/CheckboxesTags.js"}}
 
@@ -102,7 +112,7 @@ Fancy smaller inputs? Use the `size` prop.
 
 ## 定制的自动完成组件
 
-该演示再现了GitHub的标签选择器：
+This demo reproduces the GitHub's label picker:
 
 {{"demo": "pages/components/autocomplete/GitHubLabel.js"}}
 
@@ -130,6 +140,7 @@ It supports the following options:
   - `config.matchFrom` (*'any' | 'start'* [optional]): Defaults to `'any'`.
   - `config.stringify` (*Func* [optional]): Defaults to `JSON.stringify`.
   - `config.trim` (*Boolean* [optional]): 默认值为`false`。 Remove trailing spaces.
+  - `config.limit` (*Number* [optional]): Default to null. Limit the number of suggested options to be shown. For example, if `config.limit` is `100`, only the first `100` matching options are shown. It can be useful if a lot of options match and virtualization wasn't set up.
 
 In the following demo, the options need to start with the query prefix:
 
diff --git a/docs/src/pages/components/avatars/avatars-aa.md b/docs/src/pages/components/avatars/avatars-aa.md
index 56ae6f508d6eba..75d441e106060c 100644
--- a/docs/src/pages/components/avatars/avatars-aa.md
+++ b/docs/src/pages/components/avatars/avatars-aa.md
@@ -42,7 +42,7 @@ crwdns106575:0crwdne106575:0
 crwdns106579:0crwdne106579:0
 
 - crwdns106545:0crwdne106545:0
-- crwdns106547:0crwdne106547:0
+- crwdns109189:0crwdne109189:0
 - crwdns106549:0crwdne106549:0
 
 crwdns106581:0crwdne106581:0
diff --git a/docs/src/pages/components/avatars/avatars-de.md b/docs/src/pages/components/avatars/avatars-de.md
index 5b6f5edf9ed236..dbc9a1c7f38e1f 100644
--- a/docs/src/pages/components/avatars/avatars-de.md
+++ b/docs/src/pages/components/avatars/avatars-de.md
@@ -42,7 +42,7 @@ If you need square or rounded avatars, use the `variant` prop.
 If there is an error loading the avatar image, the component falls back to an alternative in the following order:
 
 - the provided children
-- the first letter of tha `alt` text
+- the first letter of the `alt` text
 - ein generisches Avatar-Symbol
 
 {{"demo": "pages/components/avatars/FallbackAvatars.js"}}
diff --git a/docs/src/pages/components/avatars/avatars-es.md b/docs/src/pages/components/avatars/avatars-es.md
index 285cd2a5dada06..37e4d6b70fe60d 100644
--- a/docs/src/pages/components/avatars/avatars-es.md
+++ b/docs/src/pages/components/avatars/avatars-es.md
@@ -42,7 +42,7 @@ If you need square or rounded avatars, use the `variant` prop.
 If there is an error loading the avatar image, the component falls back to an alternative in the following order:
 
 - the provided children
-- the first letter of tha `alt` text
+- the first letter of the `alt` text
 - a generic avatar icon
 
 {{"demo": "pages/components/avatars/FallbackAvatars.js"}}
diff --git a/docs/src/pages/components/avatars/avatars-fr.md b/docs/src/pages/components/avatars/avatars-fr.md
index acb1a490dd0bd9..ff8141543e207c 100644
--- a/docs/src/pages/components/avatars/avatars-fr.md
+++ b/docs/src/pages/components/avatars/avatars-fr.md
@@ -42,7 +42,7 @@ If you need square or rounded avatars, use the `variant` prop.
 If there is an error loading the avatar image, the component falls back to an alternative in the following order:
 
 - the provided children
-- the first letter of tha `alt` text
+- the first letter of the `alt` text
 - a generic avatar icon
 
 {{"demo": "pages/components/avatars/FallbackAvatars.js"}}
diff --git a/docs/src/pages/components/avatars/avatars-ja.md b/docs/src/pages/components/avatars/avatars-ja.md
index 0f3c5ba33a88c3..265feb88d06fa3 100644
--- a/docs/src/pages/components/avatars/avatars-ja.md
+++ b/docs/src/pages/components/avatars/avatars-ja.md
@@ -42,7 +42,7 @@ If you need square or rounded avatars, use the `variant` prop.
 If there is an error loading the avatar image, the component falls back to an alternative in the following order:
 
 - the provided children
-- the first letter of tha `alt` text
+- the first letter of the `alt` text
 - a generic avatar icon
 
 {{"demo": "pages/components/avatars/FallbackAvatars.js"}}
diff --git a/docs/src/pages/components/avatars/avatars-pt.md b/docs/src/pages/components/avatars/avatars-pt.md
index 1f43a2758b7da2..9af303355765aa 100644
--- a/docs/src/pages/components/avatars/avatars-pt.md
+++ b/docs/src/pages/components/avatars/avatars-pt.md
@@ -42,7 +42,7 @@ If you need square or rounded avatars, use the `variant` prop.
 If there is an error loading the avatar image, the component falls back to an alternative in the following order:
 
 - the provided children
-- the first letter of tha `alt` text
+- the first letter of the `alt` text
 - a generic avatar icon
 
 {{"demo": "pages/components/avatars/FallbackAvatars.js"}}
diff --git a/docs/src/pages/components/avatars/avatars-ru.md b/docs/src/pages/components/avatars/avatars-ru.md
index eebaf7fb05d096..1dfa8a51f88dbc 100644
--- a/docs/src/pages/components/avatars/avatars-ru.md
+++ b/docs/src/pages/components/avatars/avatars-ru.md
@@ -42,7 +42,7 @@ components: Avatar, AvatarGroup, Badge
 If there is an error loading the avatar image, the component falls back to an alternative in the following order:
 
 - the provided children
-- the first letter of tha `alt` text
+- the first letter of the `alt` text
 - a generic avatar icon
 
 {{"demo": "pages/components/avatars/FallbackAvatars.js"}}
diff --git a/docs/src/pages/components/avatars/avatars-zh.md b/docs/src/pages/components/avatars/avatars-zh.md
index 3b60ad363ea68e..f62197b56ed468 100644
--- a/docs/src/pages/components/avatars/avatars-zh.md
+++ b/docs/src/pages/components/avatars/avatars-zh.md
@@ -3,7 +3,7 @@ title: React Avatar（头像）组件
 components: Avatar, AvatarGroup, Badge
 ---
 
-# Avatar (头像)
+# Avatar 头像
 
 <p class="description">在整个 material design 中，无论是在表格中还是到对话框菜单中，都可以找到使用头像的身影。</p>
 
@@ -42,7 +42,7 @@ If you need square or rounded avatars, use the `variant` prop.
 If there is an error loading the avatar image, the component falls back to an alternative in the following order:
 
 - the provided children
-- the first letter of tha `alt` text
+- the first letter of the `alt` text
 - a generic avatar icon
 
 {{"demo": "pages/components/avatars/FallbackAvatars.js"}}
diff --git a/docs/src/pages/components/backdrop/backdrop-ru.md b/docs/src/pages/components/backdrop/backdrop-ru.md
index cd5748138d39cc..a131f0c05f0573 100644
--- a/docs/src/pages/components/backdrop/backdrop-ru.md
+++ b/docs/src/pages/components/backdrop/backdrop-ru.md
@@ -1,9 +1,9 @@
 ---
 title: 'Затемнение: компонент React'
-components: Затемнение
+components: Backdrop
 ---
 
-# Затемнение
+# Backdrop (Затемнение)
 
 <p class="description">Затемнение предназначено для акцентирования внимания пользователя на определенном элементе интерфейса.</p>
 
diff --git a/docs/src/pages/components/backdrop/backdrop-zh.md b/docs/src/pages/components/backdrop/backdrop-zh.md
index 2d5c6e20ea908d..bfea124bbcb772 100644
--- a/docs/src/pages/components/backdrop/backdrop-zh.md
+++ b/docs/src/pages/components/backdrop/backdrop-zh.md
@@ -1,9 +1,9 @@
 ---
 title: 覆盖 React 组件
-components: 背景板（Backdrop）
+components: Backdrop
 ---
 
-# 背景板（Backdrop）
+# Backdrop 背景板
 
 <p class="description">Backdrop 组件用于提供对特定元素或其部分的强调。</p>
 
diff --git a/docs/src/pages/components/badges/badges-zh.md b/docs/src/pages/components/badges/badges-zh.md
index 18841dc11c346b..5466679e74740f 100644
--- a/docs/src/pages/components/badges/badges-zh.md
+++ b/docs/src/pages/components/badges/badges-zh.md
@@ -3,7 +3,7 @@ title: React Badge（徽章）组件
 components: Badge
 ---
 
-# Badge（徽章）
+# Badge 徽章
 
 <p class="description">徽章会在其子项的右上角生成一个小徽章。</p>
 
diff --git a/docs/src/pages/components/bottom-navigation/bottom-navigation-zh.md b/docs/src/pages/components/bottom-navigation/bottom-navigation-zh.md
index 7ba43fc2674f1f..5ba729002552d9 100644
--- a/docs/src/pages/components/bottom-navigation/bottom-navigation-zh.md
+++ b/docs/src/pages/components/bottom-navigation/bottom-navigation-zh.md
@@ -3,13 +3,13 @@ title: React Bottom Navigation（底部导航栏）组件
 components: BottomNavigation, BottomNavigationAction
 ---
 
-# Bottom Navigation（底部导航栏）
+# Bottom Navigation 底部导航栏
 
 <p class="description">使用底部导航栏，您可以在应用程序的主要导航项之间跳转。</p>
 
 [底部导航栏](https://material.io/design/components/bottom-navigation.html)在屏幕下方显示三到五个导航项。 每一个导航项都由一个图标和一个可选文本标签表示。 当点击底部导航图标时，用户被切换到该图标关联的目标页面顶部。
 
-## Bottom Navigation（底部导航栏）
+## 底部导航栏
 
 当只有 **三个** 导航项时，导航栏会始终显示图标和文本标签。
 
diff --git a/docs/src/pages/components/box/box-de.md b/docs/src/pages/components/box/box-de.md
index 1e437fa5464572..1e440fce62f2fb 100644
--- a/docs/src/pages/components/box/box-de.md
+++ b/docs/src/pages/components/box/box-de.md
@@ -6,7 +6,7 @@ title: Box React Komponente
 
 <p class="description">Die Box-Komponente dient als Wrapper-Komponente für die meisten Anforderungen des CSS-Dienstprogramms.</p>
 
-Die Box-Komponenten packt [alle Stilfunktionen](/system/basics/#all-inclusive), die in `@material-ui/system` verfügbar sind. It's created using the [`styled()`](/styles/api/#styled-style-function-component) function of `@material-ui/core/styles`.
+Die Box-Komponenten packt [alle Stilfunktionen](/system/basics/#all-inclusive), die in `@material-ui/system` verfügbar sind. Es wird mit der [`styled()`](/styles/api/#styled-style-function-component) function aus `@material-ui/core/styles` erstellt.
 
 ## Beispiel
 
@@ -46,7 +46,7 @@ Die Box-Kinder akzeptieren eine Render-Funktion als Eigenschaft. Sie können den
 </Box>
 ```
 
-> ⚠️ Die CSS-Spezifität hängt von der Importreihenfolge ab. If you want the guarantee that the wrapped component's style will be overridden, you need to import the Box last.
+> ⚠️ Die CSS-Spezifität hängt von der Importreihenfolge ab. Wenn Sie garantieren wollen, dass der Stil der wrapped Komponente überschrieben wird, müssen Sie die Box zuletzt importieren.
 
 ## API
 
diff --git a/docs/src/pages/components/box/box-zh.md b/docs/src/pages/components/box/box-zh.md
index 8313f2661f1ead..a961cf4f28c306 100644
--- a/docs/src/pages/components/box/box-zh.md
+++ b/docs/src/pages/components/box/box-zh.md
@@ -2,7 +2,7 @@
 title: React Box（分组）组件
 ---
 
-# Box（分组）
+# Box 分组
 
 <p class="description">对于大多数 CSS 实用程序来说，Box 组件能够作为一个包装组件来使用。</p>
 
diff --git a/docs/src/pages/components/breadcrumbs/breadcrumbs-zh.md b/docs/src/pages/components/breadcrumbs/breadcrumbs-zh.md
index 8ac7f04e9278b7..382c05e4733dae 100644
--- a/docs/src/pages/components/breadcrumbs/breadcrumbs-zh.md
+++ b/docs/src/pages/components/breadcrumbs/breadcrumbs-zh.md
@@ -3,7 +3,7 @@ title: React Breadcrumbs（面包屑导航）组件
 components: Breadcrumbs, Link, Typography
 ---
 
-# Breadcrumbs（面包屑导航）
+# Breadcrumbs 面包屑导航
 
 <p class="description">面包屑导航允许用户在一系列的值中进行选择。</p>
 
diff --git a/docs/src/pages/components/buttons/buttons-zh.md b/docs/src/pages/components/buttons/buttons-zh.md
index 5a219b47cf44a7..f85d2f96b68114 100644
--- a/docs/src/pages/components/buttons/buttons-zh.md
+++ b/docs/src/pages/components/buttons/buttons-zh.md
@@ -3,7 +3,7 @@ title: React Button（按钮）组件
 components: Button, IconButton, ButtonBase
 ---
 
-# Button（按钮）
+# Button 按钮
 
 <p class="description">只需通过轻按一下按钮，用户即可采取行动并做出选择。</p>
 
diff --git a/docs/src/pages/components/cards/cards-zh.md b/docs/src/pages/components/cards/cards-zh.md
index eb9362e317f98d..4cf4fdd99459bf 100644
--- a/docs/src/pages/components/cards/cards-zh.md
+++ b/docs/src/pages/components/cards/cards-zh.md
@@ -3,7 +3,7 @@ title: React Card（卡片）组件
 components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedia, Collapse, Paper
 ---
 
-# Card（卡片）
+# Card 卡片
 
 <p class="description">卡片包含有关单个主题的内容和操作。</p>
 
diff --git a/docs/src/pages/components/checkboxes/checkboxes-zh.md b/docs/src/pages/components/checkboxes/checkboxes-zh.md
index d8b401013a7633..987ab7da6634cf 100644
--- a/docs/src/pages/components/checkboxes/checkboxes-zh.md
+++ b/docs/src/pages/components/checkboxes/checkboxes-zh.md
@@ -3,7 +3,7 @@ title: React Checkbox（复选框）组件
 components: Checkbox, FormControl, FormGroup, FormLabel, FormControlLabel
 ---
 
-# Checkbox（选择框）
+# Checkbox 选择框
 
 <p class="description">在一个集合内，用户可以通过复选框来选择一个或者多个选项。</p>
 
diff --git a/docs/src/pages/components/chips/chips-zh.md b/docs/src/pages/components/chips/chips-zh.md
index 86ccdb241e4701..11267e692fb59c 100644
--- a/docs/src/pages/components/chips/chips-zh.md
+++ b/docs/src/pages/components/chips/chips-zh.md
@@ -3,7 +3,7 @@ title: React Chip（纸片）组件
 components: Chip
 ---
 
-# Chip（纸片组件）
+# Chip 纸片组件
 
 <p class="description">纸片组件是用来表示输入框、属性或操作的紧凑元素。</p>
 
diff --git a/docs/src/pages/components/click-away-listener/click-away-listener-zh.md b/docs/src/pages/components/click-away-listener/click-away-listener-zh.md
index 7d6db824657d4d..155849fa32d8ea 100644
--- a/docs/src/pages/components/click-away-listener/click-away-listener-zh.md
+++ b/docs/src/pages/components/click-away-listener/click-away-listener-zh.md
@@ -3,7 +3,7 @@ title: 检测 React 组件外部的单击事件
 components: ClickAwayListener
 ---
 
-# Click away listener（他处点击监听器）
+# Click away listener 他处点击监听器
 
 <p class="description">用于检测点击事件是否发生在元素之外。 它可以监听文档中某处发生的点击事件。</p>
 
diff --git a/docs/src/pages/components/container/container-zh.md b/docs/src/pages/components/container/container-zh.md
index 1ab7780c6c3378..00187bdf7f32ea 100644
--- a/docs/src/pages/components/container/container-zh.md
+++ b/docs/src/pages/components/container/container-zh.md
@@ -3,7 +3,7 @@ title: React Container（容器）组件
 components: Container
 ---
 
-# Container（容器）
+# Container 容器
 
 <p class="description">容器组件会让您页面的内容水平居中。 这是最基本的布局元素。</p>
 
diff --git a/docs/src/pages/components/css-baseline/css-baseline-aa.md b/docs/src/pages/components/css-baseline/css-baseline-aa.md
index 3a7cfccb83ce19..84b9e9a104d645 100644
--- a/docs/src/pages/components/css-baseline/css-baseline-aa.md
+++ b/docs/src/pages/components/css-baseline/css-baseline-aa.md
@@ -1,22 +1,32 @@
 ---
-components: crwdns89896:0crwdne89896:0
+components: crwdns109827:0crwdne109827:0
 ---
 
 # crwdns89898:0crwdne89898:0
 
 <p class="description">crwdns89900:0crwdne89900:0</p>
 
+## crwdns109829:0crwdne109829:0
+
 crwdns89902:0crwdne89902:0
 
 ```jsx
 crwdns103976:0crwdne103976:0
 ```
 
-## crwdns89906:0crwdne89906:0
+## crwdns109831:0crwdne109831:0
+
+crwdns109833:0crwdne109833:0 crwdns109835:0crwdne109835:0
+
+```jsx
+crwdns109837:0crwdne109837:0
+```
+
+## crwdns109839:0crwdne109839:0
 
 ### crwdns89908:0crwdne89908:0
 
-crwdns89910:0crwdne89910:0 crwdns89912:0crwdne89912:0
+crwdns109841:0crwdne109841:0 crwdns109843:0crwdne109843:0
 
 - crwdns89914:0crwdne89914:0
 - crwdns89916:0crwdne89916:0 crwdns107223:0crwdne107223:0
@@ -29,5 +39,5 @@ crwdns89910:0crwdne89910:0 crwdns89912:0crwdne89912:0
 
 - crwdns89928:0crwdne89928:0 crwdns89930:0crwdne89930:0
 - crwdns89932:0crwdne89932:0
-- crwdns89934:0crwdne89934:0 crwdns89936:0crwdne89936:0
+- crwdns109845:0crwdne109845:0
 - crwdns89938:0crwdne89938:0
\ No newline at end of file
diff --git a/docs/src/pages/components/css-baseline/css-baseline-de.md b/docs/src/pages/components/css-baseline/css-baseline-de.md
index f61d2e0b82b052..cb224a67a78003 100644
--- a/docs/src/pages/components/css-baseline/css-baseline-de.md
+++ b/docs/src/pages/components/css-baseline/css-baseline-de.md
@@ -1,11 +1,13 @@
 ---
-components: CssBaseline
+components: CssBaseline, ScopedCssBaseline
 ---
 
 # CSS-Baseline
 
 <p class="description">Die Material-UI bietet eine CssBaseline-Komponente, um eine elegante, konsistente und einfache Basis zu schaffen, auf der aufgebaut werden kann.</p>
 
+## Global reset
+
 Möglicherweise kennen Sie [normalize.css](https://github.com/necolas/normalize.css), eine Sammlung von HTML-Element- und Attributstil-Normalisierungen.
 
 ```jsx
@@ -22,11 +24,28 @@ export default function MyApp() {
 }
 ```
 
-## Ansatz
+## Scoping on children
+
+However, you might be progressively migrating a website to Material-UI, using a global reset might not be an option. It's possible to apply the baseline only to the children by using the `ScopedCssBaseline` component.
+
+```jsx
+import React from 'react';
+import ScopedCssBaseline from '@material-ui/core/ScopedCssBaseline';
+
+export default function MyApp() {
+  return (
+    <ScopedCssBaseline>
+      {/* The rest of your application */}
+    </ScopedCssBaseline>
+  );
+}
+```
+
+## Approach
 
 ### Seite
 
-The `<html>` and `<body>` elements are updated to provide better page-wide defaults. Genauer gesagt:
+The `<html>` and `<body>` elements are updated to provide better page-wide defaults. More specifically:
 
 - Der Rand in allen Browsern wird entfernt.
 - Die Standardhintergrundfarbe des Materialdesigns wird angewendet. Es verwendet [`theme.palette.background.default`](/customization/default-theme/?expand-path=$.palette.background) für normale Geräte und einen weißen Hintergrund für Drucker.
@@ -39,5 +58,5 @@ The `<html>` and `<body>` elements are updated to provide better page-wide defau
 
 - Für das `<html>`-Element wird keine Basisschriftgröße deklariert, es wird jedoch von 16px ausgegangen (Standardeinstellung des Browsers). Sie können mehr über die Auswirkungen lernen von den sich ändernden `<html>` Standard - Schriftgröße auf [der Theme Dokumentation](/customization/typography/#typography-html-font-size) Seite.
 - Set the `theme.typography.body2` style on the `<body>` element.
-- Set the font-weight to "bolder" for the `<b>` and `<strong>` elements. Bolder is one font weight heavier than the parent element (among the available weights of the font).
+- Set the font-weight to `theme.typography.fontWeightBold` for the `<b>` and `<strong>` elements.
 - Das Antialiasing von Schriftarten ist aktiviert, um die Roboto-Schrift besser anzuzeigen.
\ No newline at end of file
diff --git a/docs/src/pages/components/css-baseline/css-baseline-es.md b/docs/src/pages/components/css-baseline/css-baseline-es.md
index 6d8b3ded275746..375d13c2341eef 100644
--- a/docs/src/pages/components/css-baseline/css-baseline-es.md
+++ b/docs/src/pages/components/css-baseline/css-baseline-es.md
@@ -1,11 +1,13 @@
 ---
-components: CssBaseline
+components: CssBaseline, ScopedCssBaseline
 ---
 
 # Base de CSS
 
 <p class="description">Material-UI provee un componente llamado CssBaseline como un punto de partida elegante, simple y consistente para empezar a desarrollar.</p>
 
+## Global reset
+
 Tal vez tengas familiaridad con [normalize.css](https://github.com/necolas/normalize.css), una colección de atributos de estilos normalizados para elementos HTML.
 
 ```jsx
@@ -22,7 +24,24 @@ export default function MyApp() {
 }
 ```
 
-## Enfoque
+## Scoping on children
+
+However, you might be progressively migrating a website to Material-UI, using a global reset might not be an option. It's possible to apply the baseline only to the children by using the `ScopedCssBaseline` component.
+
+```jsx
+import React from 'react';
+import ScopedCssBaseline from '@material-ui/core/ScopedCssBaseline';
+
+export default function MyApp() {
+  return (
+    <ScopedCssBaseline>
+      {/* The rest of your application */}
+    </ScopedCssBaseline>
+  );
+}
+```
+
+## Approach
 
 ### Página
 
@@ -39,5 +58,5 @@ The `<html>` and `<body>` elements are updated to provide better page-wide defau
 
 - No se declara ningún tamaño de fuente de base en el elemento `<html>`, pero se asume 16px (el valor predeterminado del navegador). Puedes aprender más acerca de las implicaciones de cambiar el tamaño de fuente predeterminado de `<html>`, en la página [de documentación del tema](/customization/typography/#typography-html-font-size).
 - Set the `theme.typography.body2` style on the `<body>` element.
-- Set the font-weight to "bolder" for the `<b>` and `<strong>` elements. Bolder is one font weight heavier than the parent element (among the available weights of the font).
+- Set the font-weight to `theme.typography.fontWeightBold` for the `<b>` and `<strong>` elements.
 - El antialiasing de fuentes está habilitado para una mejor visualización de la fuente Roboto.
\ No newline at end of file
diff --git a/docs/src/pages/components/css-baseline/css-baseline-fr.md b/docs/src/pages/components/css-baseline/css-baseline-fr.md
index 6a3f37b44ac641..e6ea7262e3e975 100644
--- a/docs/src/pages/components/css-baseline/css-baseline-fr.md
+++ b/docs/src/pages/components/css-baseline/css-baseline-fr.md
@@ -1,11 +1,13 @@
 ---
-components: CssBaseline
+components: CssBaseline, ScopedCssBaseline
 ---
 
 # Principes CSS
 
 <p class="description">Material-UI fournit un composant CssBaseline pour relancer une base élégante, cohérente et simple sur laquelle s'appuyer.</p>
 
+## Global reset
+
 Vous connaissez peut-être [normalize.css](https://github.com/necolas/normalize.css), une collection d'éléments HTML et de normalisations de style d'attributs.
 
 ```jsx
@@ -22,7 +24,24 @@ export default function MyApp() {
 }
 ```
 
-## Approche
+## Scoping on children
+
+However, you might be progressively migrating a website to Material-UI, using a global reset might not be an option. It's possible to apply the baseline only to the children by using the `ScopedCssBaseline` component.
+
+```jsx
+import React from 'react';
+import ScopedCssBaseline from '@material-ui/core/ScopedCssBaseline';
+
+export default function MyApp() {
+  return (
+    <ScopedCssBaseline>
+      {/* The rest of your application */}
+    </ScopedCssBaseline>
+  );
+}
+```
+
+## Approach
 
 ### Page
 
@@ -39,5 +58,5 @@ The `<html>` and `<body>` elements are updated to provide better page-wide defau
 
 - Aucune taille de police de base n’est déclarée sur le `<html>`, mais 16px est utilisée (valeur par défaut du navigateur). Vous pouvez en apprendre davantage sur les implications de l' évolution du `<html>` taille de la police par défaut dans [la documentation abordant les thèmes](/customization/typography/#typography-html-font-size) page.
 - Set the `theme.typography.body2` style on the `<body>` element.
-- Set the font-weight to "bolder" for the `<b>` and `<strong>` elements. Bolder is one font weight heavier than the parent element (among the available weights of the font).
+- Set the font-weight to `theme.typography.fontWeightBold` for the `<b>` and `<strong>` elements.
 - L'anticrénelage des polices est activé pour un meilleur affichage de la police Roboto.
\ No newline at end of file
diff --git a/docs/src/pages/components/css-baseline/css-baseline-ja.md b/docs/src/pages/components/css-baseline/css-baseline-ja.md
index 0ed34da996bbdf..65ce0c9574c8f1 100644
--- a/docs/src/pages/components/css-baseline/css-baseline-ja.md
+++ b/docs/src/pages/components/css-baseline/css-baseline-ja.md
@@ -1,11 +1,13 @@
 ---
-components: CssBaseline
+components: CssBaseline, ScopedCssBaseline
 ---
 
 # CSSベースライン
 
 <p class="description">Material-UIはCssBaselineコンポーネントを提供することで、エレガントで一貫性のあるシンプルなベースラインを構築します。</p>
 
+## Global reset
+
 貴方はもしかしたら、HTMLの要素と属性のスタイル正規化のコレクションである [normalize.css](https://github.com/necolas/normalize.css)精通しているかもしれません。
 
 ```jsx
@@ -22,11 +24,28 @@ export default function MyApp() {
 }
 ```
 
-## アプローチ
+## Scoping on children
+
+However, you might be progressively migrating a website to Material-UI, using a global reset might not be an option. It's possible to apply the baseline only to the children by using the `ScopedCssBaseline` component.
+
+```jsx
+import React from 'react';
+import ScopedCssBaseline from '@material-ui/core/ScopedCssBaseline';
+
+export default function MyApp() {
+  return (
+    <ScopedCssBaseline>
+      {/* The rest of your application */}
+    </ScopedCssBaseline>
+  );
+}
+```
+
+## Approach
 
 ### ページ
 
-`<html>` および `<body>` 要素は、ページ全体のデフォルトが改善されるように更新されています。 具体的には:
+The `<html>` and `<body>` elements are updated to provide better page-wide defaults. More specifically:
 
 - すべてのブラウザの余白が削除されています。
 - デフォルトのマテリアルデザインの背景色が適用されます。 It's using [`theme.palette.background.default`](/customization/default-theme/?expand-path=$.palette.background) for standard devices and a white background for print devices.
@@ -39,5 +58,5 @@ export default function MyApp() {
 
 - `<html>`には基本フォントサイズは宣言されていませんが、16pxが想定されています（ブラウザのデフォルト）。 デフォルトのフォントサイズの`<html>`を変更した場合の影響については、ここをクリックしてください。[the theme documentation](/customization/typography/#typography-html-font-size)
 - `<body>` 要素に `theme.typography.body2` スタイルを設定します。
-- `<b>` および `<strong>` 要素のfont-weightを「bolder」に設定します。 Bolderは、親要素よりも重いフォントの重みです（使用可能なフォントの重みの中で）。
+- Set the font-weight to `theme.typography.fontWeightBold` for the `<b>` and `<strong>` elements.
 - Robotoフォントを見やすくするために、フォントのアンチエイリアスが有効になります。
\ No newline at end of file
diff --git a/docs/src/pages/components/css-baseline/css-baseline-pt.md b/docs/src/pages/components/css-baseline/css-baseline-pt.md
index b54db620bf623e..d797d0119691c9 100644
--- a/docs/src/pages/components/css-baseline/css-baseline-pt.md
+++ b/docs/src/pages/components/css-baseline/css-baseline-pt.md
@@ -1,11 +1,13 @@
 ---
-components: CssBaseline
+components: CssBaseline, ScopedCssBaseline
 ---
 
 # CSS Baseline
 
 <p class="description">Material-UI oferece um componente CSS Base a fim de inciar uma elegante, consistente e simples base para construir sobre.</p>
 
+## Global reset
+
 Você já deve estar familiarizado com [normalize.css](https://github.com/necolas/normalize.css), uma coleção de elementos HTML e normas de atributos de estilo.
 
 ```jsx
@@ -22,11 +24,28 @@ export default function MyApp() {
 }
 ```
 
-## Abordagem
+## Scoping on children
+
+However, you might be progressively migrating a website to Material-UI, using a global reset might not be an option. It's possible to apply the baseline only to the children by using the `ScopedCssBaseline` component.
+
+```jsx
+import React from 'react';
+import ScopedCssBaseline from '@material-ui/core/ScopedCssBaseline';
+
+export default function MyApp() {
+  return (
+    <ScopedCssBaseline>
+      {/* The rest of your application */}
+    </ScopedCssBaseline>
+  );
+}
+```
+
+## Approach
 
 ### Página
 
-Os elementos `<html>` e `<body>` são atualizados para fornecer melhores padrões para toda a página. Mais especificamente:
+The `<html>` and `<body>` elements are updated to provide better page-wide defaults. More specifically:
 
 - The margin in all browsers is removed.
 - A cor de fundo padrão do material design é aplicada. It's using [`theme.palette.background.default`](/customization/default-theme/?expand-path=$.palette.background) for standard devices and a white background for print devices.
@@ -39,5 +58,5 @@ Os elementos `<html>` e `<body>` são atualizados para fornecer melhores padrõe
 
 - Nenhum tamanho de fonte base é declarado no `<html>`, mas 16px é assumido (o padrão do navegador). Você pode aprender mais sobre as implicações da mudança do padrão de tamanho de fonte do `<html>` na página de [documentação de tema](/customization/typography/#typography-html-font-size).
 - Defina o estilo `theme.typography.body2` no elemento `<body>`.
-- Defina o font-weight como "bolder" para os elementos `<b>` e `<strong>`. Bolder é um font-weight mais pesado que o elemento pai (entre os pesos disponíveis da fonte).
+- Set the font-weight to `theme.typography.fontWeightBold` for the `<b>` and `<strong>` elements.
 - O antialiasing de fonte é habilitado para melhorar a exibição da fonte Roboto.
\ No newline at end of file
diff --git a/docs/src/pages/components/css-baseline/css-baseline-ru.md b/docs/src/pages/components/css-baseline/css-baseline-ru.md
index 49b7fa32f8a13e..bc0e036f2f6587 100644
--- a/docs/src/pages/components/css-baseline/css-baseline-ru.md
+++ b/docs/src/pages/components/css-baseline/css-baseline-ru.md
@@ -1,11 +1,13 @@
 ---
-components: CssBaseline
+components: CssBaseline, ScopedCssBaseline
 ---
 
 # CSS Baseline
 
 <p class="description">Material-UI предоставляет компонент CssBaseline, чтобы создать элегантную, согласованную и простую основу для работы.</p>
 
+## Global reset
+
 You might be familiar with [normalize.css](https://github.com/necolas/normalize.css), a collection of HTML element and attribute style-normalizations.
 
 ```jsx
@@ -22,6 +24,23 @@ export default function MyApp() {
 }
 ```
 
+## Scoping on children
+
+However, you might be progressively migrating a website to Material-UI, using a global reset might not be an option. It's possible to apply the baseline only to the children by using the `ScopedCssBaseline` component.
+
+```jsx
+import React from 'react';
+import ScopedCssBaseline from '@material-ui/core/ScopedCssBaseline';
+
+export default function MyApp() {
+  return (
+    <ScopedCssBaseline>
+      {/* The rest of your application */}
+    </ScopedCssBaseline>
+  );
+}
+```
+
 ## Approach
 
 ### Страница
@@ -39,5 +58,5 @@ The `<html>` and `<body>` elements are updated to provide better page-wide defau
 
 - No base font-size is declared on the `<html>`, but 16px is assumed (the browser default). You can learn more about the implications of changing the `<html>` default font size in [the theme documentation](/customization/typography/#typography-html-font-size) page.
 - Set the `theme.typography.body2` style on the `<body>` element.
-- Set the font-weight to "bolder" for the `<b>` and `<strong>` elements. Bolder is one font weight heavier than the parent element (among the available weights of the font).
+- Set the font-weight to `theme.typography.fontWeightBold` for the `<b>` and `<strong>` elements.
 - Сглаживание шрифтов включено для лучшего отображения шрифта Roboto.
\ No newline at end of file
diff --git a/docs/src/pages/components/css-baseline/css-baseline-zh.md b/docs/src/pages/components/css-baseline/css-baseline-zh.md
index ac5f0298935b7c..e05a0ce2445811 100644
--- a/docs/src/pages/components/css-baseline/css-baseline-zh.md
+++ b/docs/src/pages/components/css-baseline/css-baseline-zh.md
@@ -1,11 +1,13 @@
 ---
-components: CssBaseline
+components: CssBaseline, ScopedCssBaseline
 ---
 
-# CSS Baseline（CSS 基线）
+# CSS Baseline 基线
 
 <p class="description">Material-UI 提供了一个 CssBaseline 组件，用于启动一个优雅、一致且简单的基线。</p>
 
+## Global reset
+
 您可能对 [normailize.css](https://github.com/necolas/normalize.css)比较熟悉，而这是一个 HTML 元素和样式规范化的属性的集合。
 
 ```jsx
@@ -22,11 +24,28 @@ export default function MyApp() {
 }
 ```
 
-## 方法
+## Scoping on children
+
+However, you might be progressively migrating a website to Material-UI, using a global reset might not be an option. It's possible to apply the baseline only to the children by using the `ScopedCssBaseline` component.
+
+```jsx
+import React from 'react';
+import ScopedCssBaseline from '@material-ui/core/ScopedCssBaseline';
+
+export default function MyApp() {
+  return (
+    <ScopedCssBaseline>
+      {/* The rest of your application */}
+    </ScopedCssBaseline>
+  );
+}
+```
+
+## Approach
 
 ### 页面
 
-我们更新了 `<html>` 和 `<body>` 元素，这样能够更好地设置页面范围的默认设置。 具体来说：
+The `<html>` and `<body>` elements are updated to provide better page-wide defaults. More specifically:
 
 - 所有浏览器中的边距将会被删除。
 - Material Design 的背景颜色会默认地被应用。 It's using [`theme.palette.background.default`](/customization/default-theme/?expand-path=$.palette.background) for standard devices and a white background for print devices.
@@ -39,5 +58,5 @@ export default function MyApp() {
 
 - 在 `<html>` 里面不会声明基础的 font-size，但是我们假设是 16px (浏览器的默认设置)。 您可以在[主题文档](/customization/typography/#typography-html-font-size) 页面中了解更多有关更改 `<html>` 默认字体大小的影响 。
 - 在 `theme.typography.body2` 元素上设置 `<body>` 样式。
-- 您可以设置 `<b>` 和 `<strong>` 元素的 font-weight 属性为 “bolder”。 Bolder 是其中一种比父元素粗的字体（在字体可选的粗细大小里）。
+- Set the font-weight to `theme.typography.fontWeightBold` for the `<b>` and `<strong>` elements.
 - 字体的平滑化能让 Roboto 字体更好地展示。
\ No newline at end of file
diff --git a/docs/src/pages/components/dialogs/dialogs-zh.md b/docs/src/pages/components/dialogs/dialogs-zh.md
index 3609d89e8823ad..d33a88e59a4088 100644
--- a/docs/src/pages/components/dialogs/dialogs-zh.md
+++ b/docs/src/pages/components/dialogs/dialogs-zh.md
@@ -3,7 +3,7 @@ title: React Dialog（对话框）组件
 components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Slide
 ---
 
-# Dialog（对话框）
+# Dialog 对话框
 
 <p class="description">对话框将一个任务告知给用户，它包含了一些关键信息，需要用户进行确认，或者包含了多个任务。</p>
 
diff --git a/docs/src/pages/components/dividers/dividers-aa.md b/docs/src/pages/components/dividers/dividers-aa.md
index f24144171f9cdb..b0f81e97dd699a 100644
--- a/docs/src/pages/components/dividers/dividers-aa.md
+++ b/docs/src/pages/components/dividers/dividers-aa.md
@@ -33,6 +33,6 @@ crwdns105555:0crwdne105555:0
 
 ## crwdns105557:0crwdne105557:0
 
-crwdns105559:0crwdne105559:0
+crwdns109479:0crwdne109479:0 crwdns109483:0crwdne109483:0
 
 crwdns105561:0crwdne105561:0
\ No newline at end of file
diff --git a/docs/src/pages/components/dividers/dividers-de.md b/docs/src/pages/components/dividers/dividers-de.md
index 5384d5173161e7..4c31697d28ce0e 100644
--- a/docs/src/pages/components/dividers/dividers-de.md
+++ b/docs/src/pages/components/dividers/dividers-de.md
@@ -33,6 +33,6 @@ In einer Liste sollten sie sicherstellen, dass der `Trenner` als `<li>` gerender
 
 ## Vertikale Trennlinien
 
-Sie können einen Trenner auch vertikal mit der `orientation` prop rendern.
+You can also render a divider vertically using the `orientation` prop. Note the use of the `flexItem` prop to accommodate for the flex container.
 
 {{"demo": "pages/components/dividers/VerticalDividers.js", "bg": true}}
\ No newline at end of file
diff --git a/docs/src/pages/components/dividers/dividers-es.md b/docs/src/pages/components/dividers/dividers-es.md
index f218ea94673220..9c21eb21af5788 100644
--- a/docs/src/pages/components/dividers/dividers-es.md
+++ b/docs/src/pages/components/dividers/dividers-es.md
@@ -33,6 +33,6 @@ In a list, you should ensure the `Divider` is rendered as an `<li>` to match the
 
 ## Vertical Dividers
 
-You can also render a divider vertically using the `orientation` prop.
+You can also render a divider vertically using the `orientation` prop. Note the use of the `flexItem` prop to accommodate for the flex container.
 
 {{"demo": "pages/components/dividers/VerticalDividers.js", "bg": true}}
\ No newline at end of file
diff --git a/docs/src/pages/components/dividers/dividers-fr.md b/docs/src/pages/components/dividers/dividers-fr.md
index 6486e65d37f289..eddbb7740b6476 100644
--- a/docs/src/pages/components/dividers/dividers-fr.md
+++ b/docs/src/pages/components/dividers/dividers-fr.md
@@ -33,6 +33,6 @@ In a list, you should ensure the `Divider` is rendered as an `<li>` to match the
 
 ## Vertical Dividers
 
-You can also render a divider vertically using the `orientation` prop.
+You can also render a divider vertically using the `orientation` prop. Note the use of the `flexItem` prop to accommodate for the flex container.
 
 {{"demo": "pages/components/dividers/VerticalDividers.js", "bg": true}}
\ No newline at end of file
diff --git a/docs/src/pages/components/dividers/dividers-ja.md b/docs/src/pages/components/dividers/dividers-ja.md
index 19372074ad7ae2..6aa09b08760c06 100644
--- a/docs/src/pages/components/dividers/dividers-ja.md
+++ b/docs/src/pages/components/dividers/dividers-ja.md
@@ -33,6 +33,6 @@ In a list, you should ensure the `Divider` is rendered as an `<li>` to match the
 
 ## Vertical Dividers
 
-You can also render a divider vertically using the `orientation` prop.
+You can also render a divider vertically using the `orientation` prop. Note the use of the `flexItem` prop to accommodate for the flex container.
 
 {{"demo": "pages/components/dividers/VerticalDividers.js", "bg": true}}
\ No newline at end of file
diff --git a/docs/src/pages/components/dividers/dividers-pt.md b/docs/src/pages/components/dividers/dividers-pt.md
index 3ed7a52a37a0de..f2c43a66e7b5e5 100644
--- a/docs/src/pages/components/dividers/dividers-pt.md
+++ b/docs/src/pages/components/dividers/dividers-pt.md
@@ -33,6 +33,6 @@ Em uma lista, você deve garantir que o `Divisor` seja renderizado como um eleme
 
 ## Vertical Dividers
 
-You can also render a divider vertically using the `orientation` prop.
+You can also render a divider vertically using the `orientation` prop. Note the use of the `flexItem` prop to accommodate for the flex container.
 
 {{"demo": "pages/components/dividers/VerticalDividers.js", "bg": true}}
\ No newline at end of file
diff --git a/docs/src/pages/components/dividers/dividers-ru.md b/docs/src/pages/components/dividers/dividers-ru.md
index de78cf37ad25a4..9976623dfde445 100644
--- a/docs/src/pages/components/dividers/dividers-ru.md
+++ b/docs/src/pages/components/dividers/dividers-ru.md
@@ -33,6 +33,6 @@ In a list, you should ensure the `Divider` is rendered as an `<li>` to match the
 
 ## Vertical Dividers
 
-You can also render a divider vertically using the `orientation` prop.
+You can also render a divider vertically using the `orientation` prop. Note the use of the `flexItem` prop to accommodate for the flex container.
 
 {{"demo": "pages/components/dividers/VerticalDividers.js", "bg": true}}
\ No newline at end of file
diff --git a/docs/src/pages/components/dividers/dividers-zh.md b/docs/src/pages/components/dividers/dividers-zh.md
index 36337e0c665d15..4ab9b7a03830b9 100644
--- a/docs/src/pages/components/dividers/dividers-zh.md
+++ b/docs/src/pages/components/dividers/dividers-zh.md
@@ -3,7 +3,7 @@ title: React Divider（分隔线）组件
 components: Divider
 ---
 
-# Divider (分隔线)
+# Divider 分隔线
 
 <p class="description">分隔线是对列表和布局中的内容进行分组的一条细线。</p>
 
@@ -33,6 +33,6 @@ In a list, you should ensure the `Divider` is rendered as an `<li>` to match the
 
 ## Vertical Dividers
 
-You can also render a divider vertically using the `orientation` prop.
+You can also render a divider vertically using the `orientation` prop. Note the use of the `flexItem` prop to accommodate for the flex container.
 
 {{"demo": "pages/components/dividers/VerticalDividers.js", "bg": true}}
\ No newline at end of file
diff --git a/docs/src/pages/components/drawers/drawers-zh.md b/docs/src/pages/components/drawers/drawers-zh.md
index 5bbbf4b7c1bb21..49c7da0d99df2e 100644
--- a/docs/src/pages/components/drawers/drawers-zh.md
+++ b/docs/src/pages/components/drawers/drawers-zh.md
@@ -3,7 +3,7 @@ title: React Drawer（抽屉）组件
 components: Drawer, SwipeableDrawer
 ---
 
-# Drawer（抽屉）
+# Drawer 抽屉
 
 <p class="description">导航抽屉可以访问您应用中的目标地址。侧边栏包含了补充的内容，而它被固定在屏幕的左侧或右侧。</p>
 
diff --git a/docs/src/pages/components/expansion-panels/expansion-panels-zh.md b/docs/src/pages/components/expansion-panels/expansion-panels-zh.md
index c7879a7d6bef7d..69d98a193d85f4 100644
--- a/docs/src/pages/components/expansion-panels/expansion-panels-zh.md
+++ b/docs/src/pages/components/expansion-panels/expansion-panels-zh.md
@@ -3,7 +3,7 @@ title: React Expansion Panel（扩展面板）组件
 components: ExpansionPanel, ExpansionPanelActions, ExpansionPanelDetails, ExpansionPanelSummary
 ---
 
-# Expansion Panel (拓展面板)
+# Expansion Panel 拓展面板
 
 <p class="description">扩展面板包含了创建流程和轻量地编辑元素。</p>
 
diff --git a/docs/src/pages/components/grid-list/grid-list-zh.md b/docs/src/pages/components/grid-list/grid-list-zh.md
index cd116fd08f4f6c..8b10658b1eb6ab 100644
--- a/docs/src/pages/components/grid-list/grid-list-zh.md
+++ b/docs/src/pages/components/grid-list/grid-list-zh.md
@@ -3,7 +3,7 @@ title: React Grid List（网格列表）组件
 components: GridList, GridListTile, GridListTileBar, ListSubheader, IconButton
 ---
 
-# Grid List（网格列表）
+# Grid List 网格列表
 
 <p class="description">网格列表在一个系统的网格中展示了一系列的图像。</p>
 
diff --git a/docs/src/pages/components/hidden/hidden-zh.md b/docs/src/pages/components/hidden/hidden-zh.md
index 11056b2d877e79..4ee7b147b76686 100644
--- a/docs/src/pages/components/hidden/hidden-zh.md
+++ b/docs/src/pages/components/hidden/hidden-zh.md
@@ -3,7 +3,7 @@ title: React Hidden（隐藏）组件
 components: Hidden
 ---
 
-# Hidden
+# Hidden 隐藏组件
 
 <p class="description">您可以使用我们的隐藏组件来实现快速并响应式地控制元素的显隐。</p>
 
diff --git a/docs/src/pages/components/icons/icons-aa.md b/docs/src/pages/components/icons/icons-aa.md
index 4d1334f70ae377..25457493db9fda 100644
--- a/docs/src/pages/components/icons/icons-aa.md
+++ b/docs/src/pages/components/icons/icons-aa.md
@@ -15,7 +15,7 @@ crwdns103500:0crwdne103500:0
 
 ## crwdns103508:0crwdne103508:0
 
-crwdns103510:0crwdne103510:0 crwdns105937:0crwdne105937:0 crwdns105939:0crwdne105939:0
+crwdns109979:0crwdne109979:0 crwdns105937:0crwdne105937:0 crwdns105939:0crwdne105939:0
 
 ### crwdns102762:0crwdne102762:0
 
@@ -84,7 +84,7 @@ crwdns105997:0{StarIcon}crwdne105997:0
 
 #### crwdns103572:0crwdne103572:0
 
-crwdns106001:0crwdne106001:0
+crwdns109981:0crwdne109981:0
 
 #### crwdns103576:0crwdne103576:0
 
diff --git a/docs/src/pages/components/icons/icons-de.md b/docs/src/pages/components/icons/icons-de.md
index ae714ff87627a1..74e948fe93236a 100644
--- a/docs/src/pages/components/icons/icons-de.md
+++ b/docs/src/pages/components/icons/icons-de.md
@@ -15,7 +15,7 @@ Material-UI provides icons support in three ways:
 
 ## Material Icons
 
-Material Design has standardized over 1,000 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/).
+Material Design has standardized over 1,100 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/).
 
 ### Nutzung
 
@@ -96,7 +96,7 @@ import StarIcon from './star.svg';
 
 #### Material Design (recommended)
 
-Material Design has standardized over [1,000 official icons](#material-icons).
+Material Design has standardized over [1,100 official icons](#material-icons).
 
 #### MDI
 
diff --git a/docs/src/pages/components/icons/icons-es.md b/docs/src/pages/components/icons/icons-es.md
index da50c1d5e5b785..cef019376a148d 100644
--- a/docs/src/pages/components/icons/icons-es.md
+++ b/docs/src/pages/components/icons/icons-es.md
@@ -15,7 +15,7 @@ Material-UI provides icons support in three ways:
 
 ## Material Icons
 
-Material Design has standardized over 1,000 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/).
+Material Design has standardized over 1,100 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/).
 
 ### Implementación
 
@@ -96,7 +96,7 @@ import StarIcon from './star.svg';
 
 #### Material Design (recommended)
 
-Material Design has standardized over [1,000 official icons](#material-icons).
+Material Design has standardized over [1,100 official icons](#material-icons).
 
 #### MDI
 
diff --git a/docs/src/pages/components/icons/icons-fr.md b/docs/src/pages/components/icons/icons-fr.md
index 70ec92dfcbe852..5fadf83e1d69c2 100644
--- a/docs/src/pages/components/icons/icons-fr.md
+++ b/docs/src/pages/components/icons/icons-fr.md
@@ -15,7 +15,7 @@ Material-UI provides icons support in three ways:
 
 ## Icônes Material Ui
 
-Material Design has standardized over 1,000 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/).
+Material Design has standardized over 1,100 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/).
 
 ### Utilisation
 
@@ -96,7 +96,7 @@ import StarIcon from './star.svg';
 
 #### Material Design (recommended)
 
-Material Design has standardized over [1,000 official icons](#material-icons).
+Material Design has standardized over [1,100 official icons](#material-icons).
 
 #### MDI
 
diff --git a/docs/src/pages/components/icons/icons-ja.md b/docs/src/pages/components/icons/icons-ja.md
index 1904e6afa7ab7d..356f707df807de 100644
--- a/docs/src/pages/components/icons/icons-ja.md
+++ b/docs/src/pages/components/icons/icons-ja.md
@@ -15,7 +15,7 @@ Material-UI provides icons support in three ways:
 
 ## マテリアルアイコン（Material Icons）
 
-Material Design has standardized over 1,000 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/).
+Material Design has standardized over 1,100 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/).
 
 ### 使い方
 
@@ -96,7 +96,7 @@ import StarIcon from './star.svg';
 
 #### Material Design (recommended)
 
-Material Design has standardized over [1,000 official icons](#material-icons).
+Material Design has standardized over [1,100 official icons](#material-icons).
 
 #### MDI
 
diff --git a/docs/src/pages/components/icons/icons-pt.md b/docs/src/pages/components/icons/icons-pt.md
index 0107ad63f70748..315683245371a9 100644
--- a/docs/src/pages/components/icons/icons-pt.md
+++ b/docs/src/pages/components/icons/icons-pt.md
@@ -15,7 +15,7 @@ Material-UI fornece suporte de ícones de três maneiras:
 
 ## Ícones Material
 
-O Material Design padronizou mais de 1.000 ícones oficiais, cada um em cinco "temas" diferentes (veja abaixo). Para cada ícone SVG, exportamos o respectivo componente React do pacote @material-ui/icons. You can [search the full list of these icons](/components/material-icons/).
+Material Design has standardized over 1,100 official icons, each in five different "themes" (see below). Para cada ícone SVG, exportamos o respectivo componente React do pacote @material-ui/icons. You can [search the full list of these icons](/components/material-icons/).
 
 ### Utilização
 
@@ -96,7 +96,7 @@ import StarIcon from './star.svg';
 
 #### Material Design (recomendado)
 
-Material Design padronizou mais de [1.000 ícones oficiais](#material-icons).
+Material Design has standardized over [1,100 official icons](#material-icons).
 
 #### MDI
 
diff --git a/docs/src/pages/components/icons/icons-ru.md b/docs/src/pages/components/icons/icons-ru.md
index feefd81ddd964f..3ca0667d0d0986 100644
--- a/docs/src/pages/components/icons/icons-ru.md
+++ b/docs/src/pages/components/icons/icons-ru.md
@@ -15,7 +15,7 @@ Material-UI обеспечивает поддержку иконок тремя
 
 ## Material Icons
 
-Material Design has standardized over 1,000 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/).
+Material Design has standardized over 1,100 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/).
 
 ### Использование
 
@@ -96,7 +96,7 @@ import StarIcon from './star.svg';
 
 #### Material Design (recommended)
 
-Material Design has standardized over [1,000 official icons](#material-icons).
+Material Design has standardized over [1,100 official icons](#material-icons).
 
 #### MDI
 
diff --git a/docs/src/pages/components/icons/icons-zh.md b/docs/src/pages/components/icons/icons-zh.md
index 2eac96c710e06b..3df3bccaef03f9 100644
--- a/docs/src/pages/components/icons/icons-zh.md
+++ b/docs/src/pages/components/icons/icons-zh.md
@@ -3,7 +3,7 @@ title: React Icon（图标）组件
 components: Icon, SvgIcon
 ---
 
-# Icons（图标）
+# Icons 图标
 
 <p class="description">一些在 Material-UI 中使用图标的建议和指导。</p>
 
@@ -15,7 +15,7 @@ Material-UI通过三种方式提供图标支持：
 
 ## Material Icons (材料图标)
 
-Material Design已经标准化了1,000多个官方图标，每个图标都有五个不同的“主题”(见下文)。 对于每个SVG图标，我们从 @ material-ui/icons 包中导出相应的React组件。 You can [search the full list of these icons](/components/material-icons/).
+Material Design has standardized over 1,100 official icons, each in five different "themes" (see below). 对于每个SVG图标，我们从 @ material-ui/icons 包中导出相应的React组件。 You can [search the full list of these icons](/components/material-icons/).
 
 ### 使用
 
@@ -96,7 +96,7 @@ import StarIcon from './star.svg';
 
 #### Material Design (recommended)
 
-Material Design has standardized over [1,000 official icons](#material-icons).
+Material Design has standardized over [1,100 official icons](#material-icons).
 
 #### MDI
 
diff --git a/docs/src/pages/components/links/links-zh.md b/docs/src/pages/components/links/links-zh.md
index 62af01f3de2165..c2a0de1edad6d5 100644
--- a/docs/src/pages/components/links/links-zh.md
+++ b/docs/src/pages/components/links/links-zh.md
@@ -2,7 +2,7 @@
 components: Link
 ---
 
-# 链接
+# Link 链接
 
 <p class="description">链接（Links）组件允许您使用主题颜色和版面设计轻松自定义锚定元素。</p>
 
diff --git a/docs/src/pages/components/lists/lists-zh.md b/docs/src/pages/components/lists/lists-zh.md
index d960975f0f05c5..5b84c02b6d3d49 100644
--- a/docs/src/pages/components/lists/lists-zh.md
+++ b/docs/src/pages/components/lists/lists-zh.md
@@ -3,7 +3,7 @@ title: React List（列表）组件
 components: Collapse, Divider, List, ListItem, ListItemAvatar, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader
 ---
 
-# Lists（列表）
+# Lists 列表
 
 <p class="description">列表是对文本或图像的连续、垂直的索引。</p>
 
@@ -67,7 +67,7 @@ The checkbox is the primary action and the state indicator for the list item. Th
 
 {{"demo": "pages/components/lists/CheckboxListSecondary.js", "bg": true}}
 
-### Switch （开关）
+### Switch
 
 该开关是辅助操作和单独的目标。
 
diff --git a/docs/src/pages/components/material-icons/material-icons-aa.md b/docs/src/pages/components/material-icons/material-icons-aa.md
index 9e02df84d74f9f..419deb827351b0 100644
--- a/docs/src/pages/components/material-icons/material-icons-aa.md
+++ b/docs/src/pages/components/material-icons/material-icons-aa.md
@@ -5,9 +5,9 @@ components: crwdns100256:0crwdne100256:0
 
 # crwdns100258:0crwdne100258:0
 
-<p class="description">crwdns100260:0crwdne100260:0</p>
+<p class="description">crwdns109983:0crwdne109983:0</p>
 
-crwdns100262:0crwdne100262:0
+crwdns109985:0crwdne109985:0
 
 crwdns105621:0crwdne105621:0
 
diff --git a/docs/src/pages/components/material-icons/material-icons-de.md b/docs/src/pages/components/material-icons/material-icons-de.md
index 15accf4a319d29..5bfa7ce522ba70 100644
--- a/docs/src/pages/components/material-icons/material-icons-de.md
+++ b/docs/src/pages/components/material-icons/material-icons-de.md
@@ -5,9 +5,9 @@ components: Icon, SvgIcon
 
 # Material Icons
 
-<p class="description">Mehr als 1000 React Material Icons werden von der offiziellen Webseite zur Verfügung gestellt.</p>
+<p class="description">1,100+ React Material icons ready to use from the official website.</p>
 
-The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,000+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components.
+The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,100+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components.
 
 {{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}}
 
diff --git a/docs/src/pages/components/material-icons/material-icons-es.md b/docs/src/pages/components/material-icons/material-icons-es.md
index 4c1dacb6d4272d..ad8cab3f3e11b6 100644
--- a/docs/src/pages/components/material-icons/material-icons-es.md
+++ b/docs/src/pages/components/material-icons/material-icons-es.md
@@ -5,9 +5,9 @@ components: Icon, SvgIcon
 
 # Material Icons
 
-<p class="description">Más de 1,000 iconos de Material React listos para usar desde el sitio web oficial.</p>
+<p class="description">1,100+ React Material icons ready to use from the official website.</p>
 
-El siguiente paquete npm, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), incluye más de 1,000 [Material icons](https://material.io/tools/icons/?style=baseline) oficiales convertidos a componentes [`SvgIcon`](/api/svg-icon/).
+The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,100+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components.
 
 {{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}}
 
diff --git a/docs/src/pages/components/material-icons/material-icons-fr.md b/docs/src/pages/components/material-icons/material-icons-fr.md
index 1abdbe9f9528b0..b2dfd0f1997bf3 100644
--- a/docs/src/pages/components/material-icons/material-icons-fr.md
+++ b/docs/src/pages/components/material-icons/material-icons-fr.md
@@ -5,9 +5,9 @@ components: Icones, SvgIcon
 
 # Icônes Material Ui
 
-<p class="description">Plus de 1000 Icônes Material conçues pour React sont disponibles depuis le site officiel.</p>
+<p class="description">1,100+ React Material icons ready to use from the official website.</p>
 
-Le package [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons) inclut plus de 1000 [Icones Material Ui](https://material.io/tools/icons/?style=baseline) officielles converties en composants [`SvgIcon`](/api/svg-icon/).
+The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,100+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components.
 
 {{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}}
 
diff --git a/docs/src/pages/components/material-icons/material-icons-ja.md b/docs/src/pages/components/material-icons/material-icons-ja.md
index 0f5c3de7b15c9f..59900a90762108 100644
--- a/docs/src/pages/components/material-icons/material-icons-ja.md
+++ b/docs/src/pages/components/material-icons/material-icons-ja.md
@@ -5,9 +5,9 @@ components: Icon, SvgIcon
 
 # マテリアルアイコン（Material Icons）
 
-<p class="description">1,000+ React Material icons ready to use from the official website.</p>
+<p class="description">1,100+ React Material icons ready to use from the official website.</p>
 
-The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,000+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components.
+The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,100+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components.
 
 {{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}}
 
diff --git a/docs/src/pages/components/material-icons/material-icons-pt.md b/docs/src/pages/components/material-icons/material-icons-pt.md
index 6c7135e5f797e9..e0cd4ee64c5c59 100644
--- a/docs/src/pages/components/material-icons/material-icons-pt.md
+++ b/docs/src/pages/components/material-icons/material-icons-pt.md
@@ -5,9 +5,9 @@ components: Icon, SvgIcon
 
 # Ícones Material
 
-<p class="description">Mais de 1.000 ícones React, oficiais do Material e prontos para uso.</p>
+<p class="description">1,100+ React Material icons ready to use from the official website.</p>
 
-O pacote npm a seguir, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), inclui os mais de 1,000 [Ícones Material](https://material.io/tools/icons/?style=baseline) oficiais, convertidos para componentes [`SvgIcon`](/api/svg-icon/).
+The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,100+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components.
 
 {{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}}
 
diff --git a/docs/src/pages/components/material-icons/material-icons-ru.md b/docs/src/pages/components/material-icons/material-icons-ru.md
index c5d5f22a7ab064..5bfa7ce522ba70 100644
--- a/docs/src/pages/components/material-icons/material-icons-ru.md
+++ b/docs/src/pages/components/material-icons/material-icons-ru.md
@@ -5,9 +5,9 @@ components: Icon, SvgIcon
 
 # Material Icons
 
-<p class="description">1,000+ React Material icons ready to use from the official website.</p>
+<p class="description">1,100+ React Material icons ready to use from the official website.</p>
 
-The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,000+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components.
+The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,100+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components.
 
 {{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}}
 
diff --git a/docs/src/pages/components/material-icons/material-icons-zh.md b/docs/src/pages/components/material-icons/material-icons-zh.md
index 074a84ddf87698..e2240cec6208db 100644
--- a/docs/src/pages/components/material-icons/material-icons-zh.md
+++ b/docs/src/pages/components/material-icons/material-icons-zh.md
@@ -3,11 +3,11 @@ title: Material Icons (材料图标)
 components: Icon, SvgIcon
 ---
 
-# Material Icons (材料图标)
+# Material Icons 材料图标
 
-<p class="description">可以从官方网站上使用超过1,000个React Material图标。</p>
+<p class="description">1,100+ React Material icons ready to use from the official website.</p>
 
-我们提供[@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons)这样一个单独的 npm 包，其中包括1000多个已转换为 Svg 图标`SvgIcon` [材料图标](https://material.io/tools/icons/?style=baseline)。</p> 
+The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), includes the 1,100+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components.
 
 {{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}}
 
diff --git a/docs/src/pages/components/menus/menus-zh.md b/docs/src/pages/components/menus/menus-zh.md
index 80c4d4baf8ff5e..393cde8dc4b94d 100644
--- a/docs/src/pages/components/menus/menus-zh.md
+++ b/docs/src/pages/components/menus/menus-zh.md
@@ -3,7 +3,7 @@ title: React Menu（菜单）组件
 components: Menu, MenuItem, MenuList, ClickAwayListener, Popover, Popper
 ---
 
-# Menus（菜单）
+# Menus 菜单
 
 <p class="description">菜单在临时出现的位置上展示一系列的选项列表。</p>
 
diff --git a/docs/src/pages/components/modal/modal-zh.md b/docs/src/pages/components/modal/modal-zh.md
index e751fa1988b626..907b0393558470 100644
--- a/docs/src/pages/components/modal/modal-zh.md
+++ b/docs/src/pages/components/modal/modal-zh.md
@@ -3,7 +3,7 @@ title: 模态框 React 组件
 components: Modal
 ---
 
-# Modal
+# Modal 模态框
 
 <p class="description">模态框组件可以用来快速创建对话框、弹出窗口，灯箱等任何你所需的组件。</p>
 
diff --git a/docs/src/pages/components/no-ssr/no-ssr-zh.md b/docs/src/pages/components/no-ssr/no-ssr-zh.md
index 893e0719f40af6..c1048e64733bfb 100644
--- a/docs/src/pages/components/no-ssr/no-ssr-zh.md
+++ b/docs/src/pages/components/no-ssr/no-ssr-zh.md
@@ -3,7 +3,7 @@ title: 没有SSR React组件
 components: NoSsr
 ---
 
-# 没有SSR
+# SSR 没有
 
 <p class="description">NoSsr故意从服务器端渲染（SSR）主题中删除组件。</p>
 
diff --git a/docs/src/pages/components/pagination/pagination-aa.md b/docs/src/pages/components/pagination/pagination-aa.md
new file mode 100644
index 00000000000000..adc92ff753b7fb
--- /dev/null
+++ b/docs/src/pages/components/pagination/pagination-aa.md
@@ -0,0 +1,66 @@
+---
+title: crwdns109415:0crwdne109415:0
+components: crwdns109417:0crwdne109417:0
+---
+
+# crwdns109419:0crwdne109419:0
+
+<p class="description">crwdns109421:0crwdne109421:0</p>
+
+## crwdns109527:0crwdne109527:0
+
+crwdns109425:0crwdne109425:0
+
+## crwdns109427:0crwdne109427:0
+
+crwdns109429:0crwdne109429:0
+
+## crwdns109431:0crwdne109431:0
+
+crwdns109433:0crwdne109433:0
+
+## crwdns109435:0crwdne109435:0
+
+crwdns109437:0crwdne109437:0
+
+## crwdns109439:0crwdne109439:0
+
+crwdns109441:0crwdne109441:0
+
+crwdns109443:0crwdne109443:0
+
+## crwdns109445:0crwdne109445:0
+
+crwdns109447:0crwdne109447:0
+
+crwdns109449:0crwdne109449:0
+
+## crwdns109451:0crwdne109451:0
+
+crwdns109453:0crwdne109453:0
+
+## crwdns109455:0crwdne109455:0
+
+crwdns109457:0crwdne109457:0
+
+crwdns109459:0crwdne109459:0
+
+## `crwdns109529:0crwdne109529:0`
+
+crwdns109531:0crwdne109531:0 crwdns109533:0crwdne109533:0 crwdns109535:0crwdne109535:0
+
+```jsx
+crwdns109537:0{ usePagination }crwdne109537:0
+```
+
+crwdns109539:0crwdne109539:0
+
+## crwdns109541:0crwdne109541:0
+
+### crwdns109467:0crwdne109467:0
+
+crwdns109469:0crwdne109469:0 crwdns109471:0crwdne109471:0 crwdns109473:0crwdne109473:0
+
+### crwdns109475:0crwdne109475:0
+
+crwdns109477:0crwdne109477:0
diff --git a/docs/src/pages/components/pagination/pagination-de.md b/docs/src/pages/components/pagination/pagination-de.md
new file mode 100644
index 00000000000000..2d305a7ff99cf5
--- /dev/null
+++ b/docs/src/pages/components/pagination/pagination-de.md
@@ -0,0 +1,66 @@
+---
+title: Pagination React component
+components: Pagination, PaginationItem
+---
+
+# Paginierung
+
+<p class="description">The Pagination component enables the user to select a specific page from a range of pages.</p>
+
+## Basic pagination
+
+{{"demo": "pages/components/pagination/BasicPagination.js"}}
+
+## Outlined pagination
+
+{{"demo": "pages/components/pagination/PaginationOutlined.js"}}
+
+## Rounded pagination
+
+{{"demo": "pages/components/pagination/PaginationRounded.js"}}
+
+## Pagination size
+
+{{"demo": "pages/components/pagination/PaginationSize.js"}}
+
+## Buttons
+
+You can optionally enable first-page and last-page buttons, or disable the previous-page and next-page buttons.
+
+{{"demo": "pages/components/pagination/PaginationButtons.js"}}
+
+## Pagination ranges
+
+You can specify how many digits to display either side of current page with the `siblingRange` prop, and adjacent to the start and end page number with the `boundaryRange` prop.
+
+{{"demo": "pages/components/pagination/PaginationRanges.js"}}
+
+## Controlled pagination
+
+{{"demo": "pages/components/pagination/PaginationControlled.js"}}
+
+## Router integration
+
+Pagination supports two approaches for Router integration, the `renderItem` prop:
+
+{{"demo": "pages/components/pagination/PaginationLink.js"}}
+
+## `usePagination`
+
+For advanced customization use cases, we expose a `usePagination()` hook. It accepts almost the same options as the Pagination component minus all the props related to the rendering of JSX. The Pagination component uses this hook internally.
+
+```jsx
+import { usePagination } from '@material-ui/lab/Pagination';
+```
+
+{{"demo": "pages/components/pagination/UsePagination.js"}}
+
+## Barrierefreiheit
+
+### ARIA
+
+The root node has a role of "navigation" and aria-label "pagination navigation" by default. The page items have an aria-label that identifies the purpose of the item ("go to first page", "go to previous page", "go to page 1" etc.). You can override these using the `getItemAriaLabel` prop.
+
+### Keyboard
+
+The pagination items are in tab order, with a tabindex of "0".
diff --git a/docs/src/pages/components/pagination/pagination-es.md b/docs/src/pages/components/pagination/pagination-es.md
new file mode 100644
index 00000000000000..280d7d308cd4d4
--- /dev/null
+++ b/docs/src/pages/components/pagination/pagination-es.md
@@ -0,0 +1,66 @@
+---
+title: Pagination React component
+components: Pagination, PaginationItem
+---
+
+# Pagination
+
+<p class="description">The Pagination component enables the user to select a specific page from a range of pages.</p>
+
+## Basic pagination
+
+{{"demo": "pages/components/pagination/BasicPagination.js"}}
+
+## Outlined pagination
+
+{{"demo": "pages/components/pagination/PaginationOutlined.js"}}
+
+## Rounded pagination
+
+{{"demo": "pages/components/pagination/PaginationRounded.js"}}
+
+## Pagination size
+
+{{"demo": "pages/components/pagination/PaginationSize.js"}}
+
+## Buttons
+
+You can optionally enable first-page and last-page buttons, or disable the previous-page and next-page buttons.
+
+{{"demo": "pages/components/pagination/PaginationButtons.js"}}
+
+## Pagination ranges
+
+You can specify how many digits to display either side of current page with the `siblingRange` prop, and adjacent to the start and end page number with the `boundaryRange` prop.
+
+{{"demo": "pages/components/pagination/PaginationRanges.js"}}
+
+## Controlled pagination
+
+{{"demo": "pages/components/pagination/PaginationControlled.js"}}
+
+## Router integration
+
+Pagination supports two approaches for Router integration, the `renderItem` prop:
+
+{{"demo": "pages/components/pagination/PaginationLink.js"}}
+
+## `usePagination`
+
+For advanced customization use cases, we expose a `usePagination()` hook. It accepts almost the same options as the Pagination component minus all the props related to the rendering of JSX. The Pagination component uses this hook internally.
+
+```jsx
+import { usePagination } from '@material-ui/lab/Pagination';
+```
+
+{{"demo": "pages/components/pagination/UsePagination.js"}}
+
+## Accesibilidad
+
+### ARIA
+
+The root node has a role of "navigation" and aria-label "pagination navigation" by default. The page items have an aria-label that identifies the purpose of the item ("go to first page", "go to previous page", "go to page 1" etc.). You can override these using the `getItemAriaLabel` prop.
+
+### Keyboard
+
+The pagination items are in tab order, with a tabindex of "0".
diff --git a/docs/src/pages/components/pagination/pagination-fr.md b/docs/src/pages/components/pagination/pagination-fr.md
new file mode 100644
index 00000000000000..f9cb75b9a276a2
--- /dev/null
+++ b/docs/src/pages/components/pagination/pagination-fr.md
@@ -0,0 +1,66 @@
+---
+title: Pagination React component
+components: Pagination, PaginationItem
+---
+
+# Pagination
+
+<p class="description">The Pagination component enables the user to select a specific page from a range of pages.</p>
+
+## Basic pagination
+
+{{"demo": "pages/components/pagination/BasicPagination.js"}}
+
+## Outlined pagination
+
+{{"demo": "pages/components/pagination/PaginationOutlined.js"}}
+
+## Rounded pagination
+
+{{"demo": "pages/components/pagination/PaginationRounded.js"}}
+
+## Pagination size
+
+{{"demo": "pages/components/pagination/PaginationSize.js"}}
+
+## Buttons
+
+You can optionally enable first-page and last-page buttons, or disable the previous-page and next-page buttons.
+
+{{"demo": "pages/components/pagination/PaginationButtons.js"}}
+
+## Pagination ranges
+
+You can specify how many digits to display either side of current page with the `siblingRange` prop, and adjacent to the start and end page number with the `boundaryRange` prop.
+
+{{"demo": "pages/components/pagination/PaginationRanges.js"}}
+
+## Controlled pagination
+
+{{"demo": "pages/components/pagination/PaginationControlled.js"}}
+
+## Router integration
+
+Pagination supports two approaches for Router integration, the `renderItem` prop:
+
+{{"demo": "pages/components/pagination/PaginationLink.js"}}
+
+## `usePagination`
+
+For advanced customization use cases, we expose a `usePagination()` hook. It accepts almost the same options as the Pagination component minus all the props related to the rendering of JSX. The Pagination component uses this hook internally.
+
+```jsx
+import { usePagination } from '@material-ui/lab/Pagination';
+```
+
+{{"demo": "pages/components/pagination/UsePagination.js"}}
+
+## Accessibilité
+
+### ARIA
+
+The root node has a role of "navigation" and aria-label "pagination navigation" by default. The page items have an aria-label that identifies the purpose of the item ("go to first page", "go to previous page", "go to page 1" etc.). You can override these using the `getItemAriaLabel` prop.
+
+### Keyboard
+
+The pagination items are in tab order, with a tabindex of "0".
diff --git a/docs/src/pages/components/pagination/pagination-ja.md b/docs/src/pages/components/pagination/pagination-ja.md
new file mode 100644
index 00000000000000..991acd84a4920d
--- /dev/null
+++ b/docs/src/pages/components/pagination/pagination-ja.md
@@ -0,0 +1,66 @@
+---
+title: Pagination React component
+components: Pagination, PaginationItem
+---
+
+# Pagination
+
+<p class="description">The Pagination component enables the user to select a specific page from a range of pages.</p>
+
+## Basic pagination
+
+{{"demo": "pages/components/pagination/BasicPagination.js"}}
+
+## Outlined pagination
+
+{{"demo": "pages/components/pagination/PaginationOutlined.js"}}
+
+## Rounded pagination
+
+{{"demo": "pages/components/pagination/PaginationRounded.js"}}
+
+## Pagination size
+
+{{"demo": "pages/components/pagination/PaginationSize.js"}}
+
+## Buttons
+
+You can optionally enable first-page and last-page buttons, or disable the previous-page and next-page buttons.
+
+{{"demo": "pages/components/pagination/PaginationButtons.js"}}
+
+## Pagination ranges
+
+You can specify how many digits to display either side of current page with the `siblingRange` prop, and adjacent to the start and end page number with the `boundaryRange` prop.
+
+{{"demo": "pages/components/pagination/PaginationRanges.js"}}
+
+## Controlled pagination
+
+{{"demo": "pages/components/pagination/PaginationControlled.js"}}
+
+## Router integration
+
+Pagination supports two approaches for Router integration, the `renderItem` prop:
+
+{{"demo": "pages/components/pagination/PaginationLink.js"}}
+
+## `usePagination`
+
+For advanced customization use cases, we expose a `usePagination()` hook. It accepts almost the same options as the Pagination component minus all the props related to the rendering of JSX. The Pagination component uses this hook internally.
+
+```jsx
+import { usePagination } from '@material-ui/lab/Pagination';
+```
+
+{{"demo": "pages/components/pagination/UsePagination.js"}}
+
+## アクセシビリティ
+
+### ARIA
+
+The root node has a role of "navigation" and aria-label "pagination navigation" by default. The page items have an aria-label that identifies the purpose of the item ("go to first page", "go to previous page", "go to page 1" etc.). You can override these using the `getItemAriaLabel` prop.
+
+### Keyboard
+
+The pagination items are in tab order, with a tabindex of "0".
diff --git a/docs/src/pages/components/pagination/pagination-pt.md b/docs/src/pages/components/pagination/pagination-pt.md
new file mode 100644
index 00000000000000..4a1aebd25d6107
--- /dev/null
+++ b/docs/src/pages/components/pagination/pagination-pt.md
@@ -0,0 +1,66 @@
+---
+title: Pagination React component
+components: Pagination, PaginationItem
+---
+
+# Pagination
+
+<p class="description">The Pagination component enables the user to select a specific page from a range of pages.</p>
+
+## Basic pagination
+
+{{"demo": "pages/components/pagination/BasicPagination.js"}}
+
+## Outlined pagination
+
+{{"demo": "pages/components/pagination/PaginationOutlined.js"}}
+
+## Rounded pagination
+
+{{"demo": "pages/components/pagination/PaginationRounded.js"}}
+
+## Pagination size
+
+{{"demo": "pages/components/pagination/PaginationSize.js"}}
+
+## Buttons
+
+You can optionally enable first-page and last-page buttons, or disable the previous-page and next-page buttons.
+
+{{"demo": "pages/components/pagination/PaginationButtons.js"}}
+
+## Pagination ranges
+
+You can specify how many digits to display either side of current page with the `siblingRange` prop, and adjacent to the start and end page number with the `boundaryRange` prop.
+
+{{"demo": "pages/components/pagination/PaginationRanges.js"}}
+
+## Controlled pagination
+
+{{"demo": "pages/components/pagination/PaginationControlled.js"}}
+
+## Router integration
+
+Pagination supports two approaches for Router integration, the `renderItem` prop:
+
+{{"demo": "pages/components/pagination/PaginationLink.js"}}
+
+## `usePagination`
+
+For advanced customization use cases, we expose a `usePagination()` hook. It accepts almost the same options as the Pagination component minus all the props related to the rendering of JSX. The Pagination component uses this hook internally.
+
+```jsx
+import { usePagination } from '@material-ui/lab/Pagination';
+```
+
+{{"demo": "pages/components/pagination/UsePagination.js"}}
+
+## Acessibilidade
+
+### ARIA
+
+The root node has a role of "navigation" and aria-label "pagination navigation" by default. The page items have an aria-label that identifies the purpose of the item ("go to first page", "go to previous page", "go to page 1" etc.). You can override these using the `getItemAriaLabel` prop.
+
+### Keyboard
+
+The pagination items are in tab order, with a tabindex of "0".
diff --git a/docs/src/pages/components/pagination/pagination-ru.md b/docs/src/pages/components/pagination/pagination-ru.md
new file mode 100644
index 00000000000000..b665c0ff3cbf5c
--- /dev/null
+++ b/docs/src/pages/components/pagination/pagination-ru.md
@@ -0,0 +1,66 @@
+---
+title: Pagination React component
+components: Pagination, PaginationItem
+---
+
+# Pagination
+
+<p class="description">The Pagination component enables the user to select a specific page from a range of pages.</p>
+
+## Basic pagination
+
+{{"demo": "pages/components/pagination/BasicPagination.js"}}
+
+## Outlined pagination
+
+{{"demo": "pages/components/pagination/PaginationOutlined.js"}}
+
+## Rounded pagination
+
+{{"demo": "pages/components/pagination/PaginationRounded.js"}}
+
+## Pagination size
+
+{{"demo": "pages/components/pagination/PaginationSize.js"}}
+
+## Buttons
+
+You can optionally enable first-page and last-page buttons, or disable the previous-page and next-page buttons.
+
+{{"demo": "pages/components/pagination/PaginationButtons.js"}}
+
+## Pagination ranges
+
+You can specify how many digits to display either side of current page with the `siblingRange` prop, and adjacent to the start and end page number with the `boundaryRange` prop.
+
+{{"demo": "pages/components/pagination/PaginationRanges.js"}}
+
+## Controlled pagination
+
+{{"demo": "pages/components/pagination/PaginationControlled.js"}}
+
+## Router integration
+
+Pagination supports two approaches for Router integration, the `renderItem` prop:
+
+{{"demo": "pages/components/pagination/PaginationLink.js"}}
+
+## `usePagination`
+
+For advanced customization use cases, we expose a `usePagination()` hook. It accepts almost the same options as the Pagination component minus all the props related to the rendering of JSX. The Pagination component uses this hook internally.
+
+```jsx
+import { usePagination } from '@material-ui/lab/Pagination';
+```
+
+{{"demo": "pages/components/pagination/UsePagination.js"}}
+
+## Доступность
+
+### ARIA
+
+The root node has a role of "navigation" and aria-label "pagination navigation" by default. The page items have an aria-label that identifies the purpose of the item ("go to first page", "go to previous page", "go to page 1" etc.). You can override these using the `getItemAriaLabel` prop.
+
+### Keyboard
+
+The pagination items are in tab order, with a tabindex of "0".
diff --git a/docs/src/pages/components/pagination/pagination-zh.md b/docs/src/pages/components/pagination/pagination-zh.md
new file mode 100644
index 00000000000000..ed897b5abdbf75
--- /dev/null
+++ b/docs/src/pages/components/pagination/pagination-zh.md
@@ -0,0 +1,66 @@
+---
+title: Pagination React component
+components: Pagination, PaginationItem
+---
+
+# Pagination
+
+<p class="description">The Pagination component enables the user to select a specific page from a range of pages.</p>
+
+## Basic pagination
+
+{{"demo": "pages/components/pagination/BasicPagination.js"}}
+
+## Outlined pagination
+
+{{"demo": "pages/components/pagination/PaginationOutlined.js"}}
+
+## Rounded pagination
+
+{{"demo": "pages/components/pagination/PaginationRounded.js"}}
+
+## Pagination size
+
+{{"demo": "pages/components/pagination/PaginationSize.js"}}
+
+## Buttons
+
+You can optionally enable first-page and last-page buttons, or disable the previous-page and next-page buttons.
+
+{{"demo": "pages/components/pagination/PaginationButtons.js"}}
+
+## Pagination ranges
+
+You can specify how many digits to display either side of current page with the `siblingRange` prop, and adjacent to the start and end page number with the `boundaryRange` prop.
+
+{{"demo": "pages/components/pagination/PaginationRanges.js"}}
+
+## Controlled pagination
+
+{{"demo": "pages/components/pagination/PaginationControlled.js"}}
+
+## Router integration
+
+Pagination supports two approaches for Router integration, the `renderItem` prop:
+
+{{"demo": "pages/components/pagination/PaginationLink.js"}}
+
+## `usePagination`
+
+For advanced customization use cases, we expose a `usePagination()` hook. It accepts almost the same options as the Pagination component minus all the props related to the rendering of JSX. The Pagination component uses this hook internally.
+
+```jsx
+import { usePagination } from '@material-ui/lab/Pagination';
+```
+
+{{"demo": "pages/components/pagination/UsePagination.js"}}
+
+## 可访问性
+
+### ARIA
+
+The root node has a role of "navigation" and aria-label "pagination navigation" by default. The page items have an aria-label that identifies the purpose of the item ("go to first page", "go to previous page", "go to page 1" etc.). You can override these using the `getItemAriaLabel` prop.
+
+### Keyboard
+
+The pagination items are in tab order, with a tabindex of "0".
diff --git a/docs/src/pages/components/paper/paper-zh.md b/docs/src/pages/components/paper/paper-zh.md
index 695d0e62587cf0..c258ac9b205694 100644
--- a/docs/src/pages/components/paper/paper-zh.md
+++ b/docs/src/pages/components/paper/paper-zh.md
@@ -3,7 +3,7 @@ title: React Paper（纸张）组件
 components: Paper
 ---
 
-# Paper
+# Paper 纸张
 
 <p class="description">在 Material Design 中，我们在屏幕上展现了纸张的物理属性。 </p>
 
@@ -11,7 +11,7 @@ components: Paper
 
 {{"demo": "pages/components/paper/SimplePaper.js", "bg": true}}
 
-## 变种(Variants)
+## 变种
 
 If you need an outlined surface, use the `variant` prop.
 
diff --git a/docs/src/pages/components/pickers/pickers-zh.md b/docs/src/pages/components/pickers/pickers-zh.md
index af840a23895038..2961ca674211e0 100644
--- a/docs/src/pages/components/pickers/pickers-zh.md
+++ b/docs/src/pages/components/pickers/pickers-zh.md
@@ -3,7 +3,7 @@ title: Date picker, Time picker React components
 components: TextField
 ---
 
-# 日期/时间选择器
+# Date / Time pickers 日期/时间选择器
 
 <p class="description">日期选择器和时间选择器提供了一种从预定集中选择单个值的简单方法。</p>
 
diff --git a/docs/src/pages/components/popover/popover-zh.md b/docs/src/pages/components/popover/popover-zh.md
index 8c4e84339925b3..7b7a8620f632c8 100644
--- a/docs/src/pages/components/popover/popover-zh.md
+++ b/docs/src/pages/components/popover/popover-zh.md
@@ -3,7 +3,7 @@ title: 气泡卡片 React 组件
 components: Grow, Popover
 ---
 
-# 弹出框 (Popover)
+# Popover 弹出框
 
 <p class="description">弹出框可用于在元素边缘显示某些内容。</p>
 
diff --git a/docs/src/pages/components/popper/popper-zh.md b/docs/src/pages/components/popper/popper-zh.md
index 4ccc38f1f89ff3..c165e8b2d5797f 100644
--- a/docs/src/pages/components/popper/popper-zh.md
+++ b/docs/src/pages/components/popper/popper-zh.md
@@ -3,7 +3,7 @@ title: 弹出器 React 组件
 components: Popper
 ---
 
-# Popper
+# Popper 弹出提示
 
 <p class="description">A Popper can be used to display some content on top of another. It's an alternative to react-popper.</p>
 
diff --git a/docs/src/pages/components/portal/portal-zh.md b/docs/src/pages/components/portal/portal-zh.md
index b1effe1ef73328..6af7e325b2db2b 100644
--- a/docs/src/pages/components/portal/portal-zh.md
+++ b/docs/src/pages/components/portal/portal-zh.md
@@ -3,7 +3,7 @@ title: React Portal 组件
 components: Portal
 ---
 
-# Portal
+# Portal 传送门
 
 <p class="description">Portal 组件将其子节点渲染到当前组件层次结构之外的新 "子树" 中。</p>
 
diff --git a/docs/src/pages/components/progress/progress-zh.md b/docs/src/pages/components/progress/progress-zh.md
index 643c4692d55d65..171aaf49894093 100644
--- a/docs/src/pages/components/progress/progress-zh.md
+++ b/docs/src/pages/components/progress/progress-zh.md
@@ -3,7 +3,7 @@ title: React Circular Progress（环形进度条）、Linear Progress（线形
 components: CircularProgress, LinearProgress
 ---
 
-# Progress（进度条）
+# Progress 进度条
 
 <p class="description">Progress indicators commonly known as spinners, express an unspecified wait time or display the length of a process. The animation works with CSS, not JavaScript.</p>
 
diff --git a/docs/src/pages/components/radio-buttons/radio-buttons-zh.md b/docs/src/pages/components/radio-buttons/radio-buttons-zh.md
index ee43ccf9d3f9cd..0319659ac2aad0 100644
--- a/docs/src/pages/components/radio-buttons/radio-buttons-zh.md
+++ b/docs/src/pages/components/radio-buttons/radio-buttons-zh.md
@@ -3,7 +3,7 @@ title: React Radio buttons（单选按钮）组件
 components: Radio, RadioGroup, FormControl, FormLabel, FormControlLabel
 ---
 
-# Radio（单选框）
+# Radio 单选框
 
 <p class="description">用户可以通过单选按钮从一组中选择一个选项。</p>
 
diff --git a/docs/src/pages/components/rating/rating-zh.md b/docs/src/pages/components/rating/rating-zh.md
index 60a8724bd0c267..2b4a94e42310e1 100644
--- a/docs/src/pages/components/rating/rating-zh.md
+++ b/docs/src/pages/components/rating/rating-zh.md
@@ -3,7 +3,7 @@ title: Rating React component
 components: Rating
 ---
 
-# Rating (评分)
+# Rating 评分
 
 <p class="description">Ratings provide insight regarding others’ opinions and experiences with a product. Users can also rate products they’ve purchased.</p>
 
diff --git a/docs/src/pages/components/selects/selects-aa.md b/docs/src/pages/components/selects/selects-aa.md
index dbc6701b36fa84..16bd7ddcc66b24 100644
--- a/docs/src/pages/components/selects/selects-aa.md
+++ b/docs/src/pages/components/selects/selects-aa.md
@@ -13,57 +13,63 @@ crwdns91546:0crwdne91546:0
 
 crwdns91548:0crwdne91548:0
 
-## crwdns91550:0crwdne91550:0
+## crwdns109987:0crwdne109987:0
 
-crwdns91552:0crwdne91552:0
+crwdns109989:0crwdne109989:0
 
-crwdns91554:0crwdne91554:0
+crwdns109991:0crwdne109991:0 crwdns109993:0crwdne109993:0
 
-## crwdns104638:0crwdne104638:0
+## crwdns109995:0crwdne109995:0
 
-crwdns104640:0crwdne104640:0 crwdns104642:0crwdne104642:0
+crwdns109997:0crwdne109997:0
 
-## crwdns104644:0crwdne104644:0
+crwdns109999:0crwdne109999:0
 
-crwdns104646:0crwdne104646:0 crwdns104648:0crwdne104648:0
+## crwdns110001:0crwdne110001:0
 
-crwdns104650:0crwdne104650:0 crwdns104652:0crwdne104652:0
+crwdns110003:0crwdne110003:0 crwdns110005:0crwdne110005:0
 
-crwdns104654:0crwdne104654:0
+## crwdns110007:0crwdne110007:0
 
-## crwdns104656:0crwdne104656:0
+crwdns110009:0crwdne110009:0 crwdns110011:0crwdne110011:0
 
-crwdns104658:0crwdne104658:0 crwdns104660:0crwdne104660:0
+crwdns110013:0crwdne110013:0 crwdns110015:0crwdne110015:0
 
-crwdns104662:0crwdne104662:0 crwdns104664:0crwdne104664:0
+crwdns110017:0crwdne110017:0
 
-crwdns104666:0crwdne104666:0
+## crwdns110019:0crwdne110019:0
 
-## crwdns104668:0crwdne104668:0
+crwdns110021:0crwdne110021:0 crwdns110023:0crwdne110023:0
 
-crwdns104670:0crwdne104670:0
+crwdns110025:0crwdne110025:0 crwdns110027:0crwdne110027:0
 
-## crwdns104672:0crwdne104672:0
+crwdns110029:0crwdne110029:0
 
-crwdns104674:0crwdne104674:0
+## crwdns110031:0crwdne110031:0
 
-crwdns104676:0crwdne104676:0
+crwdns110033:0crwdne110033:0
 
-## crwdns104678:0crwdne104678:0
+## crwdns110035:0crwdne110035:0
 
-crwdns104680:0crwdne104680:0
+crwdns110037:0crwdne110037:0
 
-crwdns104682:0crwdne104682:0
+crwdns110039:0crwdne110039:0
 
-## crwdns104684:0crwdne104684:0
+## crwdns110041:0crwdne110041:0
 
-crwdns104686:0crwdne104686:0 crwdns104688:0crwdne104688:0
+crwdns110043:0crwdne110043:0
+
+crwdns110045:0crwdne110045:0
+
+## crwdns110047:0crwdne110047:0
+
+crwdns110049:0crwdne110049:0 crwdns110051:0crwdne110051:0
 
 ```jsx
 crwdns104946:0crwdne104946:0
 ```
 
-crwdns104690:0crwdne104690:0
+crwdns110053:0crwdne110053:0
 
 ```jsx
 crwdns104948:0crwdne104948:0
diff --git a/docs/src/pages/components/selects/selects-de.md b/docs/src/pages/components/selects/selects-de.md
index 8a4bb046fab9ae..4a2322e0dd4181 100644
--- a/docs/src/pages/components/selects/selects-de.md
+++ b/docs/src/pages/components/selects/selects-de.md
@@ -13,43 +13,49 @@ Menüs werden über ihren Referenzelementen so positioniert, dass der aktuell au
 
 {{"demo": "pages/components/selects/SimpleSelect.js"}}
 
-## Native Auswahl
+## Advanced features
 
-Da die Benutzererfahrung auf mobilen Geräten durch die native Auswahl der Plattform verbessert werden kann, erlauben wir ein solches Muster.
+The Select component is meant to be interchangeable with a native `<select>` element.
+
+If you are looking for more advanced features, like combobox, multiselect, autocomplete, async or creatable support, head to the [`Autocomplete` component](/components/autocomplete/). It's also meant to be an improved version of the "react-select" package.
+
+## Native Select
+
+As the user experience can be improved on mobile using the native select of the platform, we allow such pattern.
 
 {{"demo": "pages/components/selects/NativeSelects.js"}}
 
-## Text Felder (Text Fields)
+## Text Fields
 
-Die `TextField` Wrapper-Komponente ist ein vollständiges Formularsteuerelement, das eine Beschriftung, Eingabe und Hilfetext enthält. Ein Beispiel für den Auswahlmodus [in diesem Abschnitt](/components/text-fields/#select).
+Die `TextField` Wrapper-Komponente ist ein vollständiges Formularsteuerelement, das eine Beschriftung, Eingabe und Hilfetext enthält. You can find an example with the select mode [in this section](/components/text-fields/#select).
 
-## Benutzerdefinierte Auswahl
+## Customized selects
 
 Hier sind einige Beispiele, wie man die Komponente anpassen kann. Mehr dazu erfahren Sie auf der [Überschreibungsdokumentationsseite](/customization/components/).
 
-Der erste Schritt besteht darin, die `InputBase` Komponente zu formatieren. Anschließend können Sie es entweder direkt als Textfeld verwenden oder der Eigenschaft select `input` zuweisen, um ein Feld `select` zu erhalten.
+The first step is to style the `InputBase` component. Once it's styled, you can either use it directly as a text field or provide it to the select `input` property to have a `select` field.
 
 {{"demo": "pages/components/selects/CustomizedSelects.js"}}
 
-## Mehrfach Auswahl
+## Multiple Select
 
 The `Select` component can handle multiple selections. It's enabled with the `multiple` property.
 
-Like with the single selection, you can pull out the new value by accessing `event.target.value` in the `onChange` callback. Es ist immer ein Array.
+Like with the single selection, you can pull out the new value by accessing `event.target.value` in the `onChange` callback. It's always an array.
 
 {{"demo": "pages/components/selects/MultipleSelect.js"}}
 
-## Kontrollierte Auswahl
+## Controlled Open Select
 
 {{"demo": "pages/components/selects/ControlledOpenSelect.js"}}
 
-## Mit einem Dialog
+## With a Dialog
 
-Während es von der Material Design-Spezifikation nicht empfohlen wird, können Sie eine Auswahl innerhalb eines Dialogfelds verwenden.
+While it's discouraged by the Material Design specification, you can use a select inside a dialog.
 
 {{"demo": "pages/components/selects/DialogSelect.js"}}
 
-## Gruppierung
+## Grouping
 
 Display categories with the `ListSubheader` component or the native `<optgroup>` element.
 
diff --git a/docs/src/pages/components/selects/selects-es.md b/docs/src/pages/components/selects/selects-es.md
index a253c8e1ac1692..13b27dffb87a40 100644
--- a/docs/src/pages/components/selects/selects-es.md
+++ b/docs/src/pages/components/selects/selects-es.md
@@ -13,17 +13,23 @@ Los menús son colocados sobre sus emisores de elementos tales que el elemento d
 
 {{"demo": "pages/components/selects/SimpleSelect.js"}}
 
-## Selección nativa
+## Advanced features
 
-Dado que la experiencia del usuario puede mejorarse en móvil usando la selección nativa de la plataforma, permitimos ese patrón.
+The Select component is meant to be interchangeable with a native `<select>` element.
+
+If you are looking for more advanced features, like combobox, multiselect, autocomplete, async or creatable support, head to the [`Autocomplete` component](/components/autocomplete/). It's also meant to be an improved version of the "react-select" package.
+
+## Native Select
+
+As the user experience can be improved on mobile using the native select of the platform, we allow such pattern.
 
 {{"demo": "pages/components/selects/NativeSelects.js"}}
 
-## Campos de texto
+## Text Fields
 
 El componente `TextField` es un control de formulario completo, incluyendo una etiqueta, el campo de texto y texto de ayuda. You can find an example with the select mode [in this section](/components/text-fields/#select).
 
-## Selecciones personalizadas
+## Customized selects
 
 Here are some examples of customizing the component. You can learn more about this in the [overrides documentation page](/customization/components/).
 
diff --git a/docs/src/pages/components/selects/selects-fr.md b/docs/src/pages/components/selects/selects-fr.md
index 76d251a1e583b9..a0b936ca45cfdf 100644
--- a/docs/src/pages/components/selects/selects-fr.md
+++ b/docs/src/pages/components/selects/selects-fr.md
@@ -13,13 +13,19 @@ Menus are positioned over their emitting elements such that the currently select
 
 {{"demo": "pages/components/selects/SimpleSelect.js"}}
 
+## Advanced features
+
+The Select component is meant to be interchangeable with a native `<select>` element.
+
+If you are looking for more advanced features, like combobox, multiselect, autocomplete, async or creatable support, head to the [`Autocomplete` component](/components/autocomplete/). It's also meant to be an improved version of the "react-select" package.
+
 ## Native Select
 
 As the user experience can be improved on mobile using the native select of the platform, we allow such pattern.
 
 {{"demo": "pages/components/selects/NativeSelects.js"}}
 
-## Text Fields (Champs de texte)
+## Text Fields
 
 Le composant d'encapsulation `TextField` est un contrôle de formulaire complet comprenant une étiquette, une entrée et un texte d'aide. You can find an example with the select mode [in this section](/components/text-fields/#select).
 
@@ -43,9 +49,9 @@ Like with the single selection, you can pull out the new value by accessing `eve
 
 {{"demo": "pages/components/selects/ControlledOpenSelect.js"}}
 
-## Avec un dialogue
+## With a Dialog
 
-Bien que cela soit découragé par la spécification Material Design, vous pouvez utiliser une sélection dans une boîte de dialogue.
+While it's discouraged by the Material Design specification, you can use a select inside a dialog.
 
 {{"demo": "pages/components/selects/DialogSelect.js"}}
 
diff --git a/docs/src/pages/components/selects/selects-ja.md b/docs/src/pages/components/selects/selects-ja.md
index fe4e3c9741eced..d4675ec4388db6 100644
--- a/docs/src/pages/components/selects/selects-ja.md
+++ b/docs/src/pages/components/selects/selects-ja.md
@@ -13,39 +13,45 @@ components: Select, NativeSelect
 
 {{"demo": "pages/components/selects/SimpleSelect.js"}}
 
-## ネイティブを選択
+## Advanced features
 
-プラットフォームのネイティブ選択を使用することで、モバイルでのユーザーエクスペリエンスを向上させることができます。 このようなパターンを許容します。
+The Select component is meant to be interchangeable with a native `<select>` element.
+
+If you are looking for more advanced features, like combobox, multiselect, autocomplete, async or creatable support, head to the [`Autocomplete` component](/components/autocomplete/). It's also meant to be an improved version of the "react-select" package.
+
+## Native Select
+
+As the user experience can be improved on mobile using the native select of the platform, we allow such pattern.
 
 {{"demo": "pages/components/selects/NativeSelects.js"}}
 
-## テキストフィールド
+## Text Fields
 
-`TextField` ラッパーコンポーネントは、ラベル、入力、およびヘルプテキストを含む完全なフォームコントロールです。 このセクション</a>で、選択モード 例を見つけることができます。</p> 
+`TextField` ラッパーコンポーネントは、ラベル、入力、およびヘルプテキストを含む完全なフォームコントロールです。 You can find an example with the select mode [in this section](/components/text-fields/#select).
 
-## カスタマイズされた選択
+## Customized selects
 
 コンポーネントのカスタマイズの例を次に示します。 詳細については、 [オーバーライドのドキュメントページ](/customization/components/)を参照してください。
 
-最初のステップは、 `InputBase` コンポーネントのスタイル設定です。 スタイルを設定したら、テキストフィールドとして直接使用するか、select `input` プロパティに提供して、 `select` フィールドを作成できます。
+The first step is to style the `InputBase` component. Once it's styled, you can either use it directly as a text field or provide it to the select `input` property to have a `select` field.
 
 {{"demo": "pages/components/selects/CustomizedSelects.js"}}
 
-## 複数選択
+## Multiple Select
 
-`Select` コンポーネントは、複数の選択を処理できます。 `multiple` プロパティで有効になります。
+The `Select` component can handle multiple selections. It's enabled with the `multiple` property.
 
-単一選択の場合と同様に、 `onChange` コールバックで `event.target.value` にアクセスすることにより、新しい値を引き出すことができます。 常に配列です。
+Like with the single selection, you can pull out the new value by accessing `event.target.value` in the `onChange` callback. It's always an array.
 
 {{"demo": "pages/components/selects/MultipleSelect.js"}}
 
-## 制御開選択
+## Controlled Open Select
 
 {{"demo": "pages/components/selects/ControlledOpenSelect.js"}}
 
-## ダイアログ付き
+## With a Dialog
 
-Material Designの仕様では推奨されていませんが、ダイアログ内でselectを使用できます。
+While it's discouraged by the Material Design specification, you can use a select inside a dialog.
 
 {{"demo": "pages/components/selects/DialogSelect.js"}}
 
diff --git a/docs/src/pages/components/selects/selects-pt.md b/docs/src/pages/components/selects/selects-pt.md
index b3f065ca31ca7f..aee131c61291ef 100644
--- a/docs/src/pages/components/selects/selects-pt.md
+++ b/docs/src/pages/components/selects/selects-pt.md
@@ -13,39 +13,45 @@ Os menus são posicionados sobre seus elementos emissores, de modo que o item de
 
 {{"demo": "pages/components/selects/SimpleSelect.js"}}
 
-## Seleção Nativa
+## Advanced features
 
-Como a experiência do usuário pode ser melhorada em dispositivos móveis usando a seleção nativa da plataforma, permitimos esse padrão.
+The Select component is meant to be interchangeable with a native `<select>` element.
+
+If you are looking for more advanced features, like combobox, multiselect, autocomplete, async or creatable support, head to the [`Autocomplete` component](/components/autocomplete/). It's also meant to be an improved version of the "react-select" package.
+
+## Native Select
+
+As the user experience can be improved on mobile using the native select of the platform, we allow such pattern.
 
 {{"demo": "pages/components/selects/NativeSelects.js"}}
 
-## Campos de Texto
+## Text Fields
 
-O componente wrapper `TextField` é um controle de formulário completo, incluindo um rótulo, entrada e texto de ajuda. Você pode encontrar um exemplo de seleção [nesta seção](/components/text-fields/#select).
+O componente wrapper `TextField` é um controle de formulário completo, incluindo um rótulo, entrada e texto de ajuda. You can find an example with the select mode [in this section](/components/text-fields/#select).
 
-## Seleções Customizados
+## Customized selects
 
 Aqui estão alguns exemplos de customização do componente. Você pode aprender mais sobre isso na [página de documentação de sobrescritas](/customization/components/).
 
-O primeiro passo é modelar o componente `InputBase`. Uma vez estilizado, você pode usá-lo diretamente como um campo de texto ou fornecê-lo à propriedade `input` da seleção para ter um campo `select`.
+The first step is to style the `InputBase` component. Once it's styled, you can either use it directly as a text field or provide it to the select `input` property to have a `select` field.
 
 {{"demo": "pages/components/selects/CustomizedSelects.js"}}
 
-## Seleção Múltipla
+## Multiple Select
 
-O componente `Select` pode lidar com várias seleções. É ativado com a propriedade `multiple`.
+The `Select` component can handle multiple selections. It's enabled with the `multiple` property.
 
-Como na seleção única, você pode extrair o novo valor acessando `event.target.value` na chamada `onChange`. É sempre uma matriz.
+Like with the single selection, you can pull out the new value by accessing `event.target.value` in the `onChange` callback. It's always an array.
 
 {{"demo": "pages/components/selects/MultipleSelect.js"}}
 
-## Seleção Aberta Controlada
+## Controlled Open Select
 
 {{"demo": "pages/components/selects/ControlledOpenSelect.js"}}
 
-## Com uma caixa de Diálogo
+## With a Dialog
 
-Embora não seja recomendado pela especificação do Material Design, você pode usar uma seleção dentro de uma caixa de diálogo.
+While it's discouraged by the Material Design specification, you can use a select inside a dialog.
 
 {{"demo": "pages/components/selects/DialogSelect.js"}}
 
diff --git a/docs/src/pages/components/selects/selects-ru.md b/docs/src/pages/components/selects/selects-ru.md
index f06dcce94c7a98..6e8d6376b9752e 100644
--- a/docs/src/pages/components/selects/selects-ru.md
+++ b/docs/src/pages/components/selects/selects-ru.md
@@ -13,13 +13,19 @@ Menus are positioned over their emitting elements such that the currently select
 
 {{"demo": "pages/components/selects/SimpleSelect.js"}}
 
+## Advanced features
+
+The Select component is meant to be interchangeable with a native `<select>` element.
+
+If you are looking for more advanced features, like combobox, multiselect, autocomplete, async or creatable support, head to the [`Autocomplete` component](/components/autocomplete/). It's also meant to be an improved version of the "react-select" package.
+
 ## Native Select
 
 As the user experience can be improved on mobile using the native select of the platform, we allow such pattern.
 
 {{"demo": "pages/components/selects/NativeSelects.js"}}
 
-## Текстовые поля
+## Text Fields
 
 `TextField` представляет собой полноценный элемент управления формы, включая метку (label), само поле ввода и вспомогательный текст. You can find an example with the select mode [in this section](/components/text-fields/#select).
 
diff --git a/docs/src/pages/components/selects/selects-zh.md b/docs/src/pages/components/selects/selects-zh.md
index 07f59365056142..527cb595e37412 100644
--- a/docs/src/pages/components/selects/selects-zh.md
+++ b/docs/src/pages/components/selects/selects-zh.md
@@ -3,7 +3,7 @@ title: React Select（选择器）组件
 components: Select, NativeSelect
 ---
 
-# Select（选择器）
+# Select 选择器
 
 <p class="description">选择器组件能从一个选项列表中去获得用户所提供的信息。</p>
 
@@ -13,25 +13,31 @@ components: Select, NativeSelect
 
 {{"demo": "pages/components/selects/SimpleSelect.js"}}
 
-## 原生的选择器
+## Advanced features
 
-我们允许这种模式，如此一来，选择在移动设备上使用平台的原生选择器能够改进用户体验。
+The Select component is meant to be interchangeable with a native `<select>` element.
+
+If you are looking for more advanced features, like combobox, multiselect, autocomplete, async or creatable support, head to the [`Autocomplete` component](/components/autocomplete/). It's also meant to be an improved version of the "react-select" package.
+
+## Native Select
+
+As the user experience can be improved on mobile using the native select of the platform, we allow such pattern.
 
 {{"demo": "pages/components/selects/NativeSelects.js"}}
 
-## Text Fields（文本输入框）
+## Text Fields
 
-`TextField` wrapper 组件是一个完整的表单控件，包括标签，输入和帮助文本。 您可以在本节中找到具有[select模式](/components/text-fields/#select)的示例
+`TextField` wrapper 组件是一个完整的表单控件，包括标签，输入和帮助文本。 You can find an example with the select mode [in this section](/components/text-fields/#select).
 
-## 自定义选择器
+## Customized selects
 
 以下是自定义组件的一些例子。 您可以在[重写文档页](/customization/components/)中了解有关此内容的更多信息。
 
-第一步是设置 `InputBase` 组件的样式。 一旦设置好样式，您就可以直接将其用作文本字段，也可以将其提供给 select 组件的 `input` 属性作为一个 `select` 字段。
+The first step is to style the `InputBase` component. Once it's styled, you can either use it directly as a text field or provide it to the select `input` property to have a `select` field.
 
 {{"demo": "pages/components/selects/CustomizedSelects.js"}}
 
-## 多选
+## Multiple Select
 
 The `Select` component can handle multiple selections. It's enabled with the `multiple` property.
 
@@ -39,13 +45,13 @@ Like with the single selection, you can pull out the new value by accessing `eve
 
 {{"demo": "pages/components/selects/MultipleSelect.js"}}
 
-## 可控制地打开选择器
+## Controlled Open Select
 
 {{"demo": "pages/components/selects/ControlledOpenSelect.js"}}
 
-## 与对话框组件使用
+## With a Dialog
 
-虽然Material Design的规范不鼓励这样做，但您还是可以在对话框组件中使用选择器。
+While it's discouraged by the Material Design specification, you can use a select inside a dialog.
 
 {{"demo": "pages/components/selects/DialogSelect.js"}}
 
diff --git a/docs/src/pages/components/skeleton/skeleton-ru.md b/docs/src/pages/components/skeleton/skeleton-ru.md
index 0376b16ca4431b..95e9a6db2bc3de 100644
--- a/docs/src/pages/components/skeleton/skeleton-ru.md
+++ b/docs/src/pages/components/skeleton/skeleton-ru.md
@@ -1,9 +1,9 @@
 ---
 title: 'Компонент React: Скелет'
-components: Скелет
+components: Skeleton
 ---
 
-# Скелет
+# Skeleton (Скелет)
 
 <p class="description">Отображайте макет вашего приложения перед загрузкой данных, чтобы уменьшить дискомфорт от загрузки.</p>
 
diff --git a/docs/src/pages/components/slider/slider-zh.md b/docs/src/pages/components/slider/slider-zh.md
index 12732f7a7ab726..14cc5c0bab065c 100644
--- a/docs/src/pages/components/slider/slider-zh.md
+++ b/docs/src/pages/components/slider/slider-zh.md
@@ -3,7 +3,7 @@ title: React 滑块组件
 components: Slider
 ---
 
-# Slider
+# Slider 滑块
 
 <p class="description">用户可以使用滑块组件从某一范围内选取所需数值。</p>
 
diff --git a/docs/src/pages/components/snackbars/snackbars-zh.md b/docs/src/pages/components/snackbars/snackbars-zh.md
index 454b82992bfd03..6c9f0ec85ac289 100644
--- a/docs/src/pages/components/snackbars/snackbars-zh.md
+++ b/docs/src/pages/components/snackbars/snackbars-zh.md
@@ -3,7 +3,7 @@ title: React Snackbar（消息条）组件
 components: Snackbar, SnackbarContent
 ---
 
-# Snackbar（消息条）
+# Snackbar 消息条
 
 <p class="description">Snackbars provide brief messages about app processes. The component is also known as a toast.</p>
 
diff --git a/docs/src/pages/components/speed-dial/speed-dial-zh.md b/docs/src/pages/components/speed-dial/speed-dial-zh.md
index 80dc5fa373ab32..6d07f158c62135 100644
--- a/docs/src/pages/components/speed-dial/speed-dial-zh.md
+++ b/docs/src/pages/components/speed-dial/speed-dial-zh.md
@@ -3,7 +3,7 @@ title: 快速拨号React组件
 components: SpeedDial, SpeedDialAction, SpeedDialIcon
 ---
 
-# 快速拨号
+# Speed Dial 快速拨号
 
 <p class="description">当按下的时候，一个浮动按钮可以弹出3到6个相关联的按钮。</p>
 
diff --git a/docs/src/pages/components/steppers/steppers-zh.md b/docs/src/pages/components/steppers/steppers-zh.md
index c2543f850e4c38..b9a1070be9ff68 100644
--- a/docs/src/pages/components/steppers/steppers-zh.md
+++ b/docs/src/pages/components/steppers/steppers-zh.md
@@ -3,7 +3,7 @@ title: React Stepper（步骤条）组件
 components: MobileStepper, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper
 ---
 
-# Stepper（步进器）
+# Stepper 步进器 
 
 <p class="description">步进器通过数字编号表示进度。 It provides a wizard-like workflow.</p>
 
@@ -82,7 +82,7 @@ This is essentially a back/next button positioned correctly. You must implement
 
 {{"demo": "pages/components/steppers/DotsMobileStepper.js", "bg": true}}
 
-### Progress（进度条）
+### Progress 进度条
 
 当有许多步骤时，或者如果在此过程中需要插入步骤（基于对早期步骤的响应），请使用进度条。
 
diff --git a/docs/src/pages/components/switches/switches-zh.md b/docs/src/pages/components/switches/switches-zh.md
index 43e5c52aea5885..d5b97613c6e27f 100644
--- a/docs/src/pages/components/switches/switches-zh.md
+++ b/docs/src/pages/components/switches/switches-zh.md
@@ -3,7 +3,7 @@ title: Switch React component
 components: Switch, FormControl, FormGroup, FormLabel, FormControlLabel
 ---
 
-# Switch （开关）
+# Switch 开关
 
 <p class="description">开关控制是改变单个设置状态打开或关闭的控件。</p>
 
diff --git a/docs/src/pages/components/tables/tables-zh.md b/docs/src/pages/components/tables/tables-zh.md
index c8dc5318e43026..4e566a38f8e713 100644
--- a/docs/src/pages/components/tables/tables-zh.md
+++ b/docs/src/pages/components/tables/tables-zh.md
@@ -3,7 +3,7 @@ title: React Table（表格）组件
 components: Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel
 ---
 
-# Table（表格）
+# Table 表格
 
 <p class="description">Tables display sets of data. They can be fully customized.</p>
 
diff --git a/docs/src/pages/components/tabs/tabs-zh.md b/docs/src/pages/components/tabs/tabs-zh.md
index 11b05fde6ee653..24010380acea63 100644
--- a/docs/src/pages/components/tabs/tabs-zh.md
+++ b/docs/src/pages/components/tabs/tabs-zh.md
@@ -3,7 +3,7 @@ title: React 选项卡组件
 components: Tabs, Tab
 ---
 
-# 选项卡
+# Tabs 选项卡
 
 <p class="description">选项卡可以轻松浏览和切换不同的视图.</p>
 
diff --git a/docs/src/pages/components/text-fields/text-fields-aa.md b/docs/src/pages/components/text-fields/text-fields-aa.md
index 7b9ea8b107c096..7927f71e6b2547 100644
--- a/docs/src/pages/components/text-fields/text-fields-aa.md
+++ b/docs/src/pages/components/text-fields/text-fields-aa.md
@@ -166,7 +166,6 @@ crwdns92376:0crwdne92376:0
 
 crwdns108133:0crwdne108133:0
 
-- crwdns102638:0crwdne102638:0
-- crwdns102640:0crwdne102640:0
-- crwdns92386:0crwdne92386:0
-- crwdns104342:0crwdne104342:0
\ No newline at end of file
+- crwdns109567:0crwdne109567:0
+- crwdns109569:0crwdne109569:0
+- crwdns109571:0crwdne109571:0
\ No newline at end of file
diff --git a/docs/src/pages/components/text-fields/text-fields-de.md b/docs/src/pages/components/text-fields/text-fields-de.md
index 7e372159660020..ede69905664e28 100644
--- a/docs/src/pages/components/text-fields/text-fields-de.md
+++ b/docs/src/pages/components/text-fields/text-fields-de.md
@@ -198,7 +198,6 @@ In order for the text field to be accessible, **the input should be linked to th
 
 Für fortgeschrittenere Anwendungsfälle können Ihnen folgende Projekte helfen:
 
-- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindungen zur Verwendung von Material-UI mit formik.
-- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Eine Reihe von Wrapper-Komponenten, die die Verwendung der Material-Benutzeroberfläche mit Redux-Formular erleichtern.
-- [final-form-material-ui](https://github.com/Deadly0/final-form-material-ui) Eine Reihe von Wrapper-Komponenten, die die Verwendung der Material-Benutzeroberfläche mit Final Form erleichtern.
-- [mui-rff](https://github.com/lookfirst/mui-rff) A set of wrapper components to facilitate using Material UI with React Final Form.
\ No newline at end of file
+- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindings for using Material-UI with [formik](https://jaredpalmer.com/formik).
+- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Bindings for using Material UI with [Redux Form](https://redux-form.com/).
+- [mui-rff](https://github.com/lookfirst/mui-rff) Bindings for using Material UI with [React Final Form](https://final-form.org/react).
\ No newline at end of file
diff --git a/docs/src/pages/components/text-fields/text-fields-es.md b/docs/src/pages/components/text-fields/text-fields-es.md
index bc3a2aeb615be4..7c189d808280b2 100644
--- a/docs/src/pages/components/text-fields/text-fields-es.md
+++ b/docs/src/pages/components/text-fields/text-fields-es.md
@@ -198,7 +198,6 @@ In order for the text field to be accessible, **the input should be linked to th
 
 Para usos más avanzados tal vez puedas aprovercharte de:
 
-- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Enlaces para utilizar Material-UI con formik.
-- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Un conjunto de componentes contenedor para facilitar el uso de Material-UI junto a Redux Form.
-- [final-form-material-u](https://github.com/Deadly0/final-form-material-ui) Un conjunto de componentes contenedor para facilitar el uso de Material-UI junto a Final Form.
-- [mui-rff](https://github.com/lookfirst/mui-rff) A set of wrapper components to facilitate using Material UI with React Final Form.
\ No newline at end of file
+- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindings for using Material-UI with [formik](https://jaredpalmer.com/formik).
+- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Bindings for using Material UI with [Redux Form](https://redux-form.com/).
+- [mui-rff](https://github.com/lookfirst/mui-rff) Bindings for using Material UI with [React Final Form](https://final-form.org/react).
\ No newline at end of file
diff --git a/docs/src/pages/components/text-fields/text-fields-fr.md b/docs/src/pages/components/text-fields/text-fields-fr.md
index e89c2592e736ac..1dda61a8738691 100644
--- a/docs/src/pages/components/text-fields/text-fields-fr.md
+++ b/docs/src/pages/components/text-fields/text-fields-fr.md
@@ -198,7 +198,6 @@ In order for the text field to be accessible, **the input should be linked to th
 
 Pour des cas d'utilisation plus avancés, vous pourrez peut-être tirer parti des projects suivants:
 
-- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindings for using Material-UI with formik.
-- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) A set of wrapper components to facilitate using Material UI with Redux Form.
-- [final-form-material-ui](https://github.com/Deadly0/final-form-material-ui) A set of wrapper components to facilitate using Material UI with Final Form.
-- [mui-rff](https://github.com/lookfirst/mui-rff) A set of wrapper components to facilitate using Material UI with React Final Form.
\ No newline at end of file
+- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindings for using Material-UI with [formik](https://jaredpalmer.com/formik).
+- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Bindings for using Material UI with [Redux Form](https://redux-form.com/).
+- [mui-rff](https://github.com/lookfirst/mui-rff) Bindings for using Material UI with [React Final Form](https://final-form.org/react).
\ No newline at end of file
diff --git a/docs/src/pages/components/text-fields/text-fields-ja.md b/docs/src/pages/components/text-fields/text-fields-ja.md
index 45811652f2f7df..9a4e92410a4e8e 100644
--- a/docs/src/pages/components/text-fields/text-fields-ja.md
+++ b/docs/src/pages/components/text-fields/text-fields-ja.md
@@ -198,7 +198,6 @@ In order for the text field to be accessible, **the input should be linked to th
 
 より高度な使用例では、以下を利用できます。
 
-- [formik-material-ui](https://github.com/stackworx/formik-material-ui) formikでMaterial-UIを使うためのバインディング。
-- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Redux FormでMaterial UIを使用しやすくするラッパーコンポーネントのセット。
-- [final-form-material-ui](https://github.com/Deadly0/final-form-material-ui) Final FormでMaterial UIを使いやすくするためのラッパーコンポーネントのセット。
-- [mui-rff](https://github.com/lookfirst/mui-rff) A set of wrapper components to facilitate using Material UI with React Final Form.
\ No newline at end of file
+- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindings for using Material-UI with [formik](https://jaredpalmer.com/formik).
+- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Bindings for using Material UI with [Redux Form](https://redux-form.com/).
+- [mui-rff](https://github.com/lookfirst/mui-rff) Bindings for using Material UI with [React Final Form](https://final-form.org/react).
\ No newline at end of file
diff --git a/docs/src/pages/components/text-fields/text-fields-pt.md b/docs/src/pages/components/text-fields/text-fields-pt.md
index f929c034ba0c4c..e92ca20f9bbdb8 100644
--- a/docs/src/pages/components/text-fields/text-fields-pt.md
+++ b/docs/src/pages/components/text-fields/text-fields-pt.md
@@ -13,57 +13,57 @@ components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, Inp
 
 O componente wrapper `TextField` é um controle de formulário completo, incluindo um rótulo, entrada e texto de ajuda.
 
-It supports standard, outlined and filled styling.
+O `TextField` suporta 3 variações: O estilo padrão, com contorno e preenchido.
 
 {{"demo": "pages/components/text-fields/BasicTextFields.js"}}
 
-**Note:** The standard variant of the `TextField` is no longer documented in the [Material Design guidelines](https://material.io/) ([here's why](https://medium.com/google-design/the-evolution-of-material-designs-text-fields-603688b3fe03)), but Material-UI will continue to support it.
+**Observação:** A variante padrão do `TextField` não é mais documentada em [Material Design guidelines](https://material.io/) ([entenda o porque](https://medium.com/google-design/the-evolution-of-material-designs-text-fields-603688b3fe03)).
 
 ## Form props
 
-Standard form attributes are supported e.g. `required`, `disabled`, `type`, etc. as well as a `helperText` which is used to give context about a field’s input, such as how the input will be used.
+Os atributos são suportados pelo `TextField`, como por exemplo `required`, `disabled`, `type`, etc. assim como o `helperText` que é utilizada para dar contexto sobre um campo de entrada, tais como, a entrada que será usada.
 
 {{"demo": "pages/components/text-fields/FormPropsTextFields.js"}}
 
 ## Validation
 
-The `error` prop toggles the error state, the `helperText` prop can then be used to provide feedback to the user about the error.
+A propriedade `error` habilita o estado de erro, e, utilizando a propriedade `helperText` será fornecido um "feedback" ao usuário sobre o erro.
 
 {{"demo": "pages/components/text-fields/ValidationTextFields.js"}}
 
 ## Multiline
 
-The `multiline` prop transforms the text field into a [textarea](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea) or a [TextareaAutosize](/components/textarea-autosize/).
+A propriedade `multiline` transforma o `textfield` em um `<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea">TextArea</a>.</p>
 
-{{"demo": "pages/components/text-fields/MultilineTextFields.js"}}
+<p>{{"demo": "pages/components/text-fields/MultilineTextFields.js"}}</p>
 
-## Select
+<h2>Select</h2>
 
-The `select` prop makes the text field use the [Select](/components/selects/) component internally.
+<p>A propriedade <code>select` transforma o `textfield` em um componente [Select](/components/selects/).
 
 {{"demo": "pages/components/text-fields/SelectTextFields.js"}}
 
 ## Ícones
 
-There are multiple ways to display an icon with a text field.
+Há muitas formas de incluir um icone em um `textfield`.
 
 {{"demo": "pages/components/text-fields/InputWithIcon.js"}}
 
 ### Decoração de inputs
 
-The main way is with an `InputAdornment`. Estes podem ser usados para adicionar um prefixo, sufixo ou uma ação para uma entrada. Por exemplo, você pode usar um botão com ícone para ocultar ou revelar a senha.
+A forma principal é utilizando um `InputAdornment`. Estes podem ser usados para adicionar um prefixo, sufixo ou uma ação para uma entrada. Por exemplo, você pode usar um botão com ícone para ocultar ou revelar a senha.
 
 {{"demo": "pages/components/text-fields/InputAdornments.js"}}
 
 ## Tamanhos
 
-Fancy smaller inputs? Use a propriedade `size`.
+Gosta mais de campos de texto menores? Use a propriedade `size`.
 
 {{"demo": "pages/components/text-fields/TextFieldSizes.js"}}
 
 ## Leiaute
 
-`margin` can be used to alter the vertical spacing of inputs. Using `none` (default) will not apply margins to the `FormControl`, whereas `dense` and `normal` will. `dense` and `normal` alter other styles to meet the specification.
+`margin` pode ser utilizado para alterar o espaçamento vertical entre os inputs. Using `none` (default) will not apply margins to the `FormControl`, whereas `dense` and `normal` will. `dense` and `normal` alter other styles to meet the specification.
 
 `fullWidth` can be used to make the input take up the full width of its container.
 
@@ -198,7 +198,6 @@ In order for the text field to be accessible, **the input should be linked to th
 
 Para usos mais avançados, você pode tirar vantagem com:
 
-- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Ligações para usar Mateiral-UI com formik.
-- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Um conjunto de componentes do wrapper para facilitar o uso do Material UI com Redux Form.
-- [final-form-material-ui](https://github.com/Deadly0/final-form-material-ui) Um conjunto de componentes wrapper para facilitar o uso do Material UI com Final Form.
-- [mui-rff](https://github.com/lookfirst/mui-rff) A set of wrapper components to facilitate using Material UI with React Final Form.
\ No newline at end of file
+- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindings for using Material-UI with [formik](https://jaredpalmer.com/formik).
+- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Bindings for using Material UI with [Redux Form](https://redux-form.com/).
+- [mui-rff](https://github.com/lookfirst/mui-rff) Bindings for using Material UI with [React Final Form](https://final-form.org/react).
\ No newline at end of file
diff --git a/docs/src/pages/components/text-fields/text-fields-ru.md b/docs/src/pages/components/text-fields/text-fields-ru.md
index 54a601cdbbfc26..a1d67b6fddd626 100644
--- a/docs/src/pages/components/text-fields/text-fields-ru.md
+++ b/docs/src/pages/components/text-fields/text-fields-ru.md
@@ -198,7 +198,6 @@ In order for the text field to be accessible, **the input should be linked to th
 
 Для более сложных вариантов использования вы можете воспользоваться:
 
-- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Привязки для использования Material-UI с formik.
-- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Набор компонентов-оберток для облегчения работы с Material UI в связке с Redux Form.
-- [final-form-material-ui](https://github.com/Deadly0/final-form-material-ui) Набор компонентов-оберток для облегчения работы с Material UI в связке с Final Form.
-- [mui-rff](https://github.com/lookfirst/mui-rff) A set of wrapper components to facilitate using Material UI with React Final Form.
\ No newline at end of file
+- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindings for using Material-UI with [formik](https://jaredpalmer.com/formik).
+- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Bindings for using Material UI with [Redux Form](https://redux-form.com/).
+- [mui-rff](https://github.com/lookfirst/mui-rff) Bindings for using Material UI with [React Final Form](https://final-form.org/react).
\ No newline at end of file
diff --git a/docs/src/pages/components/text-fields/text-fields-zh.md b/docs/src/pages/components/text-fields/text-fields-zh.md
index df29661a065a8a..b625a5070e50f8 100644
--- a/docs/src/pages/components/text-fields/text-fields-zh.md
+++ b/docs/src/pages/components/text-fields/text-fields-zh.md
@@ -3,7 +3,7 @@ title: React Text Field（文本框）组件
 components: FilledInput, FormControl, FormHelperText, Input, InputAdornment, InputBase, InputLabel, OutlinedInput, TextField
 ---
 
-# TextField（文本框）
+# TextField 文本框
 
 <p class="description">用户可以在文本框内输入或编辑文字。</p>
 
@@ -43,7 +43,7 @@ The `select` prop makes the text field use the [Select](/components/selects/) co
 
 {{"demo": "pages/components/text-fields/SelectTextFields.js"}}
 
-## Icons（图标）
+## Icons 图标
 
 There are multiple ways to display an icon with a text field.
 
@@ -75,7 +75,7 @@ The component can be controlled or uncontrolled
 
 {{"demo": "pages/components/text-fields/StateTextFields.js"}}
 
-## Components（组件）
+## 组件
 
 `TextField` 是由较小的组件组成的 ( [`FormControl`](/api/form-control/), [`Input`](/api/input/), [`FilledInput`](/api/filled-input/), [`InputLabel`](/api/input-label/), [`OutlinedInput`](/api/outlined-input/), and [`FormHelperText`](/api/form-helper-text/) ) 你可以利用这一点来自定义你的表单输入.
 
@@ -83,7 +83,7 @@ The component can be controlled or uncontrolled
 
 {{"demo": "pages/components/text-fields/ComposedTextField.js"}}
 
-## Inputs（输入）
+## 输入
 
 {{"demo": "pages/components/text-fields/Inputs.js"}}
 
@@ -198,7 +198,6 @@ In order for the text field to be accessible, **the input should be linked to th
 
 对于更高级的用例，您可以利用：
 
-- [formik-material-ui](https://github.com/stackworx/formik-material-ui) 用于结合formik来使用Material-UI的绑定。
-- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) 用于更加方便地与Redux Form配搭来使用Material UI的一组包装组件。
-- [final-form-material-ui](https://github.com/Deadly0/final-form-material-ui)：一组配合 Final Form 和 Material UI 的封装组件。
-- [mui-rff](https://github.com/lookfirst/mui-rff) A set of wrapper components to facilitate using Material UI with React Final Form.
\ No newline at end of file
+- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindings for using Material-UI with [formik](https://jaredpalmer.com/formik).
+- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Bindings for using Material UI with [Redux Form](https://redux-form.com/).
+- [mui-rff](https://github.com/lookfirst/mui-rff) Bindings for using Material UI with [React Final Form](https://final-form.org/react).
\ No newline at end of file
diff --git a/docs/src/pages/components/textarea-autosize/textarea-autosize-zh.md b/docs/src/pages/components/textarea-autosize/textarea-autosize-zh.md
index 1ec0665938361b..faac19ebc1d326 100644
--- a/docs/src/pages/components/textarea-autosize/textarea-autosize-zh.md
+++ b/docs/src/pages/components/textarea-autosize/textarea-autosize-zh.md
@@ -3,7 +3,7 @@ title: Textarea Autosize React component
 components: TextareaAutosize
 ---
 
-# Textarea自动调整大小
+# Textarea 自动调整大小
 
 <p class="description">A textarea component for React which grows with content.</p>
 
diff --git a/docs/src/pages/components/toggle-button/toggle-button-aa.md b/docs/src/pages/components/toggle-button/toggle-button-aa.md
index b6f096457e7c28..29510ee41b0422 100644
--- a/docs/src/pages/components/toggle-button/toggle-button-aa.md
+++ b/docs/src/pages/components/toggle-button/toggle-button-aa.md
@@ -19,18 +19,28 @@ crwdns92426:0crwdne92426:0 crwdns92428:0crwdne92428:0
 
 crwdns92430:0crwdne92430:0
 
-## crwdns100542:0crwdne100542:0
+## crwdns109373:0crwdne109373:0
 
-crwdns100544:0crwdne100544:0
+crwdns109375:0crwdne109375:0
 
-## crwdns101502:0crwdne101502:0
+```jsx
+crwdns109377:0crwdne109377:0
+```
 
-crwdns101504:0crwdne101504:0 crwdns101506:0crwdne101506:0
+crwdns109379:0crwdne109379:0
 
-crwdns105831:0crwdne105831:0
+## crwdns109381:0crwdne109381:0
 
-## crwdns101510:0crwdne101510:0
+crwdns109383:0crwdne109383:0
 
-crwdns101512:0crwdne101512:0 crwdns107217:0crwdne107217:0
+## crwdns109385:0crwdne109385:0
 
-crwdns101516:0crwdne101516:0 crwdns101518:0crwdne101518:0
\ No newline at end of file
+crwdns109387:0crwdne109387:0 crwdns109389:0crwdne109389:0
+
+crwdns109391:0crwdne109391:0
+
+## crwdns109393:0crwdne109393:0
+
+crwdns109395:0crwdne109395:0 crwdns109397:0crwdne109397:0
+
+crwdns109399:0crwdne109399:0 crwdns109401:0crwdne109401:0
\ No newline at end of file
diff --git a/docs/src/pages/components/toggle-button/toggle-button-de.md b/docs/src/pages/components/toggle-button/toggle-button-de.md
index cf1ffa9c2b1b03..749eb4cbf92a2a 100644
--- a/docs/src/pages/components/toggle-button/toggle-button-de.md
+++ b/docs/src/pages/components/toggle-button/toggle-button-de.md
@@ -19,6 +19,26 @@ Fancy larger or smaller buttons? Verwende die Eigenschaft `size`.
 
 {{"demo": "pages/components/toggle-button/ToggleButtonSizes.js"}}
 
+## Enforce value set
+
+If you want to enforce at least one button to be active, you can adapt your handleChange function.
+
+```jsx
+const handleFormat = (event, newFormats) => {
+  if (newFormats.length) {
+    setFormats(newFormats);
+  }
+};
+
+const handleAlignment = (event, newAlignment) => {
+  if (newAlignment !== null) {
+    setAlignment(newAlignment);
+  }
+};
+```
+
+{{"demo": "pages/components/toggle-button/ToggleButtonNotEmpty.js"}}
+
 ## Standalone toggle button
 
 {{"demo": "pages/components/toggle-button/StandaloneToggleButton.js"}}
diff --git a/docs/src/pages/components/toggle-button/toggle-button-es.md b/docs/src/pages/components/toggle-button/toggle-button-es.md
index 27a07c434c97e2..b20a6d04236253 100644
--- a/docs/src/pages/components/toggle-button/toggle-button-es.md
+++ b/docs/src/pages/components/toggle-button/toggle-button-es.md
@@ -19,11 +19,31 @@ Botones más grandes o más pequeños? Usa la propiedad `size`.
 
 {{"demo": "pages/components/toggle-button/ToggleButtonSizes.js"}}
 
-## Botón de conmutación independiente
+## Enforce value set
+
+If you want to enforce at least one button to be active, you can adapt your handleChange function.
+
+```jsx
+const handleFormat = (event, newFormats) => {
+  if (newFormats.length) {
+    setFormats(newFormats);
+  }
+};
+
+const handleAlignment = (event, newAlignment) => {
+  if (newAlignment !== null) {
+    setAlignment(newAlignment);
+  }
+};
+```
+
+{{"demo": "pages/components/toggle-button/ToggleButtonNotEmpty.js"}}
+
+## Standalone toggle button
 
 {{"demo": "pages/components/toggle-button/StandaloneToggleButton.js"}}
 
-## Botón de conmutación personalizado
+## Customized toggle button
 
 Here is an example of customizing the component. You can learn more about this in the [overrides documentation page](/customization/components/).
 
diff --git a/docs/src/pages/components/toggle-button/toggle-button-fr.md b/docs/src/pages/components/toggle-button/toggle-button-fr.md
index 86e0321d77845e..e4ed2a9c90076e 100644
--- a/docs/src/pages/components/toggle-button/toggle-button-fr.md
+++ b/docs/src/pages/components/toggle-button/toggle-button-fr.md
@@ -19,6 +19,26 @@ Fancy larger or smaller buttons? Use the `size` property.
 
 {{"demo": "pages/components/toggle-button/ToggleButtonSizes.js"}}
 
+## Enforce value set
+
+If you want to enforce at least one button to be active, you can adapt your handleChange function.
+
+```jsx
+const handleFormat = (event, newFormats) => {
+  if (newFormats.length) {
+    setFormats(newFormats);
+  }
+};
+
+const handleAlignment = (event, newAlignment) => {
+  if (newAlignment !== null) {
+    setAlignment(newAlignment);
+  }
+};
+```
+
+{{"demo": "pages/components/toggle-button/ToggleButtonNotEmpty.js"}}
+
 ## Standalone toggle button
 
 {{"demo": "pages/components/toggle-button/StandaloneToggleButton.js"}}
diff --git a/docs/src/pages/components/toggle-button/toggle-button-ja.md b/docs/src/pages/components/toggle-button/toggle-button-ja.md
index 41c50824c16849..0a4944bba59f08 100644
--- a/docs/src/pages/components/toggle-button/toggle-button-ja.md
+++ b/docs/src/pages/components/toggle-button/toggle-button-ja.md
@@ -19,7 +19,27 @@ components: ToggleButton, ToggleButtonGroup
 
 {{"demo": "pages/components/toggle-button/ToggleButtonSizes.js"}}
 
-## スタンドアロンのトグルボタン
+## Enforce value set
+
+If you want to enforce at least one button to be active, you can adapt your handleChange function.
+
+```jsx
+const handleFormat = (event, newFormats) => {
+  if (newFormats.length) {
+    setFormats(newFormats);
+  }
+};
+
+const handleAlignment = (event, newAlignment) => {
+  if (newAlignment !== null) {
+    setAlignment(newAlignment);
+  }
+};
+```
+
+{{"demo": "pages/components/toggle-button/ToggleButtonNotEmpty.js"}}
+
+## Standalone toggle button
 
 {{"demo": "pages/components/toggle-button/StandaloneToggleButton.js"}}
 
diff --git a/docs/src/pages/components/toggle-button/toggle-button-pt.md b/docs/src/pages/components/toggle-button/toggle-button-pt.md
index 9d9445c308240f..bfee742458bf08 100644
--- a/docs/src/pages/components/toggle-button/toggle-button-pt.md
+++ b/docs/src/pages/components/toggle-button/toggle-button-pt.md
@@ -19,11 +19,31 @@ Gosta de botões maiores ou menores? Use a propriedade `size`.
 
 {{"demo": "pages/components/toggle-button/ToggleButtonSizes.js"}}
 
-## Botão de alternância autônomo
+## Enforce value set
+
+If you want to enforce at least one button to be active, you can adapt your handleChange function.
+
+```jsx
+const handleFormat = (event, newFormats) => {
+  if (newFormats.length) {
+    setFormats(newFormats);
+  }
+};
+
+const handleAlignment = (event, newAlignment) => {
+  if (newAlignment !== null) {
+    setAlignment(newAlignment);
+  }
+};
+```
+
+{{"demo": "pages/components/toggle-button/ToggleButtonNotEmpty.js"}}
+
+## Standalone toggle button
 
 {{"demo": "pages/components/toggle-button/StandaloneToggleButton.js"}}
 
-## Botão de alternância customizado
+## Customized toggle button
 
 Aqui está um exemplo de customização do componente. Você pode aprender mais sobre isso na [página de documentação de sobrescritas](/customization/components/).
 
@@ -31,6 +51,6 @@ Aqui está um exemplo de customização do componente. Você pode aprender mais
 
 ## Acessibilidade
 
-ToggleButtonGroup possui `role="group"`. You should provide an accessible label with `aria-label="label"`, `aria-labelledby="id"` or `<label>`.
+ToggleButtonGroup has `role="group"`. You should provide an accessible label with `aria-label="label"`, `aria-labelledby="id"` or `<label>`.
 
-ToggleButton define `aria-pressed="<bool>"` de acordo com o estado do botão. Você deve rotular cada botão com `aria-label`.
\ No newline at end of file
+ToggleButton sets `aria-pressed="<bool>"` according to the button state. You should label each button with `aria-label`.
\ No newline at end of file
diff --git a/docs/src/pages/components/toggle-button/toggle-button-ru.md b/docs/src/pages/components/toggle-button/toggle-button-ru.md
index 0faf68802c2d18..da4cb475e4623e 100644
--- a/docs/src/pages/components/toggle-button/toggle-button-ru.md
+++ b/docs/src/pages/components/toggle-button/toggle-button-ru.md
@@ -19,6 +19,26 @@ Fancy larger or smaller buttons? Use the `size` property.
 
 {{"demo": "pages/components/toggle-button/ToggleButtonSizes.js"}}
 
+## Enforce value set
+
+If you want to enforce at least one button to be active, you can adapt your handleChange function.
+
+```jsx
+const handleFormat = (event, newFormats) => {
+  if (newFormats.length) {
+    setFormats(newFormats);
+  }
+};
+
+const handleAlignment = (event, newAlignment) => {
+  if (newAlignment !== null) {
+    setAlignment(newAlignment);
+  }
+};
+```
+
+{{"demo": "pages/components/toggle-button/ToggleButtonNotEmpty.js"}}
+
 ## Standalone toggle button
 
 {{"demo": "pages/components/toggle-button/StandaloneToggleButton.js"}}
diff --git a/docs/src/pages/components/toggle-button/toggle-button-zh.md b/docs/src/pages/components/toggle-button/toggle-button-zh.md
index af1c5a7f89f7e7..5dc004e75fa129 100644
--- a/docs/src/pages/components/toggle-button/toggle-button-zh.md
+++ b/docs/src/pages/components/toggle-button/toggle-button-zh.md
@@ -3,7 +3,7 @@ title: 切换按钮React组件
 components: ToggleButton, ToggleButtonGroup
 ---
 
-# 切换按钮
+# Toggle Button 切换按钮
 
 <p class="description">Toggle Buttons 可用于对相关选项进行分组。</p>
 
@@ -19,6 +19,26 @@ The `ToggleButtonGroup` will control the selected state of its child buttons whe
 
 {{"demo": "pages/components/toggle-button/ToggleButtonSizes.js"}}
 
+## Enforce value set
+
+If you want to enforce at least one button to be active, you can adapt your handleChange function.
+
+```jsx
+const handleFormat = (event, newFormats) => {
+  if (newFormats.length) {
+    setFormats(newFormats);
+  }
+};
+
+const handleAlignment = (event, newAlignment) => {
+  if (newAlignment !== null) {
+    setAlignment(newAlignment);
+  }
+};
+```
+
+{{"demo": "pages/components/toggle-button/ToggleButtonNotEmpty.js"}}
+
 ## Standalone toggle button
 
 {{"demo": "pages/components/toggle-button/StandaloneToggleButton.js"}}
diff --git a/docs/src/pages/components/tooltips/tooltips-zh.md b/docs/src/pages/components/tooltips/tooltips-zh.md
index bcd3a42ff8ba23..c54ba9c44ab006 100644
--- a/docs/src/pages/components/tooltips/tooltips-zh.md
+++ b/docs/src/pages/components/tooltips/tooltips-zh.md
@@ -3,7 +3,7 @@ title: 文字提示 React 组件
 components: Tooltip
 ---
 
-# Tooltip（文字提示）
+# Tooltip 提示
 
 <p class="description">当用户鼠标悬浮，聚焦或者轻触一个元素时，文字提示会显示有意义的文本。</p>
 
diff --git a/docs/src/pages/components/transfer-list/transfer-list-zh.md b/docs/src/pages/components/transfer-list/transfer-list-zh.md
index 34b42ac579c1c1..a0e62174a8ac5d 100644
--- a/docs/src/pages/components/transfer-list/transfer-list-zh.md
+++ b/docs/src/pages/components/transfer-list/transfer-list-zh.md
@@ -3,7 +3,7 @@ title: Transfer List React component
 components: List, ListItem, Checkbox, Switch
 ---
 
-# 传输列表
+# Transfer List 传递列表
 
 <p class="description">传输列表(或“穿梭”) 使用户可以在列表之间移动一个或多个列表项。</p>
 
diff --git a/docs/src/pages/components/transitions/transitions-zh.md b/docs/src/pages/components/transitions/transitions-zh.md
index 86b36538053e63..7d11d29f838ad2 100644
--- a/docs/src/pages/components/transitions/transitions-zh.md
+++ b/docs/src/pages/components/transitions/transitions-zh.md
@@ -3,7 +3,7 @@ title: React Transition（过渡动画）组件
 components: Collapse, Fade, Grow, Slide, Zoom
 ---
 
-# Transitions（过渡动画）
+# Transitions 过渡动画
 
 <p class="description">过渡动画使 UI 更富有表现力并且易于使用。</p>
 
diff --git a/docs/src/pages/components/tree-view/tree-view-aa.md b/docs/src/pages/components/tree-view/tree-view-aa.md
index 2d8a541c230b2f..14795f59d07bb0 100644
--- a/docs/src/pages/components/tree-view/tree-view-aa.md
+++ b/docs/src/pages/components/tree-view/tree-view-aa.md
@@ -17,18 +17,33 @@ crwdns105849:0crwdne105849:0
 
 crwdns105851:0crwdne105851:0
 
-## crwdns105853:0crwdne105853:0
+## crwdns109543:0crwdne109543:0
+
+crwdns109545:0crwdne109545:0
+
+crwdns109547:0crwdne109547:0
+
+```js
+crwdns109549:0{
+      id: '1',
+      name: 'Child - 1',
+    }crwdne109549:0
+```
+
+crwdns109551:0crwdne109551:0
+
+## crwdns109553:0crwdne109553:0
 
 ### crwdns100526:0crwdne100526:0
 
-crwdns105855:0crwdne105855:0
+crwdns109555:0crwdne109555:0
 
 ### crwdns105857:0crwdne105857:0
 
-crwdns105100:0crwdne105100:0
+crwdns109557:0crwdne109557:0
 
-## crwdns105859:0crwdne105859:0
+## crwdns109559:0crwdne109559:0
 
-crwdns105102:0crwdne105102:0
+crwdns109561:0crwdne109561:0
 
-crwdns105104:0crwdne105104:0
\ No newline at end of file
+crwdns109563:0crwdne109563:0
\ No newline at end of file
diff --git a/docs/src/pages/components/tree-view/tree-view-de.md b/docs/src/pages/components/tree-view/tree-view-de.md
index 4bdd66297bc379..43ae49b7a35bfc 100644
--- a/docs/src/pages/components/tree-view/tree-view-de.md
+++ b/docs/src/pages/components/tree-view/tree-view-de.md
@@ -17,6 +17,28 @@ The tree view also offers a controlled API.
 
 {{"demo": "pages/components/tree-view/ControlledTreeView.js"}}
 
+## Rich object
+
+While the `TreeView`/`TreeItem` component API maximizes flexibility, an extra step is needed to handle a rich object.
+
+Let's consider a data variable with the following shape, recursion can be used to handle it.
+
+```js
+const data = {
+  id: 'root',
+  name: 'Parent',
+  children: [
+    {
+      id: '1',
+      name: 'Child - 1',
+    },
+    // …
+  ],
+};
+```
+
+{{"demo": "pages/components/tree-view/RecursiveTreeView.js", "defaultCodeOpen": false}}
+
 ## Customized tree view
 
 ### Custom icons, border and animation
diff --git a/docs/src/pages/components/tree-view/tree-view-es.md b/docs/src/pages/components/tree-view/tree-view-es.md
index 733487e69a7190..9e39afef8e6329 100644
--- a/docs/src/pages/components/tree-view/tree-view-es.md
+++ b/docs/src/pages/components/tree-view/tree-view-es.md
@@ -17,6 +17,28 @@ The tree view also offers a controlled API.
 
 {{"demo": "pages/components/tree-view/ControlledTreeView.js"}}
 
+## Rich object
+
+While the `TreeView`/`TreeItem` component API maximizes flexibility, an extra step is needed to handle a rich object.
+
+Let's consider a data variable with the following shape, recursion can be used to handle it.
+
+```js
+const data = {
+  id: 'root',
+  name: 'Parent',
+  children: [
+    {
+      id: '1',
+      name: 'Child - 1',
+    },
+    // …
+  ],
+};
+```
+
+{{"demo": "pages/components/tree-view/RecursiveTreeView.js", "defaultCodeOpen": false}}
+
 ## Customized tree view
 
 ### Custom icons, border and animation
diff --git a/docs/src/pages/components/tree-view/tree-view-fr.md b/docs/src/pages/components/tree-view/tree-view-fr.md
index 051a951da30a93..c646a4556627d7 100644
--- a/docs/src/pages/components/tree-view/tree-view-fr.md
+++ b/docs/src/pages/components/tree-view/tree-view-fr.md
@@ -17,6 +17,28 @@ The tree view also offers a controlled API.
 
 {{"demo": "pages/components/tree-view/ControlledTreeView.js"}}
 
+## Rich object
+
+While the `TreeView`/`TreeItem` component API maximizes flexibility, an extra step is needed to handle a rich object.
+
+Let's consider a data variable with the following shape, recursion can be used to handle it.
+
+```js
+const data = {
+  id: 'root',
+  name: 'Parent',
+  children: [
+    {
+      id: '1',
+      name: 'Child - 1',
+    },
+    // …
+  ],
+};
+```
+
+{{"demo": "pages/components/tree-view/RecursiveTreeView.js", "defaultCodeOpen": false}}
+
 ## Customized tree view
 
 ### Custom icons, border and animation
diff --git a/docs/src/pages/components/tree-view/tree-view-ja.md b/docs/src/pages/components/tree-view/tree-view-ja.md
index 7517b69c63f0d6..6b6306f124cdbe 100644
--- a/docs/src/pages/components/tree-view/tree-view-ja.md
+++ b/docs/src/pages/components/tree-view/tree-view-ja.md
@@ -17,7 +17,29 @@ The tree view also offers a controlled API.
 
 {{"demo": "pages/components/tree-view/ControlledTreeView.js"}}
 
-## カスタマイズされたツリービュー
+## Rich object
+
+While the `TreeView`/`TreeItem` component API maximizes flexibility, an extra step is needed to handle a rich object.
+
+Let's consider a data variable with the following shape, recursion can be used to handle it.
+
+```js
+const data = {
+  id: 'root',
+  name: 'Parent',
+  children: [
+    {
+      id: '1',
+      name: 'Child - 1',
+    },
+    // …
+  ],
+};
+```
+
+{{"demo": "pages/components/tree-view/RecursiveTreeView.js", "defaultCodeOpen": false}}
+
+## Customized tree view
 
 ### Custom icons, border and animation
 
diff --git a/docs/src/pages/components/tree-view/tree-view-pt.md b/docs/src/pages/components/tree-view/tree-view-pt.md
index fa71babdbf0fc6..b1488e5e999251 100644
--- a/docs/src/pages/components/tree-view/tree-view-pt.md
+++ b/docs/src/pages/components/tree-view/tree-view-pt.md
@@ -17,7 +17,29 @@ The tree view also offers a controlled API.
 
 {{"demo": "pages/components/tree-view/ControlledTreeView.js"}}
 
-## Visualização em árvore customizada
+## Rich object
+
+While the `TreeView`/`TreeItem` component API maximizes flexibility, an extra step is needed to handle a rich object.
+
+Let's consider a data variable with the following shape, recursion can be used to handle it.
+
+```js
+const data = {
+  id: 'root',
+  name: 'Parent',
+  children: [
+    {
+      id: '1',
+      name: 'Child - 1',
+    },
+    // …
+  ],
+};
+```
+
+{{"demo": "pages/components/tree-view/RecursiveTreeView.js", "defaultCodeOpen": false}}
+
+## Customized tree view
 
 ### Ícones customizados, borda e animação
 
diff --git a/docs/src/pages/components/tree-view/tree-view-ru.md b/docs/src/pages/components/tree-view/tree-view-ru.md
index 6e679333ac0d28..c01d6228ca8153 100644
--- a/docs/src/pages/components/tree-view/tree-view-ru.md
+++ b/docs/src/pages/components/tree-view/tree-view-ru.md
@@ -17,6 +17,28 @@ The tree view also offers a controlled API.
 
 {{"demo": "pages/components/tree-view/ControlledTreeView.js"}}
 
+## Rich object
+
+While the `TreeView`/`TreeItem` component API maximizes flexibility, an extra step is needed to handle a rich object.
+
+Let's consider a data variable with the following shape, recursion can be used to handle it.
+
+```js
+const data = {
+  id: 'root',
+  name: 'Parent',
+  children: [
+    {
+      id: '1',
+      name: 'Child - 1',
+    },
+    // …
+  ],
+};
+```
+
+{{"demo": "pages/components/tree-view/RecursiveTreeView.js", "defaultCodeOpen": false}}
+
 ## Customized tree view
 
 ### Пользовательские иконки, границы и анимации
diff --git a/docs/src/pages/components/tree-view/tree-view-zh.md b/docs/src/pages/components/tree-view/tree-view-zh.md
index 7b05ccb74b736f..438016c34b9eda 100644
--- a/docs/src/pages/components/tree-view/tree-view-zh.md
+++ b/docs/src/pages/components/tree-view/tree-view-zh.md
@@ -3,7 +3,7 @@ title: 树视图组件
 components: TreeView, TreeItem
 ---
 
-# 树视图
+# Tree View 树视图
 
 <p class="description">用树视图，展现出层级关系。</p>
 
@@ -17,7 +17,29 @@ The tree view also offers a controlled API.
 
 {{"demo": "pages/components/tree-view/ControlledTreeView.js"}}
 
-## 自定义树视图
+## Rich object
+
+While the `TreeView`/`TreeItem` component API maximizes flexibility, an extra step is needed to handle a rich object.
+
+Let's consider a data variable with the following shape, recursion can be used to handle it.
+
+```js
+const data = {
+  id: 'root',
+  name: 'Parent',
+  children: [
+    {
+      id: '1',
+      name: 'Child - 1',
+    },
+    // …
+  ],
+};
+```
+
+{{"demo": "pages/components/tree-view/RecursiveTreeView.js", "defaultCodeOpen": false}}
+
+## Customized tree view
 
 ### Custom icons, border and animation
 
diff --git a/docs/src/pages/components/typography/typography-fr.md b/docs/src/pages/components/typography/typography-fr.md
index dc0998787e41f2..df3d5eb252031f 100644
--- a/docs/src/pages/components/typography/typography-fr.md
+++ b/docs/src/pages/components/typography/typography-fr.md
@@ -4,39 +4,39 @@ components: Typography
 
 # Typography
 
-<p class="description">Use typography to present your design and content as clearly and efficiently as possible.</p>
+<p class="description">Utilisez la typographie pour présenter votre design et votre contenu aussi clairement et efficacement que possible.</p>
 
-Too many type sizes and styles at once can spoil any layout. A [typographic scale](https://material.io/design/typography/#type-scale) has a limited set of type sizes that work well together along with the layout grid.
+Trop de types de formats et de styles à la fois peuvent gâcher n'importe quelle mise en page. Une [échelle typographique](https://material.io/design/typography/#type-scale) a un ensemble limité de tailles de type qui fonctionnent bien ensemble avec la grille de mise en page.
 
-## General
+## Général
 
-The *Roboto* font will **not** be automatically loaded by Material-UI. The developer is responsible for loading all fonts used in their application. Roboto Font has a few easy ways to get started. For more advanced configuration, check out [the theme customization section](/customization/typography/).
+La police *Roboto* ne sera **pas** automatiquement chargée par Material-UI. Le développeur est responsable du chargement de toutes les polices utilisées dans leur application. Roboto Font a quelques moyens faciles pour commencer. Pour une configuration plus avancée, consultez [la section de personnalisation du thème](/customization/typography/).
 
 ## Roboto Font CDN
 
-Shown below is a sample link markup used to load the Roboto font from a CDN:
+Afficher ci-dessous est un exemple de balisage de lien utilisé pour charger la police Roboto à partir d'un CDN :
 
 ```html
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
 ```
 
-## Install with npm
+## Installer via npm
 
-You can [install it](https://www.npmjs.com/package/typeface-roboto) by typing the below command in your terminal:
+Vous pouvez [l'installer](https://www.npmjs.com/package/typeface-roboto) en tapant la commande ci-dessous dans votre terminal :
 
 `npm install typeface-roboto --save`
 
-Then, you can import it in your entry-point.
+Ensuite, vous pouvez l'importer dans votre point d'entrée.
 
 ```js
 import 'typeface-roboto';
 ```
 
-For more info check out the [typeface](https://github.com/KyleAMathews/typefaces/tree/master/packages/roboto) project.
+Pour plus d'informations, consultez le projet [police de caractère](https://github.com/KyleAMathews/typefaces/tree/master/packages/roboto).
 
-⚠️ Be careful when using this approach. Make sure your bundler doesn't eager load all the font variations (100/300/400/500/700/900, italic/regular, SVG/woff). Inlining all the font files can significantly increase the size of your bundle. Material-UI default typography configuration only relies on 300, 400, 500, and 700 font weights.
+⚠️ Soyez prudent lorsque vous utilisez cette approche. Make sure your bundler doesn't eager load all the font variations (100/300/400/500/700/900, italic/regular, SVG/woff). Inlining all the font files can significantly increase the size of your bundle. Material-UI default typography configuration only relies on 300, 400, 500, and 700 font weights.
 
-## Component
+## Composant
 
 {{"demo": "pages/components/typography/Types.js"}}
 
diff --git a/docs/src/pages/components/typography/typography-zh.md b/docs/src/pages/components/typography/typography-zh.md
index cbc3c1082ce3f8..0a0020ded451f1 100644
--- a/docs/src/pages/components/typography/typography-zh.md
+++ b/docs/src/pages/components/typography/typography-zh.md
@@ -2,7 +2,7 @@
 components: Typography
 ---
 
-# Typography
+# Typography 文字铸排
 
 <p class="description">使用活版印刷可以尽可能清晰、高效地呈现您的设计和内容。</p>
 
diff --git a/docs/src/pages/components/use-media-query/use-media-query-zh.md b/docs/src/pages/components/use-media-query/use-media-query-zh.md
index f8f4ce8144810b..912a7da94f2d7d 100644
--- a/docs/src/pages/components/use-media-query/use-media-query-zh.md
+++ b/docs/src/pages/components/use-media-query/use-media-query-zh.md
@@ -11,7 +11,7 @@ title: React中的媒体查询用于响应式设计
 - ⚛️它有一个惯用的React API。
 - 🚀它具有高性能，它会观察文档以检测其媒体查询何时发生更改，而不是定期轮询值。
 - 📦 [1kB 已压缩的包](/size-snapshot)。
-- 🤖 It supports server-side rendering.
+- 🤖它支持服务器端渲染。
 
 ## 简单的媒体查询
 
diff --git a/docs/src/pages/customization/palette/palette-aa.md b/docs/src/pages/customization/palette/palette-aa.md
index 74106770e8c9e4..25d56852081c9a 100644
--- a/docs/src/pages/customization/palette/palette-aa.md
+++ b/docs/src/pages/customization/palette/palette-aa.md
@@ -92,7 +92,7 @@ crwdns107917:0crwdne107917:0
 crwdns107919:0crwdne107919:0
 
 ```jsx
-crwdns107121:0{ ThemeProvider }crwdne107121:0 crwdns107123:0[prefersDarkMode]crwdnd107123:0{theme}crwdne107123:0
+crwdns109825:0{ createMuiTheme, ThemeProvider }crwdne109825:0 crwdns107123:0[prefersDarkMode]crwdnd107123:0{theme}crwdne107123:0
 ```
 
 ## crwdns107125:0crwdne107125:0
diff --git a/docs/src/pages/customization/palette/palette-de.md b/docs/src/pages/customization/palette/palette-de.md
index 744798c95428ee..34767b3765012e 100644
--- a/docs/src/pages/customization/palette/palette-de.md
+++ b/docs/src/pages/customization/palette/palette-de.md
@@ -127,7 +127,7 @@ For instance, you can enable the dark mode automatically:
 ```jsx
 import React from 'react';
 import useMediaQuery from '@material-ui/core/useMediaQuery';
-import { ThemeProvider } from '@material-ui/core/styles';
+import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
 
 function App() {
   const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
diff --git a/docs/src/pages/customization/palette/palette-es.md b/docs/src/pages/customization/palette/palette-es.md
index e50d666a85b64b..0d508b5cbf9281 100644
--- a/docs/src/pages/customization/palette/palette-es.md
+++ b/docs/src/pages/customization/palette/palette-es.md
@@ -127,7 +127,7 @@ For instance, you can enable the dark mode automatically:
 ```jsx
 import React from 'react';
 import useMediaQuery from '@material-ui/core/useMediaQuery';
-import { ThemeProvider } from '@material-ui/core/styles';
+import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
 
 function App() {
   const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
diff --git a/docs/src/pages/customization/palette/palette-fr.md b/docs/src/pages/customization/palette/palette-fr.md
index 9b0e20ee3c25b5..96b1a4d9d769a1 100644
--- a/docs/src/pages/customization/palette/palette-fr.md
+++ b/docs/src/pages/customization/palette/palette-fr.md
@@ -127,7 +127,7 @@ For instance, you can enable the dark mode automatically:
 ```jsx
 import React from 'react';
 import useMediaQuery from '@material-ui/core/useMediaQuery';
-import { ThemeProvider } from '@material-ui/core/styles';
+import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
 
 function App() {
   const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
diff --git a/docs/src/pages/customization/palette/palette-ja.md b/docs/src/pages/customization/palette/palette-ja.md
index 7909da56d3e104..5ffd33f7c0da16 100644
--- a/docs/src/pages/customization/palette/palette-ja.md
+++ b/docs/src/pages/customization/palette/palette-ja.md
@@ -127,7 +127,7 @@ For instance, you can enable the dark mode automatically:
 ```jsx
 import React from 'react';
 import useMediaQuery from '@material-ui/core/useMediaQuery';
-import { ThemeProvider } from '@material-ui/core/styles';
+import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
 
 function App() {
   const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
diff --git a/docs/src/pages/customization/palette/palette-pt.md b/docs/src/pages/customization/palette/palette-pt.md
index bb35972b28de6c..83412e2e298594 100644
--- a/docs/src/pages/customization/palette/palette-pt.md
+++ b/docs/src/pages/customization/palette/palette-pt.md
@@ -127,7 +127,7 @@ For instance, you can enable the dark mode automatically:
 ```jsx
 import React from 'react';
 import useMediaQuery from '@material-ui/core/useMediaQuery';
-import { ThemeProvider } from '@material-ui/core/styles';
+import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
 
 function App() {
   const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
diff --git a/docs/src/pages/customization/palette/palette-ru.md b/docs/src/pages/customization/palette/palette-ru.md
index a3ca39f055d3a5..02141b1b365c14 100644
--- a/docs/src/pages/customization/palette/palette-ru.md
+++ b/docs/src/pages/customization/palette/palette-ru.md
@@ -127,7 +127,7 @@ For instance, you can enable the dark mode automatically:
 ```jsx
 import React from 'react';
 import useMediaQuery from '@material-ui/core/useMediaQuery';
-import { ThemeProvider } from '@material-ui/core/styles';
+import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
 
 function App() {
   const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
diff --git a/docs/src/pages/customization/palette/palette-zh.md b/docs/src/pages/customization/palette/palette-zh.md
index a7b7cc7ebe6a9f..ae43abe102bef4 100644
--- a/docs/src/pages/customization/palette/palette-zh.md
+++ b/docs/src/pages/customization/palette/palette-zh.md
@@ -127,7 +127,7 @@ For instance, you can enable the dark mode automatically:
 ```jsx
 import React from 'react';
 import useMediaQuery from '@material-ui/core/useMediaQuery';
-import { ThemeProvider } from '@material-ui/core/styles';
+import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
 
 function App() {
   const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
diff --git a/docs/src/pages/discover-more/related-projects/related-projects-aa.md b/docs/src/pages/discover-more/related-projects/related-projects-aa.md
index fd99da92b8c364..68f0758b01d82c 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects-aa.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects-aa.md
@@ -19,62 +19,70 @@ crwdns102648:0crwdne102648:0 crwdns102650:0crwdne102650:0
 - crwdns100882:0crwdne100882:0
 - crwdns100884:0crwdne100884:0
 
-## crwdns100886:0crwdne100886:0
+## crwdns109199:0crwdne109199:0
+
+- crwdns109201:0crwdne109201:0
+- crwdns109203:0crwdne109203:0
+
+## crwdns109205:0crwdne109205:0
 
 crwdns102652:0crwdne102652:0
 
 ### crwdns107983:0crwdne107983:0
 
-- crwdns107985:0crwdne107985:0 crwdns107987:0crwdne107987:0
+- crwdns109207:0crwdne109207:0 crwdns109209:0crwdne109209:0
 
 ### crwdns107989:0crwdne107989:0
 
-- crwdns107991:0crwdne107991:0 crwdns107993:0crwdne107993:0 crwdns107995:0crwdne107995:0
-- crwdns107997:0crwdne107997:0
-- crwdns107999:0crwdne107999:0
-- crwdns108001:0crwdne108001:0 crwdns108003:0crwdne108003:0
+- crwdns109211:0crwdne109211:0 crwdns109213:0crwdne109213:0
+- crwdns109215:0crwdne109215:0
+- crwdns109217:0crwdne109217:0
+- crwdns109219:0crwdne109219:0 crwdns109221:0crwdne109221:0
 
 ### crwdns108005:0crwdne108005:0
 
-- crwdns108007:0crwdne108007:0
+- crwdns109223:0crwdne109223:0
 
 ### crwdns108009:0crwdne108009:0
 
-- crwdns108011:0crwdne108011:0
+- crwdns109225:0crwdne109225:0
 
 ### crwdns108013:0crwdne108013:0
 
-- crwdns108015:0crwdne108015:0
-- crwdns108017:0crwdne108017:0
-- crwdns108019:0crwdne108019:0
-- crwdns108021:0crwdne108021:0
+- crwdns109573:0crwdne109573:0
+- crwdns109575:0crwdne109575:0
+- crwdns109577:0crwdne109577:0
 
 ### crwdns108023:0crwdne108023:0
 
-- crwdns108025:0crwdne108025:0
+- crwdns109235:0crwdne109235:0
 
 ### crwdns108027:0crwdne108027:0
 
-- crwdns108029:0crwdne108029:0 crwdns108031:0crwdne108031:0 crwdns108033:0crwdne108033:0
+- crwdns109237:0crwdne109237:0 crwdns109239:0crwdne109239:0 crwdns109241:0crwdne109241:0
 
 ### crwdns108035:0crwdne108035:0
 
-- crwdns108037:0crwdne108037:0
+- crwdns109243:0crwdne109243:0
 
 ### crwdns108039:0crwdne108039:0
 
-- crwdns108041:0crwdne108041:0
+- crwdns109245:0crwdne109245:0
 
 ### crwdns108043:0crwdne108043:0
 
-- crwdns108045:0crwdne108045:0
+- crwdns109247:0crwdne109247:0
 
 ### crwdns108047:0crwdne108047:0
 
-- crwdns108049:0crwdne108049:0
+- crwdns109249:0crwdne109249:0
+
+## crwdns109251:0crwdne109251:0
+
+- crwdns109253:0crwdne109253:0 crwdns109255:0crwdne109255:0
 
-## crwdns100928:0crwdne100928:0
+## crwdns109257:0crwdne109257:0
 
-- crwdns108051:0crwdne108051:0
-- crwdns108053:0crwdne108053:0
-- crwdns108055:0crwdne108055:0
\ No newline at end of file
+- crwdns109259:0crwdne109259:0
+- crwdns109261:0crwdne109261:0
+- crwdns109263:0crwdne109263:0
\ No newline at end of file
diff --git a/docs/src/pages/discover-more/related-projects/related-projects-de.md b/docs/src/pages/discover-more/related-projects/related-projects-de.md
index b6e12ead34c4d5..efe70418b9081c 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects-de.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects-de.md
@@ -19,39 +19,43 @@ Sie haben nicht die Design-Assets gefunden, die Ihr Team sucht? Lassen Sie es un
 - [Unsplash](https://unsplash.com): 📷 Eine großartige Ressource, um schöne, hochauflösende, kostenlose Fotos zu finden, die du in deinen Projekten verwenden kannst.
 - [unDraw](https://undraw.co/): 📐 Wie Unsplash, aber für großartige Vektor-Illustrationen.
 
+## IDE Tools
+
+- [Material-UI Snippets](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-snippets) VSCode extension providing snippets.
+- [Material-UI Codemorphs](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-codemorphs) VSCode extension providing codemods.
+
 ## Komponenten
 
 Dies ist eine Sammlung von Drittanbieterprojekten, die Material-UI erweitern.
 
 ### Layout
 
-- [@mui-treasury/layout](https://mui-treasury.com/layout): Komponenten für das grundlegende Layout einer Seite. Sie können ein paar Beispiele finden, z. B. [ein reactjs.org-Klon](https://mui-treasury.com/layout/clones/reactjs).
+- [@mui-treasury/layout](https://mui-treasury.com/layout): Components to handle the overall layout of a page. You can find a couple of examples, e.g. [a reactjs.org clone](https://mui-treasury.com/layout/clones/reactjs).
 
 ### Tabellen
 
-- [material-table](https://github.com/mbrn/material-table): Eine einfache und leistungsstarke Datatable für React, basierend auf der Material-UI-Tabelle mit einigen zusätzlichen Funktionen. Sie unterstützen viele verschiedene Anwendungsfälle (editierbar, filtern, gruppieren, sortieren, auswählen, i18n, Baumdaten und mehr). Sie sollten es sich mal angucken.
+- [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features. It supports many different use cases (editable, filtering, grouping, sorting, selection, i18n, tree data and more).
 - [dx-react-grid-material-ui](https://devexpress.github.io/devextreme-reactive/react/grid/): A data grid for Material-UI with paging, sorting, filtering, grouping and editing features ([paid license](https://js.devexpress.com/licensing/)).
 - [mui-datatables](https://github.com/gregnb/mui-datatables): Responsive data tables for Material-UI with filtering, sorting, search and more.
 - [tubular-react](https://github.com/unosquare/tubular-react): A Material-UI table with local or remote data-source. Featuring filtering, sorting, free-text search, export to CSV locally, and aggregations.
 
 ### Benachrichtigungen
 
-- [notistack](https://github.com/iamhosseindhv/notistack): Ermöglicht die einfache Anzeige von Snackbars (damit Sie sich nicht mit dem Öffnen/Schließen von Snackbars herumschlagen müssen).
+- [notistack](https://github.com/iamhosseindhv/notistack): Makes it easy to display snackbars (so you don't have to deal with open/close state of them).
 
 ### Upload
 
-- [material-ui-dropzone](https://github.com/Yuvaleros/material-ui-dropzone): Gebaut auf Basis der React-Dropzone.
+- [material-ui-dropzone](https://github.com/Yuvaleros/material-ui-dropzone): Built on top of react-dropzone.
 
 ### Formulare
 
-- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindungen zur Verwendung von Material-UI mit formik.
-- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Eine Reihe von Wrapper-Komponenten, die die Verwendung der Material-Benutzeroberfläche mit Redux-Formular erleichtern.
-- [final-form-material-ui](https://github.com/Deadly0/final-form-material-ui) Eine Reihe von Wrapper-Komponenten, die die Verwendung der Material-Benutzeroberfläche mit Final Form erleichtern.
-- [mui-rff](https://github.com/lookfirst/mui-rff) A set of wrapper components to facilitate using Material UI with React Final Form.
+- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindings for using Material-UI with [formik](https://jaredpalmer.com/formik).
+- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Bindings for using Material UI with [Redux Form](https://redux-form.com/).
+- [mui-rff](https://github.com/lookfirst/mui-rff) Bindings for using Material UI with [React Final Form](https://final-form.org/react).
 
 ### Carousel
 
-- [material-auto-rotating-carousel](https://mui.wertarbyte.com/#material-auto-rotating-carousel): Neue Benutzer in Ihre App einführen.
+- [material-auto-rotating-carousel](https://mui.wertarbyte.com/#material-auto-rotating-carousel): Introduce new users to your app.
 
 ### Image
 
@@ -73,6 +77,10 @@ Dies ist eine Sammlung von Drittanbieterprojekten, die Material-UI erweitern.
 
 - [material-ui-confirm](https://github.com/jonatanklosko/material-ui-confirm): Provides easy to use confirmation dialogs to simplify confirming user actions without writing boilerplate code.
 
+## Blocks
+
+- [components-extra](https://github.com/alexandre-lelain/components-extra): Provides a set of "molecule" components built on top of Material-UI like a Footer, a CookiesBanner, a BackToTop button and other complex elements highly customizable to help devs build the macro parts of their UI very quickly. Those components are often duplicated across sites - this library solves this exact problem.
+
 ## Theming
 
 - [create-mui-theme](https://react-theming.github.io/create-mui-theme/): An online tool for creating Material-UI themes via Material Design Color Tool.
diff --git a/docs/src/pages/discover-more/related-projects/related-projects-es.md b/docs/src/pages/discover-more/related-projects/related-projects-es.md
index 72446434590851..0d2df5fef7f2db 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects-es.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects-es.md
@@ -19,6 +19,11 @@ You didn't find the design assets your team is looking for? ¡Déjanos saber!
 - [Unsplash](https://unsplash.com): 📷 A great resource for finding beautiful, high-resolution, free photos that you can use in your projects.
 - [unDraw](https://undraw.co/): 📐 Like Unsplash but for amazing vector illustrations.
 
+## IDE Tools
+
+- [Material-UI Snippets](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-snippets) VSCode extension providing snippets.
+- [Material-UI Codemorphs](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-codemorphs) VSCode extension providing codemods.
+
 ## Componentes
 
 This is a collection of third-party projects that extend Material-UI.
@@ -29,7 +34,7 @@ This is a collection of third-party projects that extend Material-UI.
 
 ### Tables
 
-- [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features. They support many different use cases (editable, filtering, grouping, sorting, selection, i18n, tree data and more). You should check it out.
+- [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features. It supports many different use cases (editable, filtering, grouping, sorting, selection, i18n, tree data and more).
 - [dx-react-grid-material-ui](https://devexpress.github.io/devextreme-reactive/react/grid/): A data grid for Material-UI with paging, sorting, filtering, grouping and editing features ([paid license](https://js.devexpress.com/licensing/)).
 - [mui-datatables](https://github.com/gregnb/mui-datatables): Responsive data tables for Material-UI with filtering, sorting, search and more.
 - [tubular-react](https://github.com/unosquare/tubular-react): A Material-UI table with local or remote data-source. Featuring filtering, sorting, free-text search, export to CSV locally, and aggregations.
@@ -44,10 +49,9 @@ This is a collection of third-party projects that extend Material-UI.
 
 ### Formularios
 
-- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Enlaces para utilizar Material-UI con formik.
-- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Un conjunto de componentes contenedor para facilitar el uso de Material-UI junto a Redux Form.
-- [final-form-material-u](https://github.com/Deadly0/final-form-material-ui) Un conjunto de componentes contenedor para facilitar el uso de Material-UI junto a Final Form.
-- [mui-rff](https://github.com/lookfirst/mui-rff) A set of wrapper components to facilitate using Material UI with React Final Form.
+- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindings for using Material-UI with [formik](https://jaredpalmer.com/formik).
+- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Bindings for using Material UI with [Redux Form](https://redux-form.com/).
+- [mui-rff](https://github.com/lookfirst/mui-rff) Bindings for using Material UI with [React Final Form](https://final-form.org/react).
 
 ### Carousel
 
@@ -73,6 +77,10 @@ This is a collection of third-party projects that extend Material-UI.
 
 - [material-ui-confirm](https://github.com/jonatanklosko/material-ui-confirm): Provides easy to use confirmation dialogs to simplify confirming user actions without writing boilerplate code.
 
+## Blocks
+
+- [components-extra](https://github.com/alexandre-lelain/components-extra): Provides a set of "molecule" components built on top of Material-UI like a Footer, a CookiesBanner, a BackToTop button and other complex elements highly customizable to help devs build the macro parts of their UI very quickly. Those components are often duplicated across sites - this library solves this exact problem.
+
 ## Temática
 
 - [create-mui-theme](https://react-theming.github.io/create-mui-theme/): An online tool for creating Material-UI themes via Material Design Color Tool.
diff --git a/docs/src/pages/discover-more/related-projects/related-projects-fr.md b/docs/src/pages/discover-more/related-projects/related-projects-fr.md
index e99a0dcb0c6139..f905d80ca45834 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects-fr.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects-fr.md
@@ -19,6 +19,11 @@ You didn't find the design assets your team is looking for? Faites-nous savoir !
 - [Unsplash](https://unsplash.com): 📷 A great resource for finding beautiful, high-resolution, free photos that you can use in your projects.
 - [unDraw](https://undraw.co/): 📐 Like Unsplash but for amazing vector illustrations.
 
+## IDE Tools
+
+- [Material-UI Snippets](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-snippets) VSCode extension providing snippets.
+- [Material-UI Codemorphs](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-codemorphs) VSCode extension providing codemods.
+
 ## Composants
 
 This is a collection of third-party projects that extend Material-UI.
@@ -29,7 +34,7 @@ This is a collection of third-party projects that extend Material-UI.
 
 ### Tables
 
-- [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features. Ils prennent en charge de nombreux cas d'utilisation différents (éditable, filtrage, regroupement, tri, sélection, i18n, données arborescentes, etc.). Vous devriez y jeter un coup d'oeil.
+- [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features. It supports many different use cases (editable, filtering, grouping, sorting, selection, i18n, tree data and more).
 - [dx-react-grid-material-ui](https://devexpress.github.io/devextreme-reactive/react/grid/): A data grid for Material-UI with paging, sorting, filtering, grouping and editing features ([paid license](https://js.devexpress.com/licensing/)).
 - [mui-datatables](https://github.com/gregnb/mui-datatables): Responsive data tables for Material-UI with filtering, sorting, search and more.
 - [tubular-react](https://github.com/unosquare/tubular-react): A Material-UI table with local or remote data-source. Featuring filtering, sorting, free-text search, export to CSV locally, and aggregations.
@@ -44,10 +49,9 @@ This is a collection of third-party projects that extend Material-UI.
 
 ### Formulaires
 
-- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindings for using Material-UI with formik.
-- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) A set of wrapper components to facilitate using Material UI with Redux Form.
-- [final-form-material-ui](https://github.com/Deadly0/final-form-material-ui) A set of wrapper components to facilitate using Material UI with Final Form.
-- [mui-rff](https://github.com/lookfirst/mui-rff) A set of wrapper components to facilitate using Material UI with React Final Form.
+- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindings for using Material-UI with [formik](https://jaredpalmer.com/formik).
+- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Bindings for using Material UI with [Redux Form](https://redux-form.com/).
+- [mui-rff](https://github.com/lookfirst/mui-rff) Bindings for using Material UI with [React Final Form](https://final-form.org/react).
 
 ### Carousel
 
@@ -73,6 +77,10 @@ This is a collection of third-party projects that extend Material-UI.
 
 - [material-ui-confirm](https://github.com/jonatanklosko/material-ui-confirm): Provides easy to use confirmation dialogs to simplify confirming user actions without writing boilerplate code.
 
+## Blocks
+
+- [components-extra](https://github.com/alexandre-lelain/components-extra): Provides a set of "molecule" components built on top of Material-UI like a Footer, a CookiesBanner, a BackToTop button and other complex elements highly customizable to help devs build the macro parts of their UI very quickly. Those components are often duplicated across sites - this library solves this exact problem.
+
 ## Theming
 
 - [create-mui-theme](https://react-theming.github.io/create-mui-theme/): An online tool for creating Material-UI themes via Material Design Color Tool.
diff --git a/docs/src/pages/discover-more/related-projects/related-projects-ja.md b/docs/src/pages/discover-more/related-projects/related-projects-ja.md
index 3c8b69b243132e..498810204692dd 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects-ja.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects-ja.md
@@ -19,6 +19,11 @@ You didn't find the design assets your team is looking for? ご連絡くださ
 - [Unsplash](https://unsplash.com): 📷 A great resource for finding beautiful, high-resolution, free photos that you can use in your projects.
 - [unDraw](https://undraw.co/): 📐 Like Unsplash but for amazing vector illustrations.
 
+## IDE Tools
+
+- [Material-UI Snippets](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-snippets) VSCode extension providing snippets.
+- [Material-UI Codemorphs](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-codemorphs) VSCode extension providing codemods.
+
 ## コンポーネント
 
 This is a collection of third-party projects that extend Material-UI.
@@ -29,7 +34,7 @@ This is a collection of third-party projects that extend Material-UI.
 
 ### Tables
 
-- [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features. それらは多くの異なるユースケース（編集可能、フィルタリング、グループ化、ソート、選択、i18n、ツリーデータなど）をサポートします。 参照するといいでしょう。
+- [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features. It supports many different use cases (editable, filtering, grouping, sorting, selection, i18n, tree data and more).
 - [dx-react-grid-material-ui](https://devexpress.github.io/devextreme-reactive/react/grid/): A data grid for Material-UI with paging, sorting, filtering, grouping and editing features ([paid license](https://js.devexpress.com/licensing/)).
 - [mui-datatables](https://github.com/gregnb/mui-datatables): Responsive data tables for Material-UI with filtering, sorting, search and more.
 - [tubular-react](https://github.com/unosquare/tubular-react): A Material-UI table with local or remote data-source. Featuring filtering, sorting, free-text search, export to CSV locally, and aggregations.
@@ -44,10 +49,9 @@ This is a collection of third-party projects that extend Material-UI.
 
 ### Form
 
-- [formik-material-ui](https://github.com/stackworx/formik-material-ui) formikでMaterial-UIを使うためのバインディング。
-- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Redux FormでMaterial UIを使用しやすくするラッパーコンポーネントのセット。
-- [final-form-material-ui](https://github.com/Deadly0/final-form-material-ui) Final FormでMaterial UIを使いやすくするためのラッパーコンポーネントのセット。
-- [mui-rff](https://github.com/lookfirst/mui-rff) A set of wrapper components to facilitate using Material UI with React Final Form.
+- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindings for using Material-UI with [formik](https://jaredpalmer.com/formik).
+- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Bindings for using Material UI with [Redux Form](https://redux-form.com/).
+- [mui-rff](https://github.com/lookfirst/mui-rff) Bindings for using Material UI with [React Final Form](https://final-form.org/react).
 
 ### Carousel
 
@@ -73,6 +77,10 @@ This is a collection of third-party projects that extend Material-UI.
 
 - [material-ui-confirm](https://github.com/jonatanklosko/material-ui-confirm): Provides easy to use confirmation dialogs to simplify confirming user actions without writing boilerplate code.
 
+## Blocks
+
+- [components-extra](https://github.com/alexandre-lelain/components-extra): Provides a set of "molecule" components built on top of Material-UI like a Footer, a CookiesBanner, a BackToTop button and other complex elements highly customizable to help devs build the macro parts of their UI very quickly. Those components are often duplicated across sites - this library solves this exact problem.
+
 ## テーマ
 
 - [create-mui-theme](https://react-theming.github.io/create-mui-theme/): An online tool for creating Material-UI themes via Material Design Color Tool.
diff --git a/docs/src/pages/discover-more/related-projects/related-projects-pt.md b/docs/src/pages/discover-more/related-projects/related-projects-pt.md
index 1a39f0ddd6216e..6a247ec71141c2 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects-pt.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects-pt.md
@@ -19,6 +19,11 @@ Você não encontrou os recursos de design que sua equipe está procurando? Nos
 - [Unsplash](https://unsplash.com): 📷 Um ótimo recurso para encontrar fotos grátis de alta resolução e bonitas que você pode usar em seus projetos.
 - [unDraw](https://undraw.co/): 📐 Como Unsplash, mas para incríveis ilustrações vetoriais.
 
+## IDE Tools
+
+- [Material-UI Snippets](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-snippets) VSCode extension providing snippets.
+- [Material-UI Codemorphs](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-codemorphs) VSCode extension providing codemods.
+
 ## Componentes
 
 Esta é uma coleção de projetos de terceiros que estendem Material-UI.
@@ -29,7 +34,7 @@ Esta é uma coleção de projetos de terceiros que estendem Material-UI.
 
 ### Tables
 
-- [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features. Eles suportam muitos formas de utilização (edição, filtragem, agrupamento, ordenação, seleção, i18n, árvore de dados e muito mais). Você deveria dar uma olhada.
+- [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features. It supports many different use cases (editable, filtering, grouping, sorting, selection, i18n, tree data and more).
 - [dx-react-grid-material-ui](https://devexpress.github.io/devextreme-reactive/react/grid/) Uma grade de dados para Material-UI com paginação, ordenação, filtragem, agrupamento e funções de edição.([Com licenciamento de uso pago](https://js.devexpress.com/licensing/)).
 - [mui-datatables](https://github.com/gregnb/mui-datatables): Tabelas de dados responsivas para Material-UI com filtro, ordenação, pesquisa e muito mais.
 - [tubular-react](https://github.com/unosquare/tubular-react): Uma tabela de Material-UI com fonte de dados local ou remota. Com filtragem, classificação, pesquisa de texto livre, exportação para CSV localmente e agregações.
@@ -44,10 +49,9 @@ Esta é uma coleção de projetos de terceiros que estendem Material-UI.
 
 ### Formulários
 
-- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Ligações para usar Mateiral-UI com formik.
-- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Um conjunto de componentes do wrapper para facilitar o uso do Material UI com Redux Form.
-- [final-form-material-ui](https://github.com/Deadly0/final-form-material-ui) Um conjunto de componentes wrapper para facilitar o uso do Material UI com Final Form.
-- [mui-rff](https://github.com/lookfirst/mui-rff) A set of wrapper components to facilitate using Material UI with React Final Form.
+- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindings for using Material-UI with [formik](https://jaredpalmer.com/formik).
+- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Bindings for using Material UI with [Redux Form](https://redux-form.com/).
+- [mui-rff](https://github.com/lookfirst/mui-rff) Bindings for using Material UI with [React Final Form](https://final-form.org/react).
 
 ### Carousel
 
@@ -73,6 +77,10 @@ Esta é uma coleção de projetos de terceiros que estendem Material-UI.
 
 - [material-ui-confirm](https://github.com/jonatanklosko/material-ui-confirm): Provides easy to use confirmation dialogs to simplify confirming user actions without writing boilerplate code.
 
+## Blocks
+
+- [components-extra](https://github.com/alexandre-lelain/components-extra): Provides a set of "molecule" components built on top of Material-UI like a Footer, a CookiesBanner, a BackToTop button and other complex elements highly customizable to help devs build the macro parts of their UI very quickly. Those components are often duplicated across sites - this library solves this exact problem.
+
 ## Temas
 
 - [create-mui-theme](https://react-theming.github.io/create-mui-theme/): An online tool for creating Material-UI themes via Material Design Color Tool.
diff --git a/docs/src/pages/discover-more/related-projects/related-projects-ru.md b/docs/src/pages/discover-more/related-projects/related-projects-ru.md
index 885c5438b722c5..23af759399c41b 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects-ru.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects-ru.md
@@ -19,6 +19,11 @@ You didn't find the design assets your team is looking for? Дайте нам з
 - [Unsplash](https://unsplash.com): 📷 A great resource for finding beautiful, high-resolution, free photos that you can use in your projects.
 - [unDraw](https://undraw.co/): 📐 Like Unsplash but for amazing vector illustrations.
 
+## IDE Tools
+
+- [Material-UI Snippets](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-snippets) VSCode extension providing snippets.
+- [Material-UI Codemorphs](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-codemorphs) VSCode extension providing codemods.
+
 ## Компоненты
 
 This is a collection of third-party projects that extend Material-UI.
@@ -29,7 +34,7 @@ This is a collection of third-party projects that extend Material-UI.
 
 ### Tables
 
-- [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features. They support many different use cases (editable, filtering, grouping, sorting, selection, i18n, tree data and more). You should check it out.
+- [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features. It supports many different use cases (editable, filtering, grouping, sorting, selection, i18n, tree data and more).
 - [dx-react-grid-material-ui](https://devexpress.github.io/devextreme-reactive/react/grid/): A data grid for Material-UI with paging, sorting, filtering, grouping and editing features ([paid license](https://js.devexpress.com/licensing/)).
 - [mui-datatables](https://github.com/gregnb/mui-datatables): Responsive data tables for Material-UI with filtering, sorting, search and more.
 - [tubular-react](https://github.com/unosquare/tubular-react): A Material-UI table with local or remote data-source. Featuring filtering, sorting, free-text search, export to CSV locally, and aggregations.
@@ -44,10 +49,9 @@ This is a collection of third-party projects that extend Material-UI.
 
 ### Формы
 
-- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Привязки для использования Material-UI с formik.
-- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Набор компонентов-оберток для облегчения работы с Material UI в связке с Redux Form.
-- [final-form-material-ui](https://github.com/Deadly0/final-form-material-ui) Набор компонентов-оберток для облегчения работы с Material UI в связке с Final Form.
-- [mui-rff](https://github.com/lookfirst/mui-rff) A set of wrapper components to facilitate using Material UI with React Final Form.
+- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindings for using Material-UI with [formik](https://jaredpalmer.com/formik).
+- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Bindings for using Material UI with [Redux Form](https://redux-form.com/).
+- [mui-rff](https://github.com/lookfirst/mui-rff) Bindings for using Material UI with [React Final Form](https://final-form.org/react).
 
 ### Carousel
 
@@ -73,6 +77,10 @@ This is a collection of third-party projects that extend Material-UI.
 
 - [material-ui-confirm](https://github.com/jonatanklosko/material-ui-confirm): Provides easy to use confirmation dialogs to simplify confirming user actions without writing boilerplate code.
 
+## Blocks
+
+- [components-extra](https://github.com/alexandre-lelain/components-extra): Provides a set of "molecule" components built on top of Material-UI like a Footer, a CookiesBanner, a BackToTop button and other complex elements highly customizable to help devs build the macro parts of their UI very quickly. Those components are often duplicated across sites - this library solves this exact problem.
+
 ## Темизация
 
 - [create-mui-theme](https://react-theming.github.io/create-mui-theme/): An online tool for creating Material-UI themes via Material Design Color Tool.
diff --git a/docs/src/pages/discover-more/related-projects/related-projects-zh.md b/docs/src/pages/discover-more/related-projects/related-projects-zh.md
index 4e40f0ed3a33a8..31f7218eaaa36b 100644
--- a/docs/src/pages/discover-more/related-projects/related-projects-zh.md
+++ b/docs/src/pages/discover-more/related-projects/related-projects-zh.md
@@ -19,7 +19,12 @@ You didn't find the design assets your team is looking for? 请告诉我们吧
 - [Unsplash](https://unsplash.com): 📷 A great resource for finding beautiful, high-resolution, free photos that you can use in your projects.
 - [unDraw](https://undraw.co/): 📐 Like Unsplash but for amazing vector illustrations.
 
-## Components（组件）
+## IDE Tools
+
+- [Material-UI Snippets](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-snippets) VSCode extension providing snippets.
+- [Material-UI Codemorphs](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-codemorphs) VSCode extension providing codemods.
+
+## 组件
 
 This is a collection of third-party projects that extend Material-UI.
 
@@ -29,7 +34,7 @@ This is a collection of third-party projects that extend Material-UI.
 
 ### Tables
 
-- [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features. 它们支持了不同的用户案例（可编辑，筛选，分组，排序，选择，国际化，树形数据等等）。 您应该看一下。
+- [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features. It supports many different use cases (editable, filtering, grouping, sorting, selection, i18n, tree data and more).
 - [dx-react-grid-material-ui](https://devexpress.github.io/devextreme-reactive/react/grid/): A data grid for Material-UI with paging, sorting, filtering, grouping and editing features ([paid license](https://js.devexpress.com/licensing/)).
 - [mui-datatables](https://github.com/gregnb/mui-datatables): Responsive data tables for Material-UI with filtering, sorting, search and more.
 - [tubular-react](https://github.com/unosquare/tubular-react): A Material-UI table with local or remote data-source. Featuring filtering, sorting, free-text search, export to CSV locally, and aggregations.
@@ -44,10 +49,9 @@ This is a collection of third-party projects that extend Material-UI.
 
 ### Forms（表单）
 
-- [formik-material-ui](https://github.com/stackworx/formik-material-ui) 用于结合formik来使用Material-UI的绑定。
-- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) 用于更加方便地与Redux Form配搭来使用Material UI的一组包装组件。
-- [final-form-material-ui](https://github.com/Deadly0/final-form-material-ui)：一组配合 Final Form 和 Material UI 的封装组件。
-- [mui-rff](https://github.com/lookfirst/mui-rff) A set of wrapper components to facilitate using Material UI with React Final Form.
+- [formik-material-ui](https://github.com/stackworx/formik-material-ui) Bindings for using Material-UI with [formik](https://jaredpalmer.com/formik).
+- [redux-form-material-ui](https://github.com/erikras/redux-form-material-ui) Bindings for using Material UI with [Redux Form](https://redux-form.com/).
+- [mui-rff](https://github.com/lookfirst/mui-rff) Bindings for using Material UI with [React Final Form](https://final-form.org/react).
 
 ### Carousel
 
@@ -73,6 +77,10 @@ This is a collection of third-party projects that extend Material-UI.
 
 - [material-ui-confirm](https://github.com/jonatanklosko/material-ui-confirm): Provides easy to use confirmation dialogs to simplify confirming user actions without writing boilerplate code.
 
+## Blocks
+
+- [components-extra](https://github.com/alexandre-lelain/components-extra): Provides a set of "molecule" components built on top of Material-UI like a Footer, a CookiesBanner, a BackToTop button and other complex elements highly customizable to help devs build the macro parts of their UI very quickly. Those components are often duplicated across sites - this library solves this exact problem.
+
 ## 主题
 
 - [create-mui-theme](https://react-theming.github.io/create-mui-theme/): An online tool for creating Material-UI themes via Material Design Color Tool.
diff --git a/docs/src/pages/discover-more/team/team-de.md b/docs/src/pages/discover-more/team/team-de.md
index 50cf0c74628018..bab35b193a1655 100644
--- a/docs/src/pages/discover-more/team/team-de.md
+++ b/docs/src/pages/discover-more/team/team-de.md
@@ -2,10 +2,10 @@
 
 <p class="description">Eine Übersicht über das Gründerteam und die wichtigsten Mitarbeiter der Material-UI.</p>
 
-Material-UI is maintained by a small group of invaluable core contributors, with the massive support and involvement of the community.
+Material-UI wird von einer kleinen Gruppe unschätzbarer Kernmitarbeiter und der massiven Unterstützung und Engagement der Community gepflegt.
 
 {{"demo": "pages/discover-more/team/Team.js", "hideHeader": true, "bg": "inline"}}
 
-Machen Sie mit in der Entwicklung von Material-UI indem Sie ein [ Problem melden](https://github.com/mui-org/material-ui/issues/new) oder eine Pull-Anfrage absenden. Read the [contributing guidelines](https://github.com/mui-org/material-ui/blob/master/CONTRIBUTING.md) for information on how we develop.
+Machen Sie mit bei der Entwicklung von Material-UI indem Sie ein [ Problem melden](https://github.com/mui-org/material-ui/issues/new) oder einen Pull-Request erstellen. Lesen Sie unsere [ Richtlinien ](https://github.com/mui-org/material-ui/blob/master/CONTRIBUTING.md) um Informationen darüber zu erhalten, wie wir entwickeln.
 
-[Join and support the project!](/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project)
\ No newline at end of file
+[Mitmachen und das Projekt unterstützen!](/getting-started/faq/#material-ui-is-awesome-how-can-i-support-the-project)
\ No newline at end of file
diff --git a/docs/src/pages/discover-more/vision/vision-pt.md b/docs/src/pages/discover-more/vision/vision-pt.md
index 44fafb74ffe5b4..4a759428d408e2 100644
--- a/docs/src/pages/discover-more/vision/vision-pt.md
+++ b/docs/src/pages/discover-more/vision/vision-pt.md
@@ -1,4 +1,4 @@
-# Our Vision
+# Nossa Visão
 
 <p class="description">Nossa visão é fornecer uma implementação elegante de React utilizando as diretrizes do Material Design que podem ser personalizadas para se adequarem totalmente à sua marca.</p>
 
diff --git a/docs/src/pages/getting-started/example-projects/example-projects-aa.md b/docs/src/pages/getting-started/example-projects/example-projects-aa.md
index a4432c8436ec5e..6d4c41868756e0 100644
--- a/docs/src/pages/getting-started/example-projects/example-projects-aa.md
+++ b/docs/src/pages/getting-started/example-projects/example-projects-aa.md
@@ -45,6 +45,13 @@ crwdns104900:0crwdne104900:0
   - crwdns94336:0crwdne94336:0
   - crwdns94338:0crwdne94338:0
   - crwdns101564:0crwdne101564:0
+- crwdns109403:0crwdne109403:0
+    
+  - crwdns109405:0crwdne109405:0
+  - crwdns109407:0crwdne109407:0
+  - crwdns109409:0crwdne109409:0
+  - crwdns109411:0crwdne109411:0
+  - crwdns109413:0crwdne109413:0
 
 ### crwdns104908:0crwdne104908:0
 
diff --git a/docs/src/pages/getting-started/example-projects/example-projects-de.md b/docs/src/pages/getting-started/example-projects/example-projects-de.md
index 15339c645f8fe4..fe028b0c195c5f 100644
--- a/docs/src/pages/getting-started/example-projects/example-projects-de.md
+++ b/docs/src/pages/getting-started/example-projects/example-projects-de.md
@@ -45,6 +45,13 @@ If you want to start with a more complete and real-world example, you could take
   - React Router mit einem Navigationsbeispiel
   - Ein Docker-Container mit einem Nginx-Server für den Produktionsaufbau
   - Erstellt mit Create React App
+- [React SaaS Template](https://github.com/dunky11/react-saas-template):
+    
+  - Erstellt mit Create React App
+  - Features a landing page, a blog, an area to login/register and an admin-dashboard
+  - Fully routed using react-router
+  - Lazy loads components to boost performance
+  - Components for statistics, text with emoji support, image upload and much more...
 
 ### Kostenpflichtig
 
diff --git a/docs/src/pages/getting-started/example-projects/example-projects-es.md b/docs/src/pages/getting-started/example-projects/example-projects-es.md
index dbeb1a0e1f3179..fbf9d50f641167 100644
--- a/docs/src/pages/getting-started/example-projects/example-projects-es.md
+++ b/docs/src/pages/getting-started/example-projects/example-projects-es.md
@@ -1,10 +1,10 @@
 # Proyectos de Ejemplo
 
-<p class="description">A selection of example projects to get started with.</p>
+<p class="description">Una selección de proyectos de ejemplo para empezar.</p>
 
-## Official examples
+## Ejemplos oficiales
 
-You can find some example projects in the [GitHub repository](https://github.com/mui-org/material-ui) under the [`/examples`](https://github.com/mui-org/material-ui/tree/master/examples) folder:
+Puedes encontrar algunos proyectos de ejemplo en el [repositorio de Github](https://github.com/mui-org/material-ui) dentro de la carpeta [`/examples`](https://github.com/mui-org/material-ui/tree/master/examples):
 
 - [Create React App](https://github.com/mui-org/material-ui/tree/master/examples/create-react-app)
 - [Gatsby](https://github.com/mui-org/material-ui/tree/master/examples/gatsby)
@@ -27,7 +27,7 @@ If you want to start with a more complete and real-world example, you could take
 - [React Most Wanted](https://github.com/TarikHuber/react-most-wanted):
     
   - Creado con Create React App
-  - Custom Create React App script to start a new project with just a single CLI command
+  - Crear un script de Create React App personalizado para iniciar un nuevo proyecto con un solo comando CLI
   - Build for Firebase including Authentication using the official Firebase Web Auth UI
   - Routing with React Router including error handling (404) and lazy loading
   - All PWA features included (SW, Notifications, deferred installation prompt and more)
@@ -45,6 +45,13 @@ If you want to start with a more complete and real-world example, you could take
   - React Router incluido con un ejemplo de navegación
   - Un contenedor de docker con servidor Nginx para compilado de producción
   - Creado con Create React App
+- [React SaaS Template](https://github.com/dunky11/react-saas-template):
+    
+  - Creado con Create React App
+  - Features a landing page, a blog, an area to login/register and an admin-dashboard
+  - Fully routed using react-router
+  - Lazy loads components to boost performance
+  - Components for statistics, text with emoji support, image upload and much more...
 
 ### De Pago
 
diff --git a/docs/src/pages/getting-started/example-projects/example-projects-fr.md b/docs/src/pages/getting-started/example-projects/example-projects-fr.md
index 69d37467519b2c..33de296d1977a5 100644
--- a/docs/src/pages/getting-started/example-projects/example-projects-fr.md
+++ b/docs/src/pages/getting-started/example-projects/example-projects-fr.md
@@ -45,6 +45,13 @@ If you want to start with a more complete and real-world example, you could take
   - React Router included with a navigation example
   - A docker container with an Nginx server for production build
   - Created with Create React App
+- [React SaaS Template](https://github.com/dunky11/react-saas-template):
+    
+  - Created with Create React App
+  - Features a landing page, a blog, an area to login/register and an admin-dashboard
+  - Fully routed using react-router
+  - Lazy loads components to boost performance
+  - Components for statistics, text with emoji support, image upload and much more...
 
 ### Payant
 
diff --git a/docs/src/pages/getting-started/example-projects/example-projects-ja.md b/docs/src/pages/getting-started/example-projects/example-projects-ja.md
index 007cc5a4143593..a6e13a631e6ab5 100644
--- a/docs/src/pages/getting-started/example-projects/example-projects-ja.md
+++ b/docs/src/pages/getting-started/example-projects/example-projects-ja.md
@@ -45,6 +45,13 @@ If you want to start with a more complete and real-world example, you could take
   - ナビゲーションのサンプルに含まれるReact Router
   - プロダクションビルド用のNginxサーバ含むdockerコンテナ
   - Create React Appによる生成
+- [React SaaS Template](https://github.com/dunky11/react-saas-template):
+    
+  - Create React Appによる生成
+  - Features a landing page, a blog, an area to login/register and an admin-dashboard
+  - Fully routed using react-router
+  - Lazy loads components to boost performance
+  - Components for statistics, text with emoji support, image upload and much more...
 
 ### 有料
 
diff --git a/docs/src/pages/getting-started/example-projects/example-projects-pt.md b/docs/src/pages/getting-started/example-projects/example-projects-pt.md
index 4340a2b8aa3dc5..ef3f3e875ed153 100644
--- a/docs/src/pages/getting-started/example-projects/example-projects-pt.md
+++ b/docs/src/pages/getting-started/example-projects/example-projects-pt.md
@@ -45,6 +45,13 @@ If you want to start with a more complete and real-world example, you could take
   - React Router incluído com um exemplo de navegação
   - Um contêiner docker com um servidor Nginx para compilação de produção
   - Criado com o Create React App
+- [React SaaS Template](https://github.com/dunky11/react-saas-template):
+    
+  - Criado com o Create React App
+  - Features a landing page, a blog, an area to login/register and an admin-dashboard
+  - Fully routed using react-router
+  - Lazy loads components to boost performance
+  - Components for statistics, text with emoji support, image upload and much more...
 
 ### Pago
 
diff --git a/docs/src/pages/getting-started/example-projects/example-projects-ru.md b/docs/src/pages/getting-started/example-projects/example-projects-ru.md
index 6ab1600598cf15..ecb47e4795bb54 100644
--- a/docs/src/pages/getting-started/example-projects/example-projects-ru.md
+++ b/docs/src/pages/getting-started/example-projects/example-projects-ru.md
@@ -45,6 +45,13 @@ If you want to start with a more complete and real-world example, you could take
   - React Router включен с примером навигации
   - A docker container with an Nginx server for production build
   - Created with Create React App
+- [React SaaS Template](https://github.com/dunky11/react-saas-template):
+    
+  - Created with Create React App
+  - Features a landing page, a blog, an area to login/register and an admin-dashboard
+  - Fully routed using react-router
+  - Lazy loads components to boost performance
+  - Components for statistics, text with emoji support, image upload and much more...
 
 ### Paid
 
diff --git a/docs/src/pages/getting-started/example-projects/example-projects-zh.md b/docs/src/pages/getting-started/example-projects/example-projects-zh.md
index e9d39711b463d1..ef740dbdd49b64 100644
--- a/docs/src/pages/getting-started/example-projects/example-projects-zh.md
+++ b/docs/src/pages/getting-started/example-projects/example-projects-zh.md
@@ -45,6 +45,13 @@ Create React App 是一个很棒的学习 React 的项目。 请看一下这些[
   - 在导航示例中涵盖了 React Router
   - 一个具有用于生产环境创造的 Nginx 服务器的 Docker container(Docker 容器)。
   - 使用 Create React App 创建
+- [React SaaS Template](https://github.com/dunky11/react-saas-template):
+    
+  - 使用 Create React App 创建
+  - Features a landing page, a blog, an area to login/register and an admin-dashboard
+  - Fully routed using react-router
+  - Lazy loads components to boost performance
+  - Components for statistics, text with emoji support, image upload and much more...
 
 ### 付费的资源
 
diff --git a/docs/src/pages/getting-started/support/support-de.md b/docs/src/pages/getting-started/support/support-de.md
index d3fa16dba1ed75..15904c02afdd8b 100644
--- a/docs/src/pages/getting-started/support/support-de.md
+++ b/docs/src/pages/getting-started/support/support-de.md
@@ -1,22 +1,22 @@
-# Support
+# Unterstützung
 
-<p class="description">From community help to premium critical business support, we’re here to help.</p>
+<p class="description">Von Community-Hilfe bis hin zu erstklassiger Unternehmensunterstützung sind wir hier um Ihnen zu helfen.</p>
 
-## Community help
+## Community-Hilfe
 
-The community is your first stop for questions and advice about the framework. Welcome to the community!
+Die Community ist Ihre erste Anlaufstelle für Fragen und Beratung zu dem Framework. Willkommen in der Community!
 
 ### StackOverflow <img src="/static/images/logos/stackoverflow.svg" width="24" height="24" alt="StackOverflow logo" loading="lazy" />
 
-For crowdsourced technical questions from expert Material-UI devs in our community. Also frequented by the Material-UI core team.
+Für crowdsourced-technische Fragen von professionellen Material-UI-Entwickler in unserer community. Auch häufig besucht vom Material-UI Kernteam.
 
-[Post a question](https://stackoverflow.com/questions/tagged/material-ui)
+[Stellen Sie eine Frage](https://stackoverflow.com/questions/tagged/material-ui)
 
 ### GitHub <img src="/static/images/logos/github.svg" width="24" height="24" alt="GitHub logo" loading="lazy" />
 
-We use GitHub issues exclusively as a bugs and feature requests tracker. If you think you have found a bug, or have a new feature idea, please start by making sure it hasn't already been [reported or fixed](https://github.com/mui-org/material-ui/issues?utf8=%E2%9C%93&q=is%3Aopen+is%3Aclosed). You can search through existing issues and pull requests to see if someone has reported one similar to yours.
+Wir verwenden GitHub Issues ausschließlich als Bug und Feature Request-Tracker. Wenn Sie denken, Sie haben einen Bug gefunden, oder haben eine neue Feature-Idee, bitte stellen Sie zuerst sicher, dass diese nicht bereits [gemeldet oder behoben](https://github.com/mui-org/material-ui/issues?utf8=%E2%9C%93&q=is%3Aopen+is%3Aclosed) wurde. Sie können bestehende Probleme und Pull-Requests durchsuchen, um zu sehen, ob jemand etwas ähnliches gemeldet hat.
 
-[Open an issue](https://github.com/mui-org/material-ui/issues/new/choose)
+[Ein Ticket öffnen](https://github.com/mui-org/material-ui/issues/new/choose)
 
 #### New issue guidelines
 
diff --git a/docs/src/pages/guides/localization/localization-aa.md b/docs/src/pages/guides/localization/localization-aa.md
index 788792c42435f4..73eb214230a505 100644
--- a/docs/src/pages/guides/localization/localization-aa.md
+++ b/docs/src/pages/guides/localization/localization-aa.md
@@ -23,25 +23,28 @@ crwdns105209:0{ createMuiTheme, ThemeProvider }crwdnd105209:0{ zhCN }crwdnd10520
 | crwdns108373:0crwdne108373:0 | crwdns108375:0crwdne108375:0 | `crwdns108377:0crwdne108377:0` |
 | crwdns108379:0crwdne108379:0 | crwdns108381:0crwdne108381:0 | `crwdns108383:0crwdne108383:0` |
 | crwdns108385:0crwdne108385:0 | crwdns108387:0crwdne108387:0 | `crwdns108389:0crwdne108389:0` |
-| crwdns108391:0crwdne108391:0 | crwdns108393:0crwdne108393:0 | `crwdns108395:0crwdne108395:0` |
-| crwdns108397:0crwdne108397:0 | crwdns108399:0crwdne108399:0 | `crwdns108401:0crwdne108401:0` |
-| crwdns108403:0crwdne108403:0 | crwdns108405:0crwdne108405:0 | `crwdns108407:0crwdne108407:0` |
-| crwdns108409:0crwdne108409:0 | crwdns108411:0crwdne108411:0 | `crwdns108413:0crwdne108413:0` |
-| crwdns108415:0crwdne108415:0 | crwdns108417:0crwdne108417:0 | `crwdns108419:0crwdne108419:0` |
-| crwdns108421:0crwdne108421:0 | crwdns108423:0crwdne108423:0 | `crwdns108425:0crwdne108425:0` |
-| crwdns108427:0crwdne108427:0 | crwdns108429:0crwdne108429:0 | `crwdns108431:0crwdne108431:0` |
-| crwdns108433:0crwdne108433:0 | crwdns108435:0crwdne108435:0 | `crwdns108437:0crwdne108437:0` |
-| crwdns108439:0crwdne108439:0 | crwdns108441:0crwdne108441:0 | `crwdns108443:0crwdne108443:0` |
-| crwdns108445:0crwdne108445:0 | crwdns108447:0crwdne108447:0 | `crwdns108449:0crwdne108449:0` |
-| crwdns108451:0crwdne108451:0 | crwdns108453:0crwdne108453:0 | `crwdns108455:0crwdne108455:0` |
-| crwdns108457:0crwdne108457:0 | crwdns108459:0crwdne108459:0 | `crwdns108461:0crwdne108461:0` |
-| crwdns108463:0crwdne108463:0 | crwdns108465:0crwdne108465:0 | `crwdns108467:0crwdne108467:0` |
-| crwdns108469:0crwdne108469:0 | crwdns108471:0crwdne108471:0 | `crwdns108473:0crwdne108473:0` |
-| crwdns108475:0crwdne108475:0 | crwdns108477:0crwdne108477:0 | `crwdns108479:0crwdne108479:0` |
-| crwdns108481:0crwdne108481:0 | crwdns108483:0crwdne108483:0 | `crwdns108485:0crwdne108485:0` |
-| crwdns108487:0crwdne108487:0 | crwdns108489:0crwdne108489:0 | `crwdns108491:0crwdne108491:0` |
-| crwdns108493:0crwdne108493:0 | crwdns108495:0crwdne108495:0 | `crwdns108497:0crwdne108497:0` |
-| crwdns108499:0crwdne108499:0 | crwdns108501:0crwdne108501:0 | `crwdns108503:0crwdne108503:0` |
+| crwdns109847:0crwdne109847:0 | crwdns109849:0crwdne109849:0 | `crwdns109851:0crwdne109851:0` |
+| crwdns109853:0crwdne109853:0 | crwdns109855:0crwdne109855:0 | `crwdns109857:0crwdne109857:0` |
+| crwdns109859:0crwdne109859:0 | crwdns109861:0crwdne109861:0 | `crwdns109863:0crwdne109863:0` |
+| crwdns109865:0crwdne109865:0 | crwdns109867:0crwdne109867:0 | `crwdns109869:0crwdne109869:0` |
+| crwdns109871:0crwdne109871:0 | crwdns109873:0crwdne109873:0 | `crwdns109875:0crwdne109875:0` |
+| crwdns109877:0crwdne109877:0 | crwdns109879:0crwdne109879:0 | `crwdns109881:0crwdne109881:0` |
+| crwdns109883:0crwdne109883:0 | crwdns109885:0crwdne109885:0 | `crwdns109887:0crwdne109887:0` |
+| crwdns109889:0crwdne109889:0 | crwdns109891:0crwdne109891:0 | `crwdns109893:0crwdne109893:0` |
+| crwdns109895:0crwdne109895:0 | crwdns109897:0crwdne109897:0 | `crwdns109899:0crwdne109899:0` |
+| crwdns109901:0crwdne109901:0 | crwdns109903:0crwdne109903:0 | `crwdns109905:0crwdne109905:0` |
+| crwdns109907:0crwdne109907:0 | crwdns109909:0crwdne109909:0 | `crwdns109911:0crwdne109911:0` |
+| crwdns109913:0crwdne109913:0 | crwdns109915:0crwdne109915:0 | `crwdns109917:0crwdne109917:0` |
+| crwdns109919:0crwdne109919:0 | crwdns109921:0crwdne109921:0 | `crwdns109923:0crwdne109923:0` |
+| crwdns109925:0crwdne109925:0 | crwdns109927:0crwdne109927:0 | `crwdns109929:0crwdne109929:0` |
+| crwdns109931:0crwdne109931:0 | crwdns109933:0crwdne109933:0 | `crwdns109935:0crwdne109935:0` |
+| crwdns109937:0crwdne109937:0 | crwdns109939:0crwdne109939:0 | `crwdns109941:0crwdne109941:0` |
+| crwdns109943:0crwdne109943:0 | crwdns109945:0crwdne109945:0 | `crwdns109947:0crwdne109947:0` |
+| crwdns109949:0crwdne109949:0 | crwdns109951:0crwdne109951:0 | `crwdns109953:0crwdne109953:0` |
+| crwdns109955:0crwdne109955:0 | crwdns109957:0crwdne109957:0 | `crwdns109959:0crwdne109959:0` |
+| crwdns109961:0crwdne109961:0 | crwdns109963:0crwdne109963:0 | `crwdns109965:0crwdne109965:0` |
+| crwdns109967:0crwdne109967:0 | crwdns109969:0crwdne109969:0 | `crwdns109971:0crwdne109971:0` |
+| crwdns109973:0crwdne109973:0 | crwdns109975:0crwdne109975:0 | `crwdns109977:0crwdne109977:0` |
 
 crwdns105285:0crwdne105285:0
 
diff --git a/docs/src/pages/guides/localization/localization-de.md b/docs/src/pages/guides/localization/localization-de.md
index 202bd4ebc4247d..d0629f14c2b697 100644
--- a/docs/src/pages/guides/localization/localization-de.md
+++ b/docs/src/pages/guides/localization/localization-de.md
@@ -34,9 +34,12 @@ const theme = createMuiTheme({
 | Czech                   | cs-CZ               | `csCZ`     |
 | Dutch                   | nl-NL               | `nlNL`     |
 | English (United States) | en-US               | `enUS`     |
+| Estonian                | et-EE               | `etEE`     |
 | Finnish                 | fi-FI               | `fiFI`     |
 | French                  | fr-FR               | `frFR`     |
 | German                  | de-DE               | `deDE`     |
+| Hungarian               | hu-HU               | `huHU`     |
+| Icelandic               | is-IS               | `isIS`     |
 | Indonesian              | id-ID               | `idID`     |
 | Italian                 | it-IT               | `itIT`     |
 | Japanese                | ja-JP               | `jaJP`     |
diff --git a/docs/src/pages/guides/localization/localization-es.md b/docs/src/pages/guides/localization/localization-es.md
index c038a2fcbb7895..b3f1b271729ecb 100644
--- a/docs/src/pages/guides/localization/localization-es.md
+++ b/docs/src/pages/guides/localization/localization-es.md
@@ -34,9 +34,12 @@ const theme = createMuiTheme({
 | Czech                   | cs-CZ               | `csCZ`            |
 | Dutch                   | nl-NL               | `nlNL`            |
 | English (United States) | en-US               | `enUS`            |
+| Estonian                | et-EE               | `etEE`            |
 | Finnish                 | fi-FI               | `fiFI`            |
 | French                  | fr-FR               | `frFR`            |
 | German                  | de-DE               | `deDE`            |
+| Hungarian               | hu-HU               | `huHU`            |
+| Icelandic               | is-IS               | `isIS`            |
 | Indonesian              | id-ID               | `idID`            |
 | Italian                 | it-IT               | `itIT`            |
 | Japanese                | ja-JP               | `jaJP`            |
diff --git a/docs/src/pages/guides/localization/localization-fr.md b/docs/src/pages/guides/localization/localization-fr.md
index 66724808d8b6a4..85ac46507ea887 100644
--- a/docs/src/pages/guides/localization/localization-fr.md
+++ b/docs/src/pages/guides/localization/localization-fr.md
@@ -34,9 +34,12 @@ const theme = createMuiTheme({
 | Czech                   | cs-CZ               | `csCZ`      |
 | Dutch                   | nl-NL               | `nlNL`      |
 | English (United States) | en-US               | `enUS`      |
+| Estonian                | et-EE               | `etEE`      |
 | Finnish                 | fi-FI               | `fiFI`      |
 | French                  | fr-FR               | `frFR`      |
 | German                  | de-DE               | `deDE`      |
+| Hungarian               | hu-HU               | `huHU`      |
+| Icelandic               | is-IS               | `isIS`      |
 | Indonesian              | id-ID               | `idID`      |
 | Italian                 | it-IT               | `itIT`      |
 | Japanese                | ja-JP               | `jaJP`      |
diff --git a/docs/src/pages/guides/localization/localization-ja.md b/docs/src/pages/guides/localization/localization-ja.md
index 00d15f7539a129..ac94ee22162ed2 100644
--- a/docs/src/pages/guides/localization/localization-ja.md
+++ b/docs/src/pages/guides/localization/localization-ja.md
@@ -34,9 +34,12 @@ const theme = createMuiTheme({
 | Czech                   | cs-CZ               | `csCZ`      |
 | Dutch                   | nl-NL               | `nlNL`      |
 | English (United States) | en-US               | `enUS`      |
+| Estonian                | et-EE               | `etEE`      |
 | Finnish                 | fi-FI               | `fiFI`      |
 | French                  | fr-FR               | `frFR`      |
 | German                  | de-DE               | `deDE`      |
+| Hungarian               | hu-HU               | `huHU`      |
+| Icelandic               | is-IS               | `isIS`      |
 | Indonesian              | id-ID               | `idID`      |
 | Italian                 | it-IT               | `itIT`      |
 | Japanese                | ja-JP               | `jaJP`      |
diff --git a/docs/src/pages/guides/localization/localization-pt.md b/docs/src/pages/guides/localization/localization-pt.md
index a74eaddae605aa..d94cb05eaf81f9 100644
--- a/docs/src/pages/guides/localization/localization-pt.md
+++ b/docs/src/pages/guides/localization/localization-pt.md
@@ -34,9 +34,12 @@ const theme = createMuiTheme({
 | Czech                   | cs-CZ               | `csCZ`             |
 | Dutch                   | nl-NL               | `nlNL`             |
 | English (United States) | en-US               | `enUS`             |
+| Estonian                | et-EE               | `etEE`             |
 | Finnish                 | fi-FI               | `fiFI`             |
 | French                  | fr-FR               | `frFR`             |
 | German                  | de-DE               | `deDE`             |
+| Hungarian               | hu-HU               | `huHU`             |
+| Icelandic               | is-IS               | `isIS`             |
 | Indonesian              | id-ID               | `idID`             |
 | Italian                 | it-IT               | `itIT`             |
 | Japanese                | ja-JP               | `jaJP`             |
diff --git a/docs/src/pages/guides/localization/localization-ru.md b/docs/src/pages/guides/localization/localization-ru.md
index 54aa37a1a5d762..3b3d82fd03c746 100644
--- a/docs/src/pages/guides/localization/localization-ru.md
+++ b/docs/src/pages/guides/localization/localization-ru.md
@@ -34,9 +34,12 @@ const theme = createMuiTheme({
 | Czech                   | cs-CZ               | `csCZ` |
 | Dutch                   | nl-NL               | `nlNL` |
 | English (United States) | en-US               | `enUS` |
+| Estonian                | et-EE               | `etEE` |
 | Finnish                 | fi-FI               | `fiFI` |
 | French                  | fr-FR               | `frFR` |
 | German                  | de-DE               | `deDE` |
+| Hungarian               | hu-HU               | `huHU` |
+| Icelandic               | is-IS               | `isIS` |
 | Indonesian              | id-ID               | `idID` |
 | Italian                 | it-IT               | `itIT` |
 | Japanese                | ja-JP               | `jaJP` |
diff --git a/docs/src/pages/guides/localization/localization-zh.md b/docs/src/pages/guides/localization/localization-zh.md
index 95210592940cdf..7f6601e09e4ebb 100644
--- a/docs/src/pages/guides/localization/localization-zh.md
+++ b/docs/src/pages/guides/localization/localization-zh.md
@@ -1,12 +1,12 @@
-# Localization
+# 本地化
 
-<p class="description">Localization (also referred to as "l10n") is the process of adapting a product or content to a specific locale or market.</p>
+<p class="description">本地化（也称为“i10n”），是使产品或内容适应特定地区或市场的过程。</p>
 
-The default locale of Material-UI is English (United States). If you want to use other locales, follow the instructions below.
+Material-UI 的默认语言环境是 English (United States)。 如果您想使用其他语言环境，按照下面的说明去做。
 
-## Locale text
+## 本地化文本
 
-Use the theme to configure the locale text globally:
+使用主题来全局地配置语言环境文本：
 
 ```jsx
 import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
@@ -23,45 +23,48 @@ const theme = createMuiTheme({
 </ThemeProvider>
 ```
 
-### Supported locales
+### 支持的语言环境
 
-| Locale                  | BCP 47 language tag | 导入名称   |
-|:----------------------- |:------------------- |:------ |
-| Azerbaijani             | az-AZ               | `azAZ` |
-| Bulgarian               | bg-BG               | `bgBG` |
-| Catalan                 | ca-ES               | `caES` |
-| Chinese (Simplified)    | zh-CN               | `zhCN` |
-| Czech                   | cs-CZ               | `csCZ` |
-| Dutch                   | nl-NL               | `nlNL` |
-| English (United States) | en-US               | `enUS` |
-| Finnish                 | fi-FI               | `fiFI` |
-| French                  | fr-FR               | `frFR` |
-| German                  | de-DE               | `deDE` |
-| Indonesian              | id-ID               | `idID` |
-| Italian                 | it-IT               | `itIT` |
-| Japanese                | ja-JP               | `jaJP` |
-| Korean                  | ko-KR               | `koKR` |
-| Persian                 | fa-IR               | `faIR` |
-| Polish                  | pl-PL               | `plPL` |
-| Portuguese (Brazil)     | pt-BR               | `ptBR` |
-| Portuguese              | pt-PT               | `ptPT` |
-| Romanian                | ro-RO               | `roRO` |
-| Russian                 | ru-RU               | `ruRU` |
-| Slovak                  | sk-SK               | `skSK` |
-| Spanish                 | es-ES               | `esES` |
-| Swedish                 | sv-SE               | `svSE` |
-| Turkish                 | tr-TR               | `trTR` |
-| Ukrainian               | uk-UA               | `ukUA` |
-| Vietnamese              | vi-VN               | `viVN` |
+| 地区                  | BCP 47 语言标签 | 导入名称   |
+|:------------------- |:----------- |:------ |
+| Azerbaijani         | az-AZ       | `azAZ` |
+| 保加利亚语               | bg-BG       | `bgBG` |
+| 加泰罗尼亚语              | ca-ES       | `caES` |
+| 简体中文                | zh-CN       | `zhCN` |
+| 捷克语                 | cs-CZ       | `csCZ` |
+| 荷兰语                 | nl-NL       | `nlNL` |
+| 英语（美式）              | en-US       | `enUS` |
+| Estonian            | et-EE       | `etEE` |
+| Finnish             | fi-FI       | `fiFI` |
+| French              | fr-FR       | `frFR` |
+| German              | de-DE       | `deDE` |
+| Hungarian           | hu-HU       | `huHU` |
+| Icelandic           | is-IS       | `isIS` |
+| Indonesian          | id-ID       | `idID` |
+| Italian             | it-IT       | `itIT` |
+| Japanese            | ja-JP       | `jaJP` |
+| Korean              | ko-KR       | `koKR` |
+| Persian             | fa-IR       | `faIR` |
+| Polish              | pl-PL       | `plPL` |
+| Portuguese (Brazil) | pt-BR       | `ptBR` |
+| Portuguese          | pt-PT       | `ptPT` |
+| Romanian            | ro-RO       | `roRO` |
+| Russian             | ru-RU       | `ruRU` |
+| Slovak              | sk-SK       | `skSK` |
+| Spanish             | es-ES       | `esES` |
+| Swedish             | sv-SE       | `svSE` |
+| Turkish             | tr-TR       | `trTR` |
+| Ukrainian           | uk-UA       | `ukUA` |
+| Vietnamese          | vi-VN       | `viVN` |
 
-You can [find the source](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/locale/index.js) in the GitHub repository.
+您可以在GitHub库中找到[源文件](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/locale/index.js)。
 
-To create your own translation, or to customise the English text, copy this file to your project, make any changes needed and import the locale from there. (Please do consider contributing new translations back to Material-UI by opening a pull request.)
+要创建自己的翻译，或自定义英文文本，请将此文件复制到您的项目中，进行所需的任何更改并从那里导入语言环境。 （请务必考虑通过开启一个 pull request 为 Material-UI 贡献新的翻译。）
 
 ### 示例
 
 {{"demo": "pages/guides/localization/Locales.js", "defaultCodeOpen": false}}
 
-## RTL Support
+## RTL 支持
 
-Right-to-left languages such as Arabic, Persian or Hebrew are supported. Follow [this guide](/guides/right-to-left/) to use them.
+支持从右到左的语言，如阿拉伯语（Arabic）、波斯语（Persian ）或希伯来语（Hebrew ）。 遵循[本指南](/guides/right-to-left/)使用它们。
diff --git a/docs/src/pages/guides/typescript/typescript-aa.md b/docs/src/pages/guides/typescript/typescript-aa.md
index fabee9fbacd2cc..85a985e977b0ed 100644
--- a/docs/src/pages/guides/typescript/typescript-aa.md
+++ b/docs/src/pages/guides/typescript/typescript-aa.md
@@ -121,10 +121,10 @@ crwdns100666:0crwdne100666:0
 crwdns100668:0crwdne100668:0
 
 ```ts
-crwdns100670:0{ ThemeOptions }crwdnd100670:0{
+crwdns109131:0{ createMuiTheme }crwdnd109131:0{ ThemeOptions }crwdnd109131:0{
       width: 225,
       breakpoint: 'lg',
-    }crwdne100670:0
+    }crwdne109131:0
 ```
 
 crwdns100672:0crwdne100672:0
@@ -137,12 +137,39 @@ crwdns100674:0{ breakpoint: 'md' }crwdne100674:0
 
 crwdns107347:0crwdne107347:0 crwdns101664:0crwdne101664:0 crwdns101666:0crwdne101666:0
 
-crwdns100682:0crwdne100682:0 crwdns100684:0crwdne100684:0 crwdns100686:0crwdne100686:0
+crwdns109133:0crwdne109133:0 crwdns109135:0crwdne109135:0
+
+crwdns109137:0crwdne109137:0
+
+crwdns109139:0crwdne109139:0
+
+```ts
+crwdns109141:0{ component: 'a' }crwdne109141:0 crwdns109143:0crwdne109143:0
+```
+
+crwdns109145:0crwdne109145:0 crwdns109147:0crwdne109147:0 crwdns109149:0crwdne109149:0
+
+crwdns109151:0crwdne109151:0
+
+```ts
+crwdns109153:0crwdne109153:0 crwdns109155:0crwdne109155:0
+```
+
+crwdns109157:0crwdne109157:0
+
+```ts
+crwdns109159:0{ prop1 }crwdnd109159:0{ prop1: string }crwdne109159:0
+crwdns109161:0{ThirdPartyComponent}crwdne109161:0
+```
+
+crwdns109163:0crwdne109163:0
+
+crwdns109165:0crwdne109165:0 crwdns109167:0crwdne109167:0 crwdns109169:0crwdne109169:0
 
 ## crwdns96852:0crwdne96852:0
 
-crwdns100688:0crwdne100688:0 crwdns100690:0crwdne100690:0
+crwdns109171:0crwdne109171:0 crwdns109173:0crwdne109173:0
 
-crwdns100692:0crwdne100692:0 crwdns100694:0crwdne100694:0 crwdns100696:0crwdne100696:0
+crwdns109175:0crwdne109175:0 crwdns109177:0crwdne109177:0 crwdns109179:0crwdne109179:0
 
-crwdns101410:0crwdne101410:0 crwdns100700:0crwdne100700:0 crwdns100702:0crwdne100702:0 crwdns101412:0crwdne101412:0
\ No newline at end of file
+crwdns109181:0crwdne109181:0 crwdns109183:0crwdne109183:0 crwdns109185:0crwdne109185:0 crwdns109187:0crwdne109187:0
\ No newline at end of file
diff --git a/docs/src/pages/guides/typescript/typescript-de.md b/docs/src/pages/guides/typescript/typescript-de.md
index e81fa7d8b2dd36..9503ffca964493 100644
--- a/docs/src/pages/guides/typescript/typescript-de.md
+++ b/docs/src/pages/guides/typescript/typescript-de.md
@@ -241,7 +241,8 @@ Und eine benutzerdefinierte Theme Generierung mit zusätzlichen Standardoptionen
 **./styles/createMyTheme**:
 
 ```ts
-import createMuiTheme, { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
+import { createMuiTheme } from '@material-ui/core/styles';
+import { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
 
 export default function createMyTheme(options: ThemeOptions) {
   return createMuiTheme({
@@ -266,7 +267,43 @@ const theme = createMyTheme({ appDrawer: { breakpoint: 'md' }});
 
 Many Material-UI components allow you to replace their root node via a `component` prop, this will be detailed in the component's API documentation. For example, a Button's root node can be replaced with a React Router's Link, and any additional props that are passed to Button, such as `to`, will be spread to the Link component. For a code example concerning Button and react-router-dom checkout [these demos](/guides/composition/#routing-libraries).
 
-Nicht jede Komponente unterstützt vollständig jeden übergebenen Komponententyp. Wenn Sie auf eine Komponente stoßen, die ihre `component` Eigenschaft ablehnt in TypeScript, öffnen Sie bitte eine Frage in Github. Es besteht ein ständiger Aufwand, um dies zu beheben, indem Komponentenstützen generisch gemacht werden.
+To be able to use props of such a Material-UI component on their own, props should be used with type arguments. Otherwise, the `component` prop will not be present in the props of the Material-UI component.
+
+The examples below use `TypographyProps` but the same will work for any component which has props defined with `OverrideProps`.
+
+The following `CustomComponent` component has the same props as the `Typography` component.
+
+```ts
+function CustomComponent(props: TypographyProps<'a', { component: 'a' }>) {
+  /* ... */
+}
+```
+
+Now the `CustomComponent` can be used with a `component` prop which should be set to `'a'`. In addition, the `CustomComponent` will have all props of a `<a>` HTML element. The other props of the `Typography` component will also be present in props of the `CustomComponent`.
+
+It is possible to have generic `CustomComponent` which will accept any React component, custom and HTML elements.
+
+```ts
+function GenericCustomComponent<C extends React.ElementType>(
+  props: TypographyProps<C, { component?: C }>,
+) {
+  /* ... */
+}
+```
+
+Now if the `GenericCustomComponent` will be used with a `component` prop provided, it should also have all props required by the provided component.
+
+```ts
+function ThirdPartyComponent({ prop1 } : { prop1: string }) {
+  return <div />
+}
+// ...
+<GenericCustomComponent component={ThirdPartyComponent} prop1="some value" />;
+```
+
+The `prop1` became required for the `GenericCustomComponent` as the `ThirdPartyComponent` has it as a requirement.
+
+Not every component fully supports any component type you pass in. If you encounter a component that rejects its `component` props in TypeScript please open an issue. There is an ongoing effort to fix this by making component props generic.
 
 ## Handling `value` and event handlers
 
diff --git a/docs/src/pages/guides/typescript/typescript-es.md b/docs/src/pages/guides/typescript/typescript-es.md
index 99cb18eea1bdfb..84f7f0f961bbba 100644
--- a/docs/src/pages/guides/typescript/typescript-es.md
+++ b/docs/src/pages/guides/typescript/typescript-es.md
@@ -239,7 +239,8 @@ And a custom theme factory with additional defaulted options:
 **./styles/createMyTheme**:
 
 ```ts
-import createMuiTheme, { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
+import { createMuiTheme } from '@material-ui/core/styles';
+import { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
 
 export default function createMyTheme(options: ThemeOptions) {
   return createMuiTheme({
@@ -264,6 +265,42 @@ const theme = createMyTheme({ appDrawer: { breakpoint: 'md' }});
 
 Many Material-UI components allow you to replace their root node via a `component` prop, this will be detailed in the component's API documentation. For example, a Button's root node can be replaced with a React Router's Link, and any additional props that are passed to Button, such as `to`, will be spread to the Link component. For a code example concerning Button and react-router-dom checkout [these demos](/guides/composition/#routing-libraries).
 
+To be able to use props of such a Material-UI component on their own, props should be used with type arguments. Otherwise, the `component` prop will not be present in the props of the Material-UI component.
+
+The examples below use `TypographyProps` but the same will work for any component which has props defined with `OverrideProps`.
+
+The following `CustomComponent` component has the same props as the `Typography` component.
+
+```ts
+function CustomComponent(props: TypographyProps<'a', { component: 'a' }>) {
+  /* ... */
+}
+```
+
+Now the `CustomComponent` can be used with a `component` prop which should be set to `'a'`. In addition, the `CustomComponent` will have all props of a `<a>` HTML element. The other props of the `Typography` component will also be present in props of the `CustomComponent`.
+
+It is possible to have generic `CustomComponent` which will accept any React component, custom and HTML elements.
+
+```ts
+function GenericCustomComponent<C extends React.ElementType>(
+  props: TypographyProps<C, { component?: C }>,
+) {
+  /* ... */
+}
+```
+
+Now if the `GenericCustomComponent` will be used with a `component` prop provided, it should also have all props required by the provided component.
+
+```ts
+function ThirdPartyComponent({ prop1 } : { prop1: string }) {
+  return <div />
+}
+// ...
+<GenericCustomComponent component={ThirdPartyComponent} prop1="some value" />;
+```
+
+The `prop1` became required for the `GenericCustomComponent` as the `ThirdPartyComponent` has it as a requirement.
+
 Not every component fully supports any component type you pass in. If you encounter a component that rejects its `component` props in TypeScript please open an issue. There is an ongoing effort to fix this by making component props generic.
 
 ## Handling `value` and event handlers
diff --git a/docs/src/pages/guides/typescript/typescript-fr.md b/docs/src/pages/guides/typescript/typescript-fr.md
index fa8f9298e802f8..30eb0546b7ea0e 100644
--- a/docs/src/pages/guides/typescript/typescript-fr.md
+++ b/docs/src/pages/guides/typescript/typescript-fr.md
@@ -239,7 +239,8 @@ And a custom theme factory with additional defaulted options:
 **./styles/createMyTheme**:
 
 ```ts
-import createMuiTheme, { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
+import { createMuiTheme } from '@material-ui/core/styles';
+import { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
 
 export default function createMyTheme(options: ThemeOptions) {
   return createMuiTheme({
@@ -264,6 +265,42 @@ const theme = createMyTheme({ appDrawer: { breakpoint: 'md' }});
 
 Many Material-UI components allow you to replace their root node via a `component` prop, this will be detailed in the component's API documentation. For example, a Button's root node can be replaced with a React Router's Link, and any additional props that are passed to Button, such as `to`, will be spread to the Link component. For a code example concerning Button and react-router-dom checkout [these demos](/guides/composition/#routing-libraries).
 
+To be able to use props of such a Material-UI component on their own, props should be used with type arguments. Otherwise, the `component` prop will not be present in the props of the Material-UI component.
+
+The examples below use `TypographyProps` but the same will work for any component which has props defined with `OverrideProps`.
+
+The following `CustomComponent` component has the same props as the `Typography` component.
+
+```ts
+function CustomComponent(props: TypographyProps<'a', { component: 'a' }>) {
+  /* ... */
+}
+```
+
+Now the `CustomComponent` can be used with a `component` prop which should be set to `'a'`. In addition, the `CustomComponent` will have all props of a `<a>` HTML element. The other props of the `Typography` component will also be present in props of the `CustomComponent`.
+
+It is possible to have generic `CustomComponent` which will accept any React component, custom and HTML elements.
+
+```ts
+function GenericCustomComponent<C extends React.ElementType>(
+  props: TypographyProps<C, { component?: C }>,
+) {
+  /* ... */
+}
+```
+
+Now if the `GenericCustomComponent` will be used with a `component` prop provided, it should also have all props required by the provided component.
+
+```ts
+function ThirdPartyComponent({ prop1 } : { prop1: string }) {
+  return <div />
+}
+// ...
+<GenericCustomComponent component={ThirdPartyComponent} prop1="some value" />;
+```
+
+The `prop1` became required for the `GenericCustomComponent` as the `ThirdPartyComponent` has it as a requirement.
+
 Not every component fully supports any component type you pass in. If you encounter a component that rejects its `component` props in TypeScript please open an issue. There is an ongoing effort to fix this by making component props generic.
 
 ## Handling `value` and event handlers
diff --git a/docs/src/pages/guides/typescript/typescript-ja.md b/docs/src/pages/guides/typescript/typescript-ja.md
index bad6ec28025efa..b15b8029f376c0 100644
--- a/docs/src/pages/guides/typescript/typescript-ja.md
+++ b/docs/src/pages/guides/typescript/typescript-ja.md
@@ -239,7 +239,8 @@ declare module '@material-ui/core/styles/createMuiTheme' {
 **./styles/createMyTheme**:
 
 ```ts
-import createMuiTheme, { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
+import { createMuiTheme } from '@material-ui/core/styles';
+import { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
 
 export default function createMyTheme(options: ThemeOptions) {
   return createMuiTheme({
@@ -264,12 +265,48 @@ const theme = createMyTheme({ appDrawer: { breakpoint: 'md' }});
 
 Many Material-UI components allow you to replace their root node via a `component` prop, this will be detailed in the component's API documentation. For example, a Button's root node can be replaced with a React Router's Link, and any additional props that are passed to Button, such as `to`, will be spread to the Link component. For a code example concerning Button and react-router-dom checkout [these demos](/guides/composition/#routing-libraries).
 
-すべてのコンポーネントが、渡すコンポーネントタイプを完全にサポートしているわけではありません。 次のような問題が発生した場合 TypeScriptで `component`プロパティを拒否するコンポーネントの問題を開いてください。 コンポーネントプロップを汎用化することで、この問題を解決するための取り組みが続けられています。
+To be able to use props of such a Material-UI component on their own, props should be used with type arguments. Otherwise, the `component` prop will not be present in the props of the Material-UI component.
+
+The examples below use `TypographyProps` but the same will work for any component which has props defined with `OverrideProps`.
+
+The following `CustomComponent` component has the same props as the `Typography` component.
+
+```ts
+function CustomComponent(props: TypographyProps<'a', { component: 'a' }>) {
+  /* ... */
+}
+```
+
+Now the `CustomComponent` can be used with a `component` prop which should be set to `'a'`. In addition, the `CustomComponent` will have all props of a `<a>` HTML element. The other props of the `Typography` component will also be present in props of the `CustomComponent`.
+
+It is possible to have generic `CustomComponent` which will accept any React component, custom and HTML elements.
+
+```ts
+function GenericCustomComponent<C extends React.ElementType>(
+  props: TypographyProps<C, { component?: C }>,
+) {
+  /* ... */
+}
+```
+
+Now if the `GenericCustomComponent` will be used with a `component` prop provided, it should also have all props required by the provided component.
+
+```ts
+function ThirdPartyComponent({ prop1 } : { prop1: string }) {
+  return <div />
+}
+// ...
+<GenericCustomComponent component={ThirdPartyComponent} prop1="some value" />;
+```
+
+The `prop1` became required for the `GenericCustomComponent` as the `ThirdPartyComponent` has it as a requirement.
+
+Not every component fully supports any component type you pass in. If you encounter a component that rejects its `component` props in TypeScript please open an issue. There is an ongoing effort to fix this by making component props generic.
 
 ## `value` およびイベントハンドラの処理
 
-ユーザ入力に関連する多くのコンポーネントは、現在の `value`を含む`value`プロパティまたはイベントハンドラを提供します。 ほとんどの場合、`値`のみが処理されます。 オブジェクトや配列などの任意のタイプを使用できます。
+Many components concerned with user input offer a `value` prop or event handlers which include the current `value`. In most situations that `value` is only handled within React which allows it be of any type, such as objects or arrays.
 
-ただし、そのタイプは、たとえば`Select`または`RadioGroup`など、コンポーネントの子に依存する状況では、コンパイル時に検証できません。 つまり、soundest オプションは、それを`unknown`として入力し、その型をどのように絞り込むかを開発者に決定させることです。 [同じ理由で` event.target` は Reactでは一般的ではないため](https://github.com/DefinitelyTyped/DefinitelyTyped/issues/11508#issuecomment-256045682)これらの場合にジェネリック タイプを使用する可能性は提供しません。
+However, that type cannot be verified at compile time in situations where it depends on the component's children e.g. for `Select` or `RadioGroup`. This means that the soundest option is to type it as `unknown` and let the developer decide how they want to narrow that type down. We do not offer the possibility to use a generic type in those cases for [the same reasons `event.target` is not generic in React](https://github.com/DefinitelyTyped/DefinitelyTyped/issues/11508#issuecomment-256045682).
 
-The demos include typed variants that use type casting. すべての型が単一のファイル内にあり、非常に基本的であるため、これは許容できるトレードオフです。 同じトレードオフが受け入れられるかどうかは、自分で判断する必要があります。 The library types are be strict by default and loose via opt-in.
\ No newline at end of file
+The demos include typed variants that use type casting. It is an acceptable tradeoff because the types are all located in a single file and are very basic. You have to decide for yourself if the same tradeoff is acceptable for you. The library types are be strict by default and loose via opt-in.
\ No newline at end of file
diff --git a/docs/src/pages/guides/typescript/typescript-pt.md b/docs/src/pages/guides/typescript/typescript-pt.md
index 4fcc413c86a88f..ce459f5a4b9add 100644
--- a/docs/src/pages/guides/typescript/typescript-pt.md
+++ b/docs/src/pages/guides/typescript/typescript-pt.md
@@ -239,7 +239,8 @@ E uma fábrica customizada de temas com opções padrão adicionais:
 **./styles/createMyTheme**:
 
 ```ts
-import createMuiTheme, { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
+import { createMuiTheme } from '@material-ui/core/styles';
+import { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
 
 export default function createMyTheme(options: ThemeOptions) {
   return createMuiTheme({
@@ -264,12 +265,48 @@ const theme = createMyTheme({ appDrawer: { breakpoint: 'md' }});
 
 Many Material-UI components allow you to replace their root node via a `component` prop, this will be detailed in the component's API documentation. For example, a Button's root node can be replaced with a React Router's Link, and any additional props that are passed to Button, such as `to`, will be spread to the Link component. For a code example concerning Button and react-router-dom checkout [these demos](/guides/composition/#routing-libraries).
 
-Nem todos os componentes suportam totalmente qualquer tipo de componente que você passe. Se você encontrar algum componente que rejeita sua propriedade `component` no TypeScript por favor abra um issue. Há um esforço contínuo para corrigir isso fazendo com que a propriedade component seja genérica.
+To be able to use props of such a Material-UI component on their own, props should be used with type arguments. Otherwise, the `component` prop will not be present in the props of the Material-UI component.
+
+The examples below use `TypographyProps` but the same will work for any component which has props defined with `OverrideProps`.
+
+The following `CustomComponent` component has the same props as the `Typography` component.
+
+```ts
+function CustomComponent(props: TypographyProps<'a', { component: 'a' }>) {
+  /* ... */
+}
+```
+
+Now the `CustomComponent` can be used with a `component` prop which should be set to `'a'`. In addition, the `CustomComponent` will have all props of a `<a>` HTML element. The other props of the `Typography` component will also be present in props of the `CustomComponent`.
+
+It is possible to have generic `CustomComponent` which will accept any React component, custom and HTML elements.
+
+```ts
+function GenericCustomComponent<C extends React.ElementType>(
+  props: TypographyProps<C, { component?: C }>,
+) {
+  /* ... */
+}
+```
+
+Now if the `GenericCustomComponent` will be used with a `component` prop provided, it should also have all props required by the provided component.
+
+```ts
+function ThirdPartyComponent({ prop1 } : { prop1: string }) {
+  return <div />
+}
+// ...
+<GenericCustomComponent component={ThirdPartyComponent} prop1="some value" />;
+```
+
+The `prop1` became required for the `GenericCustomComponent` as the `ThirdPartyComponent` has it as a requirement.
+
+Not every component fully supports any component type you pass in. If you encounter a component that rejects its `component` props in TypeScript please open an issue. There is an ongoing effort to fix this by making component props generic.
 
 ## Manipulando `value` e manipuladores de eventos
 
-Muitos componentes preocupados com a entrada do usuário oferecem uma propriedade `value` ou manipuladores de eventos que incluem o valor atual em `value`. Na maioria das situações, `value` só é manipulado dentro do React, o que permite que seja de qualquer tipo, como objetos ou matrizes.
+Many components concerned with user input offer a `value` prop or event handlers which include the current `value`. In most situations that `value` is only handled within React which allows it be of any type, such as objects or arrays.
 
-No entanto, esse tipo não pode ser verificado em tempo de compilação em situações em que depende de nós filhos do componente, por exemplo, para `Select` ou `RadioGroup`. Isso significa que a opção mais segura é tipando como `unknown` e deixar que o desenvolvedor decida como deseja restringir esse tipo. Não oferecemos a possibilidade de usar um tipo genérico nesses casos, devido [as mesmas razões que `event.target` não é genérico no React](https://github.com/DefinitelyTyped/DefinitelyTyped/issues/11508#issuecomment-256045682).
+However, that type cannot be verified at compile time in situations where it depends on the component's children e.g. for `Select` or `RadioGroup`. This means that the soundest option is to type it as `unknown` and let the developer decide how they want to narrow that type down. We do not offer the possibility to use a generic type in those cases for [the same reasons `event.target` is not generic in React](https://github.com/DefinitelyTyped/DefinitelyTyped/issues/11508#issuecomment-256045682).
 
-As demonstrações incluem variantes tipadas que usam conversão de tipo. É uma troca aceitável porque os tipos estão todos localizados em um único arquivo e são muito básicos. Você tem que decidir por si mesmo se a mesma troca é aceitável para você. The library types are be strict by default and loose via opt-in.
\ No newline at end of file
+The demos include typed variants that use type casting. It is an acceptable tradeoff because the types are all located in a single file and are very basic. You have to decide for yourself if the same tradeoff is acceptable for you. The library types are be strict by default and loose via opt-in.
\ No newline at end of file
diff --git a/docs/src/pages/guides/typescript/typescript-ru.md b/docs/src/pages/guides/typescript/typescript-ru.md
index 99cb18eea1bdfb..84f7f0f961bbba 100644
--- a/docs/src/pages/guides/typescript/typescript-ru.md
+++ b/docs/src/pages/guides/typescript/typescript-ru.md
@@ -239,7 +239,8 @@ And a custom theme factory with additional defaulted options:
 **./styles/createMyTheme**:
 
 ```ts
-import createMuiTheme, { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
+import { createMuiTheme } from '@material-ui/core/styles';
+import { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
 
 export default function createMyTheme(options: ThemeOptions) {
   return createMuiTheme({
@@ -264,6 +265,42 @@ const theme = createMyTheme({ appDrawer: { breakpoint: 'md' }});
 
 Many Material-UI components allow you to replace their root node via a `component` prop, this will be detailed in the component's API documentation. For example, a Button's root node can be replaced with a React Router's Link, and any additional props that are passed to Button, such as `to`, will be spread to the Link component. For a code example concerning Button and react-router-dom checkout [these demos](/guides/composition/#routing-libraries).
 
+To be able to use props of such a Material-UI component on their own, props should be used with type arguments. Otherwise, the `component` prop will not be present in the props of the Material-UI component.
+
+The examples below use `TypographyProps` but the same will work for any component which has props defined with `OverrideProps`.
+
+The following `CustomComponent` component has the same props as the `Typography` component.
+
+```ts
+function CustomComponent(props: TypographyProps<'a', { component: 'a' }>) {
+  /* ... */
+}
+```
+
+Now the `CustomComponent` can be used with a `component` prop which should be set to `'a'`. In addition, the `CustomComponent` will have all props of a `<a>` HTML element. The other props of the `Typography` component will also be present in props of the `CustomComponent`.
+
+It is possible to have generic `CustomComponent` which will accept any React component, custom and HTML elements.
+
+```ts
+function GenericCustomComponent<C extends React.ElementType>(
+  props: TypographyProps<C, { component?: C }>,
+) {
+  /* ... */
+}
+```
+
+Now if the `GenericCustomComponent` will be used with a `component` prop provided, it should also have all props required by the provided component.
+
+```ts
+function ThirdPartyComponent({ prop1 } : { prop1: string }) {
+  return <div />
+}
+// ...
+<GenericCustomComponent component={ThirdPartyComponent} prop1="some value" />;
+```
+
+The `prop1` became required for the `GenericCustomComponent` as the `ThirdPartyComponent` has it as a requirement.
+
 Not every component fully supports any component type you pass in. If you encounter a component that rejects its `component` props in TypeScript please open an issue. There is an ongoing effort to fix this by making component props generic.
 
 ## Handling `value` and event handlers
diff --git a/docs/src/pages/guides/typescript/typescript-zh.md b/docs/src/pages/guides/typescript/typescript-zh.md
index 16994bf074c76f..5188e8f312d8a5 100644
--- a/docs/src/pages/guides/typescript/typescript-zh.md
+++ b/docs/src/pages/guides/typescript/typescript-zh.md
@@ -239,7 +239,8 @@ declare module '@material-ui/core/styles/createMuiTheme' {
 **./styles/createMyTheme**:
 
 ```ts
-import createMuiTheme, { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
+import { createMuiTheme } from '@material-ui/core/styles';
+import { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
 
 export default function createMyTheme(options: ThemeOptions) {
   return createMuiTheme({
@@ -264,12 +265,48 @@ const theme = createMyTheme({ appDrawer: { breakpoint: 'md' }});
 
 Many Material-UI components allow you to replace their root node via a `component` prop, this will be detailed in the component's API documentation. For example, a Button's root node can be replaced with a React Router's Link, and any additional props that are passed to Button, such as `to`, will be spread to the Link component. For a code example concerning Button and react-router-dom checkout [these demos](/guides/composition/#routing-libraries).
 
-但是，并不是每个组件都完全支持您传入的任何组件类型。 如果您在 TypeScript 中遇到一个不接受其 `component` 属性的组件，请新建一个 issue。 通过使组件道具具有通用性，一直在努力解决这个问题。
+To be able to use props of such a Material-UI component on their own, props should be used with type arguments. Otherwise, the `component` prop will not be present in the props of the Material-UI component.
+
+The examples below use `TypographyProps` but the same will work for any component which has props defined with `OverrideProps`.
+
+The following `CustomComponent` component has the same props as the `Typography` component.
+
+```ts
+function CustomComponent(props: TypographyProps<'a', { component: 'a' }>) {
+  /* ... */
+}
+```
+
+Now the `CustomComponent` can be used with a `component` prop which should be set to `'a'`. In addition, the `CustomComponent` will have all props of a `<a>` HTML element. The other props of the `Typography` component will also be present in props of the `CustomComponent`.
+
+It is possible to have generic `CustomComponent` which will accept any React component, custom and HTML elements.
+
+```ts
+function GenericCustomComponent<C extends React.ElementType>(
+  props: TypographyProps<C, { component?: C }>,
+) {
+  /* ... */
+}
+```
+
+Now if the `GenericCustomComponent` will be used with a `component` prop provided, it should also have all props required by the provided component.
+
+```ts
+function ThirdPartyComponent({ prop1 } : { prop1: string }) {
+  return <div />
+}
+// ...
+<GenericCustomComponent component={ThirdPartyComponent} prop1="some value" />;
+```
+
+The `prop1` became required for the `GenericCustomComponent` as the `ThirdPartyComponent` has it as a requirement.
+
+Not every component fully supports any component type you pass in. If you encounter a component that rejects its `component` props in TypeScript please open an issue. There is an ongoing effort to fix this by making component props generic.
 
 ## 处理`值`和事件处理器
 
-很多与用户输入有关的组件会提供一个 `value` 属性或者包含当前`值`的事件处理器。 大多数情况下`值`只在 React 内被处理，这样的话它能够是任何类型，譬如 objects 或者 arrays。
+Many components concerned with user input offer a `value` prop or event handlers which include the current `value`. In most situations that `value` is only handled within React which allows it be of any type, such as objects or arrays.
 
-然而，如果是它依赖于组件子项的情况，此类型无法在编译时被验证，例如对于 `Select` 或者 `RadioGroup` 来说。 这意味着留给我们的最合适的选项是将其输入为 `unknown` 并让开发者自行决定如何来缩小该类型。 与 [`event.target` 在 React 中并不通用的原因](https://github.com/DefinitelyTyped/DefinitelyTyped/issues/11508#issuecomment-256045682)相同，我们并不推荐您在这些案例中尝试使用一个通用的类型。
+However, that type cannot be verified at compile time in situations where it depends on the component's children e.g. for `Select` or `RadioGroup`. This means that the soundest option is to type it as `unknown` and let the developer decide how they want to narrow that type down. We do not offer the possibility to use a generic type in those cases for [the same reasons `event.target` is not generic in React](https://github.com/DefinitelyTyped/DefinitelyTyped/issues/11508#issuecomment-256045682).
 
-The demos include typed variants that use type casting. 鉴于所有的类型都位于一个文件中，并且都是非常基本的，这样的折衷可以接受。 您必须自行决定是否能够接受同样的折衷。 The library types are be strict by default and loose via opt-in.
\ No newline at end of file
+The demos include typed variants that use type casting. It is an acceptable tradeoff because the types are all located in a single file and are very basic. You have to decide for yourself if the same tradeoff is acceptable for you. The library types are be strict by default and loose via opt-in.
\ No newline at end of file
diff --git a/docs/src/pages/styles/typescript/typescript-zh.md b/docs/src/pages/styles/typescript/typescript-zh.md
index 72eb5b9511a7a8..added5d896eace 100644
--- a/docs/src/pages/styles/typescript/typescript-zh.md
+++ b/docs/src/pages/styles/typescript/typescript-zh.md
@@ -2,7 +2,7 @@
 
 ### 自定义 `主题`
 
-You can augment the default theme type to avoid having to set the theme type every time you use `makeStyles`, `useTheme`, or `styled`.
+您可以扩展默认的主题类型，以避免每次使用`makeStyles`， `useTheme`，或 `styled` 时都必须设置主题类型。
 
 ```typescript
 declare module '@material-ui/core/styles' {
diff --git a/docs/src/pages/system/api/api-aa.md b/docs/src/pages/system/api/api-aa.md
index 0c10a4a904ea34..73456ce9f40637 100644
--- a/docs/src/pages/system/api/api-aa.md
+++ b/docs/src/pages/system/api/api-aa.md
@@ -2,57 +2,58 @@
 
 <p class="description">crwdns97726:0crwdne97726:0</p>
 
-| crwdns97728:0crwdne97728:0                               | crwdns97730:0crwdne97730:0   | crwdns97732:0crwdne97732:0                                                     | crwdns97734:0crwdne97734:0   | crwdns97736:0crwdne97736:0                                   |
-|:-------------------------------------------------------- |:---------------------------- |:------------------------------------------------------------------------------ |:---------------------------- |:------------------------------------------------------------ |
-| [crwdns97740:0crwdne97740:0](crwdns97738:0crwdne97738:0) | `crwdns97742:0crwdne97742:0` | `crwdns97744:0crwdne97744:0`                                                   | `crwdns97746:0crwdne97746:0` | `crwdns97748:0crwdne97748:0`                                 |
-| [crwdns97752:0crwdne97752:0](crwdns97750:0crwdne97750:0) | `crwdns97754:0crwdne97754:0` | `crwdns97756:0crwdne97756:0`                                                   | `crwdns97758:0crwdne97758:0` | `crwdns97760:0crwdne97760:0`                                 |
-| [crwdns97764:0crwdne97764:0](crwdns97762:0crwdne97762:0) | `crwdns97766:0crwdne97766:0` | `crwdns97768:0crwdne97768:0`                                                   | `crwdns97770:0crwdne97770:0` | [`crwdns97774:0crwdne97774:0`](crwdns107241:0crwdne107241:0) |
-| [crwdns97778:0crwdne97778:0](crwdns97776:0crwdne97776:0) | `crwdns97780:0crwdne97780:0` | `crwdns97782:0crwdne97782:0`                                                   | `crwdns97784:0crwdne97784:0` | `crwdns97786:0crwdne97786:0`                                 |
-| [crwdns97790:0crwdne97790:0](crwdns97788:0crwdne97788:0) | `crwdns97792:0crwdne97792:0` | `crwdns97794:0crwdne97794:0`                                                   | `crwdns97796:0crwdne97796:0` | [`crwdns97800:0crwdne97800:0`](crwdns107243:0crwdne107243:0) |
-| [crwdns97804:0crwdne97804:0](crwdns97802:0crwdne97802:0) | `crwdns97806:0crwdne97806:0` | `crwdns97808:0crwdne97808:0`                                                   | `crwdns97810:0crwdne97810:0` | `crwdns97812:0crwdne97812:0`                                 |
-| [crwdns97816:0crwdne97816:0](crwdns97814:0crwdne97814:0) | `crwdns97818:0crwdne97818:0` | `crwdns97820:0crwdne97820:0`                                                   | `crwdns97822:0crwdne97822:0` | `crwdns97824:0crwdne97824:0`                                 |
-| [crwdns97828:0crwdne97828:0](crwdns97826:0crwdne97826:0) | `crwdns97830:0crwdne97830:0` | `crwdns97832:0crwdne97832:0`                                                   | `crwdns97834:0crwdne97834:0` | `crwdns97836:0crwdne97836:0`                                 |
-| [crwdns97840:0crwdne97840:0](crwdns97838:0crwdne97838:0) | `crwdns97842:0crwdne97842:0` | `crwdns97844:0crwdne97844:0`                                                   | `crwdns97846:0crwdne97846:0` | crwdns97848:0crwdne97848:0                                   |
-| [crwdns97852:0crwdne97852:0](crwdns97850:0crwdne97850:0) | `crwdns97854:0crwdne97854:0` | `crwdns97856:0crwdne97856:0`                                                   | `crwdns97858:0crwdne97858:0` | crwdns97860:0crwdne97860:0                                   |
-| [crwdns97864:0crwdne97864:0](crwdns97862:0crwdne97862:0) | `crwdns97866:0crwdne97866:0` | `crwdns97868:0crwdne97868:0`                                                   | `crwdns97870:0crwdne97870:0` | crwdns97872:0crwdne97872:0                                   |
-| [crwdns97876:0crwdne97876:0](crwdns97874:0crwdne97874:0) | `crwdns97878:0crwdne97878:0` | `crwdns97880:0crwdne97880:0`                                                   | `crwdns97882:0crwdne97882:0` | crwdns97884:0crwdne97884:0                                   |
-| [crwdns97888:0crwdne97888:0](crwdns97886:0crwdne97886:0) | `crwdns97890:0crwdne97890:0` | `crwdns97892:0crwdne97892:0`                                                   | `crwdns97894:0crwdne97894:0` | crwdns97896:0crwdne97896:0                                   |
-| [crwdns97900:0crwdne97900:0](crwdns97898:0crwdne97898:0) | `crwdns97902:0crwdne97902:0` | `crwdns97904:0crwdne97904:0`                                                   | `crwdns97906:0crwdne97906:0` | crwdns97908:0crwdne97908:0                                   |
-| [crwdns97912:0crwdne97912:0](crwdns97910:0crwdne97910:0) | `crwdns97914:0crwdne97914:0` | `crwdns97916:0crwdne97916:0`                                                   | `crwdns97918:0crwdne97918:0` | crwdns97920:0crwdne97920:0                                   |
-| [crwdns97924:0crwdne97924:0](crwdns97922:0crwdne97922:0) | `crwdns97926:0crwdne97926:0` | `crwdns97928:0crwdne97928:0`                                                   | `crwdns97930:0crwdne97930:0` | crwdns97932:0crwdne97932:0                                   |
-| [crwdns97936:0crwdne97936:0](crwdns97934:0crwdne97934:0) | `crwdns97938:0crwdne97938:0` | `crwdns97940:0crwdne97940:0`                                                   | `crwdns97942:0crwdne97942:0` | crwdns97944:0crwdne97944:0                                   |
-| [crwdns97948:0crwdne97948:0](crwdns97946:0crwdne97946:0) | `crwdns97950:0crwdne97950:0` | `crwdns97952:0crwdne97952:0`                                                   | `crwdns97954:0crwdne97954:0` | crwdns97956:0crwdne97956:0                                   |
-| [crwdns97960:0crwdne97960:0](crwdns97958:0crwdne97958:0) | `crwdns97962:0crwdne97962:0` | `crwdns97964:0crwdne97964:0`                                                   | `crwdns97966:0crwdne97966:0` | crwdns97968:0crwdne97968:0                                   |
-| [crwdns97972:0crwdne97972:0](crwdns97970:0crwdne97970:0) | `crwdns97974:0crwdne97974:0` | `crwdns97976:0crwdne97976:0`                                                   | `crwdns97978:0crwdne97978:0` | crwdns97980:0crwdne97980:0                                   |
-| [crwdns97984:0crwdne97984:0](crwdns97982:0crwdne97982:0) | `crwdns97986:0crwdne97986:0` | `crwdns97988:0crwdne97988:0`                                                   | `crwdns97990:0crwdne97990:0` | [`crwdns97994:0crwdne97994:0`](crwdns107245:0crwdne107245:0) |
-| [crwdns97998:0crwdne97998:0](crwdns97996:0crwdne97996:0) | `crwdns98000:0crwdne98000:0` | `crwdns98002:0crwdne98002:0`                                                   | `crwdns98004:0crwdne98004:0` | [`crwdns98008:0crwdne98008:0`](crwdns107247:0crwdne107247:0) |
-| [crwdns98012:0crwdne98012:0](crwdns98010:0crwdne98010:0) | `crwdns98014:0crwdne98014:0` | `crwdns98016:0crwdne98016:0`                                                   | `crwdns98018:0crwdne98018:0` | crwdns98020:0crwdne98020:0                                   |
-| [crwdns98024:0crwdne98024:0](crwdns98022:0crwdne98022:0) | `crwdns98026:0crwdne98026:0` | `crwdns98028:0crwdne98028:0`                                                   | `crwdns98030:0crwdne98030:0` | crwdns98032:0crwdne98032:0                                   |
-| [crwdns98036:0crwdne98036:0](crwdns98034:0crwdne98034:0) | `crwdns98038:0crwdne98038:0` | `crwdns98040:0crwdne98040:0`                                                   | `crwdns98042:0crwdne98042:0` | crwdns98044:0crwdne98044:0                                   |
-| [crwdns98048:0crwdne98048:0](crwdns98046:0crwdne98046:0) | `crwdns98050:0crwdne98050:0` | `crwdns98052:0crwdne98052:0`                                                   | `crwdns98054:0crwdne98054:0` | crwdns98056:0crwdne98056:0                                   |
-| [crwdns98060:0crwdne98060:0](crwdns98058:0crwdne98058:0) | `crwdns98062:0crwdne98062:0` | `crwdns98064:0crwdne98064:0`                                                   | `crwdns98066:0crwdne98066:0` | crwdns98068:0crwdne98068:0                                   |
-| [crwdns98072:0crwdne98072:0](crwdns98070:0crwdne98070:0) | `crwdns98074:0crwdne98074:0` | `crwdns98076:0crwdne98076:0`                                                   | `crwdns98078:0crwdne98078:0` | [`crwdns98082:0crwdne98082:0`](crwdns107249:0crwdne107249:0) |
-| [crwdns98086:0crwdne98086:0](crwdns98084:0crwdne98084:0) | `crwdns98088:0crwdne98088:0` | `crwdns98090:0crwdne98090:0`                                                   | `crwdns98092:0crwdne98092:0` | crwdns98094:0crwdne98094:0                                   |
-| [crwdns98098:0crwdne98098:0](crwdns98096:0crwdne98096:0) | `crwdns98100:0crwdne98100:0` | `crwdns98102:0crwdne98102:0`                                                   | `crwdns98104:0crwdne98104:0` | crwdns98106:0crwdne98106:0                                   |
-| [crwdns98110:0crwdne98110:0](crwdns98108:0crwdne98108:0) | `crwdns98112:0crwdne98112:0` | `crwdns98114:0crwdne98114:0`                                                   | `crwdns98116:0crwdne98116:0` | crwdns98118:0crwdne98118:0                                   |
-| [crwdns98122:0crwdne98122:0](crwdns98120:0crwdne98120:0) | `crwdns98124:0crwdne98124:0` | `crwdns98126:0crwdne98126:0`                                                   | `crwdns98128:0crwdne98128:0` | crwdns98130:0crwdne98130:0                                   |
-| [crwdns98134:0crwdne98134:0](crwdns98132:0crwdne98132:0) | `crwdns98136:0crwdne98136:0` | `crwdns98138:0crwdne98138:0`                                                   | `crwdns98140:0crwdne98140:0` | crwdns98142:0crwdne98142:0                                   |
-| [crwdns98146:0crwdne98146:0](crwdns98144:0crwdne98144:0) | `crwdns98148:0crwdne98148:0` | `crwdns98150:0crwdne98150:0`                                                   | `crwdns98152:0crwdne98152:0` | crwdns98154:0crwdne98154:0                                   |
-| [crwdns98158:0crwdne98158:0](crwdns98156:0crwdne98156:0) | `crwdns98160:0crwdne98160:0` | `dns98162:0crwdne98162:0ask_5e13bb8b4653e3.90779436crwdns98162:0crwdne98162:0` | `crwdns98164:0crwdne98164:0` | [`crwdns98168:0crwdne98168:0`](crwdns107251:0crwdne107251:0) |
-| [crwdns98172:0crwdne98172:0](crwdns98170:0crwdne98170:0) | `crwdns98174:0crwdne98174:0` | `crwdns98176:0crwdne98176:0`                                                   | `crwdns98178:0crwdne98178:0` | [`crwdns98182:0crwdne98182:0`](crwdns107253:0crwdne107253:0) |
-| [crwdns98186:0crwdne98186:0](crwdns98184:0crwdne98184:0) | `crwdns98188:0crwdne98188:0` | `crwdns98190:0crwdne98190:0`                                                   | `crwdns98192:0crwdne98192:0` | [`crwdns98196:0crwdne98196:0`](crwdns107255:0crwdne107255:0) |
-| [crwdns98200:0crwdne98200:0](crwdns98198:0crwdne98198:0) | `crwdns98202:0crwdne98202:0` | `crwdns98204:0crwdne98204:0`                                                   | `crwdns98206:0crwdne98206:0` | [`crwdns98210:0crwdne98210:0`](crwdns107257:0crwdne107257:0) |
-| [crwdns98214:0crwdne98214:0](crwdns98212:0crwdne98212:0) | `crwdns98216:0crwdne98216:0` | `crwdns98218:0crwdne98218:0`                                                   | `crwdns98220:0crwdne98220:0` | [`crwdns98224:0crwdne98224:0`](crwdns107259:0crwdne107259:0) |
-| [crwdns98228:0crwdne98228:0](crwdns98226:0crwdne98226:0) | `crwdns98230:0crwdne98230:0` | `crwdns98232:0crwdne98232:0`                                                   | crwdns98234:0crwdne98234:0   | [`crwdns98238:0crwdne98238:0`](crwdns107261:0crwdne107261:0) |
-| [crwdns98242:0crwdne98242:0](crwdns98240:0crwdne98240:0) | `crwdns98244:0crwdne98244:0` | `crwdns98246:0crwdne98246:0`                                                   | crwdns98248:0crwdne98248:0   | [`crwdns98252:0crwdne98252:0`](crwdns107263:0crwdne107263:0) |
-| [crwdns98256:0crwdne98256:0](crwdns98254:0crwdne98254:0) | `crwdns98258:0crwdne98258:0` | `k_5e13bb8b53b6b4.80963240crwdns98260:0crwdne98260:0`                          | `crwdns98262:0crwdne98262:0` | [`crwdns98266:0crwdne98266:0`](crwdns107265:0crwdne107265:0) |
-| [crwdns98270:0crwdne98270:0](crwdns98268:0crwdne98268:0) | `crwdns98272:0crwdne98272:0` | `crwdns98274:0crwdne98274:0`                                                   | `crwdns98276:0crwdne98276:0` | [`crwdns98280:0crwdne98280:0`](crwdns107267:0crwdne107267:0) |
-| [crwdns98284:0crwdne98284:0](crwdns98282:0crwdne98282:0) | `crwdns98286:0crwdne98286:0` | `crwdns98288:0crwdne98288:0`                                                   | `crwdns98290:0crwdne98290:0` | [`crwdns98294:0crwdne98294:0`](crwdns107269:0crwdne107269:0) |
-| [crwdns98298:0crwdne98298:0](crwdns98296:0crwdne98296:0) | `crwdns98300:0crwdne98300:0` | `crwdns98302:0crwdne98302:0`                                                   | `crwdns98304:0crwdne98304:0` | [`crwdns98308:0crwdne98308:0`](crwdns107271:0crwdne107271:0) |
-| [crwdns98312:0crwdne98312:0](crwdns98310:0crwdne98310:0) | `crwdns98314:0crwdne98314:0` | `crwdns98316:0crwdne98316:0`                                                   | `crwdns98318:0crwdne98318:0` | [`crwdns98322:0crwdne98322:0`](crwdns107273:0crwdne107273:0) |
-| [crwdns98326:0crwdne98326:0](crwdns98324:0crwdne98324:0) | `crwdns98328:0crwdne98328:0` | `crwdns98330:0crwdne98330:0`                                                   | crwdns98332:0crwdne98332:0   | [`crwdns98336:0crwdne98336:0`](crwdns107275:0crwdne107275:0) |
-| [crwdns98340:0crwdne98340:0](crwdns98338:0crwdne98338:0) | `crwdns98342:0crwdne98342:0` | `crwdns98344:0crwdne98344:0`                                                   | crwdns98346:0crwdne98346:0   | [`crwdns98350:0crwdne98350:0`](crwdns107277:0crwdne107277:0) |
-| [crwdns98354:0crwdne98354:0](crwdns98352:0crwdne98352:0) | `crwdns98356:0crwdne98356:0` | `crwdns98358:0crwdne98358:0`                                                   | `crwdns98360:0crwdne98360:0` | [`crwdns98364:0crwdne98364:0`](crwdns107279:0crwdne107279:0) |
-| [crwdns98368:0crwdne98368:0](crwdns98366:0crwdne98366:0) | `crwdns98370:0crwdne98370:0` | `crwdns98372:0crwdne98372:0`                                                   | `crwdns98374:0crwdne98374:0` | [`crwdns98378:0crwdne98378:0`](crwdns107281:0crwdne107281:0) |
-| [crwdns98382:0crwdne98382:0](crwdns98380:0crwdne98380:0) | `crwdns98384:0crwdne98384:0` | `crwdns98386:0crwdne98386:0`                                                   | `crwdns98388:0crwdne98388:0` | [`crwdns98392:0crwdne98392:0`](crwdns107283:0crwdne107283:0) |
-| [crwdns98396:0crwdne98396:0](crwdns98394:0crwdne98394:0) | `crwdns98398:0crwdne98398:0` | `crwdns98400:0crwdne98400:0`                                                   | `crwdns98402:0crwdne98402:0` | crwdns98404:0crwdne98404:0                                   |
\ No newline at end of file
+| crwdns97728:0crwdne97728:0                                   | crwdns97730:0crwdne97730:0     | crwdns97732:0crwdne97732:0     | crwdns97734:0crwdne97734:0     | crwdns97736:0crwdne97736:0                                     |
+|:------------------------------------------------------------ |:------------------------------ |:------------------------------ |:------------------------------ |:-------------------------------------------------------------- |
+| [crwdns97740:0crwdne97740:0](crwdns97738:0crwdne97738:0)     | `crwdns97742:0crwdne97742:0`   | `crwdns97744:0crwdne97744:0`   | `crwdns97746:0crwdne97746:0`   | `crwdns97748:0crwdne97748:0`                                   |
+| [crwdns97752:0crwdne97752:0](crwdns97750:0crwdne97750:0)     | `crwdns97754:0crwdne97754:0`   | `crwdns97756:0crwdne97756:0`   | `crwdns97758:0crwdne97758:0`   | `crwdns97760:0crwdne97760:0`                                   |
+| [crwdns97764:0crwdne97764:0](crwdns97762:0crwdne97762:0)     | `crwdns97766:0crwdne97766:0`   | `crwdns97768:0crwdne97768:0`   | `crwdns97770:0crwdne97770:0`   | [`crwdns97774:0crwdne97774:0`](crwdns107241:0crwdne107241:0)   |
+| [crwdns97778:0crwdne97778:0](crwdns97776:0crwdne97776:0)     | `crwdns97780:0crwdne97780:0`   | `crwdns97782:0crwdne97782:0`   | `crwdns97784:0crwdne97784:0`   | `crwdns97786:0crwdne97786:0`                                   |
+| [crwdns97790:0crwdne97790:0](crwdns97788:0crwdne97788:0)     | `crwdns97792:0crwdne97792:0`   | `crwdns97794:0crwdne97794:0`   | `crwdns97796:0crwdne97796:0`   | [`crwdns97800:0crwdne97800:0`](crwdns107243:0crwdne107243:0)   |
+| [crwdns97804:0crwdne97804:0](crwdns97802:0crwdne97802:0)     | `crwdns97806:0crwdne97806:0`   | `crwdns97808:0crwdne97808:0`   | `crwdns97810:0crwdne97810:0`   | `crwdns97812:0crwdne97812:0`                                   |
+| [crwdns97816:0crwdne97816:0](crwdns97814:0crwdne97814:0)     | `crwdns97818:0crwdne97818:0`   | `crwdns97820:0crwdne97820:0`   | `crwdns97822:0crwdne97822:0`   | `crwdns97824:0crwdne97824:0`                                   |
+| [crwdns97828:0crwdne97828:0](crwdns97826:0crwdne97826:0)     | `crwdns97830:0crwdne97830:0`   | `crwdns97832:0crwdne97832:0`   | `crwdns97834:0crwdne97834:0`   | `crwdns97836:0crwdne97836:0`                                   |
+| [crwdns97840:0crwdne97840:0](crwdns97838:0crwdne97838:0)     | `crwdns97842:0crwdne97842:0`   | `crwdns97844:0crwdne97844:0`   | `crwdns97846:0crwdne97846:0`   | crwdns97848:0crwdne97848:0                                     |
+| [crwdns97852:0crwdne97852:0](crwdns97850:0crwdne97850:0)     | `crwdns97854:0crwdne97854:0`   | `crwdns97856:0crwdne97856:0`   | `crwdns97858:0crwdne97858:0`   | crwdns97860:0crwdne97860:0                                     |
+| [crwdns97864:0crwdne97864:0](crwdns97862:0crwdne97862:0)     | `crwdns97866:0crwdne97866:0`   | `crwdns97868:0crwdne97868:0`   | `crwdns97870:0crwdne97870:0`   | crwdns97872:0crwdne97872:0                                     |
+| [crwdns97876:0crwdne97876:0](crwdns97874:0crwdne97874:0)     | `crwdns97878:0crwdne97878:0`   | `crwdns97880:0crwdne97880:0`   | `crwdns97882:0crwdne97882:0`   | crwdns97884:0crwdne97884:0                                     |
+| [crwdns97888:0crwdne97888:0](crwdns97886:0crwdne97886:0)     | `crwdns97890:0crwdne97890:0`   | `crwdns97892:0crwdne97892:0`   | `crwdns97894:0crwdne97894:0`   | crwdns97896:0crwdne97896:0                                     |
+| [crwdns97900:0crwdne97900:0](crwdns97898:0crwdne97898:0)     | `crwdns97902:0crwdne97902:0`   | `crwdns97904:0crwdne97904:0`   | `crwdns97906:0crwdne97906:0`   | crwdns97908:0crwdne97908:0                                     |
+| [crwdns97912:0crwdne97912:0](crwdns97910:0crwdne97910:0)     | `crwdns97914:0crwdne97914:0`   | `crwdns97916:0crwdne97916:0`   | `crwdns97918:0crwdne97918:0`   | crwdns97920:0crwdne97920:0                                     |
+| [crwdns97924:0crwdne97924:0](crwdns97922:0crwdne97922:0)     | `crwdns97926:0crwdne97926:0`   | `crwdns97928:0crwdne97928:0`   | `crwdns97930:0crwdne97930:0`   | crwdns97932:0crwdne97932:0                                     |
+| [crwdns97936:0crwdne97936:0](crwdns97934:0crwdne97934:0)     | `crwdns97938:0crwdne97938:0`   | `crwdns97940:0crwdne97940:0`   | `crwdns97942:0crwdne97942:0`   | crwdns97944:0crwdne97944:0                                     |
+| [crwdns97948:0crwdne97948:0](crwdns97946:0crwdne97946:0)     | `crwdns97950:0crwdne97950:0`   | `crwdns97952:0crwdne97952:0`   | `crwdns97954:0crwdne97954:0`   | crwdns97956:0crwdne97956:0                                     |
+| [crwdns97960:0crwdne97960:0](crwdns97958:0crwdne97958:0)     | `crwdns97962:0crwdne97962:0`   | `crwdns97964:0crwdne97964:0`   | `crwdns97966:0crwdne97966:0`   | crwdns97968:0crwdne97968:0                                     |
+| [crwdns97972:0crwdne97972:0](crwdns97970:0crwdne97970:0)     | `crwdns97974:0crwdne97974:0`   | `crwdns97976:0crwdne97976:0`   | `crwdns97978:0crwdne97978:0`   | crwdns97980:0crwdne97980:0                                     |
+| [crwdns97984:0crwdne97984:0](crwdns97982:0crwdne97982:0)     | `crwdns97986:0crwdne97986:0`   | `crwdns97988:0crwdne97988:0`   | `crwdns97990:0crwdne97990:0`   | [`crwdns97994:0crwdne97994:0`](crwdns107245:0crwdne107245:0)   |
+| [crwdns97998:0crwdne97998:0](crwdns97996:0crwdne97996:0)     | `crwdns98000:0crwdne98000:0`   | `crwdns98002:0crwdne98002:0`   | `crwdns98004:0crwdne98004:0`   | [`crwdns98008:0crwdne98008:0`](crwdns107247:0crwdne107247:0)   |
+| [crwdns98012:0crwdne98012:0](crwdns98010:0crwdne98010:0)     | `crwdns98014:0crwdne98014:0`   | `crwdns98016:0crwdne98016:0`   | `crwdns98018:0crwdne98018:0`   | crwdns98020:0crwdne98020:0                                     |
+| [crwdns98024:0crwdne98024:0](crwdns98022:0crwdne98022:0)     | `crwdns98026:0crwdne98026:0`   | `crwdns98028:0crwdne98028:0`   | `crwdns98030:0crwdne98030:0`   | crwdns98032:0crwdne98032:0                                     |
+| [crwdns98036:0crwdne98036:0](crwdns98034:0crwdne98034:0)     | `crwdns98038:0crwdne98038:0`   | `crwdns98040:0crwdne98040:0`   | `crwdns98042:0crwdne98042:0`   | crwdns98044:0crwdne98044:0                                     |
+| [crwdns98048:0crwdne98048:0](crwdns98046:0crwdne98046:0)     | `crwdns98050:0crwdne98050:0`   | `crwdns98052:0crwdne98052:0`   | `crwdns98054:0crwdne98054:0`   | crwdns98056:0crwdne98056:0                                     |
+| [crwdns98060:0crwdne98060:0](crwdns98058:0crwdne98058:0)     | `crwdns98062:0crwdne98062:0`   | `crwdns98064:0crwdne98064:0`   | `crwdns98066:0crwdne98066:0`   | crwdns98068:0crwdne98068:0                                     |
+| [crwdns98072:0crwdne98072:0](crwdns98070:0crwdne98070:0)     | `crwdns98074:0crwdne98074:0`   | `crwdns98076:0crwdne98076:0`   | `crwdns98078:0crwdne98078:0`   | [`crwdns98082:0crwdne98082:0`](crwdns107249:0crwdne107249:0)   |
+| [crwdns98086:0crwdne98086:0](crwdns98084:0crwdne98084:0)     | `crwdns98088:0crwdne98088:0`   | `crwdns98090:0crwdne98090:0`   | `crwdns98092:0crwdne98092:0`   | crwdns98094:0crwdne98094:0                                     |
+| [crwdns98098:0crwdne98098:0](crwdns98096:0crwdne98096:0)     | `crwdns98100:0crwdne98100:0`   | `crwdns98102:0crwdne98102:0`   | `crwdns98104:0crwdne98104:0`   | crwdns98106:0crwdne98106:0                                     |
+| [crwdns98110:0crwdne98110:0](crwdns98108:0crwdne98108:0)     | `crwdns98112:0crwdne98112:0`   | `crwdns98114:0crwdne98114:0`   | `crwdns98116:0crwdne98116:0`   | crwdns98118:0crwdne98118:0                                     |
+| [crwdns98122:0crwdne98122:0](crwdns98120:0crwdne98120:0)     | `crwdns98124:0crwdne98124:0`   | `crwdns98126:0crwdne98126:0`   | `crwdns98128:0crwdne98128:0`   | crwdns98130:0crwdne98130:0                                     |
+| [crwdns98134:0crwdne98134:0](crwdns98132:0crwdne98132:0)     | `crwdns98136:0crwdne98136:0`   | `crwdns98138:0crwdne98138:0`   | `crwdns98140:0crwdne98140:0`   | crwdns98142:0crwdne98142:0                                     |
+| [crwdns98146:0crwdne98146:0](crwdns98144:0crwdne98144:0)     | `crwdns98148:0crwdne98148:0`   | `crwdns98150:0crwdne98150:0`   | `crwdns98152:0crwdne98152:0`   | crwdns98154:0crwdne98154:0                                     |
+| [crwdns109581:0crwdne109581:0](crwdns109579:0crwdne109579:0) | `crwdns109583:0crwdne109583:0` | `crwdns109585:0crwdne109585:0` | `crwdns109587:0crwdne109587:0` | crwdns109589:0crwdne109589:0                                   |
+| [crwdns98172:0crwdne98172:0](crwdns98170:0crwdne98170:0)     | `crwdns98174:0crwdne98174:0`   | `crwdns109591:0crwdne109591:0` | `crwdns109593:0crwdne109593:0` | [`crwdns98182:0crwdne98182:0`](crwdns107253:0crwdne107253:0)   |
+| [crwdns98186:0crwdne98186:0](crwdns98184:0crwdne98184:0)     | `crwdns98188:0crwdne98188:0`   | `crwdns109595:0crwdne109595:0` | `crwdns109597:0crwdne109597:0` | [`crwdns98196:0crwdne98196:0`](crwdns107255:0crwdne107255:0)   |
+| [crwdns98200:0crwdne98200:0](crwdns98198:0crwdne98198:0)     | `crwdns98202:0crwdne98202:0`   | `crwdns109599:0crwdne109599:0` | `crwdns109601:0crwdne109601:0` | [`crwdns98210:0crwdne98210:0`](crwdns107257:0crwdne107257:0)   |
+| [crwdns98214:0crwdne98214:0](crwdns98212:0crwdne98212:0)     | `crwdns98216:0crwdne98216:0`   | `crwdns109603:0crwdne109603:0` | `crwdns109605:0crwdne109605:0` | [`crwdns98224:0crwdne98224:0`](crwdns107259:0crwdne107259:0)   |
+| [crwdns98228:0crwdne98228:0](crwdns98226:0crwdne98226:0)     | `crwdns98230:0crwdne98230:0`   | `crwdns109607:0crwdne109607:0` | `crwdns109609:0crwdne109609:0` | [`crwdns98238:0crwdne98238:0`](crwdns107261:0crwdne107261:0)   |
+| [crwdns98242:0crwdne98242:0](crwdns98240:0crwdne98240:0)     | `crwdns98244:0crwdne98244:0`   | `crwdns109611:0crwdne109611:0` | crwdns109613:0crwdne109613:0   | [`crwdns98252:0crwdne98252:0`](crwdns107263:0crwdne107263:0)   |
+| [crwdns98256:0crwdne98256:0](crwdns98254:0crwdne98254:0)     | `crwdns98258:0crwdne98258:0`   | `crwdns109615:0crwdne109615:0` | crwdns109617:0crwdne109617:0   | [`crwdns98266:0crwdne98266:0`](crwdns107265:0crwdne107265:0)   |
+| [crwdns98270:0crwdne98270:0](crwdns98268:0crwdne98268:0)     | `crwdns98272:0crwdne98272:0`   | `crwdns109619:0crwdne109619:0` | `crwdns109621:0crwdne109621:0` | [`crwdns98280:0crwdne98280:0`](crwdns107267:0crwdne107267:0)   |
+| [crwdns98284:0crwdne98284:0](crwdns98282:0crwdne98282:0)     | `crwdns98286:0crwdne98286:0`   | `crwdns109623:0crwdne109623:0` | `crwdns109625:0crwdne109625:0` | [`crwdns98294:0crwdne98294:0`](crwdns107269:0crwdne107269:0)   |
+| [crwdns98298:0crwdne98298:0](crwdns98296:0crwdne98296:0)     | `crwdns98300:0crwdne98300:0`   | `crwdns109627:0crwdne109627:0` | `crwdns109629:0crwdne109629:0` | [`crwdns98308:0crwdne98308:0`](crwdns107271:0crwdne107271:0)   |
+| [crwdns98312:0crwdne98312:0](crwdns98310:0crwdne98310:0)     | `crwdns98314:0crwdne98314:0`   | `crwdns109631:0crwdne109631:0` | `crwdns109633:0crwdne109633:0` | [`crwdns98322:0crwdne98322:0`](crwdns107273:0crwdne107273:0)   |
+| [crwdns98326:0crwdne98326:0](crwdns98324:0crwdne98324:0)     | `crwdns98328:0crwdne98328:0`   | `crwdns109635:0crwdne109635:0` | `crwdns109637:0crwdne109637:0` | [`crwdns98336:0crwdne98336:0`](crwdns107275:0crwdne107275:0)   |
+| [crwdns98340:0crwdne98340:0](crwdns98338:0crwdne98338:0)     | `crwdns98342:0crwdne98342:0`   | `crwdns109639:0crwdne109639:0` | crwdns109641:0crwdne109641:0   | [`crwdns98350:0crwdne98350:0`](crwdns107277:0crwdne107277:0)   |
+| [crwdns109645:0crwdne109645:0](crwdns109643:0crwdne109643:0) | `crwdns109647:0crwdne109647:0` | `crwdns109649:0crwdne109649:0` | crwdns109651:0crwdne109651:0   | [`crwdns109655:0crwdne109655:0`](crwdns109653:0crwdne109653:0) |
+| [crwdns98368:0crwdne98368:0](crwdns98366:0crwdne98366:0)     | `crwdns109657:0crwdne109657:0` | `crwdns109659:0crwdne109659:0` | `crwdns109661:0crwdne109661:0` | [`crwdns98378:0crwdne98378:0`](crwdns107281:0crwdne107281:0)   |
+| [crwdns98382:0crwdne98382:0](crwdns98380:0crwdne98380:0)     | `crwdns109663:0crwdne109663:0` | `crwdns109665:0crwdne109665:0` | `crwdns109667:0crwdne109667:0` | [`crwdns98392:0crwdne98392:0`](crwdns107283:0crwdne107283:0)   |
+| [crwdns98396:0crwdne98396:0](crwdns98394:0crwdne98394:0)     | `crwdns109669:0crwdne109669:0` | `crwdns109671:0crwdne109671:0` | `crwdns109673:0crwdne109673:0` | [`crwdns109677:0crwdne109677:0`](crwdns109675:0crwdne109675:0) |
+| [crwdns109681:0crwdne109681:0](crwdns109679:0crwdne109679:0) | `crwdns109683:0crwdne109683:0` | `crwdns109685:0crwdne109685:0` | `crwdns109687:0crwdne109687:0` | crwdns109689:0crwdne109689:0                                   |
\ No newline at end of file
diff --git a/docs/src/pages/system/api/api-de.md b/docs/src/pages/system/api/api-de.md
index df28520c1ad093..a0a013e5951cff 100644
--- a/docs/src/pages/system/api/api-de.md
+++ b/docs/src/pages/system/api/api-de.md
@@ -38,6 +38,7 @@
 | [sizing](/system/sizing/)         | `minHeight`      | `minHeight`      | `min-height`                    | none                                                                   |
 | [sizing](/system/sizing/)         | `minWidth`       | `minWidth`       | `min-width`                     | none                                                                   |
 | [sizing](/system/sizing/)         | `width`          | `width`          | `width`                         | none                                                                   |
+| [sizing](/system/sizing/)         | `boxSizing`      | `boxSizing`      | `box-sizing`                    | none                                                                   |
 | [spacing](/system/spacing/)       | `spacing`        | `m`              | `margin`                        | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
 | [spacing](/system/spacing/)       | `spacing`        | `mb`             | `margin-bottom`                 | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
 | [spacing](/system/spacing/)       | `spacing`        | `ml`             | `margin-left`                   | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
diff --git a/docs/src/pages/system/api/api-es.md b/docs/src/pages/system/api/api-es.md
index 93b926179f1150..d3f720545afbaa 100644
--- a/docs/src/pages/system/api/api-es.md
+++ b/docs/src/pages/system/api/api-es.md
@@ -38,6 +38,7 @@
 | [sizing](/system/sizing/)         | `minHeight`       | `minHeight`      | `min-height`                    | none                                                                   |
 | [sizing](/system/sizing/)         | `minWidth`        | `minWidth`       | `min-width`                     | none                                                                   |
 | [sizing](/system/sizing/)         | `width`           | `width`          | `width`                         | none                                                                   |
+| [sizing](/system/sizing/)         | `boxSizing`       | `boxSizing`      | `box-sizing`                    | none                                                                   |
 | [spacing](/system/spacing/)       | `spacing`         | `m`              | `margin`                        | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
 | [spacing](/system/spacing/)       | `spacing`         | `mb`             | `margin-bottom`                 | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
 | [spacing](/system/spacing/)       | `spacing`         | `ml`             | `margin-left`                   | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
diff --git a/docs/src/pages/system/api/api-fr.md b/docs/src/pages/system/api/api-fr.md
index 184512a0bd16b5..137638a2edcb2e 100644
--- a/docs/src/pages/system/api/api-fr.md
+++ b/docs/src/pages/system/api/api-fr.md
@@ -38,6 +38,7 @@
 | [sizing](/system/sizing/)         | `minHeight`      | `minHeight`      | `min-height`                    | none                                                                   |
 | [sizing](/system/sizing/)         | `minWidth`       | `minWidth`       | `min-width`                     | none                                                                   |
 | [sizing](/system/sizing/)         | `width`          | `width`          | `width`                         | none                                                                   |
+| [sizing](/system/sizing/)         | `boxSizing`      | `boxSizing`      | `box-sizing`                    | none                                                                   |
 | [spacing](/system/spacing/)       | `spacing`        | `m`              | `margin`                        | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
 | [spacing](/system/spacing/)       | `spacing`        | `mb`             | `margin-bottom`                 | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
 | [spacing](/system/spacing/)       | `spacing`        | `ml`             | `margin-left`                   | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
diff --git a/docs/src/pages/system/api/api-ja.md b/docs/src/pages/system/api/api-ja.md
index 1dceb959990d5f..10aca1850571bf 100644
--- a/docs/src/pages/system/api/api-ja.md
+++ b/docs/src/pages/system/api/api-ja.md
@@ -38,6 +38,7 @@
 | [sizing](/system/sizing/)         | `minHeight`      | `minHeight`      | `min-height`                    | none                                                                   |
 | [sizing](/system/sizing/)         | `minWidth`       | `minWidth`       | `min-width`                     | none                                                                   |
 | [sizing](/system/sizing/)         | `width`          | `width`          | `width`                         | none                                                                   |
+| [sizing](/system/sizing/)         | `boxSizing`      | `boxSizing`      | `box-sizing`                    | none                                                                   |
 | [spacing](/system/spacing/)       | `spacing`        | `m`              | `margin`                        | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
 | [spacing](/system/spacing/)       | `spacing`        | `mb`             | `margin-bottom`                 | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
 | [spacing](/system/spacing/)       | `spacing`        | `ml`             | `margin-left`                   | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
@@ -53,6 +54,6 @@
 | [spacing](/system/spacing/)       | `spacing`        | `px`             | `padding-left`, `padding-right` | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
 | [spacing](/system/spacing/)       | `spacing`        | `py`             | `padding-top`, `padding-bottom` | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
 | [typography](/system/typography/) | `fontFamily`     | `fontFamily`     | `font-family`                   | [`typography`](/customization/default-theme/?expand-path=$.typography) |
-| [typography](/system/typography/) | `fontSize`       | `fontSize`       | `フォント サイズ`                      | [`typography`](/customization/default-theme/?expand-path=$.typography) |
+| [typography](/system/typography/) | `fontSize`       | `fontSize`       | `font-size`                     | [`typography`](/customization/default-theme/?expand-path=$.typography) |
 | [typography](/system/typography/) | `fontWeight`     | `fontWeight`     | `font-weight`                   | [`typography`](/customization/default-theme/?expand-path=$.typography) |
 | [typography](/system/typography/) | `textAlign`      | `textAlign`      | `text-align`                    | none                                                                   |
\ No newline at end of file
diff --git a/docs/src/pages/system/api/api-pt.md b/docs/src/pages/system/api/api-pt.md
index 7ef941f323bd02..075b726ec94fe3 100644
--- a/docs/src/pages/system/api/api-pt.md
+++ b/docs/src/pages/system/api/api-pt.md
@@ -38,6 +38,7 @@
 | [sizing](/system/sizing/)         | `minHeight`        | `minHeight`      | `min-height`                    | none                                                                   |
 | [sizing](/system/sizing/)         | `minWidth`         | `minWidth`       | `min-width`                     | none                                                                   |
 | [sizing](/system/sizing/)         | `width`            | `width`          | `width`                         | none                                                                   |
+| [sizing](/system/sizing/)         | `boxSizing`        | `boxSizing`      | `box-sizing`                    | none                                                                   |
 | [spacing](/system/spacing/)       | `spacing`          | `m`              | `margin`                        | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
 | [spacing](/system/spacing/)       | `spacing`          | `mb`             | `margin-bottom`                 | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
 | [spacing](/system/spacing/)       | `spacing`          | `ml`             | `margin-left`                   | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
diff --git a/docs/src/pages/system/api/api-ru.md b/docs/src/pages/system/api/api-ru.md
index e12f78bdac82e7..f461efa4dace1c 100644
--- a/docs/src/pages/system/api/api-ru.md
+++ b/docs/src/pages/system/api/api-ru.md
@@ -38,6 +38,7 @@
 | [sizing](/system/sizing/)         | `minHeight`      | `minHeight`      | `min-height`                    | none                                                                   |
 | [sizing](/system/sizing/)         | `minWidth`       | `minWidth`       | `min-width`                     | none                                                                   |
 | [sizing](/system/sizing/)         | `width`          | `width`          | `width`                         | none                                                                   |
+| [sizing](/system/sizing/)         | `boxSizing`      | `boxSizing`      | `box-sizing`                    | none                                                                   |
 | [spacing](/system/spacing/)       | `spacing`        | `m`              | `margin`                        | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
 | [spacing](/system/spacing/)       | `spacing`        | `mb`             | `margin-bottom`                 | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
 | [spacing](/system/spacing/)       | `spacing`        | `ml`             | `margin-left`                   | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
diff --git a/docs/src/pages/system/api/api-zh.md b/docs/src/pages/system/api/api-zh.md
index e84c0d19c25cd9..cfa528876df7db 100644
--- a/docs/src/pages/system/api/api-zh.md
+++ b/docs/src/pages/system/api/api-zh.md
@@ -38,6 +38,7 @@
 | [sizing](/system/sizing/)         | `minHeight`      | `minHeight`      | `min-height`                    | none                                                                   |
 | [sizing](/system/sizing/)         | `minWidth`       | `minWidth`       | `min-width`                     | none                                                                   |
 | [sizing](/system/sizing/)         | `width`          | `width`          | `width`                         | none                                                                   |
+| [sizing](/system/sizing/)         | `boxSizing`      | `boxSizing`      | `box-sizing`                    | none                                                                   |
 | [spacing](/system/spacing/)       | `spacing`        | `m`              | `margin`                        | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
 | [spacing](/system/spacing/)       | `spacing`        | `mb`             | `margin-bottom`                 | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
 | [spacing](/system/spacing/)       | `spacing`        | `ml`             | `margin-left`                   | [`spacing`](/customization/default-theme/?expand-path=$.spacing)       |
diff --git a/docs/src/pages/system/sizing/sizing-aa.md b/docs/src/pages/system/sizing/sizing-aa.md
index 976719c828afb7..cb45b09886e111 100644
--- a/docs/src/pages/system/sizing/sizing-aa.md
+++ b/docs/src/pages/system/sizing/sizing-aa.md
@@ -37,11 +37,12 @@ crwdns99302:0crwdne99302:0
 crwdns99308:0{ sizing }crwdne99308:0
 ```
 
-| crwdns99310:0crwdne99310:0   | crwdns99312:0crwdne99312:0   | crwdns99314:0crwdne99314:0   | crwdns99316:0crwdne99316:0 |
-|:---------------------------- |:---------------------------- |:---------------------------- |:-------------------------- |
-| `crwdns99318:0crwdne99318:0` | `crwdns99320:0crwdne99320:0` | `crwdns99322:0crwdne99322:0` | crwdns99324:0crwdne99324:0 |
-| `crwdns99326:0crwdne99326:0` | `crwdns99328:0crwdne99328:0` | `crwdns99330:0crwdne99330:0` | crwdns99332:0crwdne99332:0 |
-| `crwdns99334:0crwdne99334:0` | `crwdns99336:0crwdne99336:0` | `crwdns99338:0crwdne99338:0` | crwdns99340:0crwdne99340:0 |
-| `crwdns99342:0crwdne99342:0` | `crwdns99344:0crwdne99344:0` | `crwdns99346:0crwdne99346:0` | crwdns99348:0crwdne99348:0 |
-| `crwdns99350:0crwdne99350:0` | `crwdns99352:0crwdne99352:0` | `crwdns99354:0crwdne99354:0` | crwdns99356:0crwdne99356:0 |
-| `crwdns99358:0crwdne99358:0` | `crwdns99360:0crwdne99360:0` | `crwdns99362:0crwdne99362:0` | crwdns99364:0crwdne99364:0 |
\ No newline at end of file
+| crwdns99310:0crwdne99310:0     | crwdns99312:0crwdne99312:0     | crwdns99314:0crwdne99314:0     | crwdns99316:0crwdne99316:0   |
+|:------------------------------ |:------------------------------ |:------------------------------ |:---------------------------- |
+| `crwdns99318:0crwdne99318:0`   | `crwdns99320:0crwdne99320:0`   | `crwdns99322:0crwdne99322:0`   | crwdns99324:0crwdne99324:0   |
+| `crwdns99326:0crwdne99326:0`   | `crwdns99328:0crwdne99328:0`   | `crwdns99330:0crwdne99330:0`   | crwdns99332:0crwdne99332:0   |
+| `crwdns99334:0crwdne99334:0`   | `crwdns99336:0crwdne99336:0`   | `crwdns99338:0crwdne99338:0`   | crwdns99340:0crwdne99340:0   |
+| `crwdns99342:0crwdne99342:0`   | `crwdns99344:0crwdne99344:0`   | `crwdns99346:0crwdne99346:0`   | crwdns99348:0crwdne99348:0   |
+| `crwdns99350:0crwdne99350:0`   | `crwdns99352:0crwdne99352:0`   | `crwdns99354:0crwdne99354:0`   | crwdns99356:0crwdne99356:0   |
+| `crwdns99358:0crwdne99358:0`   | `crwdns99360:0crwdne99360:0`   | `crwdns99362:0crwdne99362:0`   | crwdns99364:0crwdne99364:0   |
+| `crwdns109691:0crwdne109691:0` | `crwdns109693:0crwdne109693:0` | `crwdns109695:0crwdne109695:0` | crwdns109697:0crwdne109697:0 |
\ No newline at end of file
diff --git a/docs/src/pages/system/sizing/sizing-de.md b/docs/src/pages/system/sizing/sizing-de.md
index 3e81cb6412e947..2d6427974d7a18 100644
--- a/docs/src/pages/system/sizing/sizing-de.md
+++ b/docs/src/pages/system/sizing/sizing-de.md
@@ -51,4 +51,5 @@ import { sizing } from '@material-ui/system';
 | `minWidth`  | `minWidth`    | `min-width`     | none            |
 | `height`    | `height`      | `height`        | none            |
 | `maxHeight` | `maxHeight`   | `max-height`    | none            |
-| `minHeight` | `minHeight`   | `min-height`    | none            |
\ No newline at end of file
+| `minHeight` | `minHeight`   | `min-height`    | none            |
+| `boxSizing` | `boxSizing`   | `box-sizing`    | none            |
\ No newline at end of file
diff --git a/docs/src/pages/system/sizing/sizing-es.md b/docs/src/pages/system/sizing/sizing-es.md
index e7ee512f095048..465fd140cbd45d 100644
--- a/docs/src/pages/system/sizing/sizing-es.md
+++ b/docs/src/pages/system/sizing/sizing-es.md
@@ -51,4 +51,5 @@ import { sizing } from '@material-ui/system';
 | `minWidth`        | `minWidth`  | `min-width`   | none           |
 | `height`          | `height`    | `height`      | none           |
 | `maxHeight`       | `maxHeight` | `max-height`  | none           |
-| `minHeight`       | `minHeight` | `min-height`  | none           |
\ No newline at end of file
+| `minHeight`       | `minHeight` | `min-height`  | none           |
+| `boxSizing`       | `boxSizing` | `box-sizing`  | none           |
\ No newline at end of file
diff --git a/docs/src/pages/system/sizing/sizing-fr.md b/docs/src/pages/system/sizing/sizing-fr.md
index 7dad341f13c0d4..14075f93344ab8 100644
--- a/docs/src/pages/system/sizing/sizing-fr.md
+++ b/docs/src/pages/system/sizing/sizing-fr.md
@@ -51,4 +51,5 @@ import { sizing } from '@material-ui/system';
 | `minWidth`  | `minWidth`  | `min-width`  | none      |
 | `height`    | `height`    | `height`     | none      |
 | `maxHeight` | `maxHeight` | `max-height` | none      |
-| `minHeight` | `minHeight` | `min-height` | none      |
\ No newline at end of file
+| `minHeight` | `minHeight` | `min-height` | none      |
+| `boxSizing` | `boxSizing` | `box-sizing` | none      |
\ No newline at end of file
diff --git a/docs/src/pages/system/sizing/sizing-ja.md b/docs/src/pages/system/sizing/sizing-ja.md
index 101435387c6884..f4b86bac8642a7 100644
--- a/docs/src/pages/system/sizing/sizing-ja.md
+++ b/docs/src/pages/system/sizing/sizing-ja.md
@@ -51,4 +51,5 @@ import { sizing } from '@material-ui/system';
 | `minWidth`  | `minWidth`  | `min-width`  | none  |
 | `height`    | `height`    | `height`     | none  |
 | `maxHeight` | `maxHeight` | `max-height` | none  |
-| `minHeight` | `minHeight` | `min-height` | none  |
\ No newline at end of file
+| `minHeight` | `minHeight` | `min-height` | none  |
+| `boxSizing` | `boxSizing` | `box-sizing` | none  |
\ No newline at end of file
diff --git a/docs/src/pages/system/sizing/sizing-pt.md b/docs/src/pages/system/sizing/sizing-pt.md
index 1d31c5e13fc478..712cffd7c7e0f6 100644
--- a/docs/src/pages/system/sizing/sizing-pt.md
+++ b/docs/src/pages/system/sizing/sizing-pt.md
@@ -51,4 +51,5 @@ import { sizing } from '@material-ui/system';
 | `minWidth`         | `minWidth`  | `min-width`     | none          |
 | `height`           | `height`    | `height`        | none          |
 | `maxHeight`        | `maxHeight` | `max-height`    | none          |
-| `minHeight`        | `minHeight` | `min-height`    | none          |
\ No newline at end of file
+| `minHeight`        | `minHeight` | `min-height`    | none          |
+| `boxSizing`        | `boxSizing` | `box-sizing`    | none          |
\ No newline at end of file
diff --git a/docs/src/pages/system/sizing/sizing-ru.md b/docs/src/pages/system/sizing/sizing-ru.md
index e3aae0e1919174..515d0513ba3332 100644
--- a/docs/src/pages/system/sizing/sizing-ru.md
+++ b/docs/src/pages/system/sizing/sizing-ru.md
@@ -51,4 +51,5 @@ import { sizing } from '@material-ui/system';
 | `minWidth`  | `minWidth`  | `min-width`  | none   |
 | `height`    | `height`    | `height`     | none   |
 | `maxHeight` | `maxHeight` | `max-height` | none   |
-| `minHeight` | `minHeight` | `min-height` | none   |
\ No newline at end of file
+| `minHeight` | `minHeight` | `min-height` | none   |
+| `boxSizing` | `boxSizing` | `box-sizing` | none   |
\ No newline at end of file
diff --git a/docs/src/pages/system/sizing/sizing-zh.md b/docs/src/pages/system/sizing/sizing-zh.md
index 1e846928d6c2fc..fadb97443fe125 100644
--- a/docs/src/pages/system/sizing/sizing-zh.md
+++ b/docs/src/pages/system/sizing/sizing-zh.md
@@ -51,4 +51,5 @@ import { sizing } from '@material-ui/system';
 | `minWidth`  | `minWidth`  | `min-width`  | none      |
 | `height`    | `height`    | `height`     | none      |
 | `maxHeight` | `maxHeight` | `max-height` | none      |
-| `minHeight` | `minHeight` | `min-height` | none      |
\ No newline at end of file
+| `minHeight` | `minHeight` | `min-height` | none      |
+| `boxSizing` | `boxSizing` | `box-sizing` | none      |
\ No newline at end of file
diff --git a/docs/src/pages/system/spacing/spacing-zh.md b/docs/src/pages/system/spacing/spacing-zh.md
index 8ad1a572c56e0b..ffae2ecd0a2400 100644
--- a/docs/src/pages/system/spacing/spacing-zh.md
+++ b/docs/src/pages/system/spacing/spacing-zh.md
@@ -1,4 +1,4 @@
-# Spacing（间距）
+# Spacing 间距
 
 <p class="description">各种简写响应边距和填充实用程序类，用于修改元素的外观。</p>
 
@@ -110,7 +110,7 @@ import { spacing } from '@material-ui/system';
 | `spacing` | `py` | `padding-top`, `padding-bottom` | [`spacing`](/customization/default-theme/?expand-path=$.spacing) |
 
 
-*Some people find the prop shorthand confusing, you can use the full version if you prefer:*
+*有些人觉得属性简写让人困惑，如果你愿意，可以使用完整版：*
 
 ```diff
 -<Box pt={2} />
diff --git a/docs/src/pages/versions/versions-zh.md b/docs/src/pages/versions/versions-zh.md
index 7333c2d6da2ff4..4ee93c8a3d54ad 100644
--- a/docs/src/pages/versions/versions-zh.md
+++ b/docs/src/pages/versions/versions-zh.md
@@ -38,12 +38,12 @@ Material-UI遵循[语义化版本2.0.0](https://semver.org/)。 Material-UI 的
 
 ## 发布时间表
 
-| 日期             | 版本     | 状态  |
-|:-------------- |:------ |:--- |
-| 2018年5月        | v1.0.0 | 已发布 |
-| September 2018 | v3.0.0 | 已发布 |
-| 2019年5月        | v4.0.0 | 已发布 |
-| 2020第三季度       | v5.0.0 | ⏳   |
+| 日期       | 版本     | 状态  |
+|:-------- |:------ |:--- |
+| 2018年5月  | v1.0.0 | 已发布 |
+| 2018年9月  | v3.0.0 | 已发布 |
+| 2019年5月  | v4.0.0 | 已发布 |
+| 2020第三季度 | v5.0.0 | ⏳   |
 
 
 您可以参考[里程碑](https://github.com/mui-org/material-ui/milestones)来获得更详细的概述。
diff --git a/docs/translations/translations-aa.json b/docs/translations/translations-aa.json
index cbca60e6e17df2..87958ab11e9ee5 100644
--- a/docs/translations/translations-aa.json
+++ b/docs/translations/translations-aa.json
@@ -5,6 +5,7 @@
   "useDarkTheme": "crwdns107927:0crwdne107927:0",
   "toggleTheme": "crwdns103670:0crwdne103670:0",
   "toggleRTL": "crwdns103672:0crwdne103672:0",
+  "toggleNotifications": "crwdns109565:0crwdne109565:0",
   "github": "crwdns99830:0crwdne99830:0",
   "strapline": "crwdns99832:0crwdne99832:0",
   "getStarted": "crwdns99834:0crwdne99834:0",
diff --git a/docs/translations/translations-de.json b/docs/translations/translations-de.json
index f636e30f05d803..f5a983557a5874 100644
--- a/docs/translations/translations-de.json
+++ b/docs/translations/translations-de.json
@@ -5,6 +5,7 @@
   "useDarkTheme": "Dunkles Design verwenden",
   "toggleTheme": "helles/dunkles Thema umschalten",
   "toggleRTL": "rechtsläufig/linksläufig umschalten",
+  "toggleNotifications": "Toggle notifications panel",
   "github": "GitHub-Repository",
   "strapline": "React Komponenten für schnellere und einfachere Web-Entwicklung. Bauen Sie ihr eigenes Design-System oder starten Sie mit Material Design.",
   "getStarted": "Erste Schritte",
diff --git a/docs/translations/translations-es.json b/docs/translations/translations-es.json
index 39b3ece1567226..76b0fe1abf6f5c 100644
--- a/docs/translations/translations-es.json
+++ b/docs/translations/translations-es.json
@@ -5,6 +5,7 @@
   "useDarkTheme": "Use dark theme",
   "toggleTheme": "Alternar tema claro/oscuro",
   "toggleRTL": "Alternar derecha-izquierda/izquierda-derecha",
+  "toggleNotifications": "Toggle notifications panel",
   "github": "Repositorio en GitHub",
   "strapline": "Componentes de React para un desarrollo web más rápido y sencillo. Construya su propio sistema de diseño, o empiece con Material Design.",
   "getStarted": "Comenzar",
diff --git a/docs/translations/translations-fr.json b/docs/translations/translations-fr.json
index 94f9efa9c2e168..7f61438c0f4fa2 100644
--- a/docs/translations/translations-fr.json
+++ b/docs/translations/translations-fr.json
@@ -2,9 +2,10 @@
   "homeQuickWord": "Un mot rapide de nos sponsors :",
   "helpToTranslate": "Aider à la traduction",
   "editWebsiteColors": "Modifier les couleurs du site",
-  "useDarkTheme": "Use dark theme",
+  "useDarkTheme": "Utiliser le thème sombre",
   "toggleTheme": "Basculer le thème de couleurs \"clair/sombre\"",
   "toggleRTL": "Basculer de droite à gauche / de gauche à droite",
+  "toggleNotifications": "Toggle notifications panel",
   "github": "Répertoire GitHub",
   "strapline": "Des composants React pour un développement web plus rapide et plus simple. Confectionner votre propre thème graphique ou aidez-vous de Material Design.",
   "getStarted": "Commencer",
@@ -17,14 +18,14 @@
   "usageDescr": "Les composants Material-UI fonctionnent de manière isolée. Ils sont autonomes.",
   "usageButton": "Consulter la documentation",
   "themes": "Thèmes Premium",
-  "themesDescr": "Take your project to the next level with premium themes from our official marketplace – all built on Material-UI.",
+  "themesDescr": "Faites passer votre projet au niveau supérieur avec des thèmes premium de notre marché officiel, tous construits sur Material-UI.",
   "themesButton": "Parcourir les thèmes",
   "whosUsing": "Qui utilise Material-UI ?",
   "joinThese": "Rejoignez ces organisations et d’autres formidables!",
   "usingMui": "Utilisez-vous Material-UI ?",
   "letUsKnow": "Faites-nous savoir !",
-  "praise": "Praise for Material-UI",
-  "praiseDescr": "Here's what some of our users are saying.",
+  "praise": "Éloge de Material-UI",
+  "praiseDescr": "Voici ce que disent certains de nos utilisateurs.",
   "footerCommunity": "Communauté",
   "footerResources": "Ressources",
   "footerCompany": "Entreprise",
@@ -67,10 +68,10 @@
   "codesandbox": "Modifier dans CodeSandbox",
   "seeMore": "Voir plus",
   "copySource": "Copier la source",
-  "copiedSource": "The source code has been copied.",
+  "copiedSource": "Le code source a été copié.",
   "copySourceLinkJS": "Copier le lien vers la source JavaScript",
   "copySourceLinkTS": "Copier le lien vers une source TypeScript",
-  "copiedSourceLink": "Link to the source code has been copied.",
+  "copiedSourceLink": "Le lien vers le code source a été copié.",
   "stackblitz": "Modifier dans StackBlitz (JS uniquement)",
   "headTitle": "Material-UI : Un framework UI React populaire",
   "emojiLove": "Amour",
diff --git a/docs/translations/translations-ja.json b/docs/translations/translations-ja.json
index e505915de1f5e4..d0ce90f31ad9f0 100644
--- a/docs/translations/translations-ja.json
+++ b/docs/translations/translations-ja.json
@@ -5,6 +5,7 @@
   "useDarkTheme": "Use dark theme",
   "toggleTheme": "ライト/ダークテーマに変更する",
   "toggleRTL": "左右反転する",
+  "toggleNotifications": "Toggle notifications panel",
   "github": "GitHubリポジトリ",
   "strapline": "ウェブ開発をより高速かつ簡単なものにするReactコンポーネントです。あなたのデザインシステムを構築するかMaterial Designで始めましょう。",
   "getStarted": "はじめましょう!",
diff --git a/docs/translations/translations-pt.json b/docs/translations/translations-pt.json
index 87947dbea84c7d..1f5def25b91bd6 100644
--- a/docs/translations/translations-pt.json
+++ b/docs/translations/translations-pt.json
@@ -5,6 +5,7 @@
   "useDarkTheme": "Use dark theme",
   "toggleTheme": "Alternar tema claro/escuro",
   "toggleRTL": "Alternar da direita para a esquerda/esquerda para a direita",
+  "toggleNotifications": "Toggle notifications panel",
   "github": "Repositório no GitHub",
   "strapline": "Componentes React para um desenvolvimento mais rápido e fácil. Construa seu próprio design, ou comece com Material Design.",
   "getStarted": "Comece a Usar",
diff --git a/docs/translations/translations-ru.json b/docs/translations/translations-ru.json
index 2666cee6686b86..cd58a35519af4d 100644
--- a/docs/translations/translations-ru.json
+++ b/docs/translations/translations-ru.json
@@ -5,6 +5,7 @@
   "useDarkTheme": "Use dark theme",
   "toggleTheme": "Переключить светлую/темную тему",
   "toggleRTL": "Переключить справа-налево/слева-направо",
+  "toggleNotifications": "Toggle notifications panel",
   "github": "GitHub репозиторий",
   "strapline": "React компоненты для быстрой и легкой веб-разработки. Создайте свой собственный дизайн или начните с Material Design.",
   "getStarted": "Начать",
diff --git a/docs/translations/translations-zh.json b/docs/translations/translations-zh.json
index 46a6a47f185e5a..dad4b9a0f3356b 100644
--- a/docs/translations/translations-zh.json
+++ b/docs/translations/translations-zh.json
@@ -2,9 +2,10 @@
   "homeQuickWord": "来自我们的赞助商的一个简短概括：",
   "helpToTranslate": "帮助我们翻译",
   "editWebsiteColors": "编辑网站的颜色",
-  "useDarkTheme": "Use dark theme",
+  "useDarkTheme": "使用暗色主题",
   "toggleTheme": "切换浅色/深色主题",
   "toggleRTL": "切换 从右到左/从左到右",
+  "toggleNotifications": "Toggle notifications panel",
   "github": "GitHub 存储库",
   "strapline": "React 组件用于更快速、更简便的 web 开发。你也可以建立你自己的设计系统，或者从 Material Design 开始。",
   "getStarted": "起步",
@@ -17,14 +18,14 @@
   "usageDescr": "Material-UI 组件无需任何额外的设置即可使用, 并且不会污染全局范围。",
   "usageButton": "探索文档",
   "themes": "高级版主题",
-  "themesDescr": "Take your project to the next level with premium themes from our official marketplace – all built on Material-UI.",
+  "themesDescr": "通过我们的官方市场中的高级主题——均以 Material-UI 为基础，让你的项目更上一层楼。",
   "themesButton": "浏览主题",
   "whosUsing": "有哪些人使用 Material-UI？",
   "joinThese": "请参与到这些或者其他强大的组织中去！",
   "usingMui": "你在使用 Material-UI 吗？",
   "letUsKnow": "请告诉我们吧！",
-  "praise": "Praise for Material-UI",
-  "praiseDescr": "Here's what some of our users are saying.",
+  "praise": "给 Material-UI 点赞",
+  "praiseDescr": "以下是我们的一些用户的看法。",
   "footerCommunity": "社区",
   "footerResources": "资源",
   "footerCompany": "企业",
@@ -67,10 +68,10 @@
   "codesandbox": "在 CodeSandbox 中编辑",
   "seeMore": "查看更多",
   "copySource": "复制源代码",
-  "copiedSource": "The source code has been copied.",
+  "copiedSource": "源代码已被复制。",
   "copySourceLinkJS": "请将链接复制到 JavaScript 源代码",
   "copySourceLinkTS": "请将链接复制到 TypeScript 源代码",
-  "copiedSourceLink": "Link to the source code has been copied.",
+  "copiedSourceLink": "源代码的链接已被复制。",
   "stackblitz": "在 StackBlitz 中编辑（仅限JS）",
   "headTitle": "Material-UI：当下流行的 React UI 框架",
   "emojiLove": "喜爱",
@@ -101,103 +102,103 @@
     "/getting-started/supported-components": "支持的组件",
     "/getting-started/supported-platforms": "支持的平台",
     "/getting-started/support": "支持",
-    "/components": "Components（组件）",
+    "/components": "组件",
     "/components/about-the-lab": "关于 Lab",
-    "/components/click-away-listener": "Click Away Listener（他处点击监听器）",
+    "/components/click-away-listener": "Click Away Listener 他处点击监听器",
     "/component/about": "关于 Lab",
-    "/components/app-bar": "App Bar（应用栏）",
-    "/components/autocomplete": "Autocomplete（自动补全）",
-    "/components/avatars": "Avatar",
-    "/components/badges": "Badge",
+    "/components/app-bar": "App Bar 应用栏",
+    "/components/autocomplete": "Autocomplete 自动补全",
+    "/components/avatars": "Avatar 头像",
+    "/components/badges": "Badge 徽章",
     "/components/basic-inputs": "基本的输入",
-    "/components/bottom-navigation": "Bottom Navigation（底部导航栏）",
-    "/components/box": "Box（分组）",
-    "/components/breadcrumbs": "Breadcrumbs（面包屑导航）",
-    "/components/buttons": "Button（按钮）",
-    "/components/cards": "Cards（卡片）",
-    "/components/checkboxes": "Checkbox（选择框）",
-    "/components/chips": "Chip",
-    "/components/container": "Container（容器）",
-    "/components/content": "Content（内容）",
-    "/components/css-baseline": "CSS Baseline（CSS 基线）",
+    "/components/bottom-navigation": "Bottom Navigation 底部导航栏",
+    "/components/box": "Box 分组",
+    "/components/breadcrumbs": "Breadcrumbs 面包屑导航",
+    "/components/buttons": "Button 按钮",
+    "/components/cards": "Cards 卡片",
+    "/components/checkboxes": "Checkbox 选择框",
+    "/components/chips": "Chip 纸片组件",
+    "/components/container": "Container 容器",
+    "/components/content": "Content 内容",
+    "/components/css-baseline": "CSS Baseline 基线",
     "/components/data-display": "数据展示",
-    "/components/dialogs": "Dialog",
-    "/components/dividers": "Divider",
-    "/components/drawers": "Drawer（抽屉）",
-    "/components/expansion-panels": "Expansion Panel (拓展面板)",
+    "/components/dialogs": "Dialog 对话框",
+    "/components/dividers": "Divider 分隔线",
+    "/components/drawers": "Drawer 抽屉",
+    "/components/expansion-panels": "Expansion Panel 拓展面板",
     "/components/feedback": "用户反馈",
-    "/components/grid": "栅格（Grid）",
-    "/components/hidden": "Hidden（隐藏）",
-    "/components/grid-list": "Grid List（网格列表）",
-    "/components/icons": "Icons（图标）",
-    "/components/inputs": "Inputs（输入）",
-    "/components/lab": "Lab（实验室）",
-    "/components/layout": "Layout（布局）",
-    "/components/links": "Link",
-    "/components/lists": "Lists（列表）",
-    "/components/menus": "Menu",
-    "/components/modal": "Modal（模态框）",
-    "/components/navigation": "Navigation（导航栏）",
-    "/components/no-ssr": "没有 SSR",
+    "/components/grid": "Grid 栅格",
+    "/components/hidden": "Hidden 隐藏",
+    "/components/grid-list": "Grid List 网格列表",
+    "/components/icons": "Icons 图标",
+    "/components/inputs": "输入",
+    "/components/lab": "实验室",
+    "/components/layout": "布局",
+    "/components/links": "Link 链接",
+    "/components/lists": "Lists 列表",
+    "/components/menus": "Menu 菜单",
+    "/components/modal": "Modal 模态框",
+    "/components/navigation": "导航栏",
+    "/components/no-ssr": "No SSR 没有",
     "/components/other": "其他",
-    "/components/paper": "Paper（纸张）",
-    "/components/pickers": "日期/时间",
-    "/components/popover": "Popover（弹出框）",
-    "/components/popper": "Popper（弹出提示工具）",
-    "/components/portal": "Portal（传送门）",
-    "/components/progress": "Progress（进度条）",
+    "/components/paper": "Paper 纸张",
+    "/components/pickers": "Date/Time 日期/时间",
+    "/components/popover": "Popover 弹出框",
+    "/components/popper": "Popper 弹出提示工具",
+    "/components/portal": "Portal 传送门",
+    "/components/progress": "Progress 进度条",
     "/components/progress-validation": "用户反馈",
-    "/components/radio-buttons": "单选按钮",
-    "/components/selects": "Select（选择器）",
-    "/components/slider": "Slider（滑块）",
-    "/components/snackbars": "Snackbar（消息条）",
-    "/components/speed-dial": "Speed Dial（快速拨号）",
-    "/components/steppers": "Stepper（步进器）",
+    "/components/radio-buttons": "Radio 单选框",
+    "/components/selects": "Select 选择器",
+    "/components/slider": "Slider 滑块",
+    "/components/snackbars": "Snackbar 消息条",
+    "/components/speed-dial": "Speed Dial 快速拨号",
+    "/components/steppers": "Stepper 步进器",
     "/components/surfaces": "表面",
-    "/components/switches": "Switch （开关）",
-    "/components/tables": "Table",
-    "/components/tabs": "Tabs（选项卡）",
-    "/components/text-fields": "TextField（文本框）",
-    "/components/toggle-button": "Toggle Button（切换按钮）",
-    "/components/tooltips": "Tooltip",
-    "/components/transfer-list": "Transfer List（传递列表）",
-    "/components/transitions": "Transitions（过渡动画）",
-    "/components/typography": "Typography（文字铸排）",
+    "/components/switches": "Switch 开关",
+    "/components/tables": "Table 表格",
+    "/components/tabs": "Tabs 选项卡",
+    "/components/text-fields": "TextField 文本框",
+    "/components/toggle-button": "Toggle Button 切换按钮",
+    "/components/tooltips": "Tooltip 提示",
+    "/components/transfer-list": "Transfer List 传递列表",
+    "/components/transitions": "Transitions 过渡动画",
+    "/components/typography": "Typography 文字铸排",
     "/components/use-media-query": "useMediaQuery",
-    "/components/utils": "Utils（工具包）",
+    "/components/utils": "工具包",
     "/css-in-js": "样式",
     "/css-in-js/basics": "基础",
     "/css-in-js/advanced": "进阶",
-    "/system": "System（系统）",
+    "/system": "系统",
     "/system/basics": "基础",
-    "/system/borders": "Borders（边框属性）",
-    "/system/display": "Display（显示属性）",
+    "/system/borders": "Borders 边框属性",
+    "/system/display": "Display 显示属性",
     "/system/flexbox": "Flexbox",
-    "/system/palette": "Palette（调色）",
-    "/system/positions": "Positions（位置）",
-    "/system/shadows": "Shadows（阴影属性）",
-    "/system/sizing": "Sizing（大小）",
-    "/system/spacing": "Spacing（间距）",
-    "/system/typography": "Typography（文字铸排）",
+    "/system/palette": "Palette 调色",
+    "/system/positions": "Positions 位置",
+    "/system/shadows": "Shadows 阴影属性",
+    "/system/sizing": "Sizing 大小",
+    "/system/spacing": "Spacing 间距",
+    "/system/typography": "Typography 文字铸排",
     "/customization": "个性化",
     "/customization/theming": "概览",
     "/customization/theme": "主题",
-    "/customization/breakpoints": "Breakpoints（断点）",
-    "/customization/color": "Color（颜色）",
-    "/customization/palette": "Palette（调色）",
+    "/customization/breakpoints": "Breakpoints 断点",
+    "/customization/color": "Color 颜色",
+    "/customization/palette": "Palette 调色",
     "/customization/type": "类型（浅色/深色主题）",
-    "/customization/typography": "Typography（文字铸排）",
-    "/customization/spacing": "Spacing（间距）",
+    "/customization/typography": "Typography 文字铸排",
+    "/customization/spacing": "Spacing 间距",
     "/customization/z-index": "z-index",
     "/customization/globals": "全局变量",
-    "/customization/components": "Components（组件）",
+    "/customization/components": "Components 组件",
     "/customization/default-theme": "默认主题",
     "/guides": "指南",
     "/guides/api": "API 设计方法",
     "/guides/typescript": "TypeScript",
     "/guides/interoperability": "样式库的互通性",
     "/guides/minimizing-bundle-size": "最小化打包文件大小",
-    "/guides/composition": "Composition（组合）",
+    "/guides/composition": "组合",
     "/guides/responsive-ui": "响应式 UI",
     "/guides/server-rendering": "服务器端渲染",
     "/guides/migration-v3": "从v3版本迁移",
@@ -217,15 +218,15 @@
     "/discover-more/changelog": "更新日志",
     "/discover-more/languages": "语言",
     "/versions": "版本",
-    "/styles": "Styles（样式表单）",
+    "/styles": "样式表单",
     "/styles/basics": "基础",
     "/styles/advanced": "高级",
     "https://themes.material-ui.com/": "高级版主题",
-    "/components/material-icons": "Material Icons (材料图标)",
-    "/components/textarea-autosize": "Textarea自动调整大小",
-    "/components/rating": "评价",
-    "/components/skeleton": "骨架屏",
-    "/components/tree-view": "树视图",
-    "/customization/density": "间距 (density)"
+    "/components/material-icons": "Material Icons 材料图标",
+    "/components/textarea-autosize": "Textarea 自动调整大小",
+    "/components/rating": "Rating 评分",
+    "/components/skeleton": "Skeleton 骨架屏",
+    "/components/tree-view": "Tree View 树视图",
+    "/customization/density": "间距"
   }
 }
\ No newline at end of file