Skip to content

Commit

Permalink
v5.0.0-alpha.1
Browse files Browse the repository at this point in the history
  • Loading branch information
oliviertassinari committed Jun 27, 2020
1 parent 6593a5f commit 8281371
Show file tree
Hide file tree
Showing 13 changed files with 233 additions and 29 deletions.
194 changes: 194 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,199 @@
### [Versions](https://material-ui.com/versions/)

## 5.0.0-alpha.1

###### _June 27, 2020_

Big thanks to the 33 contributors who made this release possible. Here are some highlights ✨:

- 🔄 Introduce a new `LoadingButton` component in the lab (#21389) @mnajdova.
- 📍 Synchronize icons with Google, add 200 new icons (#21498) @alecananian
- 💥 Start working on breaking changes.

### `@material-ui/[email protected]`

#### Breaking changes

- [Divider] Use border instead of background color (#18965) @mikejav.
It prevents inconsistent height on scaled screens. For people customizing the color of the border, the change requires changing the override CSS property:

```diff
.MuiDivider-root {
- background-color: #f00;
+ border-color: #f00;
}
```
- [Rating] Rename `visuallyhidden` to `visuallyHidden` for consistency (#21413) @mnajdova.

```diff
<Rating
classes={{
- visuallyhidden: 'custom-visually-hidden-classname',
+ visuallyHidden: 'custom-visually-hidden-classname',
}}
/>
```
- [Typography] Replace the `srOnly` prop so as to not duplicate the capabilities of [System](https://material-ui.com/system/basics/) (#21413) @mnajdova.

```diff
-import Typography from '@material-ui/core/Typography';
+import { visuallyHidden } from '@material-ui/system';
+import styled from 'styled-component';

+const Span = styled('span')(visuallyHidden);

-<Typography variant="srOnly">Create a user</Typography>
+<Span>Create a user</Span>
```
- [TablePagination] Add showFirstButton and showLastButton support (#20750) @ShahAnuj2610.
The customization of the table pagination's actions labels must be done with the `getItemAriaLabel` prop. This increases consistency with the `Pagination` component.

```diff
<TablePagination
- backIconButtonText="Avant"
- nextIconButtonText="Après
+ getItemAriaLabel={…}
```
- [ExpansionPanel] Rename to Accordion (#21494) @mnajdova.
Use a more common the naming convention:

```diff
-import ExpansionPanel from '@material-ui/core/ExpansionPanel';
-import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
-import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
-import ExpansionPanelActions from '@material-ui/core/ExpansionPanelActions';
+import Accordion from '@material-ui/core/Accordion';
+import AccordionSummary from '@material-ui/core/AccordionSummary';
+import AccordionDetails from '@material-ui/core/AccordionDetails';
+import AccordionActions from '@material-ui/core/AccordionActions';

-<ExpansionPanel>
+<Accordion>
- <ExpansionPanelSummary>
+ <AccordionSummary>
<Typography>Location</Typography>
<Typography>Select trip destination</Typography>
- </ExpansionPanelSummary>
+ </AccordionSummary>
- <ExpansionPanelDetails>
+ <AccordionDetails>
<Chip label="Barbados" onDelete={() => {}} />
<Typography variant="caption">Select your destination of choice</Typography>
- </ExpansionPanelDetails>
+ </AccordionDetails>
<Divider />
- <ExpansionPanelActions>
+ <AccordionActions>
<Button size="small">Cancel</Button>
<Button size="small" color="primary">Save</Button>
- </ExpansionPanelActions>
+ </AccordionActions>
-</ExpansionPanel>
+</Accordion>
```
- [BottomNavigation] typescript: The `event` in `onChange` is no longer typed as a `React.ChangeEvent` but `React.SyntheticEvent`.

```diff
-<BottomNavigation onChange={(event: React.ChangEvent<{}>) => {}} />
+<BottomNavigation onChange={(event: React.SyntheticEvent) => {}} />
```
- [Slider] typescript: The `event` in `onChange` is no longer typed as a `React.ChangeEvent` but `React.SyntheticEvent`.

```diff
-<Slider onChange={(event: React.ChangEvent<{}>, value: unknown) => {}} />
+<Slider onChange={(event: React.SyntheticEvent, value: unknown) => {}} />
```
- [Tabs] typescript: The `event` in `onChange` is no longer typed as a `React.ChangeEvent` but `React.SyntheticEvent`.

```diff
-<Tabs onChange={(event: React.ChangEvent<{}>, value: unknown) => {}} />
+<Tabs onChange={(event: React.SyntheticEvent, value: unknown) => {}} />
```
- [Accordion] typescript: The `event` in `onChange` is no longer typed as a `React.ChangeEvent` but `React.SyntheticEvent`.
```diff
-<Accordion onChange={(event: React.ChangEvent<{}>, expanded: boolean) => {}} />
+<Accordion onChange={(event: React.SyntheticEvent, expanded: boolean) => {}} />
```

#### Changes

- [Badge] Fix transition flicker (#21557) @mnajdova
- [ButtonGroup] Improve contained hover style (#21532) @alecananian
- [l10n] Improve Russian translation (#21480) @AntonLukichev
- [l10n] Improve zh-CN, add zh-TW (#21493) @Jack-Works
- [LinearProgress] High frequency updates (#21416) @dnicerio
- [Stepper] Fix optional label alignment (#21420) @curtislin7
- [Table] Move prop docs into IntelliSense (#21530) @oliviertassinari
- [TablePagination] Add showFirstButton and showLastButton support (#20750) @ShahAnuj2610
- [Tabs] Fix useCallback missing arguments (#21471) @KitsonBroadhurst
- [TextField] Fix FilledInput disable hover style when disabled (#21457) @tchmnn

### `@material-ui/[email protected]`

- [Autocomplete] Fix support for renderTags={() => null} (#21460) @matthenschke
- [LoadingButton] Introduce new component (#21389) @mnajdova
- [Pagination] Fix display when boundaryCount={0} (#21446) @guimacrf
- [Skeleton] Fix text border (#21543) @el1f
- [Timeline] Align dots with content (#21402) @mnajdova
- [TreeView] Minor styling changes (#21573) @joshwooding
- [TreeView] Simplify customization (#21514) @joshwooding

### `@material-ui/[email protected]`

- [icons] Synchronize icons with Google (#21498) @alecananian

### `@material-ui/[email protected]`

- [system] Introduce visuallyHidden style utility (#21413) @mnajdova

### Docs

- [docs] Add CSP support section to docs (#21479) @razor-x
- [docs] Add explicit example for extending existing palette colors (#21458) @BennyHinrichs
- [docs] Add more details about breakpoint widths (#21545) @Muzietto
- [docs] Add new gold sponsor @oliviertassinari
- [docs] Add transitions customization page (#21456) @mnajdova
- [docs] Correct syntax errors to improve document readability (#21515) @AGDholo
- [docs] Document type="number" limitation (#21500) @IwalkAlone
- [docs] Entry for translations and fix grammar error (#21478) @jaironalves
- [docs] Fix broken "customization" anchor link (#21506) @connorads
- [docs] Fix typo in MultipleSelects.js (#21510) @ShiyuCheng2018
- [docs] Fix typo in SpeedDialIcon classes comment (#21398) @zachbradshaw
- [docs] Fix typo in TextField required prop (#21538) @HumbertoL
- [docs] Fix version in localized urls (#21442) @tchmnn
- [docs] Format english markdown files (#21463) @eps1lon
- [docs] Format some previously unformatted, untranslated files (#21558) @eps1lon
- [docs] Hide duplicate table borders (#20809) @marcosvega91
- [docs] Improve docs for useMediaQuery and breakpoint (#21512) @DDDDDanica
- [docs] Improve npm homepage links (#21452) @eps1lon
- [docs] Move more prop docs into IntelliSense (#21383) @eps1lon
- [docs] Restrict docs markdown and demos to 80ch (#21481) @eps1lon
- [docs] Reword palette intention and fix format (#21477) @DDDDDanica
- [docs] Update v4 migration guide (#21462) @eps1lon

### Core

- [typescript-to-proptypes] Integrate into monorepo @eps1lon
- [test] Add type test CardHeader title component (#21590) @eps1lon
- [test] Fix type tests not being type checked (#21539) @eps1lon
- [test] Ignore empty vrtests (#21450) @eps1lon
- [test] Improve makeStyles error coverage (#21568) @eps1lon
- [test] Migrate Typography to testing-library (#21534) @marcosvega91
- [test] Move size comparison details to separate page (#21504) @eps1lon
- [test] Use testing-library in MenuItem (#21391) @eps1lon
- [test] Use testing-library in StepButton (#21406) @baterson
- [test] Use testing-library in Stepper (#21400) @baterson
- [core] Batch small changes (#21419) @oliviertassinari
- [core] Batch small changes (#21553) @oliviertassinari
- [core] Disable caching for yarn proptypes permanently (#21414) @eps1lon
- [core] Extend env for build script (#21403) @eps1lon
- [core] Fix react next patch and prevent regression (#21495) @eps1lon
- [core] Fork typescript-to-proptypes (#21497) @eps1lon
- [core] Misc branch cleaning (#21459) @eps1lon
- [core] Misc prettier changes (#21484) @eps1lon
- [core] Run prettier on the JSON sources (#21556) @oliviertassinari
- [core] Type custom `onChange` implementations with a generic react event (#21552) @eps1lon

## 4.10.2

###### _June 11, 2020_
Expand Down
10 changes: 10 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,16 @@ npm install @material-ui/core
yarn add @material-ui/core
```

**[Alpha channel v5](https://next.material-ui.com/)**

```sh
// with npm
npm install @material-ui/core@next

// with yarn
yarn add @material-ui/core@next
```

**[v3.x](https://v3.material-ui.com/)** ([Migration from v3 to v4](https://material-ui.com/guides/migration-v3/))

**[v0.x](https://v0.material-ui.com/)** ([Migration to v1](https://material-ui.com/guides/migration-v0x/))
Expand Down
2 changes: 1 addition & 1 deletion docs/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
"build:clean": "rimraf .next && yarn build",
"build-sw": "node ./scripts/buildServiceWorker.js",
"dev": "rimraf ./node_modules/.cache/babel-loader && next dev",
"deploy": "git push material-ui-docs master:latest",
"deploy": "git push material-ui-docs next:next",
"export": "rimraf docs/export && next export --threads=3 -o export && yarn build-sw",
"icons": "rimraf public/static/icons/* && node ./scripts/buildIcons.js",
"start": "next start",
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"version": "4.10.2",
"version": "5.0.0-alpha.1",
"private": true,
"scripts": {
"proptypes": "ts-node --skip-project ./scripts/generateProptypes.ts",
Expand Down
4 changes: 2 additions & 2 deletions packages/material-ui-codemod/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@material-ui/codemod",
"version": "4.5.0",
"version": "5.0.0-alpha.1",
"private": false,
"author": "Material-UI Team",
"description": "Codemod scripts for Material-UI.",
Expand All @@ -16,7 +16,7 @@
"test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/material-ui-codemod/**/*.test.js'",
"prebuild": "rimraf lib",
"build": "node ../../scripts/build cjs --out-dir ./lib",
"release": "yarn build && npm publish"
"release": "yarn build && npm publish --tag next"
},
"repository": {
"type": "git",
Expand Down
8 changes: 4 additions & 4 deletions packages/material-ui-docs/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@material-ui/docs",
"version": "4.0.0-beta.3",
"version": "5.0.0-alpha.1",
"private": false,
"author": "Material-UI Team",
"description": "Material-UI Docs - Documentation building blocks.",
Expand Down Expand Up @@ -28,11 +28,11 @@
"build:esm": "node ../../scripts/build esm",
"build:copy-files": "node ../../scripts/copy-files.js",
"prebuild": "rimraf build",
"release": "yarn build && npm publish build --tag latest",
"release": "yarn build && npm publish build --tag next",
"test": "exit 0"
},
"peerDependencies": {
"@material-ui/core": "^4.0.0",
"@material-ui/core": "^5.0.0-alpha.1",
"@types/react": "^16.8.6",
"react": "^16.8.0",
"react-dom": "^16.8.0"
Expand All @@ -44,7 +44,7 @@
},
"dependencies": {
"@babel/runtime": "^7.4.4",
"@material-ui/utils": "^4.9.6",
"@material-ui/utils": "^5.0.0-alpha.1",
"nprogress": "^0.2.0"
},
"devDependencies": {},
Expand Down
6 changes: 3 additions & 3 deletions packages/material-ui-icons/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@material-ui/icons",
"version": "4.9.1",
"version": "5.0.0-alpha.1",
"private": false,
"author": "Material-UI Team",
"description": "Material Design Svg Icons converted to Material-UI React components.",
Expand Down Expand Up @@ -30,15 +30,15 @@
"build:copy-files": "node ../../scripts/copy-files.js",
"build:typings": "babel-node --config-file ../../babel.config.js ./scripts/create-typings.js",
"prebuild": "rimraf material-design-icons && rimraf build",
"release": "yarn build && npm publish build --tag latest",
"release": "yarn build && npm publish build --tag next",
"src:download": "cd ../../ && babel-node --config-file ./babel.config.js packages/material-ui-icons/scripts/download.js",
"src:icons": "cd ../../ && UV_THREADPOOL_SIZE=64 babel-node --config-file ./babel.config.js packages/material-ui-icons/builder.js --output-dir packages/material-ui-icons/src --svg-dir packages/material-ui-icons/material-icons --renameFilter ./renameFilters/material-design-icons.js",
"test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/material-ui-icons/**/*.test.js' --exclude '**/node_modules/**'",
"test:built-typings": "tslint -p test/generated-types/tsconfig.json \"test/generated-types/*.{ts,tsx}\"",
"typescript": "tslint -p tsconfig.json \"src/**/*.{ts,tsx}\""
},
"peerDependencies": {
"@material-ui/core": "^4.0.0",
"@material-ui/core": "^5.0.0-alpha.1",
"@types/react": "^16.8.6",
"react": "^16.8.0",
"react-dom": "^16.8.0"
Expand Down
8 changes: 4 additions & 4 deletions packages/material-ui-lab/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@material-ui/lab",
"version": "4.0.0-alpha.56",
"version": "5.0.0-alpha.1",
"private": false,
"author": "Material-UI Team",
"description": "Material-UI Lab - Incubator for Material-UI React components.",
Expand Down Expand Up @@ -29,12 +29,12 @@
"build:es": "node ../../scripts/build es",
"build:copy-files": "node ../../scripts/copy-files.js",
"prebuild": "rimraf build",
"release": "yarn build && npm publish build --tag latest",
"release": "yarn build && npm publish build --tag next",
"test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/material-ui-lab/**/*.test.js' --exclude '**/node_modules/**'",
"typescript": "tslint -p tsconfig.json \"src/**/*.{ts,tsx}\""
},
"peerDependencies": {
"@material-ui/core": "^4.9.10",
"@material-ui/core": "^5.0.0-alpha.1",
"@types/react": "^16.8.6",
"react": "^16.8.0",
"react-dom": "^16.8.0"
Expand All @@ -46,7 +46,7 @@
},
"dependencies": {
"@babel/runtime": "^7.4.4",
"@material-ui/utils": "^4.10.2",
"@material-ui/utils": "^5.0.0-alpha.1",
"clsx": "^1.0.4",
"prop-types": "^15.7.2",
"react-is": "^16.8.0"
Expand Down
6 changes: 3 additions & 3 deletions packages/material-ui-styles/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@material-ui/styles",
"version": "4.10.0",
"version": "5.0.0-alpha.1",
"private": false,
"author": "Material-UI Team",
"description": "Material-UI Styles - The styling solution of Material-UI.",
Expand Down Expand Up @@ -33,7 +33,7 @@
"build:es": "node ../../scripts/build es",
"build:copy-files": "node ../../scripts/copy-files.js",
"prebuild": "rimraf build",
"release": "yarn build && npm publish build --tag latest",
"release": "yarn build && npm publish build --tag next",
"test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/material-ui-styles/**/*.test.js' --exclude '**/node_modules/**'",
"typescript": "tslint -p tsconfig.json \"{src,test}/**/*.{ts,tsx}\""
},
Expand All @@ -51,7 +51,7 @@
"@babel/runtime": "^7.4.4",
"@emotion/hash": "^0.8.0",
"@material-ui/types": "^5.1.0",
"@material-ui/utils": "^4.9.6",
"@material-ui/utils": "^5.0.0-alpha.1",
"clsx": "^1.0.4",
"csstype": "^2.5.2",
"hoist-non-react-statics": "^3.3.2",
Expand Down
6 changes: 3 additions & 3 deletions packages/material-ui-system/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@material-ui/system",
"version": "4.9.14",
"version": "5.0.0-alpha.1",
"private": false,
"author": "Material-UI Team",
"description": "Material-UI System - Design system for Material-UI.",
Expand Down Expand Up @@ -33,7 +33,7 @@
"build:es": "node ../../scripts/build es",
"build:copy-files": "node ../../scripts/copy-files.js",
"prebuild": "rimraf build",
"release": "yarn build && npm publish build --tag latest",
"release": "yarn build && npm publish build --tag next",
"test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/material-ui-system/**/*.test.js' --exclude '**/node_modules/**'",
"typescript": "tslint -p tsconfig.json \"src/**/*.{ts,tsx}\""
},
Expand All @@ -49,7 +49,7 @@
},
"dependencies": {
"@babel/runtime": "^7.4.4",
"@material-ui/utils": "^4.9.6",
"@material-ui/utils": "^5.0.0-alpha.1",
"csstype": "^2.5.2",
"prop-types": "^15.7.2"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/material-ui-types/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
},
"homepage": "https://github.com/mui-org/material-ui/tree/master/packages/material-ui-types",
"scripts": {
"release": "npm publish --tag latest",
"release": "npm publish --tag next",
"test": "echo 'No runtime test. Type tests are run with the `typescript` script.'",
"typescript": "tslint -p tsconfig.json \"*.{ts,tsx}\""
},
Expand Down
Loading

0 comments on commit 8281371

Please sign in to comment.