@gravity-ui/page-constructor 3.0.0-alpha.3 → 3.0.0-alpha.5

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.19.0](https://github.com/gravity-ui/page-constructor/compare/v2.18.0...v2.19.0) (2023-05-23)
+
+
+### Features
+
+* **Button:** add prop width ([#346](https://github.com/gravity-ui/page-constructor/issues/346)) ([f4b1ba8](https://github.com/gravity-ui/page-constructor/commit/f4b1ba85f56ef2de435bd91ae1fc35fbea0a177b))
+
 ## [2.18.0](https://github.com/gravity-ui/page-constructor/compare/v2.18.0...v2.18.0) (2023-05-15)
 
 

package/README.md

@@ -54,7 +54,6 @@ export interface PageContent extends Animatable {
   blocks: Block[];
   menu?: Menu;
   background?: MediaProps;
-  footnotes?: string[];
 }
 
 interface Custom {

package/build/cjs/blocks/CardLayout/CardLayout.js

@@ -12,6 +12,6 @@ const DEFAULT_SIZES = {
 };
 const b = (0, utils_1.block)('card-layout-block');
 const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, children, }) => (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
-    react_1.default.createElement(components_1.BlockHeader, { title: title, description: description }),
+    react_1.default.createElement(components_1.Title, { title: title, subtitle: description }),
     react_1.default.createElement(grid_1.Row, null, react_1.default.Children.map(children, (child, index) => (react_1.default.createElement(grid_1.Col, { key: index, sizes: colSizes, className: b('item') }, child))))));
 exports.default = CardLayout;

package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -19,7 +19,7 @@ const DEFAULT_SIZES = {
 const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => {
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     return (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
-        react_1.default.createElement(components_1.Title, { title: title, description: description, className: b('header') }),
+        react_1.default.createElement(components_1.Title, { title: title, subtitle: description, className: b('header') }),
         react_1.default.createElement("div", { className: b('items') },
             react_1.default.createElement(grid_1.Row, null, items.map(({ title: itemTitle, text, link, links, label, icon, buttons, additionalInfo, }) => {
                 const itemLinks = links || [];

package/build/cjs/blocks/FilterBlock/FilterBlock.js

@@ -38,7 +38,7 @@ const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, c
         ];
     }, [actualTag, items, colSizes]);
     return (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
-        title && (react_1.default.createElement(components_1.BlockHeader, { className: b('title', { centered: centered }), title: title, description: description })),
+        title && (react_1.default.createElement(components_1.Title, { className: b('title', { centered: centered }), title: title, subtitle: description })),
         tabButtons.length && (react_1.default.createElement(grid_1.Row, null,
             react_1.default.createElement(grid_1.Col, null,
                 react_1.default.createElement(ButtonTabs_1.default, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize })))),

package/build/cjs/blocks/Icons/Icons.js

@@ -9,7 +9,7 @@ const b = (0, utils_1.block)('icons-block');
 const Icons = ({ title, size = 's', items }) => {
     const { hostname } = (0, react_1.useContext)(locationContext_1.LocationContext);
     return (react_1.default.createElement("div", { className: b({ size }) },
-        title && react_1.default.createElement(components_1.BlockHeader, { className: b('header'), title: title, colSizes: { all: 12 } }),
+        title && react_1.default.createElement(components_1.Title, { className: b('header'), title: title, colSizes: { all: 12 } }),
         items.map((item) => (react_1.default.createElement("a", Object.assign({ className: b('item'), key: item.url, href: item.url }, (0, utils_1.getLinkProps)(item.url, hostname)),
             react_1.default.createElement(components_1.Image, { className: b('image'), src: item.src }),
             react_1.default.createElement("p", { className: b('text') }, item.text))))));

package/build/cjs/blocks/PromoFeaturesBlock/PromoFeaturesBlock.js

@@ -21,7 +21,7 @@ const PromoFeaturesBlock = (props) => {
     const backgroundTheme = theme || 'default';
     return (react_1.default.createElement(AnimateBlock_1.default, { className: b({ [backgroundTheme]: true }), animate: animated },
         react_1.default.createElement(FullWidthBackground_1.default, { className: b('background', { [backgroundTheme]: true }) }),
-        react_1.default.createElement(Title_1.default, { title: title, description: description, className: b('header') }),
+        react_1.default.createElement(Title_1.default, { title: title, subtitle: description, className: b('header') }),
         react_1.default.createElement(BalancedMasonry_1.default, { breakpointCols: breakpointColumns, className: b('card-container'), columnClassName: b('card-container-column') }, items.map(({ title: cardTitle, text, media, theme: cardTheme }, index) => {
             const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';
             const themeMod = cardTheme || blockModifier || '';

package/build/cjs/blocks/Slider/Slider.js

@@ -185,7 +185,7 @@ const SliderBlock = (props) => {
                 type,
             }, blockClassName) },
             anchorId && react_1.default.createElement(Anchor_1.default, { id: anchorId }),
-            react_1.default.createElement(Title_1.default, { title: title, description: description, className: b('header', { 'no-description': !description }) }),
+            react_1.default.createElement(Title_1.default, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }),
             react_1.default.createElement(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated }, renderSlider()))));
 };
 exports.SliderBlock = SliderBlock;

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

@@ -54,7 +54,7 @@ const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered
         e.currentTarget.scrollIntoView({ inline: 'center', behavior: 'smooth', block: 'nearest' });
     };
     return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), onScroll: () => setPlay(true), animate: animated },
-        react_1.default.createElement(Title_1.default, { title: title, description: description, className: b('block-title', { centered: centered }) }),
+        react_1.default.createElement(Title_1.default, { title: title, subtitle: description, className: b('block-title', { centered: centered }) }),
         react_1.default.createElement(grid_1.Row, null,
             react_1.default.createElement(grid_1.Col, { sizes: tabsColSizes },
                 react_1.default.createElement(ButtonTabs_1.default, { items: tabs, onSelectTab: onSelectTab, activeTab: activeTab, className: b('tabs', { centered: centered }) }))),

package/build/cjs/components/Button/Button.css

@@ -45,4 +45,7 @@ unpredictable css rules order in build */
 }
 .pc-button-block_size_xl {
   --btn-image-margin: 25px;
+}
+.pc-button-block_width_max .pc-button-block__text {
+  width: 100%;
 }

package/build/cjs/components/Button/Button.js

@@ -15,7 +15,7 @@ const b = (0, utils_1.block)('button-block');
 const Button = (props) => {
     const handleMetrika = (0, useMetrika_1.useMetrika)();
     const { lang, tld } = (0, react_1.useContext)(localeContext_1.LocaleContext);
-    const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "img", "onClick", "text"]);
+    const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text, width } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "img", "onClick", "text", "width"]);
     const defaultImgPosition = 'left';
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.Button, url);
     const onClick = (0, react_1.useCallback)((e) => {
@@ -25,12 +25,13 @@ const Button = (props) => {
             onClickOrigin(e);
         }
     }, [handleMetrika, metrikaGoals, pixelEvents, handleAnalytics, analyticsEvents, onClickOrigin]);
+    const buttonModifiers = { size, theme, width };
     const buttonImg = img instanceof Object
         ? { url: img.url, position: img.position || defaultImgPosition, alt: img.alt }
         : { url: img, position: defaultImgPosition };
     const buttonClass = img
-        ? b({ position: buttonImg.position, size, theme }, className)
-        : b({ size, theme }, className);
+        ? b(Object.assign({ position: buttonImg.position }, buttonModifiers), className)
+        : b(Object.assign({}, buttonModifiers), className);
     const buttonProps = Object.assign(Object.assign({}, rest), { onClick });
     if (theme === 'app-store' || theme === 'google-play') {
         const platform = theme === 'app-store' ? uikit_1.Platform.IOS : uikit_1.Platform.ANDROID;
@@ -43,7 +44,7 @@ const Button = (props) => {
         image = undefined;
     }
     const buttonTheme = theme === 'scale' ? 'accent' : theme;
-    return (react_1.default.createElement(uikit_1.Button, Object.assign({ className: buttonClass, view: (0, utils_2.toCommonView)(buttonTheme), size: (0, utils_2.toCommonSize)(size), href: url ? (0, utils_1.setUrlTld)(url, tld) : undefined }, buttonProps),
+    return (react_1.default.createElement(uikit_1.Button, Object.assign({ className: buttonClass, view: (0, utils_2.toCommonView)(buttonTheme), size: (0, utils_2.toCommonSize)(size), href: url ? (0, utils_1.setUrlTld)(url, tld) : undefined, width: width }, buttonProps),
         icon && buttonImg.position === 'left' ? icon : null,
         react_1.default.createElement("span", { className: b('content') },
             image && buttonImg.position === 'left' ? image : null,

package/build/cjs/components/MediaBase/MediaBase.js

@@ -24,7 +24,7 @@ const MediaBase = (props) => {
     const mediaContent = !mediaOnly && react_1.default.createElement(MediaBaseContent_1.default, Object.assign({}, mediaContentProps));
     const card = children.type === Card ? children === null || children === void 0 ? void 0 : children.props.children : null;
     return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), onScroll: onScroll, animate: animated },
-        mediaOnly && (react_1.default.createElement(Title_1.default, { className: b('header'), title: title, description: description, colSizes: { all: 12 } })),
+        mediaOnly && (react_1.default.createElement(Title_1.default, { className: b('header'), title: title, subtitle: description, colSizes: { all: 12 } })),
         react_1.default.createElement(grid_1.Grid, null,
             react_1.default.createElement(grid_1.Row, { className: b('row', {
                     reverse: direction === 'media-content',

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

@@ -3,5 +3,5 @@ import { ClassNameProps, TitleProps as TitleParams } from '../../models';
 export interface TitleProps extends TitleParams {
     colSizes?: GridColumnSizesType;
 }
-declare const Title: ({ title, description, className, colSizes, }: TitleProps & ClassNameProps) => JSX.Element | null;
+declare const Title: ({ title, subtitle, className, colSizes, }: TitleProps & ClassNameProps) => JSX.Element | null;
 export default Title;

package/build/cjs/components/Title/Title.js

@@ -7,16 +7,16 @@ const utils_1 = require("../../utils");
 const YFMWrapper_1 = tslib_1.__importDefault(require("../YFMWrapper/YFMWrapper"));
 const TitleItem_1 = tslib_1.__importDefault(require("./TitleItem"));
 const b = (0, utils_1.block)('title');
-const Title = ({ title, description, className, colSizes = { all: 12, sm: 8 }, }) => {
-    if (!title && !description) {
+const Title = ({ title, subtitle, className, colSizes = { all: 12, sm: 8 }, }) => {
+    if (!title && !subtitle) {
         return null;
     }
     const _a = !title || typeof title === 'string' ? { text: title } : title, { text } = _a, titleProps = tslib_1.__rest(_a, ["text"]);
     return (react_1.default.createElement("div", { className: b(null, className) },
         text && (react_1.default.createElement(grid_1.Col, { reset: true, sizes: colSizes },
             react_1.default.createElement(TitleItem_1.default, Object.assign({ text: text }, titleProps)))),
-        description && (react_1.default.createElement(grid_1.Col, { reset: true, sizes: colSizes },
+        subtitle && (react_1.default.createElement(grid_1.Col, { reset: true, sizes: colSizes },
             react_1.default.createElement("div", { className: b('description', { titleSize: titleProps === null || titleProps === void 0 ? void 0 : titleProps.textSize }) },
-                react_1.default.createElement(YFMWrapper_1.default, { content: description, modifiers: { constructor: true } }))))));
+                react_1.default.createElement(YFMWrapper_1.default, { content: subtitle, modifiers: { constructor: true } }))))));
 };
 exports.default = Title;

package/build/cjs/components/Title/TitleItem.d.ts

@@ -6,5 +6,5 @@ export interface TitleItemFullProps extends TitleItemProps {
     dataQa?: string;
     resetMargin?: boolean;
 }
-declare const Title: (props: TitleItemFullProps) => JSX.Element;
-export default Title;
+declare const TitleItem: (props: TitleItemFullProps) => JSX.Element;
+export default TitleItem;

package/build/cjs/components/Title/TitleItem.js

@@ -24,7 +24,7 @@ function getArrowSize(size, isMobile) {
     }
 }
 exports.getArrowSize = getArrowSize;
-const Title = (props) => {
+const TitleItem = (props) => {
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const { textSize = 'm', text, anchor, justify, url, onClick, custom, className, dataQa, resetMargin = true, } = props;
     const { hostname } = (0, react_1.useContext)(locationContext_1.LocationContext);
@@ -54,4 +54,4 @@ const Title = (props) => {
             'data-qa': `${dataQa}-header`,
         }, content)));
 };
-exports.default = Title;
+exports.default = TitleItem;

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

@@ -5,7 +5,6 @@ export { default as BackgroundMedia } from './BackgroundMedia/BackgroundMedia';
 export { default as BackLink } from './BackLink/BackLink';
 export { default as BalancedMasonry } from './BalancedMasonry/BalancedMasonry';
 export { default as BlockBase } from './BlockBase/BlockBase';
-export { default as BlockHeader } from './Title/Title';
 export { default as Button } from './Button/Button';
 export { default as CardBase } from './CardBase/CardBase';
 export { default as ErrorWrapper } from './ErrorWrapper/ErrorWrapper';

package/build/cjs/components/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FullScreenMedia = exports.MetaInfo = exports.HTML = exports.RouterLink = exports.Author = exports.OverflowScroller = exports.Control = exports.YandexForm = exports.YFMWrapper = exports.VideoBlock = exports.UnpublishedLabel = exports.ToggleArrow = exports.Title = exports.Table = exports.ReactPlayer = exports.OutsideClick = exports.Media = exports.Links = exports.Link = exports.ImageBase = exports.Image = exports.HeaderBreadcrumbs = exports.FullWidthBackground = exports.FullscreenImage = exports.Foldable = exports.FileLink = exports.ErrorWrapper = exports.CardBase = exports.Button = exports.BlockHeader = exports.BlockBase = exports.BalancedMasonry = exports.BackLink = exports.BackgroundMedia = exports.BackgroundImage = exports.AnimateBlock = exports.Anchor = void 0;
+exports.FullScreenMedia = exports.MetaInfo = exports.HTML = exports.RouterLink = exports.Author = exports.OverflowScroller = exports.Control = exports.YandexForm = exports.YFMWrapper = exports.VideoBlock = exports.UnpublishedLabel = exports.ToggleArrow = exports.Title = exports.Table = exports.ReactPlayer = exports.OutsideClick = exports.Media = exports.Links = exports.Link = exports.ImageBase = exports.Image = exports.HeaderBreadcrumbs = exports.FullWidthBackground = exports.FullscreenImage = exports.Foldable = exports.FileLink = exports.ErrorWrapper = exports.CardBase = exports.Button = exports.BlockBase = exports.BalancedMasonry = exports.BackLink = exports.BackgroundMedia = exports.BackgroundImage = exports.AnimateBlock = exports.Anchor = void 0;
 var Anchor_1 = require("./Anchor/Anchor");
 Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return __importDefault(Anchor_1).default; } });
 var AnimateBlock_1 = require("./AnimateBlock/AnimateBlock");
@@ -18,8 +18,6 @@ var BalancedMasonry_1 = require("./BalancedMasonry/BalancedMasonry");
 Object.defineProperty(exports, "BalancedMasonry", { enumerable: true, get: function () { return __importDefault(BalancedMasonry_1).default; } });
 var BlockBase_1 = require("./BlockBase/BlockBase");
 Object.defineProperty(exports, "BlockBase", { enumerable: true, get: function () { return __importDefault(BlockBase_1).default; } });
-var Title_1 = require("./Title/Title");
-Object.defineProperty(exports, "BlockHeader", { enumerable: true, get: function () { return __importDefault(Title_1).default; } });
 var Button_1 = require("./Button/Button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
 var CardBase_1 = require("./CardBase/CardBase");
@@ -52,8 +50,8 @@ var ReactPlayer_1 = require("./ReactPlayer/ReactPlayer");
 Object.defineProperty(exports, "ReactPlayer", { enumerable: true, get: function () { return __importDefault(ReactPlayer_1).default; } });
 var Table_1 = require("./Table/Table");
 Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
-var Title_2 = require("./Title/Title");
-Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return __importDefault(Title_2).default; } });
+var Title_1 = require("./Title/Title");
+Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return __importDefault(Title_1).default; } });
 var ToggleArrow_1 = require("./ToggleArrow/ToggleArrow");
 Object.defineProperty(exports, "ToggleArrow", { enumerable: true, get: function () { return __importDefault(ToggleArrow_1).default; } });
 var UnpublishedLabel_1 = require("./UnpublishedLabel/UnpublishedLabel");

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

@@ -23,7 +23,6 @@ export declare const subBlockMap: {
     "price-detailed": (props: import("./models").PriceDetailedProps) => JSX.Element;
     "media-card": ({ border, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
     "banner-card": (props: import("./models").BannerCardProps) => JSX.Element;
-    "news-card": (props: import("./models").NewsCardProps) => JSX.Element;
     "layout-item": ({ content: { links, ...content }, metaInfo, media, border, fullScreen, className, }: import("./models").LayoutItemProps) => JSX.Element;
     "background-card": (props: import("./models").BackgroundCardProps) => JSX.Element;
     "basic-card": (props: import("./models").BasicCardProps) => JSX.Element;

package/build/cjs/constructor-items.js

@@ -29,7 +29,6 @@ exports.subBlockMap = {
     [models_1.SubBlockType.PriceDetailed]: sub_blocks_1.PriceDetailed,
     [models_1.SubBlockType.MediaCard]: sub_blocks_1.MediaCard,
     [models_1.SubBlockType.BannerCard]: sub_blocks_1.BannerCard,
-    [models_1.SubBlockType.NewsCard]: sub_blocks_1.NewsCard,
     [models_1.SubBlockType.LayoutItem]: sub_blocks_1.LayoutItem,
     [models_1.SubBlockType.BackgroundCard]: sub_blocks_1.BackgroundCard,
     [models_1.SubBlockType.BasicCard]: sub_blocks_1.BasicCard,

package/build/cjs/containers/PageConstructor/PageConstructor.css

@@ -83,18 +83,6 @@ unpredictable css rules order in build */
 .yfm_constructor_theme_dark p {
   color: var(--yc-color-text-light-primary);
 }
-.yfm_constructor_footnote_text p, .yfm_constructor_footnote_page p {
-  opacity: 0.5;
-}
-.yfm_constructor_footnote_text p {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-}
-.yfm_constructor_footnote_page p {
-  font-size: var(--yc-text-body-1-font-size);
-  line-height: var(--yc-text-body-1-line-height);
-  display: inline;
-}
 .yfm_constructor_list_style ul {
   padding-left: 20px;
 }

package/build/cjs/containers/PageConstructor/PageConstructor.js

@@ -14,12 +14,11 @@ const models_1 = require("../../models");
 const Layout_1 = tslib_1.__importDefault(require("../../navigation/containers/Layout/Layout"));
 const utils_1 = require("../../utils");
 const ConstructorBlocks_1 = require("./components/ConstructorBlocks");
-const ConstructorFootnotes_1 = require("./components/ConstructorFootnotes");
 const ConstructorItem_1 = require("./components/ConstructorItem");
 const ConstructorRow_1 = require("./components/ConstructorRow");
 const b = (0, utils_1.block)('page-constructor');
 const Constructor = (props) => {
-    const { content: { blocks = [], background = {}, footnotes = [] } = {}, renderMenu, shouldRenderBlock, navigation, custom, } = props;
+    const { content: { blocks = [], background = {} } = {}, renderMenu, shouldRenderBlock, navigation, custom, } = props;
     const { context } = (0, react_1.useMemo)(() => ({
         context: {
             blockTypes: [...models_1.BlockTypes, ...(0, utils_1.getCustomBlockTypes)(custom)],
@@ -31,7 +30,6 @@ const Constructor = (props) => {
         },
     }), [custom, shouldRenderBlock]);
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
-    const hasFootnotes = footnotes.length > 0;
     const isHeaderBlock = (block) => context.headerBlockTypes.includes(block.type);
     const header = blocks === null || blocks === void 0 ? void 0 : blocks.find(isHeaderBlock);
     const restBlocks = blocks === null || blocks === void 0 ? void 0 : blocks.filter((block) => !isHeaderBlock(block));
@@ -43,11 +41,8 @@ const Constructor = (props) => {
                 react_1.default.createElement(Layout_1.default, { navigation: navigation },
                     renderMenu && renderMenu(),
                     header && (react_1.default.createElement(ConstructorItem_1.ConstructorHeader, { data: header, blockKey: models_1.BlockType.HeaderBlock })),
-                    react_1.default.createElement(grid_1.Grid, null,
-                        restBlocks && (react_1.default.createElement(ConstructorRow_1.ConstructorRow, null,
-                            react_1.default.createElement(ConstructorBlocks_1.ConstructorBlocks, { items: restBlocks }))),
-                        hasFootnotes && (react_1.default.createElement(ConstructorRow_1.ConstructorRow, null,
-                            react_1.default.createElement(ConstructorFootnotes_1.ConstructorFootnotes, { items: footnotes })))))))));
+                    react_1.default.createElement(grid_1.Grid, null, restBlocks && (react_1.default.createElement(ConstructorRow_1.ConstructorRow, null,
+                        react_1.default.createElement(ConstructorBlocks_1.ConstructorBlocks, { items: restBlocks })))))))));
 };
 exports.Constructor = Constructor;
 const PageConstructor = (props) => {

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

@@ -2,7 +2,7 @@
 import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
-import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, TitleProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps } from './common';
 import { BannerCardProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
@@ -207,7 +207,9 @@ export interface TabsBlockItem extends Omit<ContentBlockProps, 'size' | 'colSize
     caption?: string;
     media?: ThemedMediaProps;
 }
-export interface TabsBlockProps extends TitleProps, Animatable {
+export interface TabsBlockProps extends Animatable {
+    title?: TitleItemProps | string;
+    description?: string;
     tabsColSizes?: GridColumnSizesType;
     centered?: boolean;
     direction?: MediaDirection;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { ButtonSize, ButtonView } from '@gravity-ui/uikit';
+import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils/theme';
 import { AnalyticsEventsBase, ClassNameProps, PixelEventType } from '../common';
 export declare enum AuthorType {
@@ -126,11 +126,10 @@ export interface FileLinkProps extends ClassNameProps {
     onClick?: () => void;
 }
 export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
-export interface ButtonProps extends AnalyticsEventsBase {
+export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width'> {
     text: string;
     url: string;
     primary?: boolean;
-    size?: ButtonSize;
     theme?: ButtonTheme;
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;
@@ -336,6 +335,6 @@ export interface AuthorProps {
 }
 export interface TitleProps {
     title?: TitleItemProps | string;
-    description?: string;
+    subtitle?: string;
 }
 export {};

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

@@ -7,7 +7,6 @@ import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, Divi
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",
-    NewsCard = "news-card",
     /**
      * @deprecated Will be removed
      */
@@ -68,15 +67,6 @@ export interface QuoteProps extends Themable, CardBaseProps {
     buttonText?: string;
     theme?: TextTheme;
 }
-export interface NewsCardData {
-    id: number;
-    slug: string;
-    title: string;
-    date: string;
-    url: string;
-    isoDate?: string;
-}
-export type NewsCardProps = Pick<NewsCardData, 'title' | 'url' | 'date' | 'isoDate'> & CardBaseProps;
 export interface BackgroundCardProps extends CardBaseProps, Omit<ContentBlockProps, 'colSizes' | 'centered'> {
     url?: string;
     background?: ThemeSupporting<ImageObjectProps>;
@@ -112,9 +102,6 @@ export type DividerModel = {
 export type QuoteModel = {
     type: SubBlockType.Quote;
 } & QuoteProps;
-export type NewsCardModel = {
-    type: SubBlockType.NewsCard;
-} & NewsCardProps;
 export type LayoutItemModel = {
     type: SubBlockType.LayoutItem;
 } & LayoutItemProps;
@@ -136,5 +123,5 @@ export type BannerCardModel = {
 export type BasicCardModel = {
     type: SubBlockType.BasicCard;
 } & BasicCardProps;
-export type SubBlockModels = DividerModel | QuoteModel | NewsCardModel | PriceDetailedModel | MediaCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | LayoutItemModel;
+export type SubBlockModels = DividerModel | QuoteModel | PriceDetailedModel | MediaCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | LayoutItemModel;
 export type SubBlock = SubBlockModels;

package/build/cjs/models/constructor-items/sub-blocks.js

@@ -5,7 +5,6 @@ var SubBlockType;
 (function (SubBlockType) {
     SubBlockType["Divider"] = "divider";
     SubBlockType["Quote"] = "quote";
-    SubBlockType["NewsCard"] = "news-card";
     /**
      * @deprecated Will be removed
      */

package/build/cjs/models/constructor.d.ts

@@ -10,7 +10,6 @@ export interface PageContent extends Animatable {
     blocks: Block[];
     menu?: Menu;
     background?: ThemedMediaProps;
-    footnotes?: string[];
 }
 export interface InitConstrucorState {
     hasMenu: boolean;

package/build/cjs/schema/index.d.ts

@@ -226,12 +226,6 @@ export declare function generateDefaultSchema(config?: SchemaCustomConfig): {
                 properties: {};
             })[];
         };
-        footnotes: {
-            type: string;
-            items: {
-                type: string;
-            };
-        };
         animated: {
             type: string;
         };

package/build/cjs/schema/index.js

@@ -15,7 +15,7 @@ exports.getBlocksCases = getBlocksCases;
 function generateDefaultSchema(config) {
     const { cards = {}, blocks = {}, extensions = {} } = config !== null && config !== void 0 ? config : {};
     const blockValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.TabsBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock), blocks_1.FilterBlock);
-    const cardValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.MediaCardBlock), blocks_1.BannerCard), sub_blocks_1.PriceDetailedBlock), sub_blocks_1.BackgroundCard), sub_blocks_1.NewsCard), sub_blocks_1.Quote), sub_blocks_1.BasicCard);
+    const cardValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.MediaCardBlock), blocks_1.BannerCard), sub_blocks_1.PriceDetailedBlock), sub_blocks_1.BackgroundCard), sub_blocks_1.Quote), sub_blocks_1.BasicCard);
     const constructorBlockSchemaNames = [
         'divider',
         'quote',
@@ -48,7 +48,6 @@ function generateDefaultSchema(config) {
         'banner-card',
         'price-detailed',
         'background-card',
-        'news-card',
         'quote',
         'basic-card',
         'layout-item',
@@ -91,12 +90,7 @@ function generateDefaultSchema(config) {
                 items: {
                     $ref: '#/definitions/children',
                 },
-            }, menu: common_1.MenuProps, background: (0, common_1.withTheme)(common_1.BackgroundProps), footnotes: {
-                type: 'array',
-                items: {
-                    type: 'string',
-                },
-            } }), extensions),
+            }, menu: common_1.MenuProps, background: (0, common_1.withTheme)(common_1.BackgroundProps) }), extensions),
     };
 }
 exports.generateDefaultSchema = generateDefaultSchema;

package/build/cjs/schema/validators/sub-blocks.d.ts

@@ -2,7 +2,6 @@ export * from '../../sub-blocks/PriceDetailed/schema';
 export * from '../../sub-blocks/BackgroundCard/schema';
 export * from '../../sub-blocks/Content/schema';
 export * from '../../sub-blocks/MediaCard/schema';
-export * from '../../sub-blocks/NewsCard/schema';
 export * from '../../sub-blocks/LayoutItem/schema';
 export * from '../../sub-blocks/Quote/schema';
 export * from '../../sub-blocks/Divider/schema';

package/build/cjs/schema/validators/sub-blocks.js

@@ -5,7 +5,6 @@ tslib_1.__exportStar(require("../../sub-blocks/PriceDetailed/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/BackgroundCard/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/Content/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/MediaCard/schema"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/NewsCard/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/LayoutItem/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/Quote/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/Divider/schema"), exports);

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

@@ -37,11 +37,11 @@ function getButtonSize(size) {
 const Content = (props) => {
     const { title, text, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, } = props;
     const titleProps = tslib_1.__rest(!title || typeof title === 'string'
-        ? { text: title, textSize: getTextSize(size), resetMargin: true }
-        : Object.assign(Object.assign({}, title), { resetMargin: true }), []);
+        ? { text: title, textSize: getTextSize(size) }
+        : Object.assign({}, title), []);
     const hasTitle = Boolean(title);
     return (react_1.default.createElement(grid_1.Col, { className: b({ size, centered, theme }, className), reset: true, sizes: colSizes },
-        title && react_1.default.createElement(components_1.Title, { className: b('title'), title: Object.assign({}, titleProps), colSizes: { all: 12 } }),
+        title && react_1.default.createElement(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 } }),
         text && (react_1.default.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
             react_1.default.createElement(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true } }))),
         additionalInfo && (react_1.default.createElement("div", { className: b('notice') },

package/build/cjs/sub-blocks/index.d.ts

@@ -1,6 +1,5 @@
 export { default as Divider } from './Divider/Divider';
 export { default as Quote } from './Quote/Quote';
-export { default as NewsCard } from './NewsCard/NewsCard';
 export { default as PriceDetailed } from './PriceDetailed/PriceDetailed';
 export { default as MediaCard } from './MediaCard/MediaCard';
 export { default as BannerCard } from './BannerCard/BannerCard';

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

@@ -3,13 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HubspotForm = exports.Content = exports.BasicCard = exports.BackgroundCard = exports.LayoutItem = exports.BannerCard = exports.MediaCard = exports.PriceDetailed = exports.NewsCard = exports.Quote = exports.Divider = void 0;
+exports.HubspotForm = exports.Content = exports.BasicCard = exports.BackgroundCard = exports.LayoutItem = exports.BannerCard = exports.MediaCard = exports.PriceDetailed = exports.Quote = exports.Divider = void 0;
 var Divider_1 = require("./Divider/Divider");
 Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return __importDefault(Divider_1).default; } });
 var Quote_1 = require("./Quote/Quote");
 Object.defineProperty(exports, "Quote", { enumerable: true, get: function () { return __importDefault(Quote_1).default; } });
-var NewsCard_1 = require("./NewsCard/NewsCard");
-Object.defineProperty(exports, "NewsCard", { enumerable: true, get: function () { return __importDefault(NewsCard_1).default; } });
 var PriceDetailed_1 = require("./PriceDetailed/PriceDetailed");
 Object.defineProperty(exports, "PriceDetailed", { enumerable: true, get: function () { return __importDefault(PriceDetailed_1).default; } });
 var MediaCard_1 = require("./MediaCard/MediaCard");

package/build/cjs/text-transform/transformers.d.ts

@@ -3,7 +3,6 @@ import { Lang } from '../utils/configure';
 export type ContentTransformerProps = {
     content: {
         blocks?: ConstructorBlock[];
-        footnotes?: string[];
     };
     options: {
         lang: Lang;
@@ -12,5 +11,4 @@ export type ContentTransformerProps = {
 };
 export declare const contentTransformer: ({ content, options }: ContentTransformerProps) => {
     blocks: ConstructorBlock[];
-    footnotes: string[];
 };

package/build/cjs/text-transform/transformers.js

@@ -4,7 +4,6 @@ exports.contentTransformer = void 0;
 const tslib_1 = require("tslib");
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const config_1 = require("./config");
-const utils_1 = require("./utils");
 function transformBlocks(blocks, lang, customConfig = {}) {
     const fullConfig = Object.assign(Object.assign({}, config_1.config), customConfig);
     const clonedBlocks = lodash_1.default.cloneDeep(blocks);
@@ -50,12 +49,10 @@ function transformBlock(lang, blocksConfig, block) {
 }
 const contentTransformer = ({ content, options }) => {
     const { lang, customConfig = {} } = options;
-    const { blocks = [], footnotes = [] } = content;
+    const { blocks = [] } = content;
     const transformedBlocks = transformBlocks(blocks, lang, customConfig);
-    const transformedFootnotes = (footnotes === null || footnotes === void 0 ? void 0 : footnotes.map((footnote) => (0, utils_1.fullTransform)(footnote, { path: __dirname, lang, allowHTML: true }).html).filter(Boolean)) || [];
     return {
         blocks: transformedBlocks,
-        footnotes: transformedFootnotes,
     };
 };
 exports.contentTransformer = contentTransformer;

package/build/esm/blocks/CardLayout/CardLayout.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AnimateBlock, BlockHeader } from '../../components';
+import { AnimateBlock, Title } from '../../components';
 import { Col, Row } from '../../grid';
 import { block } from '../../utils';
 import './CardLayout.css';
@@ -10,6 +10,6 @@ const DEFAULT_SIZES = {
 };
 const b = block('card-layout-block');
 const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, children, }) => (React.createElement(AnimateBlock, { className: b(), animate: animated },
-    React.createElement(BlockHeader, { title: title, description: description }),
+    React.createElement(Title, { title: title, subtitle: description }),
     React.createElement(Row, null, React.Children.map(children, (child, index) => (React.createElement(Col, { key: index, sizes: colSizes, className: b('item') }, child))))));
 export default CardLayout;

package/build/esm/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -16,7 +16,7 @@ const DEFAULT_SIZES = {
 export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => {
     const { themeValue: theme } = useContext(ThemeValueContext);
     return (React.createElement(AnimateBlock, { className: b(), animate: animated },
-        React.createElement(Title, { title: title, description: description, className: b('header') }),
+        React.createElement(Title, { title: title, subtitle: description, className: b('header') }),
         React.createElement("div", { className: b('items') },
             React.createElement(Row, null, items.map(({ title: itemTitle, text, link, links, label, icon, buttons, additionalInfo, }) => {
                 const itemLinks = links || [];