Design System Handover · June 2026 release wave
Developer handover and changelog for the components updated in the Supernova design rework. Each component has its own page with a platform-agnostic specification covering anatomy, properties, variants, states, breakpoints and tokens, plus a full version history and a ready-to-copy ticket scaffold.
xs, md, lg) is the one place platform/viewport differences are called out explicitly. Every colour, spacing, radius and type value references an Aurora design token. Never hard-code raw values; bind to the named token so light/dark theming keeps working.
Components are grouped by the platform scope of this update, exactly as recorded on the Supernova Change Summary board.
| Component | Version | Date | What changed | Doc |
|---|---|---|---|---|
| Banner | v1.3 | 17.6.2026 | New variant: promotion / action. Existing banners → promotion; new action exposes a CTA. Driver: Supernova next-best-action banners. | Open → |
| StatusIndicator | v1.0 | 16.6.2026 | Initial release. Small colour-coded status dot with five semantic states. | Open → |
| ButtonGlass | v1.0 | 30.6.2026 | Initial release. Added a subtle inner shadow for better light-mode visibility. | Open → |
| Hero | v1.3 | 23.6.2026 | Adjustments for Supernova sub-pages. New appearance: default / card. | Open → |
| Card | v1.0 | 30.6.2026 | Initial release. Clickable content card with tagline/heading/subheading, status dot, badge, three swap slots. | Open → |
| SliderOverflowCards | v1.0 | 16.6.2026 | Initial release. Horizontally-scrolling carousel of cards that peek past the viewport edge. | Open → |
| Component | Version | Date | What changed | Doc |
|---|---|---|---|---|
| NavigationBar | v2.0 · in progress | 22.6.2026 | Supernova rework. iOS → native-like floating glass pill; Android adds a dedicated tablet md view; height adjusted on xs. | Open → |
| Component | Version | Date | What changed | Doc |
|---|---|---|---|---|
| TopBar | v2.0 | 24.6.2026 | Supernova adjustments. Changes on Android & iOS at xs and md. iOS gains glass buttons (ButtonGlass) for bar actions. | Open → |
Surface card for product/feature messages with optional CTA.
16×16 colour-coded status dot · 5 semantic states.
Glass-morphism pill button with layered shadow stack.
Page hero / feature header with new card appearance.
Clickable content card · slots, status dot, badge.
Edge-peeking horizontal card carousel.
Primary app navigation · phone & tablet layouts.
Top app bar / header · title + leading/trailing actions.
CardContainer control already exists in code and is a different component from this clickable content Card.
All platforms iOS & Android in progress
Breakpoints. Aurora uses xs (320px), md (768px), lg (1200px). Most AppKit components ship xs and md; each page states which breakpoints exist.
Tokens. bg-secondary, heading-lg, shadow-bevel style names are Aurora design tokens. Always bind, never hard-code. This document itself is styled with the Aurora vibe package.