fix: font size and transition

Author: eshankvaish

src/Shared/Components/SelectPicker/constants.ts

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

src/Shared/Components/SelectPicker/utils.ts

@@ -166,7 +166,7 @@ export const getCommonSelectStyle = <OptionValue, IsMulti extends boolean>({
             maxHeight: '120px',
             overflow: 'auto',
             alignItems: 'safe center',
-            transition: 'border-color 0.17s, border 0.17s',
+            transition: 'border-color 0.17s, border 0.17s, gap 0.17s',
             ...(control(base, state) || {}),
 
             '&:hover': {
@@ -320,7 +320,7 @@ export const getCommonSelectStyle = <OptionValue, IsMulti extends boolean>({
             margin: 0,
             padding: 0,
             color: 'var(--N900)',
-            size: '13px',
+            fontSize: '13px',
             fontWeight: 400,
             lineHeight: '20px',
             overflow: 'hidden',