From 7ad16225730695be38d97e26f6eaaf889b22c39a Mon Sep 17 00:00:00 2001
From: Matt Davis <matthappens@gmail.com>
Date: Wed, 18 Dec 2024 11:20:29 -0800
Subject: [PATCH] continue -> next, and white bg for dropdowns (#14411)

# receive onboarding tweaks

continue -> next

white bg for nationality & country dropdowns

GitOrigin-RevId: d6fcbbb206b005f8dfab9129bc46bfb99db535e4
---
 packages/ui/src/components/Select.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/ui/src/components/Select.tsx b/packages/ui/src/components/Select.tsx
index e0ff2d58..4af25d40 100644
--- a/packages/ui/src/components/Select.tsx
+++ b/packages/ui/src/components/Select.tsx
@@ -29,6 +29,7 @@ export type SelectProps<
   zIndex?: number | undefined;
   label?: string | undefined;
   getOptionStyles?: StylesConfig<Option, IsMulti, Group>["option"];
+  getControlStyles?: StylesConfig<Option, IsMulti, Group>["control"];
   selectRef?: Ref<SelectInstance<Option, IsMulti, Group>> | undefined;
 };
 
@@ -43,6 +44,7 @@ export function Select<
   openMenuOnFocus = true,
   tabSelectsValue = false,
   getOptionStyles,
+  getControlStyles,
   ...rest
 }: SelectProps<Option, IsMulti, Group>) {
   const theme = useTheme();
@@ -56,6 +58,9 @@ export function Select<
       };
     },
     control: (styles, state) => {
+      const controlStyles = getControlStyles
+        ? getControlStyles(styles, state)
+        : {};
       return {
         ...styles,
         transition: "none",
@@ -77,6 +82,7 @@ export function Select<
           state.menuIsOpen || state.isFocused
             ? textInputBorderColorFocused({ theme })
             : textInputBorderColor({ theme }),
+        ...controlStyles,
       };
     },
     indicatorsContainer: (styles) => ({