@gravity-ui/page-constructor 5.31.2 → 6.0.0-alpha.0

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

@@ -8,6 +8,8 @@ import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './s
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
     ExtendedFeaturesBlock = "extended-features-block",
+    /** @deprecated */
+    SliderOldBlock = "slider-old-block",
     SliderBlock = "slider-block",
     QuestionsBlock = "questions-block",
     BannerBlock = "banner-block",
@@ -24,8 +26,7 @@ export declare enum BlockType {
     ShareBlock = "share-block",
     MapBlock = "map-block",
     FilterBlock = "filter-block",
-    FormBlock = "form-block",
-    SliderNewBlock = "slider-new-block"
+    FormBlock = "form-block"
 }
 export declare const BlockTypes: BlockType[];
 export declare const HeaderBlockTypes: BlockType[];
@@ -62,11 +63,12 @@ export declare enum SliderBreakpointNames {
 }
 export declare enum SliderType {
     MediaCard = "media-card",
-    HeaderCard = "header-card"
+    HeaderCard = "header-card",
+    FullscreenCard = "fullscreen-card"
 }
 export type SliderBreakpointParams = Record<SliderBreakpointNames, number>;
 export type SlidesToShow = Partial<SliderBreakpointParams> | number;
-export interface SliderProps extends Childable, Animatable, LoadableChildren {
+export interface SliderOldProps extends Childable, Animatable, LoadableChildren {
     dots?: boolean;
     arrows?: boolean;
     slidesToShow?: SlidesToShow;
@@ -80,7 +82,7 @@ export interface SliderProps extends Childable, Animatable, LoadableChildren {
     randomOrder?: boolean;
     adaptive?: boolean;
 }
-export interface SliderNewProps extends Childable, Animatable, LoadableChildren {
+export interface SliderProps extends Childable, Animatable, LoadableChildren {
     dots?: boolean;
     arrows?: boolean;
     slidesToShow?: SlidesToShow;
@@ -92,8 +94,9 @@ export interface SliderNewProps extends Childable, Animatable, LoadableChildren
     description?: string;
     autoplay?: number;
     randomOrder?: boolean;
+    adaptive?: boolean;
 }
-export interface HeaderSliderBlockProps extends Omit<SliderProps, 'title' | 'description'> {
+export interface HeaderSliderBlockProps extends Omit<SliderOldProps, 'title' | 'description'> {
     items: HeaderBlockProps[];
 }
 interface HeaderBackgroundProps {
@@ -355,9 +358,9 @@ export interface FormBlockProps {
 export type HeaderBlockModel = {
     type: BlockType.HeaderBlock;
 } & HeaderBlockProps;
-export type SliderBlockModel = {
-    type: BlockType.SliderBlock;
-} & SliderProps;
+export type SliderOldBlockModel = {
+    type: BlockType.SliderOldBlock;
+} & SliderOldProps;
 export type ExtendedFeaturesBlockModel = {
     type: BlockType.ExtendedFeaturesBlock;
 } & ExtendedFeaturesProps;
@@ -409,10 +412,9 @@ export type ShareBLockModel = {
 export type FormBlockModel = {
     type: BlockType.FormBlock;
 } & FormBlockProps;
-export type SliderNewBlockModel = {
-    type: BlockType.SliderNewBlock;
-} & SliderNewProps;
-type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel;
-type UnstableBlockModels = SliderNewBlockModel;
-export type Block = (BlockModels | UnstableBlockModels) & BlockBaseProps;
+export type SliderBlockModel = {
+    type: BlockType.SliderBlock;
+} & SliderProps;
+type BlockModels = SliderOldBlockModel | SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel;
+export type Block = BlockModels & BlockBaseProps;
 export {};

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

@@ -5,6 +5,8 @@ var BlockType;
 (function (BlockType) {
     BlockType["PromoFeaturesBlock"] = "promo-features-block";
     BlockType["ExtendedFeaturesBlock"] = "extended-features-block";
+    /** @deprecated */
+    BlockType["SliderOldBlock"] = "slider-old-block";
     BlockType["SliderBlock"] = "slider-block";
     BlockType["QuestionsBlock"] = "questions-block";
     BlockType["BannerBlock"] = "banner-block";
@@ -22,8 +24,6 @@ var BlockType;
     BlockType["MapBlock"] = "map-block";
     BlockType["FilterBlock"] = "filter-block";
     BlockType["FormBlock"] = "form-block";
-    // unstable
-    BlockType["SliderNewBlock"] = "slider-new-block";
 })(BlockType = exports.BlockType || (exports.BlockType = {}));
 exports.BlockTypes = Object.values(BlockType);
 exports.HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];
@@ -38,6 +38,7 @@ var SliderType;
 (function (SliderType) {
     SliderType["MediaCard"] = "media-card";
     SliderType["HeaderCard"] = "header-card";
+    SliderType["FullscreenCard"] = "fullscreen-card";
 })(SliderType = exports.SliderType || (exports.SliderType = {}));
 var PCShareSocialNetwork;
 (function (PCShareSocialNetwork) {

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

@@ -1020,7 +1020,6 @@ export declare const cardSchemas: {
                     };
                     descriptionSize: {
                         type: string;
-                        /** @deprecated */
                         enum: string[];
                     };
                     titleColor: {

package/build/cjs/schema/constants.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.constructorCardSchemaNames = exports.constructorBlockSchemaNames = exports.cardSchemas = exports.blockSchemas = void 0;
 const blocks_1 = require("./validators/blocks");
 const sub_blocks_1 = require("./validators/sub-blocks");
-exports.blockSchemas = 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(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), blocks_1.FormBlock), blocks_1.SliderNewBlock);
+exports.blockSchemas = 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(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderOldBlock), 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), blocks_1.FormBlock), blocks_1.SliderBlock);
 exports.cardSchemas = Object.assign(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.Quote), sub_blocks_1.BasicCard), sub_blocks_1.PriceCardBlock), sub_blocks_1.ImageCard);
 exports.constructorBlockSchemaNames = [
     'divider',
@@ -12,6 +12,8 @@ exports.constructorBlockSchemaNames = [
     'post',
     'extended-features-block',
     'promo-features-block',
+    /** @deprecated */
+    'slider-old-block',
     'slider-block',
     'questions-block',
     'header-block',

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

@@ -7,7 +7,7 @@ export * from '../../blocks/Info/schema';
 export * from '../../blocks/Media/schema';
 export * from '../../blocks/Map/schema';
 export * from '../../blocks/Questions/schema';
-export * from '../../blocks/Slider/schema';
+export * from '../../blocks/SliderOld/schema';
 export * from '../../blocks/Table/schema';
 export * from '../../blocks/Tabs/schema';
 export * from '../../blocks/HeaderSlider/schema';
@@ -17,4 +17,4 @@ export * from '../../blocks/ContentLayout/schema';
 export * from '../../blocks/Share/schema';
 export * from '../../blocks/FilterBlock/schema';
 export * from '../../blocks/Form/schema';
-export * from '../../blocks/SliderNew/schema';
+export * from '../../blocks/Slider/schema';

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

@@ -10,7 +10,7 @@ tslib_1.__exportStar(require("../../blocks/Info/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Media/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Map/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Questions/schema"), exports);
-tslib_1.__exportStar(require("../../blocks/Slider/schema"), exports);
+tslib_1.__exportStar(require("../../blocks/SliderOld/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Table/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Tabs/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/HeaderSlider/schema"), exports);
@@ -20,4 +20,4 @@ tslib_1.__exportStar(require("../../blocks/ContentLayout/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Share/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/FilterBlock/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Form/schema"), exports);
-tslib_1.__exportStar(require("../../blocks/SliderNew/schema"), exports);
+tslib_1.__exportStar(require("../../blocks/Slider/schema"), exports);

package/build/cjs/sub-blocks/BannerCard/BannerCard.css

@@ -1,4 +1,4 @@
-.pc-banner-card__subtitle p, .pc-banner-card__subtitle, .pc-banner-card__title {
+.pc-banner-card__subtitle.pc-banner-card__subtitle p, .pc-banner-card__subtitle.pc-banner-card__subtitle, .pc-banner-card__title.pc-banner-card__title {
   margin: 0;
 }
 
@@ -16,31 +16,32 @@ unpredictable css rules order in build */
   color: var(--g-color-text-light-primary);
 }
 
-.pc-banner-card__title {
+.pc-banner-card__title.pc-banner-card__title {
   font-size: var(--g-text-display-2-font-size);
   line-height: var(--g-text-display-2-line-height);
   color: var(--pc-text-header-color);
   font-weight: var(--g-text-accent-font-weight);
 }
 @media (max-width: 576px) {
-  .pc-banner-card__title {
+  .pc-banner-card__title.pc-banner-card__title {
     font-size: var(--g-text-display-1-font-size);
     line-height: var(--g-text-display-1-line-height);
   }
 }
-.pc-banner-card__title a {
+.pc-banner-card__title.pc-banner-card__title a {
   outline: none;
   color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
 }
-.utilityfocus .pc-banner-card__title a:focus {
+.utilityfocus .pc-banner-card__title.pc-banner-card__title a:focus {
   outline: 2px solid #ffdb4d;
 }
-.pc-banner-card__title a:hover, .pc-banner-card__title a:active {
+.pc-banner-card__title.pc-banner-card__title a:hover, .pc-banner-card__title.pc-banner-card__title a:active {
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
 }
+
 .pc-banner-card__content {
   width: 100%;
   border-radius: var(--pc-border-radius);
@@ -57,7 +58,7 @@ unpredictable css rules order in build */
   flex-direction: column;
   align-items: baseline;
 }
-.pc-banner-card__subtitle {
+.pc-banner-card__subtitle.pc-banner-card__subtitle {
   display: inline-block;
   margin-top: 8px;
   font-size: var(--g-text-body-3-font-size);
@@ -66,13 +67,14 @@ unpredictable css rules order in build */
   font-weight: var(--g-text-accent-font-weight);
   font-weight: normal;
 }
-.pc-banner-card__subtitle p {
+.pc-banner-card__subtitle.pc-banner-card__subtitle p {
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
   color: var(--pc-text-header-color);
   font-weight: var(--g-text-accent-font-weight);
   font-weight: normal;
 }
+
 .pc-banner-card__button.pc-banner-card__button {
   margin-top: 28px;
 }

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

@@ -18,9 +18,10 @@ const BannerCard = (props) => {
         react_1.default.createElement("div", { className: b('content'), style: contentStyle },
             react_1.default.createElement("div", { className: b('info') },
                 react_1.default.createElement("div", { className: b('text') },
-                    react_1.default.createElement("h2", { className: b('title') },
-                        react_1.default.createElement(components_1.HTML, null, title)),
-                    subtitle && (react_1.default.createElement(components_1.YFMWrapper, { className: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))),
+                    react_1.default.createElement(components_1.YFMWrapper, { tagName: "h2", contentClassName: b('title'), content: title, modifiers: {
+                            constructor: true,
+                        } }),
+                    subtitle && (react_1.default.createElement(components_1.YFMWrapper, { contentClassName: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))),
                 url && (react_1.default.createElement(components_1.RouterLink, { href: url },
                     react_1.default.createElement(components_1.Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text !== null && text !== void 0 ? text : '', url: url, target: target })))),
             react_1.default.createElement(components_1.BackgroundImage, { className: b('image'), src: (0, utils_1.getThemedValue)(image, theme), disableCompress: disableCompress }))));

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

@@ -29,7 +29,7 @@ const Content = (props) => {
     return (react_1.default.createElement(grid_1.Col, { className: b({ size, centered, theme, 'control-position': controlPosition }, className), reset: true, sizes: colSizes, qa: qaAttributes.container },
         title && (react_1.default.createElement(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })),
         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 }, id: textId }))),
+            react_1.default.createElement(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId, qa: qaAttributes.list }))),
         (list === null || list === void 0 ? void 0 : list.length) ? (react_1.default.createElement("div", { className: b('list') },
             react_1.default.createElement(components_1.ContentList, { list: list, size: size, qa: qaAttributes.list, theme: theme }))) : null,
         additionalInfo && (react_1.default.createElement("div", { className: b('notice') },

package/build/cjs/sub-blocks/PriceCard/PriceCard.css

@@ -47,11 +47,12 @@ unpredictable css rules order in build */
 .pc-price-card__content_theme_light .pc-price-card__info a:hover {
   color: var(--g-color-text-dark-secondary);
 }
-.pc-price-card__title {
+.pc-price-card__title.pc-price-card__title {
   font-size: var(--g-text-subheader-3-font-size);
   line-height: var(--g-text-subheader-3-line-height);
   margin-bottom: 24px;
 }
+
 .pc-price-card__price {
   margin-bottom: 24px;
 }

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

@@ -13,7 +13,7 @@ const PriceCard = (props) => {
             react_1.default.createElement(components_1.BackgroundImage, { className: b('background'), style: { backgroundColor } }),
             react_1.default.createElement("div", { className: b('content', { theme }) },
                 react_1.default.createElement("div", { className: b('info') },
-                    react_1.default.createElement(components_1.HTML, { className: b('title') }, title),
+                    react_1.default.createElement(components_1.YFMWrapper, { content: title, contentClassName: b('title'), onlyContent: true, modifiers: { constructor: true } }),
                     react_1.default.createElement("div", { className: b('price') },
                         react_1.default.createElement("div", null,
                             react_1.default.createElement("span", { className: b('price-value') }, price),

package/build/cjs/sub-blocks/Quote/Quote.css

@@ -63,22 +63,26 @@ unpredictable css rules order in build */
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
 }
-.pc-quote__content_quote-type_chevron::before {
+.pc-quote__content_quote-type_chevron.pc-quote__content_quote-type_chevron::before {
   position: absolute;
   left: -10px;
   content: "«";
 }
-.pc-quote__content_quote-type_chevron .pc-quote__text::after {
+.pc-quote__content_quote-type_chevron.pc-quote__content_quote-type_chevron .pc-quote__text::after {
   content: "»";
+  left: auto;
 }
-.pc-quote__content_quote-type_english-double::before {
+
+.pc-quote__content_quote-type_english-double.pc-quote__content_quote-type_english-double::before {
   position: absolute;
   left: -8px;
   content: "“";
 }
-.pc-quote__content_quote-type_english-double .pc-quote__text::after {
+.pc-quote__content_quote-type_english-double.pc-quote__content_quote-type_english-double .pc-quote__text::after {
   content: "”";
+  left: auto;
 }
+
 .pc-quote__content .yfm {
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);

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

@@ -25,14 +25,12 @@ const Quote = (props) => {
         button && react_1.default.createElement(components_1.Button, Object.assign({ size: "xl" }, button))));
     const themedLogoProps = (0, utils_2.getThemedValue)(logo, theme);
     const logoProps = (0, utils_1.getMediaImage)(themedLogoProps);
+    const textLocal = yfmText || text;
     return (react_1.default.createElement("div", { className: b({ theme: textTheme, border }), style: color ? { backgroundColor: color } : {} },
         react_1.default.createElement("div", { key: text, className: b('content-wrapper') },
             react_1.default.createElement("div", null,
                 react_1.default.createElement(components_1.Image, Object.assign({ className: b('logo') }, logoProps)),
-                react_1.default.createElement("div", { className: b('content', { 'quote-type': quoteType }) },
-                    text && (react_1.default.createElement("span", { className: b('text') },
-                        react_1.default.createElement(components_1.HTML, null, text))),
-                    yfmText && (react_1.default.createElement(components_1.YFMWrapper, { className: b('text'), content: yfmText, modifiers: { constructor: true } })))),
+                react_1.default.createElement("div", { className: b('content', { 'quote-type': quoteType }) }, textLocal && (react_1.default.createElement(components_1.YFMWrapper, { tagName: "span", contentClassName: b('text'), content: textLocal, modifiers: { constructor: true } })))),
             renderFooter),
         react_1.default.createElement("div", { className: b('image-wrapper') },
             react_1.default.createElement(components_1.Image, Object.assign({}, imageData, { className: b('image') })))));

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

@@ -171,7 +171,7 @@ exports.config = {
             parser: parsePromoFeatures,
         },
     ],
-    [models_1.BlockType.SliderBlock]: exports.blockHeaderTransformer,
+    [models_1.BlockType.SliderOldBlock]: exports.blockHeaderTransformer,
     [models_1.BlockType.CompaniesBlock]: exports.blockHeaderTransformer,
     [models_1.BlockType.QuestionsBlock]: [
         {

package/build/cjs/utils/blocks.d.ts

@@ -1,6 +1,13 @@
-import { ConstructorBlock, CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
+import { ReactNode } from 'react';
+import { ConstructorBlock, CustomConfig, PCShareSocialNetwork, TagName, TextSize } from '../models';
 export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h3" | "h4";
-export declare function hasBlockTag(content: string): boolean;
+type SelectVariantArgs = {
+    block?: boolean;
+    content?: string;
+    children?: ReactNode;
+    tagName?: TagName;
+};
+export declare function selectTagName({ content, children, tagName }: SelectVariantArgs): string;
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
 export declare const getCustomItems: (types: (keyof CustomConfig)[], customBlocks?: CustomConfig) => {};
 export declare const getCustomTypes: (types: (keyof CustomConfig)[], customBlocks?: CustomConfig) => string[];
@@ -8,3 +15,4 @@ export declare const getOrderedBlocks: (blocks: ConstructorBlock[], headerBlockT
 export declare const getHeaderBlock: (blocks: ConstructorBlock[], headerBlockTypes?: string[]) => ConstructorBlock | undefined;
 export declare const getShareLink: (url: string, type: PCShareSocialNetwork, title?: string, text?: string) => string | undefined;
 export declare const getQaAttrubutes: (qa?: string, ...customKeys: (string | Array<string>)[]) => Record<string, string>;
+export {};

package/build/cjs/utils/blocks.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getQaAttrubutes = exports.getShareLink = exports.getHeaderBlock = exports.getOrderedBlocks = exports.getCustomTypes = exports.getCustomItems = exports.getBlockKey = exports.hasBlockTag = exports.getHeaderTag = void 0;
+exports.getQaAttrubutes = exports.getShareLink = exports.getHeaderBlock = exports.getOrderedBlocks = exports.getCustomTypes = exports.getCustomItems = exports.getBlockKey = exports.selectTagName = exports.getHeaderTag = void 0;
 const tslib_1 = require("tslib");
 const camelCase_1 = tslib_1.__importDefault(require("lodash/camelCase"));
 const flatten_1 = tslib_1.__importDefault(require("lodash/flatten"));
@@ -57,11 +57,17 @@ function getHeaderTag(size) {
     }
 }
 exports.getHeaderTag = getHeaderTag;
-function hasBlockTag(content) {
+function selectTagName({ content, children, tagName }) {
+    if (!children && tagName) {
+        return tagName;
+    }
+    if (!content) {
+        return 'span';
+    }
     const regex = new RegExp(BLOCK_ELEMENTS_REGEX, 'g');
-    return regex.test(content);
+    return regex.test(content) ? 'div' : 'span';
 }
-exports.hasBlockTag = hasBlockTag;
+exports.selectTagName = selectTagName;
 function getBlockKey(block, index) {
     return `${block.type}-${index}`;
 }

package/build/esm/blocks/ExtendedFeatures/ExtendedFeatures.css

@@ -1,4 +1,4 @@
-.pc-ExtendedFeaturesBlock__item-title {
+.pc-ExtendedFeaturesBlock__item-title.pc-ExtendedFeaturesBlock__item-title {
   margin: 0;
 }
 
@@ -16,28 +16,33 @@ unpredictable css rules order in build */
 .pc-ExtendedFeaturesBlock__item.col {
   padding-right: 32px;
 }
-.pc-ExtendedFeaturesBlock__item-title {
+.pc-ExtendedFeaturesBlock__item-title-container {
+  margin: inherit;
+  display: block;
+  margin-block: 0 8px;
+}
+.pc-ExtendedFeaturesBlock__item-title.pc-ExtendedFeaturesBlock__item-title {
   font-size: var(--g-text-header-1-font-size);
   line-height: var(--g-text-header-1-line-height);
   color: var(--pc-text-header-color);
   font-weight: var(--g-text-accent-font-weight);
-  display: block;
   position: relative;
   margin-bottom: 8px;
 }
-.pc-ExtendedFeaturesBlock__item-title a {
+.pc-ExtendedFeaturesBlock__item-title.pc-ExtendedFeaturesBlock__item-title a {
   outline: none;
   color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
 }
-.utilityfocus .pc-ExtendedFeaturesBlock__item-title a:focus {
+.utilityfocus .pc-ExtendedFeaturesBlock__item-title.pc-ExtendedFeaturesBlock__item-title a:focus {
   outline: 2px solid #ffdb4d;
 }
-.pc-ExtendedFeaturesBlock__item-title a:hover, .pc-ExtendedFeaturesBlock__item-title a:active {
+.pc-ExtendedFeaturesBlock__item-title.pc-ExtendedFeaturesBlock__item-title a:hover, .pc-ExtendedFeaturesBlock__item-title.pc-ExtendedFeaturesBlock__item-title a:active {
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
 }
+
 .pc-ExtendedFeaturesBlock__item-label {
   font-size: var(--g-text-caption-2-font-size);
   line-height: var(--g-text-caption-2-line-height);

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AnimateBlock, HTML, Title } from '../../components/';
+import { AnimateBlock, Title, YFMWrapper } from '../../components/';
 import Image from '../../components/Image/Image';
 import { getMediaImage } from '../../components/Media/Image/utils';
 import { useTheme } from '../../context/theme';
@@ -30,12 +30,9 @@ export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DE
                     iconData && (React.createElement("div", { className: b('icon-wrap'), "aria-hidden": true },
                         React.createElement(Image, Object.assign({}, iconData, { className: b('icon') })))),
                     React.createElement("div", { className: b('container') },
-                        itemTitle &&
-                            React.createElement(itemTitleHeadingTag, {
-                                className: b('item-title'),
-                            }, React.createElement(React.Fragment, null,
-                                React.createElement(HTML, null, itemTitle),
-                                label && (React.createElement("span", { className: b('item-label') }, label)))),
+                        itemTitle && (React.createElement(YFMWrapper, { tagName: itemTitleHeadingTag, content: itemTitle, className: b('item-title-container'), contentClassName: b('item-title'), modifiers: {
+                                constructor: true,
+                            } }, label && (React.createElement("span", { className: b('item-label') }, label)))),
                         React.createElement(Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo }))));
             })))));
 };

package/build/esm/blocks/Header/Header.css

@@ -1,4 +1,4 @@
-.pc-header-block__title {
+.pc-header-block__title.pc-header-block__title {
   margin: 0;
 }
 
@@ -20,16 +20,17 @@ unpredictable css rules order in build */
   position: relative;
   height: 100%;
 }
-.pc-header-block__content_theme_dark {
+.pc-header-block__content_theme_dark.pc-header-block__content_theme_dark {
   --g-color-line-focus: var(--pc-color-line-focus-dark);
 }
-.pc-header-block__content_theme_dark .pc-header-block__title,
-.pc-header-block__content_theme_dark .pc-header-block__overtitle {
+.pc-header-block__content_theme_dark.pc-header-block__content_theme_dark .pc-header-block__title,
+.pc-header-block__content_theme_dark.pc-header-block__content_theme_dark .pc-header-block__overtitle {
   color: var(--g-color-text-light-primary);
 }
-.pc-header-block__content_theme_dark .pc-header-block__description .yfm {
+.pc-header-block__content_theme_dark.pc-header-block__content_theme_dark .pc-header-block__description .yfm {
   color: var(--g-color-text-light-primary);
 }
+
 .pc-header-block__content_vertical-offset {
   margin: 16px 0;
 }
@@ -52,7 +53,7 @@ unpredictable css rules order in build */
   position: relative;
   z-index: 10;
 }
-.pc-header-block__title {
+.pc-header-block__title.pc-header-block__title {
   font-size: var(--g-text-display-4-font-size);
   line-height: var(--g-text-display-4-line-height);
   color: var(--pc-text-header-color);
@@ -60,24 +61,28 @@ unpredictable css rules order in build */
   position: relative;
 }
 @media (max-width: 577px) {
-  .pc-header-block__title {
+  .pc-header-block__title.pc-header-block__title {
     font-size: var(--g-text-display-2-font-size);
     line-height: var(--g-text-display-2-line-height);
   }
 }
-.pc-header-block__title a {
+.pc-header-block__title.pc-header-block__title a {
   outline: none;
   color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
 }
-.utilityfocus .pc-header-block__title a:focus {
+.utilityfocus .pc-header-block__title.pc-header-block__title a:focus {
   outline: 2px solid #ffdb4d;
 }
-.pc-header-block__title a:hover, .pc-header-block__title a:active {
+.pc-header-block__title.pc-header-block__title a:hover, .pc-header-block__title.pc-header-block__title a:active {
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
 }
+
+.pc-header-block__title-container {
+  margin: 0;
+}
 .pc-header-block__description {
   margin-top: 16px;
 }

package/build/esm/blocks/Header/Header.js

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { useUniqId } from '@gravity-ui/uikit';
-import { Button, HTML, Media, RouterLink } from '../../components';
+import { Button, Media, RouterLink } from '../../components';
 import HeaderBreadcrumbs from '../../components/HeaderBreadcrumbs/HeaderBreadcrumbs';
 import { getMediaImage } from '../../components/Media/Image/utils';
 import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
@@ -55,11 +55,15 @@ export const HeaderBlock = (props) => {
                                 'vertical-offset': curVerticalOffset,
                             }) },
                             React.createElement(Col, { sizes: titleSizes, className: b('content-inner') },
-                                overtitle && (React.createElement("div", { className: b('overtitle') },
-                                    React.createElement(HTML, null, overtitle))),
-                                React.createElement("h1", { className: b('title'), id: titleId },
+                                overtitle && (React.createElement(YFMWrapper, { tagName: "div", className: b('overtitle'), content: overtitle, modifiers: {
+                                        constructor: true,
+                                    } })),
+                                React.createElement(YFMWrapper, { content: title, contentClassName: b('title'), className: b('title-container'), modifiers: {
+                                        constructor: true,
+                                        constructorTheme: textTheme,
+                                    }, tagName: "h1", contentPosition: "end" },
                                     status,
-                                    renderTitle ? renderTitle(title) : React.createElement(HTML, null, title)),
+                                    renderTitle ? renderTitle(title) : null),
                                 description && (React.createElement("div", { className: b('description', { theme: textTheme }) },
                                     React.createElement(YFMWrapper, { content: description, modifiers: {
                                             constructor: true,

package/build/esm/blocks/HeaderSlider/HeaderSlider.css

@@ -34,13 +34,6 @@ unpredictable css rules order in build */
     padding-right: 32px;
   }
 }
-@media (max-width: 769px) {
-  .pc-header-slider-block.pc-SliderBlock {
-    margin-left: -8px;
-    padding-left: 0;
-    width: calc(100% + 8px);
-  }
-}
 @media (max-width: 577px) {
   .pc-header-slider-block__item-content .pc-header-block__content {
     padding-left: 0;
@@ -49,7 +42,4 @@ unpredictable css rules order in build */
   .pc-header-slider-block__item-content .pc-header-block__container-fluid {
     padding-left: 24px;
   }
-  .pc-header-slider-block .slick-track .slick-slide {
-    max-width: 100%;
-  }
 }

package/build/esm/blocks/HeaderSlider/HeaderSlider.js

@@ -1,10 +1,10 @@
 import { __rest } from "tslib";
 import React, { useContext } from 'react';
+import { SliderBlock } from '../../blocks';
 import { MobileContext } from '../../context/mobileContext';
 import { SliderType } from '../../models';
 import { block } from '../../utils';
 import Header from '../Header/Header';
-import { SliderBlock } from '../index';
 import './HeaderSlider.css';
 const b = block('header-slider-block');
 export const HeaderSliderBlock = (_a) => {

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

@@ -568,6 +568,9 @@ export declare const HeaderSliderBlock: {
                     };
                 };
             };
+            type: {
+                type: string;
+            };
             dots: {
                 type: string;
             };
@@ -607,11 +610,17 @@ export declare const HeaderSliderBlock: {
             randomOrder: {
                 type: string;
             };
+            adaptive: {
+                type: string;
+            };
             animated: {
                 animated: {
                     type: string;
                 };
             };
+            arrowSize: {
+                type: string;
+            };
             anchor: {
                 type: string;
                 additionalProperties: boolean;
@@ -651,7 +660,6 @@ export declare const HeaderSliderBlock: {
                     };
                 };
             };
-            type: {};
             when: {
                 type: string;
             };