Merge pull request #2806 from atulya-innovaccer/feat-link-focus-state

feat(link): updated focus state for Link

Author: anuradha9712

css/src/components/link.module.css

@@ -6,8 +6,10 @@
   border-bottom: var(--border-width-2-5) solid transparent;
 }
 
-.Link:focus-visible {
-  outline: none;
+.Link:focus {
+  outline: var(--border-width-05) solid var(--primary-focus);
+  outline-offset: var(--spacing-05);
+  border-radius: var(--border-radius-10);
 }
 
 .Link--regular {
@@ -49,16 +51,6 @@
   border: none;
 }
 
-.Link--default:focus {
-  box-shadow: var(--shadow-spread) var(--primary-shadow);
-  border-radius: var(--border-radius-10);
-}
-
-.Link--subtle:focus {
-  box-shadow: var(--shadow-spread) var(--secondary-shadow);
-  border-radius: var(--border-radius-10);
-}
-
 .Link--default-disabled {
   color: var(--primary-lighter);
   pointer-events: none;