Variable: datavizVars

const datavizVars: CssVarsMap<SemanticDataviz>

Defined in: dataviz/vars.ts:29

Typed CSS-var mirror of the dataviz semantic tokens — the extension's counterpart of the foundation's vars export.

Var names derive from token paths alone, so this map is valid for any theme extended with withDataviz (only the values behind the CSS vars change per theme/mode). Chart code references the vars; the CSS emitted by toCssVars carries the values.

Example

import { datavizVars } from '@ttoss/fsl-theme/dataviz';

<rect fill={datavizVars.color.series[1]} />
// → fill: 'var(--tt-dataviz-color-series-1)'