diff --git a/CHANGELOG.md b/CHANGELOG.md index 4e1d5af91413b0..e56eccb40e4d93 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,207 @@ ### [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 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). + + + +- 💡 `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` + +#### 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. You can restore the previous behavior with: + + ```diff + + +
  • + ``` + + - The prop `listItemClasses` was removed, you can 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](https://next.material-ui.com/components/slider/). + + + + 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). + + ```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 + import { createBox } from '@material-ui/system'; + + -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 +- [examples] Rename nextjs typescript theme from tsx to ts (#26862) @Izhaki + +### 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 + +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 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" }