@modul/mbui 0.0.28-beta-pv-53496-934863d9 → 0.0.28

package/src/Icon/icons/CheckCircle.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCheckCircle = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 19c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9m0-16c-3.86 0-7 3.14-7 7s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7m-.29 9.71 4-4A.996.996 0 1 0 12.3 7.3L9 10.59l-1.29-1.3A.996.996 0 1 0 6.3 10.7l2 2c.19.2.44.3.7.3s.51-.1.71-.29"
+		/>
+	</SvgIcon>
+)
+export default SvgCheckCircle

package/src/Icon/icons/CheckCircleSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCheckCircleSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M12 1.2a10.8 10.8 0 1 0 0 21.6 10.8 10.8 0 0 0 0-21.6Zm5.16 9.04-5.4 5.4a1.23 1.23 0 0 1-1.7 0l-3-3a1.2 1.2 0 1 1 1.68-1.69l2.15 2.15 4.55-4.55a1.2 1.2 0 0 1 1.7 0c.46.47.48 1.22.02 1.7Z"
+		/>
+	</SvgIcon>
+)
+export default SvgCheckCircleSolid

package/src/Icon/icons/CheckShield.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCheckShield = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			fillRule="evenodd"
+			d="M9.628 18.929a1 1 0 0 0 .744 0C16 16.676 18 11.1 18 7V4a1 1 0 0 0-1-1 6.04 6.04 0 0 1-3.562-.974 6.27 6.27 0 0 0-6.876 0A6.04 6.04 0 0 1 3 3a1 1 0 0 0-1 1v3c0 4.1 2 9.676 7.628 11.929M4 7V4.957a7.8 7.8 0 0 0 3.562-1.2 4.3 4.3 0 0 1 4.876 0A7.8 7.8 0 0 0 16 4.957V7c0 3.377-1.581 7.938-6 9.914C5.581 14.938 4 10.377 4 7m9.695.72-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.415l1.293 1.293 3.293-3.293a1 1 0 1 1 1.414 1.414"
+			clipRule="evenodd"
+		/>
+	</SvgIcon>
+)
+export default SvgCheckShield

package/src/Icon/icons/CheckSmall.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCheckSmall = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M9 14c-.26 0-.51-.1-.71-.29l-3-3A.996.996 0 1 1 6.7 9.3l2.29 2.29 5.29-5.29a.996.996 0 1 1 1.41 1.41l-6 6c-.18.19-.43.29-.69.29"
+		/>
+	</SvgIcon>
+)
+export default SvgCheckSmall

package/src/Icon/icons/Checklist.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgChecklist = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16.999 4.994H9.99c-.55 0-1-.45-1-1s.45-1.001 1-1.001H17c.55 0 1.001.45 1.001 1s-.45 1-1.001 1M18 9.996c0-.55-.45-1-1.001-1H9.99c-.55 0-1 .45-1 1s.45 1 1 1H17c.55 0 1.001-.45 1.001-1M18 16c0-.55-.45-1-1.001-1H9.99c-.55 0-1 .45-1 1s.45 1 1 1H17c.55 0 1.001-.45 1.001-1M4.695 5.704l2.003-2a.997.997 0 1 0-1.412-1.41l-1.291 1.29-.29-.29a.997.997 0 1 0-1.412 1.41l1 1c.201.2.451.29.712.29s.49-.1.69-.29m0 6.003 2.003-2a.997.997 0 1 0-1.412-1.41l-1.291 1.29-.29-.291a.997.997 0 1 0-1.412 1.41l1 1.001c.201.2.451.29.712.29s.49-.1.69-.29m0 6.003 2.003-2.001a.997.997 0 1 0-1.412-1.41l-1.291 1.29-.29-.29a.997.997 0 1 0-1.412 1.41l1 1c.201.2.451.291.712.291s.49-.1.69-.29"
+		/>
+	</SvgIcon>
+)
+export default SvgChecklist

package/src/Icon/icons/Circle.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCircle = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 19c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9m0-16c-3.86 0-7 3.14-7 7s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7"
+		/>
+	</SvgIcon>
+)
+export default SvgCircle

package/src/Icon/icons/Clock.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgClock = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m16.26 13.4-3.06-2.04v-4.16c0-.66-.54-1.2-1.2-1.2s-1.2.54-1.2 1.2v4.8c0 .42.22.8.54 1l3.6 2.4c.52.37 1.28.22 1.66-.34.37-.54.21-1.3-.34-1.66zm-4.26 9.4c-5.95 0-10.8-4.85-10.8-10.8s4.85-10.8 10.8-10.8 10.8 4.85 10.8 10.8-4.85 10.8-10.8 10.8zm0-19.2a8.4 8.4 0 0 0 0 16.8 8.4 8.4 0 0 0 0-16.8z"
+		/>
+	</SvgIcon>
+)
+export default SvgClock

package/src/Icon/icons/ClockSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgClockSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4.895 15.447c-.246.491-.843.695-1.342.447l-4-2c-.339-.169-.553-.515-.553-.894v-6c0-.553.447-1 1-1s1 .447 1 1v5.382l3.447 1.724c.494.247.695.847.448 1.341z"
+		/>
+	</SvgIcon>
+)
+export default SvgClockSolid

package/src/Icon/icons/Close.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgClose = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m13.7 12 6.34-6.35a1.2 1.2 0 1 0-1.7-1.69L12 10.31 5.65 3.96a1.2 1.2 0 1 0-1.69 1.7L10.31 12l-6.35 6.35a1.2 1.2 0 1 0 1.7 1.69L12 13.69l6.35 6.35a1.2 1.2 0 1 0 1.69-1.7L13.69 12Z"
+		/>
+	</SvgIcon>
+)
+export default SvgClose

package/src/Icon/icons/Coins.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCoins = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M13.75 1c-1.345 0-2.563.252-3.516.727C9.282 2.2 8.5 2.975 8.5 4v3c0 .097.032.19.047.281A9.1 9.1 0 0 0 6.25 7c-1.345 0-2.563.252-3.516.727C1.782 8.2 1 8.975 1 10v6c0 1.025.782 1.799 1.735 2.273.952.475 2.17.727 3.515.727s2.563-.252 3.516-.727C10.717 17.8 11.5 17.025 11.5 16v-.305c.734.199 1.49.301 2.25.305 1.345 0 2.564-.252 3.516-.727C18.217 14.8 19 14.025 19 13V4c0-1.025-.782-1.799-1.735-2.273-.95-.475-2.17-.727-3.515-.727m0 1.5c1.142 0 2.16.246 2.836.586.677.34.914.697.914.914s-.237.574-.914.914c-.676.34-1.694.586-2.836.586s-2.16-.246-2.836-.586C10.237 4.574 10 4.217 10 4s.237-.574.914-.914c.676-.34 1.694-.586 2.836-.586M10 6.133c.079.043.152.1.235.14.952.475 2.17.727 3.515.727s2.564-.252 3.516-.727c.082-.04.155-.096.234-.14V7c0 .218-.237.574-.914.914s-1.694.586-2.836.586-2.16-.246-2.836-.586C10.237 7.574 10 7.217 10 7zM6.25 8.5c1.142 0 2.16.246 2.836.586.677.34.914.697.914.914s-.237.575-.914.914-1.694.586-2.836.586-2.16-.246-2.836-.586c-.677-.34-.914-.697-.914-.914s.237-.575.914-.914C4.09 8.746 5.108 8.5 6.25 8.5m11.25.633V10c0 .217-.237.575-.914.914s-1.694.586-2.836.586a7.1 7.1 0 0 1-2.25-.352V10c0-.097-.032-.19-.047-.281.697.181 1.47.281 2.297.281 1.345 0 2.564-.252 3.516-.727.082-.04.155-.096.234-.14m-15 3c.079.044.152.1.235.14.952.475 2.17.727 3.515.727s2.563-.252 3.516-.727c.082-.04.155-.096.234-.14V13c0 .217-.237.575-.914.914s-1.694.586-2.836.586-2.16-.246-2.836-.586c-.677-.34-.914-.697-.914-.914zm15 0V13c0 .217-.237.575-.914.914s-1.694.586-2.836.586c-.853 0-1.623-.12-2.25-.328v-1.453a8.8 8.8 0 0 0 2.25.281c1.345 0 2.564-.252 3.516-.727.082-.04.155-.096.234-.14m-15 3c.079.044.152.1.235.14.952.475 2.17.727 3.515.727s2.563-.252 3.516-.727c.082-.04.155-.096.234-.14V16c0 .218-.237.575-.914.914s-1.694.586-2.836.586-2.16-.246-2.836-.586c-.677-.34-.914-.697-.914-.914z"
+		/>
+	</SvgIcon>
+)
+export default SvgCoins

package/src/Icon/icons/Collapse.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCollapse = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M7.995 2.994v4.004c0 .55-.45 1-1 1H2.993c-.55 0-1-.45-1-1 0-.551.45-1.001 1-1.001h1.59l-3.29-3.293a.997.997 0 1 1 1.41-1.411l3.291 3.293V2.994c0-.55.45-1 1-1s1 .45 1 1m10.714 14.302-3.291-3.293h1.58c.55 0 1-.45 1-1 0-.551-.45-1.001-1-1.001h-4.001c-.55 0-1 .45-1 1v4.004c0 .55.45 1 1 1s1-.45 1-1v-1.591l3.291 3.292c.39.39 1.02.39 1.41 0 .4-.38.4-1.02.01-1.411"
+		/>
+	</SvgIcon>
+)
+export default SvgCollapse

package/src/Icon/icons/Copy.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCopy = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m13.2 22.8h-9.6a2.4 2.4 0 0 1 -2.4-2.4v-9.6a2.4 2.4 0 0 1 2.4-2.4h9.6a2.4 2.4 0 0 1 2.4 2.4v9.6a2.4 2.4 0 0 1 -2.4 2.4zm-9.6-12v9.6h9.6v-9.6zm19.2 2.4v-9.6a2.4 2.4 0 0 0 -2.4-2.4h-9.6a2.4 2.4 0 0 0 -2.4 2.4v1.2c0 .66.54 1.2 1.2 1.2s1.2-.54 1.2-1.2v-1.2h9.6v9.6h-1.2c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h1.2a2.4 2.4 0 0 0 2.4-2.4z"
+		/>
+	</SvgIcon>
+)
+export default SvgCopy

package/src/Icon/icons/Cup.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCup = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M15.5 3h-.77c-.35-.6-.99-1-1.73-1H7c-.74 0-1.38.4-1.73 1H4.5C2.57 3 1 4.57 1 6.5S2.57 10 4.5 10h.6A5.01 5.01 0 0 0 9 13.9v2.01H7c-.6 0-1.09.49-1.09 1.09S6.4 18.09 7 18.09h6c.6 0 1.09-.49 1.09-1.09s-.49-1.09-1.09-1.09h-2V13.9a5.01 5.01 0 0 0 3.9-3.9h.6c1.93 0 3.5-1.57 3.5-3.5S17.43 3 15.5 3M5 8h-.5C3.67 8 3 7.33 3 6.5S3.67 5 4.5 5H5zm8 1c0 1.65-1.35 3-3 3s-3-1.35-3-3V4h6zm2.5-1H15V5h.5c.83 0 1.5.67 1.5 1.5S16.33 8 15.5 8"
+		/>
+	</SvgIcon>
+)
+export default SvgCup

package/src/Icon/icons/CurrencyChange.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCurrencyChange = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M6 13v3c0 .55-.45 1-1 1H2c-.55 0-1-.45-1-1s.45-1 1-1h.51A8.97 8.97 0 0 1 1 10c0-4.96 4.04-9 9-9 .55 0 1 .45 1 1s-.45 1-1 1c-3.86 0-7 3.14-7 7 0 1.29.35 2.52 1 3.59V13c0-.55.45-1 1-1s1 .45 1 1m12-8c.55 0 1-.45 1-1s-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1s1-.45 1-1v-.59c.65 1.08 1 2.31 1 3.59 0 3.86-3.14 7-7 7-.55 0-1 .45-1 1s.45 1 1 1c4.96 0 9-4.04 9-9 0-1.81-.53-3.53-1.51-5zm-8 10c.55 0 1-.45 1-1v-.05A2.5 2.5 0 0 0 10.5 9h-1c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H12c.55 0 1-.45 1-1s-.45-1-1-1h-1c0-.55-.45-1-1-1s-1 .45-1 1v.05A2.5 2.5 0 0 0 9.5 11h1c.28 0 .5.22.5.5s-.22.5-.5.5H8c-.55 0-1 .45-1 1s.45 1 1 1h1c0 .55.45 1 1 1"
+		/>
+	</SvgIcon>
+)
+export default SvgCurrencyChange

package/src/Icon/icons/CurrencyTransfer.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCurrencyTransfer = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m18.71 16.71-2 2a.996.996 0 1 1-1.41-1.41l.29-.29H13c-.55 0-1-.45-1-1s.45-1 1-1h2.59l-.29-.29a.996.996 0 1 1 1.41-1.41l2 2c.39.37.39 1.01 0 1.4M13 11.5A2.5 2.5 0 0 0 10.5 9h-1c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H12c.55 0 1-.45 1-1s-.45-1-1-1h-1c0-.55-.45-1-1-1s-1 .45-1 1v.05A2.5 2.5 0 0 0 9.5 11h1c.28 0 .5.22.5.5s-.22.5-.5.5H8c-.55 0-1 .45-1 1s.45 1 1 1h1c0 .55.45 1 1 1s1-.45 1-1v-.05a2.5 2.5 0 0 0 2-2.45M10 17c-3.86 0-7-3.14-7-7s3.14-7 7-7c2 0 3.91.86 5.24 2.36 1.35 1.52 1.95 3.48 1.71 5.52-.07.55.32 1.05.87 1.11.54.06 1.05-.33 1.11-.87.31-2.58-.49-5.16-2.2-7.08A8.95 8.95 0 0 0 10 1c-4.96 0-9 4.04-9 9s4.04 9 9 9c.55 0 1-.45 1-1s-.45-1-1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgCurrencyTransfer

package/src/Icon/icons/Deposit.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDeposit = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18 16H2c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h16c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1M3 14h14V4H3zm9-6.4c.77 0 1.4.63 1.4 1.4s-.63 1.4-1.4 1.4-1.4-.63-1.4-1.4.63-1.4 1.4-1.4M12 6c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3m-5 5V9c0-.55-.45-1-1-1s-1 .45-1 1v2c0 .55.45 1 1 1s1-.45 1-1m-1 7c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1s.45 1 1 1h2c.55 0 1-.45 1-1m12 0c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1h2c.55 0 1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgDeposit

package/src/Icon/icons/Diamond.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDiamond = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m18.8 7.4-3-4c-.19-.25-.49-.4-.8-.4H5c-.31 0-.61.15-.8.4l-3 4c-.27.36-.27.87.02 1.22l8 10A1 1 0 0 0 10 19a1 1 0 0 0 .78-.38l8-10c.29-.35.29-.86.02-1.22M5.5 5h9L16 7H4zM10 16.4 4.08 9h11.84z"
+		/>
+	</SvgIcon>
+)
+export default SvgDiamond

package/src/Icon/icons/Dislike.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDislike = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16.98 2H4.73c-.88 0-1.67.59-1.92 1.43L1.12 9.15c-.27.92-.1 1.88.47 2.64s1.45 1.2 2.4 1.2h2.98v3c0 1.65 1.35 3 3 3 .38 0 .73-.21.89-.55l3.22-6.45h2.89c1.1 0 2-.9 2-2v-6C18.98 2.9 18.08 2 16.98 2M9.44 16.84a1 1 0 0 1-.46-.84v-4c0-.55-.45-1-1-1H4a1 1 0 0 1-.96-1.28L4.73 4h8.25v5.75zM16.98 10h-2V4h2z"
+		/>
+	</SvgIcon>
+)
+export default SvgDislike

package/src/Icon/icons/DislikeSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDislikeSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18.98 4v6c0 1.1-.9 2-2 2h-.5c-.28 0-.5-.22-.5-.5v-9c0-.28.22-.5.5-.5h.5c1.1 0 2 .9 2 2m-6-2H4.73c-.88 0-1.67.59-1.92 1.43L1.12 9.15c-.27.92-.1 1.88.47 2.64s1.45 1.2 2.4 1.2h2.98v3c0 1.65 1.35 3 3 3 .38 0 .73-.21.89-.55l3-6c.07-.14.11-.29.11-.45v-9a.986.986 0 0 0-.99-.99"
+		/>
+	</SvgIcon>
+)
+export default SvgDislikeSolid

package/src/Icon/icons/Doc.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDoc = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m20.05 6.35-4.8-4.8a1.24 1.24 0 0 0-.85-.35H6a2.4 2.4 0 0 0-2.4 2.4v16.8A2.4 2.4 0 0 0 6 22.8h12a2.4 2.4 0 0 0 2.4-2.4V7.2c0-.32-.13-.62-.35-.85Zm-2.54.85H14.4V4.1l3.1 3.1ZM6 20.4V3.6h6v3.6a2.4 2.4 0 0 0 2.4 2.4H18v10.8H6Zm9.6-7.2c0 .66-.54 1.2-1.2 1.2H9.6a1.2 1.2 0 0 1-1.2-1.2c0-.66.54-1.2 1.2-1.2h4.8c.66 0 1.2.54 1.2 1.2Zm-2.4 3.6c0 .66-.54 1.2-1.2 1.2H9.6a1.2 1.2 0 0 1-1.2-1.2c0-.66.54-1.2 1.2-1.2H12c.66 0 1.2.54 1.2 1.2Z"
+		/>
+	</SvgIcon>
+)
+export default SvgDoc

package/src/Icon/icons/DocCancel.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDocCancel = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m16.71 5.29-4-4C12.52 1.11 12.27 1 12 1H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h1c.55 0 1-.45 1-1s-.45-1-1-1H5V3h5v3c0 1.1.9 2 2 2h3c0 .55.45 1 1 1s1-.45 1-1V6c0-.27-.11-.52-.29-.71M12 3.41 14.59 6H12zm.5 6.59C10.02 10 8 12.02 8 14.5s2.02 4.5 4.5 4.5 4.5-2.02 4.5-4.5-2.02-4.5-4.5-4.5m2.5 4.5c0 .32-.07.63-.18.91l-3.23-3.23c.28-.11.59-.18.91-.18a2.5 2.5 0 0 1 2.5 2.5m-5 0c0-.32.07-.63.18-.91l3.23 3.23a2.5 2.5 0 0 1-.91.18 2.5 2.5 0 0 1-2.5-2.5"
+		/>
+	</SvgIcon>
+)
+export default SvgDocCancel

package/src/Icon/icons/Dollar.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDollar = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10.22 8.99C8.026 8.4 6.994 8.01 6.994 7c0-.98.52-1.63 1.532-1.94 1.462-.44 3.675.05 4.636 1.5.31.46.931.58 1.392.28.46-.31.58-.93.28-1.39-.89-1.34-2.353-2.11-3.845-2.4 0-.02.01-.03.01-.05V2c0-.55-.45-1-1-1-.552 0-1.002.45-1.002 1v.95c-.36.04-.721.1-1.042.2-1.852.56-2.963 2-2.963 3.86 0 2.65 2.613 3.36 4.706 3.92 2.243.6 3.304 1.01 3.304 2.08 0 1.16-1.262 1.58-1.802 1.71-1.863.44-4.356-.25-5.307-2.16-.25-.49-.851-.69-1.342-.45-.49.25-.69.85-.45 1.34 1 1.99 2.973 3.04 4.946 3.31-.02.08-.05.16-.05.24v1c0 .55.45 1 1.001 1S11 18.55 11 18v-1c0-.08-.03-.15-.05-.22.24-.03.48-.07.701-.12 2.063-.49 3.344-1.89 3.344-3.66.01-2.72-2.643-3.44-4.776-4.01"
+		/>
+	</SvgIcon>
+)
+export default SvgDollar

package/src/Icon/icons/DoubleArrow.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDoubleArrow = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m14.295 15.703-5.006-5a.995.995 0 0 1 0-1.41l5.006-5a.998.998 0 0 1 1.412 1.41l-4.295 4.29 4.295 4.29c.39.39.39 1.02 0 1.41-.38.4-1.021.4-1.412.01m-3.584 0a.995.995 0 0 0 0-1.41l-4.295-4.29 4.295-4.29a.998.998 0 0 0-1.412-1.41l-5.006 5a.995.995 0 0 0 0 1.41l5.006 5c.39.38 1.021.38 1.412-.01"
+		/>
+	</SvgIcon>
+)
+export default SvgDoubleArrow

package/src/Icon/icons/DoubleTick.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDoubleTick = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17.705 6.29a.997.997 0 0 0-1.411 0l-5.295 5.295-1.09-1.091L12.7 7.7A.997.997 0 1 0 11.29 6.29l-5.294 5.295-2.292-2.292a.997.997 0 1 0-1.411 1.411l3.002 3.003c.2.2.45.29.71.29s.511-.1.711-.29l1.792-1.792 1.791 1.792c.2.2.45.29.71.29s.51-.1.711-.29L17.725 7.7c.37-.38.37-1.02-.02-1.411"
+		/>
+	</SvgIcon>
+)
+export default SvgDoubleTick

package/src/Icon/icons/Download.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDownload = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m20.4 21.6h-16.8a2.4 2.4 0 0 1 -2.4-2.4v-4.8c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2v4.8h16.8v-4.8c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2v4.8a2.4 2.4 0 0 1 -2.4 2.4zm-3.95-10.45a1.2 1.2 0 0 0 -1.69 0l-1.56 1.55v-9.1c0-.66-.54-1.2-1.2-1.2s-1.2.54-1.2 1.2v9.1l-1.55-1.54a1.2 1.2 0 1 0 -1.69 1.7l3.6 3.6c.23.22.53.34.84.34s.61-.12.85-.35l3.6-3.6c.47-.47.47-1.23 0-1.7z"
+		/>
+	</SvgIcon>
+)
+export default SvgDownload

package/src/Icon/icons/Dropdown.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDropdown = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={21}
+		height={20}
+		fill="none"
+		viewBox="0 0 21 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10.508 14.73c-.273 0-.536-.099-.746-.286L1.355 6.583a.934.934 0 0 1 0-1.386 1.1 1.1 0 0 1 1.481 0l7.661 7.164 7.661-7.164a1.1 1.1 0 0 1 1.482 0 .934.934 0 0 1 0 1.386l-8.407 7.861c-.19.187-.452.285-.725.285"
+		/>
+	</SvgIcon>
+)
+export default SvgDropdown

package/src/Icon/icons/DropdownSmall.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDropdownSmall = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			fillRule="evenodd"
+			d="M11.98 15c-.23 0-.48-.07-.68-.21l-3.75-2.5a1.26 1.26 0 0 1-.34-1.73 1.26 1.26 0 0 1 1.73-.35L12 12.24l3.05-2.03a1.25 1.25 0 1 1 1.39 2.08l-3.74 2.5c-.23.14-.48.21-.72.21Z"
+			clipRule="evenodd"
+		/>
+	</SvgIcon>
+)
+export default SvgDropdownSmall

package/src/Icon/icons/DropdownSmallOld.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDropdownSmallOld = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={8}
+		height={5}
+		fill="none"
+		viewBox="0 0 8 5"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			fillRule="evenodd"
+			d="M7.465.304A.85.85 0 0 1 7.361 1.5L4.45 3.944a.85.85 0 0 1-.615.196.85.85 0 0 1-.62-.196L.304 1.502A.85.85 0 1 1 1.396.199l2.436 2.044L6.268.199a.85.85 0 0 1 1.197.105"
+			clipRule="evenodd"
+		/>
+	</SvgIcon>
+)
+export default SvgDropdownSmallOld

package/src/Icon/icons/Dropup.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDropup = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={21}
+		height={20}
+		fill="none"
+		viewBox="0 0 21 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m2.832 14.453 7.668-7.17 7.668 7.17c.198.18.464.279.74.276a1.1 1.1 0 0 0 .734-.288.95.95 0 0 0 .308-.686.95.95 0 0 0-.295-.692l-8.412-7.865a1.1 1.1 0 0 0-.743-.288 1.1 1.1 0 0 0-.744.288l-8.411 7.865a.95.95 0 0 0-.295.692.95.95 0 0 0 .308.686c.195.183.458.286.734.288s.541-.097.74-.276"
+		/>
+	</SvgIcon>
+)
+export default SvgDropup

package/src/Icon/icons/Edit.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgEdit = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m22.1 5.22-3.32-3.31a2.42 2.42 0 0 0-3.38-.01L1.56 15.58a1.2 1.2 0 0 0-.36.85v5.17c0 .66.54 1.2 1.2 1.2h5.17c.33 0 .63-.13.85-.36L22.1 8.6a2.4 2.4 0 0 0 0-3.38ZM7.06 20.4H3.6v-3.47l9.72-9.6 3.35 3.35-9.6 9.72ZM18.36 8.98l-3.34-3.34 2.07-2.03 3.31 3.3-2.04 2.07Z"
+		/>
+	</SvgIcon>
+)
+export default SvgEdit

package/src/Icon/icons/Email.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgEmail = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10.005 1C5.042 1 1 5.04 1 10s4.042 9 9.005 9c1.891 0 3.702-.58 5.233-1.68.45-.32.55-.95.23-1.4s-.95-.55-1.4-.23a6.97 6.97 0 0 1-4.073 1.3c-3.862 0-7.004-3.14-7.004-7s3.142-7 7.004-7 7.004 3.14 7.004 7v.5c0 .83-.67 1.5-1.501 1.5s-1.5-.67-1.5-1.5V7c0-.55-.451-1-1.001-1-.41 0-.76.25-.92.6-.611-.37-1.322-.6-2.082-.6a4 4 0 1 0 0 8c1.12 0 2.141-.47 2.872-1.22A3.48 3.48 0 0 0 15.498 14 3.505 3.505 0 0 0 19 10.5V10c.01-4.96-4.032-9-8.995-9m0 11c-1.1 0-2.001-.9-2.001-2s.9-2 2.001-2 2.001.9 2.001 2-.9 2-2.001 2"
+		/>
+	</SvgIcon>
+)
+export default SvgEmail

package/src/Icon/icons/Erase.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgErase = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path d="M9.34 5h10.43C21.01 5 22 6 22 7.2v9.6c0 1.2-.99 2.2-2.23 2.2H9.34c-.62 0-1.21-.26-1.63-.7l-5.55-5.9a.59.59 0 0 1 0-.8l5.55-5.9c.42-.44 1.01-.7 1.63-.7Z" stroke="currentColor" strokeWidth="2"/>
+		<path fill="currentColor" d="M18.17 9.1c.3-.32.3-.83 0-1.14a.78.78 0 0 0-1.11 0l-2.78 2.83-2.78-2.83a.78.78 0 0 0-1.11 0c-.3.31-.3.82 0 1.13l2.78 2.83-2.78 2.83c-.3.31-.3.82 0 1.13.3.31.8.31 1.11 0l2.78-2.83 2.78 2.83c.3.31.8.31 1.1 0 .31-.31.31-.82 0-1.13l-2.77-2.83 2.78-2.83Z"/>
+	</SvgIcon>
+)
+export default SvgErase

package/src/Icon/icons/Excel.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgExcel = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18.93 4.88c-.01-.54-.22-1.03-.61-1.41-.38-.37-.84-.57-1.42-.57l-2 .03-.01-1a1 1 0 0 0-1.18-.97L1.74 3.12a1 1 0 0 0-.82 1l.16 12c.01.49.37.9.85.97l12.03 1.83a.998.998 0 0 0 1.15-1l-.01-1 2-.03c.53-.01 1.03-.22 1.41-.61s.57-.89.57-1.42zm-5.84 11.9L3.07 15.25 2.93 4.94l9.98-1.8zm1.98-1.85-.14-10 2-.03.14 10zm-4.15-1.44c.28.48.12 1.09-.35 1.37a1.002 1.002 0 0 1-1.37-.35l-1.45-2.46-.83 1.49c-.18.33-.52.52-.88.52-.16 0-.33-.04-.48-.12-.48-.27-.66-.88-.39-1.36l1.4-2.52-1.46-2.48c-.28-.48-.12-1.09.35-1.37.48-.28 1.09-.12 1.37.35l.87 1.47 1.38-2.5c.27-.48.88-.66 1.36-.39s.66.88.39 1.36l-1.95 3.53z"
+		/>
+	</SvgIcon>
+)
+export default SvgExcel