Go to file

Richie b8fb8c63c6 Use NSW logo SVG asset from public/ instead of inline SVG

Move the official NSW Government logo to public/nsw-logo.svg and
reference it as an img in TopBar stories and template story helpers,
replacing the large inline SVG blocks.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

2026-06-03 15:30:38 +10:00

.storybook

Add workflow tooling: claude2figma skills, Storybook addons, Figma permissions

2026-05-21 11:28:15 +10:00

public

Use NSW logo SVG asset from public/ instead of inline SVG

2026-06-03 15:30:38 +10:00

src

Use NSW logo SVG asset from public/ instead of inline SVG

2026-06-03 15:30:38 +10:00

.gitignore

Remove internal project files from tracking and update .gitignore

2026-05-21 14:05:36 +10:00

.prettierrc

Initial scaffold: React 19 + Vite + TypeScript + Tailwind CSS v4 + Storybook 10

2026-05-20 14:30:41 +10:00

ARCHITECTURE.md

Genericise template stories, fix TopBar icons, and add DetailPage

2026-06-03 15:22:18 +10:00

DESIGN.md

Genericise template stories, fix TopBar icons, and add DetailPage

2026-06-03 15:22:18 +10:00

eslint.config.js

Initial scaffold: React 19 + Vite + TypeScript + Tailwind CSS v4 + Storybook 10

2026-05-20 14:30:41 +10:00

index.html

Rebrand to ADS 3.0 Design System and add DESIGN.md component reference

2026-05-22 09:59:02 +10:00

package-lock.json

Add Dialog, Tag, Tooltip, Popover, and Alert components; fix Button icon sizes

2026-05-21 22:31:52 +10:00

package.json

Rebrand to ADS 3.0 Design System and add DESIGN.md component reference

2026-05-22 09:59:02 +10:00

README.md

Rebrand to ADS 3.0 Design System and add DESIGN.md component reference

2026-05-22 09:59:02 +10:00

tsconfig.app.json

Fix TypeScript baseUrl deprecation and clean up Storybook story pattern

2026-05-20 14:36:01 +10:00

tsconfig.json

Initial scaffold: React 19 + Vite + TypeScript + Tailwind CSS v4 + Storybook 10

2026-05-20 14:30:41 +10:00

tsconfig.node.json

Initial scaffold: React 19 + Vite + TypeScript + Tailwind CSS v4 + Storybook 10

2026-05-20 14:30:41 +10:00

vite.config.ts

Initial scaffold: React 19 + Vite + TypeScript + Tailwind CSS v4 + Storybook 10

2026-05-20 14:30:41 +10:00

vitest.shims.d.ts

Initial scaffold: React 19 + Vite + TypeScript + Tailwind CSS v4 + Storybook 10

2026-05-20 14:30:41 +10:00

README.md

ADS 3.0 Design System

A React component library implementing the ADS 3.0 (Adaptive Design System) design language. Built with React 19, TypeScript, Tailwind CSS v4, and Storybook 10.

Getting Started

npm install
npm run storybook    # Component development at localhost:6006
npm run dev          # Vite dev server

Architecture

Tokens — Design tokens in src/tokens/tokens.css as a Tailwind v4 @theme block
Atoms — Single-purpose elements (Button, Input, Badge, etc.)
Molecules — Small compositions (Alert, Dialog, Card, Accordion)
Organisms — Page-level regions (AppShell, TabBar)

Usage as a Base

This repo is designed to be forked for specific applications. Fork it, then build your application screens and domain logic on top of the shared component set.

Tech Stack

Tool	Purpose
React 19	UI framework
TypeScript (strict)	Type safety
Tailwind CSS v4	Utility-first styling via CSS-first config
Storybook 10	Component development and documentation
Vite	Build tooling