@redneckz/wildless-cms-uni-blocks 0.3.33 → 0.3.36

package/src/components/StepsBlock/StepsBlock.tsx

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
 import { Heading } from '../../ui-kit/Heading/Heading';
+import { Button } from '../../ui-kit/Button/Button';
 import { Img } from '../../ui-kit/Img/Img';
 import { joinList } from '../../utils/joinList';
 import type { Step, StepsBlockContent } from './StepsBlockContent';
@@ -8,7 +9,7 @@ import type { Step, StepsBlockContent } from './StepsBlockContent';
 export interface StepsBlockProps extends StepsBlockContent, UniBlockProps {}
 
 export const StepsBlock = JSX<StepsBlockProps>(
-  ({ className = '', title, showLines = true, steps = [], anchor = null }) => {
+  ({ className = '', title, showLines = true, steps = [], button, anchor = null }) => {
     const shortGaps = steps.length > 3;
 
     return (
@@ -32,10 +33,19 @@ export const StepsBlock = JSX<StepsBlockProps>(
               )(steps.map(renderStepIcon))}
             </div>
             <div className={`flex justify-between ${shortGaps ? 'gap-x-3' : 'gap-x-[101px]'}`}>
-              {steps.map(renderStepTitle)}
+              {steps.map((step, i) => renderStepTitle(step, i, Boolean(button?.text)))}
             </div>
           </div>
         ) : null}
+        {button?.text ? (
+          <Button
+            className="box-border mt-[43px] py-3 h-12 w-full max-w-[240px]"
+            version="primary"
+            href="#"
+          >
+            {button.text}
+          </Button>
+        ) : null}
       </section>
     );
   },
@@ -46,25 +56,38 @@ const renderStepIcon = (step: Step, i: number) => {
     <div key={String(i)} className="flex flex-col items-center text-center relative">
       <div className="h-[100px] w-[100px] min-w-[100px] min-h-[100px] bg-secondary-light rounded-full p-[26px] box-border z-10">
         {(step.icon?.icon && <Img image={step.icon} width="48" height="48" />) || (
-          <span className="font-medium text-title-sm text-secondary-text">{i + 1}</span>
+          <span className="font-normal text-title-sm text-secondary-text">{i + 1}</span>
         )}
       </div>
     </div>
   );
 };
 
-const renderStepTitle = (step: Step, i: number) => {
+const renderStepTitle = (step: Step, i: number, isMainButton: boolean) => {
   return (
     <div
       key={String(i)}
-      className="flex flex-col items-center text-center relative w-[276px] whitespace-pre-line overflow-hidden"
+      className="flex flex-col items-center justify-between text-center relative w-[276px] whitespace-pre-line overflow-hidden"
     >
-      {step.label && <div className="font-medium text-xl m-0 mt-4">{step.label}</div>}
-      {step.description && (
-        <div className={`font-normal text-sm text-secondary-text ${step.label ? 'mt-2' : 'mt-4'}`}>
-          {step.description}
-        </div>
-      )}
+      <div>
+        {step.label && <div className="font-normal text-xl m-0 mt-4">{step.label}</div>}
+        {step.description && (
+          <div
+            className={`font-light text-base text-secondary-text ${step.label ? 'mt-2' : 'mt-4'}`}
+          >
+            {step.description}
+          </div>
+        )}
+      </div>
+      {step?.button?.text && !isMainButton ? (
+        <Button
+          className="box-border mt-[38px] py-3 h-12 w-full max-w-[240px]"
+          version="primary"
+          href="#"
+        >
+          {step.button.text}
+        </Button>
+      ) : null}
     </div>
   );
 };

package/src/components/StepsBlock/StepsBlockContent.ts

@@ -1,6 +1,7 @@
 import type { SizeVersion } from '../../model/SizeVersion';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { Picture } from '../../model/Picture';
+import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 
 /**
  * @title Шаг
@@ -11,6 +12,7 @@ export interface Step {
   /** @title Описание */
   description?: string;
   icon?: Picture;
+  button?: ButtonProps;
 }
 
 /**
@@ -29,6 +31,7 @@ export interface StepsBlockContent {
    * @maxItems 4
    */
   steps?: Step[];
+  button?: ButtonProps;
   /** @title Размер шагов (моб.) */
   size?: SizeVersion; // TODO: mobile content
   version?: BlockVersion; // TODO: mobile content

package/src/components/TariffsTable/TariffsTableCell.tsx

@@ -4,6 +4,7 @@ import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import { Img } from '../../ui-kit/Img/Img';
 import { List } from '../../ui-kit/List/List';
 import type { TariffsTableCellData, TariffsTableList } from './TariffsTableContent';
+import { getButtonAriaLabel } from './utils/getButtonAriaLabel';
 
 export interface TariffsTableCellProps {
   cell: TariffsTableCellData[];
@@ -53,6 +54,7 @@ const renderButtons = (buttons: ButtonWithIconProps[]) => (
       <Button
         className={`${idx > 0 && rounded ? 'ml-3' : ''} w-12 h-12`}
         key={String(idx)}
+        ariaLabel={getButtonAriaLabel(icon)}
         rounded={rounded}
         appendLeft={icon ? <Img image={icon} width="24px" height="24px" asSVG /> : null}
         {...buttonProps}

package/src/components/TariffsTable/TariffsTableTileCell.tsx

@@ -9,6 +9,7 @@ import type {
   TariffsTableList,
   TariffsTableTileCellProps,
 } from './TariffsTableContent';
+import { getButtonAriaLabel } from './utils/getButtonAriaLabel';
 
 export const TariffsTableTileCell = JSX<TariffsTableTileCellProps>(({ header, data }) => {
   return (
@@ -52,6 +53,7 @@ const renderButtons = (buttons: ButtonWithIconProps[]) => (
       <Button
         className={`mt-3 ${idx > 0 && rounded ? 'ml-2.5' : ''} ${icon ? 'w-12 h-12' : ''}`}
         key={String(idx)}
+        ariaLabel={getButtonAriaLabel(icon)}
         rounded={rounded}
         appendLeft={icon ? <Img image={icon} width="24px" height="24px" asSVG /> : null}
         {...buttonProps}

package/src/components/TariffsTable/utils/getButtonAriaLabel.ts

@@ -0,0 +1,5 @@
+import type { Picture } from '../../../model/Picture';
+import { IconTitleMap } from '../../../icons/IconName';
+
+export const getButtonAriaLabel = (icon: Picture | undefined) =>
+  icon?.alt || icon?.title || IconTitleMap[icon?.icon ? icon.icon : ''];

package/src/components/Tile/Tile.example.json

@@ -5,7 +5,7 @@
   "image": {
     "format": "webp",
     "size": {
-      "width": 300
+      "width": 445
     }
   },
   "items": ["Пункт 1", "Пункт 2", "Пункт 3"],

package/src/components/Tile/Tile.fixture.tsx

@@ -4,8 +4,12 @@ import { Tile } from './Tile';
 import type { TileContent } from './TileContent';
 
 const image: Picture = {
-  src: 'money-1.png',
+  src: 'from-5-5-percent.svg',
   format: 'webp',
+  size: {
+    width: 445,
+    height: 202,
+  },
 };
 
 const image2: Picture = {
@@ -25,11 +29,7 @@ const image4: Picture = {
 
 export const TILE: TileContent = {
   title: 'Кредиты',
-  items: [
-    'Кредитный лимит до 10 млн ₽',
-    'Кредиты наличными на любые цели',
-    'Получите деньги без залога и поручителей',
-  ],
+  items: ['до 3 млн ₽', 'до 5 лет'],
   buttons: [
     {
       text: 'Подробнее',

package/src/components/Tile/Tile.tsx

@@ -38,7 +38,7 @@ export const Tile = JSX<TileProps>((props) => {
 
   return (
     <section
-      className={`overflow-hidden font-sans p-9 box-border ${className} ${
+      className={`overflow-hidden font-sans p-9 pr-3 box-border ${className} ${
         tileStyleMap[version]
       } ${getTileRightPadding(className)} ${getTileMinHeight(className)} `}
       role={role}
@@ -50,6 +50,7 @@ export const Tile = JSX<TileProps>((props) => {
           title && (
             <Heading
               headingType={getTileHeadingType(className)}
+              as="h3"
               title={title}
               className={`whitespace-pre-wrap max-w-[600px] ${title ? 'mb-3' : ''}
               ${version === 'primary' ? 'text-primary-text' : ''}`}
@@ -63,7 +64,12 @@ export const Tile = JSX<TileProps>((props) => {
         }
         image={image?.src && <Img className="mt-auto ml-7" image={image} />}
       >
-        {description && <Description className="mt-4 max-w-[600px]" description={description} />}
+        {description && (
+          <Description
+            className="mt-4 max-w-[600px] text-title-new-sm font-light"
+            description={description}
+          />
+        )}
         {children}
         {renderList(items, version)}
       </BaseTile>
@@ -73,6 +79,10 @@ export const Tile = JSX<TileProps>((props) => {
 
 function renderList(items, version) {
   return items?.length ? (
-    <List items={items} itemClassName="mt-2.5 first:mt-0" version={version} />
+    <List
+      items={items}
+      itemClassName="text-title-new-sm font-light mt-2.5 first:mt-0"
+      version={version === 'primary' ? 'tile' : 'tile-white'}
+    />
   ) : null;
 }

package/src/hooks/useLink.ts

@@ -16,7 +16,7 @@ export function useLink(
   return {
     ...link,
     href,
-    ariaLabel: link.text,
+    'aria-label': link.text,
     onClick: handlerDecorator((ev: MouseEvent) => {
       const isLocalHref = href && !isURL(href);
       const isLocalTarget = !link.target || link.target === '_self';

package/src/icons/ArrowDownIcon.svg

@@ -1,4 +1,4 @@
-<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg title="Стрелка 'Вниз'" width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M13.8416 10.709L11.6582 12.8923C11.0166 13.534 9.96657 13.534 9.3249 12.8923L3.8999 7.45898" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M17.1001 7.45898L16.2334 8.32565" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/src/icons/ArrowLeftIcon.svg

@@ -0,0 +1,4 @@
+<svg title="Стрелка 'Влево'" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M7 11.834L3 8.00065L7 4.16732" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <path d="M14 9.00195C14.5523 9.00195 15 8.55424 15 8.00195C15 7.44967 14.5523 7.00195 14 7.00195L14 9.00195ZM8 7.00195C7.44772 7.00195 7 7.44967 7 8.00195C7 8.55424 7.44772 9.00195 8 9.00195L8 7.00195ZM14 7.00195L8 7.00195L8 9.00195L14 9.00195L14 7.00195Z" fill="currentColor"/>
+</svg>

package/src/icons/BurgerIcon.svg

@@ -1,6 +1,6 @@
 <svg title="Бургер" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3 6H21" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round"/>
-<path d="M9.49023 12H21.0002" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round"/>
-<path d="M3 12H5.99" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round"/>
-<path d="M3 18H21" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round"/>
+<path d="M3 6H21" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+<path d="M9.49023 12H21.0002" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+<path d="M3 12H5.99" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+<path d="M3 18H21" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
 </svg>

package/src/icons/Calendar2Icon.svg

@@ -1 +1 @@
-<svg title="Календарь 2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 9.09h17" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 13.01V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 2v3M16 2v3" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Календарь 2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 9.09h17" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 13.01V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 2v3M16 2v3" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/icons/CalendarCircleIcon.svg

@@ -1 +1,4 @@
-<svg title="Скруглённый календарь" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.89 5.83v2M14.11 5.83v2M7.53 10.14h8.94M13.5 17.67h-3c-2.5 0-4-1.8-4-4v-3c0-2.2 1.5-4 4-4h3c2.5 0 4 1.8 4 4v3c0 2.2-1.5 4-4 4Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 6c-1.25 1.67-2 3.75-2 6 0 5.52 4.48 10 10 10s10-4.48 10-10S17.52 2 12 2c-1.43 0-2.8.3-4.03.85" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Скруглённый календарь" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path d="M9.89 5.83v2M14.11 5.83v2M7.53 10.14h8.94M13.5 17.67h-3c-2.5 0-4-1.8-4-4v-3c0-2.2 1.5-4 4-4h3c2.5 0 4 1.8 4 4v3c0 2.2-1.5 4-4 4Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M4 6c-1.25 1.67-2 3.75-2 6 0 5.52 4.48 10 10 10s10-4.48 10-10S17.52 2 12 2c-1.43 0-2.8.3-4.03.85" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/CalendarIcon.svg

@@ -1,6 +1,6 @@
 <svg title="Календарь" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
   <path
-    stroke="#1C1C1C"
+    stroke="currentColor"
     stroke-linecap="round"
     stroke-linejoin="round"
     stroke-miterlimit="10"

package/src/icons/CalendarTickIcon.svg

@@ -1 +1,6 @@
-<svg title="Календарь с галочкой" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 2v3M16 2v3M3.5 9.09h17M3 13.1V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5v7.86c-.73-.83-1.8-1.36-3-1.36-2.21 0-4 1.79-4 4 0 .75.21 1.46.58 2.06.21.36.48.68.79.94H8c-3.5 0-5-2-5-5" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 19c0 .75-.21 1.46-.58 2.06A3.97 3.97 0 0 1 18 23c-1.01 0-1.93-.37-2.63-1-.31-.26-.58-.58-.79-.94A3.92 3.92 0 0 1 14 19c0-2.21 1.79-4 4-4 1.2 0 2.27.53 3 1.36A4 4 0 0 1 22 19Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="m16.44 19 .99.99 2.13-1.97" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Календарь с галочкой" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8 2v3M16 2v3M3.5 9.09h17M3 13.1V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5v7.86c-.73-.83-1.8-1.36-3-1.36-2.21 0-4 1.79-4 4 0 .75.21 1.46.58 2.06.21.36.48.68.79.94H8c-3.5 0-5-2-5-5" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M22 19c0 .75-.21 1.46-.58 2.06A3.97 3.97 0 0 1 18 23c-1.01 0-1.93-.37-2.63-1-.31-.26-.58-.58-.79-.94A3.92 3.92 0 0 1 14 19c0-2.21 1.79-4 4-4 1.2 0 2.27.53 3 1.36A4 4 0 0 1 22 19Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="m16.44 19 .99.99 2.13-1.97" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/CalendarWhiteIcon.svg

@@ -1,6 +1,6 @@
 <svg title="Календарь белый" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
-    stroke="#fff"
+    stroke="currentColor"
     stroke-width="2"
     stroke-miterlimit="10"
     stroke-linecap="round"
@@ -8,7 +8,7 @@
     d="M8 2v3M16 2v3M3.5 9.09h17M3 13.01V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5"
   />
   <path
-    stroke="#fff"
+    stroke="currentColor"
     stroke-width="3"
     stroke-linecap="round"
     stroke-linejoin="round"

package/src/icons/CardIcon.svg

@@ -1 +1,5 @@
-<svg title="Кред. карта" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.5h20" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 16.5h2M10.5 16.5h4" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 14.99v1.12c0 3.51-.89 4.39-4.44 4.39H6.44C2.89 20.5 2 19.62 2 16.11V7.89c0-3.51.89-4.39 4.44-4.39h11.11c3.56 0 4.45.88 4.45 4.39v3.09" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Кред. карта" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2 8.5h20" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M6 16.5h2M10.5 16.5h4" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M22 14.99v1.12c0 3.51-.89 4.39-4.44 4.39H6.44C2.89 20.5 2 19.62 2 16.11V7.89c0-3.51.89-4.39 4.44-4.39h11.11c3.56 0 4.45.88 4.45 4.39v3.09" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/CardPosIcon.svg

@@ -1 +1,5 @@
-<svg title="Кред. карта под наклоном" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.93 15.88 15.88 3.93" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="m11.1 18.28 1.2-1.2M13.79 15.59l2.39-2.39" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.43 8.48c2.1 2.1 2.09 3.16-.03 5.28l-6.64 6.64c-2.12 2.12-3.18 2.13-5.28.03l-4.91-4.91c-2.1-2.1-2.09-3.16.03-5.28l6.64-6.64c2.12-2.12 3.18-2.13 5.28-.03l1.9 1.9M2 22h20" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Кред. карта под наклоном" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M3.93 15.88 15.88 3.93" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="m11.1 18.28 1.2-1.2M13.79 15.59l2.39-2.39" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M20.43 8.48c2.1 2.1 2.09 3.16-.03 5.28l-6.64 6.64c-2.12 2.12-3.18 2.13-5.28.03l-4.91-4.91c-2.1-2.1-2.09-3.16.03-5.28l6.64-6.64c2.12-2.12 3.18-2.13 5.28-.03l1.9 1.9M2 22h20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/CardTickIcon.svg

@@ -1 +1,5 @@
-<svg title="Кред. карта с галочкой" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.5h11.5M6 16.5h2M10.5 16.5h4" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 11.01V7.89c0-3.51.89-4.39 4.44-4.39h7.06M22 11.03v5.08c0 3.51-.89 4.39-4.44 4.39H6.44C2.89 20.5 2 19.62 2 16.11v-1.1" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.5 6 18 7.5l4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Кред. карта с галочкой" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2 8.5h11.5M6 16.5h2M10.5 16.5h4" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M2 11.01V7.89c0-3.51.89-4.39 4.44-4.39h7.06M22 11.03v5.08c0 3.51-.89 4.39-4.44 4.39H6.44C2.89 20.5 2 19.62 2 16.11v-1.1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M16.5 6 18 7.5l4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/ChartSquareIcon.svg

@@ -1 +1,6 @@
-<svg title="Деньги внутри кошелька" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.83V15c0 5 2 7 7 7h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 9.08c0 .496-.156.953-.425 1.35-.659.964-2.01 1.57-3.575 1.57-1.564 0-2.916-.616-3.575-1.57A2.394 2.394 0 0 1 8 9.08c0-.855.447-1.62 1.162-2.176.726-.566 1.72-.904 2.827-.904 1.106 0 2.1.348 2.827.904C15.553 7.45 16 8.225 16 9.079Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 9.18v2.813C16 13.753 14.21 15 12.006 15 9.8 15 8 13.742 8 11.993V9.181C8 7.42 9.79 6 12.006 6c1.107 0 2.103.358 2.83.93C15.552 7.504 16 8.302 16 9.18Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 12.18v2.813C16 16.753 14.21 18 12.006 18 9.8 18 8 16.742 8 14.993v-2.812" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Деньги внутри кошелька" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2 12.83V15c0 5 2 7 7 7h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M16 9.08c0 .496-.156.953-.425 1.35-.659.964-2.01 1.57-3.575 1.57-1.564 0-2.916-.616-3.575-1.57A2.394 2.394 0 0 1 8 9.08c0-.855.447-1.62 1.162-2.176.726-.566 1.72-.904 2.827-.904 1.106 0 2.1.348 2.827.904C15.553 7.45 16 8.225 16 9.079Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M16 9.18v2.813C16 13.753 14.21 15 12.006 15 9.8 15 8 13.742 8 11.993V9.181C8 7.42 9.79 6 12.006 6c1.107 0 2.103.358 2.83.93C15.552 7.504 16 8.302 16 9.18Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M16 12.18v2.813C16 16.753 14.21 18 12.006 18 9.8 18 8 16.742 8 14.993v-2.812" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/CloseIcon.svg

@@ -1,6 +1,6 @@
 <svg title="Крестик" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.70304 5.11173C3.31449 4.72318 3.31449 4.09322 3.70304 3.70468C4.09159 3.31613 4.72155 3.31613 5.1101 3.70467L11.3313 9.92584C11.7198 10.3144 11.7198 10.9444 11.3313 11.3329C10.9427 11.7214 10.3128 11.7214 9.92421 11.3329L3.70304 5.11173Z" fill="#1C1C1C"/>
-<path d="M12.6679 14.0766C12.2793 13.688 12.2793 13.0581 12.6679 12.6695C13.0564 12.281 13.6864 12.281 14.0749 12.6695L20.2961 18.8907C20.6847 19.2792 20.6847 19.9092 20.2961 20.2977C19.9076 20.6863 19.2776 20.6863 18.8891 20.2977L12.6679 14.0766Z" fill="#1C1C1C"/>
-<path d="M14.0746 11.3316C13.6861 11.7202 13.0561 11.7202 12.6676 11.3316C12.279 10.9431 12.279 10.3131 12.6676 9.92457L18.8887 3.70341C19.2773 3.31486 19.9072 3.31486 20.2958 3.70341C20.6843 4.09195 20.6843 4.72191 20.2958 5.11046L14.0746 11.3316Z" fill="#1C1C1C"/>
-<path d="M5.11027 20.2262C4.72172 20.6147 4.09176 20.6147 3.70321 20.2262C3.31466 19.8376 3.31466 19.2077 3.70321 18.8191L9.92438 12.5979C10.3129 12.2094 10.9429 12.2094 11.3314 12.5979C11.72 12.9865 11.72 13.6164 11.3314 14.005L5.11027 20.2262Z" fill="#1C1C1C"/>
+<path d="M3.70304 5.11173C3.31449 4.72318 3.31449 4.09322 3.70304 3.70468C4.09159 3.31613 4.72155 3.31613 5.1101 3.70467L11.3313 9.92584C11.7198 10.3144 11.7198 10.9444 11.3313 11.3329C10.9427 11.7214 10.3128 11.7214 9.92421 11.3329L3.70304 5.11173Z" fill="currentColor"/>
+<path d="M12.6679 14.0766C12.2793 13.688 12.2793 13.0581 12.6679 12.6695C13.0564 12.281 13.6864 12.281 14.0749 12.6695L20.2961 18.8907C20.6847 19.2792 20.6847 19.9092 20.2961 20.2977C19.9076 20.6863 19.2776 20.6863 18.8891 20.2977L12.6679 14.0766Z" fill="currentColor"/>
+<path d="M14.0746 11.3316C13.6861 11.7202 13.0561 11.7202 12.6676 11.3316C12.279 10.9431 12.279 10.3131 12.6676 9.92457L18.8887 3.70341C19.2773 3.31486 19.9072 3.31486 20.2958 3.70341C20.6843 4.09195 20.6843 4.72191 20.2958 5.11046L14.0746 11.3316Z" fill="currentColor"/>
+<path d="M5.11027 20.2262C4.72172 20.6147 4.09176 20.6147 3.70321 20.2262C3.31466 19.8376 3.31466 19.2077 3.70321 18.8191L9.92438 12.5979C10.3129 12.2094 10.9429 12.2094 11.3314 12.5979C11.72 12.9865 11.72 13.6164 11.3314 14.005L5.11027 20.2262Z" fill="currentColor"/>
 </svg>

package/src/icons/DiscountShapeIcon.svg

@@ -1 +1,4 @@
-<svg title="Скидка" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m14.66 20.01-1.52 1.52c-.62.62-1.64.62-2.26 0l-1.52-1.52c-.26-.26-.77-.47-1.13-.47H6.08c-.88 0-1.6-.72-1.6-1.6v-2.15c0-.36-.21-.87-.47-1.13l-1.52-1.52c-.62-.62-.62-1.64 0-2.26l1.52-1.52c.26-.26.47-.77.47-1.13V6.08c0-.88.72-1.6 1.6-1.6M9.34 3.99l1.52-1.52c.62-.62 1.64-.62 2.26 0l1.52 1.52c.26.26.77.47 1.13.47h2.15c.88 0 1.6.72 1.6 1.6v2.15c0 .36.21.87.47 1.13l1.52 1.52c.62.62.62 1.64 0 2.26l-1.52 1.52c-.26.26-.47.77-.47 1.13v2.15c0 .88-.72 1.6-1.6 1.6" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="m9 15 6-6M14.495 14.5h.009M9.495 9.5h.008" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Скидка" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="m14.66 20.01-1.52 1.52c-.62.62-1.64.62-2.26 0l-1.52-1.52c-.26-.26-.77-.47-1.13-.47H6.08c-.88 0-1.6-.72-1.6-1.6v-2.15c0-.36-.21-.87-.47-1.13l-1.52-1.52c-.62-.62-.62-1.64 0-2.26l1.52-1.52c.26-.26.47-.77.47-1.13V6.08c0-.88.72-1.6 1.6-1.6M9.34 3.99l1.52-1.52c.62-.62 1.64-.62 2.26 0l1.52 1.52c.26.26.77.47 1.13.47h2.15c.88 0 1.6.72 1.6 1.6v2.15c0 .36.21.87.47 1.13l1.52 1.52c.62.62.62 1.64 0 2.26l-1.52 1.52c-.26.26-.47.77-.47 1.13v2.15c0 .88-.72 1.6-1.6 1.6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="m9 15 6-6M14.495 14.5h.009M9.495 9.5h.008" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/DocIcon.svg

@@ -1,5 +1,5 @@
 <svg title="Документ" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.809 2.759A2.813 2.813 0 0 1 11.742 2h5.524C18.776 2 20 3.16 20 4.59v13.82c0 1.43-1.224 2.59-2.734 2.59H6.734C5.224 21 4 19.84 4 18.41v-5.95c0-.477.408-.864.911-.864.504 0 .912.387.912.864v5.95c0 .476.408.863.911.863h10.532c.503 0 .911-.387.911-.864V4.591c0-.477-.408-.864-.911-.864h-5.367v4.03c0 .955-.816 1.728-1.823 1.728H4.911c-.368 0-.7-.21-.842-.533a.83.83 0 0 1 .198-.941l5.542-5.252Zm.267 2.19L7.112 7.758h2.964v-2.81Z" fill="#1C1C1C" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.809 2.759A2.813 2.813 0 0 1 11.742 2h5.524C18.776 2 20 3.16 20 4.59v13.82c0 1.43-1.224 2.59-2.734 2.59H6.734C5.224 21 4 19.84 4 18.41v-5.95c0-.477.408-.864.911-.864.504 0 .912.387.912.864v5.95c0 .476.408.863.911.863h10.532c.503 0 .911-.387.911-.864V4.591c0-.477-.408-.864-.911-.864h-5.367v4.03c0 .955-.816 1.728-1.823 1.728H4.911c-.368 0-.7-.21-.842-.533a.83.83 0 0 1 .198-.941l5.542-5.252Zm.267 2.19L7.112 7.758h2.964v-2.81Z" fill="currentColor" />
   <rect x="8" y="12" width="8" height="2" rx="1" fill="currentColor" />
   <rect x="8" y="15" width="5" height="2" rx="1" fill="currentColor" />
 </svg>

package/src/icons/DocumentTextIcon.svg

@@ -1,6 +1,6 @@
 <svg title="Документ с текстом" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3 7C3 4 4.5 2 8 2H16C19.5 2 21 4 21 7V17C21 20 19.5 22 16 22H8C4.5 22 3 20 3 17V11.02" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.5 4.5V6.5C14.5 7.6 15.4 8.5 16.5 8.5H18.5" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3 7C3 4 4.5 2 8 2H16C19.5 2 21 4 21 7V17C21 20 19.5 22 16 22H8C4.5 22 3 20 3 17V11.02" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.5 4.5V6.5C14.5 7.6 15.4 8.5 16.5 8.5H18.5" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M8 13H12" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M8 17H16" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/src/icons/EmptyWalletChangeIcon.svg

@@ -1 +1,8 @@
-<svg title="Пустой кошелёк с возвратом" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 13.24v-1.73c0-2.07 1.69-3.76 3.76-3.76h11.48c2.07 0 3.76 1.69 3.76 3.76v1.44h-2.02c-.56 0-1.07.22-1.44.6-.42.41-.66 1-.6 1.63.09 1.08 1.08 1.87 2.16 1.87h1.9v1.19c0 2.07-1.69 3.76-3.76 3.76h-5.48" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.56 13.97v2.06c0 .55-.44 1-1 1.02H19.6c-1.08 0-2.07-.79-2.16-1.87-.06-.63.18-1.22.6-1.63.37-.38.88-.6 1.44-.6h2.08c.56.02 1 .47 1 1.02ZM7 12h7" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 16.5h5.34c.64 0 1.16.52 1.16 1.16v1.28" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.22 15.28 3 16.5l1.22 1.22M9.5 21.78H4.16c-.64 0-1.16-.52-1.16-1.16v-1.28" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="m8.28 23 1.22-1.22-1.22-1.22" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.28 2.17a1.9 1.9 0 0 1 2.57 1.78v3.8M2.5 12.41V7.84c0-1.19.73-2.25 1.84-2.67l3.97-1.5" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Пустой кошелёк с возвратом" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2.5 13.24v-1.73c0-2.07 1.69-3.76 3.76-3.76h11.48c2.07 0 3.76 1.69 3.76 3.76v1.44h-2.02c-.56 0-1.07.22-1.44.6-.42.41-.66 1-.6 1.63.09 1.08 1.08 1.87 2.16 1.87h1.9v1.19c0 2.07-1.69 3.76-3.76 3.76h-5.48" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M22.56 13.97v2.06c0 .55-.44 1-1 1.02H19.6c-1.08 0-2.07-.79-2.16-1.87-.06-.63.18-1.22.6-1.63.37-.38.88-.6 1.44-.6h2.08c.56.02 1 .47 1 1.02ZM7 12h7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M3 16.5h5.34c.64 0 1.16.52 1.16 1.16v1.28" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M4.22 15.28 3 16.5l1.22 1.22M9.5 21.78H4.16c-.64 0-1.16-.52-1.16-1.16v-1.28" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="m8.28 23 1.22-1.22-1.22-1.22" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M12.28 2.17a1.9 1.9 0 0 1 2.57 1.78v3.8M2.5 12.41V7.84c0-1.19.73-2.25 1.84-2.67l3.97-1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/EmptyWalletIcon.svg

@@ -1,13 +1,13 @@
 <svg title="Пустой кошелёк" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
   <path
-    stroke="#292D32"
+    stroke="currentColor"
     stroke-linecap="round"
     stroke-linejoin="round"
     stroke-width="2"
     d="M2.5 14.07v-2.56c0-2.07 1.69-3.76 3.76-3.76h11.48c2.07 0 3.76 1.69 3.76 3.76v1.44h-2.02c-.56 0-1.07.22-1.44.6-.42.41-.66 1-.6 1.63.09 1.08 1.08 1.87 2.16 1.87h1.9v1.19c0 2.07-1.69 3.76-3.76 3.76H6.26c-2.07 0-3.76-1.69-3.76-3.76M12.28 2.17a1.9 1.9 0 0 1 2.57 1.78v3.8"
   />
   <path
-    stroke="#292D32"
+    stroke="currentColor"
     stroke-linecap="round"
     stroke-linejoin="round"
     stroke-width="2"

package/src/icons/GlobalIcon.svg

@@ -1 +1,5 @@
-<svg title="Глобус" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.54 12c0 3.04.49 6.08 1.46 9H8M8 3h1c-.49 1.46-.85 2.95-1.1 4.46M16.13 16.36c-.25 1.56-.62 3.12-1.13 4.64M15 3c.97 2.92 1.46 5.96 1.46 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 16v-1a28.424 28.424 0 0 0 18 0v1M3 9a28.424 28.424 0 0 1 18 0" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Глобус" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M7.54 12c0 3.04.49 6.08 1.46 9H8M8 3h1c-.49 1.46-.85 2.95-1.1 4.46M16.13 16.36c-.25 1.56-.62 3.12-1.13 4.64M15 3c.97 2.92 1.46 5.96 1.46 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M3 16v-1a28.424 28.424 0 0 0 18 0v1M3 9a28.424 28.424 0 0 1 18 0" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/GpsIcon.svg

@@ -1,8 +1,8 @@
 <svg title="Gps" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.35107 5.45074C10.3959 4.89842 11.587 4.58569 12.8511 4.58569C16.9932 4.58569 20.3511 7.94356 20.3511 12.0857C20.3511 16.2278 16.9932 19.5857 12.8511 19.5857C8.70894 19.5857 5.35107 16.2278 5.35107 12.0857C5.35107 10.8216 5.66381 9.63055 6.21612 8.58569" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12.8511 15.0857C14.5079 15.0857 15.8511 13.7425 15.8511 12.0857C15.8511 10.4288 14.5079 9.08569 12.8511 9.08569C11.1942 9.08569 9.85107 10.4288 9.85107 12.0857C9.85107 13.7425 11.1942 15.0857 12.8511 15.0857Z" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12.8511 4.08569V2.08569" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4.85107 12.0857H2.85107" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12.8511 20.0857V22.0857" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M20.8511 12.0857H22.8511" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.35107 5.45074C10.3959 4.89842 11.587 4.58569 12.8511 4.58569C16.9932 4.58569 20.3511 7.94356 20.3511 12.0857C20.3511 16.2278 16.9932 19.5857 12.8511 19.5857C8.70894 19.5857 5.35107 16.2278 5.35107 12.0857C5.35107 10.8216 5.66381 9.63055 6.21612 8.58569" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.8511 15.0857C14.5079 15.0857 15.8511 13.7425 15.8511 12.0857C15.8511 10.4288 14.5079 9.08569 12.8511 9.08569C11.1942 9.08569 9.85107 10.4288 9.85107 12.0857C9.85107 13.7425 11.1942 15.0857 12.8511 15.0857Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.8511 4.08569V2.08569" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.85107 12.0857H2.85107" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.8511 20.0857V22.0857" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.8511 12.0857H22.8511" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/src/icons/IconName.ts

@@ -5,6 +5,7 @@ export enum IconMap {
   ActualBalanceIcon = 'ActualBalanceIcon',
   AppleIcon = 'AppleIcon',
   ArrowDownIcon = 'ArrowDownIcon',
+  ArrowLeftIcon = 'ArrowLeftIcon',
   ArrowsRewindRight = 'ArrowsRewindRight',
   ArrowUpIcon = 'ArrowUpIcon',
   AtmIcon = 'AtmIcon',
@@ -82,7 +83,8 @@ export enum IconMap {
 export enum IconTitleMap {
   ActualBalanceIcon = 'Деньги',
   AppleIcon = 'Лого «Apple»',
-  ArrowDownIcon = 'ArrowDownIcon',
+  ArrowDownIcon = "Стрелка 'Вниз'",
+  ArrowLeftIcon = "Стрелка 'Влево'",
   ArrowsRewindRight = 'ArrowsRewindRight',
   ArrowUpIcon = 'ArrowUpIcon',
   AtmIcon = 'Банкомат',
@@ -162,7 +164,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   "Деньги", "Лого «Apple»", "ArrowDownIcon", "ArrowsRewindRight", "ArrowUpIcon", "Банкомат", "Банк", "Бургер", "Бургер (белый)", "Календарь 2", "Скруглённый календарь", "Календарь", "Календарь с галочкой", "Календарь белый", "Кред. карта", "Кред. карта под наклоном", "Кред. карта с галочкой", "Карта с драгоценностями", "Деньги внутри кошелька", "Часы", "Крестик", "Кресло", "Кредитные карты", "Скидка", "Документ", "Документ (одноцветный)", "Документ с текстом", "Доллар", "Земля", "Пустой кошелёк с возвратом", "Пустой кошелёк", "Пустой кошелёк (белый)", "Евро", "Геолокация", "Зеркало", "Глобус", "Gps", "Сетка", "Сетка (белая)", "Диаграмма роста", "Скидка", "JCB", "Лупа", "MasterCard", "Минус", "МИР", "Деньги", "Денежное страхование", "Монитор и мобильный", "Новый документ", "Офис", "Лого «Одноклассники»", "Бизнес", "Проценты (круг.)", "Проценты", "Проценты белые", "Персональная карта", "Лого «PlayMarket»", "Плюс", "Профиль, 2 персоны", "Профиль", "Рубль (круг.)", "Сейф", "Безопасность", "Подписанные документы", "Маленькие часы", "Лого «Telegram»", "UnionPay", "Пользователь", "Visa", "Лого «VK»", "Пополнение карты", "Кошелёк с плюсом", "Кошелёк", "Кошелёк с деньгами"
+ *   "Деньги", "Лого «Apple»", "Стрелка 'Вниз'", "Стрелка 'Влево'", "ArrowsRewindRight", "ArrowUpIcon", "Банкомат", "Банк", "Бургер", "Бургер (белый)", "Календарь 2", "Скруглённый календарь", "Календарь", "Календарь с галочкой", "Календарь белый", "Кред. карта", "Кред. карта под наклоном", "Кред. карта с галочкой", "Карта с драгоценностями", "Деньги внутри кошелька", "Часы", "Крестик", "Кресло", "Кредитные карты", "Скидка", "Документ", "Документ (одноцветный)", "Документ с текстом", "Доллар", "Земля", "Пустой кошелёк с возвратом", "Пустой кошелёк", "Пустой кошелёк (белый)", "Евро", "Геолокация", "Зеркало", "Глобус", "Gps", "Сетка", "Сетка (белая)", "Диаграмма роста", "Скидка", "JCB", "Лупа", "MasterCard", "Минус", "МИР", "Деньги", "Денежное страхование", "Монитор и мобильный", "Новый документ", "Офис", "Лого «Одноклассники»", "Бизнес", "Проценты (круг.)", "Проценты", "Проценты белые", "Персональная карта", "Лого «PlayMarket»", "Плюс", "Профиль, 2 персоны", "Профиль", "Рубль (круг.)", "Сейф", "Безопасность", "Подписанные документы", "Маленькие часы", "Лого «Telegram»", "UnionPay", "Пользователь", "Visa", "Лого «VK»", "Пополнение карты", "Кошелёк с плюсом", "Кошелёк", "Кошелёк с деньгами"
  * ]
  */
 export type IconName =
@@ -170,6 +172,7 @@ export type IconName =
   | 'ActualBalanceIcon'
   | 'AppleIcon'
   | 'ArrowDownIcon'
+  | 'ArrowLeftIcon'
   | 'ArrowsRewindRight'
   | 'ArrowUpIcon'
   | 'AtmIcon'

package/src/icons/InterestIcon.svg

@@ -1 +1,6 @@
-<svg title="Скидка" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 6v2.42C22 10 21 11 19.42 11H16V4.01C16 2.9 16.91 2 18.02 2c1.09.01 2.09.45 2.81 1.17C21.55 3.9 22 4.9 22 6Z" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="m10.97 9.03.76-.76M6.27 13.73l2.22-2.22L9 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 11v10c0 .83.94 1.3 1.6.8l1.71-1.28c.4-.3.96-.26 1.32.1l1.66 1.67c.39.39 1.03.39 1.42 0l1.68-1.68c.35-.35.91-.39 1.3-.09l1.71 1.28c.66.49 1.6.02 1.6-.8V4c0-1.1.9-2 2-2H6C3 2 2 3.79 2 6v1" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.925 13.5h.009M6.195 8.5h.009" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Скидка" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M22 6v2.42C22 10 21 11 19.42 11H16V4.01C16 2.9 16.91 2 18.02 2c1.09.01 2.09.45 2.81 1.17C21.55 3.9 22 4.9 22 6Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="m10.97 9.03.76-.76M6.27 13.73l2.22-2.22L9 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M2 11v10c0 .83.94 1.3 1.6.8l1.71-1.28c.4-.3.96-.26 1.32.1l1.66 1.67c.39.39 1.03.39 1.42 0l1.68-1.68c.35-.35.91-.39 1.3-.09l1.71 1.28c.66.49 1.6.02 1.6-.8V4c0-1.1.9-2 2-2H6C3 2 2 3.79 2 6v1" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M11.925 13.5h.009M6.195 8.5h.009" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/MasterCardIcon.svg

@@ -1 +1,5 @@
-<svg title="MasterCard" viewBox="0 0 36 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.74 2.852h-9.508v17.296h9.508V2.852Z" fill="#FF5F00"/><path d="M13.836 11.5a11.093 11.093 0 0 1 1.09-4.808 10.957 10.957 0 0 1 3.06-3.84A10.75 10.75 0 0 0 6.524 1.606a10.913 10.913 0 0 0-4.461 4.058A11.1 11.1 0 0 0 .406 11.5a11.1 11.1 0 0 0 1.656 5.836 10.913 10.913 0 0 0 4.461 4.058 10.75 10.75 0 0 0 11.463-1.246 10.958 10.958 0 0 1-3.06-3.84 11.093 11.093 0 0 1-1.09-4.808Z" fill="#EB001B"/><path d="M35.566 11.5a11.1 11.1 0 0 1-1.655 5.836 10.911 10.911 0 0 1-4.461 4.058 10.749 10.749 0 0 1-5.909 1.043 10.793 10.793 0 0 1-5.555-2.289 10.977 10.977 0 0 0 3.058-3.84 11.114 11.114 0 0 0 0-9.615 10.977 10.977 0 0 0-3.058-3.841A10.75 10.75 0 0 1 29.45 1.606a10.912 10.912 0 0 1 4.462 4.058 11.1 11.1 0 0 1 1.655 5.836Z" fill="#F79E1B"/></svg>
+<svg title="MasterCard" viewBox="0 0 36 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M22.74 2.852h-9.508v17.296h9.508V2.852Z" fill="#FF5F00"/>
+  <path d="M13.836 11.5a11.093 11.093 0 0 1 1.09-4.808 10.957 10.957 0 0 1 3.06-3.84A10.75 10.75 0 0 0 6.524 1.606a10.913 10.913 0 0 0-4.461 4.058A11.1 11.1 0 0 0 .406 11.5a11.1 11.1 0 0 0 1.656 5.836 10.913 10.913 0 0 0 4.461 4.058 10.75 10.75 0 0 0 11.463-1.246 10.958 10.958 0 0 1-3.06-3.84 11.093 11.093 0 0 1-1.09-4.808Z" fill="#EB001B"/>
+  <path d="M35.566 11.5a11.1 11.1 0 0 1-1.655 5.836 10.911 10.911 0 0 1-4.461 4.058 10.749 10.749 0 0 1-5.909 1.043 10.793 10.793 0 0 1-5.555-2.289 10.977 10.977 0 0 0 3.058-3.84 11.114 11.114 0 0 0 0-9.615 10.977 10.977 0 0 0-3.058-3.841A10.75 10.75 0 0 1 29.45 1.606a10.912 10.912 0 0 1 4.462 4.058 11.1 11.1 0 0 1 1.655 5.836Z" fill="#F79E1B"/>
+</svg>

package/src/icons/MinusIcon.svg

@@ -1 +1,3 @@
-<svg title="Минус" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 12h5M4 12h7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Минус" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M15 12h5M4 12h7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/MoneyIcon.svg

@@ -1 +1,5 @@
-<svg title="Деньги" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.53v2.97c0 3.5 2 5 5 5h10c3 0 5-1.5 5-5v-7c0-3.5-2-5-5-5H7c-3 0-5 1.5-5 5V9h1c3 0 4-1 4-4V4" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 12c0-1.66-1.34-3-3-3s-3 1.34-3 3 1.34 3 3 3" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 9h-1c-3 0-4-1-4-4V4M2 15h1c3 0 4 1 4 4v1M22 15h-1c-3 0-4 1-4 4v1" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Деньги" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2 12.53v2.97c0 3.5 2 5 5 5h10c3 0 5-1.5 5-5v-7c0-3.5-2-5-5-5H7c-3 0-5 1.5-5 5V9h1c3 0 4-1 4-4V4" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M15 12c0-1.66-1.34-3-3-3s-3 1.34-3 3 1.34 3 3 3" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M22 9h-1c-3 0-4-1-4-4V4M2 15h1c3 0 4 1 4 4v1M22 15h-1c-3 0-4 1-4 4v1" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/MonitorMobileIcon.svg

@@ -1 +1,4 @@
-<svg title="Монитор и мобильный" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.95h8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 6.74c0-3.37.84-4.21 4.21-4.21h10.53c3.37 0 4.21.84 4.21 4.21M10 16.95H6.21c-3.37 0-4.21-.84-4.21-4.21v-1.89M10 21.47v-4.52M6.74 21.47H10M22 12.8c0-2.37-.59-2.96-2.96-2.96h-3.55c-2.37 0-2.96.59-2.96 2.96v5.71c0 2.37.59 2.96 2.96 2.96h3.55c2.37 0 2.96-.59 2.96-2.96v-1.57" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.244 18.25h.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Монитор и мобильный" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2 12.95h8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M2 6.74c0-3.37.84-4.21 4.21-4.21h10.53c3.37 0 4.21.84 4.21 4.21M10 16.95H6.21c-3.37 0-4.21-.84-4.21-4.21v-1.89M10 21.47v-4.52M6.74 21.47H10M22 12.8c0-2.37-.59-2.96-2.96-2.96h-3.55c-2.37 0-2.96.59-2.96 2.96v5.71c0 2.37.59 2.96 2.96 2.96h3.55c2.37 0 2.96-.59 2.96-2.96v-1.57" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M17.244 18.25h.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/icons/PercentageRoundIcon.svg

@@ -1 +1,4 @@
-<svg title="Проценты (круг.)" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m8.32 15.27 6.54-6.54M8.73 10.37a1.23 1.23 0 1 0 0-2.46 1.23 1.23 0 0 0 0 2.46ZM15.27 16.09a1.23 1.23 0 1 0 0-2.46 1.23 1.23 0 0 0 0 2.46Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 6c-1.25 1.67-2 3.75-2 6 0 5.52 4.48 10 10 10s10-4.48 10-10S17.52 2 12 2c-1.43 0-2.8.3-4.03.85" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Проценты (круг.)" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="m8.32 15.27 6.54-6.54M8.73 10.37a1.23 1.23 0 1 0 0-2.46 1.23 1.23 0 0 0 0 2.46ZM15.27 16.09a1.23 1.23 0 1 0 0-2.46 1.23 1.23 0 0 0 0 2.46Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M4 6c-1.25 1.67-2 3.75-2 6 0 5.52 4.48 10 10 10s10-4.48 10-10S17.52 2 12 2c-1.43 0-2.8.3-4.03.85" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/PercentageSquareIcon.svg

@@ -1,6 +1,6 @@
 <svg title="Проценты" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
   <path
-    stroke="#1C1C1C"
+    stroke="currentColor"
     stroke-linecap="round"
     stroke-linejoin="round"
     stroke-width="2"

package/src/icons/PersonalCardIcon.svg

@@ -1 +1,4 @@
-<svg title="Персональная карта" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8c0-4 1-5 5-5h10c4 0 5 1 5 5v8c0 4-1 5-5 5H7c-4 0-5-1-5-5v-3.6" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 8h5M15 12h4M17 16h2M8.5 11.29a1.81 1.81 0 1 0 0-3.62 1.81 1.81 0 0 0 0 3.62ZM12 16.33a3.02 3.02 0 0 0-2.74-2.72 7.72 7.72 0 0 0-1.52 0A3.03 3.03 0 0 0 5 16.33" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Персональная карта" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2 8c0-4 1-5 5-5h10c4 0 5 1 5 5v8c0 4-1 5-5 5H7c-4 0-5-1-5-5v-3.6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M14 8h5M15 12h4M17 16h2M8.5 11.29a1.81 1.81 0 1 0 0-3.62 1.81 1.81 0 0 0 0 3.62ZM12 16.33a3.02 3.02 0 0 0-2.74-2.72 7.72 7.72 0 0 0-1.52 0A3.03 3.03 0 0 0 5 16.33" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>