### [Versions](https://material-ui.com/versions/) ## 4.11.4 _Apr 27, 2021_ Big thanks to the 6 contributors who made this release possible. Here are some highlights ✨: We fixed an issue related to some packages using incompatible versions of `@material-ui/types`. This affected `@material-ui/core`, `@material-ui/lab`, and `@material-ui/styles` `@material-ui/types@5.1.7 accidentally included a breaking change. ### @material-ui/core@4.11.4 - [Avatar] Remove circular variant deprecation (#25543) @michal-perlakowski - [types] Ensure Omit type exists (#25978) @eps1lon ### Docs - [DataGrid] Update docs sections (#25980) @dtassone - [docs] Sync master redirections with next @oliviertassinari - [docs] Fix deploy @oliviertassinari - [docs] Move DataGrid editing nav link (#25769) @dtassone - [docs] Design is what matters @oliviertassinari - [docs] Add the new demo page (#25285) @DanailH - [docs] Add a temporary hiring block in the docs (#25111) @oliviertassinari - [docs] Remove under construction icons from DataGrid feature pages (#24946) @DanailH - [docs] Add HoodieBees to sponsors (#24735) @mbrookes - [docs] Add sorting section (#24637) @dtassone - [docs] v4 is not under active development @oliviertassinari ### Core - remove job ad @oliviertassinari - clearer header @oliviertassinari - [blog] Fix typos @oliviertassinari - [core] Update the codesandbox issue templates (#25501) @oliviertassinari - [core] Support /r/issue-template back (#24870) @oliviertassinari - [website] Q1 2021 Update (#25591) @oliviertassinari - [website] Matheus Wichman joins Material-UI (#25590) @oliviertassinari - [website] Fix 404 page @oliviertassinari - [website] Update Careers page (#24948) @oliviertassinari All contributors of this release in alphabetical order: @DanailH, @dtassone, @eps1lon, @mbrookes, @michal-perlakowski, @oliviertassinari ## UNRELEASED - 4.12.0 This release is intended to help prepare the migration to Material-UI v5 ⏫: - 📚 Start to add deprecations in anticipation of v5. We plan to add a deprecation for any breaking change in v5 that allows it. Each warning comes with a simple message that explains how to handle the deprecation. If no warnings are reported in the console, you are set for this first batch. Please report issues with the deprecations on [#22074](https://github.com/mui-org/material-ui/issues/22074) (wrong instructions, false-positives, floods in the console, etc.). You can expect similar releases like this one in the coming months. ### `@material-ui/core@v4.12.0` #### Deprecations - [theme] Deprecate `fade` color utility in favor of `alpha` (#22837) @mnajdova - [theme] Deprecate theme.mixins.gutters (#22245) @joshwooding - [Avatar] Add circular variant (#22090) @eps1lon - [Badge] Add overlap circular and rectangular (#22076) @eps1lon - [Box] Deprecate css prop in favor of sx (#23480) @mnajdova - [CircularProgress] Backport simplified determinate style & deprecate static (#22094) @mbrookes - [Dialog] Deprecate the transition onX props (#22114) @mbrookes - [GridList] Rename to ImageList & add deprecation warnings (#22363) @mbrookes - [Menu] Deprecate transition onX props (#22213) @mbrookes - [Popover] Deprecate transition onX props (#22202) @mbrookes - [Snackbar] Deprecate transition onX props (#22206) @mbrookes ## 4.11.3 ###### _Jan 24, 2021_ This release fixes an important issue with Chrome 88. The usage of NaN as a CSS property with JSS throws an exception. ### `@material-ui/core@v4.11.3` - [styles] Upgrade jss to 10.5.1 (#24570) @oliviertassinari ### `@material-ui/styles@v4.11.3` - [styles] Upgrade jss to 10.5.1 (#24570) @oliviertassinari ### `@material-ui/system@v4.11.3` - [system] Fix handling of null-ish values (#24527) @oliviertassinari" ### Docs - [blog] 2020 in review and beyond (#24130) @oliviertassinari - [docs] Add ELEVATOR to backers (#23977) @mbrookes - [docs] Add eslint rule to docs (#23843) @jens-ox - [docs] Add notification for Adobe XD design assets (#23979) @mbrookes - [docs] Allow codesandbox deploy for demos in X (#23644) @oliviertassinari - [docs] Fix codesandbox datagrid demo (#24218) @brno32 - [docs] Improve displayed versions (#24051) @oliviertassinari - [docs] Mention Adobe XD (#23978) @oliviertassinari - [docs] Sync tranlations (#23981) @l10nbot - [docs] Sync translation (#23719) @l10nbot - [docs] Sync translations (#23836) @l10nbot - [docs] Sync translations (#24039) @l10nbot - [docs] Update Divjoy URL (#24447) @mbrookes - [docs] Update in-house ads (#24410) @mbrookes ### Core - [core] Batch small changes (#24224) @oliviertassinari ## 4.11.2 ###### _Dec 2, 2020_ This release widens the peer dependency scope of React to accept ^17.0.0. The change makes it easier for developers to upgrade React independently from Material-UI. The best support for React 17 will be found in Material-UI v5. This is a reminder that all ongoing work has moved to v5. This means a feature freeze on v4. The development of v4 is limited to important bug fixes, security patches and easing the upgrade path to v5. ### `@material-ui/core@v4.11.2` - [core] Allow React 17 in peer dependencies (#23697) @oliviertassinari ### `@material-ui/icons@v4.11.2` - [core] Allow React 17 in peer dependencies (#23697) @oliviertassinari ### `@material-ui/lab@v4.11.2` - [core] Allow React 17 in peer dependencies (#23697) @oliviertassinari ### `@material-ui/styles@v4.11.2` - [core] Allow React 17 in peer dependencies (#23697) @oliviertassinari ### `@material-ui/system@v4.11.2` - [core] Allow React 17 in peer dependencies (#23697) @oliviertassinari ### `@material-ui/utils@v4.11.2` - [core] Allow React 17 in peer dependencies (#23697) @oliviertassinari ### `@material-ui/lab@v4.0.0-alpha.57` - [core] Allow React 17 in peer dependencies (#23697) @oliviertassinari ## 4.11.1 ###### _Nov 24, 2020_ Big thanks to the 12 contributors who made this release possible. - 🐛 Fix integration issue with TypeScript 4.1 (#23692) @ldrick - ⚛️ Fix two issues with React 17 (#22263, #23367) @eps1lon v4 doesn't have official support for React 17 like v5 has. Use it at your own risk. - 🐛 Fix right-to-left support of Tabs since Chrome 85 (#22830) @ankit ### `@material-ui/core@v4.11.1` - [styles] Add support for TypeScript 4.1 (#23692) @ldrick - [ClickAwayListener] Fix mounting behavior in Portals in React 17 (#23367) @eps1lon - [TrapFocus] Prevent possible crash in React 17 (#22263) @eps1lon - [Tabs] Fix RTL scrollbar with Chrome 85 (#22830) @ankit ### `@material-ui/styles@v4.11.1` - [styles] Add support for TypeScript 4.1 (#23692) @ldrick ### Docs - [blog] Allow to support card preview (#23087) @oliviertassinari - [blog] Danail Hadjiatanasov joins Material-UI (#23223) @oliviertassinari - [blog] New posts (#22607) @oliviertassinari - [blog] Q2 2020 Update (#21822) @oliviertassinari - [blog] Q3 2020 Update (#23055) @oliviertassinari - [docs] Add Backstage to showcase (#22428) @stefanalund - [docs] Add Design resources in installation (#22209) @oliviertassinari - [docs] Add DoiT diamond sponsor (#22436) @oliviertassinari - [docs] Add LightyearVPN to showcase (#22568) @lightyearvpn - [docs] Add Material-UI Builder to in-house ads (#23342) @mbrookes - [docs] Add Octopus diamond sponsor (#22178) @oliviertassinari - [docs] Add Spotify to users (#22776) @mbrookes - [docs] Add ethicalads.io (#21752) @oliviertassinari - [docs] Add live demo with DataGrid (#22697) @oliviertassinari - [docs] Add notification about survey @oliviertassinari - [docs] Add notification for MUI for Figma v4.12.0 (#23212) @mbrookes - [docs] Add redirection for links published on npm (#22575) @oliviertassinari - [docs] Allow to host code in a different repo (#23390) @oliviertassinari - [docs] Avoid confusion between layout grid and data grid (#22681) @oliviertassinari - [docs] Backport _redirect from next @oliviertassinari - [docs] Change "Let Us Know" button URL (#22521) @mbrookes - [docs] Clear the different between table vs data grid right at the start @oliviertassinari - [docs] Encourage DataGrid in /components/tables/ over alternatives (#22637) @oliviertassinari - [docs] Engage with more Russian users @oliviertassinari - [docs] Fix 404 reported by Moz.com @oliviertassinari - [docs] Fix codesandbox link @oliviertassinari - [docs] Fix static asset loading with X @oliviertassinari - [docs] Fix theme.palette.type usage @oliviertassinari - [docs] Forward x data-grid (#22400) @oliviertassinari - [docs] Improve SEO on titles (#22742) @oliviertassinari - [docs] Improve ad display @oliviertassinari - [docs] Improve codesandbox generation logic (#22221) @oliviertassinari - [docs] Improve export to CodeSandbox (#22346) @oliviertassinari - [docs] Improve position in the side nav of DataGrid @oliviertassinari - [docs] Include new video on customization @oliviertassinari - [docs] Option to disable ads (#22574) @oliviertassinari - [docs] Point to the production branch of x @oliviertassinari - [docs] Reduce tracking events (#21710) @eps1lon - [docs] Remove codefund Ads (#21714) @eps1lon - [docs] Remove expansion-panels @oliviertassinari - [docs] Remove v5 docs capability @oliviertassinari - [docs] Sync translation (#21638, #21751, #21925, #22751, #22850, #22887, #23357) @oliviertassinari - [docs] Update homepage quotes (#23326) @mbrookes - [docs] Use codesandbox deploy for demos created from deploy previews (#22616) @eps1lon - [docs] configuring redirects for MUI X (#22632) @dtassone ### Core - [core] Remove Alert codeowner @oliviertassinari - [core] Small changes (master) (#22022) @oliviertassinari - [test] Add skip ci to Crowdin commit message (#22684) @mbrookes - [test] Fix CI @oliviertassinari - [test] Only run on push for master/next (#22627) @eps1lon - [test] Run CircleCI anytime (#22686) @eps1lon - [test] Update react next patch (#22393) @eps1lon ## 4.11.0 ###### *July 1, 2020* Big thanks to the 8 contributors who made this release possible. ### `@material-ui/core@v4.11.0` - [ExpansionPanel] Prepare renaming to Accordion, add warnings (#21560) @mnajdova It uses a more common naming convention: ```diff -import ExpansionPanel from '@material-ui/core/ExpansionPanel'; -import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary'; -import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails'; -import ExpansionPanelActions from '@material-ui/core/ExpansionPanelActions'; +import Accordion from '@material-ui/core/Accordion'; +import AccordionSummary from '@material-ui/core/AccordionSummary'; +import AccordionDetails from '@material-ui/core/AccordionDetails'; +import AccordionActions from '@material-ui/core/AccordionActions'; - + - + Location Select trip destination - + - + {}} /> Select your destination of choice - + - + - + - + ``` ### Docs - [blog] Post survey results 2020 (#21555) @mnajdova - [docs] Add new gold sponsor @oliviertassinari - [docs] CodeFund is shutting down (#21632) @oliviertassinari - [docs] Enable next.material-ui.com sub-domain @oliviertassinari - [docs] Fix ad issues @oliviertassinari - [docs] Fix version in localized urls (#21442) @tchmnn - [docs] Sync translations (#21445) @oliviertassinari - [docs] Sync translations (#21535) @oliviertassinari ### Core - [core] Batch small changes (#21419) @oliviertassinari - [core] Fix react next patch and prevent regression (#21482) @eps1lon ## 4.10.2 ###### *June 11, 2020* ⚠️ This release marks the end of the active development on the v4.x versions, after 18 months of development. We are moving all ongoing efforts to v5 (`next` branch) ✨. This means a feature freeze on v4. The development of this version will be limited to important bug fixes, security patches, and easing the upgrade path to v5. You can follow our progress on the [v5 milestone](https://github.com/mui-org/material-ui/milestone/35). We will make the documentation of the v5 alpha releases available under https://next.material-ui.com/, starting next week (weekly releases, as usual). Big thanks to the 19 contributors who made this release possible. Here are some highlights ✨: - Introduce a new Timeline component (#21331) @mnajdova. timeline You can find the component in the [lab](http://material-ui.com/components/timeline/). - Simplify the theme overrides with TypeScript for the components in the lab (#21279) @CarsonF. In order to benefit from the [CSS overrides](/customization/globals/#css) with the theme and the lab components, 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 // 1. augment the theme import type '@material-ui/lab/themeAugmentation'; // 2. override const theme = createMuiTheme({ overrides: { MuiTimeline: { root: { backgroundColor: 'red', }, }, }, }); ``` - Minify error messages in production (#21214) @eps1lon. Using the [React error decoder](https://reactjs.org/docs/error-decoder.html/) as inspiration, the exceptions thrown by Material-UI in production are now minified. You will be redirected to the documentation to [decode the error](https://material-ui.com/production-error/?code=4&args%5B%5D=500). ### `@material-ui/core@v4.10.2` - [Checkbox] Fix custom icon fontSize prop support (#21362) @kn1ves - [Dialog] Fix dialog children being announced as clickable (#21285) @eps1lon - [Select] Improve native validation, autofill, and testability (#21192) @netochaves - [Stepper] Always pass state props to connector (#21370) @baterson - [Stepper] Only render label container if a label exists (#21322) @Floriferous ### `@material-ui/lab@v4.0.0-alpha.56` - [Autocomplete] Fix scroll reset after unselect the only option (#21280) @svikhristyuk - [Autocomplete] Prevent default event for disabled options (#21390) @GregoryAndrievskiy - [SpeedDial] Improve tooltip work break (#21359) @SugiKent - [Timeline] Introduce new component (#21331) @mnajdova - [TypeScript] Allow lab components to have overrides in theme (#21279) @CarsonF ### `@material-ui/utils@v4.10.2` - [core] Minify error messages in production (#21214) @eps1lon ### Docs - [docs] Add palette TypeScript override example (#21319) @WillSquire - [docs] Always consider code as left-to-right (#21386) @eps1lon - [docs] Correct the name of a prop in the Table docs (#21384) @fedde-s - [docs] Improve CONTRIBUTING.md (#21303) @pedrooa - [docs] Improve ad display (#21246) @oliviertassinari - [docs] Improve legibility of required star (#21369) @eps1lon - [docs] List all the Tab components under the API section (#21241) @emretapci - [docs] Move more prop docs into IntelliSense (#21002) @eps1lon - [docs] Move more prop docs into IntelliSense (#21368) @eps1lon - [docs] Move more prop docs into IntelliSense (#21375) @eps1lon - [docs] Sync translations (#21336) @oliviertassinari - [docs] Update builderbook.org image in showcase (#21360) @klyburke - [docs] Update builderbook.org showcase (#21274) @klyburke - [docs] Update minimum TypeScript version to 3.2 (#21197) @NMinhNguyen - [docs] Use rem in responsive font sizes chart (#21373) @thewidgetsmith ### Core - [test] Speed up slow TablePagination tests (#21374) @eps1lon - [test] Type-test event handlers on ListItem (#21298) @eps1lon - [core] Batch small changes (#21335) @oliviertassinari - [core] Don't ship type tests (#21300) @eps1lon - [core] Minify error messages in production (#21214) @eps1lon - [core] Switch from `$ExpectError` to `@ts-expect-error` (#21308) @eps1lon - [core] Use custom $ExpectType assertion (#21309) @eps1lon ## 4.10.1 ###### *June 1, 2020* Big thanks to the 21 contributors who made this release possible. ### `@material-ui/core@v4.10.1` - [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/lab@v4.0.0-alpha.55` - [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* Big thanks to the 30 contributors who made this release possible. Here are some highlights ✨: - 🦴 Allow Skeleton to infer its dimensions from the children (#21097) @mikew. In the following example, the skeleton will take the size of the avatar. ```jsx ``` Follow [the docs to learn more](http://material-ui.com/components/skeleton/#inferring-dimensions). - ♿️ Add tabs accessibility docs section (#20965) @eps1lon. The behavior of the [keyboard navigation](http://material-ui.com/components/tabs/#keyboard-navigation) can be customized with the `selectionFollowsFocus` prop. - ℹ Improve tooltip arrow customizability (#21095) @sakulstra. The arrow background color and border can now be customized independently. - 🔘 Add vertical support to the ToggleButton component (#21051) @xiaomaini - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.10.0` - [AppBar] Fix z-index issue on Firefox (#21063) @pedrooa - [Avatar] Fix group positioning (#21141) @CarsonF - [Button] Fix disableFocusRipple prop description (#21116) @umairfarooq44 - [CircularProgress] Improve custom bar demo (#21005) @id0Sch - [l10n] Add new keys to Finnish (fi-FI) locale (#21087) @SampsaKaskela - [l10n] Prepare iteration on number formatting (#20656) @oliviertassinari - [Popper] Remove duplicate handleOpen call from effect (#21106) @inomdzhon - [Select] Fix possible crash when clicking on the label (#21047) @eps1lon - [Slide] Fix double negation in CSS translate (#21115) @scristall - [Snackbar] Explain how to place the snackbar (#21052) @dandv - [Snackbar] Fix double click issue on demos (#21059) @joshwooding - [Tabs] Add a11y docs section (#20965) @eps1lon - [theme] Fix types, reject undefined coefficient in darken, lighten (#21006) @dellink - [Tooltip] Add PopperComponent prop (#21039) @joshwooding - [Tooltip] Improve arrow customizability (#21095) @sakulstra ### `@material-ui/styles@v4.10.0` - [styles] Increase counter only for non global styles (#21003) @jantimon ### `@material-ui/lab@v4.0.0-alpha.54` - [Autocomplete] Improve value type inference (#20949) @kanoshin - [Autocomplete] Fix autoHighlight for dynamic options (#21090) @mstykow - [Autocomplete] Fix iOS double tap (#21060) @kaplantm - [Pagination] Document difference with TablePagination (#21107) @hoop71 - [Skeleton] Allow children to influence width and height (#21097) @mikew - [Skeleton] Reduce SkeletonChildren test flakyness (#21121) @eps1lon - [TabPanel] Allow flow content (#21017) @eps1lon - [ToggleButton] Add orientation prop (#21051) @xiaomaini - [TreeView] Add test for undesired behavior (#21043) @eps1lon ### Docs - [docs] Add CssBaseline to auto dark mode example (#21094) @fantasyui-com - [docs] Add new twitter quotes to the homepage (#21061) @mbrookes - [docs] Fix anchor link to using inline vs. classes (#21151) @dandv - [docs] Fix autocomplete attributes (#21138) @socsieng - [docs] Fix typo in Modal accessibility description (#21062) @arthur-melo - [docs] Improve mui-treasury integration (#21054) @siriwatknp - [docs] Improve text based sizing for larger font scales (#21131) @eps1lon - [docs] Keep the same header between locales (#21041) @jaironalves - [docs] Minor fixes in theming, link to Context (#21149) @dandv - [docs] Recommend no-restricted-imports to catch treeshake issues (#21035) @eps1lon - [docs] Reduce confusion around higher order component (#21056) @ravshansbox - [docs] Show font smoothing override (#21057) @mattstobbs - [docs] Sort ways to support MUI; clarify clsx (#21150) @dandv - [docs] Sync translations (#21155) @oliviertassinari ### Core - [core] Add issue template for material design issues (#21120) @eps1lon - [core] Batch small changes (#20980) @oliviertassinari - [core] Explicitly declare children (#21014) @eps1lon - [core] Narrow type definition for useControlled hook (#21027) @EdwardSalter - [core] Small changes (#21064) @oliviertassinari - [Security] Bump handlebars from 4.5.3 to 4.7.6 (#21033) @dependabot-preview - [test] Fix react next patch (#21109) @eps1lon - [test] Improve isolation of tests using mount() (#21034) @eps1lon - [test] Isolate transition tests (#21032) @eps1lon - [test] Migrate some tests to testing-library (#21058) @joshwooding ## 4.9.14 ###### *May 11, 2020* Big thanks to the 19 contributors who made this release possible. Here are some highlights ✨: - 🗂 An experimental extension of the Tab API (#20806) @eps1lon. - ⚛️ An improved version of unstable strict mode support (#20952, #20985) @eps1lon @DrewVartanian. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.9.14` - [l10n] Add Hindi (hi-IN) locale (#20916) @chandan-singh - [Popper] Fix keepMounted visibility (#20937) @weslenng - [Select] Focus labelled element on click (#20833) @qkdreyer - [Slider] Fix center label in IE 11 (#20942) @Uneetpatel7 - [Tabs] Add `selectionFollowsFocus` (#20936) @eps1lon - [Tabs] Forward aria-label* attributes to tablist (#20986) @eps1lon - [TextField] Fix typography inheritance issue (#20908) @esseswann - [theme] Fix missing args to createMuiStrictModeTheme (#20985) @DrewVartanian - [theme] Add support #rrggbbaa pattern in hexToRgb function (#20931) @dellink - [theme] Fix override breakpoints (#20901) @JasonHK - [Tooltip] Fix arrow placement overlap (#20900) @esseswann ### `@material-ui/styles@v4.9.14` - [styles] Return simpler type from ComponentCreator (#20854) @vlazh ### `@material-ui/system@v4.9.14` - [system] Add csstype as dependency to material-ui-system (#20922) @govizlora ### `@material-ui/lab@v4.0.0-alpha.53` - [Autocomplete] Add new handleHomeEndKeys prop (#20910) @p00000001 - [Autocomplete] Fix Google Map demo warnings (#20983) @oliviertassinari - [Autocomplete] Fix onHighlightChange when filtering (#20923) @marcosvega91 - [Tabs] Add new experimental Tabs API (#20806) @eps1lon - [ToggleButton] Reduce gap with ButtonGroup (#20967) @rehanmohiuddin ### `@material-ui/types@v5.1.0` - [types] Add OverridableStringUnion helper (#20901) @JasonHK ### Docs - [docs] Add missing spot do DiamondSponsors (#20958) @eps1lon - [docs] Fix leaking lazy stylesheets (#20903) @eps1lon - [docs] Label accessibility for native select (#20876) @mkesavan13 - [docs] Reduce likelyhood of overflow in ToC (#20961) @eps1lon - [docs] Remove redirection to v0 (#17637) (#20902) @dellink - [docs] Sychronize translations (#20982) @oliviertassinari ### Core - [test] Improve assertion mismatch messages (#20964) @eps1lon - [test] Migrate all Table components to testing-library (#20914) @marcosvega91 - [test] Migrate CircularProgress and Collapse to testing-library (#20789) @marcosvega91 - [test] Prepare patch for `react@next` (#20966) @eps1lon - [test] Use actual element over document.activeElement (#20945) @eps1lon - [core] Remove unstable_StrictMode transition components (#20952) @eps1lon - [core] Fix typo in internal ScrollbarSize (#20934) @liujiajun - [core] Fix typo in test description (#20943) @kunal-mandalia ## 4.9.13 ###### *May 4, 2020* Big thanks to the 27 contributors who made this release possible. Here are some highlights ✨: - 💎 A new diamond sponsor: [Sencha](https://sencha.com/), thank you! - ⚛️ More tests migrated from enzyme to testing-library @marcosvega91. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.9.13` - [AvatarGroup] Improve limit display (#20793) @let-aurn - [ClickAwayListener] Remove misleading code comment (#20743) @eps1lon - [l10n] Improve es-ES locale (#20794) @eloyrubinos - [Modal] Should propagate event if disableEscapeKeyDown (#20786) @weslenng - [Pagination] Refactor boundaryCount (#20826) @mbrookes - [Select] Fix height overflow (#20822) @esseswann - [Slider] Fix RTL support (#20851) @weslenng - [Tabs] Implement keyboard navigation (#20781) @eps1lon - [Tabs] Improve customizability of the scroll buttons (#20783) @netochaves - [TextField] Fix caret color in autofill dark theme (#20857) @CarsonF - [Tooltip] Fix disableTouchListener behavior (#20807) @weslenng - [unstable_TrapFocus] Guard against dropped memo cache (#20848) @eps1lon ### `@material-ui/styles@v4.9.13` - [styles] Fix wording in indexCounter comment (#20874) @iamclaytonray - [styles] Improve component props inference of styled (#20830) @vlazh ### `@material-ui/system@v4.9.13` - [system] Improve breakpoints types (#20753) @nodeTempest ### `@material-ui/lab@v4.0.0-alpha.52` - [Autocomplete] Display loading feedback with freeSolo (#20869) @weslenng - [Autocomplete] Fix support for limitTags={0} (#20850) @tykdn - [Skeleton] Fix z-index elevation issue (#20803) @luminaxster - [SpeedDial] Fix direct dependency on react-transition-group (#20847) @squirly - [TreeView] Add onIconClick and onLabelClick (#20657) @tonyhallett ### Docs - [sponsors] Add diamond Sencha (#20875) @oliviertassinari - [docs] Add collapsible table demo (#19795) @LorenzHenk - [docs] Fix "Find the source" link in localization.md (#20791) @ValentinH - [docs] Fix emojis/html being included in toc (#20841) @eps1lon - [docs] Fix groups name in autocomplete virtualization example (#20898) @Uneetpatel7 - [docs] Fix header and row shift on pagination click (#20873) @ankitasingh170190 - [docs] Fix incorrect signature of createStyles (#20866) @eps1lon - [docs] Fix table zebra customization demo (#20870) @rkrueger11 - [docs] Fix typo in Select type definitions (#20817) @qkdreyer - [docs] Implement keyboard navigation for demo toolbar (#20798) @eps1lon - [docs] Improve svgr documentation (#20893) @tavantzo - [docs] Make CSS interoperability examples easier to use (#20860) @weisk - [docs] Use mathematical interval notation for breakpoints (#20843) @eps1lon - [examples] Add next.js SSG clarification comment (#20810) @sospedra ### Core - [test] Migrate colorManipulator from assert to expect (#20792) @marcosvega91 - [test] Migrate from assert to expect (#20799) @oliviertassinari - [test] Replace all assert with expect (#20853) @marcosvega91 - [core] Batch small changes (#20823) @oliviertassinari - [core] Batch small changes (#20877) @oliviertassinari ## 4.9.12 ###### *Apr 27, 2020* Big thanks to the 32 contributors who made this release possible. Here are some highlights ✨: - ⚛️ A first module written in TypeScript (#20685) @eps1lon. - 🇧🇷 A documentation fully translated in Brazilian (@jaironalves). - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.9.12` - [ButtonBase] Fix ripple size when clientX or clientY is 0 (#20654) @jin60641 - [ButtonGroup] Add disableElevation prop (#20747) @Andrew5569 - [ClickAwayListener] Fix support of leading edge (#20647) @oliviertassinari - [ExpansionPanel] Increase contrast for focus state (#20720) @petermikitsh - [l10n] Document how far Material-UI should go (#20737) @eloyrubinos - [l10n] Improve az-AZ locale (#20659) @rommelmamedov - [l10n] Improve bg-BG locale (#20668) @panayotoff - [l10n] Improve cs-CZ locale (#20670) @char0n - [l10n] Improve de-DE locale (#20684) @eps1lon - [l10n] Improve et-EE locale (#20682) @villuv - [l10n] Improve hu-HU locale (#20658) @vgaborabs - [l10n] Improve it-IT locale (#20674) @Angelk90 - [l10n] Improve pl-PL locale (#20672) @eXtreme - [l10n] Improve pt-BR locale (#20734) @jaironalves - [l10n] Improve pt-PT locale (#20673) @hrafaelveloso - [l10n] Improve ro-RO locale (#20681) @raduchiriac - [l10n] Improve tr-TR locale (#20754) @yunusemredilber - [l10n] Port locale to TypeScript (#20685) @eps1lon - [Modal] Prevent focus steal from other windows (#20694) @eps1lon - [Popper] Add ref type definition (#20688) @takakobem - [Select] Fix height inconsistency between input and select (#20780) @esseswann - [Select] Pass onClick to menuItem (#20739) @marcosvega91 - [Slider] Fix focus after click (#20651) @davidcalhoun - [Snackbar] Improve consecutive demos (#20721) @calbatr0ss - [Tabs] Use a native element for the tabpanel role (#20648) @oliviertassinari - [TextField] Fix required outlined label space with no asterisk (#20715) @eps1lon - [TextField] Use aria-hidden on required asterisk (#20742) @alorek - [Tooltip] Fix flip invalid CSS property error (#20745) @j-mendez - [useScrollTrigger] Fix out of sync trigger (#20678, #20680) @ohlr @marcosvega91. ### `@material-ui/lab@v4.0.0-alpha.51` #### Breaking changes - [Autocomplete] Remove startAfter props (#20729) @marcosvega91 #### Change - [Autocomplete] Add new onHighlightChange callback (#20691) @marcosvega91 - [Autocomplete] Fix "fixed tags" demo (#20687) @kthyer - [Autocomplete] Fix popup open logic when non empty (#20732) @marcosvega91 - [Autocomplete] Remove dead code (#20663) @oliviertassinari - [TreeView] Update firstCharMap when a TreeItem is removed (#20085) @tonyhallett ### `@material-ui/utils@v4.9.12` - [core] Avoid test with instanceof HTMLElement (#20646) @oliviertassinari ### Docs - [docs] Add "Persian" to the list of RTL languages (#20679) @mirismaili - [docs] Add "reset focus" control to demo tools (#20724) @eps1lon - [docs] Allow default actions of nested elements (#20777) @eps1lon - [docs] Batch small changes (#20644) @oliviertassinari - [docs] English fix: fewer boilerplate -> less boilerplate (#20775) @dandv - [docs] Fix dropped iframe content in firefox (#20686) @eps1lon - [docs] Fix typo in vision.md (#20649) @Flavyoo - [docs] Fix warning and crash in dev mode (#20623) @oliviertassinari - [docs] Improve infrastructure (#20751) @oliviertassinari - [docs] Modernize DemoFrame (#20664) @eps1lon - [docs] Never transition preview if not shown (#20784) @eps1lon - [docs] Parse markdown on mount (#20601) @eps1lon - [docs] Replace react-frame-component with concurrent safe impl (#20677) @eps1lon - [docs] Sync translations (#20779) @oliviertassinari - [material-ui-docs] Fix missing/extraneous dependencies (#20771) @eps1lon ### Core - [AppBar] Migrate to testing-library (#20693) @marcosvega91 - [Avatar] Migrate to testing-library (#20697) @marcosvega91 - [Badge] Migrate to testing-library (#20710) @marcosvega91 - [BottomNavigation] Migrate to testing-library (#20728) @marcosvega91 - [Box] Migrate to testing-library (#20736) @marcosvega91 - [Card] Migrate to testing-library (#20773) @marcosvega91 - [core] Bump `@material-ui/react-transition-group` (#20699) @eps1lon - [core] Force visibility on a few components in ink save print mode (#20749) @coktopus - [test] Improve textToHash test (#20770) @eps1lon - [test] Relax lint rules in test (#20702) @eps1lon ## 4.9.11 ###### *Apr 18, 2020* Big thanks to the 25 contributors who made this release possible. ### `@material-ui/core@v4.9.11` - [Backdrop] Document Fade inherited component (#20500) @Josh-Weston - [Checkbox] Add test showcase for checked checkbox (#20571) @eps1lon - [ExpansionPanel] Unify paddings with ListItem and similar components (#20586) @esseswann - [l10n] Improve persian (fa-IR) locale (#20543) @ali4heydari - [List] Fix ListItemIcon `children` type from element to Node (#20577) @alielkhateeb - [Popper] Fix support for TypeScript 3.2 (#20550) @NMinhNguyen - [react] Add createMuiStrictModeTheme (#20523) @eps1lon - [SwitchBase] Prepare v5 removal of the second argument of onChange (#20541) @samuliasmala - [Tabs] Fix the types of the color props (#20595) @sirajalam049 - [TextareaAutosize] Fix height inconsistency for empty last row (#20575) @benwiley4000 - [TextField] Fix long label scrollbar (#20535) @Uzwername - [theme] Allow palette tonalOffset light and dark values (#20567) @TidyIQ ### `@material-ui/lab@v4.0.0-alpha.50` - [Autocomplete] Add fullWidth prop (#20538) @Uzwername - [Autocomplete] Add test cases for createFilterOptions (#20499) @netochaves - [Autocomplete] Fix autoHighlight behavior (#20606) @qkdreyer - [Autocomplete] Fix correcy core peer-dependency @oliviertassinari - [Autocomplete] Fix missing startAfter type (#20542) @dohomi - [Autocomplete] Fix reset input on blur for freeSolo mode too (#20603) @goffioul - [Pagination] Fix missing renderItem types (#20592) @ankitasingh170190 ### Docs - [blog] Q1 2020 Update (#20536) @oliviertassinari - [docs] Add link for help on creating a custom transition (#20524) @zeckdude - [docs] Correct "row" to "col" in Table (#20566) @sdpaulsen - [docs] Fix command to start docs server (#20612) @plug-n-play - [docs] Fix filerOption typo in autocomplete (#20572) @qkdreyer - [docs] Fix punctuation and english grammar (#20596) @samisnotinsane - [docs] Fix small typo in Container (#20589) @plug-n-play - [docs] Improve a11y of the chip array example (#20294) @m4theushw - [docs] Refactor markdown parsing (#20549) @eps1lon - [docs] Remove old workarounds (#20587) @eps1lon - [docs] Remove unnecessary webpack loaders (#20563) @eps1lon - [docs] Sync translations (#20498) @oliviertassinari - [docs] Use reactStrictMode over custom switch (#20522) @eps1lon ### Core - [test] Add StrictMode compat layer test (#20547) @eps1lon - [test] Use method calls over property access expressions (#20545) @eps1lon ## 4.9.10 ###### *Apr 11, 2020* Big thanks to the 20 contributors who made this release possible. Here are some highlights ✨: - ⚛️ Migrate more descriptions of the props to TypeScript (#20342) @eps1lon. The coverage has increased from 50 to 75 components. We are working on migrating the 48 missing components. - 🦋 Fix support for portals and dropped events with ClickAwayListener (#20406, #20409) @NMinhNguyen, @seare-kidane. - ♿️ Fix 3 accessibility issues (#20489, #20432, #20475) @arturbien, @ShehryarShoukat96. - And many more 🐛 bug fixes and 📚 improvements. Over the last 3 months, we have focused exclusively on making patch releases. We have done 11 so far. We have optimized for stability. In the coming weeks, we will initiate our work on the [next major: v5](https://github.com/mui-org/material-ui/issues/20012). You can expect the following: - A feature freeze on v4. - The introduction of deprecation messages in the next v4 minors. These messages will help developers upgrade to v5. - A progressive bug fixes freeze on v4, to the exception of security issues and important bugs. - At least 6 months of work on v5 to get to a stable release (probably more). You can follow our [milestone](https://github.com/mui-org/material-ui/milestone/35). We will look for hiring a new full-time member on the core team to move faster. ### `@material-ui/core@v4.9.10` - [Breadcrumbs] Keep focus in the component after expanding (#20489) @ShehryarShoukat96 - [ButtonBase] Warn with wrong component prop (#20401) @oliviertassinari - [ClickAwayListener] Fix support for portal (#20406) @NMinhNguyen - [ClickAwayListener] Fix support for removed DOM node (#20409) @seare-kidane - [CssBaseline] Add limitation for ScopedCssBaseline (#20481) @newrice - [CssBaseline] Fix typings for `@global` override (#20454) @eps1lon - [Dialog] Fix TypeScript type for `children` (#20450) @NMinhNguyen - [Popper] Fix links to popper.js (#20464) @eps1lon - [Popper] Fix outdated TypeScript props docs (#20465) @eps1lon - [Popper] Fix popper.js deprecation npm warning (#20433) @oliviertassinari - [Select] Add aria-disabled attribute (#20432) @arturbien - [Select] Add new test for onChange (#20444) @arturbien - [Slider] Allow individual mark customization (#17057) @mstrugo - [Table] Add role if the default role of elements can't be used (#20475) @arturbien - [TextareaAutosize] Update rows/rowMax to use number for better clarity (#20469) @esemeniuc - [theme] Fix typings to pass array for spacing (#20486) @denys-pavlenko - [theme] Fix typings for theme.spacing (#20435) @m4theushw - [theme] Support string args in theme.spacing (#20408) @m4theushw - [TypeScript] Move more prop docs into IntelliSense (#20342) @eps1lon - [TypeScript] Fix support for TypeScript 3.2 (#20443) @NMinhNguyen - [TypeScript] Fix TypeScript type for optional `children` (#20458) @NMinhNguyen ### `@material-ui/styles@4.9.10` - [TypeScript] Fix support for TypeScript 3.2 (#20443) @NMinhNguyen ### `@material-ui/system@4.9.10` - [TypeScript] Fix support for TypeScript 3.2 (#20443) @NMinhNguyen ### `@material-ui/types@5.0.1` - [TypeScript] Fix support for TypeScript 3.2 (#20443) @NMinhNguyen ### `@material-ui/lab@v4.0.0-alpha.49` - [Alert] Fix support for nested elements (#20490) @developerKumar - [Autocomplete] Improve virtualization example (#20496) @galkadaw - [Autocomplete] Warn when mixing controlled/uncontrolled inputValue states (#20403) @vileppanen - [Rating] Warn if precision prop is below 0.1 (#20491) @AlexAndriyanenko - [ToggleButton] Don't set default for disableRipple prop (#20493) @cp ### Docs - [examples] Fix Next.js AMP support (#20463) @timneutkens - [examples] Fix Next.js prop-type (#20474) @Izhaki - [docs] Material-UI Developer Survey 2020 @oliviertassinari - [docs] Add Component name section to API docs (#20434) @Josh-Weston - [docs] Fix various issues with heading structure (#20389) @eps1lon - [docs] Synchronize translations (#20405) @oliviertassinari ### Core - [core] Introduce useId hook (#20407) @NMinhNguyen - [test] Fix broken tests in `react@next` (#20472) @eps1lon - [test] Use .checkPropTypes instead of render + propTypes (#20451) @eps1lon ## 4.9.9 ###### *Apr 4, 2020* Big thanks to the 20 contributors who made this release possible. ### `@material-ui/core@v4.9.9` - [Card] Fix TypeScript not recognizing "component" prop (#20179) @rart - [Chip] Fix input integration (#20368) @chaudharykiran - [Drawer] Fix clipped scroll overflow (#20396) @maksimgm - [ExpansionPanel] Use theme.spacing in summary (#20344) @eps1lon - [MenuItem] Fix prop ListItemClasses (#20377) @netochaves - [Select] Fix onChange fired with current value (#20361) @ksrb - [Select] Fix validator.w3.org error (#20356) @mfsjr - [Slide] Fix `direction` as optional in TypeScript (#20338) @maksimgm - [styles] Fix missing export of ThemeProviderProps (#20390) @TomekStaszkiewicz - [TextField] Fix line-height and height that cut text (#20363) @fyodorovandrei ### `@material-ui/lab@v4.0.0-alpha.48` - [Autocomplete] Fix blurOnSelect consistency for keyboard (#20314) @alexbarkin - [Autocomplete] Fix multiselect regression (#20315) @oliviertassinari - [Autocomplete] Go back to the initial groupBy tradeoff (#20376) @oliviertassinari - [TreeView] Allow TreeItem to have conditional child (#20238) @tonyhallett - [TreeView] Correct visibleNodes on re-render (#20157) @tonyhallett - [TreeView] Fix move focus when pressing a modifier key + letter (#20309) @m4theushw ### Docs - [examples] Move Copyright into its own component (#20383) @HaNdTriX - [blog] Introducing Material-UI for Sketch (#20295) @oliviertassinari - [docs] Batch small changes (#20312) @oliviertassinari - [docs] Explain mini-theme example (#20339) @maksimgm - [docs] Fix Tidelift UTM parameters (#20348) @phated - [docs] Fix grammer: a -> they (#20336) @nainardev - [docs] Fix masked text field bug (#20397) @mattcorner - [docs] Improve _app usage in nextjs examples (#20381) @HaNdTriX - [docs] Improve analytics (#20337) @oliviertassinari - [docs] Sync translations (#20316) @oliviertassinari - [docs] Next.js: Remove unused config files (#20382) @HaNdTriX ### Core - [core] Add TextField `focused` prop (#20276) @dmtrKovalenko - [core] Add missing test case for restricted-path-imports (#20350) @NMinhNguyen - [core] Batch of small changes (#20349) @oliviertassinari - [core] Export core utils modules from barrel (#20354) @NMinhNguyen - [core] Improve out-of-date PR story (#20341) @eps1lon - [core] Remove createSvgIcon duplication (#20308) @oliviertassinari ## 4.9.8 ###### *Mar 28, 2020* Big thanks to the 24 contributors who made this release possible. Here are some highlights ✨: - ⚛️ Improve the DX, migrate a couple of props' descriptions to TypeScript (#20298, #20171, #20264) @eps1lon. ![typescript](https://user-images.githubusercontent.com/3165635/77828342-1f376080-711b-11ea-8c9d-c1c245fb17b0.png) The coverage has increase from 17 to 50 components. We are working on migrating the 94 missing components. - ⚛️ Improve the DX, add debug information when using hooks (#19515) @eps1lon. For instance, with the `useMediaQuery` hook ![useMediaQuery](https://user-images.githubusercontent.com/3165635/77828448-bf8d8500-711b-11ea-881a-e9cc09c7d9ee.png) - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.9.8` - [DX] Add debug values to various hooks (#19515) @eps1lon - [ListItem] Add component prop to primaryTypographyProps and… (#19155) @fyodore82 - [MenuList] Include disabled items in keyboard navigation (#19967) @scottander - [MenuList] Remove if-statement that is always true (#20270) @CptWesley - [Popover] Fix resize event leak (#20272) @skmail - [Select] Fix disabled color to the icon (#20287) @HenryLie - [SvgIcon] Remove wrong role (#20307) @oliviertassinari - [theme] Warn when palette structure is wrong (#20253) @oliviertassinari - [Tooltip] Fix TextField integration (#20252) @ShehryarShoukat96 - [Tooltip] Remove superfluous argument in handleBlur call (#20271) @CptWesley - [TypeScript] Enable module augmentation of CommonColors (#20212) @eps1lon - [TypeScript] Add JSDOC to ListItem TypeScript props (#20171) @eps1lon - [TypeScript] Fix Checkbox and Radio type propType (#20293) @eps1lon - [TypeScript] Fix incorrect typings regarding transition components a… (#20306) @eps1lon - [TypeScript] Link to demos and API in IntelliSense (#20078) @eps1lon - [TypeScript] Mark context value as nullable for optional providers (#20278) @ianschmitz - [TypeScript] Move more prop docs into IntelliSense (#20298) @eps1lon - [TypeScript] Add more props documentation to IntelliSense (#20264) @eps1lon ### `@material-ui/lab@v4.0.0-alpha.47` - [Autocomplete] Add limitTags prop (#20209) @netochaves - [Autocomplete] Add startAfter option (#20305) @netochaves - [Autocomplete] Warn when value does not match options (#20235) @igorbrasileiro - [Pagination] Add RTL support (#20247) @HenryLie - [TreeView] Correct single-select aria-selected (#20102) @tonyhallett - [TreeView] Disable all selection when disableSelection (#20146) @tonyhallett - [TreeView] Fix focus steal (#20232) @tonyhallett - [TreeView] fix inconsistent focus for programmatically focused treeitem (#20237) @tonyhallett ### Docs - [docs] Add a new site to showcase (google-keep clone) (#20260) @anselm94 - [docs] Add color preview to default theme tree (#20082) @mlizchap - [docs] Add demo link (#20262) @esemeniuc - [docs] Extract landing-only modules (#20187) @eps1lon - [docs] Fix TablePagination props swap descriptions (#20274) @johncalvinroberts - [docs] Fix a few WAVE errors (#20304) @oliviertassinari - [docs] Fix icons + locale (#20213) @oliviertassinari - [docs] Fix popover anchor playground crash (#20265) @Zaynex - [docs] Fix wording in backdrop.md (#20190) @matt-savvy - [docs] Improve demo error boundary (#20177) @eps1lon - [docs] Improve doc for textField and buttons (#20207) @DDDDDanica - [docs] Improve loading experience (#20005) @eps1lon - [docs] Improve material icons installation instructions (#20290) @ArianKrasniqi - [docs] Mark toolbar for assistive technology (#20158) @eps1lon - [docs] Page size tracking fixes (#20199) @eps1lon - [docs] Sync translations (#20210) @oliviertassinari ### Core - [test] Improve regression test suite debugging (#20194) @eps1lon - [ci] Retry mergable state for 30 minutes (#20269) @eps1lon - [core] Automatically apply "PR: needs rebase" PR label (#20169) @eps1lon - [core] Batch small changes (#20255) @oliviertassinari - [core] Fix docs:start which should start next.js server (#20202) @ro7584 - [core] Fix maintenance workflow failing on fork PRs (#20195) @eps1lon - [core] Format all ts files (#20233) @eps1lon ## 4.9.7 ###### *Mar 19, 2020* ### `@material-ui/core@v4.9.7` - [core] Patch correct dependencies (10bc98f) ## 4.9.6 ###### *Mar 18, 2020* Big thanks to the 39 contributors who made this release possible. Here are some highlights ✨: - ⚛️ Improve the DX in Visual Studio Code (#20079, #19962, #19280) @eps1lon @jedwards1211. - Preview the colors in right in the editor ![](https://user-images.githubusercontent.com/12292047/76473891-2b70ad80-63fa-11ea-8afe-38ceee43eeaa.png) ![](https://user-images.githubusercontent.com/12292047/76473890-2ad81700-63fa-11ea-9bb3-005f79a195e7.png) - Preview the purpose of each theme.spacing arguments right in the editor ![](https://user-images.githubusercontent.com/12292047/75786858-31192400-5d66-11ea-9382-94dd74c42985.png) - Leverage code snippets to save time with [this extension](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-snippets). - 🔍 12 patches on the Autocomplete component. - 💄 Polish on the Pagination component (#19933, #19964, #19966, #19987) @pvdstel @eps1lon @mbrookes. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.9.6` - [Chip] Prevent event default when onDelete is triggered (#20051) @eps1lon - [Container] Reset display block (#19971) @oliviertassinari - [DatePicker] Fix codesandbox demo (#19926) @netochaves - [Drawer] Add a comment for clarity on the styling of height of the toolbar (#19934) @smerriman18 - [Grid] Fix row-reverse typo (#20048) @jhthompson - [Link] Fix color mismatch with Typography component (#19949) Weslen do Nascimento - [ListItemText] Fix display block issue (#20039) @psdr03 - [Select] Simplify the demos (remove ref) (#20076) @captain-yossarian - [TablePagination] Out of range warning when "count={-1}" (#19874) @dbarabashdev - [TextField] Avoid outline label CSS leak (#19937) @ivoiv - [TextField] Fix outlined render gap if label = empty string (#19722) @captain-yossarian - [TextField] Minimize usage of z-index (#19547)" (#20016) @piotros - [theme] Describe what each argument of theme.spacing affects (#19962) @eps1lon - [theme] Array reject on spacing transformation fixed (#19900) Weslen do Nascimento - [Tooltip] Fix useMemo dependency (#19899) @NMinhNguyen - [Tooltip] Reduce enterDelay to 100ms (#19898) @oliviertassinari ### `@material-ui/styles@v4.9.6` - [styles] Fix theme default props overriden by Component default (#20091) @adridavid - [styles] Name anonymous function type (#19996) @eps1lon ### `@material-ui/system@v4.9.6` - [theme] Array reject on spacing transformation fixed (#19900) Weslen do Nascimento ### `@material-ui/utils@v4.9.6` - [core] Fix deepmerge of DOM elements (#20100) @ValentinH ### `@material-ui/lab@v4.0.0-alpha.46` #### Breaking Changes - [Autocomplete] Improvement popup open logic (#19901) @haseebdaone #### Changes - [Autocomplete] Add more details in the onChange event (#19959) @akharkhonov - [Autocomplete] Add scrollbar support in IE11 (#19969) @SergeyUstinovich - [Autocomplete] Better synchronize the highlight with the value (#19923) @captain-yossarian - [Autocomplete] Document listbox limitation (#20101) @zatine - [Autocomplete] Fix clearOnEscape + multiple combination (#20065) @chaudharykiran - [Autocomplete] Fix GitHub's demo behavior (#19928) @hasanozacar - [Autocomplete] Fix typo in prop description (#20086) @vince1995 - [Autocomplete] Make categories more obvious (#20142) @embeddedt - [Autocomplete] Simplify error for wrong getOptionLabel (#20103) @oliviertassinari - [Autocomplete] Update onChange API @oliviertassinari - [Autocomplete] Use getOptionLabel over stringify (#19974) @a-type - [AvatarGroup] Add max avatar prop (#19853) @GFynbo - [Pagination] Add TypeScript types (#19933) @pvdstel - [Pagination] Fix prop forwarding of `onChange` and `page` (#19964) @eps1lon - [Pagination] Leverage `@default` over default values (#19966) @eps1lon - [Pagination] Remove children prop (#19987) @mbrookes - [Rating] Fix text alignment inheritance (#20055) @mlizchap - [Skeleton] Fix SkeletonClassKey type (#20047) @100terres - [Skeleton] Improve wave dark mode support (#20112) @oliviertassinari ### Docs - [docs] Add radio error demo (#19599) @mbrookes - [docs] Bump next to latest (#19995) @eps1lon - [docs] Display color preview in IntelliSense (#20079) @eps1lon - [docs] Document typescript:transpile script (#19951) @eps1lon - [docs] Fix @material-ui/styles release version number (#19939) @jkjustjoshing - [docs] Fix OutlinedLabel typo (#20006) @ljcooke - [docs] Fix SEO issues (#20108) @oliviertassinari - [docs] Fix Sketch link (#19944) @mbrookes - [docs] Fix grammar in autocomplete doc (#20066) @dandv - [docs] Fix incorrect type for fontWeight @eps1lon - [docs] Fix missing OutlinedLabel#label link in Select API docs (#19993) @eps1lon - [docs] Flexbox, add element for show the good effect (#19956) @tbredillet - [docs] Flexbox: update item number (#19954) @tbredillet - [docs] Improve font size scaling of some demos (#19950) @eps1lon - [docs] Remove premium support offerings (#19972) @mbrookes - [docs] Simplify checkbox examples (#20052) @tacigar - [docs] Simplify some demos (#19608) @mbrookes - [docs] Track bundle size of pages (#19978) @eps1lon - [docs] Upgrade to next 9 (#18441) @eps1lon - [docs] Simplify drawer examples (#20040) @TommyJackson85 - [examples] Fix typo in gatsby readme (#19998) @eps1lon ### Core - [test] Match against messages not args on console methods (#20046) @eps1lon - [test] Resize screenshots with sharp (#19979) @oliviertassinari - [test] Run snapshot tests on the a11y tree (#20019) @eps1lon - [ci] Fix azure not running (#20127) @eps1lon - [ci] Fix incorre pr number for experimental scripts (#20021) @eps1lon - [ci] Let failed types-next jobs pass (#20007) @eps1lon - [ci] Let failed types-next jobs pass (#20017) @eps1lon - [core] Add missing properties to TypeAction (#20075) @timonweber - [core] Add spacing after prettier command (#20073) @dandv - [core] Batch small changes (#20111) @oliviertassinari - [core] Fix typos in code comments (#19999) @eps1lon - [core] Improve the DX when iterating on components (#20128) @oliviertassinari - [core] Use Babel 7 version of transform-react-constant-elements (#20015) @merceyz - [security] Bump acorn from 5.7.3 to 5.7.4 (#20105) @dependabot-preview - [core] Batch small changes (#19896) @oliviertassinari - [core] Update type defs to use OverridableComponent (#20110) @theGirrafish - [core] Fix docs:api cleaning the wrong directory #20164 @ro7584 ## 4.9.5 ###### *Feb 29, 2020* Big thanks to the 15 contributors who made this release possible. Here are some highlights ✨: - 💄 Add selection (and multi-selection) support to tree view (#18357) @joshwooding - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.9.5` - [ButtonBase] Fix when changing enableRipple prop from false to true (#19667) @dmtrKovalenko - [l10n] Add Armenian (hy-AM) locale (#19844) @vgevorgyan - [l10n] Add Hebrew (he-IL) locale (#19850) @boazberman - [Popper] Fix deep merge of PopperProps (#19851) @valgrindMaster - [RadioGroup] Random default name (#19890) @dfernandez-asapp - [Slider] Add explicit types for slider callbacks (#19867) @deymundson - [Step] Add missing expanded prop to step TypeScript (#19873) @countableSet ### `@material-ui/lab@v4.0.0-alpha.45` - [Autocomplete] Fix list of countries (#19862) @FottyM - [TreeView] Fix conditional nodes support (#19849) @joshwooding - [Treeview] Add node selection support (#18357) @joshwooding ### Docs - [docs] Fix broken link to jss-nested plugin (#19837) @Izhaki - [docs] Fix typo on supported-platforms.md (#19841) @vferdiansyah - [docs] Move store to a subfolder (#19822) @oliviertassinari ### Core - [ci] Enable re-run of azure pipelines (#19823) @eps1lon - [ci] Fix heap out of memory in azure pipelines (#19825) @eps1lon - [core] Migrate to import * as React from 'react' (#19802) @TrySound - [test] Fix defaultProps overriding props (#19858) @eps1lon - [test] Test against typescript nightlies (#19857) @eps1lon ## 4.9.4 ###### *Feb 23, 2020* Big thanks to the 18 contributors who made this release possible. Here are some highlights ✨: - ♿️ Improve the accessibility support of the Breadcrumbs and ButtonBase (#19724, #19784) @captain-yossarian. - 💄 Polish the new Pagination component (#19758) @zettca. - 🐛 Fix Preact support of the swipeable drawer (#19782) @TommyJackson85. - 💅 Introduce a small delay in the appearance of the tooltip (#19766) @Ritorna. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.9.4` - [Breadcrumbs] Fix expand/collapsed Breadcrumbs via keyboard (#19724) @captain-yossarian - [ButtonBase] Fix space handling for non native button elements (#19784) @captain-yossarian - [CardMedia] Fix propTypes to allow `component` prop (#19790) @stevenmusumeche - [CssBaseline] Change of children type to ReactNode (#19770) @dfernandez-asapp - [Framer] Release v1.1.0 (#19800) @mbrookes - [SwipeableDrawer] Improve Preact support (#19782) @TommyJackson85 - [SwipeableDrawer] Support global theme changes (#19771) @TommyJackson85 - [TextareaAutosize] Prevent "Maximum update depth exceeded" (#19743) @SofianeDjellouli - [theme] Built-in convertLength method (#19720) @oliviertassinari - [Tooltip] Add enterNextDelay prop (#19766) @Ritorna ### `@material-ui/lab@v4.0.0-alpha.44` - [Autocomplete] Built-in fullWidth (#19805) @oliviertassinari - [Autocomplete] Fix stuck with open popup (#19794) @hasanozacar - [Autocomplete] Warn when using wrong getOptionSelected (#19699) @ahmad-reza619 - [AvatarGroup] Add spacing prop (#19761) @GFynbo - [Pagination] Fix activatedOpacity typo (#19758) @zettca ### Docs - [docs] Fix typo in Autocomplete (#19775) @aurnik - [docs] Add Data Driven Forms to the list of libraries (#19747) @rvsia - [docs] Improve wording of bundle size guide (#19768) @larsenwork - [docs] Sync translations.json @oliviertassinari - [docs] Update the translations (#19741) @mbrookes ### Core - [core] Export ThemeOptions (#19789) @dbarabashdev - [core] Small fixes (#19803) @oliviertassinari - [core] Update getDisplayName to handle React.memo (#19762) @dantman ## 4.9.3 ###### *Feb 16, 2020* Big thanks to the 18 contributors who made this release possible. ### `@material-ui/core@v4.9.3` - [l10n] Add Estonian (et-EE) locale (#19707) @villuv - [ScopedCssBaseline] Allow css to be only applied on children (#19669) @TomPradat ### `@material-ui/system@v4.9.3` - [system] Add boxSizing to sizing styled system (#19684) @mesteche ### `@material-ui/lab@v4.0.0-alpha.43` - [Autocomplete] Improve freeSolo UX (#19663) @itelofilho - [Autocomplete] Make options required (#19648) @alexandesigner - [Pagination] Second iteration (#19612) @oliviertassinari ### Docs - [TreeView] Add recursive demo (#19636) @captain-yossarian - [docs] Encourage mui-rff (#19676) @lookfirst - [docs] Fix missing import in auto-dark theme palette example (#19694) @vinyldarkscratch - [docs] Fix typo in sticky footer template (#19695) @bryndyment - [docs] List default attributes first (#19693) @amcasey - [docs] Revamp the notifications (#19615) @mbrookes - [docs] Revert sidebar scrolling (#19678) @kristenmills - [docs] Switch to cross-fetch (#19644) @eps1lon - [docs] Update codemod documentation (#19661) @larsenwork - [docs] What's the lab about? (#19611) @jcafiero ### Core - [core] Export TypographyVariant type (#19598) @aleccaputo - [core] Host normalize-scroll-left (#19638) @oliviertassinari - [core] Misc dependency fixes (#19643) @eps1lon - [core] Batch small changes (#19639) @oliviertassinari - [core] Batch small changes (#19717) @oliviertassinari ## 4.9.2 ###### *Feb 9, 2020* Big thanks to the 24 contributors who made this release possible. ### `@material-ui/core@v4.9.2` - [AppBar] Add color transparent support (#19393) @lexskir - [Divider] Fix height for vertical divider in a flexbox (#19614) @captain-yossarian - [Modal] Fix zoom out on iOS (#19548) @TommyJackson85 - [MobileStepper] Fix TypeScript props not aligning with prop-types (#19594) @illusionalsagacity - [Tabs] Add missing updateScrollButtons type in TabActions (#19570) @notsidney - [TextField] Fix blurry text on label (#19547) @chybisov - [TextField] Fix label notch for custom htmlFontSize (#19558) @kusmierz - [Typography] Add missing classes to TypographyClassKey (#19588) @galechus - [l10n] Add Hungarian (hu-HU) locale (#19566) @vgaborabs - [l10n] Add Icelandic (is-IS) locale (#19538) @axelbjornsson ### `@material-ui/lab@v4.0.0-alpha.42` - [Autocomplete] Fix unexpected clearing (#19511) @captain-yossarian - [Autocomplete] Support limiting the amount of options (#19539) @govizlora - [Pagination] Introduce new component (#19049) @mbrookes ### Docs - [docs] Add ToggleButton demo for not accepting null value (#19582) @LorenzHenk - [docs] Add blocks section to related-projects (#19562) @alexandre-lelain - [docs] Add generic props usage examples (#19341) @fyodore82 - [docs] Add links to sandbox option in examples readme files (#19592) @garethx - [docs] Add new starting template (#19604) @dunky11 - [docs] Add post-update to examples so they run on CodeSandbox (#19605) @garethx - [docs] Fix typo in the Avatar docs (#19544) @UltimateForm - [docs] Improve entry points for issue repros (#19501) @eps1lon - [docs] Link a VSCode extension for working with Material-UI (#19280) @jedwards1211 - [docs] Notification blog post @oliviertassinari - [docs] Refactor EnchancedTable demo (#19560) @ahmad-reza619 - [docs] The error style rule is a pseudo-class (#19555) @TommyJackson85 - [docs] Update link to example for adding a new demo (#19590) @LorenzHenk ### Core - [company] Polish the job post (#19593) @oliviertassinari - [core] Ignore `@date-ui/` updates (#19633) @eps1lon ## 4.9.1 ###### *Feb 2, 2020* Big thanks to the 39 contributors who made this release possible. Here are some highlights ✨: - 🐛 Clean and synchronize the material icons with Google (#19483, #19485) @timmydoza. - 🐛 Fix outline input regressions (#19389, #19409, #19495) @Alexeyun1k, @kusmierz, @cadrimiranda. - 🐛 Fix IME support of the Autocomplete, important for Chinese, Japanese, and Korean (#19499) @teramotodaiki. - 📚 Improve the Style Library Interoperability docs section (#19457) @oliviertassinari. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.9.1` - [Container] Fix mismatch between Container and Toolbar gutters (#19505) @koistya - [FormControl] Add `fullWidth` prop to `FormControl` context (#19369) @EsoterikStare - [l10n] Add Catalan (ca-ES) locale (#19428) @yyuri - [l10n] Add Finnish (fi-FI) locale (#19471) @SampsaKaskela - [l10n] Add Vietnamese (vi-VN) locale (#19439) @imcvampire - [ListItemAvatar] Add "children" prop (#19509) @srghma - [Select] Right click opens select menu (#19434) @fyodore82 - [Slider] Support marks={false} (#19350) @embeddedt - [SwitchBase] Fix ignoring disabled from FormControl (#19319) @rostislavbobo - [TablePagination] Support unknown total count (#19494) @Domino987 - [TextField] Declare global mui-auto-fill(-cancel) keyframes (#19497) @martinjlowm - [TextField] Fix label notch for custom htmlFontSize (#19409) @kusmierz - [TextField] Handle leaky global styles of Bootstrap (#19495) @cadrimiranda - [TextField] Prevent overriding legend display styles (#19389) @Alexeyun1k - [TextField] Reduce helper text height to match spec (#19390) @suliskh ### `@material-ui/icons@v4.9.1` - [icons] Remove extraneous path (#19483) @timmydoza - [icons] Synchronize components with Google (#19485) @oliviertassinari ### `@material-ui/system@v4.9.1` - [system] Add grid support (#17326) @Lavoaster ### `@material-ui/lab@v4.0.0-alpha.41` - [Alert] Improve dark theme coloring (#19105) @ahtcx - [Autocomplete] Fix autoSelect logic (#19384) @SerhiiBilyk - [Autocomplete] Should not fire change until IME is confirmed (#19499) @teramotodaiki - [Autocomplete] Update docs for defaultValue prop (#19431) @willwill96 - [Rating] Fix readOnly + precision combination (#19414) @TommyJackson85 ### Framer - [framer] Support Framer color tokens for ThemeProvider (#19451) @iKettles ### Docs - [example] Add @types/node dependency (#19383) @AlexanderVishnevsky - [blog] 2019 in review and beyond (#19478) @oliviertassinari - [blog] Improve the layout (#19385) @oliviertassinari - [docs] Add SwipeableTextMobileStepper demo (#18503) @eps1lon - [docs] Add cinemaPlus to showcase (#19502) @georgesimos - [docs] Fix /versions GitHub API rate limitation (#19223) @hiteshkundal - [docs] Fix a small typo ("idea" ==> "ID") (#19366) @markdoliner - [docs] Fix some typos and correct a grammar mistake (#19324) @konekoya - [docs] Fix typo (#19492) @Blechkelle - [docs] Fix typo in Autocomplete CSS API (#19503) @DenrizSusam - [docs] Improve Style Library Interoperability (#19457) @oliviertassinari - [docs] Include more info on RMUIF v2.2.0 (#19410) @phoqe - [docs] Increase button variant demos consistency (#19392) @theswerd - [docs] Refresh the home page (#19430) @mbrookes - [docs] Remove `@ts-ignore` usage (#19504) @eps1lon - [docs] Replace switch with checkbox and radio (#19440) @rostislavbobo - [docs] Separate ButtonGroup and Fab pages from Button page (#19381) @mbrookes - [docs] Update the translations (#19514) @mbrookes - [docs] makeStyles doesn't have access to the component's name (#19474) @hesto2 ### Core - [test] Check exhaustive deps of useEnhancedEffect (#19417) @eps1lon - [test] Misc polish (#19425) @eps1lon - [test] Test type libs in docs (#19375) @eps1lon - [test] Exclude inaccessible elements by default in browser tests (#19380) @eps1lon - [core] Batch small changes (#19416) @oliviertassinari - [core] cross-os jsonlint (#19377) @eps1lon - [core] Fix mixins not being assignable as JSS styles (#19491) @ririvas - [core] Misc dependency fixes (#19412) @eps1lon ## 4.9.0 ###### *Jan 22, 2020* Big thanks to the 43 contributors who made this release possible. Here are some highlights ✨: - 🐛 Change the outlined input notch implementation to rely 100% on CSS (#17680) @eps1lon. - 🔍 11 patches on the Autocomplete component. - 📚 Simplify the usage of "copy demo" action (#19291) @theswerd. - 📚 Warn when defaultValue changes (#19070) @m4theushw. - 💅 Slight updates to better match the Material Design spec (#19277, #19342) @elmeerr. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.9.0` - [Breadcrumbs] Remove private separator component (#19234) @hiteshkundal - [ButtonBase] Fix potential memory leak for multi-touch devices (#19333) @eps1lon - [DialogContentText] Fix component prop (#19102) @fyodore82 - [l10n] Add Bulgarian (pg-BG) locale (#19138) @panayotoff - [l10n] Improve it-IT locale (#19143) @keul - [RadioGroup] Fix useRadioGroup.d.ts (#19001) @NMinhNguyen - [Slider] Add a custom scale support (#19158) @netochaves - [Slider] Center the value label (#19330) @LorenzHenk - [StepButton] Fix prop-types warning regarding `expanded` (#19332) @eps1lon - [Stepper] Add support for expanding all the steps (#19200) @hiteshkundal - [Tab] Remove font-size media-query (#19342) @elmeerr - [TableRow] Improve hover/selected styles (#19277) @elmeerr - [TextField] Fix outline offscreen label strikethrough (#17680) @eps1lon - [TextField] Improve transitions (#19228) @oliviertassinari - [TextField] Support padding for helperText (#19198) @hiteshkundal - [Tooltip] Fix popper.js re-instantiation (#19304) @netochaves ### `@material-ui/styles@v4.9.0` - [styles] Overload function signature instead of conditional (#19320) @eps1lon ### `@material-ui/types@v5.0.0` #### Breaking Changes - [types] Overload function signature instead of conditional (#19320) @eps1lon Or, And, IsAny and IsEmptyInterface have been removed. - [types] Remove CoerceEmptyInterface (#19259) @eps1lon ### `@material-ui/lab@v4.0.0-alpha.40` - [Alert] Improve Transition demo (#19283) @theswerd - [Alert] Use alert severity in demos (#19123) @sviande - [Rating] Add default value prop (#19103) @oliviertassinari - [Skeleton] Use span element (#19278) @oliviertassinari - [Autocomplete] Add missing 'clear' to onInputChange typing (#19286) @mvestergaard - [Autocomplete] Decrease padding when icon buttons aren't rendered (#19257) @jedwards1211 - [Autocomplete] Document how to disable chrome autofill (#19126) @goleary - [Autocomplete] Don't delete tag if exists (in freesolo mode) (#19215) @adica - [Autocomplete] Extend support to textarea (#19232) @justtol - [Autocomplete] Fix group labels hiding items during keybd navigation (#19305) @aisamu - [Autocomplete] Fix misleading warning (#19177) @embeddedt - [Autocomplete] Fix option grouping (#19121) @liangchunn - [Autocomplete] Improve typings (#18854) @testarossaaaaa - [Autocomplete] Polish CustomizedHook demo (#19287) @JeremiAnastaziak - [Autocomplete] Add selectOnFocus prop (#19281) @Bebersohl ### Docs - [blog] December 2019 Update (#19119) @oliviertassinari - [docs] Add "material-ui-confirm" to the related projects (#19237) @jonatanklosko - [docs] Add a new site to showcase (hifivework) (#19129) @lau-sam - [docs] Add a new site to showcase (tradenba) (#19307) @zachrdz - [docs] Add links to mui-treasury (#19334) @siriwatknp - [docs] Fix "Edit this page" link (#19170) @neletdev - [docs] Fix a tiny mistake in Chips playground (#19172) @OrBin - [docs] Fix broken TypeScript hash link in CONTRIBUTING.md (#19236) @hiteshkundal - [docs] Fix link in switches.md (#19256) @TurnerB24 - [docs] Fix typo in the accessible table demo (#19321) @carbonid1 - [docs] Improve EnhancedTable.tsx demo (#19266) @sdgluck - [docs] Improve draggable dialog demo (#19339) @konekoya - [docs] Improve the demos copy experience (#19291) @theswerd - [docs] Improve the documentation of the dark theme (#19122) @m4theushw - [docs] Improve transition documentation (#19201) @hiteshkundal - [docs] Improve typography documentation (#19216) @kevin-lindsay-1 - [docs] Merge brand.png and logo.png @oliviertassinari - [docs] Minor typo (#19219) @sourabhbagrecha - [docs] Minor typo fix in testing docs (#19146) @Ardeshir81 - [docs] Remove Glamor link (#19178) @terryBaz - [docs] Update the translations (#19111) @mbrookes - [docs] Use button in backdrop demo (#19282) @theswerd - [docs] Use reasonable unitless line-height for Box (#19260) @minikomi ### Core - [test] Improve visual regression tests (#19175) @oliviertassinari - [core] Batch small changes (#19097) @oliviertassinari - [core] Batch small changes (#19174) @oliviertassinari - [core] Distinguish JSSProperties and CSSProperties (#19263) @eps1lon - [core] Fix TypographyStyle not allowing media queries and allowing unsafe undefined access (#19269) @eps1lon - [core] Ignore a few flaky visual tests (#19226) @oliviertassinari - [core] Remove unecessary exports from styles/transitions.js (#19337) @JonKrone - [core] Simplify types of styled (#19243) @eps1lon - [core] Use node 10 in every CI/CD pipeline (#19301) @eps1lon - [core] Warn when defaultValue changes (#19070) @m4theushw - [build] Clarify transform-runtime, runtime version (#18512) @eps1lon ## 4.8.3 ###### *Jan 6, 2020* Big thanks to the 19 contributors who made this release possible. Here are some highlights since 4.8.0 ✨: - 💄 Introduce a new Alert component in the lab (#18702) @dimitropoulos. - 💄 Improve skeleton animation, add wave support (#18913, #19014) @bowann, @oliviertassinari. - 🔍 13 patches on the Autocomplete component. - 🌎 Add 6 new locales (ko-KR, az-AZ, cs-CZ, sk-SK, uk-UA, pt-PT). - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.8.3` - [Badge] Improve demos (#18981) @ypresto - [Collapse] Add `hidden` class key to Collapse typings (#19044) @pvdstel - [Grid] Update TypeScript classes definitions (#19050) @Rikpat - [Popover] Fix position when changing state or updated (#19046) @SandraMarcelaHerreraArriaga - [Snackbar] Improve accessibility (#19043) @oliviertassinari - [theme] Support breakpoints.between(a, b) with number (#19003) @ulises-lara ### `@material-ui/lab@v4.0.0-alpha.39` - [Alert] Introduce new component (#18702) @dimitropoulos - [Autocomplete] Fix disabled + multiple combination support (#19041) @cvanem - [Autocomplete] Fix form submit with freeSolo and multiple (#19072) @haseebdaone - [Autocomplete] Warn when mixing uncontrolled and controlled (#19060) @m4theushw - [Rating] Fix hover state stuck (#19071) @fyodore82 ### Docs - [example] Make sure next.js Links can accept url objects as href (#19073) @Janpot - [docs] Add company page (#18964) @oliviertassinari - [docs] Add hexToRgb rename to v3 to v4 changelog (#19058) @zettca - [docs] Disable in-context translations (#19056) @mbrookes - [docs] Fix grammar (#19062) @RDIL - [docs] Improve Next.js usage (#19075) @chrisweb - [docs] Improve theme.breakpoints description (#19065) @littleee ### Core - [core] Fix missing type peer deps (#17211) @eps1lon ## 4.8.2 ###### *Dec 30, 2019* Big thanks to the 22 contributors who made this release possible. ### `@material-ui/core@v4.8.2` - [Badge] Fix doc about anchorOrigin (#18982) @ypresto - [DialogContent] Add missing `dividers` class types (#18984) @NickCis - [RadioGroup] Add useRadioGroup Hook (#18920) @NMinhNguyen - [Slider] Fix discrete mark highlighting (#18993) @ulises-lara - [Slider] Improve the pointer event logic (#19010) @oliviertassinari - [TablePagination] Fix duplicate key error (#18988) @afzalsayed96 - [TableSortLabel] Relax IconComponent prop requirements in TypeScript (#18936) @Igorbek - [TableSortLabel] Sort asc by default (#19013) @oliviertassinari - [l10n] Add Portuguese (pt-PT) locale (#18987) @hrafaelveloso ### `@material-ui/styles@v4.8.2` - [styles] Fix jss StyleSheet attach() call (#19042) @mceIdo ### `@material-ui/lab@v4.0.0-alpha.38` #### Breaking Changes - [Skeleton] Add wave animation support (#19014) @oliviertassinari ```diff - + ``` #### Change - [Autocomplete] Fix option height border-box (#19000) @MariyaVdovenko - [Autocomplete] Zero (0) integer key display throws (#18994) @hoop71 - [Rating] Clear value if selected value is clicked (#18999) @ivowork - [Rating] Add a demo with different icons (#19004) @hoop71 ### Docs - [docs] Add TS demo for MenuPopupState (#18998) @eps1lon - [docs] Add yarn install instructions in CONTRIBUTING.md (#18970) @hiteshkundal - [docs] Clarify not all components have 'component' prop (#19015) @JamieS1211 - [docs] Fix syntax error in palette customization example (#19008) @mumairofficial - [docs] Fix typo in toggle-button.md (#19002) @noahbenham - [docs] Update showcase lists (#19039) @typekev - [docs] Fix url address in modules/watrerfall/Batcher.js (#18997) @hiteshkundal ### Core - [core] Don't force a remote when listing prettier changes (#18794) @Janpot - [core] Bump handlebars from 4.1.2 to 4.5.3 (#18989) @dependabot-preview - [core] Batch small changes (#19016) @oliviertassinari - [core] Batch small changes (#19012) @mbrookes ## 4.8.1 ###### *Dec 24, 2019* Big thanks to the 24 contributors who made this release possible. ### `@material-ui/core@v4.8.1` - [Drawer] Fix PaperProps className merge (#18866) @kristenmills - [InputBase] Add rowsMin to typings (#18922) @lcswillems - [Paper] Add a variant prop (#18824) @netochaves - [Popover] Fix bug open animation (#18896) @KevinAsher - [Select] Fix bug on focus in controlled open (#18857) @netochaves - [TextField] onBlur event argument can be undefined (#18867) @abnersajr - [Typography] Improve custom component types support (#18868) @fyodore82 - [theme] Add warning, success and info colors to the palette (#18820) @r3dm1ke - [l10n] Add Korean (ko-KR) locale (#18952) @inspiredjw - [l10n] Add Azerbaijan (az-AZ) locale (#18859) @rommelmamedov - [l10n] Add Czech (cs-CZ) and Slovak (sk-SK) locales (#18876) @char0n - [l10n] Add Ukrainian (uk-UA) locale (#18832) @EvgenBabenko ### `@material-ui/lab@v4.0.0-alpha.37` - [Skeleton] Delay the animation by 500ms (#18913) @bowann - [TreeView] Improve RTL support (#18855) @eladex - [TreeView] Support input in item child (#18894) @eggbread - [Autocomplete] Add ListboxProps prop (#18887) @ChrisWiles - [Autocomplete] Add blurOnSelect prop (#18827) @m4theushw - [Autocomplete] Add forcePopupIcon prop (#18886) @SandraMarcelaHerreraArriaga - [Autocomplete] Call onInputChange before onChange (#18897) @MarinePicaut - [Autocomplete] Fix padding to make visual height consistent (#18851) @takutolehr - [Autocomplete] Pass ListboxProps (#18916) @ChrisWiles - [Autocomplete] Prevent focusing control / opening dropdown on clear (#18889) @Monbrey - [Autocomplete] Support `ChipProps` prop (#18917) @ChrisWiles ### Docs - [docs] Fix grammar issues in Babel plugin unwrap-createstyles (#18856) @RDIL - [docs] Update the translations (#18865) @mbrookes ### Core - [core] Batch small changes (#18961) @oliviertassinari ## 4.8.0 ###### *Dec 14, 2019* Big thanks to the 29 contributors who made this release possible. Here are some highlights ✨: - 💄 Add orientation support to the button group (#18762) @SandraMarcelaHerreraArriaga. - 💄 Add stacking support to the avatar (#18707) @oliviertassinari. - 💄 Add disable elevation support to the button (#18744) @netochaves. - 💄 Add size small support to the radio and checkbox (#18688) @SandraMarcelaHerreraArriaga. - 🌎 Add 3 new locales (id-Id, ro-RO, nl-NL) @fuadinaqi, @raduchiriac, @JimKoene. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.8.0` - [Avatar] Add missing 'fallback' AvatarClassKey (#18717) @kLabz - [ButtonGroup] Add orientation prop (#18762) @SandraMarcelaHerreraArriaga - [Button] disableElevation prop (#18744) @netochaves - [ClickAwayListener] Fix preventDefault logic (#18768) @jayknott - [Container] Add disableGutters prop (#15872) @divyanshutomar - [Drawer] Fix PaperProps className merge conflict (#18740) @siriwatknp - [Modal] Fix scroll jump issue (#18808) @cvara - [Popper] Fix position when changing state or updated (#18813) @Amagon96 - [Radio][Checkbox] Add size="small" support (#18688) @SandraMarcelaHerreraArriaga - [Select] Fix incorrect auto-sizing of native select (#18787) @IvanFrescas - [Select] Fix listbox closing on Space keyUp (#18754) @eps1lon - [Table] Add TableContainer component (#18699) @r3dm1ke - [TextField] Fix missing size prop in TypeScript types @sarpt - [TextareaAutosize] Add rowsMin prop (#18804) @lcswillems - [ToggleButton] Add size prop type definition (#18778) @sarfata - [Tooltip] Add `popperArrow` to `TooltipClassKey` (#18772) @umidbekkarimov - [Typography] Fix lineHeight for h1-h5 (#18663) @LorenzHenk - [l10n] Add Indonesian (id-Id) locale (#18817) @fuadinaqi - [l10n] Add Romanian (roRO) locale (#18825) @raduchiriac - [l10n] Add dutch translations (#18758) @JimKoene - [useMediaQuery] Support custom window (#18741) @siriwatknp ### `@material-ui/lab@v4.0.0-alpha.36` - [AvatarGroup] Introduce new component (#18707) @oliviertassinari - [Autocomplete] Fix double change event issue (#18786) @tplai - [Autocomplete] Add reason to onInputChange callback (#18796) @Tybot204 - [Autocomplete] Expand virtualized example to have grouped items (#18763) @Janpot ### Docs - [blog] November 2019 Update (#18805) @oliviertassinari - [docs] Change `readOnly` to `disabled` in text-fields.md example (#18792) @sterjoski - [docs] Fix chip outlined variant (#18806) @scotttrinh - [docs] Improve Avatar fallback description (#18720) @mbrookes - [docs] Improve homepage accessibility (#18745) @mbrookes - [docs] Improve table of contents cmd+click (#18765) @Janpot - [docs] Remove unused dependencies (#18753) @eps1lon - [docs] Revert hiding duplicate link (#18767) @mbrookes - [docs] Simplify MiniDrawer demo (#18814) @shc023 ### Core - [core] Fix @material-ui/lab homepage url (#18823) @francisrod01 - [core] Batch small changes (#18780) @oliviertassinari ## 4.7.2 ###### *Dec 7, 2019* Big thanks to the 18 contributors who made this release possible. ### `@material-ui/core@v4.7.2` - [Tooltip] Add missing classes type definitions (#18645) @dufia - [Tooltip] Fix arrow placement in RTL languages (#18706) @mosijava - [Tooltip] Fix onMouseOver event leak (#18687) @r3dm1ke - [ClickAwayListener] Support other documents (#18701) @Izhaki - [Avatar] Fallback images when fails to load (#18711) @netochaves - [Chip] Support text-overflow ellipsis by default (#18708) @suliskh - [Container] Add missing default theme props Type (#18654) @max10rogerio - [Modal] Document the 'Focus trap' limitation (#18643) @PutziSan - [Portal] Support any children node (#18692) @luffywuliao - [TablePagination] Fix responsive display issue (#18668) @r3dm1ke - [TextField] InputAdornment shouldn't wrap (#18641) @TrejGun - [l10n] Add Polish translation (#18685) @eXtreme - [theme] Fix wrong ResponsiveFontSizesOptions type (#18661) @pstadler - [useMediaQuery] Fix hydrationCompleted true before hydrated (#18683) @toddmazierski ### `@material-ui/lab@v4.0.0-alpha.35` - [Autocomplete] Add getOptionSelected prop (#18695) @DarkKnight1992 - [Autocomplete] Add size prop (#18624) @oliviertassinari - [Autocomplete] Prevent tag overflow (#18662) @fbarbare ### Docs - [docs] Break up blog template into smaller sections (#18627) @mbrookes - [docs] Update the translations (#18644) @mbrookes - [docs] `ssrMatchMedia` required for client rending as well (#18680) @moshest ### Core - [core] Batch changes (#18629) @oliviertassinari ## 4.7.1 ###### *Dec 1, 2019* Big thanks to the 27 contributors who made this release possible. Here are some highlights ✨: - 🌎 Improve localization support. - ✨ Export all the types from barrel index (#18306) @merceyz. - 🔍 8 patches on the Autocomplete component. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.7.1` - [Backdrop] Comment on z-index use case (#18589) @meebix - [Select] Improve response, react to mouse down (#17978) @SarthakC - [l10n] Add Italian translation (#18507) @Angelk90 - [l10n] Add Turkish translation (#18509) @yunusemredilber - [l10n] Add svSE translations (Swedish) (#18591) @dluco- - [l10n] Fix German translation (#18498) @cmfcmf - [styles] Fix ThemeProvider requiring full theme (#18500) @eps1lon - [useMediaQuery] Fix ssrMatchMedia requiring listener mixin (#18501) @eps1lon ### `@material-ui/lab@v4.0.0-alpha.34` - [Skeleton] Fix non-breakable space (#18548) @gmltA - [Rating] Improve mobile support (#18603) @aleccaputo - [Autocomplete] Document value equality check (#18516) @ChawinTan - [Autocomplete] Fix CSS specificity issue (#18578) @mr-bjerre - [Autocomplete] Fix selecting undefined on updated options (#18611) @jellyedwards - [Autocomplete] Fix typo in test (#18506) @TrejGun - [Autocomplete] Improve icons display (#18520) @oliviertassinari - [Autocomplete] Only call .focus() when necessary (#18584) @Davidasg180 - [Autocomplete] Only trigger onInputChange when the value changes (#18571) @sclavijo93 - [Autocomplete] Show loading text when there are no options (#18570) @sclavijo93 ### Docs - [docs] Add monday.com to in-house ads (#18598) @mbrookes - [docs] Fix bug in Popper component's Scroll playground example (#18562) @maprihoda - [docs] Fix typo in media query docs (#18617) @rajnish307 - [docs] Fix yarn start command (#18565) @andrestone - [docs] Improve the SvgIcon documentation (#18560) @oliviertassinari - [docs] Reduce confusion in picker link (#18566) @BGehrels - [docs] Include mention to Persian in localization.md (#18513) @uxitten - [docs] Update v3 migration guide for ExpansionPanel (#18612) @NMinhNguyen ### Core - [test] Assert accessible name (#18609) @eps1lon - [test] Improve merging tests for createMuiTheme (#18543) @eedrah - [misc] Batch small changes (#18614) @mbrookes - [core] Add react-is dependency (#18551) @HeadFox - [core] Batch small changes (#18539) @oliviertassinari - [core] Bump `@babel/*` deps (#18552) @eps1lon - [core] Export everything from the second level (#18306) @merceyz - [core] Fix dependabot not ignoring babel-plugin-preval (#18553) @eps1lon - [core] Ignore url-loader >= 3 updates (#18639) @eps1lon ## 3.9.4 ###### *Nov 28, 2019* ### `@material-ui/core@v3.9.4` - [Portal] Fix circular PortalProps Types (#18602) Fix TypeScript 3.7 support ## 4.7.0 ###### *Nov 22, 2019* Big thanks to the 27 contributors who made this release possible. Here are some highlights ✨: - 🌎 Add localization support (#18219) @soltanloo. - 🔍 8 patches on the Autocomplete component. - 💄 Add tooltip arrow support (#18323) @goleary. - 📚 Display the demos on a white background (#18396) @oliviertassinari. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.7.0` - [l10n] Add localization (#18219) @soltanloo - [l10n] Improve Russian translation (#18422) @gmltA - [Avatar] Tip about what srcset can be used for (#18366) @uxitten - [CardMedia] Use propTypes for "at least one"-check (#18384) @eps1lon - [Chip] Document accessibility (#18271) @eps1lon - [Collapse] Add support for unitless collapsedHeight (#18461) @weslenng - [Grid] Infer `displayName` (#18481) @NMinhNguyen - [HiddenCss] Fix warning when using custom breakpoints (#18382) @eps1lon - [Modal] Prefer to lock scroll on body than html element (#18445) @andreasheim - [Popper] Use context for RTL support (#18381) @MisterQH - [Slider] Increase interaction area (#18429) @oliviertassinari - [Slider] Make the slider work as intended when max%step !== 0 (#18438) @macfire10 - [Snackbar] Fix timer restarting when parent component re-render (#18361) @weslenng - [Tooltip] Add `arrow` prop (#18323) @goleary - [Tooltip] Use hysteresis with the enterDelay (#18458) @oliviertassinari - [getContrastText] Throw descriptive exception when passing falsy argument (#18383) @eps1lon ### `@material-ui/lab@v4.0.0-alpha.33` - [Skeleton] Keep the size 1:1 to replaced text content (#18451) @macfire10 - [SpeedDialIcon] Fix test for react 16.12 (#18379) @eps1lon - [TreeView] Fix control state error (#18341) @joshwooding - [Autocomplete] Add popperDisablePortal to classes (#18346) @nullberri - [Autocomplete] Add tag keyboard navigation test (#18355) @oliviertassinari - [Autocomplete] Better handle native browsers' autofill and autocomplete (#18376) @IanSmith89 - [Autocomplete] Fix CreateFilterOptions definition (#18419) @alaumh - [Autocomplete] Fix bug on disableOpenOnFocus prop (#18380) @netochaves - [Autocomplete] Fix usage of Home/End keys (#18338) @weslenng - [Autocomplete] Fix virtualization demo (#18455) @mandrin17299 - [Autocomplete] Ignore object keys in default filter (#18480) @eggbread - [lab] Bump material-ui/core version (#18354) @renatoagds ### Docs - [docs] Add related project links (#18035) @MaximKudriavtsev - [docs] Fix grammar in app-bar.md (#18362) @smilevideo - [docs] Fix some markdown spec issue (#18428) @eps1lon - [docs] Fix typo in autocomplete docs (#18343) @thomasdashney - [docs] Fix useMediaQuery ssr implementation example (#18325) @carloscuesta - [docs] Increase the contrast of the demos (#18396) @oliviertassinari - [docs] Reduce .html response size (#18356) @oliviertassinari - [docs] Remove outdated showcase (#18364) @LorenzHenk - [docs] Update the translations (#18339) @mbrookes ### Core - [GitHub] Fix fragment on link in PR template (#18370) @twgardner2 - [Security] Bump https-proxy-agent from 2.2.2 to 2.2.4 (#18440) @dependabot-preview - [core] Add displayName to contexts (#18468) @eps1lon - [core] Batch changes (#18395) @oliviertassinari - [core] Ignore babel-plugin-preval updates (#18415) @dependabot-preview - [framer] Update after publication (#18340) @mbrookes - [test] Check a11y tree inclusion in CI only (#18433) @eps1lon - [test] Improve coverage (#18385) @eps1lon - [utils] Simplify refType (#18437) @NMinhNguyen ## 4.6.1 ###### *Nov 12, 2019* Big thanks to the 19 contributors who made this release possible. Here are some highlights ✨: - 🔍 12 patches on the Autocomplete component. - 👨‍🎤 Add Framer X support (#17797) @mbrookes. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.6.1` - Add Framer X wrapper components (#17797) @mbrookes - [ButtonBase] Fix space calling onClick on keyDown instead of keyUp (#18319) @eps1lon - [ButtonBase] Test keyboard events of child elements (#18318) @eps1lon - [ButtonGroup] Fix typings for disabled classes property (#18274) @xZliman - [Select] Fix id not being present when native (#18257) @eps1lon - [TextField] Add demo for color prop (#18220) @Studio384 - [core] Fix createMuiTheme side-effect (#18247) @FabianSellmann - [core] Increase specificity to get correct style (#18238) @oliviertassinari ### `@material-ui/lab@v4.0.0-alpha.32` #### Breaking Changes - [Autocomplete] Fix Multiple tag delete action (#18153) @tkanzakic ```diff diff --git a/docs/src/pages/components/autocomplete/FixedTags.js b/docs/src/pages/components/autocomplete/FixedTags.js index 757d66a97..a4f36edd5 100644 --- a/docs/src/pages/components/autocomplete/FixedTags.js +++ b/docs/src/pages/components/autocomplete/FixedTags.js @@ -11,17 +11,9 @@ export default function FixedTags() { options={top100Films} getOptionLabel={option => option.title} defaultValue={[top100Films[6], top100Films[13]]} - renderTags={(value, { className, onDelete }) => + renderTags={(value, getTagProps) => value.map((option, index) => ( - + )) } style={{ width: 500 }} ``` #### Changes - [TreeView] Add controlled API to TreeView (#18165) @joshwooding - [TreeView] Support empty array (#18259) @tomasbruckner - [Rating] Add random name when none is provided (#18284) @Vitao18 - [SpeedDial] Fix crash when using custom style in FabProps (#18320) @weslenng - [Autocomplete] Add closeIcon and popupIcon props (#18266) @AbdallahElroby - [Autocomplete] Add controllable input value API (#18285) @oliviertassinari - [Autocomplete] Add hook customization demo (#18242) @oliviertassinari - [Autocomplete] Fix Enter key clearing selected option (#18229) @chapmanio - [Autocomplete] Fix popup placement (#18289) @andreasheim - [Autocomplete] Fix the errors reported by Wave (#18283) @oliviertassinari - [Autocomplete] Improve accessibility (#18204) @oliviertassinari - [Autocomplete] Improve focus logic (#18286) @oliviertassinari - [Autocomplete] Remove aria-activedescendant (#18281) @oliviertassinari - [Autocomplete] Fix missing inputValue (#18268) @AbdallahElroby - [Autocomplete] Handle Opera fullscreen mode (#18275) @xZliman ### Docs - [blog] October 2019 Product Update (#18239) @oliviertassinari - [examples] Fix Gatsby broken example (#18321) @weslenng - [docs] Fix error in Select options (#18224) @eedrah - [docs] Fix show all rows in table pagination (#18260) @markusf1 - [docs] Improve demo clarity by using form elements (#18241) @jcuenod - [docs] Replace alert with console.info (#18316) @eps1lon - [docs] Replace react-inspector with custom TreeView implementation (#17662) @eps1lon ### Core - [core] Add funding entry to manifests (#18250) @eps1lon - [core] Remove nodemod (#18222) @oliviertassinari - [test] Misc cleanup (#18261) @eps1lon - [core] Batch changes (#18264) @oliviertassinari ## 4.6.0 ###### *Nov 5, 2019* Big thanks to the 26 contributors who made this release possible. Here are some highlights ✨: - 🔍 8 patches on the Autocomplete component that was released last week. The positive feedback we had this early version of the component is encouraging. Developers should be able to rely on it in production within a couple of weeks (from a bug perspective). We will take more time to stabilize the API, a couple of months. - 📚 Split the TextField demos into smaller demos (#17483) @joshwooding - 💄 Add a color prop to the TextField (#17891) @ValentinH - 💄 Add square and rounded variant to the Avatar (#18116) @mattdotam - 🐛 Fix Chip <> Avatar rendering issue (#18156) By chance, it's the third year in a row we release on november 5th. The number of contributors involved, for a similar one-week period, has grown from 12 contributors (2017) to 16 contributors (2018) to 26 contributors (2019). We are proud of the community. Let's keep this trend going 🚀. ### `@material-ui/core@v4.6.0` - [Avatar] Add square variant and documentation (#18116) @mattdotam - [Button] Fix horizontal padding on small button with icon (#18118) @vkasraj - [Chip] Add ripple when clickable (#17829) @Tarun047 - [Chip] Fix Avatar CSS issue (#18156) @oliviertassinari - [Drawer] Improve "ResponsiveDrawer" demo (#18045) @gorjan-mishevski - [ExpansionPanel] Use context instead of cloneElement (#18085) @eps1lon - [InputBase] Fix onChange event handler callback of inputProps (#18131) @sjsingh85 - [OutlinedInput] Simplify customizations (#18127) @gregjoeval - [Slider] Improve UX for pointing device with limited accuracy (#18174) @oliviertassinari - [Slider] Increase hover hitbox for thumb (#18074) @eps1lon - [SwipeableDrawer] Only trigger a swipe when appropriate (#17993) @leMaik - [TextField] Add support for "secondary" color (#17891) @ValentinH - [TextField] Fix label not being associated with native select (#18141) @eps1lon - [TextField] Fix typo in FromControl warning (#18129) @xuanvan229 - [types] Fix IsEmptyInterface with optional members (#18148) @amcasey - [types] Simplify some of the conditional types (#18128) @amcasey ### `@material-ui/styles@v4.6.0` - [styles] Fix props based styles callback not including defaultProps (#18125) @salmanm ### `@material-ui/lab@v4.0.0-alpha.31` - [Autocomplete] Add disabled prop (#18195) @m4theushw - [Autocomplete] Fix aria-controls and aria-activedescendant (#18142) @eps1lon - [Autocomplete] Fix crash with freeSolo and rich options (#18161) @oziniak - [Autocomplete] Fix disableListWrapp affecting initial focus (#18162) @eps1lon - [Autocomplete] Fix display in modal (#18160) @oliviertassinari - [Autocomplete] Fix multiple blur/focus crash (#18117) @itayyehezkel - [Autocomplete] Fix typo + types (#18096) @NaridaL - [Autocomplete] Rename autoHightlight prop to autoHighlight (#18137) @tkanzakic - [TreeView] Change when node map is built (#18154) @joshwooding - [SpeedDial] Fix fab items alignment (#18084) @itayyehezkel ### Docs - [docs] Add ScaffoldHub to ads and example projects (#18071) @mbrookes - [docs] Add TagSpaces to the showcase (#18144) @uggrock - [docs] Add warning disabled button in Safari (#18072) @itayyehezkel - [docs] Break up TextField demos (#17483) @joshwooding - [docs] Fix typo (#18090) @mtsmfm - [docs] Fix various a11y issues reported by lighthouse (#18146) @eps1lon - [docs] Force usage of block language (#18069) @mtsmfm - [docs] Improve TypeScript support of Next.js examples (#18088) @Tokenyet - [docs] Move "TextField" section higher in the "Selects" page (#17643) @croraf - [docs] Rename interface headCell to HeadCell (#18093) @EngMoathOmar - [docs] Update notification v4.5.2 @oliviertassinari ### Core - [test] Build all `@material-ui/*` packages for Codesandbox CI (#18100) @eps1lon - [test] Fix tests failing on subsequent runs in watchmode (#18076) @eps1lon - [test] Fix tests polluting DOM (#18163) @eps1lon - [core] Batch small changes (#18041) @oliviertassinari - [core] Batch small changes (#18155) @oliviertassinari ## 4.5.2 ###### *Oct 28, 2019* Big thanks to the 48 contributors who made this release possible! Here are some highlights ✨: - 🔍 Introduce a new Autocomplete component in the lab to support the autocomplete, combobox and multi-select use cases (#17037) @dreamsinspace. This [new component](https://material-ui.com/components/autocomplete/) will replace the [third-party integration examples](https://material-ui.com/components/integrated-autocomplete/) once it graduates from the lab to the core. It was one of the [most requested features](https://twitter.com/MaterialUI/status/1148901411180163073) (by number of 👍 on the corresponding issue). - 📚 Show the JSX by default for small examples (#17831) @mbrookes. - ♿️ Improve Gatsby's Modal support (#17972) @sreetej1998. - 🐛 Better support Preact (#18027) @glromeo. - 💅 Improve Chrome autofill dark theme support (#17863) @MAkerboom. - 📚 Add new context menu demo (#17839) @SarthakC. ### `@material-ui/core@v4.5.2` - [Avatar] Revert #17694, correct the API docs, add tests (#18026) @mbrookes - [Checkbox] Add TS demo for FormControlLabelPosition (#17964) @burtyish - [Dialog] Fix labelledby and describedby placement (#18032) @eps1lon - [Dialog] Reduce margins (#17867) @rahulkotha18 - [ExpansionPanelSummary] Test in StrictMode (#17873) @eps1lon - [FormControlLabel] Add missing CSS class keys to TS (#17963) @itayyehezkel - [Link] Warn when using plain function component in `component` (#17825) @Nikhil-Pavan-Sai - [ListSubheader] Reduce specificity of typescript type (#17715) @sakulstra - [Menu] Add new context menu demo (#17839) @SarthakC - [Modal] Fix tabIndex customization (#17939) @Cyrus-d - [Modal] Improve Gatsby support (#17972) @sreetej1998 - [Popper] Revert position fix (#17914) @rahulkotha18 - [Select] Add labelId to implement proper labelling (#17892) @eps1lon - [Select] Better support Preact (#18027) @glromeo - [Select] Document how values are compared (#17912) @DustinRobison - [Slider] Apply the disabled pseudo class on the thumb too (#18011) @hoop71 - [Slider] Format value passed to ValueLabelComponent (#17985) @hoop71 - [SnackbarContent] Convert unit tests to testing-library (#17942) @emilyuhde - [Snackbar] Change default role from 'alertdialog' to 'alert' (#17897) @emilyuhde - [SwipeableDrawer] Change close swipe behavior and fix touch bug (#17941) @leMaik - [Switch] Fix hover style on mobile (#18034) @SarthakC - [Tab] Run tests in StrictMode (#18037) @eps1lon - [TablePagination] Support display of all rows (#17885) @SarthakC - [Table] Demo multiple group headers (#17933) @rayy-lo - [Table] Fix sticky header interaction with checkboxes (#17968) @Lavoaster - [Table] Improve RTL virtualized demo support (#18038) @FabianKielmann - [TextField] Improve Chrome autofill dark theme support (#17863) @MAkerboom - [TextareaAutoSize] Add ref prop (#17835) @Tarun047 ### `@material-ui/styles@v4.5.2` - [styles] Allow ref on withTheme components in TS (#17695) @ianschmitz ### `@material-ui/system@v4.5.2` - [system] Support style.transform return React.CSSProperties (#18030) @yoyooyooo ### `@material-ui/lab@v4.0.0-alpha.30` - [Autocomplete] Introduce new component (#17037) @dreamsinspace ### Docs - [docs] Add TS demo for DynamicCSS (#17994) @netochaves - [docs] Add TS demo for DynamicCSSVariables (#17983) @netochaves - [docs] Add TS demo for MaterialTable (#17938) @schapka - [docs] Add TS demo for WithWidth (#17930) @burtyish - [docs] Add TS demos for SimpleNoSsr and FrameDeferring (#17913) @ganes1410 - [docs] Add TS demos for SplitButton in components/buttons (#17862) @rahmatrhd - [docs] Add demo for actions in ExpansionPanelSummary (#17969) @ayliao - [docs] Add demo for prominent app bar (#17894) @burtyish - [docs] Add notification about the date picker survey @oliviertassinari - [docs] Clarify aria role of Switch (#17870) @eps1lon - [docs] Document mui-rff (#17943) @lookfirst - [docs] Explain checks in Contributing (#18033) @eps1lon - [docs] Fix "Unknown" typo (#17911) @qmertesdorf-terratrue - [docs] Fix RTL-toggle tooltip bug in app bar (#17865) @flurmbo - [docs] Fix a typo while reading the doc :) (#18040) @daemonsy - [docs] Fix grammar in docs (#17889) @DDDDDanica - [docs] Fix typo in Paperbase theme (#17984) @DavidMoraisFerreira - [docs] Fix typos and grammar in getting started (#17880) @tonyjmartinez - [docs] Improve TabelCell description (#17979) @uxitten - [docs] Improve fixed app bar placement section (#17896) @adeelibr - [docs] Lazy load landing page images (#17827) @eps1lon - [docs] Optimize images (#18025) @MichaelDeBoey - [docs] Prevent layout shift when rendering ads (#17893) @Janpot - [docs] README: change material design link to use material.io (#17967) @RDIL - [docs] Remove unused styles in EnhancedTable demo (#17902) @FeynmanDNA - [docs] Replace negative actions from fab examples (#17926) @nuragic - [docs] September 2019 Update (#17852) @oliviertassinari - [docs] Show the JSX by default for small examples (#17831) @mbrookes - [docs] Update the translations (#18042) @mbrookes - [docs] Workaround next.js AMP support limitation (#18020) @fbnklmnvds - [docs] document use of theme.mixins.toolbar & when using Appbar variant fixed (#17878) @adeelibr ### Core - [core] Batch small changes (#17910) @oliviertassinari - [core] Custom deepmerge implementation (#17982) @oliviertassinari - [core] Ignore meta, ctrl and alt in keyboard modality detection (#17924) @adeelibr - [core] Reduce eslint-disables (#17841) @eps1lon - [core] Remove redundant production check (#17929) @ellisio - [test] Add codesandbox CI config (#17874) @eps1lon - [test] Add silent option to CodeSandbox CI config (#18024) @CompuIves - [test] Only build component packages for codesandbox (#17976) @eps1lon - [test] Reduce ByRole calls (#18015) @eps1lon - [test] Run tests periodically with `react@next` (#18008) @eps1lon - [test] Use Performance implementation of vendors (#18073) @eps1lon ## 4.5.1 ###### *Oct 12, 2019* Big thanks to the 28 contributors who made this release possible! Here are some highlights ✨: - 📚 Change imports from @material-ui/styles to @material-ui/core/styles (#17447) @mnemanja The presence of two almost identical import paths has been a source of confusion: `@material-ui/styles` and `@material-ui/core/styles`. Starting with v4.5.1, the documentation mentions `@material-ui/core/styles` as much as possible. ```diff -import { makeStyles } from '@material-ui/styles'; +import { makeStyles } from '@material-ui/core/styles'; ``` This change removes the need to install the `@material-ui/styles` package directly. It prevents the duplication of `@material-ui/styles` in bundles and avoids confusion. You can [learn more about the difference](https://material-ui.com/styles/basics/#material-ui-core-styles-vs-material-ui-styles) in the documentation. - ♿️ Improve the accessibility of the table and select components (#17696, #17773) @adeelibr, @eps1lon. - 📊 Launch a [developer survey](https://www.surveymonkey.com/r/5XHDL76) as a precursor to a major DatePicker enhancement effort. - 💄 Add support for different [slider track mode](https://material-ui.com/components/slider/#track) (#17714) @slipmat. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.5.1` - [AppBar] Fix display of elevation with position static (#17819) @sreetej1998 - [Avatar] Allow to set src and children (#17694) @lcswillems - [BottomNavigationAction] Test in StrictMode (#17837) @eps1lon - [ButtonBase] Document how to use cursor not-allowed (#17778) @slipmat - [Button] Add missing class keys for icon sizing (#17677) @mvestergaard - [Button] Fix duplicate class names (#17690) @netochaves - [Dialog] Forward the id in example (#17678) @ricsam - [Modal] Remove mentions of legacy classes (#17798) @eps1lon - [Popover] Add root class (#17817) @jayesh-kaza - [Popper] Fix placement update logic (#17781) @hoop71 - [Portal] Remove redundant circular PortalProps import (#17676) @le0nik - [Select] Fix opening select requiring double enter with NVDA (#17773) @eps1lon - [Select] Simplify blur logic (#17299) @eps1lon - [Select] Add missing y to setDisplaNode (#17716) @sakulstra - [Select] Warn for unmatched value (#17691) @asownder95 - [Slider] Add support for removed and inverted track (#17714) @slipmat - [Slider] Fix drag interruption when leaving browser (#17765) @hoop71 - [Table] Add aria-label & caption in table demos (#17696) @adeelibr ### `@material-ui/icons@v4.5.1` - [icons] Introduce a new GitHub brand icon ### `@material-ui/lab@v4.0.0-alpha.29` - [SpeedDial] Pass event and reason to onOpen, onClose (#17783) @lsnch ### `@material-ui/system@v4.5.1` - [system] Fallback to value if theme's value is an array and index missing (#17661) @stasiukanya ### Docs - [docs] Add Customization/Components TS demo (#17788) @limatgans - [docs] Add Media Query TS demo (#17766) @lksilva - [docs] Add TS demos for guides/interoperability (#17804) @limatgans - [docs] Add classNames TS demo (#17771) @lksilva - [docs] Add component demos in ts (#17790) @lksilva - [docs] Add dynamic class name TS demo (#17793) @lksilva - [docs] Add useWidth TS demo (#17770) @lksilva - [docs] Added TS Demos for component/toggle-button (#17822) @limatgans - [docs] Better strict mode switch (#17684) @eps1lon - [docs] Change imports from @material-ui/styles to @material-ui/core/styles (#17447) @mnemanja - [docs] Extend size-snapshot (#17633) @eps1lon - [docs] Fix react-number-format example for FormattedInputs (#17675) @s-yadav - [docs] Fix typo (#17698) @Ceejaymar - [docs] Fix typo and improve consistency (#17821) @stasiukanya - [docs] Fix typo in versions.md (#17782) @raymondsze - [docs] Fixed typo in Components/Modal (#17704) @lzhuor - [docs] Improve contributing guidelines (#17653) @oliviertassinari - [docs] Mentioned CSS required for disabling transitions (#17802) @burtyish - [docs] Migrate Globals demo to TypeScript (#17785) @limatgans - [docs] Migrate Palette demo to TypeScript (#17683) @limatgans - [docs] Prepare the DatePicker developer survey notification (#17805) @oliviertassinari - [docs] Update "Who's using" (#17830) @mbrookes - [docs] Update notification @oliviertassinari - [docs] Update useMediaQuery example to avoid confusion with print (#17642) @epeicher ### Core - [ci] Fix size comparison sort order (#17800) @eps1lon - [core] Batch small changes (#17673) @oliviertassinari - [core] Batch small changes (#17807) @oliviertassinari - [test] Fix test_browser timing out (#17763) @eps1lon - [test] Use testing-library for ToggleButton* tests (#17768) @eps1lon ## 4.5.0 ###### *Oct 2, 2019* Big thanks to the 20 contributors who made this release possible! Here are some highlights ✨: - 💄 Add startIcon and endIcon props for the button (#17600) @mbrookes ```jsx import DeleteIcon from '@material-ui/icons/Delete'; ``` - 🔐 Add support for Chrome autofill (#17436, #17552) @croraf - 💅 Adjust table styles to match spec (#17388) @kybarg - 💅 Adjust menu styles to match spec (#17332) @damir-sirola - 💅 Adjust chip styles to match spec (#17584) @oliviertassinari - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.5.0` - [theme] Allow an arbitrary number of elevations (#17659) @millnitzluan - [ButtonGroup] Fix missing divider if background color is set (#17648) @neon98 - [ButtonGroup] Support text variant (#17529) @Dhruvi16 - [Button] Add startIcon / endIcon props (#17600) @mbrookes - [Button] Improve horizontal padding (#17640) @mbrookes - [Button] Increase elevation on hover when contained (#17537) @eps1lon - [CardMedia] Add separate rules for Image components (#17591) @neon98 - [Chip] Update style to match the specification (#17584) @oliviertassinari - [InputBase] Fix remaining issues with Chrome autofill (#17552) @croraf - [MenuItem] Update size on desktop to match spec (#17332) @damir-sirola - [Menu] Fix menu being focused instead of item when opening (#17506) @eps1lon - [Menulist] Add autoFocusItem for initial focus control (#17571) @eps1lon - [SwipeableDrawer] Calculate transition duration based on swipe speed (#17533) @dan8f - [Table] Adjust table styles to the latest specs (#17388) @kybarg - [Tabs] Add new updateScrollButtonState() action (#17649) @neon98 - [TextareaAutosize] Improve line computation and avoid infinite loop (#17652) @neon98 ### `@material-ui/lab@v4.0.0-alpha.28` - [Slider] Remove from the lab (#17528) @oliviertassinari ```diff -import { Slider } from '@material-ui/lab'; +import { Slider } from '@material-ui/core'; ``` ### `@material-ui/system@v4.5.0` - [system] Fix props being required from `style` function (#17534) @abukurov ### `@material-ui/codemod@v4.5.0` - [styles] Bump jss dependencies to v10.0.0 stable (#17536) @eps1lon ### `@material-ui/codemod@v4.5.0` - [codemod] Fix build importing esm version of babel/runtime (#17561) @merceyz ### Docs - [docs] Batch small fixes (#17527) @oliviertassinari - [docs] Fix CHANGELOG format @oliviertassinari - [docs] Fix calculation of height for empty rows (#17657) @Teloah - [docs] Improve /styles vs /core/styles description (#16473) @bigtone1284 - [docs] Improve CSP nonce docs (#17594) @johnnyreilly - [docs] Improve Contributing.md (#17597) @croraf - [docs] Improve bundle size option 2 advantage wording (#17577) @ilanbm - [docs] Improve testing readme (#17557) @eps1lon - [docs] Move GOVERNANCE.md and ROADMAP.md files from root (#17531) @croraf - [docs] Remove already moved SUPPORT.md file (#17525) @croraf - [docs] Remove an un-used className in template Blog (#17587) @FeynmanDNA - [docs] Reword icons page (#17558) @croraf - [examples] Fix CRA start script (#17598) @lychyi ### Core - [core] Fix missing peer dependency warning (#17632) @eps1lon - [core] Re-export all the styles modules from core (#17419) @merceyz - [core] Warn if anchor element is not visible (#17599) @eAmin - [dependencies] Put dependabot config in vcs (#17651) @eps1lon - [test] Bump `@testing-library/dom` (#17573) @eps1lon - [test] Isolate each test case using testing-library (#17394) @eps1lon - [ci] Use azure aws tasks instead of aws-sdk (#17631) @eps1lon - [Select] Make internal tests public (#17538) @eps1lon ## 4.4.3 ###### *Sep 22, 2019* Big thanks to the 23 contributors who made this release possible! This is a stability release. ### `@material-ui/core@v4.4.3` - [TextField] Handle Chrome autofill (#17436) @croraf - [ButtonBase] Fix blurry text issue (#17453) @chibis0v - [CircularProgress] Fix centering (#17482) @fiws - [Chip] Load the right version of Avatar (#17469) @Maxim-Mazurok - [TablePagination] Merge root classes properly (#17467) @DavidHenri008 - [Box] Fix demo item name (#17523) @Skaronator - [Breadcrumbs] Improve API docs (#17468) @eps1lon - [Menu] Isolate more integration tests (#17490) @eps1lon - [SelectInput] Use `@testing-library` for test (#17390) @eps1lon ### `@material-ui/styles@v4.4.3` - [styles] Bump jss dependencies to 10.0.0-alpha.25 (#17520) @eps1lon - [core] Replace warning with manual console.error (#17404) @eps1lon ### `@material-ui/lab@v4.0.0-alpha.27` - [TreeItem] Use the ‘endIcon’ prop where appropriate (#17488) @Chocolatl - [Skeleton] Make default CSS display mode to block (#17406) @ahtcx - [SpeedDial] Rework part of the logic (#17301) @hashwin ### `@material-ui/icons@v4.4.3` - [docs] Update README.md ### `@material-ui/system@v4.4.3` - [core] Replace warning with manual console.error (#17404) @eps1lon ### Docs - [examples] Add a Gatsby Theme example (#17411) @hupe1980 - [docs] Add a customization example with ToggleButton (#17401) @nrkroeker - [docs] Add a note in disabled tooltip (#17421) @konekoya - [docs] Add a support page (#17437) @oliviertassinari - [docs] Add demo for vertical dividers (#17457) @nrkroeker - [docs] Add synonyms for brand icons (#17455) @mbrookes - [docs] August Update (#17439) @oliviertassinari - [docs] Batch small changes (#17435) @oliviertassinari - [docs] CONTRIBUTING.md reword branch structure, remove Build, Yarn Link (#17501) @croraf - [docs] Clarify props spread for ListItem when button flag is set (#17466) @rossmmurray - [docs] Fix Popper demo link typo (#17522) @mbrookes - [docs] Fix a typo in CONTRIBUTING.md (#17400) @konekoya - [docs] Fix english language link (#17526) @croraf - [docs] Fix heading format in CONTRIBUTING.md (#17460) @paras151 - [docs] Improve in-site search (#17450) @eps1lon - [docs] Improve the documentation covering react-router (#17343) @MelMacaluso - [docs] Move BACKERS.md file (#17508) @croraf - [docs] Remove Access to premium modules from the support page (#17489) @oliviertassinari - [docs] Spelling mistake (#17500) @jehuamanna - [docs] Update translations (#17509, #17438) @mbrookes - [docs] Use Button for language menu (#17487) @mbrookes - [docs] Use Suspense for lazy loading algolia (#17451) @eps1lon - [docs] Wrong URL for spacing in PT (#17502) @renatoagds ### Core - [core] Prevent empty useEffect in production (#17420) @merceyz - [core] Replace warning with manual console.error (#17404) @eps1lon - [core] Warn when changing between controlled uncontrolled (#17422) @kmhigashioka ## 4.4.2 ###### *Sep 11, 2019* Big thanks to the 7 contributors who made this release possible! This is a quick release after v4.4.1 to solve 3 regressions. ### `@material-ui/core@v4.4.2` - [Grid] Remove lab import @oliviertassinari - [Radio] Add zIndex to SwitchBase (#17389) @andokai - [TextField] Fix incorrect focus handler types for FormControl (#17378) @eps1lon - [StepButton] Fix overlap with StepContent (#17374) @rossmmurray ### Docs - [docs] Add material-ui-flat-pagination to related projects (#17372) @szmslab - [docs] Add tubular-react in related project (#17371) @geoperez - [docs] Add tubular-react to tables related projects (#17382) @geoperez - [docs] Fix color tool crash (#17380) @jsjain ### Core - [core] Bump `@babel/*` deps (#17363) @eps1lon ## 4.4.1 ###### *Sep 8, 2019* Big thanks to the 21 contributors who made this release possible! Here are some highlights ✨: - 💄 Introduce 10 new brand icons and 61 new official Material Design icons (#17257, #17274) @colemars and @mbrookes. - ⚛️ Move a few descriptions of the props to TypeScript (#17300) @merceyz. This change allows the IDEs to display the props' descriptions in place, without having to go to the documentation. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.4.1` - [Badge] Improve shape of 2 digit badge (#17247) @mbrookes - [Cars] Fix export issue for consistency (#17354) @yikkok-yong - [Modal] Support theme default props (#17337) @ianschmitz - [Rating] Fix a few issues (#17270) @oliviertassinari - [Select] Changes the default input based on variant prop (#17304) @netochaves - [Select] Follow spec with placement of dropdown icon (#17303) @lonssi - [Slider] Add getAriaLabel prop (#17240) @city41 - [SvgIcon] Fix color type definition including default (#17288) @merceyz - [Table] Fix sticky header table with buttons/inputs (#17285) @Studio384 - [TextareaAutosize] Show scrollbar when rowsMax is exceeded (#17310) @Shubhamchinda - [useMediaQuery] Workaround Safari wrong implementation of matchMedia (#17315) @momentpaul ### `@material-ui/icons@v4.4.1` - [icons] Add social icons (#17274) @mbrookes - [icons] Refresh material icons (#17259) @colemars - [icons] Update script to use latest json file (#17257) @colemars ### `@material-ui/styles@v4.4.1` - [styles] Fix global classnames being disabled in deserialized themes (#17345) @eps1lon - [styles] Support augmenting a default theme type (#16777) @merceyz ### `@material-ui/lab@v4.0.0-alpha.26` - [lab] Generate proptypes from type definitions (#17300) @merceyz - [ToggleButton] Improve accessibility (#17290) @mbrookes - [ToggleButton] Update TypeScript class keys (#17278) @ljvanschie ### Docs - [misc] Batch small changes (#17316) @oliviertassinari - [docs] Fix CHANGELOG.md (#17331) @skirunman - [docs] Add new synonyms for Material Icons (#17272) @mbrookes - [docs] Add script to merge MD icon tags with synonyms (#17312) @mbrookes - [docs] Batch small changes (#17268) @oliviertassinari - [docs] Fix more SEO issue report @oliviertassinari - [docs] Add typescript version of paperbase theme (#17213) @eps1lon - [docs] Improve /customization/typography/ (#17307) @meebix - [docs] Improve grammar in snackbars (#17296) @chaseholdren - [docs] Notification for v4.4.0 @oliviertassinari - [docs] Only server-side render the popular languages (#17249) @oliviertassinari - [docs] Reduce the use of "our", "We"... (#17347) @mbrookes - [docs] Remove section about modal performance (#17284) @eps1lon - [docs] Remove unnecessary any cast (#17292) @eps1lon - [docs] Remove wrong alternate languages (#17311) @oliviertassinari - [docs] Sync JavaScript version with TypeScript @oliviertassinari - [docs] Update translations (#17351) @mbrookes - [docs] Update translations.json (#17266) @mbrookes ### Core - [core] Add ref type to every component (#17286) @eps1lon - [core] Fix typo contaniners -> containers (#17280) @charlax - [core] Fix various dependency issues (#17317) @eps1lon - [core] Generify props with component property (#16487) @ypresto - [core] Guard against bad Symbol polyfills (#17336) @briandelancey ## 4.4.0 ###### *Aug 31, 2019* Big thanks to the 29 contributors who made this release possible! Here are some highlights ✨: - ✨ Add fixed Table header Support (#17139) @egerardus. - 🌳 Accept any label in TreeView (#17080) @oliviertassinari. - 🏝 Add standalone ToggleButton mode (#17187) @simshaun. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.4.0` - [Backdrop] Render children inside div (#17115) @dominictwlee - [Button] Fix typo in demo text (#17230) @jasonkylefrank - [Button] Remove code leftover from < v4 (#17232) @sakulstra - [ButtonGroup] Fix border color when disabled and contained (#17109) @ryanburr - [CardActionArea] Fix 'border-radius' (#17221) @stasiukanya - [CircularProgress] Document String format for size prop (#17081) @devsumanmdn - [Drawer] Include ref when variant=persistent (#17090) (#17091) @ZachStoltz - [Menu] Include 'list' in class key (#17205) @rbrishabh - [MenuItem] Add missing dense classkey (#17103) @JapuDCret - [Popover] Fix anchorEl positioning within popup window (#17128) @zekehernandez - [Popover] Fix update position action (#17097) @netochaves - [RadioGroup] Make value accept any (#17132) @cmeeren - [Slider] Avoid mutating user's value prop (#17085) @elmeerr - [Switch] Fix rendering in IE 11 and Safari (#17095) @rbrishabh - [Table] Add sticky header support (#17139) @egerardus - [TextField] Specs alignment (#17192) @elmeerr - [TextField] Update outlined label when prop changes (#17217) @Shubhamchinda - [Tooltip] Fix interactive + enterDelay combination (#17174) @kiransiluveru - [Typography] noWrap requires display block (#17206) @rbrishabh - [Badge] Add alignment options to badges (#17204) @ahtcx - [LinearProgress] Make color adapt to theme type (#17219) @ahtcx ### `@material-ui/lab@v4.0.0-alpha.25` - [ToggleButton] Improve customizability (#17187) @simshaun - [TreeView] Support node label (#17080) @oliviertassinari - [Rating] Add Custom prop-type to prop name (#17078) @netochaves - [Rating] Improve signature in docs (#17093) @cmeeren ### Docs - [docs] Better document the ref props in the API (#17198) @oliviertassinari - [docs] Fix edit dependencies extraction (#17120) @Shubhamchinda - [docs] Fix page rendering on Crowdin (#17135) @mbrookes - [docs] Fix popover demo event.target is null (#17104) @spaceexperiment - [docs] Fix typo in modal demo (#17122) @Shubhamchinda - [docs] Implement in-context translation (#17040) @mbrookes - [docs] Improve custom styles of the demos (#17118) @uxitten - [docs] Improve enhanced table variable name (#17141) @keiohtani - [docs] Improve style of the demos (#17218) @uxitten - [docs] Minor Update to remove "n°" notations (#17200) @skube - [docs] Missing degree/option symbol (#17189) @skube - [docs] New translations (#17134) @mbrookes - [docs] Remove unecessary createStyles in TypeScript Tabs demo (#17164) @Imballinst - [docs] Require less strict tsconfig (#17214) @eps1lon - [examples] Fix warning in next.js example (#17133) @Janpot - [examples] Fix warnings Container in _app.js with Next.js (#17181) @saltyshiomix ## 4.3.3 ###### *Aug 21, 2019* Big thanks to the 22 contributors who made this release possible! Here are some highlights ✨: - 🔍 Introduce a [material icons search](https://material-ui.com/components/material-icons/) (#16956). - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.3.3` - [AppBar] Add back to top demo (#17062) @oliviertassinari - [CardHeader] Remove mention of children from API docs (#17045) @cmeeren - [Dialog] Add support for a Dialog without a DialogTitle (#16980) @megos - [Divider] Add vertical support (#17063) @oliviertassinari - [Grid] Better support custom theme spacing values (#17005) @Workvictor - [Modal] Add transition documentation (#17059) @oliviertassinari - [Select] Hide SVG icon for native multiple select (#16992) @craigmjackson - [Slider] Fix mouse enter edge case for Firefox (#16986) @Astrantia - [Slider] Hide mark labels to screen readers (#17024) @Patil2099 - [Tabs] Fix issue where scrollable tabs auto move to selected tab (#16961) @wereHamster - [TextareaAutosize] Export component in barrel index.js (#17003) @Shubhamchinda - [TextareaAutosize] Update spelling in props (umber to number) (#16982) @melwyn001 - [Tooltip] Fix word wrapping (#17020) @pranshuchittora - [Tooltip] Improve arrow demo (#17058) @Patil2099 ### `@material-ui/lab@v4.0.0-alpha.24` - [Rating] Improve rendering of arbitrary precision (#17013) @Patil2099 - [TreeView] Lazy render the tree items (#17046) @Shubhamchinda - [Skeleton] Add missing exports from the barrel (#16960) @mejackreed ### `@material-ui/styles@v4.3.3` - [styles] Better support right-to-left (#17019) @AminZibayi ### Docs - [docs] Add Typescript example for switch label position (#16959) @nowNick - [docs] Adjust React + Material-UI + Firebase for v2.0 (#16988) @Phoqe - [docs] Improve instructions for Babel import plugins (#16993) @lookfirst - [docs] Make it easier to find material icons (#16956) @oliviertassinari - [docs] Add synonyms for Material icons (#17021) @mbrookes - [docs] Migration guide to v4: include change to dense Lists (#17074) @zekehernandez - [docs] Prefer SVG over font icons in the demos (#17056) @troussos - [docs] Small changes (#17060) @oliviertassinari - [example] Remove unused MuiLink declaration (#16991) @colemars ### Core - [core] Classes to hooks (#17061) @oliviertassinari - [core] Upgrade the dependencies (#16990) @oliviertassinari - [core] yarn docs:export support for Windows (#17009) @vabole ## 4.3.2 ###### *Aug 10, 2019* Big thanks to the 22 contributors who made this release possible! Here are some highlights ✨: - 🦴 Introduce a new Skeleton component in the lab (#16786). - 📦 Reduce bundle size by -10%,-20% of the small helpers like useMediaQuery, Portal, and TextareaAutosize (#16842) @NMinhNguyen. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.3.2` - [Box] Forward props into cloned element (#16882) @RostyslavKravchenko - [ButtonGroup] Allow override of the variant prop (#16946) @nvwebd - [ButtonGroup] Separate button colors (#16876) @CyanoFresh - [CssBaseline] Add backdrop base styles (#16880) @yordis - [Fab] Accept FabProps in theme.props (#16877) @aditya1906 - [FormControl] Warn if rendered mulitple inputs (#16923) @lemes - [Popper] Fix ScrollPlayground.js demo (#16948) @pinktig - [Slider] Update TypeScript demo to cast types to values (#16957) @allypally - [Stepper] Improve the description of the icon prop (#16916) @mbrookes - [TextField] How to leverage CSS input validation (#16903) @jonkelling - [Textfield] Add left property to prevent scrollbars on IE 11 (#16936) @beaudry - [ToggleButton] Fix horizontal shift (#16861) @wereHamster - [Transition] Forward isAppearing to onEnter, onEntering, onEntered (#16917) @millerrafi ### `@material-ui/lab@v4.0.0-alpha.23` - [TreeView] Fix the height of the customization demo (#16874) @mbrookes - [Skeleton] New component (#16786) @oliviertassinari ### `@material-ui/system@v4.3.3` - [system] Avoid `!important` in `borderColor` prop (#16875) @rogerclotet ### Docs - [blog] July 2019 update (#16872) @oliviertassinari - [docs] Add Material-UI with React course in learning (#16869) @deekshasharma - [docs] Add error boundary to demos (#16871) @oliviertassinari - [docs] Add react compatibility in supported platforms (#16863) @pranshuchittora - [docs] Batch small changes (#16951) @oliviertassinari - [docs] Fix build on windows (#16870) @merceyz - [docs] Fix grammatical error in components docs (#16886) @Dasbachc - [docs] Hide header in DefaultTheme demo (#16937) @rogerclotet - [docs] Migrate WithTheme demo to Typescript (#16941) @rogerclotet - [docs] Batch small changes (#16864) @oliviertassinari - [docs] Batch small changes (#16883) @oliviertassinari ### Core - [benchmark] Fix not running (#16900) @ypresto - [ci] Ignore dependabot branches (#16893) @eps1lon - [core] Generate PropTypes from type definitions (#16642) @merceyz - [core] Optimise destructuring for useState, useReducer (#16842) @NMinhNguyen - yarn docs:api @oliviertassinari ## 4.3.1 ###### *Aug 03, 2019* Big thanks to the 18 contributors who made this release possible! ### `@material-ui/core@v4.3.1` - [Container] Add missing class key to overrides interface (#16783) @Und3Rdo9 - [Dialog] Test with testing-library (#16780) @eps1lon - [Grid] Add 'root' to GridClassKey typing (#16799) @hendrikskevin - [Modal] Fix Modal default open with disablePortal behavior (#16850) @lmuller18 - [Popper] Fix handlePopperRefRef.current is not a function (#16807) @darkowic - [Radio][Switch][Checkbox] Document the `required` prop (#16809) @pranshuchittora - [Slider] Fix small typo (#16825) @ninjaPixel - [TextareaAutosize] Add missing export for TextareaAutosize (#16815) @tuxracer - [Tooltip] Fix tooltips's demo arrow dimensions (#16838) @fillipe-ramos - [Tooltip] Remove the title attribute when open (#16804) @jamesgeorge007 - [Transition] Change the default behavior, 0ms duration if prop missing (#16839) @jamesgeorge007 ### `@material-ui/lab@v4.0.0-alpha.22` - [TreeView] Iterate on the component (#16814) @mbrookes - [TreeView] Add customization demo (#16785) @oliviertassinari ### Docs - [docs] Add missing `(` to withStyle docs (#16816) @SneakyFish5 - [docs] Fix typo in description of Slider (#16824) @LorenzHenk - [docs] Improve the issue template (#16836) @pranshuchittora - [docs] Link react-most-wanted (#16856) @TarikHuber - [docs] Migrate all public class component to function components (#16693) @bpas247 - [docs] Small fix for box.md and migration.md (#16806) @DDDDDanica - [docs] Update `@material-ui/pickers` (#16823) @eps1lon ## 4.3.0 ###### *July 28, 2019* Big thanks to the 23 contributors who made this release possible! Here are some highlights ✨: - 🌳 Introduce a new Tree View component in the (#14827) @joshwooding. This is a first step toward a feature rich tree view component. We will keep iterate on it to add customization demos, filter, drag and drop, and checkboxes. You can find the documentation under [this URL](https://material-ui.com/components/tree-view/). - 💄 Support vertical tabs (#16628) @josephpung. You can learn more about it following [this URL](https://material-ui.com/components/tabs/#vertical-tabs). - 📚 Remove the prop-types from TypeScript demos (#16521) @merceyz. The runtime prop-types are often redundant with the static type checks. We have removed them from the TypeScript demos. - ⚛️ Add two codemods to improve the imports (#16192) @jedwards1211. If you are not familiar with codemods, [check the library out](https://github.com/facebook/codemod). This is a tool tool to assist you with large-scale codebase refactors. We introduce two new codemods in this release: - `optimal-imports`: Material-UI supports tree shaking for modules at 1 level depth maximum. You shouldn't import any module at a higher level depth. ```diff -import createMuiTheme from '@material-ui/core/styles/createMuiTheme'; +import { createMuiTheme } from '@material-ui/core/styles'; ``` - `top-level-imports`: Converts all @material-ui/core submodule imports to the root module. ```diff -import createMuiTheme from '@material-ui/core/styles/createMuiTheme'; +import { createMuiTheme } from '@material-ui/core'; ``` - 💄 Support small switch (#16620) @darkowic. You can learn more about it following [this URL](https://material-ui.com/components/switches/#sizes). - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.3.0` - [FilledInput] Add hiddenLabel prop (#16671) @oliviertassinari - [Menu] Use strict mode compatible testing API (#16582) @eps1lon - [Modal] Fix focus not being contained (#16585) @eps1lon - [Modal] Prevent backdrop to stay open (#16694) @ValentinH - [Popper] Fix scroll jump when content contains autofocus input (#16740) (#16751) @alirezamirian - [Portal] Prepare deprecation of onRendered (#16597) @oliviertassinari - [SelectInput] Fix layout issue with displayEmpty (#16743) @ypresto - [Select] Implement WAI-ARIA dropdown without label (#16739) @eps1lon - [useMediaQuery] Improve useWidth demo (#16611) @siriwatknp - [Step] Add `completed` class key to TypeScript definitions (#16662) @pranshuchittora - [Stepper] Add cutomization example (#16769) @oliviertassinari - [Switch] Support small size (#16620) @darkowic - [Tabs] Improve accessibility (#16384) @mbrookes - [Tabs] Support vertical tabs (#16628) @josephpung - [TextField] Rename interface FormControl to FormControlState (#16748) @B3zo0 - [TextareaAutosize] Fix infinite render loop (#16635) @oliviertassinari - [TextareaAutosize] Fix infinite render loop (#16708) @mcdougal ### `@material-ui/lab@v4.0.0-alpha.21` - [TreeView] Add new component (#14827) @joshwooding ### `@material-ui/styles@@4.3.0` - [styles] Add typings for font-face (#16639) @merceyz ### `@material-ui/codemod@v4.3.0` - [codemod] Add codemods for optimal tree-shakeable imports (#16192) @jedwards1211 ### `@material-ui/system@v4.3.2` - [core] Import esm babel helpers (#16701) @TrySound ### Docs - [docs] Add CSS to api for TextField (#16659) @m2mathew - [docs] Apply v1 redirection first @oliviertassinari - [docs] Batch changes (#16621) @oliviertassinari - [docs] Display correct version of Material-UI (#16680) @eps1lon - [docs] Document the global class names (#16770) @oliviertassinari - [docs] Fix SEO reported by Ahrefs (#16765) @oliviertassinari - [docs] Fix Typo in modal.md (#16744) @jeffshek - [docs] Fix dependabot badge (#16725) @eps1lon - [docs] Fix reset colors crashing app (#16750) @eps1lon - [docs] Fix typo in typography.md (#16654) @hexium310 - [docs] Generate prop-types from TypeScript demos (#16521) @merceyz - [docs] Grammar fix for global class names docs (#16778) @joshwooding - [docs] Improve SEO (#16724) @oliviertassinari - [docs] Improve favicon (#16632) @oliviertassinari - [docs] Improve generated markdown (#16771) @merceyz - [docs] Link page layouts to premium themes (#16690) @mbrookes - [docs] Move dependencies/scripts from root into workspace (#16640) @eps1lon - [docs] Prevent password field blur when adornment clicked (#16672) @ee92 - [docs] Redirects old v1.5.0 url to v1 subdomain (#16658) @m2mathew - [docs] Reduce bundle size (#16046) @eps1lon - [docs] Remove bbb from showcase (#16687) @mbrookes - [docs] Remove unused imports (#16623) @merceyz - [docs] Reword unsupported material components notes (#16660) @m2mathew - [docs] Solve docs 301 redirections (#16705) @oliviertassinari - [docs] Update translations (#16684) @mbrookes - [docs] Upgrade next to v9 (#16546) @eps1lon - [docs] Revert upgrade to next 9 (#16755) @eps1lon - [docs] Workaround to describe aria-sort (#16767) @mbrookes - [examples] Remove version next version from the description (#16678) @straxico ## Core - [test] Fix empty visual rergression screenshots (#16702) @eps1lon - [test] Fix failing test_browser in edge (#16688) @eps1lon - [core] Batch changes (#16691) @oliviertassinari - [core] Batch small changes (#16766) @oliviertassinari - [core] Deduplicate packages (#16608) @merceyz - [core] Fix type definition for createMuiTheme SpacingOptions (#16624) @dominictwlee - [core] Import esm babel helpers (#16701) @TrySound - [core] Introduce dependabot (#16679) @eps1lon - [core] Remove old JSS v9 animationName property (#16779) @merceyz - [core] Upgrade babel-plugin-optimize-clsx (#16636) @merceyz - [core] Upgrade dependencies from yarn audit (#16625) @merceyz - [core] Upgrade jss (#16668) @TrySound - [core] Bump babel dependencies to latest (#16699) @eps1lon - [ci] Merge test_browser and test_production (#16731) @eps1lon - [ci] Use custom frozen lockfile check (#16677) @eps1lon ## 4.2.1 ###### *July 17, 2019* Big thanks to the 25 contributors who made this release possible! Here are some highlights ✨: - ♿️ Improve Dialog header accessibility (#16576) @dayander. - ⚛️ Fix more strict mode warnings (#16525) @eps1lon. - 🐛 Fix menu dense support (#16510) @sumedhan. - ⭐️ Introduce a new Rating component in the lab. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.2.1` - [Autocomplete] Use placeholder prop (#16568) @himanshupathakpwd - [DialogTitle] Update default element from h6 to h2 (#16576) @dayander - [Grid] Generify props with component property (#16590) @JipingWang - [InputBase] Fix inconsistent filled state (#16526) @eps1lon - [InputBase] Improve documentation for custom `inputComponent` (#16399) @eps1lon - [Input] Add missing class keys in TypeScript (#16529) @dskiba - [MenuItem] Fix dense prop support (#16510) @sumedhan - [Modal] Use computed key to restore style (#16540) @neeschit - [Popper] Refactor to more commonly known react patterns (#16613) @eps1lon - [Ripple] Use custom transition logic (#16525) @eps1lon - [Slide] Remove gutter (#16533) @User195 - [TouchRipple] Convert to function component (#16522) @joshwooding - [Transition] The ref forwarding works (#16531) @oliviertassinari - [useMediaQuery] Accept function as argument & more (#16343) @merceyz ### `@material-ui/styles@v4.2.1` - [styles] Make theme optional for `styled` components (#16379) (#16478) @akomm - [core] Upgrade deepmerge (#16520) @TrySound ### `@material-ui/system@v4.3.1` - [core] Upgrade deepmerge (#16520) @TrySound ### `@material-ui/lab@v4.0.0-alpha.20` - [Rating] Add a new component (#16455) @oliviertassinari - [SpeedDialAction] Convert to hook (#16386) @adeelibr ### Docs - [docs] Add density guide to customizations (#16410) @eps1lon - [docs] Add sidebar alias to Drawer demo description (#16535) @mbrookes - [docs] Fix dead link (#16567) @sharils - [docs] Fix typo (#16561) @siowyisheng - [docs] Fix typo in advanced styles guide (#16593) @elquimista - [docs] Fix typo: change lakes to lacks (#16553) @davinakano - [docs] Remove from nextjs-with-typescript example (#16555) @virzak - [docs] Remove duplicate alts (#16564) @williammalone - [docs] Update migration v3 guide, slider in core (#16589) @elquimista - [docs] Update typo in docs - portals (#16592) @siowyisheng - [docs] Use LinkProps from next in examples (#16583) @Janpot - [example] Fix "@zeit/next-typescript" dependency missing (#16603) @nb256 - [examples] Update to support Next.js v9 (#16519) @Janpot - [blog] June 2019 Update (#16516) @oliviertassinari ### Core - [core] Fix docs:typescript:check (#16607) @merceyz - [core] Fix incorrect usage of HtmlHTMLAttributes (#16579) @whitneyit - [core] Re-export missing typings (#16490) @merceyz - [core] Remove all .defaultProps usages (#16542) @joshwooding - [core] Restrict setRef usage to ref callback (#16539) @eps1lon - [core] Upgrade convert-css-length (#16530) @TrySound - [core] Upgrade deepmerge (#16520) @TrySound - [core] Use useFormControl instead of withFormControlState (#16503) @eps1lon - [core] Batch small changes (#16532) @oliviertassinari - [test] Run queries on document.body (#16538) @eps1lon - [test] react-test-renderer coverage (#16523) @dondi - [ci] Create canaries (#16587) @eps1lon ## 4.2.0 ###### *July 6, 2019* Big thanks to the 24 contributors who made this release possible! Here are some highlights ✨: - ♿️ Fix the persisting aria-hidden logic of the Modal (#16392) @eps1lon. - 💄 Move the Slider component to the core (#16416). - 💄 Introduce a new TextareaAutosize component (#16362). - ⚛️ Migrate a few components to testing-library. - 🚀 Remove two dependencies (react-event-listener and debounce). - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.2.0` - [Tabs] Use the correct window reference (#16497) @NMinhNguyen - [Breadcrumbs] Add li to BreadcrumbsClassKey type (#16425) @le0nik - [ButtonBase] Fix anchors with href having a button role (#16397) @eps1lon - [ButtonBase] Improve test coverage (#16361) @eps1lon - [CardMedia] Change prop requirements to conform html picture semantics (#16396) @maeertin - [ClickAwayListener] Don't miss any click away events (#16446) @NMinhNguyen - [FormControl] Add useFormControlState (#16467) @eps1lon - [ListItemIcon] Add margin to line up when using flex-start (#16398) @slim-hmidi - [ListItemSecondaryAction] Add missing types for props spread (#16411) @nsams - [MenuItem] Fix type deceleration not using MenuItemClassKey (#16358) @merceyz - [Menu] Fix autoFocus to work correctly with keepMounted (#16450) @ryancogswell - [Modal] Fix persisting aria-hidden (#16392) @eps1lon - [Modal] Make the modal demo style more "agnostic" (#16385) @oliviertassinari - [Select] Fix node reference (#16401) @ffjanhoeck - [Slider] Fix small step regression (#16395) @alitaheri - [Slider] Fix textAlign prop affecting Slider rail (#16440) @mohan-cao - [Slider] Move to core (#16416) @oliviertassinari - [Tabs] Migrate to hooks (#16427) @oliviertassinari - [TextareaAutosize] Fix one possible case of infinite render loop (#16387) @ZYinMD - [TextareaAutosize] New public component (#16362) @oliviertassinari - [Tooltip] Fix arrow demos (#16412) @Favna ### `@material-ui/styles@v4.2.0` - [styles] Add test for removing styles via `overrides` (#16420) @eps1lon - [styles] Handle props of type any in styled (#16356) @merceyz - [styles] Support augmenting CSS properties (#16333) @merceyz ### `@material-ui/lab@v4.0.0-alpha.19` - [Slider] Move to core (#16416) @oliviertassinari ### Docs - [docs] Fix typo in TypeScript doc (#16365) @DDDDDanica - [docs] Add missing page title for translations (#16375) @jaironalves - [docs] Correct spelling imporant -> important (#16388) @rlfarman - [docs] Fix typo in customizing components (#16404) @YipinXiong - [docs] Fix typo in docs server (#16406) @thanasis00 - [docs] Fixed link to Button API in FAQ (#16370) @kxlow - [docs] Improve example of Custom Pagination Actions Table (#16472) @bigtone1284 - [docs] Minor improvements (#16423) @eps1lon - [docs] Reduce the headers font-size (#16433) @oliviertassinari - [docs] Remove compose helper (#16429) @oliviertassinari - [docs] Remove outdated references to the @next release (#16428) @davidoffyuy - [docs] Replace hardcoded content with translation (#16380) @eps1lon - [docs] Small ad information icon (#16438) @oliviertassinari - [docs] Update displayEmpty prop description in Select API docs (#16376) @bigtone1284 - [docs] Update testing guide (#16368) @eps1lon - [docs] Use full text of the code of conduct (#16417) @mbrookes - [docs] [TableCell] Fix padding and size property descriptions (#16378) @the-question ### Core - [test] Simpler createClientRender (#16461) @eps1lon - [ci] Move TypeScript tests into separate job (#16405) @eps1lon - [ci] Persist/Report only if previous steps succeeded (#16432) @eps1lon - [core] Improve test coverage (#16453) @eps1lon - [core] Speed-up typechecking (#16413) @merceyz ## 4.1.3 ###### *June 25, 2019* Big thanks to the 4 contributors who made this release possible! This is a quick release after a regression that occurred in 4.1.2. ### `@material-ui/core@v4.1.3` - [core] Revert strict mode compatible transition components (#16348) @eps1lon - [theme] Validate fontSize in createTypography (#16321) @merceyz ### `@material-ui/lab@v4.0.0-alpha.18` - [Slider] Fix label contrast color (#16350) @oliviertassinari ### Docs - [docs] Improve colors reliably (#16324) @oliviertassinari - [docs] Migrate batch of demos to hooks/typescript (#16334) @merceyz - [docs] Some fixes to the Link component page (#16345) @kyarik - [docs] Use latest size snapshot from master (#16342) @eps1lon ## 4.1.2 ###### *June 23, 2019* Big thanks to the 30 contributors who made this release possible! Here are some highlights ✨: - ♿️ Fix Select and Menu keyboard behavior (#16323). - 🚀 Reduce the Modal bundle size by -22% (5 kB) (#15839, #16254, #16262). - 💄 Remove noise from the material.io generated icons (#16258). - ⚛️ Extend StrictMode compatiblity to 25 more components (#16283). - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.1.2` - [ButtonBase] Fix dragging issue (#16250) @LukasMirbt - [Dialog] Prepare deprecation of withMobileDialog (#14992) @oliviertassinari - [Divider] Add aria role if it's not implicit (#16256) @eps1lon - [Grow][Zoom] Remove transform value when entered (#16297) @gijsbotje - [MenuList] Fix keyboard a11y when no item is focused when opening (#16323) @eps1lon - [Menu] Add missing `autoFocus` TypeScript types (#16289) @BassT - [Modal] Fix aria-hidden restore logic (#15839) @mackersD - [Modal] Migrate to hooks (#16254) @oliviertassinari - [Modal] Refactor tests to remove internal accesses (#16262) @oliviertassinari - [Select] Fix autowidth not working with open controlled (#16214) @jobpaardekooper - [Select] Fix display when no value is selected (#16294) @ianschmitz - [Select] Fix forward ref logic (#16296) @ffjanhoeck - [Select] Fix specificity issue (#16137) @aditya1906 - [Slide] Remove the transform property once open (#16281) @gijsbotje - [Snackbar] Fix type definition of autoHideDuration prop (#16257) @brunomonteirosud - [TextField] Fix media hover specificity issue (#16266) @arminydy - [TextField] Reduce specificity of notchedOutline (#16304) @romanr - [Textarea] Update height when maxRows prop changes (#16298) @tasinet - [TouchRipple] Fix ripple staying on fast updates (#16291) @eps1lon ### `@material-ui/icons@v4.2.1` - [icons] Remove noise from Google source (#16258) @oliviertassinari ### `@material-ui/system@v4.3.0` - [system] Add support for marginX, marginY, paddingX, and paddingY (#16169) @dimitropoulos - [system] Add visibility property to display (#16231) @aditya1906 ### `@material-ui/lab@v4.0.0-alpha.17` - [Slider] Fix onChangeCommitted firing on mouseenter (#16329) @cdcasey - [Slider] Fix various tick mark issues (#16275) @eps1lon - [Slider] Mitigate floating point errors (#16252) @joaosilvalopes ### `@material-ui/styles@v4.1.2` - [styles] Make StyleRules backwards compatible (#16200) @merceyz - [styles] Only run the check on the client-side (#16284) @oliviertassinari - [styles] Remove withTheme type from makeStyles options (#16217) @merceyz ### Docs - [docs] Add docs for Overflow, TextOverflow, WhiteSpace (#16170) @aditya1906 - [docs] Batch of fixes (#16229) @oliviertassinari - [docs] Better react-router-dom version comment (#16335) @kyarik - [docs] Convert SideEffects to hooks (#16197) @eps1lon - [docs] Fix IE 11 rendering issue on the pickers page (#16246) @oliviertassinari - [docs] Fix code example (#16279) @maslowproject - [docs] Fix links that point to the next branch (#16326) @Maxim-Mazurok - [docs] Fix outdated react-transition-group docs link (#16274) @eps1lon - [docs] Improve codevariant switch perf (#16211) @eps1lon - [docs] Include and explain value type change in migration guide (#16226) @eps1lon - [docs] Instapaper, fix contained+secondary button border (#16236) @patelnav - [docs] Material Sense is only using v3 (#16267) @josiahbryan - [docs] Migrate batch of demos to hooks/typescript (#16322) @merceyz - [docs] Remove import if there are no specifiers left (#16199) @merceyz - [docs] Fix a typo emooji -> emoji (#16286) @sabrinaluo - [example] Hooks are standards now, no need to mention it (#16288) @obedparla - [examples] Fix the styled-jsx integration of the Next.js examples (#16268) @lifeiscontent ### Core - [types] Explicitly use react types (#16230) @kdy1 - [test] Introduce @testing-library/react (#15732) @eps1lon - [core] Add MuiCardActionArea prop (#16235) @aditya1906 - [core] Add missing MuiTableHead and MuiTableBody type to theme.props (#16220) @merceyz - [core] Add missing exports from styles in core (#16311) @fzaninotto - [core] Change <> to (#16225) @aditya1906 - [core] Extend StrictMode compatiblity (#16283) @eps1lon - [core] Move size tracking to azure pipelines (#16182) @eps1lon - [core] Remove string from SpacingArgument in theme.spacing (#16290) @merceyz - [ci] Build packages in parallel for size snapshot (#16261) @eps1lon - [ci] Run azure on master (#16207) @eps1lon - [ci] Use sinon browser build (#16208) @eps1lon ## 4.1.1 ###### *June 13, 2019* Big thanks to the 10 contributors who made this release possible! Here are some highlights ✨: - 🐛 Fix react-hot-loader regression (#16195). - 🐛 Fix TypeScript icons regression (#16139) @MayhemYDG. - 🐛 Fix withWidth regression (#16196). - 💄 Add Slider range support (#15703). - And many more 📚 improvements. ### `@material-ui/core@v4.1.1` - [ButtonBase] Fix riple not stoping on mouse up (#16142) @joaosilvalopes - [useMediaQuery] Defensive logic against matchMedia not available (#16196) @oliviertassinari - [Typography] Fix variantMapping rejecting partial type (#16187) @eps1lon ### `@material-ui/styles@v4.1.1` - [styles] Fix react-hot-loader regression (#16195) @oliviertassinari ### `@material-ui/icons@v4.2.0` - [icons] Fix generated index.d.ts (#16139) @MayhemYDG - [icons] Update and clean the icons (#16166) @oliviertassinari ### `@material-ui/lab@v4.0.0-alpha.16` - [Slider] Support range (#15703) @oliviertassinari ### `@material-ui/system@v4.2.0` - [system] Add overflow, textOverflow, whiteSpace properties (#16129) @aditya1906 - [system] Add remaining flexbox properties (#16164) @aditya1906 ### Docs - [docs] Add 700 font weight support (#16141) @aditya1906 - [docs] Change http to https part 2 (#16171) @aditya1906 - [docs] Fix build on windows (#16154) @merceyz - [docs] Fix small typos in v3->v4 migration guide (#16174) @charlax - [docs] Improve the CssBaseline description (#16148) @levigunz - [docs] Lowercase text to demo text-transform (#16160) @blmoore - [docs] Pseudo-class: the style rules that require an increase of specificity (#16120) @oliviertassinari - [docs] Remove `CSS to MUI webpack Loader` (#16175) @sabrinaluo - [docs] import Omit Type from @material-ui/types (#16157) @aditya1906 ### Core - [core] Add TypeScript types for styled (#16133) @merceyz - [core] Fix withStyles not including props (#16134) @merceyz - [core] Fix yarn docs:api removing
tags on windows (#16165) @merceyz - [core] Remove bootstrap v4-alpha (#16177) @aditya1906 ## 4.1.0 ###### *June 10, 2019* A big thanks to the 26 contributors who made this release possible! Here are some highlights ✨: - 💄 A new ButtonGroup component (#15744) @mbrookes. - 💄 New system props (flex, fontStyle, letterSpacing, lineHeight) (#16045, #16109) @ljvanschie, @aditya1906. - 📚 Fix the documentation notification spam (#16070). - 💄 A new fontWeightBold typography theme value (#16036) @aditya1906. - 🚀 Reduce TypeScript compile time when using the icons (#16083) @phryneas. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@v4.1.0` - [ButtonGroup] New component (#15744) @mbrookes - [TextField] Improve dense height to better match the specification (#16087) @Ritorna - [Popper] Add popperRef prop (#16069) @oliviertassinari - [theme] Add fontWeightBold to theme.typography (#16036) @aditya1906 - [LinearProgress] Fix direction issue in RTL (#16009) @mkermani144 - [Dialog] Fix double scroll issue (#16108) @williamsdyyz - [Popper] Fix anchorEl prop types (#16004) @dan8f - [Snackbar] Fix wrong event call (#16070) @oliviertassinari - [SwipeableDrawer] Convert to function component (#15947) @joshwooding - [Tab] Improve the textColor description (#16085) @sPaCeMoNk3yIam - [withWidth] Migrate to hooks (#15678) @jacobbogers ### `@material-ui/system@v4.1.0` - [system] Add flex to FlexboxProps type definitions (#16045) @ljvanschie - [system] Add fontStyle, letterSpacing, lineHeight props (#16109) @aditya1906 - [system] Fix breakpoints TypeScript types (#15720) @Kujawadl ### `@material-ui/styles@v4.1.0` - [styles] Allow CSS properties to be functions (#15546) @merceyz - [styles] Fix styled type definition not including properties (#15548) @merceyz - [styles] Upgrade jss (#16121) @eps1lon ### `@material-ui/icons@v4.1.0` - [icons] Simplify generated index.d.ts to reduce TS compile time (#16083) @phryneas ### Docs - [blog] May 2019 Update (#16117) @oliviertassinari - [docs] Minor typo correction (#16115) @tonytino - [docs] Add AdaptingHook TypeScript demo (#16131) @merceyz - [docs] Add global override demos (#16067) @oliviertassinari - [docs] Add redirect for typography migration (#16077) @eps1lon - [docs] Add system example for prop + theme key (#16099) @peteruithoven - [docs] Batch of small fixes (#16061) @oliviertassinari - [docs] Bump material-table and @material-ui/pickers versions (#16039) @eps1lon - [docs] Change http to https (#16056) @aditya1906 - [docs] Fix bundle doc typos (#16054) @DDDDDanica - [docs] Fix chip array removal (#16086) @joaosilvalopes - [docs] Fix grammar in migration doc (#16064) @DDDDDanica - [docs] Fix some warnings/regressions (#16106) @eps1lon - [docs] Fix spelling and usage of MuiCssBaseline (#16098) @tschaub - [docs] Fix typo in the Gatsby example (#16130) @bernardwang - [docs] Make demos linkable (#16063) @eps1lon - [docs] Migrate Popover demo to Hooks (#16074) @nikhilem - [docs] Migrate batch of demos to hooks/typescript (#16003) @merceyz - [docs] Move the themes to themes.material-ui.com (#15983) @oliviertassinari - [docs] Remove duplicate font icons instruction (#16066) @hubgit - [docs] Remove extraneous link to migration helper (#16082) @charlax - [docs] Remove unsupported textDense styles (#16057) @sadika9 - [docs] Revert unreleased changes to the useMediaQuery API (#16127) @oliviertassinari - [docs] Update translations (#16125) @mbrookes - [docs] Upgrade notistack and migrate the demo to hooks (#16124) @merceyz - [docs] Use immediate export in MenuAppBar.js (#16032) @aditya1906 - [docs] Use immediate export when there is no HOC part 2 (#16038) @merceyz ### Core - [core] Fix incorrect typings for hexToRgb (#16059) @whitneyit - [core] Fix type definition for theme.spacing (#16031) @merceyz - [core] Remove direct type dependency to jss/csstype (#16071) @eps1lon - [core] Remove export of describeConformance (#16048) @eps1lon - [core] Use only up to second level path imports (#16002) @eps1lon - [test] Bump karma-webpack (#16119) @eps1lon ## 4.0.2 ###### *June 3, 2019* A big thanks to the 30 contributors who made this release possible! Here are some highlights ✨: - 🐛 A second stability release after the release of v4.0.0. - 💄 Add a new size="small" prop to the Chip component (#15751) @mbrookes. - 🐛 Fix three IE 11 issues (#15921, #15952, #15967) @eps1lon, @rupert-ong, @ryancogswell - And many more 📚 improvements. ### `@material-ui/core@v4.0.2` - [Box] Fix prop-types and TypeScript warnings (#15884) @eps1lon - [Breadcrumbs] Add theme props and override TypeScript definitions (#15950) @chrislambe - [Chip] Add size prop for small option (#15751) @mbrookes - [Container] Document the classes API (#15919) @divyanshutomar - [Dialog] Improve scroll=body CSS logic (#15896) @DominikSerafin - [Link] Better support of component="button" (#15863) @ianschmitz - [Popover] Convert to function component (#15623) @joshwooding - [Portal] Synchronously call onRendered (#15943) @Arlevoy - [Radio] Fix dot misalignment in IE11 (#15952) @rupert-ong - [theme] Return default value for spacing when no args provided (#15891) @mbrookes - [TrapFocus] Fix error restoring focus when activeElement is null (#15967) @ryancogswell - [core] Export useMediaQuery & useScrollTrigger in index.js (#15958) @adeelibr - [core] Migrate extend ButtonBaseProps typings (#15869) @joshwooding ### `@material-ui/styles@v4.0.2` - [styles] Remove warning when component with no displayName is provided (#15913) @eps1lon - [styles] Fix createStyles for TypeScript v3.5 (#15990) @merceyz ### `@material-ui/system@v4.0.2` - [system] Fix typing for flexDirection prop (#15987) @rhmoller ### `@material-ui/lab@v4.0.0-alpha.15` - [lab] Consume correct core utils in lab (#15995) @TrySound ### `@material-ui/codemod@v4.0.2` - [codemod] Improve theme codemod to handle destructured theme.spacing (#15916) @sviande ### Docs - [docs] Add React + Material-UI + Firebase as an example project (#15915) @Phoqe - [docs] Batch of fixes (#15996) @oliviertassinari - [docs] Fix a typo within pricing page layout example (#15978) @sdornan - [docs] Fix broken JSS links (#15972) @timkindberg - [docs] Fix most lighthouse a11y issues in input demos (#15780) @eps1lon - [docs] Fix typo (#15975) @rick-software - [docs] Fix wrong variable name (styles => useStyles) (#15908) @hiromoon - [docs] Icon TypeScript demos (#15965) @goldins - [docs] Improve dark mode (#15944) @eps1lon - [docs] Improve interactive performance (#15874) @eps1lon - [docs] Improve lighthouse a11y score in demos (#15901) @eps1lon - [docs] Mention Virtuoso as a possible virtualization integration (#15934) @petyosi - [docs] Migrate Grid demos to hooks (#15970) @merceyz - [docs] Migrate Hidden demos to hooks (#15989) @merceyz - [docs] SignIn -> SignUp typo (#15966) @Hatko - [docs] Update FUNDING.yml with Tidelift string (#15981) @jeffstern - [docs] Update the translations (#15991) @mbrookes - [docs] v4 Migration doc slight clean up (#15886) @mlenser - [example] Fix ssr example to work on Windows (#15949) @petervaldesii - [example] Fix theme palette value (#15977) @vaidehi27 - [docs] Fix syntax error in v3 migration guide (#16010) @zhuangya - [docs] Use immediate export when there is no HOC (#16005) @merceyz ### Core - [core] Add dependency react>=16.3.0 requested by @emotion/core and react-js (#15982) @marco-silva0000 - [core] Fix IE 11 crashes related to Object.assign (#15921) @eps1lon - [core] Minor fixes (#15875) @joshwooding - [core] Remove export of internal test-utils (#15895) @eps1lon - [core] Update babel-plugin-optimize-clsx (#15894) @merceyz - [core] Upgrade rollup and related plugins (#15939) @merceyz - [ci] Move static tests into separate job (#15890) @eps1lon - [core] Upgrade dependencies with esm support (#16000) @TrySound ## 4.0.1 ###### *May 27, 2019* A big thanks to the 23 contributors who made this release possible! Here are some highlights ✨: - 🐛 A stability release after the release of v4.0.0. - 🤖 A new codemod to migrate the theme.spacing.unit API (#15782) @joshwooding. - 🐛 Fix IE 11 crash (#15856) @aditya1906. - 📚 Clean up the documentation after the next -> master migration. ### `@material-ui/core@v4.0.1` - [Buttons] Consolidate ripple props type declarations (#15843) @lychyi - [IconButton] Add disable ripple props (#15864) @lychyi - [ListItemText] Update classes type definitions (#15822) @davjo664 - [Tabs] Hide scrollbar on MacOS (#15762) @Umerbhat - [Tooltip] Fix alignment issues (#15811) @pkmnct - [styles] Add MuiLink to ComponentsPropsList (#15814) @stuartgrigg ### `@material-ui/icons@v4.0.1` - [icons] Fix the TypeScript definition of createSvgIcon (#15861) @alexkirsz ### `@material-ui/codemod@v4.0.1` - [codemod] Create spacing api codemod (#15782) @joshwooding ### `@material-ui/styles@v4.0.1` - [styles] Fix Symbol() usage in IE11 (#15856) @aditya1906 ### `@material-ui/lab@v4.0.0-alpha.14` - [lab] Add missing clsx calls (#15809) @merceyz ### Docs - [docs] Add SECURITY.md (#15804) @oliviertassinari - [docs] Add Transitions header in the dialogs page (#15847) @prasook-jain - [docs] Add extendedFab migration (#15866) @chanand - [docs] Add missing Breadcrumbs CSS API (#15813) @joshwooding - [docs] Correctly fix the Google Ad issue @oliviertassinari - [docs] Fix Boolan -> Boolean (#15880) @jaironalves - [docs] Fix Link import (#15871) @bennyn - [docs] Fix deploy command @oliviertassinari - [docs] Fix empty v4 blog post link (#15831) @drac - [docs] Fix typo in styles advanced guide (#15844) @mgvparas - [docs] Follow the documentation, my bad @oliviertassinari - [docs] Global at rule is called font-face (#15865) @aditya1906 - [docs] Hide the Ad fallback to Google (#15815) @oliviertassinari - [docs] Improve SEO structure @oliviertassinari - [docs] Improve lighthouse performance score (#15758) @eps1lon - [docs] Let's take our time, we don't need to rush v5 (#15826) @oliviertassinari - [docs] Minor fixes (#15836) @mbrookes - [docs] Minor improvements to codesandbox demos and examples (#15857) @eps1lon - [docs] Move links to the master branch (#15830) @oliviertassinari - [docs] Redirect next.material-ui.com to material-ui.com (#15838) @mbrookes - [docs] Update Installation.md for v4.0.0 (#15818) @hinsxd - [docs] Update the translations (#15807) @mbrookes - [docs] Update the v4 blog post (#15862) @mbrookes - [docs] Update translations (#15841) @mbrookes - [docs] Use makeStyles from core in layout examples (#15845) @divyanshutomar - [docs] Fix typo in README (#15817) @ammaristotle - [example] Update gatsby-plugin-material-ui dependency (#15810) @hupe1980 ### Core - [core] Add cross-env to docs:size-why (#15816) @merceyz - [core] Change the top package name so we get the number of dependents packages @oliviertassinari - [core] Fix not appearing in github used/dependents (#15859) @eps1lon - [core] Prepare focus visible polyfill in ref phase (#15851) @eps1lon - [core] Remove babel-node for server/shared modules (#15764) @cvanem - [core] Remove dependency on workspace (#15849) @eps1lon - Create FUNDING.yml @oliviertassinari - [test] Remove FontAwesome from screenshot tests (#15853) @eps1lon ## 4.0.0 ###### *May 23, 2019* [Material-UI v4 is out 🎉](https://medium.com/material-ui/material-ui-v4-is-out-4b7587d1e701) Some statistics with v4 compared to the release of v1 one year ago: - From 300k downloads/month to 2M downloads/month on npm - From 90k users/month to 350k users/month on the documentation ### `@material-ui/lab@v4.0.0-alpha.13` - [ToggleButtonGroup] Added missing size prop to type declarations (#15785) @CoolCyberBrain ### `@material-ui/system@v4.0.0` - [system] Add missing TypeScript types for flexbox and shadows (#15781) @willbamford ### Docs - [docs] Add remaining TypeScript component demos (#15755) @eps1lon - [docs] Fix Nav components subsections to be open by default (#15749) @mbrookes - [docs] Fix some gramma in testing doc (#15776) @DDDDDanica - [docs] Fix some grammar in right to left guide (#15789) @DDDDDanica - [docs] Fix typo (#15792) @retyui - [docs] Material-UI v4 is out (#15766) @oliviertassinari - [docs] Reference the article with it's full name in icon doc (#15796) @DDDDDanica - [docs] Revert the marked change (#15797) @oliviertassinari ### Core - [core] Change cssutils responsiveProperty unit type (#15783) @eddiemonge ## 4.0.0-rc.0 ###### *May 20, 2019* A big thanks to the 17 contributors who made this release possible! We have done the very last breaking changes (nothing significant). The release of v4 is imminent, stay tuned! ### `@material-ui/core@v4.0.0-rc.0` ### Breaking changes - [ClickAwayListener] Fix scrollbar interaction (#15743) @Umerbhat ```diff - + ``` We recommend the default value since `mouseup` will be triggered by clicks on scrollbars. - [Tabs] Hide scrollbar buttons when possible (#15676) @whitneymarkov ```diff - + ``` - [Tabs] Remove deprecated fullWidth and scrollable props (#15670) @mbrookes ```diff - + ``` ### Changes - [ButtonBase] Convert to function component (#15716) @eps1lon - [CssBaseline] Fix wrong default font weight (#15747) @oliviertassinari - [InputBase] Convert to function component (#15446) @adeelibr - [Popups] Allow Element as anchor el (#15707) @eps1lon - [Portal] Fix disablePortal not working (#15701) @imdaveead - [Radio] Animate the check state change (#15671) @imdaveead - [Tabs] Remove deprecated fullWidth and scrollable props (#15670) @mbrookes - [Tabs] Update rendering of auto-scrollable buttons (#15676) @whitneymarkov - [Tabs] Update onChange docs to match types (#15672) @jharrilim - [ToggleButtonGroup] Add size prop (#15644) @isaacblinder ### `@material-ui/icons@v4.0.0-rc.0` - [icons] Forward ref (#15683) @eps1lon ### `@material-ui/lab@v4.0.0-alpha.12` - [SpeedDial] Convert to function component (#15737) @jeongsd ### Docs - [docs] Add showcase criteria (#15686) @cvanem - [docs] Document if a component is StrictMode compatible (#15718) @eps1lon - [docs] Fix "enebles" typo on Palette page (#15719) @sbward - [docs] Fix a typo (#15709) @designorant - [docs] Fix Algolia top level duplication (#15738) @oliviertassinari - [docs] Fix typo and formatting in app-bar demo (#15723) @flying-sheep - [docs] Overhaul bundle size guide (#15739) @eps1lon - [docs] Persist the side nav scroll (#15704) @oliviertassinari - [docs] Port blog to next (#15711) @mbrookes - [docs] Simplify /related-projects (#15702) @pinturic - [docs] Use pickers from material-ui namespace (#15691) @eps1lon - [docs] Warn about ButtonBase#disableRipple and a11y (#15740) @eps1lon - [docs] Add ClickAwayListener breaking change (#15753) @eps1lon - [docs] Core a11y improvements (#15748) @eps1lon - [docs] Fix some apostrophe in TypeScript doc (#15757) @DDDDDanica ### Core - [test] Colocate shadow root test for focus visible with implementation (#15712) @eps1lon - [test] Extend StrictMode tests (#15714) @eps1lon - [core] Add missing fontStyle type to TypographyStyle (#15733) @merceyz ## 4.0.0-beta.2 ###### *May 13, 2019* A big thanks to the 13 contributors who made this release possible! This is a stability release preparing v4. ### `@material-ui/core@v4.0.0-beta.2` - [Box] Add export to barrel (index.js) (#15602) @ljvanschie - [ButtonBase] Extend error message for invalid `component` prop (#15627) @eps1lon - [Select] Add to docs that options must be direct descendants (#15619) @bh1505 - [SwipeableDrawer] Remove internal accesses in the tests (#15469) @joshwooding - [Tabs] scrollButtons have an empty button error in compliance tools (#15646) @elnikolinho - [useScrollTrigger] Enhance trigger, improve tests (#15634) @cvanem ### `@material-ui/styles@v4.0.0-beta.2` - [styles] Fix warning false positive (#15595) @oliviertassinari - [styles] Keep MuiThemeProvider for backward compatibility (#15650) @oliviertassinari ### `@material-ui/system@v4.0.0-beta.2` - [system] Fix css function rejecting certain prop types (#15611) @eps1lon ### `@material-ui/lab@v4.0.0-alpha.11` - [SpeedDial] Fix classname override logic (#15652) @janhesters ### Docs - [docs] Add custom default props handler (#15473) @eps1lon - [docs] Add next page link (#15656) @mbrookes - [docs] Add QuintoAndar in the showcase (#15622) @oliviertassinari - [docs] Fix dead David DM badges in README (#15667) @mbrookes - [docs] Fix few grammar issues (#15643) @DDDDDanica - [docs] Fix plural spelling (#15613) @cvanem - [docs] Fix some dev-only warnings (#15640) @eps1lon - [docs] Fix the adapting makeStyles based on props example syntax (#15621) @devarsh - [docs] Improve installation instructions for running the docs locally (#15608) @andreawaxman - [docs] Improve v3 migration guide (#15615) @eps1lon - [docs] Link edit page button to github editor (#15659) @mbrookes - [docs] Miscellaneous polish (#15665) @eps1lon - [docs] Reorganize the structure (#15603) @mbrookes - [docs] Update the translations (#15653) @mbrookes ### Core - [core] Drop partial chrome 41 support (#15630) @eps1lon - [core] Optimize clsx usage (#15589) @merceyz - [core] Remove react-event-listener from function components (#15633) @joshwooding - [core] Upgrade the dev dependencies (#15590) @oliviertassinari ## 4.0.0-beta.1 ###### *May 5, 2019* A big thanks to the 19 contributors who made this release possible! Here are some highlights ✨: - 🐛 Many bug fixes based on people migrating from v3 to v4. - 💄 Responsive font sizes (#14573) @n-batalha. - 💄 AppBar scroll behavior (#15522) @cvanem. - ♿️ Better Button and Tooltip keyboard behavior (#15398, #15484) @eps1lon. - And many more 🔍 TypeScript fixes and 📚 documentation improvements. ### `@material-ui/core@v4.0.0-beta.1` ### Bug fixes / Breaking changes - [ListItem][ExpansionPanel] Follow the style convention (#15534) @oliviertassinari Fix a CSS override issue. - [Tooltip] Display only on keyboard focus (#15398) @eps1lon Fix an accessibility issue. ### Changes - [AppBar] Hide and Elevate on Scroll (#15522) @cvanem - [Box] Add to core index TypeScript definitions (#15576) @ljvanschie - [ButtonBase] Use fork of focus-visible polyfill (#15484) @eps1lon - [Menu] Add 'variant' prop TypeScript declaration (#15556) @kunimart - [MenuList] Ignore disableListWrap for text focus navigation (#15555) @ryancogswell - [Portal] Migrate to React hooks (#15399) @gautam-pahuja - [TableCell] Fix TypeScript declaration of the 'padding' prop (#15516) @kunimart - [TableCell] Update TypeScript definitions (#15541) @ljvanschie - [TablePagination] Use OverridableComponent in TypeScript declarations (#15517) @kunimart - [Tabs] Fix aria-label issue on the demos (#15507) @amangalvedhekar - [theme] Responsive font sizes (#14573) @n-batalha - [Transition] Fix false-positive ref warning (#15526) @eps1lon - [Badge] Handle undefined badgeContent rendering empty bubble (#15581) @Naismith ### `@material-ui/styles@v4.0.0-beta.1` - [styles] Create a new JSS instance with injectFirst (#15560) @oliviertassinari - [core] Set default theme type for makeStyles (#15549) @merceyz - [core] Set default theme type for useTheme (#15538) @merceyz ### `@material-ui/types@v4.0.0-beta.2` - [types] Add @material-ui/types package (#15577) @eps1lon ### `@material-ui/system@v4.0.0-beta.1` - [system] Test types (#15575) @eps1lon ### `@material-ui/lab@v4.0.0-alpha.10` - [Slider] Save focus after click (#15439) @jztang ### Docs - [example] Fix TypeScript compilation error (#15550) @emmtqg - [docs] Add DelayingApperance TypeScript demo (#15551) @merceyz - [docs] Convert react-autosuggest demo to TypeScript (#15485) @nareshbhatia - [docs] Document v4 theme.spacing.unit deprecation (#15571) @cvanem - [docs] Extract inherited component from test (#15562) @eps1lon - [docs] Fix Draggable Dialog interactions with the content (#15552) @devdanco - [docs] Fix outdated links & demos (#15521) @oliviertassinari - [docs] Fix typechecking (#15501) @merceyz - [docs] Fix typography demo in dark mode (#15591) @jztang - [docs] Improve v3 migration guide (#15527) @janhesters - [docs] Migrate more demos to hooks (#15494) @merceyz - [docs] Remove NoSsr where possible (#15510) @oliviertassinari - [docs] Simplify wording for customization demo descriptions (#15539) @mbrookes - [docs] Update Changelog (#15567) @oliviertassinari - [docs] Updated v3 Migration guide (#15518) @vkasraj ### Core - [core] Add additional warnings when attaching ref to function elements (#15519) @eps1lon - [core] Add ref prop to transition components (#15520) @eps1lon - [core] Better handle theme.overrides pseudo-classes (#15578) @oliviertassinari - [core] Fix createStyles not being defined (#15547) @pvdstel ## 4.0.0-beta.0 ###### *Apr 28, 2019* A big thanks to the 21 contributors who made this release possible! Here are some highlights ✨: - ♿️ Significantly improve the keyboard behavior of the menu (#15360, #15495) @ryancogswell. - 💅 Generate global class names (#15140) @oliviertassinari. - 📦 Add example integration with Preact (#15401). - 🔥 Continue the TypeScript and hook demos migration @merceyz, @bh1505, @donigianrp, @eluchsinger, @eps1lon, @lksilva. - 🎀 4 more core components migrated from Classes to Hooks @joshwooding. - 📦 Reduce the cost of using the Modal by -74% standalone (#15466). - And many more 🐛 bug fixes and 💄 improvements. The library has entered the beta phase of v4. We are grateful to all the contributors that have helped us so far. We will focus or effort on the stability of the library for the next two weeks. We don't plan more breaking changes, at the exception of changes that are required to fix bugs or that have minor impacts. We hope we can release v4 on May 15th, one year after v1. Please try the beta out! You can find an [upgrade guide](https://material-ui.com/guides/migration-v3/) to ease the transition. You will learn more about v4 in the final release blog post and our plans for the future. ### `@material-ui/core@v4.0.0-beta.0` #### Breaking Changes - [styles] Generate global class names (#15140) @oliviertassinari Remove the dangerouslyUseGlobalCSS options (makes it the default behavior). - [Modal] -74% bundle size reduction when used standalone (#15466) @oliviertassinari Remove the classes customization API for the Modal component. - [core] Remove RootRef usage (#15347) @joshwooding The Modal and Dialog child needs to be able to hold a ref. ```diff class Component extends React.Component { render() { return
} } -const MyComponent = props =>
+const MyComponent = React.forwardRef((props, ref) =>
);
``` - [ClickAwayListener] Hide react-event-listener (#15420) @oliviertassinari - [Slide] Convert to function component (#15344) @joshwooding The child needs to be able to hold a ref. ```diff class Component extends React.Component { render() { return
} } -const MyComponent = props =>
+const MyComponent = React.forwardRef((props, ref) =>
);
``` #### Changes - [TextField] Update labelWidth for outline variant if required is updated (#15386) @dmiller9911 - [Breadcrumbs] Fix types and enable component generic props (#15414) @Atralbus - [TextField] Pass rowsMin prop to underlying abstractions (#15411) @pachuka - [SelectInput] Convert to function component (#15410) @joshwooding - [Link] Improve TypeScript integration with react-router (#15412) @pachuka - [ButtonBase] Remove dead style (#15503) @koshea - [Menu] Improve performance and add support for variants (#15360) @ryancogswell - [MenuList] Add text keyboard focus navigation (#15495) @ryancogswell - [Modal] -74% bundle size reduction (#15466) @oliviertassinari - [Paper] Fix color inheritance issue using nested themes (#15465) @mustafahlvc - [Popper] Convert to function component (#15405) @joshwooding - [Radio][Checkbox] Revert breaking changes (#15483) @oliviertassinari - [Select] Display 0 as a valid value, fix a propType warning (#15468) @Princezhm - [Slider] Add Customized Slider Demo (#15478) @bh1505 - [Snackbar] Convert to function component (#15504) @adeelibr - [Textarea] Fix cursor jump (#15436) @oliviertassinari - [Textarea] Remove rowsMin prop (#15430) @pachuka ### `@material-ui/styles@v4.0.0-beta.0` - [styles] Add type test for withStyles + ref (#15383) @eps1lon - [styles] Warn if @material-ui/styles is duplicated (#15422) @oliviertassinari - [styles] Generate global class names (#15140) @oliviertassinari ### Docs - [docs] Add Button + react-router TypeScript demo (#15382) @eps1lon - [docs] Add CustomizedSwitches TypeScript demo (#15424) @donigianrp - [docs] Add Interactive List TypeScript demos (#15416) @lksilva - [docs] Add Nested List and Switch List Secondary TypeScript demos (#15493) @bh1505 - [docs] Add ref vs dom node prop explanation (#15458) @eps1lon - [docs] Add Selected List Item to TypeScript demos (#15417) @lksilva - [docs] Add SkipNav (#15409) @mbrookes - [docs] Add some Selection-Controls TypeScript demos (#15408) @bh1505 - [docs] Add switches TypeScript demo (#15384) @JarkEMones - [docs] Add TypeScript demo for hook+props based styling (#15459) @eps1lon - [docs] Document Tooltip breaking changes (#15403) @joshwooding - [docs] Fix modal demo jumping on cursor move (#15462) @eps1lon - [docs] Improve CSS Grid documentation (#15477) @dmwyatt - [docs] Improved demo transpiling (#15438) @merceyz - [docs] material-table demo: persist the changes (#15392) @mbrn - [docs] Migrate Divider demos to hooks (#15490) @merceyz - [docs] Migrate Drawer demos to hooks (#15487) @merceyz - [docs] Migrate List demos to hooks (#15488) @merceyz - [docs] Migrate Paper demos to hooks (#15489) @merceyz - [docs] Migrate picker demos to hooks (#15390) @merceyz - [docs] Migrate Table demos to hooks (#15486) @merceyz - [docs] Migrate TextField demos to hooks (#15434) @merceyz - [docs] Remove unused imports and declarations (#15479) @merceyz - [docs] Separate out selection controls to own pages (#15427) @mbrookes - [docs] Small grammar fix for Menu (#15475) @mbrookes - [docs] Transfer List TypeScript Demo (#15419) @eluchsinger - [example] Add preact-next example (#15401) @oliviertassinari - [example] Fix gatsby-next (#15406) @TheHolyWaffle ### Core - [core] Fix the CI fail (#15428) @oliviertassinari - [ci] Fail when demos are only available in TS (#15460) @eps1lon - [core] Fix useLayoutEffect warnings on the server (#15463) @eps1lon - [core] Minor nitpicks (#15432) @joshwooding - [core] Use terser for minification in umd bundle (#15491) @eps1lon - [test] Conform components forward ref to root component (#15425) @eps1lon - [test] Fix a flaky test (#15445) @oliviertassinari - [test] Keep track of the bundle size of TrapFocus (#15453) @oliviertassinari ## 4.0.0-alpha.8 ###### *Apr 17, 2019* A big thanks to the 27 contributors who made this release possible! Here are some highlights ✨: - 🔥 Many new TypeScript & hook demos @donigianrp, @sperry94, @jasondashwang, @cahilfoley, @bh1505 and @kenzhemir - 🎀 5 more core components migrated from Classes to Hooks @joshwooding, @oliviertassiari. - 📐 Update the List to better match the Material Design specification. - 🎁 Add new TransferList component @mbrookes. - And many more 🐛 bug fixes and 💄 improvements. We hope the next release can be 4.0.0-beta.0. Here are the last breaking changes we want to introduce: - Remove the `dangerouslyUseGlobalCSS` option (make it the default behavior) (#15140) - Require the Slide and Modal child element to be able to hold a ref (#15344, #15347) - Hide the EventListener dependency of ClickAwayListener (#15126) We have done a lot of changes in the alpha phase. The beta phase will be used to stabilize the library, we might have introduced bugs. We will encourage people to try the beta out. We hope the migration will be smooth [with the upgrade guide](https://material-ui.com/guides/migration-v3/). We hope 2-3 weeks of beta will be enough. We plan on releasing v4 stable in May. ### `@material-ui/core@v4.0.0-alpha.8` #### Breaking Changes - [Paper] Reduce the default elevation (#15243) @oliviertassinari Change the default Paper elevation to match the Card and the Expansion Panel: ```diff - + ``` - [List] Update to match the specification (#15339) @oliviertassinari Rework the list components to match the specification: - The usage of the `ListItemAvatar` component is required when using an avatar - The usage of the `ListItemIcon` component is required when using a left checkbox - The `edge` property should be set on the icon buttons. - [actions] Rename disableActionSpacing to disableSpacing (#15355) @oliviertassinari - [CardActions] Rename the `disableActionSpacing` prop `disableSpacing`. - [CardActions] Remove the `disableActionSpacing` CSS class. - [CardActions] Rename the `action` CSS class `spacing`. - [DialogActions] Rename the `disableActionSpacing` prop `disableSpacing`. - [DialogActions] Rename the `action` CSS class `spacing`. - [ExpansionPanelActions] Rename the `action` CSS class `spacing`. - [Tooltip] Convert to function component (#15291) @joshwooding The child of the `Tooltip` needs to be able to hold a ref ```diff class Component extends React.Component { render() { return
} } -const MyComponent = props =>
+const MyComponent = React.forwardRef((props, ref) =>
);
``` #### Changes - [ScrollbarSize] Convert to function component (#15233) @joshwooding - [InputBase] Fix placeholder bug in Edge (#15267) @rodrigolabs - [TransferList] Add new component (#15232) @mbrookes - [withMobileDialog] Improve types (#15276) @eps1lon - [Collapse] Convert to function component (#15248) @joshwooding - [DialogContent] Add divider prop type for TypeScript (#15273) @sperry94 - [Tab] Remove outdated classes from the definitions (#15297) @zheeeng - [Tooltip] Suppress disabled button warning when controlled (#15304) @tasinet - [typescript] Generic props for FormControl, FormLabel, List (#15292) - [Select] Fix incorrect event.target type in onChange (#15272) @sperry94 - [Popper] Fix to defer setting of exited state to Transition component (#15250) @Sharakai - [Modal] Fix to defer setting of exited state to Transition component (#15266) @Sharakai - [InputBase] Fix onFilled/onEmpty being called during render (#15319) @eps1lon - [Tooltip] Convert to function component (#15291) @joshwooding - [Ripple] Convert to function component (#15345) @joshwooding - [Textarea] Refactor the implementation (#15331) @oliviertassinari - [Modal] Add reason parameter to onClose function signature (#15373) @JarkEMones - [Box] Test props to attributes forwarding (#15365) @eps1lon - [Container] Add component prop for TypeScript (#15369) @Amere - [Popper] Fix popperOptions prop (#15359) @jaipe ### `@material-ui/styles@v4.0.0-alpha.8` - Fix dependency duplication issue @oliviertassinari - [styles] Improve typings for makeStyles (#15366) @geirsagberg ### `@material-ui/system@v4.0.0-alpha.8` - [system] Add types (#15357) @eps1lon ### `@material-ui/docs@v4.0.0-alpha.8` - [NProgressBar] Add types (#15380) @eps1lon ### Docs - [docs] Fix layout glitch when changing sort-by in showcases (#15255) @thomasnordquist - [docs] Add Checkbox TypeScript demo (#15222) @donigianrp - [docs] Add CheckboxLabel TypeScript demo (#15237) @donigianrp - [docs] Adding Most Stepper TypeScript Demos (#15223) @sperry94 - [docs] Add CustomInputBase TypeScript demo (#15209) @jasondashwang - [docs] Add most Drawer TypeScript demos (#15119) @cahilfoley - [docs] Slight grammar changes to color.md (#15257) @raybooysen - [docs] Document sharing makeStyles between components (#15234) @johnraz - [docs] Improve the @material-ui/styles documentation (#15236) @oliviertassinari - [docs] Add CheckboxesGroup TypeScript demo (#15228) @donigianrp - [docs] Delete legacy lab/layout (#15285) @mbrookes - [docs] Proof the Styles section (#15268) @mbrookes - [docs] Enable react profiling in production (#15282) @eps1lon - [docs] Improve table demos (#15281) @eps1lon - [docs] Add ClippedDrawer TypeScript demo (#15284) @cahilfoley - [docs] Add most Dialog TypeScript demos (#15271) @sperry94 - [docs] Who's using Material-UI? (#15301) @mbrookes - [examples] Fix HTML end tag (#15293) @raybooysen - [docs] Update version filter (#15307) @mbrookes - [docs] Removed styled-components in gatsby-next dependencies (#15313) @tatchi - [docs] Improve ServerStyleSheets documentation (#15287) @raymondsze - [docs] Add Select TypeScript demos (#15288) @cahilfoley - [docs] Fix placeholder position in react-select demo (#15332) @merceyz - [docs] Add some List TypeScript demos (#15323) @bh1505 - [docs] Disable the table of content on a few pages (#15338) @oliviertassinari - [docs] Document ref forwarding (requirements) (#15298) @eps1lon - [example] Add Reason example (#15340) @Tevinthuku - [docs] Migrate docs' breadcrumbs page to hooks (#15349) @kenzhemir - [docs] Provide a definition to root element and component (#15337) @oliviertassinari - [docs] update FAQ doc (#15356) @gautam-pahuja - [docs] Expand demo by default instead of duplicating the code (#15364) @eps1lon - [docs] Promote material-table (#15367) @oliviertassinari - [docs] Improve the customization demos (#15368) @oliviertassinari - [docs] Use tsx syntax highlighting (#15385) @eps1lon ### Core - [core] Allow docs:dev access over local network (#15259) @eps1lon - [core] Type ref for components (#15199) @eps1lon - [core] Dedupe lockfile (#15260) @eps1lon - [core] Ref cleanup (#15261) @eps1lon - [test] Add undesired withStyles + generic props component behavior (#15215) @eps1lon - [Transition] Update transition tests (#15249) @joshwooding - [core] Switch from buttonRef to ref usage (#15296) @eps1lon - [core] Synchronise value and checked prop typing (#15245) @joshwooding - [test] Use skip instead of testComponentPropWith: false (#15309) @eps1lon - [core] Reduce calls to actions props (#15312) @eps1lon - [test] Use actual React.memo (#15321) @eps1lon - [core] Add `strict` option to createMount (#15317) @eps1lon - [core] Use implicit children spread (#15354) @oliviertassinari - [core] Reduce calls to actions prop (#15370) @eps1lon - [core] Upgrade react-transition-group (#15375) @eps1lon - [test] Add missing styles tests (#15376) @ellisio - [test] Add hoc + overrideable component workaround (#15381) @ellisio - [utils] Fix lazy and memo components issuing forward ref warnings (#15322) @eps1lon ## 4.0.0-alpha.7 ###### *Apr 8, 2019* A big thanks to the 24 contributors who made this release possible! Here are some highlights ✨: - 🔥 Many new TypeScript & hook demos @Dudrie, @jasondashwang, @sperry94, @Adherentman, @gabrielgene and @Tevinthuku - 🎀 6 more core components migrated from Classes to Hooks @joshwooding. - 📐 Update the selection controls and Snackbar to better match the Material Design specification. - And many more 🐛 bug fixes and 💄 improvements. ### `@material-ui/core@v4.0.0-alpha.7` #### Breaking Changes - [Switch][Radio][Checkbox] Improve specification compliance (#15097) @oliviertassinari Refactore the implementation to make it easier to override the styles. Rename the class names to match the specification wording: ```diff -icon -bar +thumb +track ``` - [Snackbar] Match the new specification (#15122) @oliviertassinari - Change the dimensions - Change the default transition to from `Slide` to `Grow`. - [TextField] Fix height inconsistency (#15217) @gautam-relayr Remove the `inputType` class from `InputBase`. #### Changes - [Box] Add remaining props to type declaration (#15101) @iamsoorena - [theme] Prepare the deprecation of theme.mixins.gutters (#15124) @oliviertassinari - [Switch] Add demo for labels on both sides (#14900) @s7dhansh - [Zoom] Convert to function component (#15133) @joshwooding - [Tab] Remove internal indicator prop types (#15143) @sperry94 - [Grid] Add root class (#15163) @eps1lon - [Grow] Convert to function component (#15134) @joshwooding - [CardMedia] Move object-fit to the core (#15166) @gebigoma - [core] Forward ref in Collapse, Popper and SwipeableDrawer (#15170) @eps1lon - [Popover] Fix the warning when anchorReference="anchorPosition" (#15182) @xaviergonz - [styles] Fix getLuminance for hsl (#14391) @strayiker - [Select] Trigger the open callbacks even when uncontrolled (#15176) @rreznichenko - [Popover] Add warning when non-ref-holding component is used in Paper (#15181) @eps1lon - [TablePaginationActions] Convert to function component (#15189) @joshwooding - [TextField] Add links to Input and Select (#15148) @MrHen - [CardMedia] Allow generic component in TypeScript (#15098) @Domino987 - [Button] Improve types with regard to react-router (#15193) @eps1lon - [NoSsr] Convert to function component (#15167) @joshwooding - [ClickAwayListener] Remove findDOMNode usage (#15179) @eps1lon - [FormControl] Convert to function component (#15208) @joshwooding - [SwitchBase] Convert to function component (#15188) @joshwooding ### `@material-ui/styles@v4.0.0-alpha.7` - [styles] Fix types of ServerStyleSheets.collect (#15156) @evenchange4 - [styles] Add injectFirst to StylesOptions interface (#15192) @stefanorie - [styles] Memoize theme to prevent re-rendering (#15201) @jhrdina ### Docs - [docs] SimplePortal example using Hooks (#15125) @ralvs - [example] Simplify ssr examples (#15127) @oliviertassinari - [docs] Add Grid List TypeScript demos (#15118) @Dudrie - [docs] Polish Snackbar demos (#15129) @eps1lon - [docs] More Table TypeScript demos (#15086) @jasondashwang - [docs] Add most Progress TypeScript demos (#15104) @sperry94 - [docs] Flatten /layout/layout (#15120) @oliviertassinari - [docs] Migrate docs' App Bar page to hooks (#15121) @gabrielgene - [docs] Migrate docs' Tooltips page to hooks (#15137) @gabrielgene - [docs] Use Date type instead of any for MUI pickers demo (#15144) @gabrielgene - [docs] Add virtualized List example (#15149) @joshwooding - [docs] Update Style Library Interoperability + Container forwardRef (#15147) @oliviertassinari - [docs] Run the TypeScript demos (#15159) @oliviertassinari - [docs] Add Breadcrumbs TypeScript demos (#15139) @Adherentman - [docs] Fix anchor link (#15174) @eps1lon - [docs] Convert customized select component to use hooks (#15177) @Tevinthuku - [docs] Add ExpansionPanels TypeScript Demo (#15162) @Adherentman - [docs] Add ref forwarding to API docs (#15135) @eps1lon - [docs] Add ImgMediaCard TypeScript demo (#15130) @jasondashwang - [docs] Link 'React Material-UI Cookbook' (#15211) @oliviertassinari - [docs] Fix the docs in dev mode for IE 11 (#15230) @oliviertassinari - [docs] New translations (#15235) @mbrookes - [examples] Update all the examples + page layout examples (#15219) @nareshbhatia - [docs] Tidy up moved / deleted translations and update the Crowdin config (#15247) @mbrookes ### Core - [test] Forward ref behavior (#15131) @eps1lon - [core] Use explicit html entity (#15132) @eps1lon - [test] Decouple root class from root component (#15168) @eps1lon - [core] Polish `type` type of button related components (#15158) @eps1lon - [DialogContentText] Test conformance (#15206) @eps1lon ## 4.0.0-alpha.6 ###### *Mar 30, 2019* A big thanks to the 20 contributors who made this release possible! Here are some highlights ✨: - 🔥 Many new TypeScript & hook demos @eluchsinger, @sperry94, @Dudrie. - 🎀 5 more core components migrated from Classes to Hooks @joshwooding. - ⚛️ A simpler server-side rendering API (#15030). - 💅 Better typography defaults (#15100) @oliviertassinari - And many more 🐛 bug fixes and 💄 improvements. ### `@material-ui/core@v4.0.0-alpha.6` #### Breaking Changes - [Typography] Better defaults (#15100) @oliviertassinari - Change the default variant from `body2` to `body1`. A font size of 16px is a better default than 14px. Bootstrap, material.io or even our documentation use 16px as a default font size. 14px like Ant Design is understandable as Chinese users have a different alphabet. We document 12px as the default font size for Japanese. - Remove the default color from the typography variants. The color should inherit most of the time. It's the default behavior of the web. - Rename `color="default"` to `color="initial"` following the logic of #13028. The usage of *default* should be avoided, it lakes semantic. - [Container] Move to the core (#15062) @oliviertassinari #### Changes - [Box] Use the default theme (#15019) @apanizo - [SwipeableDrawer] Ignore open swipe if it didn't start on the swipe area (#15045) @leMaik - [Divider] Enable component generic props (#15040) @StevenGodin - [ListItem] Add type test for button prop (#15049) @eps1lon - [Button] Fix typing for type-attribute (#15077) @karlbohlmark - [RadioGroup] Remove cloneElement, use the context (#15069) @oliviertassinari - [Popover] Add warning to Popover if anchorRef is not visible (#15090) @alexmironof - [MobileStepper] Support variant "text" (#15108) @AcidRaZor - [Tabs] Update so that tabs keep equal widths (#15114) @sosaucily ### `@material-ui/styles@v4.0.0-alpha.6` - [styles] Fix IE 11 issue (#15034) @oliviertassinari - [styles] Use the hook directly in styled() (#15029) @oliviertassinari - [styles] Add a new injectFirst prop (#15028) @oliviertassinari - [styles] Go back to index counter (#15044) @oliviertassinari - [styles] Server-side rendering API (#15030) @oliviertassinari - [styled] Correct doc and typings for styled with theme (#15004) @sveyret ### `@material-ui/lab@v4.0.0-alpha.6` - [Slider] Fix onChange not being fired on single touch (#14998) @ahockersten ### Docs - [docs] Add keyframes in the v3 -> v4 upgrade guide (#15039) @oliviertassinari - [docs] Migrate one demo to the hooks (#15031) @oliviertassinari - [docs] Add TypeScript demos for Dividers (#15037) @eluchsinger - [docs] Add Chip TypeScript demo for Chip array (#15050) @sperry94 - [docs] Add MQTT Explorer to showcases (#15033) @thomasnordquist - [docs] Fix CustomizedTabs demo (#15065) @HaNdTriX - [docs] Add a new site to showcase (learnseeker) (#15064) @ravishwetha - [docs] Add Tabs TypeScript demo (#15053) @sperry94 - [docs] Migrate docs' badge page to hooks (#15109) @apanizo - [docs] Migrate docs' buttons page to hooks (#15110) @apanizo - [docs] Add Pickers TypeScript demos (#15103) @sperry94 - [docs] Migrate Avatar demo page to the hooks (#15116) @rick-mo - [docs] Add Snackbars TypeScript Demos (#15087) @sperry94 - [docs] Add Tooltip TypeScript demos (#15061) @Dudrie ### Core - [ToggleButtonGroup] Convert to function component (#15025) @joshwooding - [ToggleButton] Convert to function component (#14965) @joshwooding - [Fade] Convert to function component (#15027) @joshwooding - [performance] Add live pages (#15046) @oliviertassinari - [ExpansionPanelSummary] Convert to function component (#15043) @joshwooding - [test] Add conformance suite (#14958) @eps1lon - [Menu] Convert to function component (#15068) @joshwooding - [test] Update enzyme (#14987) @eps1lon - [core] Batch of fixes (#15115) @oliviertassinari ## 3.9.3 ###### *Mar 28, 2019* Big thanks to the 11 contributors who made this release possible! This release fixes an important regression with TypeScript: https://github.com/mui-org/material-ui/issues/15076. ### `@material-ui/core@v3.9.3` - [Select] Open select when focused with enter (#14452) @oknechirik - [Tooltip] Fix children focus detection (#14496) @codeheroics - [SwipeableDrawer] Ignore open swipe if it didn't start on the swipe area (#15038) @leMaik - [Button] Narrow type for `type` prop (#15096) @karlbohlmark ### Docs - [docs] Fix hooks codesandbox broken (#14553) @Abbo44 - [docs] Fix typo in simple breadcrumbs example (#14575) @AndrewUsher - [blog] Material-UI Developer Survey 2019 (#14614) @oliviertassinari - [docs] Change Gitter to Spectrum (#14668) @mbrookes - [docs] Update link to http://cssinjs.org/jss-api/ (#14788) @monicatie - [docs] Add Algolia metadata (#14835) @oliviertassinari - [docs] Improve overrides.md wording (#14403) @i0 - [docs] Grammar fix (#14960) @nateq314 ### Core N/A ## 4.0.0-alpha.5 ###### *Mar 23, 2019* A big thanks to the 23 contributors who made this release possible! Here are some highlights ✨: - 📝 A new ROADMAP (#14923). - 📝 Many new TypeScript demos @vitkon, @cojennin, @Dudrie, @rahmatrhd, @jasondashwang. - And many more 🐛 bug fixes and 💄 improvements. ### `@material-ui/core@v4.0.0-alpha.5` #### Breaking Changes - [TextField] Prevent fullwidth textfield expanding the screen (#14988) @FMcIntosh Change the default box sizing model of the `InputBase`. It uses the following CSS now: ```css box-sizing: border-box; ``` It solves issues with the `fullWidth` prop. - [Modal] Ignore event.defaultPrevented (#14991) @oliviertassinari The new logic closes the Modal even if `event.preventDefault()` is called on the key down escape event. `event.preventDefault()` is meant to stop default behaviors like clicking a checkbox to check it, hitting a button to submit a form, and hitting left arrow to move the cursor in a text input etc. Only special HTML elements have these default behaviors. You should use `event.stopPropagation()` if you don't want to trigger an `onClose` event on the modal. #### Changes - [Popover] Correct warning for tall component (#14925) @vitkon - [List] Memoize context value (#14934) @mkermani144 - [Typography] Add a custom, self-hosted font demo (#14928) @johnrichter - [RadioGroup] Warn for uncontrolled <-> controlled switch (#14878) @manonthemat - [Slide] Attach ref to child instead of Transition (#14847) @eps1lon - [Grid] Fix zeroMinWidth proptype warning (#14967) @pmacom - [TextField] Reduce the specificity (#14953) @oliviertassinari - [MenuList] Convert to a function component (#14865) @ryancogswell - [Popper] Add ClickAwayListener documentation (#14986) @charlax - [RadioGroup] Convert to a function component (#14964) @joshwooding - [Tab] Enable generic props (#15003) @caroe233 - [Tooltip] Make enterTouchDelay match the specification (#15008) @devsumanmdn - [Chip] Support pressing delete to delete a chip (#14978) @keeslinp - [Box] Improve TypeScript definitions (#15024) @pheuter ### `@material-ui/styles@v4.0.0-alpha.5` - [test] Remove test-only class wrappers for higher-order components (#15017) @eps1lon ### Docs - [docs] Remove flow examples as outdated (#14919) @oliviertassinari - [docs] Enable German (#14927) @mbrookes - [docs] Add react-basket to related projects (#14941) @mbrn - [docs] Update the ROADMAP (#14923) @oliviertassinari - [docs] Take advantage of the default theme (#14945) @oliviertassinari - [docs] Improve the styles interpolation documentation (#14940) @oliviertassinari - [docs] Add Avatar TypeScript demos (#14954) @cojennin - [docs] Add PaperSheet TypeScript demo (#14952) @vitkon - [docs] Remove all the .hooks.js files (#14947) @oliviertassinari - [docs] Add Badge TypeScript demo (#14969) @vitkon - [docs] Grammar fix in FAQ (#14974) @rtalvarez - [docs] Document how to nest style selectors (#14957) @cojennin - [docs] BottomNavigation TypeScript docs (#14979) @vitkon - [docs] Add some Card TypeScript demos (#15011) @Dudrie - [docs] Add Badge TypeScript demo for Maximum Value (#15013) @rahmatrhd - [docs] Add TypeScript demos for Simple and Spanning Table (#14985) @jasondashwang - [docs] Add note to docs README regarding translations (#15020) @mbrookes - [docs] Content's max width changed for large displays (#15014) @kenzhemir ### Core - [core] Refactor a subset of components from classes to functions (#14854) @mbrookes - [benchmark] Use deterministic version tags (#14968) @eps1lon - [test] Remove test-only class wrappers for higher-order components (#15017) @eps1lon ## 4.0.0-alpha.4 ###### *Mar 17, 2019* A big thanks to the 17 contributors who made this release possible! Here are some highlights ✨: - Improve the TypeScript definitions of @material-ui/styles @VincentLanglet. - Prepare the migration of more TypeScript demos (#14896) @eps1lon. - Complete the i18n support for the documentation (#14838) @oliviertassinari. - And many more 🐛 bug fixes and 📝 documentation improvements. ### `@material-ui/core@v4.0.0-alpha.4` #### Breaking Changes - [ButtonBase] Require host or ref forwarding components (#13664) @eps1lon - [SvgIcon] Rename nativeColor -> htmlColor (#14863) @oliviertassinari React solved the same problem with the `for` HTML attribute, they have decided to call the prop `htmlFor`. This change follows the same reasoning. ```diff - + ``` - [Divider] Remove the deprecated inset prop (#14826) @joshwooding ```diff - + ``` - [Box] Remove the unstable prefix & import the right version (#14845) @pheuter ```diff -import { unstable_Box as Box } from '@material-ui/core/Box'; +import Box from '@material-ui/core/Box'; ``` #### Changes - [Grid] Adding missing 'spacing-xs-*' to TypeScript definition (#14859) @scott-martin - [Tabs] Fix an infinite loop (#14664) @caroe233 - [NoSsr] Add missing defer prop to TypeScript definition (#14869) @DaleJefferson - [core] Remove dom-helpers dependency (#14877) @oliviertassinari - [TextField] Add typing for theme wide props override (#14879) @C-Rodg - [Autocomplete] Add a downshift variant demo (#14881) @ekoeditaa - [Popover][Popper] Warn when `anchorEl` is invalid (#13468) @Andarist - [LinearProgress] Improve customization capability (#14882) @giuliogallerini - [Popover] Fix PaperProps classname concat (#14902) @vitkon - [MenuItem] Add buttonRef (and other button props) type (#14772) @VincentLanglet - [TouchRipple] Remove findDOMNode usage (#14825) @eps1lon - [ExpansionPanelSummary] Simplify overrides (#14828) @TroySchmidt - [Popper] Use refs instead of findDOMNode (#14829) @eps1lon - [Tab] Fix alignment when using multiple children (#14844) @HaNdTriX - [TextField] Convert to function component (#14833) @eps1lon - [Table] Fix demo parse rowsPerPage value as an integer (#14848) @SimplyAhmazing ### `@material-ui/styles@v4.0.0-alpha.4` - [styles] Change material-ui/styles folder structure (#14868) @VincentLanglet - [styles] Add WithThemeCreator typing (#14856) @VincentLanglet - [styles] Add types for defaultTheme option in makeStyles (#14862) @vitkon - [styles] Make CSSProperties public (#14802) @VincentLanglet ### `@material-ui/lab@v4.0.0-alpha.4` - [Slider] Fix possible touchstart leak (#14837) @eps1lon ### Docs - [docs] Prepare full TypeScript demos (#14896) @eps1lon - [docs] Improve documentation for new component + ref behavior (#14883) @eps1lon - [docs] Add perf section to ExpansionPanel (#14903) @eps1lon - [docs] Simplify the /examples (#14822) @oliviertassinari - [docs] Add ssr-next example (#14823) @oliviertassinari - [docs] Add missing breaking changes from #14795 (#14824) @eps1lon - [docs] Minor fixes to system demos (#14831) @jo shwooding - Complete the i18n support for the documentation] Enable the i18n search (#14838) @oliviertassinari - [docs] Fix babel generator extra line (#14849) @VincentLanglet - [docs] Remove unnecessary findDOMNode usage (#14836) @eps1lon ### Core - [core] Only import from top or 2nd level (#14888) @eps1lon - [test] Leaner eslint config (#14901) @eps1lon - [core] Upgrade the dev dependencies (#14911) @oliviertassinari - [core] Stop using @types/jss (#14852) @VincentLanglet - [core] Babel plugin unwrap createStyles now handle material-ui/styles package (#14850) @VincentLanglet - [test] Fix unwrapCreateStyles tests for windows (#14832) @ryancogswell ## 4.0.0-alpha.3 ###### *Mar 10, 2019* A big thanks to the 14 contributors who made this release possible! Here are some highlights ✨: - ⚛️ Increase the usage of `React.forwardRef()` (#14714, #14737, #14738, #14775) @eps1lon. - 💅 Remove the old styles modules (#14767) @oliviertassinari. - 📝 Migrate many demos to use the hooks API (#14805) @adeelibr. - And many more 🐛 bug fixes and 📝 documentation improvements. ### `@material-ui/core@v4.0.0-alpha.3` #### Breaking Changes - [useMediaQuery] Remove unstable prefix (#14593) ```diff -import { unstable_useMediaQuery as useMediaQuery } from '@material-ui/core/useMediaQuery'; +import useMediaQuery from '@material-ui/core/useMediaQuery'; ``` - [DialogActions] `action` CSS class is applied to root element if `disableActionSpacing={false}` instead of children (#14795) - [DialogContentText] Use typography variant `body1` instead of `subtitle1` (#14795) - [MenuItem] Remove fixed height (#14799) @KyruCabading Remove the fixed height of the MenuItem. The padding and line-height are used by the browser to compute the height. #### Changes - [Tabs] Forward refs (#14714) @eps1lon - [TextField] New filled variant override example (#14725) @oliviertassinari - [FilledInput] Simplify border overrides (#14719) @C-Rodg - [CssBaseline] Apply body2 styling to the body element (#14729) @joshwooding - [IconButton] Add a size prop (#14649) @leMaik - [Popover] Forward refs (#14737) @eps1lon - [Modal] Forward refs (#14738) @eps1lon - [createSpacing] Narrow return type (#14745) @eps1lon - [Chip] Correct Chip TypeScript Definition Class Keys (#14750) @cvanem - [MenuList] Remove focus method and test dependencies on instance methods (#14757) @ryancogswell - [Dialog] Forward refs (#14775) @eps1lon - [IconButton] Implement a new edge prop (#14758) @jedwards1211 - [Dialog] Add a dividers boolean prop (#14795) @oliviertassinari ### `@material-ui/styles@v4.0.0-alpha.3` #### Breaking Changes - [styles] Remove the old styles modules (#14767) @oliviertassinari Isolation of the styling solution of the core components in a dedicated package. - Remove the `MuiThemeProvider` component: ```diff -import { MuiThemeProvider } from '@material-ui/core/styles'; +import { ThemeProvider } from '@material-ui/styles'; ``` - Remove the `@material-ui/styles/install` module. ```diff -import { install } from '@material-ui/styles'; -install(); ``` #### Changes - [styles] Improve ref forwarding (#13676) @eps1lon - [styles] Use hoist-non-react-statics (#14722) @oliviertassinari ### `@material-ui/lab@v4.0.0-alpha.3` - [SpeedDial] Change actions background color (#14640) @hburrows - [SpeedDialAction] Pass onTouchEnd event onto called onClick handler (#14641) @hburrows ### Docs - [docs] Fix Drawer demos accessibility (#14728) @tiagodreis - [docs] Add "Portals" to the styled components documentation (#14720) @C-Rodg - [docs] Specify PaletteIntention syntax (#14727) @ozydingo - [docs] Add button demos in ts (#14739) @eps1lon - [docs] Document the migration from v3 to v4 (#14741) @oliviertassinari - [docs] before() is Mocha; beforeEach() is Jest (#14743) @masaok - [docs] Fix IE 11 build (#14781) @oliviertassinari - [docs] Kill as many non hook demos as possible (#14805) @oliviertassinari - [docs] Prepare Google & Algolia i18n search + v3/v4 search (#14806) @oliviertassinari - [docs] Speed-up pull requests build (#14811) @oliviertassinari ### Core - [test] Ignore the image load issue (#14723) @oliviertassinari - [icons] Fix builder failing on Windows (#14726) @joshwooding - [ci] Don't use -browser images (#14779) @eps1lon - [test] Increase the Codecov threshold (#14796) @oliviertassinari - [test] Disable the user sandbox security feature (#14804) @oliviertassinari - [core] Use hoist-non-react-statics (#14722) @oliviertassinari ## 4.0.0-alpha.2 ###### *Mar 3, 2019* A big thanks to the 23 contributors who made this release possible! Here are some highlights ✨: - Keep working on accessibility (#14465, #14545, #14661) @eps1lon, @oliviertassinari. - Add the Table dense support (#14561) @leMaik. - Change the bundle size tracking strategy (copy React) (#14587) @eps1lon. - Introduce a new Container component & new full layout demos (#14499) @oliviertassinari. - Start removing the need for findDOMNode() (#14536) @eps1lon. - And many more 🐛 bug fixes and 📝 documentation improvements. ### `@material-ui/core@v4.0.0-alpha.2` #### Breaking Changes - [Tabs] Simplify override (#14638) @oliviertassinari We have removed the `labelContainer`, `label` and `labelWrapped` class keys. We have removed 2 intermediary DOM elements. You should be able to move the custom styles to the root class key. ![](https://user-images.githubusercontent.com/3165635/53287870-53a35500-3782-11e9-9431-2d1a14a41be0.png) - [Table] Add dense support (#14561) @leMaik - We have removed the deprecated numeric property. ```diff -{row.calories} +{row.calories} ``` - We have removed the fixed height property on the table row. The cell height is computed by the browser using the padding and line-height. - The `dense` mode was promoted to a different property: ```diff - + ``` - Every component except `Dialog`, `MenuList`, `Modal`, `Popover` and `Tabs` forward their `innerRef` (#14536). This is implemented by using `React.forwardRef`. This affects the internal component tree and display name and therefore might break shallow or snapshot tests. `innerRef` will no longer return a ref to the instance (or nothing if the inner component is a function component) but a ref to its root component. The corresponding API docs list the root component. #### Changes - [core] Improve a11y for Collapse, ExpansionPanel and Grow (#14598) @eps1lon - [Transitions] Increase minimal version of react-transition-group to 2.5.3 (#14612) @wilcoschoneveld - [ExpansionPanelSummary] Update docs (#14606) @ifndefdeadmau5 - [ExpansionPanel] Add TransitionComponent prop (#14617) @ptbrowne - [Link] Color property is defined with a wrong type (#14631) @akellan - [Tooltip] Improve legibility (#14651) @leMaik - [Tabs] Fix variant missing in Tabs.d.ts (#14659) @Deturium - [Autocomplete] Improve demo (#14657) @tjmcewan - [Dialog] Support for print (#14660) @emildatcu - [TableSortLabel] Increase size and show on hover (#14650) @leMaik - [Modal] Fix autoFocus support (#14661) @oliviertassinari - [InputLabel] display: block as default (#14676) @johnloven - [InputBase] Add missing TypeScript class keys (#14684) @dmtrKovalenko - [ListItem] Fix listItem focus (#14680) @xs9627 - [ExpansionPanel] Improve a11y (#14682) @eps1lon ### `@material-ui/styles@v4.0.0-alpha.2` - [styles] Fix the theme update support (#14697) @oliviertassinari ### `@material-ui/lab@v4.0.0-alpha.2` - [Slider] Pass current value to onDragStart/onDragEnd callback (#14475) @rejas - [Slider] Fix thumb creating scroll overflow (#14689) @xaviergonz - [Layout] New Container component (#14499) @oliviertassinari - [Container] Fix two exceptions (#14715) @oliviertassinari ### `@material-ui/utils@v4.0.0-alpha.2` - [utils] Drop componentPropType in favor of PropTypes.elementType (#14602) @eps1lon ## Docs - [MobileStepper] Remove unused classname in example (#14597) @charlax - [docs] Update the Team (#14613) @oliviertassinari - [docs] Solve Firefox middle click issue (#14623) @paol - [docs] Update ScrollDialog Demo for 4k (#14622) @AndrewUsher - [docs] Fix broken hash link in css-in-js (#14633) @furkle - [docs] Improve demo source discoverability (#14635) @eps1lon - [docs] Improve Grid limitations description (#14637) @ryancogswell - [docs] Fix minor issues with demo action tooltips (#14652) @eps1lon - [docs] Upgrade react-docgen (#14666) @eps1lon - [docs] Update bundle size strategy (#14662) @eps1lon - [docs] Minor next adjustments (#14679) @eps1lon - [docs] A grammar modification suggestion (#14671) @mataxxx5 - [docs] Link the mui-tables project in the documentation (#14701) @parkerself22 - [docs] Generate unique hash (#14703) @oliviertassinari - [docs] Add simple list TypeScript demo (#14485) @eps1lon - [docs] Fix wrong source code URLs (#14716) @oliviertassinari ## Core - [core] Fix webstorm autocompletion (#14599) @eps1lon - [ci] Use dangerJS to report bundle size changes (#14587) @eps1lon - [ci] Various size snapshot enhancements (#14620) @eps1lon - [core] Solve Babel dependency issue (#14621) @AndrewUsher - [core] Add eslint-plugin-react-hooks (#14629) @eps1lon - [test] Fix size snapshot including peer dependencies (#14636) @eps1lon - [ci] Speedup and cleanup (#14643) @eps1lon - [test] Fix how menu items are found in MenuList integration tests (#14654) @ryancogswell - [core] Add tslint deprecation rule (#14675) @eps1lon - [typescript] Add regression test for popular hoc interop (#14688) @eps1lon - [core] Fix .yarnrc syntax (#14704) @joshwooding - [core] forward innerRef for certain components (#14536) @eps1lon - [core] Use official prop-type cache invalidation (#14699) @eps1lon ## 4.0.0-alpha.1 ###### *Feb 20, 2019* A big thanks to the 16 contributors who made this release possible! Here are some highlights ✨: - Important accessibility fixes (#14465, #14545) @eps1lon, @oliviertassinari - Improve the Gastby integration (we will continue working on it to get something awesome) (#14552) - Remove the deprecated Typography variants (#14562) @joshwooding - And many more 🐛 bug fixes and 📝 documentation improvements. ### `@material-ui/core@v4.0.0-alpha.1` #### Breaking Changes - [Typography] Remove deprecated Typography variants (#14562) @joshwooding - Remove the deprecated typography variants. You can upgrade by performing the following replacements: - display4 => h1 - display3 => h2 - display2 => h3 - display1 => h4 - headline => h5 - title => h6 - subheading => subtitle1 - body2 => body1 - body1 (default) => body2 (default) - Remove the opinionated `display: block` default typograpghy style. You can use the new `display?: 'initial' | 'inline' | 'block';` property. - Rename the `headlineMapping` property to better align with its purpose. ```diff - + ``` - [InputLabel] Remove FormLabelClasses in favor of asterisk class (#14504) @umairfarooq44 You should be able to override all the styles of the FormLabel component using the css API of the InputLabel component. We do no longer need the `FormLabelClasses` property. ```diff Foo ``` - [TablePagination] Only raise a warning when the page is out of range (#14534) @leMaik The `TablePagination` component does no longer try to fix invalid (`page`, `count`, `rowsPerPage`) property combinations. It raises a warning instead. ### Changes - [typescript] Fix theme.spacing to accept up to 4 arguments (#14539) @toshi1127 - [Transition] Fix hidden children appearing in a11y tree (#14465) @eps1lon - [TablePagination] Fix style issue with rpp select (#14547) @antokara - [Modal] Improve the focus logic (#14545) @oliviertassinari ### `@material-ui/styles@v4.0.0-alpha.1` #### Breaking Changes - [styles] Change the withTheme API (#14565) @oliviertassinari Remove the first option argument of `withTheme()`. The first argument was a placeholder for a potential future option. We have never found a need for it. It's time to remove this argument. It matches the emotion and styled-components API. ```diff -const DeepChild = withTheme()(DeepChildRaw); +const DeepChild = withTheme(DeepChildRaw); ``` #### Changes - [styles] Type ThemeProvider and getThemeProps generic (#14489) @igorbt - [styles] 100% test coverage (#14566) @oliviertassinari - [styles] Follow react docs for firstRender flag (#13607) @eps1lon - [styles] Add react-hot-loader support (#14583) @oliviertassinari - [styles] Warn if missing ThemeProvider (#14581) @oliviertassinari ### `@material-ui/icons@v4.0.0-alpha.1` - [icons] Remove es folder (#14518) @mgansler ### Docs - [docs] yarn command to add @material-ui/icons (#14502) @Inambe - [docs] Update CHANGELOG.md (#14516) @saculbr - [examples] Add lib to tsconfig (#14507) @eps1lon - [docs] Enable es, fr, pt & ru (#14537) @oliviertassinari - [docs] Add ts demos for menus, fixes ClickAwayListener onClickAway type (#14535) @eps1lon - [docs] Update the styling of the TOC (#14520) @mbrookes - [docs] Update breakpoints.md for clarity (#14527) @matthewjwhitney - [docs] Fix Horizontal Non-linear Stepper demo (#14551) @SVTerziev - [docs] Update the branch for Crowdin (#14550) @mbrookes - [docs] Fix hooks codesandbox broken (#14553) @Abbo44 - [docs] Fix css anchor link (#14554) @umairfarooq44 - [examples] Improve the Gastby integration (#14552) @oliviertassinari - [docs] Add examples of global class names (#14563) @n-batalha - [docs] Change Gitter to Spectrum (#14558) @mbrookes - [docs] Add sections about translation contributions (#14571) @eps1lon - [docs] Localize the table of contents (#14548) @mbrookes ### Core - [core] Convert remaining classNames usage (#14506) @eps1lon - [core] Fix Prettier on next branch (#14524) @joshwooding - [core] Fix some peer dependency warnings (#14572) @eps1lon ## 4.0.0-alpha.0 ###### *Feb 12, 2019* This is our first unstable release toward Material-UI v4.0.0. We try to release a major every 6-12 months. This gives us the opportunity to remove deprecated APIs, upgrade our peer dependencies and more importantly, keep up with the direction the community is taking. - You can find the documentation following this URL: https://material-ui.com/. - You can track our progress following this URL: https://github.com/mui-org/material-ui/milestone/25. A big thanks to the 28 contributors who made this release possible! Here are some highlights ✨: - Increase React peer dependency to v16.8.0 (#14432) @oliviertassinari - Improve the spacing API (#14099) @ifndefdeadmau5 - Improve ES modules tree shake-ability (#13391) @eps1lon - Remove recompose dependency (#14479) - And many more 🐛 bug fixes and 📝 documentation improvements. ### `@material-ui/core@v4.0.0-alpha.0` #### Breaking Changes - [core] Increase React peer dependency to v16.8.0 (#14432) @oliviertassinari The upgrade path to React 16.8.0 should be pretty easy for our users. Introducing this breaking change in v4 enables the following: - We can remove the recompose dependency and use the new `React.memo()` API. - Before or after v4 is out, we can gradually migrate the core components to use the Hook API. - [Grid] Use a unitless spacing API (#14099) @ifndefdeadmau5 In order to support arbitrary spacing values and to remove the need to mentally count by 8, we are changing the spacing API: ```diff /** * Defines the space between the type `item` component. * It can only be used on a type `container` component. */ - spacing: PropTypes.oneOf([0, 8, 16, 24, 32, 40]), + spacing: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]), ``` Going forward, you can use the theme to implement a custom Grid spacing transformation function: https://material-ui.com/system/spacing/#transformation. - [theme] Make theme.palette.augmentColor() pure (#13899) @ryancogswell The `theme.palette.augmentColor()` method no longer performs a side effect on its input color. In order to use it correctly, you have to use the output of this function. ```diff -const background = { main: color }; -theme.palette.augmentColor(background); +const background = theme.palette.augmentColor({ main: color }); console.log({ background }); ``` - [core] Change UMD output name to 'MaterialUI' (#13142) @tkrotoff This change eases the use of Material-UI with a CDN: ```diff const { Button, TextField, -} = window['material-ui']; +} = MaterialUI; ``` It's consistent with the other projects: - material-ui => MaterialUI - react-dom => ReactDOM - prop-types => PropTypes - [Button] Remove deprecated props and styles (#14383) @mbrookes Remove the deprecated button flat, raised and fab variants: ```diff - + ``` - [Divider] Add support for middle divider by introducing a `variant` prop (#13574) @joshwooding We are introducing a new variant to the divider component: middle. Following our API guideline, we can no longer use a boolean property, it needs to be an enum, hence the introduction of the variant property. ```diff import Divider from '@material-ui/core/Divider'; - + ``` #### Changes - [FormControlLabel] Fix documentation warnings (#13583) @dsbrutha777 - [ExpansionPanelSummary] Fix event forwarding (#13582) @jmetev1 - [Button] Move deprecated variants to the end of the list (#13584) @avetisk - [FormControl] Use stable context API (#13590) @eps1lon - [TablePagination] Improve TypeScript definition (#13601) @xiaoyu-tamu - [SwipeableDrawer] Add `SwipeAreaProps` property (#13592) @SerhiiBilyk - [ListItem] Add three-line support (#13553) @ntorion - [Grid] Fix the IE 11 issue in the demo (7d2070fb388295d38806ecc49717006f34393e74) @oliviertassinari - [Zoom] Correct transition delay value of the example (#13645) @t49tran - [Tabs] Improve the warning message (#13640) @oliviertassinari - [Grow] Condense the demo (#13665) @Thyix - [Tooltip] Fix the property forwarding priority (#13667) @oliviertassinari - [Modal] Fix the close jump on Windows (#13674) @oliviertassinari - [Select] Support object value (#13661) @yezhi780625 - [Menu] Fix wrong condition (#13675) @dolezel ### `@material-ui/lab@v3.0.0-alpha.24` - [Slider] Fix sticky slider when mousing off the window then back in (#13479) @gkjohnson - [Slider] Fix visual hover state on disabled slider (#13638) @eps1lon - [Slider] Add missing thumb TypeScript definition (#13650) @dhiroll ### `@material-ui/styles@v3.0.0-alpha.1` - [styles] Add TypeScript declarations (#13612) @eps1lon ### `@material-ui/docs@v3.0.0-alpha.8` - Fix the @material-ui/utils require error. ### Docs - [docs] Add redirect rule for moved page layout examples (#13588) @mbrookes - [docs] Add the selfeducation.app showcase (#13620) @kulakowka - [docs] Warn about the Dynamic CSS alpha state (#13619) @WebDeg-Brian - [docs] Learn Material-UI (#13624) @oliviertassinari - [docs] Add a Firebase example in the premium-theme section (#13579) @siriwatknp - [docs] Increase clarity around the usage of font icons (#13628) @JosephMart - [docs] Add swimmy.io to showcase page (#13637) @uufish - [docs] Correct typo in comment of snackbar, children (#13651) @kobi - [docs] Improve Grid limitation description (#13668) @sshevlyagin - [docs] Fix theme menu link (#13669) @iamhosseindhv - [docs] Change "e; to ' (#13678) @wiktoriatomzik - [docs] Restructure the demo based on usage analytics (#13684) @oliviertassinari - [docs] Fix typo in URL (#13688) @Malvineous ### Core - [core] Update dev dependencies (#13626) @oliviertassinari - [test] Fix codecov failing on merge commits (#13654) @eps1lon - [core] Make prettier run programmatically (#13621) @joshwooding - [test] Run unit/integration test on Chrome 41 (#13642) @eps1lon - [core] Move unit test commands to their package (#13604) @eps1lon ## 3.5.1 ###### *Nov 13, 2018* Big thanks to the 13 contributors who made this release possible! Here are some highlights ✨: - Introduce a new `@material-ui/styles` package 💅 (#13503). The Material-UI's styling solution has pretty much stayed the same [for the last 12 months](https://github.com/oliviertassinari/a-journey-toward-better-style). Some interesting CSS-in-JS libraries like styled-components, emotion or linaria have emerged. This new package is a significant step forward. Some of the key features: - Supports 4 different APIs: hooks, styled-components, higher-order components and render props. - Allow accessing the component's props from within the style object. - Replace the usage of the old React APIs with the new ones. - 15.0 KB gzipped. Here is an example: https://codesandbox.io/s/vjzn5z4k77. ```jsx import Button from '@material-ui/core/Button'; import React from 'react'; import { makeStyles } from '@material-ui/core/styles'; // Like https://github.com/brunobertolini/styled-by const styledBy = (property, mapping) => props => mapping[props[property]]; const useStyles = makeStyles({ root: { background: styledBy('color', { red: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)', blue: 'linear-gradient(45deg, #2196F3 30%, #21CBF3 90%)', }), border: 0, borderRadius: 3, boxShadow: styledBy('color', { red: '0 3px 5px 2px rgba(255, 105, 135, .3)', blue: '0 3px 5px 2px rgba(33, 203, 243, .3)', }), color: 'white', height: 48, padding: '0 30px', }, }); function MyButton(props) { const { color, ...other } = props; const classes = useStyles(props); return