From 96f1b0e3891b9708736e0a96923552560a6bced1 Mon Sep 17 00:00:00 2001
From: Jon Ambas <jon@jonambas.com>
Date: Sat, 23 Dec 2023 20:26:33 -0500
Subject: [PATCH] fix(react): field content background colors (#200)

* fix(react): field content background colors

* chore(change): add change
---
 .changeset/sharp-lamps-impress.md           | 5 +++++
 packages/react/src/select/Select.tsx        | 2 +-
 packages/react/src/text-field/TextField.tsx | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/sharp-lamps-impress.md

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',