MUI Core is a collection of React UI libraries for shipping new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

Overview

MUI logo

MUI Core

MUI Core contains foundational React UI component libraries for shipping new features faster.

  • Material UI is a comprehensive library of components that features our implementation of Google's Material Design system.

  • Joy UI is a beautifully designed library of React UI components.

  • MUI Base is our library of "unstyled" components and low-level hooks. With Base, you gain complete control over your app's CSS and accessibility features.

  • MUI System is a collection of CSS utilities to help you rapidly lay out custom designs.

Installation

Material UI

Material UI is available as an npm package.

npm:

npm install @mui/material @emotion/react @emotion/styled

yarn:

yarn add @mui/material @emotion/react @emotion/styled
Older versions

Note: @next only points to pre-releases. Use @latest for the latest stable release.

MUI Base

MUI Base is available as an npm package.

npm:

npm install @mui/base

yarn:

yarn add @mui/base

Note: MUI Base is still in alpha. We are adding new components regularly and you're welcome to contribute!

MUI System

MUI System is available as an npm package.

npm:

npm install @mui/system @emotion/react @emotion/styled

yarn:

yarn add @mui/system @emotion/react @emotion/styled

Or if you want to use styled-components as a styling engine:

npm:

npm install @mui/material @mui/styled-engine-sc styled-components

yarn:

yarn add @mui/material @mui/styled-engine-sc styled-components

Visit our styled-engine guide for more information about how to configure styled-components as the style engine.

Sponsors

Diamond πŸ’Ž

octopus doit-intl zesty.io

Diamond Sponsors are those who have pledged $1,500/month or more to MUI.

Gold πŸ†

via OpenCollective or via Patreon

tidelift.com bit.dev text-em-all.com online-aussie-casino.com sumatosoft.com megafamous.com dialmycalls.com goread.io

Gold Sponsors are those who have pledged $500/month or more to MUI.

More backers

See the full list of our backers.

Getting started with Material UI

Here is an example of a basic app using Material UI's Button component:

import * as React from 'react';
import Button from '@mui/material/Button';

function App() {
  return <Button variant="contained">Hello World</Button>;
}

In the interactive demo below, try changing the code and see how it affects the output. (Hint: change variant to "outlined" and color to "secondary". For more options, see the Button component page in our docs.)

Edit Button

Questions

For how-to questions that don't involve making changes to the code base, please use Stack Overflow instead of GitHub issues. Use the "mui" tag on Stack Overflow to make it easier for the community to find your question.

Examples

Our documentation features a collection of example projects using Material UI.

Documentation

Premium themes

You can find complete templates and themes in the MUI Store.

Contributing

Read the contributing guide to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.

Contributing to MUI Core is about more than just issues and pull requests! There are many other ways to support MUI beyond contributing to the code base.

Changelog

The changelog is regularly updated to reflect what's changed in each new release.

Roadmap

Future plans and high-priority features and enhancements can be found in our roadmap.

License

This project is licensed under the terms of the MIT license.

Security

For details of supported versions and contact details for reporting security issues, please refer to the security policy.

Sponsoring services

These great services sponsor MUI's core infrastructure:

GitHub logo

GitHub lets us host the Git repository and coordinate contributions.

Netlify logo

Netlify lets us distribute the documentation.

Crowdin logo

Crowdin lets us translate the documentation.

GitHub logo

BrowserStack lets us test in real browsers.

CodeCov logo

CodeCov lets us monitor test coverage.

Comments
  • [RFC] v5 styling solution πŸ’…

    [RFC] v5 styling solution πŸ’…

    This RFC is a proposal for changing the styling solution of Material-UI in v5.

    TL:DR; the core team proposes we go with emotion

    What's the problem?

    • Maintaining & developing a great styling engine takes a considerable amount of time. We have experienced it first hand. Over the last 12 months, we have preferred to invest time on our core value proposition: the UI components, rather than improve the style engine. Working on it has a high opportunity cost.
    • We have been facing issues with supporting dynamic styles for the components. The performance of our custom dynamic styles implementation (based on props) isn't great (see the performance benchmarks below). This is seriously limiting the quality of the Developer Experience we can provide. It's a blocker for improving our API around customizability or ease of writing styles. For instance, it will unlock: style utils props, color variant, and custom variant.
    • The React community, at large, hasn't voted for using JSS at scale (JSS is great and still used). 3 years ago we bet on the best option available. We have to recognize better options are available now. We can move faster and unlock better DX/UX by building on top of a more popular, existing, styling solution.
    • Many developers use styled-components to override Material-UI's styles. End-users find themselves with two CSS-in-JS libraries in their bundle. Not great. It would be better if we could offer different adapters for different CSS-in-JS libraries. (Potential problems: we may need to re-write the core styles to match the syntax of the engine used πŸ€·β€β™€οΈ)

    What are the requirements?

    Whatever styling engine we choose to go with we have to consider the following factors:

    • performance: the faster the better but we are willing to trade some performance to improve the DX.
    • bundle size: below our current 14.3 kB gzipped would be great.
    • support concurrent mode: @material-ui/styles has partial support as I'm writing.
    • support SSR
    • simple customization
    • allow dynamic styling
    • good community size
    • theming
    • flat specificity
    • RTL
    • TypeScript

    It would be nice if it can support the following:

    • zero-config from the perspective of Material-UI consumers
    • streaming https://github.com/mui-org/material-ui/issues/8503
    • source map

    What are our options?

    • styled-components
    • emotion
    • JSS (currently wrapped in material-ui)
    • styletron
    • Aphrodite
    • fela
    • else?

    Comparison

    Performance

    Here are benchmarks with dynamic styles of several popular libraries (note the Material-UI v4 only use static styles which have good performance):

    PR for reference: https://github.com/mnajdova/react-native-web/pull/1

    Based on the performance, I think that we should eliminate: JSS (currently wrapped in @material-ui/styles), styletron, and fela. That would leave us with:

    • styled-components
    • emotion
    • Aphrodite
    • ~~JSS~~
    • react-styletron
    • ~~fela~~

    Dynamic props

    Based on the open issues, it seems that Aphrodite doesn't support dynamic props: https://github.com/Khan/aphrodite/issues/141 which in my opinion means that we should drop that one from our options too, leaving us with:

    • styled-components
    • emotion
    • ~~Aphrodite~~
    • react-styletron

    npm

    While styled-components and emotion are both libraries are pretty popular, react-styletron at the time or writing is much behind with around 12500 downloads per week (this in my opinion is a strong reason why we should eliminate it, as if we decide to go with it, the community will again need to have two different styling engine in their apps).

    Here is the list rang by the number of Weekly downloads at the time of writing:

    Note that storybook has a dependency on emotion. It significantly skews the stats.

    • styled-components
    • emotion
    • ~~react-styletron~~

    Support concurrent mode

    • emotion: YES. Since v10 it is strict mode compatible based on their announcement post. I have tested it on a simple project that works as expected.
    • styled-components: Partial. There is at least one bug with global styles in strict mode.

    SSR

    • emotion: YES. https://emotion.sh/docs/ssr. Also has an interesting no configuration support for prototyping only.
    • styled-components: YES. https://styled-components.com/docs/advanced

    Stars

    • styled-components: 30.6k
    • emotion: 11.4k
    • ~~JSS~~: 5.9k

    Trafic on the documentation

    SimilarWeb estimated sessions/month:

    • ~~sass-lang.com~~: ~476K/month (for comparison)
    • styled-components.com: ~239K/month
    • emotion.sh: ~59K/month
    • ~~cssinjs.org~~: <30k/month (for comparison)

    Users feedback

    Based on the survey, 53.8% percent are using the Material-UI styles (JSS), which is not a surprise as it is the engine coming from Material-UI. However, we can see that 20.4% percent are already using styled-components, which is a big number considering that we don't have direct support for it. Emotion is used by around 1.9% percent of the developers currently based on the survey.

    Having these numbers we want to push with better support for styled-components, so this is something we should consider.

    Browser support

    • emotion: modern evergreen browsers + IE11
    • styled-components: not documented for v5, but the previous versions support the following

    Bundle size

    What's the best option?

    Default engine

    Even if we decide to support multiple engines, we would still need to advocate for one by default and have one documented in the demos.

    styled-components

    Pros:

    • Has the biggest community, people love to use it.
    • Performance starting from v5 is good.

    Cons:

    • It will mean that all components styles need to be created using the styled API, which means for developers they will always have wrapper components if they need to re-style.
    • Lack of full concurrent support, which may create blockers down the road.

    emotion

    Pros:

    • Relatively large community, growing.
    • Good performance.
    • Concurrent mode + SSR would be possible out of the box.
    • The CSS prop can be useful for overrides.
    • Source map support.
    • A bit smaller.

    Cons:

    Support multiple

    We may try to support multiple CSS-in-JS solutions, by providing our in house adapters for them. Some things that we need to consider is that, that we may have duplicate work on the styles, as the syntax is different between them (at least jss compared to styled-components/emotion). We will reuse the theme object no matter what solution we will pick up.

    The less involved support for this may come from the usage of the styled, as people may do some webpack config to decide which one to use - (this is just something to consider).

    Additional comments

    Deterministic classnames on the components that can be targeted for custom styles

    Regarding how the classes look and how developers may target them, I want to show a comparison of what we currently have and how the problem can be solved with the new approach.

    As an example, I will take the Slider component. Here is currently how the generated DOM look like:

    Each of the classes has a very well descriptive semantic and people can use these classes for overriding the styles of the component.

    On the other hand, emotion, styled-components or any other similar library will create some hash as a class name. For us to solve this and offer the developers the same functionality for targeting classes, each of the components will add classes that can be targeted by the developers based on the props.

    This would mean that apart from the classes generated by emotion, each component will still have the classes that we had previously, like MuiSlider-root & MuiSlider-colorPrimary, the only difference would be that this classes will now be used purely as selectors, rather than defining the styles for the components. This could be implemented like a hook - useSliderClasses

    Conclusion

    No matter which solution we would choose, we would use the styled API, which is supported by the two of them. This will allow us down the road to have easier support for styled + unstyled components (probably with webpack aliases, like for using preact).

    After we investigated the two options we had in the end, the core team proposes we go with emotion. Some key elements:

    A small migration cost between styled-components and emotion

    Developers already using styled-components should be able to use emotion with almost no effort.

    There are different ways for adding overrides other than wrapper components

    The support of cx + css from emotion can be beneficial for developers to use it as an alternative for adding style overrides if they don't want to create wrapper components.

    Concurrent mode is for sure supported :+1:

    Kudos to @ryancogswell for doing a deeper investigation on this topic. So far we did not find anything in @emotion's code that would give us concern that concurrent mode wouldn't work. We were also looking into createGlobalStyle from styled-components as a comparison to emotion's Global component. It is doing most of its work during render (inherently problematic for Strict/Concurrent Mode) and just using useEffect for removing styles in its cleanup function. createGlobalStyle needs a complete rewrite before it will be usable in concurrent mode -- it isn't OK for it to add styles during render if that render is never committed. It looks like someone has tried rewriting it with some further changes in the last month, so we will need to follow this progress.

    How is the specificity handled

    Emotion's docs recommend doing composition of CSS into a single class rather than trying to leverage styles from multiple class names. In v5, our existing global class names would be applied without any styles attached to them. The composition of emotion-styled components automatically combines the styles into a single class. This potentially gets rid of these stylesheet order issues at least internal to the styles defined by Material-UI, because every component's styles are driven by a single class name :+1:. So we would have the global class names (for developers to target in various ways for customizations) and then a single generated (by emotion) class name per element that would consolidate all the CSS sources flowing into it. Specificity is then handled by emotion based on the order of composition. All compositions using emotion (whether render-time or definition-time composition) results in a single class on the element. styled-components does NOT work this way concerning render-time composition (definition-time composition does get combined into a single class). The same composition in styled-components results in multiple classes applied to the same element and the specificity does not work as I would have intended.

    Alternatives


    What do you think about it?

    discussion 
    opened by mnajdova 239
  • [RFC] Migrate to styled-components

    [RFC] Migrate to styled-components

    Can we switch to styled-components?

    Outdated comparison

    It has many advantages against JSS Here comparison table, and next version is even going to avoid SSR styles re-render!

    Features | styled-components | react-jss ------------ | ------------- | ------------- No build requirements | βœ…| βœ… Small and lightweight | βœ… | βœ… Supports global CSS | βœ… | βœ… Supports entirety of CSS | βœ… | βœ… Colocated | βœ… | βœ… Isolated | βœ… | βœ… Doesn’t break inline styles | βœ… |βœ… Easy to override | βœ… | βœ… Theming | βœ… | βœ… Server side rendering | βœ… | βœ… No wrapper components | ❌ | βœ… ReactNative support | βœ… | ❌

    Legend: βœ… = Yes, ❌ = No, πŸ˜• = Kinda, refer to notes or parentheses

    new feature discussion 
    opened by kybarg 167
  • [Menu] Support Cascading Menus

    [Menu] Support Cascading Menus

    Preview: https://deploy-preview-20591--material-ui.netlify.app/components/menus/#cascading-menu

    I'd like to submit this solution to Cascading Menu support. Features of this solution include:

    • Infinite nesting
    • Supports any implementation you can do with current Menu and MenuItem
    • Full Keyboard support
    • ARIA support
    • RTL support
    • Very customizable
    • Only native, already existing components: Menu and MenuItem
    • Zero impact on pre-existing Menu and MenuItem implementations, i.e. No breaking changes

    It uses a familiar and intuitive implementation pattern:

    image

    And best of all, it works.

    2020-04-16_10-47-31

    Please take a look and let me know what you think. Thanks!

    Closes #11723

    TODO

    • [x] Agree on the API
    • [x] Replace assert with expect
    • [x] Replace enzyme with testing-library
    • [x] Keeping previously open sub-menu highlighted. For instance:

    Capture d’écran 2021-01-01 aΜ€ 19 04

    • [x] Fix focus visible style not correctly applied when closing a sub menu.

    • [ ] Use a triangle of interactivity:

    Capture d’écran 2021-01-01 aΜ€ 19 07 17
    • [ ] Alternate placement when there isn't enough space: (might be deferred until Menu Popover is replaced with Popper)
    Capture d’écran 2021-01-01 aΜ€ 19 12 54 new feature PR: out-of-date component: menu 
    opened by EsoterikStare 158
  • Support React Native

    Support React Native

    Absolutely beautiful library.

    Any plans to port it to React-Native in the future?

    Benchmark

    • https://github.com/callstack/react-native-paper
    • https://github.com/xinthink/react-native-material-kit
    • https://github.com/xotahal/react-native-material-ui
    • https://github.com/binggg/mrn
    • https://github.com/lightningtgc/react-native-material-ui
    • https://github.com/invertase/react-native-material-design
    new feature 
    opened by chadobado 119
  • Can the typings be simplified to improve performance?

    Can the typings be simplified to improve performance?

    As suggested by @eps1lon in #18128, I'm creating this issue as a place to discuss the Material-UI typings and whether they can be simplified to reduce the amount of time spent checking them, especially during editing.

    There's always a tension between having the most exact types (which provide the best errors and editor completions) and having the fast type checking (the far end of the spectrum being any).
    Issues like https://github.com/microsoft/TypeScript/issues/34801 suggest that Material-UI might benefit from relaxing the exactness in order to gain back some perf.

    From the repros I've investigated so far, a lot of the slowness seems to come from the large number of CSS property names (see https://github.com/mui-org/material-ui/blob/master/packages/material-ui-styles/src/withStyles/withStyles.d.ts). Not being an active CSS user myself, I have some naive questions:

    1. Am I correct in assuming that having a name and type for each well-known CSS property is incredibly valuable and isn't something we could give up?
    2. The CSSProperties type appears to exist to support "pseudo selectors and media queries", which - according to my limited reading - seem to be named bags of additional CSS properties. a) Are these bags themselves recursive or is there only a single additional layer? That is, do you go from width to foo.width or to foo.bar.width, etc? If it's just one level, simplifying the types cuts my local repro from 4.6 seconds down to 3.6 seconds (i.e. big win). b) I played around with the types myself and couldn't come up with anything better than BaseCSSProperties[keyof BaseCSSProperties], but - as I'm guessing you're aware - that's not a very useful type. It basically says that any CSS property can have the type of any (other) CSS property - that's only slightly better than any.
    3. In StyleRules, if there are no properties, you get either CSSProperties or () => CSSProperties (which I will sloppily call "thunked CSSProperties"), which makes sense - the CSSProperties might be lazy. If there are properties, you get either CreateCSSProperties<Props>, which makes sense - the Props might be required to compute the CSSProperties - or (props: Props) => CreateCSSProperties<Props>, which I didn't understand because it's effectively double-lazy - you have pass in the Props once to get the CreateCSSProperties and then again to get individual properties. Why is it "double thunked"?

    Separately, I suspect, but have yet to demonstrate that IsEmptyInterface is too expensive for the benefit it provides. However, it's quite possible that I don't fully understand the benefits, so it would helpful to hear more.

    Can we work together to find the right balance between accuracy and perf? (Note: "just make the compiler faster" is obviously a viable strategy, but I'd like to get the typings to a good place before we optimize for them.) Thanks!

    Pains

    • https://www.reddit.com/r/reactjs/comments/tauog2/mantine_40_is_out_120_hooks_and_components_with/i045u2l/
    • https://www.reddit.com/r/reactjs/comments/sbrjxs/choosing_the_right_component_library_for_your/hu1tqmy/
    performance typescript priority: important 
    opened by amcasey 116
  • [Core] There should be a more sophisticated styling solution.

    [Core] There should be a more sophisticated styling solution.

    @callemall/material-ui please leave some input here when you can πŸ‘

    We need to decide on a styling solution for 0.16.0 that will help address long standing issues. Outside of performance issues, there are hacks and props all over the place to make up for the fact that we are missing out on some of the powerful features in CSS that cannot be used with inline styles -- pseudo classes, media queries (without matchmedia), etc.

    From what I understand, the general consensus is that we want a JS style solution that has the capability to write styles to an actual stylesheet in the DOM.

    Here are a few of the maintained solutions that do this: https://github.com/rofrischmann/react-look https://github.com/Khan/aphrodite https://github.com/jsstyles/react-jss

    Here are some points we need to consider when implementing the new solution (IMO):

    1. Does it align with our goals? (lightly touched on above)
    2. Implementing media queries that follow the high level breakpoints detailed in the spec that can be easily used in components with a stylesheet mixin (or whatever the implementation we use calls them). If we're overhauling the style implementation, it is the opportune moment to plant the seed for much better responsive UI support in this library. It would be even better if these tools are available in userland too πŸ‘
    3. Should we create layout helper components and/or mixins to help unify flexbox layout implementations across the lib?
    4. Does theming needs to change to maximize best use of the new solution? While theming is one component of consistent styling, we should also look into creating variables for many of the common material styles such as global keylines/font sizes/spacing/margins/etc. I strongly recommend we improve our typography consistency by creating predefined type styles matching the material-ui typography guide, and try match up component elements like titles etc as best possible to these global type style variables as a default.
    5. ~~If using a library as large as react-look, try and see how we can import modules for a minimal build size. The full build size is 16kb gzipped which is fairly large. It would be great if we can minimize the impact on build size.~~ I realized that 9kb of that is https://github.com/rofrischmann/inline-style-prefixer which we already use... πŸ˜„
    performance discussion umbrella 
    opened by nathanmarks 100
  • Refactor CSS into Javascript

    Refactor CSS into Javascript

    Move component CSS into Javascript to remove the need for adding CSS/Less files to projects.

    Suggest comes from seeing this slideshow https://speakerdeck.com/vjeux/react-css-in-js from @vjeux

    opened by aranw 95
  • Improve Material-UI performance

    Improve Material-UI performance

    First, thank you very much for this awesome component library! It's great!

    I added a drawer in my new app. Mostly, I copypasted drawer example. Just for PoC I multiplied

            <Divider />
            <List>{mailFolderListItems}</List>
    

    section.

    After that it feels very slow, especially on mobile device (nexus 4, cordova with crosswalk 20). I use dev mode, but prod mode doesn't speed up much.

    Through react dev tools I noticed that components in mailFolderListItems rendered on every link click in react-router or even menu open. It takes sometime up to 50-60ms to rerender ONE {mailFolderListItems}. I use

    const modalProps = {
    	keepMounted: true, // Better open performance on mobile.
    };
    

    To eliminate uncertainty with other app components, I converted mailFolderListItems to Component and disable rerendering:

    class MailFolderListItems extends React.Component<{}, {}> {
    
    	shouldComponentUpdate() {
    		return false;
    	}
    
    	render() {
    		return (
    			<List>
    				<Link to={Routes.Startpage.path}>
    					<ListItem>
    						<ListItemIcon>
    							<InboxIcon />
    						</ListItemIcon>
    [...]
    
    
    				<Divider />
    				<MailFolderListItems />
    

    After that this part feels OK.

    I found https://github.com/mui-org/material-ui/issues/5628 . I suggest to revisit it. Optimizing shouldComponentUpdate is fundamental and most important step to gain performance. PureComponent is just most common shortcut.

    Furthermore, I noticed that very much time (1-2ms and more for EVERY material-ui component) is spended in WithStyles.

    • [x] I have searched the issues of this repository and believe that this is not a duplicate.

    Expected Behavior

    I'm expecting to get most of possible react performance for this great library.

    Current Behavior

    The app get slower with every material-ui component.

    Steps to Reproduce (for bugs)

    I don't provide reproducing example yet, because I just copypasted from component demo page, but if needed I can provide codesandbox demo. For browser it's noticeable, if browser slowed down by factor >=5x in performance setting.

    Your Environment

    | Tech | Version | |--------------|---------| | Material-UI | 1.0.0-beta.38 | | Material-UI Icons | 1.0.0-beta.36 | | React | 16.2.0 | | browser | cordova crosswalk 20 (equals android chrome 50) |

    performance discussion 
    opened by Bessonov 93
  • [RFC] Material-UI v5 πŸš€

    [RFC] Material-UI v5 πŸš€

    Introduction

    Material-UI v4 was released 10 months ago, per our release schedule. It's time to plan for v5. Our GitHub milestone has a due date for October 1st 2020, and while I doubt we will release in time, planning 6 months ahead seems relevant.

    Developers made it clear in the past that they don't enjoy breaking changes. This is feedback we took into consideration when designing our versioning strategy, and for each minor/patch releases. The result was to commit to a minimum of 1 year between each major release.

    At the same time, the v0 to v1 upgrade was a major breaking change (a rewrite with a brand new API) and yet it was successful. I think that we should be willing (taking the risk) to make bold changes, as long as they fit in the direction we see the community going in the long term (with Material-UI empowering it).

    Structural changes

    1. Unstyled components

    Similar to Angular Material CDK components (Component Development Kit) #6218.

    In practice, it could be a new hook version of all the components, something we have started to experiment with the useAutocomplete and usePagination in the lab.

    The problem:

    • The React OSS component community is fragmented. You will find both standalone components for a specific problem, as well as and a growing number of component libraries, with a wide range of API consistency, a11y, bug density, performance, bundle size, quality, and support.
    • Styling solution usage is fragmented. We can get a glimpse of this by looking at the CodeSandbox usage stats for the style interoperability page:
      • plain css: 34%
      • styled components: 30%
      • global css: 18%
      • css modules: 12%
      • emotion: 5%
    • Developers and designers use different design systems. Material Design doesn't have a monopoly.
    • How can we help with the unstyled story of notistack, raised by @iamhosseindhv?

    Why this solution?:

    • This will enable Material-UI to stay relevant in the long term. This is a cornerstone of our strapline. It will shift the developer's perception, that Material-UI is, at its core, about providing material to build UIs.

    React components for faster and easier web development. Build your own design system, or start with Material Design.

    • Talking with backend and fullstack users, we know that they are craving for a single component store rather than having to deal with a wide range of dependencies. We could expect the same from front-end developers.
    • This new "offering" should better resonate with front-end developers. We could expect to gain more and higher quality contributions from the front-end community thanks to this shift.
    • Based of our current trust, usage, and exposure in the React community, we are well-positioned to gain usage with this new "offering".
    • Maintaining standalone components is rarely sustainable. I have seen too many projects left abandoned. But by aggregating them in Material-UI, it helps our flywheel. It can incentivize new maintainers to work on the OSS. It can also strengthen our current monetization channels and invest resources back into the OSS components.
    • It's important to support different style engines and design systems.

    2. Full strict mode support

    #18018, #13394

    The problem:

    • While developers can set up strict mode in their app to identify incorrect patterns, Material-UI prevents them from keeping this mode enable on a daily basis, as there would be too much noise in the console. We have, for example, disabled it for the Material-UI documentation.

    Why this solution?

    • It's the future.
    • It helps with the unstyled story.

    3. Migrate to styled-components

    #6115, #16947

    The problem:

    • We have left important issues related to our styling solution unhandled over the last few months: streaming, strict mode, performance, CSS template support, style functions, class name mismatch, etc.
    • We need to support dynamic props, this is important for the features we want to implement on the components.
    • JSS popularity didn't stick with the front-end community.

    Why this solution?

    • A migration to styled-components is our most requested (upvoted) issue to date.
    • We want to remove the need for the majority of developers to bundle two CSS-in-JS runtimes.

    It could be interesting to provide a choice between different style engines. v5's users would be able to replace @material-ui/styles with react-jss.

    4. Enable the use of @material-ui/system's props in the core components

    #15561

    The problem

    • Naming things is hard.
    • Indirections can be inefficient.

    Why this solution?

    This is mainly driven by the positive feedback Tailwind and styled-system have had recently in the community. I enjoy the pattern a lot for one-off layout problems. It's frustrating that only the Box component supports it. I think that it should also cover #6140.

    <Typography textAlign={{ xs: 'left', md: 'center' }} />
    <Button mt={3}>
    

    Regarding the implementation and final API, we could still reconsider the tradeoff (relying on global class names rather than style functions).

    5. Allow the use of dynamic theme variants and colors

    #15573 & #13875. Allow breakpoints customization #11649.


    I was wondering about revamping the theme structure to match System-UI Theme Specification but we don't see a clear win so far.

    Material-UI's theme structure, on its own, is a specification, the structure is set. Assuming that Material-UI aims to support a wide range of components (unstyled or not), matching this spec, not just Material Design, I fail to see a strong advantage a different constraint could yield.

    On the cost side, using theme-specification would require to drop some of the features of our theme and require breaking changes. The benefit isn't obvious, but it's something to consider.

    Regarding styled-system. I think that we should re-evaluate if we still need @material-ui/system.

    Material Design

    βœ… Checklist
    • [x] [Checkbox] Make color="primary" the default (#26002)
    • [x] [Paper] Dark mode brighening based on elevation #18309 (#25522)
    • [x] [Snackbar] Dark mode color #24438
    • [x] [Tabs] Improve color management #24286
    • [x] [Switch] Make color="primary" the default (BC: #26182)
    • [x] [Radio] Make color="primary" the default (BC #26180)
    • [x] [Tabs] Remove min-width media query #15824 (BC: #26458)
    • [x] [Select] Update to match the specification #18493 (BC: #26200)
    • [x] [Dialog] Flatten DialogTitle DOM structure #19696 (BC: #26323)
    • [x] ~[Button] Reduce the duration of the transition from 250ms to 200ms https://github.com/mui-org/material-ui/pull/24521#discussion_r562095317~ I don't think this is worth doing now - edited by @siriwatknp
    • [x] ~[Autocomplete] Consistency with select #18136~ [move to v5.1]
    • [x] [AppBar] Improve the design #18308 (BC: #26545)
    • [x] [Checkbox][Switch] Remove dependency on IconButton #21503 (BC: #26460)
    • [x] [docs] Use the default theme #22112, https://github.com/mui-org/material-ui/issues/21040#issue-618679269
    • [x] [theme] Dark mode colors #18378
    • [x] ~Material Design states #10870~ deferred @siriwatknp
    • [x] ~[Tabs] Update to match the specification #15324~ deferred (can be workaround by css) @siriwatknp
    • [x] [theme] Improve the breakpoints values #21902
    • [x] [Menu] Remove MenuItem dependency on ListItem #21587
    • [x] [Slider] Update to match the spec #20153
    • [x] [IconButton] Update default size and add large #24045
    • [x] ~[Button] Update to match the spec #19664~ deferred @siriwatknp

    Lab to core components

    I think that we can aim to move the following components from the lab to the core:

    βœ… Components
    • [x] Alert (#22651)
    • [x] Autocomplete (#22715)
    • [x] AvatarGroup #18869 (#23121)
    • [x] Pagination (#22848)
    • [x] Rating (#22725)
    • [x] Skeleton (#22740)
    • [x] SpeedDial (finally!) (#22743)
    • [x] Toggle Button (#22784)

    The only component I have would propose to handle later on is the TreeView. We still have a couple of important features to implement, and might need to change the API to ship these features. Once we do, we'll start to get more adoption, so the more likely it is that developers will uncover root issues.

    Supported browsers

    While we plan to keep IE 11 support until v6, We will look into proposing different proposing entry points #18447. and if we can drop older browsers' versions #15496.

    Deprecations

    βœ… List of breaking changes we can introduce with a deprecation during v4.
    • [x] ~Drop createStyles (see https://github.com/mui-org/material-ui/issues/20012#issuecomment-752125358)~
    • [x] ~[Portal] Remove Portal disablePortal prop. Maybe we can implement the logic at the Portal component consumer level. https://github.com/mui-org/material-ui/pull/18692#issuecomment-562197612~
    • [x] [theme] Remove theme.mixins.gutters. I don't believe we document them, nor are they used. (BC: #22109, Dep: #22245)
    • [x] [theme] Rename theme type -> mode. While the spec use "schema", saying "dark mode" seems to be more common, e.g https://css-tricks.com/dark-modes-with-css/. (BC: #22687, "Dep": #22702 – adaptV4Theme())
    • [x] [theme] Rename color helpers https://github.com/mui-org/material-ui/issues/13039#issuecomment-476020214. (BC: #22834, Dep: #22837)
    • [x] [test] Remove enzyme test helpers. They are legacy. It's also a good opportunity to upgrade the documentation #17070. (BC: #21855, #21863, Dep: #24074)
    • [x] Remove the onX* transition props from Dialog, Snackbar, Menu & Popover, https://github.com/mui-org/material-ui/issues/17047#issuecomment-523549825. (Snackbar BC: #22107, Dep: #22206; Popover BC: #22184, Dep: #22202; Dialog BC: #22113, Dep: #22114; Menu BC: #22212, Dep: #22213)
    • [x] Remove RootRef, it relies on ReactDOM.findDOMNode(component) that is already deprecated. (BC: #21974, Dep: #24075)
    • [x] [icons] Change default fontSize prop's value: default -> medium, for consistency with the other components #14993. (BC: #23950, Dep: #23951)
    • [x] [Accordion] Normalize focusVisible logic (BC: #22567, Dep: #24083)
    • [x] [Avatar] Rename variant circle -> circular for consistency #21964. (BC: #22015, Dep: #22090)
    • [x] [Badge] Rename overlap circle -> circular and rectangle -> rectangular for consistency #21964. (BC: #22050, Dep: #22076)
    • [x] [CircularProgress] Remove one variant. Kill the current determinate variant, rename static => determinate. https://github.com/mui-org/material-ui/issues/7223#issuecomment-566536553. (BC: #22060, Dep: #22094)
    • [x] [Collapse] Add orientation and horizontal support (BC: #20619, Dep: #24079)
    • [x] [Dialog] Remove withMobileDialog. #14992. We have already removed it from the documentation. (BC: #23202, Dep: #23570)
    • [x] [Dialog][Modal] Remove disableBackdropClick (BC: #23607, Dep: #24081)
    • [x] [Fab] Rename Fab round -> circular for consistency #21964. (BC: #21903, Dep: #24080)
    • [x] [Grid] Rename prop justify -> justifyContent to match system API. (BC: #21845, Dep: #24078)
    • [x] [GridList] Rename component to ImageList as more intuitive and better match the wording of the Material Design spec #14994. (BC: #22311, Dep: #22363)
    • [x] [GridList] Rename Tile to Item (BC: #22385, Dep: #22363)
    • [x] [GridList] Refactor using CSS grid & React context (BC: #22395, Dep: #22363)
    • [x] [GridList] Rename spacing prop to gap to align with the CSS attribute. (BC: #22395, Dep: #22363)
    • [x] [GridList] Rename the GridList cellHeight prop to rowHeight. (BC: #22395, Dep: #22363)
    • [x] [GridList] Rename the GridListItemBar titlePosition prop to position. (BC: #22395, Dep: #22363)
    • [x] [Modal] Add support for onKeyDown and remove onEscapeKeyDown (BC: #23571, Dep: #24081)
    • [x] [Portal] Remove onRendered -> ref. context: https://github.com/mui-org/material-ui/pull/16262#discussion_r294750748. (BC: #22464, Dep: #24082)
    • [x] [TextareaAutosize] Rename rowsMax -> maxRows for consistency, (BC: #21873, Dep: #23530)
    • [x] [Table] Rename onChangeRowsPerPage -> onRowsPerPageChange, onChangePage -> onPageChange for consistency. It's a good opportunity to mention this API design choice in the documentation: https://jaketrent.com/post/naming-event-handlers-react/#more-complicated-naming; (BC: #22900, Dep: #23789)
    • [x] [theme] Remove the fade color helper #13039. (BC: #25895)
    • [x] [Button] Remove the buttonRef prop. (BC: #25896, Dep: #25897)
    • [x] [Popover] Remove getContentAnchorEl prop. This method was present to implement a macOS native select like experience. It complicates the implementation of the Popover and could prevent us from moving #17353 forward.
    • [x] [TextField] The position prop should be required in InputAdornment. (BC: #25891, Dep: #25912)
    • [x] [Button] Change LoadingButton prop pending to loading #21593 (BC: #25874)
    • [x] [SwitchBase] Remove second onChange argument: event.target.checked is enough. (BC: #25871)
    • [x] [theme] Remove the exported theme.typography.round helper. (BC: #25914, Dep: #25916)
    • [x] ~[theme] Remove legacy v4 deprecation Object.defineProperty(spacing, 'unit', {~
    • [x] ?[theme] Replace theme.direction === 'rtl' -> theme.isRtl.
    • [x] [Table] Rename padding="default" -> padding="normal" (BC: #25924, Dep: #25990)
    • [x] [theme] Remove function width(key) { return values[key]; }, it's useless. (BC: #25918, Dep: #25993)
    • [x] [theme] Rename createMuiTheme -> createTheme to match ThemeProvider's theme prop. (BC: #25992, Dep: #26004)
    • [x] ~?[theme] Flatten colors to support CSS variables as theme option #12827~ later

    For a list of committed breaking changes and associated deprecations, see: https://github.com/mui-org/material-ui/issues/22074

    Breaking changes

    Unlike the previous section, these are breaking changes we can't gracefully warn against.

    • [x] ~? [AppBar] Change default position from fixed to static. What's the most frequent AppBar position?~

    • [x] ~? Rotate 180Β° icons to only include one? Involve: TablePagination, Pagination or DatePicker~.

    • [x] ~[Slider] Fix the class names naming. track and rail means the same thing.~

    • [x] [Container] Revisit max-width values to be more useful #21902

    • [x] [core] Only support node >= 10 https://github.com/mui-org/material-ui/pull/19301#issuecomment-575991456 (#22814)

    • [x] [theme] Remove dead palette.text.hint key

    • [x] [theme] Always return value with 'px' unit in the spacing function breaking change enhancement #16205 (#22552)

    • [x] [theme] Breakpoints down use interval. Same as https://github.com/ionic-team/ionic/blob/master/BREAKING.md#display-classe #13448 (#22695)

    • [x] [Chip] Change variant default value #18914 (#22683)

    • [x] [Divider] Use border instead of block content (#18965)

    • [x] [Pagination] Rename round -> circular for consistency #21964. (#22009)

    • [x] [Popper] Figure out what we do with popper.js, we have 4 options upgrade, remove it, rewrite it, fork it #19358 (#21761)

    • [x] [Skeleton] Rename variant circle -> circular and rect -> rectangular for consistency #21964. (#22053)

    • [x] [Slider] Custom tooltip ignores valueLabelFormat and valueLabelDisplay #17905.

    • [x] [Snackbar] Change default position. Change the default position of the snackbar on desktop to bottom left. This will better be aligned to the behavior of material.io, Gmail, Google Keep, notistack, etc. (#21980)

    • [x] [Stepper] Remove Paper component #18423 (#22564)

    • [x] [Textfield] Change the default variant -> outlined. Per https://medium.com/@brianisrighthere/material-studies-text-fields-f029b3b38020. (#23503)

    • [x] [CssBaseline] Apply body2 -> body1 #17100. (#24018)

    • [x] [types] Remove deprecated SimplifiedPropsOf/Simplify types. #24750

      https://github.com/mui-org/material-ui/blob/7a4bd5807959b0069be9b5f40ba80eaae9ace2c8/packages/material-ui/src/OverridableComponent.d.ts#L65-L74

    • [x] ~[typescript] Only support TypeScript 3.8 and onwards. Omit was added in 3.5, can be removed from @material-ui/types.~

    • [x] [Select] Change the default variat as TextField https://github.com/mui-org/material-ui/pull/24180#issuecomment-752773145. #24895

    • [x] [Box] Remove the clone prop #18496 (BC #26031)

    • [x] [core] Remove deprecated innerRef prop, forwardRef do the job now. (BC #26028)

    • [x] [Select] Remove labelWidth prop #22799 (BC: #26026)

    • [x] [Hidden] Remove component #19704. The CSS API can be replaced with the Box, the JS API can be replaced with useBreakpoint or useMediaQuery. (BC: #26135)

    • [x] Remove withWidth, replace with useBreakpoint() #17350. (BC: #26136)

    • [x] [theme] Remove MuiThemeProvider alias. ThemeProvider is enough. https://github.com/mui-org/material-ui/pull/22791/files#r499154080 (BC: #26171)

    • [x] [Autocomplete] Rename the reasons for consistancy. 'create-option' is not OK. It should be camelCase. (BC: #26172)

    • [x] ~[Select] Replace with #21782 (PR #26221)~ Do in the lab instead

    • [x] [Autocomplete] Polish the pseudo-classes customization API #19692 (BC: #26181)

    • [x] ~[Grid] Remove the type exports, developers don't need them. https://github.com/mui-org/material-ui/issues/19572#issuecomment-583070229 (BC: #26187)~ https://github.com/mui-org/material-ui/blob/9f3c45b1f7fbb7c2095b61c30a3e0659f21dd5cf/packages/material-ui/src/Grid/Grid.d.ts#L8

    • [x] [Select] CSS API's 'selectMenu' maps to the same element as 'select' #11646. (BC: #26186)

    • [x] [Autocomplete] getOptionSelected is confusing, rename to optionEqualValue #24855 (BC: #26173)

    • [x] [core] Normalize file location. #23208 (BC: #26265)

    • [x] ~Improve the color prop handling #13028~ [move to v5.1]

    • [x] [List] Improve <ListItem button> #13597 (PR: #26446)

    • [x] Check if Button > span still required. (PR: #26666, #26801)

    • [x] ~[CssBaseline] Improve CSS reset, can we leverage any of https://hankchizljaw.com/wrote/a-modern-css-reset/, https://github.com/sindresorhus/modern-normalize/blob/master/modern-normalize.css~ deferred @siriwatknp.

    • [x] Remove wrapper in BottomNavigationAction

    • [x] ~ref attribute is not the root element #19613~ [move to v5.x]


    Timing

    I think that we can try the following:

    1. Deprecation preparation. (starts now)
    2. Create the next branch, publish the next versions under https://next.material-ui.com/ and the next npm tag. (April?). Stop all efforts on the v4.x version. Put the master branch (v4.x) in a low maintenance mode, only handle security fixes.
    3. Work on the above items, in whatever order is simpler, keep the same release schedule, once a week, with alpha first.
    4. Once we have handled all the breaking changes and confidence with the architectural choices move to a beta stage. Once we are confident with the implemented features, start release candidates.
    Current progress 109/109
    Array.from(document.querySelectorAll('.contains-task-list')[2].children)
    .concat(Array.from(document.querySelectorAll('.contains-task-list')[3].children))
    .concat(Array.from(document.querySelectorAll('.contains-task-list')[1].children))
    .concat(Array.from(document.querySelectorAll('.contains-task-list')[0].children))
    .reduce((acc, item) => {
      if (item.querySelector('input[type="checkbox"]:checked')) {
        acc.done += 1;
      }
      acc.total += 1;
      return acc;
    }, { total: 0, done: 0 });
    
    umbrella 
    opened by oliviertassinari 92
  • [Stepper] Add new component

    [Stepper] Add new component

    Closes #2722.

    I just created**_ Vertical Stepper_** include animation, linear step, non-linear step, optional step. To be clear and easy to handle logic how to active a step and when the step is completed, the component delegate the implementation of those function to user(who use this component) to handle logic by themselves. This is a picture to demonstrate how it work test Please take a look at this component. Thank you so much :)

    opened by namKolo 83
  • [Chip] New component

    [Chip] New component

    • [x] PR has ~~tests~~ / docs demo, and is linted.
    • [x] Commit and PR titles begin with [ComponentName], and are in imperative form: "[Component] Fix leaky abstraction".
    • [x] Description explains the issue / use-case resolved, and auto-closes the related issue(s) (http://tr.im/vFqem).

    New Chip component.

    Features:

    • Text only and "Contact" avatars.
    • Contact Avatars can be image, icon (svg or font) or text.
    • Optional delete icon.
    • Focus shadow, click shading.
    • Touch and keyboard events supported.

    screen cap chips

    Still to do:

    • ~~Agree the API - currently supports both props and composability for label and Avatar. As a new component we might want to only support composability.~~
    • ~~Decide on required event callbacks. I took a kitchen sink approach, but we might want to narrow it down (or add others, such as drag events).~~
    • ~~PropTypeDescription is refusing to work, and I'm not sure why, so Ive removed it from the docs Page.js for now.~~
    • ~~Refactoring based on @callemall/material-ui review :sweat_smile:~~
    • ~~Tests.~~ (Thanks @nathanmarks!)
    • ~~Delete button not working in Firefox. (zIndex?)~~ (Thanks @newoga!)

    Closes #1119.

    opened by mbrookes 78
  • [RichTextField] New lab component

    [RichTextField] New lab component

    Fixes mui/mui-x#513

    WIP rich text field component that can use different editors, currently only tiptap is supported

    Todo:

    • [ ] Support plate/slate
    • [ ] More formatting: headers, quotes, code, etc
    • [ ] Inserting links
    • [ ] Customize toolbar
    • [ ] API docs
    • [ ] Tests

    http://localhost:3000/material-ui/react-rich-text-field/ image

    opened by howlettt 1
  • Bump aws-sdk to ^2.1223.0

    Bump aws-sdk to ^2.1223.0

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | aws-sdk | ^2.1219.0 -> ^2.1223.0 | age | adoption | passing | confidence |


    Release Notes

    aws/aws-sdk-js

    v2.1223.0

    Compare Source

    • feature: AppRunner: AWS App Runner adds a Node.js 16 runtime.
    • feature: EC2: Letting external AWS customers provide ImageId as a Launch Template override in FleetLaunchTemplateOverridesRequest
    • feature: LexModelsV2: This release introduces additional optional parameters promptAttemptsSpecification to PromptSpecification, which enables the users to configure interrupt setting and Audio, DTMF and Text input configuration for the initial and retry prompt played by the Bot
    • feature: Lightsail: This release adds Instance Metadata Service (IMDS) support for Lightsail instances.
    • feature: Nimble: Amazon Nimble Studio adds support for on-demand Amazon Elastic Compute Cloud (EC2) G3 and G5 instances, allowing customers to utilize additional GPU instance types for their creative projects.
    • feature: SSM: This release adds new SSM document types ConformancePackTemplate and CloudFormation

    v2.1222.0

    Compare Source

    • feature: BackupGateway: Changes include: new GetVirtualMachineApi to fetch a single user's VM, improving ListVirtualMachines to fetch filtered VMs as well as all VMs, and improving GetGatewayApi to now also return the gateway's MaintenanceStartTime.
    • feature: DeviceFarm: This release adds the support for VPC-ENI based connectivity for private devices on AWS Device Farm.
    • feature: EC2: Documentation updates for Amazon EC2.
    • feature: Glue: Added support for S3 Event Notifications for Catalog Target Crawlers.

    v2.1221.0

    Compare Source

    • feature: Comprehend: Amazon Comprehend now supports synchronous mode for targeted sentiment API operations.
    • feature: S3Control: S3 on Outposts launches support for object versioning for Outposts buckets. With S3 Versioning, you can preserve, retrieve, and restore every version of every object stored in your buckets. You can recover from both unintended user actions and application failures.
    • feature: SageMaker: SageMaker now allows customization on Canvas Application settings, including enabling/disabling time-series forecasting and specifying an Amazon Forecast execution role at both the Domain and UserProfile levels.

    v2.1220.0

    Compare Source

    • feature: EC2: This release adds support for blocked paths to Amazon VPC Reachability Analyzer.

    Configuration

    πŸ“… Schedule: Branch creation - "on sunday before 6:00am" in timezone UTC, Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by Mend Renovate. View repository job log here.

    dependencies 
    opened by renovate[bot] 1
  • Bump Playwright

    Bump Playwright

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | Type | Update | |---|---|---|---|---|---|---|---| | @playwright/test (source) | 1.25.2 -> 1.26.0 | age | adoption | passing | confidence | devDependencies | minor | | mcr.microsoft.com/playwright | v1.25.2-focal -> v1.26.0-focal | age | adoption | passing | confidence | docker | minor | | playwright (source) | 1.25.2 -> 1.26.0 | age | adoption | passing | confidence | devDependencies | minor | | playwright (source) | ^1.25.2 -> ^1.26.0 | age | adoption | passing | confidence | dependencies | minor |


    Release Notes

    Microsoft/playwright

    v1.26.0

    Compare Source

    Assertions

    Other Highlights

    • New option maxRedirects for apiRequestContext.get(url[, options]) and others to limit redirect count.
    • New command-line flag --pass-with-no-tests that allows the test suite to pass when no files are found.
    • New command-line flag --ignore-snapshots to skip snapshot expectations, such as expect(value).toMatchSnapshot() and expect(page).toHaveScreenshot().

    Behavior Change

    A bunch of Playwright APIs already support the waitUntil: 'domcontentloaded' option. For example:

    await page.goto('https://playwright.dev', {
      waitUntil: 'domcontentloaded',
    });
    

    Prior to 1.26, this would wait for all iframes to fire the DOMContentLoaded event.

    To align with web specification, the 'domcontentloaded' value only waits for the target frame to fire the 'DOMContentLoaded' event. Use waitUntil: 'load' to wait for all iframes.

    Browser Versions

    • Chromium 106.0.5249.30
    • Mozilla Firefox 104.0
    • WebKit 16.0

    This version was also tested against the following stable channels:

    • Google Chrome 105
    • Microsoft Edge 105

    Configuration

    πŸ“… Schedule: Branch creation - "on sunday before 6:00am" in timezone UTC, Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ‘» Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by Mend Renovate. View repository job log here.

    dependencies 
    opened by renovate[bot] 1
  • Bump rollup to ^2.79.1

    Bump rollup to ^2.79.1

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | rollup (source) | ^2.79.0 -> ^2.79.1 | age | adoption | passing | confidence |


    Release Notes

    rollup/rollup

    v2.79.1

    Compare Source

    2022-09-22

    Bug Fixes
    • Avoid massive performance degradation when creating thousands of chunks (#​4643)
    Pull Requests

    Configuration

    πŸ“… Schedule: Branch creation - "on sunday before 6:00am" in timezone UTC, Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by Mend Renovate. View repository job log here.

    dependencies 
    opened by renovate[bot] 1
  • Bump react-router-dom to ^6.4.1

    Bump react-router-dom to ^6.4.1

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | react-router-dom | ^6.4.0 -> ^6.4.1 | age | adoption | passing | confidence |


    Release Notes

    remix-run/react-router

    v6.4.1

    Compare Source

    Patch Changes

    Configuration

    πŸ“… Schedule: Branch creation - "on sunday before 6:00am" in timezone UTC, Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about these updates again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by Mend Renovate. View repository job log here.

    dependencies 
    opened by renovate[bot] 1
  • Bump react-redux to ^7.2.9

    Bump react-redux to ^7.2.9

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | react-redux | ^7.2.8 -> ^7.2.9 | age | adoption | passing | confidence |


    Release Notes

    reduxjs/react-redux

    v7.2.9

    Compare Source

    This patch release updates the rarely-used areStatesEqual option for connect to now pass through ownProps for additional use in determining which pieces of state to compare if desired.

    The new signature is:

    {
      areStatesEqual?: (
        nextState: State,
        prevState: State,
        nextOwnProps: TOwnProps,
        prevOwnProps: TOwnProps
      ) => boolean
    }
    

    What's Changed

    Full Changelog: https://github.com/reduxjs/react-redux/compare/v7.2.8...v7.2.9


    Configuration

    πŸ“… Schedule: Branch creation - "on sunday before 6:00am" in timezone UTC, Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by Mend Renovate. View repository job log here.

    dependencies 
    opened by renovate[bot] 1
Releases(v5.10.6)
  • v5.10.6(Sep 19, 2022)

    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]

    • [TextField] Fix conflict with Bootstrap even when label is not defined (#34343) @ZeeshanTamboli

    @mui/[email protected]

    Breaking changes

    • [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={...} />
      

    Changes

    • [Joy] Adjust the Input and Textarea styles (#34281) @siriwatknp
    • [menu][joy] Set disablePortal default to false (#34283) @tomasz-sodzawiczny

    @mui/[email protected]

    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) => { /* ... */ }} />
      

    Docs

    • [blog] The Date Pickers gets a stable v5 release (#34152) @alexfauquette
    • [blog] Improve image handling (#34222) @oliviertassinari
    • [blog] Correct 2021 survey data interpretation (#34291) @samuelsycamore
    • [docs] Remove expired AospExtended showcase @oliviertassinari
    • [docs] Link the OpenSSF Best Practices card (#34331) @oliviertassinari
    • [docs] Fix 301 link to external projects @oliviertassinari
    • [docs] Move 12 component names to Title Case (#34188) @oliviertassinari
    • [docs] Fix broken links (#34320) @alexfauquette
    • [docs] Add notification for MUI Base announcement post (#34295) @samuelsycamore
    • [website] Fix MUI X subscribe email border style (#34330) @oliviertassinari
    • [website] Improve security header @oliviertassinari

    Core

    • [core] Lock file maintenance (#34161) @renovate[bot]
    • [core] Issue template: move reproduction steps to the top (#34279) @Janpot
    • [core] Create shared Next.js baseline config (#34259) @oliviertassinari
    • [core] In typescript-to-proptypes, respect the value pass to the generic (#34311) @flaviendelangle

    All contributors of this release in alphabetical order: @alexfauquette, @flaviendelangle, @hbjORbj, @Janpot, @michaldudak, @oliviertassinari, @renovate[bot], @samuelsycamore, @siriwatknp, @tomasz-sodzawiczny, @ZeeshanTamboli

    Source code(tar.gz)
    Source code(zip)
  • v5.10.5(Sep 12, 2022)

    Sep 12, 2022

    A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:

    • πŸš€ Blog post for announcing the release of the MUI Base package is out thanks to @michaldudak.
    • πŸš€ Added Alert, Modal, ListSubheader, FormControl, CircularProgress components to Joy UI (#33859) @hbjORbj @siriwatknp
    • And more πŸ› bug fixes and πŸ“š documentation improvements.

    @mui/[email protected]

    • ​[ListItemText] Fix variant mapping in primaryTypography (#33880) @iamxukai
    • ​[Timeline] Add left and right aligned timeline demos in docs (#34156) @ZeeshanTamboli

    @mui/[email protected]

    • ​[Joy UI] Add CircularProgress component (#33869) @hbjORbj
    • ​[Joy UI] Add FormControl component (#34187) @siriwatknp
    • ​[Joy UI] Add ListSubheader component (#34191) @siriwatknp
    • ​[Joy UI] Add Modal component (#34043) @siriwatknp
    • ​[Joy] Fix list value of false or 0 (zero) text is incorrectly grey (#34255) @kushagra010
    • ​[Joy] Adjust typography decorator margin (#34257) @siriwatknp
    • ​[Joy] Miscellaneous fixes (#34193) @siriwatknp
    • ​[Radio][joy] Integrate with form control (#34277) @siriwatknp
    • ​[Joy][textarea] Pass textarea props from componentsProps (#34223) @HexM7

    Docs

    • ​[blog] Introducing MUI Base (#33778) @michaldudak
    • ​[docs] Fix spelling error (#34209) @ChrystianDeMatos
    • ​[docs] Improve link to the security policy (#34219) @oliviertassinari
    • ​[docs] Fix typo in Joy UI's Usage docs (#34200) @zillion504
    • ​[website] Add Lukas to the about page (#34284) @LukasTy
    • ​[website] Update diamond sponsor URL (#34256) @oliviertassinari

    Core

    • ​[test] Replace argos-cli with @argos-ci/core (#34178) @michaldudak
    • ​[core] Create a script to generate codeowners (#34175) @michaldudak
    • ​[core] Add RFC GH issue template (#33871) @bytasv

    All contributors of this release in alphabetical order: @bytasv, @ChrystianDeMatos, @hbjORbj, @HexM7, @iamxukai, @kushagra010, @LukasTy, @michaldudak, @oliviertassinari, @siriwatknp, @ZeeshanTamboli, @zillion504

    Source code(tar.gz)
    Source code(zip)
  • v5.10.4(Sep 6, 2022)

    A big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:

    • πŸš€ Added Alert component to Joy UI (#33859) @hbjORbj
    • Many other πŸ› bug fixes, πŸ“š documentation, and βš™οΈ infrastructure improvements

    @mui/[email protected]

    • ​[Avatar] Use structured / semantic markup for avatars and avatar groups (#33994) @paulschreiber
    • ​[Steps] Use structured / semantic markup for steps and steppers (#34138) @paulschreiber

    @mui/[email protected]

    • ​ Make the description of componentsProps generic (#34140) @hbjORbj
    • ​[Alert] Add Alert component (#33859) @hbjORbj
    • ​[Breadcrumbs] Add tests / classes for Breadcrumbs component (#33860) @hbjORbj
    • ​[Select] Fix forwarding listbox component prop (#34172) @siriwatknp

    @mui/[email protected]

    • ​[Select][base] Fix type issues that appeared with TS 4.8 (#34132) @michaldudak

    Docs

    • ​[docs] Add mui-color-input, mui-chips-input and mui-tel-input into the related projects page (#34123) @viclafouch
    • ​[docs] Update sponsors (#34157) @hbjORbj
    • ​[docs] Move 5 component names to Title Case (#34118) @oliviertassinari
    • ​[docs] Fix the color contrast on optional API methods (#34127) @oliviertassinari
    • ​[docs] Fix crash due to using wrong variable (#34171) @siriwatknp
    • ​[docs] Fix a few Base typos (#33986) @ropereraLK
    • ​[docs] Revise Joy UI "Overview" page copy (#34087) @samuelsycamore
    • [docs] Add "extend component sizes and variants" section (#34050) @siriwatknp
    • ​[blog] Fix social cards (#34160) @oliviertassinari
    • ​[website] Allow deep linking to sponsors @oliviertassinari
    • ​[website] Update job descriptions (#34134) @DanailH
    • ​[website] Link Toolpad landing page @oliviertassinari

    Core

    • ​[core] Move renovate config to the repository root (#34180) @oliviertassinari
    • ​[core] Reinstate react/no-unused-prop-types eslint rule (#34125) @Janpot
    • ​[core] Do not append types field to packages without index.d.ts (#33952) @michaldudak
    • ​[core] Sanitize input in icon synonyms update script (#33989) @michaldudak
    • ​[test] Allow to pass options to mousePress function (#34124) @cherniavskii

    All contributors of this release in alphabetical order: @cherniavskii, @DanailH, @hbjORbj, @Janpot, @michaldudak, @oliviertassinari, @paulschreiber, @ropereraLK, @samuelsycamore, @siriwatknp, @viclafouch

    Source code(tar.gz)
    Source code(zip)
  • v5.10.3(Aug 29, 2022)

    Aug 29, 2022

    A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:

    • ⚑ @mnajdova implemented an alternative to OverridableComponent to achieve better dev-time performance (#32735)
    • Many other πŸ› bug fixes, πŸ“š documentation, and βš™οΈ infrastructure improvements

    @mui/[email protected]

    • [Autocomplete][material] Fix value overflow when disableClearable is used (#34053) @mnajdova
    • [Autocomplete] Update unstyled demo to not import Material UI (#34060) @oliviertassinari
    • [Slider] Remove SliderInput export from d.ts (#34055) @pieetrus
    • [TablePagination] Fix select variant not working (#33974) @ZeeshanTamboli

    @mui/[email protected]

    • [system] Fix mode blink when open multiple sessions (#33877) @siriwatknp

    @mui/[email protected]

    • [Button][base] Prevent too many ref updates (#33882) @michaldudak
    • [Select][base] Fix typo in listbox blur event handler (#34120) @ZeeshanTamboli
    • [TrapFocus] Improve tab test and simplify demo (#34008) @EthanStandel

    @mui/[email protected]

    • [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

    Docs

    • [blog] Add Grid v2 announcement (#33926) @siriwatknp
    • [blog] Making customizable components (#33183) @alexfauquette
    • [blog] Improve SEO metadata (#33954) @oliviertassinari
    • [docs] Add introduction Base component demos & general uplift (#33896) @danilo-leal
    • [docs] Fix Gatsby sample config in CSS variables (#34024) @bicstone
    • [docs] Fix 404 link from Joy to React Router (#34115) @oliviertassinari
    • [docs] Fix typo in Select component (#34091) @HexM7
    • [docs] Fix 301 links to tss's docs @oliviertassinari
    • [docs] Fixing Joy UI usage snippet (#34049) @JonathanAsbury-SPS
    • [docs] Fix missing JSX closing tag in Tooltip docs (#34064) @hoangph271
    • [website] Add Toolpad to Navigation (#33937) @bharatkashyap
    • [website] Improve SEO meta description for MUI X @oliviertassinari
    • [website] Improve visual look of code demos (#34070) @oliviertassinari
    • [website] Fix DatePicker component demo on the home page (#34054) @NaveenPantra

    Core

    • [core] Offer alternative to OverridableComponent via module augmentation for better performance (#32735) @mnajdova
    • [core] Fix prop-type warning in regression tests (#34086) @oliviertassinari
    • [core] Specify code owners (#33995) @michaldudak
    • [core] Fix scroll restoration (#34037) @oliviertassinari

    All 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

    Source code(tar.gz)
    Source code(zip)
  • v5.10.2(Aug 23, 2022)

    Aug 22, 2022

    A big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:

    • ✨ @michaldudak synced the Material Icons set with the latest from Google (#33988).
      A couple of icons changed their appearance. See the difference on this Argos build.

    @mui/[email protected]

    • ​[Autocomplete] Fix keepMounted Popper prop not working (#33957) @ZeeshanTamboli
    • ​[IconButton] Fix hover effect when CSS Variables are enabled (#33971) @TheUnlocked
    • ​[LoadingButton] Add support for CSS variables (#34001) @ZeeshanTamboli
    • ​[TimelineConnector] Add support for CSS variables (#34002) @ZeeshanTamboli
    • ​[TimelineDot] Add support for CSS variables (#34003) @ZeeshanTamboli
    • ​[TreeItem] Add support for CSS variables (#34004) @ZeeshanTamboli

    @mui/[email protected]

    • ​[system] catch localStorage errors (#34027) @jsakas

    @mui/[email protected]

    • ​[Joy] Add missing global exports (#33982) @tomasz-sodzawiczny

    @mui/[email protected]

    • ​[icons] Sync the Material Icons (#33988) @michaldudak

    Docs

    • ​[docs] Fix typo in using-joy-ui-and-material-ui.md (#33997) @djohalo2 @danilo-leal
    • ​[docs] Fix typo in the Transition docs (#34040) @alirezahekmati
    • ​[docs] Typo fix in Joy UI Aspect Ratio doc (#33984) @AjeetSingh2016
    • ​[docs] Fix broken Joy UI codesandbox export (#34007) @oliviertassinari
    • ​[docs] Fix typos in test folder's README (#33976) @ropereraLK
    • ​[docs] Fix interior section links in Base docs that feature hooks (#33948) @samuelsycamore
    • ​[docs] Fix typo in Joy UI's List Component docs (#33956) @Cerebro92
    • ​[docs] Fix typo in Joy UI's docs (#33938) @AjeetSingh2016

    Core

    • ​[website] Optimize meta description length (#34006) @oliviertassinari
    • ​Revert "[core] Replace getInitialProps with getStaticProps" (#33991) @mnajdova
    • ​[website] Move the React Engineer - X to next roles (#34030) @mnajdova
    • ​[website] Add Icons8 gold sponsor (#33978) @michaldudak

    All contributors of this release in alphabetical order: @AjeetSingh2016, @alirezahekmati, @Cerebro92, @danilo-leal, @djohalo2, @jsakas, @michaldudak, @mnajdova, @oliviertassinari, @ropereraLK, @samuelsycamore, @TheUnlocked, @tomasz-sodzawiczny, @ZeeshanTamboli

    Source code(tar.gz)
    Source code(zip)
  • v5.10.1(Aug 16, 2022)

    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]

    • ​[TableCell] Enable variant overrides via TypeScript module augmentation (#33856) @arjunvijayanathakurup

    @mui/[email protected]

    • ​[system] Fix ContainerProps export (#33923) @bugzpodder

    @mui/[email protected]

    • ​[TrapFocus] Removes invisible tabbable elements from (#33543) @EthanStandel
    • ​[Input][base] Pass the rows prop to the underlying textarea (#33873) @michaldudak
    • ​[SelectUnstyled] Add ability to post the select's value when submitting a form (#33697) @michaldudak

    @mui/[email protected]

    • ​[IconButton][joy] Fix large IconButton scaling (#33885) @cherewaty

    Docs

    • ​[docs] Expand on a11y section for Material UI Link component (#32839) @TKrishnasamy
    • ​[docs] Fix typo in Joy UI's AspectRatio docs (#33895) @IsaacInsoll
    • ​[docs] Improve the Base Usage page (#33272) @samuelsycamore
    • ​[docs] Avoid refreshing the page when button on demo is clicked (#33852) @PunitSoniME
    • ​[docs] Improve the HorizontalNonLinearStepper demo styling (#33886) @hayawata3626
    • ​[docs] Remove dead NoSsr in the demos (#33910) @oliviertassinari
    • ​[docs] Fix the reopening menu problem in MenuUnstyled demo (#33890) @michaldudak
    • ​[docs] Fix a few link issues (#33909) @oliviertassinari
    • ​[docs] Explain the icons package dependencies (#33592) @michaldudak
    • ​[docs] Fix reported SEO issues (#33818) @oliviertassinari
    • ​[docs] Add permanent notifications back (#33843) @oliviertassinari
    • ​[docs] Enforce description for all pages (#33698) @oliviertassinari
    • ​[docs] Clarify difference in startup times between named and default imports (#33109) @cmdcolin
    • ​[docs] Update transform function in the sx prop sizing docs (#33850) @ZeeshanTamboli
    • ​[docs] Adding missing accessibility labels (#33782) @PunitSoniME
    • ​[docs] Fix /system/getting-started/advanced/ does not exist (#33867) @MonstraG
    • ​[docs] New Crowdin updates (#32213) @l10nbot
    • ​[examples] Fix broken path to favicon.ico (#33906) @mmostafavi
    • ​[website] Add new FAQ to pricing page (#33553) @oliviertassinari
    • ​[website] Miscellaneous improvements to the marketing pages (#33897) @danilo-leal

    Core

    • ​[core] Add the download tracker package (#33899) @michaldudak
    • ​[core] Use proper external build id for Argos uploads (#33929) @cherniavskii
    • ​[core] Enforce 70 as the max width on the title on the docs (#33819) @oliviertassinari
    • ​[core] Clear yarn installation warning (#33776) @michaldudak
    • ​[core] Bump yarn to 1.22.19 (#33656) @michaldudak
    • ​[core] Remove outdated Next.js options (#33845) @oliviertassinari
    • ​[core] Add the download tracker build script (#33941) @michaldudak
    • ​[website] Allow /r/store- redirection pattern @oliviertassinari

    All 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

    Source code(tar.gz)
    Source code(zip)
  • v5.10.0(Aug 9, 2022)

    A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:

    • ✨ Stack component is added to MUI System and Joy UI #33760 #33800 @mnajdova
    • ✨ Breadcrumbs component is added to Joy UI (#32697) @hbjORbj
    • Many other πŸ› bug fixes, πŸ“š documentation, and βš™οΈ infrastructure improvements

    @mui/[email protected]

    • [Grid] Prevent crash if spacing is set to zero in theme (#33777) @PunitSoniME
    • [Grid] Export interface RegularBreakpoints to fix type error (#33751) @ZeeshanTamboli
    • [Skeleton] Add rounded variant (#33687) @siriwatknp
    • [Stepper] Fix classes for icon container (#33734) @pratikkarad
    • [TableCell] Enable size prop overrides via module augmentation (#33816) @brentertz
    • [Tooltip] Fix tooltip arrow css var background (#33753) @TimoWilhelm
    • [useScrollTrigger] Add passive flag to scroll trigger event listener #32437 (#33749) @Dsalazar1685

    @mui/[email protected]

    • Fix unnecessary styles created from sx (#33752) @siriwatknp
    • Fix duplicated styles in Box (#33774) @iamxukai
    • Don't spread props to DOM for string tags (#33761) @siriwatknp
    • Add Stack component (#33760) @mnajdova

    @mui/[email protected]

    • [Stack] Add new component (#33800) @mnajdova
    • [Breadcrumbs] Add Breadcrumbs component (#32697) @hbjORbj
    • [Card] Fix wrong api description for size prop (#33862) @hbjORbj
    • Miscellaneous fixes (#33796, #33750) @siriwatknp

    Docs

    • [docs] Create, revise, and expand System "Getting started" docs (#33503) @samuelsycamore
    • [docs] Test new image best practice @oliviertassinari
    • [docs] Fix typo in the ClickAwayListerner name (#33813) @pawelsmigielski
    • [docs] Fix link to Basics section in Trap Focus docs (#33772) @ZeeshanTamboli
    • [docs] z-index added in popper when used by split button (#33763) @PunitSoniME
    • [docs] Improve the guide for using @mui/base with Tailwind CSS (#33670) @mnajdova
    • [docs] Fix warnings related to Next.js' links (#33693) @mnajdova
    • [docs] Add notification to aggregation blogpost (#33745) @joserodolfofreitas
    • [docs] Add Grid version 2 docs (#33554) @siriwatknp
    • [examples] Fix NextLinkComposedProps type error (#33842) @adham618

    Core

    • [blog] Add social card to Tenerife retreat post (#33764)
    • [blog] Fix blue outline bug (#33707) @oliviertassinari
    • [blog] Improve the width of the layout (#33706) @oliviertassinari
    • [core] Remove unnecessary packageName attribute from pages (#33488) @cherniavskii
    • [core] Remove duplicated CODE_OF_CONDUCT (#33702) @oliviertassinari
    • [core] Update Playwright packages together (#33737) @michaldudak
    • [website] Fix notifications not being marked as read in production (#33756) @cherniavskii

    All contributors of this release in alphabetical order: @adham618, @brentertz, @cherniavskii, @Dsalazar1685, @hbjORbj, @iamxukai, @joserodolfofreitas, @michaldudak, @mnajdova, @oliviertassinari, @pawelsmigielski, @pratikkarad, @PunitSoniME, @siriwatknp, @TimoWilhelm, @ZeeshanTamboli

    Source code(tar.gz)
    Source code(zip)
  • v5.9.3(Aug 1, 2022)

    Aug 1, 2022

    A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:

    • πŸ–ΌοΈ @garronej worked on improving the support of Emotion packages in the System (#33205)
    • Many other πŸ› bug fixes, πŸ“š documentation, and βš™οΈ infrastructure improvements

    @mui/[email protected]

    • [Chip] Assign classnames and associated styles for filled variant (#33587) @hbjORbj
    • [Grid] Fix columnSpacing and rowSpacing props ignore higher breakpoints with 0 (#33480) @ZeeshanTamboli
    • [Input] Add the readOnly state class (#33654) @michaldudak
    • [Stack] Responsive styles based on breakpoints should be in the correct order (#33552) @hbjORbj

    @mui/[email protected]

    • [system] Make @emotion/* fully supported in the System (#33205) @garronej

    @mui/[email protected]

    • [codemod] Fix theme-spacing performance (#33691) @siriwatknp
    • [codemod] Support @mui import for variant-prop (#33692) @siriwatknp

    @mui/[email protected]

    • [styled-engine-sc] Add missing @babel/runtime dependency (#33741) @MonstraG

    @mui/[email protected]

    • [Joy] Add Tabs components (#33664) @siriwatknp
    • [Joy] Miscellaneous fixes (#33685) @siriwatknp
    • [Joy] Update read.me content (#33643) @danilo-leal

    Docs

    • [blog] Add blog post about company retreat in Tenerife 🏝 (#33566) @samuelsycamore
    • [blog] Add blog post to announce the aggregation feature (#33595) @joserodolfofreitas
    • [blog] Fix horizontal scrollbar with code snippets (#33648) @joserodolfofreitas
    • [docs] Fix a typo in the code in Sorting & selecting Table demo (#33674) @mracette
    • [docs] Fix en-US format in the Skeleton demo (#33699) @husseinsaad98
    • [docs] Update module reference for usePagination (#33675) @fullstackzach
    • [docs] Fix code examples in styled API vs sx prop docs (#33665) @ZeeshanTamboli
    • [docs][system] Throw an informative error when theme.vars is used in createTheme and mention this in the theming docs (#33619) @hbjORbj
    • [website] Remove legacy redirect @oliviertassinari
    • [website] Add new legal pages (#33650) @oliviertassinari
    • [website] Clarify when a license in development is required (#33668) @oliviertassinari
    • [website] Update links to rows pages (#33739) @cherniavskii
    • [website] Update pricing table to add aggregation and row pinning (#33659) @joserodolfofreitas

    Core

    • [core] Replace getInitialProps with getStaticProps (#33684) @mnajdova
    • [core] Remove accidentally added files (#33636) @michaldudak
    • [core] Update packages with security issues (#33679) @michaldudak
    • [core] Add React 17 nightly build (#33594) @mnajdova
    • [core] Update lerna to 5.2.0 (#33635) @michaldudak
    • [core] Prepare isolation of Next.js X app (#33649) @oliviertassinari
    • [core] Remove thenify version override from package.json resolutions (#33638) @michaldudak
    • [core] Update Node.js to 14 on CircleCI, CodeSandbox, and Netlify (#33642) @michaldudak
    • [test] Replace istanbul-instrumenter-loader with babel-plugin-istanbul (#33666) @michaldudak
    • [test] Run TypeScript module augmentation tests for Joy UI in CI (#33667) @ZeeshanTamboli

    All contributors of this release in alphabetical order: @cherniavskii, @danilo-leal, @fullstackzach, @garronej, @hbjORbj, @husseinsaad98, @joserodolfofreitas, @michaldudak, @mnajdova, @MonstraG, @mracette, @oliviertassinari, @samuelsycamore, @siriwatknp, @ZeeshanTamboli

    Source code(tar.gz)
    Source code(zip)
  • v5.9.2(Jul 25, 2022)

    Jul 25, 2022

    A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:

    • πŸ§ͺ Ensure all Base components are OverridableComponent (#33506) @michaldudak
    • πŸ§ͺ Various improvements on the Material Stack component (#33548, #33588, #33549) @hbjORbj
    • Many other πŸ› bug fixes and πŸ“š documentation improvements

    @mui/[email protected]

    • ​Revert "[Tooltip] Fix children mouse over detection (#32321)" @oliviertassinari
    • ​[FormHelperText] Fix unable to create new variants (#33589) @DinhBaoTran
    • ​[ImageList] Remove vertical spacing between items in masonry layout (#33593) @michaldudak
    • ​[LoadingButton] Refactor duplicate code (#33570) @ZeeshanTamboli
    • ​[Modal] Explain the meaning of deprecation of the BackdropComponent prop (#33591) @michaldudak
    • ​[Stack] Fix unit test failure (#33588) @hbjORbj
    • ​[Stack] Fix default flexDirection value with responsive prop (#33549) @hbjORbj
    • ​[Stack] Ensure that marginundefined doesn't occur in styling (#33548) @hbjORbj
    • ​[Tabs] Fix indicatorColor prop type (#33569) @ZeeshanTamboli
    • ​[Tabs] Add TypeScript interface to augment tab indicator color in theme (#33333) @AHeiming

    @mui/[email protected]

    • ​[Base] Make PopperUnstyled component overridable (#33573) @siriwatknp
    • ​[Base] Ensure all components are OverridableComponent (#33506) @michaldudak

    @mui/[email protected]

    • ​[Select] Add new component in Joy (#33630) @siriwatknp
    • ​[Joy] Add Text field documentation (#33430, #33631) @danilo-leal
    • ​[Joy] Add menu components (#31789) @siriwatknp

    Docs

    • ​[blog] Fix 404 link to Algolia docs search (dd4308d) @oliviertassinari
    • ​[docs] Add accessibility tips (#33633) @siriwatknp
    • ​[docs] Fix production deploy of codesandboxes (#33608) @oliviertassinari
    • ​[docs] Show border on palette.background.paper in dark mode docs (#33611) @ZeeshanTamboli
    • ​[docs] Fix typo in Joy UI dark mode page (#33620) @bairamau
    • ​[docs] Final polish on Base docs - formatting and style consistency (#33156) @samuelsycamore
    • ​[docs] Fix CssBaseline import in example code (#33614) @dd-ssc
    • ​[docs] Fix Toolpad docs redirection (#33524) @bharatkashyap
    • ​[docs] Fix link to Snackbar customization section in Alert docs (#33586) @ZeeshanTamboli
    • ​[docs] Fix placement choices typo in Tooltip docs (#33571) @MonstraG
    • ​[website] Update home page's sponsor grid (#33528) @danilo-leal
    • ​[website] Add Vytautas to the about page (#33567) @bytasv
    • ​[website] Improve newsletter input design (#33585) @danilo-leal
    • ​[website] Add YouTube link to footer (#33580) @gerdadesign
    • ​[website] Clarify scope of technical support (#33435) @joserodolfofreitas

    Core

    • ​[core] Swallow ad blocker fetch fail (#33617) @oliviertassinari
    • ​[core] Fix dep security by resolving thenify to latest (#33612) @siriwatknp
    • ​[test] Remove view option from Event in Snackbar tests (#33555) @ZeeshanTamboli

    All contributors of this release in alphabetical order: @AHeiming, @bairamau, @bharatkashyap, @bytasv, @danilo-leal, @dd-ssc, @DinhBaoTran, @gerdadesign, @hbjORbj, @joserodolfofreitas, @michaldudak, @MonstraG, @oliviertassinari, @samuelsycamore, @siriwatknp, @ZeeshanTamboli

    Source code(tar.gz)
    Source code(zip)
  • v5.9.1(Jul 18, 2022)

    Jul 18, 2022

    A big thanks to the 17 contributors who made this release possible. This release is mainly about πŸ› bug fixes and πŸ“š documentation improvements

    @mui/[email protected]

    • ​[Autocomplete] Fix disabling component crashing when focused (#31313) @mzedel
    • ​[Grid] Avoid scrollbar in demo (#33527) @oliviertassinari
    • ​[Slider] Fix transition of tooltips on vertical slider (#33009) @abhinav-22-tech
    • ​[TouchRipple] Fix crash on android where event.touches are an empty array (#32974) @lukeggchapman

    @mui/[email protected]

    • ​[system] Add flag to switch negative margin approach in Grid (#33484) @siriwatknp
    • ​[system] Remove needless optional chaining check in createEmptyBreakpointObject method (#33482) @ZeeshanTamboli

    @mui/[email protected]

    • ​[base] Export types used by components' props (#33522) @michaldudak
    • ​[base] Add missing type definitions in useControllableReducer (#33496) @michaldudak
    • ​[SelectUnstyled] Do not call onChange unnecessarily (#33408) @michaldudak

    @mui/[email protected]

    • ​[TimelineDot] Add TimelineDotPropsColorOverrides interface to extend color options (#33466) @lolaignatova

    Docs

    • ​[docs] Add note about CssBaseline in the dark mode page (#33108) @GabrielaLokelani
    • ​[docs] Fix typos in the Interoperability page (#33273) @HexM7
    • ​[docs] Improve the useTheme documentation (#33508) @rickstaa
    • ​[docs] Fix 301 redirections (#33521) @oliviertassinari
    • ​[docs] Link the same codesandbox as in the docs (#33472) @oliviertassinari
    • ​[docs] Fix copy search false positives (#33438) @oliviertassinari
    • ​[docs] Fix typo (#33520) @aravindpanicker
    • ​[docs] Update Tailwind docs to include step about updating popover containers (#33315) @ajhenry
    • ​[docs] Add yarn command for Roboto font in Material UI's typography.md (#33485) @anthonypz
    • ​[docs] Add new community content to the Material UI Learn page (#32927) @Nikhilthadani
    • ​[examples] Change createEmotionCache to use insertionPoint (#32104) @ANTARES-KOR
    • ​[examples] Fix error in Next.js example with @mui/styles (#33456) @paustria

    Core

    • ​[core] Cleanup experiments (#33547) @siriwatknp
    • ​[core] Update CHANGELOG to include pickers breaking change (#33486) @siriwatknp

    All contributors of this release in alphabetical order: @abhinav-22-tech, @ajhenry, @ANTARES-KOR, @anthonypz, @aravindpanicker, @GabrielaLokelani, @HexM7, @lolaignatova, @lukeggchapman, @michaldudak, @mzedel, @Nikhilthadani, @oliviertassinari, @paustria, @rickstaa, @siriwatknp, @ZeeshanTamboli

    Source code(tar.gz)
    Source code(zip)
  • v5.9.0(Jul 12, 2022)

    Jul 12, 2022

    A big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:

    • πŸ§ͺ Exported Grid v2 as Unstable_Grid2 (#33479) @siriwatknp
    • πŸ“– Added a guide for using Joy UI and Material UI together (#33396) @siriwatknp
    • πŸ› Fixed a few bugs in Material UI components. Thanks to @ZeeshanTamboli, @ivan-ngchakming, and @joebingham-wk.
    • ⚠️ [BREAKING CHANGE] Date pickers are removed from the lab, please follow the migration guide. (#33386) @flaviendelangle
    • many other πŸ› bug fixes and πŸ“š documentation improvements
    • our documentation site is now running with React 18! (#33196) @mnajdova

    @mui/[email protected]

    • [CssBaseline] Fixes in overriding style (#33338) @ZeeshanTamboli
    • [Autocomplete] Remove unnecessary clsx wrapper for single className (#33398) @ZeeshanTamboli
    • [Grid] Export new grid as unstable (#33479) @siriwatknp
    • [Tooltip] Fix children mouse over detection (#32321) @ivan-ngchakming
    • [TypeScript] getCssVar autocomplete for Material UI (#33464) @siriwatknp
    • [TypeScript] Fix theme options components types to use Theme (#33434) @siriwatknp
    • [TypeScript] Reexports necessary types for module augmentation (#33397) @siriwatknp
    • [ScopedCssBaseline] Add sx typings (#33474) @joebingham-wk

    @mui/[email protected]

    • [System] Add offset feature to Grid (#33415) @siriwatknp
    • [system] Add new Grid implementation (#32746) @siriwatknp

    @mui/[email protected]

    Breaking changes

    • [lab] Remove the pickers (#33386) @flaviendelangle

      The pickers are moved to MUI X, check out the migration guide.

    Changes

    • [Masonry] Support rem/em values for spacing prop (#33384) @hbjORbj

    @mui/[email protected]

    • Base] Change the order of class names merged in useSlotProps (#33383) @michaldudak
    • [ModalUnstyled] Accept callbacks in componentsProps (#33181) @michaldudak
    • [SelectUnstyled] Accept callbacks in componentsProps (#33197) @michaldudak
    • [TabsUnstyled] Accept callbacks in componentsProps (#33284) @michaldudak

    @mui/[email protected]

    • [Joy] Add guide about using Joy and Material UI together (#33396) @siriwatknp
    • [Joy] Fix variants color palette regressions (#33394) @danilo-leal

    Docs

    • [docs] Correcting small grammatical error (#33393) @robyyo
    • [docs] Link to the correct package on Joy component pages (#33439) @cherniavskii
    • [docs] Fix e2e tests (#33477) @siriwatknp
    • [docs] Fix dead links (#33462) @oliviertassinari
    • [docs] Cleanup the migration (#33463) @siriwatknp
    • [docs] Fix broken Sponsoring services links @samuelsycamore
    • [docs] Improve repo README with light/dark logos, relative links and more (#33356) @samuelsycamore
    • [docs] Update links to MUI X Overview and Introduction pages (#33201) @samuelsycamore
    • [docs] Update to React 18 (#33196) @mnajdova
    • [docs] Simplify "Upload button" demo (#33326) @baharalidurrani
    • [docs] Add "refine" demo to showcase (#33240) @omeraplak
    • [docs] Add webpack alias for legacy utils package (#33376) @jgbae
    • [docs] Improve external link icons synonyms (#33257) @davidgarciab
    • [examples] Update MUI Base with Tailwind CSS to use the latest versions of the dependencies (#33401) @mnajdova
    • [examples] Add MUI base example (#33154) @siriwatknp

    Core

    • [core] Fix @mui/monorepo regression for the import of the docs infra (#33390) @Janpot
    • [core] Remove old babel resolve rule (#33432) @oliviertassinari
    • [website] Shorten the plan descriptions on the pricing page (#32984) @joserodolfofreitas
    • [website] Link EULA in the license quantity section (#33292) @oliviertassinari

    All contributors of this release in alphabetical order: @baharalidurrani, @cherniavskii, @danilo-leal, @davidgarciab, @flaviendelangle, @hbjORbj, @ivan-ngchakming, @Janpot, @jgbae, @joebingham-wk, @joserodolfofreitas, @michaldudak, @mnajdova, @oliviertassinari, @omeraplak, @robyyo, @samuelsycamore, @siriwatknp, @ZeeshanTamboli

    Source code(tar.gz)
    Source code(zip)
  • v5.8.7(Jul 4, 2022)

    Jul 4, 2022

    A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:

    • πŸ› Fixed an issue causing TypeScript errors when building a project with Material UI v5.8.6 (@michaldudak)
    • πŸ› Fixed a few bugs in Material UI components. Thanks @henriqueholtz, @jake-collibra, @MattiasMartens, and @TimoWilhelm!
    • many other πŸ› bug fixes and πŸ“š documentation improvements

    @mui/[email protected]

    • [Autocomplete] Add some missing props in useAutocomplete (#33269) @henriqueholtz
    • [Autocomplete] Extend componentsProps to include popper and popupIndicator slots (#33283) @jake-collibra
    • [Select] Annotate empty string as valid value prop (#33088) @MattiasMartens
    • [SnackbarContent] Fix message text color with css var provider (#33285) @TimoWilhelm

    @mui/[email protected]

    • [styled-engine] Add missing type dependency on csstype (#33310) @Methuselah96

    @mui/[email protected]

    • [system] Simplify theme input types for CssVarsProvider (#33381) @siriwatknp
    • [system] Export required types (#33324) @michaldudak

    @mui/[email protected]

    • [Joy] Add radio button documentation (#33254) @siriwatknp
    • [Joy] Add switch documentation (#33302) @siriwatknp
    • [Joy] Batch a couple of documentation refinements (#33158) @danilo-leal
    • [Joy] Enable Joy and Material UI compatibility (#33379) @siriwatknp

    @mui/[email protected]

    • [base] Remove a type incompatible with Typescript 3.5 (#33361) @michaldudak
    • [BadgeUnstyled] Export BadgeUnstyledOwnProps interface to fix typescript compiler error (#33314) @aaronlademann-wf
    • [TablePaginationUnstyled] Accept callbacks in componentsProps (#33309) @michaldudak

    Docs

    • [docs] Fix Link typings in the react-router example (#32308) @aaarichter
    • [docs] Add caveat about class components with Tooltip (#33325) @joshkel
    • [docs] Fix SEO issues (#33288) @oliviertassinari
    • [docs] Fix Slider's "player" demo (#33267) @xlianghang
    • [website] Link MUI Toolpad in mui.com (#33287) @oliviertassinari

    All contributors of this release in alphabetical order: @aaarichter, @aaronlademann-wf, @danilo-leal, @henriqueholtz, @jake-collibra, @joshkel, @MattiasMartens, @Methuselah96, @michaldudak, @oliviertassinari, @siriwatknp, @TimoWilhelm, @xlianghang

    Source code(tar.gz)
    Source code(zip)
  • v5.8.6(Jun 27, 2022)

    Jun 27, 2022

    A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:

    • βš’οΈ Fixed React 18 issues in few components
    • πŸš€ Improved the TypeScript augmentation when using CSS variables with @mui/material
    • many other πŸ› bug fixes and πŸ“š documentation improvements

    @mui/[email protected]

    • ​[Alert] Add support for CSS vars (#32624) @haneenmahd

    • ​[Alert] Use getContrastText for filled variant font color (#29813) @SamoraMabuya

      Note: The color of the text in the warning contained Alert in dark mode was changed to black in order to improve the color contrast ratio

    • ​[OutlinedInput] Fix ownerState undefined in theme style overrides (#33241) @siriwatknp

    • ​[Tabs] Fix crash when used with React 18 & Suspense (#33277) @mnajdova

    • ​[TypeScript] Add CSS vars type augmentation for Material UI (#33211) @siriwatknp

    @mui/[email protected]

    • ​[system] Add enableColorScheme option to getInitColorSchemeScript (#33261) @siriwatknp

    @mui/[email protected]

    • ​[utils] Allow state prefix to be configurable (#32972) @siriwatknp

    @mui/[email protected]

    • ​[base] Improve the return type of useSlotProps (#33279) @michaldudak
    • ​[base] Improve some types (#33270) @mnajdova
    • ​[MenuUnstyled] Fix keyboard accessibility of menu items (#33145) @michaldudak
    • ​[ModalManager] Lock body scroll when container is inside shadow DOM (#33168) @jacobweberbowery
    • ​[SliderUnstyled] Use useSlotProps (#33132) @michaldudak
    • ​[TextareaAutosize] Fix crash when used with React 18 & Suspense (#33238) @howlettt
    • ​[TextareaAutosize] Fix warnings for too many renders in React 18 (#33253) @mnajdova

    @mui/[email protected]

    • ​[Joy] Add Sheet doc (#32820) @hbjORbj

    Docs

    • ​[blog] Polish Why you should migrate to Material UI v5 today (#33244) @oliviertassinari
    • ​[docs] Add note in docs about componentsProps.root taking precedence (#33097) @ZeeshanTamboli
    • ​[docs] Remove a note about Base components being reexported from Material UI (#33265) @michaldudak
    • ​[docs] Update code snippet in docs for custom color palette (#32946) @ZeeshanTamboli
    • ​[docs] Fix the docs for production class generation (#31933) @Fafruch
    • ​[docs] Fix internal link in Box page (#33149) @davidgarciab
    • ​[docs] Badge component link in Base docs should be under Data Display section (#33249) @ZeeshanTamboli
    • ​[examples] Fix comment typo (#33256) @WinmezzZ

    Core

    • ​[core] Remove dead code (#33243) @oliviertassinari
    • ​[website] Fix the scroll-top for all the website (#33215) @oliviertassinari
    • ​[website] List new core role @oliviertassinari
    • ​[website] Fix navigation menu close behavior (#33203) @oliviertassinari

    All contributors of this release in alphabetical order: @davidgarciab, @Fafruch, @haneenmahd, @hbjORbj, @howlettt, @jacobweberbowery, @michaldudak, @mnajdova, @oliviertassinari, @SamoraMabuya, @siriwatknp, @WinmezzZ, @ZeeshanTamboli

    Source code(tar.gz)
    Source code(zip)
  • v5.8.5(Jun 21, 2022)

    Jun 20, 2022

    A big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:

    • πŸš€ Added support for CSS variables in the Avatar component and the SpeedDialAction component respectively by @vicasas and @gin1314
    • many other πŸ› bug fixes and πŸ“š documentation improvements

    @mui/[email protected]

    • ​[Avatar] Add support for CSS variables (#32499) @vicasas
    • ​[Dialog] Fix broken styles if maxWidth is set to false (#32987) @kmurgic
    • ​[SpeedDialAction] Add support for CSS variables (#32608) @gin1314
    • ​[Tabs] Increment scroll of the minimum amount possible (#33103) @oliviertassinari

    @mui/[email protected]

    • ​[codemod] Preserve comments within jss-to-tss-react (#33170) @ryancogswell

    @mui/[email protected]

    • ​[Masonry] Fix flickering when used with React 18 (#33163) @mnajdova

    @mui/[email protected]

    • ​[BadgeUnstyled] Accept callbacks in componentsProps (#33176) @michaldudak
    • ​[ButtonUnstyled] Use useSlotProps (#33096) @michaldudak
    • ​[FormControlUnstyled] Accept callbacks in componentsProps (#33180) @michaldudak
    • ​[InputUnstyled] Use useSlotProps (#33094) @michaldudak
    • ​[ModalUnstyled] Define ownerState and slot props' types (#32901) @michaldudak
    • ​[SwitchUnstyled] Use useSlotProps (#33174) @michaldudak

    @mui/[email protected]

    • ​[Joy] Add Checkbox documentation (#33171) @siriwatknp
    • ​[Joy] Add List documentation (#33120) @siriwatknp
    • ​[Joy] Make slider displays Joy classname (#33051) @siriwatknp

    Docs

    • ​[blog] Update Blogpost to clear confusion on "no impact" disclaimer. (#33131) @joserodolfofreitas
    • ​[blog] Add post about v5 Migration guide update (#33063) @samuelsycamore
    • ​[blog] Fix display on Safari (#33102) @oliviertassinari
    • ​[docs] Add guide on how to use MUI Base with Tailwind CSS (#33100) @mnajdova
    • ​[docs] Improve Joy template UX (#33159) @siriwatknp
    • ​[docs] Update Shadow DOM guide (#33160) @cherniavskii
    • ​[docs] Fix SEO regressions (#33106) @oliviertassinari
    • ​[docs] Add job ad in table of content (#33143) @mnajdova
    • ​[docs] Add customization as a value proposition (#33014) @oliviertassinari
    • ​[examples] Add example using nextjs & @mui/styles as a starter for the migration to v5 (#33005) @mnajdova
    • ​[website] Replace Airtable with Ashby links for applying to a opened position (#33193) @DanailH

    Core

    • ​[core] Add CSS variables support for Material UI components (#32835) @siriwatknp
    • ​[core] Add name to workspace root package.json (#33226) @Janpot
    • ​[core] Update bug template with generic instruction (#33153) @joserodolfofreitas
    • ​[core] Remove dead and redundant code (#33125) @oliviertassinari
    • ​[core] Improve inline code rendering within the details tag (#33086) @Harmouch101

    All contributors of this release in alphabetical order: @cherniavskii, @DanailH, @gin1314, @Harmouch101, @Janpot, @joserodolfofreitas, @kmurgic, @michaldudak, @mnajdova, @oliviertassinari, @ryancogswell, @samuelsycamore, @siriwatknp, @vicasas

    Source code(tar.gz)
    Source code(zip)
  • v5.8.4(Jun 14, 2022)

    Jun 14, 2022

    A big thanks to the 24 contributors who made this release possible. Here are some highlights ✨:

    • πŸš€ Added support for custom breakpoints in the Grid component by @boutahlilsoufiane
    • πŸ“š Added guide on how to use Material UI with Shadow DOM by @cherniavskii
    • many other πŸ› bug fixes and πŸ“š documentation improvements

    @mui/[email protected]

    • ​[Button] Add missing classes in ButtonClasses type (#33040) @ZeeshanTamboli
    • ​[Grid] Fix prop-type key regression (#33123) @oliviertassinari
    • ​[Grid] Support custom breakpoints (#31998) @boutahlilsoufiane
    • ​[Grow] Limit CSS transition bug workaround to Safari 15.4 only (#32996) @igordanchenko
    • ​[Hidden] Remove dependency on hoist-non-react-statics (#33015) @oliviertassinari
    • ​[Link] Add support for CSS variables (#33036) @winderica
    • ​[Popover] Export getOffsetTop & getOffsetLeft from Popover's index and add typings (#32959) @rart
    • ​[Slider] Fix SliderValueLabelProps type (#32895) @oliviertassinari
    • ​[Snackbar] Remove RTL direction specific logic (#32808) @aaarichter
    • ​[StepIcon] Fix text centering when changing browser font size (#32706) @alansouzati
    • ​[Tabs] Scroll by width of the first visible tab if only one tab is partially visible (#32778) @frankkluijtmans

    @mui/[email protected]

    • ​[Stack, system] Apply correct responsive styles if any custom breakpoints are provided (#32913) @ZeeshanTamboli
    • ​[system] Fix missing typings for ColorFormat (#32417) @l-zoy

    @mui/[email protected]

    • ​[codemod] Add support for @mui/styles/makeStyles imports (#32962) @joshkel

    @mui/[email protected]

    • ​[pickers] Fix broken ref forwarding (#33107) @oliviertassinari
    • ​[lab] Fix React's forwardRef warning when importing from the index (#33134) @mnajdova

    @mui/[email protected]

    • ​[MenuUnstyled] Accept callbacks in componentsProps (#32997) @michaldudak
    • ​[ModalUnstyled] Fix errors from the W3C validator about incorrect aria-hidden attribute on some elements (#30920) @mkrtchian
    • ​[ModalUnstyled] Fix behavior of not respecting props ariaHidden value (#32055) @tech-meppem

    @mui/[email protected]

    • ​[Joy] Miscellaneous card fixes (#33129) @siriwatknp
    • ​[Joy] Miscellaneous fixes (#33073) @siriwatknp
    • ​[Joy] Add typography and link docs (#33047) @siriwatknp

    Docs

    • ​[Contributing.md] Local install instructions (#32975) @Moizsohail
    • ​[docs] Add responsive AppBar with drawer (#32769) @dvlprAlamin
    • ​[docs] Move codesandbox to MUI org (#33122) @oliviertassinari
    • ​[docs] Add Shadow DOM guide (#33007) @cherniavskii
    • ​[docs] Fix typo in Material UI overview page (#33087) @oliviertassinari
    • ​[docs] Miscellaneous fixes in MUI Base docs (#33091) @ZeeshanTamboli
    • ​[docs] Fix GitHub capitalization (#33071) @oliviertassinari
    • ​[docs] Fix a typo in InputUnstyled docs (#33077) @ZeeshanTamboli
    • ​[docs] Add notification for Joy blog post (#33059) @siriwatknp
    • ​[docs] Improve aspect ratio docs and integration (#33065) @siriwatknp
    • ​[docs] Update code block copy label (#33128) @siriwatknp
    • ​[docs] Fix typo in Autocomplete CSS API (#32838) @KeaghanKennedy
    • ​[docs] Improvements for Radio Group Rating Docs (#32843) @Kai-W
    • ​[docs] Enable Joy pages (#33064) @siriwatknp
    • ​[website] Add Joy UI to the pricing page (#33099) @danilo-leal
    • ​[website] Clarify the pricing a bit (#33069) @oliviertassinari

    Core

    • ​yarn proptypes @oliviertassinari
    • ​[core] Update dependencies to fix security vulnerabilities (#33095) @michaldudak
    • ​[core] Import new line convention (#33068) @oliviertassinari
    • ​[core] Make repository configurable in changelog script (#33130) @Janpot

    All contributors of this release in alphabetical order: @aaarichter, @alansouzati, @boutahlilsoufiane, @cherniavskii, @danilo-leal, @dvlprAlamin, @frankkluijtmans, @igordanchenko, @Janpot, @joshkel, @Kai-W, @KeaghanKennedy, @l-zoy, @michaldudak, @mkrtchian, @mnajdova, @Moizsohail, @oliviertassinari, @pushys, @rart, @siriwatknp, @tech-meppem, @winderica, @ZeeshanTamboli

    Source code(tar.gz)
    Source code(zip)
  • v5.8.3(Jun 7, 2022)

    Jun 7, 2022

    A big thanks to the 15 contributors who made this release possible. This release is mostly about πŸ› bug fixes and πŸ“š documentation improvements.

    @mui/[email protected]

    • [Alert] Constrain message width and allow overflow (#32747) @Janpot
    • [Checkbox] Add support for CSS variables (#32579) @haneenmahd
    • [Slider] Fix positioning of tooltips on vertical slider (#32919) @abhinav-22-tech

    @mui/[email protected]

    • [system] Configurable attributes for libraries (#32971) @siriwatknp

    @mui/[email protected]

    • [codemod] Fix infinite loop in jss-to-tss-react and add TODO (#33048) @ryancogswell

    @mui/[email protected]

    • [pickers] Add deprecations when importing pickers from the lab (#32950) @flaviendelangle

    @mui/[email protected]

    • [Joy] Add Slider component and demos (#32694) @hbjORbj
    • [Joy] Add articles about customization approaches (#32887) @siriwatknp
    • [Joy] Add automatic adjustment page to core features (#32980) @siriwatknp
    • [Joy] Add docs about dark mode (#33002) @siriwatknp
    • [Joy] Add template UIs & first look blog post (#32791) @danilo-leal

    @mui/[email protected]

    • [base] Remove @mui/system in tests (#32945) @kevinji
    • [ButtonUnstyled] Accept callbacks in componentsProps (#32991) @michaldudak
    • [SwitchUnstyled] Accept callbacks in componentsProps (#32993) @michaldudak
    • [TablePaginationUnstyled] Define ownerState and slot props' types (#32905) @michaldudak
    • [TabPanelUnstyled] Define ownerState and slot props' types (#32928) @michaldudak
    • [TabsListUnstyled] Define ownerState and slot props' types (#32925) @michaldudak

    Docs

    • [blog] Fix anchor link scroll (#32994) @oliviertassinari
    • [docs] Add "Migration" section to sidebar and revise v4-v5 content (#32740) @samuelsycamore
    • [docs] Add What doesn't count as a breaking change? (#32850) @oliviertassinari
    • [docs] Fix 301 link @oliviertassinari
    • [docs] Fix icon color in BadgeUnstyled docs (#32976) @ZeeshanTamboli
    • [docs] Improve product identifier (#32707) @danilo-leal
    • [docs] Improve UX with back to top (#32896) @oliviertassinari
    • [docs] Polish overview page to Material UI (#32954) @oliviertassinari
    • [docs] Redirect older URLs (#33037) @oliviertassinari
    • [docs] Remove pickers page from the Lab section (#32961) @DanailH
    • [docs] Show product identifier on updated MUI X Introduction pages (#32966) @samuelsycamore
    • [docs] Throw on 301 links (#32939) @oliviertassinari
    • [website] Add Gerda to the about page (#33038) @danilo-leal
    • [website] Polish the pricing page (#32811) @oliviertassinari
    • [website] Remove unnecessary address dependency (#32957) @michaldudak

    Core

    • [core] Improve icon synonyms (#32742) @oliviertassinari
    • [core] Prepare Next.js config for React 18 (#32963) @michaldudak
    • [core] Remove dead logic (#32940) @oliviertassinari
    • [core] Update dependencies to fix security vulnerabilities (#32947) @michaldudak
    • Add security link to README for Tidelift @mbrookes

    All contributors of this release in alphabetical order: @abhinav-22-tech, @DanailH, @danilo-leal, @flaviendelangle, @haneenmahd, @hbjORbj, @Janpot, @kevinji, @mbrookes, @michaldudak, @oliviertassinari, @ryancogswell, @samuelsycamore, @siriwatknp, @ZeeshanTamboli

    Source code(tar.gz)
    Source code(zip)
  • v5.8.2(May 31, 2022)

    May 31, 2022

    A big thanks to the 8 contributors who made this release possible. This release is mostly about πŸ› bug fixes and πŸ“š documentation improvements.

    @mui/[email protected]

    • ​[system] Add getColorSchemeSelector util (#32868) @siriwatknp

    @mui/[email protected]

    • ​[Masonry] Place items to the left when there are less objects than specified in column prop (#32873) @hbjORbj

    @mui/[email protected]

    • ​[BadgeUnstyled] Define ownerState and slot props' types (#32750) @michaldudak
    • ​[SliderUnstyled] Define ownerState and slot props' types (#32739) @michaldudak
    • ​[SwitchUnstyled] Define ownerState and slot props' types (#32573) @michaldudak
    • ​[TabsUnstyled] Define ownerState and slot props' types (#32918) @michaldudak
    • ​[TabUnstyled] Define ownerState and slot props' types (#32915) @michaldudak

    @mui/jo[email protected]

    • ​[Joy] use textColor prop for Typography and Link (#32938) @siriwatknp
    • ​[Joy] Make variants for more flexible (#32931) @siriwatknp
    • ​[Joy] Improve automatic adjustment (#32923) @siriwatknp
    • ​[Joy] Add Chip doc (#32819) @hbjORbj
    • ​[Joy] Add AspectRatio demos (#32848) @siriwatknp
    • ​[Joy] Fix wrong urls (#32883) @siriwatknp

    Docs

    • ​[docs] Iterate on the job ad for React engineer in Core (#32900) @mnajdova
    • ​[blog] Fix avatar image resolution (#32890) @oliviertassinari
    • ​[docs] Link the first page of the product (#32943) @oliviertassinari
    • ​[docs] Batch small changes (#32170) @michaldudak
    • ​[docs] Allow function prop to return undefined (#32766) @m4theushw
    • ​[docs] Fix wrong link to Material Icons (#32847) @oliviertassinari
    • ​[docs] Fix ClassNameGenerator content (#32800) @siriwatknp
    • ​[docs] Fix navigation links (#32851) @oliviertassinari
    • ​[docs] Document the size prop for InputLabel (#32936) @romelperez
    • ​[docs] Add note about transparent background on the outlined Alert variant (#32810) @aaarichter
    • ​[website] Update the careers's page with the new roles (#32535) @oliviertassinari

    Core

    • ​[core] Improve the incomplete issues workflow (#32878) @mnajdova
    • ​[core] Add CI check that the PR has label (#32886) @mnajdova
    • ​[core] Avoid leaking @babel/runtime (#32874) @oliviertassinari

    All contributors of this release in alphabetical order: @aaarichter, @hbjORbj, @m4theushw, @michaldudak, @mnajdova, @oliviertassinari, @romelperez, @siriwatknp

    Source code(tar.gz)
    Source code(zip)
  • v5.8.1(May 23, 2022)

    May 23, 2022

    A big thanks to the 21 contributors who made this release possible. Here are some highlights ✨:

    • πŸ’… Added CSS variables support for two more Material UI components by @diggis00 and @alisasanib
    • And more πŸ› bug fixes and πŸ“š documentation improvements.

    @mui/[email protected]

    • ​[Alert] Fix missing ownerState on the action slot (#32801) @mnajdova
    • ​[Fab] Make the color prop type extendable (#31830) @paales
    • ​[ListItemButton] Render as link if href specified (#32403) @o-dubrovskyi
    • ​[Paper] Add support for CSS variables (#32570) @diggis00
    • ​[Radio] Add support for CSS variables (#32599) @alisasanib
    • ​[Slider] Prevent rendering for marks that are out of the min & max bounds (#32436) @abriginets
    • ​[Slider] Slider having marks should be customizable in theme (#32816) @ZeeshanTamboli
    • ​[TouchRipple] Allows call imperative methods without event (#31955) @alexfauquette

    @mui/[email protected]

    • ​[system] Simplify stylesheet injection logic (#32869) @siriwatknp
    • ​[system] Fix color scheme specificity (#32628) @siriwatknp
    • ​[system] Fix borderRadius errors when used inside CssVarsProvider (#32817) @mnajdova
    • ​[system] Fix toolbar media query mixin getting merged in wrong order (#32713) @ZeeshanTamboli

    @mui/[email protected]

    • ​[lab] Add missing peerDependencies (#32623) @nate-summercook
    • ​[pickers] Update @mui/x-date-pickers to be usable with React 18 (#32828) @flaviendelangle

    @mui/[email protected]

    • ​[SliderUnstyled] Fix disabledSwap not being respected in onChangeCommitted (#32647) @JeanPetrov

    @mui/[email protected]

    • ​[Joy] Show Joy pages on master (#32866) @siriwatknp
    • ​[Joy] Add an overview page (#32836) @danilo-leal
    • ​[Joy] Add doc for the card components (#32825) @siriwatknp
    • ​[Joy] Miscellaneous fixes (#32815) @siriwatknp

    Docs

    • ​[docs] Simplify header DOM structure (#32844) @oliviertassinari
    • ​[docs] Fix CodeSandbox & StackBlitz generation (#32726) @siriwatknp
    • ​[docs] Fix urls to columns pages in pricing table (#32842) @alexfauquette
    • ​[docs] Fix Tailwind CSS integration docs (#32512) @robertwt7
    • ​[docs] Fixed wrong command for the link-underline-hover codemod (#32793) @veronikaslc
    • ​[docs] Fixed broken link on the icons page (#32780) @SamuelMaddox
    • ​[docs] Add "back to top" button (#30441) @VibhorJaiswal
    • ​[docs] Fix typo in notifications @mbrookes
    • ​[docs] New WAI-ARIA guidelines location (#32865) @oliviertassinari
    • ​[docs] Mention the ESLint plugin for detecting unused classes in tss-react (#32666) @garronej
    • ​[docs] Update useAutocomplete demos to use Mui-focused class (#32757) @ZeeshanTamboli
    • ​[examples] Fix NextLinkComposedProps gives a TypeScript error (#32655) @ZeeshanTamboli
    • ​[website] Add Pedro to About Us page (#32803) @apedroferreira

    Core

    • ​[core] Upgrade MUI X dependency (#32824) @oliviertassinari
    • ​[typescript] Allow module augmentation for Mixins (#32798) @mnajdova

    All contributors of this release in alphabetical order: @abriginets, @alexfauquette, @alisasanib, @apedroferreira, @danilo-leal, @diggis00, @flaviendelangle, @garronej, @JeanPetrov, @mbrookes, @mnajdova, @nate-summercook, @o-dubrovskyi, @oliviertassinari, @paales, @robertwt7, @SamuelMaddox, @siriwatknp, @veronikaslc, @VibhorJaiswal, @ZeeshanTamboli

    Source code(tar.gz)
    Source code(zip)
  • v5.8.0(May 17, 2022)

    May 17, 2022

    A big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:

    • πŸš€ Blog post for announcing the release of the Premium plan of MUI X is out thanks to @joserodolfofreitas.
    • Codemod for jss to tss-react migration is out thanks to @ryancogswell
    • And more πŸ› bug fixes and πŸ“š documentation improvements.

    @mui/[email protected]

    • ​[Autocomplete] Fix getInputProps TypeScript return type (#32730) @ZeeshanTamboli
    • ​[Autocomplete] Forward props to renderTags() (#32637) @emlai
    • ​[Badge] Fix TypeScript error when adding style overrides for Badge (#32745) @ZeeshanTamboli
    • ​[Menu] Fix context menu open position (#32661) @oliviertassinari

    @mui/[email protected]

    • ​[system] Add Container component and createContainer factory (#32263) @mnajdova

    @mui/[email protected]

    • ​[InputUnstyled] Support callbacks in componentsProps (#32271) @michaldudak
    • ​[InputUnstyled] Define ownerState and slot props' types (#32491) @michaldudak
    • ​[MenuUnstyled] Demos improvements (#32714) @michaldudak
    • ​[OptionUnstyled] Define ownerState and slot props' types (#32717) @michaldudak

    @mui/[email protected]

    • ​[Joy] Add Badge doc (#32790) @siriwatknp
    • ​[Joy] Add global variant feature page (#32695) @siriwatknp
    • ​[Joy] Add avatar page (#32711) @siriwatknp

    @mui/[email protected]

    • ​[codemod] Add jss to tss-react codemod (#31802) @ryancogswell

    Docs

    • ​[blog] Add release post for MUI X Premium (#32720) @joserodolfofreitas
    • ​[docs] Fix wrong code snippet for overriding styles in theme with a callback value (#32781) @ZeeshanTamboli
    • ​[docs] Update Crowdin logo (#32782) @andrii-bodnar
    • ​[docs] Improve callouts design (#32709) @danilo-leal
    • ​[docs] Revise the "Understanding MUI packages" article (#32382) @danilo-leal
    • ​[docs] Fix link to the material icons (#32771) @oliviertassinari
    • ​[docs] Add notification for Premium release blog post (#32728) @joserodolfofreitas
    • ​[docs] Base Portal style revisions and final review (#32157) @samuelsycamore
    • ​[docs] Add joy to docs package.json (#32744) @siriwatknp
    • ​[docs] Fix TOC-related styles not being applied when disableAd=true (#32733) @cherniavskii
    • ​[docs] Add TypeScript guide on the polymorphic components (#32168) @mnajdova
    • ​[docs] Fix warning mode pass to React.Fragment (#32729) @siriwatknp
    • ​[docs] Revise Showcase copy for clarity + audit appList (#31946) @samuelsycamore
    • ​[examples] Update remix example's tsconfig with required values (#32723) @michaldudak
    • ​[examples] Update to use React 18's createRoot (#32506) @mnajdova
    • ​[l10n] Fix typos and translations on arSD and arEG locales (#31848) @shadigaafar
    • ​[website] Improve communication about MUI X components that are still wip (#32708) @danilo-leal
    • ​[website] Remove scrollbar on x-axis (#32291) @MrHBS
    • ​[website] Update the pricing page for the MUI X premium plan release (#32458) @joserodolfofreitas
    • ​[website] Update sponsors (#32725) @oliviertassinari

    Core

    • ​[core] Enabled Renovate's lockfile maintenance (#32635) @michaldudak
    • ​[core] Extract MuiPage interface to separate file (#32715) @cherniavskii
    • ​[core] Remove unnecessary spacing parameter from createMixins method (#32690) @ZeeshanTamboli
    • ​[private-classnames] Remove package and move everything to utils (#32758) @mnajdova

    All contributors of this release in alphabetical order: @andrii-bodnar, @cherniavskii, @danilo-leal, @emlai, @joserodolfofreitas, @michaldudak, @mnajdova, @MrHBS, @oliviertassinari, @ryancogswell, @samuelsycamore, @shadigaafar, @siriwatknp, @ZeeshanTamboli

    Source code(tar.gz)
    Source code(zip)
  • v5.7.0(May 10, 2022)

    May 10, 2022

    A big thanks to the 27 contributors who made this release possible. Here are some highlights ✨:

    πŸ›  This release is all about supporting CSS variables in many Material UI components. Kudos to all contributors!

    @mui/[email protected]

    • [StepLabel, StepIcon] Add support for CSS variables (#32609) @vicasas
    • [Table, TableRow] Add support for CSS variables (#32614) @vicasas
    • [AppBar] Add a logo component for the responsive app bar demo (#32374) @ameetmadan
    • [Autocomplete] Fix clearing single array values (#32626) @mikepricedev
    • [Autocomplete] Fix keep listbox open on left/right keys when inputValue is not empty (#31407) @alisasanib
    • [Autocomplete] Add support for CSS variables (#32598) @ZeeshanTamboli
    • [Autocomplete] Render endAdornment only when necessary (#32386) @g1eny0ung
    • [ButtonGroup] Add support for CSS variables (#32498) @vicasas
    • [CardActionArea] Add support for CSS variables (#32554) @vicasas
    • [ClickAwayListener] Allow pointer up/down events to event handler (#32264) @vladjerca
    • [CssBaseline] Add support for CSS vars (#32618) @haneenmahd
    • [Dialog] Add support for CSS variables (#32555) @vicasas
    • [Divider] Add support for CSS variables (#32519) @vicasas
    • [Drawer] Add support for CSS variables (#32565) @nghiamvt
    • [Fab] Add support for CSS variables (#32564) @alisasanib
    • [FormControlLabel] Add support for CSS variables (#32588) @elliefoote
    • [FormHelperText] Add support for CSS variables (#32596) @ZeeshanTamboli
    • [FormLabel] Add support for CSS variables (#32602) @ZeeshanTamboli
    • [Icon] Add support for CSS variables (#32595) @Jamaalwbrown
    • [IconButton] Add support for CSS variables (#32590) @Ariyapong
    • [ImageListItemBar] Add support for CSS variables (#32578) @vicasas
    • [Input] Support CSS variables (#32128) @ivan-ngchakming
    • [InputAdornment] Add support CSS variables (#32607) @vicasas
    • [Link] Fix style overrides color prop (#32653) @siriwatknp
    • [ListItem] Add support for CSS variables (#32580) @dan-mba
    • [ListItemButton] Add support for CSS variables (#32582) @dan-mba
    • [ListItemIcon] Add support for CSS variables (#32583) @dan-mba
    • [ListSubheader] Add support for CSS variables (#32584) @dan-mba
    • [MenuItem] Add support for CSS variables (#32561) @nghiamvt
    • [MobileStepper] Add support for CSS vars (#32606) @haneenmahd
    • [Modal] Add support for CSS variables (#32605) @haneenmahd
    • [PaginationItem] Add support for CSS vars (#32612) @haneenmahd
    • [Rating] Add support for CSS variables (#32556) @vicasas
    • [Snackbar] Add support for CSS variables (#32603) @gin1314
    • [SpeedDial] Add support for CSS variables (#32613) @alisasanib
    • [Stepper] Export useStepperContext (#31398) @pzi
    • [SvgIcon] Add support for CSS variables (#32610) @vicasas
    • [TablePagination] Add support for CSS variables (#32615) @haneenmahd
    • [TableSortLabel]: Add support for CSS vars (#32616) @haneenmahd
    • [Tabs] Add support for CSS variables (#32547) @ZeeshanTamboli
    • [ToggleButton] Add support for CSS variables (#32600) @Ariyapong
    • [ToggleButtonGroup] Add support for CSS variables (#32617) @haneenmahd
    • [Tooltip] Add support for CSS variables (#32594) @gin1314

    @mui/[email protected]

    • [System] Support CSS variables for iframes & custom nodes (#32496) @siriwatknp

    @mui/[email protected]

    • [ButtonUnstyled] Fix keyboard navigation on customized elements (#32204) @michaldudak

    @mui/[email protected]

    • [classnames] Add new package for classnames utils (#32502) @mnajdova

    Docs

    • [docs] Correct links to prevent 301 redirects (#32692) @michaldudak
    • [docs] Move, split, and revise "Unstyled components" page (#32562) @samuelsycamore
    • [docs] Nest ListItemButton in ListItem in the Drawer examples (#31987) @stefanprobst
    • [docs] Apply callouts in the Material UI docs (#32567) @danilo-leal
    • [docs] Show product identifier on new X pages (#32657) @cherniavskii
    • [docs] Fix copy button childNode not found (#32652) @siriwatknp
    • [docs] Split install commands in isolated code blocks (#32566) @danilo-leal
    • [docs] Base Switch style revisions and final review (#32376) @samuelsycamore
    • [docs] Adds Badge link to Base doc nav (#32619) @samuelsycamore
    • [docs] Base Installation style revisions and final review (#32483) @samuelsycamore
    • [docs] Fix broken redirection (#32581) @oliviertassinari
    • [docs] Allows to use import '<library name>' in demonstrations (#32492) @alexfauquette
    • [docs] Hide copy button on search icon dialog (#32577) @siriwatknp
    • [docs] Use full API link for ThemeProvider (#32549) @jcvidiri
    • [Joy] Add principles page (#32648) @siriwatknp
    • [Joy] Add Button page (#32576) @siriwatknp
    • [Joy] Add "Quick start" and "Tutorial" pages (#32383) @siriwatknp
    • [website] Add store to the footer and "hiring" chip adjustment (#32650) @danilo-leal
    • [website] Optimize conversion to store (#32646) @oliviertassinari
    • [website] Remove copy button on marketing pages (#32649) @siriwatknp
    • [website] Add missing space in copy label (#32638) @flaviendelangle

    Core

    • [core] Security updates (#32636) @michaldudak
    • [core] Fix docs:dev not working after upgrading next to 12.1.0 (#32552) @cherniavskii
    • [core] Update minimist to fix security vulnerability (#32575) @michaldudak

    All contributors of this release in alphabetical order: @alexfauquette, @alisasanib, @ameetmadan, @Ariyapong, @cherniavskii, @dan-mba, @danilo-leal, @elliefoote, @flaviendelangle, @g1eny0ung, @gin1314, @haneenmahd, @ivan-ngchakming, @Jamaalwbrown, @jcvidiri, @michaldudak, @mikepricedev, @mnajdova, @nghiamvt, @oliviertassinari, @pzi, @samuelsycamore, @siriwatknp, @stefanprobst, @vicasas, @vladjerca, @ZeeshanTamboli

    Source code(tar.gz)
    Source code(zip)
  • v5.6.4(May 2, 2022)

    A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:

    • πŸ’… 5 Material UI components were updated to support CSS variables by @ZeeshanTamboli & @vicasas
    • And more πŸ› bug fixes and πŸ“š improvements.

    @mui/[email protected]

    • ​[Accordion] Add support for CSS variables (#32542) @ZeeshanTamboli
    • ​[AvatarGroup] Add support for CSS variables (#32507) @vicasas
    • ​[Badge] Add support for CSS variables (#32516) @vicasas
    • ​[BottomNavigation] Add support for CSS variables (#32517) @vicasas
    • ​[CircularProgress] Add support for CSS variables (#32543) @ZeeshanTamboli
    • ​[FilledInput] Fix type error from undefined color (#32258) @hbjORbj
    • ​[l10n] Fix typo in csCZ translation of Pagination component (#32509) @Martin005
    • ​[Tabs] Fix TabIndicatorProps prop missing sx prop (#32503) @b-novikov-ipersonality

    @mui/[email protected]

    • ​[codemod] Leave numeric arguments to breakpoints functions unchanged (#32426) @ryancogswell
    • ​[codemod] Allow for line breaks within theme.spacing parentheses (#32432) @ryancogswell

    @mui/[email protected]

    • ​[Joy] Miscellaneous fixes (#32541) @siriwatknp
    • ​[Joy] Add extendSxProp to Link (#32505) @siriwatknp
    • ​[Joy] Rename variants (#32489) @siriwatknp
    • ​[Joy] Add extendTheme (#32450) @siriwatknp

    Docs

    • ​[docs] SEO fixes (#32515) @oliviertassinari
    • ​[docs] Replace Overriding nested component styles anchor link with text (#32487) @ZeeshanTamboli
    • ​[docs] Update the list of external domains (#32514) @oliviertassinari
    • ​[docs] Update Material UI code snippets for React 18 (#32361) @samuelsycamore
    • ​[docs] Base TextareaAutosize style revisions and final review (#32481) @samuelsycamore
    • ​[docs] Base ClickAwayListener style revisions and final review (#32156) @samuelsycamore
    • ​[docs] Base Button style revisions and final review (#32380) @samuelsycamore
    • ​[docs] Base NoSsr style revisions and final review (#32254) @samuelsycamore
    • ​[docs] Correctly capitalize Ctrl @oliviertassinari
    • ​[docs] Fix styling in Basic Popper demo on the MUI Base docs (#32488) @ZeeshanTamboli
    • ​[docs] Add "Overview" page to Base docs (#32310) @samuelsycamore
    • ​[docs] Add copy button to code block (#32390) @siriwatknp
    • ​[docs] Base Tabs style revisions and final review (#32423) @samuelsycamore
    • ​[docs] Base Popper style revisions and final review (#32412) @samuelsycamore
    • ​[docs] Improve sidenav for MUI X (#32435) @oliviertassinari
    • ​[docs] Don't redirect on deploy preview (#32399) @m4theushw
    • ​[docs] A few SEO fixes (#32431) @oliviertassinari
    • ​[docs] Update links to the new Group & Pivot pages (#32410) @flaviendelangle
    • ​[docs] Support callouts (#32402) @siriwatknp
    • ​[docs] Fix import path in the Snackbar article #32462 @mongolyy
    • ​[docs] Fix grammar mistake in shadows.md (#32454) @HexM7
    • ​[docs] Improve unstyled button docs (#32429) @oliviertassinari

    Core

    • ​[experiment] Add template for testing Material UI components with CSS variables (#32500) @siriwatknp

    All contributors of this release in alphabetical order: @b-novikov-ipersonality, @flaviendelangle, @hbjORbj, @HexM7, @m4theushw, @Martin005, @mongolyy, @oliviertassinari, @ryancogswell, @samuelsycamore, @siriwatknp, @vicasas, @ZeeshanTamboli

    Source code(tar.gz)
    Source code(zip)
  • v5.6.3(Apr 25, 2022)

    Apr 25, 2022

    A big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:

    • πŸ›  Fixed TypeScript issue when the fill CSS property is used in the system (#32355) @valerii15298
    • And more πŸ› bug fixes and πŸ“š improvements.

    @mui/[email protected]

    • [BottomNavigation] Action icon padding fix (#32030) @abhinav-22-tech
    • [Dialog] Fix component prop is not available in DialogTitleProps (#32389) @hbjORbj
    • [StepContent] Fix TypeScript type of TransitionComponent prop (#32314) @ZeeshanTamboli

    @mui/[email protected]

    • [system] Fix prop types when the fill CSS property is used (#32355) @valerii15298
    • [system] Fix broken behavior when theme value is zero (#32365) @ZeeshanTamboli

    @mui/[email protected]

    • [InputUnstyled] multiline property should not log DOM warnings for maxRows and minRows props (#32401) @ZeeshanTamboli

    @mui/[email protected]

    • [Joy] Improve theme focus to be more flexible (#32405) @siriwatknp
    • [Joy] Add Radio, RadioGroup components (#32279) @siriwatknp
    • [Joy] Add Chip component (#31983) @hbjORbj
    • [Joy] Improve controls (#32267) @siriwatknp
    • [Joy] Set up docs (#32370) @siriwatknp

    Docs

    • [docs] Enable row reordering on the pricing page (#31875) @DanailH
    • [blog] A few improvements on date picker change (#32325) @oliviertassinari
    • [docs] Emphasize how to avoid failing tests when migrating from v4 to v5 (#32159) @dwjohnston
    • [docs] Revise the related projects page (#32180) @danilo-leal
    • [docs] Cleanup remaining @mui/styles usages (#32313) @mnajdova
    • [docs] Fix sidenav mobile color (#32324) @oliviertassinari
    • [docs] Base TrapFocus style revisions and final review (#32364) @samuelsycamore
    • [docs] Update the README.md to better cover the different products (#32360) @samuelsycamore
    • [docs] Improve the propTypes generation and API demos' links (#32295) @mnajdova
    • [docs] Add ability to display a plan icon next to a page link in nav bar (#32393) @flaviendelangle
    • [docs] Change label on FormControlLabelPlacement (#32322) @ainatenhi
    • [website] Update Diamond sponsors list (#32433) @oliviertassinari
    • [website] Add privacy policy link to website's footer (#32080) @danilo-leal
    • [website] Remove the designer role (#32384) @danilo-leal

    Core

    • [core] yarn prettier write @oliviertassinari
    • [core] Fix changelog warning message (#32240) @praveen001
    • [core] Update the proptypes scripts to support components in @mui/system (#32456) @mnajdova

    All contributors of this release in alphabetical order: @abhinav-22-tech, @ainatenhi, @DanailH, @danilo-leal, @dwjohnston, @flaviendelangle, @hbjORbj, @mnajdova, @oliviertassinari, @praveen001, @samuelsycamore, @siriwatknp, @valerii15298, @ZeeshanTamboli

    Source code(tar.gz)
    Source code(zip)
  • v5.6.2(Apr 18, 2022)

    Apr 18, 2022

    A big thanks to the 11 contributors who made this release possible. This release is mostly about πŸ› bug fixes and πŸ“š documentation improvements.

    @mui/[email protected]

    • ​[Autocomplete] Explain how to use getOptionLabel in free solo mode and update getOptionLabel type (#32165) @michaldudak
    • ​[Badge] Fix customization of classes (#32185) @michaldudak
    • ​[TextField] Add a workaround for Safari CSS transition scale bug (#32188) @igordanchenko

    @mui/[email protected]

    • ​[system] Update style function to use vars automatically if available (#32244) @mnajdova

    @mui/[email protected]

    • ​[FormControlUnstyled] Revise API (#32134) @michaldudak

    @mui/[email protected]

    • ​[Joy] Add Badge component (#31401) @hbjORbj
    • ​[Joy] Fix misuse variable in Input (#32268) @siriwatknp

    Docs

    • ​[blog] Fix images for the docs separation post (#32257) @danilo-leal
    • ​[docs] Base Form Control style revisions and final review (#32309) @samuelsycamore
    • ​[docs] Base TablePagination style revisions and final review (#32178) @samuelsycamore
    • ​[docs] Revise the dark mode article (#32179) @danilo-leal
    • ​[docs] Add aria-label for IconButton (#32276) @SiarheiBobryk
    • ​[docs] Fix borderRadius in the docs example (#32347) @ZeeshanTamboli
    • ​[docs] Fix 404 link in the code (#32323) @oliviertassinari
    • ​[docs] Sync h1 with side nav label (#32235) @oliviertassinari
    • ​[docs] Fix SEO issues (#32282) @oliviertassinari
    • ​[docs] Fix broken link in the test contributing guide (#32283) @sirartemis
    • ​[docs] Update "How to customize" page anchor links #32315 @abaker93
    • ​[docs] Mark onBackdropClick prop as deprecated in Dialog, Modal and ModalUnstyled components (#32297) @ZeeshanTamboli
    • ​[docs] Link to advanced components page (#32290) @siriwatknp
    • ​[docs] Sync package description with the docs (#32211) @oliviertassinari
    • ​[docs] Revise "Component theming" and "How to customize" guides (#31997) @danilo-leal
    • ​[docs] Add note in the Contributing guide about linking issues to a PR (#32174) @danilo-leal
    • ​[docs] Update RTL guide (#32242) @michaldudak
    • ​[docs] Uniformize capitalization (#32238) @oliviertassinari
    • ​[website] Improve new role template @oliviertassinari
    • ​[website] Remove a gold sponsor (#32261) @hbjORbj
    • ​[website] Mark DataGrid Column spanning done on Pricing page (#32305) @cherniavskii

    Core

    • ​[core] Remove unecessary div (#32237) @oliviertassinari
    • ​[core] Revert #32229 (#32262) @michaldudak
    • ​[test] Fix running unit tests on Windows (#32260) @michaldudak

    All contributors of this release in alphabetical order: @abaker93, @cherniavskii, @danilo-leal, @hbjORbj, @igordanchenko, @michaldudak, @mnajdova, @oliviertassinari, @samuelsycamore, @SiarheiBobryk, @sirartemis, @siriwatknp, @ZeeshanTamboli

    Source code(tar.gz)
    Source code(zip)
  • v5.6.1(Apr 11, 2022)

    Apr 11, 2022

    A big thanks to the 8 contributors who made this release possible.
    This release is mostly about πŸ› bug fixes and πŸ“š documentation improvements.

    @mui/[email protected]

    • [Grow] Extend Safari CSS transition bug workaround on WebKit browsers (#32202) @igordanchenko
    • [Link] Fix style overrides 5.6.0 regression (#32182) @siriwatknp
    • [Select] Bug when the first child is a ListSubheader (#27299) @DouglasPds

    @mui/[email protected]

    • [ButtonUnstyled] Allow receiving focus when disabled (#32090) @michaldudak

    Docs

    • [blog] Share what's changed about the new docs structure (#32044) @danilo-leal
    • [docs] Format number icons search (#32239) @oliviertassinari
    • [docs] Fix small external links issue (#32212) @oliviertassinari
    • [docs] Make sidenav crawlable (#32241) @oliviertassinari
    • [docs] Base Badge style revisions and final review (#32098) @samuelsycamore
    • [docs] Fix wrong url (#32208) @siriwatknp
    • [docs] Fix date-pickers redirects (#32207) @siriwatknp
    • [docs] Add notification for the doc restructure and date pickers update (#32195) @siriwatknp
    • [docs] Fix 404 from ahrefs report (#32206) @siriwatknp
    • [docs] Remove notifications temporary (#32192) @siriwatknp
    • [docs] Redirect to new urls (#32048) @siriwatknp
    • [docs] Update Learn page copy and resource list (#31989) @samuelsycamore
    • [website] Fix wrong MUI X installation instruction link @oliviertassinari
    • [website] Revise homepage copy below the hero section (#31283) @samuelsycamore
    • [website] Revise homepage Hero copy for more clarity (#31212) @samuelsycamore
    • [website] Give up on promoting roles in our docs @oliviertassinari

    Core

    • [core] Fix misleading types range (#32236) @oliviertassinari
    • [core] Small polish on the product name (#32199) @oliviertassinari

    All contributors of this release in alphabetical order: @danilo-leal, @DouglasPds, @igordanchenko, @l10nbot, @michaldudak, @oliviertassinari, @samuelsycamore, @siriwatknp

    Source code(tar.gz)
    Source code(zip)
  • v5.6.0(Apr 6, 2022)

    A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:

    • 🧰 Update peer dependencies to support React 18 (#32063) @eps1lon
    • πŸš€ Added the experimental CssVarsProvider in @mui/material for generating theme CSS variables (#31138) @mnajdova
    • πŸ“£ Moved date and time pickers from the lab to MUI X (#31984) @flaviendelangle
    • Several πŸ› bug fixes and πŸ“š documentation improvements

    @mui/[email protected]

    • ​[CssVarsProvider] Add experimental CssVarsProvider in @mui/material (#31138) @mnajdova
    • ​[Link] Fix sx color to support callback (#32123) @siriwatknp
    • ​[Link] Fix color transformation (#32045) @siriwatknp
    • ​[ListItemButton] Specified width so that text would ellide (#32083) @MatthijsMud
    • ​[TablePagination] Fixed the etEE locale (#32052) @raigoinabox

    @mui/[email protected]

    • ​[Badge] Simplify unstyled API (#31974) @michaldudak

    @mui/[email protected]

    • ​[codemod] Add v5.0.0/date-pickers-moved-to-x codemod (#31373) @flaviendelangle

    @mui/[email protected]

    • ​[DatePicker] Remove date and time pickers from the lab (#31984) @flaviendelangle

    @mui/[email protected]

    • ​[Joy] Add Card components (#32027) @siriwatknp

    Docs

    • ​[blog] New article for the date pickers migration to X (#31831) @flaviendelangle
    • ​[docs] Base Menu style revisions and final review (#32097) @samuelsycamore
    • ​[docs] Base Select style revisions and final review (#32095) @samuelsycamore
    • ​[docs] Base Input style revisions and final review (#32096) @samuelsycamore
    • ​[docs] Base Slider style revisions and final review (#32140) @samuelsycamore
    • ​[docs] Base Modal style revisions and final review (#32093) @samuelsycamore
    • ​[docs] Add page for CSS variables support in @mui/material (#32050) @mnajdova
    • ​[docs] Add TSS support for theme style overrides (#31918) @garronej
    • ​[docs] Simplify customization examples in ButtonUnstyled demos (#32092) @michaldudak
    • ​[docs] Fix linking issues for the redirects (#32101) @siriwatknp
    • ​[docs] Create the FormControl page (#32073) @michaldudak
    • ​[docs] Remove trap-focus from the navigation (#32079) @psjishnu
    • ​[docs] Add date-pickers product identifier (#32076) @siriwatknp
    • ​[docs] Move SwitchUnstyled docs to the Base space (#31964) @michaldudak
    • ​[docs] Add docs page for unstyled popper (#31813) @siriwatknp
    • ​[docs] Copy TextareaAutosize docs to Base (#32034) @michaldudak
    • ​[docs] Add react-hook-form-mui to Complementary projects #32015 @TkaczykAdam
    • ​[docs] Improve the translation experience (#32021) @oliviertassinari
    • ​[docs] Add small size Select demo (#32060) @ivan-ngchakming
    • ​[docs] Correct typos (#32029) @apeltop
    • ​[docs] Create SliderUnstyled docs (#31850) @michaldudak
    • ​[docs] Create TablePaginationUnstyled docs (#32018) @michaldudak
    • ​[docs] Move SelectUnstyled docs to the Base space (#31816) @michaldudak
    • ​[docs] Create the TabsUnstyled docs (#32023) @michaldudak
    • ​[website] The studio finally has a name, use it (#32105) @oliviertassinari
    • ​[website] Disable job ad @oliviertassinari

    Core

    • ​[core] Update peer deps to support React 18 (#32063) @eps1lon
    • ​[core] Fix running docs:api on Windows (#32091) @michaldudak
    • ​[core] Fix api build script for MUI Base (#32081) @siriwatknp

    All contributors of this release in alphabetical order: @apeltop, @eps1lon, @flaviendelangle, @garronej, @ivan-ngchakming, @m4theushw, @MatthijsMud, @michaldudak, @mnajdova, @oliviertassinari, @psjishnu, @raigoinabox, @samuelsycamore, @siriwatknp, @TkaczykAdam

    Source code(tar.gz)
    Source code(zip)
  • v4.12.4(Apr 3, 2022)

    Big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:

    This release was motivated by fixing compatibility issues with TypeScript 4.7 (#32041).

    @material-ui/[email protected]

    • [core] Fix TS 4.7 compat issues (#32041, #32126) @eps1lon
    • [TextField] Use deprecatedPropType on the deprecated props (#27503) @mnajdova

    Docs

    • update all the links to the new domain @oliviertassinari
    • Update canonicals to point to the new domain @oliviertassinari
    • [Badge] Warn on default `overlap` value as well (#27573) @eps1lon
    • [docs] Fix seo issues on v4 (#28999) @mnajdova
    • [docs] Use branch deploy for v4 docs (#28896) @oliviertassinari
    • [docs] Improve the banner that points to v5 @oliviertassinari
    • [docs] Fix various broken master links (#28358) @eps1lon
    • [docs] Remove job ad on the website (#28343) @eps1lon
    • [docs] Prepare for v4.material-ui.com deploy (#28227) @mnajdova
    • [docs] Cancelled subscription @oliviertassinari
    • [docs] v5 is no longer a beta @oliviertassinari
    • [docs] Sync redirections from X into Core @oliviertassinari
    • [docs] Add GridExportCSVOptions page to documentation pages (#27414) @flaviendelangle
    • [docs] Add job ad (#27784) @oliviertassinari
    • [docs] Fix api generation for `deprecatedPropType` (#27576) @mnajdova
    • [v4] Batch fixes (#28684) @mnajdova
    • [website] Experiment without compensation @oliviertassinari
    • [website] Add spicefactory as gold sponsor @oliviertassinari

    Core

    • [core] Consider v4.x as the base (#28344) @eps1lon

    All contributors of this release in alphabetical order: @eps1lon, @flaviendelangle, @mbrookes, @mnajdova, @oliviertassinari, @spiftire

    Source code(tar.gz)
    Source code(zip)
  • v5.5.3(Mar 28, 2022)

    Mar 28, 2022

    A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:

    • ♿️ improved the a11y on some docs demos
    • Several πŸ› bug fixes and πŸ“š documentation improvements

    @mui/[email protected]

    • ​[ButtonBase] Start ripple only after mount (#31950) @m4theushw
    • ​[FormControlLabel] Fix label prop type to be in-line with other label prop types (#31139) @jannes-io
    • ​[Grow] Add a workaround for Safari 15.4 CSS transition bug (#31975) @igordanchenko

    @mui/[email protected]

    • ​[codemod] Fix variant prop placement (#31990) @ryancogswell

    @mui/[email protected]

    • ​[utils] Improve type inference of useForkRef (#31845) @eps1lon

    @mui/[email protected]

    Breaking changes

    • ​[base] Remove BackdropUnstyled component (#31923) @mnajdova

      The BackdropUnstyled component was removed from the @mui/base package, as it did not have any specific logic, except adding an aria-hidden attribute on the div it rendered. This is not enough to justify it's existence in the base package. Here is an example alternative component you can use:

      const BackdropUnstyled = React.forwardRef<HTMLDivElement, { open?: boolean; className: string }>(
        (props, ref) => {
          const { open, className, ...other } = props;
          return <div className={clsx({ 'MuiBackdrop-open': open }, className)} ref={ref} {...other} />;
        },
      );
      
    • ​[TrapFocus] Move docs to Base and drop the Unstyled prefix (#31954) @michaldudak

      Removed the Unstyled_ prefix from the Base export (it remains in the Material UI export, though).

      -import { Unstyled_TrapFocus } from '@mui/base';
      +import { TrapFocus } from '@mui/base';
      
      // or
      
      -import TrapFocus from '@mui/base/Unstyled_TrapFocus';
      +import TrapFocus from '@mui/base/TrapFocus';
      

    Changes

    • ​[base] Add @mui/types to dependencies (#31951) @bicstone

    @mui/[email protected]

    • ​[Joy] Add AvatarGroup component (#31980) @siriwatknp
    • ​[Joy] Miscellaneous fixes (#31873) @siriwatknp
    • ​[Joy] Miscellaneous fixes 2 (#31971) @siriwatknp

    Docs

    • ​[docs] Improve the a11y on the hover rating demo (#31970) @mnajdova
    • ​[docs] Improve a11y on the SplitButton demo (#31969) @mnajdova
    • ​[docs] Improve the color description in the API pages (#30976) @mnajdova
    • ​[docs] Add docs page for unstyled Modal (#31417) @mnajdova
    • ​[docs] Add InputUnstyled docs (#31881) @mnajdova
    • ​[docs] Remove "Work in biotech" from the showcase (#31942) @oliviertassinari
    • ​[docs] Fix in-house ad for the design kits (#31965) @oliviertassinari
    • ​[docs] Fix the documentation for filterOptions in Autocomplete API page (#31416) @santhoshbala0178
    • ​[docs] Update href for 'TypeScript guide on theme customization' (#31880) @NickFoden
    • ​[docs] Fix the CSS modules example in the Interoperability page (#31935) @WilsonNet
    • ​[docs] Fix small typo in the styled() utility page (#31967) @jason1985
    • ​[docs] Update mui-x on material-ui navigation (#31810) @siriwatknp
    • ​[docs] Copy ClickAwayListener docs to Base (#31878) @michaldudak
    • ​[docs] Refine the redirects (#31939) @siriwatknp
    • ​[docs] Fix TOC layout for large screen (#31953) @siriwatknp
    • ​[examples] Update remix example to not use NODE_ENV guard for LiveReload (#31269) @eswarclynn
    • ​[NoSsr] Copy docs to the Base space (#31956) @michaldudak
    • ​[Portal] Copy Portal docs to the Base space (#31959) @michaldudak
    • ​[website] Remove X-Frame-Options @oliviertassinari
    • ​Revert "[website] Remove X-Frame-Options" @oliviertassinari

    Core

    • ​[core] Fixes error in changelog generator for item sorting/padding (#30088) @dimitropoulos
    • ​[core] Fix typo in issue template @oliviertassinari
    • ​[core] Replace deprecated String.prototype.substr() (#31806) @CommanderRoot
    • ​[test] Add tests for component using StandardProps and polymorphic components (#31945) @mnajdova

    All contributors of this release in alphabetical order: @bicstone, @CommanderRoot, @dimitropoulos, @eps1lon, @eswarclynn, @igordanchenko, @jannes-io, @jason1985, @m4theushw, @michaldudak, @mnajdova, @NickFoden, @oliviertassinari, @ryancogswell, @santhoshbala0178, @siriwatknp, @WilsonNet

    Source code(tar.gz)
    Source code(zip)
  • v5.5.2(Mar 21, 2022)

    Mar 21, 2022

    A big thanks to the 7 contributors who made this release possible. This is a small release focused on some πŸ› bug fixes and πŸ“š documentation improvements.

    @mui/[email protected]

    • ​[Popper] Expose the sx prop (#31833) @ivan-ngchakming

    @mui/[email protected]

    • ​[Joy] Add default color to Input and ListItemButton (#31826) @siriwatknp
    • ​[Joy] Add Avatar component (#31303) @hbjORbj

    @mui/[email protected]

    • ​[SliderUnstyled] Fix dragging on disabled sliders (#31882) @mnajdova

    @mui/[email protected]

    • ​[styled-engine-sc] GlobalStylesProps inconsistent between the different packages (#31814) @mnajdova

    Docs

    • ​[data-grid] Fix print export feature (#31807) @oliviertassinari
    • ​[docs] Move BadgeUnstyled docs to Base space (#31872) @michaldudak
    • ​[docs] Solve duplication of content (#31917) @oliviertassinari
    • ​[docs] Fix side nav capitalization of API (#31916) @oliviertassinari
    • ​[docs] Use TypeScript demos by default (#31808) @oliviertassinari
    • ​[docs] New search experience for multiple products (#31811) @siriwatknp
    • ​[docs] Make LTS searchable (#31804) @oliviertassinari
    • ​[docs] Fix demo filename on zh markdown (#31790) @nnmax
    • ​[website] Highlight the date picker (#31889) @oliviertassinari

    Core

    • ​[core] Add tests for Avatar component (#31829) @hbjORbj

    All contributors of this release in alphabetical order: @hbjORbj, @ivan-ngchakming, @michaldudak, @mnajdova, @nnmax, @oliviertassinari, @siriwatknp

    Source code(tar.gz)
    Source code(zip)
  • v5.5.1(Mar 14, 2022)

    Mar 14, 2022

    A big thanks to the 23 contributors who made this release possible. Here are some highlights ✨:

    • πŸ“Š 2021 survey results post by @danilo-leal (#30999)
    • Several πŸ› bug fixes and πŸ“š documentation improvements

    @mui/[email protected]

    • [Fab] Add z-index (#30842) @issamElmohadeb098
    • [Grid] Fix columns of nested container (#31340) @boutahlilsoufiane
    • [i10n] Update italian locale (#30974) @SalvatoreMazzullo
    • [Pagination] Fix type of UsePaginationItem["page"] (#31295) @aaronadamsCA
    • [Popper] Allow setting default props in a theme (#30118) @hafley66
    • [TextField] fix disappearing border in Safari (#31406) @krysia1

    @mui/[email protected]

    • [Joy] Support horizontal List (#31620) @siriwatknp
    • [Joy] Add icon & label Switch examples (#31359) @siriwatknp
    • [Joy] Add TextField component (#31299) @siriwatknp
    • [Joy] Add --Icon-fontSize to components (#31360) @siriwatknp
    • [Joy] Add Checkbox component (#31273) @siriwatknp

    Docs

    • [blog] 2021 survey results post (#30999) @danilo-leal
    • [docs] Add Macedonian translation (#31402) @theCuriousOne
    • [docs] Fix API page table styles in Safari (#31696) @aaarichter
    • [docs] Fix SEO issues (#31505) @oliviertassinari
    • [docs] Fix Link leak of Next.js props (#31418) @oliviertassinari
    • [docs] Add "Work in biotech" to showcase (#31711) @klyburke
    • [docs] Fix docs site crash on iOS Safari 12 (#31458) @badalsaibo
    • [docs] Fix search icons crash (#31651) @juanpc10
    • [docs] Remove unnecessary await in e2e-tests (#31767) @siriwatknp
    • [docs] Fix source code links on the Templates page (#31425) @danilo-leal
    • [docs] Adjust Stack's basic usage demo (#31423) @danilo-leal
    • [docs] Migrate button demos to base (#31395) @siriwatknp
    • [docs] Fix y-axis unit used in the responsive font sizes chart (#31424) @aaarichter
    • [docs] Remove joy mockup pages (#31412) @siriwatknp
    • [docs] Fix the statement that styleOverrides are added by default (#31257) @mnajdova
    • [docs] Refine the product identifier menu (#31262) @danilo-leal
    • [docs] Fix Search crash (#31386) @reckter
    • [docs] Update TextField multiline description (#31291) @jontewks
    • [docs] Add gap theme mapping in the System properties table (#31382) @danilo-leal
    • [docs] Test products search (#31351) @siriwatknp
    • [docs] Fix GitHub source links in the demo toolbar (#31339) @PunitSoniME
    • [docs] Add Algolia verification code to robot.txt (#31356) @siriwatknp
    • [examples] Ignore tsbuildinfo with Next.js (#31460) @B0und
    • [website] Add new gold sponsor (#31354) @hbjORbj
    • [website] Update Ukraine support link (#31378) @samuelsycamore

    Core

    • [core] Simplify anchor link (#31419) @oliviertassinari
    • [core] Revert unrelated changes in #31354 @oliviertassinari
    • [test] Upgrade CircleCI convenience image (#31394) @m4theushw
    • [typescript] Simplify display of slot props types (#31240) @michaldudak

    All contributors of this release in alphabetical order: @aaarichter, @aaronadamsCA, @B0und, @badalsaibo, @boutahlilsoufiane, @danilo-leal, @hafley66, @hbjORbj, @issamElmohadeb098, @jontewks, @juanpc10, @klyburke, @krysia1, @m4theushw, @michaldudak, @mnajdova, @oliviertassinari, @PunitSoniME, @reckter, @SalvatoreMazzullo, @samuelsycamore, @siriwatknp, @theCuriousOne

    Source code(tar.gz)
    Source code(zip)
  • v5.5.0(Mar 7, 2022)

    Mar 7, 2022

    A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:

    • ♿️ made the Autocomplete conform to ARIA 1.2 combobox (#30601) @EdmundMai
    • Several πŸ› bug fixes and πŸ“š documentation improvements

    @mui/[email protected]

    Breaking change

    • ​[ClassNameGenerator] Prevent all base imports (#31297) @siriwatknp

      unstable_ClassNameGenerator has been moved from utils to className folder to prevent all MUI Base module imports. If you use the module, please update the import as suggested in the diff below:

      - import { unstable_ClassNameGenerator } from '@mui/material/utils';
      + import { unstable_ClassNameGenerator } from '@mui/material/className';
      

    Changes

    • ​[Autocomplete] Fix failing unit tests (#31302) @michaldudak
    • ​[Autocomplete] Have the screen reader announce when autocomplete is open and closed (#30601) @EdmundMai
    • ​[AvatarGroup] Fix misalignment with non-default spacing (#31165) @sjdemartini
    • ​[Drawer] Adjustments to the mini variant to improve UI/UX (#31267) @siriwatknp
    • ​[Select] Add extending OutlinedInputProps by SelectProps (#31209) @jrozbicki

    @mui/[email protected]

    • ​[icons] Sync new Google Material Icons (#30766) @simonecervini

    @mui/[email protected]

    • ​[codemod] Fix top level imports codemod (#31308) @mnajdova

    @mui/[email protected]

    • ​[LoadingButton] Fix padding of loading icon in small button (#31113) @PunitSoniME

    @mui/[email protected]

    • ​[MenuUnstyled] Create MenuUnstyled and useMenu (#30961) @michaldudak
    • ​[SelectUnstyled] Prevent window scrolling after opening (#31237) @michaldudak

    @mui/[email protected]

    • ​[Joy] Make Icon fontSize adaptable to its parent (#31268) @siriwatknp
    • ​[Joy] Add Link component (#31175) @hbjORbj
    • ​[Joy] Improve Sheet tests (#31241) @hbjORbj
    • ​[Joy] Improve SvgIcon tests (#31242) @hbjORbj

    @mui/[email protected]

    • ​[material-next] Mark @mui/material as a dependency (#31270) @siriwatknp

    Docs

    • ​[docs] Remove career pages from translation (#31346) @oliviertassinari
    • ​[docs] Fix JS files overloading (#31341) @oliviertassinari
    • ​[docs] Add banner in solidarity of Ukraine (#31275) @danilo-leal
    • ​[docs] Fix maxWidth of scrollable Tabs demos (#31285) @danilo-leal
    • ​[docs] Fix icon linking implementation concurrent safe (#30428) @Janpot
    • ​[docs] Follow up new doc space issues (#31251) @siriwatknp
    • ​[examples] Add @types/node to nextjs typescript starter (#30918) @Daggy1234
    • ​[examples] Fix import ThemeProvider from correct package in remix-wit… (#30981) @nnecec
    • ​[blog] Simplify the labels (#30921) @oliviertassinari
    • ​[l10n] Add Croatian (hr-HR) and Serbian (sr-RS) translation (#30906) @m14d3n

    Core

    • ​[core] Fix running markdownlint on Windows (#31352) @michaldudak
    • ​[core] Fix the stylelint script on Windows (#31281) @mnajdova
    • ​[test] Fix buildApiUtils tests on Windows (#31304) @michaldudak
    • ​[test] Remove legacyRoot option from test renderer (#31284) @eps1lon

    All contributors of this release in alphabetical order: @Daggy1234, @danilo-leal, @EdmundMai, @eps1lon, @hbjORbj, @Janpot, @jrozbicki, @m14d3n, @michaldudak, @mnajdova, @nnecec, @oliviertassinari, @PunitSoniME, @simonecervini, @siriwatknp, @sjdemartini

    Source code(tar.gz)
    Source code(zip)
Owner
MUI
MUI offers UI tools to help you ship new features faster. Start with Material UI, our complete component library, or bring your own design system to life.
MUI
A highly customizable platform ready to be a portfolio website, and become a lot more with some of your own components

Vextra Elegant and animated portfolio website. Demo: vextra.vercel.app Vextra is a portfolio template, packed with animations with a satisfying flow t

null 2 Sep 10, 2022
This React-Based WebPage allows the client/user system to create their own blog, where users can publish their own opinions.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Gauri Bhand 4 Jul 28, 2022
Fully controllable vanilla-js material design ripple effect generator.

Fully controllable vanilla-js material design ripple effect generator. This can be used with any JavaScript framework and/or any CSS framework. Demo I

57 Jul 11, 2022
A quick start Create React App template with react-router-dom, material-ui, gh-pages and firebase

A quick start Create React App template with react-router-dom, material-ui, gh-pages and firebase. With google authentication, routing and deployment capabilities built in.

Hussain Pettiwala 5 Feb 22, 2022
Grupprojekt fΓΆr kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet fΓΆr kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide FΓΆr information om hur utv

Svante Jonsson IT-HΓΆgskolan 3 May 18, 2022
Hemsida fΓΆr personer i Sverige som kan och vill erbjuda boende till mΓ€nniskor pΓ₯ flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo fΓΆr kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 13 Jul 1, 2022
A postMessage bridge to connect to dapps loaded into an iframe.

cardano-dapp-connector-bridge A postMessage bridge to connect to dApps loaded into an iframe. Motivation In April 2022, browser extensions are the onl

Tastenkunst GmbH 13 Sep 2, 2022
A movie schema sandbox for playing with EdgeDB and the EdgeQL query builder, pre-loaded with MCU data

The EdgeDB MCU sandbox ?? This is a sandbox for playing with EdgeDB and the EdgeQL query builder. It includes a simple movie database schema (dbschema

EdgeDB 13 Sep 6, 2022
The high efficent browser driver on top of puppeteer, ready for production scenarios.

browserless is an efficient driver for controlling headless browsers built on top of puppeteer developed for scenarios where performance matters. High

microlink.io 1.2k Sep 16, 2022
Prototype of real-time comments and a proposal of how to make it "production-ready".

Real-time comments prototype Simple demonstration of real-time commenting. Installation After forking it, run npm install, then you need two environme

Tiger Abrodi 3 Jan 16, 2022
A highly opinionated and complete starter for Next.js projects ready to production

The aim for this starter is to give you a starting point with everything ready to work and launch to production. Web Vitals with 100% by default. Folder structure ready. Tooling ready. SEO ready. SSR ready.

Fukuro Studio 26 Sep 13, 2022
A production-ready ECPay AIO SDK for Node.js

node-ecpay-aio A production-ready ηΆ η•Œε…¨ζ–Ήδ½ι‡‘ζ΅(ECPay All-In-One, AIO) SDK for Node.js with TypeScript Support Documentation ζœ¬ζ¨‘η΅„θ©³η΄°δ½Ώη”¨θͺͺζ˜Žθ«‹θ¦‹ User Guide Overview

simen 17 Aug 25, 2022
A secure MERN Stack boilerplate ready for Production that uses Docker & Nginx.

A production ready & secure boilerplate for the MERN Stack that uses Docker & Nginx. Focus on the product and not the setup. You can directly start wo

Karan Jagtiani 26 Sep 16, 2022
A collection of everyday web-components and libraries.

Ambiki packages A collection of everyday web-components and libraries. Used in production at ambiki.com Collections within the repository Custom eleme

Ambiki 3 Jun 15, 2022
Shield is a development framework for circom developers. The core reason is to provide libraries, plugins, and testing tools to ensure code quality and security.

SHIELD Shield is a development framework for circom developers but we plan it to other languages such as CAIRO, SNARKYJS etc. The core reason is to pr

Xord 32 Sep 16, 2022
Extended version of create-t3-app to make it even faster to start (or maybe slower)

create-T3-app with extra tools/config out of the box create-t3-app is one of the fastest and easiest way to scaffold fullstack app. create-t3-extended

A Riolly C 3 Sep 14, 2022
Template Repository for making your own budder Module. CORE is not included, this is just for the module.

A quick copy of the "How to make your own module" section Check out the official budderAPI repository Template Repository for making your own budder M

Logic 2 Apr 3, 2022
Frontend template using react with MUI

Table of contents React-template Usage Build Vite Docker Linter Continuous integration Code documentation Technologies React-template This is a fronte

Jefferson Guiot 2 May 2, 2022