From 56c3c2af40b78cb9447113eed3c609e1dcbefa37 Mon Sep 17 00:00:00 2001
From: jpg619 <jpg619@github.com>
Date: Wed, 17 Sep 2025 11:27:21 -0400
Subject: [PATCH 1/6] fix: add focus-visible styles to ClipboardCopy button

---
 src/mdx/code.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/mdx/code.js b/src/mdx/code.js
index fcac8056c32..cfadc76123d 100644
--- a/src/mdx/code.js
+++ b/src/mdx/code.js
@@ -31,6 +31,13 @@ const ClipboardCopy = ({value, ...props}) => {
         setCopied(true)
         announce(`Copied to clipboard`)
       }}
+      sx={{
+        '&:focus-visible': {
+          outline: '2px solid',
+          outlineColor: 'accent.fg',
+          outlineOffset: '2px',
+        },
+      }}
     >
       <Octicon icon={copied ? CheckIcon : CopyIcon} sx={{color: copied ? 'success.fg' : 'fg.muted'}} />
     </Button>

From 924c2601d53556ecde5febbd96364e0defd7a2c2 Mon Sep 17 00:00:00 2001
From: jpg619 <jpg619@github.com>
Date: Wed, 17 Sep 2025 11:37:30 -0400
Subject: [PATCH 2/6] fix: remove outlineColor from focus-visible styles in
 ClipboardCopy button

---
 src/mdx/code.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/mdx/code.js b/src/mdx/code.js
index cfadc76123d..9b1c3c5daa6 100644
--- a/src/mdx/code.js
+++ b/src/mdx/code.js
@@ -34,7 +34,6 @@ const ClipboardCopy = ({value, ...props}) => {
       sx={{
         '&:focus-visible': {
           outline: '2px solid',
-          outlineColor: 'accent.fg',
           outlineOffset: '2px',
         },
       }}

From 7434efe5b0ad872c06110355c2b39be6bb8f4092 Mon Sep 17 00:00:00 2001
From: jpg619 <jpg619@github.com>
Date: Wed, 17 Sep 2025 14:40:58 -0400
Subject: [PATCH 3/6] fix: ensure color is inherited in focus-visible styles
 for ClipboardCopy button

---
 src/mdx/code.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/mdx/code.js b/src/mdx/code.js
index 9b1c3c5daa6..f7ee05c84c4 100644
--- a/src/mdx/code.js
+++ b/src/mdx/code.js
@@ -35,6 +35,7 @@ const ClipboardCopy = ({value, ...props}) => {
         '&:focus-visible': {
           outline: '2px solid',
           outlineOffset: '2px',
+          color: 'inherit',
         },
       }}
     >

From 9be71b07a46dcc5392d0c0e6c7e4753d317528ee Mon Sep 17 00:00:00 2001
From: jpg619 <jpg619@github.com>
Date: Wed, 17 Sep 2025 14:59:44 -0400
Subject: [PATCH 4/6] fix: update focus-visible styles in ClipboardCopy button
 to inherit color

---
 src/mdx/code.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/mdx/code.js b/src/mdx/code.js
index f7ee05c84c4..3bffb523c83 100644
--- a/src/mdx/code.js
+++ b/src/mdx/code.js
@@ -34,8 +34,8 @@ const ClipboardCopy = ({value, ...props}) => {
       sx={{
         '&:focus-visible': {
           outline: '2px solid',
+          outlineColor: '-webkit-focus-ring-color',
           outlineOffset: '2px',
-          color: 'inherit',
         },
       }}
     >

From b698441487e287c42e415faf2d32369b1b3c2cb3 Mon Sep 17 00:00:00 2001
From: jpg619 <jpg619@github.com>
Date: Wed, 17 Sep 2025 15:08:00 -0400
Subject: [PATCH 5/6] empty commit


From de31343872c27714cfa7415a99d4ec682260e68b Mon Sep 17 00:00:00 2001
From: jpg619 <jpg619@github.com>
Date: Mon, 22 Sep 2025 13:28:17 -0400
Subject: [PATCH 6/6] fix: merge props styles into ClipboardCopy component

---
 src/mdx/code.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/mdx/code.js b/src/mdx/code.js
index 3bffb523c83..9aee522cbff 100644
--- a/src/mdx/code.js
+++ b/src/mdx/code.js
@@ -32,6 +32,7 @@ const ClipboardCopy = ({value, ...props}) => {
         announce(`Copied to clipboard`)
       }}
       sx={{
+        ...props.sx,
         '&:focus-visible': {
           outline: '2px solid',
           outlineColor: '-webkit-focus-ring-color',