fix: fab focus issue

gluestack · Mar 5, 2024 · 77a4d70 · 77a4d70
1 parent e52abac
commit 77a4d70
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/example/storybook-nativewind/src/components-example/nativewind/Fab/index.tsx b/example/storybook-nativewind/src/components-example/nativewind/Fab/index.tsx
@@ -26,7 +26,7 @@ cssInterop(UIFab.Label, { className: 'style' });
 cssInterop(UIFab.Icon, { className: 'style' });
 
 const fabStyle = tva({
-  base: 'group/fab bg-primary-500 rounded-full z-20 p-4 flex-row items-center justify-center absolute hover:bg-primary-600 active:bg-primary-700 disabled:opacity-40 disabled:pointer-events-all disabled:cursor-not-allowed data-[focus=true]:outline-2 data-[focus=true]:outline-primary-700 data-[focus=true]:outline-solid',
+  base: 'group/fab bg-primary-500 rounded-full z-20 p-4 flex-row items-center justify-center absolute hover:bg-primary-600 active:bg-primary-700 disabled:opacity-40 disabled:pointer-events-all disabled:cursor-not-allowed data-[focus=true]:web:outline-none data-[focus-visible=true]:web:ring-2 data-[focus-visible=true]:web:ring-primary-700',
   variants: {
     size: {
       sm: 'px-2.5 py-2.5 text-sm',