react-core-ts 1.0.50 → 1.1.21

package/src/components/customIcons/iconslibrary/RevertedIcon.tsx

@@ -0,0 +1,34 @@
+const RevertedIcon = () => {
+  return (
+    <>
+      <mask
+        id="mask0_5959_6009"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="35"
+        height="35"
+      >
+        <path
+          d="M17.4992 33.5745C19.6101 33.5772 21.7008 33.1628 23.651 32.3549C25.6012 31.5471 27.3726 30.3618 28.8633 28.8672C30.3579 27.3765 31.5432 25.6051 32.351 23.6549C33.1589 21.7047 33.5733 19.614 33.5706 17.5031C33.5733 15.3922 33.1588 13.3015 32.351 11.3513C31.5431 9.40105 30.3579 7.62969 28.8633 6.13898C27.3726 4.64435 25.6012 3.45906 23.651 2.65122C21.7008 1.84338 19.6101 1.42892 17.4992 1.43165C15.3883 1.42896 13.2976 1.84345 11.3474 2.65128C9.39715 3.45912 7.62578 4.64439 6.13507 6.13898C4.64048 7.62969 3.45522 9.40105 2.64738 11.3513C1.83954 13.3015 1.42506 15.3922 1.42775 17.5031C1.42501 19.614 1.83948 21.7047 2.64732 23.6549C3.45516 25.6051 4.64045 27.3765 6.13507 28.8672C7.62578 30.3618 9.39715 31.547 11.3474 32.3549C13.2976 33.1627 15.3883 33.5772 17.4992 33.5745Z"
+          fill="white"
+          stroke="white"
+          strokeWidth="2.57143"
+          strokeLinejoin="round"
+        />
+      </mask>
+      <g mask="url(#mask0_5959_6009)">
+        <path d="M0 0H35V35H0V0Z" fill="#FF9D00" />
+        <path
+          d="M10.5723 13.6469H19.9473C23.0539 13.6469 25.5723 16.2324 25.5723 19.4219C25.5723 22.6113 23.0539 25.1969 19.9473 25.1969H10.5723M10.5723 13.6469L14.3223 9.79688M10.5723 13.6469L14.3223 17.4969"
+          stroke="white"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </>
+  )
+}
+
+export default RevertedIcon

package/src/components/customIcons/iconslibrary/RightArrow.tsx

@@ -0,0 +1,12 @@
+const RightArrow = () => {
+  return (
+    <path
+      d="M9 18L15 12L9 6"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  )
+}
+export default RightArrow

package/src/components/customIcons/iconslibrary/RightDouble.tsx

@@ -0,0 +1,12 @@
+const RightDouble = () => {
+  return (
+    <path
+      d="M4.80005 18L10.8 12L4.80005 6M13.2 18L19.2 12L13.2 6"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  )
+}
+export default RightDouble

package/src/components/customIcons/iconslibrary/SeaRecord.tsx

@@ -0,0 +1,18 @@
+const SeaRecordIcon = () => {
+  return (
+    <>
+      <g clipPath="url(#clip0_2577_1828)">
+        <path
+          d="M22.64 20.86H19.85L21.11 15.34C21.34 14.32 20.86 13.26 19.94 12.76L19.08 12.3V7.51999C19.08 6.98999 18.87 6.47999 18.49 6.10999C18.11 5.73999 17.61 5.52999 17.08 5.52999H16.51V3.74999C16.51 2.77999 15.72 1.98999 14.75 1.98999H9.83C8.86 1.98999 8.07 2.77999 8.07 3.74999V5.52999H7.51C6.41 5.52999 5.52 6.42999 5.52 7.51999V12.3L4.66 12.77C3.74 13.27 3.26 14.33 3.49 15.35L4.75 20.86H1.96C1.43 20.86 1 21.29 1 21.82C1 22.35 1.43 22.78 1.96 22.78H22.63C23.16 22.78 23.59 22.35 23.59 21.82C23.59 21.29 23.16 20.86 22.63 20.86H22.64ZM10 3.92999H14.59V5.53999H10V3.92999ZM7.5 7.45999H17.08C17.08 7.45999 17.15 7.48999 17.15 7.52999V11.28L13.42 9.24999C13.08 9.06999 12.69 8.96999 12.31 8.96999C11.93 8.96999 11.54 9.06999 11.2 9.24999L7.45 11.27V7.64999V7.51999C7.45 7.51999 7.45 7.48999 7.47 7.46999L7.49 7.31999C7.49 7.31999 7.5 7.31999 7.52 7.31999V7.45999H7.5ZM13.26 20.86V11.36L19.02 14.47C19.18 14.56 19.26 14.74 19.23 14.92L17.87 20.86H13.26ZM5.37 14.92C5.33 14.74 5.42 14.56 5.58 14.47L11.34 11.36V20.86H6.73L5.37 14.92Z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_2577_1828">
+          <rect width="22.6" height="20.79" fill="white" transform="translate(1 2)" />
+        </clipPath>
+      </defs>
+    </>
+  )
+}
+export default SeaRecordIcon

package/src/components/customIcons/iconslibrary/SeaServiceIcon.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+
+import { IconProps } from '../../../commontypes'
+
+const SeaServiceIcon: React.FC<IconProps> = ({ className = '', stroke = 1.5 }) => {
+  return (
+    <>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.3941 11.9999H4.70743C4.58528 11.9998 4.46567 11.965 4.3626 11.8994C4.25954 11.8339 4.17729 11.7403 4.12549 11.6297C4.07368 11.519 4.05447 11.396 4.07009 11.2748C4.08572 11.1537 4.13554 11.0395 4.21371 10.9456L10.6423 3.23132C10.7142 3.14501 10.8075 3.07906 10.9128 3.04003C11.0182 3.00101 11.1319 2.99027 11.2427 3.00889C11.3782 2.99252 11.5156 3.00508 11.6458 3.04574C11.7761 3.08641 11.8962 3.15425 11.9983 3.24478C12.1003 3.33532 12.1821 3.44649 12.238 3.57094C12.2939 3.6954 12.3228 3.83031 12.3227 3.96675L12.3214 14.5713H20.3571C20.4611 14.5713 20.5634 14.5965 20.6555 14.6447C20.7476 14.693 20.8265 14.7628 20.8857 14.8483C20.9448 14.9337 20.9824 15.0322 20.9951 15.1354C21.0079 15.2385 20.9954 15.3432 20.9589 15.4405L19.6564 18.9145C19.4267 19.5269 19.0156 20.0547 18.478 20.4273C17.9404 20.7999 17.302 20.9997 16.6479 20.9999H7.35471C6.70061 20.9997 6.06213 20.7999 5.52455 20.4273C4.98697 20.0547 4.57586 19.5269 4.34614 18.9145L3.04114 15.4405C3.00452 15.3431 2.99208 15.2383 3.00489 15.135C3.0177 15.0318 3.05537 14.9332 3.11467 14.8477C3.17397 14.7623 3.25313 14.6924 3.34536 14.6443C3.43758 14.5962 3.54011 14.5711 3.64414 14.5713H10.3941V11.9999ZM15.0626 5.82332C14.9807 5.71715 14.8677 5.63921 14.7394 5.60043C14.6111 5.56165 14.4738 5.56395 14.3469 5.60703C14.2199 5.6501 14.1096 5.73178 14.0314 5.84065C13.9531 5.94952 13.9109 6.08012 13.9106 6.21418V11.357C13.9106 11.5275 13.9783 11.691 14.0989 11.8116C14.2194 11.9322 14.3829 11.9999 14.5534 11.9999H18.5006C18.6204 11.9997 18.7378 11.9659 18.8395 11.9025C18.9411 11.8391 19.0231 11.7486 19.076 11.6411C19.129 11.5336 19.1508 11.4134 19.1391 11.2942C19.1274 11.1749 19.0826 11.0613 19.0097 10.9662L15.0626 5.82332Z"
+        fill="currentColor"
+      />
+    </>
+  )
+}
+
+export default SeaServiceIcon

package/src/components/customIcons/iconslibrary/SeafarerIcon.tsx

@@ -0,0 +1,12 @@
+const SeafarerIcon = () => {
+  return (
+    <path
+      d="M11.2052 15.9743V1.66663L3.25649 11.2051H11.2052M14.3847 4.84611L19.9488 11.2051H14.3847M22.3334 15.9743H1.66675L3.25649 20.2666C3.48386 20.8752 3.89219 21.3995 4.42653 21.769C4.96087 22.1384 5.59557 22.3354 6.24521 22.3333H17.7231C18.3728 22.3354 19.0075 22.1384 19.5418 21.769C20.0762 21.3995 20.4845 20.8752 20.7119 20.2666L22.3334 15.9743Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  )
+}
+export default SeafarerIcon

package/src/components/customIcons/iconslibrary/SearchIcon.tsx

@@ -0,0 +1,12 @@
+const SearchIcon = () => {
+  return (
+    <path
+      d="M17.5 17.5L14.5834 14.5833M16.6667 9.58333C16.6667 13.4953 13.4953 16.6667 9.58333 16.6667C5.67132 16.6667 2.5 13.4953 2.5 9.58333C2.5 5.67132 5.67132 2.5 9.58333 2.5C13.4953 2.5 16.6667 5.67132 16.6667 9.58333Z"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  )
+}
+export default SearchIcon

package/src/components/customIcons/iconslibrary/Section.tsx

@@ -0,0 +1,31 @@
+const Section = () => {
+  return (
+    <>
+      <svg
+        width="22"
+        height="24"
+        viewBox="0 0 22 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g clipPath="url(#clip0_2622_21888)">
+          <path
+            d="M19.575 4.5C19.754 4.5 19.9257 4.57902 20.0523 4.71967C20.1789 4.86032 20.25 5.05109 20.25 5.25V18.75C20.25 18.9489 20.1789 19.1397 20.0523 19.2803C19.9257 19.421 19.754 19.5 19.575 19.5H2.025C1.84598 19.5 1.67429 19.421 1.5477 19.2803C1.42112 19.1397 1.35 18.9489 1.35 18.75V5.25C1.35 5.05109 1.42112 4.86032 1.5477 4.71967C1.67429 4.57902 1.84598 4.5 2.025 4.5H19.575ZM2.025 3C1.48794 3 0.97287 3.23705 0.593109 3.65901C0.213348 4.08097 0 4.65326 0 5.25L0 18.75C0 19.3467 0.213348 19.919 0.593109 20.341C0.97287 20.7629 1.48794 21 2.025 21H19.575C20.1121 21 20.6271 20.7629 21.0069 20.341C21.3867 19.919 21.6 19.3467 21.6 18.75V5.25C21.6 4.65326 21.3867 4.08097 21.0069 3.65901C20.6271 3.23705 20.1121 3 19.575 3H2.025Z"
+            fill="currentColor"
+          />
+          <path
+            d="M4.05005 12.75C4.05005 12.5511 4.12116 12.3603 4.24775 12.2197C4.37434 12.079 4.54603 12 4.72505 12H16.875C17.0541 12 17.2258 12.079 17.3523 12.2197C17.4789 12.3603 17.55 12.5511 17.55 12.75C17.55 12.9489 17.4789 13.1397 17.3523 13.2803C17.2258 13.421 17.0541 13.5 16.875 13.5H4.72505C4.54603 13.5 4.37434 13.421 4.24775 13.2803C4.12116 13.1397 4.05005 12.9489 4.05005 12.75ZM4.05005 15.75C4.05005 15.5511 4.12116 15.3603 4.24775 15.2197C4.37434 15.079 4.54603 15 4.72505 15H12.825C13.0041 15 13.1758 15.079 13.3023 15.2197C13.4289 15.3603 13.5 15.5511 13.5 15.75C13.5 15.9489 13.4289 16.1397 13.3023 16.2803C13.1758 16.421 13.0041 16.5 12.825 16.5H4.72505C4.54603 16.5 4.37434 16.421 4.24775 16.2803C4.12116 16.1397 4.05005 15.9489 4.05005 15.75ZM4.05005 8.25C4.05005 8.05109 4.12116 7.86032 4.24775 7.71967C4.37434 7.57902 4.54603 7.5 4.72505 7.5H16.875C17.0541 7.5 17.2258 7.57902 17.3523 7.71967C17.4789 7.86032 17.55 8.05109 17.55 8.25V9.75C17.55 9.94891 17.4789 10.1397 17.3523 10.2803C17.2258 10.421 17.0541 10.5 16.875 10.5H4.72505C4.54603 10.5 4.37434 10.421 4.24775 10.2803C4.12116 10.1397 4.05005 9.94891 4.05005 9.75V8.25Z"
+            fill="currentColor"
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_2622_21888">
+            <rect width="21.6" height="24" fill="currentColor" />
+          </clipPath>
+        </defs>
+      </svg>
+    </>
+  )
+}
+
+export default Section

package/src/components/customIcons/iconslibrary/SendIcon.tsx

@@ -0,0 +1,15 @@
+import React from 'react'
+
+const SendIcon: React.FC = () => {
+  return (
+    <path
+      d="M10.5004 11.9998H5.00043M4.91577 12.2913L2.58085 19.266C2.39742 19.814 2.3057 20.0879 2.37152 20.2567C2.42868 20.4032 2.55144 20.5143 2.70292 20.5565C2.87736 20.6052 3.14083 20.4867 3.66776 20.2495L20.3792 12.7294C20.8936 12.4979 21.1507 12.3822 21.2302 12.2214C21.2993 12.0818 21.2993 11.9179 21.2302 11.7782C21.1507 11.6175 20.8936 11.5017 20.3792 11.2703L3.66193 3.74752C3.13659 3.51111 2.87392 3.39291 2.69966 3.4414C2.54832 3.48351 2.42556 3.5943 2.36821 3.74054C2.30216 3.90893 2.3929 4.18231 2.57437 4.72907L4.91642 11.7854C4.94759 11.8793 4.96317 11.9262 4.96933 11.9742C4.97479 12.0169 4.97473 12.06 4.96916 12.1026C4.96289 12.1506 4.94718 12.1975 4.91577 12.2913Z"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  )
+}
+
+export default SendIcon

package/src/components/customIcons/iconslibrary/SettingIcon.tsx

@@ -0,0 +1,26 @@
+import React from 'react'
+
+import { IconProps } from '../../../commontypes'
+
+const SettingsIcon: React.FC<IconProps> = ({ className = '', stroke = 1.5 }) => {
+  return (
+    <>
+      <path
+        d="M9.39504 19.3711L9.97949 20.6856C10.1532 21.0768 10.4368 21.4093 10.7957 21.6426C11.1547 21.8759 11.5736 22.0001 12.0017 22C12.4298 22.0001 12.8488 21.8759 13.2077 21.6426C13.5667 21.4093 13.8502 21.0768 14.0239 20.6856L14.6084 19.3711C14.8164 18.9047 15.1664 18.5159 15.6084 18.26C16.0532 18.0034 16.5677 17.8941 17.0784 17.9478L18.5084 18.1C18.934 18.145 19.3636 18.0656 19.7451 17.8713C20.1265 17.6771 20.4434 17.3763 20.6573 17.0056C20.8714 16.635 20.9735 16.2103 20.951 15.7829C20.9285 15.3555 20.7825 14.9438 20.5306 14.5978L19.6839 13.4344C19.3825 13.0171 19.2214 12.5148 19.2239 12C19.2238 11.4866 19.3864 10.9864 19.6884 10.5711L20.535 9.40778C20.7869 9.06175 20.933 8.65007 20.9554 8.22267C20.9779 7.79528 20.8759 7.37054 20.6617 7C20.4478 6.62923 20.1309 6.32849 19.7495 6.13423C19.3681 5.93997 18.9385 5.86053 18.5128 5.90556L17.0828 6.05778C16.5722 6.11141 16.0576 6.00212 15.6128 5.74556C15.1699 5.48825 14.8199 5.09736 14.6128 4.62889L14.0239 3.31444C13.8502 2.92317 13.5667 2.59072 13.2077 2.3574C12.8488 2.12408 12.4298 1.99993 12.0017 2C11.5736 1.99993 11.1547 2.12408 10.7957 2.3574C10.4368 2.59072 10.1532 2.92317 9.97949 3.31444L9.39504 4.62889C9.18797 5.09736 8.83792 5.48825 8.39504 5.74556C7.95026 6.00212 7.43571 6.11141 6.92504 6.05778L5.4906 5.90556C5.06493 5.86053 4.63534 5.93997 4.25391 6.13423C3.87249 6.32849 3.55561 6.62923 3.34171 7C3.12753 7.37054 3.02549 7.79528 3.04798 8.22267C3.07046 8.65007 3.2165 9.06175 3.46838 9.40778L4.31504 10.5711C4.61698 10.9864 4.77958 11.4866 4.77949 12C4.77958 12.5134 4.61698 13.0137 4.31504 13.4289L3.46838 14.5922C3.2165 14.9382 3.07046 15.3499 3.04798 15.7773C3.02549 16.2047 3.12753 16.6295 3.34171 17C3.55582 17.3706 3.87274 17.6712 4.25411 17.8654C4.63548 18.0596 5.06496 18.1392 5.4906 18.0944L6.9206 17.9422C7.43127 17.8886 7.94581 17.9979 8.3906 18.2544C8.83513 18.511 9.18681 18.902 9.39504 19.3711Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M11.9999 15C13.6568 15 14.9999 13.6569 14.9999 12C14.9999 10.3431 13.6568 9 11.9999 9C10.3431 9 8.99992 10.3431 8.99992 12C8.99992 13.6569 10.3431 15 11.9999 15Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </>
+  )
+}
+
+export default SettingsIcon

package/src/components/customIcons/iconslibrary/SettingsSpanner.tsx

@@ -0,0 +1,12 @@
+const SettingsSpannerIcon = () => {
+  return (
+    <path
+      d="M15.6314 7.63137C15.2353 7.23535 15.0373 7.03735 14.9631 6.80902C14.8979 6.60817 14.8979 6.39183 14.9631 6.19098C15.0373 5.96265 15.2353 5.76465 15.6314 5.36863L18.4697 2.53026C17.7165 2.18962 16.8804 2 16 2C12.6863 2 9.99998 4.68629 9.99998 8C9.99998 8.49104 10.059 8.9683 10.1702 9.42509C10.2894 9.91424 10.349 10.1588 10.3384 10.3133C10.3273 10.4751 10.3032 10.5612 10.2286 10.7051C10.1574 10.8426 10.0208 10.9791 9.7478 11.2522L3.49998 17.5C2.67156 18.3284 2.67156 19.6716 3.49998 20.5C4.32841 21.3284 5.67156 21.3284 6.49998 20.5L12.7478 14.2522C13.0208 13.9791 13.1574 13.8426 13.2949 13.7714C13.4388 13.6968 13.5249 13.6727 13.6867 13.6616C13.8412 13.651 14.0857 13.7106 14.5749 13.8297C15.0317 13.941 15.5089 14 16 14C19.3137 14 22 11.3137 22 8C22 7.11959 21.8104 6.28347 21.4697 5.53026L18.6314 8.36863C18.2353 8.76465 18.0373 8.96265 17.809 9.03684C17.6082 9.1021 17.3918 9.1021 17.191 9.03684C16.9626 8.96265 16.7646 8.76465 16.3686 8.36863L15.6314 7.63137Z"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  )
+}
+export default SettingsSpannerIcon

package/src/components/customIcons/iconslibrary/ShpIcon.tsx

@@ -0,0 +1,13 @@
+const ShipIcon = () => {
+  return (
+    <path
+      d="M19.8333 16.7542L22 12.2145L17.6667 11.2056M17.6667 11.2056L12.25 9.94459M17.6667 11.2056L18.75 5.40482H14.4167M12.25 9.94459V15.6193M12.25 9.94459L6.83333 11.2056M6.83333 11.2056L2.5 12.2145L4.66667 16.7542M6.83333 11.2056L5.75 5.40482H10.0833M10.0833 5.40482V2H14.4167V5.40482M10.0833 5.40482H14.4167M2.5 21.294L3.84865 20.7288C4.69982 20.3722 5.66404 20.4773 6.4268 21.01C7.58928 21.822 9.14612 21.6054 10.0661 20.504L10.1047 20.4578C11.2404 19.098 13.2596 19.098 14.3953 20.4578L14.4339 20.504C15.3539 21.6054 16.9107 21.822 18.0732 21.01C18.836 20.4773 19.8002 20.3722 20.6514 20.7288L22 21.294"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  )
+}
+
+export default ShipIcon

package/src/components/customIcons/iconslibrary/ShpSmallIcon.tsx

@@ -0,0 +1,10 @@
+const ShipSmallIcon = () => {
+  return (
+    <path
+      d="M2.66668 6.93334V2.66667C2.66668 2.29849 2.96516 2.00001 3.33334 2.00001H6.66668V0.666672H9.33334V2.00001H12.6667C13.0349 2.00001 13.3333 2.29849 13.3333 2.66667V6.93334L14.0571 7.15047C14.3983 7.25281 14.5987 7.60521 14.5123 7.95074L13.5011 11.9959C13.4455 11.9986 13.3896 12 13.3333 12C12.9479 12 12.5777 11.9346 12.2333 11.8142L13.0667 8.24667L8.00001 6.66667L2.93334 8.24667L3.76673 11.8142C3.42233 11.9346 3.05214 12 2.66668 12C2.61044 12 2.55453 11.9986 2.49898 11.9959L1.48769 7.95074C1.40131 7.60521 1.60176 7.25281 1.94288 7.15047L2.66668 6.93334ZM4.00001 6.53334L8.00001 5.33334L12 6.53334V3.33334H4.00001V6.53334ZM2.66668 13.3333C3.69115 13.3333 4.62567 12.9482 5.33334 12.3148C6.04102 12.9482 6.97554 13.3333 8.00001 13.3333C9.02448 13.3333 9.95901 12.9482 10.6667 12.3148C11.3743 12.9482 12.3089 13.3333 13.3333 13.3333H14.6667V14.6667H13.3333C12.3619 14.6667 11.4511 14.4069 10.6667 13.9531C9.88221 14.4069 8.97141 14.6667 8.00001 14.6667C7.02861 14.6667 6.1178 14.4069 5.33334 13.9531C4.54888 14.4069 3.63811 14.6667 2.66668 14.6667H1.33334V13.3333H2.66668Z"
+      fill="#3D414A"
+    />
+  )
+}
+
+export default ShipSmallIcon

package/src/components/customIcons/iconslibrary/SideMenuLogoutIcon.tsx

@@ -0,0 +1,13 @@
+const SideMenuLogout = () => {
+  return (
+    <path
+      d="M12.0001 2V12M18.3601 6.64C19.6185 7.89879 20.4754 9.50244 20.8224 11.2482C21.1694 12.9939 20.991 14.8034 20.3098 16.4478C19.6285 18.0921 18.4749 19.4976 16.9949 20.4864C15.515 21.4752 13.775 22.0029 11.9951 22.0029C10.2152 22.0029 8.47527 21.4752 6.99529 20.4864C5.51532 19.4976 4.36176 18.0921 3.68049 16.4478C2.99921 14.8034 2.82081 12.9939 3.16784 11.2482C3.51487 9.50244 4.37174 7.89879 5.63012 6.64"
+      stroke="white"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  )
+}
+
+export default SideMenuLogout

package/src/components/customIcons/iconslibrary/SignOffIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+
+import { IconProps } from '../../../commontypes'
+
+const SignOffIcon: React.FC<IconProps> = ({ className = '', stroke = 1.5 }) => {
+  return (
+    <>
+      <path
+        d="M5 21C4.45 21 3.97933 20.8043 3.588 20.413C3.19667 20.0217 3.00067 19.5507 3 19V5C3 4.45 3.196 3.97933 3.588 3.588C3.98 3.19667 4.45067 3.00067 5 3H12V5H5V19H12V21H5ZM16 17L14.625 15.55L17.175 13H9V11H17.175L14.625 8.45L16 7L21 12L16 17Z"
+        fill="currentColor"
+      />
+    </>
+  )
+}
+
+export default SignOffIcon

package/src/components/customIcons/iconslibrary/SignOnIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+
+import { IconProps } from '../../../commontypes'
+
+const SignOnIcon: React.FC<IconProps> = ({ className = '', stroke = 1.5 }) => {
+  return (
+    <>
+      <path
+        d="M11.9998 21V19H4.99976V5H11.9998V3H4.99976C4.44975 3 3.97876 3.196 3.58676 3.588C3.19476 3.98 2.99909 4.45067 2.99976 5V19C2.99976 19.55 3.19542 20.021 3.58676 20.413C3.97809 20.805 4.44909 21.0007 4.99976 21H11.9998ZM13.9998 17L15.3748 15.55L12.8248 13H20.9998V11H12.8248L15.3748 8.45L13.9998 7L8.99976 12L13.9998 17Z"
+        fill="currentColor"
+      />
+    </>
+  )
+}
+
+export default SignOnIcon

package/src/components/customIcons/iconslibrary/Slash.tsx

@@ -0,0 +1,15 @@
+import React from 'react'
+
+const Slash = () => {
+  return (
+    <path
+      d="M7 22L17 2"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  )
+}
+
+export default Slash

package/src/components/customIcons/iconslibrary/SortArrow.tsx

@@ -0,0 +1,15 @@
+const SortArrow = () => {
+  return (
+    <>
+      <path
+        d="M15 1V17M15 17L11 13M15 17L19 13M5 17V1M5 1L1 5M5 1L9 5"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </>
+  )
+}
+
+export default SortArrow

package/src/components/customIcons/iconslibrary/SortAscIcon.tsx

@@ -0,0 +1,10 @@
+const SortAscIcon = () => {
+  return (
+    <path
+      d="M12.8728 9.27273V22H11.0546V9.27273H5.6001L11.9637 2L18.3274 9.27273H12.8728Z"
+      fill="currentColor"
+    />
+  )
+}
+
+export default SortAscIcon

package/src/components/customIcons/iconslibrary/SortDescIcon.tsx

@@ -0,0 +1,10 @@
+const SortDesc = () => {
+  return (
+    <path
+      d="M11.1272 14.7273L11.1272 2H12.9454L12.9454 14.7273H18.3999L12.0363 22L5.67263 14.7273L11.1272 14.7273Z"
+      fill="currentColor"
+    />
+  )
+}
+
+export default SortDesc

package/src/components/customIcons/iconslibrary/SortDown.tsx

@@ -0,0 +1,15 @@
+const SortDown = () => {
+  return (
+    <>
+      <path
+        d="M3 12.75H7.5M3 9H9.75M13.5 8.25V14.25M13.5 14.25L15.75 12M13.5 14.25L11.25 12M3 5.25H12"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </>
+  )
+}
+
+export default SortDown

package/src/components/customIcons/iconslibrary/StaredVerifiedIcon.tsx

@@ -0,0 +1,11 @@
+const StaredVerifiedIcon = () => {
+  return (
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3.00207 15.2715L1.89505 14.1645C1.32188 13.5899 1 12.8115 1 12C1 11.1885 1.32188 10.4101 1.89505 9.83553L3.00207 8.72851C3.12951 8.60168 3.23054 8.45085 3.29934 8.28474C3.36814 8.11863 3.40334 7.94053 3.4029 7.76074V6.46364C3.40385 5.65217 3.72662 4.87421 4.30041 4.30042C4.87421 3.72662 5.65217 3.40385 6.46363 3.40289H7.76074C7.94054 3.40333 8.11863 3.36813 8.28474 3.29934C8.45085 3.23054 8.60168 3.1295 8.72852 3.00207L9.83554 1.89504C10.4101 1.32188 11.1885 1 12 1C12.8115 1 13.5899 1.32188 14.1645 1.89504L15.2715 3.00207C15.3983 3.1295 15.5491 3.23054 15.7153 3.29934C15.8814 3.36813 16.0595 3.40333 16.2393 3.40289H17.5364C18.3478 3.40384 19.1258 3.72662 19.6996 4.30041C20.2734 4.87421 20.5962 5.65217 20.5971 6.46364V7.76075C20.5967 7.94054 20.6319 8.11864 20.7007 8.28475C20.7695 8.45086 20.8705 8.60169 20.9979 8.72852L22.105 9.83554C22.6781 10.4101 23 11.1885 23 12C23 12.8115 22.6781 13.5899 22.105 14.1645L20.9979 15.2715C20.8705 15.3983 20.7695 15.5491 20.7007 15.7153C20.6319 15.8814 20.5967 16.0595 20.5971 16.2393V17.5364C20.5962 18.3478 20.2734 19.1258 19.6996 19.6996C19.1258 20.2734 18.3478 20.5962 17.5364 20.5971H16.2393C16.0595 20.5967 15.8814 20.6319 15.7153 20.7007C15.5491 20.7695 15.3983 20.8705 15.2715 20.9979L14.1645 22.105C13.5899 22.6781 12.8115 23 12 23C11.1885 23 10.4101 22.6781 9.83554 22.105L8.72852 20.9979C8.60168 20.8705 8.45085 20.7695 8.28474 20.7007C8.11863 20.6319 7.94054 20.5967 7.76074 20.5971H6.46364C5.65217 20.5962 4.87421 20.2734 4.30042 19.6996C3.72662 19.1258 3.40385 18.3478 3.4029 17.5364V16.2393C3.40334 16.0595 3.36814 15.8814 3.29934 15.7153C3.23054 15.5491 3.12951 15.3983 3.00207 15.2715ZM10.5476 15.0383C10.445 14.9958 10.3517 14.9334 10.2731 14.8548L8.01654 12.5982C7.86022 12.439 7.77309 12.2245 7.7741 12.0014C7.77511 11.7784 7.86418 11.5647 8.02193 11.4069C8.17968 11.2492 8.39335 11.1601 8.61644 11.1591C8.83954 11.1581 9.054 11.2452 9.21318 11.4015L10.8715 13.0598L14.7868 9.1449C14.8653 9.06606 14.9586 9.00348 15.0613 8.96074C15.1641 8.918 15.2742 8.89595 15.3855 8.89583C15.4968 8.89572 15.607 8.91755 15.7098 8.96008C15.8126 9.00261 15.906 9.06501 15.9847 9.14369C16.0634 9.22237 16.1258 9.31579 16.1683 9.41862C16.2108 9.52144 16.2326 9.63164 16.2325 9.74291C16.2324 9.85418 16.2104 9.96433 16.1676 10.0671C16.1249 10.1698 16.0623 10.2631 15.9834 10.3416L11.4698 14.8548C11.3913 14.9334 11.298 14.9958 11.1953 15.0383C11.0926 15.0808 10.9826 15.1027 10.8715 15.1027C10.7603 15.1027 10.6503 15.0808 10.5476 15.0383Z"
+      fill="#1D9BF0"
+    />
+  )
+}
+export default StaredVerifiedIcon

package/src/components/customIcons/iconslibrary/StepperCheckIcon.tsx

@@ -0,0 +1,13 @@
+const StepperCheckIcon = () => {
+  return (
+    <path
+      d="M9 12L11 14L15.5 9.5M9.2019 20.6009C9.52965 20.5575 9.86073 20.6464 10.1218 20.8475L11.3251 21.7708C11.7228 22.0764 12.2761 22.0764 12.6727 21.7708L13.9215 20.812C14.1548 20.6331 14.4492 20.5542 14.7403 20.5931L16.3024 20.7986C16.799 20.8642 17.2779 20.5875 17.4701 20.1242L18.0712 18.6709C18.1834 18.3987 18.3989 18.1832 18.6711 18.0709L20.1243 17.4698C20.5876 17.2787 20.8643 16.7988 20.7987 16.3021L20.601 14.7966C20.5576 14.4688 20.6465 14.1377 20.8476 13.8766L21.7709 12.6733C22.0764 12.2755 22.0764 11.7222 21.7709 11.3256L20.812 10.0767C20.6332 9.84339 20.5543 9.54896 20.5932 9.25785L20.7987 7.69568C20.8643 7.19902 20.5876 6.72015 20.1243 6.52793L18.6711 5.92684C18.3989 5.81462 18.1834 5.59907 18.0712 5.32685L17.4701 3.87356C17.279 3.41024 16.799 3.13358 16.3024 3.19913L14.7403 3.40468C14.4492 3.44468 14.1548 3.36579 13.9226 3.18802L12.6738 2.22916C12.2761 1.92361 11.7228 1.92361 11.3262 2.22916L10.0774 3.18802C9.84407 3.36579 9.54965 3.44468 9.25856 3.40691L7.69647 3.20136C7.19984 3.1358 6.721 3.41246 6.52879 3.87578L5.92884 5.32907C5.81552 5.60018 5.59998 5.81573 5.32889 5.92906L3.87568 6.52904C3.41238 6.72126 3.13574 7.20013 3.20129 7.69679L3.40683 9.25897C3.4446 9.55007 3.36572 9.8445 3.18796 10.0767L2.22915 11.3256C1.92362 11.7233 1.92362 12.2767 2.22915 12.6733L3.18796 13.9222C3.36683 14.1555 3.44571 14.4499 3.40683 14.741L3.20129 16.3032C3.13574 16.7999 3.41238 17.2787 3.87568 17.471L5.32889 18.0721C5.60109 18.1843 5.81663 18.3998 5.92884 18.672L6.5299 20.1253C6.721 20.5887 7.20096 20.8653 7.69758 20.7998L9.2019 20.6009Z"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  )
+}
+
+export default StepperCheckIcon

package/src/components/customIcons/iconslibrary/StepperCheckSmall.tsx

@@ -0,0 +1,23 @@
+import React from 'react'
+
+const StepperCheckSmallIcon: React.FC = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="22"
+      height="22"
+      viewBox="0 0 22 22"
+      fill="none"
+    >
+      <circle cx="11" cy="11" r="11" fill="#003C71" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.7464 6.27444L8.58641 13.1844L6.68641 11.1544C6.33641 10.8244 5.78641 10.8044 5.38641 11.0844C4.99641 11.3744 4.88641 11.8844 5.12641 12.2944L7.37641 15.9544C7.59641 16.2944 7.97641 16.5044 8.40641 16.5044C8.81641 16.5044 9.20641 16.2944 9.42641 15.9544C9.78641 15.4844 16.6564 7.29444 16.6564 7.29444C17.5564 6.37444 16.4664 5.56444 15.7464 6.26444V6.27444Z"
+        fill="white"
+      />
+    </svg>
+  )
+}
+
+export default StepperCheckSmallIcon

package/src/components/customIcons/iconslibrary/StepperSuccess.tsx

@@ -0,0 +1,43 @@
+import React from 'react'
+
+const StepperSuccess: React.FC = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="80"
+      height="80"
+      viewBox="0 0 80 80"
+      fill="none"
+    >
+      <mask
+        id="mask0_458_4395"
+        style={{ maskType: 'luminance' }}
+        maskUnits="userSpaceOnUse"
+        x="3"
+        y="3"
+        width="74"
+        height="74"
+      >
+        <path
+          d="M40.3334 73.3337C44.7116 73.3394 49.0478 72.4797 53.0927 70.8042C57.1376 69.1287 60.8116 66.6703 63.9034 63.5704C67.0033 60.4786 69.4617 56.8046 71.1372 52.7597C72.8127 48.7148 73.6724 44.3786 73.6667 40.0004C73.6723 35.6221 72.8126 31.286 71.1371 27.2411C69.4616 23.1961 67.0032 19.5222 63.9034 16.4304C60.8116 13.3304 57.1376 10.872 53.0927 9.1965C49.0478 7.52097 44.7116 6.66135 40.3334 6.66702C35.9552 6.66144 31.619 7.52111 27.5741 9.19662C23.5292 10.8721 19.8552 13.3305 16.7634 16.4304C13.6635 19.5222 11.2051 23.1961 9.52963 27.2411C7.85411 31.286 6.99445 35.6221 7.00003 40.0004C6.99436 44.3786 7.85398 48.7148 9.5295 52.7597C11.205 56.8046 13.6634 60.4786 16.7634 63.5704C19.8552 66.6702 23.5292 69.1286 27.5741 70.8041C31.619 72.4796 35.9552 73.3393 40.3334 73.3337Z"
+          fill="white"
+          stroke="white"
+          strokeWidth="6.66667"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M27 40.0005L37 50.0005L57 30.0005"
+          stroke="black"
+          strokeWidth="6.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </mask>
+      <g mask="url(#mask0_458_4395)">
+        <path d="M0.332031 0H80.332V80H0.332031V0Z" fill="#17B26A" />
+      </g>
+    </svg>
+  )
+}
+
+export default StepperSuccess

package/src/components/customIcons/iconslibrary/SubFunctionsIcon.tsx

@@ -0,0 +1,12 @@
+const SubFunctionIcon = () => {
+  return (
+    <path
+      d="M2 7.33321L15.3333 7.33321M15.3333 7.33321C15.3333 9.17416 16.8257 10.6665 18.6667 10.6665C20.5076 10.6665 22 9.17416 22 7.33321C22 5.49226 20.5076 3.99988 18.6667 3.99988C16.8257 3.99988 15.3333 5.49226 15.3333 7.33321ZM8.66667 16.2221L22 16.2221M8.66667 16.2221C8.66667 18.063 7.17428 19.5554 5.33333 19.5554C3.49238 19.5554 2 18.063 2 16.2221C2 14.3812 3.49238 12.8888 5.33333 12.8888C7.17428 12.8888 8.66667 14.3812 8.66667 16.2221Z"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  )
+}
+export default SubFunctionIcon

package/src/components/customIcons/iconslibrary/SubMenuList.tsx

@@ -0,0 +1,22 @@
+const SubMenuListIcon = () => {
+  return (
+    <>
+      <path
+        d="M22 12C22 17.5229 17.5229 22 12 22C6.47716 22 2 17.5229 2 12C2 6.47716 6.47716 2 12 2C17.5229 2 22 6.47716 22 12Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M8.66675 9.77774C8.66675 9.16409 9.16421 8.66663 9.77786 8.66663H14.2223C14.836 8.66663 15.3334 9.16409 15.3334 9.77774V14.2222C15.3334 14.8358 14.836 15.3333 14.2223 15.3333H9.77786C9.16421 15.3333 8.66675 14.8358 8.66675 14.2222V9.77774Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </>
+  )
+}
+
+export default SubMenuListIcon

package/src/components/customIcons/iconslibrary/SuccessIcon.tsx

@@ -0,0 +1,42 @@
+const CustomSuccessIcon = () => {
+  return (
+    <>
+      <g clipPath="url(#clip0_2583_8563)">
+        <mask
+          id="mask0_2583_8563"
+          style={{ maskType: 'luminance' }}
+          maskUnits="userSpaceOnUse"
+          x="1"
+          y="1"
+          width="24"
+          height="24"
+        >
+          <path
+            d="M9.0752 16.5C10.0603 16.5013 11.0359 16.3079 11.9461 15.9309C12.8562 15.5539 13.6828 15.0007 14.3785 14.3033C15.0759 13.6076 15.6291 12.781 16.0061 11.8709C16.3831 10.9607 16.5765 9.98511 16.5752 9.00001C16.5765 8.01491 16.383 7.03927 16.006 6.12917C15.629 5.21906 15.0759 4.39242 14.3785 3.69676C13.6828 2.99927 12.8562 2.44613 11.9461 2.06914C11.0359 1.69215 10.0603 1.49873 9.0752 1.50001C8.0901 1.49875 7.11447 1.69218 6.20436 2.06917C5.29425 2.44616 4.46762 2.99928 3.77195 3.69676C3.07448 4.39242 2.52135 5.21906 2.14436 6.12917C1.76737 7.03927 1.57395 8.01491 1.5752 9.00001C1.57393 9.98511 1.76734 10.9607 2.14433 11.8709C2.52133 12.781 3.07446 13.6076 3.77195 14.3033C4.46762 15.0007 5.29425 15.5539 6.20436 15.9308C7.11447 16.3078 8.0901 16.5013 9.0752 16.5Z"
+            fill="white"
+            stroke="white"
+            strokeWidth="1.5"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M6.0752 9L8.3252 11.25L12.8252 6.75"
+            stroke="black"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </mask>
+        <g mask="url(#mask0_2583_8563)">
+          <path d="M0.074707 0H18.0747V18H0.074707V0Z" fill="#17B26A" />
+        </g>
+      </g>
+      <defs>
+        <clipPath id="clip0_2583_8563">
+          <rect width="18" height="18" fill="white" />
+        </clipPath>
+      </defs>
+    </>
+  )
+}
+
+export default CustomSuccessIcon

package/src/components/customIcons/iconslibrary/SwitchVertical.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+
+const SwitchVertical = () => {
+  return (
+    <>
+      <path
+        d="M17 4V20M17 20L13 16M17 20L21 16M7 20V4M7 4L3 8M7 4L11 8"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </>
+  )
+}
+
+export default SwitchVertical

package/src/components/customIcons/iconslibrary/TableViewDash.tsx

@@ -0,0 +1,12 @@
+const TableViewDash = () => {
+  return (
+    <path
+      d="M5 7.75V5.875C5 5.37772 5.16462 4.90081 5.45765 4.54917C5.75067 4.19754 6.1481 4 6.5625 4H17.5C17.9144 4 18.3118 4.19754 18.6049 4.54917C18.8979 4.90081 19.0625 5.37772 19.0625 5.875V7.75M5 7.75V13.375M5 7.75H9.6875M19.0625 7.75V13.375M19.0625 7.75H9.6875M5 13.375V17.125C5 17.6223 5.16462 18.0992 5.45765 18.4508C5.75067 18.8025 6.1481 19 6.5625 19H9.6875M5 13.375H9.6875M9.6875 7.75V13.375M19.0625 13.375V17.125C19.0625 17.6223 18.8979 18.0992 18.6049 18.4508C18.3118 18.8025 17.9144 19 17.5 19H9.6875M19.0625 13.375H9.6875M9.6875 19V13.375M14.375 7.75V19"
+      stroke="currentColor"
+      strokeWidth="1.2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  )
+}
+export default TableViewDash

package/src/components/customIcons/iconslibrary/ThreeDotIcon.tsx

@@ -0,0 +1,40 @@
+const ThreeDotIcon = () => {
+  return (
+    <>
+      <path
+        d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z"
+        fill="currentColor"
+      />
+      <path
+        d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z"
+        fill="currentColor"
+      />
+      <path
+        d="M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z"
+        fill="currentColor"
+      />
+      <path
+        d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </>
+  )
+}
+export default ThreeDotIcon