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

package/src/components/CarouselTariffsCard/CarouselTariffsCard.fixture.tsx

@@ -0,0 +1,64 @@
+import type { Picture } from '../../model/Picture';
+import { ButtonProps } from '../../ui-kit/Button/ButtonProps';
+import { CarouselTariffsCard } from './CarouselTariffsCard';
+import { CarouselTariffsCardContent } from './CarouselTariffsCardContent';
+
+const imageMonth: Picture = {
+  src: 'monthly-payment.png',
+  format: 'webp',
+  size: {
+    width: 266,
+    height: 73,
+  },
+  title: 'money',
+};
+
+const button: ButtonProps = {
+  href: '/',
+  text: 'Открыть расчетный счет',
+  target: '_blank',
+  version: 'primary',
+};
+
+const buttonSecondary: ButtonProps = {
+  href: '/',
+  text: 'Открыть расчетный счет',
+  target: '_blank',
+  version: 'secondary',
+};
+
+const rows = [
+  { title: 'Открытие расчетного счета', description: 'Бесплатно' },
+  { title: 'Внутрибанковские платежи', description: '0 ₽' },
+  { title: 'Внешние платежи, до 10 шт.', description: '0 ₽' },
+  { title: 'От 11 платежей', description: '50 ₽/шт.' },
+  {
+    title: 'Внесение наличных',
+    description: '0% - до 100 000 ₽/мес., далее согласно п.2.4. Тарифов Банка',
+  },
+  { title: 'Зарплатный проект', description: 'Бесплатно' },
+];
+
+export const TARIFFS_CARD: CarouselTariffsCardContent = {
+  title: 'Расчётный эконом',
+  icon: imageMonth,
+  button: buttonSecondary,
+  rows,
+};
+
+export const TARIFFS_CARD_HIT: CarouselTariffsCardContent = {
+  icon: imageMonth,
+  title: 'Расчётный эконом',
+  button,
+  rows,
+  isHighlighting: true,
+};
+
+const CAROUSEL_TARIFFS_CARD = <CarouselTariffsCard {...TARIFFS_CARD} />;
+
+const CAROUSEL_TARIFFS_CARD_HIT = <CarouselTariffsCard {...TARIFFS_CARD_HIT} />;
+
+export default {
+  default: <div className="container grid grid-cols-12">{CAROUSEL_TARIFFS_CARD}</div>,
+  hit: <div className="container grid grid-cols-12">{CAROUSEL_TARIFFS_CARD_HIT}</div>,
+};

package/src/components/CarouselTariffsCard/CarouselTariffsCard.tsx

@@ -0,0 +1,93 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import { VNode } from '../../model/VNode';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { Button } from '../../ui-kit/Button/Button';
+import { Foldable } from '../../ui-kit/Foldable/Foldable';
+import { FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps';
+import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { Icon } from '../../ui-kit/Icon/Icon';
+import { Img } from '../../ui-kit/Img/Img';
+import type { CarouselTariffsCardContent } from './CarouselTariffsCardContent';
+
+export interface CarouselTariffsCardProps extends CarouselTariffsCardContent, UniBlockProps {}
+
+export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
+  ({ className = '', title, icon, isHighlighting, button, rows = [], ...rest }) => {
+    const hitStyle = getHitStyle(Boolean(isHighlighting));
+    const rowsNode = rows.map(renderCardInfo);
+    const VISIBLE_ROWS_COUNT = 1;
+    const [visibleRows, hiddenRows] = [
+      rowsNode.slice(0, VISIBLE_ROWS_COUNT),
+      rowsNode.slice(VISIBLE_ROWS_COUNT),
+    ];
+
+    return (
+      <BlockWrapper
+        className={`font-sans bg-white p-[50px] p-8 border border-main-stroke relative w-[322px] min-w-[322px] -ml-[1px] ${hitStyle} ${className}`}
+        {...rest}
+      >
+        {isHighlighting ? renderHitIcon() : null}
+        {icon?.src ? <Img className="flex justify-center" image={icon} /> : null}
+        {title ? (
+          <Heading className="text-primary-text text-center pt-2" headingType="h5" title={title} />
+        ) : null}
+        {button ? <Button className="w-full mt-4" {...button} /> : null}
+        {rows?.length ? (
+          <Foldable
+            renderFoldableSection={({ isUnfolded }) => (
+              <div>
+                {visibleRows}
+                <FoldableSection isUnfolded={isUnfolded}>{hiddenRows}</FoldableSection>
+              </div>
+            )}
+            renderFoldButton={rows.length > 1 ? renderFoldButton : null}
+          />
+        ) : null}
+      </BlockWrapper>
+    );
+  },
+);
+
+const getHitStyle = (isHighlighting: boolean): string =>
+  isHighlighting ? 'mt-9 pt-[71px]' : 'mt-[70px] pt-9';
+
+const renderFoldButton = ({ isUnfolded, onToggle }: FoldablePartProps): VNode => (
+  <button
+    className="w-full cursor-pointer text-primary-main pt-5 flex justify-between items-center"
+    onClick={onToggle}
+  >
+    <div>{isUnfolded ? 'Скрыть' : 'Подробнее о тарифе'}</div>
+    <Icon
+      className="text-primary-text"
+      name={isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon'}
+      width="16"
+      height="16"
+      asSVG
+    />
+  </button>
+);
+
+const renderCardInfo = (cell: HeadlineCommonProps): VNode => (
+  <div className="py-5 border-b border-main-divider flex flex-col gap-1">
+    {cell?.title ? (
+      <div className="text-secondary-text text-m-light opacity-80">{cell.title}</div>
+    ) : null}
+    {cell?.description ? <div className="text-primary-text text-h6">{cell.description}</div> : null}
+  </div>
+);
+
+const renderHitIcon = (): VNode => {
+  const POSITION_STYLE = 'absolute -top-7 -right-4';
+
+  return (
+    <div
+      className={`h-[60px] w-[60px] bg-white flex flex-col items-center justify-center shadow-[0_4px_25px_rgba(0,0,0,0.07)] ${POSITION_STYLE}`}
+    >
+      <Icon iconVersion="black" name="HeartIcon" width="23" height="22" asSVG />
+      <div className="text-center">Хит</div>
+    </div>
+  );
+};

package/src/components/CarouselTariffsCard/CarouselTariffsCard.ui.json

@@ -0,0 +1 @@
+{}

package/src/components/CarouselTariffsCard/CarouselTariffsCardContent.ts

@@ -0,0 +1,16 @@
+import type { HeadlineCommonProps, TitleProps } from '../../model/HeadlineType';
+import type { Picture } from '../../model/Picture';
+import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
+
+/**
+ * @title Карточка тарифной карусели
+ */
+export type CarouselTariffsCardContent = TitleProps & {
+  icon?: Picture;
+  /** @title Выделить карточку */
+  isHighlighting?: boolean;
+  /** @title Кнопка */
+  button?: ButtonProps;
+  /** @title Ячейка */
+  rows?: HeadlineCommonProps[];
+};

package/src/components/MobileAppTile/MobileAppTile.tsx

@@ -48,7 +48,7 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
                 headingType={headingType}
                 as="h3"
                 title={title}
-                className={`whitespace-pre-wrap max-w-[509px] mb-6
+                className={`whitespace-pre-wrap mb-6 w-full
                   ${textColorClass} ${AlignText[alignTitle]}`}
               />
             ) : null

package/src/icons/HeartIcon.svg

@@ -0,0 +1,3 @@
+<svg title="Сердце" width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.87565 3.66675C5.09122 3.66675 2.83398 5.92398 2.83398 8.70841C2.83398 13.7501 8.79232 18.3334 12.0007 19.3996C15.209 18.3334 21.1673 13.7501 21.1673 8.70841C21.1673 5.92398 18.9101 3.66675 16.1257 3.66675C14.4205 3.66675 12.9131 4.51324 12.0007 5.80893C11.0882 4.51324 9.5808 3.66675 7.87565 3.66675Z" fill="currentColor" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/IconName.ts

@@ -1,17 +1,241 @@
-
 // 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', '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', 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',
+  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 = 'Сетка (белая)', 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 = 'Стрелка',
+  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 = 'Добавить продукт',
 }
 
 /**
@@ -19,7 +243,104 @@ 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' | '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'
+  | '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/ui-kit/Button/ButtonInner.tsx

@@ -31,7 +31,7 @@ const getButtonStyle = (props: ButtonInnerProps) => {
     return '';
   }
 
-  const withTextStyle = `gap-2 ${aboveText ? 'py-2.5 px-7' : 'py-4 px-9'}`;
+  const withTextStyle = `gap-2 ${aboveText ? 'py-2.5 px-7' : 'py-4 px-4'}`;
 
   return [
     'group flex items-center justify-center',

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

@@ -7,7 +7,7 @@ export interface FoldableProps {
   unfoldedByDefault?: boolean;
   isFoldButtonOnTop?: boolean;
   renderFoldableSection: (props: FoldablePartProps) => VNode;
-  renderFoldButton?: (props: FoldablePartProps) => VNode;
+  renderFoldButton?: ((props: FoldablePartProps) => VNode) | null;
 }
 
 export const Foldable = JSX<FoldableProps>(