@material-ui/core

Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Showing:
Jump to

100 Versions

5.0.0-beta.5

Aug 24, 2021

A big thanks to the 26 contributors who made this release possible. Here are some highlights ✨:

  • 🐛 Fixed a lot of bugs and regressions to get us closer to the v5 stable release milestone
  • 📚 Improved the docs and the migration guide for upgrading to v5
@material-ui/core@5.0.0-beta.5 Breaking changes
  • [core] Update `.browserslistrc` file (#27788) @DanailH

    The targets of the default bundle have changed:

    • Chrome 90 (up from 84)
    • Edge 91 (up from 85)
    • Safari 14 (macOS) (up from 13.1) and 12.4 (iOS) (up from 12.2)
    • Opera 76 (up from 70)
  • [Autocomplete] Rename Value type to AutocompleteValue (#27804) @michaldudak

    The useAutocomplete hook used a type called Value. It was a very generic name for a type specific to the Autocomplete control, so it was removed to AutocompleteValue.

    -import { Value } from '@material-ui/core/useAutocomplete';
    +import { AutocompleteValue } from '@material-ui/core/useAutocomplete';
    
Changes
  • [AppBar] Fix transparency issue on dark mode (#27281) @will-amaral
  • Revert "[BottomNavigation] onClick does not fire if tapped while scrolling (#22524)" (#27690) @eps1lon
  • [Autocomplete] Add verbose warning for defaultValue (#27925) @vedadeepta
  • [Badge] Add missing classes to exported class object (#27943) @pvdstel
  • [ButtonGroup] Allow `size` customization via module augmentation (#27834) @aaronlademann-wf
  • [InputBase] Preserve host state when changing `rows` from undefined to defined (#27683) @eps1lon
  • [InputLabel] Apply `asterisk` class when `required` (#27738) @alexile
  • [Select] Fix NativeSelect propagating classes to the DOM element (#27797) @mnajdova
  • [Stack] Match the customization standard (#27777) @oliviertassinari
  • [SvgIcon] Apply custom color if defined in the theme (#27923) @eps1lon
  • [Switch] Add optional `track` slot to SwitchUnstyled (#27916) @michaldudak
  • [Tooltip] Fix broken arrow position in rtl (#27868) @mnajdova
  • [transitions] Allow to run Slide into a custom container (#26623) @benny0642
@material-ui/system@5.0.0-beta.5 Breaking changes
  • [system] Rename `styleProps` to `ownerState` (#27830) @mnajdova

    The change was done in order to better reflect what they are, not what we think they will be used for.

     <SomeSlotComponent
    -  styleProps={propsAndState}
    +  ownerState={propsAndState}
     />
    
Changes
  • [system] Remove dependency on `overridesResolver` for the `variants` (#27859) @mnajdova
  • [system] Forward `classes` prop if no slot specified in the options (#27795) @mnajdova
  • [system] Fix pseudo class overridden in variants (#27847) @hbjORbj
@material-ui/icons@5.0.0-beta.5
  • [icons] Improve GitHub size (#27740) @oliviertassinari
@material-ui/styled-engine@5.0.0-beta.5
  • [styled-engine] Remove unecessary aliases (#27779) @oliviertassinari
  • [styled-engine] Drop withComponent support (#27780) @oliviertassinari
@material-ui/unstyled@5.0.0-alpha.44
  • [core] Utilize `CSS.supports` in `SliderUnstyled` component (#27724) @DanailH
@material-ui/lab@5.0.0-alpha.44
  • [DatePicker] Fix click-away logic requiring second click in some cases (#24877) @eps1lon
  • [lab] Use the public API for module augmentation (#27735) @oliviertassinari
  • [Timeline] Fix color="inherit" on TimelineDot (#27794) @mnajdova
Docs
  • [docs] Redesign on markdown page (#27860) @mnajdova
  • [docs] Split changelog into current and old (#27942) @eps1lon
  • [docs] Migration, emphasize theme structure change (#27935) @oliviertassinari
  • [docs] Fix missing `href` for AppDrawerNavItems (#27936) @eps1lon
  • [docs] Pass window of iframe to framed demos (#27924) @eps1lon
  • [docs] Simplify Select Chip demo styling (#27864) @LorenzHenk
  • [docs] Move from Redux to React Context (#27828) @eps1lon
  • [docs] Correct the useAutocomplete import path (#27805) @michaldudak
  • [docs] Fix Tooltip flicker when hovering between code icon and demo (#27841) @eps1lon
  • [docs] Don't log if a request was aborted in ServerRequestDatePicker demo (#27843) @eps1lon
  • [docs] Fix false-positive useToolbar warning when using the demo toolbar menu (#27842) @eps1lon
  • [docs] Add missing import (#27850) @nguyenyou
  • [docs] Fix circular integration demo (#27856) @LorenzHenk
  • [docs] A few examples is enough (#27874) @mekouar-mehdi
  • [docs] Improve README.md (#27852) @surajkumar016
  • [docs] Fix rtl issue on the demos (#27865) @mnajdova
  • [docs] Apply the new branding theme and do the AppBar redesign (#27789) @mnajdova
  • [docs] Improve grammar in 'Align list items' section (#27730) @atorenherrinton
  • [docs] Make API documentation tables horizontally scrollable (#27787) @jakeanq
  • [docs] Fix typo on "Customized dialogs" section (#27827) @nomanoff
  • [docs] Fix Autocomplete country layout shift (#27814) @oliviertassinari
  • [docs] Improve accessible labels for Card demos (#27675) @eps1lon
  • [docs] Run in StrictMode by default (#27693) @eps1lon
  • [docs] Display TypeScript code of demo if requested (#27691) @eps1lon
  • [docs] Use country image instead of emoji (#27723) @qiweiii
  • [docs] Zero runtime themeAugmentation documentation (#27706) @eps1lon
  • [docs] Fix MobileTextStepper example to match description (#27682) @nolastemgarden
  • [docs] Document the transfer-list limitations (#27783) @oliviertassinari
  • [docs] Move TypeScript docs in context (#27782) @oliviertassinari
  • [docs] Prefer linking API source TypeScript (#27781) @oliviertassinari
  • [docs] Improve the Modal onClose migration (#27775) @oliviertassinari
  • [docs] Fix outdated styled-engine docs (#27778) @oliviertassinari
  • [docs] Improve right to left guide (#27713) @mnajdova
  • [docs] Consistent line break (#27728) @oliviertassinari
  • [docs] Don't dispatch ignored "reset code variant" actions (#27712) @eps1lon
  • [docs] Fix sentence to be more grammatically correct (#27733) @atorenherrinton
  • [examples] Add code sandbox config with node version (#27798) @qiweiii
  • Revert "[examples] Fix nextjs with styled-components example (#27583)" (#27921) @mnajdova
  • Revert "[examples] Update create-react-app examples with styled-components to use package aliases (#27591)" (#27917) @mnajdova
  • [I10n] Add Khmer (kh-KH) locale support (#27915) @teachhay
  • [website] Add templates & design-kits page (#27811) @siriwatknp
  • [website] Improve rebranding homepage performance (#27838) @siriwatknp
  • [website] Honest a11y value proposition (#27826) @eps1lon
  • [website] Improve homepage rebranding (#27663) @siriwatknp
  • [website] A few polish (#27741) @oliviertassinari
  • [website] Polish homepage (#27930) @oliviertassinari
Core
  • [core] Fix various flip: false regressions (#27920) @mnajdova
  • [core] Fix typo in code comment (#27818) @hamidreza-nateghi
  • [core] Fix typos in repository (#27785) @JEONGJIHUN
  • [test] Current behavior when disabling components variants (#27376) @noviicee
  • [tests Improve test for checking if classes is forwarded to any DOM element (#27815) @mnajdova
  • [tests] Replace legacy `describeConformance` with `describeConformanceV5` (#27817) @mnajdova

All contributors of this release in alphabetical order: @aaronlademann-wf, @alexile, @atorenherrinton, @benny0642, @DanailH, @eps1lon, @hamidreza-nateghi, @hbjORbj, @jakeanq, @JEONGJIHUN, @LorenzHenk, @mekouar-mehdi, @michaldudak, @mnajdova, @nguyenyou, @nolastemgarden, @nomanoff, @noviicee, @oliviertassinari, @pvdstel, @qiweiii, @siriwatknp, @surajkumar016, @teachhay, @vedadeepta, @will-amaral

5.0.0-beta.4

Aug 13, 2021

Big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:

  • 🐛 Grid's "auto" behavior has been fixed (#27514) @aaronlademann-wf
  • ♿ An important bug with the keyboard navigation in MenuList was fixed (#27526) @ryancogswell
@material-ui/core@5.0.0-beta.4 Breaking changes
  • [Grid] Fix "auto" behavior to match natural width of its content (#27514) @aaronlademann-wf
Changes
  • [ButtonBase] Fix tabIndex type (#27684) @kylegach
  • [MenuList] Fix text navigation (#27526) @ryancogswell
  • [l10n] Add Arabic Sudan (ar-SD) locale (#27588) @YassinHussein
  • [Radio] Fix size prop forwarding with custom icons (#27656) @DouglasPds
  • [TextField] Password visibility icons ( "visibility" ⇔ "visibility-off" ) should be reversed (#27507) @tonextone
  • [ToggleButton] Fix handling of color prop (#27635) @oliviertassinari
@material-ui/codemods@5.0.0-beta.4
  • [codemod] Fix filename case sensitive duplicate @oliviertassinari
@material-ui/system@5.0.0-beta.4
  • [StyledEngineProvider] Remove unnecessary emotion cache export (#27680) @garronej
  • [system] Fix missing filterProps in compose type (#27618) @R-Bower
@material-ui/labs@5.0.0-alpha.42
  • [CalendarPicker] Improve contrast between enabled and disabled days (#27603) @nikitabobers
  • [PickersDay] Render `children` if specified (#27462) @abriginets
  • [TreeView] Fix TreeItem label overflow (#27585) @LorenzHenk
Docs
  • [docs] Update guides for @material-ui/styled-engine-sc installation (#27602) @mnajdova
  • [docs] Document that @material-ui/styles is not strict mode compatible (#27639) @oliviertassinari
  • [docs] Link to "Customization of Theme" from relevant theme interfaces (#27689) @eps1lon
  • [docs] Update CSP page (#27627) @mnajdova
  • [docs] Reorder and rename "enforce value" ToggleButton demo (#27678) @LorenzHenk
  • [docs] Fix missing dependency in the DataGrid demo (#27597) @m4theushw
  • [docs] img should have a src attribute (#27632) @oliviertassinari
  • [docs] Add badges to Transfer List (#27634) @oliviertassinari
  • [docs] Recommend the `direct-import` babel plugin over `transform-import` (#27335) @umidbekk
  • [docs] Remove unused code (#27711) @eps1lon
  • [docs] Improve virtualization demo (#27340) @vedadeepta
  • [examples] Include a follow-up on the example (#27620) @matiasherranz
  • [website] Add about page (#27599) @siriwatknp
  • [website] Add pricing page (#27598) @siriwatknp
Core
  • [core] Batch small changes (#27636) @oliviertassinari
  • [core] Change range strategy to bump (#27652) @oliviertassinari
  • [core] Fix visual regression example images (#27660) @eps1lon
  • [core] Remove diff when running yarn docs:dev (#27720) @eps1lon
  • [core] Remove mocks of require.context in markdown loader (#27406) @eps1lon
  • [core] Reduce use CSS when Checkbox disableRipple is set (#27568) @oliviertassinari
  • [test] Add coverage for jss-to-styled prefix from filename (#27522) @eps1lon
  • [test] Add current behavior for a11y name vs visible name for PickersDay (#27661) @eps1lon
  • [test] Dodge double logging in dev mode (#27653) @oliviertassinari
  • [test] Enable skipped test fixed by upstream React fix (#27615) @eps1lon
  • [theme] Add missed variants in Components interface (#27453) @nikitabobers

All contributors of this release in alphabetical order: @aaronlademann-wf, @abriginets, @DouglasPds, @eps1lon, @garronej, @kylegach, @LorenzHenk, @m4theushw, @matiasherranz, @mnajdova, @nikitabobers, @oliviertassinari, @R-Bower, @ryancogswell, @siriwatknp, @tonextone, @umidbekk, @vedadeepta, @YassinHussein

5.0.0-beta.3

Aug 9, 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 (TypeScript) and <React.Fragment> use (#27578) @mnajdova
  • 🦴 Isolate useAutocomplete into the unstyled package (#27485) @michaldudak
@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` use 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

4.12.3

@material-ui/core@4.12.3
  • [Accordion] Fix AccordionSummary false-positive propType warning with `disableGeneration` (#27385) @eps1lon
  • [ImageList] Fix deprecation warnings (#27502) @mnajdova
  • [Table] Re-introduce deprecated TablePagination `onChangePage` to `ActionsComponent` (#27407) @eps1lon
  • [TextareaAutosize] Updated deprecation warning to suggest minRows instead of rowsMin (#27398) @HumbertoL
Docs
  • [docs] Fix 404 link to ImageList @oliviertassinari
  • [docs] Fix DataTable.tsx demo in v4 (#27196) @Siv-tspab
Core
  • [core] Add release scripts (#27399) @eps1lon

All contributors of this release in alphabetical order: @eps1lon, @mnajdova, @HumbertoL, @oliviertassinari, @Siv-tspab

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 a new codemod for converting JSS styles to emotion (#27292) @siriwatknp It should help the 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

4.12.2

@material-ui/core@4.12.2
  • [Accordion, Collapse] Fix failed proptype error (#27307) @serenalin121
  • [Accordion] Ensure AccordionSummary backwards compatible deprecation of classes.focused (#27351) @eps1lon
  • [TextField] Add support for `minRows` (#27293) @eps1lon
Docs
  • [blog] Danilo Leal joins Material-UI (#27231) @oliviertassinari
  • [blog] Jun did join in Q1 @oliviertassinari
  • [blog] Fix typo @oliviertassinari
  • [blog] Q2 2021 Update (#27089) @oliviertassinari
  • [docs] Add constant for the banner height (#27309) @mnajdova
  • [docs] Fix various layout issues with the v5 banner (#27237) @mnajdova
  • [docs] Fix https protocol (#27262) @m4theushw
  • [docs] Remove Ethical Ads (#27173) @mbrookes
  • [website] Open 4 new roles (#27123) @oliviertassinari

All contributors of this release in alphabetical order: @eps1lon, @m4theushw, @mbrookes, @mnajdova, @oliviertassinari, @serenalin121

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, and a hook: useSwitch.

    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 in the documentation.

@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

4.12.1

This release is released to fix the package.json generation in the previous release.

Core
  • [core] Fix generation of package.json file on Windows (#27160) @mnajdova

4.12.0

Big thanks to the 12 contributors who made this release possible. It includes deprecations that should help developers to have an easier adoption of v5.

@material-ui/core@4.12.0
  • [Accordion] Deprecate classes.focused (#24083) @oliviertassinari
  • [Avatar] Change default variant and adjust deprecation message (#25549) @michal-perlakowski
  • [Badge] Add overlap circular and rectangular (#22076) @eps1lon
  • [ButtonBase] Add warning for buttonRef removal (#25897) @m4theushw
  • [Collapse] Deprecate classes.container (#24084) @oliviertassinari
  • [Collapse] Deprecate collapsedHeight (#24079) @oliviertassinari
  • [Dialog] Add deprecation warning for withMobileDialog (#23570) @RDIL
  • [Dialog] Deprecate the transition onX props (#22114) @mbrookes
  • [Fab] Deprecate variant="round" (#24080) @oliviertassinari
  • [Grid] Add deprecation for justify prop rename (#24078) @oliviertassinari
  • [Grid] Fix justifyContent="flex-start" prop types (#24788) @DukeManh
  • [GridList] Rename to ImageList & add deprecation warnings (#22363) @mbrookes
  • [Icons] Deprecate fontSize value of default, add medium (#23971) @mbrookes
  • [Menu] Deprecate transition onX props (#22213) @mbrookes
  • [Modal][Dialog] Deprecate duplicate props with onChange (#24081) @oliviertassinari
  • [Modal][Portal] Deprecate onRendered (#24082) @oliviertassinari
  • [Popover] Deprecate transition onX props (#22202) @mbrookes
  • [RootRef] Deprecate component (#24075) @oliviertassinari
  • [Snackbar] Deprecate transition onX props (#22206) @mbrookes
  • [Table] Add deprecation for renamed TablePagination props (#23789) @mnajdova
  • [Table] Deprecate padding="default" (#25990) @m4theushw
  • [TextareaAutosize] Deprecate rowsMax->maxRows & rowsMin->minRows (#23530) @mhayk
  • [TextField] Add isRequired to position prop in InputAdornment (#25912) @m4theushw
  • [theme] Deprecate theme.mixins.gutters (#22245) @joshwooding
  • [theme] Deprecate fade color utility in favor of alpha (#22837) @mnajdova
  • [theme] Deprecate createMuiTheme (#26004) @m4theushw
  • [theme] Add warning for theme.typography.round deprecation (#25916) @m4theushw
  • [theme] Add warning for theme.breakpoints.width deprecation (#25993) @m4theushw
@material-ui/system@4.12.0
  • [Box] Deprecate css prop in favor of sx (#23480) @mnajdova
Docs
  • [blog] Michał Dudak joins Material-UI (#26700)
  • [blog] Siriwat Kunaporn joins Material-UI (#26329) @oliviertassinari
  • [docs] Add gold sponsor (#26968)
  • [docs] Add v5 banner (#27070)
  • [docs] Fix 404 link (Evergreen Box) (#26430) @k-utsumi
  • [docs] Prepare for data grid auto-generated docs (#26477) @m4theushw
  • [docs] Update typography.md to non-deprecated fontsource (#26082) @kiwimahk
  • [website] Add careers page for intern (#26280) @mnajdova
  • [website] Add open application section (#26501) @oliviertassinari
Core
  • [test] Deprecate test-utils (#24099) @eps1lon

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 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.
  • 🐛 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.

    <button class="MuiTab-root">
    - <span class="MuiTab-wrapper">
        {icon}
        {label}
    - </span>
    </button>
    
  • [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.

    <button class="MuiBottomNavigationAction-root">
    - <span class="MuiBottomNavigationAction-wrapper">
        {icon}
        <span class="MuiBottomNavigationAction-label">
          {label}
        </span>
    - </span>
    </button>
    
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).

    <DatePicker
      label="Helper text example"
      value={value}
      onChange={onChange}
      renderInput={(params) => (
    -    <TextField {...params} />
    +    <TextField {...params} helperText={params?.inputProps?.placeholder} />
      )}
    >
    
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. 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.

  • 💡 IconButton now supports 3 sizes (small, medium, large). See demo.

  • ♿️ 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:

       <Menu
      +  anchorOrigin={{
      +    vertical: 'top',
      +    horizontal: 'left',
      +  }}
      
    • The MenuItem component inherits the ButtonBase component instead of ListItem. The class names related to "MuiListItem-*" are removed and theming ListItem is no longer affecting MenuItem.

      -<li className="MuiButtonBase-root MuiMenuItem-root MuiListItem-root">
      +<li className="MuiButtonBase-root MuiMenuItem-root">
      
    • The prop listItemClasses was removed, you can use classes instead.

      -<MenuItem listItemClasses={{...}}>
      +<MenuItem classes={{...}}>
      
  • [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.

    {
      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.

    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.

    - <IconButton>
    + <IconButton size="large">
    
  • [Slider] Adjust css to match the specification (#26632) @siriwatknp

    Rework the CSS to match the latest Material Design guidelines and make custom styles more intuitive. See documentation.

    You can reduce the density of the slider, closer to v4 with the size="small" prop.

  • [IconButton] Remove label span (#26801) @siriwatknp

    span element that wraps children has been removed. label classKey is also removed. More details about this change.

    <button class="MuiIconButton-root">
    - <span class="MuiIconButton-label">
        <svg />
    - </span>
    </button>
    
  • [core] Remove `unstable_` prefix on the `useThemeProps` hook (#26777) @mnajdova

    The following utilities were renamed to not contain the unstable_ prefix:

    • @material-ui/sytstem
     import {
    -  unstable_useThemeProps,
    +  useThemeProps,
     } from '@material-ui/system';
    
    • @material-ui/core
     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
     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.

    <Grid container spacing={{ xs: 2, md: 3 }} columns={{ xs: 1, sm: 2, md: 3 }}>
      <Grid item xs={2} sm={4} md={4} />
      <Grid item xs={2} sm={4} md={4} />
      <Grid item xs={2} sm={4} md={4} />
    </Grid>
    

    Head to the documentation 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. 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 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.

    <button class="MuiButton-root">
    - <span class="MuiButton-label">
        children
    - </span>
    </button>
    
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.

    -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 <ListItem button /> 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 in the Grid component (#26559) @likitarai1.

    Note that this feature was already available for CSS grid users 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. Use enableColorOnDark to restore the behavior of v4.

    <AppBar enableColorOnDark />
    
  • [core] Rename `experimentalStyled` to `styled` (#26558) @mnajdova

    Remove the experimental prefix, this module is going stable:

    -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
    <DateTimePicker
      components={{
        LeftArrowIcon: AlarmIcon,
        RightArrowIcon: SnoozeIcon,
    +   OpenPickerIcon: ClockIcon,
      }}
    - openPickerIcon={<ClockIcon />}
    
@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/sc of all the components (@material-ui/core and @material-ui/lab) @siriwatknp, @mnajdova.
  • 📦 Save 12 kB gzipped by removing the dependency on @material-ui/styles (JSS) from the core and the lab (#26377, #26382, #26376) @mnajdova.
  • 📦 Reduce a bit the size of the icons package. We go from 16.8MB to 15.1MB (#26309) @eps1lon
  • 👩‍🎤 We are progressively moving all modules that are relevant to styling custom design systems in @material-ui/system. It's meant to be complementary with @material-ui/unstyled (#26379, #26485) @mnajdova.
  • ⚒️ Add many new codemods 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.

    -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 <div className={classes.root} />
     }
    
     // In the root of your app
     function App(props) {
    -  return <Component />;
    +  return <ThemeProvider theme={theme}><Component {...props} /></ThemeProvider>;
     }
    
  • [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.

    -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 <div className={clsx(className, classes.root)} {...other} />
     })(({ theme }) => ({ root: { background: theme.palette.primary.main }}));
    
     function App() {
    -  return <MyComponent />;
    +  return <ThemeProvider theme={defaultTheme}><MyComponent /></ThemeProvider>;
     }
    
  • [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.

    -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:

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
@material-ui/system@5.0.0-alpha.35
  • [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. 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 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.

    -<NativeSelect classes={{ root: 'class1', select: 'class2', selectMenu: 'class3' }} />
    +<NativeSelect classes={{ select: 'class1 class2 class3' }} />
    

    TablePagination

    Move the custom class on input to select. The input key is being applied on another element.

    <TablePagination
    - classes={{ input: 'foo' }}
    + classes={{ select: 'foo' }}
    />
    
  • [core] Move `StyledEngineProvider` to `@material-ui/core/styles` (#26265) @mnajdova

    Change location of StyledEngineProvider import.

    -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.

    -'.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:

    function ResponsiveDateTimePicker(props) {
      const [open, setOpen] = React.useState(false);
    
      return (
        <DateTimePicker
          open={open}
          onClose={() => setOpen(false)}
          onOpen={() => setOpen(true)}
          {...props}
        />
      );
    }
    
  • [Autocomplete] Rename getOptionSelected to isOptionEqualToValue (#26173) @m4theushw
    <Autocomplete
    -  getOptionSelected={(option, value) => option.title === value.title}
    +  isOptionEqualToValue={(option, value) => option.title === value.title}
    />
    

Follow this link 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. 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 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.

    import * as React from 'react';
    import { withStyles } from '@material-ui/core/styles';
    const MyComponent = withStyles({
      root: {
        backgroundColor: 'red',
      },
    })(({ classes }) => <div className={classes.root} />);
    function MyOtherComponent(props) {
      const ref = React.useRef();
    - return <MyComponent innerRef={ref} />;
    + return <MyComponent ref={ref} />;
    }
    

    withTheme

    Replace the innerRef prop with the ref prop. Refs are now automatically forwarded to the inner component.

    import * as React from 'react';
    import { withTheme  } from '@material-ui/core/styles';
    const MyComponent = withTheme(({ theme }) => <div>{props.theme.direction}</div>);
    function MyOtherComponent(props) {
      const ref = React.useRef();
    - return <MyComponent innerRef={ref} />;
    + return <MyComponent ref={ref} />;
    }
    
  • [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.

    -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.

    -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.

    -<Box sx={{ border: '1px dashed grey' }} clone>
    -  <Button>Save</Button>
    -</Box>
    +<Button sx={{ border: '1px dashed grey' }}>Save</Button>
    
  • [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:

    -<Box sx={{ border: '1px dashed grey' }}>
    -  {(props) => <Button {...props}>Save</Button>}
    -</Box>
    +<Button sx={{ border: '1px dashed grey' }}>Save</Button>
    
    -<Box sx={{ border: '1px dashed grey' }}>
    -  {(props) => <button {...props}>Save</button>}
    -</Box>
    +<Box component="button" sx={{ border: '1px dashed grey' }}>Save</Box>
    
  • [Checkbox] Make color="primary" default (#26002) @vicasas

    This better matches the material design guidelines.

    -<Checkbox />
    +<Checkbox color="secondary />
    
  • [Select] Remove `labelWidth` prop (#26026) @m4theushw

    The label prop now fulfills the same purpose, using CSS layout instead of JavaScript measurement to render the gap in the outlined. The TextField already handles it by default.

    -<Select variant="outlined" labelWidth={20} />
    +<Select label="Gender" />
    
  • [core] Remove `styled` JSS utility from `@material-ui/core/styles` (#26101) @mnajdova

    The styled JSS utility is no longer exported from @material-ui/core/styles. You can use @material-ui/styles/styled 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/styles instead.

    -import { styled } from '@material-ui/core/styles';
    +import { styled } from '@material-ui/styles';
    +import { createTheme, ThemeProvider } from '@material-ui/core/styles';
    
    +const theme = createTheme();
     const MyComponent = styled('div')(({ theme }) => ({ background: theme.palette.primary.main }));
    
     function App(props) {
    -  return <MyComponent />;
    +  return <ThemeProvider theme={theme}><MyComponent {...props} /></ThemeProvider>;
     }
    

    For new components, you can instead use the experimentalStyled() helper powered by emotion/sc.

    import { experimentalStyled as styled } from '@material-ui/core/styles';
    
  • [Hidden] Remove component (#26135) @m4theushw

    Removed in favor of using the sx prop or the useMediaQuery hook.

    Use the sx prop to replace implementation="css":

    -<Hidden implementation="css" xlUp><Paper /></Hidden>
    -<Hidden implementation="css" xlUp><button /></Hidden>
    +<Paper sx={{ display: { xl: 'none', xs: 'block' } }} />
    +<Box component="button" sx={{ display: { xl: 'none', xs: 'block' } }} />
    

    Use the useMediaQuery hook to replace implementation="js":

    -<Hidden implementation="js" xlUp><Paper /></Hidden>
    +const hidden = useMediaQuery(theme => theme.breakpoints.up('xl'));
    +return hidden ? null : <Paper />;
    
  • [withWidth] Remove API (#26136) @m4theushw

    Removed in favor of the useMediaQuery hook. You can reproduce the same functionality creating a custom hook as described here.

  • [Autocomplete] Rename values of the reason argument (#26172) @m4theushw

    Rename the values of the reason argument in onChange and onClose for consistency:

    1. create-option to createOption
    2. select-option to selectOption
    3. remove-option to removeOption
  • [core] Remove `withTheme` from `@material-ui/core` (#26051) @mnajdova

    The withTheme utility has been removed from the @material-ui/core/styles package. You can use the @material-ui/styles/withTheme 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 from @material-ui/core/styles instead.

     import * as React from 'react';
    -import { withTheme } from '@material-ui/core/styles';
    +import { withTheme } from '@material-ui/styles';
    +import { createTheme, ThemeProvider } from '@material-ui/core/styles';
    
    +const theme = createTheme();
     const MyComponent = withTheme(({ theme }) => <div>{props.theme.direction}</div>);
    
     function App(props) {
    -  return <MyComponent />;
    +  return <ThemeProvider theme={theme}><MyComponent {...props} /></ThemeProvider>;
     }
    
  • [core] Remove `createStyles` from `@material-ui/core` (#26018) @mnajdova
    • The createGenerateClassName module is no longer exported from @material-ui/core/styles. You should import it directly from @material-ui/styles.
    -import { createGenerateClassName } from '@material-ui/core/styles';
    +import { createGenerateClassName } from '@material-ui/styles';
    
    • The jssPreset objeect is no longer exported from @material-ui/core/styles. You should import it directly from @material-ui/styles.
    -import { jssPreset } from '@material-ui/core/styles';
    +import { jssPreset } from '@material-ui/styles';
    
    • The ServerStyleSheets component is no longer exported from @material-ui/core/styles. You should import it directly from @material-ui/styles.
    -import { ServerStyleSheets } from '@material-ui/core/styles';
    +import { ServerStyleSheets } from '@material-ui/styles';
    
  • The StylesProvider component is no longer exported from @material-ui/core/styles. You should import it directly from @material-ui/styles.

    -import { StylesProvider } from '@material-ui/core/styles';
    +import { StylesProvider } from '@material-ui/styles';
    
  • The useThemeVariants hook is no longer exported from @material-ui/core/styles. You should import it directly from @material-ui/styles.

    -import { useThemeVariants } from '@material-ui/core/styles';
    +import { useThemeVariants } from '@material-ui/styles';
    
Changes
  • [Dialog] Improve support for custom breakpoints (#26092) @oliviertassinari
  • [IconButton] Fix default color prop (#26064) @Jack-Works
  • [Radio] Migrate RadioButtonIcon to emotion (#26068) @mnajdova
  • [SwipeableDrawer] Migrate SwipeArea to emotion (#26059) @mnajdova
  • [Table] Synchronize horizontal sticky header position with body (#26159) @LiKang6688
  • [Tabs] Fix support for null children in TabList (#26170) @hubertokf
  • [Tabs] Fix keyboard traversal over disabled tabs (#26061) @anish-khanna
  • [TextField] Fix missing `standard` variant classes in types (#26115) @siriwatknp
  • [TextField] Allow to customize Typography in FormControlLabel (#25883) @mousemke
  • [theme] Fix transition duration default value customization (#26054) @anshuman9999
@material-ui/lab@5.0.0-alpha.33 Breaking changes
  • [Timeline] Add support for position override on items (#25974) @simonecervini

    Rename the align prop to position to reduce confusion.

    -<Timeline align="alternate">
    +<Timeline position="alternate">
    
    -<Timeline align="left">
    +<Timeline position="right">
    
    -<Timeline align="right">
    +<Timeline position="left">
    
  • [pickers] Remove customization of deep components (#26118) @eps1lon
Changes
  • [DatePicker] Migrate YearPicker to emotion (#25928) @siriwatknp
  • [DateRangePicker] Fix not being opened on click (#26016) @eps1lon
  • [pickers] Fix ref types (#26121) @eps1lon
  • [pickers] Rely on native behavior for disabled/readOnly behavior (#26055) @eps1lon
  • [pickers] Remove unused components from mobile and desktop variants (#26066) @eps1lon
  • [pickers] Document readonly/disabled pickers (#26056) @eps1lon
  • [pickers] Remove unused components from static variants (#26052) @eps1lon
  • [pickers] Toggle mobile keyboard view in the same commit as the view changes (#26017) @eps1lon
  • [pickers] Remove redundant aria-hidden (#26014) @eps1lon
  • [pickers] Ensure input value is reset in the same commit as the value (#25972) @eps1lon
  • [internal][pickers] Pass desktop wrapper props explicitly (#26120) @eps1lon
  • [internal][pickers] Move useInterceptProps into module (#26090) @eps1lon
  • [internal][pickers] Explicit default toolbar components (#26075) @eps1lon
  • [internal][pickers] Move validation from config to module (#26074) @eps1lon
  • [internal][pickers] Minimal types for defaultizing in useInterceptProps (#26063) @eps1lon
  • [internal][pickers] Don't validate inputFormat in production (#26053) @eps1lon
  • [internal][pickers] Remove unused styles (#26023) @eps1lon
  • [internal][pickers] Remove `AllSharedPickerProps` and `AllSharedDateRangePickerProps` (#26005) @eps1lon
Docs
  • [docs] Migrate Tabs, Table, Snackbar demos to emotion (#26175) @mnajdova
  • [docs] Fix dynamic global styles (#25690) @mnajdova
  • [docs] Fixed React.forwardRef missing display name ESLint error (#26160) @arpitBhalla
  • [docs] Migrate Tooltip, Steppers demos to emotion (#26165) @mnajdova
  • [docs] Migrate Dialog demos to emotion (#26162) @vicasas
  • [docs] Remove `makeStyles` from landing pages (#26130) @mnajdova
  • [docs] Add new customized switch examples (#26096) @DanielBretzigheimer
  • [docs] Migrate Autocomplete demos (#26127) @mnajdova
  • [docs] Remove `@material-ui/core/styles` from the styles pages (#26126) @mnajdova
  • [docs] Update templates, premium-themes to use `makeStyles` from `@material-ui/styles` (#26131) @mnajdova
  • [docs] Migrate TreeView demos (#26146) @mnajdova
  • [docs] More explicit breakpoint documentation in `sx` (#26140) @eps1lon
  • [docs] Explicitly describe how the media query affects the rendered version (#26129) @eps1lon
  • [docs] Fix 301 link to store (#26095) @oliviertassinari
  • [docs] Normalize name use for state in pickers demo (#26093) @oliviertassinari
  • [docs] Consistent type name in docs (#26077) @jamesaucode
  • [docs] Remove `makeStyles` dependency from core in modules (#26071) @mnajdova
  • [docs] Add links for demo in different deploys (#26065) @eps1lon
  • [docs] Add section for useFormControl (#25927) @t49tran
  • [docs] Add Styled Engine page (#25911) @mnajdova
  • [docs] Migrate Timeline demos to emotion (#26036) @vicasas
  • [docs] Document all the colors available (#26015) @anshuman9999
  • [docs] Avoid extracting classes twice (#25973) @oliviertassinari
Core
  • [test] Add test for behavior when picker variant changes (#26128) @eps1lon
  • [test] testing-library patterns for playwright tests (#25860) @eps1lon
  • [test] Remove scheduler/tracing (#26062) @eps1lon
  • [test] Remove duplicate property (#26011) @eps1lon
  • [core] Link to experimental size-comparison page (#26179) @eps1lon
  • [core] Update typings for theme's components (#26125) @mnajdova
  • [core] Improve `react@experimental` compat (#26116) @eps1lon
  • [core] Remove more dependencies on `@material-ui/styles` (#26100) @mnajdova
  • [core] Batch small changes (#26083) @oliviertassinari
  • [core] ComponentType -> JSXElementConstructor (#26081) @eps1lon
  • [core] Create new @material-ui/private-theming package (#25986) @mnajdova

All contributors of this release in alphabetical order: @anish-khanna, @anshuman9999, @arpitBhalla, @DanielBretzigheimer, @eps1lon, @hubertokf, @Jack-Works, @jamesaucode, @LiKang6688, @m4theushw, @mnajdova, @mousemke, @oliviertassinari, @simonecervini, @siriwatknp, @t49tran, @vicasas

4.11.4

Apr 27, 2021

Big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:

We fixed an issue related to some packages using incompatible versions of @material-ui/types. This affected @material-ui/core, @material-ui/lab, and @material-ui/styles @material-ui/types@5.1.7 accidentally included a breaking change.

@material-ui/core@4.11.4
  • [Avatar] Remove circular variant deprecation (#25543) @michal-perlakowski
  • [types] Ensure Omit type exists (#25978) @eps1lon
Docs
  • [DataGrid] Update docs sections (#25980) @dtassone
  • [docs] Sync master redirections with next @oliviertassinari
  • [docs] Fix deploy @oliviertassinari
  • [docs] Move DataGrid editing nav link (#25769) @dtassone
  • [docs] Design is what matters @oliviertassinari
  • [docs] Add the new demo page (#25285) @DanailH
  • [docs] Add a temporary hiring block in the docs (#25111) @oliviertassinari
  • [docs] Remove under construction icons from DataGrid feature pages (#24946) @DanailH
  • [docs] Add HoodieBees to sponsors (#24735) @mbrookes
  • [docs] Add sorting section (#24637) @dtassone
  • [docs] v4 is not under active development @oliviertassinari
Core
  • remove job ad @oliviertassinari
  • clearer header @oliviertassinari
  • [blog] Fix typos @oliviertassinari
  • [core] Update the codesandbox issue templates (#25501) @oliviertassinari
  • [core] Support /r/issue-template back (#24870) @oliviertassinari
  • [website] Q1 2021 Update (#25591) @oliviertassinari
  • [website] Matheus Wichman joins Material-UI (#25590) @oliviertassinari
  • [website] Fix 404 page @oliviertassinari
  • [website] Update Careers page (#24948) @oliviertassinari

All contributors of this release in alphabetical order: @DanailH, @dtassone, @eps1lon, @mbrookes, @michal-perlakowski, @oliviertassinari

5.0.0-alpha.32

Apr 27, 2021

Big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:

  • 👩‍🎤 We have completed the migration to emotion of all components in @material-ui/core. We will focus on the components in @material-ui/lab next.
  • 💥 Make progress with the breaking changes plan. We have done 38 out of 41 breaking changes that can be deprecated. We have done 21 out of the 39 that can't have deprecations. Once done, we will focus on updating the components for better following material design, and to improve the aesthetic.
  • 💄 Support extending the theme for custom color and size values in all components.
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@5.0.0-alpha.32 Breaking changes
  • [Table] Rename padding="default" to padding="normal" (#25924) @m4theushw
    -<Table padding="default" />
    -<TableCell padding="default" />
    +<Table padding="normal" />
    +<TableCell padding="normal" />
    
  • [Button] Rename `pending` prop to `loading` in LoadingButton (#25874) @m4theushw
    -<LoadingButton pending pendingIndicator="Pending..." pendingPosition="end" />
    +<LoadingButton loading loadingIndicator="Pending..." loadingPosition="end" />
    
  • [ButtonBase] Remove buttonRef prop (#25896) @m4theushw
    -<ButtonBase buttonRef={ref} />
    +<ButtonBase ref={ref} />
    
    -<Button buttonRef={ref} />
    +<Button ref={ref} />
    
  • [Checkbox][Switch] Remove checked argument from onChange (#25871) @m4theushw
    function MyCheckbox() {
    - const handleChange = (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => {
    + const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    +   const checked = event.target.checked;
      };
      return <Checkbox onChange={handleChange} />;
    }
    
    function MySwitch() {
    - const handleChange = (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => {
    + const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    +   const checked = event.target.checked;
      };
      return <Switch onChange={handleChange} />;
    }
    
  • [theme] Remove theme.breakpoints.width helper (#25918) @m4theushw
    -theme.breakpoints.width('md')
    +theme.breakpoints.values.md
    
  • [theme] Remove theme.typography.round helper (#25914) @m4theushw

    The theme.typography.round helper was removed because it was no longer used. If you need it, use the function below:

    function round(value) {
      return Math.round(value * 1e5) / 1e5;
    }
    
Changes
  • [Container] Fix maxWidth="false" resulting in incorrect css (#25869) @mnajdova
  • [core] Improve support for extended props in theme (#25934) @vicasas
  • [core] Fix various too wide `classes` types (AppBar, Card, Link, LoadingButton, MenuItem) (#25917) @eps1lon
  • [Drawer] Fix classes forwarded to DOM node for docked drawer (#25870) @mnajdova
  • [IconButton] Support custom colors and sizes (#25890) @Vikram710
  • [l10n] Add Bengali (bnBD) locale (#25841) @Knoxo
  • [Rating] Support custom sizes (#25922) @vicasas
  • [Select] Fix classes leaking on the DOM (#25894) @siriwatknp
  • [Stack] Fix support of spacing falsy values (#25937) @simonecervini
  • [Table] Migrate TablePagination to emotion (#25809) @siriwatknp
  • [Tabs] Migrate Tabs to emotion (#25824) @siriwatknp
  • [TextField] Remove utlity class name for margin="none" (#25969) @oliviertassinari
  • [TextField] Make the `position` prop required in InputAdornment (#25891) @m4theushw
  • [theme] Remove fade color helper (#25895) @m4theushw
@material-ui/lab@5.0.0-alpha.32
  • [DateTimePicker] `date` is nullable in `onChange` (#25981) @eps1lon
  • [internal][Pickers] Remove unused TView type argument (#25936) @eps1lon
  • [internal][Pickers] Inline some BasePickerProps usages (#25971) @eps1lon
  • [internal][Pickers] Entangle what *Props vs All*Props means (#25938) @eps1lon
  • [lab] Update slot components to use overridesResolver (#25906) @mnajdova
  • [Timeline] Remove use of nth-child in favor of nth-of-type (#25915) @wellwellmissesanderson
  • [Timeline] Migrate Timeline to emotion (#25838) @siriwatknp
  • [TreeView] Migrate TreeItem to emotion (#25835) @siriwatknp
@material-ui/styled-engine@5.0.0-alpha.32
  • [styled-engine] Skip variants resolver for non root slots by default (#25865) @mnajdova
@material-ui/system@5.0.0-alpha.32
  • [system] Add missing `main` entry for styleFunctionSx (#25885) @eps1lon
@material-ui/types@6.0.0

This package is just re-released since version 5.1.7 had a breaking change.

Docs
  • [Autocomplete] Fix tagSize class typo (#25908) @JanMisker
  • [DataGrid] Update docs sections (#25980) @dtassone
  • [docs] Batch small fixes (#25807) @m4theushw
  • [docs] Explicitly list demos of unstyled components (#25900) @eps1lon
  • [docs] Expose heading links in a11y tree (#25861) @eps1lon
  • [docs] Fix minor typo (#26001) @onpaws
  • [docs] Fix global styles leaking on different pages (#25855) @mnajdova
  • [docs] Fix Typography api docs for `paragraph` prop (#25929) @DanailH
  • [docs] Fix Slider's classes wrong description (#25907) @mnajdova
  • [docs] Grammar correction in autocomplete API (#25910) @gruber76
  • [docs] Require documentation of demos (#25811) @eps1lon
  • [docs] Update minimum required TypeScript version (#25930) @eps1lon
  • [Table] Improve description of TablePagination.rowsPerPageOptions (#25982) @kevinlul
Core
  • [core] Fix wrong imports to '@material-ui/styles' (#25984) @mnajdova
  • [core] Ensure props spreading works as expected (#25939) @oliviertassinari
  • [core] Batch small changes (#25968) @oliviertassinari
  • [core] Enable trailing comma in TypeScript files (#25931) @eps1lon
  • [core] Remove @typescript-to-proptypes-generate handlers (#25909) @eps1lon
  • [core] Update slots components to enable flatten specificity for overrides (#25853, #25864, #25881, #25884, #25887, #25904, #25892) @mnajdova
  • [test] Add current behavior of inverleaving elements on mousedown (#25903) @eps1lon
  • [test] Add test validator to improve DX (#25854) @siriwatknp
  • [test] Fix duplicate key in TreeItem test (#26000) @mnajdova

All contributors of this release in alphabetical order: @DanailH, @dtassone, @eps1lon, @gruber76, @JanMisker, @kevinlul, @Knoxo, @m4theushw, @mnajdova, @oliviertassinari, @simonecervini, @siriwatknp, @vicasas, @Vikram710, @wellwellmissesanderson

5.0.0-alpha.31

Apr 20, 2021

Big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:

  • 👩‍🎤 Migrate 4 components to emotion.
  • 💥 Resume work on the breaking changes, aim for v5.0.0-beta.0 in the next coming months.
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@5.0.0-alpha.31 Breaking changes
  • [FormControl] Change default variant from standard to outlined (#24895) @petyosi Standard has been removed from the Material Design guidelines. This codemod will automatically update your code.

    -<FormControl value="Standard" />
    -<FormControl value="Outlined" variant="outlined" />
    +<FormControl value="Standard" variant="standard" />
    +<FormControl value="Outlined" />
    
  • [Menu] The selectedMenu variant will not vertically align the selected item with the anchor anymore. (#25691) @m4theushw

  • [Popover] Remove the getContentAnchorEl prop to simplify the positioning logic. (#25691) @m4theushw

  • [Select] Change default variant from standard to outlined (#24895) @petyosi Standard has been removed from the Material Design guidelines. This codemod will automatically update your code.

    -<Select value="Standard" />
    -<Select value="Outlined" variant="outlined" />
    +<Select value="Standard" variant="standard" />
    +<Select value="Outlined" />
    
Changes
  • [Alert] Fix action to be aligned with the text (#25768) @mnajdova
  • [Avatar] Fix onload event not firing when img cached (#25793) @npandrei
  • [Box] Add utility mui class (#25802) @mnajdova
  • [core] Don't call noop event.persist() (#25782) @eps1lon
  • [Dialog] Fix support of custom breakpoint units (#25788) @Vikram710
  • [List] Fix support for list item container style overrides (#25777) @mnajdova
  • [Rating] Allow clearing ratings with arrow keys (#25645) @Vikram710
  • [Rating] Fix focus visible regression (#25698) @oliviertassinari
  • [Select] Fix specificity of style overrides (#25766) @robphoenix
  • [Select] Fix className overwritten (#25815) @siriwatknp
  • [Select] Fix overrides for slots (#25796) @mnajdova
  • [Snackbar] Fix hidden overlay blocking interactions regression (#25739) @MieleVL
  • [TextField] Fix InputAdornment classes (#25749) @mnajdova
  • [theme] Avoid mutating args in createSpacing (#25745) @eps1lon
@material-ui/lab@5.0.0-alpha.31 Breaking changes
  • [Pickers] Rename DayPicker to CalendarPicker (#25810) @eps1lon
    -import DayPicker from '@material-ui/lab/DayPicker';
    +import CalendarPicker from '@material-ui/lab/CalendarPicker';
    
    createMuiTheme({
      components: {
    -   MuiDayPicker: {},
    +   MuiCalendarPicker: {},
      }
    })
    
  • [Pickers] Rename PickersCalendarSkeleton to CalendarPickerSkeleton (#25679) @eps1lon
    -import PickersCalendarSkeleton from '@material-ui/lab/PickersCalendarSkeleton';
    +import CalendarPickerSkeleton from '@material-ui/lab/CalendarPickerSkeleton';
    
  • [Pickers] Rename `date` `view` to `day` (#25685) @eps1lon
    -<DatePicker openTo="date" views={['date', 'month']} />
    +<DatePicker openTo="day" views={['day', 'month']} />
    
Changes
  • [DateRangePicker] Add DateRangePickerDay to theme augmentation list (#25758) @ifndefdeadmau5
  • [Pickers] Rename internal DayPickerView to CalendarPickerView (#25817) @eps1lon
  • [Pickers] Remove `TView` generic in CalendarPicker (#25818) @eps1lon
  • [Pickers] Use passive effect to attach close-on-escape listener (#25819) @eps1lon
  • [Timeline] Migrate TimelineDot to emotion (#25830) @vicasas
  • [Timeline] Migrate TimelineContent to emotion (#25781) @siriwatknp
  • [Timeline] Migrate TimelineItem to emotion (#25822) @vicasas
  • [Timeline] Migrate TimelineOppositeContent to emotion (#25816) @vicasas
  • [TrapFocus] Make isEnabled and getDoc optional (#25784) @m4theushw
@material-ui/styled-engine@5.0.0-alpha.31
  • [styled-engine] Fix shouldForwardProp on slots (#25780) @mnajdova
  • [styled-engine] Improve GlobalStyles props (#25751) @mnajdova
@material-ui/unstyled@5.0.0-alpha.31
  • [unstyled] Convert generateUtilityClass(es) to TypeScript (#25753) @eps1lon
Docs
  • [Avatar] Set backgroundColor from string (#25789) @Vikram710
  • [docs] Add demos for public picker components (#25812) @eps1lon
  • [docs] Add example with switch dark/light mode (#25823) @Vikram710
  • [docs] Add package headings to 5.0.0-alpha.30 changelog (#25733) @eps1lon
  • [docs] Add unstyled section to all components coming with the package (#25843) @mnajdova
  • [docs] Breakdown Chip demos into smaller ones (#25750) @vicasas
  • [docs] Document circular progress inherit (#25736) @oliviertassinari
  • [docs] Fix /production-error crash (#25839) @eps1lon
  • [docs] Fix ad duplication (#25831) @oliviertassinari
  • [docs] Fix autocommplete disable event value (#25752) @oliviertassinari
  • [docs] Fix inline-preview selection controls (#25834) @oliviertassinari
  • [docs] Fix Horizontally centered demo (#25787) @viditrv123
  • [docs] Improve pickers migration docs from v3 (#25813) @ahmed-28
  • [docs] Move DataGrid editing nav link (#25769) @dtassone
  • [docs] Replace Typography color values with system values (#25805) @oliviertassinari
  • [docs] Remove one inline-style (#25671) @oliviertassinari
  • [docs] Use gender neutral pronoun for Swipeable Drawer (#25775) @catchanuj
  • [examples] Add TypeScript for styled-components engine (#25675) @jqrun
  • [l10n] zhTW refinement (#25786) @shakatoday
  • [Tabs] Add demo for routing with Tabs (#25827) @ahmed-28
  • [website] Add Matheus Wichman (#25801) @m4theushw
Core
  • [core] Batch small changes (#25804) @oliviertassinari
  • [core] Document token permissions of release:changelog (#25732) @eps1lon
  • [core] Error when installing in unsupported node environments (#25795) @eps1lon
  • [core] Fix rgba to hex conversion (#25825) @saeedeyvazy
  • [core] Normalize usage of pseudo classes selectors (#25748) @mnajdova
  • [core] Remove unused public types (#25833) @oliviertassinari
  • [core] Remove incorrect overridesResolver usages (#25778) @mnajdova
  • [test] Use public imports (#25686) @vicasas
  • [core] Use readonly arrays where possible (#25746) @eps1lon

All contributors of this release in alphabetical order: @ahmed-28, @catchanuj, @dtassone, @eps1lon, @ifndefdeadmau5, @jqrun, @m4theushw, @MieleVL, @mnajdova, @npandrei, @oliviertassinari, @petyosi, @robphoenix, @saeedeyvazy, @shakatoday, @siriwatknp, @vicasas, @viditrv123, @Vikram710

5.0.0-alpha.30

Apr 12, 2021

Big thanks to the 21 contributors who made this release possible. Here are some highlights ✨:

  • 👩‍🎤 Migrate 9 components to emotion.
  • 💄 Support different numbers of columns with the Grid component (#25636) @Avi98.
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@5.0.0-alpha.30
  • [Alert] Vertically align action on top (#25654) @xdshivani
  • [Autocomplete] Fix text field standard visual regression (#25676) @oliviertassinari
  • [CssBaseline] Fix @font-face rule broken in styleOverrides (#25583) @mnajdova
  • [Grid] Support custom number of columns (#25636) @Avi98
  • [InputBase] Fix autofill typo (#25651) @michal-perlakowski
  • [LinearProgress] Add color="inherit" support (#25641) @itscharlieliu
  • [Pagination] Allow to differentiate more item types (#25622) @ruppysuppy
  • [Popover] Add popoverClasses export to type declarations (#25695) @tomasznguyen
  • [Rating] Add highlight selected rating only (#25649) @Vikram710
  • [Rating] Migrate to emotion (#25588) @natac13
  • [Select] Migrate to emotion (#25653) @mnajdova
  • [Select] Migrate NativeSelect to emotion (#24698) @duganbrett
  • [SpeedDial] Fix broken aria reference issue (#25665) @RiyaNegi
  • [Stepper] Migrate MobileStepper to emotion (#25589) @natac13
  • [styles] Outdated warning message (#25637) @bhairavee23
  • [Table] Remove legacy fix for JSS (#25692) @oliviertassinari
  • [Table] Migrate TableSortLabel to emotion (#25638) @natac13
  • [TabPanel] Migrate to emotion (#25646) @tomasznguyen
  • [TextareaAutosize] Fix resizing bug on Firefox (#25634) @bhairavee23
  • [TextField] Add textFieldClasses export to type declarations (#25696) @tomasznguyen
  • [theme] Change default bgColor to white in light mode (#25730) @saleebm
  • [ToggleButton] Add fullWidth prop (#25585) @hcz
  • [typescript] Add muiName to declarations (#25689) @michal-perlakowski
@material-ui/lab@5.0.0-alpha.30
  • [Timeline] Migrate TimelineSeparator to emotion (#25666) @vicasas
  • [Timeline] Migrate TimelineConnector to emotion (#25663) @vicasas
  • [TimePicker] Use clock icon when editing in mobile mode (#25569) @alcwhite
  • [TreeView] Migrate to emotion (#25673) @tomasznguyen
Docs
  • [blog] Fix typos @oliviertassinari
  • [docs] Migrate TextField demos to emotion (#25626) @vicasas
  • [docs] Bump stylis-plugin-rtl requirement (#25661) @mnajdova
  • [docs] Ensure old api-docs translations are cleaned (#25680) @eps1lon
  • [docs] Fix typo in v4 migration doc (#25678) @thameera
  • [docs] Fix useLayoutEffect warning (#25670) @oliviertassinari
  • [docs] Fix a11y issue in the SpeedDial docs (#25669) @RiyaNegi
  • [docs] Cover TypeScript commands in codemod readme (#25640) @StuffByLiang
  • [docs] Migrate Popover demos to emotion (#25620) @vicasas
  • [docs] Fix typo in switches and checkboxes doc (#25639) @dimitropoulos
  • [docs] Add interoperability section for Portal (#25575) @mnajdova
  • [docs] Fix side nav scroll position (#25619) @misaka3
  • [website] Q1 2021 Update (#25591) @oliviertassinari
  • [website] Matheus Wichman joins Material-UI (#25590) @oliviertassinari
Core
  • [test] Use public api in lab (#25682) @vicasas
  • [test] Test types of .spec lab files (#25684) @eps1lon
  • [core] Fix build step for unstyled package (#25672) @oliviertassinari
  • [core] Ensure react-is uses v17 (#25668) @eps1lon

All contributors of this release in alphabetical order: @alcwhite, @bhairavee23, @dimitropoulos, @duganbrett, @eps1lon, @hcz, @itscharlieliu, @michal-perlakowski, @misaka3, @mnajdova, @natac13, @oliviertassinari, @RiyaNegi, @ruppysuppy, @saleebm, @StuffByLiang, @thameera, @tomasznguyen, @vicasas, @Vikram710, @xdshivani

5.0.0-alpha.29

Apr 4, 2021

Big thanks to the 26 contributors who made this release possible. Here are some highlights ✨:

  • 🙌 Add support in the Grid for any spacing value (#25503) @ZakMiller. For instance:

    <Grid container spacing={1.5}>
    <Grid container spacing="30px">
    

    This feature was made possible by the recent migration to emotion. You can find other issues on the Grid component unlocked by the migration to emotion. They are ready to be worked on.

  • 👩‍🎤 Convert 3 components to emotion (#25541, #25516, #25521) @rajzik, @praveenkumar-kalidass, @siriwatknp. @material-ui/core has been migrated at 94% (7 components lefts we will handle in the next release), @material-ui/lab has been migrated at 3% (39 components left).

  • 📚 Migrate 8 component demo pages to the sx, Stack, and styled API @vicasas.

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@5.0.0-alpha.29
  • [AppBar] Fix type support of overridable component (#25456) @heleg
  • [Autocomplete] Fix Async demo in docs (#25536) @kanish671
  • [Autocomplete] Fix TypeScript wrapper example (#25530) @JanKaczmarkiewicz
  • [Backdrop] Remove z-index: -1 (#25524) @silver-snoopy
  • [Card] Add component prop support (#25537) @silver-snoopy
  • [CssBaseline] Migrate ScopedCssBaseline to emotion (#25541) @rajzik
  • [Divider] Support middle variant with vertical orientation (#25428) @vedadeepta
  • [Grid] Support decimal spacing (#25503) @ZakMiller
  • [List] Remove background inheritance of ListSubheader (#25532) @tanmoyopenroot
  • [Paper] Support dark mode brightening based on elevation (#25522) @m4theushw
  • [Select] Fix selection of non-options (#25567) @oliviertassinari
  • [Select] Set aria-expanded to false when listbox is collapsed (#25545) @Harish-Karthick
  • [SpeedDial] Call focus on escape (#25509) @tanmoyopenroot
  • [Stack] Add component prop (#25526) @silver-snoopy
  • [Stack] Fix the :not selector (#25484) @Andarist
  • [Stepper] Migrate StepButton to emotion (#25516) @praveenkumar-kalidass
  • [Stepper] Migrate Stepper to emotion (#25521) @siriwatknp
  • [Tabs] Don't animate scroll on first render (#25469) @manziEric
  • [Tooltip] Fix forwarded classes (#25535) @silver-snoopy
@material-ui/unstyled@5.0.0-alpha.29
  • [Slider] Allow disabling the left and right thumbs swap (#25547) @michal-perlakowski
@material-ui/lab@5.0.0-alpha.29
  • [DateRangePicker] Fix props naming in DatePicker components (#25504) @callmeberzerker
  • [DateRangePickerInput][internal] Inline makeDateRangePicker calls (#25470) @eps1lon
  • [StaticDateRangePicker] Fix inconsistent name for theme props (#25483) @eps1lon
  • [Pickers] Move own internals from lab internals to dedicated file (#25498) @eps1lon
Docs
  • [docs] Provide an alternative to right-to-left (#25584) @dariusk
  • [docs] Add note for typescript on the styled() customization guide (#25576) @mnajdova
  • [docs] Replace incorrect instances of defined with define (#25572) @surajpoddar16
  • [docs] Fix spelling error in roadmap.md file (#25570) @Brlaney
  • [docs] Migrate Card demos to emotion (#25557) @vicasas
  • [docs] Fix typo in data grid (#25561) @michael-001
  • [docs] Migrate Menu demos to emotion (#25554) @vicasas
  • [docs] Fix style in dark mode (#25551) @m4theushw
  • [docs] Document changing skeleton color (#25542) @ZakMiller
  • [docs] Improve coverage of TypeScript theme augmentation (#25489) @ashishshuklabs
  • [docs] Update minimizing-bundle-size.md (#25534) @nguyenyou
  • [docs] Migrate Portal demos to emotion (#25505) @vicasas
  • [docs] Migrate NoSSR demos to emotion (#25506) @vicasas
  • [docs] Migrate ClickAwayListener demos to emotion (#25507) @vicasas
  • [docs] Cover change of React support (#25487) @oliviertassinari
  • [docs] Migrate Transitions demos to emotion (#25488) @vicasas
  • [docs] Fix Stack divider demo (#25491) @oliviertassinari
  • [docs] Migrate Icons demos to emotion (#25412) @vicasas
Core
  • [core] Use latest TypeScript in typescript-to-proptypes (#25512) @eps1lon
  • [core] Update the codesandbox issue templates (#25501) @oliviertassinari
  • [test] Wait on e2e server to start before starting runner (#25476) @eps1lon

All contributors of this release in alphabetical order: @Andarist, @ashishshuklabs, @Brlaney, @callmeberzerker, @dariusk, @eps1lon, @Harish-Karthick, @heleg, @JanKaczmarkiewicz, @kanish671, @m4theushw, @manziEric, @michael-001, @michal-perlakowski, @mnajdova, @nguyenyou, @oliviertassinari, @praveenkumar-kalidass, @rajzik, @silver-snoopy, @siriwatknp, @surajpoddar16, @tanmoyopenroot, @vedadeepta, @vicasas, @ZakMiller

5.0.0-alpha.28

Mar 24, 2021

Big thanks to the 34 contributors who made this release possible. Here are some highlights ✨:

  • 👩‍🎤 Convert 9 components to emotion (#25267, #25216, #25264, #25197, #25372, #25281, #25210, #25279, #2528) @natac13 @tomasznguyen @kayuapi. 85% of the components have been migrated so far, thanks to the help of the community. We keep track of the progress in https://github.com/mui-org/material-ui/issues/24405.

  • Add a new Stack component (#25149) @souporserious The component allows to workaround the lack of support for the CSS flexbox gap property across browsers.

    See the documentation for more details.

  • 📚 Migrate 18 component demo pages to the sx, Stack, and styled API @vicasas. 57% of the documentation pages have been migrated. This was also an importunity to breakdown the existing large demos into smaller and more focused ones. We keep track of the progress in https://github.com/mui-org/material-ui/issues/16947.

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@5.0.0-alpha.28 Breaking changes
  • [core] Drop support for React 16 (#25464) @eps1lon
  • [core] Drop support for node 10 (#25306) @eps1lon
Changes
  • [Autocomplete] Warn when the input didn't resolve in time (#25311) @LaneRamp
  • [Autocomplete] Fix styleOverrides support (#25276) @manziEric
  • [ButtonBase] Allow to customize the link component via theme (#25331) @vedadeepta
  • [ButtonBase] Fix default type attribute (submit -> button) (#25323) @RTEYL
  • [ButtonGroup] Support custom colors (#25413) @oliviertassinari
  • [CircularProgress] Fix animation when disableShrink={true} (#25247) @duongdev
  • [Dialog] Fix typo (#25287) @aheimlich
  • [Dialog] Migrate DialogContentText to emotion (#25267) @tomasznguyen
  • [Dialog] Migrate Dialog to emotion (#25216) @natac13
  • [Drawer] Fix RTL support (#25453) @silver-snoopy
  • [Menu] Migrate to emotion (#25264) @tomasz-crozzroads
  • [Paper] Fix component prop type error (#25426) @heleg
  • [Popover] Migrate to emotion (#25197) @tomasznguyen
  • [Radio] Fix html structure (#25398) @oliviertassinari
  • [Select] Fix focus background when variant="outlined" (#25393) @christiaan
  • [Slider] Add `tabIndex` prop (#25388) @johnloven
  • [Snackbar] Fix prop type error for 'key' prop (#25431) @jansedlon
  • [SpeedDial] Reset tooltip state when the speed dial is closed (#25259) @m4theushw
  • [Stack] Add new component (#25149) @souporserious
  • [Stepper] Migrate StepLabel to emotion (#25372) @praveenkumar-kalidass
  • [Stepper] Migrate StepIcon to emotion (#25281) @praveenkumar-kalidass
  • [Stepper] Migrate StepContent to emotion (#25210) @praveenkumar-kalidass
  • [SwipeableDrawer] Fix hideBackDrop support (#25275) @manziEric
  • [Table] Fix duplicated keys in TablePagination rows per page (#25309) @martinfrancois
  • [Table] Consistency with DataTable (#25414) @oliviertassinari
  • [TextField] Size small for multiline (#25423) @julihereu
  • [TextField] Migrate InputAdornment to emotion (#25279) @kayuapi
  • [TextField] Migrate to emotion (#25286) @tomasznguyen
  • [ToggleButton] Add color prop (#25390) @AlfredoGJ
  • [Tooltip] Make `disableFocusListener` prop comment clearer (#25455) @jansedlon
  • [Tooltip] Fix placement regression (#25255) @oliviertassinari
  • [Transition] Add easing prop to override default timing function (#25245) @jeferson-sb
@material-ui/lab@5.0.0-alpha.28
  • [Pickers] Follow "private by default" in makeDateRangePicker (#25424) @eps1lon
  • [Pickers] Simplify internals of *Wrapper components (#25369) @eps1lon
  • [Pickers] Remove `make*` HOCs (#25172) @eps1lon
  • [Pickers] Remove propTypes in production for exotic components (#25261) @eps1lon
  • [Pickers] Unify ref behavior (#25425) @eps1lon
  • [Pickers] Sort properties (#25473) @eps1lon
@material-ui/utils@5.0.0-alpha.28
  • [utils] Fix useForkRef typings rejecting nullish (#25468) @eps1lon
  • [utils] Allow functional updates in TypeScript declaration of useControlled (#25378) @MikhailTSE
  • [utils] Add a new integer propType (#25224) @fayzzzm
Docs
  • [docs] Fix typo in migration-v4.md (#25384) @Tollwood
  • [docs] Use defaultCodeOpen where appropriate (#25418) @eps1lon
  • [docs] Support RTL with styled components (#25457) @silver-snoopy
  • [docs] Improve the docs of the Grid component (#25429) @oliviertassinari
  • [docs] Migrate Switch demos to emotion (#25366) @vicasas
  • [docs] Use Stack in demos (#25419) @vicasas
  • [docs] Migrate Checkbox demos to emotion (#25394) @vicasas
  • [docs] Migrate Radio demos to emotion (#25396) @vicasas
  • [docs] Update icon link to fonts.google.com (#25410) @BGehrels
  • [docs] Migrate Avatar demos to emotion (#25375) @vicasas
  • [docs] Fix multiline textfields docs to use minRows/maxRows (#25383) @saleebm
  • [docs] Consolidate environment variables into next.config (#25386) @eps1lon
  • [docs] Use `env` next config over DefinePlugin (#25373) @eps1lon
  • [docs] Migrate SpeedDial to emotion (#25367) @vicasas
  • [docs] Refine the used prop-type to discriminate number from integer (#25334) @fayzzzm
  • [docs] Migrate AppBar demos to emotion (#25335) @m4theushw
  • [docs] Migrate Grid demos to emotion (#25332) @vicasas
  • [docs] Migrate Toggle Button demos to emotion (#25333) @vicasas
  • [docs] Migrate Links demos to emotion (#25303) @vicasas
  • [docs] Migrate Breadcrumbs demos to emotion (#25302) @vicasas
  • [docs] Migrate Image List demos to emotion (#25301) @vicasas
  • [docs] Bring clarity about the IE 11 support policy: it's partial (#25262) @oliviertassinari
  • [docs] Add the new demo page for the data grid (#25284) @DanailH
  • [docs] Migrate List demos to emotion (#25266) @vicasas
  • [docs] Migrate Chip demos to emotion (#25268) @vicasas
  • [docs] Add missing props to *DatePicker API (#25254) @eps1lon
  • [docs] Improve accessibility of the basic menu demo (#25207) @ee0pdt
  • [docs] Migrate Fab demos to emotion (#25251) @vicasas
  • [docs] Migrate Rating demos to emotion (#25252) @vicasas
  • [docs] Migrate Transfer List demos to emotion (#25253) @vicasas
  • [docs] Remove dead generatePropTypeDescription method (#25188) @fayzzzm
  • [docs] Migrate Skeleton demos to emotion (#25212) @vicasas
  • [docs] Migrate Paper demos to emotion (#25213) @vicasas
  • [docs] Migrate Container demos to emotion (#25220) @vicasas
  • [docs] Add GlobalStyles API (#25191) @eps1lon
Core
  • [benchmark] Set intended environment (#25402) @eps1lon
  • [core] Remove .propTypes when the props are empty (#25193) @eps1lon
  • [core] Fix allSettled usage (#25461) @eps1lon
  • [core] Switch to React 17 (#25416) @eps1lon
  • [core] Bump missed node versions (#25385) @eps1lon
  • [core] Batch small changes (#25330) @oliviertassinari
  • [core] Use Promise.allSettled over .all where appropriate (#25315) @eps1lon
  • [test] Use fixture terminology in e2e and visual regression tests (#25466) @eps1lon
  • [test] Create end-to-end testing CI job (#25405) @eps1lon
  • [test] Transpile more similar to prod bundle (#25406) @eps1lon
  • [test] Minor improvements to `describeConformance` (#25297) @eps1lon
  • [test] Fix warnings in the demos (#25140) @oliviertassinari
  • [test] Convert createClientRender to TypeScript (#25249) @eps1lon
  • [test] Increase ttp setup timeout (#25248) @eps1lon
  • [test] Improve typescript-to-proptypes test suite (#25209) @eps1lon

All contributors of this release in alphabetical order: @aheimlich, @AlfredoGJ, @BGehrels, @christiaan, @DanailH, @duongdev, @ee0pdt, @eps1lon, @fayzzzm, @heleg, @jansedlon, @jeferson-sb, @johnloven, @julihereu, @kayuapi, @LaneRamp, @m4theushw, @manziEric, @martinfrancois, @MikhailTSE, @natac13, @oliviertassinari, @praveenkumar-kalidass, @RTEYL, @saleebm, @silver-snoopy, @souporserious, @Tollwood, @tomasz-crozzroads, @tomasznguyen, @vedadeepta, @vicasas

5.0.0-alpha.27

Mar 5, 2021

Big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:

  • 👩‍🎤 Convert 8 components to emotion (#25091, #25158, #25146, #25142, #25166) @natac13, @mngu, @m4theushw, @praveenkumar-kalidass.
  • 📚 Convert 5 components demos to emotion (#25164, #25183, #25180, #25145, #25138) @vicasas
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@5.0.0-alpha.27
  • [Autocomplete] Support readonly type for the options (#25155) @silver-snoopy
  • [Drawer] Migrate to emotion (#25091) @natac13
  • [LinearProgress] Migrate to emotion (#25158) @mngu
  • [Pagination] Migrate Pagination and PaginationItem to emotion (#25146) @mngu
  • [Radio] Migrate to emotion (#25152) @mngu
  • [Snackbar] Migrate to emotion (#25142) @m4theushw
  • [SpeedDial] Migrate to emotion (#25166) @m4theushw
  • [Stepper] Migrate StepConnector to emotion (#25092) @praveenkumar-kalidass
  • [styled] Fix override logic to support component without root (#25143) @niting143
  • [Table] Remove default role logic in TableCell (#25105) @silver-snoopy
  • [Table] Use primary cover over secondary for selected state (#25182) @beaudry
  • [theme] Fix styleOverrides with nested selectors (#25156) @ruppysuppy
@material-ui/system@5.0.0-alpha.27
  • [system] Fix behavior of visuallyHidden when used with `sx` prop (#25110) @niting143
@material-ui/lab@5.0.0-alpha.27 Breaking changes
  • [Pickers] Remove `dateAdapter` prop (#25162) @eps1lon

The prop didn't solve any important problem better than any of its alternatives do.

-<DatePicker dateAdapter={x} />
+<LocalizationProvider dateAdapter={x}>
+  <DatePicker />
+</LocalizationProvider>
Changes
  • [Pickers][internal] Use React.forwardRef instead of forwardedRef prop (#25173) @eps1lon
@material-ui/styles@5.0.0-alpha.27
  • [styles] Use capitalize from utils (#25136) @eps1lon
Docs
  • [docs] Migrate Bottom Navigation demos to emotion (#25180) @vicasas
  • [docs] Migrate Button demos to emotion (#25138) @vicasas
  • [docs] Migrate Divider demos to emotion (#25145) @vicasas
  • [docs] Migrate Pagination demos to emotion (#25183) @vicasas
  • [docs] Migrate Typography demos to emotion (#25164) @vicasas
  • [docs] Remove CircleCI from backers (#24801) @mbrookes
  • [docs] Update the used testing libraries (#25144) @oliviertassinari
Core
  • [CHANGELOG] Better document breaking changes @oliviertassinari
  • [core] Modernize icons `builder:src` (#25137) @eps1lon
  • [core] Properly use BABEL_ENV test and development (#25139) @eps1lon
  • [test] Add (manual) visual regression test for icons (#25160) @eps1lon

All contributors of this release in alphabetical order: @beaudry, @eps1lon, @m4theushw, @mbrookes, @mngu, @natac13, @niting143, @oliviertassinari, @praveenkumar-kalidass, @ruppysuppy, @silver-snoopy, @vicasas

5.0.0-alpha.26

Feb 27, 2021

Big thanks to the 26 contributors who made this release possible. Here are some highlights ✨:

  • 👩‍🎤 Convert 11 components to emotion (#24696, #24631, #24857, #25048, #24693, #24663, #25007, #24688, #24665, #24878, #24571) @praveenkuma @natac13 @xs9627 @povilass @m4theushw @natac13 @natac13 @DanailH @duganbrett @duganbrett @praveenkumar-kalidass @vinyldarkscratch. 75% of the components have been migrated so far, thanks to the help of the community.
  • 🦴 Convert 4 components to the unstyled pattern (#24985, #24857, #24890, #24957) @povilass. This change doesn't introduce any breaking changes. Hence, most of the conversion effort will be done post v5-stable.
  • 📚 Fix the generation of the API pages for the date pickers (#25101, #25100, #25086, #25089, #25085, #25084) @eps1lon. This is a follow-up effort after we have merged material-ui-pickers. The components are written in TypeScript which required us to upgrade our infra.
  • 👌 Improve the Slider thumb and track animation (#24968) @remyoudemans. The thumb is now moving with a light transition between different values unless it's dragged.
  • 💅 Convert 5 components with custom colors support (#25099, #25088) @mngu. This change makes it easier to leverage custom palettes
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@5.0.0-alpha.26 Breaking changes
  • [Tabs] Change the default indicatorColor and textColor prop values to "primary" (#25063) @Dripcoding

    This is done to match the most common use cases with Material Design. You can restore the previous behavior with:

    -<Tabs />
    +<Tabs indicatorColor="primary" textColor="inherit" />
    
Changes
  • [AppBar][CircularProgress][LinearProgress] Support custom colors (#25099) @mngu
  • [Autocomplete] Prevent closing on no-option text click (#25103) @silver-snoopy
  • [Autocomplete] Fix ListboxComponent slot regression (#25102) @oliviertassinari
  • [Autocomplete] Fix the return type of AutocompleteGetTagProps (#24950) @joemaffei
  • [Autocomplete] Migrate to emotion (#24696) @natac13
  • [Button] Fix ripple stuck after displaying the context menu (#25004) @DanailH
  • [Button] Fix forward classes to ButtonBase (#25072) @praveenkumar-kalidass
  • [Chip] Normalize Material Design States (#24915) @oliviertassinari
  • [Chip] Fix focus-visible regression (#24906) @oliviertassinari
  • [CircularProgress] Make source easier to read (#24893) @oliviertassinari
  • [Menu] Migrate MenuItem to emotion (#24631) @xs9627
  • [Paper] Fix type support of overridable component (#25059) @mngu
  • [Skeleton] Fix global theme customization (#24983) @glocore
  • [Slider] Improve thumb and track animation (#24968) @remyoudemans
  • [Slider] Fix override of event.target when preparing change events (#24782) @praveenkumar-kalidass
  • [Snackbar] Migrate SnackbarContent to emotion (#25048) @m4theushw
  • [SwipeableDrawer] Fix detection of native scroll container (#24903) @oliviertassinari
  • [Switch] Migrate to emotion (#24693) @natac13
  • [Switch] Update to follow current MD guidelines (#24954) @hxqlin
  • [Table] Migrate TableCell to emotion (#24663) @natac13
  • [TextField] Support custom color and size (#25088) @mngu
  • [TextField] Fix input adornment color (#25090) @manziEric
  • [TextField] Fix FilledInput AA contrast issue (#25046) @Dripcoding
  • [TextField] Migrate FormControlLabel to emotion (#25007) @DanailH
  • [TextField] Fix label wrap, display an ellipsis instead (#25012) @NekoApocalypse
  • [TextField] Migrate OutlinedInput to emotion (#24688) @duganbrett
  • [TextField] Fix focused={true} disabled={true} infinite render (#24961) @oliviertassinari
  • [TextField] Migrate FormLabel and InputLabel to emotion (#24665) @duganbrett
  • [theme] Update theme.palette.text.secondary to match the spec (#25060) @Dripcoding
  • [ToggleButton] Migrate ToggleButtonGroup to emotion (#24878) @praveenkumar-kalidass
  • [Tooltip] Migrate to emotion (#24571) @vinyldarkscratch
@material-ui/unstyled@5.0.0-alpha.26
  • [Portal] Migrate to unstyled (#24890) @povilass
  • [TrapFocus] Migrate to unstyled (#24957) @povilass
  • [Backdrop] Migrate to unstyled (#24985) @povilass
  • [Modal] Migrate to emotion + unstyled (#24857) @povilass
@material-ui/lab@5.0.0-alpha.26
  • [Pickers] Fix scroll-jump when opening with a selected value (#25010) @eps1lon
  • [Pickers] Rework keyboard navigation implementation (#24315) @eps1lon
  • [Pickers] Fix picker components not opening on click in React 17 (#24981) @eps1lon
  • [Pickers] Fix outdated link to PickersDay (#24883) @oliviertassinari
@material-ui/icons@5.0.0-alpha.26
  • [icons] Synchronize icons (#25055) @eps1lon

    The icons were synchronized with https://material.io/resources/icons/. This change increases the number of supported icons from 1,349 to 1,781 per theme (we support 5 themes). The breaking changes:

    // AmpStories -> Download
    -AmpStories
    +Download
    -AmpStoriesOutlined
    +DownloadOutlined
    -AmpStoriesRounded
    +DownloadRounded
    -AmpStoriesSharp
    +DownloadSharp
    -AmpStoriesTwoTone
    +DownloadTwoTone
    // Outbond -> Outbound
    -Outbond
    +Outbound
    -OutbondOutlined
    +OutboundOutlined
    -OutbondRounded
    +OutboundRounded
    -OutbondSharp
    +OutboundSharp
    -OutbondTwoTone
    +OutboundTwoTone
    

    We are getting closer to the maximum number of icons our infrastructure can support. In the future, we might remove the least popular icons in favor of the most frequently used ones.

@material-ui/system@5.0.0-alpha.26
  • [system] Fix gap, rowGap, columnGap, borderRadius reponsive support (#24994) @oliviertassinari
@material-ui/utils@5.0.0-alpha.26
  • [utils] Fix isMuiElement types (#24936) @oliviertassinari
Docs
  • [docs] Add DateRangePickerDay, PickersDay, PickersCalendarSkeleton, MontherPicker API (#25101) @eps1lon
  • [docs] Add DayPicker API (#25100) @eps1lon
  • [docs] Improve description of builderbook (#25086) @klyburke
  • [docs] Add API of ClockPicker (#25089) @eps1lon
  • [docs] Add API of *DateRangePicker components (#25085) @eps1lon
  • [docs] Add API of *DateTimePicker components (#25084) @eps1lon
  • [docs] Add graphql-starter to Example Projects (#25068) @koistya
  • [docs] Migrate Alert demos to emotion (#25074) @m4theushw
  • [docs] Add codesandbox example for styled-components (#25050) @jony89
  • [docs] Wrong link @oliviertassinari
  • [docs] Improve error message when GitHub API fail (#24976) @oliviertassinari
  • [docs] Separate simple and nested modal demos (#24938) @ydubinskyi
  • [docs] Remove under construction icons from DataGrid feature pages (#24946) @DanailH
  • [docs] Fix prefers-color-scheme switch (#24902) @oliviertassinari
  • [docs] Add yarn install step, safer @oliviertassinari
  • [examples] Fix code sandbox link GitHub branch (#24996) @kevbarns
Core
  • [core] Prevent out-of-memory in test_types_next (#25079) @eps1lon
  • [core] Pin playwright image to known working version (#25080) @eps1lon
  • [core] Remove need to reinject backdrop (#25071) @oliviertassinari
  • [core] Batch small changes (#25015) @oliviertassinari
  • [core] More cleanup on Pickers code (#25020) @dborstelmann
  • [core] Allow running full pipeline with various React versions (#25005) @eps1lon
  • [core] Fix missing codecov report (#25006) @eps1lon
  • [core] Fix release:tag pushing to first push remote (#24960) @eps1lon
  • [core] Fix cache miss when using playwright docker images (#24942) @eps1lon
  • [core] Prevent out-of-memory when type-checking in CI (#24933) @eps1lon
  • [core] Disable page size tracking (#24932) @eps1lon
  • [core] Extract linting into separate CI job (#24930) @eps1lon
  • [core] Only clone props if needed (#24892) @oliviertassinari
  • [core] listChangedFiles returns an empty list with no changed files (#24879) @eps1lon
  • [core] Remove dead code in docs:dev (#24880) @oliviertassinari
  • [core] Fix a few stylelint error (#24885) @oliviertassinari
  • [core] Fix name of Safari target (#24881) @oliviertassinari
  • [core] Prefer return over throw in chainPropTypes (#24882) @oliviertassinari
  • [core] Support /r/issue-template back (#24870) @oliviertassinari
  • [core] Simplify xxxClasses types (#24736) @oliviertassinari
  • [test] Improve BrowserStack configuration (#25049) @oliviertassinari
  • [test] Track bundle size of unstyled components (#25047) @oliviertassinari
  • [test] Make `render` required with describeConformanceV5 (#25003) @oliviertassinari
  • [test] Move a11y tree exclusion to appropriate document (#24998) @eps1lon
  • [test] Test with ClickAwayListener mount on onClickCapture (#25001) @eps1lon
  • [test] Improve various timer related issues (#24963) @eps1lon
  • [test] Avoid Rate Limit Exceeded (#24931) @oliviertassinari
  • [test] Remove internal icons smoke test (#24969) @eps1lon
  • [test] Reduce compile time of test:karma in watchmode drastically (#24967) @eps1lon
  • [test] Dedupe missing act warnings for HoC (#24949) @eps1lon
  • [test] Consolidate on a single API (#24884) @oliviertassinari
  • [test] Update react next patch (#24934) @eps1lon
  • [test] Link CircleCI URL in BS (#24935) @oliviertassinari
  • [test] Run more tests at the same time (#24886) @oliviertassinari
  • [test] Dedupe missing act warnings by component name (#24871) @eps1lon
  • [test] Enable type-unaware versions of disabled typed-aware lint rules (#24873) @eps1lon
  • [test] Initial workspace definition (#24869) @eps1lon
  • [test] Add current behavior of focus during mount in Popper (#24863) @eps1lon
  • [test] Increase BrowserStack timeout to 6min (#24861) @oliviertassinari

All contributors of this release in alphabetical order: @DanailH, @dborstelmann, @Dripcoding, @duganbrett, @eps1lon, @glocore, @hxqlin, @joemaffei, @jony89, @kevbarns, @klyburke, @koistya, @m4theushw, @manziEric, @mngu, @natac13, @NekoApocalypse, @oliviertassinari, @povilass, @praveenkumar-kalidass, @remyoudemans, @silver-snoopy, @vinyldarkscratch, @xs9627, @ydubinskyi

5.0.0-alpha.25

Feb 11, 2021

Big thanks to the 30 contributors who made this release possible. Here are some highlights ✨:

  • 👩‍🎤 Convert 32 components to emotion. Around 64% of the components have been migrated so far, thanks to the help of the community. We aim to migrate them all before the end of Q1 2021. The podium of the most active community members in the migration 🏆:

    1. @natac13 x17
    2. @vicasas x5
    3. @kodai3 x4
  • 📐 Add a subset of the system as flattened props on Typography (#24496) @mnajdova. Now, you can do:

    <Typography padding={2} color="text.secondary" />
    
  • 📅 Focus on the date pickers, 5 fixes and 3 docs improvements.

  • 💅 Provide a new darkScrollbar() CSS utility to improve the native scrollbar in dark mode. The documentation uses it.

@material-ui/core@5.0.0-alpha.25 Breaking changes
  • Increase the minimum version of TypeScript supported from v3.2 to v3.5. (#24795) @petyosi

    We try to align with types released from DefinitelyTyped (i.e. packages published on npm under the @types namespace). We will not change the minimum supported version in a major version of Material-UI. However, we generally recommend to not use a TypeScript version older than the lowest supported version of DefinitelyTyped.

Changes
  • [ImageList] Migrate to emotion (#24615) @kodai3
  • [Dialog] Migrate DialogTitle to emotion (#24623) @vicasas
  • [TextField] Prepare removal of labelWidth prop (#24595) @oliviertassinari
  • [ImageList] Migrate ImageListItem to emotion (#24619) @kodai3
  • [Card] Migrate CardMedia to emotion (#24625) @natac13
  • [Card] Migrate CardHeader to emotion (#24626) @natac13
  • [TextField] Migrate FilledInput to emotion (#24634) @mnajdova
  • [Fab] Migrate to emotion (#24618) @natac13
  • [ClickAwayListener] Fix `children` and `onClickAway` types (#24565) @eps1lon
  • [List] Migrate ListItemIcon to emotion (#24630) @vicasas
  • [Card] Migrate CardActionArea to emotion (#24636) @natac13
  • [DataTable] Add example in docs for data table (#24428) @DanailH
  • [CircularProgress] Migrate to emotion (#24622) @natac13
  • [ImageList] Migrate ImageListItemBar to emotion (#24632) @kodai3
  • [TextField] Migrate Input component to emotion (#24638) @duganbrett
  • [Tab] Migrate to emotion (#24651) @natac13
  • [Table] Migrate to emotion (#24657) @natac13
  • [List] Migrate ListItemAvatar to emotion (#24656) @vicasas
  • [TextField] Migrate FormControl to emotion (#24659) @duganbrett
  • [Table] Migrate TableContainer to emotion (#24666) @natac13
  • [Tab] Migrate TabScrollButton to emotion (#24654) @natac13
  • [Card] Warn on raised + outlined (#24648) @sumarlidason
  • [TextField] Migrate FormHelperText to emotion (#24661) @duganbrett
  • [Dialog] Migrate DialogContent to emotion (#24670) @vicasas
  • [Typography] Add system props (#24496) @mnajdova
  • [Paper] Improve warning on invalid combinations of variant and elevation (#24667) @eps1lon
  • [Chip] Migrate to emotion (#24649) @natac13
  • [ToggleButton] Migrate to emotion (#24674) @natac13
  • [Step] Migrate to emotion (#24678) @natac13
  • [Link] Fix CSS prefix property casing with emotion (#24701) @idanrozin
  • [Card] Use the default elevation (#24733) @oliviertassinari
  • [Typography] Remove align inherit noise (#24717) @oliviertassinari
  • [Dialog] Convert role `none presentation` to `presentation` (#24500) @hallzac2
  • [TextField] Improve baseline alignment with start adornment (#24742) @praveenkumar-kalidass
  • [Popper] Fix usage of ownerDocument with anchorEl (#24753) @ruppysuppy
  • [Table] Migrate TableBody to emotion (#24703) @natac13
  • [Table] Migrate TableRow to emotion (#24687) @natac13
  • [TextField] Migrate FormGroup to emotion (#24685) @vicasas
  • [CssBaseline] Make dark mode scrollbar overrides an optional function (#24780) @dborstelmann
  • [ButtonGroup] Migrate ButtonGroup to emotion (#24775) @mirefly
  • [Checkbox] Migrate to emotion (#24702) @natac13
  • [Table] Migrate TableHead to emotion (#24686) @natac13
  • [Table] Migrate TableFooter to emotion (#24684) @natac13
  • [Skeleton] Migrate to emotion (#24652) @kodai3
@material-ui/system@5.0.0-alpha.25 Breaking changes
  • [system] Use spacing unit in `gap`, `rowGap`, and `columnGap` (#24794) @ruppysuppy

    If you were using a number previously, you need to provide the value in px to bypass the new transformation with theme.spacing. The change was done for consistency with the Grid spacing prop and the other system spacing properties, e.g. <Box padding={2}>.

    <Box
    - gap={2}
    + gap="2px"
    >
    
@material-ui/styled-engine@5.0.0-alpha.25
  • [styled-engine] Fix GlobalStyles not to throw when no theme is available (#24671) @mnajdova
@material-ui/types@5.0.0-alpha.25 Breaking changes
  • [types] Rename the exported `Omit` type in `@material-ui/types`. (#24795) @petyosiThe module is now called DistributiveOmit. The change removes the confusion with the built-in Omit helper introduced in TypeScript v3.5. The built-in Omit, while similar, is non-distributive. This leads to differences when applied to union types. See this StackOverflow answer for further details.
-import { Omit } from '@material-ui/types';
+import { DistributiveOmit } from '@material-ui/types';
Changes
  • [types] Remove implicit children from PropInjector (#24746) @eps1lon
@material-ui/lab@5.0.0-alpha.25
  • [Pickers] Fix role attribute (#24621) @EkaterinaMozheiko
  • [Pickers] Fix `showTodayButton` not returning the current time (#24650) @anthonyraymond
  • [Pickers] Ensure components have a display name in DEV (#24676) @eps1lon
  • [Pickers] Fix more name inconsistencies (#24734) @oliviertassinari
  • [Pickers] Dismiss on clickaway when using the desktop variant (#24653) @eps1lon
  • [Pickers] Add missing periods at end of some descriptions (#24791) @fulin426
  • [Pickers] Enable YearPicker documentation (#24830) @oliviertassinari
  • [Pickers] Fix useState related console warnings in examples (#24848) @ydubinskyi
Docs
  • [docs] Add sorting section (#24637) @dtassone
  • [docs] Include in docs directive to silence `eslint` erroneous warning (#24644) @silviot
  • [docs] Clarifying the documentation about Chip behavior (#24645) @KarimOurrai
  • [docs] Update Typography in migration guide (#24662) @mbrookes
  • [examples] Update examples to use StyledEngineProvider (#24489) @mnajdova
  • [docs] Add API documentation for *DatePicker components (#24655) @eps1lon
  • [docs] Add HoodieBees to sponsors (#24735) @mbrookes
  • [docs] Fix indent @oliviertassinari
  • [docs] Make responsive to font size (#24531) @eps1lon
  • [docs] Follow similar demo pattern for date and time pickers (#24739) @eps1lon
  • [docs] Add information about local dev environment (#24771) @plug-n-play
  • [docs] Add tcespal to Showcase (#24793) @ArnaultNouvel
  • [docs] Fix CssBaseline typography description (#24802) @xiaoyu-tamu
  • [docs] Add 'playlist' synonym to 'menu' (#24754) @Lagicrus
  • [docs] Add more similar icons (#24799) @oliviertassinari
  • [docs] Fix typo in the error message generated by createMuiTheme (#24827) @mbrookes
  • [examples] Align more with the v5 recommended approach (#24798) @Tejaswiangotu123
  • [docs] Update ButtonGroup demos to match v5 (#24797) @SCollinA
  • [docs] Fix formatting of `mask` prop description (#24842) @eps1lon
  • [docs] Add read synonym to drafts (#24854) @Lagicrus
Core
  • [core] Fix release:tag pushing to material-ui-docs (#24633) @eps1lon
  • [core] Fix `next` using stale pages (#24635) @eps1lon
  • [test] Skip JSDOM in style related conformance tests (#24668) @mnajdova
  • [test] Conformance to handle wrapped elements (#24679) @natac13
  • [core] Batch small changes (#24705) @oliviertassinari
  • [test] Run more tests in Strict Mode (#24646) @oliviertassinari
  • [test] Avoid visual flakiness (#24737) @oliviertassinari
  • [core] Remove deprecated SimplifiedPropsOf/Simplify types (#24750) @petyosi
  • [core] Disable type-checking of .propTypes (#24747) @eps1lon
  • [test] Allow setting react-dist-tag via pipeline parameter (#24755) @eps1lon
  • [test] Don't run dev CI for dependabot pushes (#24833) @eps1lon
  • [test] Isolate Tooltip tests more (#24834) @eps1lon
  • [test] Clear emotion cache between tests (#24837) @eps1lon
  • [core] Save/restore actual yarn cache folder (#24844) @eps1lon
  • [test] Increase timeout to 4000ms for screenshots (#24850) @oliviertassinari

All contributors of this release in alphabetical order: @anthonyraymond, @ArnaultNouvel, @DanailH, @dborstelmann, @dtassone, @duganbrett, @EkaterinaMozheiko, @eps1lon, @fulin426, @hallzac2, @idanrozin, @KarimOurrai, @kodai3, @Lagicrus, @mbrookes, @mirefly, @mnajdova, @natac13, @oliviertassinari, @petyosi, @plug-n-play, @praveenkumar-kalidass, @ruppysuppy, @SCollinA, @silviot, @sumarlidason, @Tejaswiangotu123, @vicasas, @xiaoyu-tamu, @ydubinskyi

5.0.0-alpha.24

Jan 26, 2021

Big thanks to the 23 contributors who made this release possible. Here are some highlights ✨:

  • 👩‍🎤 Convert 31 components to emotion. Around 40% of the components have been migrated so far thanks to the help of the community. See https://github.com/mui-org/material-ui/issues/24405 for more details.

  • 🐛 Fix two long-standing issues with the Grid. Solve the horizontal scrollbar as well as dimensions when nesting (#24332) @greguintow.

  • 📚 Fix various display issues on API documentation pages (#24526, #24503, #24504. #24517, #24417).

  • 📐 Add a subset of the system as flatten props on the CSS utility components (Grid and Box so far, Typography and Stack coming later) (#24485, #24499) @mnajdova.

    <Box m={2}>
    
@material-ui/core@5.0.0-alpha.24
  • [Dialog] Migrate DialogActions to emotion (#24613) @vicasas
  • [Toolbar] Migrate to emotion (#24567) @natac13
  • [Hidden] Fix unsupported props warning when sx prop is used (#24624) @mnajdova
  • [List] Migrate ListItemText to emotion (#24602) @natac13
  • [List] Migrate ListItemSecondaryAction to emotion (#24593) @xs9627
  • [BottomNavigation] Migrate to emotion (#24556) @vinyldarkscratch
  • [Card] Fix CardActions wrong classes export name (#24609) @mnajdova
  • [Card] Migrate CardContent to emotion (#24600) @vicasas
  • [Card] Migrate to emotion (#24597) @povilass
  • [TextField] Migrate InputBase to emotion (#24555) @duganbrett
  • [Accordion] Allow to disable gutter/spacing (#24532) @TimonPllkrn
  • [List] Migrate to emotion (#24560) @vinyldarkscratch
  • [Card] Migrate CardActions to emotion (#24604) @vicasas
  • [List] Migrate ListSubheader to emotion (#24561) @vinyldarkscratch
  • [Breadcrumbs] Migrate to emotion (#24522) @vinyldarkscratch
  • [Divider] Migrate to emotion (#24558) @vinyldarkscratch
  • [Switch] Migrate SwitchBase to emotion (#24552) @vinyldarkscratch
  • [Hidden] Migrate to emotion (#24544) @vinyldarkscratch
  • [List] Migrate ListItem to emotion (#24543) @xs9627
  • [TextField] Fix Google Translate zero-width space issue (#24563) @d3mp
  • [Table] Separate classes for different labels (#24568) @tonysepia
  • [Accordion] Migrate AccordionSummary to emotion (#24540) @vinyldarkscratch
  • [IconButton] Migrate to emotion (#24542) @vinyldarkscratch
  • [Accordion] Migrate AccordionActions to emotion (#24538) @vinyldarkscratch
  • [Accordion] Migrate AccordionDetails to emotion (#24539) @vinyldarkscratch
  • [Link] Migrate to emotion (#24529) @praveenkumar-kalidass
  • [Accordion] Migrate to emotion (#24518) @vinyldarkscratch
  • [Backdrop] Migrate to emotion (#24523) @vinyldarkscratch
  • [Grid] Add system props (#24499) @mnajdova
  • [Icon] Migrate to emotion (#24516) @vinyldarkscratch
  • [Collapse] Migrate to emotion (#24501) @vinyldarkscratch
  • [SvgIcon] Migrate to emotion (#24506) @oliviertassinari
  • [Avatar] Migrate AvatarGroup to emotion (#24452) @praveenkumar-kalidass
  • [Box] Add back system props (#24485) @mnajdova
  • [Alert] Migrate AlertTitle to emotion (#24448) @povilass
  • [Alert] Migrate to emotion (#24442) @kutnickclose
  • [l10n] Improve Hebrew translation (#24449) @eladmotola
  • [Checkbox][Switch] Document defaultChecked (#24446) @praveenkumar-kalidass
  • [AppBar] Migrate to emotion (#24439) @povilass
  • [l10n] Improve German translation (#24436) @lukaselmer
  • [Button][Badge] Support custom colors and sizes (#24408) @mnajdova
  • [Grid] Fix horizontal scrollbar and nested dimensions (#24332) @greguintow
  • [Grid] Migrate to emotion (#24395) @mnajdova
  • [Badge] Fix TS custom variants (#24407) @mnajdova
@material-ui/lab@5.0.0-alpha.24
  • [DatePicker] Remove unnecessary wrapping dom node (#24533) @mxsph
  • [DateRangePicker] Remove variant prop override for Textfield (#24433) @praveenkumar-kalidass
  • [lab] Reflect draft pattern of picker value in implementation (#24367) @eps1lon
@material-ui/styled-engine@5.0.0-alpha.24
  • [styled-engine] Rename StylesProvider to StyledEngineProvider (#24429) @mnajdova
@material-ui/system@5.0.0-alpha.24
  • [system] Fix handling of null-ish values (#24530) @oliviertassinari
@material-ui/unstyled@5.0.0-alpha.24
  • [unstyled] Convert composeClasses to TypeScript (#24396) @eps1lon
@material-ui/utils@5.0.0-alpha.24
  • [utils] `useEventCallback` `args` defaults to `unknown[]` (#24564) @eps1lon
  • [utils] Fix requirePropFactory to merge validators (#24423) @mnajdova
Docs
  • [examples] Patch preact example not working (#24616)
  • [docs] Add missing newline in component JSDOC (#24610) @eps1lon
  • [docs] Add API of picker components (#24497) @eps1lon
  • [examples] Add `locale` prop to the Nextjs Link component (#24596) @CyanoFresh
  • [docs] List required props first in /api/* (#24526) @eps1lon
  • [docs] Mention the system props when available in the API pages (#24503) @mnajdova
  • [docs] Improve system properties page (#24524) @mnajdova
  • [docs] Fix malformed component API description (#24504) @eps1lon
  • [docs] Fix ToC "Component name" fragment link on /api/* (#24517) @eps1lon
  • [docs] Fix ToC on /api pages linking to api-docs (#24515) @eps1lon
  • [docs] Add comment explaining specificity bump on Select (#24509) @KarimMokhtar
  • [docs] Compute spreadable from tests (#24490) @eps1lon
  • [docs] Fix label bug in stepper vertical demo (#24491) @artola
  • [docs] Update Divjoy URL (#24447) @mbrookes
  • [docs] Improve packages description (#24330) @oliviertassinari
  • [docs] Fix content-layout-shift (#24418) @oliviertassinari
  • [docs] Document default values of external props (#24417) @eps1lon
  • [docs] Update in-house ads (#24410) @mbrookes @ewldev
Core
  • [core] Skip downloading browser binaries in codesandbox/ci (#24628) @eps1lon
  • [core] Batch small changes (#24599) @oliviertassinari
  • [test] Simplify DatePicker tests (#24545) @eps1lon
  • [core] Improve pseudo classes overrides error (#24535) @mnajdova
  • [core] Fix styleProps to always contain all props (#24505) @mnajdova
  • [test] Fix AvatarGroup failing test (#24512) @mnajdova
  • [pickers] Sort tests (#24481) @eps1lon
  • [test] Split tests in describeConformanceV5 to isolate them (#24479) @mnajdova
  • [core] Do not forward classes prop by default in experimentalStyled (#24451) @mnajdova
  • [core] Pass styleProps on all slots in the styled() components (#24454) @mnajdova
  • [core] Batch small changes (#24445) @oliviertassinari
  • [core] Normalize generating declaration files (#24411) @eps1lon

All contributors of this release in alphabetical order: @artola, @CyanoFresh, @d3mp, @duganbrett, @eladmotola, @eps1lon, @ewldev, @greguintow, @KarimMokhtar, @kutnickclose, @lukaselmer, @mbrookes, @mnajdova, @mxsph, @natac13, @oliviertassinari, @povilass, @praveenkumar-kalidass, @TimonPllkrn, @tonysepia, @vicasas, @vinyldarkscratch, @xs9627

4.11.3-deprecations.1

Jan 26, 2021

Fix a version resolution issue reported in https://github.com/mui-org/material-ui/issues/24620.

You can install this release with the npm tag:

  "@material-ui/core": "deprecations"

or the pre-release semver:

  "@material-ui/core": "^4.11.3-deprecations.1"

4.11.3

Jan 24, 2021

This release fixes an important issue with Chrome 88. The usage of NaN as a CSS property's value with JSS throws an exception.

Those wanting to anticipate the breaking changes coming in v5, on top of benefiting from this release, can install 4.11.3-deprecations.0. This pre-release includes deprecations with an upgrade path.

@material-ui/core@v4.11.3
  • [styles] Upgrade jss to 10.5.1 (#24570) @oliviertassinari
@material-ui/styles@v4.11.3
  • [styles] Upgrade jss to 10.5.1 (#24570) @oliviertassinari
@material-ui/system@v4.11.3
  • [system] Fix handling of null-ish values (#24527) @oliviertassinari"
Docs
  • [blog] 2020 in review and beyond (#24130) @oliviertassinari
  • [docs] Add ELEVATOR to backers (#23977) @mbrookes
  • [docs] Add eslint rule to docs (#23843) @jens-ox
  • [docs] Add notification for Adobe XD design assets (#23979) @mbrookes
  • [docs] Allow codesandbox deploy for demos in X (#23644) @oliviertassinari
  • [docs] Fix codesandbox datagrid demo (#24218) @brno32
  • [docs] Improve displayed versions (#24051) @oliviertassinari
  • [docs] Mention Adobe XD (#23978) @oliviertassinari
  • [docs] Sync tranlations (#23981) @l10nbot
  • [docs] Sync translation (#23719) @l10nbot
  • [docs] Sync translations (#23836) @l10nbot
  • [docs] Sync translations (#24039) @l10nbot
  • [docs] Update Divjoy URL (#24447) @mbrookes
  • [docs] Update in-house ads (#24410) @mbrookes
Core
  • [core] Batch small changes (#24224) @oliviertassinari

4.11.3-deprecations.0

Jan 24, 2021

This release is intended to help prepare the migration to Material-UI v5. ⏫.

We have started to add deprecations in anticipation of v5. We plan to add a deprecation for any breaking change in v5 that allows it. Each warning comes with a simple message that explains how to handle the deprecation. If no warnings are reported in the console, you are set for this first batch. Please report issues with the deprecations on #22074 (wrong instructions, false-positives, floods in the console, etc.).

You can expect similar pre-releases like this one in the coming months. Once v5 reaches the beta phase (no more breaking changes), the below deprecations will be included in the v4 stable release.

You can install this release with the npm tag:

  "@material-ui/core": "deprecations"

or the pre-release semver:

  "@material-ui/core": "^4.11.3-deprecations.1"
Deprecations
  • [Accordion] Deprecate classes.focused (#24083) @oliviertassinari
  • [Badge] Add overlap circular and rectangular (#22076) @eps1lon
  • [Box] Deprecate css prop in favor of sx (#23480) @mnajdova
  • [Collapse] Deprecate classes.container (#24084) @oliviertassinari
  • [Collapse] Deprecate collapsedHeight (#24079) @oliviertassinari
  • [Dialog] Add deprecation warning for withMobileDialog (#23570) @RDIL
  • [Dialog] Deprecate the transition onX props (#22114) @mbrookes
  • [Fab] Deprecate variant="round" (#24080) @oliviertassinari
  • [Grid] Add deprecation for justify prop rename (#24078) @oliviertassinari
  • [GridList] Rename to ImageList & add deprecation warnings (#22363) @mbrookes
  • [Icons] Deprecate fontSize value of default, add medium (#23971) @mbrookes
  • [Menu] Deprecate transition onX props (#22213) @mbrookes
  • [Modal][Dialog] Deprecate duplicate props with onChange (#24081) @oliviertassinari
  • [Modal][Portal] Deprecate onRendered (#24082) @oliviertassinari
  • [Popover] Deprecate transition onX props (#22202) @mbrookes
  • [RootRef] Deprecate component (#24075) @oliviertassinari
  • [Snackbar] Deprecate transition onX props (#22206) @mbrookes
  • [Table] Add deprecation for renamed TablePagination props (#23789) @mnajdova
  • [test] Deprecate test-utils (#24099) @eps1lon
  • [TextareaAutosize] Deprecate rowsMax->maxRows & rowsMin->minRows (#23530) @mhayk
  • [theme] Deprecate fade color utility in favor of alpha (#22837) @mnajdova
  • [theme] Deprecate theme.mixins.gutters (#22245) @joshwooding

5.0.0-alpha.23

Jan 14, 2021

Big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:

  • 📚 Only document public paths in module augmentation (#24267) @eps1lon

  • 👩‍🎤 Migrate the Paper and CssBaseline to emotion (#24397, #24176) @povilass @mnajdova

    We have reached a point where we feel confident that the new approach should make it to v5 stable. An issue has been created to track the progress with the migration to emotion: #24405. Your contribution to this effort and the ones from the community are welcome 🙌.

  • 📅 Various improvements on the date picker components (#24301, #24309, #24275, #24298, #24319) @m4theushw @eps1lon @huzaima @praveenkumar-kalidass

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v5.0.0-alpha.23/@material-ui/unstyled@v5.0.0-alpha.23
  • [Container] Fix disableGutters style not applied (#24284) @povilass
  • [Paper] Migrate to emotion (#24397) @povilass
  • [Slider] Allow mobile VO users to interact with Sliders (#23902) @CodySchaaf
  • [SwipeableDrawer] Add bleeding demo (#24268) @vicasas
  • [SwipeableDrawer] Fix overflow scroll computation logic (#24225) @yann120
  • [Table] Fix "more than" translation in es-ES (#24356) @vicasas
  • [TextField] Fix error color for form input with secondary color (#24290) @praveenkumar-kalidass
  • [Button] Fix resolution of default props (#24253) @oliviertassinari
@material-ui/lab@v5.0.0-alpha.23 Breaking changes
  • [DateRangePicker] Remove DateRangDelimiter (#24298) @huzaima

    You can migrate away from it with:

    diff --git a/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx b/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx
    index 72a89f9a11..2742fa6811 100644
    --- a/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx
    +++ b/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx
    @@ -3,7 +3,7 @@ import TextField from '@material-ui/core/TextField';
    import DateRangePicker, { DateRange } from '@material-ui/lab/DateRangePicker';
    import AdapterDateFns from '@material-ui/lab/AdapterDateFns';
    import LocalizationProvider from '@material-ui/lab/LocalizationProvider';
    -import DateRangeDelimiter from '@material-ui/lab/DateRangeDelimiter';
    +import Box from '@material-ui/core/Box';
    
    export default function BasicDateRangePicker() {
      const [value, setValue] = React.useState<DateRange<Date>>([null, null]);
    @@ -20,7 +20,7 @@ export default function BasicDateRangePicker() {
            renderInput={(startProps, endProps) => (
              <React.Fragment>
                <TextField {...startProps} variant="standard" />
    -            <DateRangeDelimiter> to </DateRangeDelimiter>
    +            <Box sx={{ mx: 2 }}>to</Box>
                <TextField {...endProps} variant="standard" />
              </React.Fragment>
            )}
    
Changes
  • [DatePicker] Fix out of range month selection (#24301) @m4theushw
  • [DatePicker] Replace withDefaultProps with useThemeProps (#24309) @m4theushw
  • [DatePicker] Simplify ExtendWrapper type (#24275) @eps1lon
  • [DatePicker] Reduce coupling of parsing picker input value and props (#24319) @eps1lon
  • [TimePicker] Add pointer cursor for clock in desktop (#24276) @praveenkumar-kalidass
  • [lab] Drop usage of createStyles (#24158) @eps1lon
  • [lab] Fix import paths in generated declaration files (#24380) @eps1lon
  • [lab] Prevent possible null pointer in useValidation (#24318) @eps1lon
@material-ui/styled-engine@v5.0.0-alpha.23/@material-ui/styled-engine-sc@v5.0.0-alpha.23
  • [styled-engine] Add GlobalStyles component (#24176) @mnajdova
Docs
  • [docs] Add example perfomance Stepper vertical (#24292) @vicasas
  • [docs] Change Link example from JS to TS (#24291) @vicasas
  • [docs] Do not show 'Add' if user input matches existing option (#24333) @ramdog
  • [docs] Focus docs search input when the shortcut is clicked (#24296) @eps1lon
  • [docs] Further template the CSS API descriptions (#24360) @mbrookes
  • [docs] Improve Next.js Link integration (#24258) @oliviertassinari
  • [docs] Misc API fixes (#24357) @mbrookes
  • [docs] Prevent kbd to wrap (#24269) @oliviertassinari
  • [docs] Simplify icon button docs (#24317) @baharalidurrani
  • [docs] Standardize some API descriptions (#24274) @mbrookes
  • [docs] Sync AppSearch.tsx with AppSearch.js (#24363) @Lagicrus
  • [docs] Update CONTRIBUTING being accepted (#24306) @vicasas
  • [docs] Update right to left compatibility plugin version (#24370) @mnajdova
  • [docs] Widen example datetime-local picker so it's not clipped (#24324) @ramdog
  • [website] Add BrandingFooter (#24095) @mnajdova
  • [website] Add Discover more (#24327) @oliviertassinari
  • [website] Add newsletter (#24322) @oliviertassinari
  • [website] Fix regressions @oliviertassinari
  • [website] Improve typography theme (#24386) @oliviertassinari
Core
  • [core] Create issue labeled (#24283) @xrkffgg
  • [core] Fix eslint @oliviertassinari
  • [core] Skip downloading browser binaries when building docs (#24393) @eps1lon
  • [core] Small changes (#24329) @oliviertassinari
  • [core] Support public paths in module augmentation (#24267) @eps1lon
  • [core] Update classes generation logic (#24371) @mnajdova
  • [core] Update issue mark duplicate (#24311) @xrkffgg
  • [core] Update issues helper version (#24379) @xrkffgg
  • [test] Add pipeline task for performance monitoring (#24289) @eps1lon
  • [test] Compensate for Circle CI's low performance (#24358) @oliviertassinari
  • [test] Debug expensive GH actions still runing for l10nbot (#24392) @eps1lon
  • [test] Move callback args to right side of assertion (#24366) @eps1lon
  • [test] Persist new declaration files in CI cache (#24313) @eps1lon
  • [test] Reduce download times of playwright binaries (#24364) @eps1lon
  • [test] Skip expensive GitHub actions on l10nbot commits (#24303) @eps1lon
  • [test] Test declaration files in TS nightly (#24391) @eps1lon
  • [styles] Define useThemeProps as unstable and fix TS issues (#24383) @mnajdova

5.0.0-alpha.22

Jan 4, 2021

Big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:

  • ♿️ Fix major accessibility issue with the Autocomplete (#24213) @inform880
  • 👩‍🎤 Migrate the Container to emotion (#24227) @oliviertassinari
  • 🐛 Fix Next.js regression and other cross-platform issues with the build (#24200, #24223)
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v5.0.0-alpha.22/@material-ui/unstyled@v5.0.0-alpha.22
  • [Autocomplete] Fix VoiceOver not reading the correct activedescendant (#24213) @inform880
  • [Autocomplete] Warn when value is invalid (#24202) @Sandeep0695
  • [Button] Fix disableElevation regression (#24251) @oliviertassinari
  • [Container] Migrate to emotion (#24227) @oliviertassinari
  • [Pagination] Fix className forwarding when type is ellipsis (#24256) @andrelmlins
  • [Select] Improve description on how it extends the Input components (#24180) @azza85
  • [styled] Fix missing types for sx (#24211) @mnajdova
  • [styled] Remove unused type parameters from StyledOptions (#24255) @eps1lon
  • [styled] Support components without theme (#24214) @mnajdova
  • [styles] Fix classes logic (#24250) @oliviertassinari
  • [styles] Improve the classes structure (#24249) @oliviertassinari
@material-ui/lab@v5.0.0-alpha.22
  • [DatePicker] Fix year only view, hide the current month (#24205) @hyeonhong
  • [DatePicker] Nested imports for better DX (#24147) @oliviertassinari
  • [DatePicker] Remove unused type parameters (#24257) @eps1lon
  • [TimePicker] Prevent conflicting type parameter in ClockProps#getClockLabelText (#24193) @eps1lon
Docs
  • [docs] Accept pages written in TypeScript (#24230) @oliviertassinari
  • [docs] Document emotion migration breaking changes (#24229) @luminaxster
  • [docs] Fix broken benchmark link (#24210) @jalaj-k
  • [docs] Fix codesandbox datagrid demo (#24218) @brno32
  • [docs] Fix iframe demos with emotion (#24232) @oliviertassinari
  • [docs] Sync translations (#24161) @l10nbot
Core
  • [test] More granular progress tracking of relative type imports (#24233) @eps1lon
  • [core] Add missing sx typings on the components migrated to emotion (#24208) @mnajdova
  • [core] Batch small changes (#24224) @oliviertassinari
  • [core] Create issue mark duplicate (#24184) @xrkffgg
  • [core] Fix generation of package.json (#24223) @oliviertassinari
  • [core] Fix relative import of types (#24248) @oliviertassinari
  • [core] Platform agnostic build script for envinfo (#24200) @eps1lon
  • [core] Remove unused generics from experimentalStyled (#24192) @eps1lon

5.0.0-alpha.21

Dec 30, 2020

Big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:

  • 👩‍🎤 Migrate the Avatar to emotion (#24114) @oliviertassinari
  • 👩‍🎤 Migrate the Button to emotion (#24107, #24100) @mnajdova
  • ♿️ Improve TrapFocus behavior, ignore the container as a tabbable element (#23364) @gregnb In rare cases, an element might not longer be tabbable when looping, e.g. overflow container in Firefox. You can work around the problem by adding a tabIndex={0} or customizing the getTabbable prop.
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v5.0.0-alpha.21/@material-ui/unstyled@v5.0.0-alpha.21
  • [Avatar] Migrate to emotion (#24114) @oliviertassinari
  • [ButtonBase] Migrate styles to emotion (#24100) @mnajdova
  • [Button] Migrate styles to emotion (#24107) @mnajdova
  • [unstyled] Add utils for generating utility classes (#24126) @mnajdova
  • [TrapFocus] Fix trap to only focus on tabbable elements (#23364) @gregnb
  • [Link] Improve integration with Next.js (#24121) @kelvinsanchez15
  • [Select] Fix overflow showing scrollbar (#24085) @Segebre
  • [Slider] Fix circular type reference in SliderValueLabel (#24190) @eps1lon
  • [Skeleton] Fix default TypeScript component type (#24191) @eps1lon
@material-ui/system@v5.0.0-alpha.21
  • [system] Fix sx prop typings to support grid gap props (#24093) @mnajdova
  • [system] Improve the SxProp typings structure, by splitting them in a separate module. (#24090) @mnajdova
  • [system] Replace grid gap properties (#24094) @mnajdova
@material-ui/lab@v5.0.0-alpha.21
  • [DatePicker] Allow to customize icons (#24017) @jackcwu
  • [DatePicker] Fix missing component for theme augmentation (#24092) @rajzik
  • [DatePicker] Hide outline on container (#24108) @oliviertassinari
  • [DatePicker] Fix accessibility issue with heading (#24183) @gracektay
  • [TimePicker] Improve the design to fit on smaller screens (#23855) @marianayap
  • [TreeView] Add preventScroll for tree focus (#24105) @praveenkumar-kalidass
@material-ui/styles@v5.0.0-alpha.21
  • [styles] Fix for supporting non string props in propsToClassKey (#24101) @mnajdova
@material-ui/styled-engine@v5.0.0-alpha.21/@material-ui/styled-engine-sc@v5.0.0-alpha.21
  • [styled-engine] Fix StylesProvider injectFirst with sc (#24104) @mnajdova
Docs
  • [docs] Add examples for adding and removing Typography variants (#24088) @mnajdova
  • [docs] Fix typo (#24123) @ajonp
  • [docs] Fix warning about wrong prop type (#24117) @mnajdova
  • [docs] Rename "Customization > Theme > Global" to "Customization > Theme > Components" (#24115) @mnajdova
  • [docs] Rename customization/components to customization/how-to-customize (#24089) @mnajdova
  • [docs] Replace process.browser with typeof navigator (#24122) @softshipper
  • [docs] Sync translations (#24152) @l10nbot
  • [docs] Update Fontsource install instructions (#24120) @DecliningLotus
  • [docs] Add system grid page (#24119) @mnajdova
  • [blog] 2020 in review and beyond (#24130) @oliviertassinari
  • [docs] Improve naming and structure of the Customization and Guide pages (#24175) @mnajdova
Core
  • [core] Batch small changes (#24131) @oliviertassinari
  • [core] Fix overridesResolver on the core components and added tests (#24125) @mnajdova
  • [core] Reduce number of files included in language server (#24165) @eps1lon
  • [core] Reduce response time of initial PR bot comment (#24168) @eps1lon
  • [core] Refactor styled() components to ease out the migration process (#24124) @mnajdova
  • [test] Add more packages to browser test suite (#24155) @eps1lon
  • [core] Monitor progress of fixing type imports (#24188) @eps1lon
  • [core] Fix build on Windows (#24187) @oliviertassinari

5.0.0-alpha.20

Dec 21, 2020

Big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:

  • 👩‍🎤 Migrate the Typography to emotion (#23841) @DanailH

    This change allows to add typography variants in the theme and to use them directly:

    const theme = createMuiTheme({
      typography: {
        poster: {
          color: 'red',
        },
      },
    });
    <Typography variant="poster">poster</Typography>;
    

    A full demo

  • 📚 Add a shortcut to open the Algolia search (#23959) @hmaddisb.

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v5.0.0-alpha.20/@material-ui/unstyled@v5.0.0-alpha.20 Breaking changes
  • [CssBaseline] Change body font size to body1 (1rem) (#24018) @mbrookes

    The new default matches the variant used by the Typography component. To return to the previous size, you can override it in the theme:

    const theme = createMuiTheme({
      typography: {
        body1: {
          fontSize: '0.875rem',
        },
      },
    });
    
Changes
  • [Badge] Fix the classes description to reflect the correct component (#24035) @mnajdova
  • [Select] Fix aria-describedby attribute (#24027) @HVish
  • [Skeleton] Fix Circle border radius on Safari (#24054) @anatolzak
  • [Slider][badge] Fix classes prop not working (#24034) @mnajdova
  • [Typography] Migrate styles to emotion (#23841) @DanailH
@material-ui/styled-engine@v5.0.0-alpha.20/@material-ui/styled-engine-sc@v5.0.0-alpha.20
  • [styled-engine] Add name and slot options (#23964) @mnajdova
  • [styled-engine] Add StylesProvider with injectFirst option (#23934) @mnajdova
@material-ui/system@v5.0.0-alpha.20
  • [system] Fix transform not firing when theme provided (#24010) @ZovcIfzm
Docs
  • [docs] Add a shortcut to access the search bar (#23959) @hmaddisb
  • [docs] Animate component's mounting and unmounting (#24049) @cjoecker
  • [docs] Fix collapse API docs description of 'hidden' style condition (#24053) @jaiwanth-v
  • [docs] Improve color demo snippet spacing (#24009) @yukinoda
  • [docs] Improve displayed versions (#24051) @oliviertassinari
  • [docs] Show a better file on codesandbox (#24052) @oliviertassinari
  • [docs] Update customization/components and customization/global pages (#24016) @mnajdova
  • [docs] Update the CSS injection guide (#24020) @mnajdova
Core
  • [core] Batch small changes (#24038) @oliviertassinari
  • [core] Track size of /unstyled (#24021) @eps1lon
  • [core] Use consistent naming scheme for ttp annotations (#24022) @eps1lon

5.0.0-alpha.19

Dec 13, 2020

Big thanks to the 24 contributors who made this release possible. Here are some highlights ✨:

  • 👩‍🎤 Migrate the Badge to emotion (#23745) @mnajdova.
  • 🌏 Add infrastructure to translate the API pages (#23852) @mbrookes.
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v5.0.0-alpha.19 Breaking changes
  • [Icon][svgicon] Change default fontSize from default to medium (#23950) @mbrookes

    The default value of fontSize was changed from default to medium for consistency. In the unlikey event that you were using the value default, the prop can be removed:

    -<SvgIcon fontSize="default">{iconPath}</SvgIcon>
    +<SvgIcon>{iconPath}</SvgIcon>
    
  • [TextField] Add size prop for outlined and filled input (#23832) @mayralgr

    Rename marginDense and inputMarginDense classes to sizeSmall and inputSizeSmall to match the prop.

Changes
  • [Autocomplete] Document onChange last details param (#23942) @natac13
  • [Autocomplete] Fix useAutocomplete groupedOptions type (#23854) @ZachCMP
  • [Autocomplete] Improve DX/UX when getOptionLabel is not configured correctly (#23884) @marianayap
  • [Autocomplete] Improve getOptionSelected description (#23817) @smartshivkat
  • [Badge] Create unstyled component & move to emotion (#23745) @mnajdova
  • [Grid] Improve support for nested grid (#23913) @gbrochar
  • [Grid] Fix side effects when direction="column" and xs={} is used (#23900) @Kai-W
  • [Select] Fix description, value is not required (#23940) @natac13
  • [Slider] Remove color prop in unstyled (#23840) @mnajdova
  • [Slider] Replaced inlined isHostComponent with the utils (#23880) @mnajdova
  • [SwipeableDrawer] Refactor internals (#23944) @eps1lon
  • [TextField] Add documentation for hidden label (#23915) @Fredestrik
  • [TextField] Fix the color leak of the textbox (#23912) @szabgab
  • [useMediaQuery] Fix a false return at the first call (#23806) @marthaerm
  • [utils] Fix minified errors throwing with _formatMuiErrorMessage (#23828) @eps1lon
@material-ui/unstyled@v5.0.0-alpha.19
  • [core] Use Lerna to publish (#23793) @oliviertassinari
@material-ui/system@v5.0.0-alpha.19 Breaking changes
  • [system] Move visually hidden helper to utils (#23974) @eps1lon

    Only applies if you've installed v5.0.0-alpha.1

    -import { visuallyHidden } from '@material-ui/system';
    +import { visuallyHidden } from '@material-ui/utils';
    
Changes
  • [core] Use Lerna to publish (#23793) @oliviertassinari
@material-ui/lab@v5.0.0-alpha.19
  • [core] Use Lerna to publish (#23793) @oliviertassinari
@material-ui/utils@v5.0.0-alpha.19
  • [core] Use Lerna to publish (#23793) @oliviertassinari
@material-ui/styles@v5.0.0-alpha.19
  • [core] Use Lerna to publish (#23793) @oliviertassinari
Docs
  • [example] Change Box to new sx prop (#23937) @natac13
  • [example] Explain package choice (#23938, #23958) @mnajdova
  • [example] Update nextjs examples to fix hydration (#23936) @mnajdova
  • [docs] Add API tradeoff section for the sx prop (#23962) @mnajdova
  • [docs] Add ELEVATOR to backers (#23977) @mbrookes
  • [docs] Add eslint rule to docs (#23843) @jens-ox
  • [docs] Add infrastructure to translate API pages (#23852) @mbrookes
  • [docs] Add link to the sx docs page in the API description (#23967) @mnajdova
  • [docs] Add prepend option on emotion caches to allow JSS style overrides (#23892) @mnajdova
  • [docs] Add Vercel deploy config (#23910) @eps1lon
  • [docs] Allow codesandbox deploy for demos in X (#23644) @oliviertassinari
  • [docs] Copy icons to clipboard (#23850) @CodeWithGuruji
  • [docs] Fix breakpoints typos (#23893) @mnajdova
  • [docs] Fix color contrast of code within links (#23819) @eps1lon
  • [docs] Fix duplicated styles generated from emotion (#23809) @mnajdova
  • [docs] Fix icon alignment in /components/breadcrumbs (#23818) @eps1lon
  • [docs] Fix production deploy (#23963) @eps1lon
  • [docs] Fix source on Github links (#23821) @praveenkumar-kalidass
  • [docs] Fix StickyHeaderTable round borders (#23882) @antoniopacheco
  • [docs] Fix typo in date picker dayjs adapter name (#23935) @andresmrm
  • [docs] Improve system properties page (#23961) @mnajdova
  • [docs] Link module augmentation in TypeScript @oliviertassinari
  • [docs] Make stable width of localization example (#23820) @sujinleeme
  • [docs] Mention Adobe XD (#23978) @oliviertassinari
  • [docs] Prefer system shorthands (#23970) @oliviertassinari
  • [docs] Remove 'TODO' comment from buildApi script (#23973) @mbrookes
  • [docs] Sync translations (#23742, #23842) @l10nbot
  • [docs] Update Badge examples to use Box instead of makeStyles (#23927) @mnajdova
Core
  • [test] Add conformance tests for testing the theme.components options for the v5 components (#23896) @mnajdova
  • [test] Include type path mappings in language server (#23905) @eps1lon
  • [test] Make Popper tests StrictMode agnostic (#23838) @eps1lon
  • [test] Run benchmarks in Azure Pipelines when approved (#23895) @eps1lon
  • [test] Skip tests with cascading network requests (#23823) @eps1lon
  • [core] All packages are published from /build (#23886) @oliviertassinari
  • [core] Batch small changes (#23853) @oliviertassinari
  • [core] Fix failing CI on HEAD (#23947) @oliviertassinari
  • [core] Force LF for text files (#23932) @eps1lon
  • [core] Improve envinfo instructions (#23918) @eps1lon
  • [core] Replace fs-extra deprecated function (exists) (#23848) @leonardopliski
  • [core] Use Lerna to publish (#23793) @oliviertassinari
  • [core] Use playwright instead of puppeteer (#23906) @eps1lon
  • [core] Add envinfo --json flag (#23883) @eps1lon
  • [core] Ask for output from envinfo in issues (#23881) @eps1lon

4.11.2

Nov 24, 2020

This release widens the peer dependency scope of React to accept ^17.0.0 ⚛️ . The change makes it easier for developers to upgrade React independently from Material-UI. The best support for React 17 will be found in Material-UI v5.

This is a reminder that all ongoing work has moved to v5. This means a feature freeze on v4. The development of v4 is limited to important bug fixes, security patches, and easing the upgrade path to v5.

@material-ui/core@v4.11.2
  • [core] Allow React 17 in peer dependencies (#23697) @oliviertassinari
@material-ui/icons@v4.11.2
  • [core] Allow React 17 in peer dependencies (#23697) @oliviertassinari
@material-ui/lab@v4.11.2
  • [core] Allow React 17 in peer dependencies (#23697) @oliviertassinari
@material-ui/styles@v4.11.2
  • [core] Allow React 17 in peer dependencies (#23697) @oliviertassinari
@material-ui/system@v4.11.2
  • [core] Allow React 17 in peer dependencies (#23697) @oliviertassinari
@material-ui/utils@v4.11.2
  • [core] Allow React 17 in peer dependencies (#23697) @oliviertassinari
@material-ui/lab@v4.0.0-alpha.57
  • [core] Allow React 17 in peer dependencies (#23697) @oliviertassinari

5.0.0-alpha.18

Dec 3, 2020

Big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:

  • Fix most of the issues with the system (#23716, #23635, #23737, #23733, #23700, #23688) @mnajdova.
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v5.0.0-alpha.18 Breaking changes
  • [Box] Remove deprecated props (#23716) @mnajdova All props are now available under the sx prop. A deprecation will be landing in v4. Thanks to @mbrookes developers can automate the migration with a codemod.

    -<Box p={2} bgColor="primary.main">
    +<Box sx={{ p: 2, bgColor: 'primary.main' }}>
    
Changes
  • [Autocomplete] Add ability to override key down events handlers (#23487) @hessaam
  • [Autocomplete] Better isolate test case (#23704) @oliviertassinari
  • [Autocomplete] Fix highlight change event (#23718) @TakumaKira
  • [Box] Fix TypeScript issue when component prop is used (#23686) @mnajdova
  • [experimentalStyled] Make sx style fn optional (#23714) @mnajdova
  • [l10n] Improve Brazilian (pt-BR) locale (#23707) @m4rcelofs
  • [l10n] Improve Korean (ko-KR) locale (#23794) @sujinleeme
  • [Select] Add disabled attribute in input element when disabled (#23778) @praveenkumar-kalidass
  • [Switch] Add preventDefault check for state change (#23786) @praveenkumar-kalidass
  • [Tabs] Remove duplicate styles (#23561) @cmfcmf
@material-ui/system@v5.0.0-alpha.18
  • [system] Allow values to use shorter string when the prop name is contained in the value (#23635) @mnajdova
  • [system] Another round of perf improvements (#23737) @mnajdova
  • [system] Fix transform return value to support CSSObject (#23733) @mnajdova
  • [system] Make borderRadius multiply a theme's design token (#23700) @mnajdova
  • [system] Various perf gain experiments (#23688) @mnajdova
@material-ui/styles@v5.0.0-alpha.18
  • [styles] Small performance gain (#23749) @oliviertassinari
  • [styles] Update mergeClasses types to more closely match its implementation (#23705) @etrepum
@material-ui/utils@v5.0.0-alpha.18
  • [system] Another round of perf improvements (#23737) @mnajdova
@material-ui/lab@v5.0.0-alpha.18
  • [DatePicker] Found one prop that was renamed (#23676) @oliviertassinari
  • [DateRangePicker] Allow same date selection (#23701) @hmaddisb
@material-ui/styled-engine@v5.0.0-alpha.18/@material-ui/styled-engine-sc@v5.0.0-alpha.18
  • [styled-engine] Fix tagged template syntax with multiple expressions (#23269) @eps1lon
Docs
  • [docs] Add settings panel to allow system mode (#23722) @mbrookes
  • [docs] Add v5 peer dependencies in README (#23751) @johnrichardrinehart
  • [docs] Document using codesandbox-ci (#23800) @brorlarsnicklas
  • [docs] Fix link name for canadacasino (#23799) @eps1lon
  • [docs] Fix various a11y issues reported by lighthouse (#23791) @eps1lon
  • [docs] Improve prop descriptions (#23723) @oliviertassinari
  • [docs] Improve SEO structure (#23748) @oliviertassinari
  • [docs] Improve settings toggle button styling (#23754) @mbrookes
  • [docs] Misc fixes (#23756) @mbrookes
  • [docs] Move instructions for starting the docs earlier in the file (#23801) @brorlarsnicklas
  • [docs] Prepare v5.0.0-alpha.17 (#23680) @oliviertassinari
  • [docs] Remove unused abstraction (#23724) @oliviertassinari
  • [docs] Sync translations (#23682) @l10nbot
Core
  • [benchmark] Improve printed results (#23729) @oliviertassinari
  • [benchmark] Test styleFunctionSx vs. @styled-system/css (#23702) @mnajdova
  • [benchmark] Update with latest (#23694) @oliviertassinari
  • [core] Batch small changes (#23678) @oliviertassinari
  • [core] Fix ci @oliviertassinari
  • [core] Fix error handling on upload (#23734) @eps1lon
  • [core] Fully clear composite TypeScript project state (#23805) @eps1lon
  • [core] Remove unused classes (#23473) @jens-ox
  • [test] Add conformance test suite for v5 (#23798) @mnajdova
  • [test] Cleanup skipped tests (#23732) @eps1lon
  • [test] Misc improvements to experimental and browser test runner (#23699) @eps1lon
  • [test] Stay busy until document.fonts is ready (#23736) @eps1lon

4.11.1

Nov 24, 2020

Big thanks to the 12 contributors who made this release possible.

  • 🐛 Fix integration issue with TypeScript 4.1 (#23692) @ldrick
  • 🐛 Fix right-to-left support of Tabs since Chrome 85 (#22830) @ankit
  • 🐛 Fix two issues with React 17 (#22263, #23367) @eps1lon v4.11.1 doesn't have official support for React 17 like v5 has. Be careful, use React 17 at your own risk.
@material-ui/core@v4.11.1
  • [styles] Add support for TypeScript 4.1 (#23692) @ldrick
  • [ClickAwayListener] Fix mounting behavior in Portals in React 17 (#23367) @eps1lon
  • [TrapFocus] Prevent possible crash in React 17 (#22263) @eps1lon
  • [Tabs] Fix RTL scrollbar with Chrome 85 (#22830) @ankit
@material-ui/styles@v4.11.1
  • [styles] Add support for TypeScript 4.1 (#23692) @ldrick
Docs
  • [blog] Allow to support card preview (#23087) @oliviertassinari
  • [blog] Danail Hadjiatanasov joins Material-UI (#23223) @oliviertassinari
  • [blog] New posts (#22607) @oliviertassinari
  • [blog] Q2 2020 Update (#21822) @oliviertassinari
  • [blog] Q3 2020 Update (#23055) @oliviertassinari
  • [docs] Add Backstage to showcase (#22428) @stefanalund
  • [docs] Add Design resources in installation (#22209) @oliviertassinari
  • [docs] Add DoiT diamond sponsor (#22436) @oliviertassinari
  • [docs] Add LightyearVPN to showcase (#22568) @lightyearvpn
  • [docs] Add Material-UI Builder to in-house ads (#23342) @mbrookes
  • [docs] Add Octopus diamond sponsor (#22178) @oliviertassinari
  • [docs] Add Spotify to users (#22776) @mbrookes
  • [docs] Add ethicalads.io (#21752) @oliviertassinari
  • [docs] Add live demo with DataGrid (#22697) @oliviertassinari
  • [docs] Add notification about survey @oliviertassinari
  • [docs] Add notification for MUI for Figma v4.12.0 (#23212) @mbrookes
  • [docs] Add redirection for links published on npm (#22575) @oliviertassinari
  • [docs] Allow to host code in a different repo (#23390) @oliviertassinari
  • [docs] Avoid confusion between layout grid and data grid (#22681) @oliviertassinari
  • [docs] Backport _redirect from next @oliviertassinari
  • [docs] Change "Let Us Know" button URL (#22521) @mbrookes
  • [docs] Clear the different between table vs data grid right at the start @oliviertassinari
  • [docs] Encourage DataGrid in /components/tables/ over alternatives (#22637) @oliviertassinari
  • [docs] Engage with more Russian users @oliviertassinari
  • [docs] Fix 404 reported by Moz.com @oliviertassinari
  • [docs] Fix codesandbox link @oliviertassinari
  • [docs] Fix static asset loading with X @oliviertassinari
  • [docs] Fix theme.palette.type usage @oliviertassinari
  • [docs] Forward x data-grid (#22400) @oliviertassinari
  • [docs] Improve SEO on titles (#22742) @oliviertassinari
  • [docs] Improve ad display @oliviertassinari
  • [docs] Improve codesandbox generation logic (#22221) @oliviertassinari
  • [docs] Improve export to CodeSandbox (#22346) @oliviertassinari
  • [docs] Improve position in the side nav of DataGrid @oliviertassinari
  • [docs] Include new video on customization @oliviertassinari
  • [docs] Option to disable ads (#22574) @oliviertassinari
  • [docs] Point to the production branch of x @oliviertassinari
  • [docs] Reduce tracking events (#21710) @eps1lon
  • [docs] Remove codefund Ads (#21714) @eps1lon
  • [docs] Remove expansion-panels @oliviertassinari
  • [docs] Remove v5 docs capability @oliviertassinari
  • [docs] Sync translation (#21638, #21751, #21925, #22751, #22850, #22887, #23357) @oliviertassinari
  • [docs] Update homepage quotes (#23326) @mbrookes
  • [docs] Use codesandbox deploy for demos created from deploy previews (#22616) @eps1lon
  • [docs] configuring redirects for MUI X (#22632) @dtassone
Core
  • [core] Remove Alert codeowner @oliviertassinari
  • [core] Small changes (master) (#22022) @oliviertassinari
  • [test] Add skip ci to Crowdin commit message (#22684) @mbrookes
  • [test] Fix CI @oliviertassinari
  • [test] Only run on push for master/next (#22627) @eps1lon
  • [test] Run CircleCI anytime (#22686) @eps1lon
  • [test] Update react next patch (#22393) @eps1lon

5.0.0-alpha.17

Nov 23, 2020

Big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:

  • 📚 Improve the IntelliSense support for the sx prop (#23599) @mnajdova. You should now get a description for each property of the system. For instance with mx:

  • 💅 Migrate the first core component to the v5 styling architecture (#23308) @mnajdova. We have spent the last few months iterating on the new styling approach in the lab, and are confident enough in the new approach to move it to the core, so we have migrated the Slider. We will wait a week or two to collect feedback on it, before scaling it to the rest of the codebase.

  • 📅 Fix the first few issues on the date picker components since the migration in the lab.

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v5.0.0-alpha.17 Breaking changes
  • [Slider] Migrate to emotion (#23308) @mnajdova

    By default, emotion injects its style after JSS, this breaks the computed styles. In order to get the correct CSS injection order until all the components are migrated, you need to wrap the root of your application with:

    import * as React from 'react';
    import ReactDOM from 'react-dom';
    import { StylesProvider } from '@material-ui/core';
    import App from './App';
    
    ReactDOM.render(
      <StylesProvider injectFirst>
        <App />
      </StylesProvider>,
      document.querySelector('#root'),
    );
    

    This enforces emotion being injected first. More details in the documentation.

  • [Autocomplete] Rename closeIcon prop with clearIcon to avoid confusion (#23617) @akhilmhdh.

    -<Autocomplete closeIcon={icon} />
    +<Autocomplete clearIcon={icon} />
    
  • [Dialog] Remove the disableBackdropClick prop. It's redundant with the reason argument (#23607) @eps1lon.

    <Dialog
    - disableBackdropClick
    - onClose={handleClose}
    + onClose={(event, reason) => {
    +   if (reason !== 'backdropClick') {
    +     onClose(event, reason);
    +   }
    + }}
    />
    
  • [Modal] Remove the disableBackdropClick prop. It's redundant with the reason argument (#23607) @eps1lon.

    <Modal
    - disableBackdropClick
    - onClose={handleClose}
    + onClose={(event, reason) => {
    +   if (reason !== 'backdropClick') {
    +     onClose(event, reason);
    +   }
    + }}
    />
    
  • [Modal] Remove the onEscapeKeyDown prop. It's redundant with the reason argument. (#23571) @eps1lon

    <Modal
    -  onEscapeKeyDown={handleEscapeKeyDown}
    +  onClose={(event, reason) => {
    +    if (reason === "escapeKeyDown") {
    +      handleEscapeKeyDown(event);
    +    }
    +  }}
    />;
    
Changes
  • [CircularProgress][linearprogress] Change components from div to span (#23587) @bruno-azzi
  • [Grid] Improve warning when a prop is missing (#23630) @udayRedI
  • [Icon] Allow customizing the 'material-icons' base class name (#23613) @rart
  • [Select] Fix focus() call on ref (#23302) @reedanders
  • [Slider] Add test case for triggering a specific value (#23642) @Thehambalamba
  • [Slider] General cleanup and add classes prop for unstyled (#23569) @mnajdova
  • [styles] Add support for TypeScript 4.1 (#23633) @eps1lon
@material-ui/codemod@v5.0.0-alpha.17
  • [codemod] Add moved-lab-modules (#23588) @eps1lon This codemod is part of our effort to make the migration from v4 to v5 as painless as possible.
@material-ui/utils@v5.0.0-alpha.17
  • [Grid] Improve warning when a prop is missing (#23630) @udayRedI
@material-ui/system@v5.0.0-alpha.17
  • [system] Improve the sx prop IntelliSense (#23599) @mnajdova
@material-ui/unstyled@v5.0.0-alpha.17
  • [Slider] Replace core Slider with SliderStyled (#23308) @mnajdova
@material-ui/lab@v5.0.0-alpha.17 Breaking changes
  • [DatePicker] Change the import path of the date adapters (#23568) @eps1lon. It better fits with the current import convention.

    -import AdapterDateFns from '@material-ui/lab/dateAdapter/date-fns';
    +import AdapterDateFns from '@material-ui/lab/AdapterDateFns';
    
Changes
  • [DatePicker] Add missing exports (#23621) @havgry
  • [DatePicker] Add missing TypeScript definitions (#23560) @mbrookes
  • [DatePicker] Fix false-positive when validating mask in Safari (#23602) @eps1lon
  • [DatePicker] Fix missing manifest for typescript packages (#23564) @eps1lon
  • [TimePicker] Prevent scroll when interacting with the clock (#23563) @knightss27
Docs
  • [docs] Add advanced page for the system (#23596) @mnajdova
  • [docs] Add docs for typography in system (#23510) @oliviertassinari
  • [docs] API pages i18n (#23214) @mbrookes
  • [docs] Create pickers migration guide (#23605) @dmtrKovalenko
  • [docs] Enable TS language service for docs/src (#23576) @eps1lon
  • [docs] Explain the information listed on the system properties page (#23566) @mnajdova
  • [docs] Fix /api client-side routing (#23586) @eps1lon
  • [docs] Fix the Box section title on migration-v4 guide (#23679) @claudioldf
  • [docs] Generate default values for docs from the unstyled components (#23614) @mnajdova
  • [docs] Increase printWidth from 80 to 85(#23512) @eps1lon
  • [docs] Prevent layout jumps from img loading in system demo (#23504) @eps1lon
  • [docs] Remove controlled Tooltip example in Slider (#23625) @micsidoruk
  • [docs] Remove dead demos in the system basics page (#23565) @mnajdova
  • [docs] Replace emotion-server packages with @emotion/server (#23557) @numToStr
  • [docs] Sync translations (#23648) @l10nbot
Core
  • [core] Add support for TypeScript 4.1 (#23633) @eps1lon
  • [core] Batch small changes (#23554) @oliviertassinari
  • [core] Cleanup emotion dependencies (#23556) @eps1lon
  • [core] Fix formatting (#23567) @eps1lon
  • [core] Fix tracked component size regression (#23516) @eps1lon
  • [core] Fix transpilation target of UMD bundle (#23618) @eps1lon
  • [test] Create chunks for Argos (#23518) @oliviertassinari
  • [test] Debug argos-cli upload failures (#23623) @eps1lon
  • [test] Enable experimental-timezone tests (#23595) @eps1lon
  • [test] Misc visual regression flakiness improvements (#23619) @eps1lon
  • [test] Use playwright instead of vrtest (#23500) @eps1lon

5.0.0-alpha.16

Nov 14, 2020

Big thanks to the 34 contributors who made this release possible. Here are some highlights ✨:

  • 📅 Migrate the date picker to the lab (#22692) @dmtrKovalenko. We have integrated the components with the code infrastructure. Next, we will migrate all the GitHub issues from material-ui-pickers and archive the repository. This migration will help provide first-class support for the date picker components. The component will stay in the lab as long as necessary to reach the high-quality bar we have for core components. You can find the new documentation here.

    While the source code is currently hosted in the main repository, we might move it to the x repository in the future, depending on what is easier for the commercial date range picker. The date picker will stay open source no matter what.

  • 📚 Revamp the documentation for the system. The System contains CSS utilities. The documentation now promotes the use of the sx prop. It's ideal for adding one-off styles, e.g. padding, but when pushed to its limits, it can be used to implement quickly a complete page.

  • 👩‍🎨 Upgrade emotion to v11 (#23007) @mnajdova.

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v5.0.0-alpha.16 Breaking changes
  • [TextField] Change default variant from standard to outlined (#23503) @mbrookes Standard has been removed from the Material Design guidelines. This codemod will automatically update your code.

    -<TextField value="Standard" />
    -<TextField value="Outlined" variant="outlined" />
    +<TextField value="Standard" variant="standard" />
    +<TextField value="Outlined" />
    
  • [Autocomplete] Remove debug in favor of open and dev tools (#23377) @eps1lon There are a couple of simpler alternatives: open={true}, Chrome devtools "Emulate focused", or React devtools props.

Changes
  • [Autocomplete] Use Popper when disablePortal (#23263) @eps1lon
  • [Box] Better DX for deprecated props (#23285) @eps1lon
  • [codemod] Add a codemod for the Box sx prop (#23465) @mbrookes
  • [CssBaseline] Add dark mode scrollbar support (#23407) @mmmols
  • [Slider] Extract slots as standalone components (#22893) @mnajdova
  • [Stepper] Fix the icon prop support in StepLabel (#23408) @randyshoopman
  • [theme] Add htmlFontSize to Typography interface (#23412) @fergusmcdonald
  • [Tooltip] Fix PopperProps popper modifiers not being merged properly (#23421) @dominique-mueller
  • [Tooltip] Long press select text on iOS (#23466) @hmaddisb
  • [Tooltip] Unexpected behaviour onOpen/onClose (#23482) @brorlarsnicklas
@material-ui/lab@v5.0.0-alpha.16
  • [DatePicker] Migrate to the lab #22692 @dmtrKovalenko
@material-ui/system@v5.0.0-alpha.16
  • [system] Add typography prop that will pull from theme.typography (#23451) @mnajdova
  • [system] Create separate margin and padding functions (#23452) @mnajdova
  • [system] Export styleFunctionSx and improve signature (#23397) @mnajdova
  • [system] Merge breakpoints in correct order (#23380) @mnajdova
  • [system] Remove css utility in favor of sx (#23454) @mnajdova
  • [system] Warn for spacing when non integer value is used with theme.spacing array (#23460) @mnajdova
@material-ui/styled-engine@v5.0.0-alpha.16
  • [styled-engine] Upgrade emotion to 11 RC (#23007) @mnajdova
@material-ui/unstyled@v5.0.0-alpha.16
  • [Slider] Extract slots as standalone components (#22893) @mnajdova
@material-ui/codemod@v5.0.0-alpha.16
  • [TextField] Change default variant from standard to outlined (#23503) @mbrookes
Docs
  • [docs] Allow to host code in a different repo (#23390) @oliviertassinari
  • [docs] CHANGELOG for v5.0.0-alpha.15 (#23383) @oliviertassinari
  • [docs] Fix examples download URLs to match the correct branch name (#23467) @matchatype
  • [docs] Fix links being opened when dismissing context menus (#23491) @eps1lon
  • [docs] Fix the Netlify proxy for localization of X (#23387) @oliviertassinari
  • [docs] Fix usage of palette.type instead of palette.mode in docs (#23414) @hubgit
  • [docs] Improve documentation of the system (#23294) @mnajdova
  • [docs] Improve feedback a11y (#23459) @eps1lon
  • [docs] Improve formatting of the system (#23509) @oliviertassinari
  • [docs] Improve migration guide for theme.palette (#23416) @hubgit
  • [docs] Mention delay instead of transition twice (#23393) @benmneb
  • [docs] Prepare Material-UI X (#1893) @oliviertassinari
  • [docs] Redirect legacy GridList pages to ImageList (#23456) @eps1lon
  • [docs] Remove redundant aria-label when wrapped in Tooltip (#23455) @eps1lon
  • [docs] Sync translations (#23316) @l10nbot
  • [docs] Update buildAPI script to handle the "styled" components (#23370) @mnajdova
  • [docs] Update new components in the roadmap (#23507) @mbrookes
  • [docs] Update translations (#23501) @l10nbot
Core
  • [core] Batch small changes (#23422) @oliviertassinari
  • [core] Fix skipped ignore patterns (#23474) @eps1lon
  • [core] Switch to globby and fast-glob (#23382) @eps1lon
  • [test] Increase timeout threshold for slow Firefox tests (#23463) @eps1lon
  • [test] Make sure system properties are in the same order when generating CSS (#23388) @mnajdova
  • [test] Prefer longhand properties (#23445) @eps1lon
  • [test] Remove data-mui-test from tests (#23498) @eps1lon
  • [test] Remove keyDown#force (#23488) @eps1lon
  • [test] Use adapter instead of native Date (#23475) @eps1lon
  • [test] Use fake timers in visual regression tests (#23464) @eps1lon

5.0.0-alpha.15

Nov 4, 2020

Big thanks to the 20 contributors who made this release possible. Here are some highlights ✨:

  • ⚛️ Add support for React 17 (#23311) @eps1lon. React 17 release is unusual because it doesn't add any new developer-facing features. It was released a couple of days ago. You can learn more about it in the introduction post. Material-UI now supports ^16.8.0 || ^17.0.0.

  • 🛠 Introduce a new @material-ui/unstyled package (#23270) @mnajdova. This package will host the unstyled version of the components. In this first iteration, only the Slider is available. You can find it documented under the same page as the styled version.

    Why an unstyled package?

    While engineering teams are successfully building custom design systems by wrapping Material-UI, we occasionally hear that Material Design or our styling solution are something they don't need. Some teams prefer SASS, others prefer to customize the components starting from a pristine state. What all these teams have in common is that they value the features coming from the components, such as accessibility.

    The unstyled package goes one step down in the abstraction layer, providing more flexibility. Angular Material introduced this approach two years ago. Today their unstyled components account for 25% of the usage.

    Another reason for introducing this package is to prepare the groundwork for a second theme (not Material Design based).

    A note on the terminology: "unstyled" means that the components have the same API as the "styled" components but come without CSS. Material-UI also contains "headless" components that exposes a hook API, e.g. useAutocomplete or usePagination.

    This change is part of our strategy to iterate on the v5 architecture with the Slider first. In the next alpha release, we plan to replace the v4 slider with the v5 slider. Once the new approach is stress-tested and validated, we will roll it out to all the components.

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v5.0.0-alpha.15 Breaking changes
  • [AppBar] Fix z-index when position="static" (#23325) @sujinleeme Remove z-index when position static and relative

  • [theme] Fix error message for augmentColor failure (#23371) @reedanders The signature of theme.palette.augmentColor helper has changed:

    -theme.palette.augmentColor(red);
    +theme.palette.augmentColor({ color: red, name: 'brand' });
    
Changes
  • [Autocomplete] Fix unclickable area between text input and endAdornment (#23229) @sujinleeme
  • [Autocomplete] Follow Material Design State spec (#23323) @sujinleeme
  • [Avatar] Fix usage of srcset property (#23286) @matheuspiment
  • [ClickAwayListener] Fix mounting behavior in Portals in React 17 (#23315) @eps1lon
  • [core] Allow React 17 (#23311) @eps1lon
  • [Icon] Fix translation, e.g Google Translate (#23237) @cbeltrangomez84
  • [LinearProgress] Fix Safari's bug during composition of different paint (#23293) @montogeek
  • [Radio] Fix dot misalignment in Safari (#23239) @anasufana
  • [styled-engine] Fix tagged template syntax with multiple expressions (#23269) @eps1lon
  • [Table] Fix empty row logic when displaying all (#23280) @JoaoJesus94
  • [Table] Fix handling of rowsPerPage={-1} (#23299) @JoaoJesus94
  • [TextareaAutosize] Fix container with no intrinsic height (#23273) @sujinleeme
  • [TextField] Fix disabled color in Safari (#23375) @Morteza-Jenabzadeh
  • [theme] Fix spacing string arguments (#23224) @GuilleDF
  • [Tooltip] Fix excess spacing (#23233) @benneq
@material-ui/unstyled@v5.0.0-alpha.15
  • [unstyled] Create package and move SliderUnstyled there (#23270) @mnajdova
  • [core] Allow React 17 (#23311) @eps1lon
@material-ui/lab@v5.0.0-alpha.15
  • [lab] Migrate Timeline to TypeScript (#23242) @oliviertassinari
  • [core] Allow React 17 (#23311) @eps1lon
@material-ui/icons@v5.0.0-alpha.15
  • [core] Allow React 17 (#23311) @eps1lon
@material-ui/styles@v5.0.0-alpha.15
  • [core] Allow React 17 (#23311) @eps1lon
@material-ui/system@v5.0.0-alpha.15
  • [core] Allow React 17 (#23311) @eps1lon
  • [theme] Fix spacing string arguments (#23224) @GuilleDF
Docs
  • [Transition] Document default appear value (#23221) @GuilleDF
  • [blog] Danail Hadjiatanasov joins Material-UI (#23223) @oliviertassinari
  • [docs] Add Material-UI Builder to in-house ads (#23342) @mbrookes
  • [docs] Fix a few typos and add comma (#23284) @reedanders
  • [docs] Fix few propTypes in Inputs (#23331) @youknowhat
  • [docs] Fix language cookie (#23324) @mbrookes
  • [docs] Fix typo in README.md (#23329) @mtsknn
  • [docs] Guard against unknown value in userLanguage cookie (#23336) @mbrookes
  • [docs] Make it clearer that custom router is supported (#23304) @Maxgit3
  • [docs] Sync translations (#23080) @l10nbot
  • [docs] Update homepage quotes (#23326) @mbrookes
  • [docs] Update nav translations (#23234) @mbrookes
  • [docs] Update system pages to use sx prop instead of deprecated Box props (#23368) @mnajdova
  • [docs] Use present tense for bool prop descriptions (#23274) @mbrookes
Core
  • [utils] Add all @material-ui/core/utils to @material-ui/utils (#23264) @mnajdova
  • [core] Batch small changes (#23327) @oliviertassinari
  • [core] Fix implicit transitive 'csstype' dependency (#23301) @quinnturner
  • [core] Move material-ui-benchmark into benchmark/server (#23271) @eps1lon
  • [core] Replace temp package with node built-ins (#23262) @eps1lon
  • [core] Restrict top level imports that target CJS modules (#23159) @eps1lon
  • [test] Fix unexpected console warn/error spy swallowing unrelated messages (#23312) @eps1lon
  • [test] Fix various issues with the new cli on windows (#23381) @eps1lon
  • [test] Improve test debugging (#23372) @eps1lon
  • [test] Introduce experimental CLI (#23369) @eps1lon
  • [test] Prevent growing call stack in custom keyDown/keyUp (#23321) @eps1lon
  • [test] Run with Safari 13 (#23292) @eps1lon

5.0.0-alpha.14

Oct 23, 2020

Big thanks to the 23 contributors who made this release possible. Here are some highlights ✨:

  • 💄 Introduce a new sx prop (#23053, #23205) @mnajdova We have resumed the work on Material-UI System. This is made possible by the latest progress on the new styling solution of v5. You can read the introduction blog post that we did for the system two years ago.

    The system is meant to solve the following problems:

    1. Naming things is hard. How should a class name, JSS style rule, or styled component be named?
    2. Jumping between JS and CSS in the editor wastes time. This is particularly true as the complexity (LOCs/# of elements) of a component increases. It's still true when using the styled() API.
    3. Introducing a makeStyles for the first time in a component is daunting. For example, it's why this VS Code plugin exists. What if we had less code to type, gaining velocity when writing styles?
    4. Pulling values out from the theme can be cumbersome. How can we make it less painful to increase the usage of design tokens?

    This new iteration of the system brings two major improvements:

    • It moves from the support of a subset of CSS to the support of a superset of CSS. Learning the shorthand is optional. It's no longer necessary to moving back to styled() when the system doesn't support a specific CSS property.

    • It moves from support on Box only to any core component (starting with the slider).

      import Slider from '@material-ui/lab/SliderStyled';
      
      // Set the primary color and a vertical margin of 16px on desktop.
      <Slider sx={{ color: 'primary.main', my: { xs: 0, md: 2 } }} />;
      

      CodeSandbox example

  • ✨ Upgrade Popper.js from v1 to v2 (#21761) @joshwooding The change reduces the bundle size (-1 kB gzipped) while fixing bugs at the same time.

  • 🐛 Fix broken nested imports with the icons package (#23157) @eps1lon The revamp of the bundling strategy in #22814 has broken the nested imports. Imports such as the one below should work again with this release:

    import CloseIcon from '@material-ui/icons/Close';
    
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v5.0.0-alpha.14 Breaking changes
  • [Popper] Upgrade to popper.js to v2 (#21761) @joshwooding This third-party library has introduced a lot of changes.
    You can read their migration guide or the following summary:

    • The CSS prefixes have changed:

      popper: {
        zIndex: 1,
      - '&[x-placement*="bottom"] $arrow': {
      + '&[data-popper-placement*="bottom"] $arrow': {
      
    • Method names have changed.

      -popperRef.current.scheduleUpdate()
      +popperRef.current.update()
      
      -popperRef.current.update()
      +popperRef.current.forceUpdate()
      
    • Modifiers' API has changed a lot. There are too many changes to be covered here.

  • [withMobileDialog] Remove this higher-order component (#23202) @RDIL The hook API allows a simpler and more flexible solution than the HOC:

    -import withMobileDialog from '@material-ui/core/withMobileDialog';
    +import { useTheme, useMediaQuery } from '@material-ui/core';
    
    function ResponsiveDialog(props) {
    - const { fullScreen } = props;
    + const theme = useTheme();
    + const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));
      const [open, setOpen] = React.useState(false);
    
    // ...
    
    -export default withMobileDialog()(ResponsiveDialog);
    +export default ResponsiveDialog;
    
Changes
  • [Box] Add sx prop (#23053) @mnajdova
  • [Box] Deprecate system props (#23206) @mnajdova
  • [Card] Use flex display for CardHeader.avatar (#23169) @mordechaim
  • [Container] Fix support of custom breakpoint units (#23191) @espipj
  • [Container] Revert max-width change for xs @oliviertassinari
  • [InputBase] Use ref prop instead of inputRef prop on input component (#23174) @GuilleDF
  • [l10n] Add Kazakh (kz-KZ) locale (#23195) @abdulgafur24
  • [Rating] Ensure hover and click are in sync (#23117) @redbmk
  • [Select] Fix SelectDisplayProps className concat (#23211) @reedanders
@material-ui/styled-engine@v5.0.0-alpha.14
  • [styled] Add @babel/runtime dependency (#23175) @koistya
@material-ui/system@v5.0.0-alpha.14
  • [Box] Add sx prop (#23053) @mnajdova
  • [core] Fix bundles for packages without subpackages (#23157) @eps1lon
@material-ui/icons@v5.0.0-alpha.14
  • [core] Fix bundles for packages without subpackages (#23157) @eps1lon
@material-ui/lab@v5.0.0-alpha.14 Breaking changes
  • [AvatarGroup] Move from lab to core (#23121) @mbrookes Move the component from the lab to the core. This component will become stable.

    -import AvatarGroup from '@material-ui/lab/AvatarGroup';
    +import AvatarGroup from '@material-ui/core/AvatarGroup';
    
Changes
  • [Slider] Add sx prop in SliderStyled (#23205) @mnajdova
@material-ui/utils@v5.0.0-alpha.14
  • [utils] Fix types of chainPropTypes (#23123) @oliviertassinari
  • [core] Fix bundles for packages without subpackages (#23157) @eps1lon
@material-ui/types@v5.2.0-alpha.14
  • [types] Add LICENSE files (#23162) @lielfr
Docs
  • [examples] Remove reason example project (#23158) @mnajdova
  • [examples] Update cdn example to use @material-ui/core@next (#23153) @mnajdova
  • [examples] Update preact to use the @material-ui/core@next (#23154) @mnajdova
  • [examples] Update ssr example to use @material-ui/core@next (#23155) @mnajdova
  • [examples] Updated nextjs-typescript example to use @material-ui/core@next (#23119) @numToStr
  • [docs] Add Menu component example with explicit positioning prop values (#23167) @jaebradley
  • [docs] Add page feedback (#22885) @mbrookes
  • [docs] Add Performance section for Modal (#23168) @jaebradley
  • [docs] Better document CardActionArea (#23196) @el1f
  • [docs] Cleaner image of font-size equation (#23189) @CamDavidsonPilon
  • [docs] Fix casing typo (#23148) @piperchester
  • [docs] Fix typo in steppers (#23163) @AGDholo
  • [docs] Fix typo on interoperability page (#23177) @SassNinja
  • [docs] Improve migration v5 guide @oliviertassinari
  • [docs] Lazy load demo toolbar (#23108) @eps1lon
  • [docs] Remove unused style selectors extendedIcon (#23160) @MatejKastak
  • [docs] Use Box sx prop on all Slider examples #23217 @mnajdova
Core
  • [benchmark] Add theme-ui and chakra-ui Box scenarios (#23180) @mnajdova
  • [benchmark] Create separate workspace (#23209) @eps1lon
  • [benchmark] Extracted Profiler & added output in readme (#23178) @mnajdova
  • [core] Batch small changes (#23116) @oliviertassinari
  • [core] Improve bundle size comment (#23110) @eps1lon
  • [core] Prevent unstable chunks in size snapshot (#23181) @eps1lon

5.0.0-alpha.13

Oct 17, 2020

Big thanks to the 25 contributors who made this release possible. Here are some highlights ✨:

  • 📦 Ship modern bundle (#22814) @eps1lon. This is a significant update to the browsers supported by Material-UI. The previous policy was defined 2 years ago, and the landscape has evolved since then. The package now includes 4 bundles:

    1. stable (default, formerly esm) which targets a snapshot (on release) of > 0.5%, last 2 versions, Firefox ESR, not dead, not IE 11"
    2. node (formerly default) which targets a snapshot (on release) of maintained node versions
    3. legacy (new) which is stable + IE11
    4. modern (formerly es) which targets the last 1 version of evergreen browsers and active node (currently that is 14

    The change yields a 6% reduction in bundle size 📦 (Babel only). In the coming weeks, we will refactor the internals to take advantage of the new browser capabilities that dropping these older platforms allows. For instance, we might be able to remove the span we render inside the <Button> to work around Flexbug #9.

    Check the updated Supported platforms documentation and new "minimizing bundle size" guide.

    If you target IE11, you need to use the new bundle (legacy). We are treating IE11 as a second class-citizen, which is a continuation of the direction taken in #22873.

  • 🚀 Improve the internal benchmark suite (#22923, #23058) @mnajdova. This was a prerequisite step to improve the system. We needed to be able to measure performance. After #22945, we have measured that the Box component is x3 faster in v5-alpha compared to v4.

  • ✏️ A new blog post: Q3 2020 Update (#23055) @oliviertassinari.

  • 🐙 Migrate more tests to react-testing-library @deiga, @Morteza-Jenabzadeh, @nicholas-l.

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v5.0.0-alpha.13 Breaking changes
  • [core] Ship modern bundle (#22814) @eps1lon
Change
  • [Autocomplete] Fix autoHighlight synchronization (#23025) @Tubaleviao
  • [Autocomplete] Ignore keydown event until IME is confirmed (#23050) @jiggum
  • [Card] Fix action area hover style on touch devices (#23079) @giulianovarriale
  • [Slider] Align value label text center (#23075) @LorenzHenk
  • [SwipeableDrawer] Decorrelate swipeAreaWidth and initial jumping amount (#23042) @omidtajik
  • [Tooltip] Fix followCursor preventing onMouseMove on children (#23104) @eps1lon
  • [Tooltip] Refactor event handling (#23092) @eps1lon
  • [theme] Add missing types for theme overrides (#23028) @povilass
  • [l10n] Add Arabic (ar_EG) locale (#23006) @GoldenWings
@material-ui/lab@v5.0.0-alpha.13
  • [TreeView] Fix bundle size link and refactor array spreads (#22992) @joshwooding
  • [TreeView] Fix alpha color utility instead of deprecated fade (#22978) @joshwooding
  • [core] Ship modern bundle (#22814) @eps1lon
@material-ui/utils@v5.0.0-alpha.13
  • [core] Ship modern bundle (#22814) @eps1lon
@material-ui/system@v5.0.0-alpha.13
  • [core] Ship modern bundle (#22814) @eps1lon
@material-ui/styles@v5.0.0-alpha.13
  • [core] Ship modern bundle (#22814) @eps1lon
@material-ui/styled-engine@v5.0.0-alpha.13
  • [core] Ship modern bundle (#22814) @eps1lon
@material-ui/styled-engine-sc@v5.0.0-alpha.13
  • [core] Ship modern bundle (#22814) @eps1lon
@material-ui/icons@v5.0.0-alpha.13
  • [core] Ship modern bundle (#22814) @eps1lon
Docs
  • [blog] Allow to support card preview (#23087) @oliviertassinari
  • [blog] Q3 2020 Update (#23055) @oliviertassinari
  • [docs] Add a new demo to the showcase (#22949) @adonig
  • [docs] Add demo for Link underline (#23074) @LorenzHenk
  • [docs] Add logarithmic slider demo (#23076) @LorenzHenk
  • [docs] Add react-admin in related projects page (#23097) @fzaninotto
  • [docs] Change color to palette (#23046) @mockingjet
  • [docs] Don't suggest putting a Switch inside a ListItemSecondaryAction (#23018) @sirlantis
  • [docs] Fix docs:dev (#23023) @eps1lon
  • [docs] Fix vertical alignment of Slider demo (#23059) @r0zar
  • [docs] Fix wrong variable characters (#23066) @AGDholo
  • [docs] Improve docs for Table sticky column grouping (#23100) @andre-silva-14
  • [docs] Improve icon preview color contrast (#22974) @oliviertassinari
  • [docs] Interoperability guide updates (#23030) @mnajdova
  • [docs] Move outdated versions into a collapsible section (#23029) @NoNamePro0
  • [docs] Point to material-ui-x/next instead of master @oliviertassinari
  • [docs] Restore ButtonBases images (#23083) @eps1lon
  • [docs] Slider demos clean up (#22964) @mnajdova
  • [docs] Sync translations (#22888) @l10nbot
  • [examples] Update gatsby example to use @material-ui/* next (#23089) @mnajdova
  • [examples] Update gatsby-theme example to use @material-ui/* next #23093 @mnajdova
  • [examples] Update nextjs example project to use @material-ui/* next (#23094) @mnajdova
Core
  • [benchmark] Add browser benchmark (#22923) @mnajdova
  • [benchmark] Fix benchmark scripts & moved scenarios to correct benchmark project (#23058) @mnajdova
  • [test] Enable failing unexpected console warn|error in browser tests (#23063) @eps1lon
  • [test] Fail each test on unexpected console logs in test:unit (#23064) @eps1lon
  • [test] Introduce toHaveInlineStyle and toHaveComputedStyle matcher (#23054) @eps1lon
  • [test] Migrate ButtonBase to react-testing-library (#23011) @deiga
  • [test] Migrate IconButton to react-testing-library (#22972) @Morteza-Jenabzadeh
  • [test] Migrate InputBase to react-testing-library (#23014) @deiga
  • [test] Migrate SpeedDial to react-testing-library (#23021) @nicholas-l
  • [test] Migrate TableCell to react-testing-library (#23095) @nicholas-l
  • [test] Migrate TableRow to react-testing-library (#23105) @deiga
  • [test] Move some work out of evaluation phase (#23112) @eps1lon
  • [test] Supress 404 img warnings in browser tests (#23106) @eps1lon
  • [test] Throw on console.(error|warn) outside of test (#22907) @eps1lon
  • [test] Use dot reporter in CI (#23026) @eps1lon
  • [core] Add support for iOS Safari 12 (#23068) @eps1lon
  • [core] Also format dot files & folders (#22975) @oliviertassinari
  • [core] Extend yarn size:why (#22979) @eps1lon
  • [core] Fix react-next test (#23027) @oliviertassinari
  • [core] Lint CSS (#22976) @oliviertassinari
  • [core] Misc modules/* cleanup (#22983) @eps1lon

5.0.0-alpha.12

Oct 11, 2020

Big thanks to the 45 contributors who made this release possible. Here are some highlights ✨:

  • 🧪 The promotion of 4 components from the lab to core: Autocomplete, Pagination, SpeedDial, and ToggleButton. These components have been in the lab for more than 10 months @mbrookes.
  • 📦 Switch the style engine of the Box component from JSS to @material-ui/styled-engine (use emotion by default) (#22945) @mnajdova. The early benchmark we have run shows that performance has improved. We will share more detailed results in #21657.
  • 🐙 Migrate a large portion of the tests from enzyme to react-testing-library @eladmotola, @baterson, @bewong89, @devrasec, @guillermaster, @itamar244, @jeferson-sb, @The24thDS. Last month, react-testing-library had more downloads than enzyme in the ecosystem!
  • 🏷 Add support for tooltips following the cursor (#22876) @xtrixia.
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v5.0.0-alpha.12 Breaking changes
  • [Accordion] Remove display:flex from AccordionDetails (#22809) @croraf The style was too opinionated. Most developers expect display: block.

  • [Accordion] Replace IconButton wrapper with div (#22817) @croraf Remove IconButtonProps prop from AccordionSummary. The component renders a <div> element instead of an IconButton. The prop is no longer relevant.

  • [Box] Add mui styled usage (#22945) @mnajdova Change the style-engine powering the Box component from JSS to the style engine adatper (emotion by default).

  • [CircularProgress] Drop IE11 wobbly workaround (#22873) @suliskh The IE11 workaround is harming performance on the latest browsers. This change is part of a best-effort strategy to keep IE11 support. We are degrading the UX and DX with IE11 where we can improve the components on modern browsers.

  • [Table] Rename onChangeRowsPerPage and onChangePage (#22900) @eladmotola The change was done to match the API convention.

    <TablePagination
    - onChangeRowsPerPage={()=>{}}
    - onChangePage={()=>{}}
    + onRowsPerPageChange={()=>{}}
    + onPageChange={()=>{}}
    
  • [theme] Rename fade to alpha (#22834) @mnajdova Better describe its functionality. The previous name was leading to confusion when the input color already had an alpha value. The helper overrides the alpha value of the color.

    - import { fade } from '@material-ui/core/styles';
    + import { alpha } from '@material-ui/core/styles';
    
    const classes = makeStyles(theme => ({
    -  backgroundColor: fade(theme.palette.primary.main, theme.palette.action.selectedOpacity),
    +  backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
    }));
    
  • [Tooltip] Make interactive default (#22382) @eps1lon The previous default behavior failed success criterion 1.4.3 ("hoverable") in WCAG 2.1. To reflect the new default value, the prop was renamed to disableInteractive. If you want to restore the old behavior (thus not reaching level AA), you can apply the following diff:

    -<Tooltip>
    +<Tooltip disableInteractive>
    # Interactive tooltips no longer need the `interactive` prop.
    -<Tooltip interactive>
    +<Tooltip>
    
Changes
  • [Accordion] Remove incorrect demo which nests input in button (#22898) @croraf
  • [Autocomplete] Fix filtering when value is already selected (#22935) @montelius
  • [Autocomplete] Fix virtualization example in IE11 (#22940) @bearfromtheabyss
  • [Autocomplete] Restrict component props in renderInput (#22789) @eps1lon
  • [Box] Add types for ref (#22927) @lcswillems
  • [Button] Fix invalid type value (#22883) @oliviertassinari
  • [Button] Improve loading transition (#22884) @oliviertassinari
  • [Grid] Clarify document about direction column limitation (#22871) @ThewBear
  • [IconButton] Improve warning against non root onClick listeners (#22821) @pranjanpr
  • [Popper] Use placement viewport instead of window (#22748) @maksimgm
  • [Select] Add generic support for value (#22839) @AntoineGrandchamp
  • [Skeleton] Fix importing with named export (#22879) @0prodigy
  • [SpeedDial] Fix keyboard navigation when uncontrolled (#22826) @akharkhonov
  • [styled] Specify emotion & styled-components as optional peer dependencies (#22808) @mnajdova
  • [styled] Support default theme when none is available (#22791) @mnajdova
  • [Tabs] Fix RTL scrollbar with Chrome 85 (#22830) @ankit
  • [TextField] Pass minRows to InputComponent (#22831) @suliskh
  • [ToggleButton] Fix vertical double border (#22825) @Avi98
  • [ToggleButton] Match ToggleButtonGroup name and render function name (#22790) @jjoselv
  • [Tooltip] Add placement followCursor (#22876) @xtrixia
  • [Tooltip] Improve docs and warning for custom children (#22775) @brorlarsnicklas
  • [Tooltip] Use label semantics (#22729) @eps1lon
  • [useAutocomplete] Fix getXProps functions type (#22749) @kentaro84207
@material-ui/styled-engine@v5.0.0-alpha.12
  • [styled] Support default theme when none is available (#22791) @mnajdova
@material-ui/lab@v5.0.0-alpha.12 Breaking changes
  • [Autocomplete] Move from lab to core (#22715) @mbrookes Move the component from the lab to the core. This component will become stable.

    -import Autocomplete from '@material-ui/lab/Autocomplete';
    -import useAutocomplete from '@material-ui/lab/useAutocomplete';
    +import Autocomplete from '@material-ui/core/Autocomplete';
    +import useAutocomplete from '@material-ui/core/useAutocomplete';
    
  • [Pagination] Move from lab to core (#22848) @mbrookes Move the component from the lab to the core. This component will become stable.

    -import Pagination from '@material-ui/lab/Pagination';
    -import PaginationItem from '@material-ui/lab/PaginationItem';
    -import { usePagination } from '@material-ui/lab/Pagination';
    +import Pagination from '@material-ui/core/Pagination';
    +import PaginationItem from '@material-ui/core/PaginationItem';
    +import usePagination from '@material-ui/core/usePagination';
    
  • [SpeedDial] Move from lab to core (#22743) @mbrookes Move the component from the lab to the core. This component will become stable.

    -import SpeedDial from '@material-ui/lab/SpeedDial';
    -import SpeedDialAction from '@material-ui/lab/SpeedDialAction';
    -import SpeedDialIcon from '@material-ui/lab/SpeedDialIcon';
    +import SpeedDial from '@material-ui/core/SpeedDial';
    +import SpeedDialAction from '@material-ui/core/SpeedDialAction';
    +import SpeedDialIcon from '@material-ui/core/SpeedDialIcon';
    
  • [ToggleButton] Move from lab to core (#22784) @mbrookes Move the component from the lab to the core. This component will become stable.

    -import ToggleButton from '@material-ui/lab/ToggleButton';
    -import ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';
    +import ToggleButton from '@material-ui/core/ToggleButton';
    +import ToggleButtonGroup from '@material-ui/core/ToggleButtonGroup';
    
  • [TreeView] Improve customization of tree item (#22846) @joshwooding Remove onLabelClick and onIconClick.

Changes
  • [AvatarGroup] Add variant prop (#22832) @hjades
  • [SliderStyled] Fix mark label alignment on coarse pointer devices (#22849) @joshwooding
Docs
  • [docs] Add example for using styled-components as styled-engine (#22788) @mnajdova
  • [docs] Add longhand system API props to docs (#22796) @possibilities
  • [docs] Box & system cleanup (#22962) @mnajdova
  • [docs] CONTRIBUTING.md only yarn is supported (#22754) @Yashvirani
  • [docs] Document createSvgIcon() (#22843) @mbrookes
  • [docs] Document inherited props (#22318) @oliviertassinari
  • [docs] Document LoadingButton behavior (#22878) @eps1lon
  • [docs] Fix dark theme for input field on autocomplete (#22711) @GauravKesarwani
  • [docs] Fix material icon search details view (#22793) @skr571999
  • [docs] Fix type vs. mode and capitalization of createMuiTheme (#22844) @joshwooding
  • [docs] Fix typo in guides/typescript (#22806) @croraf
  • [docs] Fix various typos (#22842) @kkirsche
  • [docs] For non-SSR language, internal search fall back to English (#22902) @bicstone
  • [docs] Improve CRA example (#22967) @spursbyte
  • [docs] Improve FormControl duplication warning (#22823) @talgautb
  • [docs] Improve perf when opening the drawer (#22781) @eps1lon
  • [docs] Improve SEO on titles (#22742) @oliviertassinari
  • [docs] Improve the left side-nav (#22780) @oliviertassinari
  • [docs] Include peer deps in installation steps (#22889) @numToStr
  • [docs] Link all the examples in docs (#22891) @Avi98
  • [docs] More robust description matcher (#22836) @eps1lon
  • [docs] Reduce risk of 404 when changing the default branch (#22801) @eps1lon
  • [docs] Resolve .tsx first (#22315) @oliviertassinari
  • [docs] Simplify locales example (#22747) @mbrookes
  • [docs] Sync translations (#22752, #22851) @l10nbot
  • [docs] Update installation guide to contain peer dependencies (#22787) @mnajdova
  • [docs] Update ToggleButton import (#22971) @mbrookes
  • [docs] Use demo name as codesandbox name (#22926) @eps1lon
Core
  • [benchmark] Add cross-env to fix window run issue (#22895) @mnajdova
  • [core] Batch small changes (#22746) @oliviertassinari
  • [core] Batch small changes (#22847) @oliviertassinari
  • [core] Drop babel-plugin-transform-dev-warning (#22802) @eps1lon
  • [core] Misc dependency fixes (#22909) @eps1lon
  • [test] Apply lazy forwardRef fix (#22904) @eps1lon
  • [test] Autocomplete drop "defaultProps" pattern (#22896) @eps1lon
  • [test] Fix react-next patch (#22800) @eps1lon
  • [test] Migrate Accordion to react-testing-library (#22952) @bewong89
  • [test] Migrate Backdrop to react-testing-library (#22931) @itamar244
  • [test] Migrate Container to react-testing-library (#22919) @eladmotola
  • [test] Migrate CssBaseline to react-testing-library (#22920) @eladmotola
  • [test] Migrate Fab to react-testing-library (#22959) @The24thDS
  • [test] Migrate Fade to react-testing-library (#22918) @eladmotola
  • [test] Migrate Grow to react-testing-library (#22917) @eladmotola
  • [test] Migrate List to react-testing-library (#22929) @eladmotola
  • [test] Migrate MenuList and ImageListItem to react-testing-library (#22958) @eladmotola
  • [test] Migrate MobileStepper to react-testing-library (#22963) @devrasec
  • [test] Migrate more components to react-testing-library (#22872) @baterson
  • [test] Migrate more components to react-testing-library (#22874) @baterson
  • [test] Migrate more components to react-testing-library (#22892) @baterson
  • [test] Migrate NativeSelect to react-testing-library (#22970) @guillermaster
  • [test] Migrate NativeSelectInput to react-testing-library (#22910) @baterson
  • [test] Migrate RadioGroup to react-testing-library (#22953) @eladmotola
  • [test] Migrate Slide to react-testing-library (#22913) @eladmotola
  • [test] Migrate SpeedDialIcon to react-testing-library (#22965) @jeferson-sb
  • [test] Migrate TabIndicator to react-testing-library (#22906) @eladmotola
  • [test] Migrate TextField to react-testing-library (#22944) @The24thDS
  • [test] Migrate useTheme,withTheme to react-testing-library (#22928) @eladmotola
  • [test] Migrate Zoom to react-testing-library (#22914) @eladmotola
  • [test] Prevent nextjs build cache to grow indefinitely (#22948) @eps1lon
  • [test] Simplify usage of yarn mocha (#22899) @eps1lon
  • [test] Solve 2000ms timeout (#22778) @oliviertassinari
  • [test] Update react next patch (#22890) @eps1lon
  • [test] Use appropriate templates for csb CI (#22943) @eps1lon
  • [test] Verbose reporter in CI (#22924) @eps1lon

5.0.0-alpha.11

Sep 26, 2020

Big thanks to the 29 contributors who made this release possible. Here are some highlights ✨:

  • 👩‍🎨 A first iteration on the new styling solution. @mnajdova

    You can find a new version of the slider in the lab powered by emotion.

    In the event that you are already using styled-components in your application, you can swap emotion for styled-components 💅. Check this CodeSandbox for a demo. It relies on aliases to prevent any bundle size overhead.

    The new styling solution saves 2kB gzipped in the bundle compared to JSS, and about 14 kB gzipped if you were already using emotion or styled-components.

    Last but not least, the change allows us to take advantage of dynamic style props. We will use them for dynamic color props, variant props, and new style props (an improved system).

    This change has been in our roadmap for more than a year. We announced it in the v4 release blog post as a direction v5 would take.

  • 🛠 A first iteration on the unstyled components. @mnajdova

    You can find a new version of the slider in the lab without any styles. The unstyled component weighs 6.5 kB gzipped, compared with 26 kB for the styled version when used standalone. The component is best suited for use when you want to fully customize the look of the component without reimplementing the JavaScript and accessibility logic.

  • ⚡️ A first alpha of the DataGrid component. @dtassone

    It has taken 6 months of development since the initial commit (March 15th, 2020) to make the first alpha release of the grid. The component comes in two versions: @material-ui/data-grid is licensed under MIT, while @material-ui/x-grid is licensed under a commercial license.

  • 🪓 Keep working on the breaking changes. @mbrookes

    We aim to complete most of the breaking changes during the alpha stage of v5. We will move to beta once all the breaking changes we have anticipated are handled. As always, you should find a clear and simple upgrade path for each of them. You can learn more about the breaking changes left to be done in #22700.

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v5.0.0-alpha.11 Breaking changes
  • [Chip] Rename default variant to filled (#22683) @mnajdova Rename default variant to filled for consistency.

    -<Chip variant="default">
    +<Chip variant="filled">
    
  • [Tabs] Add allowScrollButtonsMobile prop for mobile view (#22700) @GauravKesarwani The API that controls the scroll buttons has been split it into two props:

    • The scrollButtons prop controls when the scroll buttons are displayed depending on the space available.
    • The allowScrollButtonsMobile prop removes the CSS media query that systematically hides the scroll buttons on mobile.
    -<Tabs scrollButtons="on" />
    -<Tabs scrollButtons="desktop" />
    -<Tabs scrollButtons="off" />
    +<Tabs scrollButtons allowScrollButtonsMobile />
    +<Tabs scrollButtons />
    +<Tabs scrollButtons={false} />
    
  • [theme] Improve breakpoints definitions (#22695) @mnajdova Breakpoints are now treated as values instead of ranges. The behavior of down(key) was changed to define media query less than the value defined with the corresponding breakpoint (exclusive). The behavior of between(start, end) was also updated to define media query for the values between the actual values of start (inclusive) and end (exclusive).

    Find examples of the changes required defined below:

-theme.breakpoints.down('sm') // '@media (max-width:959.95px)' - [0, sm + 1) => [0, md)
+theme.breakpoints.down('md') // '@media (max-width:959.95px)' - [0, md)
-theme.breakpoints.between('sm', 'md') // '@media (min-width:600px) and (max-width:1279.95px)' - [sm, md + 1) => [sm, lg)
+theme.breakpoints.between('sm', 'lg') // '@media (min-width:600px) and (max-width:1279.95px)' - [sm, lg)
  • [theme] Rename type to mode (#22687) @mnajdova Renames theme.palette.type to theme.palette.mode, to better follow the "dark mode" term that is usually used for describing this feature.

    import { createMuiTheme } from '@material-ui/core/styles';
    
    -const theme = createMuitheme({palette: { type: 'dark' }}),
    +const theme = createMuitheme({palette: { mode: 'dark' }}),
    

    The changes are supported by the adaptV4Theme() for easing the migration

Changes
  • [Checkbox] Improve indeterminate UI (#22635) @oliviertassinari
  • [Chip] Fix prop-type support for custom variants (#22603) @cansin
  • [icons] Expose a data-test-id attribute on all svg icons (#22634) @jaebradley
  • [Rating] Add form integration test suite (#22573) @eps1lon
  • [Rating] Simpler customization of active "no value" styles (#22613) @eps1lon
  • [Rating] Treat as input when readOnly (#22606) @eps1lon
  • [Rating] Treat read-only as image (#22639) @eps1lon
  • [Select] Improve docs for displayEmpty prop (#22601) @mihaipanait
  • [Slider] Better tracking of mouse events (#22557, #22638) @chrisinajar, @oliviertassinari
  • [Slider] Create unstyled version and migrate to emotion & styled-components (#22435) @mnajdova
  • [Slider] Export components from lab and renamed to fit file names (#22723) @mnajdova
  • [Slider] Fix value label display for custom value component (#22614) @NoNonsense126
  • [Stepper] Add slight transition (#22654) @xtrixia
  • [Tabs] Fix TabScrollButton using absolute path (#22690) @4vanger
  • [Tabs] Only scroll the visible tabs (#22600) @quochuy
  • [theme] convertLength does not work for fromUnit !== 'px' (#22739) @brorlarsnicklas
  • [theme] Fix createSpacing.d.ts definition (#22645) @dabretin
  • [theme] Fix Hidden breakpoints issues and updates the migration guide (#22702) @mnajdova
@material-ui/lab@v5.0.0-alpha.11 Breaking changes
  • [Alert] Move from lab to core (#22651) @mbrookes Move the component from the lab to the core. This component will become stable.

    -import Alert from '@material-ui/lab/Alert';
    -import AlertTitle from '@material-ui/lab/AlertTitle';
    +import Alert from '@material-ui/core/Alert';
    +import AlertTitle from '@material-ui/core/AlertTitle';
    
  • [Rating] Move from lab to core (#22725) @mbrookes Move the component from the lab to the core. This component will become stable.

    -import Rating from '@material-ui/lab/Rating';
    +import Rating from '@material-ui/core/Rating';
    
  • [Skeleton] Move from lab to core (#22740) @mbrookes Move the component from the lab to the core. This component will become stable.

    -import Skeleton from '@material-ui/lab/Skeleton';
    +import Skeleton from '@material-ui/core/Skeleton';
    
  • [Autocomplete] Get root elements of options via renderOption (#22591) @ImanMahmoudinasab After this change, the full DOM structure of the option is exposed. It makes customizations easier. You can recover from the change with:

    <Autocomplete
    - renderOption={(option, { selected }) => (
    -   <React.Fragment>
    + renderOption={(props, option, { selected }) => (
    +   <li {...props}>
          <Checkbox
            icon={icon}
            checkedIcon={checkedIcon}
            style={{ marginRight: 8 }}
            checked={selected}
          />
          {option.title}
    -   </React.Fragment>
    +   </li>
      )}
    />
    
Changes
  • [lab] Fix transitive dependencies in @material-ui/lab (#22671) @koistya
  • [Autocomplete] Add "remove-option" to AutocompleteCloseReason type (#22672) @iansjk
  • [Autocomplete] Don't close popup when Ctrl/Meta is pressed (#22696) @montelius
  • [Autocomplete] Fix accessibility issue with empty option set (#22712) @tylerjlawson
  • [Autocomplete] Update GitHub customization example (#22735) @hmaddisb
@material-ui/styled-engine@v5.0.0-alpha.11

The new default style engine leveraging emotion.

@material-ui/styled-engine-sc@v5.0.0-alpha.11

Allows developer to swap emotion with styled-components. More documentation are coming.

@material-ui/icons@v5.0.0-alpha.11
  • [icons] Synchronize with Google (#22680) @delewis13
@material-ui/styles@v5.0.0-alpha.11
  • [Slider] Create unstyled version and migrate to emotion & styled-components (#22435) @mnajdova
@material-ui/system@v5.0.0-alpha.11
  • [core] Port createSpacing to TypeScript (#22720) @eps1lon
Docs
  • [blog] New posts (#22607) @oliviertassinari
  • [docs] Add additional context to Autocomplete asynchronous documentation (#22621) @jaebradley
  • [docs] Add emotion dependencies in codesandbox examples (#22736) @mnajdova
  • [docs] Add props from Unstyled component to Styled API page (#22733) @mnajdova
  • [docs] Add ui-schema in related projects (#22644) @elbakerino
  • [docs] Avoid confusion between layout grid and data grid (#22681) @oliviertassinari
  • [docs] Batch small changes (#22646) @oliviertassinari
  • [docs] Configuring redirects for MUI X (#22632) @dtassone
  • [docs] Customized hook at Autocomplete issue in dark mode (#22605) @hmaddisb
  • [docs] Encourage DataGrid in /components/tables/ over alternatives (#22637) @oliviertassinari
  • [docs] Fix emotion broken in SSR (#22731) @mnajdova
  • [docs] Fix markdown metadata yaml (#22629) @oliviertassinari
  • [docs] Fix static asset loading with X @oliviertassinari
  • [docs] Improve Dashboard template (#22647) @pak1989
  • [docs] Improve DX for docs generation (#22619) @eps1lon
  • [docs] Migrate templates to TypeScript (#22650) @oliviertassinari
  • [docs] New Crowdin updates (#22620) @mbrookes
  • [docs] Prevent toolbar tooltips overlapping demos (#22732) @eps1lon
  • [docs] Reduce indirections (#22642) @Arsikod
  • [docs] Reference experimental slider demos correctly (#22738) @eps1lon
  • [docs] Remove minimum-scale from meta viewport in docs (#22724) @barik
  • [docs] Remove wrong migration instruction (#22710) @oliviertassinari
  • [docs] Use codesandbox deploy for demos created from deploy previews (#22616) @eps1lon
Core
  • [core] Port createSpacing to TypeScript (#22720) @eps1lon
  • [core] Replace ChangeEvent<{}> with SyntheticEvent (#22716) @eps1lon
  • [core] Use ttp sources directly (#22706) @eps1lon
  • [test] Add skip ci to Crowdin commit message (#22685) @mbrookes
  • [test] Only run on push for master/next (#22624) @eps1lon
  • [test] Run CircleCI anytime (#22676) @eps1lon

5.0.0-alpha.10

Sep 15, 2020

Big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:

  • Keep working on the breaking changes before v5-beta. As always, you should find a clear and simple upgrade path for each of them.
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v5.0.0-alpha.10 Breaking changes
  • [Accordion] Normalize focusVisible logic (#22567) @oliviertassinari Rename focused to focusVisible for consistency with the other components:

    <Accordion
      classes={{
    -   focused: 'custom-focus-visible-classname',
    +   focusVisible: 'custom-focus-visible-classname',
      }}
    />
    
  • [Stepper] Remove Paper and built-in padding (#22564) @mbrookes The root component (Paper) was replaced with a <div>. Stepper no longer has elevation, nor inherits Paper's props. This change is meant to encourage composition.

    -<Stepper elevation={2}>
    -  <Step>
    -    <StepLabel>Hello world</StepLabel>
    -  </Step>
    -</Stepper>
    +<Paper square elevation={2}>
    +  <Stepper>
    +    <Step>
    +      <StepLabel>Hello world</StepLabel>
    +    </Step>
    +  </Stepper>
    +<Paper>
    

    Remove the built-in 24px padding for consistency with the other components that avoid reserving space anytime it's possible.

    -<Stepper>
    -  <Step>
    -    <StepLabel>Hello world</StepLabel>
    -  </Step>
    -</Stepper>
    +<Stepper style={{ padding: 24 }}>
    +  <Step>
    +    <StepLabel>Hello world</StepLabel>
    +  </Step>
    +</Stepper>
    
  • [theme] Always return default spacing value with px units (#22552) @mbrookes

    theme.spacing now returns single values with px units by default. This change improves the integration with styled-components & emotion (with the CSS template strings syntax).

    Before:

    theme.spacing(2) => 16
    

    After:

    theme.spacing(2) => '16px'
    

    You can restore the previous behavior with:

    -const theme = createMuiTheme();
    +const theme = createMuiTheme({
    +  spacing: x => x * 8,
    +});
    
  • [theme] Remove palette.text.hint key (#22537) @mbrookes

    The theme.palette.text.hint key was available but unused in Material-UI v4 components. You can use adaptV4Theme() to restore the previous behavior.

Changes
  • [BottomNavigation] onClick does not fire if tapped while scrolling (#22524) @EliasJorgensen
  • [Button] Remove dead code (#22566) @oliviertassinari
  • [Chip] Fix focus visible style (#22430) @alexmotoc
  • [ImageList] Refactor using CSS grid & React context (#22395) @mbrookes
  • [Slider] Improve integration with form libraries (#22548) @NoNonsense126
  • [StepIcon] Add className in render SvgIcon (#22559) @ZouYouShun
  • [SwipeableDrawer] Avoid blocking events (#22525) @JadRizk
  • [theme] Support spacing and border radius with CSS unit (#22530) @madmanwithabike
  • [theme] Fix theme object global leak (#22517) @eps1lon
  • [theme] Increase usage of the disabled design tokens (#22570) @LorenzHenk
@material-ui/lab@v5.0.0-alpha.10 Breaking changes
  • [Rating] Use different shape for empty and filled icons (#22554) @oliviertassinari Change the default empty icon to improve accessibility (1.4.1 WCAG 2.1). If you have a custom icon prop but no emptyIcon prop, you can restore the previous behavior with:

    <Rating
      icon={customIcon}
    + emptyIcon={null}
    />
    
Changes
  • [Autocomplete] Improve TypeScript in the Google Maps demo (#22555) @L-U-C-K-Y
  • [Rating] Explain some styles in code comments (#22571) @eps1lon
Docs
  • [docs] Improve Font Awesome integration (#22496) @chrislambe
  • [docs] Clarify SSG acronym in Next.js example (#22558) @leerob
  • [docs] Add redirection for links published on npm (#22575) @oliviertassinari
  • [docs] Add LightyearVPN to showcase (#22568) @lightyearvpn
  • [docs] Fix typo, extra 'you' (#22560) @jedsmit
  • [docs] Option to disable ads (#22574) @oliviertassinari
Core
  • [core] Remove usage of deprecated event.keyCode (#22569) @oliviertassinari
  • [core] Remove references to other objects from created theme (#22523) @eps1lon
  • [core] Batch small changes (#22565) @oliviertassinari

5.0.0-alpha.9

Sep 6, 2020

Big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:

  • 💎 A new diamond sponsor: DoiT, thank you!
  • 📚 Include the default value of the props in IntelliSense (#22447) @eps1lon
  • ⚛️ More source migrated to TypeScript and testing-library (#22441) @baterson
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v5.0.0-alpha.9 Breaking changes
  • [Modal] Remove onRendered prop from Modal and Portal (#22464) @eps1lon Depending on your use case either use a callback ref on the child element or an effect hook in the child component.
Changes
  • [Modal] Convert ModalManager to TypeScript (#22465) @eps1lon
  • [Paper] Fix elevation warning when rendering (#22494) @nesso-pfl
  • [Slider] Edge against swallowing of mouse up event (#22401) @motiejunas
  • [Tabs] Add option to show scrollbar (#22438) @LogyLeo
  • [Tabs] Document visibleScrollBar default value (#22475) @eps1lon
  • [TextField] Remove excessive catching of hiddenLabel prop (#22444) @croraf
@material-ui/lab@v5.0.0-alpha.9
  • [docs] Include default values in IntelliSense (#22447) @eps1lon
Docs
  • [docs] Add DoiT diamond sponsor (#22436) @oliviertassinari
  • [docs] Bump markdown-to-jsx (#22474) @eps1lon
  • [docs] Change showcase approval process (#22398) @africanzoe
  • [docs] Fix close context menu if repeated (#22463) @eps1lon
  • [docs] Fix Next.js example (#22457) @bhati
  • [docs] Fix TypeScript deps in CodeSandbox (#22346) @oliviertassinari
  • [docs] Fix unresolved returntypes for props (#22459) @eps1lon
  • [docs] Fix usage of overrides instead of styleOverrides (#22478) @discodanne
  • [docs] Improve Backstage showcase (#22458) @stefanalund
  • [docs] Improve styles basics.md section (#22440) @bxie
  • [docs] Include default values in IntelliSense (#22447) @eps1lon
Core
  • [core] Batch small changes (#22461) @oliviertassinari
  • [core] Fix useEventCallback type (#22448) @kodai3
  • [core] Try out new JSX transform where available (#22455) @eps1lon
  • [test] Migrate more components to react-testing-library (#22441) @baterson

5.0.0-alpha.8

Aug 31, 2020

Big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:

  • 🎨 Inverse the customization API of the theme to be component-centric (#22347, #22293) @mnajdova.
const theme = createMuiTheme({
  components: {
    MuiIconButton: {
      defaultProps: {
        size: 'small',
      },
      styleOverrides: {
        sizeSmall: {
          marginLeft: 4,
          marginRight: 4,
          padding: 12,
        },
      },
    },
  },
});
  • ✨ Add text in divider support (#22285) @ShehryarShoukat96

    <Divider>{'CENTER'}</Divider>
    
  • ♿️ A bunch of accessibility fixes (#22366, #22374, #22377, #22340, #22376) @fakeharahman @alexmotoc @eps1lon @oliviertassinari

  • ⚛️ Increase adoption of TypeScript in the codebase (#22389, #22367, #22282) @Luchanso, @oliviertassinari

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v5.0.0-alpha.8 Breaking changes
  • [theme] Rename theme keys to defaultProps and styleOverrides (#22347) @mnajdova

  • [theme] Restructure component definitions (#22293) @mnajdova The components' definition inside the theme were restructure under the components key, to allow people easier discoverability about the definitions regarding one component.

    1. props
    import { createMuiTheme } from '@material-ui/core/styles';
    
    const theme = createMuitheme({
    -  props: {
    -    MuiButton: {
    -      disableRipple: true,
    -    },
    -  },
    +  components: {
    +    MuiButton: {
    +      defaultProps: {
    +        disableRipple: true,
    +      },
    +    },
    +  },
    });
    
    1. overrides
    import { createMuiTheme } from '@material-ui/core/styles';
    
    const theme = createMuitheme({
    -  overrides: {
    -    MuiButton: {
    -      root: { padding: 0 },
    -    },
    -  },
    +  components: {
    +    MuiButton: {
    +      styleOverrides: {
    +        root: { padding: 0 },
    +      },
    +    },
    +  },
    });
    

    Note that if you don't have the time to upgrade the structure of the theme, you can use the adaptV4Theme() adapter.

  • [GridList] Rename to ImageList (#22311) @mbrookes

  • [GridList] Rename Tile to Item (#22385) @mbrookes Rename the GridList components to ImageList to align with the current Material Design naming.

    -import GridList from '@material-ui/core/GridList';
    -import GridListTile from '@material-ui/core/GridListTile';
    -import GridListTileBar from '@material-ui/core/GridListTileBar';
    +import ImageList from '@material-ui/core/ImageList';
    +import ImageListItem from '@material-ui/core/ImageListItem';
    +import ImageListItemBar from '@material-ui/core/ImageListItemBar';
    
    -<GridList>
    -  <GridListTile>
    +<ImageList>
    +  <ImageListItem>
        <img src="file.jpg" alt="Image title" />
    -    <GridListTileBar
    +    <ImageListItemBar
          title="Title"
          subtitle="Subtitle"
        />
    -  </GridListTile>
    -</GridList>
    +  </ImageListItem>
    +</ImageList>
    
Changes
  • [Breadcrumbs] Fix wrong role usage (#22366) @fakeharahman
  • [Breadcrumbs] More robust focus capture (#22374) @eps1lon
  • [ButtonBase] Reset box-sizing to border-box (#22316) @su8ru
  • [Dialog] Fix unexpected close when releasing click on backdrop (#22310) @danbrud
  • [Divider] Add text in divider (#22285) @ShehryarShoukat96
  • [Slider] Respect disabled property when already focused (#22247) @pireads
  • [Tabs] Don't fire onChange if current value (#22381) @jjoselv
  • [Tabs] Improve focus management on list with no active tabs (#22377) @alexmotoc
  • [theme] Add theme.mixins.gutters() in adaptV4Theme (#22396) @mnajdova
  • [Tooltip] Improve readability (#22340) @oliviertassinari
  • [Tooltip] Meet dismissable WCAG criterion (#22376) @eps1lon
  • [l10n] Improve th-TH locale (#22350) @vimutti77
@material-ui/lab@v5.0.0-alpha.8
  • [docs] Add IntelliSense for each class in the classes prop (#22312) @eps1lon
@material-ui/styles@v5.0.0-alpha.8
  • [theme] Restructure component definitions (#22293) @mnajdova
@material-ui/utils@v5.0.0-alpha.8
  • [core] Move utils package to TypeScript (#22367) @oliviertassinari
Docs
  • [docs] Add Content Security Policy guide (#22383) @tjg37
  • [docs] Add IntelliSense for each class in the classes prop (#22312) @eps1lon
  • [docs] Add links in the header (#22210) @oliviertassinari
  • [docs] Fix Argos-ci 404 link (#22362) @brunocechet
  • [docs] Fix test README typo @mbrookes
  • [docs] Forward x data-grid (#22400) @oliviertassinari
  • [docs] Transpile demo .ts files (#22388) @eps1lon
  • [docs] Add Backstage to showcase (#22428) @stefanalund
  • [docs] Update Fontsource installation instructions (#22431) @DecliningLotus
Core
  • [icons] Label them as vendored for GitHub (#22397) @oliviertassinari
  • [test] DialogContent with testing-library (#22356) @baterson
  • [test] DialogContentText with testing-library (#22357) @baterson
  • [test] DialogTitle with testing-library (#22358) @baterson
  • [test] Enable tests that weren't working in JSDOM (#22360) @eps1lon
  • [test] Fix failing tests on Windows (#22369) @eps1lon
  • [test] Update react 17 patch (#22391) @eps1lon
  • [core] Add explicit dependency on @types/yargs (#22339) @eps1lon
  • [core] Add useEnhancedEffect module (#22317) @oliviertassinari
  • [core] Batch small changes (#22314) @oliviertassinari
  • [core] Fix setRef types (#22389) @Luchanso
  • [core] Include TypeScript definitions in GitHub source (#22282) @oliviertassinari
  • [core] Refactor how we ignore default values in docs (#22355) @eps1lon
  • [core] Update SECURITY.md to account for v5 @oliviertassinari

5.0.0-alpha.7

Aug 22, 2020

Big thanks to the 22 contributors who made this release possible. Here are some highlights ✨:

  • 💎 A new diamond sponsor: Octopus, thank you!
  • ⚛️ Migrate parts of the codebase to TypeScript (#22295, #22280, #22179, #22195) @rothbart, @eps1lon, @oliviertassinari.
  • 💅 Add support for custom variant to most of the components (9 new components in this release) @mnajdova
  • ⚛️ Keep working on React 17 support (#22270, #22262) @eps1lon
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v5.0.0-alpha.7 Breaking changes
  • [Menu] Remove transition onX props (#22212) @mbrookes The onE* transition props were removed. Use TransitionProps instead.

    <Menu
    -  onEnter={onEnter}
    -  onEntered={onEntered},
    -  onEntering={onEntered},
    -  onExit={onEntered},
    -  onExited={onEntered},
    -  onExiting={onEntered}
    +  TransitionProps={{
    +    onEnter,
    +    onEntered,
    +    onEntering,
    +    onExit,
    +    onExited,
    +    onExiting,
    +  }}
    >
    
  • [Popover] Remove transition onX props (#22184) @mbrookes The onE* transition props were removed. Use TransitionProps instead.

    <Popover
    -  onEnter={onEnter}
    -  onEntered={onEntered},
    -  onEntering={onEntered},
    -  onExit={onEntered},
    -  onExited={onEntered},
    -  onExiting={onEntered}
    +  TransitionProps={{
    +    onEnter,
    +    onEntered,
    +    onEntering,
    +    onExit,
    +    onExited,
    +    onExiting,
    +  }}
    />
    
  • [TextField] Improve line-height reset (#22149) @imnasnainaec Increase the line-height by 4px to support long descender on special alphabets. If you were overriding the input vertical padding, reduce it by 4px.

Changes
  • [Accordion] Fix scroll anchoring (#22292) @brickmaker17
  • [colorManipulator] Add support for CSS Color Module Level 4 (#20790) @marcosvega91
  • [Divider] Custom variant (#22182) @mnajdova
  • [Fab] Custom variant (#22189) @mnajdova
  • [l10n] Add Thai (th-TH) locale (#22242) @smoogi
  • [l10n] Improve ja-JP locale (#22287) @chelproc
  • [Link] Custom variant (#22204) @mnajdova
  • [Paper] Custom variant (#22216) @mnajdova
  • [Slider] Improve touch passive event handling (#22269) @mikhalev-im
  • [Stepper] Fix spacing without StepContent (#22199) @Floriferous
  • [SwipeableDrawer] Fix prevented inner scroll (#22254) @BramKaashoek
  • [Tabs] Add aria-orientation of vertical (#22291) @eps1lon
  • [Tabs] Document how to make scroll icons visible (#22255) @Sorgrum
  • [TextField] Add hidden label to multi-line filled textfield (#22284) @fakeharahman
  • [Toolbar] Custom variant (#22217) @mnajdova
  • [TrapFocus] Entangle effects (#22155) @eps1lon
  • [TrapFocus] Fix compatibility issues with React 17 (#22270) @eps1lon
  • [TrapFocus] Prevent possible crash in React 17 (#22262) @eps1lon
@material-ui/icons@v5.0.0-alpha.7
  • [icons] Synchronize icons (#22186) @oliviertassinari
@material-ui/styles@v5.0.0-alpha.7
  • [core] Change children to be optional (#22134) @suliskh
@material-ui/lab@v5.0.0-alpha.7
  • [Alert] Custom variant (#22218) @mnajdova
  • [Pagination] Custom variant (#22220, #22219) @mnajdova
  • [Skeleton] Custom variant (#22243) @mnajdova
  • [SpeedDial] Add support for uncontrolled open state (#22248) @akharkhonov
  • [Timeline] Custom variant (#22244) @mnajdova
Docs
  • [docs] Add Design resources in installation (#22209) @oliviertassinari
  • [docs] Add Octopus diamond sponsor (#22177) @oliviertassinari
  • [docs] Better track usage of icons (#22187) @oliviertassinari
  • [docs] Change property/properties to prop/props (#22271) @mbrookes
  • [docs] Document TextField helperText height (#22146) @morgan-sam
  • [docs] Fix @global being considered a class (#22297) @eps1lon
  • [docs] Fix a typo on TextField components (#22300) @Renfrew
  • [docs] Fix use of removed transition onE* props (#22286) @mbrookes
  • [docs] Improve codesandbox generation logic (#22221) @oliviertassinari
  • [docs] Migrate Onepirate to TypeScript (#22295) @rothbart
  • [docs] Migrate Dashboard template to TypeScript (#22280) @oliviertassinari
  • [docs] Fix minimizing-bundle-size.md (#22298) @Primajin
Core
  • [core] Batch small changes (#22183) @oliviertassinari
  • [core] Change children to be optional (#22134) @suliskh
  • [test] Clear fake timers only in afterEach hook (#22307) @dmtrKovalenko
  • [test] Convert initMatchers to TypeScript (#22179) @eps1lon
  • [test] Improve toHaveVirtualFocus error message (#22185) @eps1lon
  • [test] Lint fix the custom rules plugin for useThemeVariants (#22192) @mnajdova
  • [test] Make all tests runnable with React 17 (#22290) @eps1lon
  • [test] Prevent swallowing errors during setup (#22196) @eps1lon
  • [test] Setup infra for tests in TypeScript (#22195) @eps1lon
  • [test] Update react next patch (#22260) @eps1lon

5.0.0-alpha.6

Aug 13, 2020

Big thanks to the 26 contributors who made this release possible. Here are some highlights ✨:

  • 💅 Introduce a new dynamic variant API (#21648) @mnajdova. This API allows developers to add new variants on the Material-UI's components right from the theme, without having to wrap the components. For instance with the Button:

    // Define the style that should be applied, for specific props.
    const theme = createMuiTheme({
      variants: {
        MuiButton: [
          {
            props: { variant: 'dashed', color: 'secondary' },
            styles: {
              border: `4px dashed ${red[500]}`,
            },
          },
        ],
      },
    });
    
    // Retain type safety.
    declare module '@material-ui/core/Button/Button' {
      interface ButtonPropsVariantOverrides {
        dashed: true;
      }
    }
    
    // Enjoy!
    <Button variant="dashed" />
    

    More details in the documentation and RFC.

  • 👮 Add documentation for the TrapFocus component (#22062) @oliviertassinari.

  • ⚛️ Prepare support for React v17 (#22093, #22105, #22143, #22111) @eps1lon.

  • 🚧 We have undertaken breaking changes.

@material-ui/core@v5.0.0-alpha.6 Breaking changes
  • [Avatar] Rename variant circle -> circular for consistency (#22015) @kodai3 Rename circle to circular for consistency. The possible values should be adjectives, not nouns:

    -<Avatar variant="circle">
    +<Avatar variant="circular">
    
  • [Badge] Rename overlap circle -> circular and rectangle -> rectangular for consistency (#22050) @kodai3 Rename circle to circular and rectangle to rectangular for consistency. The possible values should be adjectives, not nouns:

    -<Badge overlap="circle">
    -<Badge overlap="rectangle">
    +<Badge overlap="circular">
    +<Badge overlap="rectangular">
    
  • [CircularProgress] Remove static variant, simplify determinate (#22060) @mbrookes The static variant has been merged into the determinate variant, with the latter assuming the appearance of the former. The removed variant was rarely useful. It was an exception to Material Design, and was removed from the specification.

    -<CircularProgress variant="determinate" />
    
    -<CircularProgress variant="static" classes={{ static: 'className' }} />
    +<CircularProgress variant="determinate" classes={{ determinate: 'className' }} />
    
  • [Dialog] Remove transition onX props (#22113) @mbrookes The onE* transition props were removed. Use TransitionProps instead.

    <Dialog
    -  onEnter={onEnter}
    -  onEntered={onEntered},
    -  onEntering={onEntered},
    -  onExit={onEntered},
    -  onExited={onEntered},
    -  onExiting={onEntered}
    +  TransitionProps={{
    +    onEnter,
    +    onEntered,
    +    onEntering,
    +    onExit,
    +    onExited,
    +    onExiting,
    +  }}
    />
    
  • [Fab] Rename round -> circular for consistency (#21903) @kodai3 Rename round to circular for consistency. The possible values should be adjectives, not nouns:

    -<Fab variant="round">
    +<Fab variant="circular">
    
  • [List] Improve hover/select/focus UI display (#21930) @joshwooding

  • [Pagination] Rename round -> circular for consistency (#22009) @kodai3 Rename round to circular for consistency. The possible values should be adjectives, not nouns:

    -<Pagination shape="round">
    -<PaginationItem shape="round">
    +<Pagination shape="circular">
    +<PaginationItem shape="circular">
    
  • [RootRef] Remove component (#21974) @eps1lon This component was removed. You can get a reference to the underlying DOM node of our components via ref prop. The component relied on ReactDOM.findDOMNode which is deprecated in React.StrictMode.

    -<RootRef rootRef={ref}>
    -  <Button />
    -</RootRef>
    +<Button ref={ref} />
    
  • [Snackbar] Change the default position on desktop (#21980) @kodai3 The notification now displays at the bottom left on large screens. It better matches the behavior of Gmail, Google Keep, material.io, etc. You can restore the previous behavior with:

    -<Snackbar />
    +<Snackbar anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }} />
    
  • [Snackbar] Remove transition onX props (#22107) @mbrookes The onE* transition props were removed. Use TransitionProps instead.

    <Snackbar
    -  onEnter={onEnter}
    -  onEntered={onEntered},
    -  onEntering={onEntered},
    -  onExit={onEntered},
    -  onExited={onEntered},
    -  onExiting={onEntered}
    +  TransitionProps={{
    +    onEnter,
    +    onEntered,
    +    onEntering,
    +    onExit,
    +    onExited,
    +    onExiting,
    +  }}
    />
    
  • [TextareaAutosize] Rename rowsMax->maxRows & rowsMin->minRows (#21873) @mhayk Rename rowsMin/rowsMax prop with mi Rows/maxRows for consistency with HTML attributes.

    -<TextField rowsMax={6}>
    -<TextareAutosize rowsMin={1}>
    -<TextareAutosize rowsMax={6}>
    +<TextField maxRows={6}>
    +<TextareAutosize minRows={1}>
    +<TextareAutosize maxRows={6}>
    
  • [TextField] Better isolate static textarea behavior to dynamic one (#21995) @AxartInc Better isolate the fixed textarea height behavior to the dynamic one. You need to use the rowsMin prop in the following case:

    -<TextField rows={2} rowsMax={5} />
    +<TextField rowsMin={2} rowsMax={5} />
    

    Remove the rows prop, use the rowsMin prop instead. This change aims to clarify the behavior of the prop.

    -<TextareaAutosize rows={2} />
    +<TextareaAutosize rowsMin={2} />
    
  • [theme] Remove theme.mixins.gutters (#22109) @joshwooding The abstraction hasn't proven to be used frequently enough to be valuable.

    -theme.mixins.gutters(),
    +paddingLeft: theme.spacing(2),
    +paddingRight: theme.spacing(2),
    +[theme.breakpoints.up('sm')]: {
    +  paddingLeft: theme.spacing(3),
    +  paddingRight: theme.spacing(3),
    +},
    
Changes
  • [Avatar] Custom variant (#22139) @mnajdova
  • [Badge] Add missing class key (#22095) @kodai3
  • [Badge] Custom variant (#22140) @mnajdova
  • [Button] Improved variant type names & cleanup tests (#22010) @mnajdova
  • [ButtonBase] Forward type to other components than 'button' (#22172) @eps1lon
  • [ButtonGroup] Custom variant (#22160) @mnajdova
  • [Chip] Custom variant (#22161) @mnajdova
  • [CssBaseline] Add text size adjust property (#22089) @Tolsee
  • [l10n] Add Greek (el-GR) locale (#21988) @tmanolat
  • [Table] Cell small's right padding is bigger than medium (#22017) @adamlaurencik
  • [TrapFocus] Add documentation (#22062) @oliviertassinari
  • [Typography] Add custom variants support (#22006) @mnajdova
  • [useIsFocusVisible] Remove focus-visible if focus is re-targetted (#22102) @eps1lon
  • [core] Fix various potential issues with multiple windows (#22159) @scottander
  • [core] Improve hook dependencies in useControlled.js (#21977) @roth1002
@material-ui/lab@v5.0.0-alpha.6 Breaking changes
  • [Skeleton] Rename variant circle -> circular and rect -> rectangular for consistency (#22053) @kodai3 Rename circle to circular and rect to rectangular for consistency. The possible values should be adjectives, not nouns:

    -<Skeleton variant="circle">
    -<Skeleton variant="rect">
    +<Skeleton variant="circular">
    +<Skeleton variant="rectangular">
    
Changes
  • [Autocomplete] Add support for "{label: string}" data type as a default for "options" (#21992) @DanailH
  • [TreeView] Add disabled prop (#20133) @netochaves
  • [TreeView] Simplify focus logic (#22098) @eps1lon
  • [TreeView] Test current behavior of active item removal (#21720) @eps1lon
  • [TreeView] Test selection behavior (#21901) @joshwooding
@material-ui/system@v5.0.0-alpha.6
  • [core] Bump csstype to 3.0.0 (#22048) @eps1lon
Docs
  • [docs] Add 'size' prop to ToggleButton API docs (#22052) @zenje
  • [docs] Add ClassKeys migration description for Renaming API (#22061) @kodai3
  • [docs] Add a label to the TreeView demos (#21900) @joshwooding
  • [docs] Add missing JSDOC for various props (#22005) @eps1lon
  • [docs] Add the services that support MUI in readme (#22137) @naineet
  • [docs] Add trailingSlash: true (#22008) @oliviertassinari
  • [docs] Add visibility to TypeScript examples (#22013) @esemeniuc
  • [docs] Avoid using any type in Tabs examples (#22091) @tacigar
  • [docs] Bump next to 9.5.0 (#21975) @eps1lon
  • [docs] Disallow undefined array members at runtime where they're unexpected (#21990) @eps1lon
  • [docs] Improve Autocomplete GitHub demo (#22153) @aquibbaig
  • [docs] Improve draggable dialog demo wording (#22021) @Sanskar95
  • [docs] Improve transition props API descriptions (#21952) @maksimgm
  • [docs] Port buildApi to TypeScript (#22055) @eps1lon
  • [docs] Update build instructions for component API (#21970) @eps1lon
  • [docs] Update grouped instruction of autocomplete (#22056) @yfng96
  • [docs] Use import * as React from 'react'; (#22058) @mbrookes
  • [docs] Use pickers v4 (#22023) @eps1lon
Core
  • [core] Allow running prettier from material-ui-x (#22071) @oliviertassinari
  • [core] Bump csstype to 3.0.0 (#22048) @eps1lon
  • [core] Fix next and prevent future regressions (#22135) @eps1lon
  • [core] Improve merge-conflict label automation (#22065) @eps1lon
  • [core] Lint cleanup (#21972) @eps1lon
  • [core] Resolve all dot-prop versions to 5.x (#22007) @eps1lon
  • [core] Small changes (#22020) @oliviertassinari
  • [Security] Bump elliptic from 6.5.0 to 6.5.3 (#21997) @dependabot-preview
  • [test] Drop css-loader (#21999) @eps1lon
  • [test] Lint framer workspace (#22002) @eps1lon
  • [test] Lint useThemeVariants with custom rules plugin (#21963) @eps1lon
  • [test] Run same tests in coverage and unit (#22092) @eps1lon
  • [test] Type-check framerx package (#21868) @eps1lon
  • [test] Work on React v17 (#22093, #22105, #22143, #22111) @eps1lon

5.0.0-alpha.5

July 28, 2020

Big thanks to the 18 contributors who made this release possible.

@material-ui/core@v5.0.0-alpha.5 Breaking changes
  • [Grid] Rename justify prop to justifyContent (#21845) @mnajdova

    Rename justify prop with justifyContent to be aligned with the CSS property name.

    -<Grid justify="center">
    +<Grid justifyContent="center">
    
Changes
  • [Accordion] Add new classes key (#21920) @natac13
  • [Accordion] Fix IconButtonProps spreading logic (#21850) @kgregory
  • [Avatar] Fix group size (#21896) @natac13
  • [Button] Custom variant (#21648) @mnajdova
  • [CssBaseline] Export ScopedCssBaseline from barrel index (#21869) @mherczeg
  • [Dialog] Fix body scrollbar close behavior (#21951) @maksimgm
  • [Icon] Hide name placeholder while "Material Icons" font is loading (#21950) @maksimgm
  • [Select] Ensure that onChange is called before onClose (#21878) @DanailH
  • [Slider] Make index public in the ValueLabel props (#21932) @govardhan-srinivas
@material-ui/lab@v5.0.0-alpha.5
  • [TreeView] Change focus management to aria-activedescendant (#21695) @joshwooding
  • [TreeView] Fix crash when shift clicking a clean tree (#21899) @joshwooding
Framer
  • [framer] Refactor as switch (#21885) @mhkasif
  • [framer] Update with latest sources (#21888) @eps1lon
Docs
  • [blog] Q2 2020 Update (#21822) @oliviertassinari
  • [docs] Add expand all and select all to controlled tree demo (#21929) @joshwooding
  • [docs] Add useRadioGroup section (#21910) @kodai3
  • [docs] Autocomplete is not showing options even though they exist (#21949) @maksimgm
  • [docs] Change the destination branch for PRs (#21870) @DanailH
  • [docs] Fix Skeleton inline example (#21918) @ppecheux
  • [docs] Fix custom Snackbar width on mobile (#21948) @ruhci28
  • [docs] Fix the type of the second argument of 'createMuiTheme' function (#21859) @DanailH
  • [docs] Improve ad display @oliviertassinari
  • [docs] Improve documentation of theme.breakpoints (#21922) @ruhci28
  • [docs] Link react-hook-form (#21886) @jeffshek
  • [docs] Mention @MuiContrib in CONTRIBUTING (#21891) @eps1lon
  • [docs] Replace latests tags with next in the codesandbox (#21851) @mnajdova
  • [docs] Update gold sponsor to Text-Em-All (formerly Call-Em-All) (#21897) @jonmiller0
  • [docs] Update testing guide (#21863) @eps1lon
Core
  • [test] Enable more StrictMode tests (#21817) @eps1lon
  • [test] Lint internal typescript-to-proptypes fork (#21876) @eps1lon
  • [test] Pass didWarnControlledToUncontrolled between tests (#21875) @eps1lon
  • [test] Unify import to `test/utils (#21856) @eps1lon
  • [core] Add warnings where ref-forwarding components/elements are required (#21883) @eps1lon
  • [core] Automatically tweet about good first issues (#21879) @eps1lon
  • [core] Batch small changes (#21928) @oliviertassinari
  • [core] Remove /test-utils (#21855) @eps1lon
  • [core] Throw on unused typescript-to-proptypes-ignore directives (#21867) @eps1lon

5.0.0-alpha.4

July 19, 2020

Big thanks to the 11 contributors who made this release possible.

@material-ui/core@v5.0.0-alpha.4 Breaking changes
  • [core] Drop support for non-ref-forwarding class components (#21811) @eps1lon Support for non-ref-forwarding class components in the component prop or as an immediate children has been dropped. If you were using unstable_createStrictModeTheme or didn't see any warnings related to findDOMNode in React.StrictMode then you don't need to do anything. Otherwise check out the "Caveat with refs" section in our composition guide to find out how to migrate. This change affects almost all components where you're using the component prop or passing children to components that require children to be elements (e.g. <MenuList><CustomMenuItem /></MenuList>)
  • [Stepper] Use context API (#21613) @baterson Rely on the context over the React.cloneElement() API. This change makes composition easier.
@material-ui/icons@v5.0.0-alpha.4
  • [icons] Add Google brand icon (#21807) @bmg02
Docs
  • [docs] Break up Select demos (#21792) @cjoecker
  • [docs] Change RMUIF info to new version (#21812) @phoqe
  • [docs] Fix Spanish translation (#21800) @adamsr123
  • [docs] Fix nav color (#21780) @mbrookes
  • [docs] Update advanced-de.md (#21786) @jasonericdavis
Core
  • [core] Allow dist tag as argv in use-react-dist-tag (#21810) @eps1lon
  • [core] Drop support for non-ref-forwarding class components (#21811) @eps1lon
  • [core] Lint with typescript-eslint parser (#21758) @oliviertassinari
  • [core] One label is enough @oliviertassinari
  • [core] Remove lint:fix command @oliviertassinari
  • [test] Enable "missing act()"-warnings (#21802) @eps1lon
  • [test] Improve stack trace for unexpected errors (#21818) @eps1lon
  • [test] Update react next patch (#21746) @eps1lon
  • [test] Use testing-library in withStyles (#21804) @eps1lon

5.0.0-alpha.3

July 12, 2020

Big thanks to the 14 contributors who made this release possible.

@material-ui/core@v5.0.0-alpha.3
  • [Avatar] Avoid usage of z-index (#21685) @nvdai2401
  • [GridList] Fix crash when loading images (#21741) @paradoxxxzero
  • [List] Fix secondary action position when disableGutters={true} (#21732) @kgregory
  • [TablePagination] Fix broken labelling if SelectProps provided ids (#21703) @eps1lon
  • [theme] Fix custom breakpoint in CSS Media Queries (#21759) @nkrivous
  • [TrapFocus] Fix disableAutoFocus prop (#21612) @oliviertassinari
@material-ui/lab@v5.0.0-alpha.3
  • [lab] Fix TypeScript theme overrides support (#21724) @cjoecker
  • [Autocomplete] Fail form validation if required is filled when multiple (#21692, #21670) @weslenng, @eps1lon
Docs
  • [examples] Include troubleshooting for next.js (#21683) @ocavue
  • [docs] Add ethicalads.io (#21752) @oliviertassinari
  • [docs] Apply small fixes (#21754) @jaironalves
  • [docs] Batch small changes (#21669) @oliviertassinari
  • [docs] Bump next to 9.4.4 (#21690) @eps1lon
  • [docs] Fix custom switch ripple color (#21729) @xanderoku
  • [docs] Fix text from showcase (#21755) @cjoecker
  • [docs] Improve customized timeline demo (#21739) @mageprincess
  • [docs] Move more prop docs into IntelliSense (#21659) @eps1lon
  • [docs] Move more prop docs into IntelliSense (#21687) @eps1lon
  • [docs] Recommend default branch (#21719) @eps1lon
  • [docs] Remove @document directive from IntelliSense (#21688) @eps1lon
  • [docs] Track web-vitals (#21702) @eps1lon
Core
  • [test] Allow container + hydrate in render (#21747) @eps1lon
  • [test] Bump url-loader (#21689) @eps1lon
  • [test] Restore clock between each test (#21760) @eps1lon
  • [test] Run lab unit tests in browser (#21691) @eps1lon
  • [core] Allow generating markdown api docs for subset of components (#21731) @eps1lon
  • [core] Batch small changes (#21756) @oliviertassinari
  • [core] Don't bail out early if docs:api fails (#21726) @eps1lon
  • [core] Remove dead code from docs:api (#21730) @eps1lon
  • [core] Simplify debounce (#21666) @NMinhNguyen
  • [core] Use common yarn version (#21779) @eps1lon

5.0.0-alpha.2

July 4, 2020

Big thanks to the 16 contributors who made this release possible.

@material-ui/core@v5.0.0-alpha.2 Breaking changes
  • [Button] Make primary the default color (#21594) @mbrookes The button color prop is now "primary" by default, and "default" has been removed. This makes the button closer to the Material Design specification and simplifies the API.

    -<Button color="default" />
    -<Button color="primary" />
    +<Button />
    +<Button />
    
  • [ExpansionPanel] Remove component (#21630) @mnajdova This completes our effort on renaming the ExpansionPanel component Accordion

  • [Collapse] Add orientation and horizontal support (#20619) @darkowic The collapsedHeight prop was renamed collapsedSize to support the horizontal direction.

    -<Collapse collapsedHeight={40}>
    +<Collapse collapsedSize={40}>
    
Changes
  • [Card] Fix vertically center header action (#21646) @kgregory
  • [l10n] Update cs-CZ and sk-SK locales (#21656) @char0n
  • [l10n] Update sv-SE locale (#21631) @tbz
  • [Menu] Remove overflow style in MenuItem (#21644) @tj3407
  • [MenuItem] Add types for ListItemClasses (#21654) @eps1lon
  • [Slider] Fix cannot read property ‘focus’ of nulll (#21653) @mageprincess
  • [TextField] Fix CSS isolation issue (#21665) @Codetalker777
  • [TrapFocus] Fix portal support (#21610) @mnajdova
  • [TypeScript] Fix version support (#21640) @jakubfiglak
@material-ui/lab@v5.0.0-alpha.2
  • [TreeView] Improve node registration and fix other issues (#21574) @joshwooding
Docs
  • [blog] Post survey results 2020 (#21555) @mnajdova
  • [docs] Add new showcase (#21637) @cjoecker
  • [docs] CodeFund is shutting down (#21632) @oliviertassinari
  • [docs] Document next version (#21591) @oliviertassinari
  • [docs] Enable docs search on v5.0.0 & fix duplicate on master @oliviertassinari
  • [docs] Fix ad issues @oliviertassinari
  • [docs] Move more prop docs into IntelliSense (#21655) @eps1lon
  • [docs] Remove in-context translation code & files (#21633) @mbrookes
  • [example] Remove dead dependency from next-typescript (#21628) @StefanWerW
Core
  • [test] Add toWarnDev() and toErrorDev() matcher (#21581) @eps1lon

4.11.0

July 1, 2020

Big thanks to the 8 contributors who made this release possible.

@material-ui/core@v4.11.0
  • [ExpansionPanel] Prepare renaming to Accordion in v5 (#21560) @mnajdova It uses a more common naming convention:

    -import ExpansionPanel from '@material-ui/core/ExpansionPanel';
    -import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
    -import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
    -import ExpansionPanelActions from '@material-ui/core/ExpansionPanelActions';
    +import Accordion from '@material-ui/core/Accordion';
    +import AccordionSummary from '@material-ui/core/AccordionSummary';
    +import AccordionDetails from '@material-ui/core/AccordionDetails';
    +import AccordionActions from '@material-ui/core/AccordionActions';
    
    -<ExpansionPanel>
    +<Accordion>
    -  <ExpansionPanelSummary>
    +  <AccordionSummary>
        <Typography>Location</Typography>
        <Typography>Select trip destination</Typography>
    -  </ExpansionPanelSummary>
    +  </AccordionSummary>
    -  <ExpansionPanelDetails>
    +  <AccordionDetails>
        <Chip label="Barbados" onDelete={() => {}} />
        <Typography variant="caption">Select your destination of choice</Typography>
    -  </ExpansionPanelDetails>
    +  </AccordionDetails>
      <Divider />
    -  <ExpansionPanelActions>
    +  <AccordionActions>
        <Button size="small">Cancel</Button>
        <Button size="small">Save</Button>
    -  </ExpansionPanelActions>
    +  </AccordionActions>
    -</ExpansionPanel>
    +</Accordion>
    
Docs
  • [blog] Post survey results 2020 (#21555) @mnajdova
  • [docs] Add new gold sponsor @oliviertassinari
  • [docs] CodeFund is shutting down (#21632) @oliviertassinari
  • [docs] Enable next.material-ui.com sub-domain @oliviertassinari
  • [docs] Fix ad issues @oliviertassinari
  • [docs] Fix version in localized urls (#21442) @tchmnn
  • [docs] Sync translations (#21445) @oliviertassinari
  • [docs] Sync translations (#21535) @oliviertassinari
Core
  • [core] Batch small changes (#21419) @oliviertassinari
  • [core] Fix react next patch and prevent regression (#21482) @eps1lon

5.0.0-alpha.1

June 27, 2020

This is the first release on the v5 version, where we have moved most of our efforts to. You can find the documentation for this version at http://next.material-ui.com/. We plan to spend the next 6-8 months on it, following our roadmap and milestone.

Big thanks to the 33 contributors who made this release possible. Here are some highlights ✨:

  • 🔄 Introduce a new LoadingButton component in the lab (#21389) @mnajdova.
  • 📍 Synchronize icons with Google, add 200 new icons (#21498) @alecananian
  • 💥 Start working on new features & breaking changes.
@material-ui/core@v5.0.0-alpha.1 Breaking changes
  • [Divider] Use border instead of background color (#18965) @mikejav. It prevents inconsistent height on scaled screens. For people customizing the color of the border, the change requires changing the override CSS property:

    .MuiDivider-root {
    - background-color: #f00;
    + border-color: #f00;
    }
    
  • [Rating] Rename visuallyhidden to visuallyHidden for consistency (#21413) @mnajdova.

    <Rating
      classes={{
    -    visuallyhidden: 'custom-visually-hidden-classname',
    +    visuallyHidden: 'custom-visually-hidden-classname',
      }}
    />
    
  • [Typography] Replace the srOnly prop so as to not duplicate the capabilities of System (#21413) @mnajdova.

    -import Typography from '@material-ui/core/Typography';
    +import { visuallyHidden } from '@material-ui/system';
    +import styled from 'styled-component';
    
    +const Span = styled('span')(visuallyHidden);
    
    -<Typography variant="srOnly">Create a user</Typography>
    +<Span>Create a user</Span>
    
  • [TablePagination] Add showFirstButton and showLastButton support (#20750) @ShahAnuj2610. The customization of the table pagination's actions labels must be done with the getItemAriaLabel prop. This increases consistency with the Pagination component.

    <TablePagination
    - backIconButtonText="Avant"
    - nextIconButtonText="Après
    + getItemAriaLabel={…}
    
  • [ExpansionPanel] Rename to Accordion (#21494) @mnajdova. Use a more common the naming convention:

    -import ExpansionPanel from '@material-ui/core/ExpansionPanel';
    -import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
    -import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
    -import ExpansionPanelActions from '@material-ui/core/ExpansionPanelActions';
    +import Accordion from '@material-ui/core/Accordion';
    +import AccordionSummary from '@material-ui/core/AccordionSummary';
    +import AccordionDetails from '@material-ui/core/AccordionDetails';
    +import AccordionActions from '@material-ui/core/AccordionActions';
    
    -<ExpansionPanel>
    +<Accordion>
    -  <ExpansionPanelSummary>
    +  <AccordionSummary>
         <Typography>Location</Typography>
         <Typography>Select trip destination</Typography>
    -  </ExpansionPanelSummary>
    +  </AccordionSummary>
    -  <ExpansionPanelDetails>
    +  <AccordionDetails>
         <Chip label="Barbados" onDelete={() => {}} />
         <Typography variant="caption">Select your destination of choice</Typography>
    -  </ExpansionPanelDetails>
    +  </AccordionDetails>
       <Divider />
    -  <ExpansionPanelActions>
    +  <AccordionActions>
         <Button size="small">Cancel</Button>
         <Button size="small" color="primary">Save</Button>
    -  </ExpansionPanelActions>
    +  </AccordionActions>
    -</ExpansionPanel>
    +</Accordion>
    
  • [BottomNavigation] typescript: The event in onChange is no longer typed as a React.ChangeEvent but React.SyntheticEvent.

    -<BottomNavigation onChange={(event: React.ChangEvent<{}>) => {}} />
    +<BottomNavigation onChange={(event: React.SyntheticEvent) => {}} />
    
  • [Slider] typescript: The event in onChange is no longer typed as a React.ChangeEvent but React.SyntheticEvent.

    -<Slider onChange={(event: React.ChangEvent<{}>, value: unknown) => {}} />
    +<Slider onChange={(event: React.SyntheticEvent, value: unknown) => {}} />
    
  • [Tabs] typescript: The event in onChange is no longer typed as a React.ChangeEvent but React.SyntheticEvent.

    -<Tabs onChange={(event: React.ChangEvent<{}>, value: unknown) => {}} />
    +<Tabs onChange={(event: React.SyntheticEvent, value: unknown) => {}} />
    
  • [Accordion] typescript: The event in onChange is no longer typed as a React.ChangeEvent but React.SyntheticEvent.

    -<Accordion onChange={(event: React.ChangEvent<{}>, expanded: boolean) => {}} />
    +<Accordion onChange={(event: React.SyntheticEvent, expanded: boolean) => {}} />
    
Changes
  • [Badge] Fix transition flicker (#21557) @mnajdova
  • [ButtonGroup] Improve contained hover style (#21532) @alecananian
  • [l10n] Improve Russian translation (#21480) @AntonLukichev
  • [l10n] Improve zh-CN, add zh-TW (#21493) @Jack-Works
  • [LinearProgress] High frequency updates (#21416) @dnicerio
  • [Stepper] Fix optional label alignment (#21420) @curtislin7
  • [Table] Move prop docs into IntelliSense (#21530) @oliviertassinari
  • [TablePagination] Add showFirstButton and showLastButton support (#20750) @ShahAnuj2610
  • [Tabs] Fix useCallback missing arguments (#21471) @KitsonBroadhurst
  • [TextField] Fix FilledInput disable hover style when disabled (#21457) @tchmnn
@material-ui/lab@v5.0.0-alpha.1
  • [Autocomplete] Fix support for renderTags={() => null} (#21460) @matthenschke
  • [LoadingButton] Introduce new component (#21389) @mnajdova
  • [Pagination] Fix display when boundaryCount={0} (#21446) @guimacrf
  • [Skeleton] Fix text border (#21543) @el1f
  • [Timeline] Align dots with content (#21402) @mnajdova
  • [TreeView] Minor styling changes (#21573) @joshwooding
  • [TreeView] Simplify customization (#21514) @joshwooding
@material-ui/icons@v5.0.0-alpha.1
  • [icons] Synchronize icons with Google (#21498) @alecananian
@material-ui/system@v5.0.0-alpha.1
  • [system] Introduce visuallyHidden style utility (#21413) @mnajdova
Docs
  • [docs] Add CSP support section to docs (#21479) @razor-x
  • [docs] Add explicit example for extending existing palette colors (#21458) @BennyHinrichs
  • [docs] Add more details about breakpoint widths (#21545) @Muzietto
  • [docs] Add new gold sponsor @oliviertassinari
  • [docs] Add transitions customization page (#21456) @mnajdova
  • [docs] Correct syntax errors to improve document readability (#21515) @AGDholo
  • [docs] Document type="number" limitation (#21500) @IwalkAlone
  • [docs] Entry for translations and fix grammar error (#21478) @jaironalves
  • [docs] Fix broken "customization" anchor link (#21506) @connorads
  • [docs] Fix typo in MultipleSelects.js (#21510) @ShiyuCheng2018
  • [docs] Fix typo in SpeedDialIcon classes comment (#21398) @zachbradshaw
  • [docs] Fix typo in TextField required prop (#21538) @HumbertoL
  • [docs] Fix version in localized urls (#21442) @tchmnn
  • [docs] Format english markdown files (#21463) @eps1lon
  • [docs] Format some previously unformatted, untranslated files (#21558) @eps1lon
  • [docs] Hide duplicate table borders (#20809) @marcosvega91
  • [docs] Improve docs for useMediaQuery and breakpoint (#21512) @DDDDDanica
  • [docs] Improve npm homepage links (#21452) @eps1lon
  • [docs] Move more prop docs into IntelliSense (#21383) @eps1lon
  • [docs] Restrict docs markdown and demos to 80ch (#21481) @eps1lon
  • [docs] Reword palette intention and fix format (#21477) @DDDDDanica
  • [docs] Update v4 migration guide (#21462) @eps1lon
Core
  • [typescript-to-proptypes] Integrate into monorepo @eps1lon
  • [test] Add type test CardHeader title component (#21590) @eps1lon
  • [test] Fix type tests not being type checked (#21539) @eps1lon
  • [test] Ignore empty vrtests (#21450) @eps1lon
  • [test] Improve makeStyles error coverage (#21568) @eps1lon
  • [test] Migrate Typography to testing-library (#21534) @marcosvega91
  • [test] Move size comparison details to separate page (#21504) @eps1lon
  • [test] Use testing-library in MenuItem (#21391) @eps1lon
  • [test] Use testing-library in StepButton (#21406) @baterson
  • [test] Use testing-library in Stepper (#21400) @baterson
  • [core] Batch small changes (#21419) @oliviertassinari
  • [core] Batch small changes (#21553) @oliviertassinari
  • [core] Disable caching for yarn proptypes permanently (#21414) @eps1lon
  • [core] Extend env for build script (#21403) @eps1lon
  • [core] Fix react next patch and prevent regression (#21495) @eps1lon
  • [core] Fork typescript-to-proptypes (#21497) @eps1lon
  • [core] Misc branch cleaning (#21459) @eps1lon
  • [core] Misc prettier changes (#21484) @eps1lon
  • [core] Run prettier on the JSON sources (#21556) @oliviertassinari
  • [core] Type custom onChange implementations with a generic react event (#21552) @eps1lon

4.10.2

June 11, 2020

⚠️ This release marks the end of the active development on the v4.x versions, after 18 months of development. We are moving all ongoing efforts to v5 (next branch) ✨. This means a feature freeze on v4. The development of this version will be limited to important bug fixes, security patches, and easing the upgrade path to v5.

You can follow our progress on the v5 milestone. We will make the documentation of the v5 alpha releases available under https://next.material-ui.com/, starting next week (weekly releases, as usual).

Big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:

  • Introduce a new Timeline component (#21331) @mnajdova. You can find the component in the lab.

  • Simplify the theme overrides with TypeScript for the components in the lab (#21279) @CarsonF.

    In order to benefit from the CSS overrides with the theme and the lab components, TypeScript users need to import the following types. Internally, it uses module augmentation to extend the default theme structure with the extension components available in the lab.

    // 1. augment the theme
    import type '@material-ui/lab/themeAugmentation';
    
    // 2. override
    const theme = createMuiTheme({
      overrides: {
        MuiTimeline: {
          root: {
            backgroundColor: 'red',
          },
        },
      },
    });
    
  • Minify error messages in production (#21214) @eps1lon.

    Using the React error decoder as inspiration, the exceptions thrown by Material-UI in production are now minified. You will be redirected to the documentation to decode the error.

@material-ui/core@v4.10.2
  • [Checkbox] Fix custom icon fontSize prop support (#21362) @kn1ves
  • [Dialog] Fix dialog children being announced as clickable (#21285) @eps1lon
  • [Select] Improve native validation, autofill, and testability (#21192) @netochaves
  • [Stepper] Always pass state props to connector (#21370) @baterson
  • [Stepper] Only render label container if a label exists (#21322) @Floriferous
@material-ui/lab@v4.0.0-alpha.56
  • [Autocomplete] Fix scroll reset after unselect the only option (#21280) @svikhristyuk
  • [Autocomplete] Prevent default event for disabled options (#21390) @GregoryAndrievskiy
  • [SpeedDial] Improve tooltip work break (#21359) @SugiKent
  • [Timeline] Introduce new component (#21331) @mnajdova
  • [TypeScript] Allow lab components to have overrides in theme (#21279) @CarsonF
@material-ui/utils@v4.10.2
  • [core] Minify error messages in production (#21214) @eps1lon
Docs
  • [docs] Add palette TypeScript override example (#21319) @WillSquire
  • [docs] Always consider code as left-to-right (#21386) @eps1lon
  • [docs] Correct the name of a prop in the Table docs (#21384) @fedde-s
  • [docs] Improve CONTRIBUTING.md (#21303) @pedrooa
  • [docs] Improve ad display (#21246) @oliviertassinari
  • [docs] Improve legibility of required star (#21369) @eps1lon
  • [docs] List all the Tab components under the API section (#21241) @emretapci
  • [docs] Move more prop docs into IntelliSense (#21002) @eps1lon
  • [docs] Move more prop docs into IntelliSense (#21368) @eps1lon
  • [docs] Move more prop docs into IntelliSense (#21375) @eps1lon
  • [docs] Sync translations (#21336) @oliviertassinari
  • [docs] Update builderbook.org image in showcase (#21360) @klyburke
  • [docs] Update builderbook.org showcase (#21274) @klyburke
  • [docs] Update minimum TypeScript version to 3.2 (#21197) @NMinhNguyen
  • [docs] Use rem in responsive font sizes chart (#21373) @thewidgetsmith
Core
  • [test] Speed up slow TablePagination tests (#21374) @eps1lon
  • [test] Type-test event handlers on ListItem (#21298) @eps1lon
  • [core] Batch small changes (#21335) @oliviertassinari
  • [core] Don't ship type tests (#21300) @eps1lon
  • [core] Minify error messages in production (#21214) @eps1lon
  • [core] Switch from $ExpectError to @ts-expect-error (#21308) @eps1lon
  • [core] Use custom $ExpectType assertion (#21309) @eps1lon

4.10.1

June 1, 2020

Big thanks to the 21 contributors who made this release possible.

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

4.10.0

May 23, 2020

Big thanks to the 30 contributors who made this release possible.

Here are some highlights ✨:

  • 🦴 Allow Skeleton to infer its dimensions from the children (#21097) @mikew. In the following example, the skeleton will take the size of the avatar.
    <Skeleton><Avatar /></Skeleton>
    
    Follow the docs to learn more.
  • ♿️ Add tabs accessibility docs section (#20965) @eps1lon. The behavior of the keyboard navigation can be customized with the selectionFollowsFocus prop.
  • ℹ Improve tooltip arrow customizability (#21095) @sakulstra. The arrow background color and border can now be customized independently.
  • 🔘 Add vertical support to the ToggleButton component (#21051) @xiaomaini
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v4.10.0
  • [AppBar] Fix z-index issue on Firefox (#21063) @pedrooa
  • [Avatar] Fix group positioning (#21141) @CarsonF
  • [Button] Fix disableFocusRipple prop description (#21116) @umairfarooq44
  • [CircularProgress] Improve custom bar demo (#21005) @id0Sch
  • [l10n] Add new keys to Finnish (fi-FI) locale (#21087) @SampsaKaskela
  • [l10n] Prepare iteration on number formatting (#20656) @oliviertassinari
  • [Popper] Remove duplicate handleOpen call from effect (#21106) @inomdzhon
  • [Select] Fix possible crash when clicking on the label (#21047) @eps1lon
  • [Slide] Fix double negation in CSS translate (#21115) @scristall
  • [Snackbar] Explain how to place the snackbar (#21052) @dandv
  • [Snackbar] Fix double click issue on demos (#21059) @joshwooding
  • [Tabs] Add a11y docs section (#20965) @eps1lon
  • [theme] Fix types, reject undefined coefficient in darken, lighten (#21006) @dellink
  • [Tooltip] Add PopperComponent prop (#21039) @joshwooding
  • [Tooltip] Improve arrow customizability (#21095) @sakulstra
@material-ui/styles@v4.10.0
  • [styles] Increase counter only for non global styles (#21003) @jantimon
@material-ui/lab@v4.0.0-alpha.54
  • [Autocomplete] Improve value type inference (#20949) @kanoshin
  • [Autocomplete] Fix autoHighlight for dynamic options (#21090) @mstykow
  • [Autocomplete] Fix iOS double tap (#21060) @kaplantm
  • [Pagination] Document difference with TablePagination (#21107) @hoop71
  • [Skeleton] Allow children to influence width and height (#21097) @mikew
  • [Skeleton] Reduce SkeletonChildren test flakyness (#21121) @eps1lon
  • [TabPanel] Allow flow content (#21017) @eps1lon
  • [ToggleButton] Add orientation prop (#21051) @xiaomaini
  • [TreeView] Add test for undesired behavior (#21043) @eps1lon
Docs
  • [docs] Add CssBaseline to auto dark mode example (#21094) @fantasyui-com
  • [docs] Add new twitter quotes to the homepage (#21061) @mbrookes
  • [docs] Fix anchor link to using inline vs. classes (#21151) @dandv
  • [docs] Fix autocomplete attributes (#21138) @socsieng
  • [docs] Fix typo in Modal accessibility description (#21062) @arthur-melo
  • [docs] Improve mui-treasury integration (#21054) @siriwatknp
  • [docs] Improve text based sizing for larger font scales (#21131) @eps1lon
  • [docs] Keep the same header between locales (#21041) @jaironalves
  • [docs] Minor fixes in theming, link to Context (#21149) @dandv
  • [docs] Recommend no-restricted-imports to catch treeshake issues (#21035) @eps1lon
  • [docs] Reduce confusion around higher order component (#21056) @ravshansbox
  • [docs] Show font smoothing override (#21057) @mattstobbs
  • [docs] Sort ways to support MUI; clarify clsx (#21150) @dandv
  • [docs] Sync translations (#21155) @oliviertassinari
Core
  • [core] Add issue template for material design issues (#21120) @eps1lon
  • [core] Batch small changes (#20980) @oliviertassinari
  • [core] Explicitly declare children (#21014) @eps1lon
  • [core] Narrow type definition for useControlled hook (#21027) @EdwardSalter
  • [core] Small changes (#21064) @oliviertassinari
  • [Security] Bump handlebars from 4.5.3 to 4.7.6 (#21033) @dependabot-preview
  • [test] Fix react next patch (#21109) @eps1lon
  • [test] Improve isolation of tests using mount() (#21034) @eps1lon
  • [test] Isolate transition tests (#21032) @eps1lon
  • [test] Migrate some tests to testing-library (#21058) @joshwooding

4.9.14

May 11, 2020

Big thanks to the 19 contributors who made this release possible.

Here are some highlights ✨:

  • 🗂 An experimental extension of the Tab API (#20806) @eps1lon.
  • ⚛️ An improved version of unstable strict mode support (#20952, #20985) @eps1lon @DrewVartanian.
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v4.9.14
  • [l10n] Add Hindi (hi-IN) locale (#20916) @chandan-singh
  • [Popper] Fix keepMounted visibility (#20937) @weslenng
  • [Select] Focus labelled element on click (#20833) @qkdreyer
  • [Slider] Fix center label in IE 11 (#20942) @Uneetpatel7
  • [Tabs] Add selectionFollowsFocus (#20936) @eps1lon
  • [Tabs] Forward aria-label* attributes to tablist (#20986) @eps1lon
  • [TextField] Fix typography inheritance issue (#20908) @esseswann
  • [theme] Fix missing args to createMuiStrictModeTheme (#20985) @DrewVartanian
  • [theme] Add support #rrggbbaa pattern in hexToRgb function (#20931) @dellink
  • [theme] Fix override breakpoints (#20901) @JasonHK
  • [Tooltip] Fix arrow placement overlap (#20900) @esseswann
@material-ui/styles@v4.9.14
  • [styles] Return simpler type from ComponentCreator (#20854) @vlazh
@material-ui/system@v4.9.14
  • [system] Add csstype as dependency to material-ui-system (#20922) @govizlora
@material-ui/lab@v4.0.0-alpha.53
  • [Autocomplete] Add new handleHomeEndKeys prop (#20910) @p00000001
  • [Autocomplete] Fix Google Map demo warnings (#20983) @oliviertassinari
  • [Autocomplete] Fix onHighlightChange when filtering (#20923) @marcosvega91
  • [Tabs] Add new experimental Tabs API (#20806) @eps1lon
  • [ToggleButton] Reduce gap with ButtonGroup (#20967) @rehanmohiuddin
@material-ui/types@v5.1.0
  • [types] Add OverridableStringUnion helper (#20901) @JasonHK
Docs
  • [docs] Add missing spot do DiamondSponsors (#20958) @eps1lon
  • [docs] Fix leaking lazy stylesheets (#20903) @eps1lon
  • [docs] Label accessibility for native select (#20876) @mkesavan13
  • [docs] Reduce likelyhood of overflow in ToC (#20961) @eps1lon
  • [docs] Remove redirection to v0 (#17637) (#20902) @dellink
  • [docs] Sychronize translations (#20982) @oliviertassinari
Core
  • [test] Improve assertion mismatch messages (#20964) @eps1lon
  • [test] Migrate all Table components to testing-library (#20914) @marcosvega91
  • [test] Migrate CircularProgress and Collapse to testing-library (#20789) @marcosvega91
  • [test] Prepare patch for react@next (#20966) @eps1lon
  • [test] Use actual element over document.activeElement (#20945) @eps1lon
  • [core] Remove unstable_StrictMode transition components (#20952) @eps1lon
  • [core] Fix typo in internal ScrollbarSize (#20934) @liujiajun
  • [core] Fix typo in test description (#20943) @kunal-mandalia

4.9.13

May 4, 2020

Big thanks to the 27 contributors who made this release possible.

Here are some highlights ✨:

  • 💎 A new diamond sponsor: Sencha, thank you!
  • ⚛️ More tests migrated from enzyme to testing-library @marcosvega91.
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v4.9.13
  • [AvatarGroup] Improve limit display (#20793) @let-aurn
  • [ClickAwayListener] Remove misleading code comment (#20743) @eps1lon
  • [l10n] Improve es-ES locale (#20794) @eloyrubinos
  • [Modal] Should propagate event if disableEscapeKeyDown (#20786) @weslenng
  • [Pagination] Refactor boundaryCount (#20826) @mbrookes
  • [Select] Fix height overflow (#20822) @esseswann
  • [Slider] Fix RTL support (#20851) @weslenng
  • [Tabs] Implement keyboard navigation (#20781) @eps1lon
  • [Tabs] Improve customizability of the scroll buttons (#20783) @netochaves
  • [TextField] Fix caret color in autofill dark theme (#20857) @CarsonF
  • [Tooltip] Fix disableTouchListener behavior (#20807) @weslenng
  • [unstable_TrapFocus] Guard against dropped memo cache (#20848) @eps1lon
@material-ui/styles@v4.9.13
  • [styles] Fix wording in indexCounter comment (#20874) @iamclaytonray
  • [styles] Improve component props inference of styled (#20830) @vlazh
@material-ui/system@v4.9.13
  • [system] Improve breakpoints types (#20753) @nodeTempest
@material-ui/lab@v4.0.0-alpha.52
  • [Autocomplete] Display loading feedback with freeSolo (#20869) @weslenng
  • [Autocomplete] Fix support for limitTags={0} (#20850) @tykdn
  • [Skeleton] Fix z-index elevation issue (#20803) @luminaxster
  • [SpeedDial] Fix direct dependency on react-transition-group (#20847) @squirly
  • [TreeView] Add onIconClick and onLabelClick (#20657) @tonyhallett
Docs
  • [docs] Add collapsible table demo (#19795) @LorenzHenk
  • [docs] Fix "Find the source" link in localization.md (#20791) @ValentinH
  • [docs] Fix emojis/html being included in toc (#20841) @eps1lon
  • [docs] Fix groups name in autocomplete virtualization example (#20898) @Uneetpatel7
  • [docs] Fix header and row shift on pagination click (#20873) @ankitasingh170190
  • [docs] Fix incorrect signature of createStyles (#20866) @eps1lon
  • [docs] Fix table zebra customization demo (#20870) @rkrueger11
  • [docs] Fix typo in Select type definitions (#20817) @qkdreyer
  • [docs] Implement keyboard navigation for demo toolbar (#20798) @eps1lon
  • [docs] Improve svgr documentation (#20893) @tavantzo
  • [docs] Make CSS interoperability examples easier to use (#20860) @weisk
  • [docs] Use mathematical interval notation for breakpoints (#20843) @eps1lon
  • [examples] Add next.js SSG clarification comment (#20810) @sospedra
Core
  • [test] Migrate colorManipulator from assert to expect (#20792) @marcosvega91
  • [test] Migrate from assert to expect (#20799) @oliviertassinari
  • [test] Replace all assert with expect (#20853) @marcosvega91
  • [core] Batch small changes (#20823) @oliviertassinari
  • [core] Batch small changes (#20877) @oliviertassinari

4.9.12

Apr 27, 2020

Big thanks to the 32 contributors who made this release possible.

Here are some highlights ✨:

  • ⚛️ A first module written in TypeScript (#20685) @eps1lon.
  • 🇧🇷 A documentation fully translated in Brazilian (@jaironalves).
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v4.9.12
  • [ButtonBase] Fix ripple size when clientX or clientY is 0 (#20654) @jin60641
  • [ButtonGroup] Add disableElevation prop (#20747) @Andrew5569
  • [ClickAwayListener] Fix support of leading edge (#20647) @oliviertassinari
  • [ExpansionPanel] Increase contrast for focus state (#20720) @petermikitsh
  • [l10n] Document how far Material-UI should go (#20737) @eloyrubinos
  • [l10n] Improve az-AZ locale (#20659) @rommelmamedov
  • [l10n] Improve bg-BG locale (#20668) @panayotoff
  • [l10n] Improve cs-CZ locale (#20670) @char0n
  • [l10n] Improve de-DE locale (#20684) @eps1lon
  • [l10n] Improve et-EE locale (#20682) @villuv
  • [l10n] Improve hu-HU locale (#20658) @vgaborabs
  • [l10n] Improve it-IT locale (#20674) @Angelk90
  • [l10n] Improve pl-PL locale (#20672) @eXtreme
  • [l10n] Improve pt-BR locale (#20734) @jaironalves
  • [l10n] Improve pt-PT locale (#20673) @hrafaelveloso
  • [l10n] Improve ro-RO locale (#20681) @raduchiriac
  • [l10n] Improve tr-TR locale (#20754) @yunusemredilber
  • [l10n] Port locale to TypeScript (#20685) @eps1lon
  • [Modal] Prevent focus steal from other windows (#20694) @eps1lon
  • [Popper] Add ref type definition (#20688) @takakobem
  • [Select] Fix height inconsistency between input and select (#20780) @esseswann
  • [Select] Pass onClick to menuItem (#20739) @marcosvega91
  • [Slider] Fix focus after click (#20651) @davidcalhoun
  • [Snackbar] Improve consecutive demos (#20721) @calbatr0ss
  • [Tabs] Use a native element for the tabpanel role (#20648) @oliviertassinari
  • [TextField] Fix required outlined label space with no asterisk (#20715) @eps1lon
  • [TextField] Use aria-hidden on required asterisk (#20742) @alorek
  • [Tooltip] Fix flip invalid CSS property error (#20745) @j-mendez
  • [useScrollTrigger] Fix out of sync trigger (#20678, #20680) @ohlr @marcosvega91.
@material-ui/lab@v4.0.0-alpha.51 Breaking changes
  • [Autocomplete] Remove startAfter props (#20729) @marcosvega91
Change
  • [Autocomplete] Add new onHighlightChange callback (#20691) @marcosvega91
  • [Autocomplete] Fix "fixed tags" demo (#20687) @kthyer
  • [Autocomplete] Fix popup open logic when non empty (#20732) @marcosvega91
  • [Autocomplete] Remove dead code (#20663) @oliviertassinari
  • [TreeView] Update firstCharMap when a TreeItem is removed (#20085) @tonyhallett
@material-ui/utils@v4.9.12
  • [core] Avoid test with instanceof HTMLElement (#20646) @oliviertassinari
Docs
  • [docs] Add "Persian" to the list of RTL languages (#20679) @mirismaili
  • [docs] Add "reset focus" control to demo tools (#20724) @eps1lon
  • [docs] Allow default actions of nested elements (#20777) @eps1lon
  • [docs] Batch small changes (#20644) @oliviertassinari
  • [docs] English fix: fewer boilerplate -> less boilerplate (#20775) @dandv
  • [docs] Fix dropped iframe content in firefox (#20686) @eps1lon
  • [docs] Fix typo in vision.md (#20649) @Flavyoo
  • [docs] Fix warning and crash in dev mode (#20623) @oliviertassinari
  • [docs] Improve infrastructure (#20751) @oliviertassinari
  • [docs] Modernize DemoFrame (#20664) @eps1lon
  • [docs] Never transition preview if not shown (#20784) @eps1lon
  • [docs] Parse markdown on mount (#20601) @eps1lon
  • [docs] Replace react-frame-component with concurrent safe impl (#20677) @eps1lon
  • [docs] Sync translations (#20779) @oliviertassinari
  • [material-ui-docs] Fix missing/extraneous dependencies (#20771) @eps1lon
Core
  • [AppBar] Migrate to testing-library (#20693) @marcosvega91
  • [Avatar] Migrate to testing-library (#20697) @marcosvega91
  • [Badge] Migrate to testing-library (#20710) @marcosvega91
  • [BottomNavigation] Migrate to testing-library (#20728) @marcosvega91
  • [Box] Migrate to testing-library (#20736) @marcosvega91
  • [Card] Migrate to testing-library (#20773) @marcosvega91
  • [core] Bump @material-ui/react-transition-group (#20699) @eps1lon
  • [core] Force visibility on a few components in ink save print mode (#20749) @coktopus
  • [test] Improve textToHash test (#20770) @eps1lon
  • [test] Relax lint rules in test (#20702) @eps1lon

4.9.11

Apr 18, 2020

Big thanks to the 25 contributors who made this release possible.

@material-ui/core@v4.9.11
  • [Backdrop] Document Fade inherited component (#20500) @Josh-Weston
  • [Checkbox] Add test showcase for checked checkbox (#20571) @eps1lon
  • [ExpansionPanel] Unify paddings with ListItem and similar components (#20586) @esseswann
  • [l10n] Improve persian (fa-IR) locale (#20543) @ali4heydari
  • [List] Fix ListItemIcon children type from element to Node (#20577) @alielkhateeb
  • [Popper] Fix support for TypeScript 3.2 (#20550) @NMinhNguyen
  • [SwitchBase] Prepare v5 removal of the second argument of onChange (#20541) @samuliasmala
  • [Tabs] Fix the types of the color props (#20595) @sirajalam049
  • [TextareaAutosize] Fix height inconsistency for empty last row (#20575) @benwiley4000
  • [TextField] Fix long label scrollbar (#20535) @Uzwername
  • [theme] Allow palette tonalOffset light and dark values (#20567) @TidyIQ
@material-ui/lab@v4.0.0-alpha.50
  • [Autocomplete] Add fullWidth prop (#20538) @Uzwername
  • [Autocomplete] Add test cases for createFilterOptions (#20499) @netochaves
  • [Autocomplete] Fix autoHighlight behavior (#20606) @qkdreyer
  • [Autocomplete] Fix correcy core peer-dependency @oliviertassinari
  • [Autocomplete] Fix missing startAfter type (#20542) @dohomi
  • [Autocomplete] Fix reset input on blur for freeSolo mode too (#20603) @goffioul
  • [Pagination] Fix missing renderItem types (#20592) @ankitasingh170190
Docs
  • [blog] Q1 2020 Update (#20536) @oliviertassinari
  • [docs] Add link for help on creating a custom transition (#20524) @zeckdude
  • [docs] Correct "row" to "col" in Table (#20566) @sdpaulsen
  • [docs] Fix command to start docs server (#20612) @plug-n-play
  • [docs] Fix filerOption typo in autocomplete (#20572) @qkdreyer
  • [docs] Fix punctuation and english grammar (#20596) @samisnotinsane
  • [docs] Fix small typo in Container (#20589) @plug-n-play
  • [docs] Improve a11y of the chip array example (#20294) @m4theushw
  • [docs] Refactor markdown parsing (#20549) @eps1lon
  • [docs] Remove old workarounds (#20587) @eps1lon
  • [docs] Remove unnecessary webpack loaders (#20563) @eps1lon
  • [docs] Sync translations (#20498) @oliviertassinari
  • [docs] Use reactStrictMode over custom switch (#20522) @eps1lon
Core
  • [test] Add StrictMode compat layer test (#20547) @eps1lon
  • [test] Use method calls over property access expressions (#20545) @eps1lon
  • [react] Add createMuiStrictModeTheme (#20523) @eps1lon

4.9.10

Apr 11, 2020

Big thanks to the 20 contributors who made this release possible.

Here are some highlights ✨:

  • ⚛️ Migrate more descriptions of the props to TypeScript (#20342) @eps1lon. The coverage has increased from 50 to 75 components. We are working on migrating the 48 missing components.
  • 🦋 Fix support for portals and dropped events with ClickAwayListener (#20406, #20409) @NMinhNguyen, @seare-kidane.
  • ♿️ Fix 3 accessibility issues (#20489, #20432, #20475) @arturbien, @ShehryarShoukat96.
  • And many more 🐛 bug fixes and 📚 improvements.

Over the last 3 months, we have focused exclusively on making patch releases. We have done 11 so far. We have optimized for stability. In the coming weeks, we will initiate our work on the next major: v5. You can expect the following:

  • A feature freeze on v4.
  • The introduction of deprecation messages in the next v4 minors. These messages will help developers upgrade to v5.
  • A progressive bug fixes freeze on v4, to the exception of security issues and important bugs.
  • At least 6 months of work on v5 to get to a stable release (probably more). You can follow our milestone. We will likely look for hiring a new full-time member on the core team to move faster.
@material-ui/core@v4.9.10
  • [Breadcrumbs] Keep focus in the component after expanding (#20489) @ShehryarShoukat96
  • [ButtonBase] Warn with wrong component prop (#20401) @oliviertassinari
  • [ClickAwayListener] Fix support for portal (#20406) @NMinhNguyen
  • [ClickAwayListener] Fix support for removed DOM node (#20409) @seare-kidane
  • [CssBaseline] Add limitation for ScopedCssBaseline (#20481) @newrice
  • [CssBaseline] Fix typings for @global override (#20454) @eps1lon
  • [Dialog] Fix TypeScript type for children (#20450) @NMinhNguyen
  • [Popper] Fix links to popper.js (#20464) @eps1lon
  • [Popper] Fix outdated TypeScript props docs (#20465) @eps1lon
  • [Popper] Fix popper.js deprecation npm warning (#20433) @oliviertassinari
  • [Select] Add aria-disabled attribute (#20432) @arturbien
  • [Select] Add new test for onChange (#20444) @arturbien
  • [Slider] Allow individual mark customization (#17057) @mstrugo
  • [Table] Add role if the default role of elements can't be used (#20475) @arturbien
  • [TextareaAutosize] Update rows/rowMax to use number for better clarity (#20469) @esemeniuc
  • [theme] Fix typings to pass array for spacing (#20486) @denys-pavlenko
  • [theme] Fix typings for theme.spacing (#20435) @m4theushw
  • [theme] Support string args in theme.spacing (#20408) @m4theushw
  • [TypeScript] Move more prop docs into IntelliSense (#20342) @eps1lon
  • [TypeScript] Fix support for TypeScript 3.2 (#20443) @NMinhNguyen
  • [TypeScript] Fix TypeScript type for optional children (#20458) @NMinhNguyen
@material-ui/styles@4.9.10
  • [TypeScript] Fix support for TypeScript 3.2 (#20443) @NMinhNguyen
@material-ui/system@4.9.10
  • [TypeScript] Fix support for TypeScript 3.2 (#20443) @NMinhNguyen
@material-ui/types@5.0.1
  • [TypeScript] Fix support for TypeScript 3.2 (#20443) @NMinhNguyen
@material-ui/lab@v4.0.0-alpha.49
  • [Alert] Fix support for nested elements (#20490) @developerKumar
  • [Autocomplete] Improve virtualization example (#20496) @galkadaw
  • [Autocomplete] Warn when mixing controlled/uncontrolled inputValue states (#20403) @vileppanen
  • [Rating] Warn if precision prop is below 0.1 (#20491) @AlexAndriyanenko
  • [ToggleButton] Don't set default for disableRipple prop (#20493) @cp
Docs
  • [examples] Fix Next.js AMP support (#20463) @timneutkens
  • [examples] Fix Next.js prop-type (#20474) @Izhaki
  • [docs] Material-UI Developer Survey 2020 @oliviertassinari
  • [docs] Add Component name section to API docs (#20434) @Josh-Weston
  • [docs] Fix various issues with heading structure (#20389) @eps1lon
  • [docs] Synchronize translations (#20405) @oliviertassinari
Core
  • [core] Introduce unstable_useId hook (#20407) @NMinhNguyen
  • [test] Fix broken tests in react@next (#20472) @eps1lon
  • [test] Use .checkPropTypes instead of render + propTypes (#20451) @eps1lon

4.9.9

Apr 4, 2020

Big thanks to the 20 contributors who made this release possible.

@material-ui/core@v4.9.9
  • [Card] Fix TypeScript not recognizing "component" prop (#20179) @rart
  • [Chip] Fix input integration (#20368) @chaudharykiran
  • [Drawer] Fix clipped scroll overflow (#20396) @maksimgm
  • [ExpansionPanel] Use theme.spacing in summary (#20344) @eps1lon
  • [MenuItem] Fix prop ListItemClasses (#20377) @netochaves
  • [Select] Fix onChange fired with current value (#20361) @ksrb
  • [Select] Fix validator.w3.org error (#20356) @mfsjr
  • [Slide] Fix direction as optional in TypeScript (#20338) @maksimgm
  • [styles] Fix missing export of ThemeProviderProps (#20390) @TomekStaszkiewicz
  • [TextField] Fix line-height and height that cut text (#20363) @fyodorovandrei
@material-ui/lab@v4.0.0-alpha.48
  • [Autocomplete] Fix blurOnSelect consistency for keyboard (#20314) @alexbarkin
  • [Autocomplete] Fix multiselect regression (#20315) @oliviertassinari
  • [Autocomplete] Go back to the initial groupBy tradeoff (#20376) @oliviertassinari
  • [TreeView] Allow TreeItem to have conditional child (#20238) @tonyhallett
  • [TreeView] Correct visibleNodes on re-render (#20157) @tonyhallett
  • [TreeView] Fix move focus when pressing a modifier key + letter (#20309) @m4theushw
Docs
  • [examples] Move Copyright into its own component (#20383) @HaNdTriX
  • [blog] Introducing Material-UI for Sketch (#20295) @oliviertassinari
  • [docs] Batch small changes (#20312) @oliviertassinari
  • [docs] Explain mini-theme example (#20339) @maksimgm
  • [docs] Fix Tidelift UTM parameters (#20348) @phated
  • [docs] Fix grammer: a -> they (#20336) @nainardev
  • [docs] Fix masked text field bug (#20397) @mattcorner
  • [docs] Improve _app usage in nextjs examples (#20381) @HaNdTriX
  • [docs] Improve analytics (#20337) @oliviertassinari
  • [docs] Sync translations (#20316) @oliviertassinari
  • [docs] Next.js: Remove unused config files (#20382) @HaNdTriX
Core
  • [core] Add TextField focused prop (#20276) @dmtrKovalenko
  • [core] Add missing test case for restricted-path-imports (#20350) @NMinhNguyen
  • [core] Batch of small changes (#20349) @oliviertassinari
  • [core] Export core utils modules from barrel (#20354) @NMinhNguyen
  • [core] Improve out-of-date PR story (#20341) @eps1lon
  • [core] Remove createSvgIcon duplication (#20308) @oliviertassinari

4.9.8

Mar 28, 2020

Big thanks to the 24 contributors who made this release possible.

Here are some highlights ✨:

  • ⚛️ Improve the DX, migrate a couple of props' descriptions to TypeScript (#20298, #20171, #20264) @eps1lon.

    The coverage has increased from 17 to 50 components. We are working on migrating the 94 missing components.

  • ⚛️ Improve the DX, add debug information when using hooks (#19515) @eps1lon.

    For instance, with the useMediaQuery hook:

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v4.9.8
  • [DX] Add debug values to various hooks (#19515) @eps1lon
  • [ListItem] Add component prop to primaryTypographyProps and… (#19155) @fyodore82
  • [MenuList] Include disabled items in keyboard navigation (#19967) @scottander
  • [MenuList] Remove if-statement that is always true (#20270) @CptWesley
  • [Popover] Fix resize event leak (#20272) @skmail
  • [Select] Fix disabled color to the icon (#20287) @HenryLie
  • [SvgIcon] Remove wrong role (#20307) @oliviertassinari
  • [theme] Warn when palette structure is wrong (#20253) @oliviertassinari
  • [Tooltip] Fix TextField integration (#20252) @ShehryarShoukat96
  • [Tooltip] Remove superfluous argument in handleBlur call (#20271) @CptWesley
  • [TypeScript] Enable module augmentation of CommonColors (#20212) @eps1lon
  • [TypeScript] Add JSDOC to ListItem TypeScript props (#20171) @eps1lon
  • [TypeScript] Fix Checkbox and Radio type propType (#20293) @eps1lon
  • [TypeScript] Fix incorrect typings regarding transition components a… (#20306) @eps1lon
  • [TypeScript] Link to demos and API in IntelliSense (#20078) @eps1lon
  • [TypeScript] Mark context value as nullable for optional providers (#20278) @ianschmitz
  • [TypeScript] Move more prop docs into IntelliSense (#20298) @eps1lon
  • [TypeScript] Add more props documentation to IntelliSense (#20264) @eps1lon
@material-ui/lab@v4.0.0-alpha.47
  • [Autocomplete] Add limitTags prop (#20209) @netochaves
  • [Autocomplete] Add startAfter option (#20305) @netochaves
  • [Autocomplete] Warn when value does not match options (#20235) @igorbrasileiro
  • [Pagination] Add RTL support (#20247) @HenryLie
  • [TreeView] Correct single-select aria-selected (#20102) @tonyhallett
  • [TreeView] Disable all selection when disableSelection (#20146) @tonyhallett
  • [TreeView] Fix focus steal (#20232) @tonyhallett
  • [TreeView] fix inconsistent focus for programmatically focused treeitem (#20237) @tonyhallett
Docs
  • [docs] Add a new site to showcase (google-keep clone) (#20260) @anselm94
  • [docs] Add color preview to default theme tree (#20082) @mlizchap
  • [docs] Add demo link (#20262) @esemeniuc
  • [docs] Extract landing-only modules (#20187) @eps1lon
  • [docs] Fix TablePagination props swap descriptions (#20274) @johncalvinroberts
  • [docs] Fix a few WAVE errors (#20304) @oliviertassinari
  • [docs] Fix icons + locale (#20213) @oliviertassinari
  • [docs] Fix popover anchor playground crash (#20265) @Zaynex
  • [docs] Fix wording in backdrop.md (#20190) @matt-savvy
  • [docs] Improve demo error boundary (#20177) @eps1lon
  • [docs] Improve doc for textField and buttons (#20207) @DDDDDanica
  • [docs] Improve loading experience (#20005) @eps1lon
  • [docs] Improve material icons installation instructions (#20290) @ArianKrasniqi
  • [docs] Mark toolbar for assistive technology (#20158) @eps1lon
  • [docs] Page size tracking fixes (#20199) @eps1lon
  • [docs] Sync translations (#20210) @oliviertassinari
Core
  • [test] Improve regression test suite debugging (#20194) @eps1lon
  • [ci] Retry mergable state for 30 minutes (#20269) @eps1lon
  • [core] Automatically apply "PR: needs rebase" PR label (#20169) @eps1lon
  • [core] Batch small changes (#20255) @oliviertassinari
  • [core] Fix docs:start which should start next.js server (#20202) @ro7584
  • [core] Fix maintenance workflow failing on fork PRs (#20195) @eps1lon
  • [core] Format all ts files (#20233) @eps1lon

4.9.7

@material-ui/core@v4.9.7
  • [core] Patch correct dependencies (10bc98f)

4.9.6

Mar 18, 2020

Big thanks to the 39 contributors who made this release possible.

Here are some highlights ✨:

  • ⚛️ Improve the DX in Visual Studio Code (#20079, #19962, #19280) @eps1lon @jedwards1211.

    • Preview the purpose of each theme.spacing arguments right in the editor:

    • Leverage code snippets to save time with this extension.

    • Preview the colors right in the editor:

  • 🔍 12 patches on the Autocomplete component.

  • 💄 Polish on the Pagination component (#19933, #19964, #19966, #19987) @pvdstel @eps1lon @mbrookes.

@material-ui/core@v4.9.6
  • [Chip] Prevent event default when onDelete is triggered (#20051) @eps1lon
  • [Container] Reset display block (#19971) @oliviertassinari
  • [DatePicker] Fix codesandbox demo (#19926) @netochaves
  • [Drawer] Add a comment for clarity on the styling of height of the toolbar (#19934) @smerriman18
  • [Grid] Fix row-reverse typo (#20048) @jhthompson
  • [Link] Fix color mismatch with Typography component (#19949) Weslen do Nascimento
  • [ListItemText] Fix display block issue (#20039) @psdr03
  • [Select] Simplify the demos (remove ref) (#20076) @captain-yossarian
  • [TablePagination] Out of range warning when "count={-1}" (#19874) @dbarabashdev
  • [TextField] Avoid outline label CSS leak (#19937) @ivoiv
  • [TextField] Fix outlined render gap if label = empty string (#19722) @captain-yossarian
  • [TextField] Minimize usage of z-index (#19547)" (#20016) @piotros
  • [theme] Describe what each argument of theme.spacing affects (#19962) @eps1lon
  • [theme] Array reject on spacing transformation fixed (#19900) Weslen do Nascimento
  • [Tooltip] Fix useMemo dependency (#19899) @NMinhNguyen
  • [Tooltip] Reduce enterDelay to 100ms (#19898) @oliviertassinari
@material-ui/styles@v4.9.6
  • [styles] Fix theme default props overriden by Component default (#20091) @adridavid
  • [styles] Name anonymous function type (#19996) @eps1lon
@material-ui/system@v4.9.6
  • [theme] Array reject on spacing transformation fixed (#19900) Weslen do Nascimento
@material-ui/utils@v4.9.6
  • [core] Fix deepmerge of DOM elements (#20100) @ValentinH
@material-ui/lab@v4.0.0-alpha.46
  • [Autocomplete] Add more details in the onChange event (#19959) @akharkhonov
  • [Autocomplete] Add scrollbar support in IE11 (#19969) @SergeyUstinovich
  • [Autocomplete] Better synchronize the highlight with the value (#19923) @captain-yossarian
  • [Autocomplete] Document listbox limitation (#20101) @zatine
  • [Autocomplete] Fix clearOnEscape + multiple combination (#20065) @chaudharykiran
  • [Autocomplete] Fix GitHub's demo behavior (#19928) @hasanozacar
  • [Autocomplete] Fix typo in prop description (#20086) @vince1995
  • [Autocomplete] Improvement popup open logic (#19901) @haseebdaone
  • [Autocomplete] Make categories more obvious (#20142) @embeddedt
  • [Autocomplete] Simplify error for wrong getOptionLabel (#20103) @oliviertassinari
  • [Autocomplete] Update onChange API @oliviertassinari
  • [Autocomplete] Use getOptionLabel over stringify (#19974) @a-type
  • [AvatarGroup] Add max avatar prop (#19853) @GFynbo
  • [Pagination] Add TypeScript types (#19933) @pvdstel
  • [Pagination] Fix prop forwarding of onChange and page (#19964) @eps1lon
  • [Pagination] Leverage @default over default values (#19966) @eps1lon
  • [Pagination] Remove children prop (#19987) @mbrookes
  • [Rating] Fix text alignment inheritance (#20055) @mlizchap
  • [Skeleton] Fix SkeletonClassKey type (#20047) @100terres
  • [Skeleton] Improve wave dark mode support (#20112) @oliviertassinari
Docs
  • [docs] Add radio error demo (#19599) @mbrookes
  • [docs] Bump next to latest (#19995) @eps1lon
  • [docs] Display color preview in IntelliSense (#20079) @eps1lon
  • [docs] Document typescript:transpile script (#19951) @eps1lon
  • [docs] Fix @material-ui/styles release version number (#19939) @jkjustjoshing
  • [docs] Fix OutlinedLabel typo (#20006) @ljcooke
  • [docs] Fix SEO issues (#20108) @oliviertassinari
  • [docs] Fix Sketch link (#19944) @mbrookes
  • [docs] Fix grammar in autocomplete doc (#20066) @dandv
  • [docs] Fix incorrect type for fontWeight @eps1lon
  • [docs] Fix missing OutlinedLabel#label link in Select API docs (#19993) @eps1lon
  • [docs] Flexbox, add element for show the good effect (#19956) @tbredillet
  • [docs] Flexbox: update item number (#19954) @tbredillet
  • [docs] Improve font size scaling of some demos (#19950) @eps1lon
  • [docs] Remove premium support offerings (#19972) @mbrookes
  • [docs] Simplify checkbox examples (#20052) @tacigar
  • [docs] Simplify some demos (#19608) @mbrookes
  • [docs] Track bundle size of pages (#19978) @eps1lon
  • [docs] Upgrade to next 9 (#18441) @eps1lon
  • [docs] Simplify drawer examples (#20040) @TommyJackson85
  • [examples] Fix typo in gatsby readme (#19998) @eps1lon
Core
  • [test] Match against messages not args on console methods (#20046) @eps1lon
  • [test] Resize screenshots with sharp (#19979) @oliviertassinari
  • [test] Run snapshot tests on the a11y tree (#20019) @eps1lon
  • [ci] Fix azure not running (#20127) @eps1lon
  • [ci] Fix incorre pr number for experimental scripts (#20021) @eps1lon
  • [ci] Let failed types-next jobs pass (#20007) @eps1lon
  • [ci] Let failed types-next jobs pass (#20017) @eps1lon
  • [core] Add missing properties to TypeAction (#20075) @timonweber
  • [core] Add spacing after prettier command (#20073) @dandv
  • [core] Batch small changes (#20111) @oliviertassinari
  • [core] Fix typos in code comments (#19999) @eps1lon
  • [core] Improve the DX when iterating on components (#20128) @oliviertassinari
  • [core] Use Babel 7 version of transform-react-constant-elements (#20015) @merceyz
  • [security] Bump acorn from 5.7.3 to 5.7.4 (#20105) @dependabot-preview
  • [core] Batch small changes (#19896) @oliviertassinari
  • [core] Update type defs to use OverridableComponent (#20110) @theGirrafish
  • [core] Fix docs:api cleaning the wrong directory #20164 @ro7584

4.9.5

Feb 29, 2020

Big thanks to the 15 contributors who made this release possible.

Here are some highlights ✨:

  • 💄 Add selection (and multi-selection) support to tree view (#18357) @joshwooding
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v4.9.5
  • [ButtonBase] Fix when changing enableRipple prop from false to true (#19667) @dmtrKovalenko
  • [l10n] Add Armenian (hy-AM) locale (#19844) @vgevorgyan
  • [l10n] Add Hebrew (he-IL) locale (#19850) @boazberman
  • [Popper] Fix deep merge of PopperProps (#19851) @valgrindMaster
  • [RadioGroup] Random default name (#19890) @dfernandez-asapp
  • [Slider] Add explicit types for slider callbacks (#19867) @deymundson
  • [Step] Add missing expanded prop to step TypeScript (#19873) @countableSet
@material-ui/lab@v4.0.0-alpha.45
  • [Autocomplete] Fix list of countries (#19862) @FottyM
  • [TreeView] Fix conditional nodes support (#19849) @joshwooding
  • [Treeview] Add node selection support (#18357) @joshwooding
Docs
  • [docs] Fix broken link to jss-nested plugin (#19837) @Izhaki
  • [docs] Fix typo on supported-platforms.md (#19841) @vferdiansyah
  • [docs] Move store to a subfolder (#19822) @oliviertassinari
Core
  • [ci] Enable re-run of azure pipelines (#19823) @eps1lon
  • [ci] fix heap out of memory in azure pipelines (#19825) @eps1lon
  • [core] Migrate to import * as React from 'react' (#19802) @TrySound
  • [test] Fix defaultProps overriding props (#19858) @eps1lon
  • [test] Test against typescript nightlies (#19857) @eps1lon

4.9.4

Feb 23, 2020

Big thanks to the 18 contributors who made this release possible.

Here are some highlights ✨:

  • ♿️ Improve the accessibility support of the Breadcrumbs and ButtonBase (#19724, #19784) @captain-yossarian.
  • 💄 Polish the new Pagination component (#19758) @zettca.
  • 🐛 Fix Preact support of the swipeable drawer (#19782) @TommyJackson85.
  • 💅 Introduce a small delay in the appearance of the tooltip (#19766) @Ritorna.
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v4.9.4
  • [Breadcrumbs] Fix expand/collapsed Breadcrumbs via keyboard (#19724) @captain-yossarian
  • [ButtonBase] Fix space handling for non native button elements (#19784) @captain-yossarian
  • [CardMedia] Fix propTypes to allow component prop (#19790) @stevenmusumeche
  • [CssBaseline] Change of children type to ReactNode (#19770) @dfernandez-asapp
  • [Framer] Release v1.1.0 (#19800) @mbrookes
  • [SwipeableDrawer] Improve Preact support (#19782) @TommyJackson85
  • [SwipeableDrawer] Support global theme changes (#19771) @TommyJackson85
  • [TextareaAutosize] Prevent "Maximum update depth exceeded" (#19743) @SofianeDjellouli
  • [theme] Built-in convertLength method (#19720) @oliviertassinari
  • [Tooltip] Add enterNextDelay prop (#19766) @Ritorna
@material-ui/lab@v4.0.0-alpha.44
  • [Autocomplete] Built-in fullWidth (#19805) @oliviertassinari
  • [Autocomplete] Fix stuck with open popup (#19794) @hasanozacar
  • [Autocomplete] Warn when using wrong getOptionSelected (#19699) @ahmad-reza619
  • [AvatarGroup] Add spacing prop (#19761) @GFynbo
  • [Pagination] Fix activatedOpacity typo (#19758) @zettca
Docs
  • [docs] Fix typo in Autocomplete (#19775) @aurnik
  • [docs] Add Data Driven Forms to the list of libraries (#19747) @rvsia
  • [docs] Improve wording of bundle size guide (#19768) @larsenwork
  • [docs] Sync translations.json @oliviertassinari
  • [docs] Update the translations (#19741) @mbrookes
Core
  • [core] Export ThemeOptions (#19789) @dbarabashdev
  • [core] Small fixes (#19803) @oliviertassinari
  • [core] Update getDisplayName to handle React.memo (#19762) @dantman

4.9.3

Big thanks to the 18 contributors who made this release possible.

@material-ui/core@v4.9.3
  • [l10n] Add Estonian (et-EE) locale (#19707) @villuv
  • [ScopedCssBaseline] Allow css to be only applied on children (#19669) @TomPradat
@material-ui/system@v4.9.3
  • [system] Add boxSizing to sizing styled system (#19684) @mesteche
@material-ui/lab@v4.0.0-alpha.43
  • [Autocomplete] Improve freeSolo UX (#19663) @itelofilho
  • [Autocomplete] Make options required (#19648) @alexandesigner
  • [Pagination] Second iteration (#19612) @oliviertassinari
Docs
  • [TreeView] Add recursive demo (#19636) @captain-yossarian
  • [docs] Encourage mui-rff (#19676) @lookfirst
  • [docs] Fix missing import in auto-dark theme palette example (#19694) @vinyldarkscratch
  • [docs] Fix typo in sticky footer template (#19695) @bryndyment
  • [docs] List default attributes first (#19693) @amcasey
  • [docs] Revamp the notifications (#19615) @mbrookes
  • [docs] Revert sidebar scrolling (#19678) @kristenmills
  • [docs] Switch to cross-fetch (#19644) @eps1lon
  • [docs] Update codemod documentation (#19661) @larsenwork
  • [docs] What's the lab about? (#19611) @jcafiero
Core
  • [core] Export TypographyVariant type (#19598) @aleccaputo
  • [core] Host normalize-scroll-left (#19638) @oliviertassinari
  • [core] Misc dependency fixes (#19643) @eps1lon
  • [core] Batch small changes (#19639) @oliviertassinari
  • [core] Batch small changes (#19717) @oliviertassinari

4.9.2

Feb 9, 2020

Big thanks to the 24 contributors who made this release possible.

@material-ui/core@v4.9.2
  • [AppBar] Add color transparent support (#19393) @lexskir
  • [Divider] Fix height for vertical divider in a flexbox (#19614) @captain-yossarian
  • [Modal] Fix zoom out on iOS (#19548) @TommyJackson85
  • [MobileStepper] Fix TypeScript props not aligning with prop-types (#19594) @illusionalsagacity
  • [Tabs] Add missing updateScrollButtons type in TabActions (#19570) @notsidney
  • [TextField] Fix blurry text on label (#19547) @chybisov
  • [TextField] Fix label notch for custom htmlFontSize (#19558) @kusmierz
  • [Typography] Add missing classes to TypographyClassKey (#19588) @galechus
  • [l10n] Add Hungarian (hu-HU) locale (#19566) @vgaborabs
  • [l10n] Add Icelandic (is-IS) locale (#19538) @axelbjornsson
@material-ui/lab@v4.0.0-alpha.42
  • [Autocomplete] Fix unexpected clearing (#19511) @captain-yossarian
  • [Autocomplete] Support limiting the amount of options (#19539) @govizlora
  • [Pagination] Introduce new component (#19049) @mbrookes
Docs
  • [docs] Add ToggleButton demo for not accepting null value (#19582) @LorenzHenk
  • [docs] Add blocks section to related-projects (#19562) @alexandre-lelain
  • [docs] Add generic props usage examples (#19341) @fyodore82
  • [docs] Add links to sandbox option in examples readme files (#19592) @garethx
  • [docs] Add new starting template (#19604) @dunky11
  • [docs] Add post-update to examples so they run on CodeSandbox (#19605) @garethx
  • [docs] Fix typo in the Avatar docs (#19544) @UltimateForm
  • [docs] Improve entry points for issue repros (#19501) @eps1lon
  • [docs] Link a VSCode extension for working with Material-UI (#19280) @jedwards1211
  • [docs] Notification blog post @oliviertassinari
  • [docs] Refactor EnchancedTable demo (#19560) @ahmad-reza619
  • [docs] The error style rule is a pseudo-class (#19555) @TommyJackson85
  • [docs] Update link to example for adding a new demo (#19590) @LorenzHenk
Core
  • [company] Polish the job post (#19593) @oliviertassinari
  • [core] Ignore @date-ui/ updates (#19633) @eps1lon

4.9.1

Feb 2, 2020

Big thanks to the 39 contributors who made this release possible.

Here are some highlights ✨:

  • 🐛 Clean and synchronize the material icons with Google (#19483, #19485) @timmydoza.
  • 🐛 Fix outlined input regressions (#19389, #19409, #19495) @Alexeyun1k, @kusmierz, @cadrimiranda.
  • 🐛 Fix IME support of the Autocomplete, important for Chinese, Japanese, and Korean (#19499) @teramotodaiki.
  • 📚 Improve the Style Library Interoperability docs section (#19457) @oliviertassinari.
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v4.9.1
  • [Container] Fix mismatch between Container and Toolbar gutters (#19505) @koistya
  • [FormControl] Add fullWidth prop to FormControl context (#19369) @EsoterikStare
  • [l10n] Add Catalan (ca-ES) locale (#19428) @yyuri
  • [l10n] Add Finnish (fi-FI) locale (#19471) @SampsaKaskela
  • [l10n] Add Vietnamese (vi-VN) locale (#19439) @imcvampire
  • [ListItemAvatar] Add "children" prop (#19509) @srghma
  • [Select] Right click opens select menu (#19434) @fyodore82
  • [Slider] Support marks={false} (#19350) @embeddedt
  • [SwitchBase] Fix ignoring disabled from FormControl (#19319) @rostislavbobo
  • [TablePagination] Support unknown total count (#19494) @Domino987
  • [TextField] Declare global mui-auto-fill(-cancel) keyframes (#19497) @martinjlowm
  • [TextField] Fix label notch for custom htmlFontSize (#19409) @kusmierz
  • [TextField] Handle leaky global styles of Bootstrap (#19495) @cadrimiranda
  • [TextField] Prevent overriding legend display styles (#19389) @Alexeyun1k
  • [TextField] Reduce helper text height to match spec (#19390) @suliskh
@material-ui/icons@v4.9.1
  • [icons] Remove extraneous path (#19483) @timmydoza
  • [icons] Synchronize components with Google (#19485) @oliviertassinari
@material-ui/system@v4.9.1
  • [system] Add grid support (#17326) @Lavoaster
@material-ui/lab@v4.0.0-alpha.41
  • [Alert] Improve dark theme coloring (#19105) @ahtcx
  • [Autocomplete] Fix autoSelect logic (#19384) @SerhiiBilyk
  • [Autocomplete] Should not fire change until IME is confirmed (#19499) @teramotodaiki
  • [Autocomplete] Update docs for defaultValue prop (#19431) @willwill96
  • [Rating] Fix readOnly + precision combination (#19414) @TommyJackson85
Framer
  • [framer] Support Framer color tokens for ThemeProvider (#19451) @iKettles
Docs
  • [example] Add @types/node dependency (#19383) @AlexanderVishnevsky
  • [blog] 2019 in review and beyond (#19478) @oliviertassinari
  • [blog] Improve the layout (#19385) @oliviertassinari
  • [docs] Add SwipeableTextMobileStepper demo (#18503) @eps1lon
  • [docs] Add cinemaPlus to showcase (#19502) @georgesimos
  • [docs] Fix /versions GitHub API rate limitation (#19223) @hiteshkundal
  • [docs] Fix a small typo ("idea" ==> "ID") (#19366) @markdoliner
  • [docs] Fix some typos and correct a grammar mistake (#19324) @konekoya
  • [docs] Fix typo (#19492) @Blechkelle
  • [docs] Fix typo in Autocomplete CSS API (#19503) @DenrizSusam
  • [docs] Improve Style Library Interoperability (#19457) @oliviertassinari
  • [docs] Include more info on RMUIF v2.2.0 (#19410) @phoqe
  • [docs] Increase button variant demos consistency (#19392) @theswerd
  • [docs] Refresh the home page (#19430) @mbrookes
  • [docs] Remove @ts-ignore usage (#19504) @eps1lon
  • [docs] Replace switch with checkbox and radio (#19440) @rostislavbobo
  • [docs] Separate ButtonGroup and Fab pages from Button page (#19381) @mbrookes
  • [docs] Update the translations (#19514) @mbrookes
  • [docs] makeStyles doesn't have access to the component's name (#19474) @hesto2
Core
  • [test] Check exhaustive deps of useEnhancedEffect (#19417) @eps1lon
  • [test] Misc polish (#19425) @eps1lon
  • [test] Test type libs in docs (#19375) @eps1lon
  • [test] Exclude inaccessible elements by default in browser tests (#19380) @eps1lon
  • [core] Batch small changes (#19416) @oliviertassinari
  • [core] cross-os jsonlint (#19377) @eps1lon
  • [core] Fix mixins not being assignable as JSS styles (#19491) @ririvas
  • [core] Misc dependency fixes (#19412) @eps1lon

4.9.0

Jan 22, 2020

Big thanks to the 43 contributors who made this release possible.

Here are some highlights ✨:

  • 🐛 Change the outlined input notch implementation to rely 100% on CSS (#17680) @eps1lon.
  • 🔍 11 patches on the Autocomplete component.
  • 📚 Simplify the usage of "copy demo" action (#19291) @theswerd.
  • 📚 Warn when defaultValue changes (#19070) @m4theushw.
  • 💅 Slight updates to better match the Material Design spec (#19277, #19342) @elmeerr.
@material-ui/core@v4.9.0
  • [Breadcrumbs] Remove private separator component (#19234) @hiteshkundal
  • [ButtonBase] Fix potential memory leak for multi-touch devices (#19333) @eps1lon
  • [DialogContentText] Fix component prop (#19102) @fyodore82
  • [l10n] Add Bulgarian (pg-BG) locale (#19138) @panayotoff
  • [l10n] Improve it-IT locale (#19143) @keul
  • [RadioGroup] Fix useRadioGroup.d.ts (#19001) @NMinhNguyen
  • [Slider] Add a custom scale support (#19158) @netochaves
  • [Slider] Center the value label (#19330) @LorenzHenk
  • [StepButton] Fix prop-types warning regarding expanded (#19332) @eps1lon
  • [Stepper] Add support for expanding all the steps (#19200) @hiteshkundal
  • [Tab] Remove font-size media-query (#19342) @elmeerr
  • [TableRow] Improve hover/selected styles (#19277) @elmeerr
  • [TextField] Fix outline offscreen label strikethrough (#17680) @eps1lon
  • [TextField] Improve transitions (#19228) @oliviertassinari
  • [TextField] Support padding for helperText (#19198) @hiteshkundal
  • [Tooltip] Fix popper.js re-instantiation (#19304) @netochaves
@material-ui/styles@v4.8.0
  • [styles] Overload function signature instead of conditional (#19320) @eps1lon
@material-ui/types@v5.0.0 Breaking change
  • [types] Overload function signature instead of conditional (#19320) @eps1lon Or, And, IsAny and IsEmptyInterface have been removed.
  • [types] Remove CoerceEmptyInterface (#19259) @eps1lon
@material-ui/lab@v4.0.0-alpha.40
  • [Alert] Improve Transition demo (#19283) @theswerd
  • [Alert] Use alert severity in demos (#19123) @sviande
  • [Rating] Add default value prop (#19103) @oliviertassinari
  • [Skeleton] Use span element (#19278) @oliviertassinari
  • [Autocomplete] Add missing 'clear' to onInputChange typing (#19286) @mvestergaard
  • [Autocomplete] Decrease padding when icon buttons aren't rendered (#19257) @jedwards1211
  • [Autocomplete] Document how to disable chrome autofill (#19126) @goleary
  • [Autocomplete] Don't delete tag if exists (in freesolo mode) (#19215) @adica
  • [Autocomplete] Extend support to textarea (#19232) @justtol
  • [Autocomplete] Fix group labels hiding items during keybd navigation (#19305) @aisamu
  • [Autocomplete] Fix misleading warning (#19177) @embeddedt
  • [Autocomplete] Fix option grouping (#19121) @liangchunn
  • [Autocomplete] Improve typings (#18854) @testarossaaaaa
  • [Autocomplete] Polish CustomizedHook demo (#19287) @JeremiAnastaziak
  • [Autocomplete] Add selectOnFocus prop (#19281) @Bebersohl
Docs
  • [blog] December 2019 Update (#19119) @oliviertassinari
  • [docs] Add "material-ui-confirm" to the related projects (#19237) @jonatanklosko
  • [docs] Add a new site to showcase (hifivework) (#19129) @lau-sam
  • [docs] Add a new site to showcase (tradenba) (#19307) @zachrdz
  • [docs] Add links to mui-treasury (#19334) @siriwatknp
  • [docs] Fix "Edit this page" link (#19170) @neletdev
  • [docs] Fix a tiny mistake in Chips playground (#19172) @OrBin
  • [docs] Fix broken TypeScript hash link in CONTRIBUTING.md (#19236) @hiteshkundal
  • [docs] Fix link in switches.md (#19256) @TurnerB24
  • [docs] Fix typo in the accessible table demo (#19321) @carbonid1
  • [docs] Improve EnhancedTable.tsx demo (#19266) @sdgluck
  • [docs] Improve draggable dialog demo (#19339) @konekoya
  • [docs] Improve the demos copy experience (#19291) @theswerd
  • [docs] Improve the documentation of the dark theme (#19122) @m4theushw
  • [docs] Improve transition documentation (#19201) @hiteshkundal
  • [docs] Improve typography documentation (#19216) @kevin-lindsay-1
  • [docs] Merge brand.png and logo.png @oliviertassinari
  • [docs] Minor typo (#19219) @sourabhbagrecha
  • [docs] Minor typo fix in testing docs (#19146) @Ardeshir81
  • [docs] Remove Glamor link (#19178) @terryBaz
  • [docs] Update the translations (#19111) @mbrookes
  • [docs] Use button in backdrop demo (#19282) @theswerd
  • [docs] Use reasonable unitless line-height for Box (#19260) @minikomi
Core
  • [test] Improve visual regression tests (#19175) @oliviertassinari
  • [core] Batch small changes (#19097) @oliviertassinari
  • [core] Batch small changes (#19174) @oliviertassinari
  • [core] Distinguish JSSProperties and CSSProperties (#19263) @eps1lon
  • [core] Fix TypographyStyle not allowing media queries and allowing unsafe undefined access (#19269) @eps1lon
  • [core] Ignore a few flaky visual tests (#19226) @oliviertassinari
  • [core] Remove unecessary exports from styles/transitions.js (#19337) @JonKrone
  • [core] Simplify types of styled (#19243) @eps1lon
  • [core] Use node 10 in every CI/CD pipeline (#19301) @eps1lon
  • [core] Warn when defaultValue changes (#19070) @m4theushw
  • [build] Clarify transform-runtime, runtime version (#18512) @eps1lon

4.8.3

Jan 6, 2020

Big thanks to the 19 contributors who made this release possible.

Here are some highlights since 4.8.0 ✨:

  • 💄 Introduce a new Alert component in the lab (#18702) @dimitropoulos.
  • 💄 Improve skeleton animation, add wave support (#18913, #19014) @bowann, @oliviertassinari.
  • 🔍 13 patches on the Autocomplete component.
  • 🌎 Add 6 new locales (ko-KR, az-AZ, cs-CZ, sk-SK, uk-UA, pt-PT).
@material-ui/core@v4.8.3
  • [Badge] Improve demos (#18981) @ypresto
  • [Collapse] Add hidden class key to Collapse typings (#19044) @pvdstel
  • [Grid] Update TypeScript classes definitions (#19050) @Rikpat
  • [Popover] Fix position when changing state or updated (#19046) @SandraMarcelaHerreraArriaga
  • [Snackbar] Improve accessibility (#19043) @oliviertassinari
  • [theme] Support breakpoints.between(a, b) with number (#19003) @ulises-lara
@material-ui/lab@v4.0.0-alpha.39
  • [Alert] Introduce new component (#18702) @dimitropoulos
  • [Autocomplete] Fix disabled + multiple combination support (#19041) @cvanem
  • [Autocomplete] Fix form submit with freeSolo and multiple (#19072) @haseebdaone
  • [Autocomplete] Warn when mixing uncontrolled and controlled (#19060) @m4theushw
  • [Rating] Fix hover state stuck (#19071) @fyodore82
Docs
  • [example] Make sure next.js Links can accept url objects as href (#19073) @Janpot
  • [docs] Add company page (#18964) @oliviertassinari
  • [docs] Add hexToRgb rename to v3 to v4 changelog (#19058) @zettca
  • [docs] Disable in-context translations (#19056) @mbrookes
  • [docs] Fix grammar (#19062) @RDIL
  • [docs] Improve Next.js usage (#19075) @chrisweb
  • [docs] Improve theme.breakpoints description (#19065) @littleee
Core
  • [core] Fix missing type peer deps (#17211) @eps1lon

4.8.2

Dec 30, 2019

Big thanks to the 22 contributors who made this release possible.

@material-ui/core@v4.8.2
  • [Badge] Fix doc about anchorOrigin (#18982) @ypresto
  • [DialogContent] Add missing dividers class types (#18984) @NickCis
  • [RadioGroup] Add useRadioGroup Hook (#18920) @NMinhNguyen
  • [Slider] Fix discrete mark highlighting (#18993) @ulises-lara
  • [Slider] Improve the pointer event logic (#19010) @oliviertassinari
  • [TablePagination] Fix duplicate key error (#18988) @afzalsayed96
  • [TableSortLabel] Relax IconComponent prop requirements in TypeScript (#18936) @Igorbek
  • [TableSortLabel] Sort asc by default (#19013) @oliviertassinari
  • [l10n] Add Portuguese (pt-PT) locale (#18987) @hrafaelveloso
@material-ui/styles@v4.8.2
  • [styles] Fix jss StyleSheet attach() call (#19042) @mceIdo
@material-ui/lab@v4.0.0-alpha.38 Breaking changes
  • [Skeleton] Add wave animation support (#19014) @oliviertassinari

    -<Skeleton disableAnimation />
    +<Skeleton animation={false} />
    
Change
  • [Autocomplete] Fix option height border-box (#19000) @MariyaVdovenko
  • [Autocomplete] Zero (0) integer key display throws (#18994) @hoop71
  • [Rating] Clear value if selected value is clicked (#18999) @ivowork
  • [Rating] Add a demo with different icons (#19004) @hoop71
Docs
  • [docs] Add TS demo for MenuPopupState (#18998) @eps1lon
  • [docs] Add yarn install instructions in CONTRIBUTING.md (#18970) @hiteshkundal
  • [docs] Clarify not all components have 'component' prop (#19015) @JamieS1211
  • [docs] Fix syntax error in palette customization example (#19008) @mumairofficial
  • [docs] Fix typo in toggle-button.md (#19002) @noahbenham
  • [docs] Update showcase lists (#19039) @typekev
  • [docs] Fix url address in modules/watrerfall/Batcher.js (#18997) @hiteshkundal
Core
  • [core] Don't force a remote when listing prettier changes (#18794) @Janpot
  • [core] Bump handlebars from 4.1.2 to 4.5.3 (#18989) @dependabot-preview
  • [core] Batch small changes (#19016) @oliviertassinari
  • [core] Batch small changes (#19012) @mbrookes

4.8.1

Dec 24, 2019

Big thanks to the 24 contributors who made this release possible.

@material-ui/core@v4.8.1
  • [Drawer] Fix PaperProps className merge (#18866) @kristenmills
  • [InputBase] Add rowsMin to typings (#18922) @lcswillems
  • [Paper] Add a variant prop (#18824) @netochaves
  • [Popover] Fix bug open animation (#18896) @KevinAsher
  • [Select] Fix bug on focus in controlled open (#18857) @netochaves
  • [TextField] onBlur event argument can be undefined (#18867) @abnersajr
  • [Typography] Improve custom component types support (#18868) @fyodore82
  • [theme] Add warning, success and info colors to the palette (#18820) @r3dm1ke
  • [l10n] Add Korean (ko-KR) locale (#18952) @inspiredjw
  • [l10n] Add Azerbaijan (az-AZ) locale (#18859) @rommelmamedov
  • [l10n] Add Czech (cs-CZ) and Slovak (sk-SK) locales (#18876) @char0n
  • [l10n] Add Ukrainian (uk-UA) locale (#18832) @EvgenBabenko
@material-ui/lab@v4.0.0-alpha.37
  • [Skeleton] Delay the animation by 500ms (#18913) @bowann
  • [TreeView] Improve RTL support (#18855) @eladex
  • [TreeView] Support input in item child (#18894) @eggbread
  • [Autocomplete] Add ListboxProps prop (#18887) @ChrisWiles
  • [Autocomplete] Add blurOnSelect prop (#18827) @m4theushw
  • [Autocomplete] Add forcePopupIcon prop (#18886) @SandraMarcelaHerreraArriaga
  • [Autocomplete] Call onInputChange before onChange (#18897) @MarinePicaut
  • [Autocomplete] Fix padding to make visual height consistent (#18851) @takutolehr
  • [Autocomplete] Pass ListboxProps (#18916) @ChrisWiles
  • [Autocomplete] Prevent focusing control / opening dropdown on clear (#18889) @Monbrey
  • [Autocomplete] Support ChipProps prop (#18917) @ChrisWiles
Docs
  • [docs] Fix grammar issues in Babel plugin unwrap-createstyles (#18856) @RDIL
  • [docs] Update the translations (#18865) @mbrookes
Core
  • [core] Batch small changes (#18961) @oliviertassinari

4.8.0

Dec 14, 2019

Big thanks to the 29 contributors who made this release possible.

Here are some highlights ✨:

  • 💄 Add orientation support to the button group (#18762) @SandraMarcelaHerreraArriaga.
  • 💄 Add stacking support to the avatar (#18707) @oliviertassinari.
  • 💄 Add disable elevation support to the button (#18744) @netochaves.
  • 💄 Add size small support to the radio and checkbox (#18688) @SandraMarcelaHerreraArriaga.
  • 🌎 Add 3 new locales (id-Id, ro-RO, nl-NL) @fuadinaqi, @raduchiriac, @JimKoene.
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v4.8.0
  • [Avatar] Add missing 'fallback' AvatarClassKey (#18717) @kLabz
  • [ButtonGroup] Add orientation prop (#18762) @SandraMarcelaHerreraArriaga
  • [Button] disableElevation prop (#18744) @netochaves
  • [ClickAwayListener] Fix preventDefault logic (#18768) @jayknott
  • [Container] Add disableGutters prop (#15872) @divyanshutomar
  • [Drawer] Fix PaperProps className merge conflict (#18740) @siriwatknp
  • [Modal] Fix scroll jump issue (#18808) @cvara
  • [Popper] Fix position when changing state or updated (#18813) @Amagon96
  • [Radio][Checkbox] Add size="small" support (#18688) @SandraMarcelaHerreraArriaga
  • [Select] Fix incorrect auto-sizing of native select (#18787) @IvanFrescas
  • [Select] Fix listbox closing on Space keyUp (#18754) @eps1lon
  • [Table] Add TableContainer component (#18699) @r3dm1ke
  • [TextField] Fix missing size prop in TypeScript types @sarpt
  • [TextareaAutosize] Add rowsMin prop (#18804) @lcswillems
  • [ToggleButton] Add size prop type definition (#18778) @sarfata
  • [Tooltip] Add popperArrow to TooltipClassKey (#18772) @umidbekkarimov
  • [Typography] Fix lineHeight for h1-h5 (#18663) @LorenzHenk
  • [l10n] Add Indonesian (id-Id) locale (#18817) @fuadinaqi
  • [l10n] Add Romanian (roRO) locale (#18825) @raduchiriac
  • [l10n] Add dutch translations (#18758) @JimKoene
  • [useMediaQuery] Support custom window (#18741) @siriwatknp
@material-ui/lab@v4.0.0-alpha.36
  • [AvatarGroup] Introduce new component (#18707) @oliviertassinari
  • [Autocomplete] Fix double change event issue (#18786) @tplai
  • [Autocomplete] Add reason to onInputChange callback (#18796) @Tybot204
  • [Autocomplete] Expand virtualized example to have grouped items (#18763) @Janpot
Docs
  • [blog] November 2019 Update (#18805) @oliviertassinari
  • [docs] Change readOnly to disabled in text-fields.md example (#18792) @sterjoski
  • [docs] Fix chip outlined variant (#18806) @scotttrinh
  • [docs] Improve Avatar fallback description (#18720) @mbrookes
  • [docs] Improve homepage accessibility (#18745) @mbrookes
  • [docs] Improve table of contents cmd+click (#18765) @Janpot
  • [docs] Remove unused dependencies (#18753) @eps1lon
  • [docs] Revert hiding duplicate link (#18767) @mbrookes
  • [docs] Simplify MiniDrawer demo (#18814) @shc023
Core
  • [core] Fix @material-ui/lab homepage url (#18823) @francisrod01
  • [core] Batch small changes (#18780) @oliviertassinari

4.7.2

Dec 7, 2019

Big thanks to the 18 contributors who made this release possible.

@material-ui/core@v4.7.2
  • [Tooltip] Add missing classes type definitions (#18645) @dufia
  • [Tooltip] Fix arrow placement in RTL languages (#18706) @mosijava
  • [Tooltip] Fix onMouseOver event leak (#18687) @r3dm1ke
  • [ClickAwayListener] Support other documents (#18701) @Izhaki
  • [Avatar] Fallback images when fails to load (#18711) @netochaves
  • [Chip] Support text-overflow ellipsis by default (#18708) @suliskh
  • [Container] Add missing default theme props Type (#18654) @max10rogerio
  • [Modal] Document the 'Focus trap' limitation (#18643) @PutziSan
  • [Portal] Support any children node (#18692) @luffywuliao
  • [TablePagination] Fix responsive display issue (#18668) @r3dm1ke
  • [TextField] InputAdornment shouldn't wrap (#18641) @TrejGun
  • [l10n] Add Polish translation (#18685) @eXtreme
  • [theme] Fix wrong ResponsiveFontSizesOptions type (#18661) @pstadler
  • [useMediaQuery] Fix hydrationCompleted true before hydrated (#18683) @toddmazierski
@material-ui/lab@v4.0.0-alpha.35
  • [Autocomplete] Add getOptionSelected prop (#18695) @DarkKnight1992
  • [Autocomplete] Add size prop (#18624) @oliviertassinari
  • [Autocomplete] Prevent tag overflow (#18662) @fbarbare
Docs
  • [docs] Break up blog template into smaller sections (#18627) @mbrookes
  • [docs] Update the translations (#18644) @mbrookes
  • [docs] ssrMatchMedia required for client rending as well (#18680) @moshest
Core
  • [core] Batch changes (#18629) @oliviertassinari

4.7.1

Dec 1, 2019

Big thanks to the 27 contributors who made this release possible.

Here are some highlights ✨:

  • 🌎 Improve localization support.
  • ✨ Export all the types from barrel index (#18306) @merceyz.
  • 🔍 8 patches on the Autocomplete component.
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v4.7.1
  • [Backdrop] Comment on z-index use case (#18589) @meebix
  • [Select] Improve response, react to mouse down (#17978) @SarthakC
  • [l10n] Add Italian translation (#18507) @Angelk90
  • [l10n] Add Turkish translation (#18509) @yunusemredilber
  • [l10n] Add svSE translations (Swedish) (#18591) @dluco-
  • [l10n] Fix German translation (#18498) @cmfcmf
  • [styles] Fix ThemeProvider requiring full theme (#18500) @eps1lon
  • [useMediaQuery] Fix ssrMatchMedia requiring listener mixin (#18501) @eps1lon
@material-ui/lab@v4.0.0-alpha.34
  • [Skeleton] Fix non-breakable space (#18548) @gmltA
  • [Rating] Improve mobile support (#18603) @aleccaputo
  • [Autocomplete] Document value equality check (#18516) @ChawinTan
  • [Autocomplete] Fix CSS specificity issue (#18578) @mr-bjerre
  • [Autocomplete] Fix selecting undefined on updated options (#18611) @jellyedwards
  • [Autocomplete] Fix typo in test (#18506) @TrejGun
  • [Autocomplete] Improve icons display (#18520) @oliviertassinari
  • [Autocomplete] Only call .focus() when necessary (#18584) @Davidasg180
  • [Autocomplete] Only trigger onInputChange when the value changes (#18571) @sclavijo93
  • [Autocomplete] Show loading text when there are no options (#18570) @sclavijo93
Docs
  • [docs] Add monday.com to in-house ads (#18598) @mbrookes
  • [docs] Fix bug in Popper component's Scroll playground example (#18562) @maprihoda
  • [docs] Fix typo in media query docs (#18617) @rajnish307
  • [docs] Fix yarn start command (#18565) @andrestone
  • [docs] Improve the SvgIcon documentation (#18560) @oliviertassinari
  • [docs] Reduce confusion in picker link (#18566) @BGehrels
  • [docs] Include mention to Persian in localization.md (#18513) @uxitten
  • [docs] Update v3 migration guide for ExpansionPanel (#18612) @NMinhNguyen
Core
  • [test] Assert accessible name (#18609) @eps1lon
  • [test] Improve merging tests for createMuiTheme (#18543) @eedrah
  • [misc] Batch small changes (#18614) @mbrookes
  • [core] Add react-is dependency (#18551) @HeadFox
  • [core] Batch small changes (#18539) @oliviertassinari
  • [core] Bump @babel/* deps (#18552) @eps1lon
  • [core] Export everything from the second level (#18306) @merceyz
  • [core] Fix dependabot not ignoring babel-plugin-preval (#18553) @eps1lon
  • [core] Ignore url-loader >= 3 updates (#18639) @eps1lon

3.9.4

Nov 28, 2019 @material-ui/core@v3.9.4
  • [Portal] Fix circular PortalProps Types (#18602)

    Fix TypeScript 3.7 support

4.7.0

Nov 22, 2019

Big thanks to the 27 contributors who made this release possible.

Here are some highlights ✨:

  • 🌎 Add localization support (#18219) @soltanloo.
  • 🔍 8 patches on the Autocomplete component.
  • 💄 Add tooltip arrow support (#18323) @goleary.
  • 📚 Display the demos on a white background (#18396) @oliviertassinari.
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v4.7.0
  • [l10n] Add localization (#18219) @soltanloo
  • [l10n] Improve Russian translation (#18422) @gmltA
  • [Avatar] Tip about what srcset can be used for (#18366) @uxitten
  • [CardMedia] Use propTypes for "at least one"-check (#18384) @eps1lon
  • [Chip] Document accessibility (#18271) @eps1lon
  • [Collapse] Add support for unitless collapsedHeight (#18461) @weslenng
  • [Grid] Infer displayName (#18481) @NMinhNguyen
  • [HiddenCss] Fix warning when using custom breakpoints (#18382) @eps1lon
  • [Modal] Prefer to lock scroll on body than html element (#18445) @andreasheim
  • [Popper] Use context for RTL support (#18381) @MisterQH
  • [Slider] Increase interaction area (#18429) @oliviertassinari
  • [Slider] Make the slider work as intended when max%step !== 0 (#18438) @macfire10
  • [Snackbar] Fix timer restarting when parent component re-render (#18361) @weslenng
  • [Tooltip] Add arrow prop (#18323) @goleary
  • [Tooltip] Use hysteresis with the enterDelay (#18458) @oliviertassinari
  • [getContrastText] Throw descriptive exception when passing falsy argument (#18383) @eps1lon
@material-ui/lab@v4.0.0-alpha.33
  • [Skeleton] Keep the size 1:1 to replaced text content (#18451) @macfire10
  • [SpeedDialIcon] Fix test for react 16.12.0 (#18379) @eps1lon
  • [TreeView] Fix control state error (#18341) @joshwooding
  • [Autocomplete] Add popperDisablePortal to classes (#18346) @nullberri
  • [Autocomplete] Add tag keyboard navigation test (#18355) @oliviertassinari
  • [Autocomplete] Better handle native browsers' autofill and autocomplete (#18376) @IanSmith89
  • [Autocomplete] Fix CreateFilterOptions definition (#18419) @alaumh
  • [Autocomplete] Fix bug on disableOpenOnFocus prop (#18380) @netochaves
  • [Autocomplete] Fix usage of Home/End keys (#18338) @weslenng
  • [Autocomplete] Fix virtualization demo (#18455) @mandrin17299
  • [Autocomplete] Ignore object keys in default filter (#18480) @eggbread
  • [lab] Bump material-ui/core version (#18354) @renatoagds
Docs
  • [docs] Add related project links (#18035) @MaximKudriavtsev
  • [docs] Fix grammar in app-bar.md (#18362) @smilevideo
  • [docs] Fix some markdown spec issue (#18428) @eps1lon
  • [docs] Fix typo in autocomplete docs (#18343) @thomasdashney
  • [docs] Fix useMediaQuery ssr implementation example (#18325) @carloscuesta
  • [docs] Increase the contrast of the demos (#18396) @oliviertassinari
  • [docs] Reduce .html response size (#18356) @oliviertassinari
  • [docs] Remove outdated showcase (#18364) @LorenzHenk
  • [docs] Update the translations (#18339) @mbrookes
Core
  • [GitHub] Fix fragment on link in PR template (#18370) @twgardner2
  • [Security] Bump https-proxy-agent from 2.2.2 to 2.2.4 (#18440) @dependabot-preview
  • [core] Add displayName to contexts (#18468) @eps1lon
  • [core] Batch changes (#18395) @oliviertassinari
  • [core] Ignore babel-plugin-preval updates (#18415) @dependabot-preview
  • [framer] Update after publication (#18340) @mbrookes
  • [test] Check a11y tree inclusion in CI only (#18433) @eps1lon
  • [test] Improve coverage (#18385) @eps1lon
  • [utils] Simplify refType (#18437) @NMinhNguyen

4.6.1

Nov 12, 2019

Big thanks to the 19 contributors who made this release possible.

Here are some highlights ✨:

  • 🔍 12 patches on the Autocomplete component.
  • 👨‍🎤 Add Framer X support (#17797) @mbrookes.
  • And many more 🐛 bug fixes and 📚 improvements.
@material-ui/core@v4.6.1
  • Add Framer X wrapper components (#17797) @mbrookes
  • [ButtonBase] Fix space calling onClick on keyDown instead of keyUp (#18319) @eps1lon
  • [ButtonBase] Test keyboard events of child elements (#18318) @eps1lon
  • [ButtonGroup] Fix typings for disabled classes property (#18274) @xZliman
  • [Select] Fix id not being present when native (#18257) @eps1lon
  • [TextField] Add demo for color prop (#18220) @Studio384
  • [core] Fix createMuiTheme side-effect (#18247) @FabianSellmann
  • [core] Increase specificity to get correct style (#18238) @oliviertassinari
@material-ui/lab@v4.0.0-alpha.32 Breaking changes
  • [Autocomplete] Fix Multiple tag delete action (#18153) @tkanzakic
diff --git a/docs/src/pages/components/autocomplete/FixedTags.js b/docs/src/pages/components/autocomplete/FixedTags.js
index 757d66a97..a4f36edd5 100644
--- a/docs/src/pages/components/autocomplete/FixedTags.js
+++ b/docs/src/pages/components/autocomplete/FixedTags.js
@@ -11,17 +11,9 @@ export default function FixedTags() {
       options={top100Films}
       getOptionLabel={option => option.title}
       defaultValue={[top100Films[6], top100Films[13]]}
-      renderTags={(value, { className, onDelete }) =>
+      renderTags={(value, getTagProps) =>
         value.map((option, index) => (
-          <Chip
-            key={index}
-            disabled={index === 0}
-            data-tag-index={index}
-            tabIndex={-1}
-            label={option.title}
-            className={className}
-            onDelete={onDelete}
-          />
+          <Chip disabled={index === 0} label={option.title} {...getTagProps({ index })} />
         ))
       }
       style={{ width: 500 }}
  • [Autocomplete] Fix popup placement (#18289) @andreasheim
<TextField
  renderInput={params => (
    <InputBase
-     ref={params.ref}
+     ref={params.InputProps.ref}
      inputProps={params.inputProps}
    />
  )}
/>
Changes
  • [TreeView] Add controlled API to TreeView (#18165) @joshwooding
  • [TreeView] Support empty array (#18259) @tomasbruckner
  • [Rating] Add random name when none is provided (#18284) @Vitao18
  • [SpeedDial] Fix crash when using custom style in FabProps (#18320) @weslenng
  • [Autocomplete] Add closeIcon and popupIcon props (#18266) @AbdallahElroby
  • [Autocomplete] Add controllable input value API (#18285) @oliviertassinari
  • [Autocomplete] Add hook customization demo (#18242) @oliviertassinari
  • [Autocomplete] Fix Enter key clearing selected option (#18229) @chapmanio
  • [Autocomplete] Fix the errors reported by Wave (#18283) @oliviertassinari
  • [Autocomplete] Improve accessibility (#18204) @oliviertassinari
  • [Autocomplete] Improve focus logic (#18286) @oliviertassinari
  • [Autocomplete] Remove aria-activedescendant (#18281) @oliviertassinari
  • [useAutocomplete] Fix missing inputValue (#18268) @AbdallahElroby
  • [useAutocomplete] Handle Opera fullscreen mode (#18275) @xZliman
Docs
  • [blog] October 2019 Product Update (#18239) @oliviertassinari
  • [examples] Fix Gatsby broken example (#18321) @weslenng
  • [docs] Fix error in Select options (#18224) @eedrah
  • [docs] Fix show all rows in table pagination (#18260) @markusf1
  • [docs] Improve demo clarity by using form elements (#18241) @jcuenod
  • [docs] Replace alert with console.info (#18316) @eps1lon
  • [docs] Replace react-inspector with custom TreeView implementation (#17662) @eps1lon
Core
  • [core] Add funding entry to manifests (#18250) @eps1lon
  • [core] Remove nodemod (#18222) @oliviertassinari
  • [test] Misc cleanup (#18261) @eps1lon
  • [core] Batch changes (#18264) @oliviertassinari

4.6.0

Nov 5, 2019

Big thanks to the 26 contributors who made this release possible.

Here are some highlights ✨:

  • 🔍 8 patches on the Autocomplete component that was released last week.

The positive feedback we had on the early version of the component is encouraging. Developers should be able to rely on it in production within a couple of weeks (from a bug perspective). We will take more time to stabilize the API, a couple of months.

  • 📚 Split the TextField demos into smaller demos (#17483) @joshwooding
  • 💄 Add a color prop to the TextField (#17891) @ValentinH
  • 💄 Add square and rounded variant to the Avatar (#18116) @mattdotam
  • 🐛 Fix Chip <> Avatar rendering issue (#18156)

By chance, it's the third year in a row we release on November 5th. The number of contributors involved, for a similar one-week period, has grown from 12 contributors (2017) to 16 contributors (2018) to 26 contributors (2019). We are proud of the community. Let's keep this trend going 🚀.

@material-ui/core@v4.6.0
  • [Avatar] Add square variant and documentation (#18116) @mattdotam
  • [Button] Fix horizontal padding on small button with icon (#18118) @vkasraj
  • [Chip] Add ripple when clickable (#17829) @Tarun047
  • [Chip] Fix Avatar CSS issue (#18156) @oliviertassinari
  • [Drawer] Improve "ResponsiveDrawer" demo (#18045) @gorjan-mishevski
  • [ExpansionPanel] Use context instead of cloneElement (#18085) @eps1lon
  • [InputBase] Fix onChange event handler callback of inputProps (#18131) @sjsingh85
  • [OutlinedInput] Simplify customizations (#18127) @gregjoeval
  • [Slider] Improve UX for pointing device with limited accuracy (#18174) @oliviertassinari
  • [Slider] Increase hover hitbox for thumb (#18074) @eps1lon
  • [SwipeableDrawer] Only trigger a swipe when appropriate (#17993) @leMaik
  • [TextField] Add support for "secondary" color (#17891) @ValentinH
  • [TextField] Fix label not being associated with native select (#18141) @eps1lon
  • [TextField] Fix typo in FromControl warning (#18129) @xuanvan229
  • [types] Fix IsEmptyInterface with optional members (#18148) @amcasey
  • [types] Simplify some of the conditional types (#18128) @amcasey
@material-ui/styles@v4.6.0
  • [styles] Fix props based styles callback not including defaultProps (#18125) @salmanm
@material-ui/lab@v4.0.0-alpha.31
  • [Autocomplete] Add disabled prop (#18195) @m4theushw
  • [Autocomplete] Fix aria-controls and aria-activedescendant (#18142) @eps1lon
  • [Autocomplete] Fix crash with freeSolo and rich options (#18161) @oziniak
  • [Autocomplete] Fix disableListWrapp affecting initial focus (#18162) @eps1lon
  • [Autocomplete] Fix display in modal (#18160) @oliviertassinari
  • [Autocomplete] Fix multiple blur/focus crash (#18117) @itayyehezkel
  • [Autocomplete] Fix typo + types (#18096) @NaridaL
  • [Autocomplete] Rename autoHightlight prop to autoHighlight (#18137) @tkanzakic
  • [TreeView] Change when node map is built (#18154) @joshwooding
  • [SpeedDial] Fix fab items alignment (#18084) @itayyehezkel
Docs
  • [docs] Add ScaffoldHub to ads and example projects (#18071) @mbrookes
  • [docs] Add TagSpaces to the showcase (#18144) @uggrock
  • [docs] Add warning disabled button in Safari (#18072) @itayyehezkel
  • [docs] Break up TextField demos (#17483) @joshwooding
  • [docs] Fix typo (#18090) @mtsmfm
  • [docs] Fix various a11y issues reported by lighthouse (#18146) @eps1lon
  • [docs] Force usage of block language (#18069) @mtsmfm
  • [docs] Improve TypeScript support of Next.js examples (#18088) @Tokenyet
  • [docs] Move "TextField" section higher in the "Selects" page (#17643) @croraf
  • [docs] Rename interface headCell to HeadCell (#18093) @EngMoathOmar
  • [docs] Update notification v4.5.2 @oliviertassinari
Core
  • [test] Build all @material-ui/* packages for Codesandbox CI (#18100) @eps1lon
  • [test] Fix tests failing on subsequent runs in watchmode (#18076) @eps1lon
  • [test] Fix tests polluting DOM (#18163) @eps1lon
  • [core] Batch small changes (#18041) @oliviertassinari
  • [core] Batch small changes (#18155) @oliviertassinari

4.5.2

Oct 28, 2019

Big thanks to the 48 contributors who made this release possible!

Here are some highlights ✨:

  • 🔍 Introduce a new Autocomplete component in the lab to support the autocomplete, combobox and multi-select use cases (#17037) @dreamsinspace.

    This new component will replace the third-party integration examples once it graduates from the lab to the core. It was one of the most requested features (by the number of 👍 on the corresponding issue).

  • 📚 Show the JSX by default for small examples (#17831) @mbrookes.

  • ♿️ Improve Gatsby's Modal support (#17972) @sreetej1998.

  • 🐛 Better support Preact (#18027) @glromeo.

  • 💅 Improve Chrome autofill dark theme support (#17863) @MAkerboom.

  • 📚 Add new context menu demo (#17839) @SarthakC.

@material-ui/core@v4.5.2
  • [Avatar] Revert #17694, correct the API docs, add tests (#18026) @mbrookes
  • [Checkbox] Add TS demo for FormControlLabelPosition (#17964) @burtyish
  • [Dialog] Fix labelledby and describedby placement (#18032) @eps1lon
  • [Dialog] Reduce margins (#17867) @rahulkotha18
  • [ExpansionPanelSummary] Test in StrictMode (#17873) @eps1lon
  • [FormControlLabel] Add missing CSS class keys to TS (#17963) @itayyehezkel
  • [Link] Warn when using plain function component in component (#17825) @Nikhil-Pavan-Sai
  • [ListSubheader] Reduce specificity of typescript type (#17715) @sakulstra
  • [Menu] Add new context menu demo (#17839) @SarthakC
  • [Modal] Fix tabIndex customization (#17939) @Cyrus-d
  • [Modal] Improve Gatsby support (#17972) @sreetej1998
  • [Popper] Revert position fix (#17914) @rahulkotha18
  • [Select] Add labelId to implement proper labelling (#17892) @eps1lon
  • [Select] Better support Preact (#18027) @glromeo
  • [Select] Document how values are compared (#17912) @DustinRobison
  • [Slider] Apply the disabled pseudo class on the thumb too (#18011) @hoop71
  • [Slider] Format value passed to ValueLabelComponent (#17985) @hoop71
  • [SnackbarContent] Convert unit tests to @testing-library/react (#17942) @emilyuhde
  • [Snackbar] Change default role from 'alertdialog' to 'alert' (#17897) @emilyuhde
  • [SwipeableDrawer] Change close swipe behavior and fix touch bug (#17941) @leMaik
  • [Switch] Fix hover style on mobile (#18034) @SarthakC
  • [Tab] Run tests in StrictMode (#18037) @eps1lon
  • [TablePagination] Support display of all rows (#17885) @SarthakC
  • [Table] Demo multiple group headers (#17933) @rayy-lo
  • [Table] Fix sticky header interaction with checkboxes (#17968) @Lavoaster
  • [Table] Improve RTL virtualized demo support (#18038) @FabianKielmann
  • [TextField] Improve Chrome autofill dark theme support (#17863) @MAkerboom
  • [TextareaAutoSize] Add ref prop (#17835) @Tarun047
@material-ui/styles@v4.5.2
  • [styles] Allow ref on withTheme components in TS (#17695) @ianschmitz
@material-ui/system@v4.5.2
  • [system] Support style.transform return React.CSSProperties (#18030) @yoyooyooo
@material-ui/lab@v4.0.0-alpha.30
  • [Autocomplete] Introduce new component (#17037) @dreamsinspace
Docs
  • [docs] Add TS demo for DynamicCSS (#17994) @netochaves
  • [docs] Add TS demo for DynamicCSSVariables (#17983) @netochaves
  • [docs] Add TS demo for MaterialTable (#17938) @schapka
  • [docs] Add TS demo for WithWidth (#17930) @burtyish
  • [docs] Add TS demos for SimpleNoSsr and FrameDeferring (#17913) @ganes1410
  • [docs] Add TS demos for SplitButton in components/buttons (#17862) @rahmatrhd
  • [docs] Add demo for actions in ExpansionPanelSummary (#17969) @ayliao
  • [docs] Add demo for prominent app bar (#17894) @burtyish
  • [docs] Add notification about the date picker survey @oliviertassinari
  • [docs] Clarify aria role of Switch (#17870) @eps1lon
  • [docs] Document mui-rff (#17943) @lookfirst
  • [docs] Explain checks in Contributing (#18033) @eps1lon
  • [docs] Fix "Unknown" typo (#17911) @qmertesdorf-terratrue
  • [docs] Fix RTL-toggle tooltip bug in app bar (#17865) @flurmbo
  • [docs] Fix a typo while reading the doc :) (#18040) @daemonsy
  • [docs] Fix grammar in docs (#17889) @DDDDDanica
  • [docs] Fix typo in Paperbase theme (#17984) @DavidMoraisFerreira
  • [docs] Fix typos and grammar in getting started (#17880) @tonyjmartinez
  • [docs] Improve TabelCell description (#17979) @uxitten
  • [docs] Improve fixed app bar placement section (#17896) @adeelibr
  • [docs] Lazy load landing page images (#17827) @eps1lon
  • [docs] Optimize images (#18025) @MichaelDeBoey
  • [docs] Prevent layout shift when rendering ads (#17893) @Janpot
  • [docs] README: change material design link to use material.io (#17967) @RDIL
  • [docs] Remove unused styles in EnhancedTable demo (#17902) @FeynmanDNA
  • [docs] Replace negative actions from fab examples (#17926) @nuragic
  • [docs] September 2019 Update (#17852) @oliviertassinari
  • [docs] Show the JSX by default for small examples (#17831) @mbrookes
  • [docs] Update the translations (#18042) @mbrookes
  • [docs] Workaround next.js AMP support limitation (#18020) @fbnklmnvds
  • [docs] document use of theme.mixins.toolbar & when using Appbar variant fixed (#17878) @adeelibr
Core
  • [core] Batch small changes (#17910) @oliviertassinari
  • [core] Custom deepmerge implementation (#17982) @oliviertassinari
  • [core] Ignore meta, ctrl and alt in keyboard modality detection (#17924) @adeelibr
  • [core] Reduce eslint-disables (#17841) @eps1lon
  • [core] Remove redundant production check (#17929) @ellisio
  • [test] Add codesandbox CI config (#17874) @eps1lon
  • [test] Add silent option to CodeSandbox CI config (#18024) @CompuIves
  • [test] Only build component packages for codesandbox (#17976) @eps1lon
  • [test] Reduce ByRole calls (#18015) @eps1lon
  • [test] Run tests periodically with react@next (#18008) @eps1lon
  • [test] Use Performance implementation of vendors (#18073) @eps1lon

4.5.1

Oct 12, 2019

Big thanks to the 28 contributors who made this release possible!

Here are some highlights ✨:

  • 📚 Change imports from @material-ui/styles to @material-ui/core/styles (#17447) @mnemanja

    The presence of two almost identical import paths has been a source of confusion: @material-ui/styles and @material-ui/core/styles. Starting with v4.5.1, the documentation mentions @material-ui/core/styles as much as possible.

    -import { makeStyles } from '@material-ui/styles';
    +import { makeStyles } from '@material-ui/core/styles';
    

    This change removes the need to install the @material-ui/styles package directly. It prevents the duplication of @material-ui/styles in bundles and avoids confusion. You can learn more about the difference in the documentation.

  • ♿️ Improve the accessibility of the table and select components (#17696, #17773) @adeelibr, @eps1lon.

  • 📊 Launch a developer survey as a precursor to a major DatePicker enhancement effort.

  • 💄 Add support for different slider track mode (#17714) @slipmat.

  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@v4.5.1
  • [AppBar] Fix display of elevation with position static (#17819) @sreetej1998
  • [Avatar] Allow to set src and children (#17694) @lcswillems
  • [BottomNavigationAction] Test in StrictMode (#17837) @eps1lon
  • [ButtonBase] Document how to use cursor not-allowed (#17778) @slipmat
  • [Button] Add missing class keys for icon sizing (#17677) @mvestergaard
  • [Button] Fix duplicate class names (#17690) @netochaves
  • [Dialog] Forward the id in example (#17678) @ricsam
  • [Modal] Remove mentions of legacy classes (#17798) @eps1lon
  • [Popover] Add root class (#17817) @jayesh-kaza
  • [Popper] Fix placement update logic (#17781) @hoop71
  • [Portal] Remove redundant circular PortalProps import (#17676) @le0nik
  • [Select] Fix opening select requiring double enter with NVDA (#17773) @eps1lon
  • [Select] Simplify blur logic (#17299) @eps1lon
  • [Select] Add missing y to setDisplaNode (#17716) @sakulstra
  • [Select] Warn for unmatched value (#17691) @asownder95
  • [Slider] Add support for removed and inverted track (#17714) @slipmat
  • [Slider] Fix drag interruption when leaving browser (#17765) @hoop71
  • [Table] Add aria-label & caption in table demos (#17696) @adeelibr
@material-ui/icons@v4.5.1
  • [icons] Introduce a new GitHub brand icon
@material-ui/lab@v4.0.0-alpha.29
  • [SpeedDial] Pass event and reason to onOpen, onClose (#17783) @lsnch
@material-ui/system@v4.5.1
  • [system] Fallback to value if theme's value is an array and index missing (#17661) @stasiukanya
Docs
  • [docs] Add Customization/Components TS demo (#17788) @limatgans
  • [docs] Add Media Query TS demo (#17766) @lksilva
  • [docs] Add TS demos for guides/interoperability (#17804) @limatgans
  • [docs] Add classNames TS demo (#17771) @lksilva
  • [docs] Add component demos in ts (#17790) @lksilva
  • [docs] Add dynamic class name TS demo (#17793) @lksilva
  • [docs] Add useWidth TS demo (#17770) @lksilva
  • [docs] Added TS Demos for component/toggle-button (#17822) @limatgans
  • [docs] Better strict mode switch (#17684) @eps1lon
  • [docs] Change imports from @material-ui/styles to @material-ui/core/styles (#17447) @mnemanja
  • [docs] Extend size-snapshot (#17633) @eps1lon
  • [docs] Fix react-number-format example for FormattedInputs (#17675) @s-yadav
  • [docs] Fix typo (#17698) @Ceejaymar
  • [docs] Fix typo and improve consistency (#17821) @stasiukanya
  • [docs] Fix typo in versions.md (#17782) @raymondsze
  • [docs] Fixed typo in Components/Modal (#17704) @lzhuor
  • [docs] Improve contributing guidelines (#17653) @oliviertassinari
  • [docs] Mentioned CSS required for disabling transitions (#17802) @burtyish
  • [docs] Migrate Globals demo to TypeScript (#17785) @limatgans
  • [docs] Migrate Palette demo to TypeScript (#17683) @limatgans
  • [docs] Prepare the DatePicker developer survey notification (#17805) @oliviertassinari
  • [docs] Update "Who's using" (#17830) @mbrookes
  • [docs] Update notification @oliviertassinari
  • [docs] Update useMediaQuery example to avoid confusion with print (#17642) @epeicher
Core
  • [ci] Fix size comparison sort order (#17800) @eps1lon
  • [core] Batch small changes (#17673) @oliviertassinari
  • [core] Batch small changes (#17807) @oliviertassinari
  • [test] Fix test_browser timing out (#17763) @eps1lon
  • [test] Use testing-library for ToggleButton* tests (#17768) @eps1lon

4.5.0

Oct 2, 2019

Big thanks to the 20 contributors who made this release possible!

Here are some highlights ✨:

  • 💄 Add startIcon and endIcon props for the button (#17600) @mbrookes

    import DeleteIcon from '@material-ui/icons/Delete';
    
    <Button startIcon={<DeleteIcon />}>
      Delete
    </Button>
    
  • 🔐 Add support for Chrome autofill (#17436, #17552) @croraf

  • 💅 Adjust table styles to match spec (#17388) @kybarg

  • 💅 Adjust menu styles to match spec (#17332) @damir-sirola

  • 💅 Adjust chip styles to match spec (#17584) @oliviertassinari

  • And many more 🐛 bug fixes 📚 improvements.

@material-ui/core@v4.5.0
  • [theme] Allow an arbitrary number of elevations (#17659) @millnitzluan
  • [ButtonGroup] Fix missing divider if background color is set (#17648) @neon98
  • [ButtonGroup] Support text variant (#17529) @Dhruvi16
  • [Button] Add startIcon / endIcon props (#17600) @mbrookes
  • [Button] Improve horizontal padding (#17640) @mbrookes
  • [Button] Increase elevation on hover when contained (#17537) @eps1lon
  • [CardMedia] Add separate rules for Image components (#17591) @neon98
  • [Chip] Update style to match the specification (#17584) @oliviertassinari
  • [InputBase] Fix remaining issues with Chrome autofill (#17552) @croraf
  • [MenuItem] Update size on desktop to match spec (#17332) @damir-sirola
  • [Menu] Fix menu being focused instead of item when opening (#17506) @eps1lon
  • [Menulist] Add autoFocusItem for initial focus control (#17571) @eps1lon
  • [SwipeableDrawer] Calculate transition duration based on swipe speed (#17533) @dan8f
  • [Table] Adjust table styles to the latest specs (#17388) @kybarg
  • [Tabs] Add new updateScrollButtonState() action (#17649) @neon98
  • [TextareaAutosize] Improve line computation and avoid infinite loop (#17652) @neon98
@material-ui/lab@v4.0.0-alpha.28
  • [Slider] Remove from the lab (#17528) @oliviertassinari

    -import { Slider } from '@material-ui/lab';
    +import { Slider } from '@material-ui/core';
    
@material-ui/system@v4.5.0
  • [system] Fix props being required from style function (#17534) @abukurov
@material-ui/codemod@v4.5.0
  • [styles] Bump jss dependencies to v10.0.0 stable (#17536) @eps1lon
@material-ui/codemod@v4.5.0
  • [codemod] Fix build importing esm version of babel/runtime (#17561) @merceyz
Docs
  • [docs] Batch small fixes (#17527) @oliviertassinari
  • [docs] Fix CHANGELOG format @oliviertassinari
  • [docs] Fix calculation of height for empty rows (#17657) @Teloah
  • [docs] Improve /styles vs /core/styles description (#16473) @bigtone1284
  • [docs] Improve CSP nonce docs (#17594) @johnnyreilly
  • [docs] Improve Contributing.md (#17597) @croraf
  • [docs] Improve bundle size option 2 advantage wording (#17577) @ilanbm
  • [docs] Improve testing readme (#17557) @eps1lon
  • [docs] Move GOVERNANCE.md and ROADMAP.md files from root (#17531) @croraf
  • [docs] Remove already moved SUPPORT.md file (#17525) @croraf
  • [docs] Remove an un-used className in template Blog (#17587) @FeynmanDNA
  • [docs] Reword icons page (#17558) @croraf
  • [examples] Fix CRA start script (#17598) @lychyi
Core
  • [core] Fix missing peer dependency warning (#17632) @eps1lon
  • [core] Re-export all the styles modules from core (#17419) @merceyz
  • [core] Warn if anchor element is not visible (#17599) @eAmin
  • [dependencies] Put dependabot config in vcs (#17651) @eps1lon
  • [test] Bump @testing-library/dom (#17573) @eps1lon
  • [test] Isolate each test case using testing-library (#17394) @eps1lon
  • [ci] Use azure aws tasks instead of aws-sdk (#17631) @eps1lon
  • [Select] Make internal tests public (#17538) @eps1lon

4.4.3

Sep 22, 2019

Big thanks to the 23 contributors who made this release possible! This is a stability release.

@material-ui/core@v4.4.3
  • [TextField] Handle Chrome autofill (#17436) @croraf
  • [ButtonBase] Fix blurry text issue (#17453) @chibis0v
  • [CircularProgress] Fix centering (#17482) @fiws
  • [Chip] Load the right version of Avatar (#17469) @Maxim-Mazurok
  • [TablePagination] Merge root classes properly (#17467) @DavidHenri008
  • [Box] Fix demo item name (#17523) @Skaronator
  • [Breadcrumbs] Improve API docs (#17468) @eps1lon
  • [Menu] Isolate more integration tests (#17490) @eps1lon
  • [SelectInput] Use @testing-library for test (#17390) @eps1lon
@material-ui/styles@v4.4.3
  • [styles] Bump jss dependencies to 10.0.0-alpha.25 (#17520) @eps1lon
  • [core] Replace warning with manual console.error (#17404) @eps1lon
@material-ui/lab@v4.0.0-alpha.27
  • [TreeItem] Use the ‘endIcon’ prop where appropriate (#17488) @Chocolatl
  • [Skeleton] Make default CSS display mode to block (#17406) @ahtcx
  • [SpeedDial] Rework part of the logic (#17301) @hashwin
@material-ui/icons@v4.4.3
  • [docs] Update README.md
@material-ui/system@v4.4.3
  • [core] Replace warning with manual console.error (#17404) @eps1lon
Docs
  • [examples] Add a Gatsby Theme example (#17411) @hupe1980
  • [docs] Add a customization example with ToggleButton (#17401) @nrkroeker
  • [docs] Add a note in disabled tooltip (#17421) @konekoya
  • [docs] Add a support page (#17437) @oliviertassinari
  • [docs] Add demo for vertical dividers (#17457) @nrkroeker
  • [docs] Add synonyms for brand icons (#17455) @mbrookes
  • [docs] August Update (#17439) @oliviertassinari
  • [docs] Batch small changes (#17435) @oliviertassinari
  • [docs] CONTRIBUTING.md reword branch structure, remove Build, Yarn Link (#17501) @croraf
  • [docs] Clarify props spread for ListItem when button flag is set (#17466) @rossmmurray
  • [docs] Fix Popper demo link typo (#17522) @mbrookes
  • [docs] Fix a typo in CONTRIBUTING.md (#17400) @konekoya
  • [docs] Fix english language link (#17526) @croraf
  • [docs] Fix heading format in CONTRIBUTING.md (#17460) @paras151
  • [docs] Improve in-site search (#17450) @eps1lon
  • [docs] Improve the documentation covering react-router (#17343) @MelMacaluso
  • [docs] Move BACKERS.md file (#17508) @croraf
  • [docs] Remove Access to premium modules from the support page (#17489) @oliviertassinari
  • [docs] Spelling mistake (#17500) @jehuamanna
  • [docs] Update translations (#17509, #17438) @mbrookes
  • [docs] Use Button for language menu (#17487) @mbrookes
  • [docs] Use Suspense for lazy loading algolia (#17451) @eps1lon
  • [docs] Wrong URL for spacing in PT (#17502) @renatoagds
Core
  • [core] Prevent empty useEffect in production (#17420) @merceyz
  • [core] Replace warning with manual console.error (#17404) @eps1lon
  • [core] Warn when changing between controlled uncontrolled (#17422) @kmhigashioka

4.4.2

Sep 11, 2019

Big thanks to the 7 contributors who made this release possible! This is a quick release after v4.4.1 to solve 3 regressions.

@material-ui/core@v4.4.2
  • [Grid] Remove lab import @oliviertassinari
  • [Radio] Add zIndex to SwitchBase (#17389) @andokai
  • [TextField] Fix incorrect focus handler types for FormControl (#17378) @eps1lon
  • [StepButton] Fix overlap with StepContent (#17374) @rossmmurray
Docs
  • [docs] Add material-ui-flat-pagination to related projects (#17372) @szmslab
  • [docs] Add tubular-react in related project (#17371) @geoperez
  • [docs] Add tubular-react to tables related projects (#17382) @geoperez
  • [docs] Fix color tool crash (#17380) @jsjain
Core
  • [core] Bump @babel/* deps (#17363) @eps1lon

4.4.1

Sep 8, 2019

Big thanks to the 21 contributors who made this release possible!

Here are some highlights ✨:

  • 💄 Introduce 10 new brand icons and 61 new official Material Design icons (#17257, #17274) @colemars and @mbrookes.
  • ⚛️ Move a few descriptions of the props to TypeScript (#17300) @merceyz. This change allows the IDEs to display the props' descriptions in place, without having to go to the documentation.
  • And many more 🐛 bug fixes 📚 improvements.
@material-ui/core@v4.4.1
  • [Badge] Improve shape of 2 digit badge (#17247) @mbrookes
  • [Cars] Fix export issue for consistency (#17354) @yikkok-yong
  • [Modal] Support theme default props (#17337) @ianschmitz
  • [Rating] Fix a few issues (#17270) @oliviertassinari
  • [Select] Changes the default input based on variant prop (#17304) @netochaves
  • [Select] Follow spec with placement of dropdown icon (#17303) @lonssi
  • [Slider] Add getAriaLabel prop (#17240) @city41
  • [SvgIcon] Fix color type definition including default (#17288) @merceyz
  • [Table] Fix sticky header table with buttons/inputs (#17285) @Studio384
  • [TextareaAutosize] Show scrollbar when rowsMax is exceeded (#17310) @Shubhamchinda
  • [useMediaQuery] Workaround Safari wrong implementation of matchMedia (#17315) @momentpaul
@material-ui/icons@v4.4.1
  • [icons] Add social icons (#17274) @mbrookes
  • [icons] Refresh material icons (#17259) @colemars
  • [icons] Update script to use latest json file (#17257) @colemars
@material-ui/styles@v4.4.1
  • [styles] Fix global classnames being disabled in deserialized themes (#17345) @eps1lon
  • [styles] Support augmenting a default theme type (#16777) @merceyz
@material-ui/lab@v4.0.0-alpha.26
  • [lab] Generate proptypes from type definitions (#17300) @merceyz
  • [ToggleButton] Improve accessibility (#17290) @mbrookes
  • [ToggleButton] Update TypeScript class keys (#17278) @ljvanschie
Docs
  • [misc] Batch small changes (#17316) @oliviertassinari
  • [docs] Fix CHANGELOG.md (#17331) @skirunman
  • [docs] Add new synonyms for Material Icons (#17272) @mbrookes
  • [docs] Add script to merge MD icon tags with synonyms (#17312) @mbrookes
  • [docs] Batch small changes (#17268) @oliviertassinari
  • [docs] Fix more SEO issue report @oliviertassinari
  • [docs] Add typescript version of paperbase theme (#17213) @eps1lon
  • [docs] Improve /customization/typography/ (#17307) @meebix
  • [docs] Improve grammar in snackbars (#17296) @chaseholdren
  • [docs] Notification for v4.4.0 @oliviertassinari
  • [docs] Only server-side render the popular languages (#17249) @oliviertassinari
  • [docs] Reduce the use of "our", "We"... (#17347) @mbrookes
  • [docs] Remove section about modal performance (#17284) @eps1lon
  • [docs] Remove unnecessary any cast (#17292) @eps1lon
  • [docs] Remove wrong alternate languages (#17311) @oliviertassinari
  • [docs] Sync JavaScript version with TypeScript @oliviertassinari
  • [docs] Update translations (#17351) @mbrookes
  • [docs] Update translations.json (#17266) @mbrookes
Core
  • [core] Add ref type to every component (#17286) @eps1lon
  • [core] Fix typo contaniners -> containers (#17280) @charlax
  • [core] Fix various dependency issues (#17317) @eps1lon
  • [core] Generify props with component property (#16487) @ypresto
  • [core] Guard against bad Symbol polyfills (#17336) @briandelancey

4.4.0

Aug 31, 2019

Big thanks to the 29 contributors who made this release possible!

Here are some highlights ✨:

  • ✨ Add fixed Table header Support (#17139) @egerardus
  • 🌳 Accept any label in TreeView (#17080) @oliviertassinari
  • 🏝 Add standalone ToggleButton mode (#17187) @simshaun
  • And many more 🐛 bug fixes 📚 improvements.
@material-ui/core@v4.4.0
  • [Backdrop] Render children inside div (#17115) @dominictwlee
  • [Button] Fix typo in demo text (#17230) @jasonkylefrank
  • [Button] Remove code leftover from < v4 (#17232) @sakulstra
  • [ButtonGroup] Fix border color when disabled and contained (#17109) @ryanburr
  • [CardActionArea] Fix 'border-radius' (#17221) @stasiukanya
  • [CircularProgress] Document String format for size prop (#17081) @devsumanmdn
  • [Drawer] Include ref when variant=persistent (#17090) (#17091) @ZachStoltz
  • [Menu] Include 'list' in class key (#17205) @rbrishabh
  • [MenuItem] Add missing dense classkey (#17103) @JapuDCret
  • [Popover] Fix anchorEl positioning within popup window (#17128) @zekehernandez
  • [Popover] Fix update position action (#17097) @netochaves
  • [RadioGroup] Make value accept any (#17132) @cmeeren
  • [Slider] Avoid mutating user's value prop (#17085) @elmeerr
  • [Switch] Fix rendering in IE 11 and Safari (#17095) @rbrishabh
  • [Table] Add sticky header support (#17139) @egerardus
  • [TextField] Specs alignment (#17192) @elmeerr
  • [TextField] Update outlined label when prop changes (#17217) @Shubhamchinda
  • [Tooltip] Fix interactive + enterDelay combination (#17174) @kiransiluveru
  • [Typography] noWrap requires display block (#17206) @rbrishabh
  • [Badge] Add alignment options to badges (#17204) @ahtcx
  • [LinearProgress] Make color adapt to theme type (#17219) @ahtcx
@material-ui/lab@v4.0.0-alpha.25
  • [ToggleButton] Improve customizability (#17187) @simshaun
  • [TreeView] Support node label (#17080) @oliviertassinari
  • [Rating] Add Custom prop-type to prop name (#17078) @netochaves
  • [Rating] Improve signature in docs (#17093) @cmeeren
Docs
  • [docs] Better document the ref props in the API (#17198) @oliviertassinari
  • [docs] Fix edit dependencies extraction (#17120) @Shubhamchinda
  • [docs] Fix page rendering on Crowdin (#17135) @mbrookes
  • [docs] Fix popover demo event.target is null (#17104) @spaceexperiment
  • [docs] Fix typo in modal demo (#17122) @Shubhamchinda
  • [docs] Implement in-context translation (#17040) @mbrookes
  • [docs] Improve custom styles of the demos (#17118) @uxitten
  • [docs] Improve enhanced table variable name (#17141) @keiohtani
  • [docs] Improve style of the demos (#17218) @uxitten
  • [docs] Minor Update to remove "n°" notations (#17200) @skube
  • [docs] Missing degree/option symbol (#17189) @skube
  • [docs] New translations (#17134) @mbrookes
  • [docs] Remove unecessary createStyles in TypeScript Tabs demo (#17164) @Imballinst
  • [docs] Require less strict tsconfig (#17214) @eps1lon
  • [examples] Fix warning in next.js example (#17133) @Janpot
  • [examples] Fix warnings Container in _app.js with Next.js (#17181) @saltyshiomix

4.3.3

Aug 21, 2019

Big thanks to the 22 contributors who made this release possible!

Here are some highlights ✨:

@material-ui/core@v4.3.3
  • [AppBar] Add back to top demo (#17062) @oliviertassinari
  • [CardHeader] Remove mention of children from API docs (#17045) @cmeeren
  • [Dialog] Add support for a Dialog without a DialogTitle (#16980) @megos
  • [Divider] Add vertical support (#17063) @oliviertassinari
  • [Grid] Better support custom theme spacing values (#17005) @Workvictor
  • [Modal] Add transition documentation (#17059) @oliviertassinari
  • [Select] Hide SVG icon for native multiple select (#16992) @craigmjackson
  • [Slider] Fix mouse enter edge case for Firefox (#16986) @Astrantia
  • [Slider] Hide mark labels to screen readers (#17024) @Patil2099
  • [Tabs] Fix issue where scrollable tabs auto move to selected tab (#16961) @wereHamster
  • [TextareaAutosize] Export component in barrel index.js (#17003) @Shubhamchinda
  • [TextareaAutosize] Update spelling in props (umber to number) (#16982) @melwyn001
  • [Tooltip] Fix word wrapping (#17020) @pranshuchittora
  • [Tooltip] Improve arrow demo (#17058) @Patil2099
@material-ui/lab@v4.0.0-alpha.24
  • [Rating] Improve rendering of arbitrary precision (#17013) @Patil2099
  • [TreeView] Lazy render the tree items (#17046) @Shubhamchinda
  • [Skeleton] Add missing exports from the barrel (#16960) @mejackreed
@material-ui/styles@v4.3.3
  • [styles] Better support right-to-left (#17019) @AminZibayi
Docs
  • [docs] Add Typescript example for switch label position (#16959) @nowNick
  • [docs] Adjust React + Material-UI + Firebase for v2.0 (#16988) @Phoqe
  • [docs] Improve instructions for Babel import plugins (#16993) @lookfirst
  • [docs] Make it easier to find material icons (#16956) @oliviertassinari
  • [docs] Add synonyms for Material icons (#17021) @mbrookes
  • [docs] Migration guide to v4: include change to dense Lists (#17074) @zekehernandez
  • [docs] Prefer SVG over font icons in the demos (#17056) @troussos
  • [docs] Small changes (#17060) @oliviertassinari
  • [example] Remove unused MuiLink declaration (#16991) @colemars
Core
  • [core] Classes to hooks (#17061) @oliviertassinari
  • [core] Upgrade the dependencies (#16990) @oliviertassinari
  • [core] yarn docs:export support for Windows (#17009) @vabole

4.3.2

Aug 10, 2019

Big thanks to the 22 contributors who made this release possible!

  • 🦴 Introduce a new Skeleton component in the lab (#16786).
  • 📦 Reduce bundle size by -10%,-20% of the small helpers like useMediaQuery, Portal, and TextareaAutosize (#16842) @NMinhNguyen.
  • And many more 🐛 bug fixes 📚 improvements.
@material-ui/core@v4.3.2
  • [Box] Forward props into cloned element (#16882) @RostyslavKravchenko
  • [ButtonGroup] Allow override of the variant prop (#16946) @nvwebd
  • [ButtonGroup] Separate button colors (#16876) @CyanoFresh
  • [CssBaseline] Add backdrop base styles (#16880) @yordis
  • [Fab] Accept FabProps in theme.props (#16877) @aditya1906
  • [FormControl] Warn if rendered mulitple inputs (#16923) @lemes
  • [Popper] Fix ScrollPlayground.js demo (#16948) @pinktig
  • [Slider] Update TypeScript demo to cast types to values (#16957) @allypally
  • [Stepper] Improve the description of the icon prop (#16916) @mbrookes
  • [TextField] How to leverage CSS input validation (#16903) @jonkelling
  • [Textfield] Add left property to prevent scrollbars on IE 11 (#16936) @beaudry
  • [ToggleButton] Fix horizontal shift (#16861) @wereHamster
  • [Transition] Forward isAppearing to onEnter, onEntering, onEntered (#16917) @millerrafi
@material-ui/lab@v4.0.0-alpha.23
  • [TreeView] Fix the height of the customization demo (#16874) @mbrookes
  • [Skeleton] New component (#16786) @oliviertassinari
@material-ui/system@v4.3.3
  • [system] Avoid !important in borderColor prop (#16875) @rogerclotet
Docs
  • [blog] July 2019 update (#16872) @oliviertassinari
  • [docs] Add Material-UI with React course in learning (#16869) @deekshasharma
  • [docs] Add error boundary to demos (#16871) @oliviertassinari
  • [docs] Add react compatibility in supported platforms (#16863) @pranshuchittora
  • [docs] Batch small changes (#16951) @oliviertassinari
  • [docs] Fix build on windows (#16870) @merceyz
  • [docs] Fix grammatical error in components docs (#16886) @Dasbachc
  • [docs] Hide header in DefaultTheme demo (#16937) @rogerclotet
  • [docs] Migrate WithTheme demo to Typescript (#16941) @rogerclotet
  • [docs] Batch small changes (#16864) @oliviertassinari
  • [docs] Batch small changes (#16883) @oliviertassinari
Core
  • [benchmark] Fix not running (#16900) @ypresto
  • [ci] Ignore dependabot branches (#16893) @eps1lon
  • [core] Generate PropTypes from type definitions (#16642) @merceyz
  • [core] Optimise destructuring for useState, useReducer (#16842) @NMinhNguyen
  • yarn docs:api @oliviertassinari

4.3.1

Aug 03, 2019

Big thanks to the 18 contributors who made this release possible!

@material-ui/core@v4.3.1
  • [Container] Add missing class key to overrides interface (#16783) @Und3Rdo9
  • [Dialog] Test with testing-library (#16780) @eps1lon
  • [Grid] Add 'root' to GridClassKey typing (#16799) @hendrikskevin
  • [Modal] Fix Modal default open with disablePortal behavior (#16850) @lmuller18
  • [Popper] Fix handlePopperRefRef.current is not a function (#16807) @darkowic
  • [Radio][Switch][Checkbox] Document the required prop (#16809) @pranshuchittora
  • [Slider] Fix small typo (#16825) @ninjaPixel
  • [TextareaAutosize] Add missing export for TextareaAutosize (#16815) @tuxracer
  • [Tooltip] Fix tooltips's demo arrow dimensions (#16838) @fillipe-ramos
  • [Tooltip] Remove the title attribute when open (#16804) @jamesgeorge007
  • [Transition] Change the default behavior, 0ms duration if prop missing (#16839) @jamesgeorge007
@material-ui/lab@v4.0.0-alpha.22
  • [TreeView] Iterate on the component (#16814) @mbrookes
  • [TreeView] Add customization demo (#16785) @oliviertassinari
Docs
  • [docs] Add missing ( to withStyle docs (#16816) @SneakyFish5
  • [docs] Fix typo in description of Slider (#16824) @LorenzHenk
  • [docs] Improve the issue template (#16836) @pranshuchittora
  • [docs] Link react-most-wanted (#16856) @TarikHuber
  • [docs] Migrate all public class component to function components (#16693) @bpas247
  • [docs] Small fix for box.md and migration.md (#16806) @DDDDDanica
  • [docs] Update @material-ui/pickers (#16823) @eps1lon

4.3.0

July 28, 2019

Big thanks to the 23 contributors who made this release possible!

Here are some highlights ✨:

  • 🌳 Introduce a new Tree View component in the (#14827) @joshwooding

    This is a first step toward a feature rich tree view component. We will keep iterate on it to add customization demos, filter, drag and drop, and checkboxes. You can find the documentation under this URL.

  • 💄 Support vertical tabs (#16628) @josephpung

    You can learn more about it following this URL.

  • 📚 Remove the prop-types from TypeScript demos (#16521) @merceyz

    The runtime prop-types are often redundant with the static type checks. We have removed them from the TypeScript demos.

  • ⚛️ Add two codemods to improve the imports (#16192) @jedwards1211

    If you are not familiar with codemods, check the library out. This is a tool tool to assist you with large-scale codebase refactors. We introduce two new codemods in this release:

    • optimal-imports: Material-UI supports tree shaking for modules at 1 level depth maximum. You shouldn't import any module at a higher level depth.
    -import createMuiTheme from '@material-ui/core/styles/createMuiTheme';
    +import { createMuiTheme } from '@material-ui/core/styles';
    
    • top-level-imports: Converts all @material-ui/core submodule imports to the root module.
    -import createMuiTheme from '@material-ui/core/styles/createMuiTheme';
    +import { createMuiTheme } from '@material-ui/core';
    
  • 💄 Support small switch (#16620) @darkowic

    You can learn more about it following this URL.

  • And many more 🐛 bug fixes 📚 improvements.

@material-ui/core@v4.3.0
  • [FilledInput] Add hiddenLabel prop (#16671) @oliviertassinari
  • [Menu] Use strict mode compatible testing API (#16582) @eps1lon
  • [Modal] Fix focus not being contained (#16585) @eps1lon
  • [Modal] Prevent backdrop to stay open (#16694) @ValentinH
  • [Popper] Fix scroll jump when content contains autofocus input (#16740) (#16751) @alirezamirian
  • [Portal] Prepare deprecation of onRendered (#16597) @oliviertassinari
  • [SelectInput] Fix layout issue with displayEmpty (#16743) @ypresto
  • [Select] Implement WAI-ARIA dropdown without label (#16739) @eps1lon
  • [useMediaQuery] Improve useWidth demo (#16611) @siriwatknp
  • [Step] Add completed class key to TypeScript definitions (#16662) @pranshuchittora
  • [Stepper] Add cutomization example (#16769) @oliviertassinari
  • [Switch] Support small size (#16620) @darkowic
  • [Tabs] Improve accessibility (#16384) @mbrookes
  • [Tabs] Support vertical tabs (#16628) @josephpung
  • [TextField] Rename interface FormControl to FormControlState (#16748) @B3zo0
  • [TextareaAutosize] Fix infinite render loop (#16635) @oliviertassinari
  • [TextareaAutosize] Fix infinite render loop (#16708) @mcdougal
@material-ui/lab@v4.0.0-alpha.21
  • [TreeView] Add new component (#14827) @joshwooding
@material-ui/styles@@4.3.0
  • [styles] Add typings for font-face (#16639) @merceyz
@material-ui/codemod@v4.3.0
  • [codemod] Add codemods for optimal tree-shakeable imports (#16192) @jedwards1211
Docs
  • [docs] Add CSS to api for TextField (#16659) @m2mathew
  • [docs] Apply v1 redirection first @oliviertassinari
  • [docs] Batch changes (#16621) @oliviertassinari
  • [docs] Display correct version of Material-UI (#16680) @eps1lon
  • [docs] Document the global class names (#16770) @oliviertassinari
  • [docs] Fix SEO reported by Ahrefs (#16765) @oliviertassinari
  • [docs] Fix Typo in modal.md (#16744) @jeffshek
  • [docs] Fix dependabot badge (#16725) @eps1lon
  • [docs] Fix reset colors crashing app (#16750) @eps1lon
  • [docs] Fix typo in typography.md (#16654) @hexium310
  • [docs] Generate prop-types from TypeScript demos (#16521) @merceyz
  • [docs] Grammar fix for global class names docs (#16778) @joshwooding
  • [docs] Improve SEO (#16724) @oliviertassinari
  • [docs] Improve favicon (#16632) @oliviertassinari
  • [docs] Improve generated markdown (#16771) @merceyz
  • [docs] Link page layouts to premium themes (#16690) @mbrookes
  • [docs] Move dependencies/scripts from root into workspace (#16640) @eps1lon
  • [docs] Prevent password field blur when adornment clicked (#16672) @ee92
  • [docs] Redirects old v1.5.0 url to v1 subdomain (#16658) @m2mathew
  • [docs] Reduce bundle size (#16046) @eps1lon
  • [docs] Remove bbb from showcase (#16687) @mbrookes
  • [docs] Remove unused imports (#16623) @merceyz
  • [docs] Reword unsupported material components notes (#16660) @m2mathew
  • [docs] Solve docs 301 redirections (#16705) @oliviertassinari
  • [docs] Update translations (#16684) @mbrookes
  • [docs] Upgrade next to v9 (#16546) @eps1lon
  • [docs] Revert upgrade to next 9 (#16755) @eps1lon
  • [docs] Workaround to describe aria-sort (#16767) @mbrookes
  • [examples] Remove version next version from the description (#16678) @straxico
Core
  • [test] Fix empty visual rergression screenshots (#16702) @eps1lon
  • [test] Fix failing test_browser in edge (#16688) @eps1lon
  • [core] Batch changes (#16691) @oliviertassinari
  • [core] Batch small changes (#16766) @oliviertassinari
  • [core] Deduplicate packages (#16608) @merceyz
  • [core] Fix type definition for createMuiTheme SpacingOptions (#16624) @dominictwlee
  • [core] Import esm babel helpers (#16701) @TrySound
  • [core] Introduce dependabot (#16679) @eps1lon
  • [core] Remove old JSS v9 animationName property (#16779) @merceyz
  • [core] Upgrade babel-plugin-optimize-clsx (#16636) @merceyz
  • [core] Upgrade dependencies from yarn audit (#16625) @merceyz
  • [core] Upgrade jss (#16668) @TrySound
  • [core] Bump babel dependencies to latest (#16699) @eps1lon
  • [ci] Merge test_browser and test_production (#16731) @eps1lon
  • [ci] Use custom frozen lockfile check (#16677) @eps1lon

4.2.1

July 17, 2019

Big thanks to the 25 contributors who made this release possible!

Here are some highlights ✨:

  • ♿️ Improve Dialog header accessibility (#16576) @dayander
  • ⚛️ Fix more strict mode warnings (#16525) @eps1lon
  • 🐛 Fix menu dense support (#16510) @sumedhan
  • ⭐️ Introduce a new Rating component in the lab
  • And many more 🐛 bug fixes 📚 improvements.
@material-ui/core@v4.2.1
  • [Autocomplete] Use placeholder prop (#16568) @himanshupathakpwd
  • [DialogTitle] Update default element from h6 to h2 (#16576) @dayander
  • [Grid] Generify props with component property (#16590) @JipingWang
  • [InputBase] Fix inconsistent filled state (#16526) @eps1lon
  • [InputBase] Improve documentation for custom inputComponent (#16399) @eps1lon
  • [Input] Add missing class keys in TypeScript (#16529) @dskiba
  • [MenuItem] Fix dense prop support (#16510) @sumedhan
  • [Modal] Use computed key to restore style (#16540) @neeschit
  • [Popper] Refactor to more commonly known react patterns (#16613) @eps1lon
  • [Ripple] Use custom transition logic (#16525) @eps1lon
  • [Slide] Remove gutter (#16533) @User195
  • [TouchRipple] Convert to function component (#16522) @joshwooding
  • [Transition] The ref forwarding works (#16531) @oliviertassinari
  • [useMediaQuery] Accept function as argument & more (#16343) @merceyz
@material-ui/styles@v4.2.1
  • [styles] Make theme optional for styled components (#16379) (#16478) @akomm
  • [core] Upgrade deepmerge (#16520) @TrySound
@material-ui/system@v4.3.1
  • [core] Upgrade deepmerge (#16520) @TrySound
@material-ui/lab@v4.0.0-alpha.20
  • [Rating] Add a new component (#16455) @oliviertassinari
  • [SpeedDialAction] Convert to hook (#16386) @adeelibr
Docs
  • [docs] Add density guide to customizations (#16410) @eps1lon
  • [docs] Add sidebar alias to Drawer demo description (#16535) @mbrookes
  • [docs] Fix dead link (#16567) @sharils
  • [docs] Fix typo (#16561) @siowyisheng
  • [docs] Fix typo in advanced styles guide (#16593) @elquimista
  • [docs] Fix typo: change lakes to lacks (#16553) @davinakano
  • [docs] Remove from nextjs-with-typescript example (#16555) @virzak
  • [docs] Remove duplicate alts (#16564) @williammalone
  • [docs] Update migration v3 guide, slider in core (#16589) @elquimista
  • [docs] Update typo in docs - portals (#16592) @siowyisheng
  • [docs] Use LinkProps from next in examples (#16583) @Janpot
  • [example] Fix "@zeit/next-typescript" dependency missing (#16603) @nb256
  • [examples] Update to support Next.js v9 (#16519) @Janpot
  • [blog] June 2019 Update (#16516) @oliviertassinari
Core
  • [core] Fix docs:typescript:check (#16607) @merceyz
  • [core] Fix incorrect usage of HtmlHTMLAttributes (#16579) @whitneyit
  • [core] Re-export missing typings (#16490) @merceyz
  • [core] Remove all .defaultProps usages (#16542) @joshwooding
  • [core] Restrict setRef usage to ref callback (#16539) @eps1lon
  • [core] Upgrade convert-css-length (#16530) @TrySound
  • [core] Upgrade deepmerge (#16520) @TrySound
  • [core] Use useFormControl instead of withFormControlState (#16503) @eps1lon
  • [core] Batch small changes (#16532) @oliviertassinari
  • [test] Run queries on document.body (#16538) @eps1lon
  • [test] react-test-renderer coverage (#16523) @dondi
  • [ci] Create canaries (#16587) @eps1lon

4.2.0

July 6, 2019

Big thanks to the 24 contributors who made this release possible!

Here are some highlights ✨:

  • ♿️ Fix the persisting aria-hidden logic of the Modal (#16392) @eps1lon
  • 💄 Move the Slider component to the core (#16416).
  • 💄 Introduce a new TextareaAutosize component (#16362).
  • ⚛️ Migrate a few components to testing-library.
  • 🚀 Remove two dependencies (react-event-listener and debounce).
  • And many more 🐛 bug fixes 📚 improvements.
@material-ui/core@v4.2.0
  • [Tabs] Use the correct window reference (#16497) @NMinhNguyen
  • [Breadcrumbs] Add li to BreadcrumbsClassKey type (#16425) @le0nik
  • [ButtonBase] Fix anchors with href having a button role (#16397) @eps1lon
  • [ButtonBase] Improve test coverage (#16361) @eps1lon
  • [CardMedia] Change prop requirements to conform html picture semantics (#16396) @maeertin
  • [ClickAwayListener] Don't miss any click away events (#16446) @NMinhNguyen
  • [FormControl] Add useFormControlState (#16467) @eps1lon
  • [ListItemIcon] Add margin to line up when using flex-start (#16398) @slim-hmidi
  • [ListItemSecondaryAction] Add missing types for props spread (#16411) @nsams
  • [MenuItem] Fix type deceleration not using MenuItemClassKey (#16358) @merceyz
  • [Menu] Fix autoFocus to work correctly with keepMounted (#16450) @ryancogswell
  • [Modal] Fix persisting aria-hidden (#16392) @eps1lon
  • [Modal] Make the modal demo style more "agnostic" (#16385) @oliviertassinari
  • [Select] Fix node reference (#16401) @ffjanhoeck
  • [Slider] Fix small step regression (#16395) @alitaheri
  • [Slider] Fix textAlign prop affecting Slider rail (#16440) @mohan-cao
  • [Slider] Move to core (#16416) @oliviertassinari
  • [Tabs] Migrate to hooks (#16427) @oliviertassinari
  • [TextareaAutosize] Fix one possible case of infinite render loop (#16387) @ZYinMD
  • [TextareaAutosize] New public component (#16362) @oliviertassinari
  • [Tooltip] Fix arrow demos (#16412) @Favna
@material-ui/styles@v4.2.0
  • [styles] Add test for removing styles via overrides (#16420) @eps1lon
  • [styles] Handle props of type any in styled (#16356) @merceyz
  • [styles] Support augmenting CSS properties (#16333) @merceyz
@material-ui/lab@v4.0.0-alpha.19
  • [Slider] Move to core (#16416) @oliviertassinari
Docs
  • [docs] Fix typo in TypeScript doc (#16365) @DDDDDanica
  • [docs] Add missing page title for translations (#16375) @jaironalves
  • [docs] Correct spelling imporant -> important (#16388) @rlfarman
  • [docs] Fix typo in customizing components (#16404) @YipinXiong
  • [docs] Fix typo in docs server (#16406) @thanasis00
  • [docs] Fixed link to Button API in FAQ (#16370) @kxlow
  • [docs] Improve example of Custom Pagination Actions Table (#16472) @bigtone1284
  • [docs] Minor improvements (#16423) @eps1lon
  • [docs] Reduce the headers font-size (#16433) @oliviertassinari
  • [docs] Remove compose helper (#16429) @oliviertassinari
  • [docs] Remove outdated references to the @next release (#16428) @davidoffyuy
  • [docs] Replace hardcoded content with translation (#16380) @eps1lon
  • [docs] Small ad information icon (#16438) @oliviertassinari
  • [docs] Update displayEmpty prop description in Select API docs (#16376) @bigtone1284
  • [docs] Update testing guide (#16368) @eps1lon
  • [docs] Use full text of the code of conduct (#16417) @mbrookes
  • [docs][TableCell] Fix padding and size property descriptions (#16378) @the-question
Core
  • [test] Simpler createClientRender (#16461) @eps1lon
  • [ci] Move TypeScript tests into separate job (#16405) @eps1lon
  • [ci] Persist/Report only if previous steps succeeded (#16432) @eps1lon
  • [core] Improve test coverage (#16453) @eps1lon
  • [core] Speed-up typechecking (#16413) @merceyz

4.1.3

June 25, 2019

Big thanks to the 4 contributors who made this release possible! This is a quick release after a regression that occurred in 4.1.2.

@material-ui/core@v4.1.3
  • [core] Revert strict mode compatible transition components (#16348) @eps1lon
  • [theme] Validate fontSize in createTypography (#16321) @merceyz
@material-ui/lab@v4.0.0-alpha.18
  • [Slider] Fix label contrast color (#16350) @oliviertassinari
Docs
  • [docs] Improve colors reliably (#16324) @oliviertassinari
  • [docs] Migrate batch of demos to hooks/typescript (#16334) @merceyz
  • [docs] Some fixes to the Link component page (#16345) @kyarik
  • [docs] Use latest size snapshot from master (#16342) @eps1lon

4.1.2

June 23, 2019

Big thanks to the 30 contributors who made this release possible!

Here are some highlights ✨:

  • ♿️ Fix Select and Menu keyboard behavior (#16323).
  • 🚀 Reduce the Modal bundle size by -22% (5 kB) (#15839, #16254, #16262).
  • 💄 Remove noise from the material.io generated icons (#16258).
  • ⚛️ Extend StrictMode compatibility to 25 more components (#16283).
  • And many more 🐛 bug fixes 📚 improvements.
@material-ui/core@v4.1.2
  • [ButtonBase] Fix dragging issue (#16250) @LukasMirbt
  • [Dialog] Prepare deprecation of withMobileDialog (#14992) @oliviertassinari
  • [Divider] Add aria role if it's not implicit (#16256) @eps1lon
  • [Grow][Zoom] Remove transform value when entered (#16297) @gijsbotje
  • [MenuList] Fix keyboard a11y when no item is focused when opening (#16323) @eps1lon
  • [Menu] Add missing autoFocus TypeScript types (#16289) @BassT
  • [Modal] Fix aria-hidden restore logic (#15839) @mackersD
  • [Modal] Migrate to hooks (#16254) @oliviertassinari
  • [Modal] Refactor tests to remove internal accesses (#16262) @oliviertassinari
  • [Select] Fix autowidth not working with open controlled (#16214) @jobpaardekooper
  • [Select] Fix display when no value is selected (#16294) @ianschmitz
  • [Select] Fix forward ref logic (#16296) @ffjanhoeck
  • [Select] Fix specificity issue (#16137) @aditya1906
  • [Slide] Remove the transform property once open (#16281) @gijsbotje
  • [Snackbar] Fix type definition of autoHideDuration prop (#16257) @brunomonteirosud
  • [TextField] Fix media hover specificity issue (#16266) @arminydy
  • [TextField] Reduce specificity of notchedOutline (#16304) @romanr
  • [Textarea] Update height when maxRows prop changes (#16298) @tasinet
  • [TouchRipple] Fix ripple staying on fast updates (#16291) @eps1lon
@material-ui/icons@v4.2.1
  • [icons] Remove noise from Google source (#16258) @oliviertassinari
@material-ui/system@v4.3.0
  • [system] Add support for marginX, marginY, paddingX, and paddingY (#16169) @dimitropoulos
  • [system] Add visibility property to display (#16231) @aditya1906
@material-ui/lab@v4.0.0-alpha.17
  • [Slider] Fix onChangeCommitted firing on mouseenter (#16329) @cdcasey
  • [Slider] Fix various tick mark issues (#16275) @eps1lon
  • [Slider] Mitigate floating point errors (#16252) @joaosilvalopes
@material-ui/styles@v4.1.2
  • [styles] Make StyleRules backwards compatible (#16200) @merceyz
  • [styles] Only run the check on the client-side (#16284) @oliviertassinari
  • [styles] Remove withTheme type from makeStyles options (#16217) @merceyz
Docs
  • [docs] Add docs for Overflow, TextOverflow, WhiteSpace (#16170) @aditya1906
  • [docs] Batch of fixes (#16229) @oliviertassinari
  • [docs] Better react-router-dom version comment (#16335) @kyarik
  • [docs] Convert SideEffects to hooks (#16197) @eps1lon
  • [docs] Fix IE 11 rendering issue on the pickers page (#16246) @oliviertassinari
  • [docs] Fix code example (#16279) @maslowproject
  • [docs] Fix links that point to the next branch (#16326) @Maxim-Mazurok
  • [docs] Fix outdated react-transition-group docs link (#16274) @eps1lon
  • [docs] Improve codevariant switch perf (#16211) @eps1lon
  • [docs] Include and explain value type change in migration guide (#16226) @eps1lon
  • [docs] Instapaper, fix contained+secondary button border (#16236) @patelnav
  • [docs] Material Sense is only using v3 (#16267) @josiahbryan
  • [docs] Migrate batch of demos to hooks/typescript (#16322) @merceyz
  • [docs] Remove import if there are no specifiers left (#16199) @merceyz
  • [docs] Fix a typo emooji -> emoji (#16286) @sabrinaluo
  • [example] Hooks are standards now, no need to mention it (#16288) @obedparla
  • [examples] Fix the styled-jsx integration of the Next.js examples (#16268) @lifeiscontent
Core
  • [types] Explicitly use react types (#16230) @kdy1
  • [test] Introduce @testing-library/react (#15732) @eps1lon
  • [core] Add MuiCardActionArea prop (#16235) @aditya1906
  • [core] Add missing MuiTableHead and MuiTableBody type to theme.props (#16220) @merceyz
  • [core] Add missing exports from styles in core (#16311) @fzaninotto
  • [core] Change <> to <React.Fragment> (#16225) @aditya1906
  • [core] Extend StrictMode compatiblity (#16283) @eps1lon
  • [core] Move size tracking to azure pipelines (#16182) @eps1lon
  • [core] Remove string from SpacingArgument in theme.spacing (#16290) @merceyz
  • [ci] Build packages in parallel for size snapshot (#16261) @eps1lon
  • [ci] Run azure on master (#16207) @eps1lon
  • [ci] Use sinon browser build (#16208) @eps1lon

4.1.1

June 13, 2019

Big thanks to the 10 contributors who made this release possible!

Here are some highlights ✨:

  • 🐛 Fix react-hot-loader regression (#16195).
  • 🐛 Fix TypeScript icons regression (#16139) @MayhemYDG.
  • 🐛 Fix withWidth regression (#16196).
  • 💄 Add Slider range support (#15703).
  • And many more 📚 improvements.
@material-ui/core@v4.1.1
  • [ButtonBase] Fix ripple not stoping on mouse up (#16142) @joaosilvalopes
  • [useMediaQuery] Defensive logic against matchMedia not available (#16196) @oliviertassinari
  • [Typography] Fix variantMapping rejecting partial type (#16187) @eps1lon
@material-ui/styles@v4.1.1
  • [styles] Fix react-hot-loader regression (#16195) @oliviertassinari
@material-ui/icons@v4.2.0
  • [icons] Fix generated index.d.ts (#16139) @MayhemYDG
  • [icons] Update and clean the icons (#16166) @oliviertassinari
@material-ui/lab@v4.0.0-alpha.16
  • [Slider] Support range (#15703) @oliviertassinari
@material-ui/system@v4.2.0
  • [system] Add overflow, textOverflow, whiteSpace properties (#16129) @aditya1906
  • [system] Add remaining flexbox properties (#16164) @aditya1906
Docs
  • [docs] Add 700 font weight support (#16141) @aditya1906
  • [docs] Change http to https part 2 (#16171) @aditya1906
  • [docs] Fix build on windows (#16154) @merceyz
  • [docs] Fix small typos in v3->v4 migration guide (#16174) @charlax
  • [docs] Improve the CssBaseline description (#16148) @levigunz
  • [docs] Lowercase text to demo text-transform (#16160) @blmoore
  • [docs] Pseudo-class: the style rules that require an increase of specificity (#16120) @oliviertassinari
  • [docs] Remove CSS to MUI webpack Loader (#16175) @sabrinaluo
  • [docs] import Omit Type from @material-ui/types (#16157) @aditya1906
Core
  • [core] Add TypeScript types for styled (#16133) @merceyz
  • [core] Fix withStyles not including props (#16134) @merceyz
  • [core] Fix yarn docs:api removing
    tags on windows (#16165) @merceyz
  • [core] Remove bootstrap v4-alpha (#16177) @aditya1906

4.1.0

June 10, 2019

A big thanks to the 26 contributors who made this release possible!

Here are some highlights ✨:

  • 💄 A new ButtonGroup component (#15744) @mbrookes
  • 💄 New system props (flex, fontStyle, letterSpacing, lineHeight) (#16045, #16109) @ljvanschie, @aditya1906
  • 📚 Fix the documentation notification spam (#16070)
  • 💄 A new fontWeightBold typography theme value (#16036) @aditya1906
  • 🚀 Reduce TypeScript compile time when using the icons (#16083) @phryneas
  • And many more 🐛 bug fixes 📚 improvements.
@material-ui/core@v4.1.0
  • [ButtonGroup] New component (#15744) @mbrookes
  • [TextField] Improve dense height to better match the specification (#16087) @Ritorna
  • [Popper] Add popperRef prop (#16069) @oliviertassinari
  • [theme] Add fontWeightBold to theme.typography (#16036) @aditya1906
  • [LinearProgress] Fix direction issue in RTL (#16009) @mkermani144
  • [Dialog] Fix double scroll issue (#16108) @williamsdyyz
  • [Popper] Fix anchorEl prop types (#16004) @dan8f
  • [Snackbar] Fix wrong event call (#16070) @oliviertassinari
  • [SwipeableDrawer] Convert to function component (#15947) @joshwooding
  • [Tab] Improve the textColor description (#16085) @sPaCeMoNk3yIam
  • [withWidth] Migrate to hooks (#15678) @jacobbogers
@material-ui/system@v4.1.0
  • [system] Add flex to FlexboxProps type definitions (#16045) @ljvanschie
  • [system] Add fontStyle, letterSpacing, lineHeight props (#16109) @aditya1906
  • [system] Fix breakpoints typescript types (#15720) @Kujawadl
@material-ui/styles@v4.1.0
  • [styles] Allow CSS properties to be functions (#15546) @merceyz
  • [styles] Fix styled type definition not including properties (#15548) @merceyz
  • [styles] Upgrade jss (#16121) @eps1lon
@material-ui/icons@v4.1.0
  • [icons] Simplify generated index.d.ts to reduce TS compile time (#16083) @phryneas
Docs
  • [blog] May 2019 Update (#16117) @oliviertassinari
  • [docs] Minor typo correction (#16115) @tonytino
  • [docs] Add AdaptingHook TypeScript demo (#16131) @merceyz
  • [docs] Add global override demos (#16067) @oliviertassinari
  • [docs] Add redirect for typography migration (#16077) @eps1lon
  • [docs] Add system example for prop + theme key (#16099) @peteruithoven
  • [docs] Batch of small fixes (#16061) @oliviertassinari
  • [docs] Bump material-table and @material-ui/pickers versions (#16039) @eps1lon
  • [docs] Change http to https (#16056) @aditya1906
  • [docs] Fix bundle doc typos (#16054) @DDDDDanica
  • [docs] Fix chip array removal (#16086) @joaosilvalopes
  • [docs] Fix grammar in migration doc (#16064) @DDDDDanica
  • [docs] Fix some warnings/regressions (#16106) @eps1lon
  • [docs] Fix spelling and usage of MuiCssBaseline (#16098) @tschaub
  • [docs] Fix typo in the Gatsby example (#16130) @bernardwang
  • [docs] Make demos linkable (#16063) @eps1lon
  • [docs] Migrate Popover demo to Hooks (#16074) @nikhilem
  • [docs] Migrate batch of demos to hooks/typescript (#16003) @merceyz
  • [docs] Move the themes to themes.material-ui.com (#15983) @oliviertassinari
  • [docs] Remove duplicate font icons instruction (#16066) @hubgit
  • [docs] Remove extraneous link to migration helper (#16082) @charlax
  • [docs] Remove unsupported textDense styles (#16057) @sadika9
  • [docs] Revert unreleased changes to the useMediaQuery API (#16127) @oliviertassinari
  • [docs] Update translations (#16125) @mbrookes
  • [docs] Upgrade notistack and migrate the demo to hooks (#16124) @merceyz
  • [docs] Use immediate export in MenuAppBar.js (#16032) @aditya1906
  • [docs] Use immediate export when there is no HOC part 2 (#16038) @merceyz
Core
  • [core] Fix incorrect typings for hexToRgb (#16059) @whitneyit
  • [core] Fix type definition for theme.spacing (#16031) @merceyz
  • [core] Remove direct type dependency to jss/csstype (#16071) @eps1lon
  • [core] Remove export of describeConformance (#16048) @eps1lon
  • [core] Use only up to second level path imports (#16002) @eps1lon
  • [test] Bump karma-webpack (#16119) @eps1lon