Skip to content

Internal: Add sidebar nav and Colours/Elevation/Typography pages to dev app - #320

Open
zoharma wants to merge 2 commits into
mainfrom
zma/update-dev-app
Open

zoharma wants to merge 2 commits into
mainfrom
zma/update-dev-app

Conversation

@zoharma

@zoharma zoharma commented Sep 17, 2026

Copy link
Copy Markdown
Contributor
  • Replace the horizontal Navbar with a fixed AppBar + SidebarNav for primary navigation
  • Switch nav icons from @mui/icons-material to lucide-react
  • Add a Colours page mirroring Foundations/Theme Colours: Intent colours, Core brand colours (Brand/Tertiary/Highlight), and Neutral colours sections
  • Add an Elevation page: Paper swatches for elevation 0-24, a Layering section, a composed elevation + Danger container example, and a shadow-restoring components section
  • Add a Typography page listing every variant from createDiamondTypography
  • Dedupe MUI/Emotion in dev/vite.config.ts so DiamondDSTheme actually reaches MRT (was silently falling back to MUI's stock theme, breaking dark mode)

@zoharma zoharma added this to the 0.7.2 milestone Sep 17, 2026
@zoharma
zoharma requested a review from a team September 17, 2026 20:48
- Replace the horizontal `Navbar` with a fixed `AppBar` + `SidebarNav` for primary navigation
- Switch nav icons from `@mui/icons-material` to `lucide-react`
- Add a Colours page mirroring Foundations/Theme Colours: Intent colours, Core brand colours (Brand/Tertiary/Highlight), and Neutral colours sections
- Add an Elevation page: `Paper` swatches for elevation 0-24, a Layering section, a composed elevation + Danger container example, and a shadow-restoring components section
- Add a Typography page listing every variant from `createDiamondTypography`
- material-react-table pulls its own nested @mui/material/@emotion,
  so DiamondDSTheme never reaches it (falls back to MUI's defaults)
- extend dedupe beyond react/react-dom to cover those packages too
@zoharma zoharma changed the title Add sidebar nav and Colours/Elevation/Typography pages to dev app (internal) Internal: Add sidebar nav and Colours/Elevation/Typography pages to dev app Sep 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant