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

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

@@ -1,8 +1,9 @@
 import { PropsWithChildren } from 'react';
-import { Swiper } from 'swiper/react';
+import { Swiper as SwiperReact } from 'swiper/react';
 import { ClassNameProps, Refable, SliderProps as SliderParams } from '../../models';
 import 'swiper/swiper-bundle.css';
-export interface SliderProps extends Omit<SliderParams, 'children'>, Partial<Pick<Swiper, 'onSlideChange' | 'onSlideChangeTransitionStart' | 'onSlideChangeTransitionEnd' | 'onActiveIndexChange' | 'onBreakpoint'>>, Refable<HTMLDivElement>, ClassNameProps {
+export type { Swiper, SwiperOptions } from 'swiper';
+export interface SliderProps extends Omit<SliderParams, 'children'>, Partial<Pick<SwiperReact, 'onSlideChange' | 'onSlideChangeTransitionStart' | 'onSlideChangeTransitionEnd' | 'onActiveIndexChange' | 'onBreakpoint'>>, Refable<HTMLDivElement>, ClassNameProps {
     type?: string;
     anchorId?: string;
     dotsClassName?: string;

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

@@ -5,6 +5,7 @@ export { default as MediaBlock } from './Media/Media';
 export { default as MapBlock } from './Map/Map';
 export { default as SliderOldBlock } from './SliderOld/SliderOld';
 export { default as SliderBlock } from './Slider/Slider';
+export type { Swiper, SwiperOptions } from './Slider/Slider';
 export { default as ExtendedFeaturesBlock } from './ExtendedFeatures/ExtendedFeatures';
 export { default as PromoFeaturesBlock } from './PromoFeaturesBlock/PromoFeaturesBlock';
 export { default as QuestionsBlock } from './Questions/Questions';

package/build/cjs/components/ContentList/ContentList.css

@@ -1,5 +1,8 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
+.pc-content-list_size_l {
+  max-width: 480px;
+}
 .pc-content-list_size_l .pc-content-list__title {
   font-size: var(--g-text-header-1-font-size);
   line-height: var(--g-text-header-1-line-height);
@@ -21,10 +24,21 @@ unpredictable css rules order in build */
 .pc-content-list_size_l .pc-content-list__item_without-title .pc-content-list__icon {
   width: 20px;
   height: 20px;
-  margin-top: 0;
-  margin-bottom: 0;
+  margin-top: 2px;
+  margin-bottom: 2px;
   margin-right: 8px;
 }
+.pc-content-list_size_l .pc-content-list__text {
+  font-size: var(--g-text-subheader-2-font-size);
+  line-height: var(--g-text-subheader-2-line-height);
+}
+.pc-content-list_size_l .pc-content-list__text_without-title {
+  font-size: var(--g-text-subheader-3-font-size);
+  line-height: var(--g-text-subheader-3-line-height);
+}
+.pc-content-list_size_s {
+  max-width: 440px;
+}
 .pc-content-list_size_s .pc-content-list__title {
   font-size: var(--g-text-subheader-3-font-size);
   line-height: var(--g-text-subheader-3-line-height);
@@ -46,8 +60,16 @@ unpredictable css rules order in build */
 .pc-content-list_size_s .pc-content-list__item_without-title .pc-content-list__icon {
   width: 18px;
   height: 18px;
-  margin-top: 0;
-  margin-bottom: 0;
+  margin-top: 1px;
+  margin-bottom: 1px;
+}
+.pc-content-list_size_s .pc-content-list__text {
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
+}
+.pc-content-list_size_s .pc-content-list__text_without-title {
+  font-size: var(--g-text-subheader-2-font-size);
+  line-height: var(--g-text-subheader-2-line-height);
 }
 .pc-content-list_theme_light .pc-content-list__item *,
 .pc-content-list_theme_light .pc-content-list__item .yfm,
@@ -73,11 +95,6 @@ unpredictable css rules order in build */
 .pc-content-list_theme_dark .pc-content-list__item .yfm a:hover {
   color: var(--g-color-text-light-secondary);
 }
-.pc-content-list_size_s.pc-content-list_size_s .pc-content-list__text {
-  font-size: var(--g-text-body-1-font-size);
-  line-height: var(--g-text-body-1-line-height);
-}
-
 .pc-content-list__icon {
   display: block;
 }

package/build/cjs/components/ContentList/ContentList.js

@@ -26,7 +26,7 @@ const ContentList = ({ list, size = 'l', qa, theme }) => {
             react_1.default.createElement("div", null,
                 title &&
                     react_1.default.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, react_1.default.createElement(YFMWrapper_1.default, { content: title, modifiers: { constructor: true } })),
-                text && (react_1.default.createElement(YFMWrapper_1.default, { contentClassName: b('text'), content: text, modifiers: { constructor: true }, qa: qaAttributes.text })))));
+                text && (react_1.default.createElement(YFMWrapper_1.default, { contentClassName: b('text', { 'without-title': !title }), content: text, modifiers: { constructor: true }, qa: qaAttributes.text })))));
     })));
 };
 exports.default = ContentList;

package/build/cjs/components/FullscreenMedia/FullscreenMedia.css

@@ -26,8 +26,12 @@ unpredictable css rules order in build */
   border-radius: var(--pc-border-radius);
 }
 .pc-full-screen-media__modal-media_type_youtube {
-  width: min(65vw, 1232px);
-  height: calc(min(65vw, 1232px) * 9 / 16);
+  max-width: min(65vw, 1232px);
+  width: 100%;
+  aspect-ratio: 16/9;
+  height: calc(
+                min(65vw, 1232px) * 9 / 16
+            ) !important; /* stylelint-disable-line declaration-no-important */
 }
 .pc-full-screen-media__modal .g-modal__content, .pc-full-screen-media__modal-image {
   border-radius: var(--pc-border-radius);

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

@@ -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: "l" }))) : null),
+                            })), size: "s" }))) : 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/text-transform/common.d.ts

@@ -1,19 +1,18 @@
 import { MarkdownItPluginCb } from '@diplodoc/transform/lib/plugins/typings';
 import { Lang } from './types';
 export type ComplexItem = {
-    [key: string]: string | object;
+    [key: string]: string;
 };
 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 | object;
+    [x: string]: string;
 } | null)[];
 export declare function yfmTransformer(lang: Lang, content: string, options?: {
     plugins?: MarkdownItPluginCb[];
-}, renderInline?: boolean): string;
+}): string;
 export declare function typografTransformer(lang: Lang, content: string): string;

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

@@ -13,47 +13,20 @@ const createItemsParser = (fields) => (transformer, items) => items.map((item) =
     }
     else {
         return Object.assign(Object.assign({}, item), fields.reduce((acc, 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]) {
+            if (item[fieldName]) {
                 // eslint-disable-next-line no-param-reassign
-                acc[fieldName] =
-                    typeof item[fieldName] === 'string'
-                        ? transformer(item[fieldName])
-                        : item[fieldName];
+                acc[fieldName] = transformer(item[fieldName]);
             }
             return acc;
         }, {}));
     }
 });
 exports.createItemsParser = createItemsParser;
-function yfmTransformer(lang, content, options = {}, renderInline = false) {
+function yfmTransformer(lang, content, options = {}) {
     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, yfmTransformer } from './common';
+import { Parser, Transformer, TransformerRaw, typografTransformer, yfmTransformer } from './common';
 export declare const blockHeaderTransformer: ({
     fields: string[];
-    transformer: typeof yfmTransformer;
+    transformer: typeof typografTransformer;
     parser: (transformer: Transformer, title: TitleItemProps | string) => string | {
         text: string;
         navTitle?: string | undefined;
@@ -14,18 +14,15 @@ 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;

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

@@ -6,26 +6,10 @@ exports.config = exports.blockHeaderTransformer = void 0;
 const tslib_1 = require("tslib");
 const models_1 = require("../models");
 const common_1 = require("./common");
-function parseTableBlockLegend(transformer, content) {
+function parseTableBlock(transformer, content) {
     const legend = content === null || content === void 0 ? void 0 : content.legend;
     return Object.assign(Object.assign({}, (content || {})), { legend: legend && legend.map((string) => transformer(string)) });
 }
-function parseTableBlockContent(transformer, content) {
-    const legend = content === null || content === void 0 ? void 0 : content.legend;
-    const tableContent = content === null || content === void 0 ? void 0 : content.content;
-    return Object.assign(Object.assign({}, (content || {})), { content: tableContent &&
-            tableContent.map((row, i) => row.map((cell, j) => {
-                if (legend) {
-                    if (i === 0 || j === 0) {
-                        return transformer(cell);
-                    }
-                    return cell;
-                }
-                else {
-                    return transformer(cell);
-                }
-            })) });
-}
 function parseFeatures(transformer, items) {
     return items.map((_a) => {
         var { title, text } = _a, rest = tslib_1.__rest(_a, ["title", "text"]);
@@ -100,9 +84,8 @@ function parseContentLayoutTitle(transformer, content) {
 exports.blockHeaderTransformer = [
     {
         fields: ['title'],
-        transformer: common_1.yfmTransformer,
+        transformer: common_1.typografTransformer,
         parser: parseTitle,
-        renderInline: true,
     },
     {
         fields: ['description'],
@@ -159,30 +142,26 @@ exports.config = {
     ],
     [models_1.SubBlockType.Quote]: [
         {
-            fields: ['text', 'yfmText'],
+            fields: ['text'],
+            transformer: common_1.typografTransformer,
+        },
+        {
+            fields: ['yfmText'],
             transformer: common_1.yfmTransformer,
-            renderInline: true,
         },
     ],
     [models_1.BlockType.ExtendedFeaturesBlock]: [
         ...exports.blockHeaderTransformer,
         {
             fields: ['items'],
-            transformer: common_1.yfmTransformer,
+            transformer: common_1.typografTransformer,
             parser: (0, common_1.createItemsParser)(['title']),
-            renderInline: true,
         },
         {
             fields: ['items'],
             transformer: common_1.yfmTransformer,
             parser: (0, common_1.createItemsParser)(['text', 'additionalInfo']),
         },
-        {
-            fields: ['items'],
-            transformer: common_1.yfmTransformer,
-            parser: (0, common_1.createItemsParser)(['list.text']),
-            renderInline: true,
-        },
     ],
     [models_1.BlockType.PromoFeaturesBlock]: [
         ...exports.blockHeaderTransformer,
@@ -212,8 +191,7 @@ exports.config = {
     [models_1.BlockType.BannerBlock]: [
         {
             fields: ['title'],
-            transformer: common_1.yfmTransformer,
-            renderInline: true,
+            transformer: common_1.typografTransformer,
         },
         {
             fields: ['subtitle'],
@@ -266,13 +244,7 @@ exports.config = {
         {
             fields: ['table'],
             transformer: common_1.yfmTransformer,
-            parser: parseTableBlockLegend,
-        },
-        {
-            fields: ['table'],
-            transformer: common_1.yfmTransformer,
-            parser: parseTableBlockContent,
-            renderInline: true,
+            parser: parseTableBlock,
         },
     ],
     [models_1.BlockType.HeaderSliderBlock]: [
@@ -298,11 +270,6 @@ exports.config = {
             fields: ['description'],
             transformer: common_1.yfmTransformer,
         },
-        {
-            fields: ['overtitle', 'title'],
-            transformer: common_1.yfmTransformer,
-            renderInline: true,
-        },
     ],
     [models_1.BlockType.ContentLayoutBlock]: [
         {
@@ -356,20 +323,13 @@ exports.config = {
     [models_1.SubBlockType.PriceCard]: [
         {
             fields: ['title'],
-            transformer: common_1.yfmTransformer,
-            renderInline: true,
+            transformer: common_1.typografTransformer,
         },
         {
             fields: ['list'],
             transformer: common_1.yfmTransformer,
             parser: (0, common_1.createItemsParser)(['text']),
         },
-        {
-            fields: ['list'],
-            transformer: common_1.yfmTransformer,
-            parser: (0, common_1.createItemsParser)(['title']),
-            renderInline: true,
-        },
     ],
     [models_1.BlockType.FormBlock]: [
         {

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

@@ -22,10 +22,10 @@ function transformBlock(lang, blocksConfig, block, plugins) {
     if (blockConfig) {
         const configs = Array.isArray(blockConfig) ? blockConfig : [blockConfig];
         configs.forEach((transformConfig) => {
-            const { fields, transformer: transformerRaw, parser, renderInline } = transformConfig;
+            const { fields, transformer: transformerRaw, parser } = transformConfig;
             const transformer = (content) => 
             // eslint-disable-next-line no-useless-call
-            transformerRaw.call(null, lang, content, { plugins, renderInline });
+            transformerRaw.call(null, lang, content, { plugins });
             if (fields) {
                 fields.forEach((field) => {
                     if (block[field]) {

package/build/esm/blocks/Slider/Slider.d.ts

@@ -1,9 +1,10 @@
 import { PropsWithChildren } from 'react';
-import { Swiper } from 'swiper/react';
+import { Swiper as SwiperReact } from 'swiper/react';
 import { ClassNameProps, Refable, SliderProps as SliderParams } from '../../models';
 import './Slider.css';
 import 'swiper/swiper-bundle.css';
-export interface SliderProps extends Omit<SliderParams, 'children'>, Partial<Pick<Swiper, 'onSlideChange' | 'onSlideChangeTransitionStart' | 'onSlideChangeTransitionEnd' | 'onActiveIndexChange' | 'onBreakpoint'>>, Refable<HTMLDivElement>, ClassNameProps {
+export type { Swiper, SwiperOptions } from 'swiper';
+export interface SliderProps extends Omit<SliderParams, 'children'>, Partial<Pick<SwiperReact, 'onSlideChange' | 'onSlideChangeTransitionStart' | 'onSlideChangeTransitionEnd' | 'onActiveIndexChange' | 'onBreakpoint'>>, Refable<HTMLDivElement>, ClassNameProps {
     type?: string;
     anchorId?: string;
     dotsClassName?: string;

package/build/esm/blocks/Slider/Slider.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
-import SwiperCore, { A11y, Autoplay, Pagination } from 'swiper';
-import { Swiper, SwiperSlide } from 'swiper/react';
+import Swiper, { A11y, Autoplay, Pagination } from 'swiper';
+import { Swiper as SwiperReact, SwiperSlide } from 'swiper/react';
 import Anchor from '../../components/Anchor/Anchor';
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
 import Title from '../../components/Title/Title';
@@ -13,7 +13,7 @@ import { useSliderPagination } from './useSliderPagination';
 import './Slider.css';
 import 'swiper/swiper-bundle.css';
 const b = block('SliderBlock');
-SwiperCore.use([Autoplay, A11y, Pagination]);
+Swiper.use([Autoplay, A11y, Pagination]);
 export const SliderBlock = ({ animated, title, description, type, anchorId, arrows = true, adaptive, autoplay: autoplayMs, dots = true, initialSlide = 0, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }) => {
     const { autoplay, isLocked, childrenCount, breakpoints, onSwiper, onImagesReady, onPrev, onNext, setIsLocked, } = useSlider({
         slidesToShow,
@@ -40,7 +40,7 @@ export const SliderBlock = ({ animated, title, description, type, anchorId, arro
         anchorId && React.createElement(Anchor, { id: anchorId }),
         React.createElement(Title, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }),
         React.createElement(AnimateBlock, { className: b('animate-slides'), animate: animated },
-            React.createElement(Swiper, Object.assign({ className: b('slider', className), onSwiper: onSwiper, speed: 1000, autoplay: autoplay, autoHeight: adaptive, initialSlide: initialSlide, noSwiping: false, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), onImagesReady: onImagesReady, watchSlidesVisibility: true, watchOverflow: true, a11y: {
+            React.createElement(SwiperReact, Object.assign({ className: b('slider', className), onSwiper: onSwiper, speed: 1000, autoplay: autoplay, autoHeight: adaptive, initialSlide: initialSlide, noSwiping: false, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), onImagesReady: onImagesReady, watchSlidesVisibility: true, watchOverflow: true, a11y: {
                     slideLabelMessage: '',
                     paginationBulletMessage: i18n('dot-label', { index: '{{index}}' }),
                 } }, paginationProps), React.Children.map(children, (elem, index) => (React.createElement(SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (React.createElement("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),

package/build/esm/blocks/index.d.ts

@@ -5,6 +5,7 @@ export { default as MediaBlock } from './Media/Media';
 export { default as MapBlock } from './Map/Map';
 export { default as SliderOldBlock } from './SliderOld/SliderOld';
 export { default as SliderBlock } from './Slider/Slider';
+export type { Swiper, SwiperOptions } from './Slider/Slider';
 export { default as ExtendedFeaturesBlock } from './ExtendedFeatures/ExtendedFeatures';
 export { default as PromoFeaturesBlock } from './PromoFeaturesBlock/PromoFeaturesBlock';
 export { default as QuestionsBlock } from './Questions/Questions';

package/build/esm/components/ContentList/ContentList.css

@@ -1,5 +1,8 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
+.pc-content-list_size_l {
+  max-width: 480px;
+}
 .pc-content-list_size_l .pc-content-list__title {
   font-size: var(--g-text-header-1-font-size);
   line-height: var(--g-text-header-1-line-height);
@@ -21,10 +24,21 @@ unpredictable css rules order in build */
 .pc-content-list_size_l .pc-content-list__item_without-title .pc-content-list__icon {
   width: 20px;
   height: 20px;
-  margin-top: 0;
-  margin-bottom: 0;
+  margin-top: 2px;
+  margin-bottom: 2px;
   margin-right: 8px;
 }
+.pc-content-list_size_l .pc-content-list__text {
+  font-size: var(--g-text-subheader-2-font-size);
+  line-height: var(--g-text-subheader-2-line-height);
+}
+.pc-content-list_size_l .pc-content-list__text_without-title {
+  font-size: var(--g-text-subheader-3-font-size);
+  line-height: var(--g-text-subheader-3-line-height);
+}
+.pc-content-list_size_s {
+  max-width: 440px;
+}
 .pc-content-list_size_s .pc-content-list__title {
   font-size: var(--g-text-subheader-3-font-size);
   line-height: var(--g-text-subheader-3-line-height);
@@ -46,8 +60,16 @@ unpredictable css rules order in build */
 .pc-content-list_size_s .pc-content-list__item_without-title .pc-content-list__icon {
   width: 18px;
   height: 18px;
-  margin-top: 0;
-  margin-bottom: 0;
+  margin-top: 1px;
+  margin-bottom: 1px;
+}
+.pc-content-list_size_s .pc-content-list__text {
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
+}
+.pc-content-list_size_s .pc-content-list__text_without-title {
+  font-size: var(--g-text-subheader-2-font-size);
+  line-height: var(--g-text-subheader-2-line-height);
 }
 .pc-content-list_theme_light .pc-content-list__item *,
 .pc-content-list_theme_light .pc-content-list__item .yfm,
@@ -73,11 +95,6 @@ unpredictable css rules order in build */
 .pc-content-list_theme_dark .pc-content-list__item .yfm a:hover {
   color: var(--g-color-text-light-secondary);
 }
-.pc-content-list_size_s.pc-content-list_size_s .pc-content-list__text {
-  font-size: var(--g-text-body-1-font-size);
-  line-height: var(--g-text-body-1-line-height);
-}
-
 .pc-content-list__icon {
   display: block;
 }

package/build/esm/components/ContentList/ContentList.js

@@ -24,7 +24,7 @@ const ContentList = ({ list, size = 'l', qa, theme }) => {
             React.createElement("div", null,
                 title &&
                     React.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, React.createElement(YFMWrapper, { content: title, modifiers: { constructor: true } })),
-                text && (React.createElement(YFMWrapper, { contentClassName: b('text'), content: text, modifiers: { constructor: true }, qa: qaAttributes.text })))));
+                text && (React.createElement(YFMWrapper, { contentClassName: b('text', { 'without-title': !title }), content: text, modifiers: { constructor: true }, qa: qaAttributes.text })))));
     })));
 };
 export default ContentList;

package/build/esm/components/FullscreenMedia/FullscreenMedia.css

@@ -26,8 +26,12 @@ unpredictable css rules order in build */
   border-radius: var(--pc-border-radius);
 }
 .pc-full-screen-media__modal-media_type_youtube {
-  width: min(65vw, 1232px);
-  height: calc(min(65vw, 1232px) * 9 / 16);
+  max-width: min(65vw, 1232px);
+  width: 100%;
+  aspect-ratio: 16/9;
+  height: calc(
+                min(65vw, 1232px) * 9 / 16
+            ) !important; /* stylelint-disable-line declaration-no-important */
 }
 .pc-full-screen-media__modal .g-modal__content, .pc-full-screen-media__modal-image {
   border-radius: var(--pc-border-radius);

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

@@ -24,7 +24,7 @@ const PriceCard = (props) => {
                         React.createElement(ContentList, { list: list.map((item) => ({
                                 icon: Check,
                                 text: item,
-                            })), size: "l" }))) : null),
+                            })), size: "s" }))) : null),
                 React.createElement(Buttons, { className: b('buttons'), buttons: buttons, size: "s" }),
                 React.createElement(Links, { className: b('links'), links: links, size: "s" })))));
 };

package/build/esm/text-transform/common.d.ts

@@ -1,19 +1,18 @@
 import { MarkdownItPluginCb } from '@diplodoc/transform/lib/plugins/typings';
 import { Lang } from './types';
 export type ComplexItem = {
-    [key: string]: string | object;
+    [key: string]: string;
 };
 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 | object;
+    [x: string]: string;
 } | null)[];
 export declare function yfmTransformer(lang: Lang, content: string, options?: {
     plugins?: MarkdownItPluginCb[];
-}, renderInline?: boolean): string;
+}): string;
 export declare function typografTransformer(lang: Lang, content: string): string;

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

@@ -9,46 +9,19 @@ export const createItemsParser = (fields) => (transformer, items) => items.map((
     }
     else {
         return Object.assign(Object.assign({}, item), fields.reduce((acc, 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]) {
+            if (item[fieldName]) {
                 // eslint-disable-next-line no-param-reassign
-                acc[fieldName] =
-                    typeof item[fieldName] === 'string'
-                        ? transformer(item[fieldName])
-                        : item[fieldName];
+                acc[fieldName] = transformer(item[fieldName]);
             }
             return acc;
         }, {}));
     }
 });
-export function yfmTransformer(lang, content, options = {}, renderInline = false) {
+export function yfmTransformer(lang, content, options = {}) {
     const { plugins = [] } = options;
     const { html } = fullTransform(content, {
         lang,
         plugins: [...defaultPlugins, ...plugins],
-        renderInline,
     });
     return html;
 }

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

@@ -1,8 +1,8 @@
 import { TitleItemProps } from '../models';
-import { Parser, Transformer, TransformerRaw, yfmTransformer } from './common';
+import { Parser, Transformer, TransformerRaw, typografTransformer, yfmTransformer } from './common';
 export declare const blockHeaderTransformer: ({
     fields: string[];
-    transformer: typeof yfmTransformer;
+    transformer: typeof typografTransformer;
     parser: (transformer: Transformer, title: TitleItemProps | string) => string | {
         text: string;
         navTitle?: string | undefined;
@@ -14,18 +14,15 @@ 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;