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

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

@@ -1,5 +1,5 @@
 export declare const blockMap: {
-    "slider-block": (props: import("react").PropsWithChildren<import("./blocks/Slider/Slider").SliderProps>) => JSX.Element;
+    "slider-old-block": (props: import("react").PropsWithChildren<import("./blocks/SliderOld/SliderOld").SliderOldProps>) => JSX.Element;
     "extended-features-block": ({ title, description, items, colSizes, animated, }: import("./models").ExtendedFeaturesProps) => JSX.Element;
     "promo-features-block": (props: import("./models").PromoFeaturesProps) => JSX.Element;
     "questions-block": (props: import("./models").QuestionsProps) => JSX.Element;
@@ -18,7 +18,7 @@ export declare const blockMap: {
     "map-block": ({ map, border, disableShadow, ...props }: import("./models").MapBlockProps) => JSX.Element;
     "filter-block": import("react").FC<import("./models").FilterBlockProps>;
     "form-block": import("react").FC<import("./models").FormBlockProps>;
-    "slider-new-block": ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: import("react").PropsWithChildren<import("./blocks/SliderNew/Slider").SliderNewProps>) => JSX.Element;
+    "slider-block": ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, initialSlide, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: import("react").PropsWithChildren<import("./blocks/Slider/Slider").SliderProps>) => JSX.Element;
 };
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;

package/build/cjs/constructor-items.js

@@ -3,13 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.navItemMap = exports.subBlockMap = exports.blockMap = void 0;
 const tslib_1 = require("tslib");
 const blocks_1 = require("./blocks");
-const unstable_1 = require("./blocks/unstable");
 const models_1 = require("./models");
 const NavigationItem_1 = require("./navigation/components/NavigationItem");
 const SocialIcon_1 = tslib_1.__importDefault(require("./navigation/components/SocialIcon/SocialIcon"));
 const sub_blocks_1 = require("./sub-blocks");
 exports.blockMap = {
-    [models_1.BlockType.SliderBlock]: blocks_1.SliderBlock,
+    [models_1.BlockType.SliderOldBlock]: blocks_1.SliderOldBlock,
     [models_1.BlockType.ExtendedFeaturesBlock]: blocks_1.ExtendedFeaturesBlock,
     [models_1.BlockType.PromoFeaturesBlock]: blocks_1.PromoFeaturesBlock,
     [models_1.BlockType.QuestionsBlock]: blocks_1.QuestionsBlock,
@@ -28,8 +27,7 @@ exports.blockMap = {
     [models_1.BlockType.MapBlock]: blocks_1.MapBlock,
     [models_1.BlockType.FilterBlock]: blocks_1.FilterBlock,
     [models_1.BlockType.FormBlock]: blocks_1.FormBlock,
-    // unstable
-    [models_1.BlockType.SliderNewBlock]: unstable_1.SliderNewBlock,
+    [models_1.BlockType.SliderBlock]: blocks_1.SliderBlock,
 };
 exports.subBlockMap = {
     [models_1.SubBlockType.Divider]: sub_blocks_1.Divider,

package/build/cjs/editor/data/templates/{slider-new-block.json → slider-old-block.json}

@@ -1,8 +1,8 @@
 {
   "template": {
-    "type": "slider-new-block",
+    "type": "slider-old-block",
     "title": {
-      "text": "Slider new",
+      "text": "Slider",
       "url": "https://example.com"
     },
     "children": [

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

@@ -50,3 +50,4 @@ export type AnalyticsEventsProp = AnalyticsEvent | AnalyticsEvent[];
 export interface AnalyticsEventsBase {
     analyticsEvents?: AnalyticsEventsProp;
 }
+export type TagName = 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'section' | 'p';

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),
@@ -26,7 +26,7 @@ const PriceCard = (props) => {
                         react_1.default.createElement(components_1.ContentList, { list: list.map((item) => ({
                                 icon: Check_1.default,
                                 text: item,
-                            })), size: "s" }))) : null),
+                            })), size: "l" }))) : null),
                 react_1.default.createElement(components_1.Buttons, { className: b('buttons'), buttons: buttons, size: "s" }),
                 react_1.default.createElement(components_1.Links, { className: b('links'), links: links, size: "s" })))));
 };

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/common.d.ts

@@ -1,18 +1,19 @@
 import { MarkdownItPluginCb } from '@diplodoc/transform/lib/plugins/typings';
 import { Lang } from './types';
 export type ComplexItem = {
-    [key: string]: string;
+    [key: string]: string | object;
 };
 export type Item = string | null | ComplexItem;
 export type Transformer = (text: string) => string;
 export type TransformerRaw = (lang: Lang, content: string, options: {
     plugins: MarkdownItPluginCb[];
+    renderInline?: boolean;
 }) => string;
 export type Parser<T = any> = (transformer: Transformer, block: T) => T;
 export declare const createItemsParser: (fields: string[]) => (transformer: Transformer, items: Item[]) => (string | {
-    [x: string]: string;
+    [x: string]: string | object;
 } | null)[];
 export declare function yfmTransformer(lang: Lang, content: string, options?: {
     plugins?: MarkdownItPluginCb[];
-}): string;
+}, renderInline?: boolean): string;
 export declare function typografTransformer(lang: Lang, content: string): string;

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

@@ -13,20 +13,47 @@ const createItemsParser = (fields) => (transformer, items) => items.map((item) =
     }
     else {
         return Object.assign(Object.assign({}, item), fields.reduce((acc, fieldName) => {
-            if (item[fieldName]) {
+            if (fieldName.includes('.')) {
+                const [firstProperty, secondProperty] = fieldName.split('.');
+                const root = item[firstProperty];
+                if (!root || typeof root !== 'object') {
+                    return acc;
+                }
+                if (Array.isArray(root)) {
+                    if (!acc[firstProperty]) {
+                        // eslint-disable-next-line no-param-reassign
+                        acc[firstProperty] = [];
+                    }
+                    // eslint-disable-next-line no-param-reassign
+                    acc[firstProperty] = root.map((subItem) => (Object.assign(Object.assign({}, subItem), { [secondProperty]: typeof subItem[secondProperty] === 'string'
+                            ? transformer(subItem[secondProperty])
+                            : subItem[secondProperty] })));
+                }
+                else {
+                    // eslint-disable-next-line no-param-reassign
+                    acc[firstProperty] = Object.assign(Object.assign({}, root), { [secondProperty]: typeof root[secondProperty] === 'string'
+                            ? transformer(root[secondProperty])
+                            : root[secondProperty] });
+                }
+            }
+            else if (item[fieldName]) {
                 // eslint-disable-next-line no-param-reassign
-                acc[fieldName] = transformer(item[fieldName]);
+                acc[fieldName] =
+                    typeof item[fieldName] === 'string'
+                        ? transformer(item[fieldName])
+                        : item[fieldName];
             }
             return acc;
         }, {}));
     }
 });
 exports.createItemsParser = createItemsParser;
-function yfmTransformer(lang, content, options = {}) {
+function yfmTransformer(lang, content, options = {}, renderInline = false) {
     const { plugins = [] } = options;
     const { html } = (0, utils_1.fullTransform)(content, {
         lang,
         plugins: [...plugins_1.default, ...plugins],
+        renderInline,
     });
     return html;
 }

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

@@ -1,8 +1,8 @@
 import { TitleItemProps } from '../models';
-import { Parser, Transformer, TransformerRaw, typografTransformer, yfmTransformer } from './common';
+import { Parser, Transformer, TransformerRaw, yfmTransformer } from './common';
 export declare const blockHeaderTransformer: ({
     fields: string[];
-    transformer: typeof typografTransformer;
+    transformer: typeof yfmTransformer;
     parser: (transformer: Transformer, title: TitleItemProps | string) => string | {
         text: string;
         navTitle?: string | undefined;
@@ -14,15 +14,18 @@ export declare const blockHeaderTransformer: ({
         custom?: import("react").ReactNode;
         onClick?: (() => void) | undefined;
     };
+    renderInline: boolean;
 } | {
     fields: string[];
     transformer: typeof yfmTransformer;
     parser?: undefined;
+    renderInline?: undefined;
 })[];
 interface BlockConfig {
     transformer: TransformerRaw;
     fields?: string[];
     parser?: Parser;
+    renderInline?: boolean;
 }
 export type BlocksConfig = Record<string, BlockConfig | BlockConfig[]>;
 export declare const config: BlocksConfig;