feat: add xl size variant in select picker

Author: eshankvaish

src/Shared/Components/SelectPicker/constants.ts

@@ -22,16 +22,19 @@ export const SELECT_PICKER_FONT_SIZE_MAP: Record<SelectPickerProps['size'], CSSP
     [ComponentSizeType.small]: '12px',
     [ComponentSizeType.medium]: '13px',
     [ComponentSizeType.large]: '13px',
+    [ComponentSizeType.xl]: '20px',
 }
 
 export const SELECT_PICKER_ICON_SIZE_MAP: Record<SelectPickerProps['size'], Pick<CSSProperties, 'width' | 'height'>> = {
     [ComponentSizeType.small]: { width: '12px', height: '12px' },
     [ComponentSizeType.medium]: { width: '16px', height: '16px' },
     [ComponentSizeType.large]: { width: '16px', height: '16px' },
+    [ComponentSizeType.xl]: { width: '16px', height: '16px' },
 }
 
 export const SELECT_PICKER_CONTROL_SIZE_MAP: Record<SelectPickerProps['size'], CSSProperties['minHeight']> = {
     [ComponentSizeType.small]: 'auto',
     [ComponentSizeType.medium]: 'auto',
     [ComponentSizeType.large]: '36px',
+    [ComponentSizeType.xl]: '36px',
 }

src/Shared/Components/SelectPicker/type.ts

@@ -201,7 +201,10 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
          *
          * @default 'ComponentSizeType.medium'
          */
-        size?: Extract<ComponentSizeType, ComponentSizeType.medium | ComponentSizeType.large | ComponentSizeType.small>
+        size?: Extract<
+            ComponentSizeType,
+            ComponentSizeType.medium | ComponentSizeType.large | ComponentSizeType.small | ComponentSizeType.xl
+        >
         /**
          * Content to be shown in a tippy when disabled
          */