Design tokens
Declared defaults for @zudo-sg/demo-ui, shown as light, dark, and shared token references. Open Preview tokens to edit the component previews; these reference dashboards stay unchanged.
Declared defaults
These are the declared defaults of the design-token manifest, shown as light, dark, and shared token references. The light and dark frames show only tokens whose declared value differs by mode (light-dark() pairs and rows that reference them); the shared frame lists every other token once and follows the site theme. Samples are isolated from the live panels and anything saved in them. Nothing here is clickable or editable.
UI tokens — mode-dependent defaults (light)
Loading declared defaults…
UI tokens — mode-dependent defaults (dark)
Loading declared defaults…
UI tokens — shared defaults (mode-independent)
Loading declared defaults…