@synergy-design-system/components
Version:
13 lines (12 loc) • 1.01 kB
TypeScript
/**
* The available color palettes for `syn-chart`.
* Palette names correspond 1:1 to the Synergy design token groups.
*
* - `categorical` — 12 distinct colors for comparing unrelated data series
* - `sequential-01` … `sequential-07` — 10-step single-hue ramps, ordered from darkest to brightest
* (`01`=primary, `02`=accent, `03`=muted, `04`=purple, `05`=teal, `06`=magenta, `07`=neutral)
* - `sequential-status-critical/error/info/success/warning` — 10-step status color ramps, ordered from darkest to brightest
*/
export type ChartPalette = 'categorical' | 'sequential-01' | 'sequential-02' | 'sequential-03' | 'sequential-04' | 'sequential-05' | 'sequential-06' | 'sequential-07' | 'sequential-status-critical' | 'sequential-status-error' | 'sequential-status-info' | 'sequential-status-success' | 'sequential-status-warning';
/** Maps each palette name to the ordered list of CSS custom property names to resolve. */
export declare const PALETTE_TOKENS: Record<ChartPalette, string[]>;