refactor: FileUpload - delete button scss update

Author: RohitRaj011

src/Shared/Components/FileUpload/FileUpload.tsx

@@ -5,8 +5,13 @@ import { ReactComponent as ICCross } from '@Icons/ic-cross.svg'
 import { Tooltip } from '@Common/Tooltip'
 
 import { Progressing } from '@Common/Progressing'
+import { ComponentSizeType } from '@Shared/constants'
+
+import { Button, ButtonStyleType, ButtonVariantType } from '../Button'
 import { FileUploadProps } from './types'
 
+import './styles.scss'
+
 export const FileUpload = ({
     isLoading,
     label,
@@ -31,7 +36,7 @@ export const FileUpload = ({
     }
 
     return (
-        <div className="mw-none">
+        <div className="file-upload mw-none">
             {isLoading || fileName ? (
                 <div className="dc__border br-4 dc__overflow-hidden flexbox">
                     <div className="flexbox dc__align-items-center dc__gap-8 px-8 py-4 mw-none">
@@ -50,13 +55,18 @@ export const FileUpload = ({
                         )}
                     </div>
                     {!isLoading && (
-                        <button
-                            type="button"
-                            className="dc__transparent flex p-6 dc__hover-n50"
-                            onClick={onClearUpload}
-                        >
-                            <ICCross className="icon-dim-16 fcn-6" />
-                        </button>
+                        <div className="file-upload__remove-file">
+                            <Button
+                                dataTestId="file-upload-remove-file-button"
+                                ariaLabel="Remove File"
+                                showAriaLabelInTippy={false}
+                                icon={<ICCross />}
+                                onClick={onClearUpload}
+                                variant={ButtonVariantType.borderLess}
+                                style={ButtonStyleType.negativeGrey}
+                                size={ComponentSizeType.small}
+                            />
+                        </div>
                     )}
                 </div>
             ) : (

src/Shared/Components/FileUpload/styles.scss

@@ -0,0 +1,7 @@
+.file-upload {
+    &__remove-file {
+        button {
+            border-radius: 0;
+        }
+    }
+}

src/Shared/Components/SelectPicker/type.ts

@@ -141,7 +141,7 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
                 IsMulti,
                 GroupBase<SelectPickerOptionType<OptionValue>>
             >,
-            'onCreateOption'
+            'onCreateOption' | 'formatCreateLabel'
         >
     > & {
         /**
@@ -238,11 +238,6 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
          * @default true
          */
         shouldShowNoOptionsMessage?: boolean
-        /**
-         * Gets the label for the "create new ..." option in the menu.
-         * @param inputValue the current input value.
-         */
-        formatCreateLabel?: (inputValue: string) => ReactNode
     } & (IsMulti extends true
         ? {
               isMulti: IsMulti | boolean