From 3f062fb5b653a640378b8cdd31c0988237a4da20 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 19 Mar 2025 03:23:36 +0200
Subject: [PATCH 1/2] fix focus styles for button

---
 src/components/button.style.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/button.style.js b/src/components/button.style.js
index fb5d30b64..ad22f290b 100644
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@@ -9,7 +9,7 @@ export default {
     // However, cascading still works, so resulting state will be result of merging of all relevant states/variants
     // normal: '' // normal state is implicitly added, it is always included
     toggled: '.toggled',
-    focused: ':focus-visible',
+    focused: ':focus-within',
     pressed: ':focus:active',
     hover: ':hover:not(:disabled)',
     disabled: ':disabled'
@@ -89,6 +89,13 @@ export default {
         shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel']
       }
     },
+    {
+      state: ['toggled', 'focused'],
+      directives: {
+        background: '--accent,-24.2',
+        shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel']
+      }
+    },
     {
       state: ['toggled', 'disabled'],
       directives: {

From 280fbef3b9152bf5cf2d4264f05f5c9dedb6ae8e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 19 Mar 2025 03:33:54 +0200
Subject: [PATCH 2/2] changelog

---
 changelog.d/focus.fix | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 changelog.d/focus.fix

diff --git a/changelog.d/focus.fix b/changelog.d/focus.fix
new file mode 100644
index 000000000..e69de29bb