J3W1 / DESIGN SYSTEM
color.text.placeholder
Placeholder text, italic; D-027 darkened it to 4.71:1, just clear of the 4.5:1 floor.
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Find related usage · Specification anchor · Measured contrast report (default profile)
Report an issue with this token
color.text.placeholder--color-text-placeholderdefault · approved
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-027"
}
}Declared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| Shared rule · contrast | — | — · color.surface.input | spec/contrast.json:15 /pairs/11 |
| combobox · part | input.placeholder | — | spec/components/combobox.md:46 /tokens/input.placeholder |
| filterable-table · part | search.placeholder | — | spec/components/filterable-table.md:39 /tokens/search.placeholder |
| search-field · part | input.placeholder | — | spec/components/search-field.md:40 /tokens/input.placeholder |
| text-field · part | input.placeholder | — | spec/components/text-field.md:54 /tokens/input.placeholder |
| textarea · part | input.placeholder | — | spec/components/textarea.md:46 /tokens/input.placeholder |
| search-field · state | fg | placeholder-shown · color.surface.input | spec/components/search-field.md:55 /stateTokens/placeholder-shown/fg |
| text-field · state | fg | placeholder-shown · color.surface.input | spec/components/text-field.md:71 /stateTokens/placeholder-shown/fg |
| textarea · state | fg | placeholder-shown · color.surface.input | spec/components/textarea.md:60 /stateTokens/placeholder-shown/fg |
Relevant contrast declarations
- placeholder on input: color.text.placeholder on color.surface.input · spec/contrast.json:15
/pairs/11 - search-field placeholder-shown fg: color.text.placeholder on color.surface.input · spec/components/search-field.md:55
/stateTokens/placeholder-shown - text-field placeholder-shown fg: color.text.placeholder on color.surface.input · spec/components/text-field.md:71
/stateTokens/placeholder-shown - textarea placeholder-shown fg: color.text.placeholder on color.surface.input · spec/components/textarea.md:60
/stateTokens/placeholder-shown
heritage-ansi · heritage
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-027"
}
}Declared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| Shared rule · contrast | — | — · color.surface.input | spec/contrast.json:15 /pairs/11 |
| combobox · part | input.placeholder | — | spec/components/combobox.md:46 /tokens/input.placeholder |
| filterable-table · part | search.placeholder | — | spec/components/filterable-table.md:39 /tokens/search.placeholder |
| search-field · part | input.placeholder | — | spec/components/search-field.md:40 /tokens/input.placeholder |
| text-field · part | input.placeholder | — | spec/components/text-field.md:54 /tokens/input.placeholder |
| textarea · part | input.placeholder | — | spec/components/textarea.md:46 /tokens/input.placeholder |
| search-field · state | fg | placeholder-shown · color.surface.input | spec/components/search-field.md:55 /stateTokens/placeholder-shown/fg |
| text-field · state | fg | placeholder-shown · color.surface.input | spec/components/text-field.md:71 /stateTokens/placeholder-shown/fg |
| textarea · state | fg | placeholder-shown · color.surface.input | spec/components/textarea.md:60 /stateTokens/placeholder-shown/fg |
Relevant contrast declarations
- placeholder on input: color.text.placeholder on color.surface.input · spec/contrast.json:15
/pairs/11 - search-field placeholder-shown fg: color.text.placeholder on color.surface.input · spec/components/search-field.md:55
/stateTokens/placeholder-shown - text-field placeholder-shown fg: color.text.placeholder on color.surface.input · spec/components/text-field.md:71
/stateTokens/placeholder-shown - textarea placeholder-shown fg: color.text.placeholder on color.surface.input · spec/components/textarea.md:60
/stateTokens/placeholder-shown
extended · proposed
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-027"
}
}Declared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| Shared rule · contrast | — | — · color.surface.input | spec/contrast.json:15 /pairs/11 |
| combobox · part | input.placeholder | — | spec/components/combobox.md:46 /tokens/input.placeholder |
| filterable-table · part | search.placeholder | — | spec/components/filterable-table.md:39 /tokens/search.placeholder |
| search-field · part | input.placeholder | — | spec/components/search-field.md:40 /tokens/input.placeholder |
| text-field · part | input.placeholder | — | spec/components/text-field.md:54 /tokens/input.placeholder |
| textarea · part | input.placeholder | — | spec/components/textarea.md:46 /tokens/input.placeholder |
| search-field · state | fg | placeholder-shown · color.surface.input | spec/components/search-field.md:55 /stateTokens/placeholder-shown/fg |
| text-field · state | fg | placeholder-shown · color.surface.input | spec/components/text-field.md:71 /stateTokens/placeholder-shown/fg |
| textarea · state | fg | placeholder-shown · color.surface.input | spec/components/textarea.md:60 /stateTokens/placeholder-shown/fg |
Relevant contrast declarations
- placeholder on input: color.text.placeholder on color.surface.input · spec/contrast.json:15
/pairs/11 - search-field placeholder-shown fg: color.text.placeholder on color.surface.input · spec/components/search-field.md:55
/stateTokens/placeholder-shown - text-field placeholder-shown fg: color.text.placeholder on color.surface.input · spec/components/text-field.md:71
/stateTokens/placeholder-shown - textarea placeholder-shown fg: color.text.placeholder on color.surface.input · spec/components/textarea.md:60
/stateTokens/placeholder-shown