@campxdev/react-blueprint 1.1.8 → 1.1.9

package/src/components/Assets/Icons/IconComponents/ExcelIcon.tsx

@@ -0,0 +1,56 @@
+export const ExcelIcon = ({ size = 24 }) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 25"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M23.25 4.24951H12.75C12.336 4.24951 12 4.58551 12 4.99951C12 5.41351 12 19.5855 12 19.9995C12 20.4135 12.336 20.7495 12.75 20.7495H23.25C23.664 20.7495 24 20.4135 24 19.9995V4.99951C24 4.58551 23.664 4.24951 23.25 4.24951Z"
+        fill="#ECEFF1"
+      />
+      <path
+        d="M15.75 16.2495H12.75C12.336 16.2495 12 16.5855 12 16.9995C12 17.4135 12.336 17.7495 12.75 17.7495H15.75C16.164 17.7495 16.5 17.4135 16.5 16.9995C16.5 16.5855 16.164 16.2495 15.75 16.2495Z"
+        fill="#388E3C"
+      />
+      <path
+        d="M15.75 13.2495H12.75C12.336 13.2495 12 13.5855 12 13.9995C12 14.4135 12.336 14.7495 12.75 14.7495H15.75C16.164 14.7495 16.5 14.4135 16.5 13.9995C16.5 13.5855 16.164 13.2495 15.75 13.2495Z"
+        fill="#388E3C"
+      />
+      <path
+        d="M15.75 10.2495H12.75C12.336 10.2495 12 10.5855 12 10.9995C12 11.4135 12.336 11.7495 12.75 11.7495H15.75C16.164 11.7495 16.5 11.4135 16.5 10.9995C16.5 10.5855 16.164 10.2495 15.75 10.2495Z"
+        fill="#388E3C"
+      />
+      <path
+        d="M15.75 7.24951H12.75C12.336 7.24951 12 7.58551 12 7.99951C12 8.41351 12.336 8.74951 12.75 8.74951H15.75C16.164 8.74951 16.5 8.41351 16.5 7.99951C16.5 7.58551 16.164 7.24951 15.75 7.24951Z"
+        fill="#388E3C"
+      />
+      <path
+        d="M20.25 16.2495H18.75C18.336 16.2495 18 16.5855 18 16.9995C18 17.4135 18.336 17.7495 18.75 17.7495H20.25C20.664 17.7495 21 17.4135 21 16.9995C21 16.5855 20.664 16.2495 20.25 16.2495Z"
+        fill="#388E3C"
+      />
+      <path
+        d="M20.25 13.2495H18.75C18.336 13.2495 18 13.5855 18 13.9995C18 14.4135 18.336 14.7495 18.75 14.7495H20.25C20.664 14.7495 21 14.4135 21 13.9995C21 13.5855 20.664 13.2495 20.25 13.2495Z"
+        fill="#388E3C"
+      />
+      <path
+        d="M20.25 10.2495H18.75C18.336 10.2495 18 10.5855 18 10.9995C18 11.4135 18.336 11.7495 18.75 11.7495H20.25C20.664 11.7495 21 11.4135 21 10.9995C21 10.5855 20.664 10.2495 20.25 10.2495Z"
+        fill="#388E3C"
+      />
+      <path
+        d="M20.25 7.24951H18.75C18.336 7.24951 18 7.58551 18 7.99951C18 8.41351 18.336 8.74951 18.75 8.74951H20.25C20.664 8.74951 21 8.41351 21 7.99951C21 7.58551 20.664 7.24951 20.25 7.24951Z"
+        fill="#388E3C"
+      />
+      <path
+        d="M13.2285 23.577C13.0575 23.7195 12.828 23.781 12.612 23.736L0.612 21.486C0.2565 21.42 0 21.111 0 20.7495V4.24947C0 3.88947 0.2565 3.57897 0.612 3.51297L12.612 1.26297C12.657 1.25397 12.7035 1.24947 12.75 1.24947C12.924 1.24947 13.0935 1.30947 13.2285 1.42197C13.401 1.56447 13.5 1.77747 13.5 1.99947V22.9995C13.5 23.223 13.401 23.4345 13.2285 23.577Z"
+        fill="#2E7D32"
+      />
+      <path
+        d="M10.3138 9.99276L7.94229 12.7033L10.3408 15.7873C10.5958 16.1143 10.5358 16.5853 10.2103 16.8403C9.88479 17.0953 9.41379 17.0353 9.15729 16.7098L6.93579 13.8538L5.06379 15.9928C4.78929 16.3078 4.31529 16.3363 4.00629 16.0633C3.69429 15.7903 3.66279 15.3163 3.93579 15.0058L5.99829 12.6478L3.90729 9.95976C3.65229 9.63276 3.71229 9.16176 4.03779 8.90676C4.17579 8.80026 4.33929 8.74926 4.49979 8.74926C4.72329 8.74926 4.94379 8.84826 5.09229 9.03876L7.00479 11.4988L9.18579 9.00726C9.33429 8.83626 9.54129 8.74926 9.74979 8.74926C9.92529 8.74926 10.1008 8.81076 10.2433 8.93526C10.5553 9.20826 10.5868 9.68226 10.3138 9.99276Z"
+        fill="#FAFAFA"
+      />
+    </svg>
+  );
+};

package/src/components/Assets/Icons/IconComponents/ExpandIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const ExpandIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/ExportIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const ExportIcon = ({
   sx = {},

package/src/components/Assets/Icons/IconComponents/FilterIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 export const FilterIcon = ({
   sx = {},
   color,

package/src/components/Assets/Icons/IconComponents/HelpIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const HelpIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/HomeIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const HomeIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/ImageIcon.tsx

@@ -0,0 +1,44 @@
+export const ImageIcon = ({ size = 24 }) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 25"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clip-path="url(#clip0_2077_6955)">
+        <path
+          d="M6.24953 19.0313C4.6486 19.0313 3.22456 18.0062 2.70746 16.4802L2.67248 16.3652C2.55053 15.9611 2.49944 15.6212 2.49944 15.2812V8.46289L0.0734183 16.5611C-0.238601 17.7522 0.472415 18.9871 1.66538 19.3162L17.1288 23.4574C17.3218 23.5074 17.5148 23.5314 17.7049 23.5314C18.7008 23.5314 19.6109 22.8703 19.866 21.8962L20.7669 19.0313H6.24953Z"
+          fill="#ECEFF1"
+        />
+        <path
+          d="M24.0001 3.78082V15.2812C24.0001 16.5212 22.99 17.5313 21.75 17.5313H6.24957C6.14959 17.5313 6.04961 17.5212 5.95952 17.5111C4.90957 17.3813 4.0896 16.5212 4.00958 15.4612C3.99951 15.4012 3.99951 15.3411 3.99951 15.2812V3.78082C3.99951 2.5408 5.00955 1.53076 6.24957 1.53076H21.75C22.99 1.53076 24.0001 2.5408 24.0001 3.78082Z"
+          fill="#ECEFF1"
+        />
+        <path
+          d="M10.9995 6.53087C10.9995 7.63539 10.1041 8.53098 8.99962 8.53098C7.89492 8.53098 6.99951 7.63539 6.99951 6.53087C6.99951 5.42635 7.89492 4.53076 8.99962 4.53076C10.1041 4.53076 10.9995 5.42635 10.9995 6.53087Z"
+          fill="#FFC107"
+        />
+        <path
+          d="M24 12.4708V15.2809C24 16.521 22.99 17.531 21.75 17.531H6.24952C6.14954 17.531 6.04956 17.5209 5.95947 17.5109L16.2598 7.21074C16.9398 6.53067 18.0597 6.53067 18.7398 7.21074L24 12.4708Z"
+          fill="#388E3C"
+        />
+        <path
+          d="M18.06 17.5309H6.24975C6.14977 17.5309 6.04979 17.5208 5.9597 17.5108C4.90975 17.3809 4.08978 16.5209 4.00977 15.4608L8.75982 10.7106C9.43989 10.0307 10.5598 10.0307 11.2399 10.7106L18.06 17.5309Z"
+          fill="#4CAF50"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_2077_6955">
+          <rect
+            width="24"
+            height="24"
+            fill="white"
+            transform="translate(0 0.5)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};

package/src/components/Assets/Icons/IconComponents/InfoFilledIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const InfoFilledIcon = ({
   backgroundColor,

package/src/components/Assets/Icons/IconComponents/InfoIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const InfoIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/InstitutionsIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const InstitutionsIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/LeftIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const LeftIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/LocationIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const LocationIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/LogoutIcon.tsx

@@ -1,5 +1,5 @@
-import { useTheme } from "@mui/material";
-import { useState } from "react";
+import { useTheme } from '@mui/material';
+import { useState } from 'react';
 
 interface LogoutIconProps {
   hoverColor?: string;

package/src/components/Assets/Icons/IconComponents/NavigationIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const NavigationIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/NoteIcon.tsx

@@ -5,7 +5,13 @@ export const NoteIcon = ({ size = 16 }) => {
   const color = theme.palette.text.primary;
 
   return (
-    <svg width={size} height={size} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
       <path
         d="M5.3335 3.83301C5.20116 3.83213 5.07449 3.77918 4.98091 3.6856C4.88733 3.59202 4.83437 3.46535 4.8335 3.33301V1.33301C4.83437 1.20067 4.88733 1.074 4.98091 0.98042C5.07449 0.88684 5.20116 0.833881 5.3335 0.833008C5.46583 0.833881 5.5925 0.88684 5.68608 0.98042C5.77966 1.074 5.83262 1.20067 5.8335 1.33301V3.33301C5.83262 3.46535 5.77966 3.59202 5.68608 3.6856C5.5925 3.77918 5.46583 3.83213 5.3335 3.83301Z"
         fill={color}

package/src/components/Assets/Icons/IconComponents/NotificationIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const NotificationIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/PdfIcon.tsx

@@ -0,0 +1,52 @@
+export const PdfIcon = ({ size = 24 }) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 25"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clip-path="url(#clip0_2077_7090)">
+        <path
+          d="M15.8506 0.5H3.41264C3.06636 0.5 2.78564 0.780714 2.78564 1.32543V24.0714C2.78564 24.2193 3.06636 24.5 3.41264 24.5H20.5872C20.9335 24.5 21.2142 24.2193 21.2142 24.0714V6.062C21.2142 5.76371 21.1744 5.66771 21.1041 5.597L16.1172 0.610143C16.0465 0.539857 15.9505 0.5 15.8506 0.5Z"
+          fill="#E9E9E0"
+        />
+        <path
+          d="M16.0713 0.564941V5.64308H21.1494L16.0713 0.564941Z"
+          fill="#D9D7CA"
+        />
+        <path
+          d="M8.36303 14.7816C8.21389 14.7816 8.07075 14.7332 7.9486 14.6419C7.50246 14.3072 7.44246 13.9347 7.47075 13.681C7.54875 12.9833 8.41146 12.253 10.0357 11.509C10.6803 10.0964 11.2936 8.35602 11.6592 6.90188C11.2315 5.97102 10.8157 4.76331 11.1187 4.05488C11.225 3.80673 11.3575 3.61645 11.6047 3.53416C11.7025 3.50159 11.9493 3.46045 12.0402 3.46045C12.2562 3.46045 12.446 3.73859 12.5806 3.91002C12.707 4.07116 12.9937 4.41273 12.4207 6.82516C12.9985 8.01831 13.817 9.23373 14.6013 10.066C15.1632 9.96445 15.6466 9.91259 16.0405 9.91259C16.7116 9.91259 17.1183 10.069 17.2842 10.3913C17.4213 10.6579 17.3652 10.9694 17.117 11.317C16.8783 11.6509 16.5492 11.8274 16.1656 11.8274C15.6445 11.8274 15.0376 11.4983 14.3609 10.8482C13.145 11.1023 11.7252 11.5557 10.5775 12.0576C10.2192 12.8179 9.87589 13.4303 9.55617 13.8794C9.11689 14.4944 8.73803 14.7816 8.36303 14.7816ZM9.50389 12.5847C8.58803 13.0995 8.21475 13.5224 8.18775 13.7607C8.18346 13.8002 8.17189 13.9039 8.37246 14.0573C8.43632 14.0372 8.80917 13.867 9.50389 12.5847ZM15.3483 10.681C15.6976 10.9497 15.7829 11.0856 16.0113 11.0856C16.1116 11.0856 16.3975 11.0813 16.5299 10.8966C16.5937 10.807 16.6186 10.7496 16.6285 10.7187C16.5757 10.6909 16.5059 10.6343 16.1249 10.6343C15.9085 10.6347 15.6363 10.6442 15.3483 10.681ZM12.1469 7.86016C11.8405 8.92045 11.4359 10.0652 11.0009 11.1019C11.8966 10.7543 12.8703 10.4509 13.7849 10.2362C13.2063 9.56416 12.6282 8.72502 12.1469 7.86016ZM11.8867 4.23359C11.8447 4.24773 11.3167 4.98659 11.9279 5.61188C12.3346 4.70545 11.9052 4.22759 11.8867 4.23359Z"
+          fill="#CC4B4C"
+        />
+        <path
+          d="M20.5872 24.5001H3.41264C3.06636 24.5001 2.78564 24.2194 2.78564 23.8731V17.2144H21.2142V23.8731C21.2142 24.2194 20.9335 24.5001 20.5872 24.5001Z"
+          fill="#CC4B4C"
+        />
+        <path
+          d="M7.45084 23.2143H6.74756V18.896H7.98956C8.17299 18.896 8.3547 18.9251 8.53427 18.9839C8.71384 19.0426 8.87499 19.1304 9.0177 19.2474C9.16042 19.3644 9.2757 19.5063 9.36356 19.6721C9.45142 19.838 9.49556 20.0244 9.49556 20.2319C9.49556 20.4509 9.45827 20.6489 9.38413 20.8267C9.30999 21.0046 9.20627 21.1541 9.07342 21.275C8.94056 21.3959 8.78027 21.4897 8.59299 21.5561C8.4057 21.6226 8.19827 21.6556 7.97199 21.6556H7.45042L7.45084 23.2143ZM7.45084 19.4291V21.14H8.09542C8.18113 21.14 8.26599 21.1254 8.35042 21.0959C8.43442 21.0667 8.51156 21.0187 8.58184 20.9523C8.65213 20.8859 8.7087 20.7933 8.75156 20.6741C8.79442 20.555 8.81584 20.4076 8.81584 20.2319C8.81584 20.1616 8.80599 20.0801 8.7867 19.9889C8.76699 19.8971 8.72713 19.8093 8.6667 19.7253C8.60584 19.6413 8.52099 19.571 8.4117 19.5144C8.30242 19.4579 8.15756 19.4296 7.97799 19.4296L7.45084 19.4291Z"
+          fill="white"
+        />
+        <path
+          d="M13.8082 20.9351C13.8082 21.2904 13.7701 21.5943 13.6938 21.8463C13.6175 22.0983 13.5211 22.3091 13.4036 22.4793C13.2862 22.6494 13.1546 22.7831 13.0081 22.8809C12.8615 22.9786 12.7201 23.0514 12.5833 23.1007C12.4466 23.1496 12.3215 23.1809 12.2083 23.1946C12.0952 23.2074 12.0112 23.2143 11.9563 23.2143H10.3218V18.896H11.6225C11.9859 18.896 12.3052 18.9539 12.5803 19.0687C12.8555 19.1836 13.0843 19.3374 13.2661 19.5286C13.4478 19.7197 13.5832 19.9379 13.6732 20.1817C13.7632 20.426 13.8082 20.6771 13.8082 20.9351ZM11.7223 22.6987C12.1989 22.6987 12.5426 22.5466 12.7535 22.2419C12.9643 21.9371 13.0698 21.4957 13.0698 20.9176C13.0698 20.738 13.0483 20.5601 13.0055 20.3844C12.9622 20.2087 12.8795 20.0497 12.7565 19.907C12.6335 19.7643 12.4663 19.649 12.2555 19.5611C12.0446 19.4733 11.7712 19.4291 11.4352 19.4291H11.0251V22.6987H11.7223Z"
+          fill="white"
+        />
+        <path
+          d="M15.5425 19.4291V20.7886H17.3472V21.269H15.5425V23.2143H14.8276V18.896H17.5285V19.4291H15.5425Z"
+          fill="white"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_2077_7090">
+          <rect
+            width="24"
+            height="24"
+            fill="white"
+            transform="translate(0 0.5)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};

package/src/components/Assets/Icons/IconComponents/ProductFeaturesIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const ProductFeaturesIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/ProfileIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const ProfileIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/RedirectIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 export const RedirectIcon = ({ size = 16 }) => {
   const theme = useTheme();
   const color = theme.palette.text.secondary;

package/src/components/Assets/Icons/IconComponents/RedoIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const RedoIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/RightIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const RightIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/SaveIcon.tsx

@@ -1,42 +1,42 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
-export const SaveIcon = ({size = 16}) => {
-    const theme = useTheme();
-    const color = theme.palette.text.primary;
-    return(
-        <svg
-        width={size}
-        height={size}
-        viewBox="0 0 20 21"
-        fill="none"
-        style={{
-            stroke: color,
-          }}
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clip-path="url(#clip0_538_3422)">
-          <path
-            d="M4.10828 19.2083C3.76966 19.2116 3.43618 19.1254 3.14162 18.9583C2.80532 18.7323 2.53488 18.4212 2.35777 18.0567C2.18066 17.6923 2.10321 17.2874 2.13328 16.8833V5.13332C2.13505 4.11499 2.54036 3.13887 3.26043 2.4188C3.9805 1.69873 4.95662 1.29342 5.97495 1.29166L14.0166 1.29166C15.0349 1.29342 16.0111 1.69873 16.7311 2.4188C17.4512 3.13887 17.8565 4.11499 17.8583 5.13332V16.875C17.8884 17.2791 17.8109 17.6839 17.6338 18.0484C17.4567 18.4129 17.1862 18.7239 16.8499 18.95C16.4881 19.1337 16.0842 19.2188 15.679 19.1969C15.2738 19.1749 14.8815 19.0467 14.5416 18.825L10.4749 16.5667C10.3238 16.5007 10.1607 16.4667 9.99578 16.4667C9.83088 16.4667 9.66776 16.5007 9.51661 16.5667L5.44995 18.825C5.0424 19.0643 4.58075 19.1962 4.10828 19.2083ZM5.98328 2.54166C5.29661 2.54385 4.63868 2.81761 4.15313 3.30317C3.66757 3.78872 3.39381 4.44665 3.39162 5.13332V16.875C3.36688 17.0612 3.38984 17.2506 3.45835 17.4256C3.52685 17.6005 3.63866 17.7551 3.78328 17.875C3.95876 17.9424 4.14832 17.9647 4.33465 17.94C4.52098 17.9152 4.69814 17.8442 4.84995 17.7333L8.91662 15.475C9.25285 15.3064 9.6238 15.2186 9.99995 15.2186C10.3761 15.2186 10.747 15.3064 11.0833 15.475L15.1499 17.7333C15.3008 17.8461 15.4781 17.9183 15.6648 17.9431C15.8516 17.9679 16.0415 17.9445 16.2166 17.875C16.3598 17.7539 16.4706 17.5991 16.5389 17.4245C16.6073 17.25 16.6312 17.0611 16.6083 16.875V5.13332C16.6061 4.44665 16.3323 3.78872 15.8468 3.30317C15.3612 2.81761 14.7033 2.54385 14.0166 2.54166H5.98328Z"
+export const SaveIcon = ({ size = 16 }) => {
+  const theme = useTheme();
+  const color = theme.palette.text.primary;
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 20 21"
+      fill="none"
+      style={{
+        stroke: color,
+      }}
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clip-path="url(#clip0_538_3422)">
+        <path
+          d="M4.10828 19.2083C3.76966 19.2116 3.43618 19.1254 3.14162 18.9583C2.80532 18.7323 2.53488 18.4212 2.35777 18.0567C2.18066 17.6923 2.10321 17.2874 2.13328 16.8833V5.13332C2.13505 4.11499 2.54036 3.13887 3.26043 2.4188C3.9805 1.69873 4.95662 1.29342 5.97495 1.29166L14.0166 1.29166C15.0349 1.29342 16.0111 1.69873 16.7311 2.4188C17.4512 3.13887 17.8565 4.11499 17.8583 5.13332V16.875C17.8884 17.2791 17.8109 17.6839 17.6338 18.0484C17.4567 18.4129 17.1862 18.7239 16.8499 18.95C16.4881 19.1337 16.0842 19.2188 15.679 19.1969C15.2738 19.1749 14.8815 19.0467 14.5416 18.825L10.4749 16.5667C10.3238 16.5007 10.1607 16.4667 9.99578 16.4667C9.83088 16.4667 9.66776 16.5007 9.51661 16.5667L5.44995 18.825C5.0424 19.0643 4.58075 19.1962 4.10828 19.2083ZM5.98328 2.54166C5.29661 2.54385 4.63868 2.81761 4.15313 3.30317C3.66757 3.78872 3.39381 4.44665 3.39162 5.13332V16.875C3.36688 17.0612 3.38984 17.2506 3.45835 17.4256C3.52685 17.6005 3.63866 17.7551 3.78328 17.875C3.95876 17.9424 4.14832 17.9647 4.33465 17.94C4.52098 17.9152 4.69814 17.8442 4.84995 17.7333L8.91662 15.475C9.25285 15.3064 9.6238 15.2186 9.99995 15.2186C10.3761 15.2186 10.747 15.3064 11.0833 15.475L15.1499 17.7333C15.3008 17.8461 15.4781 17.9183 15.6648 17.9431C15.8516 17.9679 16.0415 17.9445 16.2166 17.875C16.3598 17.7539 16.4706 17.5991 16.5389 17.4245C16.6073 17.25 16.6312 17.0611 16.6083 16.875V5.13332C16.6061 4.44665 16.3323 3.78872 15.8468 3.30317C15.3612 2.81761 14.7033 2.54385 14.0166 2.54166H5.98328Z"
+          fill="white"
+          fill-opacity="0.5"
+        />
+        <path
+          d="M4.10926 19.3083L4.11085 19.3083C4.59984 19.2958 5.07765 19.1593 5.49955 18.9118C5.4999 18.9116 5.50024 18.9114 5.50059 18.9112L9.56089 16.6565C9.69822 16.5972 9.8462 16.5667 9.99578 16.5667C10.1454 16.5667 10.2934 16.5972 10.4307 16.6565L14.49 18.9107C14.8439 19.1408 15.2521 19.2739 15.6736 19.2967C16.0964 19.3196 16.5177 19.2308 16.8952 19.0392L16.8956 19.0398L16.9057 19.033C17.2567 18.7971 17.5389 18.4724 17.7237 18.0921C17.908 17.7129 17.9889 17.2918 17.9583 16.8713V5.13332L17.9583 5.13315C17.9565 4.08836 17.5406 3.08687 16.8018 2.34809C16.0631 1.60931 15.0616 1.19347 14.0168 1.19166H14.0166L5.97495 1.19166L5.97478 1.19166C4.92998 1.19347 3.9285 1.60931 3.18972 2.34809C2.45094 3.08687 2.03509 4.08836 2.03328 5.13315V5.13332V16.8796C2.00265 17.3001 2.08355 17.7212 2.26783 18.1004C2.45265 18.4808 2.73488 18.8054 3.08583 19.0413L3.08567 19.0416L3.09229 19.0453C3.40218 19.2211 3.75301 19.3118 4.10926 19.3083ZM3.49075 16.8882L3.49162 16.8883V16.875V5.1335C3.49377 4.47328 3.75699 3.84072 4.22384 3.37388C4.69068 2.90703 5.32324 2.64381 5.98346 2.64166H14.0164C14.6767 2.64381 15.3092 2.90703 15.7761 3.37388C16.2429 3.84069 16.5061 4.47319 16.5083 5.13335C16.5083 5.13345 16.5083 5.13355 16.5083 5.13364L16.5083 16.875H16.5075L16.509 16.8872C16.5299 17.0568 16.5082 17.2289 16.4458 17.3881C16.3855 17.5421 16.289 17.6793 16.1645 17.788C16.0095 17.8465 15.8424 17.8658 15.678 17.844C15.5082 17.8214 15.347 17.7558 15.2098 17.6532L15.2104 17.6525L15.1985 17.6459L11.1318 15.3876L11.1319 15.3875L11.1281 15.3856C10.778 15.21 10.3917 15.1186 9.99995 15.1186C9.60824 15.1186 9.22194 15.21 8.87179 15.3856L8.87175 15.3855L8.86807 15.3876L4.8014 17.6459L4.80103 17.6452L4.79098 17.6526C4.65267 17.7536 4.49125 17.8183 4.32149 17.8408C4.15716 17.8626 3.99006 17.8443 3.83453 17.7874C3.70903 17.6799 3.61179 17.5431 3.55146 17.3891C3.48913 17.2299 3.46824 17.0576 3.49075 16.8882Z"
+          stroke="white"
+          stroke-opacity="0.5"
+          stroke-width="0.2"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_538_3422">
+          <rect
+            width="20"
+            height="20"
             fill="white"
-            fill-opacity="0.5"
+            transform="translate(0 0.25)"
           />
-          <path
-            d="M4.10926 19.3083L4.11085 19.3083C4.59984 19.2958 5.07765 19.1593 5.49955 18.9118C5.4999 18.9116 5.50024 18.9114 5.50059 18.9112L9.56089 16.6565C9.69822 16.5972 9.8462 16.5667 9.99578 16.5667C10.1454 16.5667 10.2934 16.5972 10.4307 16.6565L14.49 18.9107C14.8439 19.1408 15.2521 19.2739 15.6736 19.2967C16.0964 19.3196 16.5177 19.2308 16.8952 19.0392L16.8956 19.0398L16.9057 19.033C17.2567 18.7971 17.5389 18.4724 17.7237 18.0921C17.908 17.7129 17.9889 17.2918 17.9583 16.8713V5.13332L17.9583 5.13315C17.9565 4.08836 17.5406 3.08687 16.8018 2.34809C16.0631 1.60931 15.0616 1.19347 14.0168 1.19166H14.0166L5.97495 1.19166L5.97478 1.19166C4.92998 1.19347 3.9285 1.60931 3.18972 2.34809C2.45094 3.08687 2.03509 4.08836 2.03328 5.13315V5.13332V16.8796C2.00265 17.3001 2.08355 17.7212 2.26783 18.1004C2.45265 18.4808 2.73488 18.8054 3.08583 19.0413L3.08567 19.0416L3.09229 19.0453C3.40218 19.2211 3.75301 19.3118 4.10926 19.3083ZM3.49075 16.8882L3.49162 16.8883V16.875V5.1335C3.49377 4.47328 3.75699 3.84072 4.22384 3.37388C4.69068 2.90703 5.32324 2.64381 5.98346 2.64166H14.0164C14.6767 2.64381 15.3092 2.90703 15.7761 3.37388C16.2429 3.84069 16.5061 4.47319 16.5083 5.13335C16.5083 5.13345 16.5083 5.13355 16.5083 5.13364L16.5083 16.875H16.5075L16.509 16.8872C16.5299 17.0568 16.5082 17.2289 16.4458 17.3881C16.3855 17.5421 16.289 17.6793 16.1645 17.788C16.0095 17.8465 15.8424 17.8658 15.678 17.844C15.5082 17.8214 15.347 17.7558 15.2098 17.6532L15.2104 17.6525L15.1985 17.6459L11.1318 15.3876L11.1319 15.3875L11.1281 15.3856C10.778 15.21 10.3917 15.1186 9.99995 15.1186C9.60824 15.1186 9.22194 15.21 8.87179 15.3856L8.87175 15.3855L8.86807 15.3876L4.8014 17.6459L4.80103 17.6452L4.79098 17.6526C4.65267 17.7536 4.49125 17.8183 4.32149 17.8408C4.15716 17.8626 3.99006 17.8443 3.83453 17.7874C3.70903 17.6799 3.61179 17.5431 3.55146 17.3891C3.48913 17.2299 3.46824 17.0576 3.49075 16.8882Z"
-            stroke="white"
-            stroke-opacity="0.5"
-            stroke-width="0.2"
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_538_3422">
-            <rect
-              width="20"
-              height="20"
-              fill="white"
-              transform="translate(0 0.25)"
-            />
-          </clipPath>
-        </defs>
-      </svg>
-    )
-}
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};

package/src/components/Assets/Icons/IconComponents/SearchIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const SearchIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/ShareIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const ShareIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/SuccessFilledIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const SuccessFilledIcon = ({
   backgroundColor,

package/src/components/Assets/Icons/IconComponents/TicketsIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const TicketsIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/UncheckCheckBoxIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const UnCheckedCheckboxIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/UncheckedRadioIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const UnCheckedRadioIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/ViewIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 export const ViewIcon = ({ size = 16 }) => {
   const theme = useTheme();
   const color = theme.palette.primary.light;

package/src/components/Assets/Icons/IconComponents/VisibiityOffIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const VisibilityOffIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/VisibilityIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const VisibilityIcon = ({ size = 16 }) => {
   const theme = useTheme();

package/src/components/Assets/Icons/IconComponents/WarningFilledIcon.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from "@mui/material";
+import { useTheme } from '@mui/material';
 
 export const WarningFilledIcon = ({
   size = 16,

package/src/components/Assets/Icons/Icons.tsx

@@ -6,6 +6,7 @@ import { AdministratorIcon } from './IconComponents/AdministratorIcon';
 import { ErrorFilledIcon } from './IconComponents/AlertFilledIcon';
 import { AppsIcon } from './IconComponents/AppsIcon';
 import { ArrowBackIcon } from './IconComponents/ArrowBackIcon';
+import { AttachmentIcon } from './IconComponents/AttachmentIcon';
 import { BulbIcon } from './IconComponents/BulbIcon';
 import { CampxFullLogoIcon } from './IconComponents/CampxFullLogoIcon';
 import { CampxIcon } from './IconComponents/CampxIcon';
@@ -21,16 +22,20 @@ import { CrossIcon2 } from './IconComponents/CrossIcon2';
 import { DashBoardIcon } from './IconComponents/DashBoardIcon';
 import { DeleteIcon } from './IconComponents/DeleteIcon';
 import { DeviceIcon } from './IconComponents/DeviceIcon';
+import { DocumentIcon } from './IconComponents/DocumentIcon';
+import { DownloadIcon } from './IconComponents/DownloadIcon';
 import { EditIcon } from './IconComponents/EditIcon';
 import { EnrollxIcon } from './IconComponents/EnrollxIcon';
 import { ExamResultIcon } from './IconComponents/ExamResultIcon';
 import { ExamxIcon } from './IconComponents/ExamxIcon';
+import { ExcelIcon } from './IconComponents/ExcelIcon';
 import { ExpandIcon } from './IconComponents/ExpandIcon';
 import { ExportIcon } from './IconComponents/ExportIcon';
 import { FilterIcon } from './IconComponents/FilterIcon';
 import { HelpIcon } from './IconComponents/HelpIcon';
 import { HomeIcon } from './IconComponents/HomeIcon';
 import { HostelxIcon } from './IconComponents/HostelxIcon';
+import { ImageIcon } from './IconComponents/ImageIcon';
 import { InfoFilledIcon } from './IconComponents/InfoFilledIcon';
 import { InfoIcon } from './IconComponents/InfoIcon';
 import { InstitutionsIcon } from './IconComponents/InstitutionsIcon';
@@ -41,6 +46,7 @@ import { NavigationIcon } from './IconComponents/NavigationIcon';
 import { NoteIcon } from './IconComponents/NoteIcon';
 import { NotificationIcon } from './IconComponents/NotificationIcon';
 import { PayxIcon } from './IconComponents/PayxIcon';
+import { PdfIcon } from './IconComponents/PdfIcon';
 import { PeoplexIcon } from './IconComponents/PeoplexIcon';
 import { ProductFeaturesIcon } from './IconComponents/ProductFeaturesIcon';
 import { ProfileIcon } from './IconComponents/ProfileIcon';
@@ -72,6 +78,7 @@ export const Icons = {
   DashBoardIcon,
   VisibilityIcon,
   VisibilityOffIcon,
+  DownloadIcon,
   HelpIcon,
   HomeIcon,
   LeftIcon,
@@ -83,6 +90,11 @@ export const Icons = {
   WarningFilledIcon,
   AlertFilledIcon: ErrorFilledIcon,
   CrossIcon2,
+  ExcelIcon,
+  ImageIcon,
+  AttachmentIcon,
+  PdfIcon,
+  DocumentIcon,
   LogoutIcon,
   AccordionArrow,
   TicketsIcon,

package/src/components/Assets/export.ts

@@ -1,6 +1,6 @@
-export * from "./ErrorPages/InternalServerError";
-export * from "./ErrorPages/NoInternetConnection";
-export * from "./ErrorPages/NoItemFound";
-export * from "./ErrorPages/PageNotFound";
-export * from "./ErrorPages/UnAuthorized";
-export * from "./Icons/Icons";
+export * from './ErrorPages/InternalServerError';
+export * from './ErrorPages/NoInternetConnection';
+export * from './ErrorPages/NoItemFound';
+export * from './ErrorPages/PageNotFound';
+export * from './ErrorPages/UnAuthorized';
+export * from './Icons/Icons';