@redneckz/wildless-cms-uni-blocks 0.6.30 → 0.6.32

package/src/components/ProductBlock/ProductBlockContent.ts

@@ -25,6 +25,12 @@ export type ProductBlockInnerContent = HeadlineProps &
      * }
      */
     image?: Picture;
+    /**
+     * @title Количество преимуществ в строке
+     * @default 3
+     * @enumNames ["2", "3"]
+     */
+    benefitsCountOfRow?: 2 | 3;
     /**
      * @title Список преимуществ
      * @minItems 2

package/src/components/ProductBlock/ProductBlockInner.tsx

@@ -16,6 +16,7 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
     title,
     headlineVersion = 'L',
     description,
+    benefitsCountOfRow = 3,
     benefits,
     benefitsVersion,
     buttons,
@@ -27,7 +28,7 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
     ...rest
   }) => {
     const benefitsCount = benefits?.filter((_) => _.label)?.length;
-    const benefitsContainerStyles = getBenefitsContainerStyles(benefitsCount);
+    const benefitsContainerStyles = getBenefitsContainerStyles(benefitsCountOfRow);
 
     return (
       <div className={`flex grow justify-between items-stretch h-full ${className}`}>
@@ -70,5 +71,9 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
   },
 );
 
-const getBenefitsContainerStyles = (benefitsCount = 0) =>
-  `gap-6 mt-6 ${benefitsCount > 3 ? 'inline-grid grid-cols-[auto_auto]' : 'flex'}`;
+const getBenefitsContainerStyles = (benefitsCountOfRow = 2) =>
+  `gap-6 mt-6 ${
+    benefitsCountOfRow > 2
+      ? 'inline-grid grid-cols-[auto_auto_auto]'
+      : 'inline-grid grid-cols-[auto_auto]'
+  }`;

package/src/components/StepsBlock/renderStepContent.tsx

@@ -13,7 +13,7 @@ export const renderStepContent =
   }: {
     styleMap: StyleType;
     isMainButton: boolean;
-    version: BlockVersion;
+    version?: BlockVersion;
   }) =>
   (step: Step, i: number, { length }: { length: number }): VNode => {
     const { label, description, button, items, isDotted } = step;

package/src/components/TariffsTable/TariffsTable.tsx

@@ -1,23 +1,21 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCarouselControl } from '../../hooks/useCarousel';
+import type { CarouselControls } from '../../hooks/useCarouselControls';
+import { useCarouselControls } from '../../hooks/useCarouselControls';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { renderArrows } from '../../ui-kit/Button/renderArrows';
 import { renderDefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
-import { TableArrowScrollControl } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControl';
-import type { TableArrowScrollControlProps } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControlProps';
 import { COLS_LENGTH_FOR_SCROLL } from './constants';
 import type { TariffsTableContent } from './TariffsTableContent';
 import { TariffsTableRow } from './TariffsTableRow';
-import { renderArrows } from '../../ui-kit/Button/renderArrows';
-import type { Controls } from '../../hooks/useCarousel';
 
 export interface TariffsTableProps extends TariffsTableContent, UniBlockProps {}
 
 interface WrapperProps {
-  controls: Controls;
+  controls: CarouselControls;
   isScrollAvailable: boolean;
 }
 
@@ -39,7 +37,7 @@ export const TariffsTable = JSX<TariffsTableProps>(
 
     const columnsLength = colData.length;
 
-    const [activeIndex, controls] = useCarouselControl({
+    const [activeIndex, controls] = useCarouselControls({
       itemsCount: colData.length,
       visibleItemCount: COLS_LENGTH_FOR_SCROLL,
     });

package/src/hooks/{useCarousel.ts → useCarouselControls.ts}

@@ -1,8 +1,6 @@
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 
-export type CarouselControlProps = [number, Controls];
-
-export interface Controls {
+export interface CarouselControls {
   inc: () => void;
   dec: () => void;
   canInc: boolean;
@@ -15,23 +13,22 @@ interface CarouselProps {
   isCyclic?: boolean;
 }
 
-export const useCarouselControl = ({
+export const useCarouselControls = ({
   itemsCount,
   visibleItemCount = itemsCount,
   isCyclic,
-}: CarouselProps): Required<CarouselControlProps> => {
+}: CarouselProps): [number, CarouselControls] => {
   const [activeIndex, setActiveIndex] = useState(0);
 
   const inc = useCallback(
     () =>
       setActiveIndex((_) => (isCyclic ? (_ + 1) % itemsCount : Math.min(_ + 1, itemsCount - 1))),
-    [],
+    [isCyclic, itemsCount],
   );
-
   const dec = useCallback(
     () =>
       setActiveIndex((_) => (isCyclic ? (itemsCount + _ - 1) % itemsCount : Math.max(_ - 1, 0))),
-    [],
+    [isCyclic, itemsCount],
   );
 
   const isScrollAvailable = itemsCount > visibleItemCount;
@@ -40,7 +37,6 @@ export const useCarouselControl = ({
   const canInc =
     isCyclicAndScrollAvailable ||
     (isScrollAvailable && itemsCount - activeIndex > visibleItemCount);
-
   const canDec = isCyclicAndScrollAvailable || Boolean(isScrollAvailable && activeIndex > 0);
 
   return [

package/src/icons/ArrowLeftIcon.svg

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

package/src/icons/ArrowRightIcon.svg

@@ -0,0 +1 @@
+<svg title="Стрелка 'Вправо'" isInverse="true" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.43 5.93 20.5 12l-6.07 6.07M11.01 12h9.32M3.5 12h3.47" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/icons/ArrowUpIcon.svg

@@ -1,4 +1,4 @@
-<svg title="Стрелка вверх" isInverse="true" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg title="Стрелка 'Вверх'" isInverse="true" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M13.3416 9.29163L11.1582 7.10829C10.5166 6.46662 9.46657 6.46662 8.8249 7.10829L3.3999 12.5416" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M16.6001 12.5416L15.7334 11.675" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/src/icons/IconName.ts

@@ -1,241 +1,17 @@
+
 // Generated. Do not touch
 /* eslint-disable max-len, max-lines */
 
 export const IconsWithoutInversion = new Set([
-  'ActualBalanceIcon',
-  'AirPlaneIcon',
-  'CardWithGemIcon',
-  'CarIcon',
-  'CinemaIcon',
-  'ClockIcon',
-  'ComfortableCompIcon',
-  'CreditCardsIcon',
-  'DocsIcon',
-  'DollarIcon',
-  'DoneIcon',
-  'EarthIcon',
-  'EuroIcon',
-  'FullScreenIcon',
-  'GlassIcon',
-  'HeartIcon',
-  'HuaweiIcon',
-  'InterestGrowthIcon',
-  'JCBIcon',
-  'MapMarkerClusterIcon',
-  'MapMarkerSingleIcon',
-  'MasterCardIcon',
-  'MirIcon',
-  'MoneyInsuranceIcon',
-  'NewDocIcon',
-  'OfficeIcon',
-  'PackA4Icon',
-  'PassSendIcon',
-  'PowerIcon',
-  'PumpkinIcon',
-  'SignDocsIcon',
-  'SoundIcon',
-  'UnionPayIcon',
-  'UserGeoLocationIcon',
-  'VisaIcon',
-  'WateringCanIcon',
+  'ActualBalanceIcon', 'AirPlaneIcon', 'CardWithGemIcon', 'CarIcon', 'CinemaIcon', 'ClockIcon', 'ComfortableCompIcon', 'CreditCardsIcon', 'DocsIcon', 'DollarIcon', 'DoneIcon', 'EarthIcon', 'EuroIcon', 'FullScreenIcon', 'GlassIcon', 'HeartIcon', 'HuaweiIcon', 'InterestGrowthIcon', 'JCBIcon', 'MapMarkerClusterIcon', 'MapMarkerSingleIcon', 'MasterCardIcon', 'MirIcon', 'MoneyInsuranceIcon', 'NewDocIcon', 'OfficeIcon', 'PackA4Icon', 'PassSendIcon', 'PowerIcon', 'PumpkinIcon', 'SignDocsIcon', 'SoundIcon', 'UnionPayIcon', 'UserGeoLocationIcon', 'VisaIcon', 'WateringCanIcon'
 ]);
 
 export enum IconMap {
-  ActualBalanceIcon = 'ActualBalanceIcon',
-  AirPlaneIcon = 'AirPlaneIcon',
-  AppleIcon = 'AppleIcon',
-  ArrowDownIcon = 'ArrowDownIcon',
-  ArrowLeftIcon = 'ArrowLeftIcon',
-  ArrowUpIcon = 'ArrowUpIcon',
-  AtmIcon = 'AtmIcon',
-  BankIcon = 'BankIcon',
-  BuildingIcon = 'BuildingIcon',
-  BurgerIcon = 'BurgerIcon',
-  Calendar2Icon = 'Calendar2Icon',
-  CalendarCircleIcon = 'CalendarCircleIcon',
-  CalendarIcon = 'CalendarIcon',
-  CalendarTickIcon = 'CalendarTickIcon',
-  Car2Icon = 'Car2Icon',
-  CardIcon = 'CardIcon',
-  CardPosIcon = 'CardPosIcon',
-  CardTickIcon = 'CardTickIcon',
-  CardWithGemIcon = 'CardWithGemIcon',
-  CarIcon = 'CarIcon',
-  ChartSquareIcon = 'ChartSquareIcon',
-  CinemaIcon = 'CinemaIcon',
-  ClockIcon = 'ClockIcon',
-  CloseIcon = 'CloseIcon',
-  ComfortableCompIcon = 'ComfortableCompIcon',
-  CreditCardsIcon = 'CreditCardsIcon',
-  DiscountShapeIcon = 'DiscountShapeIcon',
-  DocDownloadIcon = 'DocDownloadIcon',
-  DocIcon = 'DocIcon',
-  DocIconMonoColor = 'DocIconMonoColor',
-  DocsIcon = 'DocsIcon',
-  DocumentText2Icon = 'DocumentText2Icon',
-  DocumentTextIcon = 'DocumentTextIcon',
-  DollarIcon = 'DollarIcon',
-  DoneIcon = 'DoneIcon',
-  DoneSimpleIcon = 'DoneSimpleIcon',
-  EarthIcon = 'EarthIcon',
-  EmptyWalletChangeIcon = 'EmptyWalletChangeIcon',
-  EmptyWalletIcon = 'EmptyWalletIcon',
-  EuroIcon = 'EuroIcon',
-  FullScreenIcon = 'FullScreenIcon',
-  GeolocationIcon = 'GeolocationIcon',
-  GlassIcon = 'GlassIcon',
-  GlobalIcon = 'GlobalIcon',
-  GpsIcon = 'GpsIcon',
-  GridIcon = 'GridIcon',
-  HeartIcon = 'HeartIcon',
-  HuaweiIcon = 'HuaweiIcon',
-  InterestGrowthIcon = 'InterestGrowthIcon',
-  InterestIcon = 'InterestIcon',
-  JCBIcon = 'JCBIcon',
-  LogoIcon = 'LogoIcon',
-  LoupeIcon = 'LoupeIcon',
-  MapMarkerClusterIcon = 'MapMarkerClusterIcon',
-  MapMarkerSingleIcon = 'MapMarkerSingleIcon',
-  MasterCardIcon = 'MasterCardIcon',
-  MetroIcon = 'MetroIcon',
-  MinusIcon = 'MinusIcon',
-  MirIcon = 'MirIcon',
-  MoneyIcon = 'MoneyIcon',
-  MoneyInsuranceIcon = 'MoneyInsuranceIcon',
-  MoneysIcon = 'MoneysIcon',
-  MonitorMobileIcon = 'MonitorMobileIcon',
-  NewDocIcon = 'NewDocIcon',
-  OfficeIcon = 'OfficeIcon',
-  OkIcon = 'OkIcon',
-  PackA4Icon = 'PackA4Icon',
-  PassSendIcon = 'PassSendIcon',
-  PercentageRoundIcon = 'PercentageRoundIcon',
-  PercentageSquareIcon = 'PercentageSquareIcon',
-  PersonalCardIcon = 'PersonalCardIcon',
-  PlayMarketIcon = 'PlayMarketIcon',
-  PlusIcon = 'PlusIcon',
-  PowerIcon = 'PowerIcon',
-  Profile2UserIcon = 'Profile2UserIcon',
-  ProfileIcon = 'ProfileIcon',
-  PumpkinIcon = 'PumpkinIcon',
-  RoundRubleIcon = 'RoundRubleIcon',
-  SafeIcon = 'SafeIcon',
-  ShieldTickIcon = 'ShieldTickIcon',
-  SignDocsIcon = 'SignDocsIcon',
-  SmallClockIcon = 'SmallClockIcon',
-  SoundIcon = 'SoundIcon',
-  StrongBoxIcon = 'StrongBoxIcon',
-  TelegramIcon = 'TelegramIcon',
-  UnionPayIcon = 'UnionPayIcon',
-  UserGeoLocationIcon = 'UserGeoLocationIcon',
-  UserSquareIcon = 'UserSquareIcon',
-  UserTickIcon = 'UserTickIcon',
-  VisaIcon = 'VisaIcon',
-  VKIcon = 'VKIcon',
-  WalletAdd2Icon = 'WalletAdd2Icon',
-  WalletAddIcon = 'WalletAddIcon',
-  WalletIcon = 'WalletIcon',
-  WalletWithMoneyIcon = 'WalletWithMoneyIcon',
-  WateringCanIcon = 'WateringCanIcon',
+  ActualBalanceIcon = 'ActualBalanceIcon', AirPlaneIcon = 'AirPlaneIcon', AppleIcon = 'AppleIcon', ArrowDownIcon = 'ArrowDownIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowRightIcon = 'ArrowRightIcon', ArrowUpIcon = 'ArrowUpIcon', AtmIcon = 'AtmIcon', BankIcon = 'BankIcon', BuildingIcon = 'BuildingIcon', BurgerIcon = 'BurgerIcon', Calendar2Icon = 'Calendar2Icon', CalendarCircleIcon = 'CalendarCircleIcon', CalendarIcon = 'CalendarIcon', CalendarTickIcon = 'CalendarTickIcon', Car2Icon = 'Car2Icon', CardIcon = 'CardIcon', CardPosIcon = 'CardPosIcon', CardTickIcon = 'CardTickIcon', CardWithGemIcon = 'CardWithGemIcon', CarIcon = 'CarIcon', ChartSquareIcon = 'ChartSquareIcon', CinemaIcon = 'CinemaIcon', ClockIcon = 'ClockIcon', CloseIcon = 'CloseIcon', ComfortableCompIcon = 'ComfortableCompIcon', CreditCardsIcon = 'CreditCardsIcon', DiscountShapeIcon = 'DiscountShapeIcon', DocDownloadIcon = 'DocDownloadIcon', DocIcon = 'DocIcon', DocIconMonoColor = 'DocIconMonoColor', DocsIcon = 'DocsIcon', DocumentText2Icon = 'DocumentText2Icon', DocumentTextIcon = 'DocumentTextIcon', DollarIcon = 'DollarIcon', DoneIcon = 'DoneIcon', DoneSimpleIcon = 'DoneSimpleIcon', EarthIcon = 'EarthIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', EmptyWalletIcon = 'EmptyWalletIcon', EuroIcon = 'EuroIcon', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'GeolocationIcon', GlassIcon = 'GlassIcon', GlobalIcon = 'GlobalIcon', GpsIcon = 'GpsIcon', GridIcon = 'GridIcon', HeartIcon = 'HeartIcon', HuaweiIcon = 'HuaweiIcon', InterestGrowthIcon = 'InterestGrowthIcon', InterestIcon = 'InterestIcon', JCBIcon = 'JCBIcon', LogoIcon = 'LogoIcon', LoupeIcon = 'LoupeIcon', MapMarkerClusterIcon = 'MapMarkerClusterIcon', MapMarkerSingleIcon = 'MapMarkerSingleIcon', MasterCardIcon = 'MasterCardIcon', MetroIcon = 'MetroIcon', MinusIcon = 'MinusIcon', MirIcon = 'MirIcon', MoneyIcon = 'MoneyIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MoneysIcon = 'MoneysIcon', MonitorMobileIcon = 'MonitorMobileIcon', NewDocIcon = 'NewDocIcon', OfficeIcon = 'OfficeIcon', OkIcon = 'OkIcon', PackA4Icon = 'PackA4Icon', PassSendIcon = 'PassSendIcon', PercentageRoundIcon = 'PercentageRoundIcon', PercentageSquareIcon = 'PercentageSquareIcon', PersonalCardIcon = 'PersonalCardIcon', PlayMarketIcon = 'PlayMarketIcon', PlusIcon = 'PlusIcon', PowerIcon = 'PowerIcon', Profile2UserIcon = 'Profile2UserIcon', ProfileIcon = 'ProfileIcon', PumpkinIcon = 'PumpkinIcon', RoundRubleIcon = 'RoundRubleIcon', SafeIcon = 'SafeIcon', ShieldTickIcon = 'ShieldTickIcon', SignDocsIcon = 'SignDocsIcon', SmallClockIcon = 'SmallClockIcon', SoundIcon = 'SoundIcon', StrongBoxIcon = 'StrongBoxIcon', TelegramIcon = 'TelegramIcon', UnionPayIcon = 'UnionPayIcon', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'UserSquareIcon', UserTickIcon = 'UserTickIcon', VisaIcon = 'VisaIcon', VKIcon = 'VKIcon', WalletAdd2Icon = 'WalletAdd2Icon', WalletAddIcon = 'WalletAddIcon', WalletIcon = 'WalletIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', WateringCanIcon = 'WateringCanIcon'
 }
 
 export enum IconTitleMap {
-  ActualBalanceIcon = 'Деньги',
-  AirPlaneIcon = 'Самолёт',
-  AppleIcon = 'Лого «Apple»',
-  ArrowDownIcon = "Стрелка 'Вниз'",
-  ArrowLeftIcon = 'Стрелка',
-  ArrowUpIcon = 'Стрелка вверх',
-  AtmIcon = 'Банкомат',
-  BankIcon = 'Банк',
-  BuildingIcon = 'Здание с деревом',
-  BurgerIcon = 'Бургер',
-  Calendar2Icon = 'Календарь 2',
-  CalendarCircleIcon = 'Скруглённый календарь',
-  CalendarIcon = 'Календарь',
-  CalendarTickIcon = 'Календарь с галочкой',
-  Car2Icon = 'Машина2',
-  CardIcon = 'Кред. карта',
-  CardPosIcon = 'Кред. карта под наклоном',
-  CardTickIcon = 'Кред. карта с галочкой',
-  CardWithGemIcon = 'Карта с драгоценностями',
-  CarIcon = 'Машина',
-  ChartSquareIcon = 'Деньги внутри кошелька',
-  CinemaIcon = 'Кинотеатр',
-  ClockIcon = 'Часы',
-  CloseIcon = 'Крестик',
-  ComfortableCompIcon = 'Кресло',
-  CreditCardsIcon = 'Кредитные карты',
-  DiscountShapeIcon = 'Скидка',
-  DocDownloadIcon = 'Скачать документ',
-  DocIcon = 'Документ',
-  DocIconMonoColor = 'Документ (одноцветный)',
-  DocsIcon = 'Документы',
-  DocumentText2Icon = 'Документы-2',
-  DocumentTextIcon = 'Документ с текстом',
-  DollarIcon = 'Доллар',
-  DoneIcon = "Зелёная 'галочка' в круге",
-  DoneSimpleIcon = "Зелёная 'галочка'",
-  EarthIcon = 'Земля',
-  EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом',
-  EmptyWalletIcon = 'Пустой кошелёк',
-  EuroIcon = 'Евро',
-  FullScreenIcon = 'FullScreenIcon',
-  GeolocationIcon = 'Геолокация',
-  GlassIcon = 'Зеркало',
-  GlobalIcon = 'Глобус',
-  GpsIcon = 'Gps',
-  GridIcon = 'Сетка (белая)',
-  HeartIcon = 'Сердце',
-  HuaweiIcon = 'Лого «Huawei»',
-  InterestGrowthIcon = 'Диаграмма роста',
-  InterestIcon = 'Скидка',
-  JCBIcon = 'JCB',
-  LogoIcon = 'Logo',
-  LoupeIcon = 'Лупа',
-  MapMarkerClusterIcon = 'Маркер карты',
-  MapMarkerSingleIcon = 'Маркер карты РСХБ',
-  MasterCardIcon = 'MasterCard',
-  MetroIcon = 'Лого Метро',
-  MinusIcon = 'Минус',
-  MirIcon = 'МИР',
-  MoneyIcon = 'Деньги',
-  MoneyInsuranceIcon = 'Денежное страхование',
-  MoneysIcon = 'Купюры',
-  MonitorMobileIcon = 'Монитор и мобильный',
-  NewDocIcon = 'Новый документ',
-  OfficeIcon = 'Офис',
-  OkIcon = 'Лого «Одноклассники»',
-  PackA4Icon = 'Пачка бумаги А4',
-  PassSendIcon = 'Бизнес',
-  PercentageRoundIcon = 'Проценты (круг.)',
-  PercentageSquareIcon = 'Проценты',
-  PersonalCardIcon = 'Персональная карта',
-  PlayMarketIcon = 'Лого «PlayMarket»',
-  PlusIcon = 'Плюс',
-  PowerIcon = 'Щит',
-  Profile2UserIcon = 'Профиль, 2 персоны',
-  ProfileIcon = 'Профиль',
-  PumpkinIcon = 'Тыква',
-  RoundRubleIcon = 'Рубль (круг.)',
-  SafeIcon = 'Сейф',
-  ShieldTickIcon = 'Безопасность',
-  SignDocsIcon = 'Подписанные документы',
-  SmallClockIcon = 'Маленькие часы',
-  SoundIcon = 'Звук',
-  StrongBoxIcon = 'Ящик с замочной скважиной',
-  TelegramIcon = 'Лого «Telegram»',
-  UnionPayIcon = 'UnionPay',
-  UserGeoLocationIcon = 'UserGeoLocationIcon',
-  UserSquareIcon = 'Пользователь в рамке',
-  UserTickIcon = 'Пользователь',
-  VisaIcon = 'Visa',
-  VKIcon = 'Лого «VK»',
-  WalletAdd2Icon = 'Пополнение карты',
-  WalletAddIcon = 'Кошелёк с плюсом',
-  WalletIcon = 'Кошелёк',
-  WalletWithMoneyIcon = 'Кошелёк с деньгами',
-  WateringCanIcon = 'Добавить продукт',
+  ActualBalanceIcon = 'Деньги', AirPlaneIcon = 'Самолёт', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowLeftIcon = 'Стрелка \'Влево\'', ArrowRightIcon = 'Стрелка \'Вправо\'', ArrowUpIcon = 'Стрелка \'Вверх\'', AtmIcon = 'Банкомат', BankIcon = 'Банк', BuildingIcon = 'Здание с деревом', BurgerIcon = 'Бургер', Calendar2Icon = 'Календарь 2', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', Car2Icon = 'Машина2', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardTickIcon = 'Кред. карта с галочкой', CardWithGemIcon = 'Карта с драгоценностями', CarIcon = 'Машина', ChartSquareIcon = 'Деньги внутри кошелька', CinemaIcon = 'Кинотеатр', ClockIcon = 'Часы', CloseIcon = 'Крестик', ComfortableCompIcon = 'Кресло', CreditCardsIcon = 'Кредитные карты', DiscountShapeIcon = 'Скидка', DocDownloadIcon = 'Скачать документ', DocIcon = 'Документ', DocIconMonoColor = 'Документ (одноцветный)', DocsIcon = 'Документы', DocumentText2Icon = 'Документы-2', DocumentTextIcon = 'Документ с текстом', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\' в круге', DoneSimpleIcon = 'Зелёная \'галочка\'', EarthIcon = 'Земля', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'Геолокация', GlassIcon = 'Зеркало', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', HeartIcon = 'Сердце', HuaweiIcon = 'Лого «Huawei»', InterestGrowthIcon = 'Диаграмма роста', InterestIcon = 'Скидка', JCBIcon = 'JCB', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MapMarkerClusterIcon = 'Маркер карты', MapMarkerSingleIcon = 'Маркер карты РСХБ', MasterCardIcon = 'MasterCard', MetroIcon = 'Лого Метро', MinusIcon = 'Минус', MirIcon = 'МИР', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MoneysIcon = 'Купюры', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', OfficeIcon = 'Офис', OkIcon = 'Лого «Одноклассники»', PackA4Icon = 'Пачка бумаги А4', PassSendIcon = 'Бизнес', PercentageRoundIcon = 'Проценты (круг.)', PercentageSquareIcon = 'Проценты', PersonalCardIcon = 'Персональная карта', PlayMarketIcon = 'Лого «PlayMarket»', PlusIcon = 'Плюс', PowerIcon = 'Щит', Profile2UserIcon = 'Профиль, 2 персоны', ProfileIcon = 'Профиль', PumpkinIcon = 'Тыква', RoundRubleIcon = 'Рубль (круг.)', SafeIcon = 'Сейф', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Звук', StrongBoxIcon = 'Ящик с замочной скважиной', TelegramIcon = 'Лого «Telegram»', UnionPayIcon = 'UnionPay', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'Пользователь в рамке', UserTickIcon = 'Пользователь', VisaIcon = 'Visa', VKIcon = 'Лого «VK»', WalletAdd2Icon = 'Пополнение карты', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', WateringCanIcon = 'Добавить продукт'
 }
 
 /**
@@ -243,104 +19,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка вверх', 'Банкомат', 'Банк', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кинотеатр', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Сердце', 'Лого «Huawei»', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
+ *   'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх\'', 'Банкомат', 'Банк', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кинотеатр', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Сердце', 'Лого «Huawei»', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
  * ]
  */
-export type IconName =
-  | ''
-  | 'ActualBalanceIcon'
-  | 'AirPlaneIcon'
-  | 'AppleIcon'
-  | 'ArrowDownIcon'
-  | 'ArrowLeftIcon'
-  | 'ArrowUpIcon'
-  | 'AtmIcon'
-  | 'BankIcon'
-  | 'BuildingIcon'
-  | 'BurgerIcon'
-  | 'Calendar2Icon'
-  | 'CalendarCircleIcon'
-  | 'CalendarIcon'
-  | 'CalendarTickIcon'
-  | 'Car2Icon'
-  | 'CardIcon'
-  | 'CardPosIcon'
-  | 'CardTickIcon'
-  | 'CardWithGemIcon'
-  | 'CarIcon'
-  | 'ChartSquareIcon'
-  | 'CinemaIcon'
-  | 'ClockIcon'
-  | 'CloseIcon'
-  | 'ComfortableCompIcon'
-  | 'CreditCardsIcon'
-  | 'DiscountShapeIcon'
-  | 'DocDownloadIcon'
-  | 'DocIcon'
-  | 'DocIconMonoColor'
-  | 'DocsIcon'
-  | 'DocumentText2Icon'
-  | 'DocumentTextIcon'
-  | 'DollarIcon'
-  | 'DoneIcon'
-  | 'DoneSimpleIcon'
-  | 'EarthIcon'
-  | 'EmptyWalletChangeIcon'
-  | 'EmptyWalletIcon'
-  | 'EuroIcon'
-  | 'FullScreenIcon'
-  | 'GeolocationIcon'
-  | 'GlassIcon'
-  | 'GlobalIcon'
-  | 'GpsIcon'
-  | 'GridIcon'
-  | 'HeartIcon'
-  | 'HuaweiIcon'
-  | 'InterestGrowthIcon'
-  | 'InterestIcon'
-  | 'JCBIcon'
-  | 'LogoIcon'
-  | 'LoupeIcon'
-  | 'MapMarkerClusterIcon'
-  | 'MapMarkerSingleIcon'
-  | 'MasterCardIcon'
-  | 'MetroIcon'
-  | 'MinusIcon'
-  | 'MirIcon'
-  | 'MoneyIcon'
-  | 'MoneyInsuranceIcon'
-  | 'MoneysIcon'
-  | 'MonitorMobileIcon'
-  | 'NewDocIcon'
-  | 'OfficeIcon'
-  | 'OkIcon'
-  | 'PackA4Icon'
-  | 'PassSendIcon'
-  | 'PercentageRoundIcon'
-  | 'PercentageSquareIcon'
-  | 'PersonalCardIcon'
-  | 'PlayMarketIcon'
-  | 'PlusIcon'
-  | 'PowerIcon'
-  | 'Profile2UserIcon'
-  | 'ProfileIcon'
-  | 'PumpkinIcon'
-  | 'RoundRubleIcon'
-  | 'SafeIcon'
-  | 'ShieldTickIcon'
-  | 'SignDocsIcon'
-  | 'SmallClockIcon'
-  | 'SoundIcon'
-  | 'StrongBoxIcon'
-  | 'TelegramIcon'
-  | 'UnionPayIcon'
-  | 'UserGeoLocationIcon'
-  | 'UserSquareIcon'
-  | 'UserTickIcon'
-  | 'VisaIcon'
-  | 'VKIcon'
-  | 'WalletAdd2Icon'
-  | 'WalletAddIcon'
-  | 'WalletIcon'
-  | 'WalletWithMoneyIcon'
-  | 'WateringCanIcon';
+export type IconName = '' | 'ActualBalanceIcon' | 'AirPlaneIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowLeftIcon' | 'ArrowRightIcon' | 'ArrowUpIcon' | 'AtmIcon' | 'BankIcon' | 'BuildingIcon' | 'BurgerIcon' | 'Calendar2Icon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'Car2Icon' | 'CardIcon' | 'CardPosIcon' | 'CardTickIcon' | 'CardWithGemIcon' | 'CarIcon' | 'ChartSquareIcon' | 'CinemaIcon' | 'ClockIcon' | 'CloseIcon' | 'ComfortableCompIcon' | 'CreditCardsIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DocIconMonoColor' | 'DocsIcon' | 'DocumentText2Icon' | 'DocumentTextIcon' | 'DollarIcon' | 'DoneIcon' | 'DoneSimpleIcon' | 'EarthIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'FullScreenIcon' | 'GeolocationIcon' | 'GlassIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'HeartIcon' | 'HuaweiIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'LogoIcon' | 'LoupeIcon' | 'MapMarkerClusterIcon' | 'MapMarkerSingleIcon' | 'MasterCardIcon' | 'MetroIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MoneysIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentageSquareIcon' | 'PersonalCardIcon' | 'PlayMarketIcon' | 'PlusIcon' | 'PowerIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'PumpkinIcon' | 'RoundRubleIcon' | 'SafeIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'StrongBoxIcon' | 'TelegramIcon' | 'UnionPayIcon' | 'UserGeoLocationIcon' | 'UserSquareIcon' | 'UserTickIcon' | 'VisaIcon' | 'VKIcon' | 'WalletAdd2Icon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'WateringCanIcon';

package/src/model/HeadlineType.ts

@@ -1,8 +1,8 @@
 /**
  * @title Размер заголовка
- * @enumNames ["Самый большой", "Очень большой", "Большой", "Средний", "Маленький"]
+ * @enumNames ["Самый большой", "Очень большой", "Большой", "Средний", "Маленький", "Самый маленький"]
  */
-export type HeadlineVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S';
+export type HeadlineVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
 
 /**
  * @title Размер заголовка

package/src/ui-kit/InnerTable/InnerTableHeader.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Button } from '../Button/Button';
-import { Img } from '../Img/Img';
+import { Icon } from '../Icon/Icon';
 
 export interface InnerTableHeaderProps {
   currencies?: string[];
@@ -33,7 +33,14 @@ export const InnerTableHeader = JSX<InnerTableHeaderProps>(
           version="secondary"
           target="_blank"
           appendLeft={
-            <Img image="DocDownloadIcon" className="mr-0.5" width="20" height="20" asSVG />
+            <Icon
+              name="DocDownloadIcon"
+              iconVersion="color"
+              className="mr-0.5"
+              width="20"
+              height="20"
+              asSVG
+            />
           }
           text="Скачать в PDF"
         />

package/src/ui-kit/LinkButton/LinkButton.fixture.tsx

@@ -0,0 +1,9 @@
+import { LinkButton } from './LinkButton';
+
+export default {
+  primary: (
+    <div className="flex p-10 max-w-sm">
+      <LinkButton href="#" text="Оформить кредит" />
+    </div>
+  ),
+};

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

@@ -0,0 +1,42 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { LinkProps } from '../../model/LinkProps';
+import { Img } from '../Img/Img';
+
+const LINK_CLASS_NAME = `absolute border border-primary-main ml-3 px-6 py-5
+  text-l-light bg-white text-primary-text flex w-[316px]
+  justify-between items-center group-hover:text-primary-main z-10`;
+
+const LINK_BORDER_CLASS_NAME =
+  'bg-transparent border-white border h-[70px] absolute w-[316px] top-0';
+
+export type LinkButtonProps = LinkProps & {
+  className?: string;
+};
+
+export const LinkButton = JSX<LinkButtonProps>(
+  ({ text, href = '', target = '', className = '' }) => {
+    if (!text) {
+      return null;
+    }
+
+    return (
+      <div className={`relative group cursor-pointer w-[328px] h-[82px] ${className}`}>
+        <a className={LINK_CLASS_NAME} role="link" href={href} target={target}>
+          <div className="p-0.5">{text}</div>
+          <div className="w-6 h-6">
+            <Img
+              className="w-4 h-4 min-w-4 min-h-4 rounded-full box-border brightness-0 group-hover:brightness-100"
+              image={{ icon: 'ArrowRightIcon', iconVersion: 'black' }}
+              imageClassName="group-hover:text-primary-main"
+              width="24"
+              height="24"
+              asSVG
+            />
+          </div>
+        </a>
+        <div className={`${LINK_BORDER_CLASS_NAME} mx-1.5 mt-1.5`} />
+        <div className={`${LINK_BORDER_CLASS_NAME} mt-3 mr-3`} />
+      </div>
+    );
+  },
+);

package/src/utils/sliceArray.ts

@@ -0,0 +1,15 @@
+export const sliceArray = <T>(items: T[], size: number) => {
+  const result = items.reduce((resultArray: T[][], item: T, index: number) => {
+    const chunkIndex = Math.floor(index / (size - 1));
+
+    if (!resultArray[chunkIndex]) {
+      resultArray[chunkIndex] = [item];
+    }
+
+    resultArray[chunkIndex].push(item);
+
+    return resultArray;
+  }, []);
+
+  return result;
+};