search⌘K

Roadmap

A week-by-week view of what shipped, what’s in progress, and what’s coming next.

  1. Week of Apr 7

    Apr 7, 2026checkShipped
    Initial project setup

    Repository created, monorepo scaffolded with packages/ui and packages/tokens.

    commitInitial Commit

  2. Week of May 26

    May 26 – Jun 1, 2026checkShipped
    Monorepo collaboration setup

    Prepared repo for team collaboration: workspace aliases, dependency bumps, CI linting, and test scaffolding.

    commitprepare for collaborationcommitadd tests and clean up lintingcommituse workspacecommitbump deps

  3. Week of Jun 8

    Jun 8 – 18, 2026checkShipped
    DS component library foundations

    Font size fixes, dependency bumps, CI actions upgrade, Storybook dark mode toggle.

    commitupdate font sizecommitbump depscommitbump actions versionscommitalex commentscommitadd dark mode theme toggle to storybook

  4. Week of Jul 2

    Jul 2, 2026checkShipped
    Documentation site scaffold

    apps/web created with Vite + React Router 7. Sidebar, layout, search, route table, brand mark, and landing nav.

    commitscaffold apps/webcommitbrand mark + landing navcommitdocs shell — sidebar, layout, search
    View
    Landing page

    Hero section, editorial sections, green accent theme, scroll-reveal, CommureProvider integration.

    commitlanding page hero + editorial sectionscommitgreen accent theme + CommureProvidercommittheme toggle + scroll-reveal
    Component registry + live examples

    Registry for all 29 components, props-table loader, dynamic component pages, LiveExample editable preview, and examples for every component.

    commitcomponent registry + props-table loadercommitLiveExample editable previewcommitlive examples for all 29 componentscommitcomponent doc template, dynamic page, gallery
    View
    Foundations pages

    Colors, Typography, Spacing, Icons, and Elevation pages generated from design tokens.

    commitfoundations pages from tokens
    View
    Get Started, Patterns & Guidelines

    Get Started install guide, Patterns (Forms, Overlays, Navigation), and all 7 Guidelines pages.

    commitget-started, patterns, guidelines pages
    View
    Roadmap page

    Vertical timeline with voting buttons for in-progress and planned items.

    commitroadmap vertical timeline with voting
    View
    SSG + Turbo wiring

    Static site generation, Turbo pipeline, final prerender verification and runtime alias fixes.

    committurbo wiring + SSG prerendercommitDS components render styled at runtime

  5. Week of Jul 3

    Jul 3, 2026checkShipped
    Playroom — live sandbox

    Full-featured code playground with multi-width preview (mobile, tablet, desktop), snippet browser, right sidebar, and device selector.

    commitPlayroom — live sandbox with multi-width previewcommitplayroom snippets panelcommitplayroom right sidebarcommitplayroom sidebar scoped to editor pane
    View
    DS polish — anatomy diagrams, best practices, variants live preview

    Anatomy pin system with ResizeObserver, live JSX rendering in Best Practices and Variants, scroll-spy with hash update, smooth scroll, sidebar indentation fixes.

    Elevation & Icons pages redesigned

    Elevation rebuilt with usage table and real UI examples. Icons rebuilt with hero banner, size table, contextual examples, and searchable Icon Library tab.

    View

  6. Week of Jul 5

    Jul 5, 2026checkShipped
    Get Started page redesign

    Rebuilt with overview, principles tabs (What We Build / How We Guide / How We Measure Success), For Designers / For Developers cards, installation stepper, and footer.

    View
    Blue accent — site-wide color alignment

    Removed green site override. Site now uses the DS blue accent palette consistently. Background and editorial neutrals updated to match.

    Roadmap rebuilt from commit history

    Weekly groups derived from real git commits, showing what shipped and what's next.

    View

  7. Next — Component docs

    OngoingpendingIn Progress
    Usage docs for all components

    Anatomy diagrams, Usage (When to use / When not to use), Variants, Best Practices, Behaviors, Accessibility, and Q&A sections for every component. Button is the reference implementation.

    View
    Anatomy pin calibration

    Fine-tuning pin x/y coordinates for each component anatomy diagram so they point accurately to the right parts.

  8. Planned — New components

    Q3 2026mapPlanned
    Data Table

    Sortable, filterable, paginated table with column pinning and row selection. High demand across clinical workflows.

    Date Picker

    Calendar + range selection. Full locale support and keyboard navigation.

    Combobox

    Async searchable select with multi-select, groups, and custom render slots.

  9. Planned — Platform & tooling

    Q3–Q4 2026mapPlanned
    Command Palette

    ⌘K app-wide action launcher with fuzzy search, categories, and keyboard-first navigation.

    Notification Center

    Grouped, persistent notification center built on top of the Toast system.

    Figma ↔ code token sync

    Automated pipeline that keeps Figma variables in sync with @getathelas/tokens on every release.

    Contribution guide + governance

    Written process for proposing, building, reviewing, and promoting new components from product teams into the DS.

    Dark mode — full DS support

    Complete dark mode token mapping across all components and foundations pages.