feat: add dropdownClassName

Author: gleiser-oliveira

apps/evm/src/components/Select/index.tsx

@@ -14,6 +14,7 @@ export const Select = forwardRef<HTMLInputElement, SelectProps>(
   <TValue extends string | number = string | number>(
     {
       className,
+      dropdownClassName,
       buttonClassName,
       options,
       optionClassName = 'px-4 h-12',
@@ -82,7 +83,7 @@ export const Select = forwardRef<HTMLInputElement, SelectProps>(
           setIsDropdownOpened(false);
         };
         return (
-          <>
+          <div className={dropdownClassName}>
             {options.map(option => (
               <button
                 key={option.value}
@@ -106,10 +107,10 @@ export const Select = forwardRef<HTMLInputElement, SelectProps>(
                 />
               </button>
             ))}
-          </>
+          </div>
         );
       },
-      [onChange, options, optionClassName, value],
+      [onChange, options, optionClassName, dropdownClassName, value],
     );
 
     return (

apps/evm/src/components/Select/types.ts

@@ -19,6 +19,7 @@ export interface SelectProps<TValue extends string | number = string | number> {
   placeLabelToLeft?: boolean;
   label?: string;
   className?: string;
+  dropdownClassName?: string;
   buttonClassName?: string;
   size?: 'small' | 'medium' | 'large';
   variant?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';