chore: rabbit-review-addressed

Author: tractorss

src/lib/dropdown/select/simple-button.tsx

@@ -43,7 +43,7 @@ const SimpleButton: React.FC<ISimpleButton> = ({
               </SelectValue>
             </small>
           ) : (
-            <h1
+            <span
               className={cn(
                 "hover-short-transition",
                 "text-klerosUIComponentsPrimaryBlue text-2xl font-semibold",
@@ -56,7 +56,7 @@ const SimpleButton: React.FC<ISimpleButton> = ({
                   isPlaceholder ? placeholder : selectedText
                 }
               </SelectValue>
-            </h1>
+            </span>
           )}
           <Arrow
             className={cn(

src/lib/form/datepicker/index.tsx

@@ -59,8 +59,8 @@ function DatePicker({
 
           <Popover
             className={clsx(
-              "bg-klerosUIComponentsWhiteBackground shadow-default rounded-base",
-              "border-klerosUIComponentsStroke ease-ease border transition",
+              "bg-klerosUIComponentsWhiteBackground shadow-default rounded-base overflow-y-scroll",
+              "border-klerosUIComponentsStroke ease-ease scrollbar border transition",
               time ? "w-82.5 lg:w-112.5" : "w-82.5",
             )}
           >

src/lib/form/file-uploader.tsx

@@ -17,8 +17,7 @@ import clsx from "clsx";
 
 interface FileUploaderProps {
   /** Callback function that passes the selected file as argument. */
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
-  callback: Function;
+  callback: (file: File) => void;
   msg?: string;
   variant?: "success" | "warning" | "error" | "info";
   acceptedFileTypes?: FileTriggerProps["acceptedFileTypes"];

src/lib/form/text-area.tsx

@@ -7,7 +7,7 @@ import InfoIcon from "../../assets/svgs/status-icons/info.svg";
 import {
   type InputProps,
   Label,
-  TextArea as AriaTextAria,
+  TextArea as AriaTextArea,
   TextField,
   type TextFieldProps,
   type TextAreaProps as AriaTextAreaProps,
@@ -51,7 +51,7 @@ function TextArea({
           {label}
         </Label>
       )}
-      <AriaTextAria
+      <AriaTextArea
         placeholder={placeholder}
         {...props.inputProps}
         className={cn(

src/lib/form/text-field.tsx

@@ -83,6 +83,7 @@ function TextField({
               "border-l-klerosUIComponentsStroke rounded-r-base border-l",
               "flex items-center justify-center",
             )}
+            aria-hidden="true"
           >
             <Icon className="size-6" />
           </div>

src/lib/progress/timeline/bullet.tsx

@@ -41,8 +41,8 @@ const Bullet: React.FC<BulletProps> = (props) => {
       aria-label={`Timeline item: ${title}`}
       role="listitem"
       aria-current={state === "active" ? "step" : undefined}
-      aria-busy={state === "loading" ? true : false}
-      aria-disabled={state === "disabled" ? true : false}
+      aria-busy={state === "loading"}
+      aria-disabled={state === "disabled"}
     >
       <Spine {...{ variant, line, Icon, titleRef }} />
       <div
@@ -71,7 +71,7 @@ const Bullet: React.FC<BulletProps> = (props) => {
           >
             {title}
           </h2>
-          {typeof party === `string` ? (
+          {typeof party === "string" ? (
             <p
               className={clsx(
                 "text-sm font-normal break-words",