Changelog History
Page 14
-
v5.0.0-alpha.45 Changes
- ๐ป <!-- 20 -->[Joy UI] Add
CircularProgress
component (#33869) @hbjORbj - ๐ป <!-- 19 -->[Joy UI] Add
FormControl
component (#34187) @siriwatknp - ๐ป <!-- 18 -->[Joy UI] Add
ListSubheader
component (#34191) @siriwatknp - ๐ป <!-- 17 -->[Joy UI] Add
Modal
component (#34043) @siriwatknp - <!-- 10 -->[Joy] Fix list value of false or 0 (zero) text is incorrectly grey (#34255) @kushagra010
- <!-- 09 -->[Joy] Adjust typography decorator margin (#34257) @siriwatknp
- ๐ <!-- 08 -->[Joy] Miscellaneous fixes (#34193) @siriwatknp
- <!-- 07 -->[Radio][joy] Integrate with form control (#34277) @siriwatknp
- <!-- 06 -->[Joy][textarea] Pass
textarea
props fromcomponentsProps
(#34223) @HexM7
- ๐ป <!-- 20 -->[Joy UI] Add
-
v5.0.0-alpha.44 Changes
- <!-- 23 -->[Alert][joy] Add
Alert
component (#33859) @hbjORbj - <!-- 08 -->[Joy] Make the description of
componentsProps
generic (#34140) @hbjORbj - โ
<!-- 07 -->[Joy] Add tests / classes for
Breadcrumbs
component (#33860) @hbjORbj - <!-- 06 -->[Select][joy] Fix forwarding listbox
component
prop (#34172) @siriwatknp
- <!-- 23 -->[Alert][joy] Add
-
v5.0.0-alpha.43 Changes
- [Joy] Fix
role
proptypes (#34119) @siriwatknp - [Joy] Refine
componentsProps
for all components (#34077) @siriwatknp - ๐ [Radio][joy] support
componentsProps
as a function (#34022) @siriwatknp - [Select][joy] Improve the a11y on the select field demo (#34073) @mnajdova
- [Textarea][joy] Add
Textarea
component (#33975) @siriwatknp
- [Joy] Fix
-
v5.0.0-alpha.42 Changes
- <!-- 27 -->[CalendarPicker] Improve contrast between enabled and disabled days (#27603) @nikitabobers
- <!-- 32 -->[PickersDay] Render
children
if specified (#27462) @abriginets - <!-- 05 -->[TreeView] Fix TreeItem label overflow (#27585) @LorenzHenk
-
v5.0.0-alpha.41 Changes
- <!-- 58 -->[pickers] Only accept dates from adapters in min/max props (#27392) @eps1lon
- <!-- 15 -->[pickers] Fallback to today if all possible dates are disabled (#27294) @eps1lon
- <!-- 06 -->[pickers] Minify error when LocalizationProvider is missing (#27295) @eps1lon
- <!-- 01 -->[pickers] Fix Fade animation behavior change (#27283) @oliviertassinari
-
v5.0.0-alpha.40 Changes
- [CalendarPicker] Fix slide transition regression (#27273) @eps1lon
- [CalendarPicker] Use transition components from core instead of a custom implementation (#27043) @eps1lon
- 0๏ธโฃ [pickers] Fix default value of text keys (#26990) @oliviertassinari
- 0๏ธโฃ [TimePicker] Change default minutes and seconds to zero (#27037) @michal-perlakowski
-
v5.0.0-alpha.4 Changes
July 19, 2020July 19, 2020
๐ Big thanks to the 11 contributors who made this release possible.
๐ป
@material-ui/[email protected]
๐ฅ Breaking changes
- ๐ป [core] Drop support for non-ref-forwarding class components (#21811) @eps1lon
๐ Support for non-ref-forwarding class components in thecomponent
prop or as an immediatechildren
has been dropped. If you were usingunstable_createStrictModeTheme
or didn't see any warnings related tofindDOMNode
inReact.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 thecomponent
prop or passingchildren
to components that requirechildren
to be elements (e.g.<MenuList><CustomMenuItem /></MenuList>
) - ๐ป [Stepper] Use context API (#21613) @baterson
๐ฏ Rely on the context over theReact.cloneElement()
API.
This change makes composition easier.
๐ป
@material-ui/[email protected]
๐ 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
- ๐ป [core] Drop support for non-ref-forwarding class components (#21811) @eps1lon
-
v5.0.0-alpha.39 Changes
๐ฅ 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
- ๐ <!-- 12 -->[lab] Fix missing dependency on unstyled (#26937) @fishyFrogFace
- <!-- 50 -->[pickers] Consider TDate in ToolbarComponent types (#27035) @michal-perlakowski
-
v5.0.0-alpha.38 Changes
๐ฅ Breaking changes
<!-- 05 -->[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 theButtonBase
component instead ofListItem
. The class names related to "MuiListItem-*" are removed and themingListItem
is no longer affectingMenuItem
.
-<li className="MuiButtonBase-root MuiMenuItem-root MuiListItem-root"> +<li className="MuiButtonBase-root MuiMenuItem-root">
- The prop
listItemClasses
was removed, you can useclasses
instead.
-<MenuItem listItemClasses={{...}}> +<MenuItem classes={{...}}>
- Change the default value of
0๏ธโฃ <!-- 09 -->[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, }, }, });
- ๐
<!-- 10 -->[IconButton] Add size
large
and update styles (#26748) @siriwatknp
The default size's padding is reduced to
8px
which makes the default IconButton size of40px
. To get the old default size (48px
), usesize="large"
. The change was done to better match Google's products when Material Design stopped documenting the icon button pattern.- <IconButton> + <IconButton size="large">
- <!-- 08 -->[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.- ๐ <!-- 14 -->[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>
- ๐ <!-- 19 -->[core] Remove
unstable_
prefix on theuseThemeProps
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
- ๐ <!-- 33 -->[Alert] Add support for custom colors (#26831) @varandasi
- <!-- 32 -->[Button] Fix loading text invisible when disabled (#26857) @DanielBretzigheimer
- <!-- 43 -->[ButtonBase] Consider as a link with a custom component and
to
prop (#26576) @shadab14meb346 - <!-- 17 -->[ButtonBase] Derive state on render instead of in layout effects (#26762) @eps1lon
- <!-- 37 --> [Drawer] Fix incorrect z-index (#26791) @michal-perlakowski
- ๐ <!-- 28 -->[Drawer] Remove incorrect transition handler props (#26835) @eps1lon
- ๐ <!-- 01 -->[Link] Improve accessibility support (#26145) @ahmed-28
- <!-- 41 -->[Modal] Fix calculating scrollbar size when using custom scrollbar (#26816) @michal-perlakowski
- <!-- 29 -->[Rating] Make input ids less predictable (#26493) @eps1lon
- <!-- 27 -->[Stepper] Add componentsProps.label to StepLabel (#26807) @michal-perlakowski
- <!-- 36 -->[Tabs] Show error when Tab has display: none (#26783) @michal-perlakowski
- <!-- 46 -->[theme] Add base color palette type to components (#26697) @siriwatknp
-
v5.0.0-alpha.37 Changes
<!-- generated comparing v5.0.0-alpha.36..next -->
Jun 15, 2021
๐ A 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
anduseThemeProps
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.