Changelog History
Page 8
-
v5.0.0-rc.1 Changes
- <!-- 46 -->[Autocomplete] Fix virtualization regression (#28129) @oliviertassinari
- π <!-- 45 -->[Button] Use deeper imports from unstyled, correct docs (#28074) @michaldudak
- <!-- 44 -->[ButtonBase] Fix ripple persisting on blur (#28186) @michaldudak
- <!-- 14 -->[Link] Infer
ref
type fromcomponent
(#28101) @eps1lon - <!-- 11 -->[Popper] Fix bundle size regression (#27910) @oliviertassinari
- π <!-- 10 -->[Select] Merge
ref
ofSelect
andinput
element (#28054) @DouglasPds - <!-- 07 -->[Tabs] Improve error message formatting for invalid
value
(#28172) @eps1lon
-
v5.0.0-rc.0 Changes
π₯ Breaking changes
- π¦ <!-- 33 -->[core] Rename packages (#28049) @mnajdova
replace
@material-ui/*
prefix with@mui/*
:@material-ui/system -> @mui/system @material-ui/styles -> @mui/styles @material-ui/lab -> @mui/lab @material-ui/types -> @mui/types @material-ui/styled-engine -> @mui/styled-engine @material-ui/styled-engine-sc ->@mui/styled-engine-sc @material-ui/private-theming -> @mui/private-theming @material-ui/codemod -> @mui/codemod
except these 3 packages that are renamed.
@material-ui/core => @mui/material // represents Material Design components. @material-ui/icons => @mui/icons-material // represents Material Design icons. @material-ui/unstyled => @mui/base // fully functional components with minimum styles.
Note:
@mui/base
(previously@material-ui/unstyled
) is not the same as@material-ui/core
.We encourage you to use the codemod for smooth migration.
π Changes
- β‘οΈ <!-- 39 -->[Autocomplete] Update warning for
value
prop (#27977) @vedadeepta - β‘οΈ <!-- 37 -->[ButtonGroup] Update PropTypes to match augmentable interface (#27944) @aaronlademann-wf
- <!-- 36 -->[CardMedia] Add
image
role ifimage
prop is specified but no imagecomponent
is specified (#27676) @eps1lon - <!-- 10 -->[InputBase] Fix autofill issue (#28070) @mnajdova
- <!-- 08 -->[Tabs] Fix indicator position when tab size changes (ResizeObserver) (#27791) @hbjORbj
- π <!-- 06 -->[TextareaAutosize] Sync height when the width of the textarea changes (#27840) @hbjORbj
- <!-- 05 -->[ToggleButtonGroup] Add "disabled" prop (#27998) @chetas411
- <!-- 34 -->[core] Export types for module augmentation (#28078) @m4theushw
-
v5.0.0-beta.5 Changes
π₯ Breaking changes
- β‘οΈ <!-- 36 --> [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)
- <!-- 43 --> [Autocomplete] Rename Value type to AutocompleteValue (#27804) @michaldudak
The
useAutocomplete
hook used a type calledValue
. It was a very generic name for a type specific to theAutocomplete
control, so it was removed toAutocompleteValue
.-import { Value } from '@material-ui/core/useAutocomplete'; +import { AutocompleteValue } from '@material-ui/core/useAutocomplete';
π Changes
- <!-- 42 --> [AppBar] Fix transparency issue on dark mode (#27281) @will-amaral
- βͺ <!-- 29 --> Revert "[BottomNavigation] onClick does not fire if tapped while scrolling (#22524)" (#27690) @eps1lon
- β <!-- 68 --> [Autocomplete] Add verbose warning for defaultValue (#27925) @vedadeepta
- <!-- 78 --> [Badge] Add missing classes to exported class object (#27943) @pvdstel
- <!-- 41 --> [ButtonGroup] Allow
size
customization via module augmentation (#27834) @aaronlademann-wf - <!-- 67 --> [InputBase] Preserve host state when changing
rows
from undefined to defined (#27683) @eps1lon - <!-- 18 --> [InputLabel] Apply
asterisk
class whenrequired
(#27738) @alexile - <!-- 26 --> [Select] Fix NativeSelect propagating classes to the DOM element (#27797) @mnajdova
- <!-- 28 --> [Stack] Match the customization standard (#27777) @oliviertassinari
- <!-- 70 --> [SvgIcon] Apply custom color if defined in the theme (#27923) @eps1lon
- π
<!-- 65 --> [Switch] Add optional
track
slot to SwitchUnstyled (#27916) @michaldudak - <!-- 52 --> [Tooltip] Fix broken arrow position in rtl (#27868) @mnajdova
- <!-- 02 --> [transitions] Allow to run Slide into a custom container (#26623) @benny0642
- β‘οΈ <!-- 36 --> [core] Update
-
v5.0.0-beta.4 Changes
π₯ Breaking changes
- <!-- 07 -->[Grid] Fix "auto" behavior to match natural width of its content (#27514) @aaronlademann-wf
π Changes
- <!-- 30 -->[ButtonBase] Fix tabIndex type (#27684) @kylegach
- <!-- 13 -->[MenuList] Fix text navigation (#27526) @ryancogswell
- <!-- 01 -->[l10n] Add Arabic Sudan (ar-SD) locale (#27588) @YassinHussein
- <!-- 23 -->[Radio] Fix size prop forwarding with custom icons (#27656) @DouglasPds
- <!-- 10 -->[TextField] Password visibility icons ( "visibility" β "visibility-off" ) should be reversed (#27507) @tonextone
- <!-- 18 -->[ToggleButton] Fix handling of color prop (#27635) @oliviertassinari
-
v5.0.0-beta.3 Changes
- π
<!-- 28 -->[codemod] Add support for
createStyles
usage injss-to-styled
(#27578) @mnajdova - π
<!-- 11 -->[codemod] Fix
jss-to-styled
PREFIX generation on Windows (#27491) @mnajdova - π
<!-- 39 -->[codemod] Fix
jss-to-styled
codemod to handle React.Fragment as root (#27495) @mnajdova
- π
<!-- 28 -->[codemod] Add support for
-
v5.0.0-beta.2 Changes
- <!-- 54 -->[Autocomplete] Explain how the loading prop works (#27416) @michaldudak
- β‘οΈ <!-- 49 -->[Autocomplete] Update input value when the input changes (#27313) @turtleseason
- <!-- 09 -->[Autocomplete] Popper is not closing when the Autocomplete is disabled (#27312) @Goodiec
- π
<!-- 42 -->[Checkbox] Skip default hover styles with
disableRipple
(#27314) @faan234 - π <!-- 50 -->[Dialog] Fix override paper styles (#27423) @newsiberian
- π <!-- 17 -->[Grid] Remove width prop for rowSpacing (#27326) @sashkopavlenko
- π <!-- 33 -->[Input] Merge
componentsProps
correctly (#27371) @mnajdova - π <!-- 55 -->[Pagination] Fixed usePagination requires @emotion in development mode (#27348) @ruppysuppy
- <!-- 07 -->[Pagination] Fix :hover effect on previous/next button (#27304) @Aubrey-Li
- <!-- 03 -->[Popper] Consistent timing of popper instance creation (#27233) @eps1lon
- <!-- 45 -->[Select] Add
SelectChangeEvent
for accurate types for event in onChange prop (#27370) @eps1lon - <!-- 18 -->[Tabs] Use theme transition duration for the Tab animation (#27303) @florianbepunkt
- <!-- 35 -->[TextField] Allow custom colors in FormLabel (#27337) @oliviertassinari
- <!-- 14 -->[TextField] Fix name of componentsProps (#27338) @oliviertassinari
- π <!-- 04 -->[transitions] Make sure inline styles used for transition values if declared (#27140) @eps1lon
-
v5.0.0-beta.1 Changes
<!-- generated comparing v5.0.0-beta.0..next -->
Jul 14, 2021
π A 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.
- π
β¨ 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:
-
v5.0.0-beta.0 Changes
π₯ 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
- <!-- 19 -->[Box] Fix TypeScript error on maxWidth prop (#26859) @ansh-saini
- <!-- 04 -->[Dialog] Automatically label by its DialogTitle (#26814) @eps1lon
- π <!-- 32 -->[Hidden] Bring back and mark as deprecated (#26908) @siriwatknp
- π <!-- 53 -->[List] Add button runtime deprecation warning (#26743) @siriwatknp
- π <!-- 03 -->[Modal] Type BackdropProps according to styled version (#26836) @eps1lon
- 0οΈβ£ <!-- 21 -->[Radio] Fix
defaultValue
to match the other value types (#26945) @oliviertassinari - <!-- 48 -->[Stepper] Add completed to global pseudo-classes (#26953) @michal-perlakowski
- π <!-- 25 -->[Stepper] Fix support for no connectors (#26874) @varandasi
- <!-- 20 -->[TextField] Prevent
hiddenLabel
from spreading to DOM (#26864) @siriwatknp - <!-- 18 -->[TextField] Fix label disappearing when focusing a button (#26933) @michal-perlakowski
-
v5.0.0-alpha.99 Changes
π₯ Breaking changes
- [TrapFocus] Rename TrapFocus to FocusTrap (#34216) @kabernardes
- import TrapFocus from β@mui/base/TrapFocusβ; + import FocusTrap from β@mui/base/FocusTrapβ;
π Changes
- [MultiSelect] Require a single tap to select an item on mobile Chrome (#33932) @michaldudak
-
v5.0.0-alpha.98 Changes
π₯ Breaking changes
- [Select][base] Add event parameter to the onChange callback (#34158) @michaldudak
The SelectUnstyled and MultiSelectUnstyled
onChange
callbacks did not have event as the first parameter, leading to inconsistency with other components and native HTML elements. This PR adds the event parameter as the first one and moves the newly selected value to the second position. Because of this, it's a breaking change. This also affects Select from Joy UI.// before <SelectUnstyled onChange={(newValue) => { /* ... */ }} /> // after <SelectUnstyled onChange={(event, newValue) => { /* ... */ }} />