@redneckz/wildless-cms-uni-blocks 0.2.115 → 0.3.1

package/src/components/StepsBlock/StepsBlock.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
+import { Heading } from '../../ui-kit/Heading/Heading';
 import { Icon } from '../../ui-kit/Icon/Icon';
-import { Title } from '../../ui-kit/Title/Title';
 import { joinList } from '../../utils/joinList';
 import type { Step, StepsBlockContent } from './StepsBlockContent';
 
@@ -14,7 +14,7 @@ export const StepsBlock = JSX<StepsBlockProps>(({ className, title, showLines =
         className || ''
       }`}
     >
-      <Title className="font-medium m-0 max-w-[47rem] text-center">{title}</Title>
+      <Heading headingType="h2" className="max-w-[47rem] text-center" title={title} />
       {steps?.length ? (
         <div className={`box-border py-0.5 mb-0.5 ${title ? 'mt-9' : ''}`}>
           <div className="flex items-center px-[88px]">

package/src/components/TariffsTable/TariffsTable.tsx

@@ -2,7 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useComparisonTableScroll } from '../../hooks/useComparisonTableScroll';
 import type { UniBlockProps } from '../../types';
 import { ArrowButton } from '../../ui-kit/Button/ArrowButton';
-import { Title } from '../../ui-kit/Title/Title';
+import { Heading } from '../../ui-kit/Heading/Heading';
 import { COLS_LENGTH_FOR_SCROLL } from './constants';
 import type { TariffsTableContent } from './TariffsTableContent';
 import { TariffsTableRow } from './TariffsTableRow';
@@ -33,7 +33,11 @@ export const TariffsTable = JSX<TariffsTableProps>(
           className || ''
         }`}
       >
-        <Title className="font-medium m-0 max-w-[47rem] text-center mb-9 mx-auto">{title}</Title>
+        <Heading
+          headingType="h2"
+          className="max-w-[47rem] text-center mb-9 mx-auto"
+          title={title}
+        />
         <div role="table">
           {rowData?.length ? (
             <div className="relative">

package/src/components/TariffsTable/TariffsTableCell.tsx

@@ -2,7 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { BlockItem } from '../../ui-kit/BlockItem/BlockItem';
 import { Button } from '../../ui-kit/Button/Button';
 import { Icon } from '../../ui-kit/Icon/Icon';
-import { Img } from '../../ui-kit/Img';
+import { Img } from '../../ui-kit/Img/Img';
 import type { TariffsTableCellData } from './TariffsTableContent';
 
 export interface TariffsTableCellProps {
@@ -37,9 +37,10 @@ const renderCellInner = (
         <div role="list">
           {list.items.map((text, idx) => (
             <BlockItem
+              className="text-sm"
               key={String(idx)}
               text={text}
-              version={list.version ?? 'secondary'}
+              version="gray"
               isDotted={list.isDotted ?? true}
             />
           ))}
@@ -52,7 +53,7 @@ const renderCellInner = (
           <Button
             className={`${idx > 0 ? 'ml-3' : ''} w-12 h-12`}
             key={String(idx)}
-            appendLeft={icon && <Icon name={icon} width="24px" height="24px" />}
+            appendLeft={icon && <Icon name={icon} width="24px" height="24px" asSVG />}
             {...buttonProps}
           />
         ))

package/src/components/TariffsTable/TariffsTableContent.ts

@@ -1,8 +1,7 @@
-import type { CellData, RowHeader } from '../ComparisonTable/ComparisonTableContent';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
+import type { IconName } from '../../icons/IconName';
 import type { Picture } from '../../model/Picture';
-import type { BlockItemVersion } from '../../ui-kit/BlockItem/BlockItemProps';
-import type { BaseTileIconButton } from '../BaseTile/BaseTileProps';
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import type { CellData, RowHeader } from '../ComparisonTable/ComparisonTableContent';
 
 /**
  * @title Ряд
@@ -24,12 +23,7 @@ export interface TariffsTableColumn {
  * @title Список
  */
 export interface TariffsTableList {
-  /** @hidden */
-  version?: BlockItemVersion;
-  /**
-   * @title Маркеры
-   * @hidden
-   */
+  /** @title Маркеры */
   isDotted?: boolean;
   /** @title Элементы списка */
   items?: string[];
@@ -42,7 +36,7 @@ export interface TariffsTableCellData extends CellData {
   list?: TariffsTableList;
   image?: Picture;
   /** @title Кнопки */
-  buttons?: BaseTileIconButton[];
+  buttons?: ButtonWithIconProps[];
 }
 
 /**

package/src/components/TariffsTable/TariffsTableRow.tsx

@@ -29,6 +29,7 @@ export const TariffsTableRow = JSX<TariffsTableRowProps>(
                 name={header.icon}
                 width="24px"
                 height="24px"
+                asSVG
               />
             )}
             {header?.title}

package/src/components/TextBlock/TextBlock.fixture.mobile.tsx

@@ -1,5 +1,5 @@
 import type { Picture } from '../../model/Picture';
-import { context } from '../../setup-fixture';
+import { mobileContext } from '../../setup-fixture';
 import { TextBlock } from './TextBlock';
 import { TextBlockContent } from './TextBlockContent';
 
@@ -24,27 +24,37 @@ export default (
       <div>
         <p>Private clients</p>
         <div className="flex flex-col gap-[6px]" data-theme="pc">
-          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
           <TextBlock
-            context={context}
+            context={mobileContext}
+            {...TEXT_BLOCK}
+            blockVersion="primary"
+            iconVersion="small"
+          />
+          <TextBlock
+            context={mobileContext}
             {...TEXT_BLOCK}
             blockVersion="primary"
             iconVersion="big"
             image={image}
           />
-          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="none" />
           <TextBlock
-            context={context}
+            context={mobileContext}
+            {...TEXT_BLOCK}
+            blockVersion="primary"
+            iconVersion="none"
+          />
+          <TextBlock
+            context={mobileContext}
             description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу"
             blockVersion="primary"
           />
           <TextBlock
-            context={context}
+            context={mobileContext}
             title="Все карты Россельхозбанка работают"
             blockVersion="primary"
           />
           <TextBlock
-            context={context}
+            context={mobileContext}
             title="Все карты Россельхозбанка работают"
             blockVersion="primary"
             iconVersion="small"
@@ -61,19 +71,19 @@ export default (
         <div className="flex flex-col gap-[6px]" data-theme="bc">
           <TextBlock
             className="flex flex-col"
-            context={context}
+            context={mobileContext}
             {...TEXT_BLOCK}
             blockVersion="primary"
             iconVersion="small"
           />
           <TextBlock
-            context={context}
+            context={mobileContext}
             {...TEXT_BLOCK}
             iconVersion="small"
             blockVersion="secondary"
           />
           <TextBlock
-            context={context}
+            context={mobileContext}
             {...TEXT_BLOCK}
             iconVersion="small"
             blockVersion="secondary-light"
@@ -83,15 +93,20 @@ export default (
       <div>
         <p>Ecosystem own</p>
         <div className="flex flex-col gap-[6px]" data-theme="eo">
-          <TextBlock context={context} {...TEXT_BLOCK} iconVersion="small" blockVersion="primary" />
           <TextBlock
-            context={context}
+            context={mobileContext}
+            {...TEXT_BLOCK}
+            iconVersion="small"
+            blockVersion="primary"
+          />
+          <TextBlock
+            context={mobileContext}
             {...TEXT_BLOCK}
             iconVersion="small"
             blockVersion="secondary"
           />
           <TextBlock
-            context={context}
+            context={mobileContext}
             {...TEXT_BLOCK}
             iconVersion="small"
             blockVersion="secondary-light"

package/src/components/TextBlock/TextBlock.mobile.tsx

@@ -1,10 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { BlockItem } from '../../ui-kit/BlockItem/BlockItem';
-import { Img } from '../../ui-kit/Img';
-
-import type { BlockVersion } from '../../model/BlockVersion';
 import type { Picture } from '../../model/Picture';
 import type { UniBlockProps } from '../../types';
+import { Img } from '../../ui-kit/Img/Img';
+import { List } from '../../ui-kit/List/List';
 import type { TextBlockContent, TextBlockVersion } from './TextBlockContent';
 
 export interface TextBlockProps extends TextBlockContent, UniBlockProps {}
@@ -31,7 +29,16 @@ const textBlockStyleMaps: Record<TextBlockVersion, Record<string, string>> = {
 };
 
 export const TextBlock = JSX<TextBlockProps>(
-  ({ title, description, blockVersion = 'primary', iconVersion, image, className = '', items }) => {
+  ({
+    title,
+    description,
+    blockVersion = 'primary',
+    iconVersion,
+    image,
+    className = '',
+    items,
+    isDotted = true,
+  }) => {
     const textBlockStyleMap = textBlockStyleMaps[blockVersion];
     return (
       <section
@@ -46,23 +53,20 @@ export const TextBlock = JSX<TextBlockProps>(
           {description ? (
             <div className={`text-sm ${textBlockStyleMap.description}`}>{description}</div>
           ) : null}
-          {items?.length ? renderItems(items) : null}
+          {items?.length ? (
+            <List
+              items={items}
+              isDotted={isDotted}
+              version="gray"
+              className="mt-1 text-m-sm text-secondary-text"
+            />
+          ) : null}
         </div>
       </section>
     );
   },
 );
 
-function renderItems(items: string[] = [], version?: BlockVersion) {
-  return (
-    <section className="mt-1" role="list">
-      {items.map((_, i) => (
-        <BlockItem key={String(i)} text={_} version={version} />
-      ))}
-    </section>
-  );
-}
-
 function renderIcon(className: string) {
   return (
     <div className="mb-3">

package/src/components/TextBlock/TextBlock.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { Picture } from '../../model/Picture';
 import type { UniBlockProps } from '../../types';
-import { Img } from '../../ui-kit/Img';
+import { Img } from '../../ui-kit/Img/Img';
 import type { TextBlockContent, TextBlockVersion } from './TextBlockContent';
 
 export interface TextBlockProps extends TextBlockContent, UniBlockProps {}

package/src/components/TextBlock/TextBlockContent.ts

@@ -23,5 +23,8 @@ export interface TextBlockContent {
   iconVersion?: TextBlockIconVersion;
   image?: Picture;
   blockVersion?: TextBlockVersion;
-  items?: string[]; // TODO: mobile content
+  /** @title Маркеры списка (моб.) */ // TODO: mobile prop
+  isDotted?: boolean;
+  /** @title Список (моб.) */ // TODO: mobile prop
+  items?: string[];
 }

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

@@ -1,7 +1,7 @@
+import type { Picture } from '../../model/Picture';
 import { context } from '../../setup-fixture';
-
 import { Tile } from './Tile';
-import type { Picture } from '../../model/Picture';
+import type { TileContent } from './TileContent';
 
 const image: Picture = {
   src: 'money-1.png',
@@ -23,6 +23,23 @@ const image4: Picture = {
   format: 'webp',
 };
 
+export const TILE: TileContent = {
+  title: 'Кредиты',
+  items: [
+    'Кредитный лимит до 10 млн ₽',
+    'Кредиты наличными на любые цели',
+    'Получите деньги без залога и поручителей',
+  ],
+  buttons: [
+    {
+      text: 'Подробнее',
+      href: '/credit-cards',
+      version: 'secondary',
+    },
+  ],
+  image,
+};
+
 export default {
   credit: (
     <div className="container grid grid-cols-12">

package/src/components/Tile/Tile.tsx

@@ -1,8 +1,15 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { UniBlockProps } from '../../types';
-import { getColSpan } from '../../utils/getColSpan';
+import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
+import { Description } from '../../ui-kit/Description/Description';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { Img } from '../../ui-kit/Img/Img';
+import { List } from '../../ui-kit/List/List';
 import { BaseTile } from '../BaseTile/BaseTile';
+import { getTileHeadingType } from '../BaseTile/getTileHeadingType';
+import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
+import { getTileRightPadding } from '../BaseTile/getTileRightPadding';
 import type { TileContent } from '../Tile/TileContent';
 
 export interface TileProps extends TileContent, UniBlockProps {
@@ -15,38 +22,50 @@ const tileStyleMap: Record<BlockVersion, string> = {
 };
 
 export const Tile = JSX<TileProps>((props) => {
-  const { children, className = '', version = 'primary', role } = props;
+  const {
+    context,
+    title,
+    description,
+    items,
+    children,
+    buttons,
+    image,
+    className = '',
+    version = 'primary',
+    role,
+  } = props;
 
   return (
     <section
-      className={`font-sans p-9 box-border ${className || ''} ${
+      className={`font-sans p-9 box-border ${className} ${
         tileStyleMap[version]
-      } ${getContainerPaddingRight(className)} ${getContainerMinHeight(className)} `}
+      } ${getTileRightPadding(className)} ${getTileMinHeight(className)} `}
       role={role}
     >
-      <BaseTile {...props}>{children}</BaseTile>
+      <BaseTile
+        context={context}
+        title={
+          title && (
+            <Heading
+              headingType={getTileHeadingType(className)}
+              title={title}
+              className={`whitespace-pre-wrap max-w-[600px] ${
+                version === 'primary' ? 'text-primary-text' : ''
+              }`}
+            />
+          )
+        }
+        buttons={
+          buttons?.length ? (
+            <ButtonSection context={context} buttons={buttons} className="flex mt-9 gap-3" />
+          ) : null
+        }
+        image={image?.src && <Img className="mt-auto ml-7" image={image} />}
+      >
+        {description && <Description className="mt-4 max-w-[600px]" description={description} />}
+        {children}
+        {items?.length ? <List items={items} /> : null}
+      </BaseTile>
     </section>
   );
 });
-
-function getContainerPaddingRight(className = '') {
-  const colSpan = getColSpan(className);
-  if (colSpan <= 6) {
-    return 'pr-9';
-  } else if (colSpan <= 8) {
-    return 'pr-[4.75rem]';
-  } else {
-    return 'pr-[9.4rem]';
-  }
-}
-
-function getContainerMinHeight(className = '') {
-  const colSpan = getColSpan(className);
-  if (colSpan <= 6) {
-    return 'min-h-[300px]';
-  } else if (colSpan <= 8) {
-    return 'min-h-[320px]';
-  } else {
-    return 'min-h-[360px]';
-  }
-}

package/src/components/Tile/TileContent.ts

@@ -1,6 +1,17 @@
-import type { BaseTileCommonProps } from '../BaseTile/BaseTileProps';
+import type { BlockVersion } from '../../model/BlockVersion';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
+import type { DescriptionContent } from '../../ui-kit/Description/DescriptionProps';
+import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
+import type { ImageContent } from '../../ui-kit/Img/ImgProps';
+import type { ListContent } from '../../ui-kit/List/ListContent';
 
 /**
  * @title Плитка
  */
-export type TileContent = Omit<BaseTileCommonProps, 'align'>;
+export type TileContent = HeadingContent &
+  DescriptionContent &
+  ListContent &
+  ButtonContent &
+  ImageContent & {
+    version?: BlockVersion;
+  };

package/src/content-page-repository/ContentPageRepository.ts

@@ -1,6 +1,5 @@
 import glob from 'glob';
 import util from 'util';
-import { toMobilePage } from '../components/ContentPage/toMobilePage';
 import type { ContentPageDef } from '../types';
 import type { TransformationOptions } from './TransformationOptions';
 import { transformContentPage } from './transformContentPage';
@@ -28,19 +27,10 @@ export function ContentPageRepository({
     return pages.find((content) => content.slug === slug);
   }
 
-  async function getMobilePageBySlug(slug: string): Promise<ContentPageDef | undefined> {
-    const page = await getContentPageBySlug(slug);
-    return page && toMobilePage(page);
-  }
-
   async function getIndexPage() {
     return await getContentPageBySlug(INDEX_PAGE_SLUG);
   }
 
-  async function getIndexMobilePage() {
-    return await getMobilePageBySlug(INDEX_PAGE_SLUG);
-  }
-
   const cache: Record<string, ContentPageDef> = {};
   async function readPage(filePath: string): Promise<ContentPageDef> {
     if (!(filePath in cache)) {
@@ -55,9 +45,7 @@ export function ContentPageRepository({
   return {
     getAllContentPages,
     getContentPageBySlug,
-    getMobilePageBySlug,
     getSecondaryContentPages,
     getIndexPage,
-    getIndexMobilePage,
   };
 }

package/src/icons/ActualBalanceIcon.svg

@@ -1,7 +1,5 @@
 <svg
-  id="icon"
-  width="48"
-  height="48"
+  title="Деньги"
   viewBox="0 0 70 70"
   fill="none"
   xmlns="http://www.w3.org/2000/svg">

package/src/icons/AppleIcon.svg

@@ -1 +1 @@
-<svg id="icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 24"><path d="M18.406 12.761c-.023-3.028 2.793-4.511 2.93-4.572-1.603-2.073-4.075-2.357-4.968-2.377-2.083-.204-4.098 1.117-5.174 1.117-1.076 0-2.725-1.097-4.488-1.056-2.266.04-4.395 1.198-5.563 3.007-2.404 3.698-.618 9.124 1.694 12.09 1.145 1.464 2.496 3.09 4.259 3.028 1.717-.06 2.358-.975 4.441-.975 2.06 0 2.656.975 4.465.935 1.854-.02 3.022-1.463 4.12-2.947 1.329-1.666 1.855-3.332 1.878-3.413 0 0-3.549-1.2-3.594-4.837Zm-3.389-8.92c.916-1.037 1.557-2.419 1.374-3.841-1.35.061-3.022.833-3.984 1.829-.847.894-1.625 2.337-1.42 3.698 1.512.102 3.069-.67 4.03-1.686Z" fill="currentColor"/></svg>
+<svg title="Лого «Apple»" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 24"><path d="M18.406 12.761c-.023-3.028 2.793-4.511 2.93-4.572-1.603-2.073-4.075-2.357-4.968-2.377-2.083-.204-4.098 1.117-5.174 1.117-1.076 0-2.725-1.097-4.488-1.056-2.266.04-4.395 1.198-5.563 3.007-2.404 3.698-.618 9.124 1.694 12.09 1.145 1.464 2.496 3.09 4.259 3.028 1.717-.06 2.358-.975 4.441-.975 2.06 0 2.656.975 4.465.935 1.854-.02 3.022-1.463 4.12-2.947 1.329-1.666 1.855-3.332 1.878-3.413 0 0-3.549-1.2-3.594-4.837Zm-3.389-8.92c.916-1.037 1.557-2.419 1.374-3.841-1.35.061-3.022.833-3.984 1.829-.847.894-1.625 2.337-1.42 3.698 1.512.102 3.069-.67 4.03-1.686Z" fill="currentColor"/></svg>

package/src/icons/AtmIcon.svg

@@ -1,7 +1,7 @@
-<svg id="icon" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1.6665 10.441V12.916C1.6665 15.8327 3.33317 17.0827 5.83317 17.0827H14.1665C16.6665 17.0827 18.3332 15.8327 18.3332 12.916V7.08268C18.3332 4.16602 16.6665 2.91602 14.1665 2.91602H5.83317C3.33317 2.91602 1.6665 4.16602 1.6665 7.08268V7.49935H2.49984C4.99984 7.49935 5.83317 6.66602 5.83317 4.16602V3.33268" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12.5 10C12.5 8.61667 11.3833 7.5 10 7.5C8.61667 7.5 7.5 8.61667 7.5 10C7.5 11.3833 8.61667 12.5 10 12.5" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M18.3332 7.50065H17.4998C14.9998 7.50065 14.1665 6.66732 14.1665 4.16732V3.33398" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M1.6665 12.5H2.49984C4.99984 12.5 5.83317 13.3333 5.83317 15.8333V16.6667" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M18.3332 12.5H17.4998C14.9998 12.5 14.1665 13.3333 14.1665 15.8333V16.6667" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<svg title="Банкомат" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.6665 10.441V12.916C1.6665 15.8327 3.33317 17.0827 5.83317 17.0827H14.1665C16.6665 17.0827 18.3332 15.8327 18.3332 12.916V7.08268C18.3332 4.16602 16.6665 2.91602 14.1665 2.91602H5.83317C3.33317 2.91602 1.6665 4.16602 1.6665 7.08268V7.49935H2.49984C4.99984 7.49935 5.83317 6.66602 5.83317 4.16602V3.33268" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.5 10C12.5 8.61667 11.3833 7.5 10 7.5C8.61667 7.5 7.5 8.61667 7.5 10C7.5 11.3833 8.61667 12.5 10 12.5" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.3332 7.50065H17.4998C14.9998 7.50065 14.1665 6.66732 14.1665 4.16732V3.33398" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.6665 12.5H2.49984C4.99984 12.5 5.83317 13.3333 5.83317 15.8333V16.6667" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.3332 12.5H17.4998C14.9998 12.5 14.1665 13.3333 14.1665 15.8333V16.6667" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/src/icons/BankIcon.svg

@@ -1,11 +1,11 @@
-<svg id="icon" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.19151 4.79217C2.89984 4.90883 2.6665 5.25883 2.6665 5.56716V8.33383C2.6665 8.79217 3.0415 9.16717 3.49984 9.16717H18.4998C18.9582 9.16717 19.3332 8.79217 19.3332 8.33383V5.56716C19.3332 5.25883 19.0998 4.90883 18.8082 4.79217L11.3082 1.79219C11.1415 1.72552 10.8582 1.72552 10.6915 1.79219L6.65815 3.40886" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M19.3332 18.3333H2.6665V15.8333C2.6665 15.375 3.0415 15 3.49984 15H18.4998C18.9582 15 19.3332 15.375 19.3332 15.8333V18.3333Z" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4.3335 14.9993V9.16602" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M7.6665 14.9993V9.16602" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11 14.9993V9.16602" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.3335 14.9993V9.16602" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M17.6665 14.9993V9.16602" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M1.8335 18.334H20.1668" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11 7.08398C11.6904 7.08398 12.25 6.52434 12.25 5.83398C12.25 5.14363 11.6904 4.58398 11 4.58398C10.3096 4.58398 9.75 5.14363 9.75 5.83398C9.75 6.52434 10.3096 7.08398 11 7.08398Z" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<svg title="Банк" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.19151 4.79217C2.89984 4.90883 2.6665 5.25883 2.6665 5.56716V8.33383C2.6665 8.79217 3.0415 9.16717 3.49984 9.16717H18.4998C18.9582 9.16717 19.3332 8.79217 19.3332 8.33383V5.56716C19.3332 5.25883 19.0998 4.90883 18.8082 4.79217L11.3082 1.79219C11.1415 1.72552 10.8582 1.72552 10.6915 1.79219L6.65815 3.40886" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.3332 18.3333H2.6665V15.8333C2.6665 15.375 3.0415 15 3.49984 15H18.4998C18.9582 15 19.3332 15.375 19.3332 15.8333V18.3333Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.3335 14.9993V9.16602" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.6665 14.9993V9.16602" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11 14.9993V9.16602" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.3335 14.9993V9.16602" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.6665 14.9993V9.16602" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.8335 18.334H20.1668" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11 7.08398C11.6904 7.08398 12.25 6.52434 12.25 5.83398C12.25 5.14363 11.6904 4.58398 11 4.58398C10.3096 4.58398 9.75 5.14363 9.75 5.83398C9.75 6.52434 10.3096 7.08398 11 7.08398Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/src/icons/BurgerIcon.svg

@@ -1,4 +1,4 @@
-<svg id="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>

package/src/icons/BurgerIconWhite.svg

@@ -1,4 +1,4 @@
-<svg id="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg title="Бургер (белый)" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M3 6H21" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
 <path d="M9.49023 12H21.0002" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
 <path d="M3 12H5.99" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>

package/src/icons/Calendar2Icon.svg

@@ -1 +1 @@
-<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 9.09h17" stroke="#42AB44" 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="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 2v3M16 2v3" stroke="#42AB44" 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="#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>

package/src/icons/CalendarCircleIcon.svg

@@ -1 +1 @@
-<svg id="icon" width="24" height="24" fill="none" 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="#42AB44" 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="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/icons/CalendarIcon.svg

@@ -1,4 +1,4 @@
-<svg id="icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+<svg title="Календарь" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
   <path
     stroke="#1C1C1C"
     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="#42AB44"
+    stroke="currentColor"
     stroke-linecap="round"
     stroke-linejoin="round"
     stroke-width="3"

package/src/icons/CalendarTickIcon.svg

@@ -1 +1 @@
-<svg id="icon" width="24" height="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="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="m16.44 19 .99.99 2.13-1.97" stroke="#42AB44" 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="#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>

package/src/icons/CalendarWhiteIcon.svg

@@ -1,4 +1,4 @@
-<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg title="Календарь белый" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     stroke="#fff"
     stroke-width="2"

package/src/icons/CardIcon.svg

@@ -1 +1 @@
-<svg id="icon" width="24" height="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="#42AB44" 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="#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>

package/src/icons/CardPosIcon.svg

@@ -1 +1 @@
-<svg id="icon" width="24" height="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="#42AB44" 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="#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>

package/src/icons/CardTickIcon.svg

@@ -1 +1 @@
-<svg id="icon" width="24" height="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="#42AB44" 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="#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>