0.3.0
Timeline & AppShell debut, Figma-aligned Button/Card, and a breaking prop-naming cleanup
Button, Card, Alert, Notification, Notifier, Calendar, RadioGroup, ChoiceCardGroup, SegmentGroup, Menu, Autocomplete, ComboboxList, MultiSelect, TreeSelect, TreeMultiSelect, and MultiComboboxList — see the migration table below.Two new components debut this release: Timeline, a vertical event/roadmap list with
dashed/gradient line variants and per-item color, and AppShell, a header + sidebar + main +
aside layout on CSS Grid with container-query (not viewport) responsiveness. Calendar,
DatePicker, and TimeInput gain a translations prop for overriding their built-in English
microcopy, threaded through DataTable's date/date-range column filter too. Drawer,
Popover, Tooltip, and Menu now all fire onClose alongside onOpenChange, matching
Modal's existing convenience callback. The rest of the release is a Figma-alignment pass:
Button and Card pick up new colors and variants (see the breaking changes below),
Popover/Modal/Menu/Pill/Notification/Badge get restyled surfaces, text-color tiers
are unified across Text/Title/Field, and focus rings are unified across the shell family
(Input/TreeSelect/TreeMultiSelect/PinInput).
Breaking changes
| Component(s) | Before | After |
|---|---|---|
Button, ActionIcon | isLoading | loading |
Alert | closable | withCloseButton |
Notification, Notifier | closable | withCloseButton |
Notification | collapsable | withCollapse |
Notification | opened / defaultOpened | open / defaultOpen |
Calendar | showWeekNumbers | withWeekNumbers |
RadioGroup, ChoiceCardGroup, SegmentGroup, Menu | items | data |
Autocomplete, ComboboxList, MultiSelect, TreeSelect, TreeMultiSelect, MultiComboboxList | nothingFound | empty |
Button | variant="default" | removed — the zero-config default is now filled + neutral |
Button | radius prop | removed — corners are now a fixed 4px |
Card | variant="subtle" | removed — use variant="outline" instead |
A find-and-replace on each renamed prop covers most of the migration. The two dropped Button/Card values have no direct substitute — check those spots render as expected.
Git history
Released · Timeline & AppShell debut, Figma-aligned Button/Card, and a breaking prop-naming cleanup
Add withBorder prop to Header/Description/Footer
Aside sits under Header, no border/bg; container-query responsiveness
Drop Button's "default" variant (zero-config default is now filled+neutral) and radius prop, and Card's "subtle" variant; also a Figma surface/color alignment pass
Rename isLoading→loading (Button/ActionIcon), closable→withCloseButton, collapsable→withCollapse, and opened/defaultOpened→open/defaultOpen (Alert/Notification/Notifier), and showWeekNumbers→withWeekNumbers (Calendar)
Rename items→data (RadioGroup/ChoiceCardGroup/SegmentGroup/Menu) and nothingFound→empty (Autocomplete/ComboboxList/MultiSelect/TreeSelect/TreeMultiSelect/MultiComboboxList); also widens onClose to Drawer/Popover/Tooltip/Menu
Story used outdated variant
Make the withTime popover truly hug the calendar
Thread translations through the date/date-range column filter