style: Set unit text color#1274
Conversation
There was a problem hiding this comment.
Pull request overview
Updates the TextField molecule styling so the unit/adornment text matches the intended (tertiary) text color tokens when rendered via EDS.
Changes:
- Add a styled-components rule to set the color of the unit/adornment text within the EDS TextField adornments container.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Coverage Report
File Coverage
|
||||||||||||||||||||||||||||||||||||||
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 1 out of 1 changed files in this pull request and generated 1 comment.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| ${({ $disabled }) => | ||
| !$disabled && | ||
| css` | ||
| div[class*='Input__Adornments'] > span { | ||
| color: ${colors.text.static_icons__tertiary.rgba}; | ||
| } | ||
| `} |
There was a problem hiding this comment.
The new unit/adornment color override isn’t covered by the existing TextField styling tests. Consider adding a jsdom test that renders a TextField with unit and asserts the rendered unit/adornment text has colors.text.static_icons__tertiary.rgba when enabled (and optionally that it does not override disabled/loading styling).
Azure DevOps links
User story
Notes