Releases: mui/material-ui
v5.14.0
Jul 11, 2023
A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
-
💫 Material UI, Joy UI, and Base UI are compatible with NextJS App Router (#37656) @mj12albert
-
📚 Added new guides for integrating with Next.js 13 App Router (#37656) @mj12albert
-
🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
@mui/material@5.14.0
- [Autocomplete] Enable global customization of different options (#36971) @nicolas-ot
@mui/material-next@6.0.0-alpha.92
- [Slider][material-next] Slider restructure and style improvements (#37644) @DiegoAndai
@mui/joy@5.0.0-alpha.87
- [ButtonGroup] Fix style for single Button (#37692) @MaybePixem
- Fix theme typography fallback value (#37845) @siriwatknp
@mui/icons-material@5.14.0
- [icons-material] Rebuild icons with
"use client"
(#37894) @mj12albert
Docs
- [docs] Polish Ukraine banner (#37905) @oliviertassinari
- [docs] Reduce Ukraine banner size (#34795) @oliviertassinari
- [docs] Add callouts about controlled vs uncontrolled components in Core docs (#37849) @samuelsycamore
- [docs] Add missing Portal elements to Tailwind CSS interoperability guide (#37807) @enrique-ramirez
- [docs] Small pickers migration improvement (#37815) @alexfauquette
- [docs] Fix pickers product name (#37825) @LukasTy
- [docs][Joy][Link] Set
variant
andcolor
defaults for the playground (#37817) @Studio384 - [docs][Joy][Table] Add
undefined
as an option tostripe
(#37816) @Studio384 - [docs][base] Add Tailwind CSS & plain CSS demo on the Snackbar page (#37812) @mnajdova
- [docs][base] Add Tailwind CSS & plain CSS demo on Badge page (#37768) @mnajdova
- [docs][base] Fix Nested modal demo positioning (#37506) @gitstart
- [docs][base] Add Tailwind CSS & plain CSS demo on the Switch page (#37728) @mnajdova
- [docs-infra] Remove code tags in ToC (#37834) @cherniavskii
- [docs-infra] Fixes in API pages generation (#37813) @mnajdova
- [docs-infra] Add test case when using sh (#37818) @oliviertassinari
- [docs-infra] Use icons instead of words for the code copy button (#37664) @danilo-leal
- [docs-infra] Fix code parser (#37828) @alexfauquette
- [docs-infra] Fix
marked
deprecation warning (#37769) @alexfauquette - [docs-infra] Allows to use codeblock in the docs (#37643) @alexfauquette
- [docs-infra][joy] Change Joy UI's playground variant selector (#37821) @danilo-leal
Core
- [core] Prepend "use-client" directive + add docs and examples for using MUI libraries with Next.js App Router (#37656) @mj12albert
- [core] Fix imports to React (#37863) @oliviertassinari
- [core] Disambiguate eslint plugin name @oliviertassinari
- [core] Sync the lint script name with the other repositories @oliviertassinari
- [core] Point to Crowdin directly @oliviertassinari
- [website] Sync career page (#37847) @oliviertassinari
All contributors of this release in alphabetical order: @alexfauquette, @cherniavskii, @danilo-leal, @DiegoAndai, @enrique-ramirez, @gitstart, @LukasTy, @MaybePixem, @mj12albert, @mnajdova, @nicolas-ot, @oliviertassinari, @samuelsycamore, @siriwatknp, @Studio384
v5.13.7
Jul 4, 2023
A big thanks to the 21 contributors who made this release possible.
This release focuses primarily on 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
@mui/material@5.13.7
@mui/system@5.13.7
- [Stack] Fix spacing when there are
<style>
children (#34966) @cmd-johnson
@mui/icons-material@5.13.7
- [icons] Add Microsoft logo (#37717) @zephyrus21
@mui/joy@5.0.0-alpha.86
- [Autocomplete][joy] Fix Autocomplete and Modal components to work together (#37515) @saikathalderr
- [Menu][Joy] Improve UX of
Menu
usage demo (#37797) @sai6855
@mui/base@5.0.0-beta.6
- [Slider][base][material][joy] Fix not draggable on the edge when
disableSwap={true}
(#35998) @sai6855 - [Slider][base] Provide slot state to Slider's thumb slot props callback (#37749) @mnajdova
- [Tabs] Wrap TabsList context creation in useMemo (#37370) @michaldudak
- [TextareaAutosize] Fix wrong height measurement (#37185) @bigteech
@mui/lab@5.0.0-alpha.135
- [Timeline] Fix position
alternate-reverse
generated classname (#37678) @ZeeshanTamboli
Docs
- [docs][base] Add demo for using the Button as a link (#37317) @AdamSundberg
- [docs][base] Add Tailwind CSS + plain CSS demo on the Select page (#37725) @mnajdova
- [docs][base] Make Base UI input demos denser (#37750) @zanivan
- [docs][base] Make Base UI button demos denser (#37689) @zanivan
- [docs][base] Add Tailwind CSS & plain CSS demos on the Input page (#37685) @mnajdova
- [docs][base] Fix horizontal scrolling on the mobile input page (#37688) @zanivan
- [docs] Improve Base UI index page (#37761) @oliviertassinari
- [docs] Fix incorrect package URL in README of example material-vite (#37755) @Dlouxgit
- [docs] Explain how to disable Base Select's portal (#37684) @michaldudak
- [docs] Shorten overview page URLs (#37660) @oliviertassinari
- [docs][material] Rename custom tab panel in Tabs demo to prevent confusion with @mui/lab (#37638) @MUK-Dev
- [docs][tabs] Document how to use routing with Tabs in Base UI (#37369) @michaldudak
- [docs] Rename product to productId (#37801) @siriwatknp
- [docs][base] Add Tailwind CSS & plain CSS demo on the Slider page (#37736) @mnajdova
Core
- [docs–infra] Prevent displaying multiple ads (#37696) @oliviertassinari
- [blog] Fix mismatch between plan and link @oliviertassinari
- [core] Update yarn lockfile (#37802) @michaldudak
- [core] Add bundle size Toolpad app link to PRs (#36311) @Janpot
- [core] Fix priority support prompt action flow (#37726) @DanailH
- [core] Fix typo in priority support @oliviertassinari
- [core][docs] add Eslint rule to ensure main demo component match file… (#37278) @alexfauquette
- [docs-infra] Fix truncated TOCs scrollbar (#37770) @oliviertassinari
- [docs-infra] Adjust demo container to be glued to the toolbar (#37744) @danilo-leal
- [docs-infra] Fix layout shift ad (#37694) @oliviertassinari
- [docs-infra] Improve demos toolbar (#37762) @oliviertassinari
- [docs-infra] Make the GitHub link in the nav bar open in a new tab (#37766) @gateremark
- [docs-infra] Allow to persist icons in ToC (#37731) @cherniavskii
- [docs-infra] Improve product mapping (#37729) @oliviertassinari
- [docs-infra] Add design polish to the comment and anchor buttons (#37734) @danilo-leal
- [docs-infra] Tweak editable code blocks callout design (#37681) @danilo-leal
- [docs-infra] Improve the edit page experience (#37695) @oliviertassinari
- [docs-infra] Support rendering markdown outside of docs (#37691) @oliviertassinari
- [docs-infra] Polish demo toolbar button designs (#37680) @danilo-leal
- [docs-infra] Adjust demo component container design (#37659) @danilo-leal
- [test] Fix test:e2e local run (#37719) @oliviertassinari
- [test] Remove failing test in dev @oliviertassinari
- [website] Add no-op service worker to fix stale cache issue (#37607) @cherniavskii
- [website] Transition the Core page to be Material UI instead (#37583) @danilo-leal
- [website] Update the pricing page to reflect sales (#37751) @oliviertassinari
- [website] Match Copyright with the rest of the website @oliviertassinari
- [website] Support deep linking to pricing FAQ @oliviertassinari
All contributors of this release in alphabetical order: @AdamSundberg, @alexfauquette, @bigteech, @cherniavskii, @cmd-johnson, @DanailH, @danilo-leal, @Dlouxgit, @gateremark, @Janpot, @michaldudak, @mnajdova, @MUK-Dev, @oliviertassinari, @sai6855, @saikathalderr, @siriwatknp, @vonagam, @zanivan, @ZeeshanTamboli, @zephyrus21
v5.13.6
A big thanks to the 25 contributors who made this release possible. Here are some highlights ✨:
- 💫 Added Slider component using the new Material You design language (#37520) @DiegoAndai.
- 📚 Added examples showcasing how you can use Material UI with next.js's app directory (#37315) @smo043
@mui/material@5.13.6
- [Autocomplete] Fixed autocomplete's existing option selection (#37012) @bencevoros
- [Autocomplete] Add hint demos to Material UI and Joy UI docs (#37496) @sai6855
- [Masonry] Fix ResizeObserver loop limit exceeded error (#37208) @hbjORbj
- [Tooltip][material] Improve warning when Tooltip receives string child (#37530) @DiegoAndai
- [Modal] Add missing members to ModalOwnProps (#37568) @ivp-dev
- [Slider] Arrow keys control does not work with float numbers (#37071) @gitstart
- [SvgIcon] allow
svg
as a child (#37231) @siriwatknp - [Timeline] Add alternate reverse position (#37311) @abhinavkmrru
- [Tooltip] Fix type of sx prop in
slotProps
(#37550) @SuperKXT - [TouchRipple] perf: avoid calling
clearTimeout()
(#37512) @romgrk
@mui/material-next@6.0.0-alpha.90
- [Material You] Add Slider component with Material You design (#37520) @DiegoAndai
@mui/joy@5.0.0-alpha.85
- [ButtonGroup][joy] Missing border when spacing is more than zero (#37577) @siriwatknp
- [CardActions][joy] Add
CardActions
component (#37441) @siriwatknp - [Menu][joy] Fix closing of
Menu
in demos (#36917) @sai6855
@mui/base@5.0.0-beta.5
- [Menu][base] Add the resetHighlight action (#37392) @michaldudak
- [Select][base] Expose the
areOptionsEqual
prop (#37615) @michaldudak
@mui/utils@5.13.2
- [utils] Allow nested imports in @mui/utils to speed up build (#37586) @flaviendelangle
Docs
- [docs][base] Improve Base UI all components images (#37590) @danilo-leal
- [docs][base] Add pages for coming soon components (#37575) @danilo-leal
- [docs][base] Add a Snackbar introduction demo (#37602) @danilo-leal
- [docs][base] Add page for all Base UI components (#37536) @danilo-leal
- [docs] Fix scrollbar on snackbar page (#37657) @oliviertassinari
- [docs] Switch order of snackbar buttons in demos (#37389) @Primajin
- [docs] Add support for Tailwind CSS and plain CSS demos (#37319) @mnajdova
- [docs] Tree view color fix for dark mode in Gmail example (#37051) @PunitSoniME
- [docs] Inline the Base UI demo (#37603) @oliviertassinari
- [docs] Fix typo in themed components page (#37598) @vinayr
- [docs] Fix render inline code in CSS description generation (#37448) @alexfauquette
- [docs] Add styles to styled argument list (#37558) @DiegoAndai
- [docs] Improve awkward wording in READMEs of example projects (#37110) @DIWAKARKASHYAP
- [docs] Fix small base -> base-ui migration issue (#37594) @oliviertassinari
- [docs] Fix GitHub typo (#37578) @oliviertassinari
- [docs] Improve release guide (#37547) @DiegoAndai
- [docs] Review fixes to the Material UI's "Example projects" page (#37444) @danilo-leal
- [docs][joy] Add a messages template (#37546) @sernstberger
- [docs][joy] Add pages for coming soon Joy UI components (#36920) @danilo-leal
- [docs][joy] Add design and consistency tweaks to the Playground (#37580) @danilo-leal
- [docs] Add and revise Base UI + Create React App examples (#36825) @samuelsycamore
- [docs-infra] Fix demos border radius (#37658) @oliviertassinari
- [docs-infra] Add analyticsTags to Algolia (#37600) @Janpot
- [docs-infra] Simplify product id handling (#37593) @oliviertassinari
- [CHANGELOG] Add missing release date for v5.13.5 @oliviertassinari
- [examples] Shell command fix in the readme file of material-next-app-router-ts example (#37675) @bablukpik
- [examples] Next.js v13 app router with Material UI (#37315) @smo043
Core
- [core] Update to Node.js v18 for
test-dev
CI (#37604) @ZeeshanTamboli - [core] Add priority support issue template (#37671) @DanailH
- [website] Update roadmap page (#37587) @cherniavskii
- [website] Add CSP to limit iframes to self @oliviertassinari
- [website] Link mui-x Stack Overflow in footer link (#37509) @richbustos
v5.13.5
A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
- 💫 Added
ButtonGroup
component in Joy UI (#37407) @siriwatknp. - 🐛 bug fixes and 📚 documentation improvements.
@mui/material@5.13.5
- [Material][Popover] Add support for virtual element as anchorEl (#37465) @DiegoAndai
@mui/joy@5.0.0-alpha.84
- [ButtonGroup][joy] Replace
detached
prop withspacing
. (#37562) @siriwatknp - [ButtonGroup][joy] Add
ButtonGroup
component (#37407) @siriwatknp - [Input][joy] Simplify focus with
:focus-within
and add examples (#37385) @siriwatknp
Docs
- [docs] Move Toolpad from alpha to beta (#37288) @bharatkashyap
- [docs] Add usage of createCssVarsProvider (#37513) @brijeshb42
- [docs] Update /base url references to /base-ui (#37412) @brijeshb42
- [docs] Skip components and hooks due to duplicate index (#37539) @siriwatknp
- [docs] Polish Sign in to your account joy demo (#37498) @oliviertassinari
- [docs] Remove outdated Material UI FAQ @oliviertassinari
- [docs] Fix crash access to localStorage in Firefox (#37518) @brijeshb42
- [docs-infra] Enforce max length on description (#37565) @oliviertassinari
- [docs-infra] Mandatory versions (#37497) @oliviertassinari
- [docs-infra] Fix lighthouse img size issue (#37415) @oliviertassinari
- [docs][joy] Replace JoyInput with Input component in JoyUI Text Field documentation (#37548) @musama619
- [docs][joy] Add typography introduction demo component (#37553) @sernstberger
- [docs][joy] Add a rental dashboard template (#37453) @sernstberger
Core
- Move the React Community Engineer - X in Open Roles (#37552) @DanailH
- [core] Update Node.js version to v18 on CircleCI, CodeSandbox, and Netlify (#37173) @ZeeshanTamboli
- [website] RIDI gold sponsorship end (#37517) @oliviertassinari
- [website] Update X landing page (#37387) @cherniavskii
All contributors of this release in alphabetical order: @brijeshb42, @cherniavskii, @DanailH, @DiegoAndai, @musama619, @oliviertassinari, @sernstberger, @siriwatknp, @ZeeshanTamboli
v5.13.4
A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
@mui/material@5.13.4
- [Autocomplete][material] Add missing
focusVisible
class in AutocompleteClasses (#37502) @sai6855 - [Menu][material] Fix MenuPaper class composition precedence (#37390) @DiegoAndai
- [MenuList] Fix to allow conditional rendering for a menu item under ListSubheader (#36890) @danielplewes
- [Stepper] Handle progress bar of mobile stepper when
steps
is one (#37079) @gitstart
@mui/base@5.0.0-beta.4
@mui/joy@5.0.0-alpha.83
- [Avatar][joy] Fallback to
alt
whensrc
orsrcSet
are not defined (#37469) @vishalthatipamula0219 - [Card][joy] Improve usability of card family (#37474) @siriwatknp
Docs
- [docs][base] useAutocomplete demos & docs (#37029) @mj12albert
- [docs][base] Remove usage of
component
prop in docs (#37462) @sai6855 - [docs] Fix docs redirections @oliviertassinari
- [docs] Fix Fluent -> Fluent UI @oliviertassinari
- [docs] Fix MUI Base -> Base UI @oliviertassinari
- [docs] Add base-vite-tailwind example repo (#36994) @mj12albert
- [docs] Fix search bar layout shift (#37460) @oliviertassinari
- [docs] Tweak Material UI's "Showcase" page design (#37259) @danilo-leal
- [docs] Tweak Material UI's "Template" page design (#37260) @danilo-leal
- [docs] Fix "Language" page removal leftovers (#37408) @danilo-leal
- [docs] Move contents of css-variables to sibling pages (#37411) @brijeshb42
Core
- [core] Do not let Renovate handle
examples
packages updates (#37386) @ZeeshanTamboli - [website] Add header filters to the pricing table (#37455) @MBilalShafi
All contributors of this release in alphabetical order: @brijeshb42, @danielplewes, @danilo-leal, @DiegoAndai, @gitstart, @MBilalShafi, @mj12albert, @oliviertassinari, @sai6855, @siriwatknp, @vishalthatipamula0219, @ZeeshanTamboli
v5.13.3
A big thanks to the 15 contributors who made this release possible.
This release focuses primarily on 🐛 bug fixes and 📚 documentation improvements.
@mui/material@5.13.3
- [Autocomplete] Accept external Listbox ref (#37325) @sai6855
- [Modal] Pass
className
fromBackdropProps
(#37399) @hbjORbj
@mui/base@5.0.0-beta.3
- [base] Maintain nodes document order in compound components (#36857) @michaldudak
- [base][joy] Prevent persisting hover state styles onclick on mobile (#36704) @gitstart
- [Menu][base] MenuItem as a link does not work (#37242) @nicolas-ot
- [MenuItem][Base] Pass idGenerator function (#37364) @sai6855
- [Slider][Base] Add Vertical slider demo (#37357) @sai6855
@mui/joy@5.0.0-alpha.82
- [Select][joy] Fix popup does not close (#37435) @siriwatknp
- [Badge][Joy] Fix
slots
element type in API docs (#37329) @zignis - [Select] [joy] Handle long text content (#37289) @akash191095
- [Tooltip][Joy] Interactive doesn't work (#37159) @nicolas-ot
@mui/codemod@5.13.3
Docs
- [docs] Clarify Hidden down props as exclusive (#36927) @canac
- [docs] Add refine to Material UI "Related projects" and "More advanced example projects" pages (#37308) @necatiozmen
- [docs] Remove todo link from sidebar (#37373) @brijeshb42
- [docs] Clarify the peer dependency with react (#37360) @oliviertassinari
- [docs] Divider vertical middle prop migration (#36840) @JhonnK08
- [docs] Fix branding theme tabs and navigation bar regressions (#37362) @ZeeshanTamboli
- [docs-infra] Throw on incorrect internal links (#37326) @oliviertassinari
Core
- [core] Include scoped JSX namespace when resolving props (#37404) @LukasTy
- [test][useMediaQuery] Change SSR test description (#37403) @zignis
- [website] Sync with Ashby @oliviertassinari
- [website] Add David to about page (#37379) @DavidCnoops
All contributors of this release in alphabetical order: @akash191095, @brijeshb42, @canac, @DavidCnoops, @gitstart, @hbjORbj, @JhonnK08, @LukasTy, @michaldudak, @necatiozmen, @nicolas-ot, @oliviertassinari, @sai6855, @ZeeshanTamboli, @zignis
v5.13.2
A big thanks to the 12 contributors who made this release possible.
📚 This release focuses primarily on documentation improvements.
@mui/material@5.13.2
- [Slider] Tooltip positioning fixed for vertical slider (#37049) @PunitSoniME
Docs
- [docs][base] Remove default annotations from useTabsList return type (#37324) @TinaSay
- [docs][base] Remove default annotations from useTabPanel return type (#37323) @TinaSay
- [docs][base] Remove default annotations from useSwitch return type (#37322) @TinaSay
- [docs][base] Remove default annotations from useInput return type (#37321) @TinaSay
- [docs][base] Remove default annotations from useAutocomplete return type (#37320) @TinaSay
- [docs][base] Remove default annotations from useBadge's return type (#37313) @TinaSay
- [docs][base] Remove default annotations from useButton's return type (#37312) @TinaSay
- [docs][base] Remove default annotations from useSlider's return type (#37309) @TinaSay
- [docs] Remove Material UI's "Languages" page (#37314) @danilo-leal
- [docs] Prefer to link GitHub repository @oliviertassinari
- [docs] Move product versions to page context (#35078) @m4theushw
- [docs] Fix v5 migration npm install instruction (#37293) @oliviertassinari
- [docs][Tab] Add vertical tabs demo (#37292) @sai6855
- [docs][Transitions] Fix typo in code sample (#37300) @alexfauquette
- [examples] Remove
@babel/plugin-proposal-class-properties
from Material-Express-SSR example (#37305) @ZeeshanTamboli - [Website] Add Brijesh to About page (#37318) @brijeshb42
- [website] Update pricing table (#37290) @cherniavskii
- [website] Update core open roles (#37224) @mnajdova
Core
- Revert "[core] Remove outdated babel proposal plugins (#36795)" (#37331) @michaldudak
- [core] Move esmExternals to the shared next config (#37332) @michaldudak
All contributors of this release in alphabetical order: @alexfauquette, @brijeshb42, @cherniavskii, @danilo-leal, @m4theushw, @michaldudak, @mnajdova, @oliviertassinari, @PunitSoniME, @sai6855, @TinaSay, @ZeeshanTamboli
v5.13.1
A big thanks to the 25 contributors who made this release possible. Here are some highlights ✨:
- 🌏 Added Central Myanmar (my-MY), Malay (ms-MS), Nepali (ne-NP), Tagalog (tl-TL) locales (#37017) @cccEric
- 🐛 bug fixes and 📚 documentation improvements.
@mui/material@5.13.1
- [Autocomplete] Allow tooltip text selection (#36503) @safeamiiir
- [Dialog] Fixed broken dialog when using maxWidth="xs" and custom breakpoint unit (#37237) @jguddas
- [l10n] Add Central Myanmar (my-MY), Malay (ms-MS), Nepali (ne-NP), Tagalog (tl-TL) locales (#37017) @cccEric
@mui/utils@5.13.1
- [utils] Fix downstream bundlers remove React 17 useId compatibility (#37183) @nickiaconis
@mui/base@5.0.0-beta.1
- [Select][base] Keep focus on the trigger element when listbox is open (#37244) @michaldudak
@mui/joy@5.0.0-alpha.80
- [Autocomplete] Fixed scroll into view (#37217) @sai6855
- [AutocompleteOption][Avatar] js test replaced with ts test (#37088) @PunitSoniME
- [Breadcrumbs] Replace js-tests with ts-tests (#37107) @mauwaz
- [RadioGroup] Turn JS test to TS test (#37138) @uuxxx
- [SvgIcon] Turn JS test to TS test (#37151) @nicolas-ot
- [Tooltip] Turn JS test to TS test (#37149) @nicolas-ot
- [Typography] Convert Typography test to TypeScript (#37165) @DerTimonius
- [Sheet][Slider][Stack][Switch] Replace js-tests with ts-tests (#37139) @mauwaz
- Miscellaneous fixes (#37274) @siriwatknp
Docs
- [docs] Remove upload button (#36844) @Bastian
- [docs] Update link to overriding component structure guide (#36870) @hbjORbj
- [docs] Fix Material Design templates (#37187) @oliviertassinari
- [docs] Fix link to Joy UI GitHub issues @oliviertassinari
- [docs] Show default value for
filterOptions
prop in Autocomplete's API docs (#37230) @ZeeshanTamboli - [docs] Add summary and improve
test_static
CI doc in CONTRIBUTING readme file (#36711) @kriskw1999 - [docs] Update theme customization typescript (#35551) @siriwatknp
- [docs] Add Joy Frames X web blocks template (#37203) @siriwatknp
- [docs] Change Base UI
alpha
tobeta
in README (#37228) @ZeeshanTamboli - [docs] Improve Base UI overview page (#37227) @mnajdova
- [docs] Update Joy + Material guide (#36911) @cherniavskii
Core
- [core] Remove
toEqualDateTime
chai matcher (#37073) @flaviendelangle - [core] Check dependency cycles inside packages directory only (#37223) @michaldudak
- [core] Remove outdated babel proposal plugins (#36795) @kkocdko
- [website] Add Diego to About Us page (#37284) @DiegoAndai
- [website] Add Victor teamMember card to 'About' (#37283) @zanivan
- [website] Add Rich to the 'About' page (#37221) @richbustos
All contributors of this release in alphabetical order: @Bastian, @binh1298, @cccEric, @cherniavskii, @DerTimonius, @DiegoAndai, @flaviendelangle, @hbjORbj, @jguddas, @kkocdko, @kriskw1999, @mauwaz, @michaldudak, @mnajdova, @nickiaconis, @nicolas-ot, @oliviertassinari, @PunitSoniME, @richbustos, @safeamiiir, @sai6855, @siriwatknp, @uuxxx, @zanivan, @ZeeshanTamboli
v5.13.0
A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
- 🚀 Base UI is now in beta - all planned breaking changes are now complete!
- 🗺 We have a new project roadmap on GitHub where you can learn about what's coming next.
- 🐛 Various bug fixes, 📚 documentation and 🧪 testing improvements
@mui/material@5.13.0
- [Autocomplete] Support
ChipComponent
type (#37112) @sai6855 - [AppBar] Fix component type (#37172) @sai6855
- [Select] Simplify handleChange in SelectInput (#37040) @ulrichstark
@mui/joy@5.0.0-alpha.79
- [Input][joy] Improve alignment on date fields (#37146) @wewakekumar
- [Alery][joy] Turn JS test to TS test (#37077) @hbjORbj
- [AspectRatio][joy] js test replaced with ts test (#37087) @PunitSoniME
- [Badge][AvatarGroup][joy] js test replaced with ts test (#37089) @PunitSoniME
- [Box][Card][MenuList][joy] Turn JS test to TS test (#37126) @uuxxx
- [List][Menu][joy] Turn JS test to TS test (#37123) @uuxxx
- [test][Joy] Remove duplicate Avatar test (#37201) @zignis
- [test][joy] js test cases converted to ts (#37117) @PunitSoniME
- [Button][joy] Convert Button test to typescript (#37181) @akash191095
- [CardContent][CardCover][CardOverflow][Chip][ChipDelete][joy] js text case converted to ts (#37116) @PunitSoniME
- [Radio][IconButton][Checkbox][Option][joy] Switch to TypeScript unit test (#37137) @DerTimonius
@mui/base@5.0.0-beta.0
- [Select][base] Do not call onChange after initial render (#37141) @michaldudak
- [Select][base] Rename the
optionStringifier
prop (#37118) @michaldudak - [typescript][base] Fix types of components callbacks parameters (#37169) @michaldudak
- [Select], [TablePagination] Use more descriptive parameter names (#37064) @michaldudak
Docs
- [docs] Stray design tweaks to Base UI demos (#37003) @danilo-leal
- [docs] Move outdated CSS prefixing docs (#36710) @kriskw1999
- [docs] Improve "Example projects" page design (#37007) @danilo-leal
- [docs] Redirect NoSsr, Portal and TextareaAutosize to Base UI API page (#37175) @ZeeshanTamboli
- [docs] Demonstrate
TextField
customization using theme style overrides (#36805) @ZeeshanTamboli - [docs] Tweak the "Edit this page" button icon (#37142) @danilo-leal
- [docs] Update links to the public roadmap (#36995) @mnajdova
- [docs] Improve Multiselect demo styling (#37120) @michaldudak
- [Stack] Fix import description @oliviertassinari
Core
- [blog] Fix images using "MUI Base" instead of "Base UI" (#37044) @danilo-leal
- [core] Add VSCode extensions recommendations (#37166) @michaldudak
- [test]
e2e-website
related minor fixes (#37204) @ZeeshanTamboli - [website] Update the active positions (#37075) @DanailH
- [website] Add Romain to the About page (#37124) @romgrk
- [website] Make Toolpad alpha labels consistent (#37125) @gerdadesign
All contributors of this release in alphabetical order: @akash191095, @DanailH, @danilo-leal, @DerTimonius, @gerdadesign, @hbjORbj, @kriskw1999, @michaldudak, @mnajdova, @oliviertassinari, @PunitSoniME, @romgrk, @sai6855, @ulrichstark, @uuxxx, @wewakekumar, @ZeeshanTamboli, @zignis
v5.12.3
May 2, 2023
A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
- all planned breaking changes for Base UI are done. The first beta release should come next week 🎉
- 🐛 bug fixes and 📚 documentation improvements.
@mui/material@5.12.3
- [Accordion] Add missing
component
type (#37111) @sai6855 - [ButtonGroup] Should not retain divider color when it is disabled and variant is
text
(#36967) @DavidBoyer11 - [Divider] Fix styles on dividers with text (#35072) @maxdestors
- [TextField] Improve IntelliSense support for props (#36737) @sai6855
- [TextField] Fix running click event on disabled (#36892) @sai6855
@mui/joy@5.0.0-alpha.78
- [Joy] Miscellaneous fixes and docs improvement (#37026) @siriwatknp
@mui/base@5.0.0-alpha.128
Breaking changes
-
The
component
prop is no longer supported because it can be replaced with the slots API. This is how the transformation will look like:<Button - component="span" + slots={{ root: "span" }} />
If using TypeScript, the custom component type should be added as a generic on the
Button
component.-<Button +<Button<typeof CustomComponent> slots={{ root: CustomComponent }} customProp="foo" />
There is codemod that you can run in your project to do the transformation:
npx @mui/codemod v5.0.0/base-remove-component-prop <path>
The full documentation about the codemod can be found here.
This is the list of PR related to this change:
- [Button][base] Drop
component
prop (#36677) @mnajdova - [Badge][base] Drop
component
prop (#37028) @hbjORbj - [FormControl][base] Drop component prop (#37031) @hbjORbj
- [Input][base] Drop component prop (#37057) @hbjORbj
- [Menu][base] Drop component prop (#37033) @hbjORbj
- [MenuItem][base] Drop component prop (#37032) @hbjORbj
- [Modal][base] Drop component prop (#37058) @hbjORbj
- [Option][base] Drop component prop (#37052) @hbjORbj
- [OptionGroup][base] Drop component prop (#37055) @hbjORbj
- [Popper][base] Drop component prop (#37084) @hbjORbj
- [Select][base] Drop component prop (#37035) @hbjORbj
- [Slider][base] Drop component prop (#37056) @hbjORbj
- [Snackbar][base] Drop component prop (#37041) @nicolas-ot
- [Switch][base] Drop component prop (#37053) @hbjORbj
- [Tab][base] Drop component prop (#36768) @sai6855
- [Tabs][base] Drop component prop (#36770) @sai6855
- [TablePagination][base] Drop component prop (#37059) @sai6855
- [TabPanel][base] Drop component prop (#37054) @sai6855
- [TabsList][base] Drop component prop (#37042) @sai6855
- [Button][base] Drop
-
[base] Improve API consistency (#36970) @michaldudak
Brought consistency to Base UI components and hooks' parameters and return values:
- Whenever a hook needs a ref, it's now called
<slot_name>Ref
, which matches theget<slot_name>Props
in the return value. - All hooks that accept external refs now return merged refs, making combining multiple hooks on one element easier. This was proven necessary in several compound components (like menuItem being both a button and a list item). The type of this value is
React.RefCallback
as using the more generalReact.Ref
caused variance issues. - Type of accepted refs is standardized to
React.Ref<Element>
- Naming and typing of the forwarded ref in unstyled components were standardized - it's forwardedRef: React.ForwardedRef (unless a more specific type is needed).
- The shape of the definition of unstyled components was standardized - it's React.forwardRef(function Component(props: Props, forwardedRef: React.Ref) { ... });. Specifically, the generic parameters of forwardRef were removed as they are specified in function arguments.
- Whenever a hook needs a ref, it's now called
Changes
- [FormControl][base] Do not use optional fields in useFormControlContext's return value (#37037) @michaldudak
Docs
- [base][docs] Add Base UI Quickstart Guide (#36717) @mj12albert
- [docs] Fix Material UI's API linking to Base UI (#37121) @mnajdova
- [docs] Fix pagination in the DataGrid demo (#37114) @cherniavskii
- [docs] Add notification to the release of the new Time Picker UI (#37065) @joserodolfofreitas
- [docs] Specify "Material UI" (not "MUI") where appropriate throughout the docs (#37066) @samuelsycamore
- [docs] Use focus-visible instead of focus for Menu demos (#36847) @michaldudak
- [docs] Fix small regressions API pages (#36972) @oliviertassinari
- [docs] Handle a few docs-feedback (#36977) @oliviertassinari
- [docs] Fix anchor link in customization (#37004) @oliviertassinari
- [docs] Add a note about minimal required version for theme merging to the guides (#36973) @jakub-stastny
- [docs] smooth scrolling added for
back to top
(#37011) @PunitSoniME - [docs] Remove
useFormControl
return values from demos page (#37036) @ZeeshanTamboli - [docs][base] Move styles to the bottom of demos code for
SwitchUnstyled
(#36720) @varunmulay22 - [docs][base] Move styles to the bottom of demos code for
InputUnstyled
(#36724) @varunmulay22 - [docs][base] Move styles to the bottom of demos code for
SliderUnstyled
(#36721) @varunmulay22 - [docs][base] Move styles to the bottom of demos code for
Snackbar
(#36719) @varunmulay22 - [docs][base] Move styles to the bottom of demos code for
SelectUnstyled
(#36718) @varunmulay22 - [templates] Image not displayed in blog layout of React template. (#36991) @navedqb
- [website] Take the design role offline @oliviertassinari
- [website] Fix URL convention @oliviertassinari
- [docs] Turn off job banner on docs (#36080) @joserodolfofreitas
Core
- [core] Allow type alias as well in hooks API docs generation (#37034) @ZeeshanTamboli
All contributors of this release in alphabetical order: @cherniavskii, @DavidBoyer11, @hbjORbj, @jakub-stastny, @joserodolfofreitas, @maxdestors, @michaldudak, @mj12albert, @mnajdova, @navedqb, @nicolas-ot, @oliviertassinari, @PunitSoniME, @sai6855, @samuelsycamore, @siriwatknp, @varunmulay22, @ZeeshanTamboli