From e7d9ce69f722c5d267efde28bad57a865aee78ca Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Mon, 15 Jan 2024 19:13:10 -0600
Subject: [PATCH] Button focus states

---
 src/components/Button.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 9d36892a55..558ec32d2b 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -105,7 +105,7 @@ export function Button({
     }))
   }, [setState])
 
-  const {baseStyles, hoverStyles} = React.useMemo(() => {
+  const {baseStyles, hoverStyles, focusStyles} = React.useMemo(() => {
     const baseStyles: ViewStyle[] = []
     const hoverStyles: ViewStyle[] = []
     const light = t.name === 'light'
@@ -260,6 +260,12 @@ export function Button({
     return {
       baseStyles,
       hoverStyles,
+      focusStyles: [
+        ...hoverStyles,
+        {
+          outline: 0,
+        },
+      ],
     }
   }, [t, variant, color, size, disabled])
 
@@ -292,6 +298,7 @@ export function Button({
         atoms.align_center,
         ...baseStyles,
         ...(state.hovered ? hoverStyles : []),
+        ...(state.focused ? focusStyles : []),
       ]}
       onPressIn={onPressIn}
       onPressOut={onPressOut}