Once UI

Once UI 1.8: Feinschliff als Feature

Once UI 1.8 ist das Release, in dem Details die gebührende Aufmerksamkeit erhalten: neue Kompositions-Props, längst überfällige Fixes, eine durchgehend grüne Test-Suite und ein Changelog, das jetzt als maßgebliche Quelle dient.

Aktualisiert vor 1 Stunde

Once UI 1.8 entsteht, wenn der größte Community-Pull-Request in unserer Geschichte auf eine wachsende Obsession für Qualität trifft. Neue Kompositions-Props für Dialog, CodeBlock, Checkbox und RadioButton. Längst überfällige Fehlerbehebungen. Und hinter all dem etwas, das wir noch nie zuvor ausgeliefert haben: eine komplett grüne Test-Suite und ein Changelog, der als verbindliche Referenz dient.

Mehr Kontrolle dort, wo es zählt

Dialog erhält eine flush-Prop für randlose Dialoge ohne Header – perfekt für Onboarding-Flows, Medien-Lightboxes oder alle Fälle, in denen die Benutzeroberfläche in den Hintergrund treten soll. Kombinieren Sie dies mit hideClose, wenn Sie die volle Kontrolle darüber behalten möchten, wie Benutzer das Fenster schließen. CodeBlock bekommt background- und hideCode-Props spendiert, damit sich Code-Beispiele an ihre Umgebung anpassen, statt mit ihr zu konkurrieren. Und Checkbox sowie RadioButton akzeptieren nun eine hoverable-Prop, um den Hover-Puls-Effekt zu unterdrücken, wenn eine dezentere Interaktion besser passt.

Typografie komplettiert

TextWeight erhält die Varianten normal (400) und medium (500), zusammen mit passenden --font-weight-display-*-Tokens und .font-normal / .font-medium-Utilities. Zwei kleine Schriftstärken, ein großer Unterschied für die Nuancierung Ihres Typografiesystems.

Typisierte Breakpoints pro Komponente

Responsive Props sind jetzt pro Komponente typisiert – FlexBreakpointProps, GridBreakpointProps, TextBreakpointProps und Co. Ihr Editor weiß genau, welche responsiven Props jede Komponente akzeptiert, und Ihr KI-Agent ebenfalls.

Längst überfällige Fehlerbehebungen

Manche Bugs bleiben bestehen, weil sie schwierig sind. Andere bleiben bestehen, weil sie winzig sind. Version 1.8 behebt beide Arten:

IDs für Checkbox und RadioButton stammen nun von useId() statt von Math.random() – keine SSR-Hydration-Fehler mehr.
RadioButton zeigt im Dark Mode keinen Rahmen im nicht ausgewählten Zustand mehr an.
Leere Diagramme fallen nicht mehr auf eine Höhe von null zusammen.
CodeBlock-Grammatiken lösen nun md, mdx, dockerfile und Shell-Aliase korrekt auf – und Plain-Text-Sprachen erzeugen keine Warnungen mehr.
Eine ScrollLock-Regression wurde während der Release-Integration entdeckt und behoben, und mit ihr vier langjährige Testfehler. Die gesamte Suite ist nun mit 92/92 Tests erfolgreich.

Schlanker unter der Haube

Wir haben classnames durch clsx ersetzt – identische API, kleineres Bundle. Mehrere Komponenten wurden von React.FC auf forwardRef umgestellt. Die exports-Map des Pakets liefert nun types-Bedingungen auf jedem Subpfad aus, wobei die CJS-Unterstützung erhalten bleibt. Bild-Render-Komponenten wie Carousel, CompareImage, OgCard und Swiper akzeptieren eine unoptimized-Prop, falls Sie die Optimierung umgehen müssen. Und die Positionierung von DropdownWrapper wurde für Select, DateInput, ContextMenu und alles andere, was darauf aufbaut, intelligenter gestaltet.

Ein Changelog, auf den Sie sich verlassen können

1.8 markiert auch einen Meilenstein in unseren Prozessen: CHANGELOG.md und RELEASING.md befinden sich jetzt direkt im Repository, und Release-Notes werden daraus generiert – nicht umgekehrt. Als 1.8.1 einen Tag später folgte, tat es genau das, was ein Patch tun sollte: das KI-Harness-JSON wiederherstellen, Table-Stile korrigieren und sieben transitive Sicherheitswarnungen beheben. Dokumentiert, klassifiziert, ausgeliefert.

Vollständiger Changelog

Gemeinsam mit der Community entwickelt

Das meiste von dem, was Sie gerade gelesen haben, stammte aus einem einzigen Community-Pull-Request – dem größten, den wir je gemergt haben. Props, Fixes, Tokens, Typen: ein Mitwirkender, ein PR, ein komplett transformierter Release. Vielen Dank an alle, die beigetragen, Issues gemeldet oder Feedback geteilt haben. So sieht ein von der Community getriebenes Design-System aus.

divyanshudhruv

Paarweise gestalten: background und onBackground

Once UI 1.7: Form mit Absicht

Mehr Kontrolle dort, wo es zählt

CodeBlock bekommt background- und hideCode-Props spendiert, damit sich Code-Beispiele an ihre Umgebung anpassen, statt mit ihr zu konkurrieren. Und Checkbox sowie RadioButton akzeptieren nun eine hoverable-Prop, um den Hover-Puls-Effekt zu unterdrücken, wenn eine dezentere Interaktion besser passt.

Längst überfällige Fehlerbehebungen

Manche Bugs bleiben bestehen, weil sie schwierig sind. Andere bleiben bestehen, weil sie winzig sind. Version 1.8 behebt beide Arten:

IDs für Checkbox und RadioButton stammen nun von useId() statt von Math.random() – keine SSR-Hydration-Fehler mehr.

RadioButton zeigt im Dark Mode keinen Rahmen im nicht ausgewählten Zustand mehr an.

Leere Diagramme fallen nicht mehr auf eine Höhe von null zusammen.

CodeBlock-Grammatiken lösen nun md, mdx, dockerfile und Shell-Aliase korrekt auf – und Plain-Text-Sprachen erzeugen keine Warnungen mehr.

Eine ScrollLock-Regression wurde während der Release-Integration entdeckt und behoben, und mit ihr vier langjährige Testfehler. Die gesamte Suite ist nun mit 92/92 Tests erfolgreich.

Schlanker unter der Haube

Ein Changelog, auf den Sie sich verlassen können

Gemeinsam mit der Community entwickelt

Vielen Dank an alle, die beigetragen, Issues gemeldet oder Feedback geteilt haben. So sieht ein von der Community getriebenes Design-System aus.