@redneckz/wildless-cms-uni-blocks 0.2.98 → 0.2.101

package/lib/components/StepsBlock/StepsBlockContent.d.ts

@@ -4,7 +4,7 @@ import type { IconName } from '../../ui-kit/Icon/IconProps';
  */
 export interface Step {
     /** @title Название */
-    label: string;
+    label?: string;
     /** @title Описание */
     description?: string;
     icon?: IconName;
@@ -15,9 +15,12 @@ export interface Step {
 export interface StepsBlockContent {
     /** @title Заголовок */
     title?: string;
+    /** @title Линии */
+    showLines?: boolean;
     /**
      * @title Шаги
-     * @maxItems 6
+     * @minItems 2
+     * @maxItems 3
      */
     steps?: Step[];
 }

package/lib/model/SitemapProps.d.ts

@@ -4,6 +4,7 @@ import type { LinkProps } from './LinkProps';
  * @required ["text", "href"]
  */
 export interface TopMenuItem extends LinkProps {
+    /** @title Ссылки */
     items?: LinkProps[];
 }
 export interface SitemapProps {

package/lib/ui-kit/Button/ButtonProps.d.ts

@@ -23,7 +23,7 @@ export interface ButtonWithIconProps extends ButtonProps {
     aboveText?: string;
     /** @hidden */
     appendLeft?: any;
-    /** @hidden */
+    /** @title Закругленные углы */
     rounded?: boolean;
     /** @hidden */
     asSVG?: boolean;

package/lib/ui-kit/Icon/IconProps.d.ts

@@ -2,67 +2,90 @@
  * Icons sorted by name
  */
 export declare enum IconMap {
-    '' = 0,
-    'ActualBalanceIcon' = 1,
-    'AppleIcon' = 2,
+    'ActualBalanceIcon' = 0,
+    'AppleIcon' = 1,
+    'Calendar2Icon' = 2,
     'CalendarCircleIcon' = 3,
     'CalendarIcon' = 4,
-    'CalendarWhiteIcon' = 5,
-    'CardIcon' = 6,
-    'CardPosIcon' = 7,
-    'CardTickIcon' = 8,
-    'ClockIcon' = 9,
-    'ComfortableCompIcon' = 10,
-    'DiscountShape' = 11,
-    'DocIcon' = 12,
-    'DocumentText' = 13,
-    'DollarIcon' = 14,
-    'EmptyWalletChangeIcon' = 15,
-    'EmptyWalletIcon' = 16,
-    'EmptyWalletWhiteIcon' = 17,
-    'EuroIcon' = 18,
-    'GlassIcon' = 19,
-    'GridIcon' = 20,
-    'JCBIcon' = 21,
-    'LoupeIcon' = 22,
-    'MasterCardIcon' = 23,
-    'MinusIcon' = 24,
-    'MirIcon' = 25,
-    'MoneyIcon' = 26,
-    'MonitorMobileIcon' = 27,
-    'NewDocIcon' = 28,
-    'OkIcon' = 29,
-    'PassSendIcon' = 30,
-    'PercentageSquareIcon' = 31,
-    'PercentageSquareWhiteIcon' = 32,
-    'PlayMarketIcon' = 33,
-    'PlusIcon' = 34,
-    'Profile2UserIcon' = 35,
-    'ProfileIcon' = 36,
-    'ShieldTickIcon' = 37,
-    'SignDocsIcon' = 38,
-    'TelegramIcon' = 39,
-    'UnionPayIcon' = 40,
-    'UserIcon' = 41,
-    'VisaIcon' = 42,
-    'VKIcon' = 43,
-    'WalletIcon' = 44
+    'CalendarTickIcon' = 5,
+    'CalendarWhiteIcon' = 6,
+    'CardWithGemIcon' = 7,
+    'ChartSquareIcon' = 8,
+    'CardIcon' = 9,
+    'CardPosIcon' = 10,
+    'CardTickIcon' = 11,
+    'ClockIcon' = 12,
+    'ComfortableCompIcon' = 13,
+    'CreditCardsIcon' = 14,
+    'DiscountShapeIcon' = 15,
+    'DocIcon' = 16,
+    'DocumentTextIcon' = 17,
+    'DollarIcon' = 18,
+    'EarthIcon' = 19,
+    'EmptyWalletChangeIcon' = 20,
+    'EmptyWalletIcon' = 21,
+    'EmptyWalletWhiteIcon' = 22,
+    'EuroIcon' = 23,
+    'GlassIcon' = 24,
+    'GlobalIcon' = 25,
+    'GridIcon' = 26,
+    'InterestGrowthIcon' = 27,
+    'InterestIcon' = 28,
+    'JCBIcon' = 29,
+    'LoupeIcon' = 30,
+    'MasterCardIcon' = 31,
+    'MinusIcon' = 32,
+    'MirIcon' = 33,
+    'MoneyIcon' = 34,
+    'MoneyInsuranceIcon' = 35,
+    'MonitorMobileIcon' = 36,
+    'NewDocIcon' = 37,
+    'OfficeIcon' = 38,
+    'OkIcon' = 39,
+    'PassSendIcon' = 40,
+    'PercentageRoundIcon' = 41,
+    'PercentageSquareIcon' = 42,
+    'PercentageSquareWhiteIcon' = 43,
+    'PersonalCardIcon' = 44,
+    'PlayMarketIcon' = 45,
+    'PlusIcon' = 46,
+    'Profile2UserIcon' = 47,
+    'ProfileIcon' = 48,
+    'RoundRubleIcon' = 49,
+    'SafeIcon' = 50,
+    'ShieldTickIcon' = 51,
+    'SignDocsIcon' = 52,
+    'SmallClockIcon' = 53,
+    'TelegramIcon' = 54,
+    'UnionPayIcon' = 55,
+    'UserTickIcon' = 56,
+    'VisaIcon' = 57,
+    'VKIcon' = 58,
+    'WalletAdd' = 59,
+    'WalletAdd2' = 60,
+    'WalletIcon' = 61,
+    'WalletWithMoneyIcon' = 62
 }
 /**
  * @title Иконка
  * @enumNames [
- *    "",
  *    "Деньги",
  *    "Лого «Apple»",
+ *    "Календарь 2",
  *    "Скруглённый календарь",
  *    "Календарь",
+ *    "Календарь с галочкой",
  *    "Календарь белый",
+ *    "Карта с драгоценностями",
+ *    "Деньги внутри кошелька",
  *    "Кред. карта",
  *    "Кред. карта под наклоном",
  *    "Кред. карта с галочкой",
  *    "Часы",
  *    "Кресло",
  *    "Скидка",
+ *    "Кредитные карты",
+ *    "Огромная скидка",
  *    "Документ",
  *    "Документ с текстом",
  *    "Доллар",
@@ -71,31 +94,44 @@ export declare enum IconMap {
  *    "Пустой кошелёк белый",
  *    "Евро",
  *    "Зеркало",
+ *    "Глобус",
  *    "Сетка",
+ *    "Диаграмма роста",
+ *    "Скидка",
  *    "JCB",
  *    "Лупа",
  *    "MasterCard",
  *    "Минус",
  *    "МИР",
  *    "Деньги",
+ *    "Денежное страхование",
  *    "Монитор и мобильный",
  *    "Новый документ",
+ *    "Офис",
  *    "Лого «Одноклассники»",
  *    "Бизнес",
+ *    "Проценты (круг.)",
  *    "Проценты",
  *    "Проценты белые",
+ *    "Персональная карта",
  *    "Лого «PlayMarket»",
  *    "Плюс",
  *    "Профиль, 2 персоны",
  *    "Профиль",
+ *    "Рубль (круг.)",
+ *    "Сейф",
  *    "Безопасность",
  *    "Подписанные документы",
+ *    "Маленькие часы",
  *    "Лого «Telegram»",
  *    "UnionPay",
  *    "Пользователь",
  *    "Visa",
  *    "Лого «VK»",
+ *    "Пополнение карты",
+ *    "Кошелёк с плюсом",
  *    "Кошелёк",
+ *    "Кошелёк с деньгами",
  *  ]
  */
 export declare type IconName = keyof typeof IconMap;

package/lib/ui-kit/Icon/IconProps.js

@@ -3,50 +3,68 @@
  */
 export var IconMap;
 (function (IconMap) {
-    IconMap[IconMap[""] = 0] = "";
-    IconMap[IconMap["ActualBalanceIcon"] = 1] = "ActualBalanceIcon";
-    IconMap[IconMap["AppleIcon"] = 2] = "AppleIcon";
+    IconMap[IconMap["ActualBalanceIcon"] = 0] = "ActualBalanceIcon";
+    IconMap[IconMap["AppleIcon"] = 1] = "AppleIcon";
+    IconMap[IconMap["Calendar2Icon"] = 2] = "Calendar2Icon";
     IconMap[IconMap["CalendarCircleIcon"] = 3] = "CalendarCircleIcon";
     IconMap[IconMap["CalendarIcon"] = 4] = "CalendarIcon";
-    IconMap[IconMap["CalendarWhiteIcon"] = 5] = "CalendarWhiteIcon";
-    IconMap[IconMap["CardIcon"] = 6] = "CardIcon";
-    IconMap[IconMap["CardPosIcon"] = 7] = "CardPosIcon";
-    IconMap[IconMap["CardTickIcon"] = 8] = "CardTickIcon";
-    IconMap[IconMap["ClockIcon"] = 9] = "ClockIcon";
-    IconMap[IconMap["ComfortableCompIcon"] = 10] = "ComfortableCompIcon";
-    IconMap[IconMap["DiscountShape"] = 11] = "DiscountShape";
-    IconMap[IconMap["DocIcon"] = 12] = "DocIcon";
-    IconMap[IconMap["DocumentText"] = 13] = "DocumentText";
-    IconMap[IconMap["DollarIcon"] = 14] = "DollarIcon";
-    IconMap[IconMap["EmptyWalletChangeIcon"] = 15] = "EmptyWalletChangeIcon";
-    IconMap[IconMap["EmptyWalletIcon"] = 16] = "EmptyWalletIcon";
-    IconMap[IconMap["EmptyWalletWhiteIcon"] = 17] = "EmptyWalletWhiteIcon";
-    IconMap[IconMap["EuroIcon"] = 18] = "EuroIcon";
-    IconMap[IconMap["GlassIcon"] = 19] = "GlassIcon";
-    IconMap[IconMap["GridIcon"] = 20] = "GridIcon";
-    IconMap[IconMap["JCBIcon"] = 21] = "JCBIcon";
-    IconMap[IconMap["LoupeIcon"] = 22] = "LoupeIcon";
-    IconMap[IconMap["MasterCardIcon"] = 23] = "MasterCardIcon";
-    IconMap[IconMap["MinusIcon"] = 24] = "MinusIcon";
-    IconMap[IconMap["MirIcon"] = 25] = "MirIcon";
-    IconMap[IconMap["MoneyIcon"] = 26] = "MoneyIcon";
-    IconMap[IconMap["MonitorMobileIcon"] = 27] = "MonitorMobileIcon";
-    IconMap[IconMap["NewDocIcon"] = 28] = "NewDocIcon";
-    IconMap[IconMap["OkIcon"] = 29] = "OkIcon";
-    IconMap[IconMap["PassSendIcon"] = 30] = "PassSendIcon";
-    IconMap[IconMap["PercentageSquareIcon"] = 31] = "PercentageSquareIcon";
-    IconMap[IconMap["PercentageSquareWhiteIcon"] = 32] = "PercentageSquareWhiteIcon";
-    IconMap[IconMap["PlayMarketIcon"] = 33] = "PlayMarketIcon";
-    IconMap[IconMap["PlusIcon"] = 34] = "PlusIcon";
-    IconMap[IconMap["Profile2UserIcon"] = 35] = "Profile2UserIcon";
-    IconMap[IconMap["ProfileIcon"] = 36] = "ProfileIcon";
-    IconMap[IconMap["ShieldTickIcon"] = 37] = "ShieldTickIcon";
-    IconMap[IconMap["SignDocsIcon"] = 38] = "SignDocsIcon";
-    IconMap[IconMap["TelegramIcon"] = 39] = "TelegramIcon";
-    IconMap[IconMap["UnionPayIcon"] = 40] = "UnionPayIcon";
-    IconMap[IconMap["UserIcon"] = 41] = "UserIcon";
-    IconMap[IconMap["VisaIcon"] = 42] = "VisaIcon";
-    IconMap[IconMap["VKIcon"] = 43] = "VKIcon";
-    IconMap[IconMap["WalletIcon"] = 44] = "WalletIcon";
+    IconMap[IconMap["CalendarTickIcon"] = 5] = "CalendarTickIcon";
+    IconMap[IconMap["CalendarWhiteIcon"] = 6] = "CalendarWhiteIcon";
+    IconMap[IconMap["CardWithGemIcon"] = 7] = "CardWithGemIcon";
+    IconMap[IconMap["ChartSquareIcon"] = 8] = "ChartSquareIcon";
+    IconMap[IconMap["CardIcon"] = 9] = "CardIcon";
+    IconMap[IconMap["CardPosIcon"] = 10] = "CardPosIcon";
+    IconMap[IconMap["CardTickIcon"] = 11] = "CardTickIcon";
+    IconMap[IconMap["ClockIcon"] = 12] = "ClockIcon";
+    IconMap[IconMap["ComfortableCompIcon"] = 13] = "ComfortableCompIcon";
+    IconMap[IconMap["CreditCardsIcon"] = 14] = "CreditCardsIcon";
+    IconMap[IconMap["DiscountShapeIcon"] = 15] = "DiscountShapeIcon";
+    IconMap[IconMap["DocIcon"] = 16] = "DocIcon";
+    IconMap[IconMap["DocumentTextIcon"] = 17] = "DocumentTextIcon";
+    IconMap[IconMap["DollarIcon"] = 18] = "DollarIcon";
+    IconMap[IconMap["EarthIcon"] = 19] = "EarthIcon";
+    IconMap[IconMap["EmptyWalletChangeIcon"] = 20] = "EmptyWalletChangeIcon";
+    IconMap[IconMap["EmptyWalletIcon"] = 21] = "EmptyWalletIcon";
+    IconMap[IconMap["EmptyWalletWhiteIcon"] = 22] = "EmptyWalletWhiteIcon";
+    IconMap[IconMap["EuroIcon"] = 23] = "EuroIcon";
+    IconMap[IconMap["GlassIcon"] = 24] = "GlassIcon";
+    IconMap[IconMap["GlobalIcon"] = 25] = "GlobalIcon";
+    IconMap[IconMap["GridIcon"] = 26] = "GridIcon";
+    IconMap[IconMap["InterestGrowthIcon"] = 27] = "InterestGrowthIcon";
+    IconMap[IconMap["InterestIcon"] = 28] = "InterestIcon";
+    IconMap[IconMap["JCBIcon"] = 29] = "JCBIcon";
+    IconMap[IconMap["LoupeIcon"] = 30] = "LoupeIcon";
+    IconMap[IconMap["MasterCardIcon"] = 31] = "MasterCardIcon";
+    IconMap[IconMap["MinusIcon"] = 32] = "MinusIcon";
+    IconMap[IconMap["MirIcon"] = 33] = "MirIcon";
+    IconMap[IconMap["MoneyIcon"] = 34] = "MoneyIcon";
+    IconMap[IconMap["MoneyInsuranceIcon"] = 35] = "MoneyInsuranceIcon";
+    IconMap[IconMap["MonitorMobileIcon"] = 36] = "MonitorMobileIcon";
+    IconMap[IconMap["NewDocIcon"] = 37] = "NewDocIcon";
+    IconMap[IconMap["OfficeIcon"] = 38] = "OfficeIcon";
+    IconMap[IconMap["OkIcon"] = 39] = "OkIcon";
+    IconMap[IconMap["PassSendIcon"] = 40] = "PassSendIcon";
+    IconMap[IconMap["PercentageRoundIcon"] = 41] = "PercentageRoundIcon";
+    IconMap[IconMap["PercentageSquareIcon"] = 42] = "PercentageSquareIcon";
+    IconMap[IconMap["PercentageSquareWhiteIcon"] = 43] = "PercentageSquareWhiteIcon";
+    IconMap[IconMap["PersonalCardIcon"] = 44] = "PersonalCardIcon";
+    IconMap[IconMap["PlayMarketIcon"] = 45] = "PlayMarketIcon";
+    IconMap[IconMap["PlusIcon"] = 46] = "PlusIcon";
+    IconMap[IconMap["Profile2UserIcon"] = 47] = "Profile2UserIcon";
+    IconMap[IconMap["ProfileIcon"] = 48] = "ProfileIcon";
+    IconMap[IconMap["RoundRubleIcon"] = 49] = "RoundRubleIcon";
+    IconMap[IconMap["SafeIcon"] = 50] = "SafeIcon";
+    IconMap[IconMap["ShieldTickIcon"] = 51] = "ShieldTickIcon";
+    IconMap[IconMap["SignDocsIcon"] = 52] = "SignDocsIcon";
+    IconMap[IconMap["SmallClockIcon"] = 53] = "SmallClockIcon";
+    IconMap[IconMap["TelegramIcon"] = 54] = "TelegramIcon";
+    IconMap[IconMap["UnionPayIcon"] = 55] = "UnionPayIcon";
+    IconMap[IconMap["UserTickIcon"] = 56] = "UserTickIcon";
+    IconMap[IconMap["VisaIcon"] = 57] = "VisaIcon";
+    IconMap[IconMap["VKIcon"] = 58] = "VKIcon";
+    IconMap[IconMap["WalletAdd"] = 59] = "WalletAdd";
+    IconMap[IconMap["WalletAdd2"] = 60] = "WalletAdd2";
+    IconMap[IconMap["WalletIcon"] = 61] = "WalletIcon";
+    IconMap[IconMap["WalletWithMoneyIcon"] = 62] = "WalletWithMoneyIcon";
 })(IconMap || (IconMap = {}));
 //# sourceMappingURL=IconProps.js.map

package/lib/ui-kit/Icon/IconProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/IconProps.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,OA8CX;AA9CD,WAAY,OAAO;IACjB,6BAAE,CAAA;IACF,+DAAmB,CAAA;IACnB,+CAAW,CAAA;IACX,iEAAoB,CAAA;IACpB,qDAAc,CAAA;IACd,+DAAmB,CAAA;IACnB,6CAAU,CAAA;IACV,mDAAa,CAAA;IACb,qDAAc,CAAA;IACd,+CAAW,CAAA;IACX,oEAAqB,CAAA;IACrB,wDAAe,CAAA;IACf,4CAAS,CAAA;IACT,sDAAc,CAAA;IACd,kDAAY,CAAA;IACZ,wEAAuB,CAAA;IACvB,4DAAiB,CAAA;IACjB,sEAAsB,CAAA;IACtB,8CAAU,CAAA;IACV,gDAAW,CAAA;IACX,8CAAU,CAAA;IACV,4CAAS,CAAA;IACT,gDAAW,CAAA;IACX,0DAAgB,CAAA;IAChB,gDAAW,CAAA;IACX,4CAAS,CAAA;IACT,gDAAW,CAAA;IACX,gEAAmB,CAAA;IACnB,kDAAY,CAAA;IACZ,0CAAQ,CAAA;IACR,sDAAc,CAAA;IACd,sEAAsB,CAAA;IACtB,gFAA2B,CAAA;IAC3B,0DAAgB,CAAA;IAChB,8CAAU,CAAA;IACV,8DAAkB,CAAA;IAClB,oDAAa,CAAA;IACb,0DAAgB,CAAA;IAChB,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,8CAAU,CAAA;IACV,8CAAU,CAAA;IACV,0CAAQ,CAAA;IACR,kDAAY,CAAA;AACd,CAAC,EA9CW,OAAO,KAAP,OAAO,QA8ClB"}
+{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/IconProps.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,OAgEX;AAhED,WAAY,OAAO;IACjB,+DAAmB,CAAA;IACnB,+CAAW,CAAA;IACX,uDAAe,CAAA;IACf,iEAAoB,CAAA;IACpB,qDAAc,CAAA;IACd,6DAAkB,CAAA;IAClB,+DAAmB,CAAA;IACnB,2DAAiB,CAAA;IACjB,2DAAiB,CAAA;IACjB,6CAAU,CAAA;IACV,oDAAa,CAAA;IACb,sDAAc,CAAA;IACd,gDAAW,CAAA;IACX,oEAAqB,CAAA;IACrB,4DAAiB,CAAA;IACjB,gEAAmB,CAAA;IACnB,4CAAS,CAAA;IACT,8DAAkB,CAAA;IAClB,kDAAY,CAAA;IACZ,gDAAW,CAAA;IACX,wEAAuB,CAAA;IACvB,4DAAiB,CAAA;IACjB,sEAAsB,CAAA;IACtB,8CAAU,CAAA;IACV,gDAAW,CAAA;IACX,kDAAY,CAAA;IACZ,8CAAU,CAAA;IACV,kEAAoB,CAAA;IACpB,sDAAc,CAAA;IACd,4CAAS,CAAA;IACT,gDAAW,CAAA;IACX,0DAAgB,CAAA;IAChB,gDAAW,CAAA;IACX,4CAAS,CAAA;IACT,gDAAW,CAAA;IACX,kEAAoB,CAAA;IACpB,gEAAmB,CAAA;IACnB,kDAAY,CAAA;IACZ,kDAAY,CAAA;IACZ,0CAAQ,CAAA;IACR,sDAAc,CAAA;IACd,oEAAqB,CAAA;IACrB,sEAAsB,CAAA;IACtB,gFAA2B,CAAA;IAC3B,8DAAkB,CAAA;IAClB,0DAAgB,CAAA;IAChB,8CAAU,CAAA;IACV,8DAAkB,CAAA;IAClB,oDAAa,CAAA;IACb,0DAAgB,CAAA;IAChB,8CAAU,CAAA;IACV,0DAAgB,CAAA;IAChB,sDAAc,CAAA;IACd,0DAAgB,CAAA;IAChB,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,8CAAU,CAAA;IACV,0CAAQ,CAAA;IACR,gDAAW,CAAA;IACX,kDAAY,CAAA;IACZ,kDAAY,CAAA;IACZ,oEAAqB,CAAA;AACvB,CAAC,EAhEW,OAAO,KAAP,OAAO,QAgElB"}

package/package.json

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

package/src/components/BaseTile/BaseTile.tsx

@@ -8,23 +8,7 @@ import { Icon } from '../../ui-kit/Icon/Icon';
 import { Img } from '../../ui-kit/Img';
 import { Title } from '../../ui-kit/Title/Title';
 import { getColSpan } from '../../utils/getColSpan';
-import type { AlignType, BaseTileCommonProps, BaseTileIconButton } from './BaseTileProps';
-
-const alignFlex: Record<AlignType, string> = {
-  left: 'justify-between',
-  center: 'justify-center',
-  right: 'justify-end',
-};
-const alignBlock: Record<AlignType, string> = {
-  left: 'items-start',
-  center: 'items-center',
-  right: 'items-end',
-};
-const alignText: Record<AlignType, string> = {
-  left: 'text-left',
-  center: 'text-center',
-  right: 'text-right',
-};
+import type { BaseTileCommonProps, BaseTileIconButton } from './BaseTileProps';
 
 export interface BaseTileProps extends BaseTileCommonProps, UniBlockProps {}
 
@@ -42,12 +26,11 @@ export const BaseTile = JSX<BaseTileProps>(
     image,
     items,
     version = 'primary',
-    align = 'left',
   }) => {
     const router = context.useRouter();
     const { handlerDecorator } = context;
     return (
-      <div className={`font-sans flex flex-col grow h-full ${alignBlock[align]}`}>
+      <div className={`font-sans flex flex-col grow h-full items-start`}>
         {title && (
           <Title
             size={titleSize || getTitleSizeByClassName(className)}
@@ -56,13 +39,11 @@ export const BaseTile = JSX<BaseTileProps>(
             {title}
           </Title>
         )}
-        <div className={`flex grow w-full ${alignFlex[align]}`}>
-          <div className={`flex flex-col justify-between ${alignBlock[align]}`}>
+        <div className={`flex grow w-full justify-between`}>
+          <div className={`flex flex-col justify-between items-start`}>
             <div>
               {description ? (
-                <div className={`font-normal text-base mt-4 max-w-[600px] ${alignText[align]}`}>
-                  {description}
-                </div>
+                <div className={`font-normal text-base mt-4 max-w-[600px]`}>{description}</div>
               ) : null}
               {children}
               {items?.length ? renderItems(items, version) : null}

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

@@ -1838,12 +1838,12 @@
           {
             "label": "Кредит по одному документу",
             "description": "До 300 тыс ₽ по упрощённой процедуре получения кредита",
-            "icon": "DocumentText"
+            "icon": "DocumentTextIcon"
           },
           {
             "label": "Кредит на общих условиях",
             "description": "До 5 млн ₽ на общих условиях получения кредита",
-            "icon": "DiscountShape"
+            "icon": "DiscountShapeIcon"
           }
         ],
         "image": {

package/src/components/CreditCalculator/CreditCalculator.tsx

@@ -72,12 +72,10 @@ export const CreditCalculator = JSX<CreditCalculatorProps>(
     }
 
     return (
-      <section className={`font-sans text-primary-text bg-white p-4 w-[847px] ${className || ''}`}>
-        <div
-          className={`box-border p-[49px] pr-[53px] flex flex-col justify-between ${borderStyle}`}
-        >
+      <section className={`font-sans text-primary-text p-10 bg-white ${className || ''}`}>
+        <div className={`box-border p-[49px] pr-[56px] mx-auto w-max ${borderStyle}`}>
           <div className="flex justify-between ">
-            <div className="grow mr-[42px] w-[465px]">
+            <div className="mr-[42px]">
               <InputRange
                 title="Желаемая сумма кредита, ₽"
                 items={[
@@ -115,7 +113,7 @@ export const CreditCalculator = JSX<CreditCalculatorProps>(
                 onChange={setIsInsuranceChecked}
               />
             </div>
-            <div className="basis-[226px] shrink-0 box-border h-fit p-9 bg-primary-main rounded-md text-white">
+            <div className="box-border h-fit p-9 bg-primary-main rounded-md text-white">
               <div className="text-base mb-[18px]">Наше предложение</div>
               <div className="text-sm opacity-60">Ежемесячный платёж</div>
               <div className="text-lg mb-3">

package/src/components/Footer/Sitemap.tsx

@@ -37,7 +37,7 @@ const renderColumn = (c: TopMenuItem, index: number, { router, handlerDecorator
         {text || `Раздел ${index}`}
       </a>
       {items?.map((_, i) => (
-        <ColumnItem key={String(i)} {...useLink({ router, handlerDecorator }, _)} />
+        <ColumnItem key={String(i)} {...useLink({ router, handlerDecorator }, _)} index={i} />
       ))}
     </div>
   );

package/src/components/Headline/Headline.tsx

@@ -1,15 +1,32 @@
 import { JSX } from '@redneckz/uni-jsx';
 
 import type { UniBlockProps } from '../../types';
-import { BaseTile } from '../BaseTile/BaseTile';
+import { Title } from '../../ui-kit/Title/Title';
 import type { HeadlineContent } from './HeadlineContent';
+import { AlignType } from '../BaseTile/BaseTileProps';
 
 export interface HeadlineProps extends UniBlockProps, HeadlineContent {}
 
-export const Headline = JSX<HeadlineProps>(({ bgColor = 'bg-white', className, ...props }) => {
-  return (
-    <section className={`p-10 ${bgColor} ${className || ''} `}>
-      <BaseTile {...props}></BaseTile>
-    </section>
-  );
-});
+const alignText: Record<AlignType, string> = {
+  left: 'text-left',
+  center: 'text-center',
+  right: 'text-right',
+};
+
+export const Headline = JSX<HeadlineProps>(
+  ({ bgColor = 'transparent', align = 'left', className, title, description }) => {
+    const textClasses = alignText[align];
+    return (
+      <section className={`p-[50px] ${bgColor} ${className || ''} `}>
+        {title && (
+          <Title size="L" className={`text-primary-text mt-0 font-medium ${textClasses}`}>
+            {title}
+          </Title>
+        )}
+        {description && (
+          <p className={`font-normal text-base mt-4 ${textClasses}`}>{description}</p>
+        )}
+      </section>
+    );
+  },
+);

package/src/components/PictureText/PictureText.example.json

@@ -10,11 +10,11 @@
   "benefits": [
     {
       "label": "Преимущество №1",
-      "icon": "DocumentText"
+      "icon": "DocumentTextIcon"
     },
     {
       "label": "Преимущество №2",
-      "icon": "DiscountShape"
+      "icon": "DiscountShapeIcon"
     }
   ]
 }

package/src/components/PictureText/PictureText.fixture.tsx

@@ -20,12 +20,12 @@ export const PICTURE_TEXT: PictureTextContent = {
     {
       label: 'Кредит по одному документу',
       description: 'До 300 тыс ₽ по упрощённой процедуре получения кредита',
-      icon: 'DocumentText',
+      icon: 'DocumentTextIcon',
     },
     {
       label: 'Кредит на общих условиях',
       description: 'До 5 млн ₽ на общих условиях получения кредита',
-      icon: 'DiscountShape',
+      icon: 'DiscountShapeIcon',
     },
   ],
   image,

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

@@ -1,8 +1,10 @@
 {
   "title": "Шаги",
+  "showLines": true,
   "steps": [
     {
       "label": "Шаг №1",
+      "description": "Описание шага №1",
       "icon": "NewDocIcon"
     },
     {
@@ -10,7 +12,7 @@
       "icon": "PassSendIcon"
     },
     {
-      "label": "Шаг №3",
+      "description": "Шаг №3 без заголовка",
       "icon": "ActualBalanceIcon"
     }
   ]

package/src/components/StepsBlock/StepsBlock.tsx

@@ -1,28 +1,30 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { Step, StepsBlockContent } from './StepsBlockContent';
 import type { UniBlockProps } from '../../types';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { Title } from '../../ui-kit/Title/Title';
 import { joinList } from '../../utils/joinList';
+import type { Step, StepsBlockContent } from './StepsBlockContent';
 
 export interface StepsBlockProps extends StepsBlockContent, UniBlockProps {}
 
-export const StepsBlock = JSX<StepsBlockProps>(({ className, title, steps }) => {
+export const StepsBlock = JSX<StepsBlockProps>(({ className, title, showLines = true, steps }) => {
   return (
     <section
-      className={`font-sans text-primary-text bg-white px-12 py-12 flex flex-col items-center ${
+      className={`box-border font-sans text-primary-text bg-white px-20 py-[50px] flex flex-col items-center ${
         className || ''
       }`}
     >
       <Title className="font-medium m-0 max-w-[47rem] text-center">{title}</Title>
       {steps?.length ? (
-        <div>
-          <div className="flex mt-9 items-center px-[88px]">
-            {joinList(<div className="h-0.5 w-full bg-secondary-light"></div>)(
-              steps.map((step, i) => renderStepIcon(step, i)),
-            )}
+        <div className={`box-border py-0.5 mb-0.5 ${title ? 'mt-9' : ''}`}>
+          <div className="flex items-center px-[88px]">
+            {joinList(
+              <div
+                className={`h-0.5 w-full bg-secondary-light ${!showLines ? 'opacity-0' : ''}`}
+              />,
+            )(steps.map((step, i) => renderStepIcon(step, i)))}
           </div>
-          <div className="flex mt-9 justify-between gap-x-24">{steps.map(renderStepTitle)}</div>
+          <div className="flex justify-between gap-x-[101px]">{steps.map(renderStepTitle)}</div>
         </div>
       ) : null}
     </section>
@@ -43,13 +45,16 @@ const renderStepIcon = (step: Step, i: number) => {
 
 const renderStepTitle = (step: Step, i: number) => {
   return (
-    <div key={String(i)} className="flex flex-col items-center text-center relative w-[276px]">
-      <div className="max-w-min">
-        <h5 className="font-medium text-xl m-0 mt-4 whitespace-nowrap px-3">{step.label}</h5>
-        {step.description && (
-          <div className="font-normal text-sm text-secondary-text mt-2">{step.description}</div>
-        )}
-      </div>
+    <div
+      key={String(i)}
+      className="flex flex-col items-center text-center relative w-[276px] whitespace-pre-line overflow-hidden"
+    >
+      {step.label && <div className="font-medium text-xl m-0 mt-4">{step.label}</div>}
+      {step.description && (
+        <div className={`font-normal text-sm text-secondary-text ${step.label ? 'mt-2' : 'mt-4'}`}>
+          {step.description}
+        </div>
+      )}
     </div>
   );
 };

package/src/components/StepsBlock/StepsBlockContent.ts

@@ -5,7 +5,7 @@ import type { IconName } from '../../ui-kit/Icon/IconProps';
  */
 export interface Step {
   /** @title Название */
-  label: string;
+  label?: string;
   /** @title Описание */
   description?: string;
   icon?: IconName;
@@ -17,9 +17,12 @@ export interface Step {
 export interface StepsBlockContent {
   /** @title Заголовок */
   title?: string;
+  /** @title Линии */
+  showLines?: boolean;
   /**
    * @title Шаги
-   * @maxItems 6
+   * @minItems 2
+   * @maxItems 3
    */
   steps?: Step[];
 }