@gravity-ui/page-constructor 5.7.1 → 5.8.0

package/build/cjs/blocks/Form/Form.js

@@ -5,6 +5,7 @@ const react_1 = tslib_1.__importStar(require("react"));
 const components_1 = require("../../components");
 const InnerForm_1 = tslib_1.__importDefault(require("../../components/InnerForm/InnerForm"));
 const mobileContext_1 = require("../../context/mobileContext");
+const theme_1 = require("../../context/theme");
 const grid_1 = require("../../grid");
 const models_1 = require("../../models");
 const sub_blocks_1 = require("../../sub-blocks");
@@ -16,7 +17,12 @@ const FormBlock = (props) => {
     const { formData, title, textContent, direction = models_1.FormBlockDirection.Center, background } = props;
     const [contentLoaded, setContentLoaded] = (0, react_1.useState)(false);
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
-    const withBackground = Boolean(background && (background.src || background.desktop || ((_a = background.style) === null || _a === void 0 ? void 0 : _a.backgroundColor)));
+    const theme = (0, theme_1.useTheme)();
+    const themedBackground = (0, utils_1.getThemedValue)(background, theme) || undefined;
+    const withBackground = Boolean(themedBackground &&
+        (themedBackground.src ||
+            themedBackground.desktop ||
+            ((_a = themedBackground.style) === null || _a === void 0 ? void 0 : _a.backgroundColor)));
     const onContentLoad = (0, react_1.useCallback)(() => {
         setContentLoaded(true);
     }, []);
@@ -34,7 +40,7 @@ const FormBlock = (props) => {
             'with-background': withBackground,
             'form-type': formType,
         }) },
-        background && (react_1.default.createElement(components_1.BackgroundImage, Object.assign({}, background, { className: b('media'), imageClassName: b('image') }))),
+        themedBackground && (react_1.default.createElement(components_1.BackgroundImage, Object.assign({}, themedBackground, { className: b('media'), imageClassName: b('image') }))),
         react_1.default.createElement(grid_1.Grid, null,
             react_1.default.createElement(grid_1.Row, { alignItems: direction === models_1.FormBlockDirection.Center
                     ? grid_1.GridAlignItems.Center

package/build/cjs/blocks/Form/schema.d.ts

@@ -12,20 +12,30 @@ export declare const FormBlock: {
                     optionName: string;
                     properties: {
                         yandex: {
-                            type: string;
-                            required: string[];
-                            properties: {
-                                id: {
-                                    type: string;
-                                };
-                                containerId: {
-                                    type: string;
-                                };
-                                type: {};
-                                when: {
-                                    type: string;
-                                };
-                            };
+                            oneOf: (({
+                                type: string;
+                                required: string[];
+                                properties: {
+                                    id: {
+                                        type: string;
+                                    };
+                                    containerId: {
+                                        type: string;
+                                    };
+                                    type: {};
+                                    when: {
+                                        type: string;
+                                    };
+                                };
+                            } & {
+                                optionName: string;
+                            }) | {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: import("../..").Theme[];
+                                properties: {};
+                                optionName: string;
+                            })[];
                         };
                         hubspot?: undefined;
                     };
@@ -34,26 +44,36 @@ export declare const FormBlock: {
                     optionName: string;
                     properties: {
                         hubspot: {
-                            type: string;
-                            required: string[];
-                            properties: {
-                                region: {
-                                    type: string;
-                                };
-                                portalId: {
-                                    type: string;
-                                };
-                                formId: {
-                                    type: string;
-                                };
-                                formInstanceId: {
-                                    type: string;
-                                };
-                                type: {};
-                                when: {
-                                    type: string;
-                                };
-                            };
+                            oneOf: (({
+                                type: string;
+                                required: string[];
+                                properties: {
+                                    region: {
+                                        type: string;
+                                    };
+                                    portalId: {
+                                        type: string;
+                                    };
+                                    formId: {
+                                        type: string;
+                                    };
+                                    formInstanceId: {
+                                        type: string;
+                                    };
+                                    type: {};
+                                    when: {
+                                        type: string;
+                                    };
+                                };
+                            } & {
+                                optionName: string;
+                            }) | {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: import("../..").Theme[];
+                                properties: {};
+                                optionName: string;
+                            })[];
                         };
                         yandex?: undefined;
                     };

package/build/cjs/blocks/Form/schema.js

@@ -21,14 +21,14 @@ exports.FormBlock = {
                         type: 'object',
                         optionName: 'yandex',
                         properties: {
-                            yandex: schema_2.YandexFormProps,
+                            yandex: (0, common_1.withTheme)(schema_2.YandexFormProps),
                         },
                     },
                     {
                         type: 'object',
                         optionName: 'hubspot',
                         properties: {
-                            hubspot: schema_4.HubspotFormProps,
+                            hubspot: (0, common_1.withTheme)(schema_4.HubspotFormProps),
                         },
                     },
                 ],

package/build/cjs/blocks/Info/Info.js

@@ -28,9 +28,9 @@ const InfoBlock = (props) => {
             react_1.default.createElement(grid_1.Grid, null,
                 react_1.default.createElement(grid_1.Row, null,
                     react_1.default.createElement(grid_1.Col, { sizes: sizes, className: b('left') },
-                        react_1.default.createElement(Content_1.default, Object.assign({ title: title || (leftContent === null || leftContent === void 0 ? void 0 : leftContent.title), text: leftContent === null || leftContent === void 0 ? void 0 : leftContent.text, links: leftContent === null || leftContent === void 0 ? void 0 : leftContent.links, buttons: leftButtons, additionalInfo: leftContent === null || leftContent === void 0 ? void 0 : leftContent.additionalInfo }, commonProps))),
+                        react_1.default.createElement(Content_1.default, Object.assign({ title: title || (leftContent === null || leftContent === void 0 ? void 0 : leftContent.title), text: leftContent === null || leftContent === void 0 ? void 0 : leftContent.text, links: leftContent === null || leftContent === void 0 ? void 0 : leftContent.links, list: leftContent === null || leftContent === void 0 ? void 0 : leftContent.list, buttons: leftButtons, additionalInfo: leftContent === null || leftContent === void 0 ? void 0 : leftContent.additionalInfo }, commonProps))),
                     react_1.default.createElement(grid_1.Col, { sizes: sizes, className: b('right') },
-                        react_1.default.createElement(Content_1.default, Object.assign({ title: sectionsTitle || (rightContent === null || rightContent === void 0 ? void 0 : rightContent.title), text: rightContent === null || rightContent === void 0 ? void 0 : rightContent.text, links: rightLinks, buttons: rightContent === null || rightContent === void 0 ? void 0 : rightContent.buttons, additionalInfo: rightContent === null || rightContent === void 0 ? void 0 : rightContent.additionalInfo }, commonProps))))))));
+                        react_1.default.createElement(Content_1.default, Object.assign({ title: sectionsTitle || (rightContent === null || rightContent === void 0 ? void 0 : rightContent.title), text: rightContent === null || rightContent === void 0 ? void 0 : rightContent.text, links: rightLinks, list: rightContent === null || rightContent === void 0 ? void 0 : rightContent.list, buttons: rightContent === null || rightContent === void 0 ? void 0 : rightContent.buttons, additionalInfo: rightContent === null || rightContent === void 0 ? void 0 : rightContent.additionalInfo }, commonProps))))))));
 };
 exports.InfoBlock = InfoBlock;
 exports.default = exports.InfoBlock;

package/build/cjs/blocks/Questions/Questions.js

@@ -9,7 +9,7 @@ const QuestionBlockItem_1 = require("./QuestionBlockItem/QuestionBlockItem");
 const models_1 = require("./models");
 const b = (0, utils_1.block)('QuestionsBlock');
 const QuestionsBlock = (props) => {
-    const { title, text, additionalInfo, links, buttons, items } = props;
+    const { title, text, additionalInfo, links, buttons, items, list } = props;
     const [opened, setOpened] = (0, react_1.useState)([0]);
     const toggleItem = (index) => {
         let newState;
@@ -25,7 +25,7 @@ const QuestionsBlock = (props) => {
         react_1.default.createElement(grid_1.Row, null,
             react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: 4 } },
                 react_1.default.createElement("div", { className: b('title') },
-                    react_1.default.createElement(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, buttons: buttons, colSizes: { all: 12, md: 12 } }))),
+                    react_1.default.createElement(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }))),
             react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: 8 }, role: 'list' }, items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
                 const isOpened = opened.includes(index);
                 const onClick = () => toggleItem(index);

package/build/cjs/blocks/Tabs/TabsTextContent/TabsTextContent.d.ts

@@ -6,5 +6,5 @@ interface TextContentProps extends Pick<TabsBlockProps, 'centered' | 'contentSiz
     centered?: boolean;
     imageProps?: ImageObjectProps | ImageDeviceProps;
 }
-export declare const TabsTextContent: ({ centered, contentSize, showMedia, data, imageProps, isReverse, }: TextContentProps) => JSX.Element;
+export declare const TabsTextContent: ({ centered, contentSize, showMedia, data: { media, title, text, additionalInfo, link, links, buttons, list }, imageProps, isReverse, }: TextContentProps) => JSX.Element;
 export default TabsTextContent;

package/build/cjs/blocks/Tabs/TabsTextContent/TabsTextContent.js

@@ -7,14 +7,11 @@ const grid_1 = require("../../../grid");
 const sub_blocks_1 = require("../../../sub-blocks");
 const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('tabs-block-text-content');
-const TabsTextContent = ({ centered, contentSize = 's', showMedia, data, imageProps, isReverse, }) => {
-    const isImage = (data === null || data === void 0 ? void 0 : data.media) || imageProps;
-    return (react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b({ centered: centered }) },
-        react_1.default.createElement("div", { className: b('wrapper', {
-                reverse: isReverse,
-                'no-image': !isImage,
-            }) },
-            react_1.default.createElement(sub_blocks_1.Content, { title: data.title, text: data.text, additionalInfo: data.additionalInfo, size: contentSize, links: [...(data.link ? [data.link] : []), ...(data.links || [])], buttons: data.buttons, colSizes: { all: 12 } }))));
-};
+const TabsTextContent = ({ centered, contentSize = 's', showMedia, data: { media, title, text, additionalInfo, link, links, buttons, list }, imageProps, isReverse, }) => (react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b({ centered: centered }) },
+    react_1.default.createElement("div", { className: b('wrapper', {
+            reverse: isReverse,
+            'no-image': !(media || imageProps),
+        }) },
+        react_1.default.createElement(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, size: contentSize, list: list, links: [...(link ? [link] : []), ...(links || [])], buttons: buttons, colSizes: { all: 12 } }))));
 exports.TabsTextContent = TabsTextContent;
 exports.default = exports.TabsTextContent;

package/build/cjs/components/CardBase/CardBase.d.ts

@@ -1,6 +1,6 @@
 import React, { HTMLAttributeAnchorTarget, PropsWithChildren } from 'react';
-import { AnalyticsEventsBase, CardBaseProps as CardBaseParams, ImageProps, WithChildren } from '../../models';
-export interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams, PropsWithChildren {
+import { AnalyticsEventsBase, CardBaseProps as CardBaseParams, ImageProps } from '../../models';
+interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams {
     className?: string;
     bodyClassName?: string;
     contentClassName?: string;
@@ -10,6 +10,7 @@ export interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams, Prop
     qa?: string;
     extraProps?: React.HTMLAttributes<HTMLElement>;
 }
+export type CardBasePropsType = PropsWithChildren<CardBaseProps>;
 export interface CardHeaderBaseProps {
     className?: string;
     image?: ImageProps | null;
@@ -18,11 +19,11 @@ export interface CardFooterBaseProps {
     className?: string;
 }
 export declare const Layout: {
-    (props: CardBaseProps): JSX.Element;
-    Header: React.FC<WithChildren<CardHeaderBaseProps>>;
+    (props: CardBasePropsType): JSX.Element;
+    Header: React.FC<React.PropsWithChildren<CardHeaderBaseProps>>;
     Content: React.FC<{
         children?: React.ReactNode;
     }>;
-    Footer: React.FC<WithChildren<CardFooterBaseProps>>;
+    Footer: React.FC<React.PropsWithChildren<CardFooterBaseProps>>;
 };
 export default Layout;

package/build/cjs/components/InnerForm/InnerForm.js

@@ -4,18 +4,21 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const __1 = require("..");
 const FormsContext_1 = require("../../context/formsContext/FormsContext");
+const theme_1 = require("../../context/theme");
 const models_1 = require("../../models");
 const sub_blocks_1 = require("../../sub-blocks");
+const utils_1 = require("../../utils");
 const InnerForm = (props) => {
     const { formData, onContentLoad, className } = props;
     const formsConfig = (0, react_1.useContext)(FormsContext_1.FormsContext);
+    const theme = (0, theme_1.useTheme)();
     (0, react_1.useEffect)(() => {
         if ((0, models_1.isHubspotDataForm)(formData)) {
             onContentLoad();
         }
     }, [onContentLoad, formData]);
     if ((0, models_1.isYandexDataForm)(formData)) {
-        const _a = formData.yandex, { onLoad } = _a, rest = tslib_1.__rest(_a, ["onLoad"]);
+        const _a = (0, utils_1.getThemedValue)(formData.yandex, theme), { onLoad } = _a, rest = tslib_1.__rest(_a, ["onLoad"]);
         return (react_1.default.createElement("div", { className: className },
             react_1.default.createElement(__1.YandexForm, Object.assign({}, formsConfig.yandex, rest, { onLoad: () => {
                     onContentLoad();
@@ -23,7 +26,8 @@ const InnerForm = (props) => {
                 } }))));
     }
     if ((0, models_1.isHubspotDataForm)(formData)) {
-        return (react_1.default.createElement(sub_blocks_1.HubspotForm, Object.assign({ createDOMElement: true }, formsConfig.hubspot, formData.hubspot)));
+        const themedFormData = (0, utils_1.getThemedValue)(formData.hubspot, theme);
+        return (react_1.default.createElement(sub_blocks_1.HubspotForm, Object.assign({ createDOMElement: true }, formsConfig.hubspot, themedFormData)));
     }
     return null;
 };

package/build/cjs/models/constructor-items/blocks.d.ts

@@ -287,6 +287,7 @@ export interface ContentItemProps {
 export interface ContentListProps {
     list: ContentItemProps[];
     size: ContentSize;
+    theme?: ContentTheme;
 }
 export interface ContentBlockProps {
     title?: TitleItemBaseProps | string;
@@ -323,10 +324,10 @@ export declare enum FormBlockDirection {
     Center = "center"
 }
 export interface FormBlockYandexData {
-    yandex: YandexFormProps;
+    yandex: ThemeSupporting<YandexFormProps>;
 }
 export interface FormBlockHubspotData {
-    hubspot: HubspotFormProps;
+    hubspot: ThemeSupporting<HubspotFormProps>;
 }
 export type FormBlockData = FormBlockYandexData | FormBlockHubspotData;
 export interface FormBlockProps {
@@ -334,7 +335,7 @@ export interface FormBlockProps {
     title?: string;
     textContent?: Omit<ContentBlockProps, 'centered' | 'colSizes' | 'size'>;
     direction?: FormBlockDirection;
-    background?: BackgroundImageProps;
+    background?: ThemeSupporting<BackgroundImageProps>;
 }
 export type HeaderBlockModel = {
     type: BlockType.HeaderBlock;

package/build/cjs/sub-blocks/BackgroundCard/BackgroundCard.js

@@ -9,7 +9,7 @@ const utils_1 = require("../../utils");
 const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
 const b = (0, utils_1.block)('background-card');
 const BackgroundCard = (props) => {
-    const { url, title, text, border, background, paddingBottom, backgroundColor, additionalInfo, theme: cardTheme = 'default', links, buttons, analyticsEvents, urlTitle, controlPosition = 'content', } = props;
+    const { url, title, text, border, background, paddingBottom, backgroundColor, additionalInfo, theme: cardTheme = 'default', links, buttons, analyticsEvents, urlTitle, controlPosition = 'content', list, } = props;
     const titleId = (0, uikit_1.useUniqId)();
     const theme = (0, theme_1.useTheme)();
     const hasBackgroundColor = backgroundColor || cardTheme !== 'default';
@@ -18,7 +18,7 @@ const BackgroundCard = (props) => {
     return (react_1.default.createElement(components_1.CardBase, { className: b({ padding: paddingBottom, theme: cardTheme }), url: url, border: borderType, analyticsEvents: analyticsEvents, urlTitle: urlTitle },
         react_1.default.createElement(components_1.CardBase.Content, null,
             react_1.default.createElement(components_1.BackgroundImage, Object.assign({ className: b('image') }, (0, utils_1.getThemedValue)(background, theme), { style: { backgroundColor } })),
-            react_1.default.createElement(Content_1.default, { titleId: titleId, title: title, text: text, additionalInfo: additionalInfo, size: "s", theme: cardTheme, links: areControlsInFooter ? undefined : links, buttons: areControlsInFooter ? undefined : buttons, colSizes: { all: 12, md: 12 } })),
+            react_1.default.createElement(Content_1.default, { titleId: titleId, title: title, text: text, additionalInfo: additionalInfo, size: "s", theme: cardTheme, links: areControlsInFooter ? undefined : links, buttons: areControlsInFooter ? undefined : buttons, list: list, colSizes: { all: 12, md: 12 } })),
         areControlsInFooter && (links || buttons) && (react_1.default.createElement(components_1.CardBase.Footer, null,
             react_1.default.createElement(components_1.Links, { className: b('links'), size: "s", links: links, titleId: titleId }),
             react_1.default.createElement(components_1.Buttons, { className: b('buttons'), size: "s", buttons: buttons, titleId: titleId })))));

package/build/esm/blocks/Form/Form.js

@@ -2,10 +2,11 @@ import React, { useCallback, useContext, useState } from 'react';
 import { BackgroundImage, Title } from '../../components';
 import InnerForm from '../../components/InnerForm/InnerForm';
 import { MobileContext } from '../../context/mobileContext';
+import { useTheme } from '../../context/theme';
 import { Col, Grid, GridAlignItems, GridColumnSize, Row } from '../../grid';
 import { FormBlockDataTypes, FormBlockDirection, isHubspotDataForm, isYandexDataForm, } from '../../models';
 import { Content } from '../../sub-blocks';
-import { block } from '../../utils';
+import { block, getThemedValue } from '../../utils';
 import './Form.css';
 const b = block('form-block');
 const colSizes = { [GridColumnSize.Lg]: 6, [GridColumnSize.All]: 12 };
@@ -14,7 +15,12 @@ const FormBlock = (props) => {
     const { formData, title, textContent, direction = FormBlockDirection.Center, background } = props;
     const [contentLoaded, setContentLoaded] = useState(false);
     const isMobile = useContext(MobileContext);
-    const withBackground = Boolean(background && (background.src || background.desktop || ((_a = background.style) === null || _a === void 0 ? void 0 : _a.backgroundColor)));
+    const theme = useTheme();
+    const themedBackground = getThemedValue(background, theme) || undefined;
+    const withBackground = Boolean(themedBackground &&
+        (themedBackground.src ||
+            themedBackground.desktop ||
+            ((_a = themedBackground.style) === null || _a === void 0 ? void 0 : _a.backgroundColor)));
     const onContentLoad = useCallback(() => {
         setContentLoaded(true);
     }, []);
@@ -32,7 +38,7 @@ const FormBlock = (props) => {
             'with-background': withBackground,
             'form-type': formType,
         }) },
-        background && (React.createElement(BackgroundImage, Object.assign({}, background, { className: b('media'), imageClassName: b('image') }))),
+        themedBackground && (React.createElement(BackgroundImage, Object.assign({}, themedBackground, { className: b('media'), imageClassName: b('image') }))),
         React.createElement(Grid, null,
             React.createElement(Row, { alignItems: direction === FormBlockDirection.Center
                     ? GridAlignItems.Center

package/build/esm/blocks/Form/schema.d.ts

@@ -12,20 +12,30 @@ export declare const FormBlock: {
                     optionName: string;
                     properties: {
                         yandex: {
-                            type: string;
-                            required: string[];
-                            properties: {
-                                id: {
-                                    type: string;
-                                };
-                                containerId: {
-                                    type: string;
-                                };
-                                type: {};
-                                when: {
-                                    type: string;
-                                };
-                            };
+                            oneOf: (({
+                                type: string;
+                                required: string[];
+                                properties: {
+                                    id: {
+                                        type: string;
+                                    };
+                                    containerId: {
+                                        type: string;
+                                    };
+                                    type: {};
+                                    when: {
+                                        type: string;
+                                    };
+                                };
+                            } & {
+                                optionName: string;
+                            }) | {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: import("../..").Theme[];
+                                properties: {};
+                                optionName: string;
+                            })[];
                         };
                         hubspot?: undefined;
                     };
@@ -34,26 +44,36 @@ export declare const FormBlock: {
                     optionName: string;
                     properties: {
                         hubspot: {
-                            type: string;
-                            required: string[];
-                            properties: {
-                                region: {
-                                    type: string;
-                                };
-                                portalId: {
-                                    type: string;
-                                };
-                                formId: {
-                                    type: string;
-                                };
-                                formInstanceId: {
-                                    type: string;
-                                };
-                                type: {};
-                                when: {
-                                    type: string;
-                                };
-                            };
+                            oneOf: (({
+                                type: string;
+                                required: string[];
+                                properties: {
+                                    region: {
+                                        type: string;
+                                    };
+                                    portalId: {
+                                        type: string;
+                                    };
+                                    formId: {
+                                        type: string;
+                                    };
+                                    formInstanceId: {
+                                        type: string;
+                                    };
+                                    type: {};
+                                    when: {
+                                        type: string;
+                                    };
+                                };
+                            } & {
+                                optionName: string;
+                            }) | {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: import("../..").Theme[];
+                                properties: {};
+                                optionName: string;
+                            })[];
                         };
                         yandex?: undefined;
                     };

package/build/esm/blocks/Form/schema.js

@@ -1,7 +1,7 @@
 import omit from 'lodash/omit';
 import { ImageProps } from '../../components/Image/schema';
 import { YandexFormProps } from '../../components/YandexForm/schema';
-import { BlockBaseProps } from '../../schema/validators/common';
+import { BlockBaseProps, withTheme } from '../../schema/validators/common';
 import { ContentBase } from '../../sub-blocks/Content/schema';
 import { HubspotFormProps } from '../../sub-blocks/HubspotForm/schema';
 const FormBlockContentProps = omit(ContentBase, ['size', 'centered', 'colSizes']);
@@ -17,14 +17,14 @@ export const FormBlock = {
                         type: 'object',
                         optionName: 'yandex',
                         properties: {
-                            yandex: YandexFormProps,
+                            yandex: withTheme(YandexFormProps),
                         },
                     },
                     {
                         type: 'object',
                         optionName: 'hubspot',
                         properties: {
-                            hubspot: HubspotFormProps,
+                            hubspot: withTheme(HubspotFormProps),
                         },
                     },
                 ],

package/build/esm/blocks/Info/Info.js

@@ -25,8 +25,8 @@ export const InfoBlock = (props) => {
             React.createElement(Grid, null,
                 React.createElement(Row, null,
                     React.createElement(Col, { sizes: sizes, className: b('left') },
-                        React.createElement(Content, Object.assign({ title: title || (leftContent === null || leftContent === void 0 ? void 0 : leftContent.title), text: leftContent === null || leftContent === void 0 ? void 0 : leftContent.text, links: leftContent === null || leftContent === void 0 ? void 0 : leftContent.links, buttons: leftButtons, additionalInfo: leftContent === null || leftContent === void 0 ? void 0 : leftContent.additionalInfo }, commonProps))),
+                        React.createElement(Content, Object.assign({ title: title || (leftContent === null || leftContent === void 0 ? void 0 : leftContent.title), text: leftContent === null || leftContent === void 0 ? void 0 : leftContent.text, links: leftContent === null || leftContent === void 0 ? void 0 : leftContent.links, list: leftContent === null || leftContent === void 0 ? void 0 : leftContent.list, buttons: leftButtons, additionalInfo: leftContent === null || leftContent === void 0 ? void 0 : leftContent.additionalInfo }, commonProps))),
                     React.createElement(Col, { sizes: sizes, className: b('right') },
-                        React.createElement(Content, Object.assign({ title: sectionsTitle || (rightContent === null || rightContent === void 0 ? void 0 : rightContent.title), text: rightContent === null || rightContent === void 0 ? void 0 : rightContent.text, links: rightLinks, buttons: rightContent === null || rightContent === void 0 ? void 0 : rightContent.buttons, additionalInfo: rightContent === null || rightContent === void 0 ? void 0 : rightContent.additionalInfo }, commonProps))))))));
+                        React.createElement(Content, Object.assign({ title: sectionsTitle || (rightContent === null || rightContent === void 0 ? void 0 : rightContent.title), text: rightContent === null || rightContent === void 0 ? void 0 : rightContent.text, links: rightLinks, list: rightContent === null || rightContent === void 0 ? void 0 : rightContent.list, buttons: rightContent === null || rightContent === void 0 ? void 0 : rightContent.buttons, additionalInfo: rightContent === null || rightContent === void 0 ? void 0 : rightContent.additionalInfo }, commonProps))))))));
 };
 export default InfoBlock;

package/build/esm/blocks/Questions/Questions.js

@@ -7,7 +7,7 @@ import { FaqMicrodataValues } from './models';
 import './Questions.css';
 const b = block('QuestionsBlock');
 const QuestionsBlock = (props) => {
-    const { title, text, additionalInfo, links, buttons, items } = props;
+    const { title, text, additionalInfo, links, buttons, items, list } = props;
     const [opened, setOpened] = useState([0]);
     const toggleItem = (index) => {
         let newState;
@@ -23,7 +23,7 @@ const QuestionsBlock = (props) => {
         React.createElement(Row, null,
             React.createElement(Col, { sizes: { all: 12, md: 4 } },
                 React.createElement("div", { className: b('title') },
-                    React.createElement(Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, buttons: buttons, colSizes: { all: 12, md: 12 } }))),
+                    React.createElement(Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, colSizes: { all: 12, md: 12 } }))),
             React.createElement(Col, { sizes: { all: 12, md: 8 }, role: 'list' }, items.map(({ title: itemTitle, text: itemText, link, listStyle = 'dash' }, index) => {
                 const isOpened = opened.includes(index);
                 const onClick = () => toggleItem(index);

package/build/esm/blocks/Tabs/TabsTextContent/TabsTextContent.d.ts

@@ -7,5 +7,5 @@ interface TextContentProps extends Pick<TabsBlockProps, 'centered' | 'contentSiz
     centered?: boolean;
     imageProps?: ImageObjectProps | ImageDeviceProps;
 }
-export declare const TabsTextContent: ({ centered, contentSize, showMedia, data, imageProps, isReverse, }: TextContentProps) => JSX.Element;
+export declare const TabsTextContent: ({ centered, contentSize, showMedia, data: { media, title, text, additionalInfo, link, links, buttons, list }, imageProps, isReverse, }: TextContentProps) => JSX.Element;
 export default TabsTextContent;

package/build/esm/blocks/Tabs/TabsTextContent/TabsTextContent.js

@@ -4,13 +4,10 @@ import { Content } from '../../../sub-blocks';
 import { block } from '../../../utils';
 import './TabsTextContent.css';
 const b = block('tabs-block-text-content');
-export const TabsTextContent = ({ centered, contentSize = 's', showMedia, data, imageProps, isReverse, }) => {
-    const isImage = (data === null || data === void 0 ? void 0 : data.media) || imageProps;
-    return (React.createElement(Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b({ centered: centered }) },
-        React.createElement("div", { className: b('wrapper', {
-                reverse: isReverse,
-                'no-image': !isImage,
-            }) },
-            React.createElement(Content, { title: data.title, text: data.text, additionalInfo: data.additionalInfo, size: contentSize, links: [...(data.link ? [data.link] : []), ...(data.links || [])], buttons: data.buttons, colSizes: { all: 12 } }))));
-};
+export const TabsTextContent = ({ centered, contentSize = 's', showMedia, data: { media, title, text, additionalInfo, link, links, buttons, list }, imageProps, isReverse, }) => (React.createElement(Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b({ centered: centered }) },
+    React.createElement("div", { className: b('wrapper', {
+            reverse: isReverse,
+            'no-image': !(media || imageProps),
+        }) },
+        React.createElement(Content, { title: title, text: text, additionalInfo: additionalInfo, size: contentSize, list: list, links: [...(link ? [link] : []), ...(links || [])], buttons: buttons, colSizes: { all: 12 } }))));
 export default TabsTextContent;

package/build/esm/components/CardBase/CardBase.d.ts

@@ -1,7 +1,7 @@
 import React, { HTMLAttributeAnchorTarget, PropsWithChildren } from 'react';
-import { AnalyticsEventsBase, CardBaseProps as CardBaseParams, ImageProps, WithChildren } from '../../models';
+import { AnalyticsEventsBase, CardBaseProps as CardBaseParams, ImageProps } from '../../models';
 import './CardBase.css';
-export interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams, PropsWithChildren {
+interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams {
     className?: string;
     bodyClassName?: string;
     contentClassName?: string;
@@ -11,6 +11,7 @@ export interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams, Prop
     qa?: string;
     extraProps?: React.HTMLAttributes<HTMLElement>;
 }
+export type CardBasePropsType = PropsWithChildren<CardBaseProps>;
 export interface CardHeaderBaseProps {
     className?: string;
     image?: ImageProps | null;
@@ -19,11 +20,11 @@ export interface CardFooterBaseProps {
     className?: string;
 }
 export declare const Layout: {
-    (props: CardBaseProps): JSX.Element;
-    Header: React.FC<WithChildren<CardHeaderBaseProps>>;
+    (props: CardBasePropsType): JSX.Element;
+    Header: React.FC<React.PropsWithChildren<CardHeaderBaseProps>>;
     Content: React.FC<{
         children?: React.ReactNode;
     }>;
-    Footer: React.FC<WithChildren<CardFooterBaseProps>>;
+    Footer: React.FC<React.PropsWithChildren<CardFooterBaseProps>>;
 };
 export default Layout;