fix(ui): render focus ring on Link via data-focus-visible
Style the bui-Link itself when keyboard-focused using the ring token, matching the established pattern from ButtonLink. Also tweak the changeset wording to reflect the new behavior. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Emma Indal <emma.indahl@gmail.com>
This commit is contained in:
@@ -37,6 +37,11 @@
|
||||
text-underline-offset: calc(0.025em + 2px);
|
||||
text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);
|
||||
}
|
||||
|
||||
&[data-focus-visible] {
|
||||
outline: 2px solid var(--bui-ring);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.bui-Link[data-variant='title-large'] {
|
||||
|
||||
Reference in New Issue
Block a user