@redneckz/wildless-cms-uni-blocks 0.5.15 → 0.6.16

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

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { AlignText } from '../../model/AlignText.js';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { Img } from '../../ui-kit/Img/Img.js';
-import { ALIGN_TEXT, HEADLINE_BLOCK_STYLE_MAPS } from './constants.js';
+import { 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 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: `text-m ${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 }) }))] }));
+    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} ${AlignText[align]}`, title: title })) : null, description ? (_jsx("p", { className: `text-m ${STYLE_MAPS.description} ${AlignText[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;IAE9D,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,YAAG,SAAS,EAAE,UAAU,UAAU,CAAC,WAAW,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,YAAG,WAAW,GAAK,CACzF,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"}
+{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAKxD,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;IAE9D,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,SAAS,CAAC,KAAK,CAAC,EAAE,EACnD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAE,UAAU,UAAU,CAAC,WAAW,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,YAAG,WAAW,GAAK,CACxF,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/constants.d.ts

@@ -1,8 +1,6 @@
-import type { AlignType } from '../../model/AlignType';
 import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
 import type { HeadlineSmallVersion, HeadlineVersion } from '../../model/HeadlineType';
 import type { HeadingTagType, HeadingType } from '../../ui-kit/Heading/HeadingProps';
-export declare const ALIGN_TEXT: Record<AlignType, string>;
 declare type StyleType = {
     background: string;
     text: string;

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

@@ -1,8 +1,3 @@
-export const ALIGN_TEXT = {
-    left: 'text-left',
-    center: 'text-center',
-    right: 'text-right',
-};
 export const HEADLINE_BLOCK_STYLE_MAPS = {
     transparent: {
         background: 'bg-transparent',
@@ -53,6 +48,7 @@ export const HEADLINE_VERSION = {
     },
 };
 export const HEADLINE_SMALL_VERSION = {
+    H6: 'text-h6',
     XL_L: 'text-xl-light',
     XL_R: 'text-xl',
     L_L: 'text-l-light',

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/Headline/constants.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,UAAU,GAA8B;IACnD,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;CACpB,CAAC;AAeF,MAAM,CAAC,MAAM,yBAAyB,GAAmD;IACvF,WAAW,EAAE;QACX,UAAU,EAAE,gBAAgB;QAC5B,IAAI,EAAE,mBAAmB;QACzB,WAAW,EAAE,mBAAmB;KACjC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,mBAAmB;QACzB,WAAW,EAAE,mBAAmB;KACjC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,IAAI,EAAE,YAAY;QAClB,WAAW,EAAE,eAAe;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA8C;IACzE,GAAG,EAAE;QACH,eAAe,EAAE,SAAS;QAC1B,GAAG,EAAE,YAAY;QACjB,WAAW,EAAE,IAAI;QACjB,EAAE,EAAE,IAAI;KACT;IACD,EAAE,EAAE;QACF,eAAe,EAAE,eAAe;QAChC,GAAG,EAAE,OAAO;QACZ,WAAW,EAAE,IAAI;QACjB,EAAE,EAAE,IAAI;KACT;IACD,CAAC,EAAE;QACD,eAAe,EAAE,eAAe;QAChC,GAAG,EAAE,OAAO;QACZ,WAAW,EAAE,IAAI;QACjB,EAAE,EAAE,IAAI;KACT;IACD,CAAC,EAAE;QACD,eAAe,EAAE,eAAe;QAChC,GAAG,EAAE,OAAO;QACZ,WAAW,EAAE,IAAI;QACjB,EAAE,EAAE,IAAI;KACT;IACD,CAAC,EAAE;QACD,eAAe,EAAE,eAAe;QAChC,GAAG,EAAE,OAAO;QACZ,WAAW,EAAE,IAAI;QACjB,EAAE,EAAE,IAAI;KACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAyC;IAC1E,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,SAAS;IACf,GAAG,EAAE,cAAc;IACnB,GAAG,EAAE,QAAQ;IACb,CAAC,EAAE,cAAc;IACjB,CAAC,EAAE,cAAc;IACjB,EAAE,EAAE,eAAe;CACpB,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/Headline/constants.ts"],"names":[],"mappings":"AAiBA,MAAM,CAAC,MAAM,yBAAyB,GAAmD;IACvF,WAAW,EAAE;QACX,UAAU,EAAE,gBAAgB;QAC5B,IAAI,EAAE,mBAAmB;QACzB,WAAW,EAAE,mBAAmB;KACjC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,mBAAmB;QACzB,WAAW,EAAE,mBAAmB;KACjC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,IAAI,EAAE,YAAY;QAClB,WAAW,EAAE,eAAe;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA8C;IACzE,GAAG,EAAE;QACH,eAAe,EAAE,SAAS;QAC1B,GAAG,EAAE,YAAY;QACjB,WAAW,EAAE,IAAI;QACjB,EAAE,EAAE,IAAI;KACT;IACD,EAAE,EAAE;QACF,eAAe,EAAE,eAAe;QAChC,GAAG,EAAE,OAAO;QACZ,WAAW,EAAE,IAAI;QACjB,EAAE,EAAE,IAAI;KACT;IACD,CAAC,EAAE;QACD,eAAe,EAAE,eAAe;QAChC,GAAG,EAAE,OAAO;QACZ,WAAW,EAAE,IAAI;QACjB,EAAE,EAAE,IAAI;KACT;IACD,CAAC,EAAE;QACD,eAAe,EAAE,eAAe;QAChC,GAAG,EAAE,OAAO;QACZ,WAAW,EAAE,IAAI;QACjB,EAAE,EAAE,IAAI;KACT;IACD,CAAC,EAAE;QACD,eAAe,EAAE,eAAe;QAChC,GAAG,EAAE,OAAO;QACZ,WAAW,EAAE,IAAI;QACjB,EAAE,EAAE,IAAI;KACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAyC;IAC1E,EAAE,EAAE,SAAS;IACb,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,SAAS;IACf,GAAG,EAAE,cAAc;IACnB,GAAG,EAAE,QAAQ;IACb,CAAC,EAAE,cAAc;IACjB,CAAC,EAAE,cAAc;IACjB,EAAE,EAAE,eAAe;CACpB,CAAC"}

package/mobile/lib/components/MobileAppTile/MobileAppTileContent.d.ts

@@ -1,3 +1,4 @@
+import type { AlignType } from '../../model/AlignType';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { HeadlineCommonProps } from '../../model/HeadlineType';
 import type { Picture } from '../../model/Picture';
@@ -8,6 +9,11 @@ import type { ListContent } from '../../ui-kit/List/ListContent';
  * @title Мобильное приложение
  */
 export declare type MobileAppTileContent = HeadlineCommonProps & HeadingCommonProps & ButtonContent & ListContent & {
+    /**
+     * @title Выравнивание заголовка
+     * @default left
+     */
+    alignTitle?: AlignType;
     /** @title QR-код */
     qr?: Picture;
     /** @title Ссылка */

package/mobile/lib/components/Tile/Tile.js

@@ -13,7 +13,7 @@ import { getTileRightPadding } from '../BaseTile/getTileRightPadding.js';
 export const Tile = JSX((props) => {
     const { context, title, headingType = 'h3', description, items, children, buttons, image, isDotted = true, listItemSize = 'M', className = '', version = 'primary', ...rest } = props;
     const headingClassName = version === 'primary' ? 'text-primary-text' : '';
-    return (_jsx(BlockWrapper, { context: context, className: `overflow-hidden font-sans p-9 pr-3 box-border ${className} ${VersionStyleMap[version]} ${getTileRightPadding(className)} ${getTileMinHeight(className)} `, ...rest, children: _jsxs(BaseTile, { context: context, title: title ? (_jsx(Heading, { headingType: headingType, as: "h2", title: title, className: `whitespace-pre-wrap max-w-[600px] ${headingClassName}` })) : null, buttons: buttons?.length ? (_jsx(ButtonSection, { context: context, buttons: buttons.map((button) => ({ ...button, className: 'w-[158px]' })), className: "flex mt-8 gap-3" })) : null, image: image?.src ? _jsx(Img, { className: "mt-auto ml-7", image: image }) : null, children: [description ? (_jsx(Description, { className: "max-w-[600px] text-xl-light mt-2.5", description: description })) : null, children, renderList({ version, isDotted, listItemSize }, items)] }) }));
+    return (_jsx(BlockWrapper, { context: context, className: `overflow-hidden font-sans p-9 pr-3 box-border ${className} ${VersionStyleMap[version]} ${getTileRightPadding(className)} ${getTileMinHeight(className)} `, ...rest, children: _jsxs(BaseTile, { context: context, title: title ? (_jsx(Heading, { headingType: headingType, as: "h2", title: title, className: `whitespace-pre-wrap max-w-[600px] ${headingClassName}` })) : null, buttons: buttons?.length ? (_jsx(ButtonSection, { context: context, buttons: buttons.map((button) => ({ ...button, className: 'min-w-[158px]' })), className: "flex mt-8 gap-3" })) : null, image: image?.src ? _jsx(Img, { className: "mt-auto ml-7", image: image }) : null, children: [description ? (_jsx(Description, { className: "max-w-[600px] text-xl-light mt-2.5", description: description })) : null, children, renderList({ version, isDotted, listItemSize }, items)] }) }));
 });
 function renderList({ version, isDotted, listItemSize }, items) {
     return items?.length ? (_jsx(List, { items: items, isDotted: isDotted, className: "mt-2.5", listItemSize: listItemSize, itemClassName: "mb-1.5", version: version })) : null;

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

@@ -1 +1 @@
-{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import type { AlignType } from './AlignType';
+export declare const AlignText: Record<AlignType, string>;

package/mobile/lib/model/AlignText.js

@@ -0,0 +1,6 @@
+export const AlignText = {
+    left: 'text-left',
+    center: 'text-center',
+    right: 'text-right',
+};
+//# sourceMappingURL=AlignText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlignText.js","sourceRoot":"","sources":["../../src/model/AlignText.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAA8B;IAClD,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;CACpB,CAAC"}

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

@@ -5,9 +5,9 @@
 export declare type HeadlineVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S';
 /**
  * @title Размер заголовка
- * @enumNames ["Самый большой тонкий", "Самый большой", "Очень большой тонкий", "Очень большой", "Большой", "Средний", "Маленький"]
+ * @enumNames ["Заголовок", "Самый большой тонкий", "Самый большой", "Очень большой тонкий", "Очень большой", "Большой", "Средний", "Маленький"]
  */
-export declare type HeadlineSmallVersion = 'XL_L' | 'XL_R' | 'L_L' | 'L_R' | 'M' | 'S' | 'XS';
+export declare type HeadlineSmallVersion = 'H6' | 'XL_L' | 'XL_R' | 'L_L' | 'L_R' | 'M' | 'S' | 'XS';
 export declare type TitleProps = {
     /** @title Заголовок */
     title?: string;

package/mobile/lib/ui-kit/Foldable/DefaultFoldButton.js

@@ -1,10 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { Img } from '../Img/Img.js';
-export const DefaultFoldButton = JSX(({ className, label, icon, dataTheme = '', onClick }) => (_jsxs("button", { className: `border-none bg-primary-main hover:bg-primary-hover px-0 py-5 mb-[1px] w-full font-sans text-white flex justify-center cursor-pointer ${className || ''}`, "data-theme": dataTheme, onClick: onClick, children: [_jsx("span", { className: "text-h4 pr-3", children: label }), icon ? (_jsx(Img, { image: {
-                icon,
-                iconVersion: 'white',
-            }, className: "flex-shrink-0 my-auto", width: "20", height: "20", asSVG: true })) : null] })));
+export const DefaultFoldButton = JSX(({ className = '', label, icon, dataTheme = '', onClick }) => {
+    const STATE_STYLE = 'hover:bg-primary-hover focus:border-primary-text active:bg-primary-active outline-none';
+    const DIMENSIONS_STYLE = 'flex justify-center w-full px-0 py-5 mb-[1px]';
+    return (_jsxs("button", { className: [
+            'border border-transparent bg-primary-main font-sans text-white cursor-pointer',
+            STATE_STYLE,
+            DIMENSIONS_STYLE,
+            className,
+        ].join(' '), "data-theme": dataTheme, onClick: onClick, children: [_jsx("span", { className: "text-h4 pr-3", children: label }), icon ? (_jsx(Img, { image: {
+                    icon,
+                    iconVersion: 'white',
+                }, className: "flex-shrink-0 my-auto", width: "20", height: "20", asSVG: true })) : null] }));
+});
 export const renderDefaultFoldButton = ({ isUnfolded, onToggle }) => {
     const labels = ['Развернуть', 'Скрыть'];
     const icons = ['ArrowDownIcon', 'ArrowUpIcon'];

package/mobile/lib/ui-kit/Foldable/DefaultFoldButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultFoldButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/DefaultFoldButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAWjC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACvD,kBACE,SAAS,EAAE,wIACT,SAAS,IAAI,EACf,EAAE,gBACU,SAAS,EACrB,OAAO,EAAE,OAAO,aAEhB,eAAM,SAAS,EAAC,cAAc,YAAE,KAAK,GAAQ,EAC5C,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,GAAG,IACF,KAAK,EAAE;gBACL,IAAI;gBACJ,WAAW,EAAE,OAAO;aACrB,EACD,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACrF,MAAM,MAAM,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IACxC,MAAM,KAAK,GAAe,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IAE3D,OAAO,CACL,KAAC,iBAAiB,IAChB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACjC,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"DefaultFoldButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/DefaultFoldButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAWjC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3D,MAAM,WAAW,GACf,wFAAwF,CAAC;IAC3F,MAAM,gBAAgB,GAAG,+CAA+C,CAAC;IAEzE,OAAO,CACL,kBACE,SAAS,EAAE;YACT,+EAA+E;YAC/E,WAAW;YACX,gBAAgB;YAChB,SAAS;SACV,CAAC,IAAI,CAAC,GAAG,CAAC,gBACC,SAAS,EACrB,OAAO,EAAE,OAAO,aAEhB,eAAM,SAAS,EAAC,cAAc,YAAE,KAAK,GAAQ,EAC5C,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,GAAG,IACF,KAAK,EAAE;oBACL,IAAI;oBACJ,WAAW,EAAE,OAAO;iBACrB,EACD,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACrF,MAAM,MAAM,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IACxC,MAAM,KAAK,GAAe,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IAE3D,OAAO,CACL,KAAC,iBAAiB,IAChB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACjC,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/ui-kit/List/ListItem.js

@@ -6,11 +6,11 @@ const LIST_DOT_STYLE_MAP = {
     gray: 'bg-secondary-text',
 };
 const DOT_SIZE_MAP = {
-    L: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5 mr-4 mt-3',
-    M: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5 mr-3 mt-3',
-    S: 'w-1 h-1 min-w-1 min-h-1 mr-2 mt-2.5',
+    L: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5 mr-4',
+    M: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5 mr-3',
+    S: 'w-1 h-1 min-w-1 min-h-1 mr-2',
 };
 export const ListItem = JSX(({ className = '', isDotted = true, children, version = 'primary', size = 'M' }) => {
-    return (_jsxs("div", { className: `font-sans flex items-start ${className}`, role: "listitem", children: [isDotted ? (_jsx("div", { className: `rounded-full inline-block ${LIST_DOT_STYLE_MAP[version]} ${DOT_SIZE_MAP[size]}` })) : null, _jsx("span", { children: children })] }));
+    return (_jsxs("div", { className: `font-sans flex items-baseline ${className}`, role: "listitem", children: [isDotted ? (_jsx("div", { children: _jsx("div", { className: `rounded-full align-middle inline-block ${LIST_DOT_STYLE_MAP[version]} ${DOT_SIZE_MAP[size]}` }) })) : null, _jsx("span", { children: children })] }));
 });
 //# sourceMappingURL=ListItem.js.map

package/mobile/lib/ui-kit/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAaxC,MAAM,kBAAkB,GAAoC;IAC1D,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,mBAAmB;CAC1B,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,CAAC,EAAE,2CAA2C;IAC9C,CAAC,EAAE,2CAA2C;IAC9C,CAAC,EAAE,qCAAqC;CACzC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE;IACjF,OAAO,CACL,eAAK,SAAS,EAAE,8BAA8B,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,aACvE,QAAQ,CAAC,CAAC,CAAC,CACV,cACE,SAAS,EAAE,6BAA6B,kBAAkB,CAAC,OAAO,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,EAAE,GAC3F,CACH,CAAC,CAAC,CAAC,IAAI,EACR,yBAAO,QAAQ,GAAQ,IACnB,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAcxC,MAAM,kBAAkB,GAAoC;IAC1D,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,mBAAmB;CAC1B,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,CAAC,EAAE,sCAAsC;IACzC,CAAC,EAAE,sCAAsC;IACzC,CAAC,EAAE,8BAA8B;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE;IACjF,OAAO,CACL,eAAK,SAAS,EAAE,iCAAiC,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,aAC1E,QAAQ,CAAC,CAAC,CAAC,CACV,wBACE,cACE,SAAS,EAAE,0CAA0C,kBAAkB,CAAC,OAAO,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,EAAE,GACxG,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,yBAAO,QAAQ,GAAQ,IACnB,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -0,0 +1,51 @@
+{
+  "contactsBlockVersion": "secondary",
+  "info": [
+    {
+      "title": "Заголовок 1",
+      "description": "Описание 1",
+      "button": {
+        "href": "#",
+        "text": "Кнопка 1",
+        "target": "_blank",
+        "version": "secondary"
+      }
+    },
+    {
+      "title": "Заголовок 2",
+      "description": "Описание 2",
+      "button": {
+        "href": "#",
+        "text": "Кнопка 2",
+        "target": "_blank",
+        "version": "secondary"
+      }
+    }
+  ],
+  "contacts": [
+    [
+      {
+        "title": "Заголовок 3",
+        "description": "Описание 3",
+        "additionalDescription": "Доп описание 3"
+      },
+      {
+        "title": "Заголовок 4",
+        "description": "Описание 4",
+        "additionalDescription": "Доп описание 4"
+      }
+    ],
+    [
+      {
+        "title": "Заголовок 5",
+        "description": "Описание 5",
+        "additionalDescription": "Доп описание 5"
+      },
+      {
+        "title": "Заголовок 6",
+        "description": "Описание 6",
+        "additionalDescription": "Доп описание 6"
+      }
+    ]
+  ]
+}

package/mobile/src/components/ContactsBlock/ContactsBlock.tsx

@@ -0,0 +1,70 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { UniBlockProps } from '../../model/JSXBlock';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { Button } from '../../ui-kit/Button/Button';
+import { Description } from '../../ui-kit/Description/Description';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import type { ContactItemProps, ContactsBlockContent, InfoItemProps } from './ContactsBlockContent';
+
+export interface ContactsBlockProps extends ContactsBlockContent, UniBlockProps {}
+
+interface RenderContactsColumnProps {
+  contactsColumn?: ContactItemProps[];
+  index?: number;
+}
+
+const contactsBlockStyleMap = {
+  primary: 'bg-white',
+  secondary: 'bg-primary-main text-white',
+};
+
+export const ContactsBlock = JSX<ContactsBlockProps>(
+  ({ className = '', contacts, context, info, contactsBlockVersion = 'secondary', ...rest }) => {
+    return (
+      <BlockWrapper
+        context={context}
+        className={`${contactsBlockStyleMap[contactsBlockVersion]} flex p-12 ${className}`}
+        {...rest}
+      >
+        {info ? renderInfo(info) : null}
+        {contacts ? renderContacts(contacts) : null}
+      </BlockWrapper>
+    );
+  },
+);
+
+const renderInfo = (info: InfoItemProps[]) => (
+  <div className="flex grow basis-0 pr-11">
+    {info.map(({ title, description, button }, index) => (
+      <div className="grow basis-0 pr-11 last:pr-0" key={String(index)}>
+        <Heading as="h5" headingType="h5" title={title} className="pb-2.5" />
+        <Description className="text-l-light pb-6" description={description} />
+        {button ? <Button {...button} /> : null}
+      </div>
+    ))}
+  </div>
+);
+
+const renderContacts = (contacts: ContactItemProps[][]) => (
+  <div className="flex grow basis-0">
+    {contacts.map((contactsColumn, index) => renderContactsColumn({ contactsColumn, index }))}
+  </div>
+);
+
+const renderContactsColumn = ({ contactsColumn, index }: RenderContactsColumnProps) =>
+  contactsColumn ? (
+    <div className="flex flex-col grow basis-0 pr-11" key={String(index)}>
+      {contactsColumn.map(({ title, description, additionalDescription }, key) => (
+        <div className="pr-11 last:pr-0 last:mt-5" key={String(key)}>
+          <Heading as="h5" headingType="h5" title={title} />
+          <Description className="text-l-light mt-2.5" description={description} />
+          {additionalDescription ? (
+            <Description
+              className="text-m-light mt-1.5 opacity-80"
+              description={additionalDescription}
+            />
+          ) : null}
+        </div>
+      ))}
+    </div>
+  ) : null;

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

@@ -0,0 +1,8 @@
+{
+  "content": {},
+  "style": {
+    "ui:options": {
+      "minCols": 12
+    }
+  }
+}

package/mobile/src/components/ContactsBlock/ContactsBlockContent.ts

@@ -0,0 +1,39 @@
+import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
+
+/**
+ * @title Контакты
+ */
+export interface ContactsBlockContent {
+  /**
+   * @title Данные
+   * @maxItems 2
+   * */
+  info?: InfoItemProps[];
+  /**
+   * @title Контакты
+   * @maxItems 2
+   * */
+  contacts?: ContactItemProps[][];
+  contactsBlockVersion?: 'secondary';
+}
+
+/**
+ * @title Элемент плитки
+ */
+export interface ContactItemProps {
+  /** @title Дополнительное описание */
+  additionalDescription?: string;
+  /** @title Описание */
+  description?: string;
+  /** @title Заголовок */
+  title?: string;
+}
+
+/**
+ * @title Элемент плитки
+ */
+export interface InfoItemProps extends HeadlineCommonProps {
+  /** @title Кнопка */
+  button?: ButtonProps;
+}

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

@@ -0,0 +1,38 @@
+import type { ContentPageMeta } from '../../model/ContentPageDef';
+
+export function renderContentPageHead(data: ContentPageMeta) {
+  const { title, main, og, twitter, jsonLd } = data;
+  const { description, keywords, canonical, robots } = main || {};
+
+  return [
+    <title key="title">{title}</title>,
+    <meta key="viewport" name="viewport" content="width=device-width, initial-scale=1" />,
+    description ? <meta key="description" name="description" content={description} /> : null,
+    keywords ? <meta key="keywords" name="keywords" content={keywords.join(',')} /> : null,
+    robots ? <meta key="robots" name="robots" content={robots.join(',')} /> : null,
+    renderOpenGraph(og),
+    renderTwitter(twitter),
+    canonical ? <link key="canonical" rel="canonical" href={canonical} /> : null,
+    jsonLd ? (
+      <script key="jsonLd" type="application/ld+json">
+        {jsonLd}
+      </script>
+    ) : null,
+  ].filter(Boolean);
+}
+
+function renderOpenGraph(og: Record<string, string> | undefined) {
+  return og
+    ? Object.entries(og).map(([key, value]) => (
+        <meta key={key} property={`og:${key}`} content={value} />
+      ))
+    : null;
+}
+
+function renderTwitter(twitter: Record<string, string> | undefined) {
+  return twitter
+    ? Object.entries(twitter).map(([key, value]) => (
+        <meta key={key} name={`twitter:${key}`} content={value} />
+      ))
+    : null;
+}

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

@@ -4,7 +4,7 @@
   "orientation": "horizontal",
   "cards": [
     {
-      "image": {
+      "icon": {
         "format": "webp",
         "size": {
           "width": 150,
@@ -23,7 +23,7 @@
       ]
     },
     {
-      "image": {
+      "icon": {
         "format": "webp",
         "size": {
           "width": 140,

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

@@ -11,6 +11,7 @@ import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl
 import type { ContentPageContext } from '../ContentPage/ContentPageContext';
 import type { GalleryCardProps, GalleryItemProps } from './GalleryContent';
 import type { GalleryProps } from './GalleryProps';
+import { Picture } from '../../model/Picture';
 
 export const Gallery = JSX<GalleryProps>(
   ({ context, title, description, cards = [], className, orientation = 'horizontal' }) => {
@@ -54,11 +55,7 @@ function renderCard(card: GalleryCardProps, key: number) {
       key={key}
     >
       <div>
-        {card.image?.src ? (
-          <div className="flex justify-center">
-            <Img className="mb-3.5" image={card.image} />
-          </div>
-        ) : null}
+        {renderImage(card.icon)}
         {card.title ? <h3 className={`text-m-title-xs font-medium m-0`}>{card.title}</h3> : null}
         {card.description ? renderDescription(card) : null}
         {card.items?.length ? renderItems(card.items, card.isDotted, card.version) : null}
@@ -68,6 +65,13 @@ function renderCard(card: GalleryCardProps, key: number) {
   );
 }
 
+const renderImage = (image?: Picture) =>
+  image?.src || image?.icon ? (
+    <div className="flex justify-center">
+      <Img className="mb-3.5" image={image} />
+    </div>
+  ) : null;
+
 function renderButton(button?: ButtonWithIconProps) {
   return <Button className="mt-3" {...button} />;
 }

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

@@ -1 +1,11 @@
-{}
+{
+  "content": {
+    "cards": {
+      "items": {
+        "additionalDescription": {
+          "ui:field": "hidden"
+        }
+      }
+    }
+  }
+}

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

@@ -1,27 +1,20 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { AlignType } from '../../model/AlignType';
+import { AlignText } from '../../model/AlignText';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { Picture } from '../../model/Picture';
 import { Button } from '../../ui-kit/Button/Button';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import { Img } from '../../ui-kit/Img/Img';
 import { List } from '../../ui-kit/List/List';
 import { HEADLINE_SMALL_VERSION } from '../Headline/constants';
 import type { GalleryCardProps, GalleryItemProps } from './GalleryContent';
 
-const ALIGN_TITLE: Record<AlignType, string> = {
-  left: 'text-left',
-  center: 'text-center',
-  right: 'text-right',
-};
-
 export const GalleryCardInner = JSX<GalleryCardProps>(
   ({
     title,
-    headlineSmallVersion = 'XL_L',
+    headlineSmallVersion = 'H6',
     description,
     additionalDescription,
-    image,
+    icon,
     items,
     button,
     version,
@@ -29,42 +22,40 @@ export const GalleryCardInner = JSX<GalleryCardProps>(
     align = 'center',
   }) => {
     return (
-      <div className={`h-full flex flex-col justify-between ${ALIGN_TITLE[align]}`}>
+      <div className={`h-full flex flex-col justify-between ${AlignText[align]}`}>
         <div className="flex flex-col h-full">
-          {renderImage(image)}
+          {renderImage(icon)}
           {renderCardTitle(headlineSmallVersion, title)}
           {renderDescription(description, title)}
-          {renderAdditionalDescription(additionalDescription)}
           {items?.length ? renderItems(items, isDotted, version) : null}
+          {renderAdditionalDescription(additionalDescription)}
         </div>
-        {button ? renderButton(button) : null}
+        {button?.text ? <Button className="mt-6" {...button} /> : null}
       </div>
     );
   },
 );
 
-const renderImage = (image?: Picture) =>
-  image?.src ? (
-    <div className="flex justify-center">
-      <Img className="mb-6" image={image} />
-    </div>
-  ) : null;
+const renderImage = (image?: Picture) => (
+  <div className="flex justify-center">
+    {image?.src ? <Img className="mb-5" image={image} /> : null}
+    {image?.icon ? (
+      <Img className={`w-[32px] h-[32px] min-w-[32px] mb-5 rounded-full`} image={image} asSVG />
+    ) : null}
+  </div>
+);
 
 const renderCardTitle = (headlineSmallVersion: string, title?: string) =>
   title ? <div className={HEADLINE_SMALL_VERSION[headlineSmallVersion]}>{title}</div> : null;
 
 const renderDescription = (description?: string, title?: string) =>
-  description ? <div className={`text-base ${title ? 'mt-2' : ''}`}>{description}</div> : null;
+  description ? <div className={`text-l ${title ? 'mt-2' : ''}`}>{description}</div> : null;
 
 const renderAdditionalDescription = (additionalDescription?: string) =>
   additionalDescription ? (
     <div className="text-m-light text-secondary-text mt-auto">{additionalDescription}</div>
   ) : null;
 
-const renderButton = (button: ButtonWithIconProps) => (
-  <Button className="mt-6 w-full" {...button} />
-);
-
 const renderItems = (
   items: GalleryItemProps[],
   isDotted: boolean,
@@ -72,7 +63,7 @@ const renderItems = (
 ) => (
   <List
     className={`max-w-[308px] mt-2 text-s ${version === 'primary' ? '!text-secondary-text' : ''}`}
-    itemClassName="mt-1 text-left first:mt-0"
+    itemClassName="text-left"
     items={items.filter((item) => item?.text).map((item) => item.text as string)}
     isDotted={isDotted}
     version={version}

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

@@ -22,7 +22,7 @@ export const GalleryContainer = JSX<GalleryContainerProps>(
   ({
     context,
     title,
-    headlineVersion = 'L',
+    headlineVersion = 'M',
     description,
     cards = [],
     version = 'normal',
@@ -30,7 +30,6 @@ export const GalleryContainer = JSX<GalleryContainerProps>(
   }) => {
     return (
       <div>
-        <div className="absolute top-0 left-0 bottom-0 w-[84px] bg-gradient-to-r from-white to-transparent" />
         <Headline
           context={context}
           className="!p-0"

package/mobile/src/components/Gallery/GalleryContent.ts

@@ -20,6 +20,7 @@ export interface GalleryItemProps {
  * @default {"headlineSmallVersion": "XL_L"}
  */
 export type GalleryCardProps = HeadlineSmallProps & {
+  /** @title Дополнительное описание */
   additionalDescription?: string;
   /**
    * @default {
@@ -35,7 +36,7 @@ export type GalleryCardProps = HeadlineSmallProps & {
    *   }]
    * }
    */
-  image?: Picture;
+  icon?: Picture;
   /** @title Кнопка */
   button?: ButtonWithIconProps;
   /**
@@ -64,4 +65,5 @@ export type GalleryContent = HeadlineProps & {
   cards?: GalleryCardProps[];
   /** @title Отображать элементы в моб. версии (прокрутка shift+mouseScroll) */
   orientation?: ListOrientation; //TODO: for mobile
+  button?: ButtonWithIconProps;
 };