react-core-ts 1.1.0 → 1.1.21

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

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

@@ -0,0 +1,28 @@
+const ThreeDotIconHorizontal = () => {
+  return (
+    <>
+      <path
+        d="M11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12Z"
+        stroke="black"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M18 12C18 11.4477 18.4477 11 19 11C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13C18.4477 13 18 12.5523 18 12Z"
+        stroke="black"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M4 12C4 11.4477 4.44772 11 5 11C5.55228 11 6 11.4477 6 12C6 12.5523 5.55228 13 5 13C4.44772 13 4 12.5523 4 12Z"
+        stroke="black"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </>
+  )
+}
+export default ThreeDotIconHorizontal

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

@@ -0,0 +1,28 @@
+const ThreeDotLineIcon = () => {
+  return (
+    <>
+      <path
+        d="M8.66669 8.00008C8.66669 7.63189 8.36821 7.33341 8.00002 7.33341C7.63183 7.33341 7.33335 7.63189 7.33335 8.00008C7.33335 8.36827 7.63183 8.66675 8.00002 8.66675C8.36821 8.66675 8.66669 8.36827 8.66669 8.00008Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M4.00002 8.00008C4.00002 7.63189 3.70154 7.33341 3.33335 7.33341C2.96516 7.33341 2.66669 7.63189 2.66669 8.00008C2.66669 8.36827 2.96516 8.66675 3.33335 8.66675C3.70154 8.66675 4.00002 8.36827 4.00002 8.00008Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M13.3334 8.00008C13.3334 7.63189 13.0349 7.33341 12.6667 7.33341C12.2985 7.33341 12 7.63189 12 8.00008C12 8.36827 12.2985 8.66675 12.6667 8.66675C13.0349 8.66675 13.3334 8.36827 13.3334 8.00008Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </>
+  )
+}
+export default ThreeDotLineIcon

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

@@ -0,0 +1,15 @@
+import React from 'react'
+
+const Tonnage = () => {
+  return (
+    <>
+      <rect width="24" height="24" fill="white" />
+      <path
+        d="M7.13173 20.7371C4.07023 19.0275 2 15.7555 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 15.7555 19.9298 19.0275 16.8683 20.7371L15.9724 18.9457C18.3788 17.5664 20 14.9725 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 14.9725 5.62119 17.5664 8.02763 18.9457L7.13173 20.7371ZM8.92427 17.1528C7.17271 16.105 6 14.1894 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 14.1894 16.8273 16.105 15.0757 17.1528L14.1772 15.3561C15.2744 14.6429 16 13.4062 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 13.4062 8.72559 14.6429 9.82279 15.3561L8.92427 17.1528ZM12 16L15 22H9L12 16Z"
+        fill="currentColor"
+      />
+    </>
+  )
+}
+
+export default Tonnage

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

@@ -0,0 +1,10 @@
+const TreeColapseIcon = () => {
+  return (
+    <path
+      d="M7.91945 5.4004L7.91945 5.39961C7.91938 5.3571 7.93097 5.31538 7.95295 5.27899C7.97493 5.2426 8.00646 5.21292 8.04412 5.19319C8.08178 5.17346 8.12412 5.16443 8.16656 5.16708C8.20899 5.16973 8.24988 5.18395 8.2848 5.20821L8.28548 5.20868L17.8186 11.8086C17.8187 11.8086 17.8187 11.8086 17.8187 11.8086C17.8575 11.8356 17.9001 11.9003 17.9001 12.0012C17.9001 12.1023 17.8575 12.1665 17.8192 12.193L17.8191 12.193L8.28715 18.7921C8.28697 18.7922 8.28679 18.7923 8.28661 18.7925C8.25151 18.8164 8.21058 18.8304 8.16816 18.8329C8.12553 18.8354 8.08301 18.8263 8.04519 18.8064C8.00737 18.7866 7.97568 18.7568 7.95352 18.7203C7.93147 18.684 7.9197 18.6423 7.91945 18.5998L7.91945 5.4004Z"
+      fill="currentColor"
+      stroke="currentColor"
+    />
+  )
+}
+export default TreeColapseIcon

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

@@ -0,0 +1,9 @@
+const TreeExpandIcon = () => {
+  return (
+    <path
+      d="M18.6063 7.0193L5.40594 7.0193C5.27229 7.01972 5.14129 7.05658 5.02703 7.12592C4.91277 7.19525 4.81959 7.29443 4.75751 7.41279C4.69543 7.53114 4.6668 7.66419 4.67471 7.7976C4.68262 7.93101 4.72676 8.05974 4.80239 8.16994L11.4026 17.7035C11.6761 18.0988 12.3347 18.0988 12.6089 17.7035L19.2091 8.16994C19.2855 8.05998 19.3303 7.93118 19.3387 7.79754C19.347 7.66391 19.3186 7.53054 19.2564 7.41194C19.1943 7.29333 19.1008 7.19402 18.9862 7.1248C18.8716 7.05558 18.7402 7.01909 18.6063 7.0193Z"
+      fill="currentColor"
+    />
+  )
+}
+export default TreeExpandIcon

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

@@ -0,0 +1,41 @@
+import React from 'react'
+
+const UnlockIcon: React.FC<{ type?: string }> = ({ type }) => {
+  const getPath = () => {
+    switch (type) {
+      case 'large':
+        return (
+          <path
+            d="M7 11V8C7 5.23858 9.23858 3 12 3C14.419 3 16.4367 4.71776 16.9 7M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V15.8C21 14.1198 21 13.2798 20.673 12.638C20.3854 12.0735 19.9265 11.6146 19.362 11.327C18.7202 11 17.8802 11 16.2 11H7.8C6.11984 11 5.27976 11 4.63803 11.327C4.07354 11.6146 3.6146 12.0735 3.32698 12.638C3 13.2798 3 14.1198 3 15.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z"
+            stroke="currentColor"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        )
+
+      case 'large-m':
+        return (
+          <path
+            d="M7 11V8C7 5.23858 9.23858 3 12 3C14.419 3 16.4367 4.71776 16.9 7M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V15.8C21 14.1198 21 13.2798 20.673 12.638C20.3854 12.0735 19.9265 11.6146 19.362 11.327C18.7202 11 17.8802 11 16.2 11H7.8C6.11984 11 5.27976 11 4.63803 11.327C4.07354 11.6146 3.6146 12.0735 3.32698 12.638C3 13.2798 3 14.1198 3 15.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z"
+            stroke="currentColor"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        )
+      default:
+        return (
+          <path
+            d="M5.25 8.25V6C5.25 3.92893 6.92893 2.25 9 2.25C10.8142 2.25 12.3275 3.53832 12.675 5.25M5.85 15.75H12.15C13.4101 15.75 14.0402 15.75 14.5215 15.5048C14.9448 15.289 15.289 14.9448 15.5048 14.5215C15.75 14.0402 15.75 13.4101 15.75 12.15V11.85C15.75 10.5899 15.75 9.95982 15.5048 9.47852C15.289 9.05516 14.9448 8.71095 14.5215 8.49524C14.0402 8.25 13.4101 8.25 12.15 8.25H5.85C4.58988 8.25 3.95982 8.25 3.47852 8.49524C3.05516 8.71095 2.71095 9.05516 2.49524 9.47852C2.25 9.95982 2.25 10.5899 2.25 11.85V12.15C2.25 13.4101 2.25 14.0402 2.49524 14.5215C2.71095 14.9448 3.05516 15.289 3.47852 15.5048C3.95982 15.75 4.58988 15.75 5.85 15.75Z"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        )
+    }
+  }
+  return <>{getPath()}</>
+}
+export default UnlockIcon

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

@@ -0,0 +1,12 @@
+const UpArrowIcon = () => {
+  return (
+    <path
+      d="M18 15L12 9L6 15"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  )
+}
+export default UpArrowIcon

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

@@ -0,0 +1,21 @@
+const UpArrowRoundedIcon = () => {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <circle cx="8" cy="8" r="8" fill="#EAEFF4" />
+      <path
+        d="M4 7L8 11L12 7"
+        stroke="#667085"
+        strokeWidth="1.33333"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+}
+export default UpArrowRoundedIcon