@gravity-ui/page-constructor 6.0.0-alpha.4 → 6.0.0-alpha.6

package/build/cjs/blocks/Share/Share.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../components");
 const locationContext_1 = require("../../context/locationContext");
 const hooks_1 = require("../../hooks");
 const Facebook_1 = require("../../icons/Facebook");
@@ -26,7 +27,10 @@ const Share = ({ items, title }) => {
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.ShareButton);
     const handleButtonClick = (0, react_1.useCallback)(() => handleAnalytics(), [handleAnalytics]);
     return (react_1.default.createElement("div", { className: b() },
-        react_1.default.createElement("h5", { className: b('title') }, title || (0, i18n_1.i18n)('constructor-share')),
+        react_1.default.createElement("h5", { className: b('title') }, title ? (react_1.default.createElement(components_1.YFMWrapper, { content: title, modifiers: {
+                constructor: true,
+                // constructorTheme: textTheme,
+            } })) : ((0, i18n_1.i18n)('constructor-share'))),
         react_1.default.createElement("div", { className: b('items') }, items.map((type) => {
             const url = (0, utils_1.getAbsolutePath)(hostname, pathname);
             const socialUrl = (0, utils_1.getShareLink)(url, type);

package/build/cjs/blocks/Table/Table.css

@@ -1,10 +1,10 @@
-.pc-table-block__title {
+.pc-table-block__title.pc-table-block__title {
   margin: 0;
 }
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-table-block__title {
+.pc-table-block__title.pc-table-block__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);
@@ -14,11 +14,12 @@ unpredictable css rules order in build */
   margin-right: 32px;
 }
 @media (max-width: 576px) {
-  .pc-table-block__title {
+  .pc-table-block__title.pc-table-block__title {
     font-size: var(--g-text-display-1-font-size);
     line-height: var(--g-text-display-1-line-height);
   }
 }
+
 .pc-table-block__table {
   margin-top: 0;
 }

package/build/cjs/blocks/Table/Table.js

@@ -13,7 +13,9 @@ const TableBlock = (props) => {
         react_1.default.createElement(grid_1.Grid, { className: b('content') },
             react_1.default.createElement(grid_1.Row, { className: b('row') },
                 react_1.default.createElement(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 4, [grid_1.GridColumnSize.All]: 12 } },
-                    react_1.default.createElement("h2", { className: b('title') }, title)),
+                    react_1.default.createElement(components_1.YFMWrapper, { tagName: "h2", contentClassName: b('title'), content: title, modifiers: {
+                            constructor: true,
+                        } })),
                 react_1.default.createElement(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 8, [grid_1.GridColumnSize.All]: 12 } },
                     react_1.default.createElement(components_1.Table, Object.assign({ className: b('table') }, table)))))));
 };

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

@@ -99,6 +99,7 @@ unpredictable css rules order in build */
 .pc-title-item__text.pc-title-item__text {
   white-space: normal;
   font-size: inherit;
+  line-height: inherit;
 }
 .pc-title-item__text.pc-title-item__text a {
   outline: none;

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

@@ -16,6 +16,9 @@ unpredictable css rules order in build */
   color: var(--g-color-text-light-primary);
 }
 
+.pc-banner-card__text {
+  max-width: 100%;
+}
 .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);
@@ -57,6 +60,7 @@ unpredictable css rules order in build */
   justify-content: space-between;
   flex-direction: column;
   align-items: baseline;
+  max-width: 100%;
 }
 .pc-banner-card__subtitle.pc-banner-card__subtitle {
   display: inline-block;

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

@@ -81,73 +81,75 @@ unpredictable css rules order in build */
 .pc-content_size_l .pc-content__buttons {
   margin-top: 24px;
 }
-.pc-content_theme_dark {
+.pc-content_theme_dark.pc-content_theme_dark {
   --g-color-line-focus: var(--pc-color-line-focus-dark);
 }
-.pc-content_theme_dark .pc-content__title *,
-.pc-content_theme_dark .pc-content__text .yfm,
-.pc-content_theme_dark .pc-content__text .yfm *,
-.pc-content_theme_dark .pc-content__links a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__title *,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm *,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__links a {
   color: var(--g-color-text-light-primary);
 }
-.pc-content_theme_dark .pc-content__notice .yfm,
-.pc-content_theme_dark .pc-content__notice .yfm * {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm * {
   color: var(--g-color-text-light-secondary);
 }
-.pc-content_theme_dark .pc-content__notice .yfm a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm a {
   color: var(--g-color-text-light-secondary);
   text-decoration: underline;
 }
-.pc-content_theme_dark .pc-content__notice .yfm a:hover {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm a:hover {
   color: var(--g-color-text-light-primary);
 }
-.pc-content_theme_dark .pc-content__text .yfm a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm a {
   color: var(--g-color-text-light-primary);
   text-decoration: underline;
 }
-.pc-content_theme_dark .pc-content__text .yfm a:hover {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm a:hover {
   color: var(--g-color-text-light-secondary);
 }
-.pc-content_theme_dark .pc-content__title a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__title a {
   color: var(--g-color-text-light-primary);
   text-decoration: underline;
   text-decoration: none;
 }
-.pc-content_theme_dark .pc-content__title a:hover {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__title a:hover {
   color: var(--g-color-text-light-secondary);
 }
-.pc-content_theme_light .pc-content__title *,
-.pc-content_theme_light .pc-content__text .yfm,
-.pc-content_theme_light .pc-content__text .yfm *,
-.pc-content_theme_light .pc-content__links a {
+
+.pc-content_theme_light.pc-content_theme_light .pc-content__title *,
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm,
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm *,
+.pc-content_theme_light.pc-content_theme_light .pc-content__links a {
   color: var(--g-color-text-dark-primary);
 }
-.pc-content_theme_light .pc-content__notice .yfm,
-.pc-content_theme_light .pc-content__notice .yfm * {
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm,
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm * {
   color: var(--g-color-text-dark-secondary);
 }
-.pc-content_theme_light .pc-content__notice .yfm a {
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm a {
   color: var(--g-color-text-dark-secondary);
   text-decoration: underline;
 }
-.pc-content_theme_light .pc-content__notice .yfm a:hover {
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm a:hover {
   color: var(--g-color-text-dark-primary);
 }
-.pc-content_theme_light .pc-content__text .yfm a {
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm a {
   color: var(--g-color-text-dark-primary);
   text-decoration: underline;
 }
-.pc-content_theme_light .pc-content__text .yfm a:hover {
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm a:hover {
   color: var(--g-color-text-dark-secondary);
 }
-.pc-content_theme_light .pc-content__title a {
+.pc-content_theme_light.pc-content_theme_light .pc-content__title a {
   color: var(--g-color-text-dark-primary);
   text-decoration: underline;
   text-decoration: none;
 }
-.pc-content_theme_light .pc-content__title a:hover {
+.pc-content_theme_light.pc-content_theme_light .pc-content__title a:hover {
   color: var(--g-color-text-dark-secondary);
 }
+
 .pc-content_control-position_bottom .pc-content__notice:has(+ .pc-content__buttons), .pc-content_control-position_bottom .pc-content__notice:has(+ .pc-content__links),
 .pc-content_control-position_bottom .pc-content__list:has(+ .pc-content__buttons),
 .pc-content_control-position_bottom .pc-content__list:has(+ .pc-content__links),

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

@@ -113,7 +113,8 @@ exports.config = {
     [models_1.SubBlockType.BasicCard]: [
         {
             fields: ['title'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
+            renderInline: true,
         },
         {
             fields: ['text', 'additionalInfo'],
@@ -122,22 +123,16 @@ exports.config = {
     ],
     [models_1.SubBlockType.BackgroundCard]: [
         {
-            fields: ['text', 'additionalInfo'],
+            fields: ['title', 'text', 'additionalInfo'],
             transformer: common_1.yfmTransformer,
-        },
-        {
-            fields: ['title'],
-            transformer: common_1.typografTransformer,
+            renderInline: true,
         },
     ],
     [models_1.SubBlockType.ImageCard]: [
         {
-            fields: ['text', 'additionalInfo'],
+            fields: ['title', 'text', 'additionalInfo'],
             transformer: common_1.yfmTransformer,
-        },
-        {
-            fields: ['title'],
-            transformer: common_1.typografTransformer,
+            renderInline: true,
         },
     ],
     [models_1.SubBlockType.LayoutItem]: [
@@ -149,7 +144,8 @@ exports.config = {
         {
             fields: ['content'],
             parser: parseContentLayoutTitle,
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
+            renderInline: true,
         },
         {
             fields: ['metaInfo'],
@@ -193,15 +189,13 @@ exports.config = {
         },
     ],
     [models_1.BlockType.SliderOldBlock]: exports.blockHeaderTransformer,
+    [models_1.BlockType.SliderBlock]: exports.blockHeaderTransformer,
     [models_1.BlockType.CompaniesBlock]: exports.blockHeaderTransformer,
     [models_1.BlockType.QuestionsBlock]: [
         {
-            fields: ['title'],
-            transformer: common_1.typografTransformer,
-        },
-        {
-            fields: ['text', 'additionalInfo'],
+            fields: ['title', 'text', 'additionalInfo'],
             transformer: common_1.yfmTransformer,
+            renderInline: true,
         },
         {
             fields: ['items'],
@@ -223,7 +217,8 @@ exports.config = {
     [models_1.SubBlockType.BannerCard]: [
         {
             fields: ['title'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
+            renderInline: true,
         },
         {
             fields: ['subtitle'],
@@ -233,7 +228,7 @@ exports.config = {
     [models_1.BlockType.MediaBlock]: [
         ...exports.blockHeaderTransformer,
         {
-            fields: ['title', 'additionalInfo'],
+            fields: ['additionalInfo'],
             transformer: common_1.yfmTransformer,
         },
         {
@@ -258,11 +253,17 @@ exports.config = {
         },
         {
             fields: ['items'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
             parser: parseItemsTitle,
+            renderInline: true,
         },
     ],
     [models_1.BlockType.TableBlock]: [
+        {
+            fields: ['title'],
+            transformer: common_1.yfmTransformer,
+            renderInline: true,
+        },
         {
             fields: ['table'],
             transformer: common_1.yfmTransformer,
@@ -276,15 +277,11 @@ exports.config = {
         },
     ],
     [models_1.BlockType.HeaderSliderBlock]: [
-        {
-            fields: ['items'],
-            transformer: common_1.typografTransformer,
-            parser: (0, common_1.createItemsParser)(['title', 'overtitle']),
-        },
         {
             fields: ['items'],
             transformer: common_1.yfmTransformer,
-            parser: (0, common_1.createItemsParser)(['description']),
+            parser: (0, common_1.createItemsParser)(['title', 'overtitle', 'description']),
+            renderInline: true,
         },
     ],
     [models_1.SubBlockType.PriceDetailed]: [
@@ -312,8 +309,9 @@ exports.config = {
         },
         {
             fields: ['textContent'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
             parser: parseContentLayoutTitle,
+            renderInline: true,
         },
     ],
     [models_1.SubBlockType.Content]: [
@@ -323,8 +321,9 @@ exports.config = {
         },
         {
             fields: ['title'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
             parser: parseTitle,
+            renderInline: true,
         },
         {
             fields: ['list'],
@@ -333,6 +332,11 @@ exports.config = {
         },
     ],
     [models_1.BlockType.InfoBlock]: [
+        {
+            fields: ['title'],
+            transformer: common_1.yfmTransformer,
+            renderInline: true,
+        },
         {
             fields: ['rightContent', 'leftContent'],
             transformer: common_1.yfmTransformer,
@@ -340,14 +344,16 @@ exports.config = {
         },
         {
             fields: ['rightContent', 'leftContent'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
             parser: parseContentLayoutTitle,
+            renderInline: true,
         },
     ],
     [models_1.BlockType.ShareBlock]: [
         {
             fields: ['title'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
+            renderInline: true,
         },
     ],
     [models_1.BlockType.CardLayoutBlock]: exports.blockHeaderTransformer,
@@ -362,7 +368,7 @@ exports.config = {
         {
             fields: ['list'],
             transformer: common_1.yfmTransformer,
-            parser: (0, common_1.createItemsParser)(['text']),
+            parser: (0, common_1.createItemsParser)(['title', 'text']),
         },
     ],
     [models_1.BlockType.FormBlock]: [
@@ -373,8 +379,9 @@ exports.config = {
         },
         {
             fields: ['textContent'],
-            transformer: common_1.typografTransformer,
+            transformer: common_1.yfmTransformer,
             parser: parseContentLayoutTitle,
+            renderInline: true,
         },
     ],
 };

package/build/esm/blocks/Share/Share.js

@@ -1,5 +1,6 @@
 import React, { useCallback, useContext } from 'react';
 import { Button, Icon } from '@gravity-ui/uikit';
+import { YFMWrapper } from '../../components';
 import { LocationContext } from '../../context/locationContext';
 import { useAnalytics } from '../../hooks';
 import { Facebook } from '../../icons/Facebook';
@@ -24,7 +25,10 @@ const Share = ({ items, title }) => {
     const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton);
     const handleButtonClick = useCallback(() => handleAnalytics(), [handleAnalytics]);
     return (React.createElement("div", { className: b() },
-        React.createElement("h5", { className: b('title') }, title || i18n('constructor-share')),
+        React.createElement("h5", { className: b('title') }, title ? (React.createElement(YFMWrapper, { content: title, modifiers: {
+                constructor: true,
+                // constructorTheme: textTheme,
+            } })) : (i18n('constructor-share'))),
         React.createElement("div", { className: b('items') }, items.map((type) => {
             const url = getAbsolutePath(hostname, pathname);
             const socialUrl = getShareLink(url, type);

package/build/esm/blocks/Table/Table.css

@@ -1,10 +1,10 @@
-.pc-table-block__title {
+.pc-table-block__title.pc-table-block__title {
   margin: 0;
 }
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-table-block__title {
+.pc-table-block__title.pc-table-block__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);
@@ -14,11 +14,12 @@ unpredictable css rules order in build */
   margin-right: 32px;
 }
 @media (max-width: 576px) {
-  .pc-table-block__title {
+  .pc-table-block__title.pc-table-block__title {
     font-size: var(--g-text-display-1-font-size);
     line-height: var(--g-text-display-1-line-height);
   }
 }
+
 .pc-table-block__table {
   margin-top: 0;
 }

package/build/esm/blocks/Table/Table.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Table } from '../../components';
+import { Table, YFMWrapper } from '../../components';
 import { Col, Grid, GridColumnSize, Row } from '../../grid';
 import { block } from '../../utils';
 import './Table.css';
@@ -10,7 +10,9 @@ export const TableBlock = (props) => {
         React.createElement(Grid, { className: b('content') },
             React.createElement(Row, { className: b('row') },
                 React.createElement(Col, { sizes: { [GridColumnSize.Md]: 4, [GridColumnSize.All]: 12 } },
-                    React.createElement("h2", { className: b('title') }, title)),
+                    React.createElement(YFMWrapper, { tagName: "h2", contentClassName: b('title'), content: title, modifiers: {
+                            constructor: true,
+                        } })),
                 React.createElement(Col, { sizes: { [GridColumnSize.Md]: 8, [GridColumnSize.All]: 12 } },
                     React.createElement(Table, Object.assign({ className: b('table') }, table)))))));
 };

package/build/esm/components/Title/TitleItem.css

@@ -99,6 +99,7 @@ unpredictable css rules order in build */
 .pc-title-item__text.pc-title-item__text {
   white-space: normal;
   font-size: inherit;
+  line-height: inherit;
 }
 .pc-title-item__text.pc-title-item__text a {
   outline: none;

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

@@ -16,6 +16,9 @@ unpredictable css rules order in build */
   color: var(--g-color-text-light-primary);
 }
 
+.pc-banner-card__text {
+  max-width: 100%;
+}
 .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);
@@ -57,6 +60,7 @@ unpredictable css rules order in build */
   justify-content: space-between;
   flex-direction: column;
   align-items: baseline;
+  max-width: 100%;
 }
 .pc-banner-card__subtitle.pc-banner-card__subtitle {
   display: inline-block;

package/build/esm/sub-blocks/Content/Content.css

@@ -81,73 +81,75 @@ unpredictable css rules order in build */
 .pc-content_size_l .pc-content__buttons {
   margin-top: 24px;
 }
-.pc-content_theme_dark {
+.pc-content_theme_dark.pc-content_theme_dark {
   --g-color-line-focus: var(--pc-color-line-focus-dark);
 }
-.pc-content_theme_dark .pc-content__title *,
-.pc-content_theme_dark .pc-content__text .yfm,
-.pc-content_theme_dark .pc-content__text .yfm *,
-.pc-content_theme_dark .pc-content__links a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__title *,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm *,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__links a {
   color: var(--g-color-text-light-primary);
 }
-.pc-content_theme_dark .pc-content__notice .yfm,
-.pc-content_theme_dark .pc-content__notice .yfm * {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm,
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm * {
   color: var(--g-color-text-light-secondary);
 }
-.pc-content_theme_dark .pc-content__notice .yfm a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm a {
   color: var(--g-color-text-light-secondary);
   text-decoration: underline;
 }
-.pc-content_theme_dark .pc-content__notice .yfm a:hover {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__notice .yfm a:hover {
   color: var(--g-color-text-light-primary);
 }
-.pc-content_theme_dark .pc-content__text .yfm a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm a {
   color: var(--g-color-text-light-primary);
   text-decoration: underline;
 }
-.pc-content_theme_dark .pc-content__text .yfm a:hover {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__text .yfm a:hover {
   color: var(--g-color-text-light-secondary);
 }
-.pc-content_theme_dark .pc-content__title a {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__title a {
   color: var(--g-color-text-light-primary);
   text-decoration: underline;
   text-decoration: none;
 }
-.pc-content_theme_dark .pc-content__title a:hover {
+.pc-content_theme_dark.pc-content_theme_dark .pc-content__title a:hover {
   color: var(--g-color-text-light-secondary);
 }
-.pc-content_theme_light .pc-content__title *,
-.pc-content_theme_light .pc-content__text .yfm,
-.pc-content_theme_light .pc-content__text .yfm *,
-.pc-content_theme_light .pc-content__links a {
+
+.pc-content_theme_light.pc-content_theme_light .pc-content__title *,
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm,
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm *,
+.pc-content_theme_light.pc-content_theme_light .pc-content__links a {
   color: var(--g-color-text-dark-primary);
 }
-.pc-content_theme_light .pc-content__notice .yfm,
-.pc-content_theme_light .pc-content__notice .yfm * {
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm,
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm * {
   color: var(--g-color-text-dark-secondary);
 }
-.pc-content_theme_light .pc-content__notice .yfm a {
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm a {
   color: var(--g-color-text-dark-secondary);
   text-decoration: underline;
 }
-.pc-content_theme_light .pc-content__notice .yfm a:hover {
+.pc-content_theme_light.pc-content_theme_light .pc-content__notice .yfm a:hover {
   color: var(--g-color-text-dark-primary);
 }
-.pc-content_theme_light .pc-content__text .yfm a {
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm a {
   color: var(--g-color-text-dark-primary);
   text-decoration: underline;
 }
-.pc-content_theme_light .pc-content__text .yfm a:hover {
+.pc-content_theme_light.pc-content_theme_light .pc-content__text .yfm a:hover {
   color: var(--g-color-text-dark-secondary);
 }
-.pc-content_theme_light .pc-content__title a {
+.pc-content_theme_light.pc-content_theme_light .pc-content__title a {
   color: var(--g-color-text-dark-primary);
   text-decoration: underline;
   text-decoration: none;
 }
-.pc-content_theme_light .pc-content__title a:hover {
+.pc-content_theme_light.pc-content_theme_light .pc-content__title a:hover {
   color: var(--g-color-text-dark-secondary);
 }
+
 .pc-content_control-position_bottom .pc-content__notice:has(+ .pc-content__buttons), .pc-content_control-position_bottom .pc-content__notice:has(+ .pc-content__links),
 .pc-content_control-position_bottom .pc-content__list:has(+ .pc-content__buttons),
 .pc-content_control-position_bottom .pc-content__list:has(+ .pc-content__links),