@modul/mbui 0.0.16-beta-pv-53139-88618ef5 → 0.0.17-beta-pv-53151-c7f612b9

package/src/Icon/icons/Download.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgDownload = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M17 18H3c-1.1 0-2-.9-2-2v-4c0-.55.45-1 1-1s1 .45 1 1v4h14v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 1.1-.9 2-2 2m-3.29-8.71a.996.996 0 0 0-1.41 0l-1.3 1.3V3c0-.55-.45-1-1-1s-1 .45-1 1v7.59L7.71 9.3a.996.996 0 1 0-1.41 1.41l3 3c.19.19.44.29.7.29s.51-.1.71-.29l3-3c.39-.39.39-1.03 0-1.42"
+			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
+export default SvgDownload

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/Edit.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgEdit = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="m18.41 4.35-2.76-2.76c-.39-.39-.9-.58-1.41-.58s-1.02.19-1.41.57L1.3 12.98a1 1 0 0 0-.3.71V18c0 .55.45 1 1 1h4.31a1 1 0 0 0 .71-.3l11.4-11.53a2 2 0 0 0-.01-2.82M5.89 17H3v-2.89l8.1-8 2.79 2.79zm9.41-9.52L12.52 4.7l1.72-1.69L17 5.76z"
+			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
+export default SvgEdit

package/src/Icon/icons/Favorite.tsx

@@ -3,15 +3,15 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgFavorite = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M4.24 18.81c-.31-.22-.46-.6-.4-.98l.9-5.3-3.48-3.8c-.25-.27-.33-.66-.21-1.01s.43-.6.8-.65l4.9-.72 2.37-4.79c.34-.68 1.46-.68 1.79 0l2.37 4.79 4.86.71c.37.05.67.3.8.65.12.35.05.74-.2 1.01l-3.45 3.8.9 5.31c.06.38-.09.75-.4.98-.31.22-.71.25-1.05.08l-4.73-2.48-4.73 2.48a.98.98 0 0 1-1.04-.08m5.78-4.54c.16 0 .32.04.46.11l3.4 1.79-.65-3.79c-.05-.3.04-.61.24-.84l2.51-2.77-3.53-.52a.98.98 0 0 1-.75-.55L10 4.25 8.3 7.7c-.15.29-.43.5-.75.55L4 8.77l2.54 2.77c.21.23.3.54.25.84l-.65 3.79 3.4-1.79c.16-.07.32-.11.48-.11"
+			d="M5.09 22.57a1.2 1.2 0 0 1-.48-1.17l1.08-6.36-4.18-4.56c-.3-.33-.4-.8-.25-1.22.14-.42.52-.72.96-.78l5.88-.86 2.84-5.75c.41-.81 1.76-.81 2.15 0l2.85 5.75 5.83.85c.44.06.8.36.96.78.14.42.06.89-.24 1.21l-4.14 4.56 1.08 6.38c.07.45-.11.9-.48 1.17-.37.27-.85.3-1.26.1L12 19.69l-5.67 2.98c-.4.21-.9.17-1.25-.1Zm6.93-5.45c.2 0 .39.05.56.14l4.08 2.14-.78-4.54c-.06-.36.04-.74.28-1.01l3.02-3.33-4.24-.62c-.4-.06-.73-.3-.9-.66L12 5.1 9.96 9.24c-.18.35-.52.6-.9.66l-4.26.62 3.05 3.33c.25.27.36.65.3 1l-.78 4.55 4.08-2.14c.19-.09.38-.14.57-.14Z"
 		/>
 	</SvgIcon>
 )

package/src/Icon/icons/FavoriteSolid.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgFavoriteSolid = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M18.94 7.71a.98.98 0 0 0-.8-.65l-4.86-.71-2.37-4.79c-.34-.68-1.46-.68-1.79 0L6.75 6.35l-4.9.72c-.37.05-.67.31-.8.65-.12.35-.04.74.21 1.01l3.48 3.8-.9 5.3c-.06.38.09.75.4.98.3.22.71.26 1.05.08l4.73-2.48 4.73 2.48c.34.18.75.15 1.05-.08.31-.22.46-.6.4-.98l-.9-5.31 3.45-3.8c.24-.27.32-.66.19-1.01"
+			d="M22.73 9.25a1.18 1.18 0 0 0-.96-.78l-5.83-.85-2.85-5.75c-.4-.81-1.75-.81-2.15 0L8.1 7.62l-5.88.86c-.44.06-.8.38-.96.78-.14.42-.05.9.25 1.22l4.18 4.56L4.6 21.4c-.07.45.1.9.48 1.17.36.27.85.31 1.26.1l5.67-2.98 5.68 2.98c.4.21.9.18 1.26-.1.37-.26.55-.72.48-1.17l-1.08-6.38 4.14-4.56c.29-.32.38-.79.23-1.2Z"
 		/>
 	</SvgIcon>
 )
-export default SvgFavoriteSolid
+export default SvgFavoriteSolid

package/src/Icon/icons/File.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgFile = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="m16.71 5.29-4-4A1 1 0 0 0 12 1H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V6c0-.27-.11-.52-.29-.71M14.59 6H12V3.41zM5 17V3h5v3c0 1.1.9 2 2 2h3v9z"
+			d="m20.05 6.35-4.8-4.8a1.19 1.19 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.8H6Z"
 		/>
 	</SvgIcon>
 )
-export default SvgFile
+export default SvgFile

package/src/Icon/icons/InfoSolid.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgInfoSolid = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
-			fill="#4971D0"
-			d="M10 1.003c-4.96 0-9 4.04-9 9s4.04 9 9 9 9-4.04 9-9-4.04-9-9-9m1 13c0 .55-.45 1-1 1s-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1zm-1-6.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.2"
+			fill="currentColor"
+			d="m12 1.2c-5.95 0-10.8 4.85-10.8 10.8 0 5.96 4.85 10.8 10.8 10.8s10.8-4.84 10.8-10.8c0-5.95-4.85-10.8-10.8-10.8zm1.2 15.6c0 .66-.54 1.2-1.2 1.2a1.2 1.2 0 0 1 -1.2-1.2v-4.8c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2zm-1.2-8.16c-.8 0-1.44-.64-1.44-1.44 0-.79.65-1.44 1.44-1.44.8 0 1.44.65 1.44 1.44 0 .8-.65 1.44-1.44 1.44z"
 		/>
 	</SvgIcon>
 )
-export default SvgInfoSolid
+export default SvgInfoSolid

package/src/Icon/icons/Link.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgLink = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M8 14H5c-2.21 0-4-1.79-4-4s1.79-4 4-4h3c.55 0 1 .45 1 1s-.45 1-1 1H5c-1.1 0-2 .9-2 2s.9 2 2 2h3c.55 0 1 .45 1 1s-.45 1-1 1m11-4c0-2.21-1.79-4-4-4h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c1.1 0 2 .9 2 2s-.9 2-2 2h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c2.21 0 4-1.79 4-4m-5 0c0-.55-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1"
+			d="m9.6 16.8h-3.6a4.8 4.8 0 1 1 0-9.6h3.6c.66 0 1.2.54 1.2 1.2s-.54 1.2-1.2 1.2h-3.6a2.4 2.4 0 0 0 -2.4 2.4 2.4 2.4 0 0 0 2.4 2.4h3.6c.66 0 1.2.54 1.2 1.2s-.54 1.2-1.2 1.2zm13.2-4.8a4.8 4.8 0 0 0 -4.8-4.8h-3.6c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h3.6a2.4 2.4 0 0 1 2.4 2.4 2.4 2.4 0 0 1 -2.4 2.4h-3.6c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h3.6a4.8 4.8 0 0 0 4.8-4.8zm-6 0c0-.66-.54-1.2-1.2-1.2h-7.2c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h7.2c.66 0 1.2-.54 1.2-1.2z"
 		/>
 	</SvgIcon>
 )
-export default SvgLink
+export default SvgLink

package/src/Icon/icons/Logout.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgLogout = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M16 19H4c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v.95c0 .55-.45 1-1 1s-1-.45-1-1V3H4v14h12v-.95c0-.55.45-1 1-1s1 .45 1 1V17c0 1.1-.9 2-2 2m1.71-9.71-3-3c-.39-.39-1.03-.39-1.42 0s-.39 1.03 0 1.42L14.58 9H9c-.55 0-1 .45-1 1s.45 1 1 1h5.58l-1.29 1.29c-.39.39-.39 1.03 0 1.42.41.39 1.02.38 1.42 0l3-3c.39-.39.39-1.03 0-1.42"
+			d="M19.2 22.8H4.8a2.4 2.4 0 0 1-2.4-2.4V3.6a2.4 2.4 0 0 1 2.4-2.4h14.4a2.4 2.4 0 0 1 2.4 2.4v1.14c0 .66-.54 1.2-1.2 1.2a1.2 1.2 0 0 1-1.2-1.2V3.6H4.8v16.8h14.4v-1.14c0-.66.54-1.2 1.2-1.2.66 0 1.2.54 1.2 1.2v1.14a2.4 2.4 0 0 1-2.4 2.4Zm2.05-11.65-3.6-3.6a1.21 1.21 0 0 0-1.7 0 1.21 1.21 0 0 0 0 1.7l1.55 1.55h-6.7c-.66 0-1.2.54-1.2 1.2 0 .66.54 1.2 1.2 1.2h6.7l-1.55 1.55a1.21 1.21 0 0 0 0 1.7c.49.47 1.22.46 1.7 0l3.6-3.6c.47-.47.47-1.23 0-1.7Z"
 		/>
 	</SvgIcon>
 )
-export default SvgLogout
+export default SvgLogout

package/src/Icon/icons/MailSend.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgMailSend = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M17 5.995h-3c-.55 0-1 .45-1 1s.45 1 1 1h1.16L10 11.758 4.84 7.996H6c.55 0 1-.45 1-1 0-.551-.45-1.001-1-1.001H3c-1.1 0-2 .9-2 2V16C1 17.1 1.9 18 3 18h14c1.1 0 2-.9 2-2V7.995c0-1.1-.9-2.001-2-2.001M3 15.999V9.126l6.41 4.672c.18.13.38.19.59.19s.41-.06.59-.19L17 9.126V16zM7.29 4.704a.997.997 0 0 1 0-1.41l2-2.001a.996.996 0 0 1 1.41 0l2 2a.997.997 0 0 1-.71 1.701c-.26 0-.51-.1-.71-.29l-.29-.29v3.582c0 .55-.45 1-1 1s-1-.45-1-1V4.404l-.29.29c-.2.2-.45.29-.71.29a1 1 0 0 1-.7-.28"
+			d="M20.4 7.2h-3.6c-.66 0-1.2.53-1.2 1.2 0 .65.54 1.2 1.2 1.2h1.4L12 14.1 5.8 9.6h1.4c.66 0 1.2-.55 1.2-1.2 0-.67-.54-1.2-1.2-1.2H3.6a2.4 2.4 0 0 0-2.4 2.4v9.6a2.4 2.4 0 0 0 2.4 2.4h16.8a2.4 2.4 0 0 0 2.4-2.4V9.6a2.4 2.4 0 0 0-2.4-2.4Zm-16.8 12v-8.25l7.7 5.6a1.19 1.19 0 0 0 1.42 0l7.68-5.6v8.25H3.6ZM8.75 5.64a1.2 1.2 0 0 1 0-1.69l2.4-2.4a1.2 1.2 0 0 1 1.69 0l2.4 2.4A1.2 1.2 0 0 1 14.39 6c-.31 0-.61-.12-.85-.35l-.35-.34v4.3c0 .66-.54 1.2-1.2 1.2a1.2 1.2 0 0 1-1.2-1.2V5.27l-.35.35c-.24.24-.54.35-.85.35-.31 0-.6-.1-.84-.34Z"
 		/>
 	</SvgIcon>
 )
-export default SvgMailSend
+export default SvgMailSend

package/src/Icon/icons/MapPin.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgMapPin = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M10 6.6c.77 0 1.4.63 1.4 1.4s-.63 1.4-1.4 1.4S8.6 8.77 8.6 8s.63-1.4 1.4-1.4M10 5C8.34 5 7 6.34 7 8s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3m0 14c-.23 0-.45-.08-.64-.23C9.1 18.55 3 13.41 3 8c0-3.86 3.14-7 7-7s7 3.14 7 7c0 5.41-6.1 10.55-6.36 10.77-.19.15-.41.23-.64.23m0-16C7.24 3 5 5.24 5 8c0 3.55 3.52 7.25 5 8.65 1.48-1.4 5-5.1 5-8.65 0-2.76-2.24-5-5-5"
+			d="m12 7.92c.92 0 1.68.76 1.68 1.68s-.76 1.68-1.68 1.68-1.68-.76-1.68-1.68.76-1.68 1.68-1.68zm0-1.92a3.6 3.6 0 1 0 -.01 7.19 3.6 3.6 0 0 0 .01-7.19zm0 16.8c-.28 0-.54-.1-.77-.28-.31-.26-7.63-6.43-7.63-12.92a8.4 8.4 0 0 1 16.8 0c0 6.5-7.32 12.66-7.63 12.92-.23.18-.5.28-.77.28zm0-19.2a6 6 0 0 0 -6 6c0 4.26 4.22 8.7 6 10.38 1.78-1.68 6-6.12 6-10.38a6 6 0 0 0 -6-6z"
 		/>
 	</SvgIcon>
 )
-export default SvgMapPin
+export default SvgMapPin

package/src/Icon/icons/MapPinSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMapPinSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M12 1.2a8.4 8.4 0 0 0-8.4 8.4c0 6.49 7.32 12.66 7.63 12.92a1.2 1.2 0 0 0 1.54 0c.31-.26 7.63-6.43 7.63-12.92A8.4 8.4 0 0 0 12 1.2Zm0 11.1a2.7 2.7 0 1 1 0-5.4 2.7 2.7 0 0 1 0 5.4Z"
+		/>
+	</SvgIcon>
+)
+export default SvgMapPinSolid

package/src/Icon/icons/Order.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgOrder = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M15 19H4c-1.65 0-3-1.35-3-3v-2c0-.55.45-1 1-1h1V3c0-1.1.9-2 2-2h11c1.1 0 2 .9 2 2v13c0 1.65-1.34 3-3 3m0-2c.55 0 1-.45 1-1V3H5v10h8c.55 0 1 .45 1 1v2c0 .55.45 1 1 1M3 15v1c0 .55.45 1 1 1h8.17a3 3 0 0 1-.17-1v-1zm11-9c0-.55-.45-1-1-1h-1c-.55 0-1 .45-1 1s.45 1 1 1h1c.55 0 1-.45 1-1M9.2 6c0-.66-.54-1.2-1.2-1.2S6.8 5.34 6.8 6 7.34 7.2 8 7.2 9.2 6.66 9.2 6m4.8 4c0-.55-.45-1-1-1h-1c-.55 0-1 .45-1 1s.45 1 1 1h1c.55 0 1-.45 1-1m-4.8 0c0-.66-.54-1.2-1.2-1.2s-1.2.54-1.2 1.2.54 1.2 1.2 1.2 1.2-.54 1.2-1.2"
+			d="M18 22.8H4.8a3.61 3.61 0 0 1-3.6-3.6v-2.4c0-.66.54-1.2 1.2-1.2h1.2v-12A2.4 2.4 0 0 1 6 1.2h13.2a2.4 2.4 0 0 1 2.4 2.4v15.6a3.6 3.6 0 0 1-3.6 3.6Zm0-2.4c.66 0 1.2-.54 1.2-1.2V3.6H6v12h9.6c.66 0 1.2.54 1.2 1.2v2.4c0 .66.54 1.2 1.2 1.2ZM3.6 18v1.2c0 .66.54 1.2 1.2 1.2h9.8a3.6 3.6 0 0 1-.2-1.2V18H3.6ZM16.8 7.2c0-.66-.54-1.2-1.2-1.2h-1.2c-.66 0-1.2.54-1.2 1.2 0 .66.54 1.2 1.2 1.2h1.2c.66 0 1.2-.54 1.2-1.2Zm-5.76 0c0-.8-.65-1.44-1.44-1.44-.8 0-1.44.65-1.44 1.44 0 .8.65 1.44 1.44 1.44.8 0 1.44-.65 1.44-1.44ZM16.8 12c0-.66-.54-1.2-1.2-1.2h-1.2c-.66 0-1.2.54-1.2 1.2 0 .66.54 1.2 1.2 1.2h1.2c.66 0 1.2-.54 1.2-1.2Zm-5.76 0c0-.8-.65-1.44-1.44-1.44-.8 0-1.44.65-1.44 1.44 0 .8.65 1.44 1.44 1.44.8 0 1.44-.65 1.44-1.44Z"
 		/>
 	</SvgIcon>
 )
-export default SvgOrder
+export default SvgOrder

package/src/Icon/icons/Print.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgPrint = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M17 7h-1V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v3H3c-1.1 0-2 .9-2 2v5c0 1.1.9 2 2 2h2c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2h2c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2M6 4h8v3H6zm7 12H7v-2h6zm4-2h-2c0-1.1-.9-2-2-2H7c-1.1 0-2 .9-2 2H3V9h14z"
+			d="M20.4 8.4h-1.2V4.8a2.4 2.4 0 0 0-2.4-2.4H7.2a2.4 2.4 0 0 0-2.4 2.4v3.6H3.6a2.4 2.4 0 0 0-2.4 2.4v6a2.4 2.4 0 0 0 2.4 2.4H6a2.4 2.4 0 0 0 2.4 2.4h7.2a2.4 2.4 0 0 0 2.4-2.4h2.4a2.4 2.4 0 0 0 2.4-2.4v-6a2.4 2.4 0 0 0-2.4-2.4ZM7.2 4.8h9.6v3.6H7.2V4.8Zm8.4 14.4H8.4v-2.4h7.2v2.4Zm4.8-2.4H18a2.4 2.4 0 0 0-2.4-2.4H8.4A2.4 2.4 0 0 0 6 16.8H3.6v-6h16.8v6Z"
 		/>
 	</SvgIcon>
 )
-export default SvgPrint
+export default SvgPrint

package/src/Icon/icons/Reload.tsx

@@ -3,16 +3,17 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgReload = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M18 9c-.55 0-1 .45-1 1 0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7c1.29 0 2.52.35 3.59 1H13c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1v.51A8.97 8.97 0 0 0 10 1c-4.96 0-9 4.04-9 9s4.04 9 9 9 9-4.04 9-9c0-.55-.45-1-1-1"
+			d="m21.6 10.8c-.66 0-1.2.54-1.2 1.2a8.4 8.4 0 0 1 -16.8 0 8.4 8.4 0 0 1 12.7-7.2h-.7c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h3.6c.66 0 1.2-.54 1.2-1.2v-3.6c0-.66-.54-1.2-1.2-1.2s-1.2.54-1.2 1.2v.61a10.82 10.82 0 0 0 -16.8 8.99c0 5.95 4.85 10.8 10.8 10.8s10.8-4.85 10.8-10.8c0-.66-.54-1.2-1.2-1.2z"
 		/>
 	</SvgIcon>
 )
 export default SvgReload
+

package/src/Icon/icons/Sbp.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgSbp = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M16.55 13.17 11.8 10l4.75-3.17c.28-.18.45-.5.45-.83s-.17-.65-.45-.83l-6-4c-.31-.2-.7-.22-1.03-.05C9.2 1.29 9 1.63 9 2v6.13L4.55 5.17c-.31-.2-.7-.22-1.03-.05C3.2 5.29 3 5.63 3 6v8c0 .37.2.71.53.88.32.17.72.16 1.03-.05L9 11.87V18c0 .37.2.71.53.88.32.17.72.16 1.03-.05l6-4a.995.995 0 0 0-.01-1.66M11 3.87 14.2 6 11 8.13zm-6 8.26V7.87L8.2 10zm6 4v-4.26L14.2 14z"
+			d="m19.86 15.8-5.7-3.8 5.7-3.8a1.2 1.2 0 0 0 0-2l-7.2-4.8a1.23 1.23 0 0 0 -1.24-.06c-.38.2-.62.62-.62 1.06v7.36l-5.34-3.56a1.23 1.23 0 0 0 -1.24-.06c-.38.2-.62.62-.62 1.06v9.6a1.2 1.2 0 0 0 1.87 1l5.33-3.56v7.36a1.2 1.2 0 0 0 1.87 1l7.2-4.8a1.2 1.2 0 0 0 -.01-2zm-6.66-11.16 3.84 2.56-3.84 2.56zm-7.2 9.92v-5.12l3.84 2.56zm7.2 4.8v-5.12l3.84 2.56z"
 		/>
 	</SvgIcon>
 )
-export default SvgSbp
+export default SvgSbp

package/src/Icon/icons/SbpColored.tsx

@@ -3,43 +3,43 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgSbpColored = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
-			d="m10.84 7.5 2.87-1.73 3.79.3-6.4 3.88-.26-2.44Z"
-			fill="#E40546"
+			d="m3.6 5.7 2.51 4.49v2.73l-2.5 4.47z"
+			fill="#5b57a2"
 		/>
 		<path
-			d="M11.1 4.44v5.61L8.86 8.7V.83l2.23 3.61Z"
-			fill="#F9B429"
+			d="m13.24 8.55 2.35-1.43h4.81l-7.16 4.38z"
+			fill="#d90751"
 		/>
 		<path
-			d="M11.1 15.64v-3L8.86 11.3v7.87l2.24-3.53Z"
-			fill="#78B72A"
+			d="m13.22 5.68.02 5.93-2.52-1.54v-8.87z"
+			fill="#fab718"
 		/>
 		<path
-			d="M13.55 14.14 4.37 8.57 2.5 4.82l15 9.1-3.95.22Z"
-			fill="#0698D6"
+			d="m20.4 7.11h-4.81l-2.37-1.43-2.5-4.48z"
+			fill="#ed6f26"
 		/>
 		<path
-			d="m2.5 15.17 6.38-3.87L6.73 10l-2.38 1.45-1.85 3.72Z"
-			fill="#8F4794"
+			d="m13.24 17.42v-2.88l-2.52-1.52v8.88z"
+			fill="#63b22f"
 		/>
 		<path
-			d="M17.5 6.07h-4.3L11.1 4.8 8.85.83l8.64 5.24Z"
-			fill="#EF8019"
+			d="m15.58 15.99-9.47-5.8-2.51-4.49 16.79 10.28h-4.8z"
+			fill="#1487c9"
 		/>
 		<path
-			d="m8.86 19.17 2.24-3.97 2.1-1.27h4.3l-8.64 5.24Z"
-			fill="#00853F"
+			d="m10.72 21.9 2.52-4.48 2.34-1.43h4.81l-9.67 5.9z"
+			fill="#017f36"
 		/>
 		<path
-			d="M2.5 4.82 4.74 8.8v2.42L2.5 15.17V4.82Z"
-			fill="#5B57A2"
+			d="m3.6 17.39 7.14-4.37-2.4-1.47-2.23 1.37-2.5 4.47z"
+			fill="#984995"
 		/>
 	</SvgIcon>
 )

package/src/Icon/icons/Tariffs.tsx

@@ -3,16 +3,17 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgTariffs = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M13 18H7c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h6c.55 0 1 .45 1 1v14c0 .55-.45 1-1 1m-5-2h4V4H8zm-3-1c0-.55-.45-1-1-1H3V6h1c.55 0 1-.45 1-1s-.45-1-1-1H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h1c.55 0 1-.45 1-1m14-1V6c0-1.1-.9-2-2-2h-1c-.55 0-1 .45-1 1s.45 1 1 1h1v8h-1c-.55 0-1 .45-1 1s.45 1 1 1h1c1.1 0 2-.9 2-2"
+			d="m15.6 21.6h-7.2a1.2 1.2 0 0 1 -1.2-1.2v-16.8c0-.66.54-1.2 1.2-1.2h7.2c.66 0 1.2.54 1.2 1.2v16.8c0 .66-.54 1.2-1.2 1.2zm-6-2.4h4.8v-14.4h-4.8zm-3.6-1.2c0-.66-.54-1.2-1.2-1.2h-1.2v-9.6h1.2c.66 0 1.2-.54 1.2-1.2s-.54-1.2-1.2-1.2h-1.2a2.4 2.4 0 0 0 -2.4 2.4v9.6a2.4 2.4 0 0 0 2.4 2.4h1.2c.66 0 1.2-.54 1.2-1.2zm16.8-1.2v-9.6a2.4 2.4 0 0 0 -2.4-2.4h-1.2c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h1.2v9.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 SvgTariffs
+

package/src/Icon/icons/Trash.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgTrash = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M18 5h-3V3c0-1.1-.9-2-2-2H7c-1.1 0-2 .9-2 2v2H2c-.55 0-1 .45-1 1s.45 1 1 1h1v10c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V7h1c.55 0 1-.45 1-1s-.45-1-1-1M7 3h6v2H7zm8 14H5V7h10zm-8-3v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1m4 0v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1"
+			d="m21.6 6h-3.6v-2.4a2.4 2.4 0 0 0 -2.4-2.4h-7.2a2.4 2.4 0 0 0 -2.4 2.4v2.4h-3.6c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h1.2v12a2.4 2.4 0 0 0 2.4 2.4h12a2.4 2.4 0 0 0 2.4-2.4v-12h1.2c.66 0 1.2-.54 1.2-1.2s-.54-1.2-1.2-1.2zm-13.2-2.4h7.2v2.4h-7.2zm9.6 16.8h-12v-12h12zm-9.6-3.6v-4.8c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2v4.8c0 .66-.54 1.2-1.2 1.2a1.2 1.2 0 0 1 -1.2-1.2zm4.8 0v-4.8c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2v4.8c0 .66-.54 1.2-1.2 1.2a1.2 1.2 0 0 1 -1.2-1.2z"
 		/>
 	</SvgIcon>
 )
-export default SvgTrash
+export default SvgTrash

package/src/Icon/icons/User.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgUser = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M10 11c-2.52 0-4.5-2.42-4.5-5.5C5.5 2.39 7.76 1 10 1s4.5 1.39 4.5 4.5c0 3.08-1.98 5.5-4.5 5.5m0-8c-.93 0-2.5.32-2.5 2.5C7.5 7.18 8.46 9 10 9s2.5-1.82 2.5-3.5C12.5 3.32 10.93 3 10 3m8 14v-1.68c0-1.06-.57-2.06-1.49-2.59l-1.01-.59a1 1 0 0 0-1.37.36 1 1 0 0 0 .36 1.37l1.01.59a1 1 0 0 1 .5.86V17H4v-1.68c0-.35.19-.69.5-.86l1.01-.59c.48-.28.64-.89.36-1.37a1 1 0 0 0-1.37-.36l-1.01.59C2.57 13.27 2 14.26 2 15.32V17c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2"
+			d="M12 13.2c-3.02 0-5.4-2.9-5.4-6.6 0-3.73 2.71-5.4 5.4-5.4 2.69 0 5.4 1.67 5.4 5.4 0 3.7-2.38 6.6-5.4 6.6Zm0-9.6c-1.12 0-3 .38-3 3 0 2.02 1.15 4.2 3 4.2s3-2.18 3-4.2c0-2.62-1.88-3-3-3Zm9.6 16.8v-2.02a3.6 3.6 0 0 0-1.79-3.1l-1.21-.71a1.2 1.2 0 0 0-1.64.43 1.2 1.2 0 0 0 .43 1.64l1.21.71c.37.22.6.61.6 1.03v2.02H4.8v-2.02c0-.42.23-.82.6-1.03l1.21-.7A1.2 1.2 0 0 0 7.04 15a1.2 1.2 0 0 0-1.64-.43l-1.21.7a3.62 3.62 0 0 0-1.79 3.11v2.02a2.4 2.4 0 0 0 2.4 2.4h14.4a2.4 2.4 0 0 0 2.4-2.4Z"
 		/>
 	</SvgIcon>
 )
-export default SvgUser
+export default SvgUser

package/src/Icon/icons/UserEdit.tsx

@@ -3,15 +3,15 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgUserEdit = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M13 19h-2c-.55 0-1-.45-1-1v-2c0-.27.11-.52.29-.71l4.79-4.79c.78-.78 2.05-.78 2.83 0l.59.59c.78.78.78 2.05 0 2.83l-4.79 4.79c-.19.18-.44.29-.71.29m-1-2h.59l4.5-4.5-.59-.59-4.5 4.5zm-2-6c-2.52 0-4.5-2.42-4.5-5.5C5.5 2.39 7.76 1 10 1s4.5 1.39 4.5 4.5c0 3.08-1.98 5.5-4.5 5.5m0-8c-.93 0-2.5.32-2.5 2.5C7.5 7.18 8.46 9 10 9s2.5-1.82 2.5-3.5C12.5 3.32 10.93 3 10 3M8 18c0-.55-.45-1-1-1H4v-1.68c0-.35.19-.69.5-.86l1.01-.59c.48-.28.64-.89.36-1.37a1 1 0 0 0-1.37-.36l-1.01.59C2.57 13.27 2 14.26 2 15.32V17c0 1.1.9 2 2 2h3c.55 0 1-.45 1-1"
+			d="m15.6 22.8h-2.4a1.2 1.2 0 0 1 -1.2-1.2v-2.4c0-.32.13-.62.35-.85l5.75-5.75a2.4 2.4 0 0 1 3.4 0l.7.7a2.4 2.4 0 0 1 0 3.4l-5.75 5.75c-.23.22-.53.35-.85.35zm-1.2-2.4h.7l5.4-5.4-.7-.7-5.4 5.4zm-2.4-7.2c-3.02 0-5.4-2.9-5.4-6.6 0-3.73 2.71-5.4 5.4-5.4s5.4 1.67 5.4 5.4c0 3.7-2.38 6.6-5.4 6.6zm0-9.6c-1.12 0-3 .38-3 3 0 2.02 1.15 4.2 3 4.2s3-2.18 3-4.2c0-2.62-1.88-3-3-3zm-2.4 18c0-.66-.54-1.2-1.2-1.2h-3.6v-2.02c0-.42.23-.82.6-1.03l1.21-.7a1.2 1.2 0 0 0 .43-1.65 1.2 1.2 0 0 0 -1.64-.43l-1.21.7a3.62 3.62 0 0 0 -1.79 3.11v2.02a2.4 2.4 0 0 0 2.4 2.4h3.6c.66 0 1.2-.54 1.2-1.2z"
 		/>
 	</SvgIcon>
 )

package/src/Icon/icons/Warning.tsx

@@ -3,15 +3,15 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgWarning = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M18.62 13.53 12.6 2.55C12.07 1.58 11.1 1 10 1s-2.07.58-2.6 1.55L1.38 13.53c-.52.95-.5 2.08.05 3.01.54.92 1.5 1.46 2.55 1.46h12.04c1.06 0 2.01-.55 2.55-1.46.56-.93.58-2.06.05-3.01M9 6.96c0-.55.45-1 1-1s1 .45 1 1v3c0 .55-.45 1-1 1s-1-.45-1-1zm1 8.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"
+			d="m22.34 16.24-7.22-13.18a3.51 3.51 0 0 0 -3.12-1.86c-1.32 0-2.48.7-3.12 1.86l-7.22 13.18a3.63 3.63 0 0 0 3.12 5.36h14.44c1.28 0 2.42-.66 3.06-1.75.68-1.12.7-2.47.06-3.61zm-11.54-7.89c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2a1.2 1.2 0 0 1 -1.2-1.2zm1.2 9.85c-.8 0-1.44-.65-1.44-1.44s.65-1.44 1.44-1.44c.8 0 1.44.65 1.44 1.44 0 .8-.65 1.44-1.44 1.44z"
 		/>
 	</SvgIcon>
 )