odaptos_design_system 1.0.0 → 1.2.0

package/src/Icons/Interaction/DragDropIcon.tsx

@@ -0,0 +1,34 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function DragDropIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <circle cx="4" cy="4" r="2" fill={fill} />
+        <circle cx="4" cy="12" r="2" fill={fill} />
+        <circle cx="4" cy="20" r="2" fill={fill} />
+        <circle cx="12" cy="4" r="2" fill={fill} />
+        <circle cx="12" cy="12" r="2" fill={fill} />
+        <circle cx="12" cy="20" r="2" fill={fill} />
+        <circle cx="20" cy="4" r="2" fill={fill} />
+        <circle cx="20" cy="12" r="2" fill={fill} />
+        <circle cx="20" cy="20" r="2" fill={fill} />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/EditIcon.tsx

@@ -0,0 +1,44 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function EditIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_122_145)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M21.892 11.9996C21.7062 11.9996 21.5222 12.035 21.3506 12.1037C21.1789 12.1724 21.023 12.273 20.8917 12.3999L13.1511 19.8697L12.6486 22.2939L15.1607 21.8091L22.901 14.3397C23.0325 14.213 23.1372 14.0621 23.2084 13.8965C23.2795 13.7308 23.3162 13.5533 23.3162 13.374C23.3162 13.1947 23.2795 13.0171 23.2084 12.8515C23.1372 12.6859 23.0329 12.5354 22.9014 12.4087L22.8926 12.4003C22.7614 12.2734 22.605 12.1724 22.4334 12.1037C22.2618 12.035 22.0778 11.9996 21.892 11.9996ZM24 15.4004L16.0934 23.0303C15.9849 23.135 15.8468 23.2064 15.6963 23.2354L11.8103 23.9854C11.5555 24.0346 11.2921 23.9576 11.1083 23.7803C10.9246 23.603 10.8448 23.3488 10.8958 23.1029L11.673 19.3529C11.7031 19.2077 11.777 19.0744 11.8855 18.9697L19.7918 11.3401C20.0673 11.0739 20.395 10.8622 20.7552 10.7181C21.1155 10.5739 21.5019 10.4996 21.892 10.4996C22.2821 10.4996 22.6684 10.5739 23.0288 10.7181C23.389 10.8622 23.7163 11.0735 23.9918 11.3397M23.9996 11.3472L23.9918 11.3397L23.9996 11.3472Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.33158 1.5C2.12546 1.5 1.92777 1.57902 1.78202 1.71967C1.63627 1.86032 1.55439 2.05109 1.55439 2.25V18.75C1.55439 18.9489 1.63627 19.1397 1.78202 19.2803C1.92777 19.421 2.12546 19.5 2.33158 19.5H8.54913C8.97836 19.5 9.32632 19.8358 9.32632 20.25C9.32632 20.6642 8.97836 21 8.54913 21H2.33158C1.71321 21 1.12016 20.7629 0.682904 20.341C0.245648 19.919 0 19.3467 0 18.75V2.25C0 1.65326 0.245648 1.08097 0.682904 0.65901C1.12016 0.237053 1.71321 0 2.33158 0H13.346C13.9639 0.000127315 14.5567 0.236972 14.9938 0.6585L17.9701 3.53067C18.4069 3.95247 18.6525 4.52452 18.6526 5.12084V8.25C18.6526 8.66421 18.3047 9 17.8755 9C17.4462 9 17.0983 8.66421 17.0983 8.25V5.12116C17.0982 4.92244 17.0164 4.73172 16.8708 4.59116L13.895 1.7195C13.7494 1.57913 13.5518 1.50008 13.346 1.5H2.33158Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_145">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/EditTextIcon.tsx

@@ -0,0 +1,56 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function EditTextIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_122_144)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.25 7.498C1.83579 7.498 1.5 7.83379 1.5 8.248V15.748C1.5 16.1622 1.83579 16.498 2.25 16.498H21.75C22.1642 16.498 22.5 16.1622 22.5 15.748V8.248C22.5 7.83379 22.1642 7.498 21.75 7.498H2.25ZM0 8.248C0 7.00536 1.00736 5.998 2.25 5.998H21.75C22.9926 5.998 24 7.00536 24 8.248V15.748C24 16.9906 22.9926 17.998 21.75 17.998H2.25C1.00736 17.998 0 16.9906 0 15.748V8.248Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M17.25 4.498C17.6642 4.498 18 4.83379 18 5.248V18.748C18 19.1622 17.6642 19.498 17.25 19.498C16.8358 19.498 16.5 19.1622 16.5 18.748V5.248C16.5 4.83379 16.8358 4.498 17.25 4.498Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M17.25 17.998C17.6642 17.998 18 18.3338 18 18.748C18 19.7426 18.3951 20.6964 19.0984 21.3997C19.8016 22.1029 20.7554 22.498 21.75 22.498C22.1642 22.498 22.5 22.8338 22.5 23.248C22.5 23.6622 22.1642 23.998 21.75 23.998C20.3576 23.998 19.0223 23.4449 18.0377 22.4603C17.7324 22.1551 17.4687 21.8161 17.25 21.4522C17.0313 21.8161 16.7676 22.1551 16.4623 22.4603C15.4777 23.4449 14.1424 23.998 12.75 23.998C12.3358 23.998 12 23.6622 12 23.248C12 22.8338 12.3358 22.498 12.75 22.498C13.7446 22.498 14.6984 22.1029 15.4016 21.3997C16.1049 20.6964 16.5 19.7426 16.5 18.748C16.5 18.3338 16.8358 17.998 17.25 17.998Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 0.748001C12 0.333788 12.3358 -0.0019989 12.75 -0.0019989C14.1424 -0.0019989 15.4777 0.551125 16.4623 1.53569C16.7676 1.84093 17.0313 2.17989 17.25 2.54381C17.4687 2.17989 17.7324 1.84093 18.0377 1.53569C19.0223 0.551125 20.3576 -0.0019989 21.75 -0.0019989C22.1642 -0.0019989 22.5 0.333788 22.5 0.748001C22.5 1.16221 22.1642 1.498 21.75 1.498C20.7554 1.498 19.8016 1.89309 19.0984 2.59635C18.3951 3.29961 18 4.25344 18 5.248C18 5.66221 17.6642 5.998 17.25 5.998C16.8358 5.998 16.5 5.66221 16.5 5.248C16.5 4.25344 16.1049 3.29961 15.4016 2.59635C14.6984 1.89309 13.7446 1.498 12.75 1.498C12.3358 1.498 12 1.16221 12 0.748001Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_144">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/LogoutIcon.tsx

@@ -0,0 +1,50 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function LogoutIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_122_140)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.75 12.004C6.75 11.5898 7.08579 11.254 7.5 11.254H23.25C23.6642 11.254 24 11.5898 24 12.004C24 12.4182 23.6642 12.754 23.25 12.754H7.5C7.08579 12.754 6.75 12.4182 6.75 12.004Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M18.9697 7.72367C19.2626 7.43078 19.7374 7.43078 20.0303 7.72367L23.7803 11.4737C24.0732 11.7666 24.0732 12.2414 23.7803 12.5343L20.0303 16.2843C19.7374 16.5772 19.2626 16.5772 18.9697 16.2843C18.6768 15.9914 18.6768 15.5166 18.9697 15.2237L22.1893 12.004L18.9697 8.78433C18.6768 8.49144 18.6768 8.01656 18.9697 7.72367Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.07566 0.75093C2.0881 0.75031 2.10055 0.75 2.113 0.75H14.386C14.3985 0.75 14.4109 0.75031 14.4233 0.75093C15.0009 0.779717 15.5435 1.03605 15.9325 1.46387C16.3173 1.88707 16.5209 2.444 16.5 3.01514V7.5C16.5 7.91421 16.1642 8.25 15.75 8.25C15.3358 8.25 15 7.91421 15 7.5V3C15 2.98873 15.0003 2.97745 15.0008 2.96619C15.009 2.78473 14.9449 2.60741 14.8227 2.47302C14.704 2.34241 14.5396 2.26268 14.3639 2.25H2.13509C1.95957 2.26267 1.79539 2.34235 1.67679 2.47288C1.55475 2.60719 1.4909 2.78437 1.49921 2.96564C1.49974 2.97709 1.5 2.98854 1.5 3V21C1.5 21.0113 1.49974 21.0226 1.49924 21.0338C1.49104 21.2152 1.55499 21.3925 1.67709 21.5268C1.79572 21.6574 1.95987 21.7372 2.1354 21.75H14.3639C14.5396 21.7373 14.704 21.6576 14.8227 21.527C14.9449 21.3926 15.009 21.2153 15.0008 21.0338C15.0006 21.03 15.0004 21.0263 15.0003 21.0225C15.0001 21.015 15 21.0075 15 21V16.5C15 16.0858 15.3358 15.75 15.75 15.75C16.1642 15.75 16.5 16.0858 16.5 16.5V20.9849C16.5209 21.556 16.3173 22.1129 15.9325 22.5361C15.5435 22.9639 15.0009 23.2203 14.4233 23.2491C14.4109 23.2497 14.3985 23.25 14.386 23.25H2.113C2.10037 23.25 2.08775 23.2497 2.07514 23.249C1.49788 23.2199 0.955647 22.9634 0.566945 22.5356C0.182436 22.1124 -0.0209014 21.5557 -8.82545e-07 20.9848V3.01539C-0.0212255 2.44436 0.182021 1.88741 0.566641 1.46413C0.955518 1.03617 1.49812 0.779719 2.07566 0.75093Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_140">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/MenuHorizontalIcon.tsx

@@ -0,0 +1,28 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function MenuHorizontalIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <circle cx="4" cy="12" r="2" fill={fill} />
+        <circle cx="12" cy="12" r="2" fill={fill} />
+        <circle cx="20" cy="12" r="2" fill={fill} />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/MenuVerticalIcon.tsx

@@ -0,0 +1,40 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function MenuVerticalIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <circle cx="12" cy="4" r="2" transform="rotate(90 12 4)" fill={fill} />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+          transform="rotate(90 12 12)"
+          fill={fill}
+        />
+        <circle
+          cx="12"
+          cy="20"
+          r="2"
+          transform="rotate(90 12 20)"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/MinusIcon.tsx

@@ -0,0 +1,26 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function MinusIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <rect x="3" y="11" width="18" height="3" rx="1.5" fill={fill} />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/SearchIcon.tsx

@@ -0,0 +1,44 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function SearchIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_122_139)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.56155 2.1614C2.33616 3.95714 0.36655 8.83823 2.1623 13.0636C3.95804 17.289 8.83913 19.2586 13.0645 17.4629C17.2899 15.6671 19.2595 10.786 17.4638 6.56065C15.668 2.33526 10.7869 0.36565 6.56155 2.1614ZM0.781795 13.6503C-1.33798 8.66251 0.987033 2.90067 5.97485 0.780895C10.9627 -1.33888 16.7245 0.986134 18.8443 5.97395C20.964 10.9618 18.639 16.7236 13.6512 18.8434C8.6634 20.9631 2.90157 18.6381 0.781795 13.6503Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M15.6907 15.6896C15.9836 15.3968 16.4585 15.3968 16.7514 15.6897L23.7804 22.7197C24.0732 23.0126 24.0732 23.4875 23.7803 23.7804C23.4874 24.0732 23.0125 24.0732 22.7196 23.7803L15.6906 16.7503C15.3978 16.4574 15.3978 15.9825 15.6907 15.6896Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_139">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/SearchRemoveIcon.tsx

@@ -0,0 +1,56 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function SearchRemoveIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_122_137)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M9.81291 1.5C8.16868 1.49982 6.56132 1.98724 5.19411 2.90061C3.82691 3.81399 2.76127 5.11229 2.13196 6.63133C1.50266 8.15037 1.33795 9.82191 1.65868 11.4346C1.97941 13.0472 2.77117 14.5285 3.93382 15.6912C5.09647 16.8538 6.57779 17.6456 8.19044 17.9663C9.80309 18.287 11.4746 18.1223 12.9937 17.493C14.5127 16.8637 15.811 15.7981 16.7244 14.4309C17.6378 13.0637 18.1252 11.4563 18.125 9.81208C18.125 8.72054 17.91 7.63959 17.4923 6.63114C17.0746 5.62268 16.4623 4.70637 15.6905 3.93453C14.9186 3.16269 14.0023 2.55043 12.9939 2.13271C11.9854 1.715 10.9045 1.5 9.81291 1.5ZM9.813 5.09663e-08C7.87211 -0.000197717 5.97474 0.575169 4.36086 1.65334C2.74696 2.73152 1.48903 4.26409 0.746175 6.05723C0.00331771 7.85036 -0.191104 9.82352 0.187499 11.7272C0.566101 13.6308 1.50072 15.3794 2.87316 16.7518C4.2456 18.1243 5.9942 19.0589 7.89784 19.4375C9.80148 19.8161 11.7746 19.6217 13.5678 18.8788C15.3609 18.136 16.8935 16.878 17.9717 15.2641C19.0498 13.6503 19.6252 11.7529 19.625 9.812M9.813 5.09663e-08C11.1015 1.09586e-05 12.3775 0.253806 13.5679 0.746894C14.7583 1.23999 15.84 1.96274 16.7511 2.87387C17.6623 3.785 18.385 4.86666 18.8781 6.05711C19.3712 7.24753 19.625 8.5235 19.625 9.812"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.03767 6.03767C6.33056 5.74478 6.80543 5.74478 7.09833 6.03767L13.4623 12.4017C13.7552 12.6946 13.7552 13.1694 13.4623 13.4623C13.1694 13.7552 12.6946 13.7552 12.4017 13.4623L6.03767 7.09833C5.74477 6.80544 5.74477 6.33056 6.03767 6.03767Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M13.4623 6.03767C13.7552 6.33056 13.7552 6.80544 13.4623 7.09833L7.09833 13.4623C6.80543 13.7552 6.33056 13.7552 6.03767 13.4623C5.74477 13.1694 5.74477 12.6946 6.03767 12.4017L12.4017 6.03767C12.6946 5.74478 13.1694 5.74478 13.4623 6.03767Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M15.6907 15.6896C15.9836 15.3968 16.4585 15.3968 16.7514 15.6897L23.7804 22.7197C24.0732 23.0126 24.0732 23.4875 23.7803 23.7804C23.4874 24.0732 23.0125 24.0732 22.7196 23.7803L15.6906 16.7503C15.3978 16.4574 15.3978 15.9825 15.6907 15.6896Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_137">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/ShareIcon.tsx

@@ -0,0 +1,55 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ShareIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M5.25 8.25C3.59315 8.25 2.25 9.59315 2.25 11.25C2.25 12.9069 3.59315 14.25 5.25 14.25C6.90685 14.25 8.25 12.9069 8.25 11.25C8.25 9.59315 6.90685 8.25 5.25 8.25ZM0.75 11.25C0.75 8.76472 2.76472 6.75 5.25 6.75C7.73528 6.75 9.75 8.76472 9.75 11.25C9.75 13.7353 7.73528 15.75 5.25 15.75C2.76472 15.75 0.75 13.7353 0.75 11.25Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M18.75 3C17.0931 3 15.75 4.34315 15.75 6C15.75 7.65685 17.0931 9 18.75 9C20.4069 9 21.75 7.65685 21.75 6C21.75 4.34315 20.4069 3 18.75 3ZM14.25 6C14.25 3.51472 16.2647 1.5 18.75 1.5C21.2353 1.5 23.25 3.51472 23.25 6C23.25 8.48528 21.2353 10.5 18.75 10.5C16.2647 10.5 14.25 8.48528 14.25 6Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M18.75 15C17.0931 15 15.75 16.3431 15.75 18C15.75 19.6569 17.0931 21 18.75 21C20.4069 21 21.75 19.6569 21.75 18C21.75 16.3431 20.4069 15 18.75 15ZM14.25 18C14.25 15.5147 16.2647 13.5 18.75 13.5C21.2353 13.5 23.25 15.5147 23.25 18C23.25 20.4853 21.2353 22.5 18.75 22.5C16.2647 22.5 14.25 20.4853 14.25 18Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M15.953 7.08815C16.1031 7.4742 15.9119 7.90886 15.5258 8.059L9.01785 10.59C8.6318 10.7401 8.19714 10.5489 8.047 10.1628C7.89686 9.7768 8.08811 9.34214 8.47415 9.192L14.9822 6.661C15.3682 6.51086 15.8029 6.70211 15.953 7.08815Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M7.93418 12.5926C8.11942 12.2221 8.56993 12.0719 8.94041 12.2572L15.7304 15.6522C16.1009 15.8374 16.2511 16.2879 16.0658 16.6584C15.8806 17.0289 15.4301 17.1791 15.0596 16.9938L8.26959 13.5988C7.89911 13.4136 7.74894 12.9631 7.93418 12.5926Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Interaction/TeamIcon.tsx

@@ -0,0 +1,68 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function TeamIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_122_176)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M4.17936 8.24016C4.4775 7.95261 4.9523 7.96121 5.23984 8.25936C6.10074 9.152 7.21323 9.76109 8.42905 10.0055C9.64488 10.2498 10.9063 10.1179 12.0452 9.6272C12.4257 9.46331 12.8669 9.63884 13.0308 10.0192C13.1947 10.3997 13.0192 10.8409 12.6388 11.0048C11.2198 11.6161 9.64822 11.7805 8.13347 11.4761C6.61872 11.1716 5.23272 10.4128 4.16016 9.30064C3.87261 9.0025 3.88121 8.5277 4.17936 8.24016Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M8.249 7.5C6.38504 7.5 4.874 9.01104 4.874 10.875C4.874 12.739 6.38504 14.25 8.249 14.25C10.113 14.25 11.624 12.739 11.624 10.875C11.624 9.01104 10.113 7.5 8.249 7.5ZM3.374 10.875C3.374 8.18261 5.55661 6 8.249 6C10.9414 6 13.124 8.18261 13.124 10.875C13.124 13.5674 10.9414 15.75 8.249 15.75C5.55661 15.75 3.374 13.5674 3.374 10.875Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.999 1.5C6.20001 1.5 1.499 6.20101 1.499 12C1.499 17.799 6.20001 22.5 11.999 22.5C17.798 22.5 22.499 17.799 22.499 12C22.499 6.20101 17.798 1.5 11.999 1.5ZM-0.000999451 12C-0.000999451 5.37258 5.37158 0 11.999 0C18.6264 0 23.999 5.37258 23.999 12C23.999 18.6274 18.6264 24 11.999 24C5.37158 24 -0.000999451 18.6274 -0.000999451 12Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.22741 16.0251C7.67012 15.621 9.20078 15.6584 10.622 16.1323C12.0433 16.6063 13.29 17.4951 14.2015 18.6842C15.1129 19.8733 15.6473 21.3081 15.7357 22.8037C15.7601 23.2172 15.4447 23.5723 15.0313 23.5967C14.6178 23.6211 14.2627 23.3057 14.2383 22.8923C14.1676 21.6958 13.7401 20.548 13.011 19.5967C12.2819 18.6455 11.2845 17.9345 10.1475 17.5553C9.01055 17.1762 7.78606 17.1463 6.63193 17.4695C5.47781 17.7927 4.44695 18.4542 3.67228 19.3688C3.40455 19.6848 2.9313 19.724 2.61524 19.4563C2.29918 19.1886 2.25999 18.7153 2.52772 18.3992C3.49609 17.256 4.7847 16.4291 6.22741 16.0251Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M17.624 11.25C16.5885 11.25 15.749 12.0895 15.749 13.125C15.749 14.1605 16.5885 15 17.624 15C18.6595 15 19.499 14.1605 19.499 13.125C19.499 12.0895 18.6595 11.25 17.624 11.25ZM14.249 13.125C14.249 11.261 15.76 9.75 17.624 9.75C19.488 9.75 20.999 11.261 20.999 13.125C20.999 14.989 19.488 16.5 17.624 16.5C15.76 16.5 14.249 14.989 14.249 13.125Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M17.1434 15.7715C18.0528 15.688 18.9682 15.8431 19.7993 16.2216C20.6304 16.6 21.3484 17.1886 21.8824 17.9294C22.1246 18.2654 22.0486 18.7342 21.7126 18.9764C21.3766 19.2186 20.9078 19.1426 20.6656 18.8066C20.2842 18.2775 19.7713 17.857 19.1777 17.5867C18.5841 17.3164 17.9302 17.2056 17.2806 17.2652C16.6311 17.3249 16.0084 17.553 15.4739 17.9269C14.9395 18.3008 14.5118 18.8077 14.2331 19.3974C14.0561 19.7719 13.6091 19.9321 13.2346 19.7551C12.8601 19.5781 12.6999 19.1311 12.8769 18.7566C13.267 17.9309 13.8658 17.2213 14.614 16.6978C15.3623 16.1743 16.2341 15.8551 17.1434 15.7715Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_176">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Logos/LogoBeta.tsx

@@ -0,0 +1,51 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function LogoBeta({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        width="36"
+        height="16"
+        viewBox="0 0 36 16"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <rect
+          width="36"
+          height="16"
+          rx="4"
+          fill="url(#paint0_linear_2922_39675)"
+        />
+        <path
+          d="M10.357 8.04C10.8043 8.13533 11.1637 8.359 11.435 8.711C11.7063 9.05567 11.842 9.45167 11.842 9.899C11.842 10.5443 11.6147 11.0577 11.16 11.439C10.7127 11.813 10.0857 12 9.279 12H5.682V4.278H9.158C9.94267 4.278 10.555 4.45767 10.995 4.817C11.4423 5.17633 11.666 5.664 11.666 6.28C11.666 6.73467 11.545 7.11233 11.303 7.413C11.0683 7.71367 10.753 7.92267 10.357 8.04ZM7.563 7.402H8.795C9.103 7.402 9.33767 7.336 9.499 7.204C9.66767 7.06467 9.752 6.863 9.752 6.599C9.752 6.335 9.66767 6.13333 9.499 5.994C9.33767 5.85467 9.103 5.785 8.795 5.785H7.563V7.402ZM8.949 10.482C9.26433 10.482 9.50633 10.4123 9.675 10.273C9.851 10.1263 9.939 9.91733 9.939 9.646C9.939 9.37467 9.84733 9.162 9.664 9.008C9.488 8.854 9.24233 8.777 8.927 8.777H7.563V10.482H8.949ZM18.719 8.832C18.719 9.008 18.708 9.19133 18.686 9.382H14.429C14.4583 9.76333 14.5793 10.0567 14.792 10.262C15.012 10.46 15.2796 10.559 15.595 10.559C16.0643 10.559 16.3906 10.361 16.574 9.965H18.576C18.4733 10.3683 18.2863 10.7313 18.015 11.054C17.751 11.3767 17.4173 11.6297 17.014 11.813C16.6106 11.9963 16.1596 12.088 15.661 12.088C15.0596 12.088 14.5243 11.9597 14.055 11.703C13.5856 11.4463 13.219 11.0797 12.955 10.603C12.691 10.1263 12.559 9.569 12.559 8.931C12.559 8.293 12.6873 7.73567 12.944 7.259C13.208 6.78233 13.5746 6.41567 14.044 6.159C14.5133 5.90233 15.0523 5.774 15.661 5.774C16.255 5.774 16.783 5.89867 17.245 6.148C17.707 6.39733 18.0663 6.753 18.323 7.215C18.587 7.677 18.719 8.216 18.719 8.832ZM16.794 8.337C16.794 8.01433 16.684 7.75767 16.464 7.567C16.244 7.37633 15.969 7.281 15.639 7.281C15.3236 7.281 15.056 7.37267 14.836 7.556C14.6233 7.73933 14.4913 7.99967 14.44 8.337H16.794ZM23.1323 10.405V12H22.1753C21.4933 12 20.9616 11.835 20.5803 11.505C20.199 11.1677 20.0083 10.6213 20.0083 9.866V7.424H19.2603V5.862H20.0083V4.366H21.8893V5.862H23.1213V7.424H21.8893V9.888C21.8893 10.0713 21.9333 10.2033 22.0213 10.284C22.1093 10.3647 22.256 10.405 22.4613 10.405H23.1323ZM23.806 8.92C23.806 8.28933 23.9234 7.73567 24.158 7.259C24.4 6.78233 24.7264 6.41567 25.137 6.159C25.5477 5.90233 26.006 5.774 26.512 5.774C26.9447 5.774 27.3224 5.862 27.645 6.038C27.975 6.214 28.228 6.445 28.404 6.731V5.862H30.285V12H28.404V11.131C28.2207 11.417 27.964 11.648 27.634 11.824C27.3114 12 26.9337 12.088 26.501 12.088C26.0024 12.088 25.5477 11.9597 25.137 11.703C24.7264 11.439 24.4 11.0687 24.158 10.592C23.9234 10.108 23.806 9.55067 23.806 8.92ZM28.404 8.931C28.404 8.46167 28.272 8.09133 28.008 7.82C27.7514 7.54867 27.436 7.413 27.062 7.413C26.688 7.413 26.369 7.54867 26.105 7.82C25.8484 8.084 25.72 8.45067 25.72 8.92C25.72 9.38933 25.8484 9.76333 26.105 10.042C26.369 10.3133 26.688 10.449 27.062 10.449C27.436 10.449 27.7514 10.3133 28.008 10.042C28.272 9.77067 28.404 9.40033 28.404 8.931Z"
+          fill="white"
+        />
+        <defs>
+          <linearGradient
+            id="paint0_linear_2922_39675"
+            x1="-7.625"
+            y1="-2.70364"
+            x2="6.88516"
+            y2="28.8617"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#0077FF" />
+            <stop offset="0.275098" stop-color="#7434F8" />
+            <stop offset="0.461172" stop-color="#9024F6" />
+            <stop offset="0.621185" stop-color="#A62DD1" />
+            <stop offset="1" stop-color="#F54C4C" />
+          </linearGradient>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Logos/LogoNormal.tsx

@@ -0,0 +1,37 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function LogoNormal({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        width="759"
+        height="184"
+        viewBox="0 0 759 184"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M211.158 32.8421C211.158 19.1222 222.28 8 236 8V82.5714C236 113.46 210.975 138.5 180.105 138.5C149.235 138.5 124.211 113.46 124.211 82.5714C124.211 51.6829 149.235 26.6429 180.105 26.6429C191.596 26.6429 202.276 30.1121 211.158 36.0609V32.8421ZM180.105 51.5C197.255 51.5 211.158 65.4112 211.158 82.5714C211.158 99.7317 197.255 113.643 180.105 113.643C162.955 113.643 149.053 99.7317 149.053 82.5714C149.053 65.4112 162.955 51.5 180.105 51.5ZM55.8947 26.6429C86.7645 26.6429 111.789 51.6829 111.789 82.5714C111.789 113.46 86.7645 138.5 55.8947 138.5C25.0249 138.5 0 113.46 0 82.5714C0 51.6829 25.0249 26.6429 55.8947 26.6429ZM55.8947 51.5C38.7448 51.5 24.8421 65.4112 24.8421 82.5714C24.8421 99.7317 38.7448 113.643 55.8947 113.643C73.0446 113.643 86.9474 99.7317 86.9474 82.5714C86.9474 65.4112 73.0446 51.5 55.8947 51.5ZM91.9299 151.348L82.6418 153.569L74.4296 155.399C74.4296 155.399 72.0267 155.838 71.1487 156.953C70.2708 158.067 72.4717 160.545 72.4717 160.545C72.4717 160.545 87.5945 182 117.224 182C148.573 182 160.379 163.199 162.403 159.975C162.525 159.781 162.611 159.644 162.665 159.57C163.6 158.273 163.606 157.667 163.303 156.953C162.999 156.238 161.729 155.756 161.729 155.756L146.986 152.419C146.986 152.419 142.113 151.348 141.179 151.166C140.48 151.03 139.813 151.694 139.117 152.388C138.883 152.621 138.646 152.857 138.403 153.068C138.342 153.121 138.257 153.2 138.148 153.301C136.528 154.801 129.601 161.215 117.224 160.868C104.955 160.523 100.44 156.889 98.0212 154.942C97.8353 154.792 97.6618 154.652 97.4981 154.525C96.3579 153.637 95.6444 152.909 95.1167 152.37C94.5829 151.825 94.2392 151.474 93.8364 151.348C93.0353 151.1 91.9299 151.348 91.9299 151.348Z"
+          fill="#0077FF"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M542.626 24.9231H530.186C530.186 11.1831 519.048 0 505.308 0V25.9139V49.1858V96.0789C505.308 138.672 542.626 137.077 542.626 137.077V108.914C542.626 108.914 530.186 107.723 530.186 88.4272V49.8462H542.626V24.9231ZM363.953 81C363.953 50.0296 338.891 24.9231 307.976 24.9231C277.061 24.9231 252 50.0296 252 81C252 111.97 277.061 137.077 307.976 137.077C320.266 137.077 331.631 133.109 340.864 126.382C344.544 135.524 353.495 141.977 363.953 141.977V81ZM339.074 81C339.074 63.7942 325.151 49.8462 307.976 49.8462C290.801 49.8462 276.878 63.7942 276.878 81C276.878 98.2058 290.801 112.154 307.976 112.154C325.151 112.154 339.074 98.2058 339.074 81ZM436.892 24.9231C467.807 24.9231 492.869 50.0296 492.869 81C492.869 111.97 467.807 137.077 436.892 137.077C425.385 137.077 414.689 133.598 405.794 127.634V137.122C405.794 150.862 394.656 162 380.916 162V81C380.916 50.0296 405.978 24.9231 436.892 24.9231ZM436.892 112.154C419.717 112.154 405.794 98.2058 405.794 81C405.794 63.7942 419.717 49.8462 436.892 49.8462C454.067 49.8462 467.99 63.7942 467.99 81C467.99 98.2058 454.067 112.154 436.892 112.154ZM662.596 81C662.596 50.0296 637.535 24.9231 606.62 24.9231C575.705 24.9231 550.644 50.0296 550.644 81C550.644 111.97 575.705 137.077 606.62 137.077C637.535 137.077 662.596 111.97 662.596 81ZM575.522 81C575.522 63.7942 589.445 49.8462 606.62 49.8462C623.795 49.8462 637.718 63.7942 637.718 81C637.718 98.2058 623.795 112.154 606.62 112.154C589.445 112.154 575.522 98.2058 575.522 81ZM732.955 134.597C727.542 136.433 721.531 137.351 714.923 137.351C708.174 137.351 702.164 136.504 696.892 134.809C691.619 133.114 687.05 130.889 683.184 128.135C679.317 125.38 676.048 122.202 673.377 118.601C670.706 114.999 668.667 111.362 667.261 107.689L677.757 103.183C685.874 99.698 694.132 104.241 701.531 109.066C705.538 111.679 710.002 112.986 714.923 112.986C719.985 112.986 723.992 112.068 726.944 110.232C729.897 108.396 731.373 106.206 731.373 103.664C731.373 100.839 730.143 98.5435 727.682 96.778C725.222 95.0124 720.969 93.4234 714.923 92.0109L700.371 88.8328C697.138 88.1266 693.799 86.9966 690.354 85.4429C686.909 83.8892 683.781 81.9118 680.969 79.5106C678.157 77.1094 675.837 74.2138 674.01 70.8239C672.182 67.434 671.268 63.4791 671.268 58.9592C671.268 53.8743 672.358 49.3544 674.537 45.3995C676.716 41.4446 679.704 38.09 683.5 35.3357C687.296 32.5813 691.76 30.4626 696.892 28.9796C702.023 27.4965 707.542 26.7549 713.447 26.7549C723.289 26.7549 732.076 28.6971 739.809 32.5813C747.541 36.4656 753.236 42.6452 756.891 51.12L733.06 60.866C731.092 56.7698 728.209 53.8037 724.413 51.9675C720.617 50.1312 716.821 49.2131 713.025 49.2131C709.088 49.2131 705.644 50.0253 702.691 51.6497C699.739 53.274 698.262 55.3574 698.262 57.8998C698.262 60.301 699.493 62.2078 701.953 63.6203C704.414 65.0328 707.753 66.304 711.971 67.434L727.788 71.2476C738.332 73.7901 746.171 77.8509 751.302 83.4302C756.434 89.0094 759 95.6127 759 103.24C759 107.76 757.946 112.068 755.837 116.164C753.728 120.26 750.74 123.897 746.874 127.075C743.007 130.253 738.368 132.761 732.955 134.597Z"
+          fill="#00040A"
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Logos/LogoSmall.tsx

@@ -0,0 +1,31 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function LogoSmall({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="236"
+        height="174"
+        viewBox="0 0 236 174"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M211.158 24.8421C211.158 11.1222 222.28 0 236 0V74.5714C236 105.46 210.975 130.5 180.105 130.5C149.235 130.5 124.211 105.46 124.211 74.5714C124.211 43.6829 149.235 18.6429 180.105 18.6429C191.596 18.6429 202.276 22.1121 211.158 28.0609V24.8421ZM180.105 43.5C197.255 43.5 211.158 57.4112 211.158 74.5714C211.158 91.7317 197.255 105.643 180.105 105.643C162.955 105.643 149.053 91.7317 149.053 74.5714C149.053 57.4112 162.955 43.5 180.105 43.5ZM55.8947 18.6429C86.7645 18.6429 111.789 43.6829 111.789 74.5714C111.789 105.46 86.7645 130.5 55.8947 130.5C25.0249 130.5 0 105.46 0 74.5714C0 43.6829 25.0249 18.6429 55.8947 18.6429ZM55.8947 43.5C38.7448 43.5 24.8421 57.4112 24.8421 74.5714C24.8421 91.7317 38.7448 105.643 55.8947 105.643C73.0446 105.643 86.9474 91.7317 86.9474 74.5714C86.9474 57.4112 73.0446 43.5 55.8947 43.5ZM91.9299 143.348L82.6418 145.569L74.4296 147.399C74.4296 147.399 72.0267 147.838 71.1487 148.953C70.2708 150.067 72.4717 152.545 72.4717 152.545C72.4717 152.545 87.5945 174 117.224 174C148.573 174 160.379 155.199 162.403 151.975C162.525 151.781 162.611 151.644 162.665 151.57C163.6 150.273 163.606 149.667 163.303 148.953C162.999 148.238 161.729 147.756 161.729 147.756L146.986 144.419C146.986 144.419 142.113 143.348 141.179 143.166C140.48 143.03 139.813 143.694 139.117 144.388C138.883 144.621 138.646 144.857 138.403 145.068C138.342 145.121 138.257 145.2 138.148 145.301C136.528 146.801 129.601 153.215 117.224 152.868C104.955 152.523 100.44 148.889 98.0212 146.942C97.8353 146.792 97.6618 146.652 97.4981 146.525C96.3579 145.637 95.6444 144.909 95.1167 144.37C94.5829 143.825 94.2392 143.474 93.8364 143.348C93.0353 143.1 91.9299 143.348 91.9299 143.348Z"
+          fill="#0077FF"
+        />
+      </svg>
+    </SvgIcon>
+  );
+}