@redneckz/wildless-cms-uni-blocks 0.3.21 → 0.3.22

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

@@ -6,8 +6,8 @@
       "image": {
         "format": "webp",
         "size": {
-          "width": 140,
-          "height": 140
+          "width": 150,
+          "height": 150
         }
       },
       "title": "Заголовок 1",
@@ -55,24 +55,6 @@
         {"text":"Элемент списка 2", "title": "Элемент заголовка 2"},
         {"text":"Элемент списка 3", "title": "Элемент заголовка 3"}
       ]
-    },
-    {
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 140,
-          "height": 140
-        }
-      },
-      "title": "Заголовок 4",
-      "description": "Описание 4",
-      "href": "/credit-cards",
-      "version": "primary",
-      "items": [
-        {"text":"Элемент списка 1", "title": "Элемент заголовка 1"},
-        {"text":"Элемент списка 2", "title": "Элемент заголовка 2"},
-        {"text":"Элемент списка 3", "title": "Элемент заголовка 3"}
-      ]
     }
   ]
 }

package/mobile/src/components/Gallery/GalleryContent.ts

@@ -38,7 +38,7 @@ export interface GalleryContent {
   description?: string;
   /**
    * @title Карточки
-   * @minItems 4
+   * @minItems 3
    */
   cards?: GalleryCard[];
   /** @title Горизонтальная прокрутка (для мобильных прокрутка shift+mouseScroll) */

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

@@ -2,5 +2,12 @@
   "title": "Заголовок",
   "description": "Описание",
   "align": "center",
-  "bgColorHeadline": "transparent"
+  "bgColorHeadline": "transparent",
+  "image": {
+    "format": "webp",
+    "size": {
+      "width": 180,
+      "height": 180
+    }
+  }
 }

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

@@ -1,6 +1,6 @@
 {
-  "title": "Дополнительные документы",
-  "subtitle": "Ответы на часто задаваемые вопросы",
+  "title": "Список документов",
+  "subtitle": "Описание",
   "icon": "DocIcon",
   "documents": [
     {

package/mobile/src/components/LinkDocs/LinkDocsContent.ts

@@ -34,7 +34,7 @@ export interface LinkDocsItem extends LinkProps {
 export interface LinkDocsContent {
   /** @title Заголовок */
   title?: string;
-  /** @title Подзаголовок */
+  /** @title Описание */
   subtitle?: string;
   /** @title Название иконки */
   icon?: IconName;

package/mobile/src/components/LinkDocs/LinkDocsHorizontalList.tsx

@@ -16,7 +16,7 @@ export const LinkDocsHorizontalList = JSX<LinkDocsHorizontalListProps>(
           ? documents.map((doc, i) => (
               <LinkDocsListItem
                 key={String(i)}
-                className={hasBorder ? 'rounded-md border-main-stroke border p-4' : ''}
+                className={hasBorder ? 'rounded-md border-main-stroke border border-solid p-4' : ''}
                 doc={doc}
                 icon={icon}
               />

package/mobile/src/components/LinkDocs/LinkDocsVerticalList.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
+import type { IconName } from '../../icons/IconName';
 import type { LinkDocsItem } from './LinkDocsContent';
 import { LinkDocsListItem } from './LinkDocsListItem';
 
@@ -20,7 +20,9 @@ export const LinkDocsVerticalList = JSX<LinkDocsVerticalListProps>(
           ? documents.map((doc, i) => (
               <div key={String(i)} role="listitem">
                 <LinkDocsListItem
-                  className={hasBorder ? 'rounded-md border-main-stroke border p-4' : ''}
+                  className={
+                    hasBorder ? 'rounded-md border-main-stroke border border-solid p-4' : ''
+                  }
                   doc={doc}
                   icon={icon}
                 />

package/mobile/src/components/MiniGallery/MiniGalleryContent.ts

@@ -2,5 +2,6 @@ import type { GalleryContent } from '../Gallery/GalleryContent';
 
 /**
  * @title Мини-галерея
+ * @minItems 3
  */
 export type MiniGalleryContent = GalleryContent;

package/mobile/src/components/MobileAppTile/MobileAppTile.tsx

@@ -19,7 +19,7 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
             <div className="flex justify-center align-middle rounded-md bg-primary-main w-[50px] h-[50px]">
               <Logo className="w-[33px]" bgColor="transparent" hideTitle />
             </div>
-            <a href={href} target="_blank" className="flex flex-col justify-center pl-3">
+            <a href={href} target="_blank" className="flex flex-col justify-center pl-3 font-sans">
               <div className="text-m-button font-medium mb-[3px]">{title}</div>
               <div className="text-m-button text-secondary-text">{description}</div>
             </a>

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

@@ -4,7 +4,8 @@
   "image": {
     "format": "webp",
     "size": {
-      "width": 300
+      "width": 234,
+      "height": 234
     }
   },
   "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"],

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

@@ -10,7 +10,8 @@
         "image": {
           "format": "webp",
           "size": {
-            "width": 280
+            "width": 234,
+            "height": 234
           }
         },
         "description": "Описание",

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

@@ -1,4 +1,5 @@
 {
+  "version": "primary",
   "title": "Шаги",
   "description": "Описание",
   "showLines": true,

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

@@ -6,8 +6,8 @@
   "image": {
     "format": "webp",
     "size": {
-      "width": 48,
-      "height": 48
+      "width": 43,
+      "height": 43
     }
   }
 }

package/mobile/src/components/TextBlock/TextBlockContent.ts

@@ -1,7 +1,7 @@
 import type { Picture } from '../../model/Picture';
 
 /**
- * @title Цвет плитки
+ * @title Цвет блока
  * @enumNames ["Основная", "Второстепенная", "Второстепенная прозрачная"]
  */
 export type TextBlockVersion = 'primary' | 'secondary' | 'secondary-light';

package/mobile/src/icons/IconName.ts

@@ -6,6 +6,10 @@ export enum IconMap {
   ActualBalanceIcon = "ActualBalanceIcon", AppleIcon = "AppleIcon", ArrowDownIcon = "ArrowDownIcon", ArrowsRewindRight = "ArrowsRewindRight", ArrowUpIcon = "ArrowUpIcon", AtmIcon = "AtmIcon", BankIcon = "BankIcon", BurgerIcon = "BurgerIcon", BurgerIconWhite = "BurgerIconWhite", Calendar2Icon = "Calendar2Icon", CalendarCircleIcon = "CalendarCircleIcon", CalendarIcon = "CalendarIcon", CalendarTickIcon = "CalendarTickIcon", CalendarWhiteIcon = "CalendarWhiteIcon", CardIcon = "CardIcon", CardPosIcon = "CardPosIcon", CardTickIcon = "CardTickIcon", CardWithGemIcon = "CardWithGemIcon", ChartSquareIcon = "ChartSquareIcon", ClockIcon = "ClockIcon", CloseIcon = "CloseIcon", ComfortableCompIcon = "ComfortableCompIcon", CreditCardsIcon = "CreditCardsIcon", DiscountShapeIcon = "DiscountShapeIcon", DocIcon = "DocIcon", DocIconMonoColor = "DocIconMonoColor", DocumentTextIcon = "DocumentTextIcon", DollarIcon = "DollarIcon", EarthIcon = "EarthIcon", EmptyWalletChangeIcon = "EmptyWalletChangeIcon", EmptyWalletIcon = "EmptyWalletIcon", EmptyWalletWhiteIcon = "EmptyWalletWhiteIcon", EuroIcon = "EuroIcon", GeolocationIcon = "GeolocationIcon", GlassIcon = "GlassIcon", GlobalIcon = "GlobalIcon", GpsIcon = "GpsIcon", GridIcon = "GridIcon", GridIconWhite = "GridIconWhite", InterestGrowthIcon = "InterestGrowthIcon", InterestIcon = "InterestIcon", JCBIcon = "JCBIcon", LoupeIcon = "LoupeIcon", MasterCardIcon = "MasterCardIcon", MinusIcon = "MinusIcon", MirIcon = "MirIcon", MoneyIcon = "MoneyIcon", MoneyInsuranceIcon = "MoneyInsuranceIcon", MonitorMobileIcon = "MonitorMobileIcon", NewDocIcon = "NewDocIcon", OfficeIcon = "OfficeIcon", OkIcon = "OkIcon", PassSendIcon = "PassSendIcon", PercentageRoundIcon = "PercentageRoundIcon", PercentageSquareIcon = "PercentageSquareIcon", PercentageSquareWhiteIcon = "PercentageSquareWhiteIcon", PersonalCardIcon = "PersonalCardIcon", PlayMarketIcon = "PlayMarketIcon", PlusIcon = "PlusIcon", Profile2UserIcon = "Profile2UserIcon", ProfileIcon = "ProfileIcon", RoundRubleIcon = "RoundRubleIcon", SafeIcon = "SafeIcon", ShieldTickIcon = "ShieldTickIcon", SignDocsIcon = "SignDocsIcon", SmallClockIcon = "SmallClockIcon", TelegramIcon = "TelegramIcon", UnionPayIcon = "UnionPayIcon", UserTickIcon = "UserTickIcon", VisaIcon = "VisaIcon", VKIcon = "VKIcon", WalletAdd2Icon = "WalletAdd2Icon", WalletAddIcon = "WalletAddIcon", WalletIcon = "WalletIcon", WalletWithMoneyIcon = "WalletWithMoneyIcon"
 }
 
+export enum IconTitleMap {
+  ActualBalanceIcon = "Деньги", AppleIcon = "Лого «Apple»", ArrowDownIcon = "ArrowDownIcon", ArrowsRewindRight = "ArrowsRewindRight", ArrowUpIcon = "ArrowUpIcon", AtmIcon = "Банкомат", BankIcon = "Банк", BurgerIcon = "Бургер", BurgerIconWhite = "Бургер (белый)", Calendar2Icon = "Календарь 2", CalendarCircleIcon = "Скруглённый календарь", CalendarIcon = "Календарь", CalendarTickIcon = "Календарь с галочкой", CalendarWhiteIcon = "Календарь белый", CardIcon = "Кред. карта", CardPosIcon = "Кред. карта под наклоном", CardTickIcon = "Кред. карта с галочкой", CardWithGemIcon = "Карта с драгоценностями", ChartSquareIcon = "Деньги внутри кошелька", ClockIcon = "Часы", CloseIcon = "Крестик", ComfortableCompIcon = "Кресло", CreditCardsIcon = "Кредитные карты", DiscountShapeIcon = "Скидка", DocIcon = "Документ", DocIconMonoColor = "Документ (одноцветный)", DocumentTextIcon = "Документ с текстом", DollarIcon = "Доллар", EarthIcon = "Земля", EmptyWalletChangeIcon = "Пустой кошелёк с возвратом", EmptyWalletIcon = "Пустой кошелёк", EmptyWalletWhiteIcon = "Пустой кошелёк (белый)", EuroIcon = "Евро", GeolocationIcon = "Геолокация", GlassIcon = "Зеркало", GlobalIcon = "Глобус", GpsIcon = "Gps", GridIcon = "Сетка", GridIconWhite = "Сетка (белая)", InterestGrowthIcon = "Диаграмма роста", InterestIcon = "Скидка", JCBIcon = "JCB", LoupeIcon = "Лупа", MasterCardIcon = "MasterCard", MinusIcon = "Минус", MirIcon = "МИР", MoneyIcon = "Деньги", MoneyInsuranceIcon = "Денежное страхование", MonitorMobileIcon = "Монитор и мобильный", NewDocIcon = "Новый документ", OfficeIcon = "Офис", OkIcon = "Лого «Одноклассники»", PassSendIcon = "Бизнес", PercentageRoundIcon = "Проценты (круг.)", PercentageSquareIcon = "Проценты", PercentageSquareWhiteIcon = "Проценты белые", PersonalCardIcon = "Персональная карта", PlayMarketIcon = "Лого «PlayMarket»", PlusIcon = "Плюс", Profile2UserIcon = "Профиль, 2 персоны", ProfileIcon = "Профиль", RoundRubleIcon = "Рубль (круг.)", SafeIcon = "Сейф", ShieldTickIcon = "Безопасность", SignDocsIcon = "Подписанные документы", SmallClockIcon = "Маленькие часы", TelegramIcon = "Лого «Telegram»", UnionPayIcon = "UnionPay", UserTickIcon = "Пользователь", VisaIcon = "Visa", VKIcon = "Лого «VK»", WalletAdd2Icon = "Пополнение карты", WalletAddIcon = "Кошелёк с плюсом", WalletIcon = "Кошелёк", WalletWithMoneyIcon = "Кошелёк с деньгами"
+}
+
 /**
  *
  * @title Иконка

package/mobile/src/model/BlockVersion.ts

@@ -6,6 +6,6 @@ export type BlockVersion = 'primary' | 'secondary';
 
 /**
  * @title Цвет блока
- * @enumNames ["Прозрачная", Основная", "Второстепенная"]
+ * @enumNames ["Прозрачная", "Основная", "Второстепенная"]
  */
 export type BlockVersionWithTransparent = 'transparent' | 'primary' | 'secondary';

package/mobile/src/ui-kit/Icon/Icon.tsx

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { projectSettings } from '../../ProjectSettings';
 import type { IconColor, IconProps } from './IconProps';
+import { IconTitleMap } from '../../icons/IconName';
 
 const svgColorsMap: Record<IconColor, string> = {
   none: '',
@@ -11,7 +12,7 @@ export const Icon = JSX<IconProps>(
   ({
     className = '',
     name,
-    alt = `Icon ${name}`,
+    alt = `Иконка ${IconTitleMap[name] || name}`,
     title = alt,
     asSVG,
     color = 'primary',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.3.21",
+  "version": "0.3.22",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/Accordion/AccordionContent.ts

@@ -27,7 +27,7 @@ export interface AccordionContent {
   title?: string;
   /** @title Список */
   accordionItems?: AccordionItemCommonProps[];
-  /** @title Подзаголовок */
+  /** @title Описание */
   description?: string; // TODO: только для мобильной версии
   /**
    * @title Отображать/скрывать обводку у элемента списка

package/src/components/ComparisonTable/ComparisonTableContent.ts

@@ -49,6 +49,24 @@ export interface RowHeader {
   /** @title Заголовок */
   title?: string;
 }
+
+/**
+ * @title Ячейка
+ */
+export interface TableColumnData {
+  rowHeader?: string;
+  cell: CellData[];
+}
+
+/**
+ * @title Параметр
+ */
+export interface TableColumnHeader {
+  /** @title Заголовок */
+  title?: string;
+  icon?: IconName;
+}
+
 /**
  * @title Сравнительная таблица
  */

package/src/components/ComparisonTable/HeaderCell.tsx

@@ -13,6 +13,7 @@ export interface HeaderCellProps {
   image?: Picture;
   title?: string;
   link?: LinkProps;
+  isFillGradient?: boolean;
 }
 
 export const HeaderCell = JSX<HeaderCellProps>(({ icon, image, title, link }) => (

package/src/components/ComparisonTable/TableColumn.tsx

@@ -5,10 +5,11 @@ import { Button } from '../../ui-kit/Button/Button';
 import { GRADIENT } from './constants';
 import { HeaderCell } from './HeaderCell';
 import { TableCell } from './TableCell';
+import type { TableColumnData, TableColumnHeader } from './ComparisonTableContent';
 
 export interface TableColumnProps extends UniBlockProps {
-  header: any;
-  columnData: any;
+  header: TableColumnHeader;
+  columnData: TableColumnData[];
   visibleRowLength: number;
   isFillGradient: boolean;
   showRow: boolean;

package/src/components/ContentPage/ContentPage.page.json

@@ -1394,7 +1394,7 @@
         "title": "Своя кредитная карта",
         "description": "Карта работает в 180 странах мира. Бесплатное снятие наличных в любых банкоматах.",
         "align": "center",
-        "bgColor": "transparent"
+        "bgColorHeadline": "transparent"
       }
     },
     {

package/src/components/Gallery/Gallery.example.json

@@ -6,8 +6,8 @@
       "image": {
         "format": "webp",
         "size": {
-          "width": 140,
-          "height": 140
+          "width": 150,
+          "height": 150
         }
       },
       "title": "Заголовок 1",
@@ -55,24 +55,6 @@
         {"text":"Элемент списка 2", "title": "Элемент заголовка 2"},
         {"text":"Элемент списка 3", "title": "Элемент заголовка 3"}
       ]
-    },
-    {
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 140,
-          "height": 140
-        }
-      },
-      "title": "Заголовок 4",
-      "description": "Описание 4",
-      "href": "/credit-cards",
-      "version": "primary",
-      "items": [
-        {"text":"Элемент списка 1", "title": "Элемент заголовка 1"},
-        {"text":"Элемент списка 2", "title": "Элемент заголовка 2"},
-        {"text":"Элемент списка 3", "title": "Элемент заголовка 3"}
-      ]
     }
   ]
 }

package/src/components/Gallery/GalleryContent.ts

@@ -38,7 +38,7 @@ export interface GalleryContent {
   description?: string;
   /**
    * @title Карточки
-   * @minItems 4
+   * @minItems 3
    */
   cards?: GalleryCard[];
   /** @title Горизонтальная прокрутка (для мобильных прокрутка shift+mouseScroll) */

package/src/components/Headline/Headline.example.json

@@ -2,5 +2,12 @@
   "title": "Заголовок",
   "description": "Описание",
   "align": "center",
-  "bgColorHeadline": "transparent"
+  "bgColorHeadline": "transparent",
+  "image": {
+    "format": "webp",
+    "size": {
+      "width": 180,
+      "height": 180
+    }
+  }
 }

package/src/components/Headline/Headline.tsx

@@ -15,12 +15,14 @@ export const Headline = JSX<HeadlineProps>(
         {title && (
           <Heading
             headingType="h2"
-            className={`text-primary-text ${ALIGN_TEXT[align]}`}
+            className={`text-primary-text ${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`}
             title={title}
           />
         )}
         {description && (
-          <p className={`font-normal text-base mt-4 ${ALIGN_TEXT[align]}`}>{description}</p>
+          <p className={`font-normal text-base mt-4 ${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`}>
+            {description}
+          </p>
         )}
       </section>
     );

package/src/components/LinkDocs/LinkDocs.example.json

@@ -1,6 +1,6 @@
 {
-  "title": "Дополнительные документы",
-  "subtitle": "Ответы на часто задаваемые вопросы",
+  "title": "Список документов",
+  "subtitle": "Описание",
   "icon": "DocIcon",
   "documents": [
     {

package/src/components/LinkDocs/LinkDocsContent.ts

@@ -34,7 +34,7 @@ export interface LinkDocsItem extends LinkProps {
 export interface LinkDocsContent {
   /** @title Заголовок */
   title?: string;
-  /** @title Подзаголовок */
+  /** @title Описание */
   subtitle?: string;
   /** @title Название иконки */
   icon?: IconName;

package/src/components/LinkDocs/LinkDocsHorizontalList.tsx

@@ -16,7 +16,7 @@ export const LinkDocsHorizontalList = JSX<LinkDocsHorizontalListProps>(
           ? documents.map((doc, i) => (
               <LinkDocsListItem
                 key={String(i)}
-                className={hasBorder ? 'rounded-md border-main-stroke border p-4' : ''}
+                className={hasBorder ? 'rounded-md border-main-stroke border border-solid p-4' : ''}
                 doc={doc}
                 icon={icon}
               />

package/src/components/LinkDocs/LinkDocsVerticalList.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
+import type { IconName } from '../../icons/IconName';
 import type { LinkDocsItem } from './LinkDocsContent';
 import { LinkDocsListItem } from './LinkDocsListItem';
 
@@ -20,7 +20,9 @@ export const LinkDocsVerticalList = JSX<LinkDocsVerticalListProps>(
           ? documents.map((doc, i) => (
               <div key={String(i)} role="listitem">
                 <LinkDocsListItem
-                  className={hasBorder ? 'rounded-md border-main-stroke border p-4' : ''}
+                  className={
+                    hasBorder ? 'rounded-md border-main-stroke border border-solid p-4' : ''
+                  }
                   doc={doc}
                   icon={icon}
                 />

package/src/components/MiniGallery/MiniGalleryContent.ts

@@ -2,5 +2,6 @@ import type { GalleryContent } from '../Gallery/GalleryContent';
 
 /**
  * @title Мини-галерея
+ * @minItems 3
  */
 export type MiniGalleryContent = GalleryContent;

package/src/components/MobileAppTile/MobileAppTile.mobile.tsx

@@ -19,7 +19,7 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
             <div className="flex justify-center align-middle rounded-md bg-primary-main w-[50px] h-[50px]">
               <Logo className="w-[33px]" bgColor="transparent" hideTitle />
             </div>
-            <a href={href} target="_blank" className="flex flex-col justify-center pl-3">
+            <a href={href} target="_blank" className="flex flex-col justify-center pl-3 font-sans">
               <div className="text-m-button font-medium mb-[3px]">{title}</div>
               <div className="text-m-button text-secondary-text">{description}</div>
             </a>

package/src/components/ProductBlock/ProductBlock.example.json

@@ -4,7 +4,8 @@
   "image": {
     "format": "webp",
     "size": {
-      "width": 300
+      "width": 234,
+      "height": 234
     }
   },
   "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"],

package/src/components/ProductGallery/ProductGallery.example.json

@@ -10,7 +10,8 @@
         "image": {
           "format": "webp",
           "size": {
-            "width": 280
+            "width": 234,
+            "height": 234
           }
         },
         "description": "Описание",

package/src/components/StepsBlock/StepsBlock.example.json

@@ -1,4 +1,5 @@
 {
+  "version": "primary",
   "title": "Шаги",
   "description": "Описание",
   "showLines": true,

package/src/components/TextBlock/TextBlock.example.json

@@ -6,8 +6,8 @@
   "image": {
     "format": "webp",
     "size": {
-      "width": 48,
-      "height": 48
+      "width": 43,
+      "height": 43
     }
   }
 }

package/src/components/TextBlock/TextBlockContent.ts

@@ -1,7 +1,7 @@
 import type { Picture } from '../../model/Picture';
 
 /**
- * @title Цвет плитки
+ * @title Цвет блока
  * @enumNames ["Основная", "Второстепенная", "Второстепенная прозрачная"]
  */
 export type TextBlockVersion = 'primary' | 'secondary' | 'secondary-light';

package/src/icons/IconName.ts

@@ -79,6 +79,84 @@ export enum IconMap {
   WalletWithMoneyIcon = 'WalletWithMoneyIcon',
 }
 
+export enum IconTitleMap {
+  ActualBalanceIcon = 'Деньги',
+  AppleIcon = 'Лого «Apple»',
+  ArrowDownIcon = 'ArrowDownIcon',
+  ArrowsRewindRight = 'ArrowsRewindRight',
+  ArrowUpIcon = 'ArrowUpIcon',
+  AtmIcon = 'Банкомат',
+  BankIcon = 'Банк',
+  BurgerIcon = 'Бургер',
+  BurgerIconWhite = 'Бургер (белый)',
+  Calendar2Icon = 'Календарь 2',
+  CalendarCircleIcon = 'Скруглённый календарь',
+  CalendarIcon = 'Календарь',
+  CalendarTickIcon = 'Календарь с галочкой',
+  CalendarWhiteIcon = 'Календарь белый',
+  CardIcon = 'Кред. карта',
+  CardPosIcon = 'Кред. карта под наклоном',
+  CardTickIcon = 'Кред. карта с галочкой',
+  CardWithGemIcon = 'Карта с драгоценностями',
+  ChartSquareIcon = 'Деньги внутри кошелька',
+  ClockIcon = 'Часы',
+  CloseIcon = 'Крестик',
+  ComfortableCompIcon = 'Кресло',
+  CreditCardsIcon = 'Кредитные карты',
+  DiscountShapeIcon = 'Скидка',
+  DocIcon = 'Документ',
+  DocIconMonoColor = 'Документ (одноцветный)',
+  DocumentTextIcon = 'Документ с текстом',
+  DollarIcon = 'Доллар',
+  EarthIcon = 'Земля',
+  EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом',
+  EmptyWalletIcon = 'Пустой кошелёк',
+  EmptyWalletWhiteIcon = 'Пустой кошелёк (белый)',
+  EuroIcon = 'Евро',
+  GeolocationIcon = 'Геолокация',
+  GlassIcon = 'Зеркало',
+  GlobalIcon = 'Глобус',
+  GpsIcon = 'Gps',
+  GridIcon = 'Сетка',
+  GridIconWhite = 'Сетка (белая)',
+  InterestGrowthIcon = 'Диаграмма роста',
+  InterestIcon = 'Скидка',
+  JCBIcon = 'JCB',
+  LoupeIcon = 'Лупа',
+  MasterCardIcon = 'MasterCard',
+  MinusIcon = 'Минус',
+  MirIcon = 'МИР',
+  MoneyIcon = 'Деньги',
+  MoneyInsuranceIcon = 'Денежное страхование',
+  MonitorMobileIcon = 'Монитор и мобильный',
+  NewDocIcon = 'Новый документ',
+  OfficeIcon = 'Офис',
+  OkIcon = 'Лого «Одноклассники»',
+  PassSendIcon = 'Бизнес',
+  PercentageRoundIcon = 'Проценты (круг.)',
+  PercentageSquareIcon = 'Проценты',
+  PercentageSquareWhiteIcon = 'Проценты белые',
+  PersonalCardIcon = 'Персональная карта',
+  PlayMarketIcon = 'Лого «PlayMarket»',
+  PlusIcon = 'Плюс',
+  Profile2UserIcon = 'Профиль, 2 персоны',
+  ProfileIcon = 'Профиль',
+  RoundRubleIcon = 'Рубль (круг.)',
+  SafeIcon = 'Сейф',
+  ShieldTickIcon = 'Безопасность',
+  SignDocsIcon = 'Подписанные документы',
+  SmallClockIcon = 'Маленькие часы',
+  TelegramIcon = 'Лого «Telegram»',
+  UnionPayIcon = 'UnionPay',
+  UserTickIcon = 'Пользователь',
+  VisaIcon = 'Visa',
+  VKIcon = 'Лого «VK»',
+  WalletAdd2Icon = 'Пополнение карты',
+  WalletAddIcon = 'Кошелёк с плюсом',
+  WalletIcon = 'Кошелёк',
+  WalletWithMoneyIcon = 'Кошелёк с деньгами',
+}
+
 /**
  *
  * @title Иконка

package/src/model/BlockVersion.ts

@@ -6,6 +6,6 @@ export type BlockVersion = 'primary' | 'secondary';
 
 /**
  * @title Цвет блока
- * @enumNames ["Прозрачная", Основная", "Второстепенная"]
+ * @enumNames ["Прозрачная", "Основная", "Второстепенная"]
  */
 export type BlockVersionWithTransparent = 'transparent' | 'primary' | 'secondary';

package/src/ui-kit/Heading/Heading.tsx

@@ -22,9 +22,7 @@ export const Heading = JSX<HeadingProps>((props) => {
   const Tag = headingType;
 
   return (
-    <Tag
-      className={`font-sans font-medium m-0 ${HEADING_STYLE_MAP[headingType]} ${className}`}
-    >
+    <Tag className={`font-sans font-medium m-0 ${HEADING_STYLE_MAP[headingType]} ${className}`}>
       {title}
     </Tag>
   );

package/src/ui-kit/Icon/Icon.tsx

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { projectSettings } from '../../ProjectSettings';
 import type { IconColor, IconProps } from './IconProps';
+import { IconTitleMap } from '../../icons/IconName';
 
 const svgColorsMap: Record<IconColor, string> = {
   none: '',
@@ -11,7 +12,7 @@ export const Icon = JSX<IconProps>(
   ({
     className = '',
     name,
-    alt = `Icon ${name}`,
+    alt = `Иконка ${IconTitleMap[name] || name}`,
     title = alt,
     asSVG,
     color = 'primary',