@redneckz/wildless-cms-uni-blocks 0.3.11 → 0.3.14

package/src/components/TextBlock/TextBlock.fixture.mobile.tsx

@@ -12,107 +12,119 @@ const image: Picture = {
   },
 };
 
+const items = [
+  'Вклады до 1,4 млн застрахованы',
+  'Вклады до 1,4 млн застрахованы',
+  'Вклады до 1,4 млн застрахованы',
+];
+
 export const TEXT_BLOCK: TextBlockContent = {
   title: 'Все карты Россельхозбанка работают',
   description:
     "Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка",
 };
 
-export default (
-  <div className="container grid grid-cols-12">
-    <div className="col-span-12">
-      <div>
-        <p>Private clients</p>
-        <div className="flex flex-col gap-[6px]" data-theme="pc">
-          <TextBlock
-            context={mobileContext}
-            {...TEXT_BLOCK}
-            blockVersion="primary"
-            iconVersion="small"
-          />
-          <TextBlock
-            context={mobileContext}
-            {...TEXT_BLOCK}
-            blockVersion="primary"
-            iconVersion="big"
-            image={image}
-          />
-          <TextBlock
-            context={mobileContext}
-            {...TEXT_BLOCK}
-            blockVersion="primary"
-            iconVersion="none"
-          />
-          <TextBlock
-            context={mobileContext}
-            description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу"
-            blockVersion="primary"
-          />
-          <TextBlock
-            context={mobileContext}
-            title="Все карты Россельхозбанка работают"
-            blockVersion="primary"
-          />
-          <TextBlock
-            context={mobileContext}
-            title="Все карты Россельхозбанка работают"
-            blockVersion="primary"
-            iconVersion="small"
-            items={[
-              'Вклады до 1,4 млн застрахованы',
-              'Вклады до 1,4 млн застрахованы',
-              'Вклады до 1,4 млн застрахованы',
-            ]}
-          />
+export default {
+  default: (
+    <div className="container grid grid-cols-12">
+      <div className="col-span-12">
+        <div>
+          <p>Private clients</p>
+          <div className="flex flex-col gap-[6px]" data-theme="pc">
+            <TextBlock
+              context={mobileContext}
+              {...TEXT_BLOCK}
+              blockVersion="primary"
+              iconVersion="small"
+            />
+            <TextBlock
+              context={mobileContext}
+              {...TEXT_BLOCK}
+              blockVersion="primary"
+              iconVersion="big"
+              image={image}
+            />
+            <TextBlock
+              context={mobileContext}
+              {...TEXT_BLOCK}
+              blockVersion="primary"
+              iconVersion="none"
+            />
+            <TextBlock
+              context={mobileContext}
+              description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу"
+              blockVersion="primary"
+            />
+            <TextBlock
+              context={mobileContext}
+              title="Все карты Россельхозбанка работают"
+              blockVersion="primary"
+            />
+            <TextBlock
+              context={mobileContext}
+              title="Все карты Россельхозбанка работают"
+              blockVersion="primary"
+              iconVersion="small"
+              items={items}
+            />
+            <TextBlock
+              context={mobileContext}
+              title="Все карты Россельхозбанка работают"
+              description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу"
+              blockVersion="secondary"
+              iconVersion="small"
+              items={items}
+            />
+          </div>
         </div>
-      </div>
-      <div>
-        <p>Business clients</p>
-        <div className="flex flex-col gap-[6px]" data-theme="bc">
-          <TextBlock
-            className="flex flex-col"
-            context={mobileContext}
-            {...TEXT_BLOCK}
-            blockVersion="primary"
-            iconVersion="small"
-          />
-          <TextBlock
-            context={mobileContext}
-            {...TEXT_BLOCK}
-            iconVersion="small"
-            blockVersion="secondary"
-          />
-          <TextBlock
-            context={mobileContext}
-            {...TEXT_BLOCK}
-            iconVersion="small"
-            blockVersion="secondary-light"
-          />
+        <div>
+          <p>Business clients</p>
+          <div className="flex flex-col gap-[6px]" data-theme="bc">
+            <TextBlock
+              className="flex flex-col"
+              context={mobileContext}
+              {...TEXT_BLOCK}
+              blockVersion="primary"
+              iconVersion="small"
+            />
+            <TextBlock
+              context={mobileContext}
+              {...TEXT_BLOCK}
+              iconVersion="small"
+              blockVersion="secondary"
+            />
+            <TextBlock
+              context={mobileContext}
+              {...TEXT_BLOCK}
+              iconVersion="small"
+              blockVersion="secondary-light"
+            />
+          </div>
         </div>
-      </div>
-      <div>
-        <p>Ecosystem own</p>
-        <div className="flex flex-col gap-[6px]" data-theme="eo">
-          <TextBlock
-            context={mobileContext}
-            {...TEXT_BLOCK}
-            iconVersion="small"
-            blockVersion="primary"
-          />
-          <TextBlock
-            context={mobileContext}
-            {...TEXT_BLOCK}
-            iconVersion="small"
-            blockVersion="secondary"
-          />
-          <TextBlock
-            context={mobileContext}
-            {...TEXT_BLOCK}
-            iconVersion="small"
-            blockVersion="secondary-light"
-          />
+        <div>
+          <p>Ecosystem own</p>
+          <div className="flex flex-col gap-[6px]" data-theme="eo">
+            <TextBlock
+              context={mobileContext}
+              {...TEXT_BLOCK}
+              iconVersion="small"
+              blockVersion="primary"
+            />
+            <TextBlock
+              context={mobileContext}
+              {...TEXT_BLOCK}
+              iconVersion="small"
+              blockVersion="secondary"
+            />
+            <TextBlock
+              context={mobileContext}
+              {...TEXT_BLOCK}
+              iconVersion="small"
+              blockVersion="secondary-light"
+            />
+          </div>
         </div>
       </div>
     </div>
-  </div>
-);
+  ),
+};

package/src/components/TextBlock/TextBlock.fixture.tsx

@@ -18,72 +18,99 @@ export const TEXT_BLOCK: TextBlockContent = {
     "Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка",
 };
 
-export default (
-  <div className="container grid grid-cols-12">
-    <div className="font-sans overflow-hidden col-span-12">
-      <div>
-        <p>Private clients</p>
-        <div className="flex flex-col gap-6" data-theme="pc">
-          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
-          <TextBlock
-            context={context}
-            {...TEXT_BLOCK}
-            blockVersion="primary"
-            iconVersion="big"
-            image={image}
-          />
-          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="none" />
-          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
-          <TextBlock
-            context={context}
-            {...TEXT_BLOCK}
-            blockVersion="secondary"
-            iconVersion="small"
-          />
-          <TextBlock
-            context={context}
-            {...TEXT_BLOCK}
-            blockVersion="secondary-light"
-            iconVersion="small"
-          />
+export default {
+  default: (
+    <div className="container grid grid-cols-12">
+      <div className="font-sans overflow-hidden col-span-12">
+        <div>
+          <p>Private clients</p>
+          <div className="flex flex-col gap-6" data-theme="pc">
+            <TextBlock
+              context={context}
+              {...TEXT_BLOCK}
+              blockVersion="primary"
+              iconVersion="small"
+            />
+            <TextBlock
+              context={context}
+              {...TEXT_BLOCK}
+              blockVersion="primary"
+              iconVersion="big"
+              image={image}
+            />
+            <TextBlock
+              context={context}
+              {...TEXT_BLOCK}
+              blockVersion="primary"
+              iconVersion="none"
+            />
+            <TextBlock
+              context={context}
+              {...TEXT_BLOCK}
+              blockVersion="primary"
+              iconVersion="small"
+            />
+            <TextBlock
+              context={context}
+              {...TEXT_BLOCK}
+              blockVersion="secondary"
+              iconVersion="small"
+            />
+            <TextBlock
+              context={context}
+              {...TEXT_BLOCK}
+              blockVersion="secondary-light"
+              iconVersion="small"
+            />
+          </div>
         </div>
-      </div>
-      <div>
-        <p>Business clients</p>
-        <div className="flex flex-col gap-6" data-theme="bc">
-          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
-          <TextBlock
-            context={context}
-            {...TEXT_BLOCK}
-            blockVersion="secondary"
-            iconVersion="small"
-          />
-          <TextBlock
-            context={context}
-            {...TEXT_BLOCK}
-            blockVersion="secondary-light"
-            iconVersion="small"
-          />
+        <div>
+          <p>Business clients</p>
+          <div className="flex flex-col gap-6" data-theme="bc">
+            <TextBlock
+              context={context}
+              {...TEXT_BLOCK}
+              blockVersion="primary"
+              iconVersion="small"
+            />
+            <TextBlock
+              context={context}
+              {...TEXT_BLOCK}
+              blockVersion="secondary"
+              iconVersion="small"
+            />
+            <TextBlock
+              context={context}
+              {...TEXT_BLOCK}
+              blockVersion="secondary-light"
+              iconVersion="small"
+            />
+          </div>
         </div>
-      </div>
-      <div>
-        <p>Ecosystem own</p>
-        <div className="flex flex-col gap-6" data-theme="eo">
-          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
-          <TextBlock
-            context={context}
-            {...TEXT_BLOCK}
-            blockVersion="secondary"
-            iconVersion="small"
-          />
-          <TextBlock
-            context={context}
-            {...TEXT_BLOCK}
-            blockVersion="secondary-light"
-            iconVersion="small"
-          />
+        <div>
+          <p>Ecosystem own</p>
+          <div className="flex flex-col gap-6" data-theme="eo">
+            <TextBlock
+              context={context}
+              {...TEXT_BLOCK}
+              blockVersion="primary"
+              iconVersion="small"
+            />
+            <TextBlock
+              context={context}
+              {...TEXT_BLOCK}
+              blockVersion="secondary"
+              iconVersion="small"
+            />
+            <TextBlock
+              context={context}
+              {...TEXT_BLOCK}
+              blockVersion="secondary-light"
+              iconVersion="small"
+            />
+          </div>
         </div>
       </div>
     </div>
-  </div>
-);
+  ),
+};

package/src/components/TextBlock/TextBlock.mobile.tsx

@@ -55,10 +55,10 @@ export const TextBlock = JSX<TextBlockProps>(
           ) : null}
           {items?.length ? (
             <List
+              className="mt-1"
               items={items}
               isDotted={isDotted}
-              version="gray"
-              className="mt-1 text-m-sm text-secondary-text"
+              version={blockVersion.indexOf('secondary') !== -1 ? 'secondary' : 'gray'}
             />
           ) : null}
         </div>

package/src/components/Tile/Tile.fixture.tsx

@@ -40,27 +40,25 @@ export const TILE: TileContent = {
   image,
 };
 
+export const TILE_PREMIUM: TileContent = {
+  title: 'Премиальные продукты',
+  description:
+    'Выделенные зоны обслуживания и персональный финансовый консультант. Полный спектр премиальных продуктов, подчеркивающих ваш статус',
+  buttons: [
+    {
+      href: 'https://rshb.ru',
+      text: 'Подробнее',
+      target: '_blank',
+      version: 'secondary',
+    },
+  ],
+  image: image3,
+};
+
 export default {
   credit: (
     <div className="container grid grid-cols-12">
-      <Tile
-        context={context}
-        className="col-span-8"
-        title="Кредиты"
-        items={[
-          'Кредитный лимит до 10 млн ₽',
-          'Кредиты наличными на любые цели',
-          'Получите деньги без залога и поручителей',
-        ]}
-        buttons={[
-          {
-            text: 'Подробнее',
-            href: '/credit-cards',
-            version: 'secondary',
-          },
-        ]}
-        image={image}
-      />
+      <Tile context={context} className="col-span-8" {...TILE} />
     </div>
   ),
   mortgage: (
@@ -108,23 +106,7 @@ export default {
   ),
   premium: (
     <div className="container grid grid-cols-12">
-      <Tile
-        context={context}
-        className="col-span-6"
-        title="Премиальные продукты"
-        description={
-          'Выделенные зоны обслуживания и персональный финансовый консультант. Полный спектр премиальных продуктов, подчеркивающих ваш статус'
-        }
-        buttons={[
-          {
-            href: 'https://rshb.ru',
-            text: 'Подробнее',
-            target: '_blank',
-            version: 'secondary',
-          },
-        ]}
-        image={image3}
-      />
+      <Tile context={context} className="col-span-6" {...TILE_PREMIUM} />
     </div>
   ),
   ecosystem: (

package/src/hooks/useCreditCalculatorData.ts

@@ -5,16 +5,12 @@ export function useCreditCalculatorData(
   useAsyncData: AsyncDataHook,
   directoryName: string | undefined,
 ): CreditCalculatorData {
-  const { data } = useAsyncData(creditCalculatorUrl(directoryName), () =>
-    fetchCreditCalculatorData(directoryName),
-  );
+  const { data } = useAsyncData(creditCalculatorUrl(directoryName), fetchCreditCalculatorData);
   return data || {};
 }
 
-async function fetchCreditCalculatorData(
-  directoryName: string | undefined,
-): Promise<CreditCalculatorData> {
-  const response = await fetch(creditCalculatorUrl(directoryName));
+async function fetchCreditCalculatorData(url: string): Promise<CreditCalculatorData> {
+  const response = await fetch(url);
   return await response.json();
 }
 

package/src/hooks/useExchangeRates.ts

@@ -0,0 +1,25 @@
+import type { AsyncDataHook } from '../components/ContentPage/ContentPageContext';
+import { ExchangeCurrencyItem } from '../components/ExchangeRateTile/ExchangeRateTileContent';
+
+interface ExchangeRatesData {
+  exchangeRate?: {
+    currencies?: ExchangeCurrencyItem[];
+  };
+}
+
+export function useExchangeRates(useAsyncData: AsyncDataHook): ExchangeRatesData {
+  const { data } = useAsyncData(EXCHANGE_RATES_URL, fetchExchangeRates);
+
+  return data || {};
+}
+
+async function fetchExchangeRates(): Promise<ExchangeRatesData | undefined> {
+  try {
+    const response = await fetch(EXCHANGE_RATES_URL);
+    return await response.json();
+  } catch (err) {
+    console.error(err);
+  }
+}
+
+const EXCHANGE_RATES_URL = '/api/v1/exchangerates.json';

package/src/hooks/useTableArrowScrollControl.ts

@@ -0,0 +1,22 @@
+import type { TableArrowScrollControlProps } from '../ui-kit/TableArrowScrollControl/TableArrowScrollControlProps';
+
+export const useTableArrowScrollControl = ({
+  columnsLength,
+  colsLengthForScroll,
+  activeCardIndex,
+  setActiveCardIndex,
+}: {
+  columnsLength: number;
+  colsLengthForScroll: number;
+  activeCardIndex: number;
+  setActiveCardIndex: (_: number) => void;
+}): Required<TableArrowScrollControlProps> => {
+  const onNextClick = () => setActiveCardIndex(activeCardIndex + 1);
+  const onPrevClick = () => setActiveCardIndex(activeCardIndex - 1);
+
+  const isScrollAvailable = columnsLength > colsLengthForScroll;
+  const showNextButton = isScrollAvailable && columnsLength - activeCardIndex > colsLengthForScroll;
+  const showPrevButton = Boolean(isScrollAvailable && activeCardIndex > 0);
+
+  return { onNextClick, onPrevClick, isScrollAvailable, showNextButton, showPrevButton };
+};

package/src/icons/GpsIcon.svg

@@ -0,0 +1,8 @@
+<svg title="Gps" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.35107 5.45074C10.3959 4.89842 11.587 4.58569 12.8511 4.58569C16.9932 4.58569 20.3511 7.94356 20.3511 12.0857C20.3511 16.2278 16.9932 19.5857 12.8511 19.5857C8.70894 19.5857 5.35107 16.2278 5.35107 12.0857C5.35107 10.8216 5.66381 9.63055 6.21612 8.58569" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.8511 15.0857C14.5079 15.0857 15.8511 13.7425 15.8511 12.0857C15.8511 10.4288 14.5079 9.08569 12.8511 9.08569C11.1942 9.08569 9.85107 10.4288 9.85107 12.0857C9.85107 13.7425 11.1942 15.0857 12.8511 15.0857Z" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.8511 4.08569V2.08569" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.85107 12.0857H2.85107" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.8511 20.0857V22.0857" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.8511 12.0857H22.8511" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/IconName.ts

@@ -2,7 +2,7 @@
 // Generated. Do not touch
 
 export enum IconMap {
-  ActualBalanceIcon = "ActualBalanceIcon", AppleIcon = "AppleIcon", 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", 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"
+  ActualBalanceIcon = "ActualBalanceIcon", AppleIcon = "AppleIcon", 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"
 }
 
 /**
@@ -10,7 +10,7 @@ export enum IconMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   "Деньги", "Лого «Apple»", "Банкомат", "Банк", "Бургер", "Бургер (белый)", "Календарь 2", "Скруглённый календарь", "Календарь", "Календарь с галочкой", "Календарь белый", "Кред. карта", "Кред. карта под наклоном", "Кред. карта с галочкой", "Карта с драгоценностями", "Деньги внутри кошелька", "Часы", "Крестик", "Кресло", "Кредитные карты", "Скидка", "Документ", "Документ (одноцветный)", "Документ с текстом", "Доллар", "Земля", "Пустой кошелёк с возвратом", "Пустой кошелёк", "Пустой кошелёк (белый)", "Евро", "Геолокация", "Зеркало", "Глобус", "Сетка", "Сетка (белая)", "Диаграмма роста", "Скидка", "JCB", "Лупа", "MasterCard", "Минус", "МИР", "Деньги", "Денежное страхование", "Монитор и мобильный", "Новый документ", "Офис", "Лого «Одноклассники»", "Бизнес", "Проценты (круг.)", "Проценты", "Проценты белые", "Персональная карта", "Лого «PlayMarket»", "Плюс", "Профиль, 2 персоны", "Профиль", "Рубль (круг.)", "Сейф", "Безопасность", "Подписанные документы", "Маленькие часы", "Лого «Telegram»", "UnionPay", "Пользователь", "Visa", "Лого «VK»", "Пополнение карты", "Кошелёк с плюсом", "Кошелёк", "Кошелёк с деньгами"
+ *   "Деньги", "Лого «Apple»", "Банкомат", "Банк", "Бургер", "Бургер (белый)", "Календарь 2", "Скруглённый календарь", "Календарь", "Календарь с галочкой", "Календарь белый", "Кред. карта", "Кред. карта под наклоном", "Кред. карта с галочкой", "Карта с драгоценностями", "Деньги внутри кошелька", "Часы", "Крестик", "Кресло", "Кредитные карты", "Скидка", "Документ", "Документ (одноцветный)", "Документ с текстом", "Доллар", "Земля", "Пустой кошелёк с возвратом", "Пустой кошелёк", "Пустой кошелёк (белый)", "Евро", "Геолокация", "Зеркало", "Глобус", "Gps", "Сетка", "Сетка (белая)", "Диаграмма роста", "Скидка", "JCB", "Лупа", "MasterCard", "Минус", "МИР", "Деньги", "Денежное страхование", "Монитор и мобильный", "Новый документ", "Офис", "Лого «Одноклассники»", "Бизнес", "Проценты (круг.)", "Проценты", "Проценты белые", "Персональная карта", "Лого «PlayMarket»", "Плюс", "Профиль, 2 персоны", "Профиль", "Рубль (круг.)", "Сейф", "Безопасность", "Подписанные документы", "Маленькие часы", "Лого «Telegram»", "UnionPay", "Пользователь", "Visa", "Лого «VK»", "Пополнение карты", "Кошелёк с плюсом", "Кошелёк", "Кошелёк с деньгами"
  * ]
  */
-export type IconName = "" | "ActualBalanceIcon" | "AppleIcon" | "AtmIcon" | "BankIcon" | "BurgerIcon" | "BurgerIconWhite" | "Calendar2Icon" | "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" | "GridIcon" | "GridIconWhite" | "InterestGrowthIcon" | "InterestIcon" | "JCBIcon" | "LoupeIcon" | "MasterCardIcon" | "MinusIcon" | "MirIcon" | "MoneyIcon" | "MoneyInsuranceIcon" | "MonitorMobileIcon" | "NewDocIcon" | "OfficeIcon" | "OkIcon" | "PassSendIcon" | "PercentageRoundIcon" | "PercentageSquareIcon" | "PercentageSquareWhiteIcon" | "PersonalCardIcon" | "PlayMarketIcon" | "PlusIcon" | "Profile2UserIcon" | "ProfileIcon" | "RoundRubleIcon" | "SafeIcon" | "ShieldTickIcon" | "SignDocsIcon" | "SmallClockIcon" | "TelegramIcon" | "UnionPayIcon" | "UserTickIcon" | "VisaIcon" | "VKIcon" | "WalletAdd2Icon" | "WalletAddIcon" | "WalletIcon" | "WalletWithMoneyIcon";
+export type IconName = "" | "ActualBalanceIcon" | "AppleIcon" | "AtmIcon" | "BankIcon" | "BurgerIcon" | "BurgerIconWhite" | "Calendar2Icon" | "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" | "GridIcon" | "GridIconWhite" | "InterestGrowthIcon" | "InterestIcon" | "JCBIcon" | "LoupeIcon" | "MasterCardIcon" | "MinusIcon" | "MirIcon" | "MoneyIcon" | "MoneyInsuranceIcon" | "MonitorMobileIcon" | "NewDocIcon" | "OfficeIcon" | "OkIcon" | "PassSendIcon" | "PercentageRoundIcon" | "PercentageSquareIcon" | "PercentageSquareWhiteIcon" | "PersonalCardIcon" | "PlayMarketIcon" | "PlusIcon" | "Profile2UserIcon" | "ProfileIcon" | "RoundRubleIcon" | "SafeIcon" | "ShieldTickIcon" | "SignDocsIcon" | "SmallClockIcon" | "TelegramIcon" | "UnionPayIcon" | "UserTickIcon" | "VisaIcon" | "VKIcon" | "WalletAdd2Icon" | "WalletAddIcon" | "WalletIcon" | "WalletWithMoneyIcon";

package/src/model/BlockVersion.ts

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

package/src/model/InputTypes.ts

@@ -0,0 +1 @@
+export type InputTypes = 'text' | 'number';

package/src/model/ListOrientation.ts

@@ -0,0 +1,8 @@
+/**
+ * @title Направление списка
+ * @enumNames [
+ *    "Вертикально",
+ *    "Горизонтально",
+ *    ]
+ */
+export type ListOrientation = 'vertical' | 'horizontal';

package/src/model/SitemapProps.ts

@@ -1,4 +1,5 @@
 import type { LinkProps } from './LinkProps';
+import { IconName } from '../icons/IconName';
 
 /**
  * @title Меню
@@ -9,7 +10,18 @@ export interface TopMenuItem extends LinkProps {
   items?: LinkProps[];
 }
 
+/**
+ * @title Ссылка дополнительного меню
+ * @required ["text", "href"]
+ */
+export interface DispositionItem extends LinkProps {
+  /** @hidden */
+  icon?: IconName;
+}
+
 export interface SitemapProps {
   /** @title Дополнительное меню */
   topItems?: TopMenuItem[];
+  /** @title Дополнительное меню */
+  dispositions?: DispositionItem[];
 }