|Kit
Changelog

0.1.0

DataTable v1, toast Notifications, Stack renamed to Flex with a named gap scale, and a round of Table/Tooltip/Menu polish.

Two breaking changes: Stack is now Flex with a named gap scale (the old t-shirt spacing tokens are gone), and the ready-made components moved onto the root namespace — update your imports.

The headline is DataTable (@42/ui-react/data-table) — a headless TanStack Table instance wired to the kit's own Table, with sorting, per-column filters, pagination, row selection, resizable/stable columns, and a responsive="stack" mode that renders each row as a label:value card below a container-query breakpoint. This release also adds toast Notifications over Ark UI's Toast machine, refines Table (striped rows, sticky header/footer, scroll shadows) and ButtonGroup (borderless divider, equal row heights), fires Menu item onClick on selection, and points Tooltip's arrow at its trigger. The stacked DataTable layout also picks up a handful of fixes this round — matching the <table> view's loading/error/empty states and header rendering exactly, instead of a parallel, driftable implementation.

Git history

Released · DataTable v1, toast Notifications, and the Flex rename

Ships DataTable (@42/ui-react/data-table) — sorting, per-column filters, pagination, row selection, resizable columns, and a responsive stack mode — plus toast Notifications over Ark UI's Toast machine. Breaking: Stack is renamed to Flex with a named gap scale (t-shirt spacing tokens are gone), and the ready-made components move onto the root namespace. Also refines Table (striped rows, sticky header/footer, scroll shadows) and ButtonGroup, points Tooltip's arrow at its trigger, and fixes a round of Table/DataTable issues.

  1. Height & sticky on fullpage example, striped & hover states

  2. Overflow bug on non-defined height parents

  3. Pin sticky header/pagination and stacked-card states

  4. Add DataTable v1 on TanStack Table (#11)

  5. Striped more in line with figma

  6. Add ready made component to root namespace with collapse

  7. Refine the borderless divider and equalize row heights

  8. Rename Stack to Flex and move gap to a named scale

  9. Arrow shadow

  10. Add an arrow pointing at the trigger

  11. Fire item onClick on selection (click + keyboard)

  12. Add link to git entries

0.1.3

Adds Alert, a manual dark-mode attribute option, and a round of docs/demo fixes.

0.0.1

The first release of @42/ui-react — design foundations plus ~40 components across inputs, the picker family, overlays, and data display.

On this page

Git history