Merge branch 'master' into feat/minify-errors

.github/ISSUE_TEMPLATE/1.bug.md

@@ -1,6 +1,7 @@
 ---
 name: Bug report 🐛
 about: Create a bug report for Material-UI.
+labels: 'status: needs triage'
 ---
 
 <!-- Provide a general summary of the issue in the Title above -->

.github/ISSUE_TEMPLATE/2.feature.md

@@ -1,6 +1,7 @@
 ---
 name: Feature request 💄
 about: Suggest a new idea for the project.
+labels: 'status: needs triage'
 ---
 
 <!-- Provide a general summary of the feature in the Title above -->

CHANGELOG.md

@@ -1,5 +1,56 @@
 ### [Versions](https://material-ui.com/versions/)
 
+## 4.10.1
+###### *June 1, 2020*
+
+Big thanks to the 21 contributors who made this release possible.
+
+### `@material-ui/[email protected]`
+
+- [CircularProgress] Fix IE 11 wobbling (#21248) @AmirAhrari
+- [l10n] Improve Ukrainian translation (#21239) @goodwin64
+- [LinearProgress] Set aria-valuemin and aria-valuemax (#21195) @eps1lon
+- [List] Add ‘alignItemsFlexStart’ to ListItemIconClassKey #21256) @YoonjiJang
+- [Slider] Fix missing type definitions (#21244) @konekoya
+- [Stepper] Add focus ripple to StepButton (#21223) @mnajdova
+- [SvgIcon] Add displayName in react-devtools (#21134) @gndplayground
+- [Table] Add React node support to TablePagination.labelRowsPerPage (#21226) @oliviertassinari
+- [TextField] Fix missing autofill events (#21237) @maksimgm
+- [Tooltip] Improve arrow customization (#21203) @mnajdova
+- [Transition] Prevent passing undefined argument to callbacks (#21158) @iamhosseindhv
+
+### `@material-ui/[email protected]`
+
+- [Autocomplete] Document how to use a 3rd party input (#21257) @maksimgm
+- [Autocomplete] Fix dynamic changes of multiple={boolean} (#21194) @weizhi9958
+- [Autocomplete] Improve getOptionLabel usage warning (#21207) @rhuanbarreto
+- [Skeleton] Improve component (#21255) @oliviertassinari
+- [Skeleton] Improve contrast on light themes (#21122) @eps1lon
+- [Pagination] Fix selected item style (#21252) @svikhristyuk
+
+### Docs
+
+- [docs] Adapt CONTRIBUTING.md for https instead of SSH git clone (#21187) @cjoecker
+- [docs] Add Progress value label examples (#21190) @cjoecker
+- [docs] Document the onClick handler on Button (#21234) @hoop71
+- [docs] English improvements in api.md (#21159) @dandv
+- [docs] Fix typo in default palette value (#21243) @dbgb
+- [docs] Fix typo, principals -> principles (#21160) @dandv
+- [docs] Improve ad display (#21219) @oliviertassinari
+- [docs] Mention laying out radio buttons horizontally (#21186) @dandv
+- [docs] Replace typefaces with fontsource (#21153) @DecliningLotus
+- [docs] Simplify CONTRIBUTING.md (#21196) @NMinhNguyen
+- [docs] Small grammar fix (#21161) @dandv
+- [docs] Sync translations (#21275) @oliviertassinari
+- [docs] Track pixel ratio (#21209) @eps1lon
+
+### Core
+
+- [TrapFocus] Make an unstable version public (#21201) @dmtrKovalenko
+- [test] Track size of `@material-ui/utils` (#21240) @eps1lon
+- [core] Batch small changes (#21156) @oliviertassinari
+- [core] Batch small changes (#21249) @oliviertassinari
+
 ## 4.10.0
 ###### *May 23, 2020*
 

README.md

@@ -59,14 +59,14 @@ Diamond Sponsors are those who have pledged $1,500/month or more to Material-UI.
 via [Patreon](https://www.patreon.com/oliviertassinari)
 
 <p style="display: flex; justify-content: center;">
-  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://github.com/tidelift.png?size=96" srcset="https://github.com/tidelift.png?size=96, https://github.com/tidelift.png?size=192 2x" alt="tidelift" title="Enterprise-ready open source software" loading="lazy" /></a>
-  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://github.com/teambit.png?size=96" srcset="https://github.com/teambit.png?size=96, https://github.com/teambit.png?size=192 2x" alt="bitsrc" title="The fastest way to share code" loading="lazy" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="tidelift" href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://github.com/tidelift.png?size=96" srcset="https://github.com/tidelift.png?size=192 2x" alt="tidelift" title="Enterprise-ready open source software" loading="lazy" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="logo" data-ga-event-label="bitsrc" href="https://bit.dev" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://github.com/teambit.png?size=96" srcset="https://github.com/teambit.png?size=192 2x" alt="bitsrc" title="The fastest way to share code" loading="lazy" /></a>
 </p>
 
 via [OpenCollective](https://opencollective.com/material-ui)
 
 <p style="display: flex; justify-content: center; flex-wrap: wrap;">
-  <a data-ga-event-category="sponsor" 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/callemall/a6946da/logo/96.png" srcset="https://images.opencollective.com/callemall/a6946da/logo/96.png, https://images.opencollective.com/callemall/a6946da/logo/192.png 2x" alt="call-em-all" title="The easy way to message your group" height="96" width="96" loading="lazy"></a>
+  <a data-ga-event-category="sponsor" 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/callemall/a6946da/logo/96.png" srcset="https://images.opencollective.com/callemall/a6946da/logo/192.png 2x" alt="call-em-all" title="The easy way to message your group" height="96" width="96" loading="lazy"></a>
 </p>
 
 Gold Sponsors are those who have pledged $500/month or more to Material-UI.

docs/pages/_app.js

@@ -160,7 +160,7 @@ function Analytics() {
      * Adjusted to track 3 or more different ratios
      */
     function trackDevicePixelRation() {
-      window.ga('set', 'dimension3', window.devicePixelRatio);
+      window.ga('set', 'dimension3', Math.round(window.devicePixelRatio * 10) / 10);
 
       matchMedia = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);
       // Need to setup again.

docs/pages/api-docs/breadcrumbs.md

@@ -28,9 +28,9 @@ The `MuiBreadcrumbs` name can be used for providing [default props](/customizati
 
 | Name | Type | Default | Description |
 |:-----|:-----|:--------|:------------|
-| <span class="prop-name required">children&nbsp;*</span> | <span class="prop-type">node</span> |  | The breadcrumb children. |
+| <span class="prop-name">children</span> | <span class="prop-type">node</span> |  | The breadcrumb children. |
 | <span class="prop-name">classes</span> | <span class="prop-type">object</span> |  | Override or extend the styles applied to the component. See [CSS API](#css) below for more details. |
-| <span class="prop-name">component</span> | <span class="prop-type">elementType</span> | <span class="prop-default">'nav'</span> | The component used for the root node. Either a string to use a HTML element or a component. By default, it maps the variant to a good default headline component. |
+| <span class="prop-name">component</span> | <span class="prop-type">elementType</span> | <span class="prop-default">'nav'</span> | The component used for the root node. Either a string to use a HTML element or a component. |
 | <span class="prop-name">expandText</span> | <span class="prop-type">string</span> | <span class="prop-default">'Show path'</span> | Override the default label for the expand button.<br>For localization purposes, you can use the provided [translations](/guides/localization/). |
 | <span class="prop-name">itemsAfterCollapse</span> | <span class="prop-type">number</span> | <span class="prop-default">1</span> | If max items is exceeded, the number of items to show after the ellipsis. |
 | <span class="prop-name">itemsBeforeCollapse</span> | <span class="prop-type">number</span> | <span class="prop-default">1</span> | If max items is exceeded, the number of items to show before the ellipsis. |

docs/pages/api-docs/button-base.md

@@ -42,7 +42,6 @@ The `MuiButtonBase` name can be used for providing [default props](/customizatio
 | <span class="prop-name">focusVisibleClassName</span> | <span class="prop-type">string</span> |  | This prop can help a person know which element has the keyboard focus. The class name will be applied when the element gain the focus through a keyboard interaction. It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo). The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/master/explainer.md). A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components if needed. |
 | <span class="prop-name">onFocusVisible</span> | <span class="prop-type">func</span> |  | Callback fired when the component is focused with a keyboard. We trigger a `onFocus` callback too. |
 | <span class="prop-name">TouchRippleProps</span> | <span class="prop-type">object</span> |  | Props applied to the `TouchRipple` element. |
-| <span class="prop-name">type</span> | <span class="prop-type">'submit'<br>&#124;&nbsp;'reset'<br>&#124;&nbsp;'button'</span> | <span class="prop-default">'button'</span> | Used to control the button's purpose. This prop passes the value to the `type` attribute of the native button component. |
 
 The `ref` is forwarded to the root element.
 

docs/pages/api-docs/button-group.md

@@ -28,7 +28,7 @@ The `MuiButtonGroup` name can be used for providing [default props](/customizati
 
 | Name | Type | Default | Description |
 |:-----|:-----|:--------|:------------|
-| <span class="prop-name required">children&nbsp;*</span> | <span class="prop-type">node</span> |  | The content of the button group. |
+| <span class="prop-name">children</span> | <span class="prop-type">node</span> |  | The content of the button group. |
 | <span class="prop-name">classes</span> | <span class="prop-type">object</span> |  | Override or extend the styles applied to the component. See [CSS API](#css) below for more details. |
 | <span class="prop-name">color</span> | <span class="prop-type">'default'<br>&#124;&nbsp;'inherit'<br>&#124;&nbsp;'primary'<br>&#124;&nbsp;'secondary'</span> | <span class="prop-default">'default'</span> | The color of the component. It supports those theme colors that make sense for this component. |
 | <span class="prop-name">component</span> | <span class="prop-type">elementType</span> | <span class="prop-default">'div'</span> | The component used for the root node. Either a string to use a HTML element or a component. |
@@ -37,9 +37,9 @@ The `MuiButtonGroup` name can be used for providing [default props](/customizati
 | <span class="prop-name">disableFocusRipple</span> | <span class="prop-type">bool</span> | <span class="prop-default">false</span> | If `true`, the button keyboard focus ripple will be disabled. |
 | <span class="prop-name">disableRipple</span> | <span class="prop-type">bool</span> | <span class="prop-default">false</span> | If `true`, the button ripple effect will be disabled. |
 | <span class="prop-name">fullWidth</span> | <span class="prop-type">bool</span> | <span class="prop-default">false</span> | If `true`, the buttons will take up the full width of its container. |
-| <span class="prop-name">orientation</span> | <span class="prop-type">'vertical'<br>&#124;&nbsp;'horizontal'</span> | <span class="prop-default">'horizontal'</span> | The group orientation (layout flow direction). |
-| <span class="prop-name">size</span> | <span class="prop-type">'small'<br>&#124;&nbsp;'medium'<br>&#124;&nbsp;'large'</span> | <span class="prop-default">'medium'</span> | The size of the button. `small` is equivalent to the dense button styling. |
-| <span class="prop-name">variant</span> | <span class="prop-type">'text'<br>&#124;&nbsp;'outlined'<br>&#124;&nbsp;'contained'</span> | <span class="prop-default">'outlined'</span> | The variant to use. |
+| <span class="prop-name">orientation</span> | <span class="prop-type">'horizontal'<br>&#124;&nbsp;'vertical'</span> | <span class="prop-default">'horizontal'</span> | The group orientation (layout flow direction). |
+| <span class="prop-name">size</span> | <span class="prop-type">'large'<br>&#124;&nbsp;'medium'<br>&#124;&nbsp;'small'</span> | <span class="prop-default">'medium'</span> | The size of the button. `small` is equivalent to the dense button styling. |
+| <span class="prop-name">variant</span> | <span class="prop-type">'contained'<br>&#124;&nbsp;'outlined'<br>&#124;&nbsp;'text'</span> | <span class="prop-default">'outlined'</span> | The variant to use. |
 
 The `ref` is forwarded to the root element.
 

docs/pages/api-docs/button.md

@@ -28,7 +28,7 @@ The `MuiButton` name can be used for providing [default props](/customization/gl
 
 | Name | Type | Default | Description |
 |:-----|:-----|:--------|:------------|
-| <span class="prop-name required">children&nbsp;*</span> | <span class="prop-type">node</span> |  | The content of the button. |
+| <span class="prop-name">children</span> | <span class="prop-type">node</span> |  | The content of the button. |
 | <span class="prop-name">classes</span> | <span class="prop-type">object</span> |  | Override or extend the styles applied to the component. See [CSS API](#css) below for more details. |
 | <span class="prop-name">color</span> | <span class="prop-type">'default'<br>&#124;&nbsp;'inherit'<br>&#124;&nbsp;'primary'<br>&#124;&nbsp;'secondary'</span> | <span class="prop-default">'default'</span> | The color of the component. It supports those theme colors that make sense for this component. |
 | <span class="prop-name">component</span> | <span class="prop-type">elementType</span> | <span class="prop-default">'button'</span> | The component used for the root node. Either a string to use a HTML element or a component. |
@@ -39,9 +39,9 @@ The `MuiButton` name can be used for providing [default props](/customization/gl
 | <span class="prop-name">endIcon</span> | <span class="prop-type">node</span> |  | Element placed after the children. |
 | <span class="prop-name">fullWidth</span> | <span class="prop-type">bool</span> | <span class="prop-default">false</span> | If `true`, the button will take up the full width of its container. |
 | <span class="prop-name">href</span> | <span class="prop-type">string</span> |  | The URL to link to when the button is clicked. If defined, an `a` element will be used as the root node. |
-| <span class="prop-name">size</span> | <span class="prop-type">'small'<br>&#124;&nbsp;'medium'<br>&#124;&nbsp;'large'</span> | <span class="prop-default">'medium'</span> | The size of the button. `small` is equivalent to the dense button styling. |
+| <span class="prop-name">size</span> | <span class="prop-type">'large'<br>&#124;&nbsp;'medium'<br>&#124;&nbsp;'small'</span> | <span class="prop-default">'medium'</span> | The size of the button. `small` is equivalent to the dense button styling. |
 | <span class="prop-name">startIcon</span> | <span class="prop-type">node</span> |  | Element placed before the children. |
-| <span class="prop-name">variant</span> | <span class="prop-type">'text'<br>&#124;&nbsp;'outlined'<br>&#124;&nbsp;'contained'</span> | <span class="prop-default">'text'</span> | The variant to use. |
+| <span class="prop-name">variant</span> | <span class="prop-type">'contained'<br>&#124;&nbsp;'outlined'<br>&#124;&nbsp;'text'</span> | <span class="prop-default">'text'</span> | The variant to use. |
 
 The `ref` is forwarded to the root element.
 

docs/pages/api-docs/native-select.md

@@ -55,6 +55,7 @@ Any other props supplied will be provided to the root element ([Input](/api/inpu
 | <span class="prop-name">iconOpen</span> | <span class="prop-name">.MuiNativeSelect-iconOpen</span> | Styles applied to the icon component if the popup is open.
 | <span class="prop-name">iconFilled</span> | <span class="prop-name">.MuiNativeSelect-iconFilled</span> | Styles applied to the icon component if `variant="filled"`.
 | <span class="prop-name">iconOutlined</span> | <span class="prop-name">.MuiNativeSelect-iconOutlined</span> | Styles applied to the icon component if `variant="outlined"`.
+| <span class="prop-name">nativeInput</span> | <span class="prop-name">.MuiNativeSelect-nativeInput</span> | Styles applied to the underlying native input component.
 
 You can override the style of the component thanks to one of these customization points:
 

docs/pages/api-docs/select.md

@@ -70,6 +70,7 @@ Any other props supplied will be provided to the root element ([Input](/api/inpu
 | <span class="prop-name">iconOpen</span> | <span class="prop-name">.MuiSelect-iconOpen</span> | Styles applied to the icon component if the popup is open.
 | <span class="prop-name">iconFilled</span> | <span class="prop-name">.MuiSelect-iconFilled</span> | Styles applied to the icon component if `variant="filled"`.
 | <span class="prop-name">iconOutlined</span> | <span class="prop-name">.MuiSelect-iconOutlined</span> | Styles applied to the icon component if `variant="outlined"`.
+| <span class="prop-name">nativeInput</span> | <span class="prop-name">.MuiSelect-nativeInput</span> | Styles applied to the underlying native input component.
 
 You can override the style of the component thanks to one of these customization points: