Merge pull request #2802 from atulya-innovaccer/feat-linkButton-focus

anuradha9712 · web-flow · commit 0275ede88351 · 2026-02-27T13:20:46.000+04:00
feat(ai button): updated focus styles for ai buttons
diff --git 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
@@ -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 {

Original file line number	Diff line number	Diff line change
`@@ -48,8 +48,8 @@`
`48`	`48`	`}`
`49`	`49`
`50`	`50`	`.AIButton:focus {`
`51`		`- outline: 0;`
`52`		`- box-shadow: var(--shadow-spread) var(--primary-shadow);`
	`51`	`+ outline: var(--border-width-05) solid var(--primary-focus);`
	`52`	`+ outline-offset: var(--spacing-05);`
`53`	`53`	`}`
`54`	`54`
`55`	`55`	`/* Button Icon */`
Original file line number	Diff line number	Diff line change
`@@ -39,10 +39,9 @@`
`39`	`39`	`color: var(--secondary-dark) !important;`
`40`	`40`	`}`
`41`	`41`
`42`		`-.AIIconButton:focus,`
`43`		`-.AIIconButton:focus-visible {`
`44`		`- box-shadow: var(--shadow-spread) var(--secondary-shadow);`
`45`		`- outline: none;`
	`42`	`+.AIIconButton:focus {`
	`43`	`+ outline: var(--border-width-05) solid var(--primary-focus);`
	`44`	`+ outline-offset: var(--spacing-05);`
`46`	`45`	`}`
`47`	`46`
`48`	`47`	`.AIIconButton:disabled {`