J3W1 / DESIGN SYSTEM
color.action.secondary.hover-bg
Secondary button hover.
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Find related usage · Specification anchor · Measured contrast report (default profile)
Report an issue with this token
color.action.secondary.hover-bg--color-action-secondary-hover-bgdefault · approved
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| button · contrast | — | hover · color.action.secondary.hover-bg | spec/components/button.md:70 /contrast/3 |
| button · contrast | — | hover · color.action.secondary.hover-bg | spec/components/button.md:72 /contrast/5 |
| button · part | secondary.bg-hover · secondary | — | spec/components/button.md:39 /tokens/secondary.bg-hover |
| dialog · part | button.bg-hover | — | spec/components/dialog.md:43 /tokens/button.bg-hover |
| empty-state · part | action.bg-hover | — | spec/components/empty-state.md:30 /tokens/action.bg-hover |
| file-input · part | button.bg-hover | — | spec/components/file-input.md:34 /tokens/button.bg-hover |
| wizard · part | back.bg-hover | — | spec/components/wizard.md:52 /tokens/back.bg-hover |
| file-input · state | bg | hover · color.action.secondary.hover-bg | spec/components/file-input.md:58 /stateTokens/hover/bg |
Relevant contrast declarations
- file-input hover fg: color.action.secondary.text on color.action.secondary.hover-bg · spec/components/file-input.md:58
/stateTokens/hover - secondary text on the hover fill: color.action.secondary.text on color.action.secondary.hover-bg · spec/components/button.md:70
/contrast/3 - ring on the secondary hover fill: color.interaction.focus.ring on color.action.secondary.hover-bg · spec/components/button.md:72
/contrast/5
heritage-ansi · heritage
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| button · contrast | — | hover · color.action.secondary.hover-bg | spec/components/button.md:70 /contrast/3 |
| button · contrast | — | hover · color.action.secondary.hover-bg | spec/components/button.md:72 /contrast/5 |
| button · part | secondary.bg-hover · secondary | — | spec/components/button.md:39 /tokens/secondary.bg-hover |
| dialog · part | button.bg-hover | — | spec/components/dialog.md:43 /tokens/button.bg-hover |
| empty-state · part | action.bg-hover | — | spec/components/empty-state.md:30 /tokens/action.bg-hover |
| file-input · part | button.bg-hover | — | spec/components/file-input.md:34 /tokens/button.bg-hover |
| wizard · part | back.bg-hover | — | spec/components/wizard.md:52 /tokens/back.bg-hover |
| file-input · state | bg | hover · color.action.secondary.hover-bg | spec/components/file-input.md:58 /stateTokens/hover/bg |
Relevant contrast declarations
- file-input hover fg: color.action.secondary.text on color.action.secondary.hover-bg · spec/components/file-input.md:58
/stateTokens/hover - secondary text on the hover fill: color.action.secondary.text on color.action.secondary.hover-bg · spec/components/button.md:70
/contrast/3 - ring on the secondary hover fill: color.interaction.focus.ring on color.action.secondary.hover-bg · spec/components/button.md:72
/contrast/5
extended · proposed
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| button · contrast | — | hover · color.action.secondary.hover-bg | spec/components/button.md:70 /contrast/3 |
| button · contrast | — | hover · color.action.secondary.hover-bg | spec/components/button.md:72 /contrast/5 |
| button · part | secondary.bg-hover · secondary | — | spec/components/button.md:39 /tokens/secondary.bg-hover |
| dialog · part | button.bg-hover | — | spec/components/dialog.md:43 /tokens/button.bg-hover |
| empty-state · part | action.bg-hover | — | spec/components/empty-state.md:30 /tokens/action.bg-hover |
| file-input · part | button.bg-hover | — | spec/components/file-input.md:34 /tokens/button.bg-hover |
| wizard · part | back.bg-hover | — | spec/components/wizard.md:52 /tokens/back.bg-hover |
| file-input · state | bg | hover · color.action.secondary.hover-bg | spec/components/file-input.md:58 /stateTokens/hover/bg |
Relevant contrast declarations
- file-input hover fg: color.action.secondary.text on color.action.secondary.hover-bg · spec/components/file-input.md:58
/stateTokens/hover - secondary text on the hover fill: color.action.secondary.text on color.action.secondary.hover-bg · spec/components/button.md:70
/contrast/3 - ring on the secondary hover fill: color.interaction.focus.ring on color.action.secondary.hover-bg · spec/components/button.md:72
/contrast/5