Project Graphite

/changelog/projects/graphite-ui

Graphite UI

in progress

The shared Project Graphite design tokens, dark theme and React components used by every Graphite web app.

  • react
  • typescript
  • tailwind
owner
Amr El-Sheraey
source
project-graphite/graphite-ui ↗
project page
/projects/graphite-ui

releases · 1

v0.1.0 — Shared theme and components

The first release of @project-graphite/ui moves Graphite Tracker's generic design tokens, base styles and components into one package, so every Graphite web app can share the same dark look.

added

  • Shared dark theme with the Graphite colour, radius, shadow, easing and layout tokens plus the live, in-progress and dormant status coloursff1a146 · AmrMsCLL
  • Sixteen React components including AppShell, Dialog, ConfirmDialog, Menu, Popover, GridListbox, Field, Toggle, Pagination, Skeleton, Snackbar and OutageGateff1a146 · AmrMsCLL
  • UiProvider keeps routing with the host app, so the package does not depend on react-routerff1a146 · AmrMsCLL
  • Dialogs, menus and popovers restore focus and support keyboard navigationff1a146 · AmrMsCLL
  • Local preview page showing every component in every stateff1a146 · AmrMsCLL
  • Version tags publish the package as a GitHub releaseff1a146 · AmrMsCLL