From 8694227b92d8f4c1f573a930132002fdf431703a Mon Sep 17 00:00:00 2001
From: Vincent Salucci <26154748+vincentsalucci@users.noreply.github.com>
Date: Fri, 22 Jul 2022 14:22:37 -0500
Subject: [PATCH] [CL-17] Use focus-visible for keyboard selection (#3152)

---
 libs/components/src/tabs/tab-item.component.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/libs/components/src/tabs/tab-item.component.ts b/libs/components/src/tabs/tab-item.component.ts
index cda332e26d..b8fb7a1e2b 100644
--- a/libs/components/src/tabs/tab-item.component.ts
+++ b/libs/components/src/tabs/tab-item.component.ts
@@ -25,10 +25,10 @@ export class TabItemComponent {
       "!tw-text-main",
       "hover:tw-underline",
       "hover:!tw-text-main",
-      "focus:tw-z-10",
-      "focus:tw-outline-none",
-      "focus:tw-ring-2",
-      "focus:tw-ring-primary-700",
+      "focus-visible:tw-z-10",
+      "focus-visible:tw-outline-none",
+      "focus-visible:tw-ring-2",
+      "focus-visible:tw-ring-primary-700",
       "disabled:tw-bg-secondary-100",
       "disabled:!tw-text-muted",
       "disabled:tw-no-underline",
@@ -47,8 +47,8 @@ export class TabItemComponent {
       "!tw-text-primary-500",
       "hover:tw-border-t-primary-700",
       "hover:!tw-text-primary-700",
-      "focus:tw-border-t-primary-700",
-      "focus:!tw-text-primary-700",
+      "focus-visible:tw-border-t-primary-700",
+      "focus-visible:!tw-text-primary-700",
     ].join(" ");
   }
 }