Skip to main content
Version: 1.1.0

IImpactFeasibilityMatrixTokens

@spartanfx/react v1.1.0


@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

PropertyTypeDescription
actionobjectMaximize / minimize action buttons.
action.backgroundstring-
action.backgroundActivestring-
action.backgroundHoverstring-
action.colorstring-
action.sizestring-
axisobjectAxis styling.
axis.endpointColorstring-
axis.labelColorstring-
colorobjectCore colours.
color.borderstringOuter border of the card.
color.surfacestringCard / root surface.
color.surfaceMutedstringPlot surface behind the quadrant tiles (also shows through grid gaps).
color.textstringPrimary text.
color.textMutedstringSecondary / axis text.
color.textSubtlestringTertiary / hint text.
focusobjectKeyboard focus ring.
focus.ringColorstring-
focus.ringOffsetstring-
focus.ringWidthstring-
gridobjectGrid / quadrant divider lines.
grid.linestring-
grid.lineWidthstring-
itemobjectPlotted-item marker.
item.areaInsetstringInset of the items layer from the plot edge (keeps edge items inside).
item.backgroundstring-
item.backgroundHoverstring-
item.borderstring-
item.markerSizestringMarker dot diameter.
item.maxWidthstringMax width of an item before its title ellipsises.
item.minTouchTargetstringMinimum interactive (touch) target.
item.textstring-
quadrantsRecord<TQuadrantKey, IImpactFeasibilityMatrixQuadrantTokens>Per-quadrant tokens.
radiusobjectBorder-radius scale.
radius.lgstring-
radius.mdstring-
radius.pillstring-
radius.smstring-
shadowobjectElevation / shadows.
shadow.cardstring-
shadow.itemstring-
shadow.itemHoverstring-
shadow.maximizedstring-
spacingobjectSpacing scale (responsive clamp() values by default).
spacing.lgstring-
spacing.mdstring-
spacing.smstring-
spacing.xlstring-
spacing.xsstring-
tooltipobjectHover / focus value tooltip.
tooltip.backgroundstring-
tooltip.fontSizestring-
tooltip.radiusstring-
tooltip.shadowstring-
tooltip.textstring-
transitionobjectMotion.
transition.basestring-
transition.faststring-
typographyobjectTypography.
typography.axisLabelSizestring-
typography.fontFamilystring-
typography.fontWeightItemstring | number-
typography.fontWeightLabelstring | number-
typography.itemTitleSizestring-
typography.quadrantLabelSizestring-
zIndexobjectStacking order.
zIndex.actionsnumber-
zIndex.gridnumber-
zIndex.itemActivenumber-
zIndex.itemsnumber-
zIndex.maximizednumber-