### [Versions](https://material-ui.com/versions/) ## 5.0.0-beta.3 _Aug 6, 2021_ Big thanks to the 15 contributors who made this release possible. Here are some highlights ✨: - ✨ `jss-to-styled` codemod has been improved to support `createStyles` and `` usage (#27578) @mnajdova ### `@material-ui/core@5.0.0-beta.3` - [Modal] Restore `overflowX` and `overflowY` styles (#27487) @PCOffline - [Modal] Remove unnecessary check for children.props.tabIndex (#27374) @noviicee - [Select] Fix regression for icon not rotating (#27511) @mnajdova ### `@material-ui/system@5.0.0-beta.3` - [system] Added top, left, right and bottom border color CSS properties to system (#27580) @R-Bower ### `@material-ui/codemod@5.0.0-beta.3` - [codemod] Add support for `createStyles` usage in `jss-to-styled` (#27578) @mnajdova - [codemod] Fix `jss-to-styled` PREFIX generation on Windows (#27491) @mnajdova - [codemod] Fix `jss-to-styled` codemod to handle React.Fragment as root (#27495) @mnajdova ### `@material-ui/unstyled@5.0.0-alpha.42` - [FormControl] Create FormControlUnstyled (#27240) @michaldudak - [Autocomplete] Move useAutocomplete to the Unstyled package (#27485) @michaldudak ### Docs - [docs] Fix layout shift when opening hash anchor (#27619) @oliviertassinari - [docs] Add TypeScript guide for the `sx` prop (#27417) @mnajdova - [docs] Hardcode listed colors in /customization/color/#playground (#27446) @eps1lon - [docs] Bring back Select#onChange signature API (#27443) @eps1lon - [docs] Remove backticks in the title (#27567) @oliviertassinari - [docs] Fix 404 links (#27566) @oliviertassinari - [docs] Use the same h2 for the customization demos (#27569) @oliviertassinari - [docs] Fix syntax error in v5 migration `styled` api example (#27518) @kimbaudi - [docs] Improve SSR configuration with emotion (#27496) @frandiox - [docs] Change "pseudo-classes" to "state classes" (#27570) @michaldudak - [docs] Add StackBlitz edit demo integration (#27391) @sulco - [docs] Remove unnecessary generic argument (#27516) @bezpalko - [docs] Add customization demos (#27411) @siriwatknp - [docs] Restore initial descriptionRegExp logic (#27436) @oliviertassinari - [docs] Polish jss-to-styled docs (#27457) @oliviertassinari - [examples] Fix nextjs with styled-components example (#27583) @mnajdova - [examples] Update create-react-app examples with styled-components to use package aliases (#27591) @mnajdova - [examples] Improve integration examples with Next.js (#27331) @Harshita-Kanal - [website] Add spicefactory as gold sponsor @oliviertassinari - [website] Homepage rebranding (#27488) @siriwatknp - [website] Add Flavien to team and about pages (#27575) @flaviendelangle - [website] Add Ryan to Community contributors for Stack Overflow contributions (#27529) @ryancogswell - [website] Add references section to home (#27444) @siriwatknp ### Core - [core] rebaseWhen=auto does not seem to work (#27565) @oliviertassinari - [core] Improve instructions for the @material-ui/styles migration (#27466) @mnajdova - [core] Batch small changes (#27435) @oliviertassinari - [core] Receive patch and minor dependency updates (#27455) @eps1lon - [test] Update coverage to include all @material-ui packages (#27521) @eps1lon - [test] Lint codemod tests (#27519) @eps1lon - [test] Allow tests to run for 6s before timeout (#27456) @oliviertassinari All contributors of this release in alphabetical order: @bezpalko, @eps1lon, @flaviendelangle, @frandiox, @Harshita-Kanal, @kimbaudi, @michaldudak, @mnajdova, @noviicee, @oliviertassinari, @PCOffline, @R-Bower, @ryancogswell, @siriwatknp, @sulco ## 5.0.0-beta.2 _Jul 26, 2021_ Big thanks to the 20 contributors who made this release possible. Here are some highlights ✨: - ✨ We introduced new codemod for converting JSS styles to emotion (#27292) @siriwatknp It should help adoption of v5, by making possible the removal of JSS sooner. - 🐛 The majority of other changes in this release were bug fixes, test utilities and docs. ### `@material-ui/core@5.0.0-beta.2` - [Autocomplete] Explain how the loading prop works (#27416) @michaldudak - [Autocomplete] Update input value when the input changes (#27313) @turtleseason - [Autocomplete] Popper is not closing when the Autocomplete is disabled (#27312) @Goodiec - [Checkbox] Skip default hover styles with `disableRipple` (#27314) @faan234 - [Dialog] Fix override paper styles (#27423) @newsiberian - [Grid] Remove width prop for rowSpacing (#27326) @sashkopavlenko - [Input] Merge `componentsProps` correctly (#27371) @mnajdova - [Pagination] Fixed usePagination requires @emotion in development mode (#27348) @ruppysuppy - [Pagination] Fix :hover effect on previous/next button (#27304) @Aubrey-Li - [Popper] Consistent timing of popper instance creation (#27233) @eps1lon - [Select] Add `SelectChangeEvent` for accurate types for event in onChange prop (#27370) @eps1lon - [Tabs] Use theme transition duration for the Tab animation (#27303) @florianbepunkt - [TextField] Allow custom colors in FormLabel (#27337) @oliviertassinari - [TextField] Fix name of componentsProps (#27338) @oliviertassinari - [transitions] Make sure inline styles used for transition values if declared (#27140) @eps1lon ### `@material-ui/codemod@5.0.0-beta.2` - [codemod] Add `optimal-imports` for v5 (#27404) @mnajdova - [codemod] Add jss to emotion codemod (#27292) @siriwatknp - [codemod] Fix running codemod CLI on Windows (#27395) @michaldudak - [codemod] Fix published version (#27384) @eps1lon - [codemod] Improve README.md (#27257) @mnajdova ### `@material-ui/unstyled@5.0.0-alpha.41` - [NoSsr] Move NoSsr to the Unstyled package (#27356) @michaldudak ### `@material-ui/utils@5.0.0-beta.1` - [utils] Convert createChainedFunction to TypeScript (#27386) @eps1lon ### `@material-ui/system@5.0.0-beta.2` - [system] Compute display name of `styled` component if `name` isn't set (#27401) @eps1lon - [system] Adds missing type for `shouldForwardProp` (#27310) @KLubin1 ### `@material-ui/lab@5.0.0-alpha.41` - [pickers] Only accept dates from adapters in min/max props (#27392) @eps1lon - [pickers] Fallback to today if all possible dates are disabled (#27294) @eps1lon - [pickers] Minify error when LocalizationProvider is missing (#27295) @eps1lon - [pickers] Fix Fade animation behavior change (#27283) @oliviertassinari ### Docs - [docs] Display Popper arrow correctly (#27339) @Patil2099 - [docs] Focus pickers introduction on Material-UI (#27394) @eps1lon - [docs] Fix wrong import path in @material-ui/styles section (#27427) @WeldonTan - [docs] Update color imports (#27321) @siriwatknp - [docs] Sync params of callbacks between types and JSDoc description (#27366) @eps1lon - [docs] Add migration note for synthetic native events in onChange (#27368) @eps1lon - [docs] Improve unstyled docs (#27382) @oliviertassinari - [docs] Update `Transitions` page (#27319) @siriwatknp - [docs] Add Unstyled components docs page (#27158) @michaldudak - [docs] Fix app bar regression (#27373) @mnajdova - [docs] Update migration guide to have a section on nested classes (#27354) @mnajdova - [docs] Convert App* components to emotion (#27150) @eps1lon - [docs] Fix duplicate "Theme" header (#27353) @eps1lon - [docs] Remove horizontal scrollbar in MiniDrawer (#27055) @AlvesJorge - [docs] Add `makeStyles` explanation in troubleshooting (#27322) @siriwatknp - [docs] Fix ExpansionPanel migration notes (#27352) @eps1lon - [docs] Transpile markdown files (#27349) @eps1lon - [docs] Fix typo in the word typography (#27329) @tudi2d - [docs] Use actual symbol of kilogram (#27332) @getsnoopy - [docs] Make migration doc easier to follow (#26948) @siriwatknp - [examples] Cleanup `gatsby` examples (#27375) @mnajdova - [examples] Create nextjs example using styled-components (#27088) @hboylan - [examples] Update gatsby example to use custom plugin (#27357) @mnajdova ### Core - [core] Remove obsolete styles documentation (#27350) @eps1lon - [core] Fix GitHub language detection (#27298) @oliviertassinari - [test] Include coverage report of browser tests (#27389) @eps1lon - [test] Add current behavior for getDisplayName with context components (#27402) @eps1lon - [test] Enable skipped picker tests (#27268) @eps1lon - [website] Add hero section to homepage (#27364) @siriwatknp All contributors of this release in alphabetical order: @AlvesJorge, @Aubrey-Li, @eps1lon, @faan234, @florianbepunkt, @g etsnoopy, @Goodiec, @hboylan, @KLubin1, @michaldudak, @mnajdova, @newsiberian, @oliviertassinari, @Patil2099, @ruppysupp y, @sashkopavlenko, @siriwatknp, @tudi2d, @turtleseason, @WeldonTan ## 5.0.0-beta.1 _Jul 14, 2021_ Big thanks to the 17 contributors who made this release possible. Here are some highlights ✨: - ✨ We have introduced a new unstyled component: the Switch (#26688) @michaldudak You can find two new versions of the Switch. A component without any styles: [`SwitchUnstyled`](https://next.material-ui.com/components/switches/#unstyled-switches), and a hook: [`useSwitch`](https://next.material-ui.com/components/switches/#useswitch-hook). switch You can follow our progress at https://github.com/mui-org/material-ui/issues/27170. - 💄 We have updated the default `info` `success` `warning` color to be more accessible (#26817) @siriwatknp. You can find the new [default values](https://next.material-ui.com/customization/palette/#default-values) in the documentation. colors ### `@material-ui/core@5.0.0-beta.1` #### Breaking changes - [Fab] Remove no longer necessary span wrapper (#27112) @siriwatknp - [ToggleButton] Remove no longer necessary span wrapper (#27111) @siriwatknp #### Changes - [Autocomplete] Add componentsProps (#27183) @michal-perlakowski - [Avatar] Fix support for crossOrigin (#27013) @ShirasawaSama - [ButtonBase] Correct `disableRipple` API description (#27187) @michaldudak - [ButtonGroup] Add color palette types (#27215) @ShirasawaSama - [SwitchBase] Bring back `checked` and mark as deprecated (#27047) @siriwatknp - [TextField] Remove redundant useFormControl implementation (#27197) @michaldudak - [theme] Add missing MuiRating types to components.d.ts (#27086) @rajzik - [theme] Remove `createV4Spacing` from `adaptV4Theme` (#27072) @siriwatknp - [theme] Update default `info` `success` `warning` color (#26817) @siriwatknp - [ToggleButton] Add color palette types (#27046) @ShirasawaSama - [ToggleButton] Fix the api page (#27164) @oliviertassinari ### `@material-ui/unstyled@5.0.0-alpha.40` - [Switch] Create SwitchUnstyled and useSwitch (#26688) @michaldudak ### `@material-ui/codemod@5.0.0-beta.1` - [codemod] Add v5 important migration (#27032) @siriwatknp - [codemod] Fix v5 codemods on Windows (#27254) @michaldudak ### `@material-ui/system@5.0.0-beta.1` - [Box] Add breakpoint value support to maxWidth prop (#26984) @ansh-saini ### `@material-ui/lab@5.0.0-alpha.40` - [CalendarPicker] Fix slide transition regression (#27273) @eps1lon - [CalendarPicker] Use transition components from core instead of a custom implementation (#27043) @eps1lon - [pickers] Fix default value of text keys (#26990) @oliviertassinari - [TimePicker] Change default minutes and seconds to zero (#27037) @michal-perlakowski ### Docs - [blog] Q2 2021 Update (#27089) @oliviertassinari - [docs] Add information that the label prop in FormControlLabel is now @michal-perlakowski - [docs] Don't crash page if an Ad crashes (#27178) @eps1lon - [docs] Fix alt description of movavi backer @oliviertassinari - [docs] Fix import source of hidden component (#27116) @vimutti77 - [docs] Fix layout regression (#27272) @oliviertassinari - [docs] Fix syntax error in /styles/api markdown (#27176) @sahil-blulabs - [docs] Fix the link for the sx props page (#27202) @mnajdova - [docs] Fix theme context example code (#27053) @moshfeu - [docs] Fix typo in CONTRIBUTING.md (#27218) Ayush Dubey - [docs] Fix typos (#27074) @michaldudak - [docs] Improve nav semantics (#27138) @eps1lon - [docs] Migrate Ad\* components to emotion (#27159) @mnajdova - [docs] Migrate rest of the docs to emotion (#27184) @mnajdova - [docs] Move versions from \_app PageContext to page-specific context (#27078) @eps1lon - [docs] Only bundle one version of the demos in production (#27020) @eps1lon - [docs] Reduce layout shift on landing page (#27251) @eps1lon - [docs] Remove Ethical Ads (#27173) @mbrookes - [docs] Remove unused fs polyfill (#27069) @eps1lon - [docs] Remove usage of `url` package (#27151) @eps1lon - [docs] Replace react-text-mask with react-imask in integration example (#27071) @michal-perlakowski - [docs] Sort the size in a more logical order (#27186) @oliviertassinari - [docs] Use actual link to paperbase (#27063) @eps1lon - [docs] Use custom markdown loader for landing page (#27065) @eps1lon - [docs] Use webpack 5 (#27077) @eps1lon - [examples] Fix CDN warning (#27229) @oliviertassinari - [examples] Remove `StyledEngineProvider` as JSS is not used (#27133) @mnajdova - [examples] Remove forgotten StyledEngineProvider (#27163) @oliviertassinari ### Core - [core] Batch small changes (#26970) @oliviertassinari - [core] Configure Renovate (#27003) @renovate[bot] - [core] Migrate remaining mentions of Dependabot to Renovate (#27118) @eps1lon - [core] Run yarn deduplicate on Renovate updates (#27115) @eps1lon - [test] Document broken React 18 behavior of Autocomplete (#27242) @eps1lon - [test] Increase BS timeout to 6min (#27179) @oliviertassinari - [test] Migrate regressions to emotion (#27010) @vicasas - [test] Narrow down React 18 compat issues (#27134) @eps1lon - [test] Remove StyledEngineProvider usage from regressions and e2e test @mnajdova - [test] Run React 18 integration tests with new createRoot API (#26672) @eps1lon - [test] Update tests with latest state of StrictMode compatibility (#27042) @eps1lon - [test] Use DOM events instead of mocked, partial events (#27198) @eps1lon - [website] Open 4 new roles (#27123) @oliviertassinari - [blog] Danilo Leal joins Material-UI (#27231) @oliviertassinari All contributors of this release in alphabetical order: @eps1lon, @mbrookes, @michal-perlakowski, @michaldudak, @mnajdova, @moshfeu, @oliviertassinari, @rajzik, @renovate[bot], @sahil-blulabs, @ShirasawaSama, @siriwatknp, @vimutti77 ## 5.0.0-beta.0 _Jul 01, 2021_ Big thanks to the 13 contributors who made this release possible. Here are some highlights ✨: - 🎉 This is the first beta release of v5! A huge thanks to everyone who helped to make this happen! We're targeting the 1st of September for a stable release, and will use the next two months to polish v5, and ease the migration from v4. You can follow [the v5 stable milestone](https://github.com/mui-org/material-ui/milestone/44) for more details. We now encourage any new projects to start on v5. - 🚀 We have completed all the planned breaking changes. - ⚒️ We added the codemod CLI to simplify migration to v5 (#26941) @eps1lon. You can find it at [`@material-ui/codemod`](https://github.com/mui-org/material-ui/tree/HEAD/packages/material-ui-codemod). - 🐛 The majority of other changes in this release were bug fixes, test utilities and docs. ### `@material-ui/core@5.0.0-beta.0` #### Breaking changes - [Tabs] Remove unnecessary wrapper from Tab (#26926) @siriwatknp `span` element that wraps children has been removed. `wrapper` classKey is also removed. More details about [this change](https://github.com/mui-org/material-ui/pull/26666). ```diff ``` - [BottomNavigation] Remove wrapper from BottomNavigationAction (#26923) @siriwatknp `span` element that wraps children has been removed. `wrapper` classKey is also removed. More details about [this change](https://github.com/mui-org/material-ui/pull/26666). ```diff ``` #### Changes - [Box] Fix TypeScript error on maxWidth prop (#26859) @ansh-saini - [Dialog] Automatically label by its DialogTitle (#26814) @eps1lon - [Hidden] Bring back and mark as deprecated (#26908) @siriwatknp - [List] Add button runtime deprecation warning (#26743) @siriwatknp - [Modal] Type BackdropProps according to styled version (#26836) @eps1lon - [Radio] Fix `defaultValue` to match the other value types (#26945) @oliviertassinari - [Stepper] Add completed to global pseudo-classes (#26953) @michal-perlakowski - [Stepper] Fix support for no connectors (#26874) @varandasi - [TextField] Prevent `hiddenLabel` from spreading to DOM (#26864) @siriwatknp - [TextField] Fix label disappearing when focusing a button (#26933) @michal-perlakowski ### `@material-ui/codemod@5.0.0-beta.0` - [codemod] Add CLI (#26941) @eps1lon ### @material-ui/icons@5.0.0-beta.0 - [icons] Regenerate transpiled files (#26985) @eps1lon ### @material-ui/lab@5.0.0-alpha.39 #### Breaking changes - [DatePicker] Remove helper text default value (#26866) @DouglasPds Make the default rendered text field closer to the most common use cases (denser). ```diff ( - + )} > ``` #### Changes - [lab] Fix missing dependency on unstyled (#26937) @fishyFrogFace - [pickers] Consider TDate in ToolbarComponent types (#27035) @michal-perlakowski ### `@material-ui/system@5.0.0-beta.0` - [system] Support array overridesResolver (#26824) @siriwatknp ### Docs - [docs] Add notes to Table demo about stableSort (#27025) @CarlosGomez-dev - [docs] Add gold sponsor (#26968) @oliviertassinari - [docs] Update unstyled demos to not depend on `@material-ui/core` (#26869) @mnajdova - [docs] Fix demo paths in windows (#27004) @eps1lon - [docs] Export all locales (#27002) @eps1lon - [docs] Misc CONTRIBUTING.md changes (#26925) @eps1lon - [docs] Fix /components/hidden merge conflict (#26997) @eps1lon - [docs] Fix 404 links (#26963) @oliviertassinari - [docs] Remove link that points to v4 blog post (#26960) @steveafrost - [docs] Use custom webpack loader for markdown (#26774) @eps1lon - [docs] Fix 301 links (#26942) @oliviertassinari - [docs] Add page for the `sx` prop (#26769) @mnajdova - [docs] pre-fill issue when a demo crashes (#27034) @eps1lon - [docs] Move styled page under system (#26818) ### Core - [core] Inline rollup-plugin-size-snapshot (#26986) @eps1lon - [core] Remove unused props clone (#26992) @oliviertassinari - [core] Fix tests on Windows (#26931) @michaldudak - [core] Fix merge conflict between #26954 and #26874 @oliviertassinari - [core] Upgrade issues-helper to v2 (#26955) @michal-perlakowski - [core] Fix merge conflict (#26928) @eps1lon - [test] Convert HiddenCSS tests to testing-library (#27019) @eps1lon - [test] Convert NativeSelectInput tests to testing-library (#26952) @eps1lon - [test] Add a default mount implementation to conformance tests (#26949) @eps1lon - [test] Update tests to pass react@next (#26967) @eps1lon - [test] Add types to describeConformanceV5 (#26954) @eps1lon - [test] Use createPickerMount where appropriate (#26951) @eps1lon - [test] Convert SwipeableDrawer tests to testing-library (#26916) @eps1lon - [test] Convert Menu tests to testing-library (#26915) @eps1lon - [test] Convert Popover tests to testing-library (#26913) @eps1lon - [test] Convert Modal tests to testing-library (#26912) @eps1lon - [test] Make remaining testing-library tests StrictMode compatible (#26924) @eps1lon - [test] Only allow wrapping enzyme mount not creating (#27018) @eps1lon - [typescript] Disallow spreading TransitionHandlerProps (#26927) @eps1lon All contributors of this release in alphabetical order: @ansh-saini, @BC-M, @CarlosGomez-dev, @DouglasPds, @eps1lon, @fishyFrogFace, @michal-perlakowski, @michaldudak, @mnajdova, @oliviertassinari, @siriwatknp, @steveafrost, @varandasi ## 5.0.0-alpha.38 _Jun 23, 2021_ Big thanks to the 18 contributors who made this release possible. Here are some highlights ✨: - 🚀 We have only 2 left in the [breaking changes](https://github.com/mui-org/material-ui/issues/20012). The plan to release 5.0.0-beta.0 is on July 1st and will start to promote its usage over v4. - 🎨 We have updated `Slider` to match current [Material Design guidelines](https://material.io/components/sliders). - 💡 `IconButton` now supports 3 sizes (`small, medium, large`). [See demo](https://next.material-ui.com/components/buttons/#sizes-2). - ♿️ We have improved the default style of the `Link` to be more accessible (#26145) @ahmed-28 ### `@material-ui/core@5.0.0-alpha.38` #### Breaking changes - [Menu] Use ButtonBase in MenuItem (#26591) @siriwatknp - Change the default value of `anchorOrigin.vertical` to follow the Material Design guidelines. The menu now displays below the anchor instead of on top of it. You can restore the previous behavior with: ```diff +
  • ``` - The prop `listItemClasses` was removed, you can use `classes` instead. ```diff - + ``` - [theme] Improve default breakpoints (#26746) @siriwatknp The default breakpoints were changed to better match the common use cases. They also better match the Material Design guidelines. [Read more about the change](https://github.com/mui-org/material-ui/issues/21902). ```diff { xs: 0, sm: 600, - md: 960, + md: 900, - lg: 1280, + lg: 1200, - xl: 1920, + xl: 1536, } ``` If you prefer the old breakpoint values, use the snippet below. ```js import { createTheme } from '@material-ui/core/styles'; const theme = createTheme({ breakpoints: { values: { xs: 0, sm: 600, md: 960, lg: 1280, xl: 1920, }, }, }); ``` - [IconButton] Add size `large` and update styles (#26748) @siriwatknp The default size's padding is reduced to `8px` which makes the default IconButton size of `40px`. To get the old default size (`48px`), use `size="large"`. The change was done to better match Google's products when Material Design stopped documenting the icon button pattern. ```diff - + ``` - [Slider] Adjust css to match the specification (#26632) @siriwatknp Rework the CSS to match the latest [Material Design guidelines](https://material.io/components/sliders) and make custom styles more intuitive. [See documentation](https://next.material-ui.com/components/slider/). You can reduce the density of the slider, closer to v4 with the [`size="small"` prop](https://next.material-ui.com/components/slider/#sizes). - [IconButton] Remove label span (#26801) @siriwatknp `span` element that wraps children has been removed. `label` classKey is also removed. More details about [this change](https://github.com/mui-org/material-ui/pull/26666). ```diff ``` - [core] Remove `unstable_` prefix on the `useThemeProps` hook (#26777) @mnajdova The following utilities were renamed to not contain the `unstable_` prefix: - `@material-ui/sytstem` ```diff import { - unstable_useThemeProps, + useThemeProps, } from '@material-ui/system'; ``` - `@material-ui/core` ```diff import { - unstable_useThemeProps, + useThemeProps, } from '@material-ui/core/styles'; ``` #### Changes - [Alert] Add support for custom colors (#26831) @varandasi - [Button] Fix loading text invisible when disabled (#26857) @DanielBretzigheimer - [ButtonBase] Consider as a link with a custom component and `to` prop (#26576) @shadab14meb346 - [ButtonBase] Derive state on render instead of in layout effects (#26762) @eps1lon - [Drawer] Fix incorrect z-index (#26791) @michal-perlakowski - [Drawer] Remove incorrect transition handler props (#26835) @eps1lon - [Link] Improve accessibility support (#26145) @ahmed-28 - [Modal] Fix calculating scrollbar size when using custom scrollbar (#26816) @michal-perlakowski - [Rating] Make input ids less predictable (#26493) @eps1lon - [Stepper] Add componentsProps.label to StepLabel (#26807) @michal-perlakowski - [Tabs] Show error when Tab has display: none (#26783) @michal-perlakowski - [theme] Add base color palette type to components (#26697) @siriwatknp ### `@material-ui/system@5.0.0-alpha.38` #### Breaking Changes - [system] Normalize api for `createBox` (#26820) @mnajdova ```diff import { createBox } from '@material-ui/system'; -const styled = createBox(defaultTheme); +const styled = createBox({ defaultTheme }); ``` #### Changes - [system] Add ThemeProvider component (#26787) @mnajdova ### Docs - [docs] Fix misspelling of the word Typography (#26898) @dmrqx - [docs] Instruct users to install @material-ui/icons with the next tag (#26873) @michal-perlakowski - [docs] Sync translations (#26828) @l10nbot - [docs] Improve grammar of autocomplete/autofill section (#26798) @dijonkitchen - [docs] Explain "inherited props" better in the props table (#26778) @eps1lon - [docs] Fix documentation for upgrading to v5 (#26812) @tungdt-90 - [docs] Improve notification color (#26796) @mnajdova - [docs] Fix various a11y issues with /customization/color (#26757) @eps1lon - [docs] Move custom theme to frame (#26744) @siriwatknp - [docs] Fix small PT typo fix: inciar -> iniciar (#26775) @brunocavalcante - [I10n] Add Chinese (Hong Kong) (zh-HK) locale (#26637) @kshuiroy - [l10n] Add sinhalese (siLK) locale (#26875) @pavinduLakshan - [examples] Rename nextjs typescript theme from tsx to ts (#26862) @Izhaki ### Core - [test] Fix Drawer test API @oliviertassinari - [test] Adjust expected useAutocomplete error messages for React 18 (#26858) @eps1lon - [test] Convert Drawer tests to testing-library (#26837) @eps1lon - [test] Convert remaining enzyme tests to testing-library (#26832) @eps1lon - [test] Ignore ReactDOM.hydrate deprecation warnings (#26815) @eps1lon - [test] Reduce flakiness (#26761) @eps1lon - [useId] Reduce likelyhood of collisions (#26758) @eps1lon - yarn deduplicate @oliviertassinari - Fix running framer's prettier under pwsh (#26819) @michaldudak - [core] Update babel-plugin-optimize-clsx (#26861) @oliviertassinari - [core] Assume no document.all at runtime (#26821) @eps1lon - [core] Remove dependency on `@material-ui/private-theming` (#26793) @mnajdova - [core] Remove dependency on `@material-ui/styled-engine` (#26792) @mnajdova All contributors of this release in alphabetical order: @ahmed-28, @brunocavalcante, @DanielBretzigheimer, @dijonkitchen, @dmrqx, @eps1lon, @Izhaki, @kshuiroy, @l10nbot, @michal-perlakowski, @michaldudak, @mnajdova, @oliviertassinari, @pavinduLakshan, @shadab14meb346, @siriwatknp, @tungdt-90, @varandasi ## 5.0.0-alpha.37 _Jun 15, 2021_ Big thanks to the 11 contributors who made this release possible. Here are some highlights ✨: - 💄 Add support for responsive props on the Grid component (#26590) @likitarai1. This fixes a longstanding issue. You can now specify different values for each breakpoint. ```jsx ``` Head to the [documentation](https://next.material-ui.com/components/grid/#responsive-values) for more details. - ⚒️ We've introduced a new `useTheme` and `useThemeProps` hooks in the `@material-ui/system` package. We believe that this package can be used as a standalone styling solution for building custom design systems (#26649) @mnajdova. - 💥 Made progress with the breaking changes. We have done 105 of the 109 changes [planned](https://github.com/mui-org/material-ui/issues/20012). We are getting closer to our goal of releasing 5.0.0-beta.0 on July 1st and start to promote its usage over v4. You can also follow [our milestone](https://github.com/mui-org/material-ui/milestone/35) for more details. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@5.0.0-alpha.37` #### Breaking changes - [Button] Remove label span (#26666) @siriwatknp The `span` element that wraps children has been removed. `label` classKey is also removed. The nested span was required for fixing a flexbox issue with iOS < 11.0. ```diff ``` #### Changes - [Button] Add missing color type (#26593) @sakura90 - [Grid] Add responsive direction and spacing props (#26590) @likitarai1 - [List] Add ListItemButton export to index (#26667) @chadmuro - [theme] Fix missing exported Breakpoints types (#26684) @robphoenix ### `@material-ui/system@5.0.0-alpha.37` #### Breaking changes - [system] Remove `theme` & `isRtl` from `useThemeProps` (#26701) @mnajdova The `isRtl` and `theme` props are no longer added by the `useThemeProps` hook. You can use the `useTheme` hook for this. ```diff -import { unstable_useThemeProps as useThemeProps } from '@material-ui/core/styles'; +import { unstable_useThemeProps as useThemeProps, useTheme } from '@material-ui/core/styles'; const Component = (inProps) => { - const { isRtl, theme, ...props } = useThemeProps({ props: inProps, name: 'MuiComponent' }); + const props = useThemeProps({ props: inProps, name: 'MuiComponent' }); + const theme = useTheme(); + const isRtl = theme.direction === 'rtl'; //.. rest of the code } ``` #### Changes - [system] Add useThemeProps & useTheme hooks (#26649) @mnajdova - [system] Add color manipulators (#26668) @mnajdova - [system] Fix support of custom shape in createTheme (#26673) @varandasi ### `@material-ui/unstyled@5.0.0-alpha.37` - [Slider] Improve TS definition (#26642) @mnajdova - [TrapFocus] Capture nodeToRestore via relatedTarget (#26696) @eps1lon ### `@material-ui/icons@5.0.0-alpha.37` - Revert "[icons] Only ship ES modules (#26310)" (#26656) @eps1lon The changes that we have tried in #26310 were breaking the integration with Next.js. ### `@material-ui/lab@5.0.0-alpha.37` - [core] Remove unused useKeyDown (#26765) @eps1lon - [DateTimePicker] Fix not visible selected tab icon (#26624) @nikitabobers ### Docs - [blog] Michał Dudak joins Material-UI (#26700) @oliviertassinari - [docs] Migrate onepirate premium template to emotion part2 (#26707) @vicasas - [docs] Fix TextField demo layout (#26710) @vicasas - [docs] Improve Paperbase demo (#26711) @oliviertassinari - [docs] Migrate onepirate premium template to emotion part1 (#26671) @vicasas - [docs] Migrate paperbase premium template to emotion (#26658) @vicasas - [List] Fix demo to have correct semantic (#26742) @siriwatknp ### Core - [core] Monitore size of key system modules (#26712) @oliviertassinari - [core] Batch small changes (#26738) @oliviertassinari - [core] Batch small changes (#26628) @oliviertassinari - [test] Ignore ReactDOM.render deprecation warning (#26683) @eps1lon - [test] Run e2e test with React 18 on a schedule (#26690) @eps1lon - [test] Count profiler renders not passive effects (#26678) @eps1lon - [test] Bundling fixtures should not override source build with published build (#26657) @eps1lon - [test] Make tests oblivious to StrictMode (#26654) @eps1lon All contributors of this release in alphabetical order: @chadmuro, @eps1lon, @likitarai1, @mnajdova, @nikitabobers, @oliviertassinari, @robphoenix, @sakura90, @siriwatknp, @varandasi, @vicasas ## 5.0.0-alpha.36 _Jun 8, 2021_ Big thanks to the 14 contributors who made this release possible. Here are some highlights ✨: - ⚒️ We've introduced a new `ListItemButton` component that should prevent common mistakes when using `` and help with customization and TypeScript support (#26446) @siriwatknp. - 👩‍🎤 `experimentalStyled` is now available without the `experimental` prefix. We're confident that its API shouldn't receive any major changes until the stable release of v5 (#26558) @mnajdova. - 📦 `@material-ui/icons` only ships ES modules and no longer CommonJS modules. This reduces the download size of the package from 1.7 MB to 1.2 MB and install size from 15.6 MB to 6.7 MB (#26310) @eps1lon. - 💄 Add support for [row and column spacing](https://next.material-ui.com/components/grid/#row-amp-column-spacing) in the Grid component (#26559) @likitarai1. grid spacing demo Note that this feature was already available for [CSS grid users](https://next.material-ui.com/components/grid/#css-grid-layout) with the `rowGap` and `columnGap` props. ### `@material-ui/core@5.0.0-alpha.36` #### Breaking changes - [AppBar] Fix background color on dark mode (#26545) @siriwatknp The `color` prop has no longer any effect in dark mode. The app bar uses the background color required by the elevation to follow the [Material Design guidelines](https://material.io/design/color/dark-theme.html). Use `enableColorOnDark` to restore the behavior of v4. ```jsx ``` - [core] Rename `experimentalStyled` to `styled` (#26558) @mnajdova Remove the experimental prefix, this module is going stable: ```diff -import { experimentalStyled as styled } from '@material-ui/core/styles'; +import { styled } from '@material-ui/core/styles'; ``` - [SwitchBase] Replace IconButton with ButtonBase (#26460) @siriwatknp - [theme] Improve default `primary`, `secondary` and `error` theme palette (#26555) @siriwatknp #### Changes - [Box] Fix module 'clsx' not found in system (#26553) @coder-freestyle - [Box] Fix runtime error when using styled-components without ThemeProvider (#26548) @mnajdova - [Radio][Checkbox] Don't forward `color` to DOM elements (#26625) @siriwatknp - [Dialog] Flatten DialogTitle DOM structure, remove `disableTypography` (#26323) @eps1lon - [Grid] Add rowSpacing and columnSpacing props (#26559) @likitarai1 - [List] extract button from ListItem to ListItemButton (#26446) @siriwatknp - [Popover] Fix PaperProps.ref breaking positioning (#26560) @vedadeepta - [Rating] onChangeActive shouldn't be fired on blur/focus (#26584) @coder-freestyle - [Select] Fix custom font size centering arrow (#26570) @sarahannnicholson - [styled] Convert implicit styleProps to explicit (#26461) @mnajdova@siriwatknp - [Tabs] Fix RTL indicator (#26470) @siriwatknp - [Tabs] Fix arrow rotation in vertical & RTL (#26527) @siriwatknp - [TextField] Fix support for custom `size` prop value (#26585) @coder-freestyle - [Tooltip] Finish exiting once started (#26535) @eps1lon ### `@material-ui/icons@5.0.0-alpha.36` #### Breaking changes - [icons] Only ship ES modules (#26310) @eps1lon The `require()` of `@material-ui/icons` is no longer supported. This should not affect you if you're using a bundler like `webpack` or `snowpack` or meta frameworks like `next` or `gatsby`. ### `@material-ui/lab@5.0.0-alpha.36` #### Breaking changes - [pickers] Remove `openPickerIcon` prop in favor of `components.OpenPickerIcon` (#26223) @vedadeepta ```diff } ``` ### `@material-ui/system@5.0.0-alpha.36` - [system] Add createTheme util (#26490) @mnajdova ### Docs - [docs] Migrate templates to emotion (#26604) @vicasas - [docs] Remove custom primary & secondary color (#26541) @siriwatknp - [docs] Don't escape prop descriptions for markdown table context (#26579) @eps1lon - [docs] Prepare for data grid auto-generated docs (#26477) @m4theushw - [docs] Fix typo sx !== xs (#26596) @onpaws - [docs] Multiple select demos moving when selecting values (#26539) @itsnorbertkalacska - [docs] Improve migration guide for `@material-ui/styles` (#26552) @mnajdova - [docs] `Rating` `value` is nullable in `onChange` (#26542) @sakura90 - [example] Remove the dependency on @material-ui/styles (#26567) @garfunkelvila ### Core - [core] Ignore latest prettier run in git-blame @eps1lon - [core] Format @eps1lon - [test] Add bundle fixtures (#23166) @eps1lon - [website] Add Michał to the About Us page (#26557) @michaldudak All contributors of this release in alphabetical order: @coder-freestyle, @eps1lon, @garfunkelvila, @itsnorbertkalacska, @likitarai1, @m4theushw, @michaldudak, @mnajdova, @onpaws, @sakura90, @sarahannnicholson, @siriwatknp, @vedadeepta, @vicasas ## 5.0.0-alpha.35 _May 31, 2021_ Big thanks to the 14 contributors who made this release possible. Here are some highlights ✨: - 👩‍🎤 We have completed the migration to emotion of all the components (`@material-ui/core` and `@material-ui/lab`) @siriwatknp, @mnajdova. - 📦 Save [10 kB gzipped](https://bundlephobia.com/result?p=@material-ui/core@5.0.0-alpha.34) by removing the dependency on `@material-ui/styles` (JSS) from the core and the lab (#26377, #26382, #26376) @mnajdova. - ⚒️ Add many new [codemods](https://github.com/mui-org/material-ui/blob/HEAD/packages/material-ui-codemod/README.md) to automate the migration from v4 to v5 (#24867) @mbrookes. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@5.0.0-alpha.35` #### Breaking changes - [styles] Remove `makeStyles` from `@material-ui/core` (#26382) @mnajdova The `makeStyles` JSS utility is no longer exported from `@material-ui/core`. You can use `@material-ui/styles` instead. Make sure to add a `ThemeProvider` at the root of your application, as the `defaultTheme` is no longer available. If you are using this utility together with `@material-ui/core`, it's recommended you use the `ThemeProvider` component from `@material-ui/core` instead. ```diff -import { makeStyles } from '@material-ui/core/styles'; +import { makeStyles } from '@material-ui/styles'; +import { createTheme, ThemeProvider } from '@material-ui/core/styles'; +const theme = createTheme(); const useStyles = makeStyles((theme) => ({ background: theme.palette.primary.main, })); function Component() { const classes = useStyles(); return
    } // In the root of your app function App(props) { - return ; + return ; } ``` - [styles] Remove `withStyles` from `@material-ui/core` (#26377) @mnajdova The `withStyles` JSS utility is no longer exported from `@material-ui/core`. You can use `@material-ui/styles` instead. Make sure to add a `ThemeProvider` at the root of your application, as the `defaultTheme` is no longer available. If you are using this utility together with `@material-ui/core`, you should use the `ThemeProvider` component from `@material-ui/core` instead. ```diff -import { withStyles } from '@material-ui/core/styles'; +import { withStyles } from '@material-ui/styles'; +import { createTheme, ThemeProvider } from '@material-ui/core/styles'; +const defaultTheme = createTheme(); const MyComponent = withStyles((props) => { const { classes, className, ...other } = props; return
    })(({ theme }) => ({ root: { background: theme.palette.primary.main }})); function App() { - return ; + return ; } ``` - [styles] Merge options in `experimentalStyled` (#26396) @mnajdova The options inside the `experimentalStyled` module are now merged under one object. In the coming weeks, we will rename ths module: `styled()` to signal that it's no longer experimental. ```diff -experimentalStyled(Button, { shouldForwardProp: (prop) => prop !== 'something' }, { skipSx: true })(...); +experimentalStyled(Button, { shouldForwardProp: (prop) => prop !== 'something', skipSx: true })(...); ``` - [Tabs] Update `min` & `max` width and remove `minWidth` media query (#26458) @siriwatknp Update the implementation to better match Material Design: - Tab `minWidth` changed from `72px` => `90px` (without media-query) according to [material-design spec](https://material.io/components/tabs#specs) - Tab `maxWidth` changed from `264px` => `360px` according to [material-design spec](https://material.io/components/tabs#specs) #### Changes - [ButtonBase] Fix role="button" attribute (#26271) @Gautam-Arora24 - [Dialog] Fix support for custom breakpoints (#26331) @jeferson-sb - [Select] Open popup below button (#26200) @oliviertassinari - [TextField] Add variants support, e.g. custom sizes (#26468) @siriwatknp - [Tooltip] Improve handling of small vs. touch screens (#26097) @oliviertassinari ### `@material-ui/codemod@5.0.0-alpha.35` - [codemod] Add multiple codemods to migrate components from v4 to v5 (#24867) @mbrookes - [codemod] Correct path and add target placeholder (#26414) @mbrookes ### `@material-ui/icons@5.0.0-alpha.35` - [icons] Use array children instead of React fragments (#26309) @eps1lon Reduce a bit the size of the package. ### `@material-ui/system@5.0.0-alpha.35` We are progressively moving all modules that are relevant to styling custom design systems in this package. It's meant to be complementary with `@material-ui/unstyled`. - [system] Add Box to system (#26379) @mnajdova - [system] Add createStyled utility (#26485) @mnajdova ### `@material-ui/styled-engine-sc@5.0.0-alpha.35` - [styled-engine] Fix styled() util to respect `options` (#26339) @pasDamola ### `@material-ui/lab@5.0.0-alpha.35` #### Breaking changes - [pickers] Remove allowKeyboardControl (#26451) @eps1lon - [ClockPicker] Rework keyboard implementation (#26400) @eps1lon Remove the `allowKeyboardControl` prop from ClockPicker (and TimePicker and variants). Keyboard navigation now works by default. #### Changes - [Button] Migrate LoadingButton to emotion (#26370) @siriwatknp - [ClockPicker] Selected option is the active descendant (#26411) @eps1lon - [DatePicker] Migrate CalendarPicker to emotion (#26390) @siriwatknp - [DatePicker] Migrate CalendarPickerSkeleton to emotion (#26335) @siriwatknp - [DateRangePicker] Migrate DateRangePickerDay to emotion (#26368) @siriwatknp - [DateRangePicker] Migrate internal components to emotion (#26326) @siriwatknp - [pickers] Migrate PickersCalendarHeader to emotion (#26354) @siriwatknp - [pickers] Migrate PickersModalDialog to emotion (#26355) @siriwatknp - [pickers] Migrate PickersPopper to emotion (#26391) @siriwatknp - [pickers] Migrate PickersTransition to emotion (#26353) @siriwatknp - [TimePicker] Migrate ClockPicker to emotion (#26389) @siriwatknp - [TreeView] Correctly select items in deeply nested trees (#26413) @Dru89 ### Docs - [docs] Add page for `experimentalStyled()` (#26361) @mnajdova - [docs] Add TypeScript convention (#26259) @siriwatknp - [docs] Add warning about git-blame-ignore-revs (#26487) @eps1lon - [docs] Clarify migration from Hidden (#26348) @m4theushw - [docs] Fix grammar for style library page (#26325) @mbrookes - [docs] Persist copied state indefinitely or until the user moves their cursor (#26336) @eps1lon - [docs] Typo in MultipleSelect (#26466) @wolfykey - [docs] Update system installation for v5 (#26481) @mnajdova - [template] Demo how to retreive form value (#26393) @akshitsuri ### Core - [core] Batch small changes (#26434) @oliviertassinari - [core] Fix peer dependencies declaration with yarn v2 (#26433) @oliviertassinari - [core] Remove `@material-ui/styles` dependencies from declaration files too (#26376) @mnajdova - [core] Revert Leverage CircleCI workspaces for jobs after checkout (#26444) @eps1lon - [test] Don't hoist constant elements (#26448) @eps1lon - [test] Fix prop-type warning (#26432) @oliviertassinari - [test] Flush scheduled effects before user event returns (#26447) @eps1lon - [test] Move ClockPicker tests to ClockPicker.test (#26407) @eps1lon - [test] setProps from createPickerRender should set props on the rendered element (#26405) @eps1lon - [utils] Convert useId to TypeScript (#26491) @eps1lon - [website] Add Material-UI X page (#25794) @DanailH - [website] Add open application section (#26501) @oliviertassinari - [website] Add Siriwat to team page (#26406) @siriwatknp All contributors of this release in alphabetical order: @akshitsuri, @DanailH, @Dru89, @eps1lon, @Gautam-Arora24, @jeferson-sb, @m4theushw, @mbrookes, @mnajdova, @oliviertassinari, @pasDamola, @siriwatknp, @wolfykey ## 5.0.0-alpha.34 _May 18, 2021_ Big thanks to the 16 contributors who made this release possible. Here are some highlights ✨: - 💥 Make progress with the breaking changes. We have done 89 of the 109 changes [planned](https://github.com/mui-org/material-ui/issues/20012). We will release 5.0.0-beta.0 on July 1st and start to promote its usage over v4. You can also follow [our milestone](https://github.com/mui-org/material-ui/milestone/35) for more details. - 🚀 Make progress with components migration to emotion. We have done 153 of the 168 components (almost there!) - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@5.0.0-alpha.34` #### Breaking change - [Select][NativeSelect] Polish CSS classes (#26186) @m4theushw **Select, NativeSelect** Merge the `selectMenu` slot into `select`. Slot `selectMenu` was redundant. The `root` slot is no longer applied to the select, but to the root. ```diff - + ``` **TablePagination** Move the custom class on `input` to `select`. The `input` key is being applied on another element. ```diff ``` - [core] Move `StyledEngineProvider` to `@material-ui/core/styles` (#26265) @mnajdova Change location of `StyledEngineProvider` import. ```diff -import StyledEngineProvider from '@material-ui/core/StyledEngineProvider'; +import { StyledEngineProvider } from '@material-ui/core/styles'; ``` - [Autocomplete] Apply .Mui-focused instead of data-focus on the focused option (#26181) @m4theushw The `data-focus` attribute is not set on the focused option anymore, instead, global class names are used. ```diff -'.MuiAutocomplete-option[data-focus="true"]': { +'.MuiAutocomplete-option.Mui-focused': { ``` - [Radio] Make color primary default (#26180) @vicasas - [Switch] Make color primary default (#26182) @vicasas - [pickers] Drop ResponsiveWrapper usage (#26123) @eps1lon When a responsive picker changes from mobile to desktop, it will now clear its entire state. To keep the original behavior you can implement a controlled picker: ```js function ResponsiveDateTimePicker(props) { const [open, setOpen] = React.useState(false); return ( setOpen(false)} onOpen={() => setOpen(true)} {...props} /> ); } ``` - [Autocomplete] Rename getOptionSelected to isOptionEqualToValue (#26173) @m4theushw ```diff option.title === value.title} + isOptionEqualToValue={(option, value) => option.title === value.title} /> ``` > Follow [this link](https://next.material-ui.com/guides/migration-v4/#main-content) for full migration from v4 => v5 #### Changes - [TextField] Fix hiddenLabel type of FilledInput (#26290) @siriwatknp - [TextField] Fix classes forward to InputBase (#26231) @arpitBhalla - [Autocomplete] Fix missing 'createOption' in AutocompleteCloseReason type (#26197) @Gautam-Arora24 - [Autocomplete] Reduce CSS specificity by 1 (#26238) @Gautam-Arora24 - [ButtonBase] Omit aria-disabled if not disabled (#26189) @Gautam-Arora24 - [colors] Fix A inconsistencies (#26196) @oliviertassinari - [examples] Fix dynamic global styles & global styles leak in the ssr examples (#26177) @mnajdova - [Slider] Fix support for non primary colors (#26285) @davidfdriscoll - [Slider] Center value label for disabled slider (#26257) @davidfdriscoll - [styled-engine] Fix styled-components not supporting empty style (#26098) @ruppysuppy - [styles] Fix overrides type issues (#26228) @mnajdova - [Container] Fix support for custom breakpoints (#26328) @alanszp ### `@material-ui/lab@5.0.0-alpha.34` - [pickers] Migrate TimePickerToolbar to emotion (#26274) @siriwatknp - [pickers] Migrate DatePickerToolbar to emotion (#26292) @siriwatknp - [DateTimePicker] Migrate DateTimePickerTabs and Toolbar to emotion (#26327) @siriwatknp - [DatePicker] Migrate PickersYear to emotion (#25949) @siriwatknp - [DateRangePicker] Migrate PickersToolbarText to emotion (#25983) @siriwatknp - [pickers] Migrate StaticWrapper to emotion (#26275) @siriwatknp - [pickers] Migrate Clock to emotion (#26278) @siriwatknp - [pickers] Migrate PickersToolbar to emotion (#26273) @siriwatknp - [pickers] Migrate ClockNumber to emotion (#26058) @siriwatknp - [pickers] Migrate ClockPointer to emotion (#26057) @siriwatknp - [pickers] Migrate PickersMonth to emotion (#26021) @siriwatknp - [pickers] Migrate MonthPicker to emotion (#26025) @siriwatknp - [pickers] Migrate PickersDay to emotion (#25995) @siriwatknp - [pickers] Migrate PickersToolbarButton to emotion (#25989) @siriwatknp ### `@material-ui/icons@5.0.0-alpha.34` - [icons] Remove extraneous React.Fragment (#26308) @eps1lon - [icons] Synchronize icons (#26302) @eps1lon New DriveFileMove icon and its variants ### Docs - [NProgressBar] Fix invalid ARIA and HTML (#26234) @eps1lon - [docs] Simplify demos slider (#26324) @oliviertassinari - [docs] Use transpiled icons directly (#26268) @eps1lon - [docs] Remove dependency on withStyles from @material-ui/core/styles (#26269) @mnajdova - [docs] Add Jalali date picker demo (#26243) @smmoosavi - [docs] Remove last dependencies on `makeStyles` from `@material-ui/core/styles` (#26246) @mnajdova - [docs] Polish the pickers demo (#26094) @oliviertassinari - [docs] Fix broken overrides link on API pages (#26244) @mnajdova - [docs] Improve documentation for Buttons (#26184) @arpitBhalla - [docs] Emphasize on props for screen readers (#26222) @atisheyJain03 - [docs] Link third-party routing in Bottom Navigation (#26190) @arpitBhalla - [docs] Migrate Select, Progress demos to emotion (#26178) @mnajdova - [docs] Add accessibility section to Badges (#26009) @likitarai1 - [docs] Migrate Popper, Drawer demos to emotion (#26183) @mnajdova - [docs] Use public next/router events API (#26233) @eps1lon - [docs] Remove remnants Hidden component (#26191) @vicasas - [docs] Ensure TreeView demos don't overflow demo container (#26161) @eps1lon - [docs] Fix a typo in the import statement of LocalizationProvider (#26226) @huyenltnguyen - [docs] Improve react-admin coverage in the showcase (#26169) @fzaninotto - [docs] Fix Workbox that are causing infinite loading of site (#26193) @arpitBhalla ### Core - [core] Skip sx prop in internal components (#26235) @mnajdova - [core] Remove `withStyles` dependencies from `@material-ui/core/styles` (#26277) @mnajdova - [core] Include human readable target in the browserstack build (#26322) @eps1lon - [core] Fix NotchedOutlineProps type (#26305) @gnowland - [core] Add file for git-blame --ignore-revs-file (#26295) @eps1lon - [core] Ensure component class keys aren't missing (#25754) @eps1lon - [core] Drop support for blocking mode (#26262) @eps1lon - [core] Don't download monorepo packages (#26261) @eps1lon - [core] Batch small changes (#26199) @oliviertassinari - [core] Extract classes descriptions from TypeScript (#25933) @eps1lon - [styled-engine] Fix test script (#26258) @ruppysuppy All contributors of this release in alphabetical order: @arpitBhalla, @atisheyJain03, @davidfdriscoll, @eps1lon, @fzaninotto, @Gautam-Arora24, @gnowland, @huyenltnguyen, @likitarai1, @m4theushw, @mnajdova, @oliviertassinari, @ruppysuppy, @siriwatknp, @smmoosavi, @vicas ## 5.0.0-alpha.33 _May 9, 2021_ Big thanks to the 17 contributors who made this release possible. Here are some highlights ✨: - 💥 Make progress with the breaking changes. We have done 81 of the 109 changes [planned](https://github.com/mui-org/material-ui/issues/20012). We will release 5.0.0-beta.0 on July 1st and start to promote its usage over v4. You can also follow [our milestone](https://github.com/mui-org/material-ui/milestone/35) for more details. - And many more 🐛 bug fixes and 📚 improvements. ### `@material-ui/core@5.0.0-alpha.33` #### Breaking changes - [core] Remove deprecated innerRef prop (#26028) @m4theushw **withStyles** Replace the `innerRef` prop with the `ref` prop. Refs are now automatically forwarded to the inner component. ```diff import * as React from 'react'; import { withStyles } from '@material-ui/core/styles'; const MyComponent = withStyles({ root: { backgroundColor: 'red', }, })(({ classes }) =>
    ); function MyOtherComponent(props) { const ref = React.useRef(); - return ; + return ; } ``` **withTheme** Replace the `innerRef` prop with the `ref` prop. Refs are now automatically forwarded to the inner component. ```diff import * as React from 'react'; import { withTheme } from '@material-ui/core/styles'; const MyComponent = withTheme(({ theme }) =>
    {props.theme.direction}
    ); function MyOtherComponent(props) { const ref = React.useRef(); - return ; + return ; } ``` - [theme] Rename `createMuiTheme` to `createTheme` (#25992) @m4theushw Developers only need one theme in their application. A prefix would suggest a second theme is needed. It's not the case. `createMuiTheme` will be removed in v6. ```diff -import { createMuiTheme } from '@material-ui/core/styles'; +import { createTheme } from '@material-ui/core/styles'; -const theme = createMuiTheme({ +const theme = createTheme({ ``` - [theme] Remove MuiThemeProvider alias (#26171) @m4theushw The `MuiThemeProvider` is no longer exported. Use `ThemeProvider` instead. It was removed from the documentation during v4-beta, 2 years ago. ```diff -import { MuiThemeProvider } from '@material-ui/core/styles'; +import { ThemeProvider } from '@material-ui/core/styles'; ``` - [Box] Remove the `clone` prop (#26031) @m4theushw Its behavior can be obtained using the `sx` prop. ```diff - - - + ``` - [Box] Remove render prop (#26113) @m4theushw Its behavior can be obtained using the `sx` prop directly on the child if it's a Material-UI component. For non-Material-UI components use the `sx` prop in conjunction with the `component` prop: ```diff - - {(props) => } - + ``` ```diff - - {(props) => } - +Save ``` - [Checkbox] Make color="primary" default (#26002) @vicasas This better matches the Material Design guidelines. ```diff - + + - + (#12955) @lukePeavey - [docs] Minor style update of the tabs demos (#12958) @dotku - [docs] Glamorous is deprecated for emotion (#12963) @oliviertassinari - [docs] Add Emotion to style interoperability guide (#12966) @lukePeavey - [docs] Fix IconButton Snackbar demos (#12964) @bhalahariharan - [docs] Show how to combine OutlinedInput and FilledInput (#12968) @oliviertassinari - [docs] Fix Typo in PaymentForm.js (#12971) @n3n - [docs] Fix Typo in page-layout-examples (#12974) @n3n ### Core - [typescript] Improve definitions with strictNullChecks disabled (#12895) @eps1lon - [typescript] Remove unused isMuiComponent definition (#12903) @eps1lon - [core] Add setRef helper (#12901) @eps1lon - [core] Fix umd bundle (#12905) @oliviertassinari - [core] Use .browserlistrc as single point of thruth for target env §#12912) @eps1lon - [typescript] Add missing `MuiFilledInput` to 'Overrides' (#12938) @marcel-ernst ## 3.1.0 ###### _Sep 16, 2018_ Big thanks to the 24 contributors who made this release possible! Here are some highlights ✨: - 💅 Add outlined and filled text field variants (#12076) @enagy27. - ♿️ Document how to make the icons accessible (#12822). - 🐛 Fix a class name generation regression (#12844). - And many more bug fixes 🐛 and documentation improvements 📝. ### `@material-ui/core@v3.1.0` - [Checkbox] Add indeterminateIcon type definition (#12815) @cvanem - [Popover] Change to offsetWidth and offsetHeight (#12816) @akaxiaok - [styles] Use the same class name generator (#12818) @oliviertassinari - [styles] Revert packageId as default option (#12823) @oliviertassinari - [withStyles] Fix JSS issues in IE11 in development (#12826) @novascreen - [autocomplete] Fix incorrect input font in react-select autocomplete demo (#12828) @wijwoj - [withWidth] Prevent Rerendering (#12825) @junhyukee - [SvgIcon] Improve accessibility (#12822) @oliviertassinari - [CircularProgress] Update missing type definitions (#12835) @gsalisi - [styles] Remove the packageId (#12844) @oliviertassinari - [Typography] Add inherit and screen reader only (#12837) @oliviertassinari - [Select] Test if child passed to onChange handler (#12852) @akaxiaok - [TableSortLabel] Remove sort icon when not active (#12874) @markselby9 - [icons] Add `fontSize` small and large (#12865) @JoshuaLicense - [Chip] Add an icon property (#12881) @aretheregods - [TextField] Add outlined and filled variants (#12076) @enagy27 ### `@material-ui/lab@v3.0.0-alpha.16` - [Slider] Don't pass component props down to root div (#12842) @mbrookes - [Slider] Faster transitions (#12843) @mbrookes - [SpeedDial] Fix ARIA & fix duplicate id in docs example (#12846) @mbrookes - [SpeedDial] Remove redundant aria-labelledby (#12847) @mbrookes - [SpeedDial] Fix not opening on first tap in mobile (#12771) @hashwin - [Slider] Feature Custom Icon (#12600) @adeelibr ### Docs - [docs] Fix the gatsby example (#12817) @oliviertassinari - [docs] Fix Typo in Pricing.js (#12821) @enducker - [docs] Fix Typo in Checkout.js (#12820) @enducker - [docs] Fix typo in popover.md (#12832) @amacleay - [docs] Add documentation for css-to-mui-loader (#12841) @mcdougal - [docs] Fix ToggleButtons example typography variant (#12845) @mbrookes - [docs] Fix very minor typo (Docs - page layout examples) (#12849) @bcapinski - [SvgIcon] Fix minor typo in docs (#12848) @iamhosseindhv - [docs] Fix typo in blog page layout README (#12868) @sethduncan - [docs] Update comparison.md (#12877) @GideonShils - [docs] Split test ad networks (#12878) @mbrookes - [docs] Customize LinearProgress color (#12883) @mbrn ### Core - [typescript] Update createGenerateClassName.d.ts (#12824) @Qeneke - [github] Make issue templates version agnostic (#12839) @mbrookes - [typescript] Fix with\* injectors ignoring defaultProps (#12673) @eps1lon - [core] Set required yarn version (#12864) @eps1lon - [core] Upgrade dev dependencies (#12884) @oliviertassinari ## 3.0.3 ###### _Sep 9, 2018_ Big thanks to the 13 contributors who made this release possible! ### `@material-ui/core@v3.0.3` - [typescript] Fix ModalClasses prop type on popover (#12761) @YuriiOstapchuk - [AppBar] Add position="relative" (#12790) @jgoux - [Checkbox] Revert input indeterminate support (#12803) @eps1lon - [Checkbox] Indeterminate CSS & DOM helpers (#12804) @oliviertassinari - [Chip] Add verticalAlign: 'middle' (#12809) @akaxiaok - [autocomplete] Fix delete chip not working on mobile (#12813) @aretheregods - [styles] Support multiple withStyles instances (#12814) @oliviertassinari ### `@material-ui/lab@v3.0.0-alpha.15` - [SpeedDialAction] Update tooltipPlacement propTypes (#12758) @Primajin - [ToggleButtons] normalize onChange api (#12549) @eps1lon ### Docs - [docs] Remove function call from onChange handler (#12785) @snikobonyadrad - [docs] Unescapes character in markdown (#12778) @schalkventer - [docs] Enable service worker by default as the latest CRA (#12775) @sharils - [docs] New DataTable component (#12799) @mbrn - [docs] Add AppBar demos with exapandable & primary search fields (#12695) @adeelibr - [docs] Simpler AppBar search demos (#12806) @oliviertassinari - [docs] Document the shrink status input limitation (#12769) @racingrebel ### Core - [test] Use yarn offline mirror (#12763) @eps1lon - [core] Small changes investigating issues (#12812) @oliviertassinari ## 3.0.2 ###### _Sep 3, 2018_ Big thanks to the 16 contributors who made this release possible! Here are some highlights ✨: - A documented release strategy (#12752). - And many more bug fixes 🐛 and documentation improvements 📝. ### `@material-ui/core@v3.0.2` - [Tab] Ability change font size of tab (#12706) @adeelibr - [typescript] Set default for withStyles' Options generic (#12698) @nmchaves - [Dialog] Remove dialog margin when fullScreen=true and scroll=body (#12718) @akaxiaok - [Table] Improved sorting in table for demo EnhancedTable (#12736) @adeelibr - [Snackbar] Add `ClickAwayListenerProps` property (#12735) @tendermario - [IconButton] Fix border radius cutting of badges on IE11 (#12743) @novascreen - [Select] Pass child to onChange handler (#12747) @akaxiaok - [Input] Fix Input passing inputRef to intrinsic elements (#12719) @eps1lon - [withStyles] Better theme.props support (#12750) @oliviertassinari - [SwipeableDrawer] Add hysteresis and velocity property (#12722) @jniclas ### `@material-ui/lab@v3.0.0-alpha.14` #### Breaking Changes - [ToggleButton] Fix ToggleButtonGroup exports (#12733) @mbrookes ```diff -import { ToggleButtonGroup } from '@material-ui/lab/ToggleButton'; +import ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup'; ``` #### Component Fixes / Enhancements - [SpeedDialAction] Update tooltipPlacement propTypes (#12730) @Primajin - [Slider] Add missing packages (#12745) @GermanBluefox - [SpeedDial] Allow tooltip to always be displayed (#12590) @hashwin ### Docs - [docs] Fix typo in Overrides chapter (#12705) @sanderpost - [docs] Improve the Downshift demo (#12703) @oliviertassinari - [examples] Fix typing of `withRoot` to accept props (#12712) @mattmccutchen - [docs] Fix class name in overrides example (#12717) @manuelkiessling - [examples] Fix withRoot accepting any props (#12713) @eps1lon - [typescript] Illustrate issue with ambiguous css class names (#12724) @eps1lon - [docs] Fix Typo in Page Layout Examples (#12734) @mblodorn - [docs] Explain how to pass props down to overridden components (#12716) @manuelkiessling - [docs] Generate import examples in API docs (#12720) @jedwards1211 - [docs] More transparency around the release strategy (#12752) @oliviertassinari ### Core N/A ## 3.0.1 ###### _Aug 28, 2018_ Big thanks to the 10 contributors who made this release possible! We are making a quick release after v3.0.0 to patch an incorrect peer dependency. It's also a good opportunity to upgrade to the stable release of Babel 7. ### `@material-ui/core@v3.0.1` - [Checkbox] Improve indeterminate status (#12671) @hareaca - [StepLabel] Fix custom icon spacing (#12694) @JiayuanDeng - [Chip] Add outlined variant (#12680) @orporan - [Stepper] Add a new test case (#12684) @Anugraha123 - [core] Upgrade the dependencies (#12693) @oliviertassinari ### `@material-ui/icons@v3.0.1` - [core] Fix for incorrect peer dependency version warning (#12677) @xaviergonz - [core] Upgrade the dependencies (#12693) @oliviertassinari ### `@material-ui/lab@v3.0.0-alpha.13` - [core] Fix for incorrect peer dependency version warning (#12677) @xaviergonz - [core] Upgrade the dependencies (#12693) @oliviertassinari ### Docs - [docs] Typo (#12675) @nazartokar - [docs] Update notification link for release 3.0.0 (#12681) @lumatijev - [docs] Warn about using withRoot HOC more than one time per page (#12692) @oorestisime ### Core - [core] Fix for incorrect peer dependency version warning (#12677) @xaviergonz - [core] Upgrade the dependencies (#12693) @oliviertassinari ## 3.0.0 ###### _Aug 27, 2018_ Big thanks to the 27 contributors who made this release possible! We are upgrading the major version of `@material-ui/core` to match the version of `@material-ui/icons`. The next major release is planned for [Q1, 2019](https://github.com/mui-org/material-ui/milestone/25). ### Breaking change - [icons] Save 22 Megabytes from the package (#12662) Cut the package size by half. It should make the npm installation twice as fast. It's not OK to have some installation timeout. We have removed the `/es` folder. ```diff -import AccessAlarm from '@material-ui/icons/es/AccessAlarm'; +import AccessAlarm from '@material-ui/icons/AccessAlarm'; ``` - [core] Drop Firefox 45 support (#12669) Firefox 52 is the last version supported by Windows XP. The market share of Firefox 45 is 0.03%. We use the same strategy for Chrome. #### Component Fixes / Enhancements - [Input] Improve type checking for inputProps (#12591) @eps1lon - [ClickAwayListener] Prevent rerendering (#12613) @shcherbyakdev - [Chip] Add missing ChipClassKey values (#12625) @IvanCoronado - [Dialog] Add 'lg' support to maxWidth (#12626) @TheMoonDawg - [TableSortLabel] Support custom icon component (#12630) @wolfejw86 - [SvgIcon] Add Icon suffix to SVG icons (#12634) @yordis - [Collapse] Fix document for style wrapperInner (#12638) @peter50216 - [Input] Extract helpers to their own module (#12657) @Pajn - [Chip] Add onKeyUp handler for correct behavior (#12660) @markselby9 - [CardActionArea] Add CardActionArea component (#12624) @yuchi - [ListItem] Move the selected prop from MenuItem to ListItem (#12602) @the-question #### Docs - [examples] Update ts example to be closer to the official docs (#12593) @eps1lon - [docs] Fix a display issue on IE11 (#12599) @oliviertassinari - [docs] Warn about checking for version mismatch (#12601) @hluedeke - [docs] Consistent content height in Albumn layout example (#12556) @mbrookes - [example] Support Gatsby v2 (#12331) @blukai - [docs] xlarge = extra-large (#12619) @FarzadSole - [docs] Add "Insights" by justaskusers.com to the list of showcases (#12620) @mattes3 - [docs] Use public api of jss instead of private vars (#12629) @eps1lon - [docs] Improve Autocomplete filtering suggestions (#12641) @jorgegorka - [docs] Fix IE11 support (#12650) @oliviertassinari - [docs] Fix typos (#12652) @dandv - [docs] Use the event.target.checked API systematically (#12644) @chellem - [docs] Correct `by and enum` typo in api.md (#12663) @G-Rath - [docs] Autocomplete react-select dropdown overlay (#12664) @gerhat - [docs] Fix typo in usage.md (#12666) @DeveloperDavo #### Core - [core] Better Windows support for the API generation (#12584) @adeelibr - [TypeScript] Update SnackbarContent type def to accept action prop as array (#12595) @cngraf - [test] Fix the missing libxcursor1 binary (#12611) @oliviertassinari - [core] Fix recompose version (#12605) @yamachu - [typescript] Fix AnyComponent for functional components (#12589) @vierbergenlars - [core] Let's see if the CI catch the issue (#12615) @oliviertassinari - [typescript] Use interfaces for typography types (#12616) @pelotom - [ci] Consider only files changed on the built branch (#12627) @eps1lon - [test] Lint TypeScript definitions (#12637) @eps1lon - [core] Upgrade dev dependencies (#12658) @oliviertassinari #### Lab - [Slider] Fix memory leaks (#12537) @eps1lon - [Slider] Fix transitions (#12531) @eps1lon ## 1.5.1 ###### _Aug 19, 2018_ Big thanks to the 22 contributors who made this release possible! Here are some highlights ✨: - Upgrade Babel to `v7.0.0-rc.1` (#12581). - Document the meta viewport (#12541). - And many more bug fixes 🐛 and documentation improvements 📝. ### Breaking change N/A #### Component Fixes / Enhancements - [Tab] Fix fullWidth CSS (#12495) @jankjr - [TextField] Fix disabled prop only affecting the Input component (#12489) @WreckedArrow - [Table] Sync typings (#12503) @franklixuefei - [Table] Remove padding from getting spread to native element (#12505) @JoshuaLicense - [Select] Accept boolean (#12522) @oliviertassinari - [Avatar] Prepare Preact support (#12519) @jorgegorka - [Drawer] Change height from 100vh to 100% (#12528) @joemaffei - [TextField] Accept boolean (#12538) @palaniichukdmytro - [withWidth] Remove broken innerRef (#12542) @oliviertassinari - [CardMedia] Add an example with the component property (#12481) @adeelibr - [ListSubheader] Add a disableGutters property (#12570) @johannwagner - [Dialog] Simplify the DialogContentText implementation (#12577) @oliviertassinari - [Popover] Fix wrong getContentAnchorEl definition (#12562) @duvet86 #### Docs - [docs] Tweak dashboard example nav list heading (#12501) @JoshuaLicense - [docs] Fix a typo in the Modal page (#12502) @melaniebcohen - [docs] Don't load the ad on mobile (#12509) @oliviertassinari - [docs] Fix typo (suot to suit) (#12513) @ratanachai - [docs] Fix typo in the icons section (#12514) @PolGuixe - [docs] Document breakpoint argument for withMobileDialog (#12521) @nxtman123 - [docs] Increase SEO potential (#12525) @oliviertassinari - [docs] "codestyle" comment typo fix (#12511) @nasiscoe - [docs] Document the meta viewport (#12541) @oliviertassinari - [docs] Throttle the active toc instead of debouncing (#12543) @oliviertassinari - [docs] Add material-ui-next-pickers (#12547) @chingyawhao - [docs] Fix the broken Table sorting logic (#12569) @oliviertassinari - [docs] Link a new Menu demo (#12574) @pierrelstan - [docs] Improve TypeScript issue assistance (#12560) @eps1lon - [docs] Add notistack in the related projects (#12578) @oliviertassinari #### Core - [typescript] Style typing improvements (#12492) @pelotom - [core] Should run the tests when needed (#12510) @oliviertassinari - [core] Add MuiTableBody to theme overrides (#12550) @pvdstel - [test] Disable CircleCI cache (#12573) @oliviertassinari - [test] Introduce prettier into CI pipeline (#12564) @eps1lon - [test] Fix prettier ci task with multiple changed files (#12579) @eps1lon - [core] Upgrade to babel@rc.1 (#12581) @oliviertassinari #### Lab - [SpeedDial] Fix invalid prop direction supplied (#12533) @eps1lon - [SpeedDial] Remove dead code from test (#12545) @mbrookes - [Slider] Fix failing handler test (#12535) @eps1lon ## 1.5.0 ###### _Aug 12, 2018_ Big thanks to the 23 contributors who made this release possible! This is a dense release! Here are some highlights ✨: - Introduce a "page layout examples" section in the documentation. Don't miss it! (#12410) @mbrookes. - Add a Table Of Contents for each page of the documentation (#12368). - Improve the TypeScript autocomplete for CSS properties (#12456) @eps1lon. - And many more bug fixes 🐛 and documentation improvements 📝. ### Breaking change N/A #### Component Fixes / Enhancements - [Select] Accept boolean (#12429) @oliviertassinari - [icons] Resize svg icons (#12356) @the-question - [Collapse] Add all class keys to the types (#12436) @stuharvey - [Table] Padding feature (#12415) @aseem191 - [icons] Remove clip-path from all icons (#12452) @kevinnorris - [Input] Use the color from the theme (#12458) @adeelibr - [NoSrr] Add a defer property (#12462) @oliviertassinari - [icons] Remove unused clipPath definitions from icons (#12465) @kevinnorris - [Popover] Allow to pass repeated props to modal (#12459) @davibq - [SelectInput] Add "name" to event.target for onBlur callback (#12467) @hassan-zaheer - [Button] Make the outlined variant better leverage the color (#12473) @essuraj - [Tooltip] Hide the tooltip as soon as an exit event triggers (#12488) @oliviertassinari #### Docs - [docs] Fix react-select multiselection wrapping (#12412) @henkvhest - [docs] Add some Render Props demos (#12366) @jedwards1211 - [docs] Add example layouts (#12410) @mbrookes - [core] Fix some errors when porting demos to TypeScript (#12417) @PavelPZ - [docs] Standardise the wording between icon docs and readme (#12425) @mbrookes - [docs] Improve the withTheme example (#12428) @oliviertassinari - [docs] Rename layouts to page-layout-examples + minor fixes (#12430) @mbrookes - [docs] Ensure `inputRef` is wired up to react-number-format's input (#12444) @NMinhNguyen - [docs] Expand on the JSS and class name generator docs (#12447) @atrauzzi - [docs] Better autocomplete docs (#12451) @oliviertassinari - [docs] Fix typo (#12454) @metropt - [docs] Better descriptive Table demos (#12464) @bala121286 - [README] New iteration on the backers (#12475) @oliviertassinari - [docs] Font vs SVG. Which approach to use? (#12466) @PolGuixe - [docs] Add a Table Of Contents (#12368) @oliviertassinari - [docs] Fix link to twitter account (#12482) @patcito - [docs] Try CodeFund over Carbon (#12484) @oliviertassinari #### Core - [typescript] Synced with PR #12373 (#12439) @franklixuefei - [core] Add hoverOpacity to TypeAction interface (#12455) @hassan-zaheer - [core] Save some bytes in the super() logic (#12476) @oliviertassinari - [core] Upgrade the dependencies (#12477) @oliviertassinari - [typescript] improve autocomplete for css properties in createStyles (#12456) @eps1lon #### Lab - [SpeedDialAction] Allow a tooltip placement prop (#12244) @seanchambo - [lab] Depend on @babel/runtime (#12470) @goto-bus-stop ## 1.4.3 ###### _Aug 4, 2018_ Big thanks to the 15 contributors who made this release possible! This release focuses on bug fixes 🐛. ### Breaking change N/A #### Component Fixes / Enhancements - [Tooltip] Add default css max-width and customization demo (#12338) @simoami - [Step] Add completed class to the root (#12339) @kylezinter - [Drawer] Add touchAction: 'none' on the Overlay to disable scrolling (#12350) @jlascoleassi - [Chip] Remove reference to checked prop in the docs (#12375) @DavidThorpe71 - [styles] Improve the dangerouslyUseGlobalCSS story (#12389) @oliviertassinari - [Tooltip] Fix autoFocus issue (#12372) @Mangatt - [FormLabel][formhelpertext] classes keys (#12373) @Mangatt - [Chip] Add color prop to chip component (#12378) @itelo - [Tooltip] Fix hover issues (#12394) @aseem191 - [palette] Better defensive logic (#12402) @oliviertassinari - [MobileStepper] Add a LinearProgressProps property (#12404) @oliviertassinari - [Textarea] Add back defensive branch logic (#12406) @kanzelm3 #### Docs - [docs] Add markdown code to Interactive Grid (#12333) @itelo - [docs] Document how to use the Select with a label and a placeholder (#12342) @oliviertassinari - [docs] Improve the Table sorting logic (#12348) @xkenmon - [docs] Fix contast => contrast typo (#12395) @chayeoi - [docs] Fix two typos in Lists.md (#12397) @adl - [docs] Fix ChipPlayground generated code (#12401) @mbrookes - [docs] Add Tomahawk boilerplate to the related projects (#12393) @goemen #### Core - [core] Upgrade the dependencies (#12409) @oliviertassinari #### Lab - [ToggleButton] Fix TypeScript definition (#12360) @itskibo ## 1.4.2 ###### _Jul 29, 2018_ Big thanks to the 22 contributors who made this release possible! I hope we will soon beat our previous record: 30 contributors in a single week. Here are some highlights ✨: - Upgrade the react-select demo to v2 (#12307) @oliviertassinari. - Document a new "No SSR" component (#12317) @oliviertassinari. - Add a label placement property for FormControlLabel (#12303) @mbrookes. - And many more bug fixes 🐛 and documentation improvements 📝. ### Breaking change N/A #### Component Fixes / Enhancements - [Tabs] Reduce the bundle size (#12256) @oliviertassinari - [Menu] Add null as acceptable value of anchorEl (#12249) @LAITONEN - [Popper] Increase the minimal required version of popper.js (#12258) @Tuaniwan - [TablePagination] Add missing selectIcon ClassKey definition (#12267) @spallister - [Tooltip] Add some docs for disabled elements (#12265) @kamranayub - [Tabs] Prevent unwanted auto-move in scrolling tabs (#12276) @novascreen - [Button] Fix icon positioning on Safari iOS (#12278) @KevinAsher - [Modal] Add onRendered to ModalProps (#12284) @rynobax - [Card] Align icons with ListItem (#12292) @mbrookes - [TextField] Improve onChange type definition (#12294) @t49tran - [DialogContentText] Inherit TypographyProps in type definition (#12301) @charlieduong94 - [FormControlLabel] Add labelPlacement prop (#12303) @mbrookes - [FormControlLabel] Correct the style description (#12304) @mbrookes - [Typography] Add color=textPrimary option (#12310) @oliviertassinari - [Tooltip] Remove an undocumented API (#12312) @oliviertassinari - [RootRef] Apply the same logic as React Ref (#12311) @oliviertassinari - [Grid] Document the nested capability (#12313) @oliviertassinari - [SwipeableDrawer] Fix SSR issue on iOS (#12314) @oliviertassinari - [Snackbar] Fix anchorOrigin types (#12316) @nmchaves - [LinearProgress] Fix wrong style rule usage (#12319) @agentmilindu - [Popper] Fix modifiers appearing as attribute of div (#12329) @skeithtan #### Docs - [docs] Fix typo (#12248) @johnjacobkenny - [docs] Add typekev.com to showcase page (#12243) @typekev - [docs] Fix escape "|" char (#12254) @TheRusskiy - [docs] Fix logo in the README (#12273) @antoinerousseau - [docs] Add an example with Popper and react-autosuggest (#12280) @oliviertassinari - [docs] Add Complementary Project - create-mui-theme (#12269) @UsulPro - [docs] Add a note on the name option and dangerouslyUseGlobalCSS (#12281) @oliviertassinari - [docs] Improve ListItem and BottomNavigationAction docs (#12295) @vkentta - [docs] Add placeholder for search bar (#12296) @DheenodaraRao - [docs] Upgrade react-select (#12307) @oliviertassinari - [docs] Use data to improve the ranking (#12315) @oliviertassinari - [docs] Document NoSsr (#12317) @oliviertassinari - [docs] Improve the docs to have matches (#12322) @oliviertassinari #### Core - [core] Upgrade dev dependencies (#12323) @oliviertassinari #### Lab - [Slider] Increase color specification conformance (#12245) @eps1lon - [SpeedDial] Prevent opening when hovering closed actions (#12241) @mbrookes - [Slider] Remove visual zero state from thumb (#12242) @eps1lon ## 1.4.1 ###### _Jul 22, 2018_ Big thanks to the 15 contributors who made this release possible! Here are some highlights ✨: - The CSS API is now fully documented (#12174) @mbrookes. | Name | Description | | :----------------------------------- | :---------------------------------------------------------- | | root | Styles applied to the root element. | | label | Styles applied to the span element that wraps the children. | | … | … | - After many iterations, we are happy to announce `@material-ui/icons` v2.0.0 💃. With this version, you can take advantage of all the icons recently released by Google: https://material.io/tools/icons/. There are more than 5,000 icons. (#12016, #12036, #12170, #12111, #12225) - The 1.4.0 release of Material-UI has introduced a new implementation of the Tooltip and Popper component. This release fixes a lot of issues following the rewrite (#12168, #12161, #12194, #12223, #12218). Thank you for reporting all these problems 🐛. Hopefully, it's very stable now. - Creative Tim has just completed [their second Material-UI theme](https://www.creative-tim.com/product/material-kit-pro-react?partner=104080) 💅. It's an important milestone for the themability of Material-UI. We are going to keep working on adding more themes to the list. ### Breaking change @material-ui/icons@2.0.0 allows React users to take advantage of the icons revamp the Material Design Team has been recently released. Some icons have been removed, ~150 new icons have been added, and some icons have been renamed. There are also currently some issues with the size of certain icons. Please refer to #12016 for further details. #### Component Fixes / Enhancements - [Tab] Fix maxWidth issue with fullWidth mode (#12158) @chenop - [Popper] Update TypeScript definitions (#12161) @Slessi - [CardHeader] Add typography/props controls like in ListItemText (#12166) @chenop - [Tooltip] Fix some new issues (#12168) @oliviertassinari - [icons] New iteration (#12170) @oliviertassinari - [icons] Remove fill attribute from some icons (#12111) @ChristiaanScheermeijer - [Popper] Fix the transition in the demos (#12194) @oliviertassinari - [Modal] Ignore if the event prevent default is called (#12202) @oliviertassinari - [Grid] Add "space-evenly" value for justify prop (#12213) @iain-b - [Grow] Fix scroll on entered (#12199) @stephenway - [Popper] Fix update logic (#12218) @oliviertassinari - [Badge] Increase readability (#12221) @oliviertassinari - [styles] Increase the class name length limit before raising (#12222) @oliviertassinari - [icons] Fix SVG path precision issue (#12225) @ChristiaanScheermeijer - [Popper] Typing and documentation (#12223) @dispix - [Select] Simpler onChange event.target logic (#12231) @oliviertassinari - [input] Forward required, readOnly and autoFocus (#12234) @sakulstra - [HOC] Add `innerRef` to withWidth and withTheme (#12236) @itelo - [Textarea] Simplification of the code (#12238) @oliviertassinari - [Tabs] Small changes investigating #11624 (#12239) @oliviertassinari #### Docs - [docs] Add Toggle Selection Control to 'Migration From v0.x' Document (#12149) @shabareesh - [docs] Add Menu Item to 'Migration From v0.x' Document (#12150) @shabareesh - [docs] New ISSUE_TEMPLATE (#12148) @oliviertassinari - [docs] Add Font Icon to 'Migration From v0.x' Document (#12151) @shabareesh - [docs] copyedit: typo in testing.md (#12155) @cldellow - [docs] Document the CSS API (#12174) @mbrookes - [docs] An iteration on the SSR Troubleshooting section (#12229) @oliviertassinari #### Core - [core] Upgrade dev dependencies (#12156) @oliviertassinari - [core] Add missing unwrap export to test-utils type definition (#12184) @kallebornemark - [test] Conditional tests (#12191) @oliviertassinari - [core] Fix babel plugin name (#12209) @oliviertassinari - [core] Upgrade the dev dependencies (#12220) @oliviertassinari - [core] Rename node to ref (#12235) @oliviertassinari #### Lab - [Slider] Fix TypeScript typings (#12173) @eps1lon - [SpeedDial] Fix SpeedDialAction dark theme (#12230) @mbrookes - [lab] Build and export fixes (#12233) @goto-bus-stop ## 1.4.0 ###### _Jul 14, 2018_ Big thanks to the 21 contributors who made this release possible. Here are some highlights ✨: - Rework the Tooltip implementation (#12085) The component is -1kB gzipped smaller and much faster. You can render 100 of them on a page with no issue. It's also introducing a new component: Popper, an abstraction on top of [Popper.js](https://github.com/FezVrasta/popper.js). - Add color selector (#12053) @mbrookes You can now dynamically change the theme of the whole documentation site. - Add a new toggle buttons component (#10144) @phallguy - And many more bug fixes and documentation improvements. ### Breaking change N/A #### Component Fixes / Enhancements - [Icons] Misc fixes and optimizations (#12036) @mbrookes - [Tooltip] Rework the implementation (#12085) @oliviertassinari - [Snackbar] Fix SnackbarOrigin TypeScript definition (#12083) @tzfrs - [Dialog] Fix action width issue (#12081) @mim-Armand - [theme] Use `isPlainObject` to avoid dropping prototypes (#12100) @kivlor - [Popper] Add a modifiers property (#12108) @oliviertassinari - [Button] Fix IE11 support of CSS 'width:initial' (#12119) @koshea - [FormControlLabel] Add a failing test case and fix it (#12141) @oliviertassinari - [Toolbar] Add dense variant (#12075) @srilman - [Typography] Fix display2 cuts off the bottom of a 'g' (#12146) @Skaronator #### Docs - [docs] Fix typo (#12046) @AlexanderLukin - [docs] Fix wrong icon names (#12042) @AlexanderLukin - [docs] Fix typo (#12050) @AlexanderLukin - [docs] Fix Typo (#12064) @johnjacobkenny - [docs] Add known issues/limitations for progress animations (#12062) @HRK44 - [docs] Correct the normalize-function (#12066) @fauskanger - [docs] Add react-media-material-ui in the related projects (#12068) @jedwards1211 - [docs] Fix SSR example to support production mode (#12080) - [docs] Fix Theme nesting demo in codesandbox (#12097) @oliviertassinari - [docs] Use the de-structured "children" variable (#12104) @jzhang729 - [docs] Add Tidelift banner (#12099) @oliviertassinari - [docs] Fix some broken links (#12107) @oliviertassinari - [docs] Preconnect to load the fonts (#12113) @oliviertassinari - [docs] Improve grid demo descriptions (#12112) @mbrookes - [docs] Add color selector (#12053) @mbrookes - [docs] Add Tentu in the showcase (#12122) @urkopineda - [docs] Add Subheader to v0.x migration guide (#12144) @shabareesh - [docs] Add a comment that React 16.3.0 is a peer dependency (#12145) @chenop - [Table] Document the CSS API (#12147) @chenop #### Core - [core] Upgrade the dev dependencies (#12049) @oliviertassinari - [core] Improve the prop-types of shape (#12098) @oliviertassinari - [core] Upgrade dev dependencies (#12117) @oliviertassinari - [core] Error typo fix (#12118) @TheRusskiy - [test] Fix Argos-CI flakiness (#12142) @oliviertassinari #### Lab - [ToggleButtons] Add toggle buttons (#10144) @phallguy - [Slider] Make interaction easier, fix thumb overflow (#11889) @ValentinH - [SpeedDial] Inline the Add icon (#12128) @mbrookes ## 1.3.1 ###### _Jul 2, 2018_ Big thanks to the 13 contributors who made this release possible. Here are some highlights ✨: - Document the scroll property of the Dialog (#12025). - Add a demo with Font Awesome (#12027). - And many more bug fixes and documentation improvements. ### Breaking change N/A #### Component Fixes / Enhancements - [Select] Fix some W3C issues (#11983) @oliviertassinari - [Icon] Add a fontSize prop which accepts default and inherit (#11986) @sakulstra - [Menu] Add prop to disable auto focus (#11984) @th317erd - [SvgIcon] Add component property (#11987) @stephenway - [GridList] Clean the rendering logic (#11998) @oliviertassinari - [Snackbar] Add check for autoHideDuration if equals 0 (#12002) @C-Rodg - [Menu] Fix scrolling issue (#12003) @stephenway - [Stepper] Merge StepPositionIcon in StepIcon (#12026) @bousejin - [Input] Add read only demo (#12024) @oliviertassinari - [ExpansionPanelSummary] Add IconButtonProps property (#12035) @dakotamurphyucf - [Dialog] Document the scroll property (#12025) @oliviertassinari #### Docs - [docs] Use \_app.js instead of wrapping every page by withRoot() (#11989) @NikitaVlaznev - [docs] Link RootRef in the FAQ (#12005) @scottastrophic - [docs] Add Core UI (#12015) @oliviertassinari - [docs] Switch autosuggest highlighting (#12019) @TheRusskiy - [docs] Small spelling fix (#12028) @danh293 - [docs] Add a demo with Font Awesome (#12027) @oliviertassinari #### Core - [typescript][createmuitheme] Fix typings & deepmerge shape (#11993) @franklixuefei - [core] Warn about Children.map & Fragment (#12021) @oliviertassinari - [core] Remove usage of theme.spacing.unit (#12022) @oliviertassinari #### Lab N/A ## 1.3.0 ###### _Jun 26, 2018_ Big thanks to the 10 contributors who made this release possible. Here are some highlights ✨: - 🔥 Add extended Floating Action Button variant (#11941) @mbrookes. - 🔥 Add scroll body handling for the dialog (#11974). - 📝 Work on SEO for the components (#11963). ### Breaking change N/A #### Component Fixes / Enhancements - [FormControl] Correct minor typo in text (#11931) @FluentSynergyDW - [Grid] Add `auto` to TypeScript definitions (#11933) @woobianca - [styles] Safer prefix logic (#11943) @oliviertassinari - [Button] Add extended FAB variant (#11941) @mbrookes - [styles] Warn when the first argument is wrong (#11953) @oliviertassinari - [ClickAwayListener] Handle null child (#11955) @oliviertassinari - [theme] Add border-radius to the theme (#11847) @itelo - [Dialog] Add a scroll property (#11974) @oliviertassinari #### Docs - [Showcase] Add posters galore (react-admin) (#11939) @fzaninotto - [docs] Update ts example (#11949) @kevinhughes27 - [docs] Add Outline docs (#11960) @tomasdev - [docs] Do SEO for the components (#11963) @oliviertassinari - [docs] Better API wording (#11973) @oliviertassinari - [docs] In TypeScript doc, add missing `createStyles` to import (#11975) @Sylphony #### Core - [typescript] Fix Typings for disableTouchRipple and allVariants (#11944) @franklixuefei - [core] Upgrade the dev dependencies (#11954) @oliviertassinari - [core] Upgrade eslint (#11957) @oliviertassinari - [core] Upgrade preval (#11958) @oliviertassinari - [core] Use Chrome Headless for the tests over PhantomJS (#11961) @oliviertassinari #### Lab N/A ## 1.2.3 ###### _Jun 20, 2018_ Big thanks to the 6 contributors who made this release possible. This release fixes some important regressions. We are making it outside of the normal schedule. ### Breaking change N/A #### Component Fixes / Enhancements - [ButtonBase] Fix exception (#11905) @oliviertassinari - [NoSSR] Add a fallback property (#11907) @oliviertassinari - [Dialog] Add max-height back (#11914) @oliviertassinari - [Tooltip] Revert update react-popper (#11920) @oliviertassinari - [Select] Fix classes merge issue (#11904) @C-Rodg #### Docs - [docs] Document jss-nested rule reference feature (#11901) @i8ramin - [docs] Correct markdown example from svg icon (#11922) @GabrielDuarteM - [docs] TS decorating reword (#11923) @swpease #### Core N/A #### Lab - [Slider] Add TypeScript definitions (#11747) @epodivilov ## 1.2.2 ###### _Jun 18, 2018_ Big thanks to the 16 contributors who made this release possible. Here are some highlights ✨: - 📝 Document the dynamic override alternatives (#11782) @adeelibr - 📝 Document the ClickAwayListener component (#11801). - And many more bug fixes 🐛 and documentation improvements 📝. ### Breaking change N/A #### Component Fixes / Enhancements - [ClickAwayListener] Add a demo (#11801) @oliviertassinari - [Grid] Add support a auto value (#11804) @oliviertassinari - [StepButton] Fix IE11 flexbox (#11814) @paulnta - [styles] Re-add default parameter of string for WithStyles (#11808) @pelotom - [SwipeableDrawer] Allow custom style (#11805) @Johann-S - [ButtonBase] Corrected the type definitions for the TouchRipple classes (#11818) @C-Rodg - [RootRef] Updated main index.js to include RootRef export (#11817) @C-Rodg - [typography] Add a `allVariants` key in the theme (#11802) @oliviertassinari - [ButtonBase] Add a disableTouchRipple property (#11820) @oliviertassinari - [Tabs] Fix calculating tab indicator position (#11825) @ljani - [Tabs] Fix IE11 support (#11832) @oliviertassinari - [withWidth] Reading initialWidth from the theme (#11831) @kleyson - [Tabs] Add support for a `component` property (#11844) @C-Rodg - [ListItemText] Detect and avoid re-wrapping Typography (#11849) @jedwards1211 - [ListItemText] Add primaryTypographyProps and secondaryTypographyProps (#11858) @jedwards1211 - [Tooltip] Update react-popper (#11862) @oliviertassinari - [TableCell] Fix property name (#11870) @marutanm - [Modal] Fix removeEventListener (#11875) @DominikSerafin - [CircularProgress] Fix wobble (#11886) @oliviertassinari - [CircularProgress] End of line shape: use butt (#11888) @Modestas - [Select] Fix reflow in render (#11891) @oliviertassinari #### Docs - [docs] Add structured data (#11798) @oliviertassinari - [docs] Add a link to a CSS-in-JS egghead.io course (98168a2c749d8da2376d6a997145e3622df71bff) @kof - [Table] Derive sorted rows from state at render time in demo (#11828) @charlax - [docs] Document the dynamic override alternatives (#11782) @adeelibr - [docs] Add a Select required example (#11838) @oliviertassinari - [docs] Better class names conflict FAQ (#11846) @oliviertassinari - [docs] Add a link toward dx-react-chart-material-ui (#11859) @Krijovnick - [docs] Fix the Gatsby example (d7fe8c79dc097105fd1c6035b76a4d30666e9080) @oliviertassinari - [docs] Update npm downloads badge to point to @material-ui/core (#11590) @davidcalhoun - [examples] Add Server Rendering implementation (#11880) @oliviertassinari - [docs] Update react-swipeable-views to fix a warning (#11890) @oliviertassinari #### Core - [core] Misc (#11797) @oliviertassinari - [core] Better `component` prop types (#11863) @jedwards1211 - [core] Remove some unneeded code (#11873) @oliviertassinari - [core] Fix the UMD release (#11878) @oliviertassinari - [core] Document the non supported children properties (#11879) @oliviertassinari #### Labs N/A ## 1.2.1 ###### _Jun 10, 2018_ Big thanks to the 15 contributors who made this release possible. Here are some highlights ✨: - A lot of bug fixes 🐛! - Add full `React.createRef` support ⚛️ (#11757) @t49tran. - Document the `withWidth()` helper ### Breaking change N/A #### Component Fixes / Enhancements - [Select] Add a placeholder demo (#11706) @oliviertassinari - [RootRef] Update RootRef.d.ts (#11708) @franklixuefei - [ButtonBase] Document the `type` property (#11728) @C-Rodg - [Popover] Fix default value (#11729) @oliviertassinari - [withWidth] Second iteration on the component (#11730) @oliviertassinari - [transition] Fix IE11 issue in dev mode (#11743) @adeelibr - [Tabs] Better flex layout (#11748) @adeelibr - [core] Add React.createRef support (#11757) @t49tran - [Grid] Improve the dev warnings (#11765) @oliviertassinari - [CircularProgress] Fix centering (#11781) @adeelibr - [TextField] Bind the focus/blur explicitly (#11789) @oliviertassinari - [RadioGroup] Fix onChange chaining (#11793) @oliviertassinari #### Docs - [docs] Property !== attribute (#11694) @adeelibr - [docs] Add Trafikito.com to showcase (#11716) @liesislukas - [docs] Update meetingku image (#11724) @liganok - [docs] Improve docs:dev init by ~2 s and HMR by ~200 ms (#11752) @tal952 - [docs] Change app bar to button on the getting started (#11756) @Simperfit - [docs] Add React Most Wanted to related projects (#11753) @TarikHuber - [docs] Error in example in Migration From v0.x Guide (#11771) @AkselsLedins - [docs] Simple Grammar Fix (#11785) @jeff-kilbride - [docs] Fix typo (#11787) @BenDiuguid - [docs] Better troubleshooting action for the hydration mismatch (#11792) @oliviertassinari #### Core - [core] Remove parser specification to fix JSON issue (#11763) @ryanpcmcquen - [core] Throw if react >= 16.3.0 requirement isn't matched (#11779) @oliviertassinari - [core] Better warnings for class names duplicates (#11788) @oliviertassinari - [core] Remove dead code (#11791) @oliviertassinari #### Labs - [Slider] Fix for IE11 (#11727) @epodivilov - [Slider] Value can still be updated while disabled (#11744) @epodivilov ## 1.2.0 ###### _Jun 3, 2018_ Big thanks to the 23 contributors who made this release possible. Here are some highlights ✨: - Start upgrading the button component to match the new Material specification (#11497) @mbrookes. - Fix some regressions (#11614, #11689). - And many more bug fixes and documentation improvements. ### Breaking change N/A #### Component Fixes / Enhancements - [Snackbar] Add customization example (#11597) @mbrn - [Menu] Fix a regression on Edge (#11614) @oliviertassinari - [TextField] Replace underline content text with nbsp (#11617) @Jdubedition - [TextField] Fix grammar for docs (#11633) @RobBednark - [ListItem] Fix typings for ListItem (#11645) @franklixuefei - [Button] Add text and contained variants (#11497) @mbrookes - [Chip] Add `clickable` property (#11613) @vilvaathibanpb - [Popover] Add timeout prop to TransitionComponent (#11657) @C-Rodg - [styles] Better class name conflict warning (#11685) @oliviertassinari - [Grid] Better support for theme.props (#11688) @oliviertassinari - [ListItemText] Fix primary={0} display (#11686) @helfi92 - [SwipeableDrawer] Fix a regression introduced in React 16.4.0 (#11689) @oliviertassinari - [RootRef] Allow using React.createRef api with RootRef component (#11681) @TrySound #### Docs - [docs] Better API spread section (#11598) @oliviertassinari - [docs] Update Wertarbyte components link (#11603) @leMaik - [docs] Add a changelog page (#11604) @oliviertassinari - [docs] Keep the current version into account (#11595) @oliviertassinari - [ROADMAP] Update the roadmap (#11606) @oliviertassinari - [example] Fix missing brackets TypeScript (#11623) @Ilaiwi - [docs] Update overrides.md (#11630) @risafletcher - [docs] Styled API Example (5 lines) (#11620) @mssngr - [docs] Mention view port size in SVGIcon documentation (#11639) @JesusCrow - [docs] Update README for codemod (#11647) @sacdallago - [docs] Update link to flow-typed definitions (#11674) @jessrosenfield - [docs] Minor grammitcal error (#11691) @NeuTrix #### Core - [typescript] Depend directly on CSSType (#11608) @pelotom - [core] Upgrade dependencies (#11616) @oliviertassinari - [typescript] createStyles and improved WithStyles helpers (#11609) @pelotom - [core] Add cross-env back (#11638) @lookfirst - [typescript] Fix keyof for TypeScript@2.9 (#11669) @mctep - [core] Some fixes looking into issues (#11676) @oliviertassinari - [core] Upgrade dependencies (#11684) @oliviertassinari #### Labs - [SpeedDial] Fix classes prop description (#11599) @mbrookes - [Slider] Misc fixes towards standard MUI patterns (#11605) @mbrookes - [Slider] Fire the right event on mouseDown (#11642) @acroyear - [SpeedDial] Add type definitions to lab, so SpeedDial can be use with TypeScript project (#11542) @TR3MIC ## 1.1.0 ###### _May 26, 2018_ Big thanks to the 30 contributors who made this release possible. Here are some highlights ✨: - A smaller bundle, saved 5 kB gzipped (#11511, #11492, #11521, #11523) @TrySound - A new Slider component in the lab (#11040) @epodivilov. - And many more bug fixes and documentation improvements. ### Breaking change N/A #### Component Fixes / Enhancements - [ListSubheader] Fix demo import path (#11468) @Hocdoc - [Backdrop] Fix export paths (#11481) @brandonhall - [ListItem] Take the focusVisibleClassName property into account (#11451) @rdemirov - [Grid] Allow shrink in items so text will wrap by default (#11411) @ShaneMcX - [StepLabel] Allow StepIcon customization (#11446) @jargot - [StepConnector] Exposes the component (#11478) @racingrebel - [Tabs] Fix TabIndicatorProps merge (#11494) @adeelibr - [ButtonBase] Fix React propTypes buttonRef warning (#11519) @t49tran - [ListItemText] Shouldn't be a heading by default (#11544) @adeelibr - [GridListTileBar] Add missing title and subtitle keys (#11570) @ljani - [TableCell] Fix padding for last TableCell if checkbox (#11568) @gfpacheco - [Button][buttonbase] Take advantage of defaultProps for component prop (#11574) @cherniavskii - [StepConnector] Add to default export from @material-ui/core (#11583) @OsipovIgor - [ButtonBase] Improve enter & space handling (#11585) @TheBear44 #### Docs - [examples] Fix imports for Dialog (#11469) @sboles - [docs] Add v0 subdirectory redirects (#11470) @mbrookes - [docs] Remove trailing slash on progress-indicators link (#11473) @srt32 - [docs] Add HSTS header (#11475) @mbrookes - [docs] Add missing word to documentation (#11476) @Skn0tt - [docs] Specify correct corner to locate directional toggle (#11479) @jacquesporveau - [examples] Fix create-react-app-with-jss theme object (#11485) @Dror88 - [docs] Add Snippets Chrome extension to showcase (#11487) @richardscarrott - [docs] Fix hyphen for iOS (#11490) @mbrookes - [docs] Prevent content-type: application/octet-stream (#11501) @oliviertassinari - [docs] Add Customized Switches section (#11505) @mbrookes - [docs] Remove Firebase config file & deploy script (#11516) @mbrookes - [docs] Pull versions from github API (#11522) @mbrookes - [docs] Removed references to Grid's hidden property (#11529) @lfalke - [docs] Remove background grid from Typography variants demo (#11562) @mbrookes - [docs] Finish incomplete list-item-text.md documentation (#11559) @codeheroics - [docs] Add outlined buttons to ButtonSizes demo (#11509) @mbrookes - [docs] Add a Troubleshooting section for SSR (#11579) @oliviertassinari - [docs] Fix a little typo in TypeScript docs (#11580) @saculbr - [docs] Add react-admin to related projects (#11582) @fzaninotto - [docs] Update the showcase (#11578) @mbrookes #### Core - [typescript] Make TypographyStyle assignable to CSSProperties, misc other typing fixes (#11456) @pelotom - [core] Cut the head of the snake 🐍 (#11477) @oliviertassinari - [core] Add esm bundle to start tracking treeshakability (#11489) @TrySound - [core] More aggressive transpilation (#11492) @oliviertassinari - [core] Enable loose mode for staged features (#11511) @TrySound - [core] Simplify the babel docs config (#11514) @oliviertassinari - [core] Remove lodash 💃 (#11521) @oliviertassinari - [core] Internalize ScrollbarSize (#11523) @oliviertassinari - [typescript] Add sample with return types (#11512) @yacut #### Labs - [SpeedDial] Clean up SpeedDialIcon transition (#11513) @mbrookes - [Slider] Port component (#11040) @epodivilov ## 1.0.0 ###### _May 17, 2018_ Our first stable v1 release! 🎉 It has taken us two years to do it, but Material-UI v1 has finally arrived! We are so excited about this release, as it's setting a new course for the project. Thank you to _everyone_, especially to [the team](https://material-ui.com/discover-more/team/), and to everyone who's contributed code, issue triage, and support. **Thank you**. Some statistics with v1 while it was in alpha and beta: - 304 contributors - 2390 commits - From 0 downloads/month to 300k downloads/month - From 0 users/month to 90k users/month ## 1.0.0-rc.1 ###### _May 15, 2018_ Big thanks to the 10 contributors who made this release possible. Here are some highlights ✨: - Thanks for trying out v1.0.0-rc.0! This release focus on fixing the reported bugs 🐛. - Great focus on the performance (#11358, #11360, #11364) @goto-bus-stop, @TrySound We will have more time to work on that topic post v1. ### Breaking change N/A #### Component Fixes / Enhancements - [codemod] Revert the codemod inception on the tests (#11376) @oliviertassinari - [typescript] Fix DialogContent export (#11378) @ljvanschie - [Dialog] Fix content export (#11393) @stefensuhat - [icons] Remove deadcode (#11400) @oliviertassinari - [NativeSelect] New component (#11364) @oliviertassinari - [Popover] Fix max height issue in some mobile browsers (#11349) @gaborcs #### Docs - [docs] Update notifications for v1.0.0-rc.0 (#11351) @simsim0709 - [Snackbar] Fix transition directions demo (#11391) @serendipity1004 - [docs] Remove react@15 message (#11399) @deltaskelta - [docs] Better netlify cache control (#11404) @oliviertassinari #### Core - [core] Do not include polyfills in the ES modules build (#11358) @goto-bus-stop - [core] Workaround a Babel regression (#11398) @oliviertassinari - [core] Fix size-limit for the new Next path (#11401) @oliviertassinari - [core] Require node >=8.0.0 to work on the project (#11407) @netdeamon - [core] Bundle UMD with rollup (#11360) @TrySound ## 0.20.1 ###### _May 13, 2018_ Big thanks to the 14 contributors who made this release possible. #### Component Fixes / Enhancements - [Tabs] Add support for inline style override for parent container of InkBar (#9598) @PharaohMaster - Popover does not listen to events unless it is open at the moment (#9482) @romanzenka - [EnhancedButton] Fix onClick event being fired twice on "Enter Key" press (#9439) @karaggeorge - [Slider] Fix handle case where ref is null (#10006) @jony89 - [RaisedButton] Conditionally apply overlay backgroundColor (#9811) @walwoodr - [Snackbar] Static properties for reason string constants (#10300) @RavenHursT - [TextField] Fix caret position issue (#10214) @MaratFaskhiev - Add sideEffects: false for webpack 4 (#11167) @matthoffner #### Docs - [docs] Adding smpl to showcase (#9386) @Bonitis - [docs] Remove HEAD in versions list (#9391) @HZooly - Add Governance Document (#9423) @hai-cea - [docs] Add v1 recommendation to home page (#9727) @mbrookes - [docs] Remove BrainBOK from showcase (#11292) @brainbok ## 1.0.0-rc.0 ###### _May 13, 2018_ Big thanks to the 11 contributors who made this release possible. Here are some highlights ✨: - Introduce the last planned breaking changes before stable v1 ### Breaking change - [core] Move material-ui to @material-ui/core (#11310) @oliviertassinari ```diff -import { withStyles } from 'material-ui/styles'; +import { withStyles } from '@material-ui/core/styles'; ``` - [core] Flatten the import path (#11330) @oliviertassinari #### Motivation 1. It's a simple pattern to learn. You won't need to go back and forth in the documentation to learn the import paths 💭. 2. Your application bundle size will decrease 🚀. 3. In an ideal world, we would import everything from the root module and tree sharking would be taken care of for us. This change doesn't matter in this world ☮️. ```jsx import { Table, TableBody, TableCell, TableFooter, TablePagination, TableRow } from 'material-ui'; ``` #### The diff ```diff -import CircularProgress from '@material-ui/core/Progress/CircularProgress'; +import CircularProgress from '@material-ui/core/CircularProgress'; ``` ```diff -import { ListItem } from '@material-ui/core/List'; +import ListItem from '@material-ui/core/ListItem'; ``` #### Upgrade path We provide a codemod to automate the migration: https://github.com/mui-org/material-ui/tree/master/packages/material-ui-codemod#import-path. I have used it to upgrade all the demos in the documentation :). - [core] Require React 16.3.0 or greater (#11347, #11361) @oliviertassinari - [Grid] Remove the hidden property (#11348) @oliviertassinari Split the responsibilities between the different components. Help with tree-shaking. ```diff - + + + xlUp + + ``` - [TextField] change underline approach to prevent browser zoom issue (#11181) @Jdubedition The text underline color customization change: ```diff underline: { '&:after': { - backgroundColor: purple[500], + borderBottomColor: purple[500], }, }, ``` #### Component Fixes / Enhancements - [CircularProgress] Add transition for static variant (#11313) @oliviertassinari - [createTypography] Add primary text color to 'button' typography variant (#11322) @ValentineStone - [styles] Fix typings for FontStyle (#11326) @vkentta - [Grid] Add 32px gutter to grid spacing (#11338) @abnersajr - [Button] Add outlined variant (#11346) @leMaik #### Docs - [docs] v0 redirect (#11303) @mbrookes - [docs] Add a new premium-theme (#11300) @oliviertassinari - [docs] Prepare the v1 release (#11317) @oliviertassinari - [docs] Add HIJUP.com to the showcase site (#11328) @fikriauliya - [docs] Update material.io URLs (#11334) @mbrookes - [docs] Make the button examples consistent (#11352) @mbrookes - [docs] Eradicate 'Useful to' (#11353) @mbrookes - [docs] Move v1-beta to master (#11354) @oliviertassinari - [docs] Install with yarn (#11357) @Xakher #### Core - [typescript] Add CreateMuiTheme props TypeScript definition (#11296) @abnersajr - [typescript] Fix color type in augmentColor function (#11302) @AiusDa - Make WithStylesOptions extend the options argument of createStyleSheet (#11325) @pelotom - [core] Update the dev dependencies (#11355) @oliviertassinari ## 1.0.0-beta.47 ###### _May 9, 2018_ Big thanks to the 4 contributors who made this release possible. Here are some highlights ✨: - Fix an important regression (Babel upgrade) ### Breaking change - [typescript] Fix withStyles edge cases (#11280) @pelotom If you are using TypeScript, 2.8 or later is required. #### Component Fixes / Enhancements - [withStyles] Support createRef() (#11293) @rolandjitsu - [InputLabel] Remove the width style property (#11297) @C-Rodg #### Docs N/A #### Core - [core] Add @babel/runtime as a dependency (#11298) @oliviertassinari ## 1.0.0-beta.46 ###### _May 8, 2018_ Big thanks to the 7 contributors who made this release possible. Here are some highlights ✨: - Fix an important regression (npm dependency) ### Breaking change N/A #### Component Fixes / Enhancements - [Table] Add table-footer-group CSS (#11264) @t49tran - [ButtonBase] Add a focusVisible action (#9712) @tkvw - [ButtonBase] Better performance (#11277) @oliviertassinari - [Tabs] Add a TabIndicatorProps property (#11254) @adeelibr #### Docs - [docs] Improve the table examples' accessibility (#11256) @mbrookes - [docs] Add Pilcro to showcase apps (#11274) @hugowoodhead #### Core - [typescript] Fix type definitions for Snackbar and CircularProgress (#11265) @franklixuefei - [core] Upgrade Babel 6 to Babel 7 (#10964) @oliviertassinari - [core] npm shouldn't be a dependency (#11263) @oliviertassinari ## 1.0.0-beta.45 ###### _May 6, 2018_ Big thanks to the 12 contributors who made this release possible. Here are some highlights ✨: - A release date. We will release Material-UI v1 May 17th. - Improve the performance of withStyles by adding memoization (#11202) @CharlesStover. - Standardization of the component injection pattern (#11204) @oliviertassinari - And many more bug fixes and documentation improvements. ### Breaking change - [core] Standardize the component injection pattern (#11204) @oliviertassinari I couldn't find a clean way to support the render props pattern. Doing such would require to greatly reduce the usage of JSX. It would really harm source code readability. Instead, I have been focusing on standardizing our component injection story. This way, we can go back to the render props after stable v1 is released and see if source code readability worth be sacrificed for the render prop pattern. ```diff ``` - [ButtonBase] Complete the focusVisible rename (#11188) @oliviertassinari The rename started with #11090. I should have taken the time to complete it in the first place. This way, we are fully consistent with the spec: https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo :) ```diff `, it should be working. However, previously `"` escaped URL will no longer work. #### Component Fixes / Enhancements - [SwipeableDrawer] Prevent interaction with the drawer content if not opened (#11091) @leMaik - [Icon] Prevent shrinking when inside a flex container (#11097) @ValentinH - [Grid] Fix TypeScript definitions of class keys (#11102) @nmchaves - [Portal] Revert "Global option to disable the portal" (#11116) @oliviertassinari - [ButtonBase] Simpler global focus visible style override (#11130) @oliviertassinari - [Modal] Prevent IE11 from crashing on modal close (#11115) @JonAbrams - [Input] Fix infinite rendering loop (#11159) @oliviertassinari - [lab] Fix the tests (#11160) @oliviertassinari - [Snackbar] Add a consecutive demo (#11111) @simoami - [Tabs] Better Ant Design demo (#11095) @theiliad - [Popover] Improve the demos (#11175) @oliviertassinari #### Docs - [docs] Add npm-registry-browser into showcase (#11114) @topheman - [docs] Fix the flow example (#11118) @prastut - [docs] Add showcase for Local Insights (#11131) @hrdymchl - [docs] Add iOS momentum scrolling (#11140) @cherniavskii - [docs] Add a CSS modules example (#11171) @oliviertassinari - [docs] Fix typo in themes.md (#11149) @zhuangya - [docs] Make sure next@6 is working (#11168) @oliviertassinari - [docs] Correct spelling error in FormDialog.js example (#11176) @weldon0405 #### Core - [core] Reduce the size of the npm package (#11144) @oliviertassinari - [typescript] allow pseudos on any theme mixins (#11145) @rosskevin - [core] Upgrade dev dependencies (#11146) @oliviertassinari - [styles] Fix constraint on withStyles P parameter to allow StyledComponentProps (#11156) @pelotom ## 1.0.0-beta.43 ###### _Apr 22, 2018_ Big thanks to the 8 contributors who made this release possible. Here are some highlights ✨: - A better keyboard focused customization story (#11090) @oliviertassinari - Various TypeScript fixes ### Breaking change - [ButtonBase] Better keyboard focused story (#11090) @oliviertassinari - Rename the `keyboardFocused` feature `focusVisible` in order to follow the CSS specification wording: https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo - Give up on the `classes` property to host the focus visible feature. The fact that the classes don't cascade was making it hard to use. Instead, we rely on a `focusVisibleClassName` property. This is allowing any component along the rendering chain to use the feature. For instance, a Switch component: Switch > SwitchBase > IconButton > ButtonBase. ```diff ``` #### Component Fixes / Enhancements - [typescript] Constrain props type param appropriately in withStyles, withTheme, withWidth HOCs (#11003) @estaub - [typescript] make Select's onChange prop optional (#11041) @nmchaves - [Table] Remove overflow (#11062) @oliviertassinari - [TablePagination] Allow the override of the action buttons (#11058) @lukePeavey - [Popover] Add option to disable Menu auto positioning (#11050) @nicoffee - [Input] Allow div props on InputAdornment in TypeScript (#11077) @mtandersson - [Dialog] Fix iOS momentum scroll (#11066) @greenwombat - [Portal] Global option to disable the portal (#11086) @oliviertassinari - [ExpansionPanel] Fix display on IE11 and Edge (#11087) @oliviertassinari - [CardActions] Fix CSS override (#11092) @oliviertassinari #### Docs - [docs] Fix broken link (#11042) @imrobinized - [CONTRIBUTING] Update the docs (#11078) @oliviertassinari #### Core - [core] Better distinction between the private and public components (#11051) @oliviertassinari - [core] Upgrade dev dependencies (#11096) @oliviertassinari ## 1.0.0-beta.42 ###### _Apr 16, 2018_ Big thanks to the 15 contributors who made this release possible. Here are some highlights ✨: - A better CSS override story (#10961) @oliviertassinari - Strongly typed React.CSSProperties TypeScript definitions (#11007) @pelotom - And many more bug fixes and documentation improvements. ### Breaking change - [styles] Change the CSS specificity (#10961) @oliviertassinari This breaking change is important. It might be the most painful to recover from before stable v1 (May 17th 2018). We have changed the CSS specificity rule to solve #10771 at scale. It's inspired by the Bootstrap approach to writing CSS. It follows two rules: 1. A variant has **one level of specificity**. For instance, the `color` and `variant` properties are considered a variant. The lower the style specificity is, the simpler you can override it. 2. We increase the specificity for a variant modifier. We already **have to do** it for the pseudo-classes (`:hover`, `:focus`, etc.). It allows much more control at the cost of more boilerplate. Hopefully, it's more intuitive. Example: ```diff const styles = { - checked: { - color: green[500], + root: { + color: green[600], + '&$checked': { + color: green[500], + }, }, + checked: {}, }; ``` #### Component Fixes / Enhancements - [lab] No side effect (7c379fa7ba4ed2a3eb8abc841a9a4376014b6145) @oliviertassinari - [Card] Hide overflow to maintain round corners with CardMedia (#10946) @mbrookes - [ButtonBase] More robust button keyboard accessibility (#10965) @oliviertassinari - [Tooltip] Remove title from chldrenProps (#10977) @mbrookes - [theme] Expose augmentColor for colors outside the palette (#10985) @AiusDa - [Select] Update onChange props definition to match with SelectInput (#11012) @t49tran - [lab] Bump version for @material-ui/icons dependency (#10992) @mbrookes - [Drawer] Improve the "Mini variant drawer" demo (#11010) @andriyor - [Step] Remove private modules from the export (#11020) @oliviertassinari - [Grid] Update propTypes to accept false (#11022) @oliviertassinari - [Chip] only transition the CSS properties we need (#11023) @oliviertassinari - [CssBaseline] Add key to theme overrides type definition (#11025) @roosmaa - [Tabs] Add a customization demo (#10999) @cherniavskii - [theme] Use a single theme variable for the hover effects of Button, IconButton and ListItem (#10952) @SebastianSchmidt - [Dialog] Fix BackdropProps propagation (#11029) @sepehr1313 - [ButtonBase] Fix wrong touchMove wiring (#11026) @mbrookes - [SwipeableDrawer] Simplify isSwiping logic (#11032) @leMaik - [SwipeableDrawer] Add a blocking div to the edge of the screen (#11031) @leMaik #### Docs - [docs] Fix typo (#10990) @jleeohsu - [docs] Better private/public API description (#11024) @oliviertassinari - [Collapse] Fix typo in comment (#11035) @mknet #### Core - [core] Add fallback to ownerWindow (#10978) @richardscarrott - [typescript] Remove unnecessary Partial<> for `style` prop (#10994) @franklixuefei - [core] Export all the style modules (#11021) @oliviertassinari - [typescript] Upgrade types, use string index fallback for CSSProperties to allow nested pseudos (#11007) @pelotom - [core] Upgrade the dependencies (#11030) @oliviertassinari - [core] Move to the packages structure (#11033) @oliviertassinari ## 1.0.0-beta.41 ###### _Apr 7, 2018_ Big thanks to the 14 contributors who made this release possible. Here are some highlights ✨: - An icon package ready for v1 stable (#10902, #10933, #10957). - An important focus on the documentation. - And many more bug fixes and documentation improvements. ### Breaking change - Move the icon package from `material-ui-icons` to `@material-ui/icons` (#10957) @oliviertassinari ```diff -import FormatTextdirectionRToL from 'material-ui-icons/FormatTextdirectionRToL'; +import FormatTextdirectionRToL from '@material-ui/icons/FormatTextdirectionRToL'; ``` #### Component Fixes / Enhancements - [icons] Reduce code duplication (#10902) @cherniavskii - [icons] Check if `global` is defined before trying to use it (#10933) @joliss - [Table] Fix EnhancedTable example to not scroll TablePagination (#10878) @mbrookes - [Zoom] Export Zoom in the TypeScript definitions (#10897) @Klynger - [IconButton] Add hover effect to IconButton (#10871) @SebastianSchmidt - [TextField] Add an icon example (#10899) @oliviertassinari - [SwipeableDrawer] Disable swiping on iOS by default (#10877) @leMaik - [SwipeableDrawer] Fix crash when swiping during an update (#10906) @leMaik - [ListItemText] Fix invalid ListItemText 'children' proptype (#10948) @kendallroth - [BottomNavigationAction] Use default childIndex value only if value undefined (#10937) @peterbartos - [styles] Add a warning to prevent a memory leak (#10953) @oliviertassinari - [Select] Fix width update (#10956) @oliviertassinari #### Docs - [docs] Add hideHeader option to Demo component (#10887) @mbrookes - [docs] Document the /es folder (#10888) @oliviertassinari - [docs] More transparent exportPathMap method (#10894) @oliviertassinari - [docs] Dodge issue with hoist-non-react-statics (#10896) @oliviertassinari - [docs] Add missing apostrophe (#10911) @davidgilbertson - [docs] Improve the search experience (#10905) @oliviertassinari - [docs] Improve the layout for premium themes (#10901) @mbrookes - [docs] Fix example in TypeScript docs (#10924) @piotros - [docs] Atomic state update in the Stepper demo (#10936) @iceveda06 - [docs] Add versions page (#10883) @mbrookes - [docs] Fix npm urls (#10949) @sujeetkrjaiswal - [docs] Add "Do I have to use JSS?" to FAQ (#10954) @mbrookes #### Core - [typescript] Upgrade React and JSS typings, which both make use of csstype now (#10903) @pelotom ## 1.0.0-beta.40 ###### _Apr 1, 2018_ Big thanks to the 4 contributors who made this release possible. Here are some highlights ✨: - React 16.3.0 support (#10867). - Many bug fixes on the Tooltip component (#10843) @shssoichiro. - A much better navigation experience on the docs (#10859). ### Breaking change - [Tooltip] Portal the component to the body (#10843) @shssoichiro We take advantage of the latest features of React 16.x. React is allowing us to return an array of elements in the render method. We have removed the useless root `div` element. Nothing has changed for people using React 15.x. #### Component Fixes / Enhancements - [FormControlLabel] Enable disabled label CSS modifications (#10841) @vkentta - [Select] Throw when the non native select is not controlled (#10860) @oliviertassinari - [Drawer] Back to 100% test coverage (#10861) @oliviertassinari - [core] Work on React 16.3.0 support (#10867) @oliviertassinari #### Docs - [docs] typo: reponse => response (#10850) @luminaxster - [docs] Remove dead code (#10855) @oliviertassinari - [docs] Much better navigation experience (#10859) @oliviertassinari - [examples] Demonstrate how to use the icons CDN (#10874) @oliviertassinari #### Core - [core] Remove the addEventListener module (#10856) @oliviertassinari - [core] Upgrade the dependencies (#10853) @oliviertassinari - [core] Rename .spec.js to .test.js (#10854) @oliviertassinari ## 1.0.0-beta.39 ###### _Mar 28, 2018_ Big thanks to the 25 contributors who made this release possible. Here are some highlights ✨: - Add a [swipeable drawer](https://material-ui.com/demos/drawers/#swipeable-temporary-drawer) component (#9730) @leMaik. - Add a [StackBlitz](https://stackblitz.com/) edit link (#10758). - Add a new npm package: [@material-ui/docs](https://www.npmjs.com/package/@material-ui/docs) (#10699). - And many more bug fixes and documentation improvements. ### Breaking change - [Grid] Change the default spacing value: 0 (#10768) @oliviertassinari The negative margin implementation solution currently used comes with [serious limitations](https://material-ui.com/components/grid/#negative-margin). Material-UI is the only library with a non-zero default spacing between the items. Having zero spacing by default will ease the usage of the component. ```diff - + ``` - [Tooltip] Rename disableTriggerX (#10700) @oliviertassinari For consistency with the [removeEventListener Web API](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/removeEventListener) and the Snackbar `disableWindowBlurListener` property. ```diff ``` - [InputLabel] Rename FormControlClasses property (#10796) @oliviertassinari I have made a mistake in [#8108](https://github.com/mui-org/material-ui/pull/8108). The property isn't applied on a `FormControl` but on a `FormLabel` component. ```diff - + ``` #### Component Fixes / Enhancements - [Switch] Add missing TypeScript class keys (#10691) @wenduzer - [ClickAwayListener] Add mouseEvent and touchEvent property (#10694) @tgrowden - [Switch] Add default color (#10697) @oliviertassinari - [StepButton] Support vertical stepper (#10698) @danieljuhl - [TextField] Update defaultValue prop types (#10703) @moondef - [Input] Rename isDirty to isEmpty (#10704) @oliviertassinari - [Select] Perform the layout computation as soon as possible (#10706) @oliviertassinari - [Stepper] Add error prop to StepIcon and StepLabel (#10705) @nicoffee - [Grid] Add zeroMinWidth to TypeScript definition (#10712) @cvanem - [Select] Fix data-value value (#10723) @a-x- - [Tooltip] Update error message (#10742) @MoonDawg92 - [TextField] Apply onFocus and onBlur on the input (#10746) @oliviertassinari - [TextField] Remove dead code (#10757) @oliviertassinari - [Checkbox] Add checkedPrimary and checkedSecondary to TypeScript definition (#10747) @cvanem - [️MuiThemeProvider] TypeScript disableStylesGeneration (#10759) @djeeg - [Input] Relax inputProps and inputComponent Types (#10767) @pelotom - [Tabs] Warn on invalid combination (#10788) @oliviertassinari - [Select] Better document event.target.value (#10791) @oliviertassinari - [Drawer] Add Swipeable feature (#9730) @leMaik - [Select] Add support for autoFocus (#10792) @nicoffee - [Icon] Fix typing by taking out fontSize property (#10821) @franklixuefei #### Docs - [docs] Add new npm package: @material-ui/docs (#10699) @oliviertassinari - [docs] Use buttonRef instead of ref in anchor playground example (#10708) @pelotom - [docs] Fix "Edit this page" button (#10722) @SebastianSchmidt - [docs] Add search shortcut (#10725) @oliviertassinari - [docs] Make navigation look more like the material guidelines (#10709) @leMaik - [docs] Clarify discrepancies from default theme (#10732) @yihangho - [examples] Update next.js PWA color (#10749) @blainegarrett - [docs] Add StackBlitz demo link (#10758) @oliviertassinari - [docs] Fix typo TextField demo (#10766) @elertan - [docs] Better CssBaseline documentation (#10770) @oliviertassinari - [docs] Remove flow warning (#10780) @rosskevin - [docs] Minor typographical fix (#10786) @samdenty99 - [docs] Selection control, customization example (#10787) @oliviertassinari - [docs] Fix typo (#10794) @dylangarcia - [examples] Update Flow Example (#10799) @prastut - [docs] Material Dashboard Pro React (#10832) @oliviertassinari #### Core - [core] Upgrade the dev dependencies (#10702) @oliviertassinari - [typings] Fix `mixins.gutter` signature (argument is optional) (#10814) @sebald ## 1.0.0-beta.38 ###### _Mar 17, 2018_ Big thanks to the 19 contributors who made this release possible. This release comes with important theme upgrades. Here are some highlights ✨: - Introduction of a Premium Themes section (#10616). - A `props` theme key to globally inject properties on components (#10671). - A theme option to change the font-size (#10687). - And many more bug fixes and documentation improvements. ### Breaking change N/A #### Component Fixes / Enhancements - [Select] Fix chip alignment (#10611) @adamszeptycki - [Tabs] Add 'scrollButtons' and 'indicator' to TabsClassKey TypeScript definition (#10618) @cvanem - [TablePagination] Add SelectProps property (#10629) @mrahman1122 - [ListItemSecondaryAction] Vertically center (#10628) @jedwards1211 - [Select] Add visual tests to prevent future regression (#10642) @oliviertassinari - [Popover] Update anchorEl type (#10645) @nicoffee - [styles] Better color manipulator warning (#10652) @oliviertassinari - [Autocomplete] Show how to use the label (#10653) @oliviertassinari - [ButtonBase] Update class keys (#10659) @lukePeavey - [FromHelperText] Add missing component prop definition (#10658) @franklixuefei - [theme] Reduce the negative margin (#10672) @oliviertassinari - [theme] Add a props theme key (#10671) @oliviertassinari - [DialogActions] Add missing TypeScript property (#10674) @youngnicks - [GridList] Should allow optional children (#10680) @rosskevin - [DialogContentText] Extend the Typography component (#10683) @oliviertassinari - [theme] Allow changing the font-size (#10687) @oliviertassinari - [Stepper] Soft ripple background (#10690) @oliviertassinari #### Docs - [docs] Add project to showcase (#10614) @jdupont - [docs] Fix typo (#10621) @prastut - [docs] Updating the TS example to use CssBaseline (#10633) @yuchen-w - [docs] Better support of multiline for downshift (#10641) @oliviertassinari - [docs] Simplify LongMenu demo (#10646) @RichardLindhout - [docs] Improve the onboarding (#10639) @oliviertassinari - [docs] Fix usage of CssBaseline/Reboot in the CDN example (#10655) @SebastianSchmidt - [docs] Fix reference to CssBaseline component (#10654) @SebastianSchmidt - [themes] Introduce a themes website ⚡️ (#10616) @oliviertassinari - [docs] Fix reference to FAQ (#10660) @SebastianSchmidt - [docs] Fix reference to Popover demo (#10661) @SebastianSchmidt - [docs] Fix reference to Modal demo (#10662) @SebastianSchmidt - [docs] Add Rung to showcase (#10669) @vitorebatista - [docs] Add Bit as a sponsor ❤️ (#10673) @oliviertassinari - [docs] Third iteration on the homepage (#10670) @oliviertassinari - [docs] Add Team SC into showcase (#10676) @Losses - [docs] Handle optional params (#10685) @oliviertassinari - [docs] Customized tables (#10686) @oliviertassinari #### Core - [typescript] Remove xxxClassName props from type declarations (#10644) @lukePeavey - [typescript] Add inline style prop to transition (#10650) @nmchaves ## 1.0.0-beta.37 ###### _Mar 11, 2018_ Big thanks to the 13 contributors who made this release possible. Here are some highlights ✨: - An important fix of the focus/blur logic of the Select (#10538) @oliviertassinari. - A multiple selection downshift example (#10550) @oliviertassinari. - A new parcel example (#10575) @oliviertassinari. - And many more bug fixes and documentation improvements. ### Breaking change - [classes] Move the XXXClassName to the classes property (#10600) @oliviertassinari These properties were introduced before `classes`. Exposing a single pattern makes things more predictable and easier to work with. ```diff - + ``` ```diff - + ``` - [CssBaseline] Rename from Reboot (#10605} The new wording should clarify the purpose of the component. For instance, it's not about adding JavaScript polyfills. ```diff - + ``` #### Component Fixes / Enhancements - [Select] Fix wrong onBlur onFocus logic (#10538) @oliviertassinari - [ExpansionPanel] Fix controlled behavior (#10546) @oliviertassinari - [Autocomplete] Add multiple downshift example (#10550) @oliviertassinari - [Autocomplete] selectedItem can be null (#10565) @caub - [core] Improve IE11 support (#10568) @oliviertassinari - [TextField] Better inputComponent demo (#10573) @oliviertassinari - [typescript] Add a test case for ListItemIcon (#10593) @oliviertassinari - [ListItemText] Make the children an alias of the primary property (#10591) @caub - [Button] Fix Button variant prop description (#10578) @teekwak - [Table] Fix table pagination example empty row height (#10588) @amcgee - [Icon] Fix a bug in Chrome 64.0 (#10594) @caub - [List] use theme for margin in ListItemText (#10597) @caub - [StepIcon] enable CSS modifications of active step (#10599) @vkentta - [Tooltip] Add enterTouchDelay and leaveTouchDelay props (#10577) @petegivens #### Docs - [docs] Simplify the CDN example (6e4cc723689961582ede16db421cbdf24ac7c4b9) @oliviertassinari - [docs] Add showcase to readme - componofy (#10541) @DalerAsrorov - [docs] Add Cryptoverview to the showcase (#10545) @leMaik - [docs] Add menu Collapse example (#10548) @oliviertassinari - [docs] Add PersonalBlog Gatsby starter to Showcase (#10566) @greglobinski - [docs] Add parcel example (#10575) @oliviertassinari - [docs] Fix typo in contributing readme (#10586) @chiragmongia - [docs] Fix next.js example to enable styled-jsx with material-ui (#10580) @shibukawa - [docs] Add the latest backers (#10602) @oliviertassinari - [docs] Add Planalyze to Showcase (#10603) @dancastellon - [docs] Improve the htmlFontSize documentation (#10604) @oliviertassinari #### Core - [core] Fix type definitions (#10553) @stefanorie - [core] Better overrides merge support (#10606) @oliviertassinari ## 1.0.0-beta.36 ###### _Mar 5, 2018_ Big thanks to the 14 contributors who made this release possible. Here are some highlights ✨: - We have started the effort toward supporting the async API of react@16.3.0 (#10489, #10523) @oliviertassinari. - Document how to use Material-UI with a CDN (#10514) @zelinf. - And many more bug fixes and documentation improvements. ### Breaking change - [SvgIcon] Allow changing the width with the font-size (#10446) @oliviertassinari Remove the `fontSize` property. The `SvgIcon` behavior is closer to the `Icon` behavior. ```diff - - + + ``` Now, you can use the `font-size` style property to changr the size of the icon. - [classes] Normalize the classes names (#10457) @oliviertassinari This is an effort in order to harmonize the classes API. The best way to recover from this breaking change is to check the warnings in the console and to check the added documentation around the design rules around this API. #### Component Fixes / Enhancements - [Table] Default display style for all table components (#10447) @caub - [Collapse] Fix description (#10454) @onurkose - [ButtonBase] Add a TouchRippleProps property (#10470) @christophediprima - [Select] Ensure label is shrunk when using startAdornment (#10474) @carab - [Card][list] Implement responsive gutters (#10477) @lukePeavey - [icon] Add "side-effects": false to material-ui-icons (#10482) @b1f6c1c4 - [IconButton] Fix theme.spacing.unit size dependency (#10486) @oliviertassinari - [ListItem] Avoid li > li issue (#10484) @oliviertassinari - [ListItem] Fix ContainerProps.className propagation (#10488) @oliviertassinari - [Textarea] Prepare React 16.3.0 (#10489) @oliviertassinari - [icon] Add build:es for material-ui-icons (#10497) @b1f6c1c4 - [ButtonBase] Fix the ripple on Edge (#10512) @oliviertassinari - [Autocomplete] Update the demos so people can stack the components (#10524) @oliviertassinari - [Button] Add override support for sizeLarge and sizeSmall (#10526) @wenduzer - [Modal] Use prototype functions in ModalManager (#10528) @ianschmitz #### Docs - [docs] Fix Roadmap docs formatting (#10501) @cherniavskii - [docs] EnhancedTable Demo (#10491) @kgregory - [docs] Add new Showcase project (#10509) @chriswardo - [Select] Document when the value is required (#10505) @MichaelArnoldOwens - [Select] Document the renderValue signature (#10513) @oliviertassinari - [docs] Add a CDN example (#10514) @oliviertassinari - [docs] Fix SSR rendering in Gatsby example (#10536) @LegNeato #### Core - [core] Prepare the async API (#10523) @oliviertassinari - [core] Upgrade the dev dependencies (#10456) @oliviertassinari - [core] Upgrade the dev dependencies (#10515) @oliviertassinari ## 1.0.0-beta.35 ###### _Feb 24, 2018_ Big thanks to the 20 contributors who made this release possible. Here are some highlights ✨: - A new lab npm package (#10288) @mbrookes. - A breaking changes ROADMAP before v1 (#10348) @oliviertassinari. - And many more bug fixes and documentation improvements. ### Breaking change N/A #### Component Fixes / Enhancements - [Stepper] Add style override types (#10334) @vkentta - [Input] Reset the line-height (#10346) @oliviertassinari - [Select] Revert #9964 (#10347) @oliviertassinari - [lab] Create lab package, add SpeedDial (#10288) @mbrookes - [Button] Update Button mini description (#10355) @lorensr - [SpeedDial] Fix onClick target element (#10368) @mbrookes - [IconButton] Fix class key types (#10374) @vkentta - [Chip] Ignore events generated by descendants (#10372) @maxdubrinsky - [CardHeader] Add missing "action" classes key definition (#10379) @chubbsMcfly - [Dialog] Consistent description (#10377) @oliviertassinari - [Select] Fix the vertical-align (#10380) @oliviertassinari - [Snackbar] Disable pausing of auto hide when window loses focus (#10390) @SebastianSchmidt - [Select] Add `SelectDisplayProps` prop (#10408) @noah-potter - [SelectInput] Add tabIndex prop (#10345) @keenondrums - [Select] Make 'type' prop able to be overwritten (#10361) @fabijanski - [Select] Set type undefined rather than null (#10430) @caub - [ButtonBase] Fix accessibility (#10434) @oliviertassinari - [SwitchBase] Fix defaultChecked issue (#10444) @tanmayrajani - [SwitchBase] Prevent defaultChecked regression (#10445) @oliviertassinari #### Docs - [Transitions] Document transition style prop handling (#10322) @AdamGorkoz - [Drawer] Add clipped navigation drawer demo (#10330) @AdamGorkoz - [docs] Fix demo links for new util components (#10337) @jprince - [docs] Add react-final-form to Related Projects (#10352) @mbrookes - [docs] rename theme-default to default-theme (#10356) @mbrookes - [docs] Fix modal page link (#10360) @tanmayrajani - [docs] Plan the breaking changes before v1 (#10348) @oliviertassinari - [docs] Fix IE11 and W3C warnings (#10394) @oliviertassinari - [docs] Sort the pages by path and ignore dashes (#10396) @leMaik - [docs] Autocomplete migration (#10397) @oliviertassinari - [docs] Add AudioNodes to the showcase (#10407) @JohnWeisz - [docs] Breaking changes feedback notification (#10413) @mbrookes - [docs] Improve readability (#10412) @oliviertassinari - [docs] Add material-ui-autosuggest to related projects (#10415) @tgrowden - [docs] Update transitions.md (#10417) @caub - [docs] Fix minor typo in breaking-changes notification (#10418) @phazor - [docs] Description of how component will render (#10432) @oliviertassinari - [docs] Add CSSGrid comparison example (#10433) @caub #### Core - [core] Upgrade some dependency to start looking into React 16.3 (#10338) @oliviertassinari - [core] Remove direct references to window/document objects (#10328) @ianschmitz - [core] Use tabIndex as number (#10431) @oliviertassinari ## 1.0.0-beta.34 ###### _Feb 17, 2018_ Big thanks to the 21 contributors who made this release possible. Here are some highlights ✨: - Checkbox, Radio, Switch update to follow the spec and be consistent with the Input (#10196, #10138) @phsantiago, @mbrookes. - The documentation works offline (#10267) @msiadak. - Better styled-components documentation (#10266) @rocketraman. - And many more bug fixes and documentation improvements. ### Breaking change - [Checkbox, Radio, Switch] Fix id in internal input (#10196) @phsantiago For consistency between the `Input` and the `Checkbox`, `Switch`, `Radio` the following small breaking changes have been done: The usage of the `inputProps` property is no longer needed to apply an id to the input. The `id` is applied to the input instead of the root. ```diff - + ``` The `inputType` property was renamed `type`. ```diff - + ``` - [Checkbox, Radio, Switch] Change default color, add color prop (#10138) @mbrookes The Material Design specification says that selection controls elements should [use the application's secondary color](https://material.io/guidelines/components/selection-controls.html). ```diff - - - + + + ``` #### Component Fixes / Enhancements - [Input] Fix infinite loop (#10229) @oliviertassinari - [CircularProgress] Add static variant (#10228) @oliviertassinari - [Transition] Add the missing teardown logic (#10244) @oliviertassinari - [Avatar] Use theme.spacing.unit (#10268) @cherniavskii - [InputLabel] Add inheritance docs (#10282) @oliviertassinari - [Input][expansionpane] Remove the use of legacy easing-curve (#10290) @strayiker - [TableCell] Add "scope" attribute for th (#10277) @z-ax - [styles] Fix typo (#10303) @strayiker - [Button] Add fullWidth to ButtonClassKey (#10310) @stefanorie - [TextField] Fix wrong SSR height of the textarea (#10315) @oliviertassinari - [ClickAwayListener] Fix interaction with SVGElement (#10318) @KEMBL - [Icon] Add fontSize to typings (#10317) @clentfort - [Slide] Work with SVG too (#10325) @oliviertassinari #### Docs - [docs] Update links on showcase.md (#10227) @klyburke - [docs] Remove dead code in Drawers (#10230) @oliviertassinari - [docs] Add utils section, document transitions (#10239) @mbrookes - [docs] Fix small issues (#10245) @oliviertassinari - [docs] Add transform-origin and timeout to Grow demo #10246 @mbrookes - [docs] Add modole.io to showcase (#10247) @mweiss - [docs] Better API generator (#10249) @oliviertassinari - [docs] Use non-breaking space (#10252) @oliviertassinari - [example] TypeScript instructions (a81e5f9e54fdcc4648ffe6bdc08eaa596fb0a9bc) @oliviertassinari - [docs] Fix the migration guide doc page (#10257) @nicolasiensen - [docs] Update example in README.md (#10259) @nikoladev - [docs] Fix typo in button component demo (#10260) @bmuenzenmeyer - [docs] styled components non-root components (#10266) @rocketraman - [Selection Control] Symmetry between the demos (#10279) @oliviertassinari - [docs] Remove StepConnector from Steppers demo (#10301) @jdupont - [docs] Add precaching Service Worker to exported docs builds (#10267) @msiadak - [docs] Add missing rel=noopener (#10307) @oliviertassinari - [docs] Add the average response time (#10308) @oliviertassinari - [docs] Update TextFields.js (#10313) @Primajin - [docs] Add toggling with react-popper (#10302) @caub - [docs] Add the latest backers ♥ (#10323) @oliviertassinari - [docs] Expose the theme as a global object (#10326) @oliviertassinari - [docs] Add an example with Google Web Fonts (#10332) @oliviertassinari #### Core - [core] Fix the es distribution (#10254) @NMinhNguyen - [typescript] Add missing exports in index.d.ts (#10295) @Andy4ward - [core] Upgrade react-popper (#10299) @oliviertassinari ## 1.0.0-beta.33 ###### _Feb 10, 2018_ Big thanks to the 16 contributors who made this release possible. Here are some highlights ✨: - A documentation section on the `component` property (#10128) @sebald. - A Snackbar / FAB animation integration example (#10188) @mbrookes. - The Select open state can be controlled (#10205) @oliviertassinari. - And many more bug fixes and documentation improvements. ### Breaking change N/A #### Component Fixes / Enhancements - [typescript] Use Partial props in TypeScript definitions (#10170) @ianschmitz - [GridList] Allow null children in GridListTile (#10179) @caub - [Grid] Small performance improvement (#10180) @oliviertassinari - [TextField] Correct typo in TypeScript export declaration (#10186) @caghand - [Switch] Increase the box shadow when checked (#10187) @leMaik - [Stepper] Mobile Stepper variant determinate (#10190) @KeKs0r - [MenuItem] Better :hover and .selected logic (#10199) @oliviertassinari - [LinearProgress] Property definition grammar fix (#10201) @madison-kerndt - [MuiThemeProvider] Forward the options when nested (#10176) @Aetherall - [Select] Simpler controlled open property (#10205) @oliviertassinari - [typescript] Use types from react-transition-group/Transition (#10129) @sebald - [typescript] Export WithTheme from index (#10209) @clekili - [Stepper] Increase StepButton space for click (#10204) @AlbertLucianto - [ButtonBase] Use parent Window of ButtonBase when listening for keyboard events (#10224) @ianschmitz - [StepLabel] Give more flexibility to the style of span surrounding label (#10218) @seanchambo - [ButtonBase] Save one line of code (#10225) @oliviertassinari #### Docs - [examples] Rename type to variant (#10167) @oliviertassinari - [docs] Using "component" prop to customize rendering (#10128) @sebald - [docs] Fix the restore focus logic of the Popover demo (#10184) @oliviertassinari - [docs] Fix react-select chip on mobile (#10185) @oliviertassinari - [docs] Add Snackbar / FAB animation integration example (#10188) @mbrookes - [docs] Add LocalMonero to showcase (#10195) @mbrookes - [docs] Fix typo `Selet` to `Select` (#10207) @Justkant - [docs] Change negative to positive (#10211) @harvitronix - [docs] Add project to showcase (#10217) @klyburke #### Core - [core] Upgrade Next.js (#10181) @oliviertassinari - [test] Remove the mockPortal workaround (#10208) @leMaik ## 1.0.0-beta.32 ###### _Feb 4, 2018_ Big thanks to the 12 contributors who made this release possible. Here are some highlights ✨: - Rename the `type` property to `variant` (#10088, #10086, #10084, #10101) @mbrookes. - Simplify the implementation of the transitions (#10137, #10151) @oliviertassinari. - Add support for `position="sticky"` with the AppBar (#10090) @scottastrophic. - And many more bug fixes and documentation improvements. ### Breaking change - [API] Complete type to variant migration (#10101) @mbrookes These breaking changes aim at providing a systematic solution to the boolean vs enum naming problem. We have documented our approach to solving the problem in #10023. Basically, we enforce the following rule: - We use a _boolean_ when the degrees of freedom required is **2**. - We use an _enum_ when the degrees of freedom required is **> 2**. This is what motivated the button breaking change. Unfortunately `type` has its own meaning in the HTML specification. You can use it on the following elements: `