v5.0.0-alpha.37 (#26764)

CHANGELOG.md

@@ -1,5 +1,121 @@
 ### [Versions](https://material-ui.com/versions/)
 
+## 5.0.0-alpha.37
+
+<!-- generated comparing v5.0.0-alpha.36..next -->
+
+_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
+  <Grid container spacing={{ xs: 2, md: 3 }} columns={{ xs: 1, sm: 2, md: 3 }}>
+    <Grid item xs={2} sm={4} md={4} />
+    <Grid item xs={2} sm={4} md={4} />
+    <Grid item xs={2} sm={4} md={4} />
+  </Grid>
+  ```
+
+  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
+
+- <!-- 10 --> [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
+  <button class="MuiButton-root">
+  - <span class="MuiButton-label">
+      children
+  - </span>
+  </button>
+  ```
+
+#### Changes
+
+- <!-- 08 --> [Button] Add missing color type (#26593) @sakura90
+- <!-- 07 --> [Grid] Add responsive direction and spacing props (#26590) @likitarai1
+- <!-- 05 --> [List] Add ListItemButton export to index (#26667) @chadmuro
+- <!-- 09 --> [theme] Fix missing exported Breakpoints types (#26684) @robphoenix
+
+### `@material-ui/system@5.0.0-alpha.37`
+
+#### Breaking changes
+
+- <!-- 26 --> [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
+
+- <!-- 16 --> [system] Add useThemeProps & useTheme hooks (#26649) @mnajdova
+- <!-- 15 --> [system] Add color manipulators (#26668) @mnajdova
+- <!-- 06 --> [system] Fix support of custom shape in createTheme (#26673) @varandasi
+
+### `@material-ui/unstyled@5.0.0-alpha.37`
+
+- <!-- 04 --> [Slider] Improve TS definition (#26642) @mnajdova
+- <!-- 21 --> [TrapFocus] Capture nodeToRestore via relatedTarget (#26696) @eps1lon
+
+### `@material-ui/icons@5.0.0-alpha.37`
+
+- <!-- 03 --> 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`
+
+- <!-- 29 --> [core] Remove unused useKeyDown (#26765) @eps1lon
+- <!-- 28 --> [DateTimePicker] Fix not visible selected tab icon (#26624) @nikitabobers
+
+### Docs
+
+- <!-- 20 --> [blog] Michał Dudak joins Material-UI (#26700) @oliviertassinari
+- <!-- 27 --> [docs] Migrate onepirate premium template to emotion part2 (#26707) @vicasas
+- <!-- 24 --> [docs] Fix TextField demo layout (#26710) @vicasas
+- <!-- 19 --> [docs] Improve Paperbase demo (#26711) @oliviertassinari
+- <!-- 17 --> [docs] Migrate onepirate premium template to emotion part1 (#26671) @vicasas
+- <!-- 14 --> [docs] Migrate paperbase premium template to emotion (#26658) @vicasas
+- <!-- 25 --> [List] Fix demo to have correct semantic (#26742) @siriwatknp
+
+### Core
+
+- <!-- 23 --> [core] Monitore size of key system modules (#26712) @oliviertassinari
+- <!-- 22 --> [core] Batch small changes (#26738) @oliviertassinari
+- <!-- 18 --> [core] Batch small changes (#26628) @oliviertassinari
+- <!-- 13 --> [test] Ignore ReactDOM.render deprecation warning (#26683) @eps1lon
+- <!-- 12 --> [test] Run e2e test with React 18 on a schedule (#26690) @eps1lon
+- <!-- 11 --> [test] Count profiler renders not passive effects (#26678) @eps1lon
+- <!-- 02 --> [test] Bundling fixtures should not override source build with published build (#26657) @eps1lon
+- <!-- 01 --> [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
 
 <!-- generated comparing v5.0.0-alpha.35..next -->

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

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

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

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

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.",

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

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.",

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.",

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

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": {

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