marcel/familienarchiv

feat(focus-rings): branded focus ring tokens (#167) #170

Merged

marcel merged 8 commits from feat/issue-167-focus-ring-tokens into main

2026-03-31 17:05:10 +02:00

Author	SHA1	Message	Date
Marcel	527d174e9c	fix(focus-rings): remove broken [&_input]:focus selectors and fix error state focus-visible Some checks failed CI / Unit & Component Tests (pull_request) Has been cancelled Details CI / Backend Unit Tests (pull_request) Has been cancelled Details CI / E2E Tests (pull_request) Has been cancelled Details CI / Unit & Component Tests (push) Has been cancelled Details CI / Backend Unit Tests (push) Has been cancelled Details CI / E2E Tests (push) Has been cancelled Details - Strip malformed [[&_input]:focus:*] class fragments from PersonTypeahead wrapper divs in both ConversationFilterBar components — PersonTypeahead manages its own focus ring; parent selectors were redundant and broken - Fix WhoWhenSection error state: focus:ring-red-500 → focus-visible:ring-red-500 so invalid date field ring no longer fires on mouse click Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-03-31 16:42:11 +02:00
Marcel	f1bf32ee05	feat(focus-rings): CommentThread selection highlight → dotted outline Some checks failed CI / Unit & Component Tests (pull_request) Failing after 1m19s Details CI / Backend Unit Tests (pull_request) Failing after 2m29s Details CI / E2E Tests (pull_request) Failing after 1h47m37s Details CI / Unit & Component Tests (push) Has been cancelled Details CI / Backend Unit Tests (push) Has been cancelled Details CI / E2E Tests (push) Has been cancelled Details ring-2 ring-accent (box-shadow) replaced with outline-2 outline-dotted outline-accent — visually distinct from the focus ring (solid, navy/mint), making selection state and keyboard focus clearly different Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-03-31 15:27:48 +02:00
Marcel	a5cc8fd16e	feat(focus-rings): update interactive widgets to ring-focus-ring PersonTypeahead, MentionEditor, PanelHistory, UserGroupsSection, notifications filter buttons, CorrespondentSuggestionsDropdown: replace ring-accent/ring-primary with ring-focus-ring Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-03-31 15:25:02 +02:00
Marcel	1541afd470	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>	2026-03-31 15:22:11 +02:00
Marcel	d0deb26065	feat(focus-rings): update auth and search inputs to ring-focus-ring login, forgot-password, reset-password, persons search, CorrespondenzFilterControls: replace focus:border-ink/ring-ink with focus-visible:ring-2 focus-visible:ring-focus-ring Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-03-31 15:18:42 +02:00
Marcel	f04e4ffa8b	feat(focus-rings): update header/nav components to ring-focus-ring ThemeToggle, NotificationBell, LanguageSwitcher, UserMenu, AppNav: replace focus-visible:ring-accent → focus-visible:ring-focus-ring Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-03-31 15:15:06 +02:00
Marcel	17889df220	feat(focus-rings): add --c-focus-ring token to CSS design system Light: #012851 (brand-navy, 14:1 on white) Dark: #a1dcd8 (brand-mint, 9.2:1 on canvas) - @theme inline mapping → Tailwind ring-focus-ring utility - Global :focus-visible fallback in @layer base - forced-colors fallback for Windows High Contrast mode Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-03-31 15:12:00 +02:00
Marcel	fe1121de65	test(focus-rings): add failing Playwright tests for --c-focus-ring token and element ring colors Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-03-31 15:08:36 +02:00