@modul/mbui 0.0.2-beta-storybook-9d462616 → 0.0.2-beta-pv-52768-9b2131f6

package/src/components/SvgIcon/icons/Atm.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgAtm = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17 2H3c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h1v6c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2v-6h1c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2M6 7h2v9H6zm8 9h-4V7h4zm3-8h-1V6c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1v2H3V4h14zm-4 5v1c0 .55-.45 1-1 1s-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1"
+		/>
+	</SvgIcon>
+)
+export default SvgAtm

package/src/components/SvgIcon/icons/Attach.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgAttach = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M7.636 19a5.6 5.6 0 0 1-3.986-1.66A5.64 5.64 0 0 1 2 13.336c0-1.511.586-2.932 1.65-4.002L10.747 2.2a4.073 4.073 0 0 1 5.775 0 4.07 4.07 0 0 1 1.193 2.901 4.06 4.06 0 0 1-1.203 2.902l-7.107 7.134a2.538 2.538 0 0 1-4.334-1.811c0-.68.269-1.32.746-1.811l6.56-6.584a.985.985 0 0 1 1.402 0c.388.39.388 1.02 0 1.411l-6.56 6.584a.554.554 0 0 0 .785.78l7.107-7.134c.398-.4.616-.93.616-1.49a2.102 2.102 0 0 0-3.588-1.49l-7.097 7.132a3.65 3.65 0 0 0-1.064 2.592c0 .98.378 1.9 1.064 2.591a3.637 3.637 0 0 0 5.159 0l7.097-7.134a.997.997 0 0 1 1.411 0c.388.39.388 1.02 0 1.421l-7.097 7.134A5.53 5.53 0 0 1 7.636 19"
+		/>
+	</SvgIcon>
+)
+export default SvgAttach

package/src/components/SvgIcon/icons/Bank.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgBank = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18 10c.55 0 1-.45 1-1V7c0-.38-.21-.72-.55-.89l-8-4a1 1 0 0 0-.89 0l-8 4A.98.98 0 0 0 1 7v2c0 .55.45 1 1 1h1v6H2c-.55 0-1 .45-1 1s.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1h-1v-6zM3 7.62l7-3.5 7 3.5V8H3zM5 16v-6h2v6zm4 0v-6h2v6zm6 0h-2v-6h2z"
+		/>
+	</SvgIcon>
+)
+export default SvgBank

package/src/components/SvgIcon/icons/Bold.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgBold = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M11.5 16H7c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1h3.5C12.43 4 14 5.57 14 7.5c0 .76-.24 1.46-.65 2.03.99.62 1.65 1.72 1.65 2.97 0 1.93-1.57 3.5-3.5 3.5M8 14h3.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5H8zm0-5h2.5c.83 0 1.5-.67 1.5-1.5S11.33 6 10.5 6H8z"
+		/>
+	</SvgIcon>
+)
+export default SvgBold

package/src/components/SvgIcon/icons/Bonus.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgBonus = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M7 19c-3.31 0-6-2.69-6-6 0-1.91.88-3.65 2.4-4.8.44-.33 1.07-.24 1.4.2s.24 1.07-.2 1.4C3.58 10.56 3 11.73 3 13c0 2.21 1.79 4 4 4 1.27 0 2.44-.58 3.2-1.6.33-.44.96-.53 1.4-.2s.53.96.2 1.4A5.95 5.95 0 0 1 7 19M19 7c0-3.31-2.69-6-6-6S7 3.69 7 7s2.69 6 6 6 6-2.69 6-6m-2 0c0 2.21-1.79 4-4 4S9 9.21 9 7s1.79-4 4-4 4 1.79 4 4"
+		/>
+	</SvgIcon>
+)
+export default SvgBonus

package/src/components/SvgIcon/icons/Building.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgBuilding = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 8H6c-.55 0-1-.45-1-1s.45-1 1-1h4c.55 0 1 .45 1 1s-.45 1-1 1m9 1v7c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v3h2c1.1 0 2 .9 2 2m-9.94 4H6.94v3h2.12zm2-1v4H13V4H3v12h1.94v-4c0-.55.45-1 1-1h4.12c.55 0 1 .45 1 1M17 9h-2v7h2z"
+		/>
+	</SvgIcon>
+)
+export default SvgBuilding

package/src/components/SvgIcon/icons/Calendar.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCalendar = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17 3h-2V2c0-.55-.45-1-1-1s-1 .45-1 1v1H7V2c0-.55-.45-1-1-1s-1 .45-1 1v1H3c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2M3 5h2v1c0 .55.45 1 1 1s1-.45 1-1V5h6v1c0 .55.45 1 1 1s1-.45 1-1V5h2v4H3zm14 11H3v-5h14z"
+		/>
+	</SvgIcon>
+)
+export default SvgCalendar

package/src/components/SvgIcon/icons/CalendarCancel.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCalendarCancel = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17 3h-2V2c0-.55-.45-1-1-1s-1 .45-1 1v1H7V2c0-.55-.45-1-1-1s-1 .45-1 1v1H3c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h8c.55 0 1-.45 1-1s-.45-1-1-1H3v-5h15c.55 0 1-.45 1-1V5c0-1.1-.9-2-2-2M3 5h2v1c0 .55.45 1 1 1s1-.45 1-1V5h6v1c0 .55.45 1 1 1s1-.45 1-1V5h2v4H3zm15.71 9.71-.79.79.79.79a.996.996 0 1 1-1.41 1.41l-.79-.79-.79.79a.996.996 0 1 1-1.41-1.41l.79-.79-.79-.79a.996.996 0 1 1 1.41-1.41l.79.79.79-.79a.996.996 0 1 1 1.41 1.41"
+		/>
+	</SvgIcon>
+)
+export default SvgCalendarCancel

package/src/components/SvgIcon/icons/Call.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCall = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M14.2 19c-.354 0-.705-.06-1.038-.18A21.22 21.22 0 0 1 1.182 6.836 3.09 3.09 0 0 1 1.9 3.625l2.03-2.033A2 2 0 0 1 5.357 1a2.01 2.01 0 0 1 1.43.594L9.7 4.5a2.03 2.03 0 0 1 0 2.866l-1 .992a5.4 5.4 0 0 0 2.942 2.942l1-.994a2.074 2.074 0 0 1 2.866 0l2.9 2.9a2.025 2.025 0 0 1 0 2.866l-2.03 2.028a3.07 3.07 0 0 1-2.178.9M3.064 6.16a19.08 19.08 0 0 0 10.777 10.776 1.08 1.08 0 0 0 1.122-.247l2.03-2.029-2.9-2.94-1.493 1.451a1 1 0 0 1-1.024.241A7.52 7.52 0 0 1 6.59 8.425 1 1 0 0 1 6.83 7.4l1.451-1.45-2.9-2.941-2.07 2.03a1.08 1.08 0 0 0-.247 1.121"
+		/>
+	</SvgIcon>
+)
+export default SvgCall

package/src/components/SvgIcon/icons/CallEnd.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCallEnd = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17.009 11h-3.002c-1.1 0-2-.9-2-2V7.71c-1.342-.52-2.662-.52-4.003 0V9c0 1.1-.9 2-2.001 2H3C1.901 11 1 10.1 1 9V6.68c0-1.07.58-2.07 1.52-2.62 4.753-2.75 10.207-2.75 14.96 0 .94.55 1.52 1.55 1.52 2.62V9c.01 1.1-.89 2-1.991 2m-7.004-5.69c1.15 0 2.301.28 3.442.84.34.17.56.52.56.9V9h3.002V6.68c0-.36-.2-.7-.53-.89-4.113-2.39-8.835-2.39-12.948 0-.33.19-.53.53-.53.89V9h3.002V7.05c0-.38.22-.73.56-.9 1.14-.56 2.291-.84 3.442-.84m2.711 8.98c-.39-.39-1.03-.39-1.42 0l-.29.29V12c0-.55-.45-1-1.001-1s-1 .45-1 1v2.58l-.29-.29c-.391-.39-1.031-.39-1.422 0-.39.39-.39 1.03 0 1.42l2.002 2c.2.19.45.29.71.29s.51-.1.71-.29l2.002-2c.39-.39.39-1.03 0-1.42"
+		/>
+	</SvgIcon>
+)
+export default SvgCallEnd

package/src/components/SvgIcon/icons/CallMissed.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCallMissed = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17.009 18h-3.002c-1.1 0-2-.9-2-2v-1.29c-1.342-.52-2.662-.52-4.003 0V16c0 1.1-.9 2-2.001 2H3C1.901 18 1 17.1 1 16v-2.32c0-1.07.58-2.07 1.52-2.62 4.753-2.75 10.207-2.75 14.96 0 .94.55 1.52 1.55 1.52 2.62V16c.01 1.1-.89 2-1.991 2m-7.004-5.69c1.15 0 2.301.28 3.442.84.34.17.56.52.56.9V16h3.002v-2.32c0-.36-.2-.7-.53-.89-4.113-2.39-8.835-2.39-12.948 0-.33.19-.53.53-.53.89V16h3.002v-1.95c0-.38.22-.73.56-.9 1.14-.56 2.291-.84 3.442-.84m4.803-8.91c-.33-.44-.96-.53-1.401-.2l-3.312 2.48L8.415 4h.59c.55 0 1-.45 1-1s-.45-1-1-1H6.002c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1s1-.45 1-1v-.59L9.295 7.7c.35.35.91.39 1.31.09l4.002-3a.99.99 0 0 0 .2-1.39"
+		/>
+	</SvgIcon>
+)
+export default SvgCallMissed

package/src/components/SvgIcon/icons/Callback.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCallback = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M14.2 19c-.35 0-.7-.06-1.04-.18C7.97 16.96 3.04 12.027 1.18 6.835a3.09 3.09 0 0 1 .71-3.211l2.03-2.031c.38-.38.89-.59 1.43-.59s1.05.21 1.43.59l2.9 2.901c.79.79.79 2.08 0 2.871l-.99.99c.59 1.381 1.56 2.351 2.94 2.942l1-.99c.77-.77 2.1-.76 2.87 0l2.9 2.9c.38.38.59.891.59 1.431s-.21 1.05-.59 1.43L16.37 18.1c-.57.59-1.36.9-2.17.9M3.06 6.155c1.67 4.672 6.11 9.103 10.78 10.784.39.14.83.04 1.12-.25l2.03-2.03-2.9-2.942-1.49 1.45a.99.99 0 0 1-1.02.24c-2.48-.83-4.16-2.5-4.99-4.991a.99.99 0 0 1 .24-1.02l1.45-1.451-2.9-2.942-2.07 2.031c-.29.29-.39.73-.25 1.12M16 2.993h-1.59l.29-.29a.997.997 0 1 0-1.41-1.41l-2 2a.997.997 0 0 0 0 1.411l2 2a.997.997 0 1 0 1.41-1.41l-.29-.29H16c.55 0 1 .45 1 1v2.001c0 .55.45 1 1 1s1-.45 1-1v-2c0-1.661-1.35-3.012-3-3.012"
+		/>
+	</SvgIcon>
+)
+export default SvgCallback

package/src/components/SvgIcon/icons/Camera.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCamera = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 14c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4m0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m7 9H3c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h1.59L6 2.59c.37-.37.89-.59 1.41-.59h5.17c.53 0 1.04.21 1.41.59L15.4 4H17c1.1 0 2 .9 2 2v9c0 1.1-.9 2-2 2M3 6v9h14V6h-2c-.27 0-.52-.11-.71-.29L12.59 4H7.42L5.71 5.71C5.52 5.89 5.27 6 5 6z"
+		/>
+	</SvgIcon>
+)
+export default SvgCamera

package/src/components/SvgIcon/icons/Cancel.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCancel = (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-7m1.41 7 1.29-1.29a.996.996 0 1 0-1.41-1.41L10 8.59 8.71 7.3A.996.996 0 1 0 7.3 8.71L8.59 10 7.3 11.29a.996.996 0 1 0 1.41 1.41L10 11.41l1.29 1.29a.996.996 0 1 0 1.41-1.41z"
+		/>
+	</SvgIcon>
+)
+export default SvgCancel

package/src/components/SvgIcon/icons/CancelSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCancelSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 1a9 9 0 1 0 .001 18.001A9 9 0 0 0 10 1m3.21 10.79a.996.996 0 1 1-1.41 1.41L10 11.41 8.21 13.2a.996.996 0 1 1-1.41-1.41L8.59 10 6.8 8.21A.996.996 0 1 1 8.21 6.8L10 8.59l1.79-1.79a.996.996 0 1 1 1.41 1.41L11.41 10z"
+		/>
+	</SvgIcon>
+)
+export default SvgCancelSolid

package/src/components/SvgIcon/icons/Card.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCard = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17 3H3c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2M3 5h14v2H3zm14 10H3V9h14z"
+		/>
+	</SvgIcon>
+)
+export default SvgCard

package/src/components/SvgIcon/icons/CardLock.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCardLock = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M19 5v1c0 .55-.45 1-1 1s-1-.45-1-1V5H3v2h6c.55 0 1 .45 1 1s-.45 1-1 1H3v6h4c.55 0 1 .45 1 1s-.45 1-1 1H3c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2m0 8v2c0 1.1-.9 2-2 2h-5c-1.1 0-2-.9-2-2v-2c0-.8.48-1.5 1.17-1.82v-.85C11.17 8.5 12.66 7 14.5 7s3.33 1.5 3.33 3.33v.85C18.52 11.5 19 12.2 19 13m-5.83-2h2.66v-.67a1.33 1.33 0 1 0-2.66 0zM17 13h-5v2h5z"
+		/>
+	</SvgIcon>
+)
+export default SvgCardLock

package/src/components/SvgIcon/icons/CardRefill.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCardRefill = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m18.99 7.96-.01-3c-.01-1.1-.91-2-2.01-1.99l-14 .06c-1.1.01-2 .91-1.99 2.01l.01 2.98v.04l.03 6.98c.01 1.1.91 2 2.01 1.99l7-.03c.55 0 1-.45 1-1-.01-.56-.45-1-1.01-1l-7 .03L3 9.04l14-.07v1c0 .55.45 1 1 .99.56 0 1-.45 1-1zm-16-.92-.01-2.01 14-.06.01 2zm16.03 6.92c0 .55-.44 1-1 1l-2.59.02.3.29c.39.39.4 1.02.01 1.41-.41.41-1.03.38-1.42.01l-2.01-1.99c-.39-.39-.39-1.03 0-1.42l1.99-2.01a.996.996 0 0 1 1.41 0c.4.39.4 1.02.01 1.41l-.29.3 2.58-.02c.56 0 1.01.45 1.01 1"
+		/>
+	</SvgIcon>
+)
+export default SvgCardRefill

package/src/components/SvgIcon/icons/CardReissue.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCardReissue = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M19 5v1c0 .55-.45 1-1 1s-1-.45-1-1V5H3v2h3c.55 0 1 .45 1 1s-.45 1-1 1H3v6h2c.55 0 1 .45 1 1s-.45 1-1 1H3c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2m-.29 5.29-1-1c-.39-.39-1.03-.39-1.42 0l-1 1c-.39.39-.39 1.03 0 1.42.19.19.45.29.71.29a3.01 3.01 0 0 1-3.73 2.91.995.995 0 0 0-1.21.73c-.13.54.19 1.08.73 1.21A5.002 5.002 0 0 0 18 12c.26 0 .51-.1.71-.29.39-.39.39-1.03 0-1.42m-4.5-3.14A5.002 5.002 0 0 0 8 12c-.26 0-.52.1-.71.29-.39.39-.39 1.03 0 1.42l1 1c.2.19.45.29.71.29s.51-.1.71-.29l1-1c.39-.39.39-1.03 0-1.42-.19-.19-.45-.29-.71-.29a3.01 3.01 0 0 1 3.73-2.91c.53.12 1.08-.19 1.21-.73a.995.995 0 0 0-.73-1.21"
+		/>
+	</SvgIcon>
+)
+export default SvgCardReissue

package/src/components/SvgIcon/icons/CardScan.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCardScan = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M2 7c-.55 0-1-.45-1-1V4c0-1.1.9-2 2-2h2c.55 0 1 .45 1 1s-.45 1-1 1H3v2c0 .55-.45 1-1 1m17-1V4c0-1.1-.9-2-2-2h-2c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1m0 10v-2c0-.55-.45-1-1-1s-1 .45-1 1v2h-2c-.55 0-1 .45-1 1s.45 1 1 1h2c1.1 0 2-.9 2-2M6 17c0-.55-.45-1-1-1H3v-2c0-.55-.45-1-1-1s-1 .45-1 1v2c0 1.1.9 2 2 2h2c.55 0 1-.45 1-1M16 7v6c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V7c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2M6 8h8V7H6zm8 2H6v3h8z"
+		/>
+	</SvgIcon>
+)
+export default SvgCardScan

package/src/components/SvgIcon/icons/CardToCard.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCardToCard = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M13 3c0 .55-.45 1-1 1H3v2h5c.55 0 1 .45 1 1s-.45 1-1 1H3v4h5c.55 0 1 .45 1 1s-.45 1-1 1H3c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h9c.55 0 1 .45 1 1m6 13V8c0-1.1-.9-2-2-2h-1c-.55 0-1 .45-1 1s.45 1 1 1h1v8H7c-.55 0-1 .45-1 1s.45 1 1 1h10c1.1 0 2-.9 2-2m-4.29-6.71-2-2c-.39-.39-1.03-.39-1.42 0s-.39 1.03 0 1.42l.29.29H9c-.55 0-1 .45-1 1s.45 1 1 1h2.58l-.29.29c-.39.39-.39 1.03 0 1.42.41.39 1.02.38 1.42 0l2-2c.39-.39.39-1.03 0-1.42"
+		/>
+	</SvgIcon>
+)
+export default SvgCardToCard

package/src/components/SvgIcon/icons/CardUnlock.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCardUnlock = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M19 5v3c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1s.45-1 1-1h2V5H3v2h1c.55 0 1 .45 1 1s-.45 1-1 1H3v6h4c.55 0 1 .45 1 1s-.45 1-1 1H3c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2m0 8v2c0 1.1-.9 2-2 2h-5c-1.1 0-2-.9-2-2v-2c0-.66.33-1.26.83-1.62v-1.05a1.33 1.33 0 1 0-2.66 0c0 .56-.45 1-1 1-.56 0-1-.44-1-1C6.17 8.5 7.66 7 9.5 7s3.33 1.5 3.33 3.33V11H17c1.1 0 2 .9 2 2m-2 0h-5v2h5z"
+		/>
+	</SvgIcon>
+)
+export default SvgCardUnlock

package/src/components/SvgIcon/icons/Change.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgChange = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M6 13.003v3c0 .55-.45 1-1 1H2c-.55 0-1-.45-1-1s.45-1 1-1h.51a8.97 8.97 0 0 1-1.51-5c0-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.59v-.59c0-.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-5z"
+		/>
+	</SvgIcon>
+)
+export default SvgChange

package/src/components/SvgIcon/icons/Chart.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgChart = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17 18H4c-1.1 0-2-.9-2-2V3c0-.55.45-1 1-1s1 .45 1 1v13h13c.55 0 1 .45 1 1s-.45 1-1 1m-9.11-4.55L9.62 10H13c.35 0 .68-.18.86-.49l3-5c.28-.47.13-1.09-.34-1.37s-1.09-.13-1.37.34L12.43 8H9c-.38 0-.72.21-.89.55l-2 4a.993.993 0 0 0 .45 1.34c.49.25 1.09.05 1.33-.44"
+		/>
+	</SvgIcon>
+)
+export default SvgChart

package/src/components/SvgIcon/icons/Chat.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgChat = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M5.55 18.89A1 1 0 0 1 5 18v-2H3c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2h-6.67L6.6 18.8c-.29.22-.7.27-1.05.09M3 4v10h3c.55 0 1 .45 1 1v1l2.4-1.8c.17-.13.38-.2.6-.2h7V4zm4.2 5c0 .66-.54 1.2-1.2 1.2S4.8 9.66 4.8 9 5.34 7.8 6 7.8s1.2.54 1.2 1.2M10 7.8c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2 1.2-.54 1.2-1.2-.54-1.2-1.2-1.2m4 0c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2 1.2-.54 1.2-1.2-.54-1.2-1.2-1.2"
+		/>
+	</SvgIcon>
+)
+export default SvgChat

package/src/components/SvgIcon/icons/ChatSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgChatSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17 2H3c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h2v2c0 .38.21.72.55.89s.74.13 1.05-.09l3.73-2.8H17c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2M6 10.2c-.66 0-1.2-.54-1.2-1.2S5.34 7.8 6 7.8s1.2.54 1.2 1.2-.54 1.2-1.2 1.2m4 0c-.66 0-1.2-.54-1.2-1.2s.54-1.2 1.2-1.2 1.2.54 1.2 1.2-.54 1.2-1.2 1.2m4 0c-.66 0-1.2-.54-1.2-1.2s.54-1.2 1.2-1.2 1.2.54 1.2 1.2-.54 1.2-1.2 1.2"
+		/>
+	</SvgIcon>
+)
+export default SvgChatSolid

package/src/components/SvgIcon/icons/Check.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCheck = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M7 16c-.26 0-.51-.1-.71-.29l-5-5A.996.996 0 1 1 2.7 9.3l4.29 4.29L17.28 3.3a.996.996 0 1 1 1.41 1.41l-11 11c-.18.19-.43.29-.69.29"
+		/>
+	</SvgIcon>
+)
+export default SvgCheck

package/src/components/SvgIcon/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/components/SvgIcon/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={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 1a9 9 0 1 0 .001 18.001A9 9 0 0 0 10 1m4.21 7.21-4.5 4.5c-.2.2-.45.29-.71.29s-.51-.1-.71-.29l-2.5-2.5A.996.996 0 1 1 7.2 8.8l1.79 1.79 3.79-3.79a.996.996 0 0 1 1.41 0c.39.39.41 1.02.02 1.41"
+		/>
+	</SvgIcon>
+)
+export default SvgCheckCircleSolid

package/src/components/SvgIcon/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/components/SvgIcon/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/components/SvgIcon/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/components/SvgIcon/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