From af1cea81dc176e38c258d6561b979ea7167514ae Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Thu, 21 Sep 2023 13:49:44 +0500
Subject: [PATCH] theme: use radio focus color from theme

---
 packages/theme/src/theme/variants/input.ts | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/theme/src/theme/variants/input.ts b/packages/theme/src/theme/variants/input.ts
index 2dcf5bef5..6860b9f68 100644
--- a/packages/theme/src/theme/variants/input.ts
+++ b/packages/theme/src/theme/variants/input.ts
@@ -68,8 +68,15 @@ const error: ThemeUIStyleObject = {
   }
 };
 
+const radio: ThemeUIStyleObject = {
+  "input:focus ~ &": {
+    backgroundColor: `border-secondary`
+  }
+};
+
 export const inputVariants = {
   input: defaultVariant,
   error,
-  clean
+  clean,
+  radio
 };