From c4712ae3688ec8e93ee4f76f1f2030e6d09b15bb Mon Sep 17 00:00:00 2001 From: EyaOuenniche Date: Tue, 23 Jan 2024 21:39:44 +0100 Subject: [PATCH 1/6] Update star count to 90.5k --- docs/src/components/home/MuiStatistics.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/src/components/home/MuiStatistics.tsx b/docs/src/components/home/MuiStatistics.tsx index 6254522a9c246f..dc126e83310961 100644 --- a/docs/src/components/home/MuiStatistics.tsx +++ b/docs/src/components/home/MuiStatistics.tsx @@ -5,7 +5,7 @@ import Typography from '@mui/material/Typography'; const data = [ { title: '4M', metadata: 'Weekly downloads on npm' }, - { title: '87k', metadata: 'Stars on GitHub' }, + { title: '90.5k', metadata: 'Stars on GitHub' }, { title: '2.7k', metadata: 'Open-source contributors' }, { title: '18.4k', metadata: 'Followers on X' }, ]; From fb63c9b7edeccc6777e2a8ed57cf82df32db174f Mon Sep 17 00:00:00 2001 From: EyaOuenniche Date: Fri, 23 Feb 2024 20:27:25 +0100 Subject: [PATCH 2/6] Improved the type naming in the fade api --- docs/pages/material-ui/api/fade.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/pages/material-ui/api/fade.json b/docs/pages/material-ui/api/fade.json index eed92160ada701..5c5278844ba9e6 100644 --- a/docs/pages/material-ui/api/fade.json +++ b/docs/pages/material-ui/api/fade.json @@ -1,15 +1,15 @@ { "props": { "children": { "type": { "name": "custom", "description": "element" }, "required": true }, - "addEndListener": { "type": { "name": "func" } }, - "appear": { "type": { "name": "bool" }, "default": "true" }, + "addEndListener": { "type": { "name": "function" } }, + "appear": { "type": { "name": "boolean" }, "default": "true" }, "easing": { "type": { "name": "union", "description": "{ enter?: string, exit?: string }
| string" } }, - "in": { "type": { "name": "bool" } }, + "in": { "type": { "name": "boolean" } }, "timeout": { "type": { "name": "union", From d65adb3dd2085b93d4129a38f24ed6d7e484a647 Mon Sep 17 00:00:00 2001 From: EyaOuenniche Date: Sun, 17 Mar 2024 23:13:30 +0100 Subject: [PATCH 3/6] Add hover effect to navbar links by changing link color --- docs/src/components/header/HeaderNavBar.tsx | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/docs/src/components/header/HeaderNavBar.tsx b/docs/src/components/header/HeaderNavBar.tsx index e485d2ff82bf23..9d838759985d55 100644 --- a/docs/src/components/header/HeaderNavBar.tsx +++ b/docs/src/components/header/HeaderNavBar.tsx @@ -38,9 +38,10 @@ const Navigation = styled('nav')(({ theme }) => [ borderRadius: (theme.vars || theme).shape.borderRadius, border: '1px solid transparent', '&:hover': { - color: (theme.vars || theme).palette.grey[900], + color: theme.palette.primary.main, backgroundColor: (theme.vars || theme).palette.grey[50], borderColor: (theme.vars || theme).palette.grey[100], + '@media (hover: none)': { backgroundColor: 'initial', // Reset on touch devices, it doesn't add specificity @@ -52,6 +53,8 @@ const Navigation = styled('nav')(({ theme }) => [ backgroundColor: (theme.vars || theme).palette.grey[50], borderColor: (theme.vars || theme).palette.primary[300], }, + + }, }, }, @@ -132,6 +135,8 @@ const ProductSubMenu = React.forwardRef( ); export default function HeaderNavBar() { + + const [subMenuOpen, setSubMenuOpen] = React.useState(null); const [subMenuIndex, setSubMenuIndex] = React.useState(null); const navRef = React.useRef(null); @@ -374,13 +379,13 @@ export default function HeaderNavBar() {
  • - Pricing + Pricing
  • About us
  • - Blog + Blog
    • From 0a515b049c1d46776778e56b39f32e77d2528b07 Mon Sep 17 00:00:00 2001 From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com> Date: Mon, 18 Mar 2024 09:57:39 -0300 Subject: [PATCH 4/6] remove unrelated changes from this PR --- docs/pages/material-ui/api/fade.json | 6 +++--- docs/src/components/home/MuiStatistics.tsx | 2 -- 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/docs/pages/material-ui/api/fade.json b/docs/pages/material-ui/api/fade.json index cb8c1cde22e6dc..4485d3d1354503 100644 --- a/docs/pages/material-ui/api/fade.json +++ b/docs/pages/material-ui/api/fade.json @@ -1,15 +1,15 @@ { "props": { "children": { "type": { "name": "custom", "description": "element" }, "required": true }, - "addEndListener": { "type": { "name": "function" } }, - "appear": { "type": { "name": "boolean" }, "default": "true" }, + "addEndListener": { "type": { "name": "func" } }, + "appear": { "type": { "name": "bool" }, "default": "true" }, "easing": { "type": { "name": "union", "description": "{ enter?: string, exit?: string }
    | string" } }, - "in": { "type": { "name": "boolean" } }, + "in": { "type": { "name": "bool" } }, "timeout": { "type": { "name": "union", diff --git a/docs/src/components/home/MuiStatistics.tsx b/docs/src/components/home/MuiStatistics.tsx index eda6b06942c852..cf5b2c3addb47a 100644 --- a/docs/src/components/home/MuiStatistics.tsx +++ b/docs/src/components/home/MuiStatistics.tsx @@ -4,12 +4,10 @@ import Box from '@mui/material/Box'; import Typography from '@mui/material/Typography'; const data = [ - { title: '5.8M', metadata: 'Weekly downloads on npm' }, { title: '90.5k', metadata: 'Stars on GitHub' }, { title: '2.9k', metadata: 'Open-source contributors' }, { title: '18.9k', metadata: 'Followers on X' }, - ]; export default function MuiStatistics() { From 7673cbdd7497b5ac50adfe3621d188af5af0c729 Mon Sep 17 00:00:00 2001 From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com> Date: Mon, 18 Mar 2024 09:59:25 -0300 Subject: [PATCH 5/6] tweak styles to be more subtle (no need for the blue color) --- docs/src/components/header/HeaderNavBar.tsx | 16 ++++++---------- 1 file changed, 6 insertions(+), 10 deletions(-) diff --git a/docs/src/components/header/HeaderNavBar.tsx b/docs/src/components/header/HeaderNavBar.tsx index ac1974065394b9..502a227a60c058 100644 --- a/docs/src/components/header/HeaderNavBar.tsx +++ b/docs/src/components/header/HeaderNavBar.tsx @@ -27,8 +27,8 @@ const Navigation = styled('nav')(({ theme }) => [ }, '& li': { ...theme.typography.body2, - color: (theme.vars || theme).palette.text.primary, - fontWeight: theme.typography.fontWeightBold, + color: (theme.vars || theme).palette.text.secondary, + fontWeight: theme.typography.fontWeightSemiBold, '& > a, & > button': { display: 'inline-block', color: 'inherit', @@ -38,10 +38,10 @@ const Navigation = styled('nav')(({ theme }) => [ borderRadius: (theme.vars || theme).shape.borderRadius, border: '1px solid transparent', '&:hover': { - color: theme.palette.primary.main, + color: (theme.vars || theme).palette.text.primary, backgroundColor: (theme.vars || theme).palette.grey[50], borderColor: (theme.vars || theme).palette.grey[100], - + '@media (hover: none)': { backgroundColor: 'initial', // Reset on touch devices, it doesn't add specificity @@ -51,8 +51,6 @@ const Navigation = styled('nav')(({ theme }) => [ outline: `3px solid ${alpha(theme.palette.primary[500], 0.5)}`, outlineOffset: '2px', }, - - }, }, }, @@ -129,8 +127,6 @@ const ProductSubMenu = React.forwardRef( ); export default function HeaderNavBar() { - - const [subMenuOpen, setSubMenuOpen] = React.useState(null); const [subMenuIndex, setSubMenuIndex] = React.useState(null); const navRef = React.useRef(null); @@ -373,13 +369,13 @@ export default function HeaderNavBar() {
  • - Pricing + Pricing
  • About us
  • - Blog + Blog
    • From 23507ba6efeff4d67bfd2cb254f488b0dcbd80bf Mon Sep 17 00:00:00 2001 From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com> Date: Mon, 18 Mar 2024 09:59:57 -0300 Subject: [PATCH 6/6] remove not needed line-break --- docs/src/components/header/HeaderNavBar.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/docs/src/components/header/HeaderNavBar.tsx b/docs/src/components/header/HeaderNavBar.tsx index 502a227a60c058..5d53a9b03d7100 100644 --- a/docs/src/components/header/HeaderNavBar.tsx +++ b/docs/src/components/header/HeaderNavBar.tsx @@ -41,7 +41,6 @@ const Navigation = styled('nav')(({ theme }) => [ color: (theme.vars || theme).palette.text.primary, backgroundColor: (theme.vars || theme).palette.grey[50], borderColor: (theme.vars || theme).palette.grey[100], - '@media (hover: none)': { backgroundColor: 'initial', // Reset on touch devices, it doesn't add specificity