feat: add icons and illustrations

Author: arunjaindev

src/Assets/IconV2/ic-curved-arrow.svg

@@ -87,11 +87,16 @@ const GenericModal = ({
     onEscape = noop,
     closeOnBackdropClick = false,
     children,
+    avoidFocusTrap = false,
 }: PropsWithChildren<GenericModalProps>) => (
     <AnimatePresence>
         {open && (
             <GenericModalProvider value={{ name, onClose }}>
-                <Backdrop onEscape={onEscape} onClick={closeOnBackdropClick ? onClose : noop}>
+                <Backdrop
+                    onEscape={onEscape}
+                    onClick={closeOnBackdropClick ? onClose : noop}
+                    avoidFocusTrap={avoidFocusTrap}
+                >
                     <motion.div
                         className={`shadow__modal flexbox-col bg__primary border__secondary br-${borderRadius} dc__m-auto mt-40 dc__overflow-hidden ${MODAL_WIDTH_TO_CLASS_NAME_MAP[width]}`}
                         exit={{ y: 100, opacity: 0, scale: 0.75, transition: { duration: 0.35 } }}

src/Assets/IconV2/ic-nav-cursor.svg

@@ -17,7 +17,7 @@
 import { BackdropProps } from '../Backdrop'
 import { ButtonProps } from '../Button'
 
-export interface GenericModalProps extends Partial<Pick<BackdropProps, 'onEscape'>> {
+export interface GenericModalProps extends Partial<Pick<BackdropProps, 'onEscape' | 'avoidFocusTrap'>> {
     /** Unique identifier for the modal */
     name: string
     /** Controls whether the modal is visible or hidden */

src/Assets/Illustration/cmd-bar-visual.webp

@@ -96,6 +96,7 @@ import { ReactComponent as ICCostVisibility } from '@IconsV2/ic-cost-visibility.
 import { ReactComponent as ICCpu } from '@IconsV2/ic-cpu.svg'
 import { ReactComponent as ICCrown } from '@IconsV2/ic-crown.svg'
 import { ReactComponent as ICCube } from '@IconsV2/ic-cube.svg'
+import { ReactComponent as ICCurvedArrow } from '@IconsV2/ic-curved-arrow.svg'
 import { ReactComponent as ICDatabaseBackup } from '@IconsV2/ic-database-backup.svg'
 import { ReactComponent as ICDelete } from '@IconsV2/ic-delete.svg'
 import { ReactComponent as ICDeleteDots } from '@IconsV2/ic-delete-dots.svg'
@@ -217,6 +218,7 @@ import { ReactComponent as ICMobile } from '@IconsV2/ic-mobile.svg'
 import { ReactComponent as ICMonitoring } from '@IconsV2/ic-monitoring.svg'
 import { ReactComponent as ICMoreVertical } from '@IconsV2/ic-more-vertical.svg'
 import { ReactComponent as ICNamespace } from '@IconsV2/ic-namespace.svg'
+import { ReactComponent as ICNavCursor } from '@IconsV2/ic-nav-cursor.svg'
 import { ReactComponent as ICNew } from '@IconsV2/ic-new.svg'
 import { ReactComponent as ICNodeScript } from '@IconsV2/ic-node-script.svg'
 import { ReactComponent as ICOidc } from '@IconsV2/ic-oidc.svg'
@@ -412,6 +414,7 @@ export const iconMap = {
     'ic-cpu': ICCpu,
     'ic-crown': ICCrown,
     'ic-cube': ICCube,
+    'ic-curved-arrow': ICCurvedArrow,
     'ic-database-backup': ICDatabaseBackup,
     'ic-delete-dots': ICDeleteDots,
     'ic-delete-lightning': ICDeleteLightning,
@@ -533,6 +536,7 @@ export const iconMap = {
     'ic-monitoring': ICMonitoring,
     'ic-more-vertical': ICMoreVertical,
     'ic-namespace': ICNamespace,
+    'ic-nav-cursor': ICNavCursor,
     'ic-new': ICNew,
     'ic-node-script': ICNodeScript,
     'ic-oidc': ICOidc,

src/Shared/Components/GenericModal/GenericModal.component.tsx

@@ -1,5 +1,6 @@
 // NOTE: This file is auto-generated. Do not edit directly. Run the script `npm run generate-illustration` to update.
 
+import CmdBarVisual from '@Illustrations/cmd-bar-visual.webp'
 import CreateBackupSchedule from '@Illustrations/create-backup-schedule.webp'
 import CreateBackupSnapshot from '@Illustrations/create-backup-snapshot.webp'
 import { ReactComponent as ImgCelebration } from '@Illustrations/img-celebration.svg'
@@ -31,6 +32,7 @@ export const illustrationMap = {
     'img-no-backup-location': ImgNoBackupLocation,
     'img-no-restores': ImgNoRestores,
     'img-page-not-found': ImgPageNotFound,
+    'cmd-bar-visual': CmdBarVisual,
     'create-backup-schedule': CreateBackupSchedule,
     'create-backup-snapshot': CreateBackupSnapshot,
     'img-code': ImgCode,