@campxdev/react-blueprint 1.2.12 → 1.2.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/package.json +1 -1
  2. package/src/components/Assets/Icons/IconComponents/AcademicIcon.tsx +47 -41
  3. package/src/components/Assets/Icons/IconComponents/ArchiveIcon.tsx +24 -7
  4. package/src/components/Assets/Icons/IconComponents/AssessmentsIcon.tsx +23 -7
  5. package/src/components/Assets/Icons/IconComponents/CalendarIcon.tsx +38 -21
  6. package/src/components/Assets/Icons/IconComponents/CourseInfoIcon.tsx +26 -9
  7. package/src/components/Assets/Icons/IconComponents/HandoutsIcon.tsx +26 -11
  8. package/src/components/Assets/Icons/IconComponents/StatisticsIcon.tsx +22 -5
  9. package/src/components/Assets/Icons/IconComponents/StudentsIcon.tsx +26 -9
  10. package/src/components/Assets/Icons/IconComponents/TasksIcon.tsx +28 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@campxdev/react-blueprint",
3
- "version": "1.2.12",
3
+ "version": "1.2.13",
4
4
  "main": "./export.ts",
5
5
  "private": false,
6
6
  "dependencies": {
package/src/components/Assets/Icons/IconComponents/AcademicIcon.tsx CHANGED
@@ -1,47 +1,53 @@
1
1
  import { useTheme } from '@mui/material';
2
2
 
3
- export const AcademicsIcon = () => {
3
+ export const AcademicsIcon = ({
4
+ sx = {},
5
+ color,
6
+ size = 20,
7
+ }: {
8
+ sx?: any;
9
+ color?: string;
10
+ size?: number;
11
+ }) => {
4
12
  const theme = useTheme();
5
- const color = theme.palette.text.primary;
13
+ color = color ?? theme.palette.text.primary;
14
+
6
15
  return (
7
- <>
8
- <svg
9
- width="20"
10
- height="20"
11
- viewBox="0 0 20 20"
12
- fill="none"
13
- xmlns="http://www.w3.org/2000/svg"
14
- >
15
- <path
16
- d="M10.0001 18.3986C9.75295 18.4012 9.50914 18.3411 9.29147 18.2239C7.39801 17.2642 5.36941 16.5986 3.27547 16.2499L3.03414 16.2166C2.48868 16.133 1.99007 15.8601 1.62581 15.4456C1.26154 15.0311 1.05489 14.5016 1.04214 13.9499V3.88322C1.03855 3.56619 1.10171 3.25195 1.22751 2.96092C1.35332 2.66989 1.53895 2.40859 1.77234 2.194C2.00573 1.9794 2.28167 1.81632 2.58221 1.71534C2.88276 1.61436 3.20118 1.57775 3.5168 1.60789C5.68976 1.86244 7.78803 2.55725 9.68347 3.64989L9.88347 3.76656C9.95755 3.79813 10.0407 3.80098 10.1168 3.77455L10.2501 3.69122C12.1495 2.5944 14.2492 1.88898 16.4255 1.61656H16.5255C16.8345 1.59029 17.1455 1.62937 17.4384 1.73125C17.7313 1.83314 17.9995 1.99553 18.2255 2.20789C18.4599 2.42226 18.6465 2.68374 18.7728 2.97521C18.8992 3.26668 18.9626 3.58156 18.9588 3.89922V13.9579C18.9471 14.5111 18.7397 15.0423 18.3736 15.4572C18.0075 15.8722 17.5063 16.144 16.9588 16.2246L16.6841 16.2579C14.5975 16.6056 12.5766 17.2715 10.6921 18.2326C10.4801 18.3478 10.2414 18.4051 10.0001 18.3986ZM3.3168 2.84989C3.05807 2.84665 2.8078 2.94199 2.6168 3.11655C2.51238 3.21476 2.42957 3.33367 2.37367 3.46567C2.31777 3.59768 2.29 3.73988 2.29214 3.88322V13.9499C2.30335 14.1985 2.39842 14.4359 2.56186 14.6236C2.72529 14.8112 2.94745 14.938 3.19214 14.9832L3.44214 15.0166C5.67583 15.3843 7.83989 16.0925 9.8588 17.1166C9.92936 17.1477 10.0078 17.1564 10.0835 17.1412C12.1066 16.1007 14.2803 15.3838 16.5255 15.0166L16.8088 14.9832C17.0541 14.9392 17.277 14.8128 17.4406 14.6249C17.6043 14.437 17.6989 14.1989 17.7088 13.9499V3.89122C17.711 3.7467 17.6832 3.60329 17.6274 3.46999C17.5715 3.33668 17.4887 3.21636 17.3841 3.11655C17.2752 3.02111 17.1484 2.94835 17.011 2.90256C16.8737 2.85677 16.7285 2.83886 16.5841 2.84989H16.4841C14.5277 3.11065 12.6402 3.74722 10.9255 4.72456L10.7921 4.81656C10.5576 4.95487 10.2905 5.02848 10.0182 5.02988C9.74592 5.03129 9.47812 4.96044 9.24214 4.82456L9.04214 4.70789C7.30552 3.72903 5.3948 3.09794 3.4168 2.84989H3.3168Z"
17
- style={{ stroke: color, fill: color }}
18
- stroke-width="0.4"
19
- />
20
- <path
21
- d="M10.0003 17.7002C9.83492 17.6991 9.67658 17.633 9.55955 17.5161C9.44252 17.3992 9.37622 17.2409 9.375 17.0755V4.57553C9.37605 4.41 9.44227 4.25156 9.55931 4.13451C9.67636 4.01746 9.83481 3.95124 10.0003 3.9502C10.1659 3.95124 10.3243 4.01746 10.4414 4.13451C10.5584 4.25156 10.6246 4.41 10.6257 4.57553V17.0755C10.6258 17.1576 10.6096 17.239 10.5782 17.3148C10.5468 17.3907 10.5008 17.4596 10.4427 17.5177C10.3846 17.5757 10.3156 17.6217 10.2397 17.653C10.1638 17.6843 10.0824 17.7004 10.0003 17.7002Z"
22
- style={{
23
- fill: color,
24
- stroke: color,
25
- }}
26
- stroke-width="0.4"
27
- />
28
- <path
29
- d="M6.45898 7.7002H4.58432C4.41891 7.69915 4.26056 7.63302 4.14353 7.51612C4.0265 7.39922 3.96021 7.24094 3.95898 7.07553C3.96003 6.91 4.02625 6.75156 4.1433 6.63451C4.26035 6.51746 4.41879 6.45124 4.58432 6.4502H6.45898C6.62451 6.45124 6.78296 6.51746 6.9 6.63451C7.01705 6.75156 7.08327 6.91 7.08432 7.07553C7.08309 7.24094 7.0168 7.39922 6.89977 7.51612C6.78274 7.63302 6.62439 7.69915 6.45898 7.7002Z"
30
- style={{
31
- fill: color,
32
- stroke: color,
33
- }}
34
- stroke-width="0.4"
35
- />
36
- <path
37
- d="M7.08432 10.2002H4.58432C4.41891 10.1991 4.26056 10.133 4.14353 10.0161C4.0265 9.89922 3.96021 9.74094 3.95898 9.57553C3.96003 9.41 4.02625 9.25156 4.1433 9.13451C4.26035 9.01746 4.41879 8.95124 4.58432 8.9502H7.08432C7.24984 8.95124 7.40829 9.01746 7.52534 9.13451C7.64238 9.25156 7.7086 9.41 7.70965 9.57553C7.70843 9.74094 7.64213 9.89922 7.5251 10.0161C7.40808 10.133 7.24973 10.1991 7.08432 10.2002Z"
38
- style={{
39
- fill: color,
40
- stroke: color,
41
- }}
42
- stroke-width="0.4"
43
- />
44
- </svg>
45
- </>
16
+ <svg
17
+ width={size}
18
+ height={size}
19
+ viewBox="0 0 20 20"
20
+ fill="none"
21
+ xmlns="http://www.w3.org/2000/svg"
22
+ style={{
23
+ fill: color,
24
+ ...sx,
25
+ }}
26
+ >
27
+ <path
28
+ d="M10.0001 18.3986C9.75295 18.4012 9.50914 18.3411 9.29147 18.2239C7.39801 17.2642 5.36941 16.5986 3.27547 16.2499L3.03414 16.2166C2.48868 16.133 1.99007 15.8601 1.62581 15.4456C1.26154 15.0311 1.05489 14.5016 1.04214 13.9499V3.88322C1.03855 3.56619 1.10171 3.25195 1.22751 2.96092C1.35332 2.66989 1.53895 2.40859 1.77234 2.194C2.00573 1.9794 2.28167 1.81632 2.58221 1.71534C2.88276 1.61436 3.20118 1.57775 3.5168 1.60789C5.68976 1.86244 7.78803 2.55725 9.68347 3.64989L9.88347 3.76656C9.95755 3.79813 10.0407 3.80098 10.1168 3.77455L10.2501 3.69122C12.1495 2.5944 14.2492 1.88898 16.4255 1.61656H16.5255C16.8345 1.59029 17.1455 1.62937 17.4384 1.73125C17.7313 1.83314 17.9995 1.99553 18.2255 2.20789C18.4599 2.42226 18.6465 2.68374 18.7728 2.97521C18.8992 3.26668 18.9626 3.58156 18.9588 3.89922V13.9579C18.9471 14.5111 18.7397 15.0423 18.3736 15.4572C18.0075 15.8722 17.5063 16.144 16.9588 16.2246L16.6841 16.2579C14.5975 16.6056 12.5766 17.2715 10.6921 18.2326C10.4801 18.3478 10.2414 18.4051 10.0001 18.3986ZM3.3168 2.84989C3.05807 2.84665 2.8078 2.94199 2.6168 3.11655C2.51238 3.21476 2.42957 3.33367 2.37367 3.46567C2.31777 3.59768 2.29 3.73988 2.29214 3.88322V13.9499C2.30335 14.1985 2.39842 14.4359 2.56186 14.6236C2.72529 14.8112 2.94745 14.938 3.19214 14.9832L3.44214 15.0166C5.67583 15.3843 7.83989 16.0925 9.8588 17.1166C9.92936 17.1477 10.0078 17.1564 10.0835 17.1412C12.1066 16.1007 14.2803 15.3838 16.5255 15.0166L16.8088 14.9832C17.0541 14.9392 17.277 14.8128 17.4406 14.6249C17.6043 14.437 17.6989 14.1989 17.7088 13.9499V3.89122C17.711 3.7467 17.6832 3.60329 17.6274 3.46999C17.5715 3.33668 17.4887 3.21636 17.3841 3.11655C17.2752 3.02111 17.1484 2.94835 17.011 2.90256C16.8737 2.85677 16.7285 2.83886 16.5841 2.84989H16.4841C14.5277 3.11065 12.6402 3.74722 10.9255 4.72456L10.7921 4.81656C10.5576 4.95487 10.2905 5.02848 10.0182 5.02988C9.74592 5.03129 9.47812 4.96044 9.24214 4.82456L9.04214 4.70789C7.30552 3.72903 5.3948 3.09794 3.4168 2.84989H3.3168Z"
29
+ fill={color}
30
+ stroke={color}
31
+ strokeWidth="0.4"
32
+ />
33
+ <path
34
+ d="M10.0003 17.7002C9.83492 17.6991 9.67658 17.633 9.55955 17.5161C9.44252 17.3992 9.37622 17.2409 9.375 17.0755V4.57553C9.37605 4.41 9.44227 4.25156 9.55931 4.13451C9.67636 4.01746 9.83481 3.95124 10.0003 3.9502C10.1659 3.95124 10.3243 4.01746 10.4414 4.13451C10.5584 4.25156 10.6246 4.41 10.6257 4.57553V17.0755C10.6258 17.1576 10.6096 17.239 10.5782 17.3148C10.5468 17.3907 10.5008 17.4596 10.4427 17.5177C10.3846 17.5757 10.3156 17.6217 10.2397 17.653C10.1638 17.6843 10.0824 17.7004 10.0003 17.7002Z"
35
+ fill={color}
36
+ stroke={color}
37
+ strokeWidth="0.4"
38
+ />
39
+ <path
40
+ d="M6.45898 7.7002H4.58432C4.41891 7.69915 4.26056 7.63302 4.14353 7.51612C4.0265 7.39922 3.96021 7.24094 3.95898 7.07553C3.96003 6.91 4.02625 6.75156 4.1433 6.63451C4.26035 6.51746 4.41879 6.45124 4.58432 6.4502H6.45898C6.62451 6.45124 6.78296 6.51746 6.9 6.63451C7.01705 6.75156 7.08327 6.91 7.08432 7.07553C7.08309 7.24094 7.0168 7.39922 6.89977 7.51612C6.78274 7.63302 6.62439 7.69915 6.45898 7.7002Z"
41
+ fill={color}
42
+ stroke={color}
43
+ strokeWidth="0.4"
44
+ />
45
+ <path
46
+ d="M7.08432 10.2002H4.58432C4.41891 10.1991 4.26056 10.133 4.14353 10.0161C4.0265 9.89922 3.96021 9.74094 3.95898 9.57553C3.96003 9.41 4.02625 9.25156 4.1433 9.13451C4.26035 9.01746 4.41879 8.95124 4.58432 8.9502H7.08432C7.24984 8.95124 7.40829 9.01746 7.52534 9.13451C7.64238 9.25156 7.7086 9.41 7.70965 9.57553C7.70843 9.74094 7.64213 9.89922 7.5251 10.0161C7.40808 10.133 7.24973 10.1991 7.08432 10.2002Z"
47
+ fill={color}
48
+ stroke={color}
49
+ strokeWidth="0.4"
50
+ />
51
+ </svg>
46
52
  );
47
53
  };
package/src/components/Assets/Icons/IconComponents/ArchiveIcon.tsx CHANGED
@@ -1,4 +1,17 @@
1
- export const ArchiveIcon = ({ size = 30 }) => {
1
+ import { useTheme } from '@mui/material';
2
+
3
+ export const ArchiveIcon = ({
4
+ sx = {},
5
+ color,
6
+ size = 30,
7
+ }: {
8
+ sx?: any;
9
+ color?: string;
10
+ size?: number;
11
+ }) => {
12
+ const theme = useTheme();
13
+ color = color ?? theme.palette.text.primary;
14
+
2
15
  return (
3
16
  <svg
4
17
  xmlns="http://www.w3.org/2000/svg"
@@ -6,24 +19,28 @@ export const ArchiveIcon = ({ size = 30 }) => {
6
19
  height={size}
7
20
  viewBox="0 0 30 30"
8
21
  fill="none"
22
+ style={{
23
+ fill: color,
24
+ ...sx,
25
+ }}
9
26
  >
10
27
  <g clipPath="url(#clip0_1782_6821)">
11
28
  <path
12
29
  d="M22.8616 28.4375H7.13661C2.88662 28.4375 2.66162 26.1 2.47412 24.2125L1.97412 17.95C1.85879 16.7284 2.22174 15.5096 2.98662 14.55C3.42623 14.0057 3.98239 13.5671 4.61411 13.2664C5.24582 12.9656 5.93698 12.8106 6.63662 12.8125H23.3616C24.0466 12.8111 24.7235 12.9605 25.3444 13.25C25.9652 13.5394 26.5148 13.9619 26.9541 14.4875L27.1666 14.775C27.8379 15.6945 28.1452 16.83 28.0291 17.9625L27.5291 24.2C27.3366 26.1 27.1116 28.4375 22.8616 28.4375ZM6.63662 14.6875C6.22261 14.6867 5.81365 14.7783 5.43954 14.9557C5.06543 15.133 4.73561 15.3916 4.47412 15.7125L4.38662 15.8C3.96234 16.3706 3.77025 17.0809 3.84912 17.7875L4.34912 24.05C4.52412 25.875 4.59912 26.5625 7.13661 26.5625H22.8616C25.4116 26.5625 25.4741 25.875 25.6491 24.0375L26.1491 17.775C26.1889 17.4088 26.154 17.0383 26.0466 16.686C25.9392 16.3336 25.7614 16.0067 25.5241 15.725L25.3991 15.575C25.1372 15.2935 24.8199 15.0694 24.467 14.9166C24.1142 14.7639 23.7336 14.6859 23.3491 14.6875H6.63662Z"
13
- fill="#121212"
14
- stroke="#121212"
30
+ fill={color}
31
+ stroke={color}
15
32
  strokeWidth="0.4"
16
33
  />
17
34
  <path
18
35
  d="M25.625 15.2753C25.3769 15.2737 25.1394 15.1744 24.9639 14.9989C24.7884 14.8235 24.6891 14.586 24.6875 14.3378V12.1003C24.6875 8.37533 24.0375 7.72533 20.3125 7.72533H17.125C16.6458 7.77265 16.163 7.684 15.7319 7.46955C15.3008 7.2551 14.9388 6.92353 14.6875 6.51283L13.075 4.37533C12.9156 4.04835 12.6529 3.78299 12.3275 3.62031C12.0021 3.45762 11.6322 3.40667 11.275 3.47533H9.6875C5.9625 3.47533 5.3125 4.12533 5.3125 7.85033V14.2878C5.31086 14.536 5.21156 14.7735 5.0361 14.9489C4.86064 15.1244 4.62313 15.2237 4.375 15.2253C4.12687 15.2237 3.88936 15.1244 3.7139 14.9489C3.53844 14.7735 3.43914 14.536 3.4375 14.2878V7.85033C3.4375 3.06283 4.9 1.60033 9.6875 1.60033H11.2875C11.938 1.52906 12.5952 1.64679 13.1805 1.93942C13.7657 2.23206 14.2542 2.6872 14.5875 3.25033L16.1875 5.37533C16.525 5.82533 16.55 5.85033 17.1375 5.85033H20.325C25.1125 5.85033 26.575 7.31283 26.575 12.1003V14.3378C26.5682 14.5865 26.4656 14.8229 26.2886 14.9976C26.1115 15.1724 25.8737 15.2719 25.625 15.2753Z"
19
- fill="#121212"
20
- stroke="#121212"
36
+ fill={color}
37
+ stroke={color}
21
38
  strokeWidth="0.4"
22
39
  />
23
40
  <path
24
41
  d="M18.2121 22.1875H11.7871C11.539 22.1859 11.3015 22.0866 11.126 21.9111C10.9505 21.7356 10.8512 21.4981 10.8496 21.25C10.8512 21.0019 10.9505 20.7644 11.126 20.5889C11.3015 20.4134 11.539 20.3141 11.7871 20.3125H18.2121C18.4607 20.3125 18.6992 20.4113 18.875 20.5871C19.0508 20.7629 19.1496 21.0014 19.1496 21.25C19.1496 21.4986 19.0508 21.7371 18.875 21.9129C18.6992 22.0887 18.4607 22.1875 18.2121 22.1875Z"
25
- fill="#121212"
26
- stroke="#121212"
42
+ fill={color}
43
+ stroke={color}
27
44
  strokeWidth="0.4"
28
45
  />
29
46
  </g>
package/src/components/Assets/Icons/IconComponents/AssessmentsIcon.tsx CHANGED
@@ -1,29 +1,45 @@
1
- export const AssessmentsIcon = ({ size = 30 }) => {
1
+ import { useTheme } from '@mui/material';
2
+
3
+ export const AssessmentsIcon = ({
4
+ sx = {},
5
+ color,
6
+ size = 30,
7
+ }: {
8
+ sx?: any;
9
+ color?: string;
10
+ size?: number;
11
+ }) => {
12
+ const theme = useTheme();
13
+ color = color ?? theme.palette.text.primary;
14
+
2
15
  return (
3
16
  <svg
4
17
  xmlns="http://www.w3.org/2000/svg"
5
18
  width={size}
6
19
  height={size}
7
20
  viewBox="0 0 30 30"
8
- fill="none"
21
+ style={{
22
+ fill: color,
23
+ ...sx,
24
+ }}
9
25
  >
10
26
  <path
11
27
  d="M17.5015 8.43848H12.5015C11.3015 8.43848 9.06445 8.43848 9.06445 5.00148C9.06445 1.56448 11.3015 1.56348 12.5005 1.56348H17.5005C18.7005 1.56348 20.9375 1.56348 20.9375 5.00048C20.9385 6.20048 20.9385 8.43848 17.5015 8.43848ZM12.5015 3.43848C11.2645 3.43848 10.9395 3.43848 10.9395 5.00048C10.9395 6.56248 11.2635 6.56348 12.5005 6.56348H17.5005C19.0635 6.56348 19.0635 6.23848 19.0635 5.00048C19.0635 3.43848 18.7385 3.43848 17.5015 3.43848H12.5015Z"
12
- fill="#121212"
13
- stroke="#121212"
28
+ fill={color}
29
+ stroke={color}
14
30
  strokeWidth="0.4"
15
31
  />
16
32
  <path
17
33
  d="M18.7505 28.437H11.2505C4.2245 28.437 2.8125 25.212 2.8125 20V12.5C2.8125 6.79997 4.8755 4.36197 9.9495 4.09997C10.0726 4.09309 10.1958 4.11056 10.3122 4.15139C10.4285 4.19223 10.5356 4.25561 10.6274 4.33792C10.7192 4.42023 10.7938 4.51984 10.847 4.63104C10.9002 4.74225 10.931 4.86286 10.9375 4.98597C10.944 5.10847 10.926 5.23103 10.8848 5.34654C10.8435 5.46206 10.7797 5.56824 10.6971 5.65893C10.6145 5.74962 10.5148 5.82302 10.4036 5.87487C10.2924 5.92671 10.1721 5.95598 10.0495 5.96097C6.4995 6.16097 4.6875 7.22297 4.6875 12.499V19.999C4.6875 24.624 5.5995 26.562 11.2505 26.562H18.7505C24.4005 26.562 25.3135 24.625 25.3135 20V12.5C25.3135 7.22497 23.5005 6.16197 19.9505 5.96197C19.7025 5.94699 19.4704 5.83508 19.3043 5.65041C19.1381 5.46574 19.0513 5.22313 19.0625 4.97497C19.0772 4.72665 19.1892 4.49412 19.3741 4.32773C19.559 4.16135 19.802 4.07449 20.0505 4.08597C25.1255 4.36097 27.1875 6.79797 27.1875 12.486V19.986C27.1875 25.212 25.7745 28.437 18.7505 28.437Z"
18
- fill="#121212"
19
- stroke="#121212"
34
+ fill={color}
35
+ stroke={color}
20
36
  strokeWidth="0.4"
21
37
  />
22
38
  <path
23
39
  fillRule="evenodd"
24
40
  clipRule="evenodd"
25
41
  d="M16.0001 12C16.5523 12 17.0001 12.4477 17.0001 13V17.9524C17.0001 18.2645 16.8543 18.5587 16.6061 18.7478L12.6061 21.7954C12.1668 22.1301 11.5393 22.0453 11.2046 21.606C10.8699 21.1667 10.9547 20.5393 11.394 20.2046L15.0001 17.4571V13C15.0001 12.4477 15.4478 12 16.0001 12Z"
26
- fill="#121212"
42
+ fill={color}
27
43
  />
28
44
  </svg>
29
45
  );
package/src/components/Assets/Icons/IconComponents/CalendarIcon.tsx CHANGED
@@ -1,4 +1,17 @@
1
- export const CalendarIcon = ({ size = 30 }) => {
1
+ import { useTheme } from '@mui/material';
2
+
3
+ export const CalendarIcon = ({
4
+ sx = {},
5
+ color,
6
+ size = 30,
7
+ }: {
8
+ sx?: any;
9
+ color?: string;
10
+ size?: number;
11
+ }) => {
12
+ const theme = useTheme();
13
+ color = color ?? theme.palette.text.primary;
14
+
2
15
  return (
3
16
  <svg
4
17
  xmlns="http://www.w3.org/2000/svg"
@@ -6,66 +19,70 @@ export const CalendarIcon = ({ size = 30 }) => {
6
19
  height={size}
7
20
  viewBox="0 0 30 30"
8
21
  fill="none"
22
+ style={{
23
+ fill: color,
24
+ ...sx,
25
+ }}
9
26
  >
10
27
  <g clipPath="url(#clip0_723_9569)">
11
28
  <path
12
29
  d="M10 7.1875C9.75187 7.18586 9.51436 7.08656 9.3389 6.9111C9.16344 6.73564 9.06414 6.49813 9.0625 6.25V2.5C9.06414 2.25187 9.16344 2.01436 9.3389 1.8389C9.51436 1.66344 9.75187 1.56414 10 1.5625C10.2481 1.56414 10.4856 1.66344 10.6611 1.8389C10.8366 2.01436 10.9359 2.25187 10.9375 2.5V6.25C10.9359 6.49813 10.8366 6.73564 10.6611 6.9111C10.4856 7.08656 10.2481 7.18586 10 7.1875Z"
13
- fill="#121212"
14
- stroke="#121212"
30
+ fill={color}
31
+ stroke={color}
15
32
  strokeWidth="0.4"
16
33
  />
17
34
  <path
18
35
  d="M20 7.1875C19.7519 7.18586 19.5144 7.08656 19.3389 6.9111C19.1634 6.73564 19.0641 6.49813 19.0625 6.25V2.5C19.0641 2.25187 19.1634 2.01436 19.3389 1.8389C19.5144 1.66344 19.7519 1.56414 20 1.5625C20.2481 1.56414 20.4856 1.66344 20.6611 1.8389C20.8366 2.01436 20.9359 2.25187 20.9375 2.5V6.25C20.9359 6.49813 20.8366 6.73564 20.6611 6.9111C20.4856 7.08656 20.2481 7.18586 20 7.1875Z"
19
- fill="#121212"
20
- stroke="#121212"
36
+ fill={color}
37
+ stroke={color}
21
38
  strokeWidth="0.4"
22
39
  />
23
40
  <path
24
41
  d="M10.625 18.125C10.4617 18.123 10.3003 18.089 10.15 18.025C9.99662 17.9631 9.85658 17.8723 9.7375 17.7575C9.50844 17.5204 9.37874 17.2046 9.375 16.875C9.37697 16.7116 9.41095 16.5503 9.475 16.4C9.53841 16.2485 9.62718 16.109 9.7375 15.9875C9.85701 15.8745 9.99702 15.7854 10.15 15.725C10.3782 15.6326 10.6283 15.6083 10.87 15.6549C11.1118 15.7015 11.3349 15.817 11.5125 15.9875C11.7407 16.2272 11.8701 16.5441 11.875 16.875C11.8723 16.9588 11.8639 17.0423 11.85 17.125C11.8364 17.2033 11.8111 17.2791 11.775 17.35C11.7477 17.4296 11.7098 17.5053 11.6625 17.575C11.6164 17.6405 11.5663 17.7031 11.5125 17.7625C11.2728 17.9907 10.9559 18.1201 10.625 18.125Z"
25
- fill="#121212"
26
- stroke="#121212"
42
+ fill={color}
43
+ stroke={color}
27
44
  strokeWidth="0.4"
28
45
  />
29
46
  <path
30
47
  d="M15 18.1264C14.8367 18.1244 14.6753 18.0905 14.525 18.0264C14.372 17.966 14.232 17.8769 14.1125 17.7639C13.8823 17.5256 13.7525 17.2078 13.75 16.8764C13.7518 16.7127 13.7858 16.5508 13.85 16.4002C13.9134 16.2488 14.0022 16.1093 14.1125 15.9877C14.232 15.8747 14.372 15.7856 14.525 15.7252C14.7526 15.6295 15.0035 15.6033 15.246 15.65C15.4885 15.6967 15.7117 15.8142 15.8875 15.9877C16.116 16.2277 16.2455 16.5451 16.25 16.8764C16.2473 16.9602 16.2389 17.0437 16.225 17.1264C16.2114 17.2048 16.1861 17.2806 16.15 17.3514C16.1227 17.4311 16.0848 17.5068 16.0375 17.5764C15.9914 17.6419 15.9413 17.7045 15.8875 17.7639C15.6478 17.9921 15.3309 18.1216 15 18.1264Z"
31
- fill="#121212"
32
- stroke="#121212"
48
+ fill={color}
49
+ stroke={color}
33
50
  strokeWidth="0.4"
34
51
  />
35
52
  <path
36
53
  d="M19.375 18.1264C19.2117 18.1244 19.0503 18.0905 18.9 18.0264C18.747 17.966 18.607 17.8769 18.4875 17.7639L18.3375 17.5764C18.2902 17.5068 18.2523 17.4311 18.225 17.3514C18.1889 17.2806 18.1636 17.2048 18.15 17.1264C18.1361 17.0437 18.1277 16.9602 18.125 16.8764C18.1295 16.5451 18.259 16.2277 18.4875 15.9877C18.607 15.8747 18.747 15.7856 18.9 15.7252C19.1276 15.6295 19.3785 15.6033 19.621 15.65C19.8635 15.6967 20.0867 15.8142 20.2625 15.9877C20.491 16.2277 20.6205 16.5451 20.625 16.8764C20.6223 16.9602 20.6139 17.0437 20.6 17.1264C20.5864 17.2048 20.5611 17.2806 20.525 17.3514C20.4977 17.4311 20.4598 17.5068 20.4125 17.5764C20.3664 17.6419 20.3163 17.7045 20.2625 17.7639C20.0228 17.9921 19.7059 18.1216 19.375 18.1264Z"
37
- fill="#121212"
38
- stroke="#121212"
54
+ fill={color}
55
+ stroke={color}
39
56
  strokeWidth="0.4"
40
57
  />
41
58
  <path
42
59
  d="M10.625 22.5002C10.4617 22.4983 10.3003 22.4643 10.15 22.4002C9.99884 22.338 9.85936 22.2505 9.7375 22.1415C9.50842 21.9009 9.37891 21.5824 9.375 21.2502C9.37697 21.0869 9.41095 20.9255 9.475 20.7752C9.53253 20.6212 9.62198 20.481 9.7375 20.364C9.97923 20.1409 10.2961 20.0171 10.625 20.0171C10.9539 20.0171 11.2708 20.1409 11.5125 20.364C11.7404 20.6033 11.8698 20.9198 11.875 21.2502C11.8701 21.5811 11.7407 21.8981 11.5125 22.1377C11.2728 22.3659 10.9559 22.4954 10.625 22.5002Z"
43
- fill="#121212"
44
- stroke="#121212"
60
+ fill={color}
61
+ stroke={color}
45
62
  strokeWidth="0.4"
46
63
  />
47
64
  <path
48
65
  d="M15 22.5002C14.6696 22.4964 14.3528 22.3683 14.1125 22.1415C13.8834 21.9009 13.7539 21.5824 13.75 21.2502C13.752 21.0869 13.7859 20.9255 13.85 20.7752C13.9075 20.6212 13.997 20.481 14.1125 20.364C14.3542 20.1409 14.6711 20.0171 15 20.0171C15.3289 20.0171 15.6458 20.1409 15.8875 20.364C16.0032 20.4814 16.0926 20.622 16.15 20.7765C16.2139 20.9264 16.2479 21.0873 16.25 21.2502C16.2451 21.5811 16.1157 21.8981 15.8875 22.1377C15.6478 22.3659 15.3309 22.4954 15 22.5002Z"
49
- fill="#121212"
50
- stroke="#121212"
66
+ fill={color}
67
+ stroke={color}
51
68
  strokeWidth="0.4"
52
69
  />
53
70
  <path
54
71
  d="M19.375 22.4986C19.0441 22.4937 18.7272 22.3643 18.4875 22.1361C18.3718 22.0187 18.2824 21.8781 18.225 21.7236C18.1609 21.5733 18.127 21.4119 18.125 21.2486C18.1271 21.0856 18.1611 20.9247 18.225 20.7748C18.2824 20.6203 18.3718 20.4797 18.4875 20.3623C18.633 20.2182 18.8117 20.1121 19.0079 20.0532C19.2041 19.9944 19.4117 19.9846 19.6125 20.0248C19.6953 20.0364 19.7756 20.0618 19.85 20.0998C19.9297 20.1271 20.0053 20.165 20.075 20.2123C20.1405 20.2585 20.2031 20.3086 20.2625 20.3623C20.4904 20.6017 20.6198 20.9181 20.625 21.2486C20.6201 21.5795 20.4907 21.8964 20.2625 22.1361C20.0228 22.3643 19.7059 22.4937 19.375 22.4986Z"
55
- fill="#121212"
56
- stroke="#121212"
72
+ fill={color}
73
+ stroke={color}
57
74
  strokeWidth="0.4"
58
75
  />
59
76
  <path
60
77
  d="M25.625 12.2998H4.375C4.12687 12.2982 3.88936 12.1989 3.7139 12.0234C3.53844 11.8479 3.43914 11.6104 3.4375 11.3623C3.43914 11.1142 3.53844 10.8767 3.7139 10.7012C3.88936 10.5257 4.12687 10.4264 4.375 10.4248H25.625C25.8731 10.4264 26.1106 10.5257 26.2861 10.7012C26.4616 10.8767 26.5609 11.1142 26.5625 11.3623C26.5609 11.6104 26.4616 11.8479 26.2861 12.0234C26.1106 12.1989 25.8731 12.2982 25.625 12.2998Z"
61
- fill="#121212"
62
- stroke="#121212"
78
+ fill={color}
79
+ stroke={color}
63
80
  strokeWidth="0.4"
64
81
  />
65
82
  <path
66
83
  d="M20 28.4375H10C5.4375 28.4375 2.8125 25.8125 2.8125 21.25V10.625C2.8125 6.0625 5.4375 3.4375 10 3.4375H20C24.5625 3.4375 27.1875 6.0625 27.1875 10.625V21.25C27.1875 25.8125 24.5625 28.4375 20 28.4375ZM10 5.3125C6.425 5.3125 4.6875 7.05 4.6875 10.625V21.25C4.6875 24.825 6.425 26.5625 10 26.5625H20C23.575 26.5625 25.3125 24.825 25.3125 21.25V10.625C25.3125 7.05 23.575 5.3125 20 5.3125H10Z"
67
- fill="#121212"
68
- stroke="#121212"
84
+ fill={color}
85
+ stroke={color}
69
86
  strokeWidth="0.4"
70
87
  />
71
88
  </g>
package/src/components/Assets/Icons/IconComponents/CourseInfoIcon.tsx CHANGED
@@ -1,4 +1,17 @@
1
- export const CourseInfoIcon = ({ size = 30 }) => {
1
+ import { useTheme } from '@mui/material';
2
+
3
+ export const CourseInfoIcon = ({
4
+ sx = {},
5
+ color,
6
+ size = 30,
7
+ }: {
8
+ sx?: any;
9
+ color?: string;
10
+ size?: number;
11
+ }) => {
12
+ const theme = useTheme();
13
+ color = color ?? theme.palette.text.primary;
14
+
2
15
  return (
3
16
  <svg
4
17
  xmlns="http://www.w3.org/2000/svg"
@@ -6,30 +19,34 @@ export const CourseInfoIcon = ({ size = 30 }) => {
6
19
  height={size}
7
20
  viewBox="0 0 30 30"
8
21
  fill="none"
22
+ style={{
23
+ fill: color,
24
+ ...sx,
25
+ }}
9
26
  >
10
27
  <g clipPath="url(#clip0_2769_9061)">
11
28
  <path
12
29
  d="M23.5 11C22.61 11 21.74 10.7361 20.9999 10.2416C20.2599 9.74715 19.6831 9.04434 19.3425 8.22208C19.0019 7.39981 18.9128 6.49501 19.0865 5.62209C19.2601 4.74918 19.6887 3.94736 20.318 3.31802C20.9474 2.68868 21.7492 2.2601 22.6221 2.08647C23.495 1.91283 24.3998 2.00195 25.2221 2.34254C26.0443 2.68314 26.7471 3.25991 27.2416 3.99994C27.7361 4.73996 28 5.60999 28 6.5C27.9997 7.69338 27.5255 8.83778 26.6816 9.68163C25.8378 10.5255 24.6934 10.9997 23.5 11ZM23.5 3.8C22.966 3.8 22.444 3.95835 22 4.25503C21.5559 4.55171 21.2099 4.9734 21.0055 5.46676C20.8012 5.96012 20.7477 6.503 20.8519 7.02674C20.9561 7.55049 21.2132 8.03159 21.5908 8.40919C21.9684 8.78679 22.4495 9.04394 22.9733 9.14812C23.497 9.2523 24.0399 9.19883 24.5332 8.99448C25.0266 8.79012 25.4483 8.44405 25.745 8.00004C26.0416 7.55603 26.2 7.03401 26.2 6.5C26.199 5.78421 25.9143 5.09801 25.4081 4.59187C24.902 4.08572 24.2158 3.80095 23.5 3.8Z"
13
- fill="#121212"
14
- stroke="#121212"
30
+ fill={color}
31
+ stroke={color}
15
32
  strokeWidth="0.4"
16
33
  />
17
34
  <path
18
35
  d="M15.0769 17H8.92308C8.67876 16.9983 8.44491 16.8923 8.27215 16.7052C8.09938 16.518 8.00161 16.2647 8 16C8.00161 15.7353 8.09938 15.482 8.27215 15.2948C8.44491 15.1077 8.67876 15.0017 8.92308 15H15.0769C15.3212 15.0017 15.5551 15.1077 15.7279 15.2948C15.9006 15.482 15.9984 15.7353 16 16C15.9984 16.2647 15.9006 16.518 15.7279 16.7052C15.5551 16.8923 15.3212 16.9983 15.0769 17Z"
19
- fill="#121212"
20
- stroke="#121212"
36
+ fill={color}
37
+ stroke={color}
21
38
  strokeWidth="0.4"
22
39
  />
23
40
  <path
24
41
  d="M20.0714 22H8.92857C8.6828 21.9983 8.44756 21.8923 8.27377 21.7052C8.09997 21.518 8.00162 21.2647 8 21C8.00162 20.7353 8.09997 20.482 8.27377 20.2948C8.44756 20.1077 8.6828 20.0017 8.92857 20H20.0714C20.3172 20.0017 20.5524 20.1077 20.7262 20.2948C20.9 20.482 20.9984 20.7353 21 21C20.9984 21.2647 20.9 21.518 20.7262 21.7052C20.5524 21.8923 20.3172 21.9983 20.0714 22Z"
25
- fill="#121212"
26
- stroke="#121212"
42
+ fill={color}
43
+ stroke={color}
27
44
  strokeWidth="0.4"
28
45
  />
29
46
  <path
30
47
  d="M18.6279 28H11.3721C4.80558 28 2 25.1944 2 18.6279V11.3721C2 4.80558 4.80558 2 11.3721 2H17.4186C17.6587 2.00158 17.8884 2.09765 18.0582 2.2674C18.2279 2.43715 18.324 2.66692 18.3256 2.90698C18.324 3.14703 18.2279 3.37681 18.0582 3.54656C17.8884 3.7163 17.6587 3.81237 17.4186 3.81395H11.3721C5.79721 3.81395 3.81395 5.79721 3.81395 11.3721V18.6279C3.81395 24.2028 5.79721 26.186 11.3721 26.186H18.6279C24.2028 26.186 26.186 24.2028 26.186 18.6279V12.5814C26.186 12.3408 26.2816 12.1102 26.4517 11.9401C26.6218 11.77 26.8525 11.6744 27.093 11.6744C27.3336 11.6744 27.5643 11.77 27.7344 11.9401C27.9044 12.1102 28 12.3408 28 12.5814V18.6279C28 25.1944 25.1944 28 18.6279 28Z"
31
- fill="#121212"
32
- stroke="#121212"
48
+ fill={color}
49
+ stroke={color}
33
50
  strokeWidth="0.4"
34
51
  />
35
52
  </g>
package/src/components/Assets/Icons/IconComponents/HandoutsIcon.tsx CHANGED
@@ -1,41 +1,56 @@
1
- export const HandoutsIcon = ({ size = 20 }) => {
1
+ import { useTheme } from '@mui/material';
2
+
3
+ export const HandoutsIcon = ({
4
+ sx = {},
5
+ color,
6
+ size = 16,
7
+ }: {
8
+ sx?: any;
9
+ color?: string;
10
+ size?: number;
11
+ }) => {
12
+ const theme = useTheme();
13
+ color = color ?? theme.palette.text.primary;
2
14
  return (
3
15
  <svg
4
16
  xmlns="http://www.w3.org/2000/svg"
5
17
  width={size}
6
18
  height={size}
7
19
  viewBox="0 0 20 20"
8
- fill="none"
20
+ style={{
21
+ fill: color,
22
+ ...sx,
23
+ }}
9
24
  >
10
25
  <g clipPath="url(#clip0_981_2453)">
11
26
  <path
12
27
  d="M13.1741 16.8166C12.9459 16.8174 12.7178 16.8062 12.4908 16.7833C12.0073 16.7413 11.5279 16.6605 11.0574 16.5416L9.65742 16.2083C5.81575 15.2999 4.55742 13.2666 5.45742 9.43326L6.27408 5.9416C6.41842 5.26217 6.64218 4.60208 6.94075 3.97493C8.37408 1.0166 11.1158 1.28326 13.0658 1.7416L14.4574 2.0666C16.4074 2.52493 17.6407 3.24993 18.3324 4.35826C19.0241 5.4666 19.1241 6.8916 18.6657 8.8416L17.8491 12.3249C17.1324 15.3758 15.6408 16.8166 13.1741 16.8166ZM10.9299 2.7091C10.3223 2.66885 9.71755 2.82218 9.20251 3.14708C8.68747 3.47197 8.28862 3.95172 8.06325 4.51743C7.81137 5.0648 7.61861 5.63749 7.48825 6.22576L6.67158 9.71743C5.92992 12.8674 6.78825 14.2424 9.93825 14.9924L11.3382 15.3258C11.7519 15.4263 12.1726 15.496 12.5966 15.5341C14.8632 15.7591 15.9882 14.7674 16.6216 12.0424L17.4383 8.5591C17.8133 6.95076 17.7633 5.82576 17.2633 5.01743C16.7633 4.2091 15.7799 3.6591 14.1632 3.2841L12.7741 2.9591C12.1712 2.80421 11.5523 2.7203 10.9299 2.7091Z"
13
- fill="white"
14
- stroke="white"
28
+ fill={color}
29
+ stroke={color}
15
30
  strokeWidth="0.4"
16
31
  />
17
32
  <path
18
33
  d="M6.9435 18.5448C4.80183 18.5448 3.43517 17.2615 2.56017 14.5532L1.4935 11.2582C0.310167 7.59151 1.3685 5.52484 5.0185 4.34151L6.33517 3.91651C6.67909 3.80304 7.02977 3.71119 7.38517 3.64151C7.49951 3.61638 7.61869 3.62505 7.72819 3.66649C7.83769 3.70792 7.93277 3.78031 8.00183 3.87484C8.0712 3.9684 8.11401 4.07896 8.12575 4.19483C8.13748 4.31071 8.1177 4.42761 8.0685 4.53317C7.81465 5.07608 7.6245 5.64654 7.50183 6.23317L6.68517 9.72484C5.9435 12.8748 6.80183 14.2498 9.95183 14.9998L11.3518 15.3332C11.7655 15.4337 12.1861 15.5034 12.6102 15.5415C12.7396 15.5535 12.8623 15.6046 12.962 15.6879C13.0617 15.7712 13.1337 15.8829 13.1685 16.0082C13.2012 16.1327 13.1948 16.2644 13.1501 16.3851C13.1053 16.5059 13.0245 16.61 12.9185 16.6832C12.2627 17.1068 11.55 17.4351 10.8018 17.6582L9.48517 18.0915C8.66568 18.37 7.80875 18.5229 6.9435 18.5448ZM6.48517 5.18651L5.41017 5.53651C2.43517 6.49484 1.72683 7.89484 2.68517 10.8782L3.75183 14.1698C4.7185 17.1448 6.1185 17.8615 9.0935 16.9032L10.4102 16.4698C10.4602 16.4532 10.5018 16.4365 10.5518 16.4198L9.6685 16.2115C5.82683 15.3032 4.5685 13.2698 5.4685 9.4365L6.28517 5.94484C6.3435 5.67484 6.41017 5.41651 6.48517 5.18317V5.18651Z"
19
- fill="white"
20
- stroke="white"
34
+ fill={color}
35
+ stroke={color}
21
36
  strokeWidth="0.4"
22
37
  />
23
38
  <path
24
39
  d="M14.5731 8.75862C14.52 8.75677 14.4671 8.7512 14.4148 8.74195L10.3756 7.71695C10.2963 7.69671 10.2217 7.66103 10.1561 7.61197C10.0906 7.5629 10.0353 7.5014 9.99356 7.43098C9.90916 7.28877 9.88472 7.11885 9.92561 6.95862C9.9665 6.79838 10.0694 6.66095 10.2116 6.57656C10.3538 6.49217 10.5237 6.46773 10.6839 6.50862L14.7256 7.53362C14.8729 7.57022 15.0018 7.65946 15.0879 7.78453C15.1739 7.90959 15.2113 8.06182 15.1928 8.21251C15.1744 8.3632 15.1014 8.50193 14.9877 8.60253C14.874 8.70313 14.7274 8.75865 14.5756 8.75862H14.5731Z"
25
- fill="white"
26
- stroke="white"
40
+ fill={color}
41
+ stroke={color}
27
42
  strokeWidth="0.4"
28
43
  />
29
44
  <path
30
45
  d="M12.1347 11.5754C12.0816 11.5735 12.0287 11.568 11.9764 11.5587L9.55139 10.942C9.47205 10.9218 9.39748 10.8861 9.33192 10.8371C9.26637 10.788 9.21112 10.7265 9.16934 10.6561C9.08495 10.5139 9.0605 10.344 9.10139 10.1837C9.14228 10.0235 9.24515 9.88605 9.38736 9.80166C9.52958 9.71727 9.69949 9.69283 9.85973 9.73372L12.2847 10.3504C12.4449 10.3914 12.5822 10.4943 12.6666 10.6365C12.7509 10.7787 12.7754 10.9485 12.7347 11.1087C12.7028 11.2432 12.626 11.3628 12.5169 11.4477C12.4078 11.5325 12.2729 11.5776 12.1347 11.5754Z"
31
- fill="white"
32
- stroke="white"
46
+ fill={color}
47
+ stroke={color}
33
48
  strokeWidth="0.4"
34
49
  />
35
50
  </g>
36
51
  <defs>
37
52
  <clipPath id="clip0_981_2453">
38
- <rect width="20" height="20" fill="white" />
53
+ <rect width="20" height="20" fill={color} />
39
54
  </clipPath>
40
55
  </defs>
41
56
  </svg>
package/src/components/Assets/Icons/IconComponents/StatisticsIcon.tsx CHANGED
@@ -1,4 +1,17 @@
1
- export const StatisticsIcon = ({ size = 30 }) => {
1
+ import { useTheme } from '@mui/material';
2
+
3
+ export const StatisticsIcon = ({
4
+ sx = {},
5
+ color,
6
+ size = 30,
7
+ }: {
8
+ sx?: any;
9
+ color?: string;
10
+ size?: number;
11
+ }) => {
12
+ const theme = useTheme();
13
+ color = color ?? theme.palette.text.primary;
14
+
2
15
  return (
3
16
  <svg
4
17
  xmlns="http://www.w3.org/2000/svg"
@@ -6,18 +19,22 @@ export const StatisticsIcon = ({ size = 30 }) => {
6
19
  height={size}
7
20
  viewBox="0 0 30 30"
8
21
  fill="none"
22
+ style={{
23
+ fill: color,
24
+ ...sx,
25
+ }}
9
26
  >
10
27
  <g clipPath="url(#clip0_423_1549)">
11
28
  <path
12
29
  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"
13
- fill="#121212"
14
- stroke="#121212"
30
+ fill={color}
31
+ stroke={color}
15
32
  strokeWidth="0.4"
16
33
  />
17
34
  <path
18
35
  d="M9.16326 19.0494C8.95445 19.05 8.75168 18.9794 8.58826 18.8494C8.49059 18.7748 8.40858 18.6816 8.34692 18.5752C8.28526 18.4688 8.24517 18.3513 8.22892 18.2294C8.21267 18.1076 8.22058 17.9837 8.25221 17.8649C8.28384 17.746 8.33857 17.6346 8.41326 17.5369L11.3883 13.6744C11.5647 13.4458 11.7845 13.2544 12.0352 13.1111C12.2859 12.9678 12.5624 12.8755 12.8489 12.8395C13.1354 12.8035 13.4262 12.8244 13.7045 12.9012C13.9829 12.978 14.2433 13.1091 14.4708 13.2869L16.7583 15.0869C16.79 15.1156 16.8281 15.1362 16.8694 15.1471C16.9107 15.1579 16.9541 15.1587 16.9958 15.1494C17.0384 15.1464 17.0798 15.1335 17.1167 15.1118C17.1535 15.0902 17.1849 15.0602 17.2083 15.0244L20.0958 11.2994C20.1703 11.2013 20.2638 11.1191 20.3706 11.0576C20.4774 10.9962 20.5955 10.9567 20.7178 10.9416C20.8401 10.9264 20.9642 10.9359 21.0828 10.9695C21.2013 11.003 21.312 11.06 21.4083 11.1369C21.5065 11.2114 21.5889 11.3048 21.6504 11.4116C21.712 11.5184 21.7515 11.6365 21.7667 11.7589C21.7818 11.8812 21.7723 12.0054 21.7386 12.124C21.705 12.2426 21.6479 12.3533 21.5708 12.4494L18.6833 16.1744C18.508 16.4037 18.288 16.595 18.0366 16.7368C17.7852 16.8787 17.5077 16.968 17.2208 16.9994C16.9336 17.0367 16.6418 17.0161 16.3627 16.9388C16.0836 16.8615 15.8229 16.7291 15.5958 16.5494L13.3083 14.7494C13.2771 14.7216 13.2399 14.7012 13.1996 14.6899C13.1593 14.6787 13.1169 14.6768 13.0758 14.6844C13.0331 14.6875 12.9917 14.7004 12.9549 14.722C12.918 14.7437 12.8867 14.7736 12.8633 14.8094L9.88826 18.6719C9.80904 18.7909 9.70104 18.8879 9.57428 18.9539C9.44752 19.0199 9.30613 19.0527 9.16326 19.0494Z"
19
- fill="#121212"
20
- stroke="#121212"
36
+ fill={color}
37
+ stroke={color}
21
38
  strokeWidth="0.4"
22
39
  />
23
40
  </g>
package/src/components/Assets/Icons/IconComponents/StudentsIcon.tsx CHANGED
@@ -1,4 +1,17 @@
1
- export const StudentsIcon = ({ size = 30 }) => {
1
+ import { useTheme } from '@mui/material';
2
+
3
+ export const StudentsIcon = ({
4
+ sx = {},
5
+ color,
6
+ size = 30,
7
+ }: {
8
+ sx?: any;
9
+ color?: string;
10
+ size?: number;
11
+ }) => {
12
+ const theme = useTheme();
13
+ color = color ?? theme.palette.text.primary;
14
+
2
15
  return (
3
16
  <svg
4
17
  xmlns="http://www.w3.org/2000/svg"
@@ -6,29 +19,33 @@ export const StudentsIcon = ({ size = 30 }) => {
6
19
  height={size}
7
20
  viewBox="0 0 30 30"
8
21
  fill="none"
22
+ style={{
23
+ fill: color,
24
+ ...sx,
25
+ }}
9
26
  >
10
27
  <path
11
28
  d="M11.45 14.525H11.35C11.2755 14.5124 11.1995 14.5124 11.125 14.525C9.43574 14.4774 7.83308 13.7668 6.66362 12.5469C5.49415 11.327 4.85185 9.69578 4.87564 8.00602C4.89942 6.31626 5.58737 4.70376 6.79071 3.51724C7.99405 2.33071 9.61607 1.66553 11.306 1.66553C12.9959 1.66553 14.618 2.33071 15.8213 3.51724C17.0246 4.70376 17.7126 6.31626 17.7364 8.00602C17.7601 9.69578 17.1179 11.327 15.9484 12.5469C14.7789 13.7668 13.1763 14.4774 11.487 14.525H11.45ZM11.25 3.43798C10.0459 3.44223 8.89123 3.91766 8.03321 4.76251C7.1752 5.60736 6.68197 6.7545 6.6591 7.95843C6.63623 9.16236 7.08553 10.3274 7.91084 11.2042C8.73615 12.0811 9.8719 12.6 11.075 12.65C11.208 12.6371 11.342 12.6371 11.475 12.65C12.6746 12.5888 13.8029 12.0616 14.6197 11.1809C15.4364 10.3001 15.8771 9.13525 15.8477 7.93443C15.8184 6.73361 15.3214 5.59167 14.4627 4.75182C13.6039 3.91197 12.4512 3.44056 11.25 3.43798Z"
12
- fill="#121212"
13
- stroke="#121212"
29
+ fill={color}
30
+ stroke={color}
14
31
  strokeWidth="0.4"
15
32
  />
16
33
  <path
17
34
  d="M20.6731 14.688C20.6353 14.6901 20.5975 14.6861 20.5611 14.676C20.3085 14.7044 20.0546 14.6346 19.8521 14.4811C19.6495 14.3275 19.5138 14.1019 19.4731 13.851C19.4551 13.7319 19.461 13.6103 19.4903 13.4935C19.5196 13.3766 19.5718 13.2668 19.6439 13.1702C19.716 13.0737 19.8065 12.9924 19.9102 12.9311C20.0139 12.8698 20.1287 12.8296 20.2481 12.813C20.3981 12.801 20.5601 12.801 20.6981 12.801C21.5932 12.7527 22.4341 12.3569 23.0417 11.6978C23.6494 11.0388 23.9758 10.1685 23.9514 9.27245C23.927 8.37636 23.5538 7.52518 22.9112 6.90013C22.2687 6.27509 21.4075 5.92557 20.5111 5.92599C20.3885 5.92758 20.2669 5.90483 20.1532 5.85907C20.0396 5.81331 19.9361 5.74544 19.8489 5.6594C19.7616 5.57336 19.6923 5.47086 19.645 5.35784C19.5976 5.24482 19.5732 5.12352 19.5731 5.00099C19.5746 4.7527 19.674 4.51503 19.8495 4.33946C20.0251 4.16389 20.2628 4.06456 20.5111 4.06299C21.9189 4.06616 23.2682 4.62683 24.2637 5.62234C25.2592 6.61785 25.8199 7.96713 25.8231 9.37499C25.827 10.7507 25.2959 12.0741 24.3419 13.0654C23.388 14.0567 22.0859 14.6382 20.7111 14.687L20.6731 14.688Z"
18
- fill="#121212"
19
- stroke="#121212"
35
+ fill={color}
36
+ stroke={color}
20
37
  strokeWidth="0.4"
21
38
  />
22
39
  <path
23
40
  d="M11.462 28.1881C9.06969 28.2327 6.71595 27.5813 4.687 26.3131C3.90033 25.861 3.24119 25.2167 2.77127 24.4405C2.30134 23.6644 2.03597 22.7817 2 21.8751C2.03714 20.9655 2.30277 20.08 2.77238 19.3001C3.24199 18.5203 3.90045 17.8713 4.687 17.4131C6.73594 16.192 9.0768 15.5474 11.462 15.5474C13.8472 15.5474 16.1881 16.192 18.237 17.4131C19.0215 17.8668 19.679 18.5109 20.1488 19.2858C20.6187 20.0608 20.8856 20.9417 20.925 21.8471C20.888 22.7568 20.6225 23.6425 20.1529 24.4226C19.6832 25.2026 19.0247 25.8517 18.238 26.3101C16.2084 27.578 13.8547 28.2303 11.462 28.1881ZM5.725 18.9881C5.19913 19.2787 4.75436 19.6963 4.43122 20.2028C4.10809 20.7093 3.91687 21.2887 3.875 21.8881C3.91967 22.4834 4.11227 23.0582 4.43533 23.5602C4.75839 24.0623 5.20169 24.4757 5.725 24.7631C7.46346 25.7877 9.44457 26.328 11.4625 26.328C13.4804 26.328 15.4615 25.7877 17.2 24.7631C17.7259 24.4725 18.1706 24.0549 18.4938 23.5483C18.8169 23.0418 19.0081 22.4624 19.05 21.8631C19.0053 21.2677 18.8127 20.693 18.4897 20.1909C18.1666 19.6889 17.7233 19.2754 17.2 18.9881C15.4597 17.9689 13.4793 17.4317 11.4625 17.4317C9.44572 17.4317 7.46533 17.9689 5.725 18.9881Z"
24
- fill="#121212"
25
- stroke="#121212"
41
+ fill={color}
42
+ stroke={color}
26
43
  strokeWidth="0.4"
27
44
  />
28
45
  <path
29
46
  d="M22.9245 25.938C22.7088 25.9393 22.4995 25.865 22.3329 25.728C22.1663 25.5909 22.0529 25.3999 22.0125 25.188C21.964 24.9447 22.0125 24.6921 22.1478 24.4841C22.2831 24.2761 22.4944 24.1293 22.7365 24.075C23.4882 23.9318 24.1977 23.6199 24.8115 23.163C25.1336 22.9515 25.4011 22.6669 25.5923 22.3324C25.7834 21.9979 25.8928 21.6229 25.9115 21.238C25.894 20.8561 25.7864 20.4836 25.5975 20.1512C25.4086 19.8187 25.1437 19.5356 24.8245 19.325C24.2151 18.8764 23.5157 18.5653 22.7745 18.413C22.6517 18.3881 22.5351 18.339 22.4315 18.2684C22.328 18.1979 22.2395 18.1073 22.1713 18.0022C22.1032 17.897 22.0567 17.7793 22.0346 17.656C22.0125 17.5326 22.0152 17.4061 22.0426 17.2838C22.0701 17.1615 22.1216 17.0459 22.1942 16.9438C22.2669 16.8417 22.3591 16.7551 22.4657 16.6891C22.5722 16.6231 22.6908 16.579 22.8146 16.5594C22.9384 16.5398 23.0648 16.5452 23.1865 16.575C24.1923 16.7824 25.1398 17.2092 25.9615 17.825C26.5113 18.2117 26.9628 18.7219 27.2797 19.3146C27.5967 19.9073 27.7702 20.5661 27.7865 21.238C27.7665 21.9122 27.5902 22.5725 27.2714 23.1669C26.9526 23.7613 26.5001 24.2734 25.9495 24.663C25.1168 25.2919 24.1499 25.7197 23.1245 25.913C23.0598 25.9329 22.9921 25.9413 22.9245 25.938Z"
30
- fill="#121212"
31
- stroke="#121212"
47
+ fill={color}
48
+ stroke={color}
32
49
  strokeWidth="0.4"
33
50
  />
34
51
  </svg>
package/src/components/Assets/Icons/IconComponents/TasksIcon.tsx CHANGED
@@ -1,4 +1,17 @@
1
- export const TasksIcon = ({ size = 30 }) => {
1
+ import { useTheme } from '@mui/material';
2
+
3
+ export const TasksIcon = ({
4
+ sx = {},
5
+ color,
6
+ size = 30,
7
+ }: {
8
+ sx?: any;
9
+ color?: string;
10
+ size?: number;
11
+ }) => {
12
+ const theme = useTheme();
13
+ color = color ?? theme.palette.text.primary;
14
+
2
15
  return (
3
16
  <svg
4
17
  xmlns="http://www.w3.org/2000/svg"
@@ -6,35 +19,39 @@ export const TasksIcon = ({ size = 30 }) => {
6
19
  height={size}
7
20
  viewBox="0 0 30 30"
8
21
  fill="none"
22
+ style={{
23
+ fill: color,
24
+ ...sx,
25
+ }}
9
26
  >
10
27
  <path
11
28
  d="M22.0254 12.0249H15.4634C15.2153 12.0233 14.9778 11.9242 14.8022 11.7488C14.6267 11.5734 14.5272 11.336 14.5254 11.0879C14.527 10.8396 14.6263 10.602 14.8019 10.4264C14.9774 10.2508 15.2151 10.1515 15.4634 10.1499H22.0254C22.1511 10.1458 22.2763 10.167 22.3936 10.2123C22.511 10.2576 22.618 10.3259 22.7084 10.4134C22.7987 10.5009 22.8706 10.6056 22.9197 10.7214C22.9687 10.8372 22.994 10.9617 22.994 11.0874C22.994 11.2132 22.9687 11.3376 22.9197 11.4534C22.8706 11.5692 22.7987 11.674 22.7084 11.7614C22.618 11.8489 22.511 11.9173 22.3936 11.9625C22.2763 12.0078 22.1511 12.029 22.0254 12.0249Z"
12
- fill="#121212"
13
- stroke="#121212"
29
+ fill={color}
30
+ stroke={color}
14
31
  strokeWidth="0.4"
15
32
  />
16
33
  <path
17
34
  d="M8.89937 12.975C8.77613 12.9756 8.65401 12.9515 8.54017 12.9043C8.42633 12.8571 8.32305 12.7876 8.23637 12.7L7.29937 11.763C7.12366 11.5869 7.02511 11.3482 7.02539 11.0995C7.02567 10.8507 7.12476 10.6122 7.30087 10.4365C7.47697 10.2608 7.71566 10.1623 7.96443 10.1626C8.2132 10.1628 8.45166 10.2619 8.62737 10.438L8.90237 10.713L11.0494 8.56304C11.1366 8.47604 11.24 8.40707 11.3539 8.36006C11.4678 8.31305 11.5898 8.28892 11.7129 8.28906C11.8361 8.2892 11.958 8.3136 12.0718 8.36087C12.1855 8.40813 12.2889 8.47734 12.3759 8.56454C12.4629 8.65174 12.5318 8.75522 12.5789 8.86907C12.6259 8.98293 12.65 9.10492 12.6498 9.2281C12.6497 9.35128 12.6253 9.47322 12.578 9.58697C12.5308 9.70072 12.4616 9.80404 12.3744 9.89104L9.56137 12.7C9.38588 12.8758 9.14776 12.9747 8.89937 12.975Z"
18
- fill="#121212"
19
- stroke="#121212"
35
+ fill={color}
36
+ stroke={color}
20
37
  strokeWidth="0.4"
21
38
  />
22
39
  <path
23
40
  d="M22.0254 20.7749H15.4634C15.2153 20.7733 14.9778 20.6742 14.8022 20.4988C14.6267 20.3234 14.5272 20.086 14.5254 19.8379C14.527 19.5896 14.6263 19.352 14.8019 19.1764C14.9774 19.0008 15.2151 18.9015 15.4634 18.8999H22.0254C22.1511 18.8958 22.2763 18.917 22.3936 18.9623C22.511 19.0076 22.618 19.0759 22.7084 19.1634C22.7987 19.2509 22.8706 19.3556 22.9197 19.4714C22.9687 19.5872 22.994 19.7117 22.994 19.8374C22.994 19.9632 22.9687 20.0876 22.9197 20.2034C22.8706 20.3192 22.7987 20.424 22.7084 20.5114C22.618 20.5989 22.511 20.6673 22.3936 20.7125C22.2763 20.7578 22.1511 20.779 22.0254 20.7749Z"
24
- fill="#121212"
25
- stroke="#121212"
41
+ fill={color}
42
+ stroke={color}
26
43
  strokeWidth="0.4"
27
44
  />
28
45
  <path
29
46
  d="M8.89937 21.725C8.77613 21.7256 8.65401 21.7015 8.54017 21.6543C8.42633 21.6071 8.32305 21.5376 8.23637 21.45L7.29937 20.513C7.12366 20.3369 7.02511 20.0982 7.02539 19.8495C7.02567 19.6007 7.12476 19.3622 7.30087 19.1865C7.47697 19.0108 7.71566 18.9123 7.96443 18.9126C8.2132 18.9128 8.45166 19.0119 8.62737 19.188L8.90237 19.463L11.0494 17.313C11.1366 17.226 11.24 17.1571 11.3539 17.1101C11.4678 17.063 11.5898 17.0389 11.7129 17.0391C11.8361 17.0392 11.958 17.0636 12.0718 17.1109C12.1855 17.1581 12.2889 17.2273 12.3759 17.3145C12.4629 17.4017 12.5318 17.5052 12.5789 17.6191C12.6259 17.7329 12.65 17.8549 12.6498 17.9781C12.6497 18.1013 12.6253 18.2232 12.578 18.337C12.5308 18.4507 12.4616 18.554 12.3744 18.641L9.56137 21.45C9.38588 21.6258 9.14776 21.7247 8.89937 21.725Z"
30
- fill="#121212"
31
- stroke="#121212"
47
+ fill={color}
48
+ stroke={color}
32
49
  strokeWidth="0.4"
33
50
  />
34
51
  <path
35
52
  d="M18.7505 28.438H11.2505C4.4625 28.438 1.5625 25.538 1.5625 18.751V11.251C1.5625 4.46299 4.4625 1.56299 11.2495 1.56299H18.7495C25.5365 1.56299 28.4365 4.46299 28.4365 11.25V18.75C28.4375 25.538 25.5375 28.438 18.7505 28.438ZM11.2505 3.43799C5.4885 3.43799 3.4385 5.48799 3.4385 11.25V18.75C3.4375 24.513 5.4875 26.563 11.2495 26.563H18.7495C24.5125 26.563 26.5625 24.513 26.5625 18.751V11.251C26.5625 5.48899 24.5125 3.43899 18.7505 3.43899L11.2505 3.43799Z"
36
- fill="#121212"
37
- stroke="#121212"
53
+ fill={color}
54
+ stroke={color}
38
55
  strokeWidth="0.4"
39
56
  />
40
57
  </svg>