[docs] Sync translations

docs/src/pages/components/about-the-lab/about-the-lab-aa.md

@@ -27,4 +27,14 @@ crwdns109523:0crwdne109523:0 crwdns109525:0crwdne109525:0
 
 ```sh
 crwdns89138:0crwdne89138:0
+```
+
+## crwdns133576:0crwdne133576:0
+
+crwdns133578:0crwdne133578:0 crwdns133580:0crwdne133580:0
+
+```tsx
+crwdns133582:0{
+        backgroundColor: 'red',
+      }crwdne133582:0
 ```

docs/src/pages/components/about-the-lab/about-the-lab-de.md

@@ -27,12 +27,30 @@ npm install @material-ui/lab
 yarn add @material-ui/lab
 ```
 
-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:
+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:
 
 ```sh
 // mit npm
 npm install @material-ui/core
 
 // mit yarn
 yarn add @material-ui/core
+```
+
+## TypeScript
+
+In order to benefit from the [CSS overrides](/customization/globals/#css) and [default prop customization](/customization/globals/#default-props) with the theme, TypeScript users need to import the following types. Internally, it uses [module augmentation](/guides/typescript/#customization-of-theme) to extend the default theme structure with the extension components available in the lab.
+
+```tsx
+import type '@material-ui/lab/themeAugmentation';
+
+const theme = createMuiTheme({
+  overrides: {
+    MuiTimeline: {
+      root: {
+        backgroundColor: 'red',
+      },
+    },
+  },
+});
 ```

docs/src/pages/components/about-the-lab/about-the-lab-es.md

@@ -35,4 +35,22 @@ npm install @material-ui/core
 
 // usando yarn
 yarn add @material-ui/core
+```
+
+## TypeScript
+
+In order to benefit from the [CSS overrides](/customization/globals/#css) and [default prop customization](/customization/globals/#default-props) with the theme, TypeScript users need to import the following types. Internally, it uses [module augmentation](/guides/typescript/#customization-of-theme) to extend the default theme structure with the extension components available in the lab.
+
+```tsx
+import type '@material-ui/lab/themeAugmentation';
+
+const theme = createMuiTheme({
+  overrides: {
+    MuiTimeline: {
+      root: {
+        backgroundColor: 'red',
+      },
+    },
+  },
+});
 ```

docs/src/pages/components/about-the-lab/about-the-lab-fr.md

@@ -17,7 +17,7 @@ For a component to be ready to move to the core, the following criteria are cons
 
 ## Installation
 
-Install the package in your project directory with:
+Installez le package dans votre répertoire de projet avec:
 
 ```sh
 // avec npm
@@ -27,12 +27,30 @@ npm install @material-ui/lab
 yarn add @material-ui/lab
 ```
 
-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:
+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:
 
 ```sh
 // avec npm
 npm install @material-ui/core
 
 // avec yarn
 yarn add @material-ui/core
+```
+
+## TypeScript
+
+In order to benefit from the [CSS overrides](/customization/globals/#css) and [default prop customization](/customization/globals/#default-props) with the theme, TypeScript users need to import the following types. Internally, it uses [module augmentation](/guides/typescript/#customization-of-theme) to extend the default theme structure with the extension components available in the lab.
+
+```tsx
+import type '@material-ui/lab/themeAugmentation';
+
+const theme = createMuiTheme({
+  overrides: {
+    MuiTimeline: {
+      root: {
+        backgroundColor: 'red',
+      },
+    },
+  },
+});
 ```

docs/src/pages/components/about-the-lab/about-the-lab-ja.md

@@ -17,7 +17,7 @@ Coreパッケージに移るためには以下の基準を考慮します。
 
 ## インストール
 
-Install the package in your project directory with:
+次を使用して、プロジェクトディレクトリにパッケージをインストールします。
 
 ```sh
 // with npm
@@ -27,12 +27,30 @@ npm install @material-ui/lab
 yarn add @material-ui/lab
 ```
 
-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:
+このラボには、コアコンポーネントへのピア依存関係があります。 プロジェクトでまだMaterial-UIを使用していない場合は、次のコマンドでインストールできます。
 
 ```sh
 // npmの場合
 npm install @material-ui/core
 
 // yarnの場合
 yarn add @material-ui/core
+```
+
+## TypeScript
+
+In order to benefit from the [CSS overrides](/customization/globals/#css) and [default prop customization](/customization/globals/#default-props) with the theme, TypeScript users need to import the following types. Internally, it uses [module augmentation](/guides/typescript/#customization-of-theme) to extend the default theme structure with the extension components available in the lab.
+
+```tsx
+import type '@material-ui/lab/themeAugmentation';
+
+const theme = createMuiTheme({
+  overrides: {
+    MuiTimeline: {
+      root: {
+        backgroundColor: 'red',
+      },
+    },
+  },
+});
 ```

docs/src/pages/components/about-the-lab/about-the-lab-pt.md

@@ -35,4 +35,22 @@ npm install @material-ui/core
 
 // usando yarn
 yarn add @material-ui/core
+```
+
+## TypeScript
+
+In order to benefit from the [CSS overrides](/customization/globals/#css) and [default prop customization](/customization/globals/#default-props) with the theme, TypeScript users need to import the following types. Internally, it uses [module augmentation](/guides/typescript/#customization-of-theme) to extend the default theme structure with the extension components available in the lab.
+
+```tsx
+import type '@material-ui/lab/themeAugmentation';
+
+const theme = createMuiTheme({
+  overrides: {
+    MuiTimeline: {
+      root: {
+        backgroundColor: 'red',
+      },
+    },
+  },
+});
 ```

docs/src/pages/components/about-the-lab/about-the-lab-ru.md

@@ -27,12 +27,30 @@ npm install @material-ui/lab
 yarn add @material-ui/lab
 ```
 
-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:
+Пакет lab зависит напрямую от пакета основных компонентов. Если Material-UI ещё не использовался вашем проекте, вы можете установить его командой:
 
 ```sh
 // with npm
 npm install @material-ui/core
 
 // with yarn
 yarn add @material-ui/core
+```
+
+## TypeScript
+
+In order to benefit from the [CSS overrides](/customization/globals/#css) and [default prop customization](/customization/globals/#default-props) with the theme, TypeScript users need to import the following types. Internally, it uses [module augmentation](/guides/typescript/#customization-of-theme) to extend the default theme structure with the extension components available in the lab.
+
+```tsx
+import type '@material-ui/lab/themeAugmentation';
+
+const theme = createMuiTheme({
+  overrides: {
+    MuiTimeline: {
+      root: {
+        backgroundColor: 'red',
+      },
+    },
+  },
+});
 ```

docs/src/pages/components/about-the-lab/about-the-lab-zh.md

@@ -35,4 +35,22 @@ npm install @material-ui/core
 
 // 用 yarn 安装
 yarn add @material-ui/core
+```
+
+## TypeScript
+
+In order to benefit from the [CSS overrides](/customization/globals/#css) and [default prop customization](/customization/globals/#default-props) with the theme, TypeScript users need to import the following types. Internally, it uses [module augmentation](/guides/typescript/#customization-of-theme) to extend the default theme structure with the extension components available in the lab.
+
+```tsx
+import type '@material-ui/lab/themeAugmentation';
+
+const theme = createMuiTheme({
+  overrides: {
+    MuiTimeline: {
+      root: {
+        backgroundColor: 'red',
+      },
+    },
+  },
+});
 ```

docs/src/pages/components/alert/alert-pt.md

@@ -41,7 +41,7 @@ A propriedade `icon` permite que você adicione um ícone no início do componen
 
 Você pode alterar a severidade padrão e o mapeamento do ícone com a propriedade `iconMapping`. Isso pode ser definido globalmente utilizando [customização do tema](/customization/globals/#default-props).
 
-Definir a propriedade ícone como falso removerá o ícone completamente.
+Definir a propriedade `icon` como falso removerá o ícone completamente.
 
 {{"demo": "pages/components/alert/IconAlerts.js"}}
 
@@ -57,13 +57,13 @@ Duas variantes adicionais estão disponíveis – delineado e preenchido:
 
 {{"demo": "pages/components/alert/FilledAlerts.js"}}
 
-## Aviso na tela
+## Toast
 
-Você pode usar o componente SnackBar para [exibir um aviso na tela](/components/snackbars/#customized-snackbars) com o componente Alert.
+Você pode usar o componente Snackbar para [exibir um toast](/components/snackbars/#customized-snackbars) com o componente Alert.
 
 ## Cor
 
-A propriedade `color` irá sobrescrever a cor padrão para a gravidade especificada.
+A propriedade `color` irá sobrescrever a cor padrão para a severidade especificada.
 
 {{"demo": "pages/components/alert/ColorAlerts.js"}}
 
@@ -75,4 +75,4 @@ Quando o componente é exibido de forma dinâmica, o conteúdo é automaticament
 
 O uso de cores para adicionar significado apenas fornece uma indicação visual, que não vai ser transmitida para usuários de tecnologias assistivas, como leitores de tela. Certifique-se de que a informação indicada pela cor seja clara a partir do próprio conteúdo (por exemplo, o texto visível), ou esteja incluída através de meios alternativos, como um texto oculto adicional.
 
-As ações devem ter um índice de tabulação igual a 0 para que possam ser acessíveis por usuários que usam apenas o teclado.
+As ações devem ter um índice de tabulação de 0 para que possam ser acessíveis por usuários que usam apenas o teclado.

docs/src/pages/components/autocomplete/autocomplete-zh.md

@@ -195,7 +195,7 @@ const filterOptions = createFilterOptions({
 
 {{"demo": "pages/components/autocomplete/Filter.js", "defaultCodeOpen": false}}
 
-### 高级
+### Advanced 进阶
 
 对于更复杂的过滤机制，譬如模糊匹配（fuzzy matching），我们推荐您看一下 [match-sorter](https://github.com/kentcdodds/match-sorter)。 就像这样：
 

docs/src/pages/components/avatars/avatars-zh.md

@@ -3,47 +3,47 @@ title: React Avatar 头像组件
 components: Avatar, AvatarGroup, Badge
 ---
 
-# Avatar 头像
+# Avatar 头像组件
 
 <p class="description">在整个 material design 中，无论是在表格中还是到对话框菜单中，都可以找到使用头像的身影。</p>
 
 ## 图片头像
 
-可以通过向组件传递标准的`img` 属性、`src` 或`srcSet`来创建图片头像。
+通过将标准 `img` 的属性 `src` 或 `srcSet` 传递到组件中，您可以创建图片头像。
 
 {{"demo": "pages/components/avatars/ImageAvatars.js"}}
 
 ## 字母头像
 
-可以通过向`children`传递字符串的方式来创建字符头像。
+通过传入一个作为 `children`的字符串，您可以创建包含简单字符的头像组件。
 
 {{"demo": "pages/components/avatars/LetterAvatars.js"}}
 
 ## 尺寸
 
-你可以通过改变`height` 以及`width` 的CSS属性来改变头像的尺寸。
+你可以通过改变 `height` 以及 `width` 这两个 CSS 属性来改变头像组件的尺寸。
 
 {{"demo": "pages/components/avatars/SizeAvatars.js"}}
 
 ## 图标头像
 
-通过将图标作为` children `传递来创建图标头像。
+通过将图标作为 `children` 来传递来创建图标头像。
 
 {{"demo": "pages/components/avatars/IconAvatars.js"}}
 
 ## 变种
 
-如果你需要矩形或圆角头像，请使用 `variant`属性。
+如果你需要矩形或圆角的头像组件，请使用 `variant`属性。
 
 {{"demo": "pages/components/avatars/VariantAvatars.js"}}
 
-## Fallbacks
+## 回调函数
 
-如果在加载头像图片时发生错误，组件将切换到以下备选方案：
+如果在加载头像组件时发生错误，组件将按照如下顺序切换到以下备选方案：
 
-- 提供的children子元素
-- `alt`属性的首字母
-- 通用头像图标
+- 提供的 children 子元素
+- `alt` 文本的首字母
+- 一个通用头像图标组件
 
 {{"demo": "pages/components/avatars/FallbackAvatars.js"}}
 
@@ -53,6 +53,6 @@ components: Avatar, AvatarGroup, Badge
 
 {{"demo": "pages/components/avatars/GroupAvatars.js"}}
 
-## 徽章
+## 带有徽章的组件
 
 {{"demo": "pages/components/avatars/BadgeAvatars.js"}}

docs/src/pages/components/badges/badges-zh.md

@@ -5,7 +5,7 @@ components: Badge
 
 # Badge 徽章
 
-<p class="description">徽章会在其子项的右上角生成一个小徽章。</p>
+<p class="description">徽章组件会在其子项（们）的右上角生成一个小徽章。</p>
 
 ## 基本徽章
 
@@ -31,24 +31,24 @@ components: Badge
 
 ## 最大值
 
-您可以使用 `max` 属性来限制徽章内容的最大值。
+您可以使用 `max` 属性来限制徽章组件内容的最大值。
 
 {{"demo": "pages/components/badges/BadgeMax.js"}}
 
 ## 圆点徽章
 
-`dot` 属性会使得徽章渲染为一个小点。 这样的组件可以作为一个提示的工具，来说明有些值已经改变，但是不需要计数。
+通过 `dot` 属性，一个徽章会渲染为一个小小的点。 这样的话，可以在不给出具体计数的情况下，组件能够提示一下变化。
 
 {{"demo": "pages/components/badges/DotBadge.js"}}
 
-## 徽章组件的覆盖
+## 徽章组件的 overlap 属性
 
-您可以使用 `overlap` 这个属性，在封装的元素相对的一角来显示徽章组件。
+你可以使用 `overlap` 属性来将徽章组件放置到到封装的元素一个相对位置的角落。
 
 {{"demo": "pages/components/badges/BadgeOverlap.js"}}
 
 ## 徽章组件的校准
 
-你可以使用 `anchorOrigin` 属性来移动徽章到包裹元素的任何角落。
+你可以使用 `anchorOrigin` 属性移把徽章组件移动到封装的元素的任何角落。
 
 {{"demo": "pages/components/badges/BadgeAlignment.js", "hideToolbar": true}}

docs/src/pages/components/box/box-zh.md

@@ -46,7 +46,7 @@ Box 组件有一个 `clone` 的属性，通过它您可以使用 React 克隆元
 </Box>
 ```
 
-> ⚠️CSS 的特异性依赖于导入的顺序。 如果您希望确保覆写包装组件的样式，则需要在最后才导入 Box。
+> ⚠️CSS 的优先级依赖于导入的顺序。 如果您希望确保覆写包装组件的样式，则需要在最后才导入 Box。
 
 ## API