@redneckz/wildless-cms-uni-blocks 0.2.114 → 0.3.0

package/mobile/src/components/ProductGallery/ProductGalleryContent.ts

@@ -1,4 +1,4 @@
-import type { ProductBlockInnerCommonProps } from '../ProductBlock/ProductBlockContent';
+import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
 
 /** @title Кнопка под слайдом */
 interface ProductGalleryNav {
@@ -15,7 +15,7 @@ export interface ProductSlide {
   /** @title Превью содержимого слайда на навигации */
   nav?: ProductGalleryNav;
   /** @title Содержимое слайда */
-  productBlock: ProductBlockInnerCommonProps;
+  productBlock: ProductBlockInnerContent;
 }
 
 /**

package/mobile/src/components/ProductTile/ProductTile.tsx

@@ -1,27 +1,75 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { UniBlockProps } from '../../types';
+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 { BaseTile } from '../BaseTile/BaseTile';
+import { getTileHeadingType } from '../BaseTile/getTileHeadingType';
+import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
+import { getTileRightPadding } from '../BaseTile/getTileRightPadding';
 import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
-import { Tile } from '../Tile/Tile';
 import type { ProductTileContent } from './ProductTileContent';
 
 export interface ProductTileProps extends ProductTileContent, UniBlockProps {}
 
-export const ProductTile = JSX<ProductTileProps>((props) => {
-  const { benefits, version } = props;
-  return (
-    <Tile {...props}>
-      <div className="flex mt-5 mb-1">
-        {benefits?.length ? <div className="mr-8">{benefits.map(renderBenefitLabel)}</div> : null}
-        {benefits?.length ? (
-          <div className="pt-1">
-            {benefits.map((_, i) => renderBenefitDescription(_, i, version))}
+const productTileStyleMap: Record<BlockVersion, string> = {
+  primary: 'bg-white text-primary-text',
+  secondary: 'bg-primary-main text-white',
+};
+
+export const ProductTile = JSX<ProductTileProps>(
+  ({
+    context,
+    className = '',
+    title,
+    description,
+    benefits,
+    buttons,
+    image,
+    version = 'primary',
+  }) => {
+    return (
+      <section
+        className={`bg-white text-primary-text font-sans p-9 box-border ${className} ${
+          productTileStyleMap[version]
+        } ${getTileRightPadding(className)} ${getTileMinHeight(className)} `}
+      >
+        <BaseTile
+          context={context}
+          title={
+            title && (
+              <Heading
+                headingType={getTileHeadingType(className)}
+                title={title}
+                className={`whitespace-pre-wrap max-w-[600px]`}
+              />
+            )
+          }
+          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} />}
+          <div className="flex mt-5 mb-1">
+            {benefits?.length ? (
+              <div className="mr-8">{benefits.map(renderBenefitLabel)}</div>
+            ) : null}
+            {benefits?.length ? (
+              <div className="pt-1">
+                {benefits.map((_, i) => renderBenefitDescription(_, i, version))}
+              </div>
+            ) : null}
           </div>
-        ) : null}
-      </div>
-    </Tile>
-  );
-});
+        </BaseTile>
+      </section>
+    );
+  },
+);
 
 function renderBenefitLabel(benefit: Benefit, i: number) {
   return (

package/mobile/src/components/ProductTile/ProductTileContent.ts

@@ -1,13 +1,21 @@
-import type { BaseTileCommonProps } from '../BaseTile/BaseTileProps';
-import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
+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 { TextBenefit } from '../BenefitsBlock/BenefitsBlockContent';
 
 /**
  * @title Продуктовая плитка
  */
-export interface ProductTileContent extends Omit<BaseTileCommonProps, 'align'> {
-  /**
-   * @title Преимущества
-   * @maxItems 7
-   */
-  benefits?: Omit<Benefit, 'icon'>[];
-}
+export type ProductTileContent = HeadingContent &
+  DescriptionContent &
+  ButtonContent &
+  ImageContent & {
+    version?: BlockVersion;
+    /**
+     * @title Преимущества
+     * @maxItems 7
+     */
+    benefits?: TextBenefit[];
+  };

package/mobile/src/components/PromoTile/PromoTile.tsx

@@ -1,33 +1,60 @@
 import { JSX } from '@redneckz/uni-jsx';
+import type { BlockVersion } from '../../model/BlockVersion';
 import type { UniBlockProps } from '../../types';
-import { Tile } from '../Tile/Tile';
+import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { BaseTile } from '../BaseTile/BaseTile';
+import { getTileHeadingType } from '../BaseTile/getTileHeadingType';
+import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
+import { getTileRightPadding } from '../BaseTile/getTileRightPadding';
 import type { PromoTileContent } from './PromoTileContent';
 
 export interface PromoTileProps extends PromoTileContent, UniBlockProps {}
 
+const promoTileStyleMap: Record<BlockVersion, string> = {
+  primary: 'bg-white text-primary-text',
+  secondary: 'bg-primary-main text-white',
+};
+
 export const PromoTile = JSX<PromoTileProps>(
   ({
-    className,
+    className = '',
     context,
     title = 'Акции и спецпредложения',
     date,
     description,
     buttons = [],
-    version,
+    version = 'primary',
   }) => {
     return (
-      <Tile
-        className={className}
-        context={context}
-        title={title}
-        buttons={buttons}
-        version={version}
+      <section
+        className={`bg-white text-primary-text font-sans p-9 box-border ${className} ${
+          promoTileStyleMap[version]
+        } ${getTileRightPadding(className)} ${getTileMinHeight(className)} `}
       >
-        <div className="mt-1.5">
-          {date && <div className="text-sm mb-2">{formatDate(date)}</div>}
-          <div className="text-base">{description}</div>
-        </div>
-      </Tile>
+        <BaseTile
+          context={context}
+          title={
+            title ? (
+              <Heading
+                headingType={getTileHeadingType(className)}
+                title={title}
+                className={`whitespace-pre-wrap max-w-[600px]`}
+              />
+            ) : null
+          }
+          buttons={
+            buttons?.length ? (
+              <ButtonSection context={context} buttons={buttons} className="flex mt-9 gap-3" />
+            ) : null
+          }
+        >
+          <div className="mt-1.5">
+            {date ? <div className="text-sm mb-2">{formatDate(date)}</div> : null}
+            <div className="text-base">{description}</div>
+          </div>
+        </BaseTile>
+      </section>
     );
   },
 );

package/mobile/src/components/PromoTile/PromoTileContent.ts

@@ -1,9 +1,15 @@
-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';
 
 /**
  * @title Акции
  */
-export interface PromoTileContent extends BaseTileCommonProps {
-  /** @title Дата публикации */
-  date?: string;
-}
+export type PromoTileContent = HeadingContent &
+  DescriptionContent &
+  ButtonContent & {
+    /** @title Дата публикации */
+    date?: string;
+    version?: BlockVersion;
+  };

package/mobile/src/components/StepsBlock/StepsBlock.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { SizeVersion } from '../../model/SizeVersion';
 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 type { Step, StepsBlockContent } from './StepsBlockContent';
 
 export interface StepsBlockProps extends StepsBlockContent, UniBlockProps {}
@@ -15,11 +15,7 @@ export const StepsBlock = JSX<StepsBlockProps>(
           className || ''
         }`}
       >
-        {title && (
-          <Title size="M" className="font-medium m-0 text-center">
-            {title}
-          </Title>
-        )}
+        {title && <Heading headingType="h3" className="text-center" title={title} />}
         {description && <p className={`text-m-md text-center ${title && 'mt-2'}`}>{description}</p>}
         {steps?.length ? (
           <div className={`box-border py-0.5 mb-0.5 mt-5`}>
@@ -86,7 +82,7 @@ const renderIconArea = (step: Step, size: SizeVersion, i: number) => {
       className={`${iconAreaSize} bg-secondary-light rounded-full z-10 mr-3 flex justify-center content-center`}
     >
       <span className={`font-medium text-secondary-text self-center ${iconTextSize}`}>
-        {(step.icon && <Icon name={step.icon} width={iconSize} height={iconSize} />) || i + 1}
+        {(step.icon && <Icon name={step.icon} width={iconSize} height={iconSize} asSVG />) || i + 1}
       </span>
     </div>
   );

package/mobile/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/mobile/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/mobile/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/mobile/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/mobile/src/components/TextBlock/TextBlock.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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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>