Password input placeholder text color
Password input placeholder text uses the `$text-placeholder` color token.
text-input/color
19 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.
Password input helper text color
Password input helper text uses the `$text-helper` color token.
Password input field text color
Password input field text uses the `$text-primary` color token.
Password input label color
Password input labels use the `$text-secondary` color token.
Password input field background and border colors
Password input fields use `$field` (contextual) for background-color and `$border-strong` (contextual) for border-bottom.
Password input view icon color
The password input view icon uses the `$icon-primary` color token.
Password input hover state color
In the hover state, the password input view icon uses `$icon-primary`.
Password input focus state color
When focused, the password input field border uses the `$focus` color token.
Password input invalid state colors
In the invalid state, the password input field border uses `$support-error`, error message text uses `$text-error`, and the error icon uses `$support-error`.
Text area label color
Text area labels use the `$text-secondary` color token.
Text area field text color
Text area field text uses the `$text-primary` color token.
Text area placeholder text color
Text area placeholder text uses the `$text-placeholder` color token.
Text area helper text color
Text area helper text uses the `$text-helper` color token.
Text area field background and border colors
Text area fields use `$field` (contextual) for background-color and `$border-strong` (contextual) for border-bottom.
Text area focus state color
When focused, the text area field border uses the `$focus` color token.
Text area invalid state colors
In the invalid state, the text area field border uses `$support-error`, error message text uses `$text-error`, and the error icon uses `$support-error`.
Text area warning state colors
In the warning state, the warning message text uses `$text-primary` and the warning icon uses `$support-warning`.
Text area disabled state colors
In the disabled state, the field background uses `$field` (contextual), the field text uses `$text-disabled`. For default style, border-bottom is transparent. For fluid style, border-bottom uses `$border-subtle` (contextual).
Text area read-only state colors
In the read-only state, for default style the background is transparent and field text uses `$text-primary`. For fluid style, background uses `$field` (contextual) and field text uses `$text-secondary`. Both styles use `$border-subtle` (contextual) for border-bottom.