@campxdev/react-blueprint 1.9.6 → 2.0.1

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

@@ -1,30 +0,0 @@
-import { useTheme } from "@mui/material";
-
-export const CareersIcon = ({
-    color,
-    size = 16,
-  }: {
-    color?: string;
-    size?: number;
-  }) => {
-     const theme = useTheme();
-        color = color ?? theme.palette.text.primary;
-    return (
-        <svg width={size} height={size} viewBox="0 0 30 30" fill={color} xmlns="http://www.w3.org/2000/svg">
-            <g clip-path="url(#clip0_4876_12912)">
-                <path d="M8.59961 23.6246C8.35147 23.623 8.11397 23.5237 7.93851 23.3482C7.76305 23.1727 7.66375 22.9352 7.66211 22.6871V20.0996C7.66375 19.8515 7.76305 19.614 7.93851 19.4385C8.11397 19.263 8.35147 19.1637 8.59961 19.1621C8.84774 19.1637 9.08525 19.263 9.26071 19.4385C9.43617 19.614 9.53547 19.8515 9.53711 20.0996V22.6871C9.53727 22.8103 9.51314 22.9323 9.46608 23.0461C9.41903 23.1599 9.34998 23.2633 9.26289 23.3504C9.1758 23.4375 9.07239 23.5065 8.95857 23.5536C8.84475 23.6006 8.72277 23.6248 8.59961 23.6246Z" fill={color} />
-                <path d="M15 23.625C14.7519 23.6234 14.5144 23.5241 14.3389 23.3486C14.1634 23.1731 14.0641 22.9356 14.0625 22.6875V17.5C14.0641 17.2519 14.1634 17.0144 14.3389 16.8389C14.5144 16.6634 14.7519 16.5641 15 16.5625C15.2481 16.5641 15.4856 16.6634 15.6611 16.8389C15.8366 17.0144 15.9359 17.2519 15.9375 17.5V22.6875C15.9377 22.8107 15.9135 22.9326 15.8665 23.0465C15.8194 23.1603 15.7504 23.2637 15.6633 23.3508C15.5762 23.4379 15.4728 23.5069 15.359 23.554C15.2451 23.601 15.1232 23.6252 15 23.625Z" fill={color} />
-                <path d="M21.4004 23.6246C21.1523 23.623 20.9147 23.5237 20.7393 23.3482C20.5638 23.1728 20.4645 22.9352 20.4629 22.6871V14.9121C20.4645 14.664 20.5638 14.4265 20.7393 14.251C20.9147 14.0755 21.1523 13.9762 21.4004 13.9746C21.6485 13.9762 21.886 14.0755 22.0615 14.251C22.237 14.4265 22.3363 14.664 22.3379 14.9121V22.6871C22.3391 22.8105 22.3156 22.933 22.2689 23.0473C22.2222 23.1615 22.1532 23.2653 22.0659 23.3526C21.9786 23.4399 21.8748 23.5089 21.7605 23.5556C21.6463 23.6023 21.5238 23.6258 21.4004 23.6246Z" fill={color} />
-                <path d="M8.59906 16.4748C8.38955 16.4738 8.18628 16.4033 8.02114 16.2744C7.856 16.1454 7.73832 15.9653 7.68656 15.7623C7.65635 15.6424 7.6502 15.5178 7.66847 15.3955C7.68674 15.2733 7.72907 15.1559 7.793 15.0501C7.85694 14.9443 7.94121 14.8523 8.04095 14.7793C8.14068 14.7062 8.25391 14.6537 8.37406 14.6248C12.9452 13.4872 17.048 10.953 20.1116 7.37478L20.6866 6.69978C20.8514 6.51925 21.08 6.41003 21.324 6.39527C21.568 6.38051 21.8082 6.46139 21.9935 6.62074C22.1789 6.78009 22.2949 7.00538 22.3169 7.24883C22.339 7.49228 22.2653 7.73474 22.1116 7.92478L21.5366 8.59978C18.2245 12.4818 13.7784 15.2273 8.82406 16.4498C8.75094 16.4704 8.67493 16.4788 8.59906 16.4748Z" fill={color} />
-                <path d="M21.4008 11.9C21.1526 11.8984 20.9151 11.7991 20.7397 11.6236C20.5642 11.4481 20.4649 11.2106 20.4633 10.9625V8.25H17.7383C17.4901 8.24836 17.2526 8.14906 17.0772 7.9736C16.9017 7.79814 16.8024 7.56063 16.8008 7.3125C16.8024 7.06437 16.9017 6.82686 17.0772 6.6514C17.2526 6.47594 17.4901 6.37664 17.7383 6.375H21.4008C21.6489 6.37664 21.8864 6.47594 22.0619 6.6514C22.2373 6.82686 22.3366 7.06437 22.3383 7.3125V10.975C22.3381 11.0975 22.3137 11.2187 22.2664 11.3317C22.219 11.4447 22.1498 11.5471 22.0626 11.6332C21.9754 11.7192 21.872 11.7871 21.7584 11.8329C21.6448 11.8787 21.5233 11.9015 21.4008 11.9Z" fill={color} />
-                <path d="M18.75 28.4375H11.25C4.4625 28.4375 1.5625 25.5375 1.5625 18.75V11.25C1.5625 4.4625 4.4625 1.5625 11.25 1.5625H18.75C25.5375 1.5625 28.4375 4.4625 28.4375 11.25V18.75C28.4375 25.5375 25.5375 28.4375 18.75 28.4375ZM11.25 3.4375C5.4875 3.4375 3.4375 5.4875 3.4375 11.25V18.75C3.4375 24.5125 5.4875 26.5625 11.25 26.5625H18.75C24.5125 26.5625 26.5625 24.5125 26.5625 18.75V11.25C26.5625 5.4875 24.5125 3.4375 18.75 3.4375H11.25Z" fill={color} />
-            </g>
-            <defs>
-                <clipPath id="clip0_4876_12912">
-                    <rect width='30' height='30' fill={color} />
-                </clipPath>
-            </defs>
-        </svg>
-
-    )
-}

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

@@ -1,37 +0,0 @@
-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/CertificatesIcon.tsx

@@ -1,56 +0,0 @@
-export const CertificateIcon = ({ size = 16 }) => {
-  return (
-    <svg
-      id="vuesax_outline_subtitle"
-      data-name="vuesax/outline/subtitle"
-      xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
-      viewBox="0 0 16 16"
-    >
-      <g id="subtitle">
-        <path
-          id="Vector"
-          d="M5.767,0h4.465C14.273,0,16,1.726,16,5.767v4.465C16,14.273,14.273,16,10.232,16H5.767C1.726,16,0,14.273,0,10.232V5.767C0,1.726,1.726,0,5.767,0Zm4.465,14.883c3.43,0,4.651-1.22,4.651-4.651V5.767c0-3.431-1.22-4.651-4.651-4.651H5.767c-3.43,0-4.651,1.22-4.651,4.651v4.465c0,3.431,1.22,4.651,4.651,4.651Z"
-          transform="translate(0 0)"
-          fill="#121212"
-        />
-        <path
-          id="Vector-2"
-          data-name="Vector"
-          d="M.558,0H1.935a.562.562,0,0,1,.558.558.562.562,0,0,1-.558.558H.558A.562.562,0,0,1,0,.558.562.562,0,0,1,.558,0Z"
-          transform="translate(3.349 3.661)"
-          fill="#121212"
-        />
-        <path
-          id="Vector-3"
-          data-name="Vector"
-          d="M.558,0H5.373a.562.562,0,0,1,.558.558.562.562,0,0,1-.558.558H.558A.558.558,0,0,1,.558,0Z"
-          transform="translate(6.72 3.661)"
-          fill="#121212"
-        />
-        <path
-          id="Vector-4"
-          data-name="Vector"
-          d="M.558,0H4.673a.562.562,0,0,1,.558.558.562.562,0,0,1-.558.558H.558A.562.562,0,0,1,0,.558.562.562,0,0,1,.558,0Z"
-          transform="translate(3.349 6.46)"
-          fill="#121212"
-        />
-        <path
-          id="Vector-5"
-          data-name="Vector"
-          d="M.558,0H2.619a.562.562,0,0,1,.558.558.562.562,0,0,1-.558.558H.558A.562.562,0,0,1,0,.558.562.562,0,0,1,.558,0Z"
-          transform="translate(9.474 6.46)"
-          fill="#121212"
-        />
-        <path
-          id="Vector-6"
-          data-name="Vector"
-          d="M16,16H0V0H16Z"
-          fill="none"
-          opacity="0"
-        />
-      </g>
-    </svg>
-  );
-};

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

@@ -1,60 +0,0 @@
-export const CetIcon = ({ size = 16 }) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
-      viewBox="0 0 16 16"
-    >
-      <g
-        id="vuesax_outline_document-text"
-        data-name="vuesax/outline/document-text"
-        transform="translate(-492 -252)"
-      >
-        <g id="document-text" transform="translate(492 252)">
-          <path
-            id="Vector"
-            d="M10.232,16H4.279A3.9,3.9,0,0,1,0,11.721V4.279A3.9,3.9,0,0,1,4.279,0h5.953a3.9,3.9,0,0,1,4.279,4.279v7.442A3.9,3.9,0,0,1,10.232,16ZM4.279,1.116c-2.128,0-3.163,1.034-3.163,3.163v7.442c0,2.128,1.034,3.163,3.163,3.163h5.953c2.128,0,3.163-1.034,3.163-3.163V4.279c0-2.128-1.034-3.163-3.163-3.163Z"
-            transform="translate(0.744)"
-            fill="#121212"
-          />
-          <path
-            id="Vector-2"
-            data-name="Vector"
-            d="M3.535,4.093H2.046A2.045,2.045,0,0,1,0,2.046V.558A.562.562,0,0,1,.558,0a.562.562,0,0,1,.558.558V2.046a.931.931,0,0,0,.93.93H3.535a.558.558,0,1,1,0,1.116Z"
-            transform="translate(9.303 1.861)"
-            fill="#121212"
-          />
-          <path
-            id="Vector-3"
-            data-name="Vector"
-            d="M3.535,1.116H.558A.562.562,0,0,1,0,.558.562.562,0,0,1,.558,0H3.535a.562.562,0,0,1,.558.558A.562.562,0,0,1,3.535,1.116Z"
-            transform="translate(4.465 8.186)"
-            fill="#121212"
-          />
-          <path
-            id="Vector-4"
-            data-name="Vector"
-            d="M6.512,1.116H.558A.562.562,0,0,1,0,.558.562.562,0,0,1,.558,0H6.512A.562.562,0,0,1,7.07.558.562.562,0,0,1,6.512,1.116Z"
-            transform="translate(4.465 11.163)"
-            fill="#121212"
-          />
-          <path
-            id="Vector-5"
-            data-name="Vector"
-            d="M0,0H16V16H0Z"
-            fill="none"
-            opacity="0"
-          />
-          <path
-            id="Vector-6"
-            data-name="Vector"
-            d="M0,0H16V16H0Z"
-            fill="none"
-            opacity="0"
-          />
-        </g>
-      </g>
-    </svg>
-  );
-};

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

@@ -1,25 +0,0 @@
-import { useTheme } from '@mui/material';
-
-export const CheckedCheckboxIcon = ({ size = 16 }) => {
-  const theme = useTheme();
-  const color = theme.palette.primary.main;
-  const paperBackground = theme.palette.surface.paperBackground;
-  return (
-    <svg
-      width={size}
-      height={size}
-      viewBox="0 0 16 17"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M0.5 4.5C0.5 2.567 2.067 1 4 1H12C13.933 1 15.5 2.567 15.5 4.5V12.5C15.5 14.433 13.933 16 12 16H4C2.067 16 0.5 14.433 0.5 12.5V4.5Z"
-        fill={paperBackground}
-        stroke={color}
-      />
-      <path
-        d="M5 7.5C5 6.39543 5.89543 5.5 7 5.5H9C10.1046 5.5 11 6.39543 11 7.5V9.5C11 10.6046 10.1046 11.5 9 11.5H7C5.89543 11.5 5 10.6046 5 9.5V7.5Z"
-        fill={color}
-      />
-    </svg>
-  );
-};

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

@@ -1,44 +0,0 @@
-import { useTheme } from '@mui/material';
-
-export const CheckedRadioIcon = ({ size = 16 }) => {
-  const theme = useTheme();
-  const color = theme.palette.text.primary;
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
-      viewBox="0 0 20 20"
-      style={{
-        fill: color,
-      }}
-    >
-      <g
-        id="Group_9717"
-        data-name="Group 9717"
-        transform="translate(-0.5 -29.5)"
-      >
-        <g
-          id="Rectangle_23801"
-          data-name="Rectangle 23801"
-          transform="translate(0.5 29.5)"
-          fill="#f8f8f8"
-          stroke="#323167"
-          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" />
-        </g>
-        <rect
-          id="Rectangle_23802"
-          data-name="Rectangle 23802"
-          width="8"
-          height="8"
-          rx="4"
-          transform="translate(6.5 35.5)"
-          fill="#323167"
-        />
-      </g>
-    </svg>
-  );
-};

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

@@ -1,28 +0,0 @@
-import { useTheme } from "@mui/material";
-
-export const ClassroomsIcon = ({
-  color,
-  size = 16,
-}: {
-  color?: string;
-  size?: number;
-}) => {
-   const theme = useTheme();
-      color = color ?? theme.palette.text.primary;
-    return (
-      <svg
-      fill={color}
-        xmlns="http://www.w3.org/2000/svg"
-        width={size}
-        height={size}
-        viewBox="0 0 16 16"
-      >
-        <path
-          id="presentation_1_"
-          data-name="presentation (1)"
-          d="M15.333,9.333h-.667v-6A3.337,3.337,0,0,0,11.333,0H4.667A3.337,3.337,0,0,0,1.333,3.333v6H.667a.667.667,0,1,0,0,1.333H7.333v2.667H6a2,2,0,0,0-2,2,.667.667,0,0,0,1.333,0A.667.667,0,0,1,6,14.667h4a.667.667,0,0,1,.667.667.667.667,0,0,0,1.333,0,2,2,0,0,0-2-2H8.667V10.667h6.667a.667.667,0,0,0,0-1.333Zm-12.667-6a2,2,0,0,1,2-2h6.667a2,2,0,0,1,2,2v6H2.667Z"
-          fill={color}
-        />
-      </svg>
-    )
-  }

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

@@ -1,37 +0,0 @@
-import { styled } from '@mui/material';
-
-const StyledSvg = styled('svg')(({ theme }) => ({
-  stroke: theme.palette.text.tertiary,
-  fill: theme.palette.text.tertiary,
-  '&:hover': {
-    stroke: theme.palette.primary.main,
-    fill: theme.palette.primary.main,
-  },
-}));
-
-export const ClearIcon = ({
-  size = 16,
-  onClick,
-}: {
-  size?: number;
-  onClick?: (e: React.MouseEvent) => void;
-}) => {
-  return (
-    <StyledSvg
-      width={size}
-      onClick={onClick}
-      height={size}
-      viewBox="0 0 12 12"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      style={{
-        cursor: onClick ? 'pointer' : 'default',
-      }}
-    >
-      <path
-        d="M9.52859 2.07129C9.43351 1.97624 9.26447 1.97624 9.16938 2.07129L5.9999 5.2396L2.83042 2.07129C2.73534 1.97624 2.5663 1.97624 2.47122 2.07129C2.37613 2.16634 2.37613 2.33531 2.47122 2.43036L5.64069 5.59868L2.47122 8.767C2.37613 8.86205 2.37613 9.03102 2.47122 9.12607C2.52404 9.17888 2.58743 9.2 2.65082 9.2C2.71421 9.2 2.7776 9.17888 2.83042 9.12607L5.9999 5.95776L9.16938 9.12607C9.22221 9.17888 9.2856 9.2 9.34899 9.2C9.41238 9.2 9.47576 9.17888 9.52859 9.12607C9.62367 9.03102 9.62367 8.86205 9.52859 8.767L6.35911 5.59868L9.52859 2.43036C9.62367 2.33531 9.62367 2.1769 9.52859 2.07129Z"
-        strokeWidth="1"
-      />
-    </StyledSvg>
-  );
-};

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

@@ -1,38 +0,0 @@
-import { useTheme } from '@mui/material';
-
-export const ClogWheelIcon = ({ size = 16 }) => {
-  const theme = useTheme();
-  const color = theme.palette.text.primary;
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
-      viewBox="0 0 17.995 20"
-      style={{
-        fill: color,
-      }}
-    >
-      <g
-        id="settings_11_"
-        data-name="settings (11)"
-        transform="translate(-1.203)"
-      >
-        <path
-          id="Path_1375"
-          data-name="Path 1375"
-          d="M11.333,8a3.333,3.333,0,1,0,3.333,3.333A3.333,3.333,0,0,0,11.333,8Zm0,5A1.667,1.667,0,1,1,13,11.333,1.667,1.667,0,0,1,11.333,13Z"
-          transform="translate(-1.133 -1.333)"
-          fill={color}
-        />
-        <path
-          id="Path_1376"
-          data-name="Path 1376"
-          d="M17.945,11.583l-.37-.213a7.583,7.583,0,0,0,0-2.742l.37-.213a2.5,2.5,0,1,0-2.5-4.333l-.371.214A7.481,7.481,0,0,0,12.7,2.927V2.5a2.5,2.5,0,1,0-5,0v.427A7.481,7.481,0,0,0,5.327,4.3l-.373-.216a2.5,2.5,0,1,0-2.5,4.333l.37.213a7.583,7.583,0,0,0,0,2.742l-.37.213a2.5,2.5,0,0,0,2.5,4.333l.371-.214A7.481,7.481,0,0,0,7.7,17.072V17.5a2.5,2.5,0,1,0,5,0v-.428A7.481,7.481,0,0,0,15.074,15.7l.373.215a2.5,2.5,0,1,0,2.5-4.333ZM15.822,8.437a5.873,5.873,0,0,1,0,3.125.833.833,0,0,0,.387.944l.9.522a.834.834,0,1,1-.833,1.444l-.9-.523a.833.833,0,0,0-1.012.138,5.82,5.82,0,0,1-2.7,1.563.833.833,0,0,0-.626.807V17.5a.833.833,0,0,1-1.667,0V16.457a.833.833,0,0,0-.626-.807,5.82,5.82,0,0,1-2.7-1.566.833.833,0,0,0-1.013-.138l-.9.523a.833.833,0,1,1-.833-1.443l.9-.522a.833.833,0,0,0,.387-.944,5.873,5.873,0,0,1,0-3.125.833.833,0,0,0-.388-.941l-.9-.522a.834.834,0,0,1,.833-1.444l.9.523a.833.833,0,0,0,1.012-.134,5.82,5.82,0,0,1,2.7-1.562.833.833,0,0,0,.626-.811V2.5a.833.833,0,1,1,1.667,0V3.543a.833.833,0,0,0,.626.808,5.82,5.82,0,0,1,2.7,1.566.833.833,0,0,0,1.012.137l.9-.522a.833.833,0,1,1,.833,1.443l-.9.522a.833.833,0,0,0-.386.941Z"
-          transform="translate(0 0)"
-          fill={color}
-        />
-      </g>
-    </svg>
-  );
-};

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

@@ -1,22 +0,0 @@
-import { useTheme } from '@mui/material';
-
-export const CollapseIcon = ({ size = 16 }) => {
-  const theme = useTheme();
-  const color = theme.palette.text.primary;
-
-  return (
-    <svg
-      width={size}
-      height={size}
-      viewBox="0 0 16 16"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <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"
-        strokeWidth="0.2"
-      />
-    </svg>
-  );
-};

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

@@ -1,31 +0,0 @@
-import { useTheme } from '@mui/material';
-
-export const ColumnsIcon = ({ size = 16 }) => {
-  const theme = useTheme();
-  return (
-    <svg
-      width={size}
-      height={size}
-      viewBox="0 0 16 16"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      style={{
-        fill: theme.palette.primary.main,
-        stroke: theme.palette.primary.main,
-      }}
-    >
-      <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"
-        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"
-        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"
-        strokeWidth="1"
-      />
-    </svg>
-  );
-};

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

@@ -1,21 +0,0 @@
-import { useTheme } from '@mui/material';
-
-export const ComfortableIcon = ({ size = 16 }: { size: number }) => {
-  const theme = useTheme();
-  const updatedColor = theme.palette.primary.main;
-  return (
-    <svg
-      width={size}
-      height={size}
-      viewBox="0 0 20 21"
-      style={{
-        stroke: updatedColor,
-        fill: updatedColor,
-      }}
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <rect y="3" width="20" height="5" />
-      <rect y="13" width="20" height="5" />
-    </svg>
-  );
-};

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

@@ -1,76 +0,0 @@
-export const CommutexIcon = ({ size = 16 }) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
-      viewBox="0 0 20 20"
-    >
-      <defs>
-        <clipPath id="clipPath">
-          <rect
-            id="Rectangle_24573"
-            data-name="Rectangle 24573"
-            width="20"
-            height="20"
-            transform="translate(-23008 -19310)"
-            fill="#fff"
-          />
-        </clipPath>
-      </defs>
-      <g
-        id="Commute"
-        transform="translate(23008 19310)"
-        clipPath="url(#clipPath)"
-      >
-        <g id="Group_9767" data-name="Group 9767">
-          <path
-            id="Path_38944"
-            data-name="Path 38944"
-            d="M22.084,518.059h0a3.316,3.316,0,0,0,3.309-3.308h0v-11.5h0a3.315,3.315,0,0,0-3.309-3.308H13.917a3.315,3.315,0,0,0-3.308,3.308h0v11.5h0a3.315,3.315,0,0,0,3.308,3.309h8.166ZM12.6,501.937a1.863,1.863,0,0,1,1.313-.545h8.166a1.861,1.861,0,0,1,1.859,1.859v11.5a1.862,1.862,0,0,1-1.858,1.859H13.918a1.861,1.861,0,0,1-1.859-1.858h0v-11.5h0A1.863,1.863,0,0,1,12.6,501.937Z"
-            transform="translate(-23015.934 -19809)"
-            fill="#121212"
-            stroke="#121212"
-            strokeWidth="0.2"
-          />
-          <path
-            id="Path_38945"
-            data-name="Path 38945"
-            d="M23.942,506.917v1.666h0a.529.529,0,0,1-.525.526H12.585a.529.529,0,0,1-.526-.525v-1.666a.529.529,0,0,1,.526-.526H23.417a.531.531,0,0,1,.525.526Zm0,0Zm-.525,3.642h0a1.979,1.979,0,0,0,1.974-1.975h0v-1.667h0a1.979,1.979,0,0,0-1.974-1.975H12.584a1.978,1.978,0,0,0-1.975,1.974h0v1.666h0a1.979,1.979,0,0,0,1.975,1.976H23.418Z"
-            transform="translate(-23015.934 -19809)"
-            fill="#121212"
-            stroke="#121212"
-            strokeWidth="0.2"
-          />
-          <path
-            id="Path_38946"
-            data-name="Path 38946"
-            d="M14.666,514.723a1.113,1.113,0,0,1-.8-.337.934.934,0,0,1-.147-.175h0a1.28,1.28,0,0,1-.1-.188,1.034,1.034,0,0,1-.073-.22V513.8h0a1.728,1.728,0,0,1-.017-.211v0h0a1.706,1.706,0,0,1,.018-.212v-.006h0a1.029,1.029,0,0,1,.073-.22,1.242,1.242,0,0,1,.1-.189h0a.915.915,0,0,1,.149-.177,1.162,1.162,0,0,1,1.6,0,.915.915,0,0,1,.149.177h0a1.284,1.284,0,0,1,.1.188,1.04,1.04,0,0,1,.073.22v.006h0a1.706,1.706,0,0,1,.018.212v.005h0a1.7,1.7,0,0,1-.018.212v.006h0a1.035,1.035,0,0,1-.073.22,1.3,1.3,0,0,1-.1.188h0a.932.932,0,0,1-.147.175,1.113,1.113,0,0,1-.8.335Zm0,0h0v0Z"
-            transform="translate(-23015.934 -19809)"
-            fill="#121212"
-            stroke="#121212"
-            strokeWidth="0.2"
-          />
-          <path
-            id="Path_38947"
-            data-name="Path 38947"
-            d="M21.333,514.723a1.129,1.129,0,0,0,.437-.087,1.194,1.194,0,0,0,.617-.618,1.125,1.125,0,0,0-.25-1.241h0a1.161,1.161,0,0,0-1.6,0h0a1.125,1.125,0,0,0,0,1.608,1.106,1.106,0,0,0,.367.251A1.129,1.129,0,0,0,21.333,514.723Zm0,0h0v0Z"
-            transform="translate(-23015.934 -19809)"
-            fill="#121212"
-            stroke="#121212"
-            strokeWidth="0.2"
-          />
-          <path
-            id="Path_38948"
-            data-name="Path 38948"
-            d="M20.085,503.892h0a.73.73,0,0,0,.724-.724h0a.73.73,0,0,0-.724-.725H15.918a.73.73,0,0,0-.725.725h0a.729.729,0,0,0,.725.724h4.167Z"
-            transform="translate(-23015.934 -19809)"
-            fill="#121212"
-            stroke="#121212"
-            strokeWidth="0.2"
-          />
-        </g>
-      </g>
-    </svg>
-  );
-};

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

@@ -1,23 +0,0 @@
-import { useTheme } from '@mui/material';
-
-export const CompactIcon = ({ size = 16 }: { size: number }) => {
-  const theme = useTheme();
-  const updatedColor = theme.palette.primary.main;
-  return (
-    <svg
-      width={size}
-      height={size}
-      viewBox="0 0 20 21"
-      style={{
-        stroke: updatedColor,
-        fill: updatedColor,
-      }}
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <rect y="1" width="20" height="2" />
-      <rect y="6.5" width="20" height="2" />
-      <rect y="12" width="20" height="2" />
-      <rect y="17.5" width="20" height="2" />
-    </svg>
-  );
-};

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

@@ -1,35 +0,0 @@
-export const CompletedStateIcon = ({ size = 16 }) => {
-  return (
-    <svg
-      width={size}
-      height={size}
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
-        fill="url(#paint0_linear_1129_5750)"
-      />
-      <path
-        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"
-        strokeWidth="0.5"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_1129_5750"
-          x1="4.32"
-          y1="3.36"
-          x2="19.2"
-          y2="21.12"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#323167" />
-          <stop offset="1" stopColor="#656599" />
-        </linearGradient>
-      </defs>
-    </svg>
-  );
-};

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

@@ -1,67 +0,0 @@
-export const ConcessionIcon = ({ size = 16 }) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
-      viewBox="0 0 16 16"
-    >
-      <g
-        id="vuesax_outline_empty-wallet-add"
-        data-name="vuesax/outline/empty-wallet-add"
-        transform="translate(-492 -188)"
-      >
-        <g id="empty-wallet-add" transform="translate(492 188)">
-          <path
-            id="Vector"
-            d="M10.66,10.493H3.92a.507.507,0,0,1-.473-.327.5.5,0,0,1,.147-.553,1.852,1.852,0,0,0,.413-.493A2.1,2.1,0,0,0,4.327,8,2.162,2.162,0,0,0,.807,6.313a.5.5,0,0,1-.527.06A.5.5,0,0,1,0,5.92V3.007A3.007,3.007,0,0,1,3.007,0H10.66a3.007,3.007,0,0,1,3.007,3.007v.96a.5.5,0,0,1-.5.5H11.82a.82.82,0,0,0-.6.247l-.007.007a.842.842,0,0,0-.253.68.929.929,0,0,0,.94.793h1.267a.5.5,0,0,1,.5.5v.793A3.007,3.007,0,0,1,10.66,10.493Zm-5.707-1H10.66a2.009,2.009,0,0,0,2.007-2.007V7.193H11.9A1.919,1.919,0,0,1,9.96,5.487,1.877,1.877,0,0,1,11.82,3.46h.847V3A2.009,2.009,0,0,0,10.66.993H3.007A2.009,2.009,0,0,0,1,3V5.053a3.158,3.158,0,0,1,4.333,2.94A3.152,3.152,0,0,1,4.953,9.493Z"
-            transform="translate(1.167 4.673)"
-            fill="#121212"
-          />
-          <path
-            id="Vector-2"
-            data-name="Vector"
-            d="M.5,7.909a.5.5,0,0,1-.5-.5V4.362A2.419,2.419,0,0,1,1.553,2.115l5.293-2a1.748,1.748,0,0,1,1.627.2,1.763,1.763,0,0,1,.76,1.453V4.3a.5.5,0,1,1-1,0V1.769A.761.761,0,0,0,7.9,1.135a.745.745,0,0,0-.707-.087l-5.293,2A1.416,1.416,0,0,0,.993,4.362V7.409A.49.49,0,0,1,.5,7.909Z"
-            transform="translate(1.167 0.865)"
-            fill="#121212"
-          />
-          <path
-            id="Vector-3"
-            data-name="Vector"
-            d="M1.948,3.733A1.919,1.919,0,0,1,.008,2.027,1.83,1.83,0,0,1,.555.54,1.818,1.818,0,0,1,1.862,0H3.248A1.184,1.184,0,0,1,4.415,1.18V2.553a1.18,1.18,0,0,1-1.147,1.18ZM3.235,1H1.868a.82.82,0,0,0-.6.247.84.84,0,0,0-.26.693.929.929,0,0,0,.94.793H3.255a.177.177,0,0,0,.167-.18V1.18A.185.185,0,0,0,3.235,1Z"
-            transform="translate(11.118 8.133)"
-            fill="#121212"
-          />
-          <path
-            id="Vector-4"
-            data-name="Vector"
-            d="M5.167,1H.5A.5.5,0,0,1,0,.5.5.5,0,0,1,.5,0H5.167a.5.5,0,0,1,.5.5A.5.5,0,0,1,5.167,1Z"
-            transform="translate(4.167 7.5)"
-            fill="#121212"
-          />
-          <path
-            id="Vector-5"
-            data-name="Vector"
-            d="M3.167,6.333A3.148,3.148,0,0,1,.46,4.793,3.075,3.075,0,0,1,0,3.167,3.141,3.141,0,0,1,1.187.693,3.169,3.169,0,0,1,6.333,3.167,3.115,3.115,0,0,1,5.873,4.8a2.817,2.817,0,0,1-.633.747A3.062,3.062,0,0,1,3.167,6.333ZM3.167,1A2.177,2.177,0,0,0,1,3.167,2.112,2.112,0,0,0,1.313,4.28a2.149,2.149,0,0,0,3.273.513,1.919,1.919,0,0,0,.427-.507,2.1,2.1,0,0,0,.32-1.12A2.171,2.171,0,0,0,3.167,1Z"
-            transform="translate(0.167 9.5)"
-            fill="#121212"
-          />
-          <path
-            id="Vector-6"
-            data-name="Vector"
-            d="M2.493,1H.5A.5.5,0,0,1,0,.5.5.5,0,0,1,.5,0H2.493a.5.5,0,0,1,0,1Z"
-            transform="translate(1.833 12.153)"
-            fill="#121212"
-          />
-          <path
-            id="Vector-7"
-            data-name="Vector"
-            d="M0,0H16V16H0Z"
-            fill="none"
-            opacity="0"
-          />
-        </g>
-      </g>
-    </svg>
-  );
-};