Files
2b410f3330 sankey (#3286)
* sankey

* sanki2

* numine data example

* remove showcase

* address PR review comments for sankey chart

- move @types/d3-sankey to devDependencies
- use targeted d3-selection/d3-transition imports in SankeyLink
- add explicit return type to useSankeyController
- extract LABEL_LINE_HEIGHT/LABEL_LINE_GAP module-level constants
- add readonly modifiers to SankeyNodeDatum, SankeyLinkDatum, SankeyData
- add comment explaining d3-sankey runtime type assertions in SankeyNode

Co-authored-by: Hanzo Dev <[email protected]>

* address PR review comments for sankey chart

Co-authored-by: Hanzo Dev <[email protected]>

* review fixes

---------

Co-authored-by: Hanzo Dev <[email protected]>
2026-03-02 19:45:06 +03:00

39 lines
1.0 KiB
TypeScript

/**
* Sankey node color tokens from Figma (Universal Bridge Indexer).
* Light theme: Chakra 300 palette. Resolved via useToken in the chart.
* @see https://www.figma.com/design/3mGpZEE65cSuLnhtJBfKkO?node-id=6867-20752
*/
export const SANKEY_NODE_COLOR_TOKENS_LIGHT: Array<string> = [
'blue.300',
'purple.300',
'pink.300',
'green.300',
'teal.300',
'cyan.300',
'orange.300',
'yellow.300',
'red.300',
];
/**
* Sankey node color tokens from Figma (Universal Bridge Indexer).
* Dark theme: Chakra 700 palette. Resolved via useToken in the chart.
* @see https://www.figma.com/design/3mGpZEE65cSuLnhtJBfKkO?node-id=6867-21363
*/
export const SANKEY_NODE_COLOR_TOKENS_DARK: Array<string> = [
'blue.700',
'purple.700',
'pink.700',
'green.700',
'teal.700',
'cyan.700',
'orange.700',
'yellow.700',
'red.700',
];
export const DEFAULT_SANKEY_NODE_WIDTH = 16;
export const DEFAULT_SANKEY_NODE_PADDING = 40;
export const DEFAULT_SANKEY_LINK_OPACITY = 0.35;
export const DEFAULT_SANKEY_LINK_HOVER_OPACITY = 0.6;