diff --git a/.changeset/sharp-lamps-impress.md b/.changeset/sharp-lamps-impress.md new file mode 100644 index 0000000..58a7202 --- /dev/null +++ b/.changeset/sharp-lamps-impress.md @@ -0,0 +1,5 @@ +--- +'@sweatpants/react': patch +--- + +Fix incorrect field background colors diff --git a/packages/react/src/select/Select.tsx b/packages/react/src/select/Select.tsx index a848514..d2b3a6c 100644 --- a/packages/react/src/select/Select.tsx +++ b/packages/react/src/select/Select.tsx @@ -68,7 +68,7 @@ const triggerStyles = cva({ neutral: { borderColor: 'gray7', boxShadow: 'sm', - bg: 'gray1', + bg: 'contentBg', '&:hover:not(:focus)': { borderColor: 'gray8' }, diff --git a/packages/react/src/text-field/TextField.tsx b/packages/react/src/text-field/TextField.tsx index c1a24c8..98acd32 100644 --- a/packages/react/src/text-field/TextField.tsx +++ b/packages/react/src/text-field/TextField.tsx @@ -40,7 +40,7 @@ const inputStyles = cva({ borderStyle: 'solid', borderColor: 'gray7', borderRadius: 'sm', - bg: 'gray1', + bg: 'contentBg', boxShadow: 'sm', fontSize: '3', paddingX: '3',