@modul/mbui 0.0.2 → 0.0.3-beta-pv-52770-26eac77b

package/src/Slider/slider.styl

@@ -0,0 +1,62 @@
+@require '../../../Markup.Common/markup/stylus/variables'
+
+.ant
+    // SLIDER BEGIN
+    &-slider-rail
+    &-slider-track
+        height 2px
+        border-radius @height
+
+    &-slider-rail
+        background-color $cl-graphite-5
+
+    &-slider-track
+        position absolute
+        top 0
+        background-color $cl-green-2
+        transition background-color 0.3s ease-in-out
+
+    &-slider-handle
+        position absolute
+        top 50%
+        margin-top -7px
+        box-sizing border-box
+        width 14px
+        height @width
+        background-color $cl-white
+        border 2px solid $cl-green-2
+        border-radius 50%
+        transition background-color 0.3s ease-in-out, border-color 0.3s ease-in-out
+        cursor pointer
+
+    &-slider-disabled
+        .ant-slider-track
+        .ant-slider-handle
+            background-color $cl-graphite-4
+
+        .ant-slider-handle
+            border-color $cl-white
+            cursor not-allowed
+    // SLIDER END
+
+    // SLIDER TOOLTIP BEGIN
+    &-slider
+        position relative
+
+        & .ant-tooltip
+            background-color transparent
+
+            &-placement-bottom
+                padding-top 0
+
+            &-arrow
+                display none
+
+            &-content
+                padding 0
+                min-height auto
+                font-size $fz-small
+                color $cl-graphite-3
+                background-color transparent
+                box-shadow none
+    // SLIDER TOOLTIP END

package/src/Tabs/Tabs.tsx

@@ -0,0 +1,63 @@
+import React from 'react'
+import cn from 'classnames'
+import * as TabsPrimitive from '@radix-ui/react-tabs'
+import {TabsProps} from "@radix-ui/react-tabs";
+
+type TabsComponents = {
+	List: typeof TabsList,
+	Trigger: typeof TabsTrigger,
+	Content: typeof TabsContent,
+}
+
+const Tabs: React.FC<TabsProps> & TabsComponents = ({ ...props }) => <TabsPrimitive.Root {...props}/>
+
+const TabsList = React.forwardRef<
+	React.ElementRef<typeof TabsPrimitive.List>,
+	React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+>(({ className, ...props }, ref) => (
+	<TabsPrimitive.List
+		ref={ref}
+		className={cn(
+			'inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground',
+			className
+		)}
+		{...props}
+	/>
+))
+
+const TabsTrigger = React.forwardRef<
+	React.ElementRef<typeof TabsPrimitive.Trigger>,
+	React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+	<TabsPrimitive.Trigger
+		ref={ref}
+		className={cn(
+			'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
+			className
+		)}
+		{...props}
+	/>
+))
+
+const TabsContent = React.forwardRef<
+	React.ElementRef<typeof TabsPrimitive.Content>,
+	React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+>(({ className, ...props }, ref) => (
+	<TabsPrimitive.Content
+		ref={ref}
+		className={cn(
+			'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+			className
+		)}
+		{...props}
+	/>
+))
+
+Tabs.List = TabsList
+TabsList.displayName = "TabsList"
+Tabs.Trigger = TabsTrigger
+TabsTrigger.displayName = "TabsTrigger"
+Tabs.Content = TabsContent
+TabsContent.displayName = "TabsContent"
+
+export default Tabs

package/src/Tabs/ant-tabs.styl

@@ -0,0 +1,91 @@
+@require '../../../Markup.Common/markup/stylus/variables'
+
+$prefix-tabs = ant-tabs
+
+// Общая обретка
+.{$prefix-tabs}
+	position relative
+
+	&._wide
+		.{$prefix-tabs}-tab
+			padding 0 16px 8px
+
+			&:not(:last-child)
+				margin-right 0
+
+// Панелька с названиями табов
+.{$prefix-tabs}-bar
+	position relative
+	display flex
+	flex-wrap nowrap
+
+	&::after
+		content ''
+		position absolute
+		right 0
+		bottom 0
+		left 0
+		height 2px
+		background-color $cl-graphite-6
+
+.{$prefix-tabs}-nav-wrap
+	overflow hidden
+
+.{$prefix-tabs}-nav-scroll
+	overflow hidden
+	white-space nowrap
+
+.{$prefix-tabs}-nav
+	display inline-block
+
+// Таб
+.{$prefix-tabs}-tab
+	display inline-block
+	padding-bottom 8px
+	user-select none
+	cursor pointer
+
+	&:not(:last-child)
+		margin-right 32px
+
+// Активный таб
+.{$prefix-tabs}-tab-active
+	position relative
+	color $cl-blue-2
+
+// Стрелки переключения между табами
+.{$prefix-tabs}-tab-prev
+.{$prefix-tabs}-tab-next
+	display none
+
+// Обертка всех табов
+.{$prefix-tabs}-content
+	display flex
+	margin-left 0 !important // fix стандартного поведения ant-tabs - табы уезжают влево через margin-left: -100%
+	width 100%
+
+// Контент табов
+.{$prefix-tabs}-tabpane
+	flex-shrink 0
+	width 100%
+
+// Подчеркивание активного таба
+.{$prefix-tabs}-ink-bar
+	position relative
+	height 3px
+	background-color $cl-blue-2
+	transition transform .2s
+	z-index 1
+
+// Скрытие неактивного таба
+.{$prefix-tabs}-tabpane-inactive
+	display none
+
+// Заготовка для анимаций
+// .{$prefix-tabs}-tabpane-active
+// 	animation-name anim-tab-active
+// 	animation-duration 1s
+
+// .{$prefix-tabs}-tabpane-inactive
+// 	animation-name anim-tab-inactive
+// 	animation-duration 1s

package/src/Tabs/index.ts

@@ -0,0 +1,5 @@
+import Tabs from './Tabs'
+
+export default Tabs
+
+export { Tabs }

package/src/Tooltip/Tooltip.tsx

@@ -0,0 +1,47 @@
+import React from 'react'
+import cn from 'classnames'
+import * as TooltipPrimitive from '@radix-ui/react-tooltip'
+import {TooltipProps} from "@radix-ui/react-tooltip";
+// import './ant-tooltip.styl'
+
+//  "_error": mdStyle === "error",
+// 	"_white": mdStyle === "white",
+//
+// 	"_sm": mdSize === "sm",
+// 	"_md": mdSize === "md",
+// 	"_lg": mdSize === "lg",
+// 	"_xl": mdSize === "xl",
+
+type TooltipComponents = {
+	Provider: typeof TooltipProvider,
+	Trigger: typeof TooltipTrigger,
+	Content: typeof TooltipContent,
+}
+
+const Tooltip: React.FC<TooltipProps> & TooltipComponents = ({...props}) => <TooltipPrimitive.Root {...props}/>
+
+const TooltipProvider = TooltipPrimitive.Provider
+
+const TooltipTrigger = TooltipPrimitive.Trigger
+
+const TooltipContent = React.forwardRef<
+	React.ElementRef<typeof TooltipPrimitive.Content>,
+	React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+	<TooltipPrimitive.Content
+		ref={ref}
+		sideOffset={sideOffset}
+		className={cn(
+			'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+			className
+		)}
+		{...props}
+	/>
+))
+
+Tooltip.Provider = TooltipProvider
+Tooltip.Trigger = TooltipTrigger
+Tooltip.Content = TooltipContent
+TooltipContent.displayName = "TooltipContent"
+
+export default Tooltip

package/src/Tooltip/index.ts

@@ -0,0 +1,5 @@
+import Tooltip from './Tooltip'
+
+export { Tooltip }
+
+export default Tooltip

package/src/assets/css/global.css

@@ -0,0 +1,125 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+
+    /* @font-face {
+        font-weight: 100 900;
+        font-family: "Roboto";
+        font-style: normal;
+        font-stretch: 75% 100%;
+        src: url("../fonts/Roboto.woff2") format("woff2");
+        font-display: swap;
+    }
+    
+    @font-face {
+        font-weight: 100 900;
+        font-family: "Roboto";
+        font-style: italic;
+        font-stretch: 75% 100%;
+        src: url("../fonts/Roboto-Italic.woff2") format("woff2");
+        font-display: swap;
+    } */
+
+    :root {
+        font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif; 
+
+        --cl-white: #ffffff;
+        --cl-dark: #000000;
+
+        /* Синий */
+        --cl-blue-1: #253c77;
+        --cl-blue-2: #4971d0;
+        --cl-blue-3: #6b91eb;
+        --cl-blue-4: #81a5f9;
+        --cl-blue-5: #a7c0fb;
+        --cl-blue-6: #d2ddfa;
+        --cl-blue-7: #f2f6ff;
+
+        /* Серый */
+        --cl-graphite-1: #222733;
+        --cl-graphite-2: #464c59;
+        --cl-graphite-3: #777c87;
+        --cl-graphite-4: #9b9fa8;
+        --cl-graphite-5: #cbcdd1;
+        --cl-graphite-6: #e6e7e9;
+        --cl-graphite-7: #f5f5f6;
+
+        /* Зеленый */
+        --cl-green-1: #5e8c00;
+        --cl-green-2: #6ca300;
+        --cl-green-3: #88bd1f;
+        --cl-green-4: #a4d73e;
+        --cl-green-5: #c0eb69;
+        --cl-green-6: #d4f296;
+        --cl-green-7: #eefad4;
+
+        /* Желтый */
+        --cl-yellow-1: #b79310;
+        --cl-yellow-2: #d2aa0f;
+        --cl-yellow-3: #e8c113;
+        --cl-yellow-4: #efd04e;
+        --cl-yellow-5: #f5de88;
+        --cl-yellow-6: #fae6aa;
+        --cl-yellow-7: #fcf2ce;
+
+        /* Красный */
+        --cl-red-1: #a61d1d;
+        --cl-red-2: #bd2c2c;
+        --cl-red-3: #d43d3d;
+        --cl-red-4: #e36868;
+        --cl-red-5: #f19494;
+        --cl-red-6: #f9c1bd;
+        --cl-red-7: #ffe9e9;
+
+        --text-cl: var(--cl-graphite-1);
+        --text-primary-cl: var(--cl-blue-2);
+        /* --text-success-cl: var(--cl-graphite-1); */
+        --text-seconady-cl: var(--cl-graphite-2);
+        --text-tertiary-cl: var(--cl-graphite-3);
+        /* --tetx-tertiary:; */
+        /* --text-quaternary:; */
+
+        --app-bg: var(--cl-white);
+        --app-cl: var(--text-cl);
+
+        /* ЦВЕТ КНОПОК */
+
+        --btn-primary: var(--cl-white);
+        --btn-primary-bg: var(--cl-blue-2);
+        --btn-primary-hover-bg: var(--cl-blue-3);
+        --btn-primary-focus-bg: var(--cl-blue-1);
+        --btn-primary-active-bg: var(--cl-blue-1);
+        
+        --btn-success: var(--cl-white);
+        --btn-success-bg: var(--cl-green-3);
+        --btn-success-hover-bg: var(--cl-green-4);
+        --btn-success-focus-bg: var(--cl-green-1);
+        --btn-success-active-bg: var(--cl-green-1);
+
+        --btn-secondary: var(--cl-graphite-2);
+        --btn-secondary-bg: #EDEEEF;
+        --btn-secondary-hover-bg: #E4E5E7;
+        --btn-secondary-focus-bg: #E4E5E7;
+        --btn-secondary-active-bg: #DCDCDE;
+
+        --btn-ghost: var(--cl-graphite-2);
+        --btn-ghost-bg: var(--cl-white);
+        --btn-ghost-hover-bg: #F6F6F7;
+        --btn-ghost-focus-bg: #F6F6F7;
+        --btn-ghost-active-bg: #EDEEEF;
+        --btn-primary-outline: var(--cl-blue-2);
+        --btn-primary-outline-bg: var(--cl-white);
+        --btn-primary-outline-hover-bg: var(--cl-blue-3);
+        --btn-primary-outline-focus-bg: var(--cl-blue-3);
+        --btn-primary-outline-active-bg: var(--cl-blue-1);
+
+        --btn-txt-primary: var(--cl-blue-2);
+        --btn-txt-primary-hover: var(--cl-blue-3);
+        --btn-txt-primary-focus: var(--cl-blue-3);
+        --btn-txt-primary-active: var(--cl-blue-1);
+    }
+
+    .dark {}
+}

package/src/assets/images/logo/bank/emblem-white.svg

@@ -0,0 +1 @@
+<svg fill="none" height="61" width="60" xmlns="http://www.w3.org/2000/svg"><g fill="#fff"><path d="m48.8 60.6h-37.6c-6.2 0-11.2-5-11.2-11.2v-37.6c0-6.2 5-11.2 11.2-11.2h37.6c6.2 0 11.2 5 11.2 11.2v37.5c0 6.3-5 11.3-11.2 11.3zm-37.6-58.8a10 10 0 0 0 -10 10v37.5a10 10 0 0 0 10 10h37.6a10 10 0 0 0 10-10v-37.5a10 10 0 0 0 -10-10z"/><path clip-rule="evenodd" d="m15 15.6h6v6h6v6h6v6h-6v6h-6v6h-6v-12h6v-6h-6zm18 24v-6h6v6zm6 0h6v6h-6zm-6 0h-6v6h6zm6-6v-6h-6v-6h-6v-6h12v6h6v12z" fill-rule="evenodd"/></g></svg>

package/src/assets/images/logo/bank/emblem.svg

@@ -0,0 +1 @@
+<svg fill="none" height="61" width="60" xmlns="http://www.w3.org/2000/svg"><path d="m.6 11.8c0-5.8 4.8-10.6 10.6-10.6h37.6c5.8 0 10.6 4.8 10.6 10.6v37.5c0 5.9-4.8 10.7-10.6 10.7h-37.6c-5.8 0-10.6-4.8-10.6-10.7z" fill="#072da0"/><path d="m48.8 60.6h-37.6c-6.2 0-11.2-5-11.2-11.2v-37.6c0-6.2 5-11.2 11.2-11.2h37.6c6.2 0 11.2 5 11.2 11.2v37.5c0 6.3-5 11.3-11.2 11.3zm-37.6-58.8a10 10 0 0 0 -10 10v37.5a10 10 0 0 0 10 10h37.6a10 10 0 0 0 10-10v-37.5a10 10 0 0 0 -10-10z" fill="#f8faff"/><path clip-rule="evenodd" d="m15 15.6h6v6h6v6h6v6h-6v6h-6v6h-6v-12h6v-6h-6zm18 24v-6h6v6zm6 0h6v6h-6zm-6 0h-6v6h6zm6-6v-6h-6v-6h-6v-6h12v6h6v12z" fill="#fff" fill-rule="evenodd"/></svg>

package/src/assets/images/logo/bank/logo-white.svg

@@ -0,0 +1 @@
+<svg width="246" height="61" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)" fill="#fff"><path d="M48.75 60.6h-37.5C5.05 60.6 0 55.55 0 49.35v-37.5C0 5.65 5.05.6 11.25.6h37.5C54.95.6 60 5.65 60 11.85v37.5c0 6.2-5.05 11.25-11.25 11.25ZM11.25 1.8C5.71 1.8 1.2 6.31 1.2 11.85v37.5c0 5.54 4.51 10.05 10.05 10.05h37.5c5.54 0 10.05-4.5 10.05-10.05v-37.5c0-5.54-4.51-10.05-10.05-10.05h-37.5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 15.6h6v6h6v6h6v6h-6v6h-6v6h-6v-12h6v-6h-6v-12Zm18 24v-6h6v6h-6Zm6 0h6v6h-6v-6Zm-6 0h-6v6h6v-6Zm6-6v-6h-6v-6h-6v-6h12v6h6v12h-6Z"/><path d="m92.4 39.62-.05-10.75-5.3 8.86h-1.83l-5.3-8.65v10.54H76V21.64h3.46l6.73 11.15 6.62-11.15h3.46l.05 17.98H92.4ZM106.71 39.82c-1.47 0-2.75-.3-3.92-.91a6.85 6.85 0 0 1-3.67-6.22 6.7 6.7 0 0 1 3.67-6.16 8.4 8.4 0 0 1 3.92-.92c1.48 0 2.75.3 3.93.92a6.73 6.73 0 0 1 3.66 6.16 6.8 6.8 0 0 1-3.66 6.22 7.7 7.7 0 0 1-3.93.91Zm0-3.26a3.5 3.5 0 0 0 2.55-1.02 3.94 3.94 0 0 0 1.02-2.8c0-1.17-.36-2.09-1.02-2.75a3.27 3.27 0 0 0-2.55-1.07c-1.02 0-1.88.36-2.54 1.07a3.81 3.81 0 0 0-1.02 2.75c0 1.17.35 2.09 1.02 2.8a3.5 3.5 0 0 0 2.54 1.02ZM132.18 36.36v6.26h-3.72v-2.95h-9.78v2.95h-3.72v-6.26h.57c.86 0 1.42-.51 1.78-1.53.3-.97.5-2.4.6-4.23l.21-4.79h12.07v10.55h1.99Zm-10.65-5.45a19.59 19.59 0 0 1-.35 3.46 3.79 3.79 0 0 1-.92 2.04h5.86v-7.23h-4.53l-.06 1.73ZM148.33 25.81l-6.27 14.67a7 7 0 0 1-2.4 3.37c-.91.66-2.03.96-3.35.96-.72 0-1.43-.1-2.14-.35-.72-.2-1.28-.51-1.73-.92l1.47-2.85a3.5 3.5 0 0 0 2.3.92c.55 0 1.01-.16 1.32-.41.35-.26.66-.72.91-1.33l.06-.15-6.01-13.9h4.12l3.87 9.37 3.92-9.38h3.93ZM162.28 39.62h-4.02V29.08h-4.38l-.16 2.44a25.5 25.5 0 0 1-.5 4.53 5.76 5.76 0 0 1-1.33 2.8 3.37 3.37 0 0 1-2.6 1.02c-.56 0-1.27-.1-2.08-.3l.2-3.31c.25.05.46.05.61.05.61 0 1.07-.2 1.32-.66.31-.46.51-1.02.62-1.69.1-.66.2-1.57.25-2.7l.2-5.55h11.87v13.9ZM173.38 30.25c1.79 0 3.21.4 4.13 1.22.97.76 1.43 1.88 1.43 3.36 0 1.53-.56 2.7-1.63 3.57-1.07.81-2.55 1.27-4.49 1.27l-6.97-.05v-13.8h3.97v4.43h3.56Zm-.86 6.52c.76 0 1.38-.1 1.78-.46.41-.36.61-.87.61-1.53s-.2-1.17-.6-1.48c-.41-.3-.98-.46-1.8-.5l-2.59-.06v4.03h2.6ZM189.23 26.78c1.32 0 2.5.26 3.46.82a5.13 5.13 0 0 1 2.3 2.24c.55.97.8 2.09.8 3.41a6.29 6.29 0 0 1-3.66 5.86 8.86 8.86 0 0 1-3.92.81c-2.45 0-4.33-.76-5.7-2.29-1.38-1.58-2.04-3.82-2.04-6.82 0-2.75.6-5 1.78-6.62 1.22-1.69 3.1-2.76 5.6-3.26l6.57-1.33.56 3.46-5.8 1.18c-1.58.3-2.75.81-3.52 1.52a4.49 4.49 0 0 0-1.32 3.06 5.59 5.59 0 0 1 2.14-1.48c.86-.4 1.78-.56 2.75-.56Zm-.92 10.04c1.02 0 1.83-.36 2.5-1.02.6-.66.96-1.53.96-2.55 0-1.02-.3-1.88-.97-2.5a3.35 3.35 0 0 0-2.5-.91c-1.06 0-1.88.3-2.54.92a3.38 3.38 0 0 0-.97 2.5c0 1.01.31 1.88.97 2.54a3.3 3.3 0 0 0 2.55 1.02ZM203.49 25.61c2.14 0 3.77.51 4.94 1.53 1.17 1.02 1.73 2.55 1.73 4.58v7.9h-3.77v-1.68c-.76 1.27-2.14 1.93-4.23 1.93-1.07 0-1.98-.2-2.8-.56a4.29 4.29 0 0 1-1.78-1.47 3.88 3.88 0 0 1-.61-2.14c0-1.28.46-2.3 1.42-3 .97-.72 2.5-1.13 4.49-1.13h3.2c0-.87-.25-1.53-.81-1.99-.5-.45-1.32-.7-2.4-.7-.7 0-1.47.1-2.18.35-.72.2-1.33.5-1.79.91l-1.42-2.8c.76-.5 1.68-.91 2.7-1.22 1.07-.36 2.19-.5 3.3-.5Zm-.36 11.56c.66 0 1.27-.15 1.83-.46.51-.3.92-.81 1.13-1.42v-1.43h-2.76c-1.63 0-2.5.56-2.5 1.63 0 .51.21.92.62 1.22.46.31 1.02.46 1.68.46ZM213.37 25.81h3.97v5.4h6.01v-5.4h4.03v13.8h-4.03v-5.14h-6v5.15h-3.98v-13.8ZM237.1 34.42h-2.09v5.25H231v-13.8h4.02v5.34h2.15l3.76-5.34h4.28l-4.84 6.62 5.2 7.18h-4.74l-3.72-5.25Z"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(0 .6)" d="M0 0h246v60H0z"/></clipPath></defs></svg>

package/src/assets/images/logo/bank/logo.svg

@@ -0,0 +1 @@
+<svg fill="none" height="61" width="246" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h246v60h-246z" transform="translate(0 .6)"/></clipPath><g clip-path="url(#a)"><path d="m.6 11.85c0-5.88 4.77-10.65 10.65-10.65h37.5c5.88 0 10.65 4.77 10.65 10.65v37.5c0 5.88-4.77 10.65-10.65 10.65h-37.5a10.65 10.65 0 0 1 -10.65-10.65z" fill="#072da0"/><path d="m48.75 60.6h-37.5c-6.2 0-11.25-5.05-11.25-11.25v-37.5c0-6.2 5.05-11.25 11.25-11.25h37.5c6.2 0 11.25 5.05 11.25 11.25v37.5c0 6.2-5.05 11.25-11.25 11.25zm-37.5-58.8c-5.54 0-10.05 4.51-10.05 10.05v37.5c0 5.54 4.51 10.05 10.05 10.05h37.5c5.54 0 10.05-4.5 10.05-10.05v-37.5c0-5.54-4.51-10.05-10.05-10.05h-37.5z" fill="#f8faff"/><path clip-rule="evenodd" d="m15 15.6h6v6h6v6h6v6h-6v6h-6v6h-6v-12h6v-6h-6zm18 24v-6h6v6zm6 0h6v6h-6zm-6 0h-6v6h6zm6-6v-6h-6v-6h-6v-6h12v6h6v12z" fill="#fff" fill-rule="evenodd"/><path d="m92.4 39.62-.05-10.75-5.3 8.86h-1.83l-5.3-8.65v10.54h-3.92v-17.98h3.46l6.73 11.15 6.62-11.15h3.46l.05 17.98zm14.31.2c-1.47 0-2.75-.3-3.92-.91a6.85 6.85 0 0 1 -3.67-6.22 6.7 6.7 0 0 1 3.67-6.16 8.4 8.4 0 0 1 3.92-.92c1.48 0 2.75.3 3.93.92a6.73 6.73 0 0 1 3.66 6.16 6.8 6.8 0 0 1 -3.66 6.22 7.7 7.7 0 0 1 -3.93.91zm0-3.26a3.5 3.5 0 0 0 2.55-1.02 3.94 3.94 0 0 0 1.02-2.8c0-1.17-.36-2.09-1.02-2.75a3.27 3.27 0 0 0 -2.55-1.07c-1.02 0-1.88.36-2.54 1.07a3.81 3.81 0 0 0 -1.02 2.75c0 1.17.35 2.09 1.02 2.8a3.5 3.5 0 0 0 2.54 1.02zm25.47-.2v6.26h-3.72v-2.95h-9.78v2.95h-3.72v-6.26h.57c.86 0 1.42-.51 1.78-1.53.3-.97.5-2.4.6-4.23l.21-4.79h12.07v10.55zm-10.65-5.45a19.59 19.59 0 0 1 -.35 3.46 3.79 3.79 0 0 1 -.92 2.04h5.86v-7.23h-4.53zm26.8-5.1-6.27 14.67a7 7 0 0 1 -2.4 3.37c-.91.66-2.03.96-3.35.96-.72 0-1.43-.1-2.14-.35-.72-.2-1.28-.51-1.73-.92l1.47-2.85a3.5 3.5 0 0 0 2.3.92c.55 0 1.01-.16 1.32-.41.35-.26.66-.72.91-1.33l.06-.15-6.01-13.9h4.12l3.87 9.37 3.92-9.38zm13.95 13.81h-4.02v-10.54h-4.38l-.16 2.44a25.5 25.5 0 0 1 -.5 4.53 5.76 5.76 0 0 1 -1.33 2.8 3.37 3.37 0 0 1 -2.6 1.02c-.56 0-1.27-.1-2.08-.3l.2-3.31c.25.05.46.05.61.05.61 0 1.07-.2 1.32-.66.31-.46.51-1.02.62-1.69.1-.66.2-1.57.25-2.7l.2-5.55h11.87v13.9zm11.1-9.37c1.79 0 3.21.4 4.13 1.22.97.76 1.43 1.88 1.43 3.36 0 1.53-.56 2.7-1.63 3.57-1.07.81-2.55 1.27-4.49 1.27l-6.97-.05v-13.8h3.97v4.43zm-.86 6.52c.76 0 1.38-.1 1.78-.46.41-.36.61-.87.61-1.53s-.2-1.17-.6-1.48c-.41-.3-.98-.46-1.8-.5l-2.59-.06v4.03zm16.71-9.99c1.32 0 2.5.26 3.46.82a5.13 5.13 0 0 1 2.3 2.24c.55.97.8 2.09.8 3.41a6.29 6.29 0 0 1 -3.66 5.86 8.86 8.86 0 0 1 -3.92.81c-2.45 0-4.33-.76-5.7-2.29-1.38-1.58-2.04-3.82-2.04-6.82 0-2.75.6-5 1.78-6.62 1.22-1.69 3.1-2.76 5.6-3.26l6.57-1.33.56 3.46-5.8 1.18c-1.58.3-2.75.81-3.52 1.52a4.49 4.49 0 0 0 -1.32 3.06 5.59 5.59 0 0 1 2.14-1.48c.86-.4 1.78-.56 2.75-.56zm-.92 10.04c1.02 0 1.83-.36 2.5-1.02.6-.66.96-1.53.96-2.55s-.3-1.88-.97-2.5a3.35 3.35 0 0 0 -2.5-.91c-1.06 0-1.88.3-2.54.92a3.38 3.38 0 0 0 -.97 2.5c0 1.01.31 1.88.97 2.54a3.3 3.3 0 0 0 2.55 1.02zm15.18-11.21c2.14 0 3.77.51 4.94 1.53s1.73 2.55 1.73 4.58v7.9h-3.77v-1.68c-.76 1.27-2.14 1.93-4.23 1.93-1.07 0-1.98-.2-2.8-.56a4.29 4.29 0 0 1 -1.78-1.47 3.88 3.88 0 0 1 -.61-2.14c0-1.28.46-2.3 1.42-3 .97-.72 2.5-1.13 4.49-1.13h3.2c0-.87-.25-1.53-.81-1.99-.5-.45-1.32-.7-2.4-.7-.7 0-1.47.1-2.18.35-.72.2-1.33.5-1.79.91l-1.42-2.8c.76-.5 1.68-.91 2.7-1.22 1.07-.36 2.19-.5 3.3-.5zm-.36 11.56c.66 0 1.27-.15 1.83-.46.51-.3.92-.81 1.13-1.42v-1.43h-2.76c-1.63 0-2.5.56-2.5 1.63 0 .51.21.92.62 1.22.46.31 1.02.46 1.68.46zm10.24-11.36h3.97v5.4h6.01v-5.4h4.03v13.8h-4.03v-5.14h-6v5.15h-3.98v-13.8zm23.73 8.61h-2.09v5.25h-4.01v-13.8h4.02v5.34h2.15l3.76-5.34h4.28l-4.84 6.62 5.2 7.18h-4.74l-3.72-5.25z" fill="#072da0"/></g></svg>

package/src/assets/images/logo/garant/emblem-white.svg

@@ -0,0 +1 @@
+<svg width="60" height="61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M48.83 60.6h-37.6A11.21 11.21 0 0 1 0 49.38V11.82C0 5.62 5.02.6 11.24.6h37.53C54.98.6 60 5.61 60 11.82V49.3a11.13 11.13 0 0 1-11.17 11.3ZM11.24 1.8A10.02 10.02 0 0 0 1.2 11.82V49.3c0 5.58 4.52 10.02 10.04 10.02h37.53c5.58 0 10.04-4.52 10.04-10.02V11.82c0-5.58-4.52-10.02-10.04-10.02H11.24Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 15.6h6v6h6v6h6v6h-6v6h-6v6h-6v-12h6v-6h-6v-12Zm18 24v-6h6v6h-6Zm6 0h6v6h-6v-6Zm-6 0h-6v6h6v-6Zm6-6v-6h-6v-6h-6v-6h12v6h6v12h-6Z" fill="#fff"/></svg>

package/src/assets/images/logo/garant/emblem.svg

@@ -0,0 +1 @@
+<svg width="60" height="61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.57 11.82A10.7 10.7 0 0 1 11.24 1.16h37.53a10.7 10.7 0 0 1 10.67 10.66V49.3a10.7 10.7 0 0 1-10.67 10.66H11.24A10.7 10.7 0 0 1 .57 49.3V11.82Z" fill="#0F1A7C"/><path d="M48.83 60.6h-37.6A11.21 11.21 0 0 1 0 49.38V11.82C0 5.62 5.02.6 11.24.6h37.53C54.98.6 60 5.61 60 11.82V49.3a11.13 11.13 0 0 1-11.17 11.3ZM11.24 1.8A10.02 10.02 0 0 0 1.2 11.82V49.3c0 5.58 4.52 10.02 10.04 10.02h37.53c5.58 0 10.04-4.52 10.04-10.02V11.82c0-5.58-4.52-10.02-10.04-10.02H11.24Z" fill="#F8FAFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 15.6h6v6h6v6h6v6h-6v6h-6v6h-6v-12h6v-6h-6v-12Zm18 24v-6h6v6h-6Zm6 0h6v6h-6v-6Zm-6 0h-6v6h6v-6Zm6-6v-6h-6v-6h-6v-6h12v6h6v12h-6Z" fill="#fff"/></svg>

package/src/assets/images/logo/garant/logo-white.svg

@@ -0,0 +1 @@
+<svg width="316" height="61" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)" fill="#fff"><path d="M48.75 60.6h-37.5C5.05 60.6 0 55.55 0 49.35v-37.5C0 5.65 5.05.6 11.25.6h37.5C54.95.6 60 5.65 60 11.85v37.5c0 6.2-5.05 11.25-11.25 11.25ZM11.25 1.8C5.71 1.8 1.2 6.31 1.2 11.85v37.5c0 5.54 4.51 10.05 10.05 10.05h37.5c5.54 0 10.05-4.5 10.05-10.05v-37.5c0-5.54-4.51-10.05-10.05-10.05h-37.5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 15.6h6v6h6v6h6v6h-6v6h-6v6h-6v-12h6v-6h-6v-12Zm18 24v-6h6v6h-6Zm6 0h6v6h-6v-6Zm-6 0h-6v6h6v-6Zm6-6v-6h-6v-6h-6v-6h12v6h6v12h-6Z"/><path d="m93 39.63-.03-11.18-5.5 9.2h-1.92l-5.5-8.99v10.96H76V20.96h3.58l6.98 11.6 6.88-11.6h3.58l.03 18.67h-4.06Zm10.75-.74a7 7 0 0 1-3.83-6.44 7.07 7.07 0 0 1 3.83-6.44 8.61 8.61 0 0 1 4.07-.95c1.51 0 2.86.31 4.05.95a7.07 7.07 0 0 1 3.82 6.44 7.07 7.07 0 0 1-3.81 6.44c-1.2.63-2.55.95-4.06.95a8.61 8.61 0 0 1-4.07-.95Zm6.7-3.55a4.04 4.04 0 0 0 1.02-2.89c0-1.2-.34-2.18-1.02-2.9a3.47 3.47 0 0 0-2.63-1.07c-1.07 0-1.95.36-2.64 1.08a4 4 0 0 0-1.04 2.89 4 4 0 0 0 1.04 2.9c.7.71 1.57 1.07 2.64 1.07 1.06 0 1.94-.35 2.63-1.08Zm23.7.87v6.5h-3.87v-3.08H120.2v3.09h-3.86v-6.5h.58c.9-.02 1.5-.55 1.84-1.58.34-1.03.55-2.5.65-4.4l.18-4.96h12.51V36.2h2.05Zm-11.32-2.1a4.02 4.02 0 0 1-.95 2.1h6.06V28.7h-4.7l-.08 1.83a24.9 24.9 0 0 1-.33 3.57Zm28.05-8.83L144.4 40.5c-.66 1.65-1.47 2.81-2.44 3.5a5.96 5.96 0 0 1-3.51 1c-.75 0-1.48-.11-2.22-.34a4.85 4.85 0 0 1-1.78-.96l1.51-2.96a3.52 3.52 0 0 0 2.35.9 2.2 2.2 0 0 0 1.38-.4c.36-.28.68-.74.97-1.38l.05-.13-6.22-14.46h4.3l4.03 9.74 4.05-9.74h4Zm14.48 0v14.35h-4.16V28.69h-4.53l-.13 2.53a25.94 25.94 0 0 1-.54 4.7 6.52 6.52 0 0 1-1.38 2.93 3.4 3.4 0 0 1-2.67 1.06c-.6 0-1.33-.1-2.16-.32l.21-3.41.61.05c.62 0 1.1-.22 1.4-.68.31-.45.52-1.03.63-1.73.1-.7.19-1.63.24-2.79l.21-5.76h12.27Zm15.79 5.85c1 .83 1.49 2 1.49 3.51 0 1.58-.55 2.81-1.66 3.7-1.12.87-2.67 1.31-4.69 1.31l-7.2-.02V25.28h4.13v4.59h3.63c1.87.01 3.3.44 4.3 1.26Zm-3.39 5.05c.43-.35.64-.88.64-1.6 0-.69-.2-1.2-.62-1.51a3.14 3.14 0 0 0-1.86-.51l-2.7-.03v4.16h2.7c.8.02 1.41-.15 1.84-.5Zm18.8-7.49h-7.37v10.94h-4.13V25.28h11.5v3.41Zm12.9-2.04c1.2 1.06 1.79 2.65 1.79 4.79v8.18h-3.9v-1.79c-.78 1.34-2.24 2-4.37 2-1.1 0-2.06-.18-2.87-.56a4.03 4.03 0 0 1-2.5-3.79c0-1.33.5-2.38 1.51-3.14 1-.77 2.56-1.15 4.66-1.15h3.3c0-.9-.27-1.6-.82-2.1-.55-.48-1.38-.73-2.48-.73-.77 0-1.52.13-2.25.37-.74.24-1.37.56-1.88.97l-1.5-2.9a9.05 9.05 0 0 1 2.82-1.29c1.1-.3 2.21-.45 3.37-.45 2.22 0 3.93.53 5.12 1.59Zm-3.54 9.9a2.7 2.7 0 0 0 1.17-1.46v-1.46h-2.85c-1.71 0-2.57.56-2.57 1.68 0 .53.21.95.63 1.27.42.3 1 .46 1.72.46a3.7 3.7 0 0 0 1.9-.5Zm20.19-10.57a6.58 6.58 0 0 1 2.57 2.59 7.8 7.8 0 0 1 .93 3.88c0 1.48-.3 2.77-.93 3.88a6.6 6.6 0 0 1-2.57 2.59c-1.1.6-2.31.92-3.65.92a5.53 5.53 0 0 1-4.31-1.73v6.7h-4.16V25.27h3.97v1.65c1.03-1.24 2.53-1.87 4.5-1.87 1.34 0 2.55.31 3.65.92Zm-1.74 9.36a4.03 4.03 0 0 0 1.03-2.89c0-1.2-.34-2.18-1.03-2.9a3.47 3.47 0 0 0-2.62-1.07c-1.07 0-1.94.36-2.63 1.08a4.03 4.03 0 0 0-1.03 2.89c0 1.2.34 2.17 1.03 2.9a3.47 3.47 0 0 0 2.63 1.07c1.07 0 1.94-.35 2.63-1.08Zm19.13-8.7c1.19 1.07 1.78 2.66 1.78 4.8v8.18h-3.9v-1.79c-.78 1.34-2.23 2-4.37 2-1.1 0-2.06-.18-2.87-.56a4.02 4.02 0 0 1-2.5-3.79c0-1.33.51-2.38 1.52-3.14 1-.77 2.55-1.15 4.65-1.15h3.3c0-.9-.27-1.6-.82-2.1-.55-.48-1.38-.73-2.48-.73-.76 0-1.52.13-2.25.37-.74.24-1.37.56-1.88.97l-1.5-2.9A9.05 9.05 0 0 1 235 25.5c1.1-.3 2.22-.45 3.37-.45 2.23 0 3.93.53 5.13 1.59Zm-3.55 9.9a2.7 2.7 0 0 0 1.17-1.45v-1.46h-2.86c-1.7 0-2.56.56-2.56 1.68 0 .53.21.95.63 1.27.42.3 1 .46 1.72.46a3.7 3.7 0 0 0 1.9-.5Zm8.1-11.26h4.13v5.6h6.24v-5.6h4.16v14.35h-4.16v-5.37h-6.24v5.37h-4.14V25.28Zm30.55 3.41h-4.85v10.94h-4.13V28.69h-4.86v-3.41h13.84v3.41Zm2.22-3.41h4.14v8.53l6.98-8.53h3.82v14.35h-4.14v-8.54l-6.96 8.54h-3.84V25.28Zm18.67 0h4.13v8.53l7-8.53h3.8v14.35h-4.13v-8.54l-6.96 8.54h-3.84V25.28Z"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(0 .6)" d="M0 0h316v60H0z"/></clipPath></defs></svg>

package/src/assets/images/logo/garant/logo.svg

@@ -0,0 +1 @@
+<svg width="316" height="61" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path d="M.6 11.85C.6 5.97 5.37 1.2 11.25 1.2h37.5c5.88 0 10.65 4.77 10.65 10.65v37.5C59.4 55.23 54.63 60 48.75 60h-37.5A10.65 10.65 0 0 1 .6 49.35v-37.5Z" fill="#0F1A7C"/><path d="M48.75 60.6h-37.5C5.05 60.6 0 55.55 0 49.35v-37.5C0 5.65 5.05.6 11.25.6h37.5C54.95.6 60 5.65 60 11.85v37.5c0 6.2-5.05 11.25-11.25 11.25ZM11.25 1.8C5.71 1.8 1.2 6.31 1.2 11.85v37.5c0 5.54 4.51 10.05 10.05 10.05h37.5c5.54 0 10.05-4.5 10.05-10.05v-37.5c0-5.54-4.51-10.05-10.05-10.05h-37.5Z" fill="#F8FAFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 15.6h6v6h6v6h6v6h-6v6h-6v6h-6v-12h6v-6h-6v-12Zm18 24v-6h6v6h-6Zm6 0h6v6h-6v-6Zm-6 0h-6v6h6v-6Zm6-6v-6h-6v-6h-6v-6h12v6h6v12h-6Z" fill="#fff"/><path d="m93 39.63-.03-11.18-5.5 9.2h-1.92l-5.5-8.99v10.96H76V20.96h3.58l6.98 11.6 6.88-11.6h3.58l.03 18.67h-4.06Zm10.75-.74a7 7 0 0 1-3.83-6.44 7.07 7.07 0 0 1 3.83-6.44 8.61 8.61 0 0 1 4.07-.95c1.51 0 2.86.31 4.05.95a7.07 7.07 0 0 1 3.82 6.44 7.07 7.07 0 0 1-3.81 6.44c-1.2.63-2.55.95-4.06.95a8.61 8.61 0 0 1-4.07-.95Zm6.7-3.55a4.04 4.04 0 0 0 1.02-2.89c0-1.2-.34-2.18-1.02-2.9a3.47 3.47 0 0 0-2.63-1.07c-1.07 0-1.95.36-2.64 1.08a4 4 0 0 0-1.04 2.89 4 4 0 0 0 1.04 2.9c.7.71 1.57 1.07 2.64 1.07 1.06 0 1.94-.35 2.63-1.08Zm23.7.87v6.5h-3.87v-3.08H120.2v3.09h-3.86v-6.5h.58c.9-.02 1.5-.55 1.84-1.58.34-1.03.55-2.5.65-4.4l.18-4.96h12.51V36.2h2.05Zm-11.32-2.1a4.02 4.02 0 0 1-.95 2.1h6.06V28.7h-4.7l-.08 1.83a24.9 24.9 0 0 1-.33 3.57Zm28.05-8.83L144.4 40.5c-.66 1.65-1.47 2.81-2.44 3.5a5.96 5.96 0 0 1-3.51 1c-.75 0-1.48-.11-2.22-.34a4.85 4.85 0 0 1-1.78-.96l1.51-2.96a3.52 3.52 0 0 0 2.35.9 2.2 2.2 0 0 0 1.38-.4c.36-.28.68-.74.97-1.38l.05-.13-6.22-14.46h4.3l4.03 9.74 4.05-9.74h4Zm14.48 0v14.35h-4.16V28.69h-4.53l-.13 2.53a25.94 25.94 0 0 1-.54 4.7 6.52 6.52 0 0 1-1.38 2.93 3.4 3.4 0 0 1-2.67 1.06c-.6 0-1.33-.1-2.16-.32l.21-3.41.61.05c.62 0 1.1-.22 1.4-.68.31-.45.52-1.03.63-1.73.1-.7.19-1.63.24-2.79l.21-5.76h12.27Zm15.79 5.85c1 .83 1.49 2 1.49 3.51 0 1.58-.55 2.81-1.66 3.7-1.12.87-2.67 1.31-4.69 1.31l-7.2-.02V25.28h4.13v4.59h3.63c1.87.01 3.3.44 4.3 1.26Zm-3.39 5.05c.43-.35.64-.88.64-1.6 0-.69-.2-1.2-.62-1.51a3.14 3.14 0 0 0-1.86-.51l-2.7-.03v4.16h2.7c.8.02 1.41-.15 1.84-.5Zm18.8-7.49h-7.37v10.94h-4.13V25.28h11.5v3.41Zm12.9-2.04c1.2 1.06 1.79 2.65 1.79 4.79v8.18h-3.9v-1.79c-.78 1.34-2.24 2-4.37 2-1.1 0-2.06-.18-2.87-.56a4.03 4.03 0 0 1-2.5-3.79c0-1.33.5-2.38 1.51-3.14 1-.77 2.56-1.15 4.66-1.15h3.3c0-.9-.27-1.6-.82-2.1-.55-.48-1.38-.73-2.48-.73-.77 0-1.52.13-2.25.37-.74.24-1.37.56-1.88.97l-1.5-2.9a9.05 9.05 0 0 1 2.82-1.29c1.1-.3 2.21-.45 3.37-.45 2.22 0 3.93.53 5.12 1.59Zm-3.54 9.9a2.7 2.7 0 0 0 1.17-1.46v-1.46h-2.85c-1.71 0-2.57.56-2.57 1.68 0 .53.21.95.63 1.27.42.3 1 .46 1.72.46a3.7 3.7 0 0 0 1.9-.5Zm20.19-10.57a6.58 6.58 0 0 1 2.57 2.59 7.8 7.8 0 0 1 .93 3.88c0 1.48-.3 2.77-.93 3.88a6.6 6.6 0 0 1-2.57 2.59c-1.1.6-2.31.92-3.65.92a5.53 5.53 0 0 1-4.31-1.73v6.7h-4.16V25.27h3.97v1.65c1.03-1.24 2.53-1.87 4.5-1.87 1.34 0 2.55.31 3.65.92Zm-1.74 9.36a4.03 4.03 0 0 0 1.03-2.89c0-1.2-.34-2.18-1.03-2.9a3.47 3.47 0 0 0-2.62-1.07c-1.07 0-1.94.36-2.63 1.08a4.03 4.03 0 0 0-1.03 2.89c0 1.2.34 2.17 1.03 2.9a3.47 3.47 0 0 0 2.63 1.07c1.07 0 1.94-.35 2.63-1.08Zm19.13-8.7c1.19 1.07 1.78 2.66 1.78 4.8v8.18h-3.9v-1.79c-.78 1.34-2.23 2-4.37 2-1.1 0-2.06-.18-2.87-.56a4.02 4.02 0 0 1-2.5-3.79c0-1.33.51-2.38 1.52-3.14 1-.77 2.55-1.15 4.65-1.15h3.3c0-.9-.27-1.6-.82-2.1-.55-.48-1.38-.73-2.48-.73-.76 0-1.52.13-2.25.37-.74.24-1.37.56-1.88.97l-1.5-2.9A9.05 9.05 0 0 1 235 25.5c1.1-.3 2.22-.45 3.37-.45 2.23 0 3.93.53 5.13 1.59Zm-3.55 9.9a2.7 2.7 0 0 0 1.17-1.45v-1.46h-2.86c-1.7 0-2.56.56-2.56 1.68 0 .53.21.95.63 1.27.42.3 1 .46 1.72.46a3.7 3.7 0 0 0 1.9-.5Zm8.1-11.26h4.13v5.6h6.24v-5.6h4.16v14.35h-4.16v-5.37h-6.24v5.37h-4.14V25.28Zm30.55 3.41h-4.85v10.94h-4.13V28.69h-4.86v-3.41h13.84v3.41Zm2.22-3.41h4.14v8.53l6.98-8.53h3.82v14.35h-4.14v-8.54l-6.96 8.54h-3.84V25.28Zm18.67 0h4.13v8.53l7-8.53h3.8v14.35h-4.13v-8.54l-6.96 8.54h-3.84V25.28Z" fill="#072DA0"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(0 .6)" d="M0 0h316v60H0z"/></clipPath></defs></svg>

package/src/assets/images/logo/kassa/emblem-white.svg

@@ -0,0 +1 @@
+<svg width="60" height="61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M48.83 60.6h-37.6A11.21 11.21 0 0 1 0 49.38V11.82C0 5.62 5.02.6 11.24.6h37.53C54.98.6 60 5.61 60 11.82V49.3a11.13 11.13 0 0 1-11.17 11.3ZM11.24 1.8A10.02 10.02 0 0 0 1.2 11.82V49.3c0 5.58 4.52 10.02 10.04 10.02h37.53c5.58 0 10.04-4.52 10.04-10.02V11.82c0-5.58-4.52-10.02-10.04-10.02H11.24Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 15.6h6v6h6v6h6v6h-6v6h-6v6h-6v-12h6v-6h-6v-12Zm18 24v-6h6v6h-6Zm6 0h6v6h-6v-6Zm-6 0h-6v6h6v-6Zm6-6v-6h-6v-6h-6v-6h12v6h6v12h-6Z" fill="#fff"/></svg>

package/src/assets/images/logo/kassa/emblem.svg

@@ -0,0 +1 @@
+<svg width="60" height="61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.57 11.82A10.7 10.7 0 0 1 11.24 1.16h37.53a10.7 10.7 0 0 1 10.67 10.66V49.3a10.7 10.7 0 0 1-10.67 10.66H11.24A10.7 10.7 0 0 1 .57 49.3V11.82Z" fill="#FF7737"/><path d="M48.83 60.6h-37.6A11.21 11.21 0 0 1 0 49.38V11.82C0 5.62 5.02.6 11.24.6h37.53C54.98.6 60 5.61 60 11.82V49.3a11.13 11.13 0 0 1-11.17 11.3ZM11.24 1.8A10.02 10.02 0 0 0 1.2 11.82V49.3c0 5.58 4.52 10.02 10.04 10.02h37.53c5.58 0 10.04-4.52 10.04-10.02V11.82c0-5.58-4.52-10.02-10.04-10.02H11.24Z" fill="#F8FAFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 15.6h6v6h6v6h6v6h-6v6h-6v6h-6v-12h6v-6h-6v-12Zm18 24v-6h6v6h-6Zm6 0h6v6h-6v-6Zm-6 0h-6v6h6v-6Zm6-6v-6h-6v-6h-6v-6h12v6h6v12h-6Z" fill="#fff"/></svg>

package/src/assets/images/logo/kassa/logo-white.svg

@@ -0,0 +1 @@
+<svg width="262" height="61" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)" fill="#fff"><path d="M48.75 60.6h-37.5C5.05 60.6 0 55.55 0 49.35v-37.5C0 5.65 5.05.6 11.25.6h37.5C54.95.6 60 5.65 60 11.85v37.5c0 6.2-5.05 11.25-11.25 11.25ZM11.25 1.8C5.71 1.8 1.2 6.31 1.2 11.85v37.5c0 5.54 4.51 10.05 10.05 10.05h37.5c5.54 0 10.05-4.5 10.05-10.05v-37.5c0-5.54-4.51-10.05-10.05-10.05h-37.5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 15.6h6v6h6v6h6v6h-6v6h-6v6h-6v-12h6v-6h-6v-12Zm18 24v-6h6v6h-6Zm6 0h6v6h-6v-6Zm-6 0h-6v6h6v-6Zm6-6v-6h-6v-6h-6v-6h12v6h6v12h-6Z"/><path d="m92.96 39.63-.03-11.15-5.48 9.18h-1.92l-5.48-8.97v10.94H76V21h3.57l6.97 11.57L93.41 21h3.56L97 39.63h-4.04Zm14.8.2a8.76 8.76 0 0 1-4.08-.92 7.15 7.15 0 0 1-3.8-6.44 6.95 6.95 0 0 1 3.8-6.41 8.53 8.53 0 0 1 4.07-.96c1.51 0 2.86.32 4.05.95a6.95 6.95 0 0 1 3.8 6.42 7.12 7.12 0 0 1-3.8 6.44 8.63 8.63 0 0 1-4.05.93Zm0-3.4c1.05 0 1.93-.35 2.6-1.06.69-.73 1.03-1.7 1.03-2.9s-.34-2.17-1.03-2.87a3.4 3.4 0 0 0-2.6-1.1c-1.07 0-1.95.37-2.64 1.1a3.94 3.94 0 0 0-1.04 2.87c0 1.2.35 2.17 1.04 2.9a3.5 3.5 0 0 0 2.63 1.06Zm26.27-.21v6.49h-3.86v-3.09h-10.06v3.09h-3.86v-6.5h.59c.89 0 1.5-.53 1.83-1.56.34-1.03.55-2.5.64-4.4l.2-4.94h12.47v10.9h2.05Zm-10.97-5.67a23.9 23.9 0 0 1-.34 3.57 3.96 3.96 0 0 1-.93 2.1h6.04v-7.5h-4.68l-.09 1.83Zm27.65-5.24-6.46 15.2c-.66 1.64-1.47 2.8-2.45 3.48A5.88 5.88 0 0 1 138.3 45c-.75 0-1.48-.12-2.2-.34a4.88 4.88 0 0 1-1.8-.96l1.52-2.95a3.62 3.62 0 0 0 2.34.9c.58 0 1.03-.14 1.39-.43.35-.26.67-.71.95-1.35l.05-.13-6.2-14.43h4.3l4.02 9.71 4.05-9.7h3.98Zm14.46 0v14.32h-4.15V28.72h-4.53l-.13 2.52a25.75 25.75 0 0 1-.53 4.68 6.5 6.5 0 0 1-1.39 2.93 3.4 3.4 0 0 1-2.66 1.06c-.6 0-1.32-.1-2.15-.32l.21-3.4.61.05c.62 0 1.08-.23 1.38-.67a4.1 4.1 0 0 0 .64-1.73c.1-.7.2-1.64.24-2.8l.22-5.74 12.24.01Zm11.47 4.58c1.86.01 3.29.44 4.29 1.27 1 .82 1.48 1.98 1.48 3.49 0 1.58-.56 2.8-1.67 3.7-1.1.87-2.66 1.3-4.66 1.3l-7.19-.02V25.3h4.13v4.58h3.62Zm-.93 6.81c.8.02 1.4-.15 1.83-.5.43-.36.65-.9.65-1.6 0-.69-.22-1.2-.65-1.51a3.04 3.04 0 0 0-1.83-.5l-2.69-.03v4.15h2.69Zm15.34-2.5h-2.16v5.43h-4.15V25.3h4.16v5.56h2.23l3.88-5.56h4.42l-5 6.87 5.35 7.45h-4.9l-3.83-5.43Zm15.8-9.1c2.22 0 3.92.53 5.1 1.6 1.2 1.04 1.8 2.63 1.8 4.76v8.16h-3.89v-1.78c-.78 1.33-2.24 2-4.37 2-1.1 0-2.05-.2-2.87-.56a4.01 4.01 0 0 1-2.48-3.78c0-1.34.5-2.38 1.5-3.14 1-.77 2.56-1.15 4.65-1.15h3.3c0-.9-.27-1.6-.82-2.07-.55-.5-1.38-.75-2.48-.75a7.1 7.1 0 0 0-4.12 1.33l-1.49-2.9a9.02 9.02 0 0 1 2.8-1.28c1.09-.29 2.22-.44 3.37-.44Zm-.32 11.95c.71 0 1.34-.16 1.9-.48.54-.34.93-.82 1.16-1.46v-1.47h-2.84c-1.7 0-2.56.56-2.56 1.68 0 .53.2.95.6 1.27.44.3 1.01.46 1.74.46Zm17.36 2.79c-1.52 0-2.9-.31-4.12-.93a7.3 7.3 0 0 1-2.84-2.64 7.2 7.2 0 0 1-1.02-3.8c0-1.42.34-2.7 1.02-3.81a7.09 7.09 0 0 1 2.84-2.6 8.75 8.75 0 0 1 4.12-.96c1.51 0 2.82.32 3.94.95a5.5 5.5 0 0 1 2.48 2.7l-3.22 1.72a3.52 3.52 0 0 0-3.22-1.97c-1.09 0-1.98.36-2.7 1.07a3.92 3.92 0 0 0-1.05 2.9c0 1.22.35 2.19 1.06 2.9.71.71 1.6 1.06 2.69 1.06a3.5 3.5 0 0 0 3.22-1.97l3.22 1.76a5.72 5.72 0 0 1-2.48 2.67 7.83 7.83 0 0 1-3.94.95Zm15.3 0c-1.52 0-2.9-.31-4.12-.93a7.3 7.3 0 0 1-2.85-2.64 7.2 7.2 0 0 1-1-3.8c0-1.42.33-2.7 1-3.81a7.08 7.08 0 0 1 2.85-2.6 8.75 8.75 0 0 1 4.12-.96c1.51 0 2.82.32 3.94.95a5.51 5.51 0 0 1 2.48 2.7l-3.22 1.72c-.75-1.31-1.82-1.97-3.22-1.97-1.08 0-1.98.36-2.69 1.07a3.91 3.91 0 0 0-1.06 2.9c0 1.22.36 2.19 1.06 2.9.71.71 1.6 1.06 2.7 1.06 1.41 0 2.48-.65 3.2-1.97l3.23 1.76a5.73 5.73 0 0 1-2.48 2.67 7.84 7.84 0 0 1-3.94.95Zm14.23-14.74c2.22 0 3.92.53 5.11 1.6 1.19 1.04 1.79 2.63 1.79 4.76v8.16h-3.89v-1.78c-.78 1.33-2.23 2-4.36 2-1.1 0-2.06-.2-2.88-.56a4.01 4.01 0 0 1-2.47-3.78c0-1.34.5-2.38 1.49-3.14 1.01-.77 2.56-1.15 4.65-1.15h3.3c0-.9-.27-1.6-.82-2.07-.55-.5-1.38-.75-2.48-.75a7.1 7.1 0 0 0-4.12 1.33l-1.49-2.9a9.02 9.02 0 0 1 2.8-1.28 13.2 13.2 0 0 1 3.37-.44Zm-.31 11.95c.71 0 1.34-.16 1.89-.48.55-.34.94-.82 1.17-1.46v-1.47h-2.85c-1.7 0-2.56.56-2.56 1.68 0 .53.2.95.62 1.27.42.3 1 .46 1.73.46Z"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(0 .6)" d="M0 0h262v60H0z"/></clipPath></defs></svg>

package/src/assets/images/logo/kassa/logo.svg

@@ -0,0 +1 @@
+<svg width="262" height="61" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path d="M.6 11.85C.6 5.97 5.37 1.2 11.25 1.2h37.5c5.88 0 10.65 4.77 10.65 10.65v37.5C59.4 55.23 54.63 60 48.75 60h-37.5A10.65 10.65 0 0 1 .6 49.35v-37.5Z" fill="#FF7737"/><path d="M48.75 60.6h-37.5C5.05 60.6 0 55.55 0 49.35v-37.5C0 5.65 5.05.6 11.25.6h37.5C54.95.6 60 5.65 60 11.85v37.5c0 6.2-5.05 11.25-11.25 11.25ZM11.25 1.8C5.71 1.8 1.2 6.31 1.2 11.85v37.5c0 5.54 4.51 10.05 10.05 10.05h37.5c5.54 0 10.05-4.5 10.05-10.05v-37.5c0-5.54-4.51-10.05-10.05-10.05h-37.5Z" fill="#F8FAFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 15.6h6v6h6v6h6v6h-6v6h-6v6h-6v-12h6v-6h-6v-12Zm18 24v-6h6v6h-6Zm6 0h6v6h-6v-6Zm-6 0h-6v6h6v-6Zm6-6v-6h-6v-6h-6v-6h12v6h6v12h-6Z" fill="#fff"/><path d="m92.96 39.63-.03-11.15-5.48 9.18h-1.92l-5.48-8.97v10.94H76V21h3.57l6.97 11.57L93.41 21h3.56L97 39.63h-4.04Zm14.8.2a8.76 8.76 0 0 1-4.08-.92 7.15 7.15 0 0 1-3.8-6.44 6.95 6.95 0 0 1 3.8-6.41 8.53 8.53 0 0 1 4.07-.96c1.51 0 2.86.32 4.05.95a6.95 6.95 0 0 1 3.8 6.42 7.12 7.12 0 0 1-3.8 6.44 8.63 8.63 0 0 1-4.05.93Zm0-3.4c1.05 0 1.93-.35 2.6-1.06.69-.73 1.03-1.7 1.03-2.9s-.34-2.17-1.03-2.87a3.4 3.4 0 0 0-2.6-1.1c-1.07 0-1.95.37-2.64 1.1a3.94 3.94 0 0 0-1.04 2.87c0 1.2.35 2.17 1.04 2.9a3.5 3.5 0 0 0 2.63 1.06Zm26.27-.21v6.49h-3.86v-3.09h-10.06v3.09h-3.86v-6.5h.59c.89 0 1.5-.53 1.83-1.56.34-1.03.55-2.5.64-4.4l.2-4.94h12.47v10.9h2.05Zm-10.97-5.67a23.9 23.9 0 0 1-.34 3.57 3.96 3.96 0 0 1-.93 2.1h6.04v-7.5h-4.68l-.09 1.83Zm27.65-5.24-6.46 15.2c-.66 1.64-1.47 2.8-2.45 3.48A5.88 5.88 0 0 1 138.3 45c-.75 0-1.48-.12-2.2-.34a4.88 4.88 0 0 1-1.8-.96l1.52-2.95a3.62 3.62 0 0 0 2.34.9c.58 0 1.03-.14 1.39-.43.35-.26.67-.71.95-1.35l.05-.13-6.2-14.43h4.3l4.02 9.71 4.05-9.7h3.98Zm14.46 0v14.32h-4.15V28.72h-4.53l-.13 2.52a25.75 25.75 0 0 1-.53 4.68 6.5 6.5 0 0 1-1.39 2.93 3.4 3.4 0 0 1-2.66 1.06c-.6 0-1.32-.1-2.15-.32l.21-3.4.61.05c.62 0 1.08-.23 1.38-.67a4.1 4.1 0 0 0 .64-1.73c.1-.7.2-1.64.24-2.8l.22-5.74 12.24.01Zm11.47 4.58c1.86.01 3.29.44 4.29 1.27 1 .82 1.48 1.98 1.48 3.49 0 1.58-.56 2.8-1.67 3.7-1.1.87-2.66 1.3-4.66 1.3l-7.19-.02V25.3h4.13v4.58h3.62Zm-.93 6.81c.8.02 1.4-.15 1.83-.5.43-.36.65-.9.65-1.6 0-.69-.22-1.2-.65-1.51a3.04 3.04 0 0 0-1.83-.5l-2.69-.03v4.15h2.69Zm15.34-2.5h-2.16v5.43h-4.15V25.3h4.16v5.56h2.23l3.88-5.56h4.42l-5 6.87 5.35 7.45h-4.9l-3.83-5.43Zm15.8-9.1c2.22 0 3.92.53 5.1 1.6 1.2 1.04 1.8 2.63 1.8 4.76v8.16h-3.89v-1.78c-.78 1.33-2.24 2-4.37 2-1.1 0-2.05-.2-2.87-.56a4.01 4.01 0 0 1-2.48-3.78c0-1.34.5-2.38 1.5-3.14 1-.77 2.56-1.15 4.65-1.15h3.3c0-.9-.27-1.6-.82-2.07-.55-.5-1.38-.75-2.48-.75a7.1 7.1 0 0 0-4.12 1.33l-1.49-2.9a9.02 9.02 0 0 1 2.8-1.28c1.09-.29 2.22-.44 3.37-.44Zm-.32 11.95c.71 0 1.34-.16 1.9-.48.54-.34.93-.82 1.16-1.46v-1.47h-2.84c-1.7 0-2.56.56-2.56 1.68 0 .53.2.95.6 1.27.44.3 1.01.46 1.74.46Zm17.36 2.79c-1.52 0-2.9-.31-4.12-.93a7.3 7.3 0 0 1-2.84-2.64 7.2 7.2 0 0 1-1.02-3.8c0-1.42.34-2.7 1.02-3.81a7.09 7.09 0 0 1 2.84-2.6 8.75 8.75 0 0 1 4.12-.96c1.51 0 2.82.32 3.94.95a5.5 5.5 0 0 1 2.48 2.7l-3.22 1.72a3.52 3.52 0 0 0-3.22-1.97c-1.09 0-1.98.36-2.7 1.07a3.92 3.92 0 0 0-1.05 2.9c0 1.22.35 2.19 1.06 2.9.71.71 1.6 1.06 2.69 1.06a3.5 3.5 0 0 0 3.22-1.97l3.22 1.76a5.72 5.72 0 0 1-2.48 2.67 7.83 7.83 0 0 1-3.94.95Zm15.3 0c-1.52 0-2.9-.31-4.12-.93a7.3 7.3 0 0 1-2.85-2.64 7.2 7.2 0 0 1-1-3.8c0-1.42.33-2.7 1-3.81a7.08 7.08 0 0 1 2.85-2.6 8.75 8.75 0 0 1 4.12-.96c1.51 0 2.82.32 3.94.95a5.51 5.51 0 0 1 2.48 2.7l-3.22 1.72c-.75-1.31-1.82-1.97-3.22-1.97-1.08 0-1.98.36-2.69 1.07a3.91 3.91 0 0 0-1.06 2.9c0 1.22.36 2.19 1.06 2.9.71.71 1.6 1.06 2.7 1.06 1.41 0 2.48-.65 3.2-1.97l3.23 1.76a5.73 5.73 0 0 1-2.48 2.67 7.84 7.84 0 0 1-3.94.95Zm14.23-14.74c2.22 0 3.92.53 5.11 1.6 1.19 1.04 1.79 2.63 1.79 4.76v8.16h-3.89v-1.78c-.78 1.33-2.23 2-4.36 2-1.1 0-2.06-.2-2.88-.56a4.01 4.01 0 0 1-2.47-3.78c0-1.34.5-2.38 1.49-3.14 1.01-.77 2.56-1.15 4.65-1.15h3.3c0-.9-.27-1.6-.82-2.07-.55-.5-1.38-.75-2.48-.75a7.1 7.1 0 0 0-4.12 1.33l-1.49-2.9a9.02 9.02 0 0 1 2.8-1.28 13.2 13.2 0 0 1 3.37-.44Zm-.31 11.95c.71 0 1.34-.16 1.89-.48.55-.34.94-.82 1.17-1.46v-1.47h-2.85c-1.7 0-2.56.56-2.56 1.68 0 .53.2.95.62 1.27.42.3 1 .46 1.73.46Z" fill="#072DA0"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(0 .6)" d="M0 0h262v60H0z"/></clipPath></defs></svg>

package/src/components/BottonNavigation/BottonNavigation.tsx

@@ -0,0 +1,56 @@
+import * as React from "react"
+import { Home, Services, ChatSolid, Clock, Payment } from "../SvgIcon/icons";
+
+export interface BottonNavigation {
+	className?: string
+}
+
+const btnClasses = "block hover:bg-btn-ghost-hover focus:bg-btn-ghost-focus active:bg-btn-ghost-active p-[8px] w-full text-[10px] text-center hover:text-primary leading-[1.33] transition duration-300";
+const iconClasses = "block mx-auto mb-[8px]";
+
+const BottonNavigation = React.forwardRef<BottonNavigation>(
+	// @ts-ignore
+  ({ className, ...props }, ref) => {
+
+    return (
+		<nav className="">
+			<ul className="grid grid-flow-col">
+				<li className="">
+					<a className="block hover:bg-btn-ghost-hover focus:bg-btn-ghost-focus active:bg-btn-ghost-active p-[8px] w-full text-[10px] text-center hover:text-primary leading-[1.33] transition duration-300" href="">
+						<Home width="24px" height="24px" fill="red" className="block mx-auto mb-[8px]"/>
+						Главная
+					</a>
+				</li>
+				<li className="">
+					<a className={btnClasses} href="">
+						<Payment width="24px" height="24px" className={iconClasses}/>
+						Платежи
+					</a>
+				</li>
+				<li className="">
+					<a className={btnClasses} href="">
+						<Clock width="24px" height="24px" className={iconClasses}/>
+						История
+					</a>
+				</li>
+				<li className="">
+					<a className={btnClasses} href="">
+						<Services width="24px" height="24px" className={iconClasses}/>
+						Сервисы
+					</a>
+				</li>
+				<li className="">
+					<button className={btnClasses}>
+						<ChatSolid width="24px" height="24px" className={iconClasses}/>
+						Чат
+					</button>
+				</li>
+			</ul>
+		</nav>
+    )
+  }
+)
+
+BottonNavigation.displayName = "BottonNavigation"
+
+export { BottonNavigation }

package/src/components/BottonNavigation/index.ts

@@ -0,0 +1,7 @@
+import { BottonNavigation } from './BottonNavigation'
+
+// @ts-ignore
+export { BottonNavigation }
+
+export default BottonNavigation
+

package/src/components/SvgIcon/SvgIcon.tsx

@@ -0,0 +1,32 @@
+import * as React from "react"
+
+// const colors = {
+//   error: '#ef5350',
+//   info: '#03a9f4',
+//   warning: '#ff9800',
+// }
+
+// const sizes = {
+//   'small': 20,
+//   'large': 35,
+// }
+
+const size = 20
+
+export interface SvgIconProps {
+	children: any,
+	color: string,
+	width: string | number,
+	height: string | number,
+	size: string | number,
+}
+
+const SvgIcon = React.forwardRef<any, any>(function SvgIcon
+  ({ children, color, height, size, width, ...props }, ref) {
+    return (
+        <svg {...props} color={color} height={size || height} width={size || width} ref={ref}>{children}</svg>
+    )
+  }
+)
+
+export { SvgIcon };

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgAddList = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 18H3c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v5c0 .55-.45 1-1 1s-1-.45-1-1V4H3v12h7c.55 0 1 .45 1 1s-.45 1-1 1m9-3c0 .55-.45 1-1 1h-1v1c0 .55-.45 1-1 1s-1-.45-1-1v-1h-1c-.55 0-1-.45-1-1s.45-1 1-1h1v-1c0-.55.45-1 1-1s1 .45 1 1v1h1c.55 0 1 .45 1 1M9 7c0-.55.45-1 1-1h4c.55 0 1 .45 1 1s-.45 1-1 1h-4c-.55 0-1-.45-1-1m0 4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1s-.45 1-1 1h-3c-.55 0-1-.45-1-1M7.2 7c0 .66-.54 1.2-1.2 1.2S4.8 7.66 4.8 7 5.34 5.8 6 5.8s1.2.54 1.2 1.2m0 4c0 .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"
+		/>
+	</SvgIcon>
+)
+export default SvgAddList

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgAlertCircle = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M8.8 14c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2-.54 1.2-1.2 1.2-1.2-.54-1.2-1.2M19 10c0-4.96-4.04-9-9-9s-9 4.04-9 9 4.04 9 9 9 9-4.04 9-9m-2 0c0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7 7 3.14 7 7m-6 0V6c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgAlertCircle