From 062881a0b796ad6c433e141cf8086439eda63435 Mon Sep 17 00:00:00 2001
From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
Date: Wed, 21 Feb 2024 10:23:13 -0300
Subject: [PATCH] remove repeated focus-visible style declarations in favor of
 a global one

---
 docs/src/modules/components/MarkdownElement.js | 16 +---------------
 1 file changed, 1 insertion(+), 15 deletions(-)

diff --git a/docs/src/modules/components/MarkdownElement.js b/docs/src/modules/components/MarkdownElement.js
index 38debce0678819..5c4541e7e6d874 100644
--- a/docs/src/modules/components/MarkdownElement.js
+++ b/docs/src/modules/components/MarkdownElement.js
@@ -12,7 +12,7 @@ const Root = styled('div')(
     ...lightTheme.typography.body1,
     lineHeight: 1.6, // Increased compared to the 1.5 default to make the docs easier to read.
     color: `var(--muidocs-palette-text-primary, ${lightTheme.palette.text.primary})`,
-    '&:focus-visible': {
+    '& :focus-visible': {
       outline: `3px solid ${alpha(lightTheme.palette.primary[500], 0.5)}`,
       outlineOffset: 2,
     },
@@ -173,10 +173,6 @@ const Root = styled('div')(
           pointerEvents: 'none',
           verticalAlign: 'middle',
         },
-        '&:focus-visible': {
-          outline: `3px solid ${alpha(lightTheme.palette.primary[500], 0.5)}`,
-          outlineOffset: '2px',
-        },
       },
       '&:hover .anchor-link': {
         visibility: 'visible',
@@ -420,9 +416,6 @@ const Root = styled('div')(
       '&:hover': {
         textDecorationColor: 'inherit',
       },
-      '&:focus-visible': {
-        outline: `3px solid ${alpha(lightTheme.palette.primary[500], 0.5)}`,
-      },
     },
     '& a code': {
       color: darken(lightTheme.palette.primary.main, 0.04),
@@ -549,10 +542,6 @@ const Root = styled('div')(
           display: 'block',
         },
       },
-      '&:focus-visible': {
-        outline: `3px solid ${alpha(lightTheme.palette.primary[500], 0.5)}`,
-        outlineOffset: 2,
-      },
     },
     '& .MuiCode-copyKeypress': {
       pointerEvents: 'none',
@@ -617,9 +606,6 @@ const Root = styled('div')(
             backgroundColor: alpha(darkTheme.palette.primary[900], 0.6),
             color: `var(--muidocs-palette-primary-100, ${darkTheme.palette.primary[100]})`,
           },
-          '&:focus-visible': {
-            outline: `3px solid ${alpha(lightTheme.palette.primary[500], 0.5)}`,
-          },
         },
       },
       '& h1 code, & h2 code, & h3 code': {