@redneckz/wildless-cms-uni-blocks 0.3.48 → 0.3.51

package/mobile/lib/components/Recommendation/RecommendationCard.d.ts

@@ -1,5 +1,7 @@
+import { BlockVersion } from '../../model/BlockVersion';
 import type { UniBlockProps } from '../../types';
 import type { RecommendationCardTypes } from './RecommendationContent';
 export interface RecommendationCardProps extends RecommendationCardTypes, UniBlockProps {
+    version?: BlockVersion;
 }
 export declare const RecommendationCard: (props: import("@redneckz/uni-jsx").PropsWithChildren<RecommendationCardProps, any>, context?: any) => any;

package/mobile/lib/components/Recommendation/RecommendationCard.js

@@ -7,6 +7,6 @@ import { List } from '../../ui-kit/List/List.js';
 import { BaseTile } from '../BaseTile/BaseTile.js';
 import { SocialMedia } from '../Footer/SocialMedia.js';
 export const RecommendationCard = JSX(({ context, className = '', title, description, items, image, version, socialMedia }) => {
-    return (_jsx("section", { className: `border border-solid box-border py-[30px] px-9 min-w-[515px] max-w-[515px] ${className}`, role: "listitem", children: _jsxs(BaseTile, { context: context, className: "flex justify-between", title: title ? (_jsx(Heading, { headingType: "h4", as: "h3", className: "font-normal mb-3.5", title: title })) : null, image: image?.src && _jsx(Img, { className: "mt-auto ml-7", image: image }), children: [description ? _jsx(Description, { className: "text-left", description: description }) : null, items?.length ? (_jsx(List, { className: "text-md font-light flex flex-col gap-2", items: items, version: version })) : null, _jsx(SocialMedia, { className: "pt-[42px] pb-0", media: socialMedia, version: version, context: context })] }) }));
+    return (_jsx("section", { className: `border border-solid box-border p-[30px] w-[524px] ${className}`, role: "listitem", children: _jsxs(BaseTile, { context: context, className: "flex justify-between", title: title ? (_jsx(Heading, { headingType: "h4", as: "h3", className: "font-normal mb-3.5", title: title })) : null, image: image?.src && _jsx(Img, { className: "mt-auto ml-7", image: image }), children: [description ? _jsx(Description, { className: "text-left", description: description }) : null, items?.length ? (_jsx(List, { className: "text-md text-left font-light flex flex-col flex-1 gap-2", items: items, version: version })) : null, _jsx(SocialMedia, { className: "pt-[42px] pb-0", media: socialMedia, version: version, context: context })] }) }));
 });
 //# sourceMappingURL=RecommendationCard.js.map

package/mobile/lib/components/Recommendation/RecommendationCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecommendationCard.js","sourceRoot":"","sources":["../../../src/components/Recommendation/RecommendationCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE;IACtF,OAAO,CACL,kBACE,SAAS,EAAE,6EAA6E,SAAS,EAAE,EACnG,IAAI,EAAC,UAAU,YAEf,MAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,sBAAsB,EAChC,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,KAAK,GAAI,CAClF,CAAC,CAAC,CAAC,IAAI,EAEV,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,aAElE,WAAW,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,SAAS,EAAC,WAAW,EAAC,WAAW,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,EACpF,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IACH,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,WAAW,IACV,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB,IACO,GACH,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"RecommendationCard.js","sourceRoot":"","sources":["../../../src/components/Recommendation/RecommendationCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAOpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE;IACtF,OAAO,CACL,kBACE,SAAS,EAAE,qDAAqD,SAAS,EAAE,EAC3E,IAAI,EAAC,UAAU,YAEf,MAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,sBAAsB,EAChC,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,KAAK,GAAI,CAClF,CAAC,CAAC,CAAC,IAAI,EAEV,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,aAElE,WAAW,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,SAAS,EAAC,WAAW,EAAC,WAAW,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,EACpF,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IACH,SAAS,EAAC,yDAAyD,EACnE,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,WAAW,IACV,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB,IACO,GACH,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/components/Recommendation/RecommendationContent.d.ts

@@ -4,7 +4,13 @@ import type { DescriptionContent } from '../../ui-kit/Description/DescriptionCon
 import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
-export declare type RecommendationCardTypes = HeadingContent & DescriptionContent & ListContent & ImageContent & RecommendationContent;
+export interface RecommendationCardTypes extends HeadingContent, DescriptionContent, ListContent, ImageContent {
+    /**
+     * @title Соц сети
+     * @minItems 3
+     */
+    socialMedia?: LinkProps[];
+}
 /**
  * @title Рекомендации
  */
@@ -12,9 +18,4 @@ export interface RecommendationContent extends HeadingContent {
     /** @title Карточки */
     recommendations?: RecommendationCardTypes[];
     version?: BlockVersion;
-    /**
-     * @title Ссылка
-     * @minItems 3
-     */
-    socialMedia?: LinkProps[];
 }

package/mobile/lib/index.d.ts

@@ -3,6 +3,8 @@ export { DaDataAPI } from './api/DaDataAPI';
 export { LikeAPI } from './api/LikeAPI';
 export type { BlockContent } from './components/BlockContent';
 export { Blocks } from './components/Blocks';
+export { Button } from './ui-kit/Button/Button';
+export { Img as Image } from './ui-kit/Img/Img';
 export { ContentPage } from './components/ContentPage/ContentPage';
 export type { BlockDecorator } from './components/ContentPage/ContentPage';
 export type { AsyncDataHook, ContentPageContext, GeolocationHook, HandlerDecorator, LikeService, Router, Search, } from './components/ContentPage/ContentPageContext';

package/mobile/lib/index.js

@@ -2,6 +2,8 @@ export { setup } from '@redneckz/uni-jsx';
 export { DaDataAPI } from './api/DaDataAPI.js';
 export { LikeAPI } from './api/LikeAPI.js';
 export { Blocks } from './components/Blocks.js';
+export { Button } from './ui-kit/Button/Button.js';
+export { Img as Image } from './ui-kit/Img/Img.js';
 export { ContentPage } from './components/ContentPage/ContentPage.js';
 export { ContentPageHead } from './components/ContentPage/ContentPageHead.js';
 export { normalizePage } from './components/ContentPage/normalizePage.js';

package/mobile/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAWnE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWpD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,GAAG,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,GAAG,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAWnE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWpD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,GAAG,MAAM,aAAa,CAAC"}

package/mobile/lib/model/IconVersion.d.ts

@@ -0,0 +1 @@
+export declare type IconVersion = 'normal' | 'white';

package/mobile/lib/model/IconVersion.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IconVersion.js.map

package/mobile/lib/model/IconVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconVersion.js","sourceRoot":"","sources":["../../src/model/IconVersion.ts"],"names":[],"mappings":""}

package/mobile/lib/model/Picture.d.ts

@@ -1,4 +1,5 @@
 import type { IconName } from '../icons/IconName';
+import type { IconVersion } from './IconVersion';
 export interface Img {
     /** @title Картинка */
     src?: string;
@@ -10,6 +11,8 @@ export interface Img {
 export interface ImgSource {
     /** @title Иконка */
     icon?: IconName;
+    /** @hidden */
+    iconVersion?: IconVersion;
     /** @title Картинка */
     src?: string;
     /** @title Формат */

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

@@ -2,10 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { IconTitleMap } from '../../icons/IconName.js';
 import { projectSettings } from '../../ProjectSettings.js';
-export const Icon = JSX(({ className = '', name = '', alt = `Иконка ${IconTitleMap[name] || name}`, title = alt, asSVG, ...imgProps }) => {
+export const Icon = JSX(({ className = '', name = '', alt = `Иконка ${IconTitleMap[name] || name}`, title = alt, iconVersion, asSVG, ...imgProps }) => {
     const href = `${projectSettings.CDN || ''}icons/${name}.svg`;
+    const svgUseStyle = iconVersion === 'white' ? 'text-black invert' : '';
     if (asSVG) {
-        return (_jsxs("svg", { className: className, ...imgProps, "aria-hidden": "true", children: [title ? _jsx("title", { children: title }) : null, alt ? _jsx("desc", { children: alt }) : null, _jsx("use", { href: `${href}#icon`, xlinkHref: `${href}#icon` })] }));
+        return (_jsxs("svg", { className: className, ...imgProps, "aria-hidden": "true", children: [title ? _jsx("title", { children: title }) : null, alt ? _jsx("desc", { children: alt }) : null, _jsx("use", { className: svgUseStyle, href: `${href}#icon`, xlinkHref: `${href}#icon` })] }));
     }
     return (_jsx("img", { className: className, src: href, alt: alt, title: title, ...imgProps, "aria-hidden": "true" }));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,EAAE,EACT,GAAG,GAAG,UAAU,YAAY,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,EAC5C,KAAK,GAAG,GAAG,EACX,KAAK,EACL,GAAG,QAAQ,EACZ,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,eAAe,CAAC,GAAG,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC;IAE7D,IAAI,KAAK,EAAE;QACT,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,KAAM,QAAQ,iBAAc,MAAM,aACxD,KAAK,CAAC,CAAC,CAAC,0BAAQ,KAAK,GAAS,CAAC,CAAC,CAAC,IAAI,EACrC,GAAG,CAAC,CAAC,CAAC,yBAAO,GAAG,GAAQ,CAAC,CAAC,CAAC,IAAI,EAChC,cAAK,IAAI,EAAE,GAAG,IAAI,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,OAAO,GAAI,IACpD,CACP,CAAC;KACH;IAED,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,KACR,QAAQ,iBACA,MAAM,GAClB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,EAAE,EACT,GAAG,GAAG,UAAU,YAAY,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,EAC5C,KAAK,GAAG,GAAG,EACX,WAAW,EACX,KAAK,EACL,GAAG,QAAQ,EACZ,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,eAAe,CAAC,GAAG,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC;IAC7D,MAAM,WAAW,GAAG,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvE,IAAI,KAAK,EAAE;QACT,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,KAAM,QAAQ,iBAAc,MAAM,aACxD,KAAK,CAAC,CAAC,CAAC,0BAAQ,KAAK,GAAS,CAAC,CAAC,CAAC,IAAI,EACrC,GAAG,CAAC,CAAC,CAAC,yBAAO,GAAG,GAAQ,CAAC,CAAC,CAAC,IAAI,EAChC,cAAK,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,IAAI,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,OAAO,GAAI,IAC5E,CACP,CAAC;KACH;IAED,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,KACR,QAAQ,iBACA,MAAM,GAClB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -1,4 +1,5 @@
 import type { IconName } from '../../icons/IconName';
+import type { IconVersion } from '../../model/IconVersion';
 export type { IconName };
 export interface IconCompatibilityFields {
     /** @title Альтернативный текст (alt) */
@@ -15,4 +16,6 @@ export interface IconCompatibilityFields {
 export declare type IconProps = IconCompatibilityFields & {
     className?: string;
     name?: IconName;
+    /** @hidden */
+    iconVersion?: IconVersion;
 };

package/mobile/lib/ui-kit/Img/Img.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { Icon } from '../Icon/Icon.js';
+import { getIconVersion } from './getIconVersion.js';
 export const Img = JSX(({ className = '', image, imageClassName = '', ...iconProps }) => {
     // backwards compatibility with existing icons in usage
     const icon = typeof image === 'string' ? image : image?.icon;
     if (icon || icon === '') {
-        return _jsx(Icon, { className: className, name: icon, ...iconProps });
+        return (_jsx(Icon, { className: className, iconVersion: getIconVersion(image), name: icon, ...iconProps }));
     }
     return (_jsx(ImgAsPicture, { className: className, imageClassName: imageClassName, image: image }));
 });

package/mobile/lib/ui-kit/Img/Img.js.map

@@ -1 +1 @@
-{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../../src/ui-kit/Img/Img.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CACpB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE;IAC/D,uDAAuD;IACvD,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC;IAC7D,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE;QACvB,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,KAAM,SAAS,GAAI,CAAC;KAClE;IAED,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAgB,GACvB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,EAAE,EAAE;IACjD,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,mBAAS,SAAS,EAAE,SAAS,aAC1B,KAAK,EAAE,OAAO,EAAE,MAAM;gBACrB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,iBAAgC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAA9D,GAAG,KAAK,IAAI,GAAG,EAAE,CAAiD,CAChF,CAAC;gBACJ,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,IACzB,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAAc,EAAE,cAAc,GAAG,EAAE,EAAE,EAAE;IACxD,MAAM,KAAK,GAAG;QACZ,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;QAC5D,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;KAChE,CAAC;IACF,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;IAChC,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC;IAErC,OAAO,CACL,cACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,UAAU,cAAc,EAAE,EACrC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,KACR,KAAK,CAAC,IAAI,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC"}
+{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../../src/ui-kit/Img/Img.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKlD,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CACpB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE;IAC/D,uDAAuD;IACvD,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC;IAC7D,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE;QACvB,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,cAAc,CAAC,KAAK,CAAC,EAClC,IAAI,EAAE,IAAI,KACN,SAAS,GACb,CACH,CAAC;KACH;IAED,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAgB,GACvB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,EAAE,EAAE;IACjD,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,mBAAS,SAAS,EAAE,SAAS,aAC1B,KAAK,EAAE,OAAO,EAAE,MAAM;gBACrB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,iBAAgC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAA9D,GAAG,KAAK,IAAI,GAAG,EAAE,CAAiD,CAChF,CAAC;gBACJ,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,IACzB,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAAc,EAAE,cAAc,GAAG,EAAE,EAAE,EAAE;IACxD,MAAM,KAAK,GAAG;QACZ,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;QAC5D,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;KAChE,CAAC;IACF,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;IAChC,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC;IAErC,OAAO,CACL,cACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,UAAU,cAAc,EAAE,EACrC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,KACR,KAAK,CAAC,IAAI,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC"}

package/mobile/lib/ui-kit/Img/getIconVersion.d.ts

@@ -0,0 +1 @@
+export declare function getIconVersion(image: any): any;

package/mobile/lib/ui-kit/Img/getIconVersion.js

@@ -0,0 +1,4 @@
+export function getIconVersion(image) {
+    return typeof image === 'string' ? 'normal' : image.iconVersion || 'normal';
+}
+//# sourceMappingURL=getIconVersion.js.map

package/mobile/lib/ui-kit/Img/getIconVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIconVersion.js","sourceRoot":"","sources":["../../../src/ui-kit/Img/getIconVersion.tsx"],"names":[],"mappings":"AAAA,MAAM,UAAU,cAAc,CAAC,KAAK;IAClC,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,QAAQ,CAAC;AAC9E,CAAC"}

package/mobile/lib/ui-kit/Select/SelectOption.d.ts

@@ -1,5 +1,6 @@
 export interface SelectOptionProps {
     className?: string;
     value?: string;
+    selected?: boolean;
 }
 export declare const SelectOption: (props: import("@redneckz/uni-jsx").PropsWithChildren<SelectOptionProps, any>, context?: any) => any;

package/mobile/lib/ui-kit/Select/SelectOption.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-export const SelectOption = JSX(({ className = '', value, children }) => {
-    return (_jsx("option", { className: className, value: `${value}`, children: children }));
+export const SelectOption = JSX(({ className = '', value, selected, children }) => {
+    return (_jsx("option", { className: className, value: `${value}`, selected: selected, children: children }));
 });
 //# sourceMappingURL=SelectOption.js.map

package/mobile/lib/ui-kit/Select/SelectOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/SelectOption.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAOxC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAoB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzF,OAAO,CACL,iBAAQ,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,YAC5C,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"SelectOption.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/SelectOption.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChD,OAAO,CACL,iBAAQ,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,YAChE,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/Tabs/Tabs.js

@@ -10,5 +10,5 @@ const renderTab = (currentTabIndex, onTabClick) => (tab, index) => {
     const isActive = currentTabIndex === index;
     return (_jsxs("div", { className: `flex h-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${isActive ? ACTIVE_TAB_STYLE : TAB_STYLE}`, role: "tab", onClick: () => onTabClick(index), "aria-selected": String(isActive), children: [tab?.icon ? renderIcon(tab, isActive) : null, _jsxs("div", { children: [tab?.title ? _jsx("h3", { className: "font-medium m-0 text-base", children: tab?.title }) : null, tab?.description ? (_jsx("span", { className: `font-light text-xs ${isActive ? '' : 'text-secondary-text'}`, children: tab?.description })) : null] })] }, String(index)));
 };
-const renderIcon = (tab, isActive) => (_jsx("div", { className: "h-full mt-1", children: _jsx(Img, { className: `w-5 h-5 mr-3 ${isActive ? 'invert-full' : ''}`, image: tab?.icon || 'CardIcon', asSVG: !isActive }) }));
+const renderIcon = (tab, isActive) => (_jsx("div", { className: "h-full mt-1", children: _jsx(Img, { className: `w-5 h-5 mr-3 ${isActive ? 'invert' : ''}`, image: tab?.icon || 'CardIcon', asSVG: !isActive }) }));
 //# sourceMappingURL=Tabs.js.map

package/mobile/lib/ui-kit/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAGjC,MAAM,SAAS,GAAG,0DAA0D,CAAC;AAC7E,MAAM,gBAAgB,GAAG,gDAAgD,CAAC;AAE1E,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,cAAK,SAAS,EAAC,4CAA4C,EAAC,IAAI,EAAC,SAAS,YACvE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,GAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,SAAS,GACb,CAAC,eAAuB,EAAE,UAA2B,EAAE,EAAE,CAAC,CAAC,GAAQ,EAAE,KAAa,EAAE,EAAE;IACpF,MAAM,QAAQ,GAAG,eAAe,KAAK,KAAK,CAAC;IAC3C,OAAO,CACL,eAEE,SAAS,EAAE,gEACT,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAChC,EAAE,EACF,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,mBACjB,MAAM,CAAC,QAAQ,CAAC,aAE9B,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAC7C,0BACG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,2BAA2B,YAAE,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAC/E,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAClB,eAAM,SAAS,EAAE,sBAAsB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAAE,YAC3E,GAAG,EAAE,WAAW,GACZ,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,KAhBD,MAAM,CAAC,KAAK,CAAC,CAiBd,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAE,QAAiB,EAAE,EAAE,CAAC,CAClD,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,GAAG,IACF,SAAS,EAAE,gBAAgB,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EAC1D,KAAK,EAAE,GAAG,EAAE,IAAI,IAAI,UAAU,EAC9B,KAAK,EAAE,CAAC,QAAQ,GAChB,GACE,CACP,CAAC"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAGjC,MAAM,SAAS,GAAG,0DAA0D,CAAC;AAC7E,MAAM,gBAAgB,GAAG,gDAAgD,CAAC;AAE1E,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,cAAK,SAAS,EAAC,4CAA4C,EAAC,IAAI,EAAC,SAAS,YACvE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,GAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,SAAS,GACb,CAAC,eAAuB,EAAE,UAA2B,EAAE,EAAE,CAAC,CAAC,GAAQ,EAAE,KAAa,EAAE,EAAE;IACpF,MAAM,QAAQ,GAAG,eAAe,KAAK,KAAK,CAAC;IAC3C,OAAO,CACL,eAEE,SAAS,EAAE,gEACT,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAChC,EAAE,EACF,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,mBACjB,MAAM,CAAC,QAAQ,CAAC,aAE9B,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAC7C,0BACG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,2BAA2B,YAAE,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAC/E,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAClB,eAAM,SAAS,EAAE,sBAAsB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAAE,YAC3E,GAAG,EAAE,WAAW,GACZ,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,KAhBD,MAAM,CAAC,KAAK,CAAC,CAiBd,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAE,QAAiB,EAAE,EAAE,CAAC,CAClD,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,GAAG,IACF,SAAS,EAAE,gBAAgB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACrD,KAAK,EAAE,GAAG,EAAE,IAAI,IAAI,UAAU,EAC9B,KAAK,EAAE,CAAC,QAAQ,GAChB,GACE,CACP,CAAC"}

package/mobile/src/common.css

@@ -40,10 +40,6 @@ html {
 @tailwind utilities;
 
 @layer utilities {
-  .invert-full {
-    filter: invert(1);
-  }
-
   .rotate-180 {
     transform: rotate(180deg);
   }

package/mobile/src/components/Bonus/Bonus.tsx

@@ -9,11 +9,11 @@ export const Bonus = JSX<BonusProps>((props) => {
   const { className = '', title, description, bonusItems, anchor = null } = props;
 
   return (
-    <section className={`bg-white p-12 ${className}`} id={anchor}>
+    <section className={`font-sans bg-white p-[50px] pb-9 ${className}`} id={anchor}>
       <div className="container">
-        {title ? <Heading headingType="h2" className="text-center" title={title} /> : null}
+        {title ? <Heading headingType="h3" className="text-center" title={title} /> : null}
         {description ? (
-          <div className="text-md font-light text-center mt-2">{description}</div>
+          <div className="text-md font-light text-center mt-[10px]">{description}</div>
         ) : null}
         <div className="flex flex-wrap w-full mt-9">
           {bonusItems
@@ -21,16 +21,18 @@ export const Bonus = JSX<BonusProps>((props) => {
                 return (
                   <div
                     key={String(i)}
-                    className="flex-grow w-[49%] border border-gray pl-9 pt-9 pr-6 pb-6 mb-4 mx-2 even:mr-0 odd:ml-0 last:odd:w-full last:odd:mx-0"
+                    className="flex-grow w-[49%] border border-gray pl-9 pt-9 pr-6 pb-6 mb-[14px] mx-[7px] even:mr-0 odd:ml-0 last:odd:mx-0"
                   >
                     <div className="flex justify-between w-full">
                       <div className="mr-4">
                         <div className="text-title-sm">{_.name}</div>
-                        <div className="text-md font-light mt-3 max-w-[488px]">{_.description}</div>
+                        <div className="text-md font-light mt-[14px] max-w-[488px]">
+                          {_.description}
+                        </div>
                       </div>
                       {_.bonusCount ? (
                         <div className="relative -bottom-3 h-auto flex items-end mt-14 shrink-0">
-                          <span className="font-mohave -tracking-wider text-title-extra bg-clip-text text-transparent bg-green-to-yellow -mb-7">
+                          <span className="font-mohave -tracking-[5px] text-title-extra bg-clip-text text-transparent bg-green-to-yellow -mb-7">
                             {_.bonusCount}
                           </span>
                           <span className="text-[44px] bg-clip-text text-transparent bg-green-to-yellow">

package/mobile/src/components/Bonus/BonusContent.ts

@@ -1,9 +1,9 @@
 import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 
-/** @title Список плиток */
+/** @title Плитка */
 interface BonusItems {
-  /** @title Заголовок плитки */
+  /** @title Бонусы */
   name?: string;
   /** @title Описание плитки */
   description?: string;
@@ -14,9 +14,10 @@ interface BonusItems {
 }
 
 /**
- * @title Плитка
+ * @title Блок Бонусы
  */
 export type BonusContent = HeadingContent &
   DescriptionContent & {
+    /** @title Список плиток */
     bonusItems?: BonusItems[];
   };

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

@@ -486,6 +486,12 @@
       "content": {
         "title": "Потребительский кредит наличными",
         "description": "Кредит наличными без залога и поручительства. Потребительский кредит на любые цели. Нужен только паспорт.",
+        "headingType": "h2",
+        "backwardButton": {
+          "href": "https://rshb.ru",
+          "text": "Кнопка возврата",
+          "icon": { "icon": "ArrowLeftIcon" }
+        },
         "breadcrumbs": [
           {
             "text": "Главная",

package/mobile/src/components/ExchangeRateTile/CurrentLocation.tsx

@@ -10,7 +10,7 @@ interface CurrentLocationProps {
 export const CurrentLocation = JSX<CurrentLocationProps>(
   ({ className = '', address, distance }) => (
     <div className={`flex text-sm ${className}`}>
-      <Img className="min-w-fit" image={{ icon: 'GpsIcon' }} width="24" height="24" asSVG />
+      <Img image={{ icon: 'GpsIcon' }} width="24" height="24" asSVG />
       <div className="ml-3 font-light">
         {address ? <p className="m-0 mb-[3px]">{address}</p> : null}
         {distance ? (

package/mobile/src/components/ExchangeRateTile/ExchangeCurrencyCalculator.tsx

@@ -16,7 +16,7 @@ export const ExchangeCurrencyCalculator = JSX<ExchangeCurrencyCalculatorProps>(
     return (
       <div className={`grid gap-3.5 ${className}`}>
         {renderInput('Хочу продать', codes)}
-        {renderInput('Получу', codes)}
+        {renderInput('Получу', codes, 'USD')}
         <Button className="box-border mt-3.5 py-3 h-12 w-full" version="primary" href="#">
           Купить валюту
         </Button>
@@ -25,7 +25,7 @@ export const ExchangeCurrencyCalculator = JSX<ExchangeCurrencyCalculatorProps>(
   },
 );
 
-function renderInput(placeholder: string, codes: string[]) {
+function renderInput(placeholder: string, codes: string[], selected?: string) {
   return (
     <div className="relative flex items-center">
       <Input
@@ -36,7 +36,7 @@ function renderInput(placeholder: string, codes: string[]) {
       {codes.length ? (
         <Select className="h-9 -translate-x-4">
           {codes.map((code, i) => (
-            <SelectOption key={String(i)} value={code}>
+            <SelectOption key={String(i)} value={code} selected={code === selected}>
               {code}
             </SelectOption>
           ))}

package/mobile/src/components/GracePeriod/GracePeriod.example.json

@@ -12,7 +12,8 @@
             "src": "calendar/august.png",
             "format": "webp",
             "size": {
-              "width": 210
+              "width": 210,
+              "height": 190
             },
             "alt": "Пример использования «Карты для покупок в рассрочку»"
           }
@@ -29,7 +30,8 @@
             "src": "calendar/september.png",
             "format": "webp",
             "size": {
-              "width": 210
+              "width": 210,
+              "height": 190
             },
             "alt": "Пример использования «Карты для покупок в рассрочку»"
           }
@@ -40,7 +42,8 @@
             "src": "calendar/october.png",
             "format": "webp",
             "size": {
-              "width": 210
+              "width": 210,
+              "height": 190
             },
             "alt": "Пример использования «Карты для покупок в рассрочку»"
           }
@@ -57,7 +60,8 @@
             "src": "calendar/november.png",
             "format": "webp",
             "size": {
-              "width": 210
+              "width": 210,
+              "height": 190
             },
             "alt": "Пример использования «Карты для покупок в рассрочку»"
           }
@@ -74,7 +78,8 @@
             "src": "calendar/december.png",
             "format": "webp",
             "size": {
-              "width": 210
+              "width": 210,
+              "height": 190
             },
             "alt": "Пример использования «Карты для покупок в рассрочку»"
           }

package/mobile/src/components/GracePeriod/GracePeriod.tsx

@@ -10,8 +10,8 @@ export interface GracePeriodProps extends GracePeriodContent, UniBlockProps {}
 export const GracePeriod = JSX<GracePeriodProps>(
   ({ className = '', title, description, calendar, anchor = null }) => {
     return (
-      <section className={`bg-white p-16 pt-12 ${className}`} id={anchor}>
-        <Heading headingType="h2" className="text-center" title={title} />
+      <section className={`font-sans bg-white p-[50px] ${className}`} id={anchor}>
+        <Heading headingType="h3" className="text-center" title={title} />
         <div className="font-light text-base-md text-center mt-3">{description}</div>
         {calendar ? renderCalendar(calendar) : null}
       </section>
@@ -21,24 +21,30 @@ export const GracePeriod = JSX<GracePeriodProps>(
 
 const renderCalendar = (calendar) => {
   const colCount =
-    calendar.reduce((accumulator, currentValue) => accumulator + currentValue.month.length, 0) || 1;
+    calendar.reduce(
+      (accumulator, currentValue) =>
+        currentValue?.month?.length ? accumulator + currentValue.month.length : accumulator,
+      0,
+    ) || 1;
   const colSize = 100 / colCount;
 
-  const mappedCalendar = calendar.map((_) => ({
-    ..._,
-    flexBasis: `${_.month.length * colSize}%`,
-  }));
+  const mappedCalendar = calendar
+    .filter((_) => _?.month?.length)
+    .map((_) => ({
+      ..._,
+      flexBasis: `${_.month.length * colSize}%`,
+    }));
 
   return (
-    <div className="w-full flex flex-col justify-center mt-14">
-      <div className="flex w-full mb-3 font-light text-m-title-md mb-3 text-center">
+    <div className="w-full flex flex-col justify-center mt-[54px]">
+      <div className="flex w-full mb-3 font-light text-m-title-md text-center">
         {mappedCalendar.map((_) => renderMonthNames(_, colSize))}
       </div>
       <div className="flex w-full">
         {mappedCalendar.map((_, ind) => (
           <div
             key={`monthItem-${ind}`}
-            className="pr-3 mr-3 border-r border-r-gray/100 last:border-r-0 last:pr-0 last:mr-0"
+            className="pr-[11px] mr-3 border-r border-main-divider last:border-r-0 last:pr-0 last:mr-0"
             style={{ flexBasis: _.flexBasis }}
           >
             <div className="flex">{renderMonthImages(_)}</div>
@@ -64,7 +70,7 @@ const renderMonthImages = (item) =>
     _.image?.src ? (
       <div
         key={`monthImage-${_.image.src}`}
-        className="max-h-[207px] border-r-[1px] pr-3 mr-3 border-r-gray/100 last:border-r-0 last:pr-0 last:mr-0"
+        className="h-[207px] border-r-[1px] pr-3 mr-3 border-main-divider last:border-r-0 last:pr-0 last:mr-0"
       >
         <Img image={_.image} className="flex" />
       </div>

package/mobile/src/components/GracePeriod/GracePeriodContent.ts

@@ -1,10 +1,19 @@
-import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 import type { Picture } from '../../model/Picture';
 
 interface Month {
   /** @title Название месяца */
   name?: string;
-  /** @title Изображение календарного месяца */
+  /**
+   * @title Изображение календарного месяца
+   * @default
+   * {
+   *  format: "webp",
+   *  size: {
+   *    width: 210,
+   *    height: 190
+   *   }
+   * }
+   */
   image?: Picture;
 }
 
@@ -20,7 +29,9 @@ interface CalendarItem {
 /**
  * @title Льготный период
  */
-export interface GracePeriodContent extends HeadingContent {
+export interface GracePeriodContent {
+  /** @title Заголовок */
+  title?: string;
   /** @title Описание */
   description?: string;
   /** @title Календарь */

package/mobile/src/components/NavigatorTabs/NavigatorTabItem.tsx

@@ -7,7 +7,7 @@ export interface NavigatorTabItemProps extends LinkProps {
   onClick?: (ev: MouseEvent) => void;
 }
 
-const TEXT_CLASSES = 'font-sans font-normal text-sm';
+const TEXT_CLASSES = 'font-sans font-normal text-m-md';
 const LINK_CLASSES = 'flex-1 flex items-center justify-center cursor-pointer';
 
 export const NavigatorTabItem = JSX<NavigatorTabItemProps>(

package/mobile/src/components/NavigatorTabs/NavigatorTabs.example.json

@@ -1,7 +1,7 @@
 {
   "navigatorTabs": [
-    { "text": "Таб 1", "href": "#tab1", "target": "_self" },
-    { "text": "Таб 2", "href": "#tab2", "target": "_self" },
-    { "text": "Ссылка", "href": "https://rshb.ru", "target": "_blank" }
+    { "text": "Таб 1", "href": "", "target": "_self" },
+    { "text": "Таб 2", "href": "", "target": "_self" },
+    { "text": "Таб 3", "href": "", "target": "_self" }
   ]
 }

package/mobile/src/components/NavigatorTabs/NavigatorTabs.tsx

@@ -15,7 +15,7 @@ export const NavigatorTabs = JSX<TabsBlockProps>(
 
     return (
       <section
-        className={`sticky top-0 z-20 box-border flex gap-x-1 h-12 ${className}`}
+        className={`sticky top-0 z-20 box-border flex gap-x-1 h-14 ${className}`}
         id={anchor}
       >
         {navigatorTabs ? navigatorTabs.map(renderTab(context, href)) : null}

package/mobile/src/components/ProductBlock/ProductBlock.example.json

@@ -1,6 +1,12 @@
 {
   "title": "Продукт",
   "description": "Описание",
+  "headingType": "h2",
+  "backwardButton": {
+    "href": "https://rshb.ru",
+    "text": "Кнопка возврата",
+    "icon": { "icon": "ArrowLeftIcon" }
+  },
   "image": {
     "format": "webp",
     "size": {

package/mobile/src/components/ProductBlock/ProductBlockContent.ts

@@ -5,8 +5,15 @@ import type { DescriptionContent } from '../../ui-kit/Description/DescriptionCon
 import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
+import type { IconVersion } from '../../model/IconVersion';
 import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
 
+export type BenefitItemProps = {
+  benefit: Benefit;
+  version?: BlockVersion;
+  benefitsVersion?: IconVersion;
+};
+
 export type ProductBlockInnerContent = HeadingContent &
   HeadingTypeContent &
   DescriptionContent &
@@ -19,6 +26,7 @@ export type ProductBlockInnerContent = HeadingContent &
      * @maxItems 3
      */
     benefits?: Benefit[];
+    benefitsVersion?: IconVersion;
     version?: BlockVersion;
     /**
      *  @title Буллиты

package/mobile/src/components/ProductBlock/ProductBlockInner.tsx

@@ -20,6 +20,7 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
     headingType = 'h2',
     description,
     benefits,
+    benefitsVersion = 'normal',
     buttons,
     image,
     items,
@@ -56,7 +57,11 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
               <Description className="mt-3 text-m-md" description={description} />
             ) : null}
             {benefits?.filter((items) => items.label)?.length ? (
-              <div className="mt-3">{benefits.map((_, i) => renderBenefit(_, i, version))}</div>
+              <div className="mt-3">
+                {benefits.map((benefit, i) =>
+                  renderBenefit({ benefit, version, benefitsVersion }, i),
+                )}
+              </div>
             ) : null}
             {items?.length ? (
               <List