@mui/base - npm Package Versions

[Input][joy-ui] Fix the FormHelperText icon color (#38387) @TheNatkat
[Skeleton][joy-ui] Soften the pulse animation (#38384) @zanivan
[TabPanel][joy-ui] Add keepMounted prop (#38293) @decadef20

5.0.0-beta.1

Diff

siriwatknp

published 5.0.0-beta.1 • last year

Changelog

Source

`@mui/joy@5.0.0-beta.1`

[joy-ui][MenuButton] Fix disable of MenuButton (#38342) @sai6855

Docs

[docs][AppBar] Fix ResponsiveAppBar demo logo href (#38346) @iownthegame
[docs][base] Add Tailwind CSS + plain CSS demo on the Button page (#38240) @alisasanib
[docs][Menu][base] Remove Unstyled prefix from demos' function names (#38270) @sai6855
[docs] Add themeable component guide (#37908) @siriwatknp
[docs] Fix Joy UI demo background color (#38307) @oliviertassinari
[docs] Update API docs for Number Input component (#38301) @ZeeshanTamboli
[docs][joy-ui] Revise the theme typography page (#38285) @danilo-leal
[docs][joy-ui] Add TS demo for Menu Bar (#38308) @sai6855
[docs][joy-ui] Updated Typography callout at getting started (#38289) @zanivan
[docs][joy-ui] Fix the Inter font installation instructions (#38284) @danilo-leal
[docs][material] Add note to Autocomplete about ref forwarding (#38305) @samuelsycamore
[docs][Skeleton] Make the demos feel more realistic (#38212) @oliviertassinari
[examples] Swap Next.js examples between App Router and Pages Router; update naming convention (#38204) @samuelsycamore
[examples][material-ui] Add Material UI + Next.js (App Router) example in JS (#38323) @samuelsycamore
[blog] Discord announcement blog (#38258) @richbustos
[blog] Fix 301 links to Toolpad @oliviertassinari
[website] Updating Charts demo with real charts usage for MUI X marketing page (#38317) @richbustos
[website] Adjust styles of the Product section on the homepage (#38366) @danilo-leal
[website] Add Nora teamMember card to 'About' (#38358) @noraleonte
[website] Fix image layout shift (#38326) @oliviertassinari

Core

[core] Fix docs demo export function consistency (#38191) @oliviertassinari
[core] Fix the link-check script on Windows (#38276) @michaldudak
[core] Use @testing-library/user-event direct API (#38325) @mj12albert
[core] Port GitHub workflow for ensuring triage label is present (#38312) @DanailH
[docs-infra] Consider files ending with .types.ts as props files (#37533) @mnajdova
[docs-infra] Fix skip to content design (#38304) @oliviertassinari
[docs-infra] Add a general round of polish to the API content display (#38282) @danilo-leal
[docs-infra] Make the side nav collapse animation snappier (#38259) @danilo-leal
[docs-infra] New Component API design followup (#38183) @cherniavskii
[test] Remove unnecessary async keyword from test (#38373) @ZeeshanTamboli

All contributors of this release in alphabetical order: @alisasanib, @cherniavskii, @DanailH, @danilo-leal, @iownthegame, @michaldudak, @mj12albert, @mnajdova, @noraleonte, @oliviertassinari, @richbustos, @sai6855, @samuelsycamore, @siriwatknp, @VishruthR, @yash-thakur, @zanivan, @ZeeshanTamboli

5.0.0-beta.0

Diff

mj12albert

published 5.0.0-beta.0 • last year

Changelog

Source

`@mui/joy@5.0.0-beta.0`

[joy] Refine the default theme (#36843) @siriwatknp

5.0.0-alpha.128

Diff

mnajdova

published 5.0.0-alpha.128 • last year

Changelog

Source

`@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@latest 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
[base] Improve API consistency (#36970) @michaldudak

Brought consistency to Base UI components and hooks' parameters and return values:
1. Whenever a hook needs a ref, it's now called <slot_name>Ref, which matches the get<slot_name>Props in the return value.
2. 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 general React.Ref caused variance issues.
3. Type of accepted refs is standardized to React.Ref<Element>
4. Naming and typing of the forwarded ref in unstyled components were standardized - it's forwardedRef: React.ForwardedRef<Element> (unless a more specific type is needed).
5. The shape of the definition of unstyled components was standardized - it's React.forwardRef(function Component(props: Props, forwardedRef: React.Ref<Element>) { ... });. Specifically, the generic parameters of forwardRef were removed as they are specified in function arguments.

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

5.0.0-alpha.127

Diff

mj12albert

published 5.0.0-alpha.127 • last year

Changelog

Source

`@mui/base@5.0.0-alpha.127`

Breaking changes

[base] Remove unstyled suffix from Base components + Codemod script (#36873) @hbjORbj

The Unstyled suffix has been removed from all Base UI component names, including names of types and other related identifiers.

You can use this codemod to help with the migration:
```
npx @mui/codemod@latest v5.0.0/base-remove-unstyled-suffix <path>
```

Changes

[codemod][base] Improve the removal of component prop codemod script (#36952) @hbjORbj
[codemod][base] Write a migration script for removal of component prop from components (#36831) @hbjORbj
[Base][useButton] Allow useButton params to be completely optional (#36922) @mj12albert

5.0.0-alpha.126

Diff

mnajdova

published 5.0.0-alpha.126 • last year

Changelog

Source

`@mui/base@5.0.0-alpha.126`

Breaking changes

[base] Refactor the compound components building blocks (#36400) @michaldudak Components affected by the changes are:
- Menu
  - MenuUnstyledContext is replaced by MenuProvider. The value to pass to the provider is returned by the useMenu hook.
  - MenuUnstyled's onClose prop is replaced by onOpenChange. It has the open parameter and is called when a menu is opened or closed
- Select
  - SelectUnstyledContext is replaced by SelectProvider. The value to pass to the provider is returned by the useSelect hook.
  - SelectUnstyled's popup is permanently mounted.
  - The defaultOpen prop was added to the SelectUnstyled. The open/close state can now be controlled or uncontrolled, as a value.
- Tabs
  - TabsContext is replaced by TabsProvider. The value to pass to the provider is returned by the useTabs hook.
  - To deselect all tabs, pass in null to Tabs' value prop, instead of false. This is consistent with how Select works.
  - The value prop is still technically not mandatory on TabUnstyled and TabPanel, but when omitted, the contents of the selected tab panel will not be rendered during SSR.

5.0.0-alpha.125

Diff

hbjorbj

published 5.0.0-alpha.125 • last year

Changelog

Source

`@mui/base@5.0.0-alpha.125`

[PopperUnstyled] Do not merge internal ownerState with ownerState from props (#36599) @hbjORbj

5.0.0-alpha.124

Diff

siriwatknp

published 5.0.0-alpha.124 • last year

Changelog

Source

`@mui/lab@5.0.0-alpha.124`

[Masonry] Include Masonry in theme augmentation interface (#36533) @hbjORbj

Docs

[blog] Post blog about Chamonix retreat to the website (#36517) @mikailaread
[blog] Fix image layout shift (#36522) @oliviertassinari
[docs] Use theme.applyDarkStyles for the rest of the docs (#36161) @siriwatknp
[docs] Fix 301 and 404 links (#36555) @oliviertassinari
[docs] Keep slot code order in API docs (#36499) @oliviertassinari
[docs] Missing className on Migrating from JSS example (#36536) @gabrielnafuzi
[docs] Fix function name for Joy templates (#36512) @hbjORbj
[docs] Add multiline Chip example (#36437) @dav1app
[docs] Add a new gold sponsor (#36518) @hbjORbj
[docs][joy] Improve the Slots Table in API docs (#36328) @hbjORbj
[docs] Fix virtualElement demo for Popper (#36320) @sai6855
[docs] Fix typo in API docs (#36388) @RomanHotsiy
[docs] Ensure classname displayed under Slots section in API docs exists (#36539) @hbjORbj
[docs][joy] Build TS versions for Modal component demos (#36385) @varunmulay22
[docs][joy] Build TS versions for Menu component demos (#36383) @varunmulay22
[docs][joy] Build TS versions for Switch component demos (#36379) @varunmulay22
[docs] Remove shouldSkipGeneratingVar usage (#36581) @siriwatknp
[docs][material] Update Table's demo to show pointer cursor on clickable rows (#36546) @varunmulay22
[website] Designer role changes (#36528) @danilo-leal
[website] Open Head of Operations role (#36501) @oliviertassinari
[website] Limit sponsors description to two rows @oliviertassinari

Core

[core] Fix CI @oliviertassinari
[core] Fix blank line @oliviertassinari
[website] Simplify internal ops @oliviertassinari

All contributors of this release in alphabetical order: @danilo-leal, @dav1app, @gabrielnafuzi, @hbjORbj, @HediMuhamad, @michalak111, @mikailaread, @mnajdova, @oliviertassinari, @pratikkarad, @RomanHotsiy, @sai6855, @siriwatknp, @varunmulay22, @zaverden

5.0.0-alpha.123

Diff

mj12albert

published 5.0.0-alpha.123 • last year

5.0.0-alpha.122

Diff

mnajdova

published 5.0.0-alpha.122 • last year

Changelog

Source

`@mui/base@5.0.0-alpha.122`

[Autocomplete] Update autoSelect prop description (#36280) @sai6855
[TablePagination][base] Improve actions type in slotProps (#36458) @sai6855
[Base] Add JSDoc comments for classes of Base components (#36586) @hbjORbj
[useSlider][base] Add API docs for the hook parameters and return type (#36576) @varunmulay22

Previous 1

…

13 Next