@campxdev/react-blueprint 2.3.11 → 3.0.0-alpha.1

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/ChallansIcon.tsx

@@ -1,57 +0,0 @@
-import { useTheme } from '@mui/material';
-
-export const ChallansIcon = ({
-  color,
-  size = 16,
-}: {
-  color?: string;
-  size?: number;
-}) => {
-  const theme = useTheme();
-  color = color ?? theme.palette.text.primary;
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
-      viewBox="0 0 24 24"
-    >
-      <g
-        id="vuesax_outline_receipt-2"
-        data-name="vuesax/outline/receipt-2"
-        transform="translate(-492 -380)"
-      >
-        <g id="receipt-2">
-          <path
-            id="Vector"
-            d="M9.26,21.49A2.59,2.59,0,0,1,7.2,20.38L6.18,19.04a1.081,1.081,0,0,0-.79-.46,1.133,1.133,0,0,0-.85.37,3.448,3.448,0,0,1-2.49,1.34,1.816,1.816,0,0,1-1.37-.7.862.862,0,0,1-.11-.19A8.837,8.837,0,0,1,0,15.71V5.79A8.868,8.868,0,0,1,.57,2.1a.619.619,0,0,1,.11-.17,1.8,1.8,0,0,1,1.36-.72A3.417,3.417,0,0,1,4.53,2.54a1.064,1.064,0,0,0,.85.38,1.081,1.081,0,0,0,.79-.46L7.19,1.11A2.59,2.59,0,0,1,9.25,0a2.59,2.59,0,0,1,2.06,1.11l1.01,1.34a1.082,1.082,0,0,0,.81.47,1.11,1.11,0,0,0,.85-.38,3.455,3.455,0,0,1,2.41-1.33,1.79,1.79,0,0,1,1.44.72.784.784,0,0,1,.11.18,8.837,8.837,0,0,1,.57,3.69v9.92a8.868,8.868,0,0,1-.57,3.69.776.776,0,0,1-.16.24,1.748,1.748,0,0,1-1.39.65,3.455,3.455,0,0,1-2.41-1.33,1.025,1.025,0,0,0-1.66.09L11.31,20.4A2.591,2.591,0,0,1,9.26,21.49ZM5.34,17.07h.13a2.56,2.56,0,0,1,1.9,1.06l1.02,1.35a1,1,0,0,0,1.72.01l1.01-1.34a2.513,2.513,0,0,1,3.94-.21c.74.79,1.19.85,1.31.85a.316.316,0,0,0,.22-.08,7.8,7.8,0,0,0,.4-3V5.79a7.95,7.95,0,0,0-.4-2.98.271.271,0,0,0-.22-.1c-.12,0-.57.06-1.31.85a2.587,2.587,0,0,1-2.02.85,2.618,2.618,0,0,1-1.93-1.06L10.1,2.01a1,1,0,0,0-1.72,0L7.36,3.37a2.549,2.549,0,0,1-1.9,1.05,2.612,2.612,0,0,1-2.02-.84c-.61-.66-1.08-.88-1.34-.87a.288.288,0,0,0-.21.1,7.95,7.95,0,0,0-.4,2.98v9.92a7.975,7.975,0,0,0,.4,2.99.356.356,0,0,0,.21.1c.25.01.72-.21,1.33-.86A2.617,2.617,0,0,1,5.34,17.07Z"
-            transform="translate(494.24 381.26)"
-            fill={color}
-          />
-          <path
-            id="Vector-2"
-            data-name="Vector"
-            d="M8.75,1.5h-8A.755.755,0,0,1,0,.75.755.755,0,0,1,.75,0h8A.755.755,0,0,1,9.5.75.755.755,0,0,1,8.75,1.5Z"
-            transform="translate(499.25 389.5)"
-            fill={color}
-          />
-          <path
-            id="Vector-3"
-            data-name="Vector"
-            d="M6.75,1.5h-6A.755.755,0,0,1,0,.75.755.755,0,0,1,.75,0h6A.755.755,0,0,1,7.5.75.755.755,0,0,1,6.75,1.5Z"
-            transform="translate(499.25 393)"
-            fill={color}
-          />
-          <path
-            id="Vector-4"
-            data-name="Vector"
-            d="M0,0H24V24H0Z"
-            transform="translate(492 380)"
-            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>
-  );
-};