@redneckz/wildless-cms-uni-blocks 0.6.39 → 0.6.41

package/mobile/lib/components/VerticalLayout/VerticalLayout.js

@@ -8,10 +8,10 @@ const alignStyle = {
     right: 'items-end',
 };
 const gapStyleMap = {
-    XXL: 'gap-10',
-    XL: 'gap-8',
-    L: 'gap-4',
-    M: 'gap-3',
+    XXL: 'gap-12',
+    XL: 'gap-10',
+    L: 'gap-8',
+    M: 'gap-4',
     S: 'gap-2',
     XS: 'gap-1',
     '': '',
@@ -21,15 +21,20 @@ const backgroundStyleMap = {
     primary: 'bg-white',
     secondary: 'bg-primary-main',
 };
-export const VerticalLayout = JSX(({ className = '', gap = '', align, version = 'transparent', ...rest }) => (_jsx(BlockWrapper, { className: [
-        'flex flex-col',
-        gapStyleMap[gap],
-        align && alignStyle[align],
-        backgroundStyleMap[version],
-        className,
-    ]
-        .filter(Boolean)
-        .join(' '), ...rest, children: renderChildren(rest) })));
+export const VerticalLayout = JSX(({ className = '', gap = '', align, isPadding = false, isInnerPadding = true, version = 'transparent', options, ...rest }) => {
+    const paddingStyle = isPadding ? 'p-12' : '';
+    const innerPaddingStyle = isInnerPadding ? '' : '!p-0';
+    return (_jsx(BlockWrapper, { className: [
+            'flex flex-col [&>*]:max-w-full',
+            paddingStyle,
+            gapStyleMap[gap],
+            align && alignStyle[align],
+            backgroundStyleMap[version],
+            className,
+        ]
+            .filter(Boolean)
+            .join(' '), ...rest, children: renderChildren({ ...rest, options: { ...options, className: innerPaddingStyle } }) }));
+});
 VerticalLayout.childrenTypes = {
     exclude: ['VerticalLayout'],
 };

package/mobile/lib/components/VerticalLayout/VerticalLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalLayout.js","sourceRoot":"","sources":["../../../src/components/VerticalLayout/VerticalLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAIpE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKzD,MAAM,UAAU,GAA8B;IAC5C,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,cAAc;IACtB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,WAAW,GAA+B;IAC9C,GAAG,EAAE,QAAQ;IACb,EAAE,EAAE,OAAO;IACX,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,kBAAkB,GAAgD;IACtE,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,iBAAiB;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,GAAG,CAC9D,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,aAAa,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACzE,KAAC,YAAY,IACX,SAAS,EAAE;QACT,eAAe;QACf,WAAW,CAAC,GAAG,CAAC;QAChB,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC;QAC1B,kBAAkB,CAAC,OAAO,CAAC;QAC3B,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,KACR,IAAI,YAEP,cAAc,CAAC,IAAI,CAAC,GACR,CAChB,CACF,CAAC;AAEF,cAAc,CAAC,aAAa,GAAG;IAC7B,OAAO,EAAE,CAAC,gBAAgB,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"VerticalLayout.js","sourceRoot":"","sources":["../../../src/components/VerticalLayout/VerticalLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAIpE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKzD,MAAM,UAAU,GAA8B;IAC5C,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,cAAc;IACtB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,WAAW,GAA+B;IAC9C,GAAG,EAAE,QAAQ;IACb,EAAE,EAAE,QAAQ;IACZ,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,kBAAkB,GAAgD;IACtE,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,iBAAiB;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,GAAG,CAC9D,CAAC,EACC,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,EAAE,EACR,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,cAAc,GAAG,IAAI,EACrB,OAAO,GAAG,aAAa,EACvB,OAAO,EACP,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7C,MAAM,iBAAiB,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvD,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE;YACT,gCAAgC;YAChC,YAAY;YACZ,WAAW,CAAC,GAAG,CAAC;YAChB,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC;YAC1B,kBAAkB,CAAC,OAAO,CAAC;YAC3B,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,KACR,IAAI,YAEP,cAAc,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAAE,CAAC,GACtE,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,aAAa,GAAG;IAC7B,OAAO,EAAE,CAAC,gBAAgB,CAAC;CAC5B,CAAC"}

package/mobile/lib/components/VerticalLayout/VerticalLayoutContent.d.ts

@@ -14,4 +14,8 @@ export interface VerticalLayoutContent {
     version?: BlockVersionWithTransparent;
     align?: AlignType;
     gap?: GapVersion;
+    /** @title Внутренний отступ компоновщика */
+    isPadding?: boolean;
+    /** @title Отступы вложенных компонентов */
+    isInnerPadding?: boolean;
 }

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

@@ -9,4 +9,5 @@ export declare type BlockVersion = 'primary' | 'secondary';
  */
 export declare type BlockVersionWithTransparent = 'transparent' | 'primary' | 'secondary';
 export declare const VersionStyleMap: Record<BlockVersion, string>;
+export declare const VersionAdditionalStyleMap: Record<BlockVersion, string>;
 export declare const VersionWithTransparentStyleMap: Record<BlockVersionWithTransparent, string>;

package/mobile/lib/model/BlockVersion.js

@@ -2,6 +2,10 @@ export const VersionStyleMap = {
     primary: 'bg-white text-primary-text',
     secondary: 'bg-primary-main text-white',
 };
+export const VersionAdditionalStyleMap = {
+    primary: 'text-secondary-text',
+    secondary: 'text-white',
+};
 export const VersionWithTransparentStyleMap = {
     transparent: '',
     primary: 'bg-white text-primary-text',

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

@@ -1 +1 @@
-{"version":3,"file":"BlockVersion.js","sourceRoot":"","sources":["../../src/model/BlockVersion.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,eAAe,GAAiC;IAC3D,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAgD;IACzF,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC"}
+{"version":3,"file":"BlockVersion.js","sourceRoot":"","sources":["../../src/model/BlockVersion.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,eAAe,GAAiC;IAC3D,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAiC;IACrE,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAgD;IACzF,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC"}

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

@@ -0,0 +1,5 @@
+import type { Picture } from './Picture';
+export declare type LogoType = {
+    image?: Picture;
+    title?: string;
+};

package/mobile/lib/model/LogoType.js

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

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

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

package/mobile/lib/services/sitemap/SitemapProps.d.ts

@@ -1,4 +1,5 @@
 import type { LinkProps } from '../../model/LinkProps';
+import type { LogoType } from '../../model/LogoType';
 import type { Picture } from '../../model/Picture';
 /**
  * @title Ссылка
@@ -19,10 +20,7 @@ export interface DispositionItem extends LinkProps {
 export interface SitemapDataProps {
     topItems?: TopMenuItem[];
     dispositions?: DispositionItem[];
-    logo?: {
-        image?: Picture;
-        title?: string;
-    };
+    logo?: LogoType;
     defaultLocation?: string;
     officesLink?: string;
 }

package/mobile/lib/ui-kit/Button/ButtonSection.d.ts

@@ -9,5 +9,5 @@ interface RenderButtonProps {
     index?: number;
 }
 export declare const ButtonSection: import("@redneckz/uni-jsx").UNIComponent<ButtonSectionProps, any, any>;
-export declare function renderButton({ button, buttonClassName, index }: RenderButtonProps): JSX.Element;
+export declare function renderButton({ button, buttonClassName, index }: RenderButtonProps): JSX.Element | null;
 export {};

package/mobile/lib/ui-kit/Button/ButtonSection.js

@@ -4,11 +4,11 @@ import { Img } from '../Img/Img.js';
 import { Button } from './Button.js';
 export const ButtonSection = JSX(({ className = '', buttons }) => buttons && buttons?.length ? (_jsx("div", { className: className, children: buttons.map((button, index) => renderButton({ button, index })) })) : null);
 export function renderButton({ button, buttonClassName, index }) {
-    const { icon, iconRight, version, ...rest } = button;
+    const { icon, iconRight, version, text, ...rest } = button;
     const iconVersion = version === 'secondary' ? 'color' : 'white';
     const leftIcon = renderButtonIcon({ ...icon, iconVersion: iconVersion });
     const rightIcon = renderButtonIcon({ ...iconRight, iconVersion: iconVersion });
-    return (_jsx(Button, { className: buttonClassName, appendLeft: leftIcon, appendRight: rightIcon, version: version, ...rest }, index ? String(index) : ''));
+    return text ? (_jsx(Button, { className: buttonClassName, appendLeft: leftIcon, appendRight: rightIcon, version: version, text: text, ...rest }, index ? String(index) : '')) : null;
 }
 const renderButtonIcon = (icon) => {
     if (!icon?.icon && !icon?.src) {

package/mobile/lib/ui-kit/Button/ButtonSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSection.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAYlC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAqB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CACnF,OAAO,IAAI,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAC3B,cAAK,SAAS,EAAE,SAAS,YACtB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAC5D,CACP,CAAC,CAAC,CAAC,IAAI,CACT,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAqB;IAChF,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,CAAC;IAErD,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAEhE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,WAAW,EAAa,CAAC,CAAC;IACpF,MAAM,SAAS,GAAG,gBAAgB,CAAC,EAAE,GAAG,SAAS,EAAE,WAAW,EAAE,WAAW,EAAa,CAAC,CAAC;IAE1F,OAAO,CACL,KAAC,MAAM,IAEL,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,QAAQ,EACpB,WAAW,EAAE,SAAS,EACtB,OAAO,EAAE,OAAO,KACZ,IAAI,IALH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAM/B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG,CAAC,IAAa,EAAE,EAAE;IACzC,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;QAC7B,OAAO,IAAI,CAAC;KACb;IACD,MAAM,SAAS,GAAG,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAElE,OAAO,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC;AACzE,CAAC,CAAC"}
+{"version":3,"file":"ButtonSection.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAYlC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAqB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CACnF,OAAO,IAAI,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAC3B,cAAK,SAAS,EAAE,SAAS,YACtB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAC5D,CACP,CAAC,CAAC,CAAC,IAAI,CACT,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAqB;IAChF,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,CAAC;IAE3D,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAChE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,WAAW,EAAa,CAAC,CAAC;IACpF,MAAM,SAAS,GAAG,gBAAgB,CAAC,EAAE,GAAG,SAAS,EAAE,WAAW,EAAE,WAAW,EAAa,CAAC,CAAC;IAE1F,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,KAAC,MAAM,IAEL,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,QAAQ,EACpB,WAAW,EAAE,SAAS,EACtB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,KACN,IAAI,IANH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAO/B,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,MAAM,gBAAgB,GAAG,CAAC,IAAa,EAAE,EAAE;IACzC,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;QAC7B,OAAO,IAAI,CAAC;KACb;IACD,MAAM,SAAS,GAAG,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAElE,OAAO,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC;AACzE,CAAC,CAAC"}

package/mobile/lib/ui-kit/Logo/Logo.d.ts

@@ -1,8 +1,10 @@
+import type { LogoType } from '../../model/LogoType';
 export interface LogoProps {
     className: string;
     href: string;
     targetBlank: boolean;
     bgColor?: string;
     showTitle?: boolean;
+    logo?: LogoType;
 }
 export declare const Logo: import("@redneckz/uni-jsx").UNIComponent<Partial<LogoProps>, any, any>;

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

@@ -1,19 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { Img } from '../Img/Img.js';
-const ICON_VERSION_MAP = {
-    'bg-white': 'color',
-    transparent: 'white',
-};
-const SVG_COLOR = {
-    'bg-white': 'text-primary-main',
-    transparent: 'text-white',
-};
-const TEXT_COLOR = {
-    'bg-white': 'text-black',
-    transparent: 'text-white',
-};
-export const Logo = JSX(({ className = '', href, children, targetBlank, bgColor = 'bg-white', showTitle = true }) => {
-    return (_jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className}`, href: href || 'https://rshb.ru/', target: targetBlank ? '_blank' : '_self', "aria-label": "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A", children: [_jsx(Img, { image: { icon: 'LogoIcon', iconVersion: ICON_VERSION_MAP[bgColor] }, className: `${SVG_COLOR[bgColor]}`, width: "34", height: "34", asSVG: true }), showTitle ? (_jsx("span", { className: `${TEXT_COLOR[bgColor]} text-s font-medium ml-2.5`, children: children || 'Россельхозбанк' })) : null] }));
+import { renderImage } from './renderImage.js';
+import { renderTitle } from './renderTitle.js';
+export const Logo = JSX(({ bgColor = 'bg-white', children, className = '', href, logo, showTitle = true, targetBlank, }) => {
+    return (_jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className}`, href: href || 'https://rshb.ru/', target: targetBlank ? '_blank' : '_self', "aria-label": logo?.title || 'Россельхозбанк', children: [renderImage(bgColor, logo?.image, { width: '34', height: '34' }), showTitle ? renderTitle(children || logo?.title, bgColor, 'text-s') : null] }));
 });
 //# sourceMappingURL=Logo.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../src/ui-kit/Logo/Logo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAUjC,MAAM,gBAAgB,GAAmC;IACvD,UAAU,EAAE,OAAO;IACnB,WAAW,EAAE,OAAO;CACrB,CAAC;AAEF,MAAM,SAAS,GAAmC;IAChD,UAAU,EAAE,mBAAmB;IAC/B,WAAW,EAAE,YAAY;CAC1B,CAAC;AAEF,MAAM,UAAU,GAAmC;IACjD,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,YAAY;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,GAAG,UAAU,EAAE,SAAS,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1F,OAAO,CACL,aACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,IAAI,EAAE,IAAI,IAAI,kBAAkB,EAChC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,gBAC7B,sFAAgB,aAE3B,KAAC,GAAG,IACF,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAAE,EACnE,SAAS,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,EAAE,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,EACD,SAAS,CAAC,CAAC,CAAC,CACX,eAAM,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,4BAA4B,YAChE,QAAQ,IAAI,gBAAgB,GACxB,CACR,CAAC,CAAC,CAAC,IAAI,IACN,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../src/ui-kit/Logo/Logo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EACC,OAAO,GAAG,UAAU,EACpB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,IAAI,EACJ,SAAS,GAAG,IAAI,EAChB,WAAW,GACZ,EAAE,EAAE;IACH,OAAO,CACL,aACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,IAAI,EAAE,IAAI,IAAI,kBAAkB,EAChC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,gBAC5B,IAAI,EAAE,KAAK,IAAI,gBAAgB,aAE1C,WAAW,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAChE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,IAAI,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,IACzE,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/Logo/renderImage.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { Picture } from '../../model/Picture';
+export declare const renderImage: (bgColor: string, image?: Picture, size?: {
+    width: string;
+    height: string;
+}) => JSX.Element;

package/mobile/lib/ui-kit/Logo/renderImage.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { Img } from '../Img/Img.js';
+const ICON_VERSION_MAP = {
+    'bg-white': 'color',
+    transparent: 'white',
+};
+const SVG_COLOR = {
+    'bg-white': 'text-primary-main',
+    transparent: 'text-white',
+};
+export const renderImage = (bgColor, image, size) => {
+    return image?.src ? (_jsx(Img, { image: image, className: SVG_COLOR[bgColor], width: size?.width, height: size?.height, asSVG: true })) : (_jsx(Img, { image: {
+            icon: image?.icon || 'LogoIcon',
+            iconVersion: ICON_VERSION_MAP[bgColor],
+        }, className: SVG_COLOR[bgColor], width: size?.width, height: size?.height, asSVG: true }));
+};
+//# sourceMappingURL=renderImage.js.map

package/mobile/lib/ui-kit/Logo/renderImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderImage.js","sourceRoot":"","sources":["../../../src/ui-kit/Logo/renderImage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEjC,MAAM,gBAAgB,GAAmC;IACvD,UAAU,EAAE,OAAO;IACnB,WAAW,EAAE,OAAO;CACrB,CAAC;AAEF,MAAM,SAAS,GAAmC;IAChD,UAAU,EAAE,mBAAmB;IAC/B,WAAW,EAAE,YAAY;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,OAAe,EACf,KAAe,EACf,IAAwC,EACxC,EAAE;IACF,OAAO,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAClB,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,EAC7B,KAAK,EAAE,IAAI,EAAE,KAAK,EAClB,MAAM,EAAE,IAAI,EAAE,MAAM,EACpB,KAAK,SACL,CACH,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,IACF,KAAK,EAAE;YACL,IAAI,EAAE,KAAK,EAAE,IAAI,IAAI,UAAU;YAC/B,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC;SACvC,EACD,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,EAC7B,KAAK,EAAE,IAAI,EAAE,KAAK,EAClB,MAAM,EAAE,IAAI,EAAE,MAAM,EACpB,KAAK,SACL,CACH,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/ui-kit/Logo/renderTitle.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { VNode } from '../../model/VNode';
+export declare const renderTitle: (title: VNode, bgColor: string, className?: string) => JSX.Element;

package/mobile/lib/ui-kit/Logo/renderTitle.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+const TEXT_COLOR = {
+    'bg-white': 'text-primary-text',
+    transparent: 'text-white',
+};
+export const renderTitle = (title, bgColor, className) => {
+    return (_jsx("span", { className: `${TEXT_COLOR[bgColor]} ml-2.5 font-medium ${className || ''}`, children: title || 'Россельхозбанк' }));
+};
+//# sourceMappingURL=renderTitle.js.map

package/mobile/lib/ui-kit/Logo/renderTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderTitle.js","sourceRoot":"","sources":["../../../src/ui-kit/Logo/renderTitle.tsx"],"names":[],"mappings":";AAGA,MAAM,UAAU,GAAmC;IACjD,UAAU,EAAE,mBAAmB;IAC/B,WAAW,EAAE,YAAY;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,OAAe,EAAE,SAAkB,EAAE,EAAE;IAC/E,OAAO,CACL,eAAM,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,uBAAuB,SAAS,IAAI,EAAE,EAAE,YAC5E,KAAK,IAAI,gBAAgB,GACrB,CACR,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.d.ts

@@ -10,7 +10,7 @@ interface SwipeListContainerProps extends SwipeContainerProps {
         current: HTMLDivElement | null;
     };
     activeIndex?: number;
-    visibleItemCount?: SwipeListItemWidthAuto | 1 | 2 | 3;
+    visibleItemCount?: SwipeListItemWidthAuto | 1 | 2 | 3 | 4;
     snapAlign?: 'snap-start' | 'snap-center' | 'snap-end';
     onVisibleItemsChange?: (itemsVisibilityList: ItemsVisibilityList) => void;
     onVisibleIndicesChange?: (indices: number[]) => void;

package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.js

@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import { mapChildren } from '../../utils/mapChildren.js';
 import { SwipeListItem } from './SwipeListItem.js';
-const childStyleMap = ['min-w-[100%]', 'min-w-[50%]', 'min-w-[33.33%]'];
+const childStyleMap = ['min-w-[100%]', 'min-w-[50%]', 'min-w-[33.33%]', 'min-w-[25%]'];
 export const SwipeListContainer = JSX(({ className = '', containerRef, activeIndex, visibleItemCount, gap = 0, padding = 0, snapAlign = 'snap-center', children, onVisibleItemsChange, onVisibleIndicesChange, }) => {
     const observerOptions = {
         sensitivity: 1,

package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListContainer.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAmBhD,MAAM,aAAa,GAAG,CAAC,cAAc,EAAE,aAAa,EAAE,gBAAgB,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,GAAG,GAAG,CAAC,EACP,OAAO,GAAG,CAAC,EACX,SAAS,GAAG,aAAa,EACzB,QAAQ,EACR,oBAAoB,EACpB,sBAAsB,GACvB,EAAE,EAAE;IACH,MAAM,eAAe,GAAgC;QACnD,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,YAAY;KACtB,CAAC;IAEF,MAAM,sBAAsB,GAAG,MAAM,CAAsB,EAAE,CAAC,CAAC;IAC/D,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,GAAW,EAAE,KAAgC,EAAE,EAAE;QAChD,MAAM,mBAAmB,GAAG,CAAC,GAAG,CAAC,sBAAsB,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC;QACxE,mBAAmB,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QACjC,sBAAsB,CAAC,OAAO,GAAG,mBAAmB,CAAC;QAErD,oBAAoB,IAAI,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;QAClE,sBAAsB,IAAI,sBAAsB,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC3F,CAAC,EACD,CAAC,oBAAoB,EAAE,sBAAsB,CAAC,CAC/C,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,8DAA8D,SAAS,EAAE,EACpF,KAAK,EAAE,EAAE,GAAG,iBAAiB,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,EAAE,EACzD,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,YAAY,YAEhB,WAAW,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3B,KAAC,aAAa,IAEZ,SAAS,EAAE,GAAG,SAAS,IACrB,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3D,EAAE,EACF,KAAK,EAAE,iBAAiB,CAAC,OAAO,GAAG,CAAC,CAAC,EACrC,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,kBAAkB,YAEjC,KAAK,IAVD,MAAM,CAAC,GAAG,CAAC,CAWF,CACjB,CAAC,CAAC,QAAQ,CAAC,GACR,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kFAAkF;AAClF,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAA0B,EAAE,CAAC,CAAC;IACtE,UAAU,EAAE,GAAG,CAAC,OAAO,IAAI;IAC3B,WAAW,EAAE,GAAG,CAAC,OAAO,IAAI;IAC5B,WAAW,EAAE,GAAG,OAAO,IAAI;IAC3B,YAAY,EAAE,GAAG,OAAO,IAAI;CAC7B,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,CAAC,mBAAwC,EAAE,EAAE,CACrE,mBAAmB;KAChB,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAmD,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KACtE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,iBAAiB,IAAI,GAAG,CAAC;KAChD,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"SwipeListContainer.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListContainer.tsx"],"names":[],"mappings":"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"}

package/mobile/src/BlockRenderer/BlockRendererOptions.ts

@@ -9,4 +9,5 @@ export interface BlockRendererOptions {
   blocksRegistry?: BlocksRegistry;
   parent?: Slot;
   ancestors?: BlockAncestors;
+  className?: string;
 }

package/mobile/src/BlockRenderer/renderBlock.tsx

@@ -13,6 +13,7 @@ export function renderBlock(block: BlockDef, options: BlockRendererOptions) {
     blockDecorator = defaultBlockDecorator,
     blocksRegistry = {},
     ancestors = DEFAULT_ANCESTORS,
+    className = '',
   } = options;
   const { type } = block;
 
@@ -24,7 +25,7 @@ export function renderBlock(block: BlockDef, options: BlockRendererOptions) {
 
   return blockDecorator(
     {
-      blockClassName: `scroll-mt-12 ${style2className(block.style || DEFAULT_STYLE)}`, // TODO scroll-mt-12 ? here?
+      blockClassName: `scroll-mt-12 ${className} ${style2className(block.style || DEFAULT_STYLE)}`, // TODO scroll-mt-12 ? here?
       block,
       ancestors,
       // Adjusted by decorator block and blockClassName

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

@@ -0,0 +1,10 @@
+{
+  "content": {
+    "button": {
+      "href": "/credit-cards",
+      "text": "Подробнее",
+      "target": "_blank",
+      "version": "primary"
+    }
+  }
+}

package/mobile/src/components/ButtonBlock/ButtonBlock.tsx

@@ -0,0 +1,17 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { renderButton } from '../../ui-kit/Button/ButtonSection';
+import type { ButtonBlockContent } from './ButtonBlockContent';
+
+interface ButtonBlockProps extends ButtonBlockContent, UniBlockProps {}
+
+export const ButtonBlock = JSX<ButtonBlockProps>((props) => {
+  const { className, button, ...rest } = props;
+
+  return (
+    <BlockWrapper className={className} {...rest}>
+      {button ? renderButton({ button }) : null}
+    </BlockWrapper>
+  );
+});

package/mobile/src/components/ButtonBlock/ButtonBlock.ui.json

@@ -0,0 +1,12 @@
+{
+  "content": {
+    "button": {
+      "icon": {
+        "ui:field": "icon"
+      },
+      "iconRight": {
+        "ui:field": "icon"
+      }
+    }
+  }
+}

package/mobile/src/components/ButtonBlock/ButtonBlockContent.ts

@@ -0,0 +1,9 @@
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+
+/**
+ * @title Блок Кнопка
+ */
+export interface ButtonBlockContent {
+  /** @title Кнопка */
+  button?: ButtonWithIconProps;
+}

package/mobile/src/components/Calculator/constants.ts

@@ -18,7 +18,7 @@ export const DEFAULT_CREDIT_CALCULATOR_PARAMS: CreditCalculatorSourceBookParams
   maxSum: DEFAULT_MAX_SUM,
   minMonths: DEFAULT_MIN_MONTHS,
   maxMonths: DEFAULT_MAX_MONTHS,
-  rateBottomRange: 10,
+  rateBottomRange: 12,
   rateTopRange: 7,
   isSalaryClient: true,
   isStateEmployee: true,

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

@@ -1,5 +1,4 @@
 {
-  "cardWidth": 1200,
   "isBlur": false,
   "visibleItemCount": 1,
   "isCycle": false

package/mobile/src/components/Carousel/Carousel.tsx

@@ -30,23 +30,25 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
     });
 
     return (
-      <BlockWrapper className={`relative font-sans ${className}`} {...rest}>
-        <SwipeListContainer
-          containerRef={containerRef}
-          visibleItemCount={visibleItemCount}
-          snapAlign="snap-start"
-          gap={ITEMS_GAP}
-          onVisibleIndicesChange={scroll.handleVisibleIndicesChange}
-        >
-          {renderChildren(rest)}
-        </SwipeListContainer>
-        {(scroll.canScrollLeft || scroll.canScrollRight) && isBlur ? (
-          <div>
-            <div className={`${blurBaseStyle} left-0 bg-opacity-from-white`} />
-            <div className={`${blurBaseStyle} right-0 bg-opacity-to-white`} />
-          </div>
-        ) : null}
-        {renderScrollButtons(scroll)}
+      <BlockWrapper className={`font-sans p-12 ${className}`} {...rest}>
+        <div className="relative max-w-full">
+          <SwipeListContainer
+            containerRef={containerRef}
+            visibleItemCount={visibleItemCount}
+            snapAlign="snap-start"
+            gap={ITEMS_GAP}
+            onVisibleIndicesChange={scroll.handleVisibleIndicesChange}
+          >
+            {renderChildren(rest)}
+          </SwipeListContainer>
+          {(scroll.canScrollLeft || scroll.canScrollRight) && isBlur ? (
+            <div>
+              <div className={`${blurBaseStyle} left-0 bg-opacity-from-white`} />
+              <div className={`${blurBaseStyle} right-0 bg-opacity-to-white`} />
+            </div>
+          ) : null}
+          {renderScrollButtons(scroll)}
+        </div>
       </BlockWrapper>
     );
   },
@@ -54,8 +56,9 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
 
 Carousel.childrenTypes = [
   'CarouselCard',
+  'CarouselCatalogCard',
   'CarouselTariffsCard',
-  'CarouselLinks',
+  'CarouselProductCard',
   'CarouselProgramsCard',
   'CarouselInvestmentCard',
 ];

package/mobile/src/components/Carousel/CarouselContent.ts

@@ -6,7 +6,7 @@ export interface CarouselContent {
    * @title Количество видимых карточек
    * @enumNames ["auto", "1", "2", "3"]
    */
-  visibleItemCount?: 0 | 1 | 2 | 3;
+  visibleItemCount?: 0 | 1 | 2 | 3 | 4;
   /** @title Добавление  блюра */
   isBlur?: boolean;
   /** @title Цикличность */

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

@@ -0,0 +1,17 @@
+{
+  "title": "Заголовок карточки 1",
+  "description": "Описание карточки",
+  "image": {
+    "format": "webp",
+    "size": {
+      "width": 230,
+      "height": 230
+    }
+  },
+  "button": {
+    "href": "",
+    "text": "Подробнее",
+    "target": "_self",
+    "version": "primary"
+  }
+}

package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCard.tsx

@@ -0,0 +1,62 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { BlockVersion } from '../../model/BlockVersion';
+import { VersionStyleMap } from '../../model/BlockVersion';
+import type { ProductColorVersion } from '../../model/ProductColorVersion';
+import { renderButton } from '../../ui-kit/Button/ButtonSection';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { Img } from '../../ui-kit/Img/Img';
+import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
+import { Text } from '../../ui-kit/Text/Text';
+import type { CarouselCatalogCardContent } from './CarouselCatalogCardContent';
+
+export interface CarouselCatalogCardProps extends CarouselCatalogCardContent {
+  className?: string;
+  version?: BlockVersion;
+}
+
+const cardStyleMap: Record<ProductColorVersion, string> = {
+  black: 'bg-black',
+  white: 'bg-white',
+};
+
+export const CarouselCatalogCard = JSX<CarouselCatalogCardProps>(
+  ({ className = '', title, description, image, price, button, colors, version = 'primary' }) => (
+    <section
+      className={`border box-border border-main-stroke p-7 min-w-[392px] flex flex-col justify-left ${VersionStyleMap[version]} ${className}`}
+      role="listitem"
+    >
+      {image?.src ? <Img className="mb-5 flex justify-center" image={image} /> : null}
+      {title ? (
+        <Heading headingType="h6" as="h4" className="text-left mb-1.5" title={title} />
+      ) : null}
+      {description ? (
+        <div className="mb-4">
+          <Paragraph size="text-m" align="text-left" font="font-light">
+            {description}
+          </Paragraph>
+        </div>
+      ) : null}
+      {colors?.length ? (
+        <div className="flex mb-4 text-s-light text-secondary-text">
+          <div className="mr-1.5">
+            <Text>Доступные цвета: </Text>
+          </div>
+          {colors.map(renderColorOption)}
+        </div>
+      ) : null}
+      {price ? (
+        <Text size="text-h3" align="text-left">
+          {price}&nbsp;₽
+        </Text>
+      ) : null}
+      {button ? renderButton({ button, buttonClassName: 'mt-5 w-full' }) : null}
+    </section>
+  ),
+);
+
+const renderColorOption = (color: ProductColorVersion, i: number) => (
+  <span
+    key={String(i)}
+    className={`w-6 h-6 ml-3 border border-solid border-main-divider rounded-full ${cardStyleMap[color]}`}
+  />
+);

package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCard.ui.json

@@ -0,0 +1,10 @@
+{
+  "content": {
+    "image": {
+      "ui:field": "picture"
+    },
+    "price": {
+      "ui:field": "number"
+    }
+  }
+}

package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCardContent.ts

@@ -0,0 +1,25 @@
+import type { BlockVersion } from '../../model/BlockVersion';
+import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { ProductColorVersion } from '../../model/ProductColorVersion';
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import type { ImageContent } from '../../ui-kit/Img/ImgProps';
+
+/**
+ * @title Карточка каталога
+ */
+export type CarouselCatalogCardContent = HeadlineCommonProps &
+  ImageContent & {
+    /** @title Цена в рублях */
+    price?: number;
+    /** @title Доступные цвета */
+    colors?: ProductColorVersion[];
+    /**
+     * @title Кнопка
+     * @default {
+     *  "icon": { "format": "webp", "size": { "width": 24, "height": 24 } },
+     *  "iconRight" : { "format": "webp", "size": { "width": 24, "height": 24 } }
+     * }
+     */
+    button?: ButtonWithIconProps;
+    version?: BlockVersion;
+  };