[docs-infra] Allow Link component to receive the role attribute (#4…

…2629)
mui · Jun 13, 2024 · 424dfff · 424dfff
1 parent 6c2874a
commit 424dfff
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/docs/pages/experiments/website/branding-theme-test.tsx b/docs/pages/experiments/website/branding-theme-test.tsx
@@ -10,6 +10,7 @@ import AppHeader from 'docs/src/layouts/AppHeader';
 import Section from 'docs/src/layouts/Section';
 import AppFooter from 'docs/src/layouts/AppFooter';
 import GitHubIcon from '@mui/icons-material/GitHub';
+import { Link } from '@mui/docs/Link';
 
 export default function BrandingThemeTest() {
   return (
@@ -18,6 +19,12 @@ export default function BrandingThemeTest() {
       <AppHeader gitHubRepository="https://github.com/mui/material-ui" />
       <main id="main-content">
         <Section>
+          <Stack direction="row" spacing={2} useFlexGap sx={{ width: 'fit-content', mb: 4 }}>
+            <Link href="/">Link with no role</Link>
+            <Link href="/" role="menuitem">
+              Link role menuitem
+            </Link>
+          </Stack>
           <Stack direction="row" spacing={2} useFlexGap sx={{ width: 'fit-content' }}>
             <Chip size="small" variant="outlined" color="primary" label="Hiring" />
             <Chip size="small" variant="outlined" color="info" label="Hiring" />

diff --git a/packages/mui-docs/src/Link/Link.tsx b/packages/mui-docs/src/Link/Link.tsx
@@ -80,7 +80,6 @@ export const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link
     noLinkStyle,
     prefetch,
     replace,
-    role, // Link don't have roles.
     scroll,
     shallow,
     ...other

diff --git a/packages/mui-docs/src/branding/brandingTheme.ts b/packages/mui-docs/src/branding/brandingTheme.ts
@@ -933,7 +933,7 @@ export function getThemedComponents(): ThemeOptions {
           root: ({ theme }) => ({
             display: 'inline-flex',
             alignItems: 'center',
-            fontWeight: theme.typography.fontWeightSemiBold,
+            fontWeight: theme.typography.fontWeightMedium,
             '&.MuiTypography-body1 > svg': {
               marginTop: 2,
             },