[rrolf]

@basicbar/ui 0.9.0 — gemeinsame Farbtokens field und danger.

Anlass: abstimmbar #178 (Kontrast, WCAG AA). Dort entstanden eine lokale Rahmenfarbe für Formularfelder und ein CSS-Override auf das Markup des Rich-Text-Editors aus diesem Paket; beides gehört hierher.

Neu

• Tailwind-Farben field und danger im Preset, getrieben von CSS-Variablen --bb-field-border / --bb-danger mit Defaults in base.css (hell :root, dunkel :root.dark), inkl. <alpha-value> (border-field/50 usw.).
  • field (Formularfeld-Rahmen, WCAG 1.4.11 ≥ 3:1): hell 3,95 / 3,78 / 3,54 auf Weiß / slate-50 / slate-100, dunkel 4,17 / 3,76 auf Seite / Karte.
  • danger (Fehlertext ≥ 4,5:1): hell 5,29 auf Weiß, 4,74 auf slate-100; dunkel (red-400) 6,7 / 6,04.
  • Neutrale Defaults; Tools tönen sie, indem sie die Variablen überschreiben (gleiche Selektoren). Werte für die Rampen von abstimmbar und ausleihbar geprüft.
• Paket-Komponenten nutzen die Tokens: Rahmen des Rich-Text-Editors und des Standard-Inputs im TranslatableField → border-field; Pflichtfeld-Stern, Übersetzungs- und Pflichtfeld-Fehler, Fehler der Übersetzungsleiste → text-danger.
• Preset-Kommentar korrigiert: „slate-400 auf Weiß ≥ 4,5:1“ gilt nicht für jede Rampe; gedämpfter Text muss in beiden Themes geprüft werden.

Kompatibilität

Sichtbar nur: Feldrahmen etwas dunkler (gewollt, 3:1), Fehlerrot einheitlich. CHANGELOG mit Umstiegsschritten (lokale RTE-Overrides entfernen, Variablen tönen, Fehlertexte optional auf text-danger).

Geprüft

npm run build + tsc sauber; neue Klassen im Build; <alpha-value> mit der Tailwind-Konfiguration von abstimmbar kompiliert.

Nach dem Merge: Tag ui/v0.9.0, Release veröffentlichen, Umstieg in abstimmbar.

🤖 Generated with Claude Code