feat(focus-rings): update all form inputs and document components to ring-focus-ring
Replaces focus:border-ink, focus:ring-ink, focus:ring-primary, focus:ring-accent patterns with focus-visible:ring-2 focus-visible:ring-focus-ring focus:outline-none across: PersonEditForm, profile forms, admin forms, document sections, conversation filter bars, persons/documents new forms Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -133,7 +133,7 @@ const ADMIN_PERMISSIONS = $derived([
|
||||
name="name"
|
||||
value={data.group.name}
|
||||
required
|
||||
class="bg-background w-full rounded-sm border border-line px-3 py-2 font-sans text-sm text-ink placeholder:text-ink-3 focus:border-primary focus:ring-1 focus:ring-primary focus:outline-none"
|
||||
class="bg-background w-full rounded-sm border border-line px-3 py-2 font-sans text-sm text-ink placeholder:text-ink-3 focus:border-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -150,7 +150,7 @@ const ADMIN_PERMISSIONS = $derived([
|
||||
name="permissions"
|
||||
value={perm.value}
|
||||
checked={data.group.permissions.includes(perm.value)}
|
||||
class="h-4 w-4 rounded border-line text-primary focus:ring-primary"
|
||||
class="h-4 w-4 rounded border-line text-primary focus:ring-focus-ring"
|
||||
/>
|
||||
{perm.label}
|
||||
</label>
|
||||
|
||||
Reference in New Issue
Block a user