Buttons
v5's per-colour classes are gone. A button now composes a variant
(.btn-solid, .btn-outline, .btn-subtle,
.btn-text) with a theme token (.theme-primary).
Badges
Three variants, composed with the same theme tokens.
Alerts
.alert-primary is gone — use .alert plus a theme token.
test:e2e.
Avatars New
CSS-only. Sizes, status dots, and overlapping stacks.
Chips New
Tags and tokens, with optional icons and a dismiss button.
Cards
Changelog
Release notes assemble themselves from merged work.
- v2.4.0 Shipped
- v2.3.9 In review
Accordion
Rebuilt on native <details>/<summary>. The
name attribute gives you exclusive groups — no Collapse JS at all.
Zero JavaScript
Exclusive by name
name makes opening one close the others — this replaces data-bs-parent.
Searchable and linkable
<details>, which a div-based accordion never could.
Dialog was Modal
Built on the native <dialog> element — the browser supplies the
backdrop, focus trap and inert top layer, so .modal-dialog and
.modal-content are gone.
Drawer was Offcanvas
Also a native <dialog>. Four edges.
Nav & tabs
Cycle time, review latency and carryover — measured from real events rather than board columns.
Specs link straight to the work, so a closed ticket updates the doc that describes it.
Figma frames attach to initiatives and version alongside the release they ship in.
Stepper New
CSS-only. Vertical by default, horizontal from a breakpoint up.
- Connect repo
- Import work
- Invite team
- Ship release
Carousel
Rebuilt on CSS scroll-snap. data-bs-ride became
data-bs-autoplay and now defaults to off — a v5
carousel that auto-advanced will sit still until you opt in.
Collapse
<details> instead — it needs no JavaScript.
Toasts
Tooltip & popover
Both moved from Popper to Floating UI; the popperConfig option is now
floatingConfig. Both are opt-in and initialised in main.js.
Toggler New
A generic class/attribute toggler — no custom JavaScript needed.
theme-primary on this box.
Progress
Spinners
List group
- Payments rewrite Shipped
- Search filters In review
- Billing portal Planned
Breadcrumb
Links now take .breadcrumb-link, and separators are real
.breadcrumb-divider elements rather than ::before pseudo-elements.
Pagination
Loading states
Tables
| Release | Owner | Cycle time | Status |
|---|---|---|---|
| v2.4.0 | PN Priya N. | 2.1 days | Shipped |
| v2.3.9 | ML Marcus L. | 3.4 days | In review |
| v2.3.8 | DR Dana R. | 1.8 days | Shipped |
Typography
The numeric .fs-1–.fs-6 scale is replaced by t-shirt sizes.
lg and above are fluid clamp() values that scale with the viewport.
fs-6xl
fs-5xl
fs-4xl
fs-3xl
fs-2xl
fs-xl
fs-lg
fs-md
fs-sm
fs-xs