@redneckz/wildless-cms-uni-blocks 0.3.71 → 0.3.72

package/mobile/lib/components/ComparisonTable/TableCell.js

@@ -6,7 +6,5 @@ export const TableCell = JSX(({ cell, rowHeader, isFillGradient = false }) => {
     const cellClasses = `h-full ${DIVIDER_CLASSES}`;
     return (_jsx("div", { className: cellWrapperClasses, role: "cell", children: _jsx("div", { className: cellClasses, children: cell.map(renderCellInner(isFillGradient, rowHeader)) }) }));
 });
-const labelStyle = (isFillGradient = false) => `text-right ${isFillGradient ? 'text-white' : ''}`;
-const descriptionStyle = (isFillGradient = false) => `text-right ${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`;
-const renderCellInner = (isFillGradient, rowHeader) => ({ label, description }, i) => (_jsxs("div", { className: "flex justify-between text-m-sm py-3.5", children: [_jsx("div", { className: `${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`, children: rowHeader }), _jsxs("div", { className: "basis-1/2", children: [label ? _jsx("div", { className: labelStyle(isFillGradient), children: label }) : null, description ? (_jsx("div", { className: descriptionStyle(isFillGradient), children: description })) : null] })] }, String(i)));
+const renderCellInner = (isFillGradient, rowHeader) => ({ label, description }, i) => (_jsxs("div", { className: "flex justify-between text-m-sm py-3.5", children: [_jsx("div", { className: `${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`, children: rowHeader }), _jsxs("div", { className: "basis-1/2", children: [label ? (_jsx("div", { className: `text-right ${isFillGradient ? 'text-white' : ''}`, children: label })) : null, description ? (_jsx("div", { className: `text-right ${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`, children: description })) : null] })] }, String(i)));
 //# sourceMappingURL=TableCell.js.map

package/mobile/lib/components/ComparisonTable/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAU9C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3F,MAAM,kBAAkB,GAAG,0BAA0B,CAAC;IAEtD,MAAM,WAAW,GAAG,UAAU,eAAe,EAAE,CAAC;IAEhD,OAAO,CACL,cAAK,SAAS,EAAE,kBAAkB,EAAE,IAAI,EAAC,MAAM,YAC7C,cAAK,SAAS,EAAE,WAAW,YAAG,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,GAAO,GACrF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,CAAC,cAAc,GAAG,KAAK,EAAU,EAAE,CACpD,cAAc,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AACrD,MAAM,gBAAgB,GAAG,CAAC,cAAc,GAAG,KAAK,EAAU,EAAE,CAC1D,cAAc,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;AAE3E,MAAM,eAAe,GACnB,CAAC,cAAuB,EAAE,SAAkB,EAAE,EAAE,CAChD,CAAC,EAAE,KAAK,EAAE,WAAW,EAAY,EAAE,CAAS,EAAE,EAAE,CAC9C,CACE,eAAqB,SAAS,EAAC,uCAAuC,aACpE,cAAK,SAAS,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,qBAAqB,EAAE,YAC1E,SAAS,GACN,EACN,eAAK,SAAS,EAAC,WAAW,aACvB,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,UAAU,CAAC,cAAc,CAAC,YAAG,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EACxE,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAE,gBAAgB,CAAC,cAAc,CAAC,YAAG,WAAW,GAAO,CACtE,CAAC,CAAC,CAAC,IAAI,IACJ,KATE,MAAM,CAAC,CAAC,CAAC,CAUb,CACP,CAAC"}
+{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAU9C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3F,MAAM,kBAAkB,GAAG,0BAA0B,CAAC;IAEtD,MAAM,WAAW,GAAG,UAAU,eAAe,EAAE,CAAC;IAEhD,OAAO,CACL,cAAK,SAAS,EAAE,kBAAkB,EAAE,IAAI,EAAC,MAAM,YAC7C,cAAK,SAAS,EAAE,WAAW,YAAG,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,GAAO,GACrF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,eAAe,GACnB,CAAC,cAAuB,EAAE,SAAkB,EAAE,EAAE,CAChD,CAAC,EAAE,KAAK,EAAE,WAAW,EAAY,EAAE,CAAS,EAAE,EAAE,CAC9C,CACE,eAAqB,SAAS,EAAC,uCAAuC,aACpE,cAAK,SAAS,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,qBAAqB,EAAE,YAC1E,SAAS,GACN,EACN,eAAK,SAAS,EAAC,WAAW,aACvB,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,SAAS,EAAE,cAAc,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,YAAG,KAAK,GAAO,CAClF,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,cACE,SAAS,EAAE,cAAc,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,qBAAqB,EAAE,YAElF,WAAW,GACR,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,KAfE,MAAM,CAAC,CAAC,CAAC,CAgBb,CACP,CAAC"}

package/mobile/lib/components/ContentPage/ContentPageContext.d.ts

@@ -31,6 +31,7 @@ export interface IntersectionObserverTagProps {
     observerCallback: IntersectionObserverCallback;
     observerOptions?: IntersectionObserverInit;
 }
+export declare type IntersectionObserverComponent = (props: IntersectionObserverTagProps & Record<string, any>) => VNode;
 export interface ContentPageContext {
     useRouter: () => Router;
     useState: SetStateHook;
@@ -39,5 +40,5 @@ export interface ContentPageContext {
     useLikeService: () => LikeService;
     useSearch: () => Search;
     handlerDecorator?: HandlerDecorator;
-    IntersectionObserverTag: (props: IntersectionObserverTagProps & Record<string, any>) => VNode;
+    IntersectionObserverTag: IntersectionObserverComponent;
 }

package/mobile/lib/components/Headline/Headline.js

@@ -5,6 +5,6 @@ import { Img } from '../../ui-kit/Img/Img.js';
 import { ALIGN_TEXT, HEADLINE_BLOCK_STYLE_MAPS } from './constants.js';
 export const Headline = JSX(({ bgColorHeadline = 'transparent', className = '', title, description, image, align = 'left', }) => {
     const STYLE_MAPS = HEADLINE_BLOCK_STYLE_MAPS[bgColorHeadline];
-    return (_jsxs("section", { className: `px-4 py-6 ${STYLE_MAPS.background} ${className}`, children: [title ? (_jsx(Heading, { headingType: "h2", className: `${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`, title: title })) : null, description ? (_jsx("p", { className: `font-normal text-m-md ${STYLE_MAPS.description} ${ALIGN_TEXT[align]} ${title ? 'mt-2.5' : ''}`, children: description })) : null, image?.src && (_jsx("div", { className: "mt-5 mx-auto flex justify-center", children: _jsx(Img, { image: image }) }))] }));
+    return (_jsxs("section", { className: `px-4 py-6 flex flex-col gap-2.5 ${STYLE_MAPS.background} ${className}`, children: [title ? (_jsx(Heading, { headingType: "h2", className: `${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`, title: title })) : null, description ? (_jsx("p", { className: `font-normal text-m-md ${STYLE_MAPS.description} ${ALIGN_TEXT[align]}            `, children: description })) : null, image?.src && (_jsx("div", { className: "mt-2.5 mx-auto flex justify-center", children: _jsx(Img, { image: image }) }))] }));
 });
 //# sourceMappingURL=Headline.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAKpE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,eAAe,GAAG,aAAa,EAC/B,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,KAAK,EACL,KAAK,GAAG,MAAM,GACf,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,yBAAyB,CAAC,eAAe,CAAC,CAAC;IAC9D,OAAO,CACL,mBAAS,SAAS,EAAE,aAAa,UAAU,CAAC,UAAU,IAAI,SAAS,EAAE,aAClE,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,GAAG,UAAU,CAAC,IAAI,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,EACpD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,YACE,SAAS,EAAE,yBAAyB,UAAU,CAAC,WAAW,IAAI,UAAU,CAAC,KAAK,CAAC,IAC7E,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EACrB,EAAE,YAED,WAAW,GACV,CACL,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,GAAG,IAAI,CACb,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,GACjB,CACP,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAKpE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,eAAe,GAAG,aAAa,EAC/B,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,KAAK,EACL,KAAK,GAAG,MAAM,GACf,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,yBAAyB,CAAC,eAAe,CAAC,CAAC;IAC9D,OAAO,CACL,mBAAS,SAAS,EAAE,mCAAmC,UAAU,CAAC,UAAU,IAAI,SAAS,EAAE,aACxF,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,GAAG,UAAU,CAAC,IAAI,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,EACpD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,YACE,SAAS,EAAE,yBAAyB,UAAU,CAAC,WAAW,IAAI,UAAU,CAAC,KAAK,CAAC,cAAc,YAE5F,WAAW,GACV,CACL,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,GAAG,IAAI,CACb,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,GACjB,CACP,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/components/Headline/HeadlineContent.d.ts

@@ -1,6 +1,6 @@
 import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
 import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
-import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
+import type { HeadingContent, HeadingType } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { AlignType } from '../../model/AlignType';
 /**
@@ -9,4 +9,5 @@ import type { AlignType } from '../../model/AlignType';
 export declare type HeadlineContent = HeadingContent & DescriptionContent & ImageContent & {
     align?: AlignType;
     bgColorHeadline?: BlockVersionWithTransparent;
+    headingType?: HeadingType;
 };

package/mobile/lib/components/LinkDocs/LinkDocs.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { LinkDocsHorizontalList } from './LinkDocsHorizontalList.js';
 import { LinkDocsVerticalList } from './LinkDocsVerticalList.js';
-export const LinkDocs = JSX(({ className = '', context, title, subtitle, icon = { icon: 'DocIconMonoColor' }, documents, orientation = 'vertical', hasBorder = true, }) => {
-    return (_jsxs("section", { className: `font-sans text-primary-text py-6 px-4 bg-white overflow-x-hidden ${className}`, children: [title ? (_jsx(Heading, { headingType: "h2", className: `text-center ${subtitle ? 'mb-2' : 'mb-5'}`, title: title })) : null, subtitle ? (_jsx("h3", { className: "mt-0 font-normal mb-5 text-center text-m-md", children: subtitle })) : null, orientation === 'vertical' ? (_jsx(LinkDocsVerticalList, { hasBorder: hasBorder, documents: documents, icon: icon })) : (_jsx(LinkDocsHorizontalList, { context: context, hasBorder: hasBorder, documents: documents, icon: icon }))] }));
+import { Headline } from '../Headline/Headline.js';
+export const LinkDocs = JSX(({ className = '', context, title, description, icon = { icon: 'DocIconMonoColor' }, documents, orientation = 'vertical', hasBorder = true, }) => {
+    return (_jsxs("section", { className: `font-sans text-primary-text py-6 px-4 bg-white overflow-x-hidden ${className}`, children: [_jsx(Headline, { className: `!p-0 ${description ? 'gap-2' : 'gap-5'}`, title: title, description: description, context: context, align: "center", headingType: "h3" }), orientation === 'vertical' ? (_jsx(LinkDocsVerticalList, { hasBorder: hasBorder, documents: documents, icon: icon })) : (_jsx(LinkDocsHorizontalList, { context: context, hasBorder: hasBorder, documents: documents, icon: icon }))] }));
 });
 //# sourceMappingURL=LinkDocs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkDocs.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,EAAE,IAAI,EAAE,kBAAkB,EAAE,EACnC,SAAS,EACT,WAAW,GAAG,UAAU,EACxB,SAAS,GAAG,IAAI,GACjB,EAAE,EAAE;IACH,OAAO,CACL,mBACE,SAAS,EAAE,oEAAoE,SAAS,EAAE,aAEzF,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,eAAe,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EACtD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,aAAI,SAAS,EAAC,6CAA6C,YAAE,QAAQ,GAAM,CAC5E,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CAC5B,KAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAI,CACjF,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,GACV,CACH,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"LinkDocs.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAIhD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,WAAW,EACX,IAAI,GAAG,EAAE,IAAI,EAAE,kBAAkB,EAAE,EACnC,SAAS,EACT,WAAW,GAAG,UAAU,EACxB,SAAS,GAAG,IAAI,GACjB,EAAE,EAAE;IACH,OAAO,CACL,mBACE,SAAS,EAAE,oEAAoE,SAAS,EAAE,aAE1F,KAAC,QAAQ,IACP,SAAS,EAAE,QAAQ,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,EACpD,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,QAAQ,EACd,WAAW,EAAC,IAAI,GAChB,EACD,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CAC5B,KAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAI,CACjF,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,GACV,CACH,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/components/LinkDocs/LinkDocsContent.d.ts

@@ -24,7 +24,7 @@ export interface LinkDocsContent {
     /** @title Заголовок */
     title?: string;
     /** @title Описание */
-    subtitle?: string;
+    description?: string;
     /** @title Название иконки */
     icon?: Picture;
     /** @title Список */

package/mobile/lib/components/LinkDocs/LinkDocsHorizontalList.js

@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl.js';
 import { LinkDocsListItem } from './LinkDocsListItem.js';
 export const LinkDocsHorizontalList = JSX(({ context, hasBorder = true, documents, icon }) => {
-    return (_jsx(SwipeListControl, { context: context, className: "text-m-sm text-primary-main", children: documents?.length
+    return (_jsx(SwipeListControl, { context: context, className: "text-m-sm text-primary-main mt-5", children: documents?.length
             ? documents.map((doc, i) => (_jsx(LinkDocsListItem, { className: hasBorder ? 'rounded-md border-main-stroke border border-solid p-4' : '', doc: doc, icon: icon }, String(i))))
             : null }));
 });

package/mobile/lib/components/LinkDocs/LinkDocsHorizontalList.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkDocsHorizontalList.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocsHorizontalList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CACvC,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE;IACjD,OAAO,CACL,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,6BAA6B,YACxE,SAAS,EAAE,MAAM;YAChB,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,KAAC,gBAAgB,IAEf,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,uDAAuD,CAAC,CAAC,CAAC,EAAE,EACnF,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,IAHL,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC;YACJ,CAAC,CAAC,IAAI,GACS,CACpB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"LinkDocsHorizontalList.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocsHorizontalList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CACvC,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE;IACjD,OAAO,CACL,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,kCAAkC,YAC7E,SAAS,EAAE,MAAM;YAChB,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,KAAC,gBAAgB,IAEf,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,uDAAuD,CAAC,CAAC,CAAC,EAAE,EACnF,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,IAHL,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC;YACJ,CAAC,CAAC,IAAI,GACS,CACpB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/components/LinkDocs/LinkDocsVerticalList.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { LinkDocsListItem } from './LinkDocsListItem.js';
 export const LinkDocsVerticalList = JSX(({ hasBorder = true, documents, icon }) => {
-    return (_jsx("div", { className: `text-m-sm text-primary-main flex flex-col ${hasBorder ? 'gap-3.5' : 'gap-2'}`, role: "list", children: documents?.length
+    return (_jsx("div", { className: `text-m-sm text-primary-main flex flex-col mt-5 ${hasBorder ? 'gap-3.5' : 'gap-2'}`, role: "list", children: documents?.length
             ? documents.map((doc, i) => (_jsx("div", { role: "listitem", children: _jsx(LinkDocsListItem, { className: hasBorder ? 'rounded-md border-main-stroke border border-solid p-4' : '', doc: doc, icon: icon }) }, String(i))))
             : null }));
 });

package/mobile/lib/components/LinkDocs/LinkDocsVerticalList.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkDocsVerticalList.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocsVerticalList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE;IACxC,OAAO,CACL,cACE,SAAS,EAAE,6CAA6C,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,EACzF,IAAI,EAAC,MAAM,YAEV,SAAS,EAAE,MAAM;YAChB,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,cAAqB,IAAI,EAAC,UAAU,YAClC,KAAC,gBAAgB,IACf,SAAS,EACP,SAAS,CAAC,CAAC,CAAC,uDAAuD,CAAC,CAAC,CAAC,EAAE,EAE1E,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,GACV,IAPM,MAAM,CAAC,CAAC,CAAC,CAQb,CACP,CAAC;YACJ,CAAC,CAAC,IAAI,GACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"LinkDocsVerticalList.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocsVerticalList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE;IACxC,OAAO,CACL,cACE,SAAS,EAAE,kDACT,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAC1B,EAAE,EACF,IAAI,EAAC,MAAM,YAEV,SAAS,EAAE,MAAM;YAChB,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,cAAqB,IAAI,EAAC,UAAU,YAClC,KAAC,gBAAgB,IACf,SAAS,EACP,SAAS,CAAC,CAAC,CAAC,uDAAuD,CAAC,CAAC,CAAC,EAAE,EAE1E,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,GACV,IAPM,MAAM,CAAC,CAAC,CAAC,CAQb,CACP,CAAC;YACJ,CAAC,CAAC,IAAI,GACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/components/LinkDocs/linkDocsContentExample.js

@@ -1,6 +1,6 @@
 export const linkDocsContentExample = {
     title: 'Дополнительные документы',
-    subtitle: 'Ответы на часто задаваемые вопросы',
+    description: 'Ответы на часто задаваемые вопросы',
     documents: [
         { text: 'target self', href: '/abc1/cooldoc.doc', target: '_self' },
         { text: 'target blank', href: '/abc2/wtf.rtf', target: '_blank' },

package/mobile/lib/components/LinkDocs/linkDocsContentExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"linkDocsContentExample.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/linkDocsContentExample.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,KAAK,EAAE,0BAA0B;IACjC,QAAQ,EAAE,oCAAoC;IAC9C,SAAS,EAAE;QACT,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,OAAO,EAAE;QACnE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE;QACjE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE;QAC7C,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE;QAClC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE;QACrC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,eAAe,EAAE;QAC7C,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,gBAAgB,EAAE;QAClD;YACE,IAAI,EAAE,kIAAkI;YACxI,IAAI,EAAE,mBAAmB;YACzB,QAAQ,EAAE,OAAO;SAClB;QACD,EAAE,IAAI,EAAE,sBAAsB,EAAE,IAAI,EAAE,kBAAkB,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC7E;YACE,IAAI,EAAE,qDAAqD;YAC3D,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,MAAM;SACjB;KACF;CACF,CAAC"}
+{"version":3,"file":"linkDocsContentExample.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/linkDocsContentExample.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,KAAK,EAAE,0BAA0B;IACjC,WAAW,EAAE,oCAAoC;IACjD,SAAS,EAAE;QACT,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,OAAO,EAAE;QACnE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE;QACjE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE;QAC7C,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE;QAClC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE;QACrC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,eAAe,EAAE;QAC7C,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,gBAAgB,EAAE;QAClD;YACE,IAAI,EAAE,kIAAkI;YACxI,IAAI,EAAE,mBAAmB;YACzB,QAAQ,EAAE,OAAO;SAClB;QACD,EAAE,IAAI,EAAE,sBAAsB,EAAE,IAAI,EAAE,kBAAkB,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC7E;YACE,IAAI,EAAE,qDAAqD;YAC3D,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,MAAM;SACjB;KACF;CACF,CAAC"}

package/mobile/lib/react/IntersectionObserverTag.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
-import { IntersectionObserverTagProps } from '../components/ContentPage/ContentPageContext';
-export declare const IntersectionObserverTag: FC<IntersectionObserverTagProps>;
+import { IntersectionObserverComponent } from '../components/ContentPage/ContentPageContext';
+export declare const IntersectionObserverTag: IntersectionObserverComponent;

package/mobile/lib/react/IntersectionObserverTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntersectionObserverTag.js","sourceRoot":"","sources":["../../src/react/IntersectionObserverTag.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGhD,MAAM,CAAC,MAAM,uBAAuB,GAAqC,CAAC,KAAK,EAAE,EAAE;IACjF,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,oBAAoB,GAAG,MAAM,EAAwB,CAAC;IAC5D,MAAM,GAAG,GAAG,WAAW,CACrB,CAAC,GAAmC,EAAE,EAAE;QACtC,IAAI,GAAG,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE;YACxC,oBAAoB,CAAC,OAAO,GAAG,IAAI,oBAAoB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;YAC3F,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;SAC3C;IACH,CAAC,EACD,CAAC,gBAAgB,EAAE,eAAe,CAAC,CACpC,CAAC;IAEF,OAAO,CACL,KAAC,GAAG,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,YACpB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"IntersectionObserverTag.js","sourceRoot":"","sources":["../../src/react/IntersectionObserverTag.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,CAAC,MAAM,uBAAuB,GAAkC,CAAC,KAAK,EAAE,EAAE;IAC9E,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,oBAAoB,GAAG,MAAM,EAAwB,CAAC;IAC5D,MAAM,GAAG,GAAG,WAAW,CACrB,CAAC,GAAmC,EAAE,EAAE;QACtC,IAAI,GAAG,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE;YACxC,oBAAoB,CAAC,OAAO,GAAG,IAAI,oBAAoB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;YAC3F,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;SAC3C;IACH,CAAC,EACD,CAAC,gBAAgB,EAAE,eAAe,CAAC,CACpC,CAAC;IAEF,OAAO,CACL,KAAC,GAAG,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,YACpB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/mobile/src/components/ComparisonTable/TableCell.tsx

@@ -22,11 +22,6 @@ export const TableCell = JSX<TableCellProps>(({ cell, rowHeader, isFillGradient
   );
 });
 
-const labelStyle = (isFillGradient = false): string =>
-  `text-right ${isFillGradient ? 'text-white' : ''}`;
-const descriptionStyle = (isFillGradient = false): string =>
-  `text-right ${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`;
-
 const renderCellInner =
   (isFillGradient: boolean, rowHeader?: string) =>
   ({ label, description }: CellData, i: number) =>
@@ -36,9 +31,15 @@ const renderCellInner =
           {rowHeader}
         </div>
         <div className="basis-1/2">
-          {label ? <div className={labelStyle(isFillGradient)}>{label}</div> : null}
+          {label ? (
+            <div className={`text-right ${isFillGradient ? 'text-white' : ''}`}>{label}</div>
+          ) : null}
           {description ? (
-            <div className={descriptionStyle(isFillGradient)}>{description}</div>
+            <div
+              className={`text-right ${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`}
+            >
+              {description}
+            </div>
           ) : null}
         </div>
       </div>

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

@@ -1457,7 +1457,7 @@
       "anchor": "documents",
       "content": {
         "title": "Дополнительные документы",
-        "subtitle": "Ответы на часто задаваемые вопросы",
+        "description": "Ответы на часто задаваемые вопросы",
         "icon": {
           "icon": "DocIcon"
         },

package/mobile/src/components/ContentPage/ContentPageContext.tsx

@@ -42,6 +42,10 @@ export interface IntersectionObserverTagProps {
   observerOptions?: IntersectionObserverInit;
 }
 
+export type IntersectionObserverComponent = (
+  props: IntersectionObserverTagProps & Record<string, any>,
+) => VNode;
+
 export interface ContentPageContext {
   useRouter: () => Router;
   useState: SetStateHook;
@@ -50,5 +54,5 @@ export interface ContentPageContext {
   useLikeService: () => LikeService;
   useSearch: () => Search;
   handlerDecorator?: HandlerDecorator;
-  IntersectionObserverTag: (props: IntersectionObserverTagProps & Record<string, any>) => VNode;
+  IntersectionObserverTag: IntersectionObserverComponent;
 }

package/mobile/src/components/Headline/Headline.tsx

@@ -19,7 +19,7 @@ export const Headline = JSX<HeadlineProps>(
   }) => {
     const STYLE_MAPS = HEADLINE_BLOCK_STYLE_MAPS[bgColorHeadline];
     return (
-      <section className={`px-4 py-6 ${STYLE_MAPS.background} ${className}`}>
+      <section className={`px-4 py-6 flex flex-col gap-2.5 ${STYLE_MAPS.background} ${className}`}>
         {title ? (
           <Heading
             headingType="h2"
@@ -29,15 +29,13 @@ export const Headline = JSX<HeadlineProps>(
         ) : null}
         {description ? (
           <p
-            className={`font-normal text-m-md ${STYLE_MAPS.description} ${ALIGN_TEXT[align]} ${
-              title ? 'mt-2.5' : ''
-            }`}
+            className={`font-normal text-m-md ${STYLE_MAPS.description} ${ALIGN_TEXT[align]}            `}
           >
             {description}
           </p>
         ) : null}
         {image?.src && (
-          <div className="mt-5 mx-auto flex justify-center">
+          <div className="mt-2.5 mx-auto flex justify-center">
             <Img image={image} />
           </div>
         )}

package/mobile/src/components/Headline/HeadlineContent.ts

@@ -1,6 +1,6 @@
 import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
 import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
-import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
+import type { HeadingContent, HeadingType } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { AlignType } from '../../model/AlignType';
 
@@ -12,4 +12,5 @@ export type HeadlineContent = HeadingContent &
   ImageContent & {
     align?: AlignType;
     bgColorHeadline?: BlockVersionWithTransparent;
+    headingType?: HeadingType;
   };

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

@@ -1,6 +1,6 @@
 {
   "title": "Список документов",
-  "subtitle": "Описание",
+  "description": "Описание",
   "icon": {
     "icon": "DocIcon"
   },

package/mobile/src/components/LinkDocs/LinkDocs.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
-import { Heading } from '../../ui-kit/Heading/Heading';
 import type { LinkDocsContent } from './LinkDocsContent';
 import { LinkDocsHorizontalList } from './LinkDocsHorizontalList';
 import { LinkDocsVerticalList } from './LinkDocsVerticalList';
+import { Headline } from '../Headline/Headline';
 
 export interface LinkDocsProps extends LinkDocsContent, UniBlockProps {}
 
@@ -12,7 +12,7 @@ export const LinkDocs = JSX<LinkDocsProps>(
     className = '',
     context,
     title,
-    subtitle,
+    description,
     icon = { icon: 'DocIconMonoColor' },
     documents,
     orientation = 'vertical',
@@ -22,16 +22,14 @@ export const LinkDocs = JSX<LinkDocsProps>(
       <section
         className={`font-sans text-primary-text py-6 px-4 bg-white overflow-x-hidden ${className}`}
       >
-        {title ? (
-          <Heading
-            headingType="h2"
-            className={`text-center ${subtitle ? 'mb-2' : 'mb-5'}`}
-            title={title}
-          />
-        ) : null}
-        {subtitle ? (
-          <h3 className="mt-0 font-normal mb-5 text-center text-m-md">{subtitle}</h3>
-        ) : null}
+        <Headline
+          className={`!p-0 ${description ? 'gap-2' : 'gap-5'}`}
+          title={title}
+          description={description}
+          context={context}
+          align="center"
+          headingType="h3"
+        />
         {orientation === 'vertical' ? (
           <LinkDocsVerticalList hasBorder={hasBorder} documents={documents} icon={icon} />
         ) : (

package/mobile/src/components/LinkDocs/LinkDocsContent.ts

@@ -27,7 +27,7 @@ export interface LinkDocsContent {
   /** @title Заголовок */
   title?: string;
   /** @title Описание */
-  subtitle?: string;
+  description?: string;
   /** @title Название иконки */
   icon?: Picture;
   /** @title Список */

package/mobile/src/components/LinkDocs/LinkDocsHorizontalList.tsx

@@ -11,7 +11,7 @@ export interface LinkDocsHorizontalListProps extends LinkDocsVerticalListProps {
 export const LinkDocsHorizontalList = JSX<LinkDocsHorizontalListProps>(
   ({ context, hasBorder = true, documents, icon }) => {
     return (
-      <SwipeListControl context={context} className="text-m-sm text-primary-main">
+      <SwipeListControl context={context} className="text-m-sm text-primary-main mt-5">
         {documents?.length
           ? documents.map((doc, i) => (
               <LinkDocsListItem

package/mobile/src/components/LinkDocs/LinkDocsVerticalList.tsx

@@ -13,7 +13,9 @@ export const LinkDocsVerticalList = JSX<LinkDocsVerticalListProps>(
   ({ hasBorder = true, documents, icon }) => {
     return (
       <div
-        className={`text-m-sm text-primary-main flex flex-col ${hasBorder ? 'gap-3.5' : 'gap-2'}`}
+        className={`text-m-sm text-primary-main flex flex-col mt-5 ${
+          hasBorder ? 'gap-3.5' : 'gap-2'
+        }`}
         role="list"
       >
         {documents?.length

package/mobile/src/components/LinkDocs/linkDocsContentExample.ts

@@ -2,7 +2,7 @@ import type { LinkDocsContent } from './LinkDocsContent';
 
 export const linkDocsContentExample: LinkDocsContent = {
   title: 'Дополнительные документы',
-  subtitle: 'Ответы на часто задаваемые вопросы',
+  description: 'Ответы на часто задаваемые вопросы',
   documents: [
     { text: 'target self', href: '/abc1/cooldoc.doc', target: '_self' },
     { text: 'target blank', href: '/abc2/wtf.rtf', target: '_blank' },

package/mobile/src/react/IntersectionObserverTag.tsx

@@ -1,7 +1,7 @@
-import { FC, useCallback, useRef } from 'react';
-import { IntersectionObserverTagProps } from '../components/ContentPage/ContentPageContext';
+import { useCallback, useRef } from 'react';
+import { IntersectionObserverComponent } from '../components/ContentPage/ContentPageContext';
 
-export const IntersectionObserverTag: FC<IntersectionObserverTagProps> = (props) => {
+export const IntersectionObserverTag: IntersectionObserverComponent = (props) => {
   const { Tag, observerCallback, observerOptions, children, ...rest } = props;
 
   const intersectionObserver = useRef<IntersectionObserver>();

package/package.json

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

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

@@ -21,15 +21,6 @@ const image2: Picture = {
   },
 };
 
-const image3: Picture = {
-  src: 'card-3.png',
-  format: 'webp',
-  size: {
-    width: 100,
-    height: 63,
-  },
-};
-
 const rowHeaders = [
   { title: 'Начисление процентов на остаток по счету' },
   { title: 'Начисление процентов на остаток по счету' },

package/src/components/ComparisonTable/TableCell.mobile.tsx

@@ -22,11 +22,6 @@ export const TableCell = JSX<TableCellProps>(({ cell, rowHeader, isFillGradient
   );
 });
 
-const labelStyle = (isFillGradient = false): string =>
-  `text-right ${isFillGradient ? 'text-white' : ''}`;
-const descriptionStyle = (isFillGradient = false): string =>
-  `text-right ${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`;
-
 const renderCellInner =
   (isFillGradient: boolean, rowHeader?: string) =>
   ({ label, description }: CellData, i: number) =>
@@ -36,9 +31,15 @@ const renderCellInner =
           {rowHeader}
         </div>
         <div className="basis-1/2">
-          {label ? <div className={labelStyle(isFillGradient)}>{label}</div> : null}
+          {label ? (
+            <div className={`text-right ${isFillGradient ? 'text-white' : ''}`}>{label}</div>
+          ) : null}
           {description ? (
-            <div className={descriptionStyle(isFillGradient)}>{description}</div>
+            <div
+              className={`text-right ${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`}
+            >
+              {description}
+            </div>
           ) : null}
         </div>
       </div>

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

@@ -1457,7 +1457,7 @@
       "anchor": "documents",
       "content": {
         "title": "Дополнительные документы",
-        "subtitle": "Ответы на часто задаваемые вопросы",
+        "description": "Ответы на часто задаваемые вопросы",
         "icon": {
           "icon": "DocIcon"
         },

package/src/components/ContentPage/ContentPageContext.tsx

@@ -42,6 +42,10 @@ export interface IntersectionObserverTagProps {
   observerOptions?: IntersectionObserverInit;
 }
 
+export type IntersectionObserverComponent = (
+  props: IntersectionObserverTagProps & Record<string, any>,
+) => VNode;
+
 export interface ContentPageContext {
   useRouter: () => Router;
   useState: SetStateHook;
@@ -50,5 +54,5 @@ export interface ContentPageContext {
   useLikeService: () => LikeService;
   useSearch: () => Search;
   handlerDecorator?: HandlerDecorator;
-  IntersectionObserverTag: (props: IntersectionObserverTagProps & Record<string, any>) => VNode;
+  IntersectionObserverTag: IntersectionObserverComponent;
 }

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

@@ -17,13 +17,6 @@ const image: Picture = {
   title: 'money',
 };
 
-const buttonPrimary: ButtonCommonProps = {
-  href: '/credit-cards',
-  text: 'Подробнее',
-  target: '_blank',
-  version: 'secondary',
-  icon: { icon: 'BankIcon' },
-};
 const link: ButtonCommonProps = {
   href: '/credit-cards',
   text: 'Подробнее',

package/src/components/Headline/Headline.mobile.tsx

@@ -19,7 +19,7 @@ export const Headline = JSX<HeadlineProps>(
   }) => {
     const STYLE_MAPS = HEADLINE_BLOCK_STYLE_MAPS[bgColorHeadline];
     return (
-      <section className={`px-4 py-6 ${STYLE_MAPS.background} ${className}`}>
+      <section className={`px-4 py-6 flex flex-col gap-2.5 ${STYLE_MAPS.background} ${className}`}>
         {title ? (
           <Heading
             headingType="h2"
@@ -29,15 +29,13 @@ export const Headline = JSX<HeadlineProps>(
         ) : null}
         {description ? (
           <p
-            className={`font-normal text-m-md ${STYLE_MAPS.description} ${ALIGN_TEXT[align]} ${
-              title ? 'mt-2.5' : ''
-            }`}
+            className={`font-normal text-m-md ${STYLE_MAPS.description} ${ALIGN_TEXT[align]}            `}
           >
             {description}
           </p>
         ) : null}
         {image?.src && (
-          <div className="mt-5 mx-auto flex justify-center">
+          <div className="mt-2.5 mx-auto flex justify-center">
             <Img image={image} />
           </div>
         )}

package/src/components/Headline/Headline.tsx

@@ -15,21 +15,24 @@ export const Headline = JSX<HeadlineProps>(
     title,
     description,
     anchor = null,
+    headingType = 'h2',
   }) => {
     const STYLE_MAPS = HEADLINE_BLOCK_STYLE_MAPS[bgColorHeadline];
+
     return (
-      <section className={`p-[50px] ${STYLE_MAPS.background} ${className}`} id={anchor}>
+      <section
+        className={`p-[50px] flex flex-col gap-4 ${STYLE_MAPS.background} ${className}`}
+        id={anchor}
+      >
         {title ? (
           <Heading
-            headingType="h2"
+            headingType={headingType}
             className={`text-primary-text ${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`}
             title={title}
           />
         ) : null}
         {description ? (
-          <p className={`font-normal text-base mt-4 ${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`}>
-            {description}
-          </p>
+          <p className={`text-base ${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`}>{description}</p>
         ) : null}
       </section>
     );

package/src/components/Headline/HeadlineContent.ts

@@ -1,6 +1,6 @@
 import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
 import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
-import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
+import type { HeadingContent, HeadingType } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { AlignType } from '../../model/AlignType';
 
@@ -12,4 +12,5 @@ export type HeadlineContent = HeadingContent &
   ImageContent & {
     align?: AlignType;
     bgColorHeadline?: BlockVersionWithTransparent;
+    headingType?: HeadingType;
   };

package/src/components/LinkDocs/LinkDocs.example.json

@@ -1,6 +1,6 @@
 {
   "title": "Список документов",
-  "subtitle": "Описание",
+  "description": "Описание",
   "icon": {
     "icon": "DocIcon"
   },

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

@@ -5,12 +5,7 @@ import { linkDocsContentExample } from './linkDocsContentExample';
 export default {
   'vertical (default)': (
     <div className="container grid grid-cols-12">
-      <LinkDocs
-        className="col-span-12"
-        context={mobileContext}
-        subtitle="Откройте мультивалютный вклад, чтобы распределить свои вложения"
-        {...linkDocsContentExample}
-      />
+      <LinkDocs className="col-span-12" context={mobileContext} {...linkDocsContentExample} />
     </div>
   ),
   'vertical, no border': (