diff --git a/CHANGELOG.md b/CHANGELOG.md index 366713ee2c5970..4e1d5af91413b0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,121 @@ ### [Versions](https://material-ui.com/versions/) +## 5.0.0-alpha.37 + + + +_Jun 15, 2021_ + +Big thanks to the 11 contributors who made this release possible. Here are some highlights ✨: + +- πŸ’„ Add support for responsive props on the Grid component (#26590) @likitarai1. + This fixes a longstanding issue. You can now specify different values for each breakpoint. + + ```jsx + + + + + + ``` + + Head to the [documentation](https://next.material-ui.com/components/grid/#responsive-values) for more details. + +- βš’οΈ We've introduced a new `useTheme` and `useThemeProps` hooks in the `@material-ui/system` package. + We believe that this package can be used as a standalone styling solution for building custom design systems (#26649) @mnajdova. +- πŸ’₯ Made progress with the breaking changes. We have done 105 of the 109 changes [planned](https://github.com/mui-org/material-ui/issues/20012). We are getting closer to our goal of releasing 5.0.0-beta.0 on July 1st and start to promote its usage over v4. You can also follow [our milestone](https://github.com/mui-org/material-ui/milestone/35) for more details. +- And many more πŸ› bug fixes and πŸ“š improvements. + +### `@material-ui/core@5.0.0-alpha.37` + +#### Breaking changes + +- [Button] Remove label span (#26666) @siriwatknp + + The `span` element that wraps children has been removed. `label` classKey is also removed. The nested span was required for fixing a flexbox issue with iOS < 11.0. + + ```diff + + ``` + +#### Changes + +- [Button] Add missing color type (#26593) @sakura90 +- [Grid] Add responsive direction and spacing props (#26590) @likitarai1 +- [List] Add ListItemButton export to index (#26667) @chadmuro +- [theme] Fix missing exported Breakpoints types (#26684) @robphoenix + +### `@material-ui/system@5.0.0-alpha.37` + +#### Breaking changes + +- [system] Remove `theme` & `isRtl` from `useThemeProps` (#26701) @mnajdova + + The `isRtl` and `theme` props are no longer added by the `useThemeProps` hook. You can use the `useTheme` hook for this. + + ```diff + -import { unstable_useThemeProps as useThemeProps } from '@material-ui/core/styles'; + +import { unstable_useThemeProps as useThemeProps, useTheme } from '@material-ui/core/styles'; + + const Component = (inProps) => { + - const { isRtl, theme, ...props } = useThemeProps({ props: inProps, name: 'MuiComponent' }); + + const props = useThemeProps({ props: inProps, name: 'MuiComponent' }); + + + const theme = useTheme(); + + const isRtl = theme.direction === 'rtl'; + //.. rest of the code + } + ``` + +#### Changes + +- [system] Add useThemeProps & useTheme hooks (#26649) @mnajdova +- [system] Add color manipulators (#26668) @mnajdova +- [system] Fix support of custom shape in createTheme (#26673) @varandasi + +### `@material-ui/unstyled@5.0.0-alpha.37` + +- [Slider] Improve TS definition (#26642) @mnajdova +- [TrapFocus] Capture nodeToRestore via relatedTarget (#26696) @eps1lon + +### `@material-ui/icons@5.0.0-alpha.37` + +- Revert "[icons] Only ship ES modules (#26310)" (#26656) @eps1lon + + The changes that we have tried in #26310 were breaking the integration with Next.js. + +### `@material-ui/lab@5.0.0-alpha.37` + +- [core] Remove unused useKeyDown (#26765) @eps1lon +- [DateTimePicker] Fix not visible selected tab icon (#26624) @nikitabobers + +### Docs + +- [blog] MichaΕ‚ Dudak joins Material-UI (#26700) @oliviertassinari +- [docs] Migrate onepirate premium template to emotion part2 (#26707) @vicasas +- [docs] Fix TextField demo layout (#26710) @vicasas +- [docs] Improve Paperbase demo (#26711) @oliviertassinari +- [docs] Migrate onepirate premium template to emotion part1 (#26671) @vicasas +- [docs] Migrate paperbase premium template to emotion (#26658) @vicasas +- [List] Fix demo to have correct semantic (#26742) @siriwatknp + +### Core + +- [core] Monitore size of key system modules (#26712) @oliviertassinari +- [core] Batch small changes (#26738) @oliviertassinari +- [core] Batch small changes (#26628) @oliviertassinari +- [test] Ignore ReactDOM.render deprecation warning (#26683) @eps1lon +- [test] Run e2e test with React 18 on a schedule (#26690) @eps1lon +- [test] Count profiler renders not passive effects (#26678) @eps1lon +- [test] Bundling fixtures should not override source build with published build (#26657) @eps1lon +- [test] Make tests oblivious to StrictMode (#26654) @eps1lon + +All contributors of this release in alphabetical order: @chadmuro, @eps1lon, @likitarai1, @mnajdova, @nikitabobers, @oliviertassinari, @robphoenix, @sakura90, @siriwatknp, @varandasi, @vicasas + ## 5.0.0-alpha.36 diff --git a/benchmark/package.json b/benchmark/package.json index b9875d3dc80852..39c8173935469e 100644 --- a/benchmark/package.json +++ b/benchmark/package.json @@ -1,6 +1,6 @@ { "name": "benchmark", - "version": "5.0.0-alpha.36", + "version": "5.0.0-alpha.37", "private": "true", "scripts": { "browser": "yarn webpack --config browser/webpack.config.js && node browser/scripts/benchmark.js", @@ -14,9 +14,9 @@ "@chakra-ui/system": "^1.0.0", "@emotion/react": "^11.0.0", "@emotion/styled": "^11.0.0", - "@material-ui/core": "5.0.0-alpha.36", + "@material-ui/core": "5.0.0-alpha.37", "@material-ui/styles": "5.0.0-alpha.35", - "@material-ui/system": "5.0.0-alpha.36", + "@material-ui/system": "5.0.0-alpha.37", "@styled-system/css": "^5.1.5", "benchmark": "^2.1.4", "playwright": "^1.6.1", diff --git a/docs/package.json b/docs/package.json index d3a19a45f8cd4f..df43ef0b7690c6 100644 --- a/docs/package.json +++ b/docs/package.json @@ -1,6 +1,6 @@ { "name": "docs", - "version": "5.0.0-alpha.36", + "version": "5.0.0-alpha.37", "private": true, "author": "Material-UI Team", "license": "MIT", @@ -30,17 +30,17 @@ "@fortawesome/fontawesome-svg-core": "^1.2.30", "@fortawesome/free-solid-svg-icons": "^5.14.0", "@fortawesome/react-fontawesome": "^0.1.11", - "@material-ui/core": "5.0.0-alpha.36", + "@material-ui/core": "5.0.0-alpha.37", "@material-ui/data-grid": "^4.0.0-alpha.29", "@material-ui/docs": "5.0.0-alpha.36", - "@material-ui/icons": "5.0.0-alpha.36", - "@material-ui/lab": "5.0.0-alpha.36", + "@material-ui/icons": "5.0.0-alpha.37", + "@material-ui/lab": "5.0.0-alpha.37", "@material-ui/styled-engine": "5.0.0-alpha.34", "@material-ui/styled-engine-sc": "5.0.0-alpha.35", "@material-ui/styles": "5.0.0-alpha.35", - "@material-ui/system": "5.0.0-alpha.36", + "@material-ui/system": "5.0.0-alpha.37", "@material-ui/types": "6.0.1", - "@material-ui/unstyled": "5.0.0-alpha.35", + "@material-ui/unstyled": "5.0.0-alpha.37", "@trendmicro/react-interpolate": "^0.5.5", "@types/autosuggest-highlight": "^3.1.0", "@types/css-mediaquery": "^0.1.0", diff --git a/framer/package.json b/framer/package.json index 0ac66bf9e29b97..fcb6d8e3b2b69d 100644 --- a/framer/package.json +++ b/framer/package.json @@ -1,6 +1,6 @@ { "name": "framer", - "version": "1.0.18", + "version": "1.0.19", "description": "Builds Material-UI for Framer X", "repository": "https://github.com/mui-org/material-ui", "author": "Material-UI Team", @@ -11,7 +11,7 @@ "@types/react": "^17.0.0", "case": "1.6.3", "deepmerge": "^4.0.0", - "docs": "5.0.0-alpha.36", + "docs": "5.0.0-alpha.37", "framer": "^1.2.5", "framer-motion": "^4.0.0", "mustache": "^4.0.0", diff --git a/package.json b/package.json index 7c2c2d3c8bda9f..49234edf04f38d 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "version": "5.0.0-alpha.36", + "version": "5.0.0-alpha.37", "private": true, "scripts": { "proptypes": "cross-env BABEL_ENV=development babel-node --extensions \".tsx,.ts,.js\" ./scripts/generateProptypes.ts", diff --git a/packages/material-ui-icons/package.json b/packages/material-ui-icons/package.json index 50f2bbeeaa7aab..931584e25e4c38 100644 --- a/packages/material-ui-icons/package.json +++ b/packages/material-ui-icons/package.json @@ -1,6 +1,6 @@ { "name": "@material-ui/icons", - "version": "5.0.0-alpha.36", + "version": "5.0.0-alpha.37", "private": false, "author": "Material-UI Team", "description": "Material Design icons distributed as SVG React components.", diff --git a/packages/material-ui-lab/package.json b/packages/material-ui-lab/package.json index a384a79d9e273c..a79f22c71b0475 100644 --- a/packages/material-ui-lab/package.json +++ b/packages/material-ui-lab/package.json @@ -1,6 +1,6 @@ { "name": "@material-ui/lab", - "version": "5.0.0-alpha.36", + "version": "5.0.0-alpha.37", "private": false, "author": "Material-UI Team", "description": "Laboratory for new Material-UI modules.", @@ -68,7 +68,7 @@ "@date-io/dayjs": "^2.10.6", "@date-io/luxon": "^2.10.6", "@date-io/moment": "^2.10.6", - "@material-ui/system": "5.0.0-alpha.36", + "@material-ui/system": "5.0.0-alpha.37", "@material-ui/utils": "5.0.0-alpha.35", "clsx": "^1.0.4", "prop-types": "^15.7.2", diff --git a/packages/material-ui-system/package.json b/packages/material-ui-system/package.json index f0cc8bc1d0b716..a034277e110949 100644 --- a/packages/material-ui-system/package.json +++ b/packages/material-ui-system/package.json @@ -1,6 +1,6 @@ { "name": "@material-ui/system", - "version": "5.0.0-alpha.36", + "version": "5.0.0-alpha.37", "private": false, "author": "Material-UI Team", "description": "CSS utilities for rapidly laying out custom designs.", diff --git a/packages/material-ui-unstyled/package.json b/packages/material-ui-unstyled/package.json index ae2709874bfafb..1b22d2a1c4fb9a 100644 --- a/packages/material-ui-unstyled/package.json +++ b/packages/material-ui-unstyled/package.json @@ -1,6 +1,6 @@ { "name": "@material-ui/unstyled", - "version": "5.0.0-alpha.35", + "version": "5.0.0-alpha.37", "private": false, "author": "Material-UI Team", "description": "Unstyled React components with which to implement custom design systems.", diff --git a/packages/material-ui/package.json b/packages/material-ui/package.json index 7b8723e6285eab..32f6574e7432ba 100644 --- a/packages/material-ui/package.json +++ b/packages/material-ui/package.json @@ -1,6 +1,6 @@ { "name": "@material-ui/core", - "version": "5.0.0-alpha.36", + "version": "5.0.0-alpha.37", "private": false, "author": "Material-UI Team", "description": "Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.", @@ -62,9 +62,9 @@ "@babel/runtime": "^7.4.4", "@material-ui/private-theming": "5.0.0-alpha.35", "@material-ui/styled-engine": "5.0.0-alpha.34", - "@material-ui/system": "5.0.0-alpha.36", + "@material-ui/system": "5.0.0-alpha.37", "@material-ui/types": "6.0.1", - "@material-ui/unstyled": "5.0.0-alpha.35", + "@material-ui/unstyled": "5.0.0-alpha.37", "@material-ui/utils": "5.0.0-alpha.35", "@popperjs/core": "^2.4.4", "@types/react-transition-group": "^4.2.0", diff --git a/packages/typescript-to-proptypes/package.json b/packages/typescript-to-proptypes/package.json index 0b7b8b96d0d65f..889f893c9f4f98 100644 --- a/packages/typescript-to-proptypes/package.json +++ b/packages/typescript-to-proptypes/package.json @@ -1,6 +1,6 @@ { "name": "typescript-to-proptypes", - "version": "5.0.0-alpha.35", + "version": "5.0.0-alpha.37", "private": true, "description": "Generate proptypes from TypeScript declarations", "engines": { diff --git a/test/package.json b/test/package.json index 575879ff9ee485..037aa23f6e3b55 100644 --- a/test/package.json +++ b/test/package.json @@ -1,7 +1,7 @@ { "private": true, "name": "test", - "version": "5.0.0-alpha.36", + "version": "5.0.0-alpha.37", "scripts": { "typescript": "tsc -p tsconfig.json" }