diff --git a/CHANGELOG.md b/CHANGELOG.md index a5cabde32be030..95ada176700a2f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,57 @@ # [Versions](https://mui.com/versions/) +## 5.11.15 + + + +_Mar 28, 2023_ + +A big thanks to the 10 contributors who made this release possible. We have one big highlight this week ✨: + +- @siriwatknp made a [Theme Builder](https://mui.com/joy-ui/customization/theme-builder) for Joy UI 🎨 (#35741) + +### `@mui/material@5.11.15` + +- [Chip] Fix error when theme value is a CSS variable (#36654) @siriwatknp +- [Grid2] Support dynamic nested columns (#36401) @siriwatknp + +### `@mui/system@5.11.15` + +- [system] Enable regressions tests & fix regressions (#36611) @mnajdova +- [Stack] Add `useFlexGap` prop (#36404) @siriwatknp + +### `@mui/base@5.0.0-alpha.122` + +- [Autocomplete] Update `autoSelect` prop description (#36280) @sai6855 +- [TablePagination][base] Improve `actions` type in `slotProps` (#36458) @sai6855 +- [Base] Add JSDoc comments for classes of Base components (#36586) @hbjORbj +- [useSlider][base] Add API docs for the hook parameters and return type (#36576) @varunmulay22 + +### `@mui/joy@5.0.0-alpha.73` + +- [Joy] Miscellaneous fixes (#36628) @siriwatknp +- [Joy] Add palette customizer (#35741) @siriwatknp + +### Docs + +- Revert "[docs] Use `theme.applyDarkStyles` for the rest of the docs" (#36602) @mnajdova +- [blog] Improvements on v6 announcement blog (#36505) @joserodolfofreitas +- [docs] Add `Snackbar` coming soon page (#36604) @danilo-leal +- [docs] Add accordion coming soon page (#36279) @siriwatknp +- [docs] Fix palette customizer theme augmentation (#36629) @siriwatknp +- [docs] Finish migration away from https://reactjs.org/ @oliviertassinari +- [docs] Remove duplicated slot descriptions (#36621) @hbjORbj +- [docs] Fix broken example link (#36607) @mnajdova +- [docs] Use `theme.applyDarkStyles` (#36606) @siriwatknp +- [docs] Improve API for theme default prop (#36490) @oliviertassinari +- [docs][Table] Refactor `Sorting & Selecting` table demo (#33236) @IFaniry + +### Core + +- [core] Use Netlify function for feedback management (#36472) @alexfauquette + +All contributors of this release in alphabetical order: @alexfauquette, @danilo-leal, @hbjORbj, @IFaniry, @joserodolfofreitas, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp, @varunmulay22 + ## 5.11.14 diff --git a/benchmark/package.json b/benchmark/package.json index 5271d3903492c7..1251730b70f6aa 100644 --- a/benchmark/package.json +++ b/benchmark/package.json @@ -15,9 +15,9 @@ "@emotion/react": "^11.10.6", "@emotion/styled": "^11.10.6", "@mdx-js/react": "^2.3.0", - "@mui/material": "^5.11.14", + "@mui/material": "^5.11.15", "@mui/styles": "^5.11.13", - "@mui/system": "^5.11.14", + "@mui/system": "^5.11.15", "@styled-system/css": "^5.1.5", "benchmark": "^2.1.4", "playwright": "^1.31.2", diff --git a/docs/data/joy/components/snackbar/snackbar.md b/docs/data/joy/components/snackbar/snackbar.md new file mode 100644 index 00000000000000..7c4039a4bf336b --- /dev/null +++ b/docs/data/joy/components/snackbar/snackbar.md @@ -0,0 +1,56 @@ +--- +product: joy-ui +title: React Snackbar component +githubLabel: 'component: snackbar' +--- + +# Snackbar + +

The Snackbar, also commonly referred to as Toast, component informs users that an action has been or will be performed by the app.

+ +:::info +💡 The Joy UI Snackbar component is still in development. +If you're in need of it, please upvote [**this issue**](https://github.com/mui/material-ui/issues/36603) to help us prioritize the next batch of new components. +::: + +## Integration with headless UI libraries + +In the meantime, you can still adopt Joy UI today for building a snackbar! + +This document shows how to construct it with existing Joy UI components combined with popular headless UI libraries. + +### Using the `Alert` component + +Joy UI's [`Alert`](/joy-ui/react-alert/) component is perfect for building a snackbar (or toast) because of the default role—`alert` and support for decorators. + +### With Radix UI + +Using Joy UI's Alert component as a starting point, pass Radix UI's Toast to component prop. +Radix will enhance the functionalities by preserving the styles of Joy UI components. + +Animation is created by targeting `data-*` attributes injected by Radix UI's `Toast.Root` component. +In this demo, it uses `@mui/system` keyframes API, same as emotion's keyframes, to build the animation stylesheet. + +- [Install Radix UI's Toast](https://www.radix-ui.com/docs/primitives/components/toast#installation) +- [Toast component documentation](https://www.radix-ui.com/docs/primitives/components/toast) + + + +### With React Aria + +React Aria provides the `useToast` hook that can be used with Joy UI's `Alert` component. + +- [Install React Aria's Toast](https://react-spectrum.adobe.com/react-aria/useToast.html) +- [Toast component documentation](https://react-spectrum.adobe.com/react-aria/useToast.html#features) + + diff --git a/docs/data/joy/pages.ts b/docs/data/joy/pages.ts index abf9a9f8f18d63..a0406f3821dfa8 100644 --- a/docs/data/joy/pages.ts +++ b/docs/data/joy/pages.ts @@ -66,6 +66,7 @@ const pages = [ { pathname: '/joy-ui/react-circular-progress', title: 'Circular Progress' }, { pathname: '/joy-ui/react-linear-progress', title: 'Linear Progress' }, { pathname: '/joy-ui/react-modal' }, + { pathname: '/joy-ui/react-snackbar', comingSoon: true }, ], }, { diff --git a/docs/package.json b/docs/package.json index de3f5f6d4d68b7..f1417a40218770 100644 --- a/docs/package.json +++ b/docs/package.json @@ -31,18 +31,18 @@ "@fortawesome/fontawesome-svg-core": "^6.2.1", "@fortawesome/free-solid-svg-icons": "^6.2.1", "@fortawesome/react-fontawesome": "^0.2.0", - "@mui/base": "5.0.0-alpha.122", + "@mui/base": "5.0.0-alpha.123", "@mui/docs": "^5.11.13", "@mui/icons-material": "^5.11.11", - "@mui/joy": "5.0.0-alpha.72", + "@mui/joy": "5.0.0-alpha.73", "@mui/lab": "5.0.0-alpha.124", "@mui/markdown": "^5.0.0", - "@mui/material": "^5.11.14", + "@mui/material": "^5.11.15", "@mui/material-next": "6.0.0-alpha.79", "@mui/styled-engine": "^5.11.11", "@mui/styled-engine-sc": "^5.11.11", "@mui/styles": "^5.11.13", - "@mui/system": "^5.11.14", + "@mui/system": "^5.11.15", "@mui/types": "^7.2.3", "@mui/x-data-grid": "6.0.0-alpha.14", "@mui/x-data-grid-generator": "6.0.0-alpha.14", diff --git a/docs/pages/joy-ui/react-snackbar.js b/docs/pages/joy-ui/react-snackbar.js new file mode 100644 index 00000000000000..b35cb0721bc1a8 --- /dev/null +++ b/docs/pages/joy-ui/react-snackbar.js @@ -0,0 +1,7 @@ +import * as React from 'react'; +import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; +import * as pageProps from 'docs/data/joy/components/snackbar/snackbar.md?@mui/markdown'; + +export default function Page() { + return ; +} diff --git a/docs/translations/translations.json b/docs/translations/translations.json index a70147709c2265..d0e8dc007fdec1 100644 --- a/docs/translations/translations.json +++ b/docs/translations/translations.json @@ -414,6 +414,7 @@ "/joy-ui/react-circular-progress": "Circular Progress", "/joy-ui/react-linear-progress": "Linear Progress", "/joy-ui/react-modal": "Modal", + "/joy-ui/react-snackbar": "Snackbar", "/joy-ui/react-accordion": "Accordion", "/joy-ui/react-card": "Card", "/joy-ui/react-sheet": "Sheet", diff --git a/package.json b/package.json index 6f1f729ed3dba7..a777c141939998 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@mui/monorepo", - "version": "5.11.14", + "version": "5.11.15", "private": true, "scripts": { "proptypes": "cross-env BABEL_ENV=development babel-node --extensions \".tsx,.ts,.js\" ./scripts/generateProptypes.ts", diff --git a/packages/mui-base/package.json b/packages/mui-base/package.json index 4a45f78595500a..5199c7b5a6f6e8 100644 --- a/packages/mui-base/package.json +++ b/packages/mui-base/package.json @@ -1,6 +1,6 @@ { "name": "@mui/base", - "version": "5.0.0-alpha.122", + "version": "5.0.0-alpha.123", "private": false, "author": "MUI Team", "description": "A library of headless ('unstyled') React UI components and low-level hooks.", diff --git a/packages/mui-core-downloads-tracker/package.json b/packages/mui-core-downloads-tracker/package.json index be7dfe3e76e8fe..46c727d8fcfa73 100644 --- a/packages/mui-core-downloads-tracker/package.json +++ b/packages/mui-core-downloads-tracker/package.json @@ -1,6 +1,6 @@ { "name": "@mui/core-downloads-tracker", - "version": "5.11.14", + "version": "5.11.15", "private": false, "author": "MUI Team", "description": "Internal package to track number of downloads of our design system libraries", diff --git a/packages/mui-joy/package.json b/packages/mui-joy/package.json index 0cadaf98979f26..f2a3865da87012 100644 --- a/packages/mui-joy/package.json +++ b/packages/mui-joy/package.json @@ -1,6 +1,6 @@ { "name": "@mui/joy", - "version": "5.0.0-alpha.72", + "version": "5.0.0-alpha.73", "private": false, "author": "MUI Team", "description": "A library of beautifully designed React UI components.", @@ -57,9 +57,9 @@ }, "dependencies": { "@babel/runtime": "^7.21.0", - "@mui/base": "5.0.0-alpha.122", - "@mui/core-downloads-tracker": "^5.11.14", - "@mui/system": "^5.11.14", + "@mui/base": "5.0.0-alpha.123", + "@mui/core-downloads-tracker": "^5.11.15", + "@mui/system": "^5.11.15", "@mui/types": "^7.2.3", "@mui/utils": "^5.11.13", "clsx": "^1.2.1", diff --git a/packages/mui-lab/package.json b/packages/mui-lab/package.json index 3929fb49872d63..c6ff0cb78bd6e2 100644 --- a/packages/mui-lab/package.json +++ b/packages/mui-lab/package.json @@ -61,8 +61,8 @@ }, "dependencies": { "@babel/runtime": "^7.21.0", - "@mui/base": "5.0.0-alpha.122", - "@mui/system": "^5.11.14", + "@mui/base": "5.0.0-alpha.123", + "@mui/system": "^5.11.15", "@mui/types": "^7.2.3", "@mui/utils": "^5.11.13", "clsx": "^1.2.1", diff --git a/packages/mui-material-next/package.json b/packages/mui-material-next/package.json index 527c2ab5f3b541..58b5a56208371f 100644 --- a/packages/mui-material-next/package.json +++ b/packages/mui-material-next/package.json @@ -59,9 +59,9 @@ }, "dependencies": { "@babel/runtime": "^7.21.0", - "@mui/base": "5.0.0-alpha.122", - "@mui/material": "^5.11.14", - "@mui/system": "^5.11.14", + "@mui/base": "5.0.0-alpha.123", + "@mui/material": "^5.11.15", + "@mui/system": "^5.11.15", "@mui/types": "^7.2.3", "@mui/utils": "^5.11.13", "@popperjs/core": "^2.11.7", diff --git a/packages/mui-material/package.json b/packages/mui-material/package.json index 87d61cefd65583..f7819544b27980 100644 --- a/packages/mui-material/package.json +++ b/packages/mui-material/package.json @@ -1,6 +1,6 @@ { "name": "@mui/material", - "version": "5.11.14", + "version": "5.11.15", "private": false, "author": "MUI Team", "description": "React components that implement Google's Material Design.", @@ -61,9 +61,9 @@ }, "dependencies": { "@babel/runtime": "^7.21.0", - "@mui/base": "5.0.0-alpha.122", - "@mui/core-downloads-tracker": "^5.11.14", - "@mui/system": "^5.11.14", + "@mui/base": "5.0.0-alpha.123", + "@mui/core-downloads-tracker": "^5.11.15", + "@mui/system": "^5.11.15", "@mui/types": "^7.2.3", "@mui/utils": "^5.11.13", "@types/react-transition-group": "^4.4.5", diff --git a/packages/mui-system/package.json b/packages/mui-system/package.json index a25c424e6e6a91..a77235ffee4096 100644 --- a/packages/mui-system/package.json +++ b/packages/mui-system/package.json @@ -1,6 +1,6 @@ { "name": "@mui/system", - "version": "5.11.14", + "version": "5.11.15", "private": false, "author": "MUI Team", "description": "CSS utilities for rapidly laying out custom designs.",