fix(react): align select styles with button styles (#156)

* fix: align select styles with button * chore(change): add change
jonambas · Sep 21, 2023 · a6fe882 · a6fe882
1 parent 907bbf1
commit a6fe882
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/cold-onions-draw.md b/.changeset/cold-onions-draw.md
@@ -0,0 +1,5 @@
+---
+'@sweatpants/react': patch
+---
+
+Align Select styles with Button styles
diff --git a/packages/react/src/select/Select.tsx b/packages/react/src/select/Select.tsx
@@ -61,7 +61,7 @@ const triggerStyles = cva({
         lineHeight: 'calc(2.5rem - 2px)'
       },
       md: { fontSize: '4', paddingX: '4', lineHeight: 'calc(2rem - 2px)' },
-      sm: { fontSize: '3', paddingX: '4', lineHeight: 'calc(1.75rem - 2px)' }
+      sm: { fontSize: '2', paddingX: '4', lineHeight: 'calc(1.75rem - 2px)' }
     },
     kind: {
       neutral: {
@@ -79,6 +79,7 @@ const triggerStyles = cva({
         bg: 'transparent',
         borderColor: 'transparent',
         position: 'relative',
+        color: 'gray10',
         _before: {
           content: '""',
           position: 'absolute',