zdtp css modules

CSS MODULES

The same tokens, scoped to each component.

This card reads --demo-surface, --demo-ink, --demo-space-card, and --demo-radius-card from card.module.css. Wind is off. The Wind demo uses the same authored properties through zudo-wind utilities at zdtp-demo-zudowind.zudolab.dev.

PALETTE

Four groups, one palette

Open the token panel and edit a ramp or the card spacing. Semantic roles use light-dark(), and the note beside the title keeps its own scoped class.

Base

0
1
2
3
4
5
6

Brand

0
1
2
3
4

Accent

0
1
2
3

State

Success
Danger
Warning
Info