@redneckz/wildless-cms-uni-blocks 0.6.50 → 0.7.2

package/src/components/VerticalLayout/VerticalLayout.tsx

@@ -1,9 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
 import type { AlignType } from '../../model/AlignType';
-import { GapStyleMap, LayoutBackgroundStyleMap } from '../../model/BlockVersion';
 import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { style } from '../../utils/style';
+import { gapStyles } from '../HorizontalLayout/gapStyles';
 import type { VerticalLayoutContent } from './VerticalLayoutContent';
 
 export interface VerticalLayoutProps extends VerticalLayoutContent, UniBlockProps {}
@@ -25,21 +26,18 @@ export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutP
     options,
     ...rest
   }) => {
-    const paddingStyle = isPadding ? 'p-12' : '';
     const innerPaddingStyle = isInnerPadding ? '' : '!p-0';
 
     return (
       <BlockWrapper
-        className={[
+        className={style(
           'flex flex-col [&>*]:max-w-full',
-          paddingStyle,
-          GapStyleMap[gap],
+          isPadding ? 'p-12' : '',
+          gapStyles[gap],
           align && alignStyle[align],
-          LayoutBackgroundStyleMap[version],
           className,
-        ]
-          .filter(Boolean)
-          .join(' ')}
+        )}
+        version={version}
         {...rest}
       >
         {renderChildren({ ...rest, options: { ...options, className: innerPaddingStyle } })}
@@ -48,6 +46,4 @@ export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutP
   },
 );
 
-VerticalLayout.childrenTypes = {
-  exclude: ['VerticalLayout'],
-};
+VerticalLayout.childrenTypes = [];

package/src/components/VerticalLayout/VerticalLayoutContent.ts

@@ -1,19 +1,14 @@
 import type { AlignType } from '../../model/AlignType';
-import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
+import type { BlockVersion } from '../../model/BlockVersion';
 import type { ColorPalette } from '../../model/ContentPageDef';
-
-/**
- * @title Отсуп между компонентами
- * @enumNames ["Самый большой", "Очень большой", "Большой", "Средний", "Маленький", "Самый маленький", "Без отступа"]
- */
-export type GapVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S' | 'XS' | '';
+import type { GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
 
 /**
  * @title Вертикальный компоновщик
  */
 export interface VerticalLayoutContent {
   colorPalette?: ColorPalette;
-  version?: BlockVersionWithTransparent;
+  version?: BlockVersion;
   align?: AlignType;
   gap?: GapVersion;
   /** @title Внутренний отступ компоновщика */

package/src/components/Video/Video.tsx

@@ -1,29 +1,26 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 import { getPaddings } from './getPaddings';
 import type { VideoContent } from './VideoContent';
 
 interface VideoProps extends VideoContent, UniBlockProps {}
 
-export const Video = JSX<VideoProps>((props) => {
-  const { title, src, previewImg, className = '', ...rest } = props;
-
-  return (
-    <BlockWrapper className={`bg-white ${getPaddings(className)} ${className}`} {...rest}>
-      <Headline title={title} headlineVersion="M" />
-      {src ? (
-        <video
-          className="m-auto w-full object-fill"
-          preload="metadata"
-          poster={previewImg?.src}
-          style={{ maxHeight: 524 }}
-          controls
-        >
-          <source src={src} />
-        </video>
-      ) : null}
-    </BlockWrapper>
-  );
-});
+export const Video = JSX<VideoProps>(({ className, title, src, previewImg, ...rest }) => (
+  <BlockWrapper className={style(getPaddings(className), className)} {...rest}>
+    <Headline title={title} headlineVersion="M" />
+    {src ? (
+      <video
+        className="m-auto w-full object-fill"
+        preload="metadata"
+        poster={previewImg?.src}
+        style={{ maxHeight: 524 }}
+        controls
+      >
+        <source src={src} />
+      </video>
+    ) : null}
+  </BlockWrapper>
+));

package/src/components/Video/getPaddings.ts

@@ -2,5 +2,5 @@ import { getColSpan } from '../../utils/getColSpan';
 
 const MIN_COL_SPAN = 10;
 
-export const getPaddings = (className: string) =>
+export const getPaddings = (className?: string) =>
   getColSpan(className) < MIN_COL_SPAN ? 'py-6 px-11' : 'py-12 px-32';

package/src/icons/IconName.ts

@@ -1,17 +1,247 @@
-
 // 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', 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'
+  ActualBalanceIcon = 'ActualBalanceIcon',
+  AirPlaneIcon = 'AirPlaneIcon',
+  AppleIcon = 'AppleIcon',
+  ArrowDownIcon = 'ArrowDownIcon',
+  ArrowLeftIcon = 'ArrowLeftIcon',
+  ArrowRightIcon = 'ArrowRightIcon',
+  ArrowTopRightIcon = 'ArrowTopRightIcon',
+  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',
+  YoutubeIcon = 'YoutubeIcon',
 }
 
 export enum IconTitleMap {
-  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 = 'Добавить продукт'
+  ActualBalanceIcon = 'Деньги',
+  AirPlaneIcon = 'Самолёт',
+  AppleIcon = 'Лого «Apple»',
+  ArrowDownIcon = "Стрелка 'Вниз'",
+  ArrowLeftIcon = "Стрелка 'Влево'",
+  ArrowRightIcon = "Стрелка 'Вправо'",
+  ArrowTopRightIcon = "Стрелка 'Вверх-право'",
+  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 = 'Добавить продукт',
+  YoutubeIcon = 'Лого «Youtube»',
 }
 
 /**
@@ -19,7 +249,107 @@ 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»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт', 'Лого «Youtube»'
  * ]
  */
-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';
+export type IconName =
+  | ''
+  | 'ActualBalanceIcon'
+  | 'AirPlaneIcon'
+  | 'AppleIcon'
+  | 'ArrowDownIcon'
+  | 'ArrowLeftIcon'
+  | 'ArrowRightIcon'
+  | 'ArrowTopRightIcon'
+  | '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'
+  | 'YoutubeIcon';

package/src/icons/YoutubeIcon.svg

@@ -0,0 +1,3 @@
+<svg title="Лого «Youtube»" isInverse="true" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 2.30078C0.172 2.30078 0 3.17478 0 10.0008C0 16.8268 0.172 17.7008 10 17.7008C19.828 17.7008 20 16.8268 20 10.0008C20 3.17478 19.828 2.30078 10 2.30078ZM13.205 10.3348L8.715 12.4308C8.322 12.6128 8 12.4088 8 11.9748V8.02678C8 7.59378 8.322 7.38878 8.715 7.57078L13.205 9.66678C13.598 9.85078 13.598 10.1508 13.205 10.3348Z" fill="currentColor"/>
+</svg>

package/src/model/BlockVersion.ts

@@ -1,57 +1,15 @@
-import { GapVersion } from '../components/HorizontalLayout/HorizontalLayoutContent';
-
-/**
- * @title Цвет блока
- * @enumNames ["Основная", "Второстепенная"]
- */
-export type BlockVersion = 'primary' | 'secondary';
-
 /**
- * @title Цвет блока
- * @enumNames ["Прозрачная", "Основная", "Второстепенная"]
+ * @title Тема блока
+ * @enumNames ["Основная", "Второстепенная", "Серая", "Прозрачная", "Наследуемая"]
  */
-export type BlockVersionWithTransparent = 'transparent' | 'primary' | 'secondary';
-
-/**
- * @title Цвет блока
- * @enumNames [ "Основная", "Второстепенная", "Серая"]
- */
-export type BlockVersionWithGray = 'primary' | 'secondary' | 'gray';
-
-export const VersionStyleMap: Record<BlockVersion, string> = {
-  primary: 'bg-white text-primary-text',
-  secondary: 'bg-primary-main text-white',
-};
-
-export const VersionAdditionalStyleMap: Record<BlockVersion, string> = {
-  primary: 'text-secondary-text',
-  secondary: 'text-white',
-};
-
-export const VersionWithTransparentStyleMap: Record<BlockVersionWithTransparent, string> = {
-  transparent: '',
-  primary: 'bg-white text-primary-text',
-  secondary: 'bg-primary-main text-white',
-};
-
-export const VersionWithGrayStyleMap: Record<BlockVersionWithGray, string> = {
-  primary: 'bg-white text-primary-text',
-  secondary: 'bg-primary-main text-white',
-  gray: 'bg-main-divider text-primary-text',
-};
+export type BlockVersion = 'primary' | 'secondary' | 'gray' | 'transparent' | '';
 
-export const GapStyleMap: Record<GapVersion, string> = {
-  XXL: 'gap-12',
-  XL: 'gap-10',
-  L: 'gap-8',
-  M: 'gap-4',
-  S: 'gap-2',
-  XS: 'gap-1',
-  '': '',
-};
+type BlockVersionAtom<A extends string> = '' | `group-data-${BlockVersion}:${A}`;
 
-export const LayoutBackgroundStyleMap: Record<BlockVersionWithTransparent, string> = {
-  transparent: '',
-  primary: 'bg-white',
-  secondary: 'bg-primary-main',
-};
+export type BlockVersionMolecule<A extends string> =
+  | ''
+  | A
+  | BlockVersionAtom<A>
+  | `${A} ${BlockVersionAtom<A>}`
+  | `${BlockVersionAtom<A>} ${BlockVersionAtom<A>}`
+  | `${BlockVersionAtom<A>} ${BlockVersionAtom<A>} ${BlockVersionAtom<A>}`;

package/src/model/ButtonVersion.ts

@@ -1,6 +1,6 @@
 /**
- * @title Цвет кнопки
- * @enumNames ["Основная", "Второстепенная", "Белая", "Ссылка"]
+ * @title Тема кнопки
+ * @enumNames ["Основная", "Второстепенная", "Белая", "Ссылка", "Прозрачная", "Наследуемая"]
  * @default primary
  */
-export type ButtonVersion = 'primary' | 'secondary' | 'white' | 'link';
+export type ButtonVersion = 'primary' | 'secondary' | 'white' | 'link' | 'transparent' | '';

package/src/model/JSXBlock.ts

@@ -1,11 +1,13 @@
 import type { UNIComponent } from '@redneckz/uni-jsx';
 import type { BlockRendererOptions } from '../BlockRenderer/BlockRendererOptions';
 import type { SlotName } from './BlockDecorator';
+import type { BlockVersion } from './BlockVersion';
 import type { BlockDef } from './ContentPageDef';
 import type { VNode } from './VNode';
 
 export interface UniBlockProps {
   className?: string;
+  version?: BlockVersion;
   block?: BlockDef;
   options?: BlockRendererOptions;
 }

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

@@ -5,16 +5,6 @@ import { getIconWithVersion } from '../../utils/getIconWithVersion';
 import { Img } from '../Img/Img';
 import type { BenefitItemCommonProps, BenefitItemProps } from './BenefitItemProps';
 
-const titleStyleMap: Record<BlockVersion, string> = {
-  primary: 'text-primary-text',
-  secondary: 'text-white',
-};
-
-const descStyleMap: Record<BlockVersion, string> = {
-  primary: 'text-secondary-text',
-  secondary: 'text-white',
-};
-
 export interface BenefitGeneralProps extends BenefitItemProps, BenefitItemCommonProps {}
 
 export const BenefitItem = JSX<BenefitGeneralProps>((props) => {
@@ -37,9 +27,13 @@ export const BenefitItem = JSX<BenefitGeneralProps>((props) => {
         </div>
       ) : null}
       <div className="gap-0.5">
-        {label ? <div className={`text-h6 ${titleStyleMap[version]}`}>{label}</div> : null}
+        {label ? (
+          <div className="text-h6 text-primary-text group-data-secondary:text-white">{label}</div>
+        ) : null}
         {description ? (
-          <div className={`text-m-light ${descStyleMap[version]}`}>{description}</div>
+          <div className="text-m-light text-secondary-text group-data-secondary:text-white">
+            {description}
+          </div>
         ) : null}
       </div>
     </div>