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"
}