Skip to content

style: Set unit text color #1274

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
arkadiy93 merged 3 commits into from
Apr 28, 2026
Merged

style: Set unit text color #1274

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
f9144a0
💄 Set unit text color
arkadiy93 Apr 27, 2026
30047c4
🚧 Adjust unit color only when enabled
arkadiy93 Apr 28, 2026
f7212c6
🚧 Fix early return
arkadiy93 Apr 28, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions src/molecules/TextField/TextField.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -75,6 +75,14 @@ const Wrapper = styled.div<WrapperProps>`
: 0};
}

${({ $disabled }) =>
!$disabled &&
css`
div[class*='Input__Adornments'] > span {
color: ${colors.text.static_icons__tertiary.rgba};
}
`}
Comment on lines +78 to +84
Copy link

Copilot AI Apr 28, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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).

Copilot uses AI. Check for mistakes.

${({ $variant, $disabled }) => {
if ($disabled) {
return css`
Expand Down
Loading