@modul/mbui 0.0.2 → 0.0.3-beta-pv-52770-7d2f2b64

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgAlertCircleSolid = (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 1M9 6c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1zm1 9.2c-.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 SvgAlertCircleSolid

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgAlertDiamond = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 19c-.53 0-1.04-.21-1.41-.59l-7-7.017a1.983 1.983 0 0 1 0-2.813l7-7.017c.75-.75 2.07-.75 2.83 0l7 7.017c.78.78.78 2.042 0 2.813l-7 7.016c-.38.38-.89.591-1.42.591m0-16.016-7 7.017 7 6.997 6.99-7.007zm0 11.211c.66 0 1.2-.54 1.2-1.2 0-.661-.54-1.202-1.2-1.202s-1.2.54-1.2 1.201c0 .66.54 1.201 1.2 1.201m1-5.205V5.987c0-.55-.45-1-1-1s-1 .45-1 1V8.99c0 .55.45 1.001 1 1.001s1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgAlertDiamond

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgAlertDiamondSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m18.428 8.582-7.003-7.015c-.75-.76-2.071-.75-2.831 0L1.59 8.582c-.78.78-.78 2.042 0 2.812l7.004 7.016c.38.38.88.59 1.41.59s1.04-.21 1.41-.58l7.004-7.016c.78-.78.78-2.041.01-2.822M9.004 5.99c0-.55.45-1 1-1s1 .45 1 1v3.002c0 .55-.45 1.001-1 1.001s-1-.45-1-1zm1 8.206c-.66 0-1.2-.54-1.2-1.2 0-.661.54-1.202 1.2-1.202s1.2.54 1.2 1.201c0 .66-.54 1.201-1.2 1.201"
+		/>
+	</SvgIcon>
+)
+export default SvgAlertDiamondSolid

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgAlertShield = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 19c-.13 0-.25-.02-.37-.07C4 16.68 2 11.09 2 7V4c0-.55.45-1 1-1 1.88 0 2.69-.47 3.56-.97C7.39 1.55 8.34 1 10 1s2.6.54 3.44 1.03c.87.5 1.69.97 3.56.97.55 0 1 .45 1 1v3c0 4.09-2 9.68-7.63 11.93-.12.05-.24.07-.37.07M4 4.96V7c0 3.38 1.58 7.94 6 9.91 4.42-1.98 6-6.54 6-9.91V4.96c-1.76-.16-2.75-.73-3.56-1.2C11.68 3.32 11.13 3 10 3s-1.68.32-2.44.76c-.81.47-1.8 1.04-3.56 1.2m6 9.24c.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.2M11 9V6c0-.55-.45-1-1-1s-1 .45-1 1v3c0 .55.45 1 1 1s1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgAlertShield

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgAndroid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M4 8v5c0 .55-.45 1-1 1s-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1m13-1c-.55 0-1 .45-1 1v5c0 .55.45 1 1 1s1-.45 1-1V8c0-.55-.45-1-1-1M5 15c0 .55.45 1 1 1h1v2c0 .55.45 1 1 1s1-.45 1-1v-2h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h1c.55 0 1-.45 1-1V7H5zm9.9-9H5.1a5 5 0 0 1 2.42-3.34l-.47-.93a.505.505 0 0 1 .22-.67c.25-.12.55-.02.67.22l.49.98C8.93 2.1 9.45 2 10 2s1.07.1 1.56.26l.49-.98c.12-.25.42-.35.67-.22.25.12.35.42.22.67l-.47.93c1.24.7 2.14 1.91 2.43 3.34M8 4.5c0-.28-.22-.5-.5-.5s-.5.22-.5.5.22.5.5.5.5-.22.5-.5m4.97-.16a.51.51 0 0 0-.63-.32c-.26.08-.4.37-.32.63.09.26.37.4.63.32.27-.08.41-.37.32-.63"
+		/>
+	</SvgIcon>
+)
+export default SvgAndroid

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgApple = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17.67 15.026q-.433.945-1.025 1.741c-1.44 1.951-2.4 2.701-4.565 1.861-.608-.24-1.173-.35-1.685-.35-.534 0-1.11.12-1.728.35-1.675.64-2.635.71-4.598-1.91C2.864 15.105 2 12.804 2 10.713c0-1.97.8-3.791 2.56-4.782a4.9 4.9 0 0 1 2.336-.63c1.141 0 2.613.8 3.243.8.661 0 2.261-.96 3.754-.83 1.6.12 2.795.72 3.595 1.79-1.43.821-2.133 1.972-2.123 3.442.022 1.771 1.174 3.102 2.635 3.682-.107.29-.213.57-.33.84M12.964 3.871c-.832.92-1.845 1.461-2.944 1.38C9.765 3.262 11.728 1.11 13.98 1c.128 1.06-.288 2.05-1.014 2.871"
+		/>
+	</SvgIcon>
+)
+export default SvgApple

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgArchive = (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 2v2c0 1.1.9 2 2 2v8c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V8c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m-2 14H5V8h10zm2-10H3V4h14zm-6 6H9c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1s-.45 1-1 1"
+		/>
+	</SvgIcon>
+)
+export default SvgArchive

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgArrowCircle = (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-7m3.71 6.29-3-3A.996.996 0 1 0 9.3 7.7L10.59 9H7c-.55 0-1 .45-1 1s.45 1 1 1h3.59L9.3 12.29a.996.996 0 1 0 1.41 1.41l3-3a.996.996 0 0 0 0-1.41"
+		/>
+	</SvgIcon>
+)
+export default SvgArrowCircle

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgArrowDown = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M15.705 11.29a1 1 0 0 0-1.412 0L11 14.58V3c0-.55-.45-1-1.001-1s-1.001.45-1.001 1v11.59L5.704 11.3a.998.998 0 0 0-1.411 1.41l5.005 5c.2.2.45.29.71.29.261 0 .511-.1.712-.29l5.005-5c.37-.39.37-1.03-.02-1.42"
+		/>
+	</SvgIcon>
+)
+export default SvgArrowDown

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgArrowLeft = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18 10.003c0 .55-.45 1-1 1H5.41l3.3 3.29c.39.39.39 1.03 0 1.42-.4.38-1.01.39-1.42 0l-5-5c-.39-.39-.39-1.03 0-1.42l5-5c.39-.39 1.03-.39 1.42 0s.39 1.03 0 1.42l-3.3 3.29H17c.55 0 1 .45 1 1"
+		/>
+	</SvgIcon>
+)
+export default SvgArrowLeft

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgArrowRight = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m17.71 10.712-5 5c-.4.38-1.01.39-1.42 0-.39-.39-.39-1.03 0-1.42l3.3-3.29H3c-.55 0-1-.45-1-1s.45-1 1-1h11.59l-3.3-3.29c-.39-.39-.39-1.03 0-1.42s1.03-.39 1.42 0l5 5c.39.39.39 1.03 0 1.42"
+		/>
+	</SvgIcon>
+)
+export default SvgArrowRight

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgArrowUp = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m15.709 7.292-5.003-5a.997.997 0 0 0-1.41 0l-5.003 5a.997.997 0 1 0 1.41 1.41l3.292-3.29v11.59c0 .55.45 1 1 1s1.001-.45 1.001-1V5.412l3.292 3.29c.39.39 1.02.39 1.41 0 .4-.38.4-1.02.01-1.41"
+		/>
+	</SvgIcon>
+)
+export default SvgArrowUp

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgArrowUpCorner = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16.007 15h-4.002a3.01 3.01 0 0 1-3.002-3V6.41l2.291 2.29a.997.997 0 1 0 1.411-1.41l-4.002-4a.997.997 0 0 0-1.41 0l-4.003 4A.997.997 0 1 0 4.7 8.7l2.292-2.29V12c0 2.76 2.241 5 5.003 5h4.002c.55 0 1-.45 1-1s-.44-1-.99-1"
+		/>
+	</SvgIcon>
+)
+export default SvgArrowUpCorner

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgArrowsChange = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m18.71 6.713-4 4c-.4.38-1.01.39-1.42 0-.39-.39-.39-1.03 0-1.42l2.3-2.29H2c-.55 0-1-.45-1-1s.45-1 1-1h13.59l-2.3-2.29c-.39-.39-.39-1.03 0-1.42s1.03-.39 1.42 0l4 4c.39.39.39 1.03 0 1.42m-.71 6.29H4.41l2.3-2.29c.39-.39.39-1.03 0-1.42s-1.03-.39-1.42 0l-4 4c-.39.39-.39 1.03 0 1.42l4 4c.4.38 1.01.39 1.42 0 .39-.39.39-1.03 0-1.42l-2.3-2.29H18c.55 0 1-.45 1-1s-.45-1-1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgArrowsChange

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