MaterialΒ UI: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
MIT License
Published by siriwatknp almost 2 years ago
A big thanks to the 15 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
size
prop overrides via TypeScript module augmentation (#35460) @MickaelAustoniexperimental_sx
back with error code (#35528) @siriwatknp@mui/[email protected]
@mui/[email protected]
@mui/[email protected]
@mui/[email protected]
Select
component onChange
event type in the migration guide (#35509) @tzynwangProviding the colors directly
section (#35507) @cassidooCardMedia
example without component="img"
prop (#35470) @lucasmfredmarkunstable_sxConfig
typo (#35478) @siriwatknpAll contributors of this release in alphabetical order: @42tte, @cassidoo, @danilo-leal, @DimaAbr, @lucasmfredmark, @michaldudak, @MickaelAustoni, @Miigaarino, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp, @sydneyjodon-wk, @talgautb, @tzynwang
Published by michaldudak almost 2 years ago
Dec 13, 2022
A big thanks to the 19 contributors who made this release possible. Here are some highlights β¨:
sx
prop in the theme
(#35150)@mui/[email protected]
MenuProps.PopoverClasses
being overriden (#35394) @vitorfrs-dev@mui/[email protected]
@mui/[email protected]
[system] Enable configuring the sx
prop in the theme
(#35150) @mnajdova
The breaking change is regarding an experimental API:
-import { styled, experimental_sx } from '@mui/material/styles';
+import { styled } from '@mui/material/styles';
-const Component = styled('div)(experimental_sx({ p: 1 }});
+const Component = styled('div)(({ theme }) => theme.unstable_sx({ p: 1 }});
@mui/[email protected]
@mui/[email protected]
@mui/[email protected]
Responsive App bar with Drawer
demo (#35418) @ZeeshanTamboliToggleButtonSizes
demo (#35375) @Armanio/core
page to use CSS variables (#35366) @siriwatknpAll contributors of this release in alphabetical order: @alexfauquette, @Armanio, @danilo-leal, @EduardoSCosta, @flaviendelangle, @jesrodri, @joserodolfofreitas, @kraftware, @michaldudak, @mnajdova, @oliviertassinari, @PratikDev, @samuelsycamore, @siriwatknp, @Spanishiwa, @timbset, @tsollbach, @vitorfrs-dev, @ZeeshanTamboli
Published by hbjORbj almost 2 years ago
Dec 6, 2022
A big thanks to the 15 contributors who made this release possible. Here are some highlights β¨:
components
/ componentProps
to slots
/ slotProps
prop in Joy UI to create consistency across products (#34997)@mui/[email protected]
markActive
theme class not getting applied (#35067) @ZeeshanTambolilabelEmptyValueActive
style overrides from theme (#35315) @sai6855@mui/[email protected]
@mui/[email protected]
β[Joy] Add slots
/slotProps
props to the typing of all components and apply useSlot
to all components (#34997) @hbjORbj
components
Β andΒ componentsProps
Β props in Joy UI components toΒ slots
Β andΒ slotProps
, respectively.-<Autocomplete components={{listbox: CustomListbox}} componentsProps={{listbox: { className: 'custom-listbox' }}} />
+<Autocomplete slots={{listbox: CustomListbox}} slotProps={{listbox: { className: 'custom-listbox' }}} />
You can use this codemod to help with the migration.
All contributors of this release in alphabetical order: @flaviendelangle, @guotie, @happyincent, @hbjORbj, @Juneezee, @michaldudak, @mnajdova, @nomandhoni-cs, @oliviertassinari, @Pandey-utkarsh, @sai6855, @samuelsycamore, @siriwatknp, @Uzwername, @zignis
Nov 28, 2022
A big thanks to the 13 contributors who made this release possible. This release contains various π bug fixes, π documentation, and βοΈ infrastructure improvements.
@mui/[email protected]
multiple
prop is true
(#35275) @fenghan34skipFocusWhenDisabled
prop to not allow focussing deletable chip if disabled (#35065) @sai6855useFormControl
(#35168) @ZeeshanTamboli@mui/[email protected]
@mui/[email protected]
describeConformance
to TypeScript (#35193) @flaviendelangleAll contributors of this release in alphabetical order: @58bits, @alexfauquette, @fenghan34, @flaviendelangle, @iamxukai, @leventdeniz, @m4theushw, @michaldudak, @oliviertassinari, @sai6855, @siriwatknp, @ZeeshanTamboli, @Zetta56
Published by siriwatknp almost 2 years ago
A big thanks to the 9 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
background.defaultChannel
to CssVarsPalette
(#35174) @alexfauquette@mui/[email protected]
@mui/[email protected]
@mui/[email protected]
error
prop works in the Unstyled Input (#35171) @michaldudakAll contributors of this release in alphabetical order: @alexfauquette, @danilo-leal, @iamxukai, @Janpot, @MBilalShafi, @michaldudak, @oliviertassinari, @samuelsycamore, @siriwatknp
Published by michaldudak almost 2 years ago
Nov 15, 2022
A big thanks to the 17 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
palette.background.defaultChannel
token (#35061) @siriwatknp@mui/[email protected]
@mui/[email protected]
FormControl
, LinearProgress
and ListSubheader
components from @mui/joy
(#35003) @Studio384Autocomplete
component (#34315) @siriwatknpMarkdownElement
regression from adding CSS variables (#35096) @siriwatknpAll contributors of this release in alphabetical order: @alexfauquette, @bharatkashyap, @cherniavskii, @danilo-leal, @hbjORbj, @Janpot, @kennethbigler, @kushagra010, @michaldudak, @mnajdova, @ofir5300, @oliviertassinari, @sai6855, @sfavello, @sidtohan, @siriwatknp, @Studio384
Published by hbjORbj almost 2 years ago
Nov 7, 2022
A big thanks to the 12 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
@mui/[email protected]
@mui/[email protected]
@mui/[email protected]
All contributors of this release in alphabetical order: @akshaya-venkatesh8, @alexfauquette, @hbjORbj, @Janpot, @jesrodri, @michaldudak, @oliviertassinari, @PetroSilenius, @samuelsycamore, @shivam1646, @siriwatknp, @trizotti
Oct 31, 2022
A big thanks to the 16 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
@mui/[email protected]
@mui/[email protected]
value
changes (#34897) @hbjORbjLinearProgress
component (#34514) @hbjORbjspan
for icon image (#34914) @siriwatknpAll contributors of this release in alphabetical order: @cherniavskii, @DanailH, @EduardoSCosta, @emlai, @hbjORbj, @Janpot, @michaldudak, @mnajdova, @oliviertassinari, @punithnayak, @PunitSoniME, @renovate[bot], @RoodyCode, @samuelsycamore, @siriwatknp, @VinceCYLiao
Published by siriwatknp almost 2 years ago
A big thanks to the 10 contributors who made this release possible. Here are some highlights β¨:
components
to slots
prop starting at MUI Base to create consistency across products@mui/[email protected]
onInvalid
to use HTMLInputElement | HTMLTextAreaElement Element type (#33162) @KuShcomponents
and componentsProps
props to allow close action overrides (#33582) @jake-collibra@mui/[email protected]
[base] components
-> slots
API rename (#34693) @michaldudak
-<SwitchUnstyled components={{Root: CustomRoot}} componentsProps={{rail: { className: 'custom-rail' }}} />
+<SwitchUnstyled slots={{root: CustomRoot}} slotProps={{rail: { className: 'custom-rail' }}} />
[base] Make CSS class prefixes consistent (#33411) @michaldudak
This is a breaking change for anyone who depends on the class names applied to Base components.
If you use the <component>UnstyledClasses
objects, you won't notice a difference. Only if you depend on the resulting class names (e.g. in CSS stylesheets), you'll have to adjust your code.
-.ButtonUnstyled-root { ... };
+.MuiButton-root { ... };
@mui/[email protected]
size
prop in components (#34805) @hbjORbjAll contributors of this release in alphabetical order: @bharatkashyap, @hbjORbj, @jake-collibra, @joserodolfofreitas, @KuSh, @marceliwac, @michaldudak, @oliviertassinari, @pixelass, @siriwatknp
Published by michaldudak about 2 years ago
A big thanks to the 21 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
defaultProps
overridable (#34643) @hbjORbj@mui/[email protected]
grey
color in sx
(#34548) @TheUnlocked@mui/[email protected]
@mui/[email protected]
@mui/[email protected]
react/no-unstable-nested-components
(#34518) @eps1lonAll contributors of this release in alphabetical order: @AbayKinayat, @alexfauquette, @bharatkashyap, @DanailH, @eps1lon, @hayawata3626, @hbjORbj, @Janpot, @joserodolfofreitas, @m4theushw, @mbayucot, @michaldudak, @mohd-akram, @ndresx, @oliviertassinari, @pedroprado010, @rvrvrv, @samuelsycamore, @siriwatknp, @TheUnlocked, @zee-bit
Published by hbjORbj about 2 years ago
A big thanks to the 7 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
@mui/[email protected]
β[system] Fix color-scheme implementation (#34639) @siriwatknp
The enableColorScheme
prop has been removed from CssVarsProvider
and getInitColorScheme
(both Material UI and Joy UI).
Migration:
<CssBaseline enableColorScheme />
.<CssBaseline />
, see the docs.@mui/[email protected]
@mui/[email protected]
All contributors of this release in alphabetical order: @HexM7, @joserodolfofreitas, @kushagra010, @michaldudak, @mnajdova, @oliviertassinari, @vanyaxk
A big thanks to the 18 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
disabled
class to FAB button (#34245) @meenaramaownerState
on the paper slot (#34445) @kabernardes@mui/[email protected]
useSnackbar
hook (#33227) @ZeeshanTamboli@mui/[email protected]
variantPlain
classname missing in few components (#34534) @hbjORbjnewFeature
to the typing of MuiPage (#34511) @flaviendelangleAll contributors of this release in alphabetical order: @Aporim2051, @Dustin-Digitar, @flaviendelangle, @Garz4, @hbjORbj, @hghmn, @kabernardes, @kskd1804, @meenarama, @minkyngkm, @mnajdova, @ndebeiss, @oliviertassinari, @peippo, @rolule, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
Published by siriwatknp about 2 years ago
A big thanks to the 21 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
:root
stylesheet (#34131) @siriwatknpalternativeLabel
is used (#34335) @ZeeshanTambolititle
(#34289) @abhinav-22-tech@mui/[email protected]
enableSystem
with defaultMode
(#33960) @siriwatknpshape.borderRadius
in theme (#34076) @ZeeshanTamboli@mui/[email protected]
@mui/[email protected]
[TrapFocus] Rename TrapFocus to FocusTrap (#34216) @kabernardes
- import TrapFocus from β@mui/base/TrapFocusβ;
+ import FocusTrap from β@mui/base/FocusTrapβ;
@mui/[email protected]
value
, required
, and readOnly
to input (#34477) @siriwatknponClick
prop (#34455) @HexM7Divider
component (#34403) @siriwatknpreadOnly
and required
to input (#34478) @siriwatknpuseMenu
and useMenuItem
hooks demo (#34166) @ZeeshanTamboliGrid
docs (#34475) @Dustin-DigitarBack to top
section in AppBar docs (#34479) @Dustin-Digitarwebpack.config.js
(#34446) @CodingItWrongonChange
call (#34408) @siriwatknpAll contributors of this release in alphabetical order: @abhinav-22-tech, @alexfauquette, @CodingItWrong, @Dustin-Digitar, @garronej, @HexM7, @howlettt, @Janpot, @joserodolfofreitas, @kabernardes, @MBilalShafi, @Methuselah96, @michaldudak, @mnajdova, @oliviertassinari, @prakhargupta1, @pratikkarad, @ptrfrncsmrph, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
Published by michaldudak about 2 years ago
Sep 19, 2022
A big thanks to the 11 contributors who made this release possible.
This release was mostly about π bug fixes and π documentation improvements.
@mui/[email protected]
Bootstrap
even when label is not defined (#34343) @ZeeshanTamboli@mui/[email protected]
[button][joy] Replace start/endIcon
prop with start/endDecorator
(#34288) @hbjORbj
BREAKING CHANGE: replace start/endIcon
with start/endDecorator
.
// before
<Button startIcon={...} endIcon={...} />
// after
<Button startDecorator={...} endDecorator={...} />
Input
and Textarea
styles (#34281) @siriwatknp@mui/[email protected]
[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) => { /* ... */ }} />
typescript-to-proptypes
, respect the value pass to the generic (#34311) @flaviendelangleAll contributors of this release in alphabetical order: @alexfauquette, @flaviendelangle, @hbjORbj, @Janpot, @michaldudak, @oliviertassinari, @renovate[bot], @samuelsycamore, @siriwatknp, @tomasz-sodzawiczny, @ZeeshanTamboli
Published by hbjORbj about 2 years ago
Sep 12, 2022
A big thanks to the 12 contributors who made this release possible. Here are some highlights β¨:
Alert
, Modal
, ListSubheader
, FormControl
, CircularProgress
components to Joy UI (#33859) @hbjORbj @siriwatknp@mui/[email protected]
primaryTypography
(#33880) @iamxukai@mui/[email protected]
CircularProgress
component (#33869) @hbjORbjFormControl
component (#34187) @siriwatknpListSubheader
component (#34191) @siriwatknpModal
component (#34043) @siriwatknptextarea
props from componentsProps
(#34223) @HexM7Usage
docs (#34200) @zillion504All contributors of this release in alphabetical order: @bytasv, @ChrystianDeMatos, @hbjORbj, @HexM7, @iamxukai, @kushagra010, @LukasTy, @michaldudak, @oliviertassinari, @siriwatknp, @ZeeshanTamboli, @zillion504
Published by siriwatknp about 2 years ago
A big thanks to the 11 contributors who made this release possible. Here are some highlights β¨:
Alert
component to Joy UI (#33859) @hbjORbj@mui/[email protected]
@mui/[email protected]
componentsProps
generic (#34140) @hbjORbjAlert
component (#33859) @hbjORbjBreadcrumbs
component (#33860) @hbjORbjcomponent
prop (#34172) @siriwatknp@mui/[email protected]
mui-color-input
, mui-chips-input
and mui-tel-input
into the related projects page (#34123) @viclafouchtypes
field to packages without index.d.ts (#33952) @michaldudakmousePress
function (#34124) @cherniavskiiAll contributors of this release in alphabetical order: @cherniavskii, @DanailH, @hbjORbj, @Janpot, @michaldudak, @oliviertassinari, @paulschreiber, @ropereraLK, @samuelsycamore, @siriwatknp, @viclafouch
Published by michaldudak about 2 years ago
Aug 29, 2022
A big thanks to the 16 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
disableClearable
is used (#34053) @mnajdova@mui/[email protected]
@mui/[email protected]
@mui/[email protected]
role
proptypes (#34119) @siriwatknpcomponentsProps
for all components (#34077) @siriwatknpcomponentsProps
as a function (#34022) @siriwatknpTextarea
component (#33975) @siriwatknpSelect
component (#34091) @HexM7DatePicker
component demo on the home page (#34054) @NaveenPantraOverridableComponent
via module augmentation for better performance (#32735) @mnajdovaAll contributors of this release in alphabetical order: @alexfauquette, @bharatkashyap, @bicstone, @danilo-leal, @EthanStandel, @HexM7, @hoangph271, @JonathanAsbury-SPS, @michaldudak, @mnajdova, @NaveenPantra, @oliviertassinari, @pieetrus, @renovate[bot], @siriwatknp, @ZeeshanTamboli
Published by hbjORbj about 2 years ago
Aug 22, 2022
A big thanks to the 11 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
keepMounted
Popper prop not working (#33957) @ZeeshanTamboli@mui/[email protected]
@mui/[email protected]
@mui/[email protected]
test
folder's README (#33976) @ropereraLKgetInitialProps
with getStaticProps
" (#33991) @mnajdovaAll contributors of this release in alphabetical order: @AjeetSingh2016, @alirezahekmati, @Cerebro92, @danilo-leal, @djohalo2, @jsakas, @michaldudak, @mnajdova, @oliviertassinari, @ropereraLK, @samuelsycamore, @TheUnlocked, @tomasz-sodzawiczny, @ZeeshanTamboli
Aug 16, 2022
A big thanks to the 18 contributors who made this release possible. This release was mostly around π bug fixes and π documentation improvements.
@mui/[email protected]
@mui/[email protected]
ContainerProps
export (#33923) @bugzpodder@mui/[email protected]
@mui/[email protected]
Link
component (#32839) @TKrishnasamyAspectRatio
docs (#33895) @IsaacInsoll/system/getting-started/advanced/
does not exist (#33867) @MonstraGAll contributors of this release in alphabetical order: @arjunvijayanathakurup, @bugzpodder, @cherewaty, @cherniavskii, @cmdcolin, @danilo-leal, @EthanStandel, @hayawata3626, @IsaacInsoll, @l10nbot, @michaldudak, @mmostafavi, @MonstraG, @oliviertassinari, @PunitSoniME, @samuelsycamore, @TKrishnasamy, @ZeeshanTamboli
Published by siriwatknp about 2 years ago
A big thanks to the 16 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
RegularBreakpoints
to fix type error (#33751) @ZeeshanTambolirounded
variant (#33687) @siriwatknp@mui/[email protected]
sx
(#33752) @siriwatknpStack
component (#33760) @mnajdova@mui/[email protected]
Breadcrumbs
component (#32697) @hbjORbjsize
prop (#33862) @hbjORbjBasics
section in Trap Focus
docs (#33772) @ZeeshanTamboliNextLinkComposedProps
type error (#33842) @adham618All contributors of this release in alphabetical order: @adham618, @brentertz, @cherniavskii, @Dsalazar1685, @hbjORbj, @iamxukai, @joserodolfofreitas, @michaldudak, @mnajdova, @oliviertassinari, @pawelsmigielski, @pratikkarad, @PunitSoniME, @siriwatknp, @TimoWilhelm, @ZeeshanTamboli