Files
supabase/apps/design-system/README.md
65b962e771 design system: text color contrast (#38343)
* Refactor Drawer component and add date-fns dependency

Refactored the Drawer component for improved slot-based structure, updated styles, and added 'use client' directive. Added 'date-fns' as a dependency in design-system, updated tsconfig paths for icons, and marked ToggleGroup as a client component.

* nit: add env for svg path

* fix: instructions

* accent color docs and basic tidy

* copy value feature

* improve color contrast

* increase contrast on text-warning in light mode

* update changelog

* replace outdated text-warning utility classes

* remove redundant warning-600

* minor design-system docs updates

* docs updates

* remove unused brand-button class

* update docs

* fix: restore brand default

* update docs brand text color

* low hanging branded text fruit

* Nit refactor and clean  up

* re-add Kemal’s README instructions for hot reload

---------

Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
2025-09-09 11:45:08 +10:00

725 B

Supabase Design System

Design resources for building consistent user experiences at Supabase.

Getting Started

First, make a copy of .env.local.example and name it env.local. Then run the development server as described below.

From within this design-system directory, run:

pnpm dev

Or from the root directory run:

pnpm dev:design-system

Open http://localhost:3003 with your browser to see the result.

Watching for MDX changes

If you would like to watch for changes to MDX files with hot reload, you can run the following command in a separate terminal shell:

pnpm content:dev

This runs Contentlayer concurrently and watches for any changes.