about summary refs log tree commit diff
path: root/src/alf
diff options
context:
space:
mode:
authorYaƫl Guilloux <yael.guilloux@gmail.com>2024-11-02 00:18:19 +0100
committerGitHub <noreply@github.com>2024-11-01 23:18:19 +0000
commitc580f20b5311914c3ecdd3a84f7ae13f8881f3a7 (patch)
tree37e7810d37ac49f51a4e1df77b056a016f6d845d /src/alf
parent7111e38cd48c1c7e2b35ae978708fcb7a60a5dd7 (diff)
downloadvoidsky-c580f20b5311914c3ecdd3a84f7ae13f8881f3a7.tar.zst
Improve focus-visible outlines in navigation (#6061)
* feat add focus_visible atom

* feat use focus_visible atom in Button.tsx style

* Tweak

---------

Co-authored-by: Dan Abramov <dan.abramov@gmail.com>
Diffstat (limited to 'src/alf')
-rw-r--r--src/alf/atoms.ts5
1 files changed, 4 insertions, 1 deletions
diff --git a/src/alf/atoms.ts b/src/alf/atoms.ts
index 434420a97..fe8cf9a78 100644
--- a/src/alf/atoms.ts
+++ b/src/alf/atoms.ts
@@ -1,4 +1,4 @@
-import {Platform, StyleSheet, ViewStyle} from 'react-native'
+import {Platform, StyleProp, StyleSheet, ViewStyle} from 'react-native'
 
 import * as tokens from '#/alf/tokens'
 import {native, web} from '#/alf/util/platform'
@@ -887,6 +887,9 @@ export const atoms = {
   user_select_all: {
     userSelect: 'all',
   },
+  outline_inset_1: {
+    outlineOffset: '-1px',
+  } as StyleProp<ViewStyle>,
 
   /*
    * Text decoration