Search disabled state text color token
When search field is disabled, the field text uses the `$text-disabled` color token.
search/color
12 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.
Search focus state border color token
When search field is in focus state, the border uses the `$focus` color token.
Search filled state text color token
When search field is filled, the field text uses the `$text-primary` color token.
Search filled state close icon color token
When search field is filled, the close icon uses the `$icon-primary` color token for its fill.
Search field background color token
The search field background color uses the `$field` color token, which is a contextual color token that will change values based on the layer it is placed on.
Search field border-bottom color token
The search field border-bottom uses the `$border-strong` color token, which is a contextual color token that will change values based on the layer it is placed on.
Search label text color token (fluid)
The search label text in fluid variant uses the `$text-secondary` color token.
Search placeholder text color token
The search placeholder text uses the `$text-placeholder` color token.
Search icon fill color token
The search icon uses the `$icon-secondary` color token for its fill.
Search disabled state label text color token (fluid)
When search field is disabled in fluid variant, the label text uses the `$text-disabled` color token.
Search disabled state icon color token
When search field is disabled, the search icon uses the `$icon-disabled` color token for its fill.
Search disabled state border color token (fluid)
When search field is disabled in fluid variant, the field border-bottom uses the `$border-subtle` color token, which is a contextual color token that will change values based on the layer it is placed on.