@campxdev/react-blueprint 1.7.1 → 1.7.3

package/export.ts

@@ -1,3 +1,4 @@
+export * from './src/assets/export';
 export * from './src/components/export';
 export * from './src/hooks/export';
 export * from './src/redux/export';

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@campxdev/react-blueprint",
-  "version": "1.7.1",
+  "version": "1.7.3",
   "main": "./export.ts",
-  "private": false,
   "dependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",

package/src/assets/export.ts

@@ -0,0 +1,2 @@
+export * from './fonts/export';
+export * from './images/export';

package/src/assets/fonts/export.ts

@@ -0,0 +1,2 @@
+export * from './heebo/index';
+export * from './poppins/index';

package/src/assets/images/export.ts

@@ -0,0 +1,2 @@
+export * from './gif/index';
+export * from './svg/index';

package/src/assets/images/gif/index.ts

@@ -4,7 +4,7 @@ import Success from '../gif/success.gif';
 import UploadFile from '../gif/upload-file.gif';
 import UploadingFile from '../gif/uploading-file.gif';
 
-export const AnimatedGifs = {
+export const AnimatedGIFs = {
   ConfirmationAlert,
   DeleteConfirmationAlert,
   UploadFile,

package/src/assets/images/svg/index.ts

@@ -5,7 +5,7 @@ import internalServerError from './Internalserverimage.svg';
 import noConnection from './no-connection.svg';
 import unAuthorized from './unauthorized.svg';
 
-export {
+export const SVGs = {
   assignment,
   emptyListImage,
   errorCactus,

package/src/components/Assets/ErrorPages/InternalServerError.tsx

@@ -1,4 +1,4 @@
-import { internalServerError } from '../../../assets/images/svg';
+import { SVGs } from '../../../assets/export';
 import { Typography } from '../../DataDisplay/Typography/Typography';
 import { Button } from '../../export';
 import { StyledBox } from './styles';
@@ -8,7 +8,7 @@ export const InternalServerError = ({ resetBoundary }: any) => {
     <>
       <StyledBox>
         <img
-          src={internalServerError}
+          src={SVGs.internalServerError}
           alt="page not found"
           width={'350px'}
           style={{ margin: '20px' }}

package/src/components/Assets/ErrorPages/NoInternetConnection.tsx

@@ -1,4 +1,4 @@
-import { noConnection } from '../../../assets/images/svg';
+import { SVGs } from '../../../assets/export';
 import { Typography } from '../../DataDisplay/Typography/Typography';
 import { Button } from '../../export';
 import { StyledBox } from './styles';
@@ -8,7 +8,7 @@ export const NoInterneConnection = ({ resetBoundary }: any) => {
     <>
       <StyledBox>
         <img
-          src={noConnection}
+          src={SVGs.noConnection}
           alt="page not found"
           width={'350px'}
           style={{ margin: '20px' }}

package/src/components/Assets/ErrorPages/NoItemFound.tsx

@@ -1,33 +1,27 @@
-import { emptyListImage } from '../../../assets/images/svg';
+import { ReactNode } from 'react';
+import { SVGs } from '../../../assets/export';
 import { Typography } from '../../DataDisplay/Typography/Typography';
-import { Button } from '../../export';
 import { StyledBox } from './styles';
 
-export const NoItemFound = ({ resetBoundary }: any) => {
+interface NoItemFoundProps {
+  title?: string;
+  description: ReactNode;
+}
+
+export const NoItemFound = ({
+  title = 'No Items Found',
+  description,
+}: NoItemFoundProps) => {
   return (
-    <>
-      <StyledBox>
-        <img
-          src={emptyListImage}
-          alt="page not found"
-          width={'350px'}
-          style={{ margin: '20px' }}
-        />
-        <Typography variant="subtitle1">No Items Found</Typography>
-        <Typography variant="body2">
-          There are no items to display. Please add new
-        </Typography>
-        <Typography variant="body2">
-          items or adjust your filter criteria.
-        </Typography>
-        <Button
-          sx={{ marginTop: '20px' }}
-          variant="contained"
-          onClick={() => resetBoundary()}
-        >
-          Try Again
-        </Button>
-      </StyledBox>
-    </>
+    <StyledBox>
+      <img
+        src={SVGs.emptyListImage}
+        alt="page not found"
+        width="350px"
+        style={{ margin: '20px' }}
+      />
+      <Typography variant="subtitle1">{title}</Typography>
+      <Typography variant="body2">{description}</Typography>
+    </StyledBox>
   );
 };

package/src/components/Assets/ErrorPages/PageNotFound.tsx

@@ -1,4 +1,4 @@
-import { errorCactus } from '../../../assets/images/svg';
+import { SVGs } from '../../../assets/export';
 import { Typography } from '../../DataDisplay/Typography/Typography';
 import { StyledBox } from './styles';
 
@@ -7,7 +7,7 @@ export const PageNotFound = () => {
     <>
       <StyledBox>
         <img
-          src={errorCactus}
+          src={SVGs.errorCactus}
           alt="page not found"
           width={'350px'}
           style={{ margin: '20px' }}

package/src/components/Assets/ErrorPages/UnAuthorized.tsx

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { unAuthorized } from '../../../assets/images/svg';
+import { SVGs } from '../../../assets/export';
 import { Typography } from '../../DataDisplay/Typography/Typography';
 import { StyledBox } from './styles';
 
@@ -8,7 +8,7 @@ export const UnAuthorized = ({ component }: { component?: ReactNode }) => {
     <>
       <StyledBox>
         <img
-          src={unAuthorized}
+          src={SVGs.unAuthorized}
           alt="page not found"
           width={'350px'}
           style={{ margin: '20px' }}

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

@@ -7,24 +7,24 @@ export const AcademicFeesIcon = ({ size = 16 }) => {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g clip-path="url(#clip0_34_1190)">
+      <g clipPath="url(#clip0_34_1190)">
         <path
           d="M10.0082 14.1669C9.30939 14.1757 8.62216 13.988 8.02487 13.6252L3.0082 10.3502C2.55027 10.0523 2.17399 9.64467 1.91351 9.16444C1.65303 8.6842 1.5166 8.14652 1.5166 7.6002C1.5166 7.05387 1.65303 6.51619 1.91351 6.03596C2.17399 5.55573 2.55027 5.14814 3.0082 4.8502L8.0332 1.58353C8.63361 1.2269 9.31934 1.03937 10.0177 1.04084C10.716 1.04231 11.401 1.23271 11.9999 1.59186L16.9915 4.86687C17.4472 5.16458 17.8215 5.57116 18.0805 6.04985C18.3395 6.52854 18.4752 7.06424 18.4752 7.60853C18.4752 8.15282 18.3395 8.68853 18.0805 9.16722C17.8215 9.64591 17.4472 10.0525 16.9915 10.3502L11.9999 13.6244C11.4016 13.9922 10.7103 14.1805 10.0082 14.1669ZM10.0082 2.29186C9.55354 2.27741 9.10458 2.39617 8.71653 2.63353L3.69987 5.9002C3.41609 6.08386 3.18281 6.33565 3.02129 6.63259C2.85977 6.92952 2.77515 7.26217 2.77515 7.6002C2.77515 7.93822 2.85977 8.27087 3.02129 8.56781C3.18281 8.86475 3.41609 9.11653 3.69987 9.3002L8.71653 12.5752C9.11407 12.7965 9.56153 12.9127 10.0165 12.9127C10.4715 12.9127 10.919 12.7965 11.3165 12.5752L16.3082 9.3002C16.5898 9.11491 16.821 8.86256 16.9809 8.56584C17.1409 8.26911 17.2246 7.93729 17.2246 7.6002C17.2246 7.2631 17.1409 6.93129 16.9809 6.63456C16.821 6.33783 16.5898 6.08549 16.3082 5.9002L11.3165 2.62436C10.9184 2.39741 10.4664 2.28224 10.0082 2.29103V2.29186Z"
           fill="#121212"
           stroke="black"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
         <path
           d="M10.0003 18.9583C9.64738 18.9624 9.29599 18.9118 8.95859 18.8083L6.30026 17.925C5.65947 17.6866 5.10411 17.263 4.70491 16.708C4.3057 16.1529 4.08071 15.4917 4.05859 14.8083L4.06693 10.9C4.06802 10.7346 4.13422 10.5762 4.25119 10.4593C4.36817 10.3423 4.5265 10.2761 4.69193 10.275C4.85735 10.2761 5.01569 10.3423 5.13266 10.4593C5.24964 10.5762 5.31584 10.7346 5.31693 10.9L5.30859 14.8083C5.33543 15.2288 5.48022 15.6332 5.72637 15.9751C5.97252 16.3171 6.31005 16.5828 6.70026 16.7417L9.35859 17.625C9.77951 17.7333 10.221 17.7333 10.6419 17.625L13.3003 16.7417C13.6894 16.5835 14.0262 16.3192 14.2723 15.9788C14.5183 15.6384 14.6638 15.2357 14.6919 14.8167V10.95C14.6919 10.7842 14.7578 10.6253 14.875 10.5081C14.9922 10.3908 15.1512 10.325 15.3169 10.325C15.4827 10.325 15.6417 10.3908 15.7589 10.5081C15.8761 10.6253 15.9419 10.7842 15.9419 10.95V14.8167C15.917 15.4992 15.6909 16.1592 15.2921 16.7137C14.8932 17.2682 14.3394 17.6925 13.7003 17.9333L11.0419 18.8167C10.7032 18.9132 10.3525 18.9609 10.0003 18.9583Z"
           fill="#121212"
           stroke="black"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
         <path
           d="M17.833 13.125C17.6676 13.1239 17.5092 13.0577 17.3923 12.9407C17.2753 12.8238 17.2091 12.6654 17.208 12.5V7.5C17.2091 7.33458 17.2753 7.17624 17.3923 7.05926C17.5092 6.94229 17.6676 6.87609 17.833 6.875C17.9984 6.87609 18.1568 6.94229 18.2737 7.05926C18.3907 7.17624 18.4569 7.33458 18.458 7.5V12.5C18.4569 12.6654 18.3907 12.8238 18.2737 12.9407C18.1568 13.0577 17.9984 13.1239 17.833 13.125Z"
           fill="#121212"
           stroke="black"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
       </g>
       <defs>

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

@@ -16,7 +16,7 @@ export const AccordionArrow = ({ size = 16 }) => {
     >
       <path
         d="M8.0006 11.9334L7.99752 11.9334C7.81529 11.9321 7.64033 11.8632 7.50626 11.7407L7.49841 11.7359L7.48101 11.7185L1.61434 5.85188L1.61432 5.85186C1.47684 5.71434 1.39961 5.52784 1.39961 5.33339C1.39961 5.13894 1.47684 4.95244 1.61432 4.81492L1.61436 4.81488C1.75188 4.6774 1.93838 4.60017 2.13283 4.60017C2.32728 4.60017 2.51378 4.6774 2.6513 4.81488L2.65132 4.8149L7.99896 10.1625L13.3455 4.81544L13.3456 4.81541C13.4831 4.67794 13.6696 4.6007 13.864 4.6007C14.0585 4.6007 14.245 4.67794 14.3825 4.81541L14.3825 4.81546C14.52 4.95298 14.5972 5.13947 14.5972 5.33392C14.5972 5.52838 14.52 5.71487 14.3825 5.85239L14.3825 5.85241L8.51585 11.7191L8.4929 11.742L8.48332 11.7468C8.35073 11.8653 8.17921 11.9319 8.0006 11.9334Z"
-        stroke-width="0.4"
+        strokeWidth="0.4"
       />
     </svg>
   );

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

@@ -18,8 +18,8 @@ export const ErrorFilledIcon = ({
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
+        fillRule="evenodd"
+        clipRule="evenodd"
         d="M18.6663 10.5202C18.6663 15.3067 14.7861 19.1868 9.99967 19.1868C5.21321 19.1868 1.33301 15.3067 1.33301 10.5202C1.33301 5.73371 5.21321 1.85352 9.99967 1.85352C14.7861 1.85352 18.6663 5.73371 18.6663 10.5202ZM13.8747 15.3643C14.1319 15.3643 14.3789 15.2633 14.5624 15.083C14.7428 14.8996 14.8439 14.6526 14.8439 14.3954C14.8439 14.1381 14.7428 13.8911 14.5624 13.7077L11.375 10.5204L14.5624 7.33303C14.6527 7.24272 14.7243 7.13551 14.7732 7.01752C14.822 6.89953 14.8472 6.77307 14.8472 6.64536C14.8472 6.51765 14.822 6.39119 14.7732 6.2732C14.7243 6.15521 14.6527 6.048 14.5624 5.95769C14.4721 5.86739 14.3648 5.79575 14.2469 5.74688C14.1289 5.69801 14.0024 5.67285 13.8747 5.67285C13.747 5.67285 13.6205 5.69801 13.5025 5.74688C13.3845 5.79575 13.2773 5.86739 13.187 5.95769L9.99969 9.14503L6.81236 5.95769C6.62998 5.77531 6.38261 5.67285 6.12469 5.67285C5.86676 5.67285 5.6194 5.77531 5.43702 5.95769C5.25464 6.14007 5.15218 6.38743 5.15218 6.64536C5.15218 6.90329 5.25464 7.15065 5.43702 7.33303L8.62436 10.5204L5.43702 13.7077C5.34672 13.798 5.27508 13.9052 5.22621 14.0232C5.17734 14.1412 5.15218 14.2677 5.15218 14.3954C5.15218 14.5231 5.17734 14.6495 5.22621 14.7675C5.27508 14.8855 5.34672 14.9927 5.43702 15.083C5.52733 15.1733 5.63454 15.245 5.75253 15.2938C5.87052 15.3427 5.99698 15.3679 6.12469 15.3679C6.2524 15.3679 6.37886 15.3427 6.49685 15.2938C6.61484 15.245 6.72205 15.1733 6.81236 15.083L9.99969 11.8957L13.187 15.083C13.3705 15.2633 13.6175 15.3643 13.8747 15.3643Z"
         fill={backgroundColor ?? color}
       />

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

@@ -21,13 +21,13 @@ export const ApproveIcon = ({
         d="M9.99968 15.6667H5.99968C2.37967 15.6667 0.833008 14.12 0.833008 10.5V6.5C0.833008 2.88 2.37967 1.33334 5.99968 1.33334H9.99968C13.6197 1.33334 15.1663 2.88 15.1663 6.5V10.5C15.1663 14.12 13.6197 15.6667 9.99968 15.6667ZM5.99968 2.33334C2.92634 2.33334 1.83301 3.42667 1.83301 6.5V10.5C1.83301 13.5733 2.92634 14.6667 5.99968 14.6667H9.99968C13.073 14.6667 14.1663 13.5733 14.1663 10.5V6.5C14.1663 3.42667 13.073 2.33334 9.99968 2.33334H5.99968Z"
         fill={fill}
         stroke="#88B053"
-        stroke-width="0.4"
+        strokeWidth="0.4"
       />
       <path
         d="M7.05388 10.8873C6.98824 10.8873 6.92324 10.8744 6.86261 10.8492C6.80198 10.824 6.74691 10.7871 6.70055 10.7407L4.81388 8.85334C4.72556 8.75856 4.67748 8.63319 4.67977 8.50366C4.68205 8.37412 4.73453 8.25053 4.82613 8.15893C4.91774 8.06732 5.04133 8.01484 5.17087 8.01256C5.3004 8.01027 5.42577 8.05835 5.52055 8.14667L7.05388 9.68001L10.4805 6.25401C10.5753 6.16569 10.7007 6.1176 10.8302 6.11989C10.9598 6.12218 11.0834 6.17465 11.175 6.26626C11.2666 6.35787 11.319 6.48146 11.3213 6.61099C11.3236 6.74053 11.2755 6.86589 11.1872 6.96067L7.40722 10.7407C7.36085 10.7871 7.30578 10.824 7.24515 10.8492C7.18452 10.8744 7.11953 10.8873 7.05388 10.8873Z"
         fill={fill}
         stroke="#88B053"
-        stroke-width="0.4"
+        strokeWidth="0.4"
       />
     </svg>
   );

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

@@ -14,7 +14,7 @@ export const ArrowBackIcon = ({ size = 16 }) => {
       <path
         d="M1.06696 7.4994L1.06698 7.50248C1.06829 7.68471 1.13715 7.85967 1.25971 7.99374L1.26442 8.00159L1.28182 8.01899L7.14849 13.8857L7.14851 13.8857C7.28603 14.0232 7.47252 14.1004 7.66698 14.1004C7.86143 14.1004 8.04792 14.0232 8.18544 13.8857L8.18549 13.8856C8.32296 13.7481 8.4002 13.5616 8.4002 13.3672C8.4002 13.1727 8.32296 12.9862 8.18549 12.8487L8.18546 12.8487L2.83782 7.50104L8.18492 2.15447L8.18495 2.15444C8.32243 2.01692 8.39966 1.83043 8.39966 1.63597C8.39966 1.44152 8.32243 1.25502 8.18495 1.1175L8.18491 1.11746C8.04739 0.979983 7.8609 0.902753 7.66644 0.902753C7.47199 0.902753 7.2855 0.979983 7.14798 1.11746L7.14795 1.11748L1.28129 6.98415L1.25834 7.0071L1.25355 7.01668C1.13502 7.14927 1.06844 7.32079 1.06696 7.4994Z"
         stroke="#121212"
-        stroke-width="0.4"
+        strokeWidth="0.4"
         fill={color}
       />
     </svg>

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

@@ -10,7 +10,7 @@ export const AssignmentIcon = ({ size = 16 }) => {
       <path
         d="M0 4C0 1.79086 1.79086 0 4 0H56C58.2091 0 60 1.79086 60 4V56C60 58.2091 58.2091 60 56 60H4C1.79086 60 0 58.2091 0 56V4Z"
         fill="#F2353C"
-        fill-opacity="0.2"
+        fillOpacity="0.2"
       />
       <path
         d="M34.3125 31.875C34.3125 32.1237 34.2137 32.3621 34.0379 32.5379C33.8621 32.7137 33.6236 32.8125 33.375 32.8125H25.875C25.6264 32.8125 25.3879 32.7137 25.2121 32.5379C25.0363 32.3621 24.9375 32.1237 24.9375 31.875C24.9375 31.6264 25.0363 31.3879 25.2121 31.2121C25.3879 31.0363 25.6264 30.9375 25.875 30.9375H33.375C33.6236 30.9375 33.8621 31.0363 34.0379 31.2121C34.2137 31.3879 34.3125 31.6264 34.3125 31.875ZM30.5625 34.6875H25.875C25.6264 34.6875 25.3879 34.7863 25.2121 34.9621C25.0363 35.1379 24.9375 35.3764 24.9375 35.625C24.9375 35.8737 25.0363 36.1121 25.2121 36.2879C25.3879 36.4637 25.6264 36.5625 25.875 36.5625H30.5625C30.8111 36.5625 31.0496 36.4637 31.2254 36.2879C31.4012 36.1121 31.5 35.8737 31.5 35.625C31.5 35.3764 31.4012 35.1379 31.2254 34.9621C31.0496 34.7863 30.8111 34.6875 30.5625 34.6875ZM39 28.5795V36.5625C38.9986 37.8053 38.5043 38.9968 37.6255 39.8755C36.7468 40.7543 35.5553 41.2486 34.3125 41.25H24.9375C23.6947 41.2486 22.5032 40.7543 21.6245 39.8755C20.7457 38.9968 20.2514 37.8053 20.25 36.5625V23.4375C20.2514 22.1947 20.7457 21.0033 21.6245 20.1245C22.5032 19.2457 23.6947 18.7514 24.9375 18.75H29.1705C30.0325 18.7479 30.8865 18.9166 31.6829 19.2464C32.4794 19.5762 33.2026 20.0606 33.8107 20.6715L37.077 23.94C37.6885 24.5477 38.1733 25.2707 38.5034 26.0671C38.8335 26.8635 39.0023 27.7174 39 28.5795ZM32.4855 21.9975C32.1904 21.7117 31.8591 21.4659 31.5 21.2663V25.3125C31.5 25.5612 31.5988 25.7996 31.7746 25.9754C31.9504 26.1512 32.1889 26.25 32.4375 26.25H36.4837C36.284 25.8913 36.0379 25.5604 35.7518 25.266L32.4855 21.9975ZM37.125 28.5795C37.125 28.425 37.095 28.2795 37.0807 28.125H32.4375C31.6916 28.125 30.9762 27.8287 30.4488 27.3013C29.9213 26.7738 29.625 26.0584 29.625 25.3125V20.6693C29.475 20.655 29.325 20.625 29.1705 20.625H24.9375C24.1916 20.625 23.4762 20.9213 22.9488 21.4488C22.4213 21.9762 22.125 22.6916 22.125 23.4375V36.5625C22.125 37.3084 22.4213 38.0238 22.9488 38.5513C23.4762 39.0787 24.1916 39.375 24.9375 39.375H34.3125C35.0584 39.375 35.7738 39.0787 36.3012 38.5513C36.8287 38.0238 37.125 37.3084 37.125 36.5625V28.5795Z"

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

@@ -7,7 +7,7 @@ export const AttachmentIcon = ({ size = 24 }) => {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g clip-path="url(#clip0_2077_7126)">
+      <g clipPath="url(#clip0_2077_7126)">
         <path
           d="M19.5 24.5H4.5C2.01453 24.5 0 22.4855 0 20V5C0 2.51453 2.01453 0.5 4.5 0.5H19.5C21.9855 0.5 24 2.51453 24 5V20C24 22.4855 21.9855 24.5 19.5 24.5Z"
           fill="#4BAABE"

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

@@ -11,7 +11,7 @@ export const CampxFullLogoIcon = () => {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g id="Campx LogoAsset 2 1" clip-path="url(#clip0_4651_30457)">
+      <g id="Campx LogoAsset 2 1" clipPath="url(#clip0_4651_30457)">
         <g id="Layer 1">
           <g id="Group">
             <g id="Group 4155">

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

@@ -17,7 +17,7 @@ export const CareerIcon = ({ size = 16 }) => {
         id="briefcase"
         d="M15.833,3.333h-.917A4.174,4.174,0,0,0,10.833,0H9.167A4.174,4.174,0,0,0,5.083,3.333H4.167A4.172,4.172,0,0,0,0,7.5v8.333A4.172,4.172,0,0,0,4.167,20H15.833A4.172,4.172,0,0,0,20,15.833V7.5a4.172,4.172,0,0,0-4.167-4.167ZM9.167,1.667h1.667A2.5,2.5,0,0,1,13.18,3.333H6.82A2.5,2.5,0,0,1,9.167,1.667ZM4.167,5H15.833a2.5,2.5,0,0,1,2.5,2.5V10H1.667V7.5A2.5,2.5,0,0,1,4.167,5ZM15.833,18.333H4.167a2.5,2.5,0,0,1-2.5-2.5V11.667h7.5V12.5a.833.833,0,0,0,1.667,0v-.833h7.5v4.167A2.5,2.5,0,0,1,15.833,18.333Z"
         transform="translate(0.15 0.15)"
-        stroke-width="0.3"
+        strokeWidth="0.3"
       />
     </svg>
   );

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

@@ -0,0 +1,37 @@
+export const CautionIcon = ({ size = 16 }) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clipPath="url(#clip0_89_1327)">
+        <path
+          d="M8 9.83333C7.86766 9.83246 7.74099 9.7795 7.64741 9.68592C7.55383 9.59234 7.50087 9.46567 7.5 9.33333V6C7.50087 5.86766 7.55383 5.74099 7.64741 5.64741C7.74099 5.55383 7.86766 5.50087 8 5.5C8.13234 5.50087 8.25901 5.55383 8.35259 5.64741C8.44617 5.74099 8.49913 5.86766 8.5 6V9.33333C8.49913 9.46567 8.44617 9.59234 8.35259 9.68592C8.25901 9.7795 8.13234 9.83246 8 9.83333Z"
+          fill="#F2353C"
+          stroke="#F2353C"
+          strokeWidth="0.4"
+        />
+        <path
+          d="M8.00016 11.998C7.95547 11.9965 7.91093 11.9921 7.86683 11.9846C7.82505 11.9774 7.7846 11.9639 7.74683 11.9446C7.70434 11.9301 7.66398 11.9099 7.62683 11.8846L7.52683 11.8046C7.40512 11.6768 7.33608 11.5078 7.3335 11.3313C7.33658 11.1555 7.40558 10.9873 7.52683 10.86L7.62683 10.7793C7.66398 10.7541 7.70434 10.7339 7.74683 10.7193C7.7846 10.7001 7.82505 10.6866 7.86683 10.6793C7.95234 10.6593 8.04132 10.6593 8.12683 10.6793C8.17099 10.6855 8.2138 10.699 8.2535 10.7193C8.29599 10.7339 8.33634 10.7541 8.3735 10.7793L8.4735 10.8593C8.5949 10.9868 8.66391 11.1553 8.66683 11.3313C8.66424 11.5078 8.59521 11.6768 8.4735 11.8046L8.3735 11.8846C8.33634 11.9099 8.29599 11.9301 8.2535 11.9446C8.2138 11.9649 8.17099 11.9785 8.12683 11.9846C8.08502 11.9924 8.04267 11.9968 8.00016 11.998Z"
+          fill="#F2353C"
+          stroke="#F2353C"
+          strokeWidth="0.4"
+        />
+        <path
+          d="M12.0403 14.7734H3.96292C3.42049 14.8203 2.87534 14.7222 2.38332 14.4891C1.8913 14.2559 1.47011 13.8962 1.16292 13.4467C0.918473 12.9598 0.808153 12.4166 0.843305 11.8729C0.878456 11.3292 1.05781 10.8047 1.36292 10.3534L5.40292 3.08668C6.06958 1.88668 6.98958 1.22668 8.00292 1.22668C9.01625 1.22668 9.93625 1.88668 10.6029 3.08668L14.6429 10.36C14.9494 10.8108 15.1296 11.3354 15.1648 11.8794C15.1999 12.4234 15.0888 12.9669 14.8429 13.4534C14.5339 13.9012 14.1118 14.2593 13.6195 14.4912C13.1273 14.723 12.5824 14.8204 12.0403 14.7734ZM8.00025 2.22668C7.37358 2.22668 6.76025 2.70668 6.27358 3.57335L2.24025 10.8467C2.0256 11.1482 1.89306 11.5003 1.85566 11.8685C1.81825 12.2366 1.87727 12.6082 2.02692 12.9467C2.24905 13.2432 2.54515 13.4763 2.88559 13.6225C3.22603 13.7688 3.5989 13.8231 3.96692 13.78H12.0469C12.4149 13.8223 12.7875 13.7677 13.1278 13.6215C13.4681 13.4753 13.7643 13.2427 13.9869 12.9467C14.1383 12.6086 14.1983 12.2367 14.1609 11.8682C14.1235 11.4996 13.9899 11.1474 13.7736 10.8467L9.72692 3.57335C9.24025 2.70668 8.62958 2.22668 8.00025 2.22668Z"
+          fill="#F2353C"
+          stroke="#F2353C"
+          strokeWidth="0.4"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_89_1327">
+          <rect width="16" height="16" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};

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

@@ -24,7 +24,7 @@ export const CheckedRadioIcon = ({ size = 16 }) => {
           transform="translate(0.5 29.5)"
           fill="#f8f8f8"
           stroke="#323167"
-          stroke-width="1"
+          strokeWidth="1"
         >
           <rect width="20" height="20" rx="10" stroke="none" />
           <rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="none" />

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

@@ -15,7 +15,7 @@ export const CollapseIcon = ({ size = 16 }) => {
         d="M2.38873 7.31504L2.38918 7.31504L13.6116 7.31504H13.612V7.31504C13.7938 7.31586 13.9678 7.38842 14.0963 7.51693C14.2249 7.64545 14.2974 7.81951 14.2982 8.00125L14.2982 8.00216C14.2974 8.1839 14.2249 8.35796 14.0963 8.48648C13.9678 8.61499 13.7938 8.68755 13.612 8.68837L13.6116 8.68837L2.38758 8.68837H2.38685C2.20544 8.68706 2.03185 8.61428 1.90374 8.48582M2.38873 7.31504L1.90374 8.48582M2.38873 7.31504C2.20698 7.31586 2.03292 7.38842 1.9044 7.51693C1.77589 7.64545 1.70333 7.81951 1.70251 8.00125L1.70251 8.00216M2.38873 7.31504L1.70251 8.00216M1.90374 8.48582C1.77563 8.35736 1.70333 8.18358 1.70251 8.00216M1.90374 8.48582L1.70251 8.00216"
         fill={color}
         stroke="#121212"
-        stroke-width="0.2"
+        strokeWidth="0.2"
       />
     </svg>
   );

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

@@ -16,15 +16,15 @@ export const ColumnsIcon = ({ size = 16 }) => {
     >
       <path
         d="M3.13379 2.09934L3.13379 14.0999C3.13281 14.2322 3.07977 14.3588 2.98615 14.4523C2.89253 14.5459 2.76585 14.5988 2.63352 14.5996C2.50129 14.5986 2.37474 14.5457 2.28124 14.4522C2.18773 14.3587 2.13477 14.2321 2.13379 14.0999L2.13379 2.09988C2.13477 1.96764 2.18773 1.8411 2.28124 1.74759C2.37474 1.65409 2.50129 1.60112 2.63352 1.60014C2.76576 1.60098 2.89236 1.65381 2.98597 1.74722C3.07957 1.84062 3.13267 1.96711 3.13379 2.09934Z"
-        stroke-width="1"
+        strokeWidth="1"
       />
       <path
         d="M8.4668 2.09934V14.0999C8.46582 14.2322 8.41278 14.3588 8.31916 14.4523C8.22554 14.5459 8.09886 14.5988 7.96653 14.5996C7.83429 14.5986 7.70775 14.5457 7.61425 14.4522C7.52074 14.3587 7.46777 14.2321 7.4668 14.0999L7.4668 2.09988C7.46777 1.96764 7.52074 1.8411 7.61425 1.74759C7.70775 1.65409 7.83429 1.60112 7.96653 1.60014C8.09877 1.60098 8.22537 1.65381 8.31897 1.74722C8.41258 1.84062 8.46568 1.96711 8.4668 2.09934Z"
-        stroke-width="1"
+        strokeWidth="1"
       />
       <path
         d="M13.7998 2.09934V14.0999C13.7988 14.2322 13.7458 14.3588 13.6522 14.4523C13.5585 14.5459 13.4319 14.5988 13.2995 14.5996C13.1673 14.5986 13.0408 14.5457 12.9473 14.4522C12.8537 14.3587 12.8008 14.2321 12.7998 14.0999V2.09988C12.8008 1.96764 12.8537 1.8411 12.9473 1.74759C13.0408 1.65409 13.1673 1.60112 13.2995 1.60014C13.4318 1.60098 13.5584 1.65381 13.652 1.74722C13.7456 1.84062 13.7987 1.96711 13.7998 2.09934Z"
-        stroke-width="1"
+        strokeWidth="1"
       />
     </svg>
   );

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

@@ -7,7 +7,7 @@ export const CommutexIcon = ({ size = 16 }) => {
       viewBox="0 0 20 20"
     >
       <defs>
-        <clipPath id="clip-path">
+        <clipPath id="clipPath">
           <rect
             id="Rectangle_24573"
             data-name="Rectangle 24573"
@@ -21,7 +21,7 @@ export const CommutexIcon = ({ size = 16 }) => {
       <g
         id="Commute"
         transform="translate(23008 19310)"
-        clip-path="url(#clip-path)"
+        clipPath="url(#clipPath)"
       >
         <g id="Group_9767" data-name="Group 9767">
           <path
@@ -31,7 +31,7 @@ export const CommutexIcon = ({ size = 16 }) => {
             transform="translate(-23015.934 -19809)"
             fill="#121212"
             stroke="#121212"
-            stroke-width="0.2"
+            strokeWidth="0.2"
           />
           <path
             id="Path_38945"
@@ -40,7 +40,7 @@ export const CommutexIcon = ({ size = 16 }) => {
             transform="translate(-23015.934 -19809)"
             fill="#121212"
             stroke="#121212"
-            stroke-width="0.2"
+            strokeWidth="0.2"
           />
           <path
             id="Path_38946"
@@ -49,7 +49,7 @@ export const CommutexIcon = ({ size = 16 }) => {
             transform="translate(-23015.934 -19809)"
             fill="#121212"
             stroke="#121212"
-            stroke-width="0.2"
+            strokeWidth="0.2"
           />
           <path
             id="Path_38947"
@@ -58,7 +58,7 @@ export const CommutexIcon = ({ size = 16 }) => {
             transform="translate(-23015.934 -19809)"
             fill="#121212"
             stroke="#121212"
-            stroke-width="0.2"
+            strokeWidth="0.2"
           />
           <path
             id="Path_38948"
@@ -67,7 +67,7 @@ export const CommutexIcon = ({ size = 16 }) => {
             transform="translate(-23015.934 -19809)"
             fill="#121212"
             stroke="#121212"
-            stroke-width="0.2"
+            strokeWidth="0.2"
           />
         </g>
       </g>

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

@@ -15,7 +15,7 @@ export const CompletedStateIcon = ({ size = 16 }) => {
         d="M10.4057 15.249C10.2792 15.2491 10.154 15.2242 10.0372 15.1758C9.92038 15.1274 9.8143 15.0563 9.72503 14.9668L7.66775 12.9095C7.56158 12.8031 7.50195 12.659 7.50195 12.5087C7.50195 12.3584 7.56158 12.2143 7.66775 12.1079C7.77411 12.0017 7.91826 11.9421 8.06855 11.9421C8.21883 11.9421 8.36298 12.0017 8.46935 12.1079L10.4057 14.0442L15.5282 8.92165C15.6346 8.81548 15.7787 8.75586 15.929 8.75586C16.0793 8.75586 16.2235 8.81548 16.3298 8.92165C16.436 9.02802 16.4956 9.17216 16.4956 9.32245C16.4956 9.47273 16.436 9.61688 16.3298 9.72325L11.0863 14.9668C10.997 15.0563 10.8909 15.1274 10.7741 15.1758C10.6573 15.2242 10.5321 15.2491 10.4057 15.249Z"
         fill="white"
         stroke="white"
-        stroke-width="0.5"
+        strokeWidth="0.5"
       />
       <defs>
         <linearGradient
@@ -26,8 +26,8 @@ export const CompletedStateIcon = ({ size = 16 }) => {
           y2="21.12"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="#323167" />
-          <stop offset="1" stop-color="#656599" />
+          <stop stopColor="#323167" />
+          <stop offset="1" stopColor="#656599" />
         </linearGradient>
       </defs>
     </svg>

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

@@ -15,14 +15,14 @@ export const ConfigureIcon = ({ size = 16 }) => {
         stroke: color,
       }}
     >
-      <g clip-path="url(#clip0_2365_6420)">
+      <g clipPath="url(#clip0_2365_6420)">
         <path
           d="M7.99983 15.0868C7.56259 15.0945 7.1308 14.9889 6.7465 14.7802L3.07983 12.6668C1.5865 11.6608 1.49316 11.5088 1.49316 9.92751V6.07351C1.49316 4.49351 1.57983 4.34018 3.0465 3.34684L6.73983 1.21418C7.12603 1.01378 7.55474 0.90918 7.98983 0.90918C8.42492 0.90918 8.85364 1.01378 9.23983 1.21418L12.9198 3.33418C14.4132 4.34084 14.5065 4.49418 14.5065 6.07418V9.92084C14.5065 11.5008 14.4198 11.6542 12.9532 12.6475L9.25983 14.7808C8.87283 14.9887 8.43906 15.0941 7.99983 15.0868ZM7.99983 1.91351C7.74083 1.90476 7.48386 1.96212 7.25316 2.08018L3.5865 4.20018C2.49983 4.93351 2.49983 4.93351 2.49983 6.07351V9.92018C2.49983 11.0602 2.49983 11.0602 3.61316 11.8135L7.25316 13.9135C7.48735 14.0254 7.74361 14.0835 8.00316 14.0835C8.26272 14.0835 8.51898 14.0254 8.75316 13.9135L12.4198 11.7935C13.4998 11.0602 13.4998 11.0602 13.4998 9.92018V6.07351C13.4998 4.93351 13.4998 4.93351 12.3865 4.18018L8.7465 2.08018C8.5158 1.96212 8.25883 1.90476 7.99983 1.91351Z"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
         <path
           d="M8 10.5C7.50555 10.5 7.0222 10.3534 6.61108 10.0787C6.19995 9.80397 5.87952 9.41352 5.6903 8.95671C5.50108 8.49989 5.45157 7.99723 5.54804 7.51228C5.6445 7.02732 5.8826 6.58187 6.23223 6.23223C6.58187 5.8826 7.02732 5.6445 7.51228 5.54804C7.99723 5.45157 8.49989 5.50108 8.95671 5.6903C9.41352 5.87952 9.80397 6.19995 10.0787 6.61108C10.3534 7.0222 10.5 7.50555 10.5 8C10.4998 8.66299 10.2364 9.29877 9.76757 9.76757C9.29877 10.2364 8.66299 10.4998 8 10.5ZM8 6.5C7.70333 6.5 7.41332 6.58797 7.16665 6.7528C6.91997 6.91762 6.72771 7.15189 6.61418 7.42598C6.50065 7.70006 6.47095 8.00167 6.52882 8.29264C6.5867 8.58361 6.72956 8.85088 6.93934 9.06066C7.14912 9.27044 7.41639 9.4133 7.70737 9.47118C7.99834 9.52906 8.29994 9.49935 8.57403 9.38582C8.84812 9.27229 9.08238 9.08003 9.24721 8.83336C9.41203 8.58668 9.5 8.29667 9.5 8C9.49947 7.60234 9.34127 7.22112 9.06008 6.93993C8.77889 6.65874 8.39766 6.50053 8 6.5Z"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
       </g>
       <defs>

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

@@ -25,9 +25,9 @@ export const DashBoardIcon = ({ size = 16 }) => {
             transform="translate(1.333 1.333)"
             fill="none"
             stroke={color}
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="1.2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="1.2"
           />
           <path
             id="Vector-2"
@@ -36,9 +36,9 @@ export const DashBoardIcon = ({ size = 16 }) => {
             transform="translate(9 3.667)"
             fill="none"
             stroke={color}
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="1.2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="1.2"
           />
           <path
             id="Vector-3"
@@ -47,9 +47,9 @@ export const DashBoardIcon = ({ size = 16 }) => {
             transform="translate(4.333 7.333)"
             fill="none"
             stroke={color}
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="1.2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="1.2"
           />
           <path
             id="Vector-4"

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

@@ -19,7 +19,7 @@ export const DeleteIcon = ({ size = 16 }) => {
           fill: color,
           stroke: color,
         }}
-        stroke-width="0.2"
+        strokeWidth="0.2"
       />
       <path
         d="M5.07468 3.71743L5.07469 3.71743L5.22133 2.84394C5.2219 2.84055 5.22247 2.83715 5.22304 2.83373C5.27543 2.51925 5.3426 2.11602 5.60312 1.79426C5.87204 1.46213 6.3304 1.23398 7.12691 1.23398H8.87357C9.67435 1.23398 10.1342 1.4712 10.4026 1.80837C10.6622 2.13444 10.7278 2.53815 10.7768 2.83989L10.7786 2.85063L10.7787 2.85127L10.925 3.71613C10.94 3.79386 10.9394 3.87379 10.9232 3.95129C10.9069 4.0292 10.8752 4.10307 10.8299 4.16855C10.7847 4.23404 10.7268 4.28981 10.6596 4.33259C10.5925 4.37537 10.5175 4.4043 10.439 4.41767C10.3606 4.43104 10.2802 4.42858 10.2027 4.41044C10.1252 4.39231 10.0521 4.35886 9.98772 4.31206C9.92333 4.26526 9.86895 4.20605 9.82777 4.13793C9.78681 4.07015 9.75974 3.9949 9.74813 3.91656L9.60112 3.05045L9.60097 3.0496L9.60098 3.0496C9.57732 2.90251 9.55945 2.79316 9.53532 2.70778C9.51152 2.62358 9.48462 2.57445 9.45039 2.54159C9.4167 2.50925 9.36565 2.48289 9.27402 2.46533C9.18113 2.44754 9.05536 2.44038 8.87997 2.44038H7.13331C6.95723 2.44038 6.83142 2.44633 6.73849 2.46272C6.64667 2.4789 6.59676 2.50369 6.56418 2.53419C6.53112 2.56513 6.50461 2.61243 6.48051 2.69679C6.45609 2.78232 6.4375 2.89287 6.41219 3.04337L6.41205 3.04423L6.41204 3.04422L6.25855 3.91079C6.23551 4.05102 6.16346 4.17853 6.05521 4.27063C5.94717 4.36256 5.81008 4.41323 5.66826 4.41371C5.66775 4.41372 5.66724 4.41372 5.66672 4.41372L5.66664 4.31372C5.6377 4.31464 5.60873 4.3125 5.58024 4.30732L5.07468 3.71743ZM5.07468 3.71743L5.07457 3.71817C5.04963 3.87386 5.08679 4.03312 5.17806 4.1617C5.26929 4.29024 5.40732 4.37786 5.56247 4.40573L5.07468 3.71743Z"
@@ -27,7 +27,7 @@ export const DeleteIcon = ({ size = 16 }) => {
           fill: color,
           stroke: color,
         }}
-        stroke-width="0.2"
+        strokeWidth="0.2"
       />
       <path
         d="M3.26684 13.345L3.26681 13.345L3.26697 13.3472L3.26765 13.3568C3.30388 13.8692 3.34681 14.4764 3.68727 14.952C4.03647 15.4398 4.67908 15.7671 5.86005 15.7671H10.1401C11.321 15.7671 11.9636 15.4398 12.3128 14.9521C12.6533 14.4766 12.6962 13.8695 12.7325 13.3574L12.7331 13.3477L12.7332 13.3477L12.7333 13.3455L13.1652 4.49971C13.1652 4.49942 13.1652 4.49914 13.1652 4.49885C13.1753 4.34046 13.1224 4.18448 13.0179 4.06499C12.9131 3.9453 12.7653 3.872 12.6066 3.86116L12.6066 3.86114L12.6048 3.86105C12.4468 3.85306 12.2919 3.90684 12.1728 4.01104C12.0537 4.11523 11.9798 4.26165 11.9668 4.41934L11.9667 4.41934L11.9666 4.4227L11.5336 13.2674C11.5336 13.2677 11.5336 13.268 11.5335 13.2683C11.5168 13.5232 11.5029 13.7299 11.4705 13.9006C11.4384 14.0704 11.3897 14.1936 11.3108 14.2857C11.1535 14.4693 10.8422 14.5676 10.1401 14.5676H5.86005C5.16127 14.5676 4.85145 14.4693 4.69412 14.2857C4.61506 14.1935 4.56603 14.0701 4.53307 13.9002C4.49996 13.7295 4.48491 13.5228 4.46654 13.2679L4.033 4.42163L4.03303 4.42163L4.03284 4.41909C4.02104 4.26069 3.94742 4.11329 3.82789 4.00869C3.70835 3.9041 3.55247 3.8507 3.39391 3.86003L3.39391 3.86002L3.39267 3.86011C3.23395 3.87143 3.0861 3.94488 2.98118 4.06451C2.87638 4.184 2.82287 4.33995 2.8322 4.4986C2.83221 4.49878 2.83222 4.49897 2.83223 4.49915L3.26684 13.345Z"
@@ -35,7 +35,7 @@ export const DeleteIcon = ({ size = 16 }) => {
           fill: color,
           stroke: color,
         }}
-        stroke-width="0.2"
+        strokeWidth="0.2"
       />
       <path
         d="M9.10672 12.1L9.10735 12.1C9.26596 12.099 9.4178 12.0356 9.53002 11.9235C9.64224 11.8114 9.70581 11.6596 9.70699 11.501L9.70698 11.4996C9.70598 11.3409 9.64248 11.189 9.53024 11.0767C9.41801 10.9645 9.26607 10.901 9.10735 10.9L9.10735 10.9H9.10672H6.88699V10.9L6.88635 10.9C6.72763 10.901 6.5757 10.9645 6.46346 11.0767C6.35122 11.189 6.28773 11.3409 6.28672 11.4996L6.28671 11.4996L6.28672 11.501C6.28789 11.6596 6.35147 11.8114 6.46368 11.9235C6.5759 12.0356 6.72774 12.099 6.88635 12.1V12.1H6.88699L9.10672 12.1Z"
@@ -43,7 +43,7 @@ export const DeleteIcon = ({ size = 16 }) => {
           fill: color,
           stroke: color,
         }}
-        stroke-width="0.2"
+        strokeWidth="0.2"
       />
       <path
         d="M6.33313 9.43398V9.43398H6.33376L9.66656 9.43399L9.6672 9.43398C9.82581 9.43298 9.97765 9.36957 10.0899 9.25747C10.2021 9.14537 10.2657 8.9936 10.2668 8.83499L10.2668 8.83362C10.2658 8.67501 10.2024 8.52317 10.0903 8.41095C9.97822 8.29873 9.82645 8.23516 9.66784 8.23399V8.23398H9.6671H6.33376V8.23398L6.33313 8.23399C6.17441 8.23499 6.02247 8.29849 5.91024 8.41073C5.798 8.52296 5.7345 8.6749 5.7335 8.83362L5.73349 8.83362L5.7335 8.83499C5.73467 8.9936 5.79824 9.14537 5.91046 9.25747C6.02268 9.36957 6.17452 9.43298 6.33313 9.43398Z"
@@ -51,7 +51,7 @@ export const DeleteIcon = ({ size = 16 }) => {
           fill: color,
           stroke: color,
         }}
-        stroke-width="0.2"
+        strokeWidth="0.2"
       />
     </svg>
   );

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

@@ -7,7 +7,7 @@ export const DocumentIcon = ({ size = 24 }) => {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g clip-path="url(#clip0_2077_7034)">
+      <g clipPath="url(#clip0_2077_7034)">
         <path
           d="M20.6914 7.07352V22.9539C20.6914 23.8079 19.9987 24.5 19.1453 24.5H4.85516C4.00114 24.5 3.30908 23.8079 3.30908 22.9539V2.04608C3.30904 1.19206 4.0011 0.5 4.85516 0.5H14.1179L20.6914 7.07352Z"
           fill="#518EF8"

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

@@ -17,7 +17,7 @@ export const DoneSquare = ({
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g clip-path="url(#clip0_6476_116340)">
+      <g clipPath="url(#clip0_6476_116340)">
         <path
           d="M10.7959 1.3335H5.20927C2.7826 1.3335 1.33594 2.78016 1.33594 5.20683V10.7868C1.33594 13.2202 2.7826 14.6668 5.20927 14.6668H10.7893C13.2159 14.6668 14.6626 13.2202 14.6626 10.7935V5.20683C14.6693 2.78016 13.2226 1.3335 10.7959 1.3335ZM11.1893 6.46683L7.40927 10.2468C7.36294 10.2934 7.30788 10.3303 7.24724 10.3555C7.18661 10.3806 7.1216 10.3936 7.05594 10.3936C6.99028 10.3936 6.92527 10.3806 6.86463 10.3555C6.804 10.3303 6.74894 10.2934 6.7026 10.2468L4.81594 8.36016C4.76681 8.31439 4.72741 8.25919 4.70008 8.19785C4.67276 8.13652 4.65806 8.07031 4.65688 8.00318C4.65569 7.93604 4.66804 7.86936 4.69319 7.8071C4.71834 7.74484 4.75577 7.68828 4.80325 7.6408C4.85072 7.59332 4.90728 7.5559 4.96954 7.53075C5.0318 7.5056 5.09848 7.49325 5.16562 7.49444C5.23275 7.49562 5.29896 7.51031 5.3603 7.53764C5.42163 7.56497 5.47683 7.60437 5.5226 7.6535L7.05594 9.18683L10.4826 5.76016C10.5774 5.67184 10.7028 5.62376 10.8323 5.62605C10.9618 5.62833 11.0854 5.68081 11.177 5.77242C11.2686 5.86402 11.3211 5.98761 11.3234 6.11715C11.3257 6.24668 11.2776 6.37205 11.1893 6.46683Z"
           fill={fill}