fix: Add consistency in button and item button component

im3dabasia · Feb 24, 2025 · 81e8151 · 81e8151
1 parent 563c891
commit 81e8151
Showing 1 changed file with 3 additions and 9 deletions.
diff --git a/packages/components/src/item-group/styles.ts b/packages/components/src/item-group/styles.ts
@@ -28,17 +28,11 @@ export const unstyledButton = ( as: 'a' | 'button' ) => {
 			color: ${ COLORS.theme.accent };
 		}
 
-		&:focus {
-			box-shadow: none;
-			outline: none;
-		}
-
-		&:focus-visible {
+		&:focus:not( :disabled ) {
 			box-shadow: 0 0 0 var( --wp-admin-border-width-focus )
 				${ COLORS.theme.accent };
-			// Windows high contrast mode.
-			outline: 2px solid transparent;
-			outline-offset: 0;
+			// Windows High Contrast mode will show this outline, but not the box-shadow.
+			outline: 3px solid transparent;
 		}
 	`;
 };