@redneckz/wildless-cms-uni-blocks 0.4.2 → 0.4.4

package/mobile/src/components/TariffsTable/dataFixture.ts

@@ -0,0 +1,158 @@
+import type {
+  TariffsTableColumn,
+  TariffsTableContent,
+  TariffsTableRowHeader,
+  LabelDescriptionCellDef,
+  ListBlockDef,
+  InnerTableBlockDef,
+} from './TariffsTableContent';
+import type { Picture } from '../../model/Picture';
+
+const title = 'Заголовок';
+const description = 'Описание предоставляемого продукта';
+
+const image: Picture = {
+  src: 'payment-systems.png',
+  format: 'webp',
+  size: {
+    width: 288,
+    height: 56,
+  },
+  alt: 'Платёжные системы',
+  title: 'Платёжные системы',
+};
+
+const LABEL_BLOCK: LabelDescriptionCellDef = {
+  tableCellType: 'LabelDescription',
+  label: 'Заголовок без описания',
+};
+
+const LABEL_DESCRIPTION_BLOCK: LabelDescriptionCellDef = {
+  label: 'Ячейка 1-2',
+  tableCellType: 'LabelDescription',
+  description: 'Описание',
+};
+
+const TABLE_BLOCK: InnerTableBlockDef = {
+  tableCellType: 'Table',
+  dataUrl: 'tariffs-inner-table-data',
+};
+
+const DESCRIPTION_BLOCK: LabelDescriptionCellDef = {
+  tableCellType: 'LabelDescription',
+  description: 'Описание без заголовка',
+};
+
+const LIST_BLOCK: ListBlockDef = {
+  tableCellType: 'List',
+  isDotted: true,
+  items: ['Элемент списка 1', 'Элемент списка 2', 'Элемент списка 3'],
+};
+
+const rowHeaders: TariffsTableRowHeader[] = [
+  { title: 'Начисление процентов на остаток по счету', icon: { icon: 'OkIcon' } },
+  { title: 'Снятие наличных', icon: { icon: 'GlassIcon' } },
+  { title: 'Кэшбэк баллами' },
+  { title: 'Кнопки-иконки' },
+  { title: 'Дополнительная информация' },
+  { title: 'Описание и кнопка' },
+  { title: 'Описание и ссылка' },
+];
+
+export const columns: TariffsTableColumn[] = [
+  {
+    data: [
+      [LABEL_BLOCK, LIST_BLOCK, LABEL_DESCRIPTION_BLOCK, LIST_BLOCK],
+      [
+        {
+          label: 'Бесплатно',
+          description: 'В банкоматах и кассах Россельхозбанка и банков-партнеров',
+          tableCellType: 'LabelDescription',
+        },
+        {
+          label: 'Бесплатно',
+          description: 'В сторонних банкоматах - 1 раз в месяц, далее 1% минимум 150 руб',
+          tableCellType: 'LabelDescription',
+        },
+      ],
+      [LABEL_BLOCK],
+      [
+        {
+          label: 'Платёжные системы картинкой',
+          tableCellType: 'LabelDescription',
+        },
+        {
+          image: image,
+          tableCellType: 'Img',
+        },
+      ],
+      [
+        { label: 'Кнопки-иконки', tableCellType: 'LabelDescription' },
+        {
+          tableCellType: 'Buttons',
+          buttons: [
+            {
+              icon: { icon: 'AppleIcon' },
+              rounded: true,
+              version: 'secondary',
+              href: '/',
+              target: '_blank',
+            },
+            {
+              icon: { icon: 'PlayMarketIcon' },
+              rounded: true,
+              version: 'secondary',
+              href: '/',
+              target: '_blank',
+            },
+          ],
+        },
+      ],
+      [
+        {
+          label: 'Бесплатно',
+          tableCellType: 'LabelDescription',
+        },
+      ],
+      [
+        {
+          image: {
+            src: 'money-1.png',
+            format: 'webp',
+            size: {
+              width: 140,
+              height: 140,
+            },
+            alt: 'Деньги',
+          },
+          tableCellType: 'Img',
+        },
+      ],
+    ],
+  },
+];
+
+export const columnsTable: TariffsTableColumn[] = [
+  {
+    data: [
+      [LABEL_BLOCK, LIST_BLOCK],
+      [TABLE_BLOCK, DESCRIPTION_BLOCK],
+      [LIST_BLOCK, DESCRIPTION_BLOCK],
+      [TABLE_BLOCK],
+    ],
+  },
+];
+
+export const TARIFFS_TABLE_FIXTURE_EXAMPLE: TariffsTableContent = {
+  title,
+  description,
+  tariffsColumns: columns,
+  rowHeaders,
+};
+
+export const TARIFFS_TABLE_INNER_TABLE_FIXTURE_EXAMPLE: TariffsTableContent = {
+  title,
+  description,
+  tariffsColumns: columnsTable,
+  rowHeaders,
+};

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

@@ -9,6 +9,7 @@
     }
   },
   "isDotted": true,
+  "listItemSize": "M",
   "items": ["Пункт 1", "Пункт 2", "Пункт 3"],
   "buttons": [
     {

package/mobile/src/components/Tile/Tile.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { BlockVersion } from '../../model/BlockVersion';
+import { VersionStyleMap } from '../../model/BlockVersion';
 import type { UniBlockProps } from '../../types';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
@@ -7,6 +7,7 @@ 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 type { ListProps } from '../../ui-kit/List/ListProps';
 import { BaseTile } from '../BaseTile/BaseTile';
 import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
 import { getTileRightPadding } from '../BaseTile/getTileRightPadding';
@@ -16,11 +17,6 @@ export interface TileProps extends TileContent, UniBlockProps {
   role?: string;
 }
 
-const tileStyleMap: Record<BlockVersion, string> = {
-  primary: 'bg-white text-primary-text',
-  secondary: 'bg-primary-main text-white',
-};
-
 export const Tile = JSX<TileProps>((props) => {
   const {
     context,
@@ -32,16 +28,18 @@ export const Tile = JSX<TileProps>((props) => {
     buttons,
     image,
     isDotted = true,
+    listItemSize = 'M',
     className = '',
     version = 'primary',
     ...rest
   } = props;
+  const headingClassName = version === 'primary' ? 'text-primary-text' : '';
 
   return (
     <BlockWrapper
       context={context}
       className={`overflow-hidden font-sans p-9 pr-3 box-border ${className} ${
-        tileStyleMap[version]
+        VersionStyleMap[version]
       } ${getTileRightPadding(className)} ${getTileMinHeight(className)} `}
       {...rest}
     >
@@ -53,8 +51,7 @@ export const Tile = JSX<TileProps>((props) => {
               headingType={headingType}
               as="h2"
               title={title}
-              className={`whitespace-pre-wrap max-w-[600px] text-h4
-              ${version === 'primary' ? 'text-primary-text' : ''}`}
+              className={`whitespace-pre-wrap max-w-[600px] ${headingClassName}`}
             />
           ) : null
         }
@@ -63,7 +60,7 @@ export const Tile = JSX<TileProps>((props) => {
             <ButtonSection
               context={context}
               buttons={buttons.map((button) => ({ ...button, className: 'w-[158px]' }))}
-              className="flex mt-9 gap-3"
+              className="flex mt-8 gap-3"
             />
           ) : null
         }
@@ -73,16 +70,23 @@ export const Tile = JSX<TileProps>((props) => {
           <Description className="max-w-[600px] text-xl-light mt-2" description={description} />
         ) : null}
         {children}
-        {renderList(items, version, isDotted)}
+        {renderList(items, { version, isDotted, listItemSize })}
       </BaseTile>
     </BlockWrapper>
   );
 });
 
-function renderList(items, version, isDotted: boolean) {
+function renderList(items, { version, isDotted, listItemSize }: ListProps) {
   const listVersion = version === 'primary' ? 'tile' : 'tile-white';
 
   return items?.length ? (
-    <List items={items} isDotted={isDotted} itemClassName="text-h6 mt-2" version={listVersion} />
+    <List
+      items={items}
+      isDotted={isDotted}
+      className="mt-3"
+      listItemSize={listItemSize}
+      itemClassName="mb-1.5"
+      version={listVersion}
+    />
   ) : null;
 }

package/mobile/src/components/Tile/TileContent.ts

@@ -1,15 +1,16 @@
 import type { BlockVersion } from '../../model/BlockVersion';
+import type { DescriptionProps } from '../../model/HeadlineType';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
-import type { DescriptionProp } from '../../model/HeadlineType';
 import type { HeadingCommonProps } from '../../ui-kit/Heading/HeadingProps';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
+import type { ListItemSize } from '../../ui-kit/List/ListProps';
 
 /**
  * @title Плитка
  */
 export type TileContent = HeadingCommonProps &
-  DescriptionProp &
+  DescriptionProps &
   ListContent &
   ButtonContent &
   ImageContent & {
@@ -18,5 +19,6 @@ export type TileContent = HeadingCommonProps &
      *  @default true
      */
     isDotted?: boolean;
+    listItemSize?: ListItemSize;
     version?: BlockVersion;
   };

package/mobile/src/components/__snapshots__/Blocks.spec.tsx.snap

@@ -109,7 +109,7 @@ exports[`Blocks ExchangeRateTile should render block "ExchangeRateTile" without
       class="flex grow w-full justify-between"
     >
       <div
-        class="flex flex-col w-full"
+        class="flex flex-col justify-between w-full"
       >
         <div>
           <div
@@ -220,7 +220,7 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
         />
       </svg>
       <span
-        class="text-black font-medium ml-2.5"
+        class="text-black font-light ml-2.5"
       >
         Россельхозбанк
       </span>
@@ -260,7 +260,7 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
         value=""
       />
       <a
-        class="text-center font-sans select-none inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md invisible peer-focus:visible absolute top-1 right-1"
+        class="text-center font-sans select-none border border-transparent inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md invisible peer-focus:visible absolute top-1 right-1"
         role="button"
       >
         <div
@@ -282,7 +282,7 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
       >
         <a
           aria-label="Обратная связь"
-          class="text-center font-sans select-none inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md mb-6 w-full"
+          class="text-center font-sans select-none border border-transparent inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md mb-6 w-full"
           href="/"
           role="link"
           target="_blank"
@@ -388,12 +388,6 @@ exports[`Blocks GracePeriod should render block "GracePeriod" without content 1`
 </section>
 `;
 
-exports[`Blocks GroupBlock should render block "GroupBlock" without content 1`] = `
-<section
-  class="box-border "
-/>
-`;
-
 exports[`Blocks Header should render block "Header" without content 1`] = `
 <header
   class="pt-6 pb-5 px-20 bg-white "
@@ -429,7 +423,7 @@ exports[`Blocks Header should render block "Header" without content 1`] = `
           />
         </svg>
         <span
-          class="text-black font-medium ml-2.5"
+          class="text-black font-light ml-2.5"
         >
           Россельхозбанк
         </span>
@@ -478,7 +472,7 @@ exports[`Blocks Header should render block "Header" without content 1`] = `
               Иконка Лупа
             </desc>
             <use
-              class="text-black group-hover:text-primary-main pointer-events-none"
+              class="text-black group-hover:text-primary-hover group-hover:invert-0 pointer-events-none"
               href="icons/LoupeIcon.svg#icon"
               xlink:href="icons/LoupeIcon.svg#icon"
             />
@@ -492,7 +486,7 @@ exports[`Blocks Header should render block "Header" without content 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="h-full bg-main-divider rounded-full pointer-events-none"
+            class="h-full bg-main-divider/20 rounded-full pointer-events-none"
           >
             <title>
               Иконка Сетка (белая)
@@ -501,7 +495,7 @@ exports[`Blocks Header should render block "Header" without content 1`] = `
               Иконка Сетка (белая)
             </desc>
             <use
-              class="text-black group-hover:text-primary-main"
+              class="text-black group-hover:text-primary-hover group-hover:invert-0"
               href="icons/GridIcon.svg#icon"
               xlink:href="icons/GridIcon.svg#icon"
             />
@@ -591,7 +585,7 @@ exports[`Blocks MobileAppTile should render block "MobileAppTile" without conten
       class="flex grow w-full justify-between"
     >
       <div
-        class="flex flex-col w-full"
+        class="flex flex-col justify-between w-full"
       >
         <div>
           <div
@@ -620,12 +614,6 @@ exports[`Blocks Navigation should render block "Navigation" without content 1`]
 </section>
 `;
 
-exports[`Blocks NavigatorTabs should render block "NavigatorTabs" without content 1`] = `
-<section
-  class="sticky top-0 z-20 box-border flex gap-x-1 h-14 "
-/>
-`;
-
 exports[`Blocks OtherProducts should render block "OtherProducts" without content 1`] = `
 <section
   class="font-sans text-primary-text "
@@ -687,7 +675,7 @@ exports[`Blocks Placeholder should render block "Placeholder" without content 1`
 
 exports[`Blocks ProductBlock should render block "ProductBlock" without content 1`] = `
 <section
-  class="font-sans overflow-hidden p-[50px] flex flex-col box-border min-h-[528px] bg-white text-primary-text "
+  class="font-sans overflow-hidden p-[50px] flex flex-col box-border min-h-[454px] bg-white text-primary-text "
 >
   <div
     class="flex grow justify-between items-stretch h-full "
@@ -706,7 +694,7 @@ exports[`Blocks ProductBlock should render block "ProductBlock" without content
           class="flex grow w-full justify-between"
         >
           <div
-            class="flex flex-col w-full"
+            class="flex flex-col justify-between w-full"
           >
             <div />
           </div>
@@ -735,18 +723,14 @@ exports[`Blocks ProductGallery should render block "ProductGallery" without cont
 
 exports[`Blocks ProductTile should render block "ProductTile" without content 1`] = `
 <section
-  class="bg-white overflow-hidden text-primary-text font-sans p-9 box-border min-h-[364px] relative justify-between grid  bg-white text-primary-text pr-[9.4rem] min-h-[360px] "
+  class="overflow-hidden font-sans p-9 box-border relative justify-between grid  bg-white text-primary-text pr-[9.4rem] min-h-[360px]"
 >
+  <section
+    class="font-sans flex flex-col p-[50px] gap-2 bg-white !p-0 z-10 "
+  />
   <div
-    class="z-[1]"
-  >
-    <section
-      class="font-sans flex flex-col p-[50px] gap-2 bg-white !p-0"
-    />
-    <div
-      class="flex mt-3.5"
-    />
-  </div>
+    class="z-10 grid grid-cols-[max-content_1fr] auto-rows-auto gap-x-6 gap-y-2.5 items-baseline max-w-[calc(100%-186px)]"
+  />
 </section>
 `;
 
@@ -757,22 +741,20 @@ exports[`Blocks PromoTile should render block "PromoTile" without content 1`] =
   <div
     class="font-sans flex flex-col grow h-full items-start "
   >
-    <div>
-      <section
-        class="font-sans flex flex-col p-[50px] gap-4 bg-white !p-0 max-w-[600px]"
+    <section
+      class="font-sans flex flex-col p-[50px] gap-4 bg-white !p-0 max-w-[600px]"
+    >
+      <h2
+        class="font-sans m-0 text-h2 whitespace-pre-wrap text-primary-text text-left"
       >
-        <h2
-          class="font-sans m-0 text-h2 whitespace-pre-wrap text-primary-text text-left"
-        >
-          Акции и спецпредложения
-        </h2>
-      </section>
-    </div>
+        Акции и спецпредложения
+      </h2>
+    </section>
     <div
       class="flex grow w-full justify-between"
     >
       <div
-        class="flex flex-col w-full"
+        class="flex flex-col justify-between w-full"
       >
         <div>
           <div
@@ -866,6 +848,12 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               class="appearance-none h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer"
               style="background: url(/icons/ArrowDownIcon.svg) no-repeat 50%;"
             >
+              <option
+                class=""
+                value="выберите отделение"
+              >
+                выберите отделение
+              </option>
               <option
                 class=""
                 value="МоскваОфис1"
@@ -1023,7 +1011,6 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               class="flex items-center relative cursor-pointer"
             >
               <input
-                checked=""
                 class="appearance-none flex justify-center items-center w-5 h-5 border-2 border-primary-main rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
                 name="contractType"
                 type="radio"
@@ -1041,6 +1028,7 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               class="flex items-center relative cursor-pointer"
             >
               <input
+                checked=""
                 class="appearance-none flex justify-center items-center w-5 h-5 border-2 border-primary-main rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
                 name="contractType"
                 type="radio"
@@ -1055,7 +1043,7 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
           </div>
         </div>
         <a
-          class="text-center font-sans select-none inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md "
+          class="text-center font-sans select-none border border-transparent inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md "
           role="button"
         >
           <div
@@ -1163,7 +1151,7 @@ exports[`Blocks Tabs should render block "Tabs" without content 1`] = `
 
 exports[`Blocks TariffsTable should render block "TariffsTable" without content 1`] = `
 <section
-  class="bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative "
+  class="bg-white font-sans p-[50px] overflow-hidden text-primary-text relative  "
 />
 `;
 
@@ -1188,7 +1176,7 @@ exports[`Blocks Tile should render block "Tile" without content 1`] = `
       class="flex grow w-full justify-between"
     >
       <div
-        class="flex flex-col w-full"
+        class="flex flex-col justify-between w-full"
       >
         <div />
       </div>

package/mobile/src/hooks/useExchangeRates.ts

@@ -1,5 +1,7 @@
 import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
 import type { ExchangeCurrencyItem } from '../components/ExchangeRateTile/ExchangeCurrencyCalculator';
+import { fetchJSON } from '../utils/fetchJSON';
+import { roundTo } from '../utils/roundTo';
 
 interface RatesData {
   code: string;
@@ -15,22 +17,11 @@ export function useExchangeRates(): ExchangeCurrencyItem[] {
   return result.length ? getCurrencyListByRate(result as RatesData[]) : result;
 }
 
-async function fetchExchangeRates(): Promise<any | undefined> {
-  try {
-    const response = await fetch(EXCHANGE_RATES_URL, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify(EXCHANGE_RATES_BODY),
-    });
-
-    return await response.json();
-  } catch (err) {
-    console.error(err);
-
-    return Promise.resolve();
-  }
+function fetchExchangeRates(): Promise<any | undefined> {
+  return fetchJSON(EXCHANGE_RATES_URL, {
+    method: 'POST',
+    body: JSON.stringify(EXCHANGE_RATES_BODY),
+  });
 }
 
 const EXCHANGE_RATES_URL =
@@ -76,12 +67,10 @@ const getCurrencyListByRate = (currencyRates: RatesData[]) =>
     if (!result.some((i) => i.code === currencyCode)) {
       result.push({
         code: currencyCode,
-        buy: roundRate(Number(_.rate_buy)),
-        sell: roundRate(Number(_.rate_sell)),
+        buy: roundTo(Number(_.rate_buy), 3),
+        sell: roundTo(Number(_.rate_sell), 3),
       });
     }
 
     return result;
   }, []);
-
-const roundRate = (value) => Math.round(value * 1000) / 1000;

package/mobile/src/hooks/useTariffsInnerTableData.ts

@@ -0,0 +1,20 @@
+import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
+
+export function useTariffsInnerTableData(directoryName?: string): any {
+  const { data } = useAsyncData(
+    tariffsInnerTableDataUrl(directoryName),
+    fetchTariffsInnerTableData,
+  );
+
+  return data || {};
+}
+
+async function fetchTariffsInnerTableData(url: string): Promise<any> {
+  const response = await fetch(url);
+
+  return await response.json();
+}
+
+function tariffsInnerTableDataUrl(directoryName?: string) {
+  return `/wcms-resources/${directoryName || 'tariffs-inner-table-data'}.json`;
+}

package/mobile/src/icons/CardTickIcon.svg

@@ -1 +1,7 @@
-<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="#000000" 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="#000000" 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="M6 10H22" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.5502 20.4998H6.44025C2.89025 20.4998 1.99023 19.6198 1.99023 16.1098V7.88977C1.99023 4.70977 2.73026 3.68977 5.52026 3.52977C5.80026 3.51977 6.11025 3.50977 6.44025 3.50977H17.5502C21.1002 3.50977 22.0002 4.38977 22.0002 7.89977V12.3098" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 16H10" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22 18C22 18.75 21.79 19.46 21.42 20.06C20.73 21.22 19.46 22 18 22C16.54 22 15.27 21.22 14.58 20.06C14.21 19.46 14 18.75 14 18C14 15.79 15.79 14 18 14C20.21 14 22 15.79 22 18Z" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.4395 18L17.4294 18.99L19.5594 17.02" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/mobile/src/icons/DocDownload.svg

@@ -0,0 +1,8 @@
+<svg title="Скачать документ" width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.59766 11.959V14.1673L9.26432 12.5007" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.59766 9.16602V9.99935" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.59635 14.1667L5.92969 12.5" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.76562 7.49935C1.76562 3.33268 3.43229 1.66602 7.59896 1.66602H11.7656" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.4323 8.33398V12.5007C18.4323 16.6673 16.7656 18.334 12.599 18.334H7.59896C3.43229 18.334 1.76562 16.6673 1.76562 12.5007V10.8173" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.099 8.33268C12.599 8.33268 11.7656 7.49935 11.7656 4.99935V1.66602L18.4323 8.33268" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>