J3W1 / DESIGN SYSTEM

color.interaction.hover.bg-strong

Hover on menu items; D-027 moved links to interaction.hover.bg.

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

Report an issue with this token

color.interaction.hover.bg-strong

--color-interaction-hover-bg-strong

default · approved

Resolved value: #630f0d
Status: observed
Consumption: use — Use within the role's documented scope and restrictions.
Decisions: None pending.
Source: tokens/semantic.tokens.json:341 /color/interaction/hover/bg-strong
Alias chain: color.primitive.red.150
Used by aliases: No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kind	Part / variant	State / surface	Source declaration
drawer · contrast	—	— · color.interaction.hover.bg-strong	spec/components/drawer.md:52 `/contrast/4`
link · contrast	—	hover · color.interaction.hover.bg-strong	spec/components/link.md:46 `/contrast/4`
Shared rule · contrast	—	— · color.interaction.hover.bg-strong	spec/contrast.json:20 `/pairs/16`
breadcrumbs · part	link.bg-hover	—	spec/components/breadcrumbs.md:32 `/tokens/link.bg-hover`
chip · part	remove.bg-hover	—	spec/components/chip.md:46 `/tokens/remove.bg-hover`
combobox · part	option.bg-hover	—	spec/components/combobox.md:54 `/tokens/option.bg-hover`
diff-view · part	fold.bg-hover	—	spec/components/diff-view.md:56 `/tokens/fold.bg-hover`
drawer · part	item.bg-hover	—	spec/components/drawer.md:36 `/tokens/item.bg-hover`
link · part	root.bg-hover	—	spec/components/link.md:29 `/tokens/root.bg-hover`
menu · part	item.bg-hover	—	spec/components/menu.md:46 `/tokens/item.bg-hover`
toast · part	action.bg-hover	—	spec/components/toast.md:49 `/tokens/action.bg-hover`
breadcrumbs · state	bg	hover · color.interaction.hover.bg-strong	spec/components/breadcrumbs.md:40 `/stateTokens/hover/bg`
combobox · state	bg	hover · color.interaction.hover.bg-strong	spec/components/combobox.md:66 `/stateTokens/hover/bg`
link · state	bg	hover · color.interaction.hover.bg-strong	spec/components/link.md:37 `/stateTokens/hover/bg`
menu · state	bg	hover · color.interaction.hover.bg-strong	spec/components/menu.md:58 `/stateTokens/hover/bg`
toast · state	bg	hover · color.interaction.hover.bg-strong	spec/components/toast.md:58 `/stateTokens/hover/bg`

Relevant contrast declarations

ring on the hover fill: color.interaction.focus.ring on color.interaction.hover.bg-strong · spec/components/link.md:46 /contrast/4
breadcrumbs hover fg: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/breadcrumbs.md:40 /stateTokens/hover
combobox hover fg: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/combobox.md:66 /stateTokens/hover
hovered item: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/drawer.md:52 /contrast/4
link hover fg: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/link.md:37 /stateTokens/hover
link hover text on strong hover fill: color.text.link-hover on color.interaction.hover.bg-strong · spec/contrast.json:20 /pairs/16
menu hover fg: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/menu.md:58 /stateTokens/hover
toast hover fg: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/toast.md:58 /stateTokens/hover

heritage-ansi · heritage

Resolved value: #630f0d
Status: observed
Consumption: historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions: None pending.
Source: tokens/semantic.tokens.json:341 /color/interaction/hover/bg-strong
Alias chain: color.primitive.red.150
Used by aliases: No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kind	Part / variant	State / surface	Source declaration
drawer · contrast	—	— · color.interaction.hover.bg-strong	spec/components/drawer.md:52 `/contrast/4`
link · contrast	—	hover · color.interaction.hover.bg-strong	spec/components/link.md:46 `/contrast/4`
Shared rule · contrast	—	— · color.interaction.hover.bg-strong	spec/contrast.json:20 `/pairs/16`
breadcrumbs · part	link.bg-hover	—	spec/components/breadcrumbs.md:32 `/tokens/link.bg-hover`
chip · part	remove.bg-hover	—	spec/components/chip.md:46 `/tokens/remove.bg-hover`
combobox · part	option.bg-hover	—	spec/components/combobox.md:54 `/tokens/option.bg-hover`
diff-view · part	fold.bg-hover	—	spec/components/diff-view.md:56 `/tokens/fold.bg-hover`
drawer · part	item.bg-hover	—	spec/components/drawer.md:36 `/tokens/item.bg-hover`
link · part	root.bg-hover	—	spec/components/link.md:29 `/tokens/root.bg-hover`
menu · part	item.bg-hover	—	spec/components/menu.md:46 `/tokens/item.bg-hover`
toast · part	action.bg-hover	—	spec/components/toast.md:49 `/tokens/action.bg-hover`
breadcrumbs · state	bg	hover · color.interaction.hover.bg-strong	spec/components/breadcrumbs.md:40 `/stateTokens/hover/bg`
combobox · state	bg	hover · color.interaction.hover.bg-strong	spec/components/combobox.md:66 `/stateTokens/hover/bg`
link · state	bg	hover · color.interaction.hover.bg-strong	spec/components/link.md:37 `/stateTokens/hover/bg`
menu · state	bg	hover · color.interaction.hover.bg-strong	spec/components/menu.md:58 `/stateTokens/hover/bg`
toast · state	bg	hover · color.interaction.hover.bg-strong	spec/components/toast.md:58 `/stateTokens/hover/bg`

Relevant contrast declarations

ring on the hover fill: color.interaction.focus.ring on color.interaction.hover.bg-strong · spec/components/link.md:46 /contrast/4
breadcrumbs hover fg: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/breadcrumbs.md:40 /stateTokens/hover
combobox hover fg: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/combobox.md:66 /stateTokens/hover
hovered item: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/drawer.md:52 /contrast/4
link hover fg: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/link.md:37 /stateTokens/hover
link hover text on strong hover fill: color.text.link-hover on color.interaction.hover.bg-strong · spec/contrast.json:20 /pairs/16
menu hover fg: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/menu.md:58 /stateTokens/hover
toast hover fg: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/toast.md:58 /stateTokens/hover

extended · proposed

Resolved value: #630f0d
Status: observed
Consumption: blocked — Proposed profile: preview only, not downstream delivery.
Decisions: None pending.
Source: tokens/semantic.tokens.json:341 /color/interaction/hover/bg-strong
Alias chain: color.primitive.red.150
Used by aliases: No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kind	Part / variant	State / surface	Source declaration
drawer · contrast	—	— · color.interaction.hover.bg-strong	spec/components/drawer.md:52 `/contrast/4`
link · contrast	—	hover · color.interaction.hover.bg-strong	spec/components/link.md:46 `/contrast/4`
Shared rule · contrast	—	— · color.interaction.hover.bg-strong	spec/contrast.json:20 `/pairs/16`
breadcrumbs · part	link.bg-hover	—	spec/components/breadcrumbs.md:32 `/tokens/link.bg-hover`
chip · part	remove.bg-hover	—	spec/components/chip.md:46 `/tokens/remove.bg-hover`
combobox · part	option.bg-hover	—	spec/components/combobox.md:54 `/tokens/option.bg-hover`
diff-view · part	fold.bg-hover	—	spec/components/diff-view.md:56 `/tokens/fold.bg-hover`
drawer · part	item.bg-hover	—	spec/components/drawer.md:36 `/tokens/item.bg-hover`
link · part	root.bg-hover	—	spec/components/link.md:29 `/tokens/root.bg-hover`
menu · part	item.bg-hover	—	spec/components/menu.md:46 `/tokens/item.bg-hover`
toast · part	action.bg-hover	—	spec/components/toast.md:49 `/tokens/action.bg-hover`
breadcrumbs · state	bg	hover · color.interaction.hover.bg-strong	spec/components/breadcrumbs.md:40 `/stateTokens/hover/bg`
combobox · state	bg	hover · color.interaction.hover.bg-strong	spec/components/combobox.md:66 `/stateTokens/hover/bg`
link · state	bg	hover · color.interaction.hover.bg-strong	spec/components/link.md:37 `/stateTokens/hover/bg`
menu · state	bg	hover · color.interaction.hover.bg-strong	spec/components/menu.md:58 `/stateTokens/hover/bg`
toast · state	bg	hover · color.interaction.hover.bg-strong	spec/components/toast.md:58 `/stateTokens/hover/bg`

Relevant contrast declarations

ring on the hover fill: color.interaction.focus.ring on color.interaction.hover.bg-strong · spec/components/link.md:46 /contrast/4
breadcrumbs hover fg: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/breadcrumbs.md:40 /stateTokens/hover
combobox hover fg: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/combobox.md:66 /stateTokens/hover
hovered item: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/drawer.md:52 /contrast/4
link hover fg: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/link.md:37 /stateTokens/hover
link hover text on strong hover fill: color.text.link-hover on color.interaction.hover.bg-strong · spec/contrast.json:20 /pairs/16
menu hover fg: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/menu.md:58 /stateTokens/hover
toast hover fg: color.text.link-hover on color.interaction.hover.bg-strong · spec/components/toast.md:58 /stateTokens/hover