IImpactFeasibilityMatrixTokens
@spartanfx/react / index / IImpactFeasibilityMatrixTokens
Interface: IImpactFeasibilityMatrixTokens
The full token contract. Provide a PartialDeep override via the
tokens prop; it is deep-merged over the active base (DEFAULT_TOKENS
or DEFAULT_DARK_TOKENS) and emitted as --sfx-ifm-* CSS variables.
Properties
| Property | Type | Description |
|---|---|---|
action | object | Maximize / minimize action buttons. |
action.background | string | - |
action.backgroundActive | string | - |
action.backgroundHover | string | - |
action.color | string | - |
action.size | string | - |
axis | object | Axis styling. |
axis.endpointColor | string | - |
axis.labelColor | string | - |
color | object | Core colours. |
color.border | string | Outer border of the card. |
color.surface | string | Card / root surface. |
color.surfaceMuted | string | Plot surface behind the quadrant tiles (also shows through grid gaps). |
color.text | string | Primary text. |
color.textMuted | string | Secondary / axis text. |
color.textSubtle | string | Tertiary / hint text. |
focus | object | Keyboard focus ring. |
focus.ringColor | string | - |
focus.ringOffset | string | - |
focus.ringWidth | string | - |
grid | object | Grid / quadrant divider lines. |
grid.line | string | - |
grid.lineWidth | string | - |
item | object | Plotted-item marker. |
item.areaInset | string | Inset of the items layer from the plot edge (keeps edge items inside). |
item.background | string | - |
item.backgroundHover | string | - |
item.border | string | - |
item.markerSize | string | Marker dot diameter. |
item.maxWidth | string | Max width of an item before its title ellipsises. |
item.minTouchTarget | string | Minimum interactive (touch) target. |
item.text | string | - |
quadrants | Record<TQuadrantKey, IImpactFeasibilityMatrixQuadrantTokens> | Per-quadrant tokens. |
radius | object | Border-radius scale. |
radius.lg | string | - |
radius.md | string | - |
radius.pill | string | - |
radius.sm | string | - |
shadow | object | Elevation / shadows. |
shadow.card | string | - |
shadow.item | string | - |
shadow.itemHover | string | - |
shadow.maximized | string | - |
spacing | object | Spacing scale (responsive clamp() values by default). |
spacing.lg | string | - |
spacing.md | string | - |
spacing.sm | string | - |
spacing.xl | string | - |
spacing.xs | string | - |
tooltip | object | Hover / focus value tooltip. |
tooltip.background | string | - |
tooltip.fontSize | string | - |
tooltip.radius | string | - |
tooltip.shadow | string | - |
tooltip.text | string | - |
transition | object | Motion. |
transition.base | string | - |
transition.fast | string | - |
typography | object | Typography. |
typography.axisLabelSize | string | - |
typography.fontFamily | string | - |
typography.fontWeightItem | string | number | - |
typography.fontWeightLabel | string | number | - |
typography.itemTitleSize | string | - |
typography.quadrantLabelSize | string | - |
zIndex | object | Stacking order. |
zIndex.actions | number | - |
zIndex.grid | number | - |
zIndex.itemActive | number | - |
zIndex.items | number | - |
zIndex.maximized | number | - |