From a39ebd60154f776095bafde0f61df5759231b984 Mon Sep 17 00:00:00 2001 From: siriwatknp Date: Wed, 23 Jun 2021 16:01:32 +0700 Subject: [PATCH 1/8] add v5.0.0-alpha.38 to CHANGELOG --- CHANGELOG.md | 196 ++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 195 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 4e1d5af91413b0..e483f5ab538cc4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,4 +1,198 @@ -### [Versions](https://material-ui.com/versions/) +### [Versions](https://material-ui.com/versions/ + +## 5.0.0-alpha.38 + +_Jun 23, 2021_ + +Big thanks to the 18 contributors who made this release possible. Here are some highlights ✨: + +- 🚀 We have completed all the [breaking changes](https://github.com/mui-org/material-ui/issues/20012). The plan to release 5.0.0-beta.0 is on July 1st and will start to promote its usage over v4 + +### `@material-ui/core@5.0.0-alpha.38` + +#### Breaking changes + +- [Menu] Use ButtonBase in MenuItem (#26591) @siriwatknp + + - Change the default value of `anchorOrigin.vertical` to follow the Material Design guidelines. The menu now displays below the anchor instead of on top of it. + This conversation was marked as resolved by siriwatknp + Show conversation + You can restore the previous behavior with: + + ```diff + + +
  • + ``` + + - prop `listItemClasses` is removed, use `classes` instead. + + ```diff + - + + + ``` + +- [theme] Improve default breakpoints (#26746) @siriwatknp + + The default breakpoints were changed to better match the common use cases. They also better match the Material Design guidelines. [Read more about the change](https://github.com/mui-org/material-ui/issues/21902) + + ```diff + { + xs: 0, + sm: 600, + - md: 960, + + md: 900, + - lg: 1280, + + lg: 1200, + - xl: 1920, + + xl: 1536, + } + ``` + + If you prefer the old breakpoint values, use the snippet below. + + ```js + import { createTheme } from '@material-ui/core/styles'; + + const theme = createTheme({ + breakpoints: { + values: { + xs: 0, + sm: 600, + md: 960, + lg: 1280, + xl: 1920, + }, + }, + }); + ``` + +- [IconButton] Add size `large` and update styles (#26748) @siriwatknp + + The default size's padding is reduced to `8px` which makes the default IconButton size of `40px`. To get the old default size (`48px`), use `size="large"`. The change was done to better match Google's products when Material Design stopped documenting the icon button pattern. + + ```diff + - + + + ``` + +- [Slider] Adjust css to match the specification (#26632) @siriwatknp + + Rework the CSS to match the latest [Material Design guidelines](https://material.io/components/sliders) and make custom styles more intuitive. [See documentation](/components/slider/). + + + + You can reduce the density of the slider, closer to v4 with the [`size="small"` prop](/components/slider/#sizes). + +- [IconButton] Remove label span (#26801) @siriwatknp + + `span` element that wraps children has been removed. `label` classKey is also removed. More details about [this change](https://github.com/mui-org/material-ui/pull/26666). + + ```diff + + ``` + +- [core] Remove `unstable_` prefix on the `useThemeProps` hook (#26777) @mnajdova + + The following utilities were renamed to not contain the `unstable_` prefix: + + - `@material-ui/sytstem` + + ```diff + import { + - unstable_useThemeProps, + + useThemeProps, + } from '@material-ui/system'; + ``` + + - `@material-ui/core` + + ```diff + import { + - unstable_useThemeProps, + + useThemeProps, + } from '@material-ui/core/styles'; + ``` + +#### Changes + +- [Alert] Add support for custom colors (#26831) @varandasi +- [Button] Fix loading text invisible when disabled (#26857) @DanielBretzigheimer +- [ButtonBase] Consider as a link with a custom component and `to` prop (#26576) @shadab14meb346 +- [ButtonBase] Derive state on render instead of in layout effects (#26762) @eps1lon +- [Drawer] Fix incorrect z-index (#26791) @michal-perlakowski +- [Drawer] Remove incorrect transition handler props (#26835) @eps1lon +- [Link] Improve accessibility support (#26145) @ahmed-28 +- [Modal] Fix calculating scrollbar size when using custom scrollbar (#26816) @michal-perlakowski +- [Rating] Make input ids less predictable (#26493) @eps1lon +- [Stepper] Add componentsProps.label to StepLabel (#26807) @michal-perlakowski +- [Tabs] Show error when Tab has display: none (#26783) @michal-perlakowski +- [theme] Add base color palette type to components (#26697) @siriwatknp + +### `@material-ui/system@5.0.0-alpha.38` + +#### Breaking Changes + +- [system] Normalize api for `createBox` (#26820) @mnajdova + + ```diff + -const styled = createBox(defaultTheme); + +const styled = createBox({ defaultTheme }); + ``` + +#### Changes + +- [system] Add ThemeProvider component (#26787) @mnajdova + +### Docs +- [docs] Fix misspelling of the word Typography (#26898) @dmrqx +- [docs] Instruct users to install @material-ui/icons with the next tag (#26873) @michal-perlakowski +- [docs] Sync translations (#26828) @l10nbot +- [docs] Improve grammar of autocomplete/autofill section (#26798) @dijonkitchen +- [docs] Explain "inherited props" better in the props table (#26778) @eps1lon +- [docs] Fix documentation for upgrading to v5 (#26812) @tungdt-90 +- [docs] Improve notification color (#26796) @mnajdova +- [docs] Fix various a11y issues with /customization/color (#26757) @eps1lon +- [docs] Move custom theme to frame (#26744) @siriwatknp +- [docs] Fix small PT typo fix: inciar -> iniciar (#26775) @brunocavalcante +- [I10n] Add Chinese (Hong Kong) (zh-HK) locale (#26637) @kshuiroy +- [l10n] Add sinhalese (siLK) locale (#26875) @pavinduLakshan + +### Core + +- [test] Fix Drawer test API @oliviertassinari +- [test] Adjust expected useAutocomplete error messages for React 18 (#26858) @eps1lon +- [test] Convert Drawer tests to testing-library (#26837) @eps1lon +- [test] Convert remaining enzyme tests to testing-library (#26832) @eps1lon +- [test] Ignore ReactDOM.hydrate deprecation warnings (#26815) @eps1lon +- [test] Reduce flakiness (#26761) @eps1lon +- [useId] Reduce likelyhood of collisions (#26758) @eps1lon +- yarn deduplicate @oliviertassinari +- Fix running framer's prettier under pwsh (#26819) @michaldudak +- [core] Update babel-plugin-optimize-clsx (#26861) @oliviertassinari +- [core] Assume no document.all at runtime (#26821) @eps1lon +- [core] Remove dependency on `@material-ui/private-theming` (#26793) @mnajdova +- [core] Remove dependency on `@material-ui/styled-engine` (#26792) @mnajdova + +### Starter +- [examples] Rename nextjs typescript theme from tsx to ts (#26862) @Izhaki + +All contributors of this release in alphabetical order: @ahmed-28, @brunocavalcante, @DanielBretzigheimer, @dijonkitchen, @dmrqx, @eps1lon, @Izhaki, @kshuiroy, @l10nbot, @michal-perlakowski, @michaldudak, @mnajdova, @oliviertassinari, @pavinduLakshan, @shadab14meb346, @siriwatknp, @tungdt-90, @varandasi + ## 5.0.0-alpha.37 From ca22157fb040cc282c75f6ab62bd08901a7c1471 Mon Sep 17 00:00:00 2001 From: siriwatknp Date: Wed, 23 Jun 2021 16:06:47 +0700 Subject: [PATCH 2/8] run yarn release:version --- benchmark/package.json | 8 ++++---- docs/package.json | 14 +++++++------- framer/package.json | 4 ++-- package.json | 2 +- packages/material-ui-docs/package.json | 4 ++-- packages/material-ui-lab/package.json | 6 +++--- packages/material-ui-private-theming/package.json | 4 ++-- packages/material-ui-styles/package.json | 6 +++--- packages/material-ui-system/package.json | 6 +++--- packages/material-ui-unstyled/package.json | 4 ++-- packages/material-ui-utils/package.json | 2 +- packages/material-ui/package.json | 8 ++++---- test/package.json | 2 +- 13 files changed, 35 insertions(+), 35 deletions(-) diff --git a/benchmark/package.json b/benchmark/package.json index 39c8173935469e..81fc39f2bece36 100644 --- a/benchmark/package.json +++ b/benchmark/package.json @@ -1,6 +1,6 @@ { "name": "benchmark", - "version": "5.0.0-alpha.37", + "version": "5.0.0-alpha.38", "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.37", - "@material-ui/styles": "5.0.0-alpha.35", - "@material-ui/system": "5.0.0-alpha.37", + "@material-ui/core": "5.0.0-alpha.38", + "@material-ui/styles": "5.0.0-alpha.36", + "@material-ui/system": "5.0.0-alpha.38", "@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 26d0951d9930ce..665f82c30f5486 100644 --- a/docs/package.json +++ b/docs/package.json @@ -1,6 +1,6 @@ { "name": "docs", - "version": "5.0.0-alpha.37", + "version": "5.0.0-alpha.38", "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.37", + "@material-ui/core": "5.0.0-alpha.38", "@material-ui/data-grid": "^4.0.0-alpha.29", - "@material-ui/docs": "5.0.0-alpha.36", + "@material-ui/docs": "5.0.0-alpha.37", "@material-ui/icons": "5.0.0-alpha.37", - "@material-ui/lab": "5.0.0-alpha.37", + "@material-ui/lab": "5.0.0-alpha.38", "@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.37", + "@material-ui/styles": "5.0.0-alpha.36", + "@material-ui/system": "5.0.0-alpha.38", "@material-ui/types": "6.0.1", - "@material-ui/unstyled": "5.0.0-alpha.37", + "@material-ui/unstyled": "5.0.0-alpha.38", "@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 8f9533a3e3825c..5e99644a8d0d42 100644 --- a/framer/package.json +++ b/framer/package.json @@ -1,6 +1,6 @@ { "name": "framer", - "version": "1.0.19", + "version": "1.0.20", "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.37", + "docs": "5.0.0-alpha.38", "framer": "^1.2.5", "framer-motion": "^4.0.0", "mustache": "^4.0.0", diff --git a/package.json b/package.json index b41c3ea0d5c8c6..63f3c773cc3806 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "version": "5.0.0-alpha.37", + "version": "5.0.0-alpha.38", "private": true, "scripts": { "proptypes": "cross-env BABEL_ENV=development babel-node --extensions \".tsx,.ts,.js\" ./scripts/generateProptypes.ts", diff --git a/packages/material-ui-docs/package.json b/packages/material-ui-docs/package.json index 66daba2bf0cadc..6e929cce556b71 100644 --- a/packages/material-ui-docs/package.json +++ b/packages/material-ui-docs/package.json @@ -1,6 +1,6 @@ { "name": "@material-ui/docs", - "version": "5.0.0-alpha.36", + "version": "5.0.0-alpha.37", "private": false, "author": "Material-UI Team", "description": "Material-UI Docs - Documentation building blocks.", @@ -45,7 +45,7 @@ }, "dependencies": { "@babel/runtime": "^7.4.4", - "@material-ui/utils": "5.0.0-alpha.35", + "@material-ui/utils": "5.0.0-alpha.36", "nprogress": "^0.2.0" }, "publishConfig": { diff --git a/packages/material-ui-lab/package.json b/packages/material-ui-lab/package.json index a79f22c71b0475..443f56bade0705 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.37", + "version": "5.0.0-alpha.38", "private": false, "author": "Material-UI Team", "description": "Laboratory for new Material-UI modules.", @@ -68,8 +68,8 @@ "@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.37", - "@material-ui/utils": "5.0.0-alpha.35", + "@material-ui/system": "5.0.0-alpha.38", + "@material-ui/utils": "5.0.0-alpha.36", "clsx": "^1.0.4", "prop-types": "^15.7.2", "react-is": "^17.0.0", diff --git a/packages/material-ui-private-theming/package.json b/packages/material-ui-private-theming/package.json index 8db91e1bc348e0..16d0f5543514e5 100644 --- a/packages/material-ui-private-theming/package.json +++ b/packages/material-ui-private-theming/package.json @@ -1,6 +1,6 @@ { "name": "@material-ui/private-theming", - "version": "5.0.0-alpha.35", + "version": "5.0.0-alpha.36", "private": false, "author": "Material-UI Team", "description": "Material-UI Theming - The React theme context to be shared between `@material-ui/styles` and `@material-ui/core`.", @@ -48,7 +48,7 @@ }, "dependencies": { "@babel/runtime": "^7.4.4", - "@material-ui/utils": "5.0.0-alpha.35", + "@material-ui/utils": "5.0.0-alpha.36", "prop-types": "^15.7.2" }, "sideEffects": false, diff --git a/packages/material-ui-styles/package.json b/packages/material-ui-styles/package.json index bfd955fe13a7a9..c7f64687583c9e 100644 --- a/packages/material-ui-styles/package.json +++ b/packages/material-ui-styles/package.json @@ -1,6 +1,6 @@ { "name": "@material-ui/styles", - "version": "5.0.0-alpha.35", + "version": "5.0.0-alpha.36", "private": false, "author": "Material-UI Team", "description": "Material-UI Styles - The styling solution of Material-UI.", @@ -49,9 +49,9 @@ "dependencies": { "@babel/runtime": "^7.4.4", "@emotion/hash": "^0.8.0", - "@material-ui/private-theming": "5.0.0-alpha.35", + "@material-ui/private-theming": "5.0.0-alpha.36", "@material-ui/types": "6.0.1", - "@material-ui/utils": "5.0.0-alpha.35", + "@material-ui/utils": "5.0.0-alpha.36", "clsx": "^1.0.4", "csstype": "^3.0.2", "hoist-non-react-statics": "^3.3.2", diff --git a/packages/material-ui-system/package.json b/packages/material-ui-system/package.json index a034277e110949..ff41e573b2e306 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.37", + "version": "5.0.0-alpha.38", "private": false, "author": "Material-UI Team", "description": "CSS utilities for rapidly laying out custom designs.", @@ -56,10 +56,10 @@ }, "dependencies": { "@babel/runtime": "^7.4.4", - "@material-ui/private-theming": "5.0.0-alpha.35", + "@material-ui/private-theming": "5.0.0-alpha.36", "@material-ui/styled-engine": "5.0.0-alpha.34", "@material-ui/types": "6.0.1", - "@material-ui/utils": "5.0.0-alpha.35", + "@material-ui/utils": "5.0.0-alpha.36", "clsx": "^1.0.4", "csstype": "^3.0.2", "prop-types": "^15.7.2" diff --git a/packages/material-ui-unstyled/package.json b/packages/material-ui-unstyled/package.json index 1b22d2a1c4fb9a..0e5949568980ab 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.37", + "version": "5.0.0-alpha.38", "private": false, "author": "Material-UI Team", "description": "Unstyled React components with which to implement custom design systems.", @@ -48,7 +48,7 @@ }, "dependencies": { "@babel/runtime": "^7.4.4", - "@material-ui/utils": "5.0.0-alpha.35", + "@material-ui/utils": "5.0.0-alpha.36", "clsx": "^1.0.4", "prop-types": "^15.7.2", "react-is": "^17.0.0" diff --git a/packages/material-ui-utils/package.json b/packages/material-ui-utils/package.json index f349afe09a696e..7ed7bc6f137ee2 100644 --- a/packages/material-ui-utils/package.json +++ b/packages/material-ui-utils/package.json @@ -1,6 +1,6 @@ { "name": "@material-ui/utils", - "version": "5.0.0-alpha.35", + "version": "5.0.0-alpha.36", "private": false, "author": "Material-UI Team", "description": "Utility functions for React components.", diff --git a/packages/material-ui/package.json b/packages/material-ui/package.json index 10be013987fb68..74a18102d4fdc7 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.37", + "version": "5.0.0-alpha.38", "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.", @@ -60,10 +60,10 @@ }, "dependencies": { "@babel/runtime": "^7.4.4", - "@material-ui/system": "5.0.0-alpha.37", + "@material-ui/system": "5.0.0-alpha.38", "@material-ui/types": "6.0.1", - "@material-ui/unstyled": "5.0.0-alpha.37", - "@material-ui/utils": "5.0.0-alpha.35", + "@material-ui/unstyled": "5.0.0-alpha.38", + "@material-ui/utils": "5.0.0-alpha.36", "@popperjs/core": "^2.4.4", "@types/react-transition-group": "^4.2.0", "clsx": "^1.0.4", diff --git a/test/package.json b/test/package.json index 037aa23f6e3b55..38c09ec47ab6d2 100644 --- a/test/package.json +++ b/test/package.json @@ -1,7 +1,7 @@ { "private": true, "name": "test", - "version": "5.0.0-alpha.37", + "version": "5.0.0-alpha.38", "scripts": { "typescript": "tsc -p tsconfig.json" } From a86102dff85392891739117420d07b5681fe44a9 Mon Sep 17 00:00:00 2001 From: siriwatknp Date: Wed, 23 Jun 2021 16:13:21 +0700 Subject: [PATCH 3/8] update link --- CHANGELOG.md | 41 ++++++++++++++++++++++------------------- 1 file changed, 22 insertions(+), 19 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index e483f5ab538cc4..d1ea0282c70c97 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,7 +1,9 @@ ### [Versions](https://material-ui.com/versions/ ## 5.0.0-alpha.38 + + _Jun 23, 2021_ Big thanks to the 18 contributors who made this release possible. Here are some highlights ✨: @@ -15,10 +17,10 @@ Big thanks to the 18 contributors who made this release possible. Here are some - [Menu] Use ButtonBase in MenuItem (#26591) @siriwatknp - Change the default value of `anchorOrigin.vertical` to follow the Material Design guidelines. The menu now displays below the anchor instead of on top of it. - This conversation was marked as resolved by siriwatknp - Show conversation + This conversation was marked as resolved by siriwatknp + Show conversation You can restore the previous behavior with: - + ```diff +
  • ``` - + - prop `listItemClasses` is removed, use `classes` instead. - + ```diff - + ``` -- [theme] Improve default breakpoints (#26746) @siriwatknp +- [theme] Improve default breakpoints (#26746) @siriwatknp The default breakpoints were changed to better match the common use cases. They also better match the Material Design guidelines. [Read more about the change](https://github.com/mui-org/material-ui/issues/21902) @@ -76,8 +78,8 @@ Big thanks to the 18 contributors who made this release possible. Here are some }, }); ``` - -- [IconButton] Add size `large` and update styles (#26748) @siriwatknp + +- [IconButton] Add size `large` and update styles (#26748) @siriwatknp The default size's padding is reduced to `8px` which makes the default IconButton size of `40px`. To get the old default size (`48px`), use `size="large"`. The change was done to better match Google's products when Material Design stopped documenting the icon button pattern. @@ -88,11 +90,11 @@ Big thanks to the 18 contributors who made this release possible. Here are some - [Slider] Adjust css to match the specification (#26632) @siriwatknp - Rework the CSS to match the latest [Material Design guidelines](https://material.io/components/sliders) and make custom styles more intuitive. [See documentation](/components/slider/). + Rework the CSS to match the latest [Material Design guidelines](https://material.io/components/sliders) and make custom styles more intuitive. [See documentation](https://next.material-ui.com/components/slider/). - - - You can reduce the density of the slider, closer to v4 with the [`size="small"` prop](/components/slider/#sizes). + + + You can reduce the density of the slider, closer to v4 with the [`size="small"` prop](https://next.material-ui.com/components/slider/#sizes). - [IconButton] Remove label span (#26801) @siriwatknp @@ -109,18 +111,18 @@ Big thanks to the 18 contributors who made this release possible. Here are some - [core] Remove `unstable_` prefix on the `useThemeProps` hook (#26777) @mnajdova The following utilities were renamed to not contain the `unstable_` prefix: - + - `@material-ui/sytstem` - + ```diff import { - unstable_useThemeProps, + useThemeProps, } from '@material-ui/system'; ``` - + - `@material-ui/core` - + ```diff import { - unstable_useThemeProps, @@ -159,6 +161,7 @@ Big thanks to the 18 contributors who made this release possible. Here are some - [system] Add ThemeProvider component (#26787) @mnajdova ### Docs + - [docs] Fix misspelling of the word Typography (#26898) @dmrqx - [docs] Instruct users to install @material-ui/icons with the next tag (#26873) @michal-perlakowski - [docs] Sync translations (#26828) @l10nbot @@ -189,11 +192,11 @@ Big thanks to the 18 contributors who made this release possible. Here are some - [core] Remove dependency on `@material-ui/styled-engine` (#26792) @mnajdova ### Starter + - [examples] Rename nextjs typescript theme from tsx to ts (#26862) @Izhaki All contributors of this release in alphabetical order: @ahmed-28, @brunocavalcante, @DanielBretzigheimer, @dijonkitchen, @dmrqx, @eps1lon, @Izhaki, @kshuiroy, @l10nbot, @michal-perlakowski, @michaldudak, @mnajdova, @oliviertassinari, @pavinduLakshan, @shadab14meb346, @siriwatknp, @tungdt-90, @varandasi - ## 5.0.0-alpha.37 From aad5b7034dd7158c6bb29b8581d29a2eee2858d2 Mon Sep 17 00:00:00 2001 From: Siriwat K Date: Wed, 23 Jun 2021 18:23:35 +0700 Subject: [PATCH 4/8] Apply suggestions from code review Co-authored-by: Olivier Tassinari --- CHANGELOG.md | 18 ++++++++---------- 1 file changed, 8 insertions(+), 10 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index d1ea0282c70c97..cda1dd578961ee 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,4 +1,4 @@ -### [Versions](https://material-ui.com/versions/ +### [Versions](https://material-ui.com/versions/) ## 5.0.0-alpha.38 @@ -8,7 +8,7 @@ _Jun 23, 2021_ Big thanks to the 18 contributors who made this release possible. Here are some highlights ✨: -- 🚀 We have completed all the [breaking changes](https://github.com/mui-org/material-ui/issues/20012). The plan to release 5.0.0-beta.0 is on July 1st and will start to promote its usage over v4 +- 🚀 We have completed all the [breaking changes](https://github.com/mui-org/material-ui/issues/20012). The plan to release 5.0.0-beta.0 is on July 1st and will start to promote its usage over v4. ### `@material-ui/core@5.0.0-alpha.38` @@ -16,10 +16,7 @@ Big thanks to the 18 contributors who made this release possible. Here are some - [Menu] Use ButtonBase in MenuItem (#26591) @siriwatknp - - Change the default value of `anchorOrigin.vertical` to follow the Material Design guidelines. The menu now displays below the anchor instead of on top of it. - This conversation was marked as resolved by siriwatknp - Show conversation - You can restore the previous behavior with: + - Change the default value of `anchorOrigin.vertical` to follow the Material Design guidelines. The menu now displays below the anchor instead of on top of it. You can restore the previous behavior with: ```diff +
  • ``` - - prop `listItemClasses` is removed, use `classes` instead. + - The prop `listItemClasses` was removed, you can use `classes` instead. ```diff - @@ -46,7 +42,7 @@ Big thanks to the 18 contributors who made this release possible. Here are some - [theme] Improve default breakpoints (#26746) @siriwatknp - The default breakpoints were changed to better match the common use cases. They also better match the Material Design guidelines. [Read more about the change](https://github.com/mui-org/material-ui/issues/21902) + The default breakpoints were changed to better match the common use cases. They also better match the Material Design guidelines. [Read more about the change](https://github.com/mui-org/material-ui/issues/21902). ```diff { @@ -152,6 +148,8 @@ Big thanks to the 18 contributors who made this release possible. Here are some - [system] Normalize api for `createBox` (#26820) @mnajdova ```diff + import { createBox } from '@material-ui/system'; + -const styled = createBox(defaultTheme); +const styled = createBox({ defaultTheme }); ``` From 8935050e11c62c2e1c59b8698c6469b2fad55bdd Mon Sep 17 00:00:00 2001 From: siriwatknp Date: Wed, 23 Jun 2021 18:33:50 +0700 Subject: [PATCH 5/8] update CHANGELOG --- CHANGELOG.md | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index cda1dd578961ee..d7406b5547e1c6 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,6 +9,8 @@ _Jun 23, 2021_ Big thanks to the 18 contributors who made this release possible. Here are some highlights ✨: - 🚀 We have completed all the [breaking changes](https://github.com/mui-org/material-ui/issues/20012). The plan to release 5.0.0-beta.0 is on July 1st and will start to promote its usage over v4. +- 🎨 We have updated `Slider` to match current [material design spec](https://material.io/components/sliders). +- 💡 `IconButton` now supports 3 sizes (`small, medium, large`). [See demo](/components/buttons/#sizes-2). ### `@material-ui/core@5.0.0-alpha.38` @@ -92,6 +94,8 @@ Big thanks to the 18 contributors who made this release possible. Here are some You can reduce the density of the slider, closer to v4 with the [`size="small"` prop](https://next.material-ui.com/components/slider/#sizes). + + - [IconButton] Remove label span (#26801) @siriwatknp `span` element that wraps children has been removed. `label` classKey is also removed. More details about [this change](https://github.com/mui-org/material-ui/pull/26666). @@ -172,6 +176,7 @@ Big thanks to the 18 contributors who made this release possible. Here are some - [docs] Fix small PT typo fix: inciar -> iniciar (#26775) @brunocavalcante - [I10n] Add Chinese (Hong Kong) (zh-HK) locale (#26637) @kshuiroy - [l10n] Add sinhalese (siLK) locale (#26875) @pavinduLakshan +- [examples] Rename nextjs typescript theme from tsx to ts (#26862) @Izhaki ### Core @@ -189,10 +194,6 @@ Big thanks to the 18 contributors who made this release possible. Here are some - [core] Remove dependency on `@material-ui/private-theming` (#26793) @mnajdova - [core] Remove dependency on `@material-ui/styled-engine` (#26792) @mnajdova -### Starter - -- [examples] Rename nextjs typescript theme from tsx to ts (#26862) @Izhaki - All contributors of this release in alphabetical order: @ahmed-28, @brunocavalcante, @DanielBretzigheimer, @dijonkitchen, @dmrqx, @eps1lon, @Izhaki, @kshuiroy, @l10nbot, @michal-perlakowski, @michaldudak, @mnajdova, @oliviertassinari, @pavinduLakshan, @shadab14meb346, @siriwatknp, @tungdt-90, @varandasi ## 5.0.0-alpha.37 From 5c2cfaf498f9a893afefc0a4ad0ee62e7760cf20 Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Wed, 23 Jun 2021 14:43:57 +0200 Subject: [PATCH 6/8] add visual illustration --- CHANGELOG.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index d7406b5547e1c6..c3cc5f2870f223 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -10,7 +10,13 @@ Big thanks to the 18 contributors who made this release possible. Here are some - 🚀 We have completed all the [breaking changes](https://github.com/mui-org/material-ui/issues/20012). The plan to release 5.0.0-beta.0 is on July 1st and will start to promote its usage over v4. - 🎨 We have updated `Slider` to match current [material design spec](https://material.io/components/sliders). + + + - 💡 `IconButton` now supports 3 sizes (`small, medium, large`). [See demo](/components/buttons/#sizes-2). +- ♿️ We have improved the default style of the `Link` to be more accessible (#26145) @ahmed-28 + + ### `@material-ui/core@5.0.0-alpha.38` From 499089c86406343bd5696eb3f80f9773e89f3b13 Mon Sep 17 00:00:00 2001 From: Siriwat K Date: Wed, 23 Jun 2021 19:46:10 +0700 Subject: [PATCH 7/8] Update CHANGELOG.md Co-authored-by: Sebastian Silbermann --- CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index c3cc5f2870f223..c6cf899b55aaa5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,7 +9,7 @@ _Jun 23, 2021_ Big thanks to the 18 contributors who made this release possible. Here are some highlights ✨: - 🚀 We have completed all the [breaking changes](https://github.com/mui-org/material-ui/issues/20012). The plan to release 5.0.0-beta.0 is on July 1st and will start to promote its usage over v4. -- 🎨 We have updated `Slider` to match current [material design spec](https://material.io/components/sliders). +- 🎨 We have updated `Slider` to match current [Material Design guidelines](https://material.io/components/sliders). From 4e3996059b37e08d946a5a3656f7360fc9986269 Mon Sep 17 00:00:00 2001 From: siriwatknp Date: Thu, 24 Jun 2021 10:06:23 +0700 Subject: [PATCH 8/8] update CHANGELOG --- CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index c6cf899b55aaa5..e56eccb40e4d93 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -8,7 +8,7 @@ _Jun 23, 2021_ Big thanks to the 18 contributors who made this release possible. Here are some highlights ✨: -- 🚀 We have completed all the [breaking changes](https://github.com/mui-org/material-ui/issues/20012). The plan to release 5.0.0-beta.0 is on July 1st and will start to promote its usage over v4. +- 🚀 We have only 2 left in the [breaking changes](https://github.com/mui-org/material-ui/issues/20012). The plan to release 5.0.0-beta.0 is on July 1st and will start to promote its usage over v4. - 🎨 We have updated `Slider` to match current [Material Design guidelines](https://material.io/components/sliders).