J3W1 / DESIGN SYSTEM
color.action.destructive.hover-text
Destructive button text on hover (4.58:1).
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Find related usage · Specification anchor · Measured contrast report (default profile)
Report an issue with this token
color.action.destructive.hover-text--color-action-destructive-hover-textdefault · approved
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| button · contrast | — | active · color.action.destructive.pressed-bg | spec/components/button.md:82 /contrast/15 |
| button · contrast | — | hover · color.action.destructive.hover-bg | spec/components/button.md:80 /contrast/13 |
| button · contrast | — | hover · color.action.destructive.hover-bg | spec/components/button.md:81 /contrast/14 |
| Shared rule · contrast | — | — · color.action.destructive.hover-bg | spec/contrast.json:27 /pairs/23 |
| button · part | destructive.text-hover · destructive | — | spec/components/button.md:48 /tokens/destructive.text-hover |
Relevant contrast declarations
- destructive hover text on hover fill: color.action.destructive.hover-text on color.action.destructive.hover-bg · spec/contrast.json:27
/pairs/23 - destructive text on the hover fill: color.action.destructive.hover-text on color.action.destructive.hover-bg · spec/components/button.md:80
/contrast/13 - ring on the destructive hover fill (the ring takes the on-fill colour): color.action.destructive.hover-text on color.action.destructive.hover-bg · spec/components/button.md:81
/contrast/14 - destructive text while pressed: color.action.destructive.hover-text on color.action.destructive.pressed-bg · spec/components/button.md:82
/contrast/15
heritage-ansi · heritage
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| button · contrast | — | active · color.action.destructive.pressed-bg | spec/components/button.md:82 /contrast/15 |
| button · contrast | — | hover · color.action.destructive.hover-bg | spec/components/button.md:80 /contrast/13 |
| button · contrast | — | hover · color.action.destructive.hover-bg | spec/components/button.md:81 /contrast/14 |
| Shared rule · contrast | — | — · color.action.destructive.hover-bg | spec/contrast.json:27 /pairs/23 |
| button · part | destructive.text-hover · destructive | — | spec/components/button.md:48 /tokens/destructive.text-hover |
Relevant contrast declarations
- destructive hover text on hover fill: color.action.destructive.hover-text on color.action.destructive.hover-bg · spec/contrast.json:27
/pairs/23 - destructive text on the hover fill: color.action.destructive.hover-text on color.action.destructive.hover-bg · spec/components/button.md:80
/contrast/13 - ring on the destructive hover fill (the ring takes the on-fill colour): color.action.destructive.hover-text on color.action.destructive.hover-bg · spec/components/button.md:81
/contrast/14 - destructive text while pressed: color.action.destructive.hover-text on color.action.destructive.pressed-bg · spec/components/button.md:82
/contrast/15
extended · proposed
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| button · contrast | — | active · color.action.destructive.pressed-bg | spec/components/button.md:82 /contrast/15 |
| button · contrast | — | hover · color.action.destructive.hover-bg | spec/components/button.md:80 /contrast/13 |
| button · contrast | — | hover · color.action.destructive.hover-bg | spec/components/button.md:81 /contrast/14 |
| Shared rule · contrast | — | — · color.action.destructive.hover-bg | spec/contrast.json:27 /pairs/23 |
| button · part | destructive.text-hover · destructive | — | spec/components/button.md:48 /tokens/destructive.text-hover |
Relevant contrast declarations
- destructive hover text on hover fill: color.action.destructive.hover-text on color.action.destructive.hover-bg · spec/contrast.json:27
/pairs/23 - destructive text on the hover fill: color.action.destructive.hover-text on color.action.destructive.hover-bg · spec/components/button.md:80
/contrast/13 - ring on the destructive hover fill (the ring takes the on-fill colour): color.action.destructive.hover-text on color.action.destructive.hover-bg · spec/components/button.md:81
/contrast/14 - destructive text while pressed: color.action.destructive.hover-text on color.action.destructive.pressed-bg · spec/components/button.md:82
/contrast/15