From 3df2beec26c689423a2fb450f39ea256991abd33 Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Sat, 15 Feb 2020 11:53:45 +0100 Subject: [PATCH 1/6] [docs] There are 1,100 icons now --- docs/src/pages/components/icons/icons.md | 4 ++-- docs/src/pages/components/material-icons/material-icons.md | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/src/pages/components/icons/icons.md b/docs/src/pages/components/icons/icons.md index bc02e572d2ed6a..66fe9a96d743a3 100644 --- a/docs/src/pages/components/icons/icons.md +++ b/docs/src/pages/components/icons/icons.md @@ -15,7 +15,7 @@ Material-UI provides icons support in three ways: ## Material Icons -Material Design has standardized over 1,000 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/). +Material Design has standardized over 1,100 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can [search the full list of these icons](/components/material-icons/). ### Usage @@ -101,7 +101,7 @@ import StarIcon from './star.svg'; #### Material Design (recommended) -Material Design has standardized over [1,000 official icons](#material-icons). +Material Design has standardized over [1,100 official icons](#material-icons). #### MDI diff --git a/docs/src/pages/components/material-icons/material-icons.md b/docs/src/pages/components/material-icons/material-icons.md index c00b7f3ea5e51b..9f23f1e4204b7a 100644 --- a/docs/src/pages/components/material-icons/material-icons.md +++ b/docs/src/pages/components/material-icons/material-icons.md @@ -5,11 +5,11 @@ components: Icon, SvgIcon # Material Icons -

1,000+ React Material icons ready to use from the official website.

+

1,100+ React Material icons ready to use from the official website.

The following npm package, [@material-ui/icons](https://www.npmjs.com/package/@material-ui/icons), -includes the 1,000+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components. +includes the 1,100+ official [Material icons](https://material.io/tools/icons/?style=baseline) converted to [`SvgIcon`](/api/svg-icon/) components. {{"demo": "pages/components/material-icons/SearchIcons.js", "hideHeader": true, "bg": true}} From 3d6d94ffc1224fc499d84927ff73ca59d0a43eb9 Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Sat, 15 Feb 2020 11:54:39 +0100 Subject: [PATCH 2/6] [backers] Let's try a lower Diamond point --- README.md | 2 +- docs/src/pages/discover-more/backers/backers.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 7294b728860593..1f79bfc452d264 100644 --- a/README.md +++ b/README.md @@ -48,7 +48,7 @@ Please note that `@next` will only point to pre-releases; to get the latest stab ### Diamond 💎 -Diamond Sponsors are those who have pledged $2,000/month or more to Material-UI. +Diamond Sponsors are those who have pledged $1,500/month or more to Material-UI. ### Gold 🏆 diff --git a/docs/src/pages/discover-more/backers/backers.md b/docs/src/pages/discover-more/backers/backers.md index a93fdbf6e46794..ff9bec2c9c940c 100644 --- a/docs/src/pages/discover-more/backers/backers.md +++ b/docs/src/pages/discover-more/backers/backers.md @@ -10,7 +10,7 @@ The core of Material-UI is a crowd-funded open-source project, licensed under th *3/3 slots available* -Diamond Sponsors are those who have pledged $2,000/month or more to Material-UI. +Diamond Sponsors are those who have pledged $1,500/month or more to Material-UI. Please contact us at diamond@material-ui.com to subscribe to this tier. ### Gold 🏆 From 532d6388a7cf72ba5813894c0c1ace4b424c995c Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Sat, 15 Feb 2020 11:57:33 +0100 Subject: [PATCH 3/6] [job] Not knowing Material-UI can also be an advantage --- docs/src/pages/company/software-engineer/software-engineer.md | 1 - 1 file changed, 1 deletion(-) diff --git a/docs/src/pages/company/software-engineer/software-engineer.md b/docs/src/pages/company/software-engineer/software-engineer.md index f2fe239589d1c7..a63e1544c5dd52 100644 --- a/docs/src/pages/company/software-engineer/software-engineer.md +++ b/docs/src/pages/company/software-engineer/software-engineer.md @@ -67,7 +67,6 @@ Premium components: - **You’ve contributed to a design system before**. You have worked on enterprise components in the past, maybe for internal usage in your company. You have built complex and advanced features while making sure the accessibility was fully functional. - **You’ve maintained an active repository before**. Maybe you’ve helped maintain a popular open source repo, or perhaps you’ve worked on internal repos that saw contributions from multiple teams. Previous experience with highly active repo workflows is a definite plus for this role. -- **You have used Material-UI before**. You have built a non trivial application with Material-UI in the past. You know the limitations of the library, you know a few areas that could be improved. - **You have contributed code to Material-UI before**. A history of contributing to Material-UI would be a definite plus. ## The best parts of this job From 56de4dec98da8a06805cdae52e398f3215e1494a Mon Sep 17 00:00:00 2001 From: Matt Date: Sat, 15 Feb 2020 12:00:49 +0100 Subject: [PATCH 4/6] [Divider] Update flexItem description --- docs/pages/api/divider.md | 2 +- packages/material-ui/src/Divider/Divider.js | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/docs/pages/api/divider.md b/docs/pages/api/divider.md index 71d46c4a76be24..8f54a7fc012194 100644 --- a/docs/pages/api/divider.md +++ b/docs/pages/api/divider.md @@ -27,7 +27,7 @@ You can learn more about the difference by [reading this guide](/guides/minimizi | absolute | bool | false | Absolutely position the element. | | classes | object | | Override or extend the styles applied to the component. See [CSS API](#css) below for more details. | | component | elementType | 'hr' | The component used for the root node. Either a string to use a DOM element or a component. | -| flexItem | bool | false | If `true`, the divider will adapt to a parent flex container. | +| flexItem | bool | false | If `true`, a vertical divider will have the correct height when used in flex container. (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.) | | light | bool | false | If `true`, the divider will have a lighter color. | | orientation | 'horizontal'
| 'vertical' | 'horizontal' | The divider orientation. | | variant | 'fullWidth'
| 'inset'
| 'middle' | 'fullWidth' | The variant to use. | diff --git a/packages/material-ui/src/Divider/Divider.js b/packages/material-ui/src/Divider/Divider.js index e97b5086dd404e..63ae92db4c9469 100644 --- a/packages/material-ui/src/Divider/Divider.js +++ b/packages/material-ui/src/Divider/Divider.js @@ -99,7 +99,8 @@ Divider.propTypes = { */ component: PropTypes.elementType, /** - * If `true`, the divider will adapt to a parent flex container. + * If `true`, a vertical divider will have the correct height when used in flex container. + * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.) */ flexItem: PropTypes.bool, /** From 40448de01c5585e56caf5d02809fd93d7f435c93 Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Sat, 15 Feb 2020 12:13:26 +0100 Subject: [PATCH 5/6] [docs] Clarify diff between select and autocomplete --- docs/src/pages/components/selects/selects.md | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/docs/src/pages/components/selects/selects.md b/docs/src/pages/components/selects/selects.md index a9301a1cd88e95..85ea7acfceb5df 100644 --- a/docs/src/pages/components/selects/selects.md +++ b/docs/src/pages/components/selects/selects.md @@ -13,6 +13,13 @@ Menus are positioned over their emitting elements such that the currently select {{"demo": "pages/components/selects/SimpleSelect.js"}} +## Advanced features + +The Select component is meant to be interchangeable with a native `` element. If you are looking for more advanced features, like combobox, multiselect, autocomplete, async or creatable support, head to the [`Autocomplete` component](/components/autocomplete/). -It's meant to be an improved version of "react-select". +It's also meant to be an improved version of the "react-select" package. ## Native Select