diff --git a/CHANGELOG.md b/CHANGELOG.md index ef404011804512..ef0a16690df410 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5757,7 +5757,7 @@ Here are some highlights ✨: Last but not least, the change allows us to take advantage dynamic style props. We will use them for dynamic color props, variant props, and new style props (an improved [system](https://mui.com/system/basics/)). This change has been in our roadmap for more than a year. - We announced it in the [v4 release blog post](https://medium.com/material-ui/material-ui-v4-is-out-4b7587d1e701) as a direction v5 would take. + We announced it in the [v4 release blog post](https://mui.com/blog/material-ui-v4-is-out/) as a direction v5 would take. - 🛠 A first iteration on the unstyled components. diff --git a/CHANGELOG.old.md b/CHANGELOG.old.md index 721a05811837b2..db064158f87f33 100644 --- a/CHANGELOG.old.md +++ b/CHANGELOG.old.md @@ -3583,7 +3583,7 @@ Here are some highlights ✨: _May 23, 2019_ -[Material-UI v4 is out 🎉](https://medium.com/material-ui/material-ui-v4-is-out-4b7587d1e701) +[Material-UI v4 is out 🎉](https://mui.com/blog/material-ui-v4-is-out/) Some statistics with v4 compared to the release of v1 one year ago: diff --git a/docs/pages/blog/2019.md b/docs/pages/blog/2019.md index d8ad51beee73a6..5d538063d213bf 100644 --- a/docs/pages/blog/2019.md +++ b/docs/pages/blog/2019.md @@ -31,7 +31,7 @@ We thought we were almost done, and that we had done the hardest part with the r We soon realized that we could do way more. It was just the beginning :D. Some of the key factors: -- The results of the [2019 Developer Survey](https://medium.com/material-ui/2019-material-ui-developer-survey-results-c9589434bbcf) have highlighted the immense potential for working on advanced components and features, especially for enterprise users. +- The results of the [2019 Developer Survey](https://mui.com/blog/2019-developer-survey-results/) have highlighted the immense potential for working on advanced components and features, especially for enterprise users. Developers are craving for a UI framework that they can learn once (e.g. few breaking changes, only one solution per problem) and use everywhere (e.g. comprehensive, customizable, high-quality). - Bootstrap had successfully released [a theme store](https://themes.getbootstrap.com/). Following this approach opened an opportunity to capture a fraction of the value MUI creates for its users, and funnel it back into R&D on the framework. diff --git a/docs/pages/blog/material-ui-v1-is-out.md b/docs/pages/blog/material-ui-v1-is-out.md index 324d42bfdcbe02..c214d9542e5992 100644 --- a/docs/pages/blog/material-ui-v1-is-out.md +++ b/docs/pages/blog/material-ui-v1-is-out.md @@ -129,7 +129,3 @@ MUI is an MIT-licensed open source project. It's an independent project with ong - GitHub: https://github.com/mui-org/material-ui ⭐ - Twitter: https://twitter.com/MUI_hq - -
- -_You can find the [same post on Medium](https://medium.com/material-ui/material-ui-v1-is-out-e73ce13463eb)._ diff --git a/docs/pages/blog/may-2019-update.md b/docs/pages/blog/may-2019-update.md index 160abfe0569f57..a153c9c60ae696 100644 --- a/docs/pages/blog/may-2019-update.md +++ b/docs/pages/blog/may-2019-update.md @@ -10,7 +10,7 @@ Olivier Tassinari. June 8, 2019. Here are the most significant improvements in May: - 🎉 We released MUI v4 stable during the React Europe conference. - You can find the details in our [blog post 📝](https://medium.com/material-ui/material-ui-v4-is-out-4b7587d1e701) and a quick introduction in this [5 minutes talk](https://www.youtube.com/watch?v=m54_CPfbWow). + You can find the details in our [blog post 📝](https://mui.com/blog/material-ui-v4-is-out/) and a quick introduction in this [5 minutes talk](https://www.youtube.com/watch?v=m54_CPfbWow). - 🐛 We have made two subsequent releases after v4.0.0, containing a significant number of fixes (v4.0.1 and v4.0.2). But this summary is just scratching the surface. We have accepted 206 commits from 78 different contributors. We have changed 3,031 files with 96,616 additions and 85,768 deletions. diff --git a/docs/pages/careers.tsx b/docs/pages/careers.tsx index 7c7beb775e1ef8..48dc32bcc8c0db 100644 --- a/docs/pages/careers.tsx +++ b/docs/pages/careers.tsx @@ -230,8 +230,8 @@ const futureRolesData = [ { title: 'Product Designer', description: - 'Design is critical to the success of our mission. We are looking for skills that complement our Lead Designer. You will empower our audience that seeks to build outstanding-looking UIs with new tools.', - url: '/company/11-product-designer/', + 'Design is critical to the success of our mission. We will be looking for skills that complement our Lead Designer. You will empower our community to build outstanding-looking UIs with innovative tools.', + url: undefined, }, ], }, diff --git a/docs/pages/company/about.js b/docs/pages/company/about.js deleted file mode 100644 index 4106b1372bd409..00000000000000 --- a/docs/pages/company/about.js +++ /dev/null @@ -1,7 +0,0 @@ -import * as React from 'react'; -import TopLayoutCompany from 'docs/src/modules/components/TopLayoutCompany'; -import { demos, docs, demoComponents } from 'docs/src/pages/company/about/about.md?@mui/markdown'; - -export default function Page() { - return ; -} diff --git a/docs/public/_redirects b/docs/public/_redirects index 56e31c49933f90..60c3f71919d099 100644 --- a/docs/public/_redirects +++ b/docs/public/_redirects @@ -106,6 +106,9 @@ https://v4.material-ui.com/* https://v4.mui.com/:splat 301! /discover-more/team/ /about/ 301 /api/data-grid/grid-export-csv-options/ /api/data-grid/grid-csv-export-options/ 301 +# 2022 +/company/about/ /about/ 301 + ## Localization /fr/* /:splat 301 /de/* /:splat 301 diff --git a/docs/src/components/home/XGridGlobalStyles.tsx b/docs/src/components/home/XGridGlobalStyles.tsx index 1fdd1dc943e132..739908f1801f78 100644 --- a/docs/src/components/home/XGridGlobalStyles.tsx +++ b/docs/src/components/home/XGridGlobalStyles.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { useTheme } from '@mui/material/styles'; +import { useTheme, alpha } from '@mui/material/styles'; import GlobalStyles from '@mui/material/GlobalStyles'; export default function XGridGlobalStyles({ @@ -42,11 +42,11 @@ export default function XGridGlobalStyles({ '& .MuiCheckbox-root': { color: theme.palette.mode === 'dark' - ? theme.palette.primary[300] + ? theme.palette.primary[400] : theme.palette.grey[600], padding: theme.spacing(0.5), '& > svg': { - fontSize: '1.25rem', + fontSize: '1.2rem', }, }, '& .MuiIconButton-root:not(.Mui-disabled)': { @@ -60,11 +60,14 @@ export default function XGridGlobalStyles({ '& .MuiDataGrid-menuIcon svg': { fontSize: '1rem', }, - '& .MuiDataGrid-columnsContainer': { - borderColor: + '& .MuiDataGrid-columnHeaders': { + borderBottom: `1px solid ${ theme.palette.mode === 'dark' ? theme.palette.primaryDark[500] - : theme.palette.grey[200], + : theme.palette.grey[200] + }`, + }, + '& .MuiDataGrid-columnsContainer': { bgcolor: theme.palette.mode === 'dark' ? theme.palette.primaryDark[800] : '#fff', }, '& .MuiDataGrid-columnHeaderTitleContainer': { @@ -93,12 +96,13 @@ export default function XGridGlobalStyles({ theme.palette.mode === 'dark' ? theme.palette.primaryDark[900] : theme.palette.grey[50], - '& .MuiDataGrid-cell': { - borderColor: - theme.palette.mode === 'dark' - ? theme.palette.primaryDark[700] - : theme.palette.grey[200], - }, + }, + '& .MuiDataGrid-cell': { + borderBottom: `1px solid ${ + theme.palette.mode === 'dark' + ? alpha(theme.palette.primaryDark[500], 0.5) + : theme.palette.grey[200] + }`, }, '& .MuiDataGrid-editInputCell': { fontSize: '0.75rem', @@ -120,7 +124,14 @@ export default function XGridGlobalStyles({ marginRight: theme.spacing(1), '& .MuiIconButton-root': { '&:not([disabled])': { - color: theme.palette.mode === 'dark' ? '#fff' : theme.palette.primary.main, + color: + theme.palette.mode === 'dark' + ? theme.palette.primaryDark[100] + : theme.palette.primary.main, + borderColor: + theme.palette.mode === 'dark' + ? theme.palette.primaryDark[300] + : theme.palette.grey[400], }, borderRadius: theme.shape.borderRadius, padding: theme.spacing(0.5), @@ -129,13 +140,13 @@ export default function XGridGlobalStyles({ theme.palette.mode === 'dark' ? theme.palette.primaryDark[600] : 'transparent', borderColor: theme.palette.mode === 'dark' - ? theme.palette.primaryDark[600] + ? theme.palette.primaryDark[500] : theme.palette.grey[200], '&:last-of-type': { marginLeft: theme.spacing(1), }, '& > svg': { - fontSize: '1.25rem', + fontSize: '1rem', }, }, }, diff --git a/docs/src/components/productX/XHero.tsx b/docs/src/components/productX/XHero.tsx index ec7064d5562faa..f5dac4f8e7397a 100644 --- a/docs/src/components/productX/XHero.tsx +++ b/docs/src/components/productX/XHero.tsx @@ -17,6 +17,7 @@ import HeroContainer from 'docs/src/layouts/HeroContainer'; import IconImage from 'docs/src/components/icon/IconImage'; import FolderTreeView from 'docs/src/components/showcase/FolderTreeView'; import ROUTES from 'docs/src/route'; +import { alpha } from '@mui/material/styles'; const startDate = new Date(); startDate.setDate(10); @@ -73,7 +74,7 @@ export default function XHero() { - theme.palette.mode === 'dark' ? 'primaryDark.800' : 'initial', + theme.palette.mode === 'dark' ? 'primaryDark.800' : '#fff', border: (theme) => `1px solid ${ theme.palette.mode === 'dark' @@ -116,6 +117,14 @@ export default function XHero() { fontSize: '1.25rem', }, }, + '& .MuiDataGrid-columnHeaders': { + borderBottom: (theme) => + `1px solid ${ + theme.palette.mode === 'dark' + ? theme.palette.primaryDark[600] + : theme.palette.grey[200] + }`, + }, '& .MuiDataGrid-columnHeaderTitleContainer': { padding: 0, color: 'text.primary', @@ -127,6 +136,16 @@ export default function XHero() { '& button, & button > svg': { fontSize: 16, }, + '& .MuiDataGrid-cell': { + fontSize: '0.875rem', + color: 'text.secondary', + borderBottom: (theme) => + `1px solid ${ + theme.palette.mode === 'dark' + ? alpha(theme.palette.primaryDark[600], 0.5) + : theme.palette.grey[200] + }`, + }, '& .MuiDataGrid-viewport': { '& .MuiDataGrid-cell': { fontSize: '0.875rem', @@ -166,7 +185,7 @@ export default function XHero() { - theme.palette.mode === 'dark' ? 'primaryDark.800' : 'initial', + theme.palette.mode === 'dark' ? 'primaryDark.800' : '#fff', border: (theme) => `1px solid ${ theme.palette.mode === 'dark' diff --git a/docs/src/pages/company/about/about.md b/docs/src/pages/company/about/about.md deleted file mode 100644 index 856353098436d0..00000000000000 --- a/docs/src/pages/company/about/about.md +++ /dev/null @@ -1,23 +0,0 @@ -# About Us - -

We're on a mission to make building UIs with React fun.

- -## Our Mission - -Our company is focused on making React UIs development easier, better, and accessible to more people. -We build open source and commercial tools used by many hundreds of thousands of developers in production. -We're proud not only of the products we make, but also the community and partnerships we've cultivated with other developers and companies. - -## Our Vision - -Our vision is to provide React components for faster and simpler web development. [Read more](/discover-more/vision/). - -## Our Values - -Our core values include transparency (our work is public most of the time); creating a safe, high-trust team; building incredible developer experiences; maintaining a healthy working environment; and helping to deliver web experiences that feel amazing to use on every device and connection type. - -## Our Story - -MUI started back in 2014 to unify React and Material Design. - -Today, MUI has grown to become one of the world's most popular React UI libraries – backed by a vibrant community of more than 1M developers in over 180 countries. diff --git a/docs/src/pages/getting-started/learn/learn.md b/docs/src/pages/getting-started/learn/learn.md index 74d51833364882..e361e4941eeb17 100644 --- a/docs/src/pages/getting-started/learn/learn.md +++ b/docs/src/pages/getting-started/learn/learn.md @@ -43,7 +43,7 @@ Here are some recommended resources, some of which are free. - **Implement high fidelity designs**: Bridge the gap between Design & Development. Break down detailed designs and bring them to life with MUI and React. - - 💻 [The Course](https://click.linksynergy.com/deeplink?id=IVuPfk1F/Ow&mid=39197&murl=https%3A%2F%2Fwww.udemy.com%2Fcourse%2Fimplement-high-fidelity-designs-with-material-ui-and-reactjs%2F) + - 💻 [The Course](https://www.udemy.com/course/implement-high-fidelity-designs-with-material-ui-and-reactjs/) - **Apply Google Material Design**: This course teaches the fundamentals of Google Material Design and how to develop an end-to-end flight search and booking application using MUI and React. diff --git a/docs/src/pages/getting-started/support/support.md b/docs/src/pages/getting-started/support/support.md index 788077245b2368..3ffa58a30d1b45 100644 --- a/docs/src/pages/getting-started/support/support.md +++ b/docs/src/pages/getting-started/support/support.md @@ -36,7 +36,7 @@ If you think you have found a bug, or have a new feature idea, please start by m Stay up to date with the development of the library by following the blog. -[Read the latest posts](https://medium.com/material-ui) +[Read the latest posts](https://mui.com/blog/) ### Resources 📖 diff --git a/docs/src/pages/guides/migration-v3/migration-v3.md b/docs/src/pages/guides/migration-v3/migration-v3.md index 2e96f4858793a8..9687e22294de60 100644 --- a/docs/src/pages/guides/migration-v3/migration-v3.md +++ b/docs/src/pages/guides/migration-v3/migration-v3.md @@ -17,7 +17,7 @@ We'll do our best to keep things easy to follow, and as sequential as possible s ## Why you should migrate This documentation page covers the **how** of migrating from v3 to v4. -The **why** is covered in the [release blog post on Medium](https://medium.com/material-ui/material-ui-v4-is-out-4b7587d1e701). +The **why** is covered in the [release blog post on Medium](https://mui.com/blog/material-ui-v4-is-out/). ## Updating your dependencies