@campxdev/react-blueprint 1.7.1 → 1.7.2

package/package.json

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

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

@@ -1,33 +1,27 @@
+import { ReactNode } from 'react';
 import { emptyListImage } from '../../../assets/images/svg';
 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={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/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/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}

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

@@ -20,7 +20,7 @@ export const DownloadIcon = ({ size = 16 }) => {
             d="M16.5 0H0.5V16H16.5V0Z"
             fill="white"
             stroke="white"
-            stroke-width="0.4"
+            strokeWidth="0.4"
           />
         </mask>
         <g mask="url(#mask0_2120_3221)">
@@ -28,19 +28,19 @@ export const DownloadIcon = ({ size = 16 }) => {
             d="M8.29663 11.0858C8.21889 11.0853 8.14202 11.0694 8.0705 11.0389C7.9635 10.9955 7.87197 10.9211 7.8077 10.8251C7.74344 10.7292 7.70939 10.6162 7.70997 10.5008V2.34985C7.70997 2.19426 7.77178 2.04504 7.8818 1.93501C7.99182 1.82499 8.14104 1.76318 8.29663 1.76318C8.45223 1.76318 8.60145 1.82499 8.71147 1.93501C8.82149 2.04504 8.8833 2.19426 8.8833 2.34985V9.09012L11.198 6.77118C11.3104 6.67717 11.454 6.62867 11.6005 6.63523C11.7469 6.64179 11.8856 6.70292 11.9892 6.80661C12.0928 6.91029 12.1539 7.04901 12.1603 7.19545C12.1668 7.34189 12.1182 7.48544 12.0241 7.59785L8.70783 10.9141C8.59869 11.0232 8.45095 11.0849 8.29663 11.0858Z"
             fill="#323167"
             stroke="#323167"
-            stroke-width="0.4"
+            strokeWidth="0.4"
           />
           <path
             d="M8.29518 11.0853C8.21832 11.0856 8.14219 11.0705 8.07122 11.041C8.00025 11.0115 7.93587 10.9682 7.88184 10.9135L4.56558 7.59728C4.45663 7.4874 4.39551 7.33894 4.39551 7.18421C4.39551 7.02948 4.45663 6.88102 4.56558 6.77114C4.67545 6.6622 4.82391 6.60107 4.97864 6.60107C5.13337 6.60107 5.28184 6.6622 5.39171 6.77114L8.70851 10.0874C8.81745 10.1973 8.87858 10.3457 8.87858 10.5005C8.87858 10.6552 8.81745 10.8037 8.70851 10.9135C8.65449 10.9682 8.59011 11.0115 8.51914 11.041C8.44817 11.0705 8.37203 11.0856 8.29518 11.0853Z"
             fill="#323167"
             stroke="#323167"
-            stroke-width="0.4"
+            strokeWidth="0.4"
           />
           <path
             d="M13.2929 14.189H3.77394C3.62864 14.188 3.48957 14.1299 3.38677 14.0272C3.28398 13.9245 3.22573 13.7855 3.22461 13.6402C3.22559 13.4948 3.28378 13.3556 3.38659 13.2528C3.4894 13.15 3.62855 13.0918 3.77394 13.0908H13.2929C13.4383 13.0918 13.5774 13.15 13.6802 13.2528C13.783 13.3556 13.8412 13.4948 13.8422 13.6402C13.8411 13.7855 13.7828 13.9245 13.68 14.0272C13.5773 14.1299 13.4382 14.188 13.2929 14.189Z"
             fill="#323167"
             stroke="#323167"
-            stroke-width="0.4"
+            strokeWidth="0.4"
           />
         </g>
       </svg>

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

@@ -20,7 +20,7 @@ export const EditIcon = ({ size = 16 }) => {
           fill: color,
           stroke: color,
         }}
-        stroke-width="0.2"
+        strokeWidth="0.2"
       />
       <path
         d="M4.54154 11.9482L4.54147 11.9483L4.54469 11.9514C4.84632 12.2396 5.24897 12.3979 5.66607 12.3924C5.75692 12.3955 5.84783 12.3883 5.93707 12.371L7.94125 12.0847L7.94126 12.0848L7.94495 12.0841C8.39781 12.002 8.81772 11.7921 9.15512 11.479L9.15517 11.4791L9.15782 11.4764L14.4087 6.22558C14.955 5.75021 15.3154 5.09675 15.4259 4.38099L15.4267 4.38111L15.4271 4.3686C15.4395 3.93524 15.3541 3.50466 15.1771 3.10888C15.0007 2.71439 14.7379 2.36461 14.4082 2.08539C13.7346 1.41283 13.0434 1.06406 12.3404 1.06406C11.6365 1.06406 10.9442 1.41385 10.2697 2.08835L5.0164 7.34169L5.01635 7.34164L5.0138 7.34439C4.70078 7.68179 4.49082 8.1017 4.40871 8.55456L4.40865 8.55455L4.40812 8.55826L4.12169 10.5633C4.07798 10.8106 4.09309 11.0647 4.16583 11.3051C4.23873 11.546 4.36746 11.7664 4.54154 11.9482ZM11.1178 2.93644L11.1546 2.8997C11.5271 2.53723 11.873 2.30559 12.2383 2.27172C12.6101 2.23723 13.0326 2.40597 13.5564 2.92977L13.556 2.9302L13.5646 2.93711C13.7647 3.09737 13.9271 3.2996 14.0404 3.52954C14.1522 3.75631 14.2135 4.00456 14.2202 4.25722C14.1341 4.6918 13.9022 5.0841 13.5628 5.36915L13.5626 5.36886L13.5564 5.37502L8.30535 10.6261C8.15048 10.7619 7.9638 10.8563 7.76267 10.9006L5.75963 11.1867L5.75959 11.1865L5.75217 11.1881C5.68812 11.2023 5.62165 11.2014 5.55801 11.1855C5.49689 11.1702 5.43998 11.1415 5.39142 11.1014C5.35139 11.0529 5.32266 10.996 5.30738 10.9348C5.29147 10.8712 5.29057 10.8047 5.30475 10.7407L5.30503 10.7407L5.3061 10.7332L5.5922 8.73051C5.63789 8.52965 5.73226 8.34309 5.867 8.18726L11.1178 2.93644Z"
@@ -28,7 +28,7 @@ export const EditIcon = ({ size = 16 }) => {
           fill: color,
           stroke: color,
         }}
-        stroke-width="0.2"
+        strokeWidth="0.2"
       />
       <path
         d="M13.2331 7.15244C13.3645 7.15363 13.4925 7.11096 13.597 7.03118C13.7014 6.95138 13.7763 6.83902 13.8097 6.7119C13.8525 6.5585 13.8329 6.3944 13.7552 6.25538C13.6773 6.11609 13.5474 6.01333 13.3939 5.9696L13.3939 5.96959C12.7089 5.77455 12.085 5.40785 11.5814 4.90422C11.0779 4.4007 10.7112 3.77699 10.5161 3.09214C10.4953 3.01647 10.4597 2.94565 10.4115 2.88375C10.3631 2.82171 10.303 2.76984 10.2345 2.73114C10.166 2.69243 10.0906 2.66765 10.0125 2.65821C9.93437 2.64878 9.85518 2.65488 9.77945 2.67616L9.77945 2.67616L9.77847 2.67644C9.62576 2.72105 9.49669 2.82385 9.41905 2.9627C9.34141 3.10156 9.32142 3.26536 9.36338 3.41881L9.36338 3.41881L9.36366 3.41982C9.61503 4.3026 10.0876 5.10659 10.7366 5.75563C11.3854 6.40434 12.1889 6.87677 13.0711 7.12823C13.1235 7.14464 13.1782 7.15281 13.2331 7.15244ZM13.2331 7.15244C13.2328 7.15243 13.2324 7.15243 13.2321 7.15243L13.2332 7.05243L13.234 7.15243C13.2337 7.15243 13.2334 7.15243 13.2331 7.15244Z"
@@ -36,7 +36,7 @@ export const EditIcon = ({ size = 16 }) => {
           fill: color,
           stroke: color,
         }}
-        stroke-width="0.2"
+        strokeWidth="0.2"
       />
     </svg>
   );

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

@@ -13,28 +13,28 @@ export const EnrollxIcon = ({ size = 16 }) => {
           d="M23.1245 25.413L23.125 25.413C23.3996 25.4115 23.6626 25.302 23.857 25.108C24.0513 24.914 24.1615 24.6513 24.1635 24.3767L24.1635 24.3754C24.1618 24.1008 24.0519 23.8379 23.8577 23.6437C23.6636 23.4496 23.4007 23.3397 23.1261 23.338V23.338H23.1255H18.1255V23.338L18.1249 23.338C17.8503 23.3397 17.5874 23.4496 17.3933 23.6437C17.1991 23.8379 17.0892 24.1008 17.0875 24.3754L17.0875 24.3767C17.0895 24.6509 17.1994 24.9133 17.3933 25.1072C17.5872 25.3011 17.8496 25.411 18.1238 25.413L18.1238 25.413H18.1245L23.1245 25.413Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.2"
+          strokeWidth="0.2"
         />
         <path
           id="Vector_2"
           d="M19.5875 26.875L19.5875 26.8756C19.5892 27.1502 19.6991 27.4131 19.8933 27.6072C20.0874 27.8014 20.3503 27.9112 20.6249 27.913L20.6261 27.913C20.9005 27.9112 21.1632 27.8015 21.3574 27.6076C21.5515 27.4137 21.6615 27.1511 21.6635 26.8767V26.876V21.876H21.6635L21.6635 21.8754C21.6618 21.6008 21.5519 21.3379 21.3577 21.1437C21.1636 20.9496 20.9007 20.8397 20.6261 20.838L20.6249 20.838C20.3505 20.8397 20.0878 20.9494 19.8936 21.1434C19.6995 21.3373 19.5895 21.5999 19.5875 21.8742H19.5875V21.875L19.5875 26.875Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.2"
+          strokeWidth="0.2"
         />
         <path
           id="Vector_3"
           d="M21.5769 8.0488C21.5785 6.74515 21.1928 5.47041 20.4687 4.38634C19.7446 3.30222 18.7147 2.45768 17.5097 1.95992C16.3048 1.46216 14.9791 1.33362 13.7009 1.59063C12.4229 1.8476 11.2501 2.47845 10.3312 3.40311C9.71772 4.01038 9.232 4.73433 8.9027 5.53229C8.57342 6.33021 8.4072 7.18599 8.41386 8.04916C8.4098 9.7745 9.08561 11.432 10.2949 12.6626C11.5044 13.8933 13.15 14.598 14.8754 14.6239L14.8845 14.624L14.8935 14.6225C14.957 14.6118 15.0218 14.6118 15.0853 14.6225L15.0935 14.6239H15.1019H15.2019H15.2389V14.6239L15.2421 14.6238C16.9465 14.5691 18.5623 13.8513 19.7454 12.6232C20.9285 11.3952 21.5856 9.75393 21.5769 8.0488ZM21.5769 8.0488C21.5769 8.04865 21.5769 8.04851 21.5769 8.04837L21.4769 8.04889L21.5769 8.04902C21.5769 8.04894 21.5769 8.04887 21.5769 8.0488ZM14.9871 3.53689L14.9887 3.53689C16.1826 3.53946 17.3272 4.01404 18.1727 4.85712C19.0181 5.70021 19.4959 6.84341 19.5019 8.03739V8.03751C19.5091 9.19538 19.0673 10.311 18.2693 11.15C17.4729 11.9873 16.3836 12.4842 15.2294 12.5367C15.0942 12.5241 14.9582 12.5241 14.823 12.5368C13.6316 12.5143 12.4976 12.0203 11.6698 11.1628C10.8408 10.3041 10.3868 9.15113 10.4078 7.95765C10.4289 6.76417 10.9231 5.62792 11.7819 4.79887C12.2071 4.38836 12.709 4.06563 13.259 3.84909C13.8089 3.63256 14.3962 3.52647 14.9871 3.53689Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.2"
+          strokeWidth="0.2"
         />
         <path
           id="Vector_4"
           d="M8.14982 26.3966C10.1666 27.6671 12.5067 28.3279 14.8887 28.3006V28.3007L14.9893 28.3001C15.2662 28.2983 15.531 28.1866 15.7256 27.9896C15.9201 27.7925 16.0284 27.5263 16.0267 27.2494C16.0249 26.9725 15.9132 26.7077 15.7162 26.5131C15.5192 26.3186 15.2529 26.2103 14.976 26.212L14.9743 26.2121C12.9701 26.2603 10.9955 25.7227 9.29243 24.6651L9.29249 24.665L9.2882 24.6626C8.77757 24.3792 8.34567 23.973 8.03159 23.4806C7.71881 22.9903 7.53271 22.4301 7.48994 21.8501C7.53334 21.2737 7.71988 20.7173 8.03271 20.2311C8.34683 19.7429 8.77829 19.3413 9.28764 19.0628L9.28766 19.0628L9.2902 19.0613C11.0152 18.0512 12.9782 17.5187 14.9772 17.5187C16.9752 17.5187 18.9372 18.0507 20.6616 19.0598C20.7743 19.135 20.9007 19.1872 21.0337 19.2136C21.1676 19.2401 21.3055 19.2399 21.4394 19.2128C21.5732 19.1857 21.7004 19.1324 21.8135 19.0558C21.9266 18.9793 22.0234 18.8811 22.0983 18.7669L22.0984 18.7668C22.2486 18.537 22.3024 18.2573 22.248 17.9883C22.1935 17.7192 22.0353 17.4823 21.8075 17.3291L21.8076 17.329L21.8031 17.3263C19.7406 16.0901 17.3812 15.4371 14.9767 15.4371C12.5724 15.4371 10.2132 16.0899 8.15093 17.3259C7.35175 17.7882 6.682 18.4446 6.20359 19.2343C5.72505 20.0242 5.4534 20.922 5.41376 21.8448L5.41341 21.8447L5.41376 21.8531C5.45169 22.7796 5.72237 23.6815 6.20083 24.4757C6.67898 25.2695 7.34924 25.93 8.14982 26.3966Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.2"
+          strokeWidth="0.2"
         />
       </g>
     </svg>

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

@@ -18,7 +18,7 @@ export const ExamResultIcon = ({ size = 16 }) => {
           id="mobile"
           d="M13.833,0H7.167A4.172,4.172,0,0,0,3,4.167V15.833A4.172,4.172,0,0,0,7.167,20h6.667A4.172,4.172,0,0,0,18,15.833V4.167A4.172,4.172,0,0,0,13.833,0Zm2.5,15.833a2.5,2.5,0,0,1-2.5,2.5h-2.5V17.5a.833.833,0,1,0-1.667,0v.833h-2.5a2.5,2.5,0,0,1-2.5-2.5V4.167a2.5,2.5,0,0,1,2.5-2.5h6.667a2.5,2.5,0,0,1,2.5,2.5Zm-2.5-2.5a.833.833,0,0,1-.833.833H8A.833.833,0,1,1,8,12.5h5A.833.833,0,0,1,13.833,13.333Zm-5-2.5A.833.833,0,0,0,9.667,10V9.167h1.667V10A.833.833,0,0,0,13,10V6.667a2.5,2.5,0,1,0-5,0V10A.833.833,0,0,0,8.833,10.833Zm1.667-5a.833.833,0,0,1,.833.833V7.5H9.667V6.667A.833.833,0,0,1,10.5,5.833Z"
           transform="translate(-2.85 0.15)"
-          stroke-width="0.3"
+          strokeWidth="0.3"
         />
       </svg>
     </>

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

@@ -13,7 +13,7 @@ export const ExamxIcon = ({ size = 16 }) => {
           d="M4.03845 17.1979L4.03827 17.1979L4.04048 17.2036C4.50137 18.3872 5.69876 19.0587 7.30033 19.0587H12.7003C14.3028 19.0587 15.499 18.3871 15.968 17.2035L15.9682 17.2036L15.9703 17.1969C16.1806 16.5337 16.1884 15.8229 15.9928 15.1552C15.7975 14.4883 15.408 13.8946 14.874 13.4499L11.0822 9.99992L14.8659 6.55087C15.402 6.10755 15.7931 5.5138 15.9886 4.84615C16.1844 4.1777 16.1752 3.46591 15.9622 2.80275L15.9624 2.80269L15.9602 2.79702C15.4993 1.61418 14.3026 0.941992 12.7003 0.941992H7.30033C5.69911 0.941992 4.50202 1.60525 4.04041 2.79721L4.04025 2.79715L4.03845 2.80275C3.82547 3.46591 3.81628 4.1777 4.01205 4.84615C4.20759 5.5138 4.59864 6.10755 5.13476 6.55086L8.91857 10.0007L5.13475 13.4505C4.59877 13.8937 4.20781 14.4874 4.01227 15.1549C3.8165 15.8232 3.82562 16.5348 4.03845 17.1979ZM6.10522 14.5197L6.10532 14.5199L6.10962 14.516L10.0003 10.9772L13.8924 14.516L13.8923 14.5161L13.8971 14.52C14.2126 14.7727 14.4475 15.1118 14.5731 15.4959C14.6982 15.8784 14.7095 16.2889 14.6058 16.6776C14.3762 17.2672 13.7236 17.6087 12.701 17.6087H7.301C6.28012 17.6087 5.62602 17.2592 5.39622 16.6776C5.29456 16.2888 5.3069 15.8789 5.43185 15.4969C5.55738 15.1131 5.79123 14.7737 6.10522 14.5197ZM6.10895 5.48468L6.10908 5.48454L6.10418 5.48061C5.78877 5.22796 5.55387 4.88882 5.42824 4.50472C5.30316 4.12228 5.29182 3.71178 5.39553 3.32308C5.62511 2.7335 6.27838 2.39199 7.30033 2.39199H12.6997C13.7212 2.39199 14.3746 2.74147 14.6044 3.32308C14.7061 3.71186 14.6938 4.12173 14.5688 4.50376C14.4433 4.88759 14.2094 5.22694 13.8954 5.48091L13.8953 5.48078L13.891 5.48468L9.99967 9.02349L6.10895 5.48468Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.2"
+          strokeWidth="0.2"
         />
       </g>
     </svg>

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

@@ -15,13 +15,13 @@ export const ExpandIcon = ({ size = 16 }) => {
         d="M7.31406 13.6108L7.31406 13.6113C7.31488 13.793 7.38744 13.9671 7.51596 14.0956C7.64447 14.2241 7.81854 14.2967 8.00028 14.2975L8.00118 14.2975C8.1826 14.2967 8.35638 14.2244 8.48484 14.0963C8.6133 13.9682 8.68608 13.7946 8.6874 13.6131V13.6124L8.6874 2.38842L8.68739 2.38797C8.68657 2.20623 8.61401 2.03217 8.4855 1.90365C8.35699 1.77514 8.18292 1.70258 8.00118 1.70175L8.00028 1.70176C7.81854 1.70258 7.64447 1.77514 7.51596 1.90365C7.38744 2.03217 7.31488 2.20623 7.31406 2.38797H7.31406V2.38842L7.31406 13.6108Z"
         fill={color}
         stroke="#121212"
-        stroke-width="0.2"
+        strokeWidth="0.2"
       />
       <path
         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>
   );