From 6377137b2f994d9a6901fe4928bb24361fd21df9 Mon Sep 17 00:00:00 2001
From: Atulya <atulya.v@innovaccer.com>
Date: Fri, 27 Feb 2026 11:00:34 +0530
Subject: [PATCH] feat(ai button): updated focus styles for ai buttons

---
 .vscode/settings.json                       | 2 +-
 css/src/ai-components/button.module.css     | 4 ++--
 css/src/ai-components/iconButton.module.css | 7 +++----
 package-lock.json                           | 4 ++--
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index b0045b10b2..328ab09a9a 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -6,6 +6,6 @@
     "typescriptreact",
   ],
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true,
+    "source.fixAll.eslint": "explicit"
   },
 }
\ No newline at end of file
diff --git a/css/src/ai-components/button.module.css b/css/src/ai-components/button.module.css
index 9c40e27162..ba95fa5764 100644
--- a/css/src/ai-components/button.module.css
+++ b/css/src/ai-components/button.module.css
@@ -48,8 +48,8 @@
 }
 
 .AIButton:focus {
-  outline: 0;
-  box-shadow: var(--shadow-spread) var(--primary-shadow);
+  outline: var(--border-width-05) solid var(--primary-focus);
+  outline-offset: var(--spacing-05);
 }
 
 /* Button Icon */
diff --git a/css/src/ai-components/iconButton.module.css b/css/src/ai-components/iconButton.module.css
index 747a0410ad..b3823bf676 100644
--- a/css/src/ai-components/iconButton.module.css
+++ b/css/src/ai-components/iconButton.module.css
@@ -39,10 +39,9 @@
   color: var(--secondary-dark) !important;
 }
 
-.AIIconButton:focus,
-.AIIconButton:focus-visible {
-  box-shadow: var(--shadow-spread) var(--secondary-shadow);
-  outline: none;
+.AIIconButton:focus {
+  outline: var(--border-width-05) solid var(--primary-focus);
+  outline-offset: var(--spacing-05);
 }
 
 .AIIconButton:disabled {
diff --git a/package-lock.json b/package-lock.json
index 981b4952c7..d13cd699c9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@innovaccer/design-system",
-  "version": "4.19.0",
+  "version": "4.20.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@innovaccer/design-system",
-      "version": "4.19.0",
+      "version": "4.20.0",
       "license": "MIT",
       "dependencies": {
         "@lottiefiles/react-lottie-player": "^3.5.3",