@gravity-ui/blog-constructor 4.4.1 → 5.0.0

package/build/cjs/components/PostInfo/components/Save.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-type SaveProps = {
+import { QAProps } from '../../../models/common';
+type SaveProps = QAProps & {
     title: string | number;
     postId: number;
     hasUserLike: boolean;
@@ -9,7 +10,6 @@ type SaveProps = {
      * @deprecated Metrika will be deleted after launch of analyticsEvents
      */
     metrikaGoal?: string;
-    dataQa?: string;
     size?: 's' | 'm';
 };
 /**
@@ -19,7 +19,7 @@ type SaveProps = {
  * @param postId - post id
  * @param hasUserLike - flag what blog has like from current user
  * @param metrikaGoal - metrika goal name
- * @param dataQa - test-attr
+ * @param qa - test-attr
  * @param size - text size
  *
  * @returns jsx

package/build/cjs/components/PostInfo/components/Save.js

@@ -22,12 +22,12 @@ const b = (0, cn_1.block)('post-info');
  * @param postId - post id
  * @param hasUserLike - flag what blog has like from current user
  * @param metrikaGoal - metrika goal name
- * @param dataQa - test-attr
+ * @param qa - test-attr
  * @param size - text size
  *
  * @returns jsx
  */
-const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, theme, dataQa, }) => {
+const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, theme, qa, }) => {
     const { toggleLike, isSignedInUser, requireSignIn } = (0, react_1.useContext)(LikesContext_1.LikesContext);
     const handleAnalytics = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.SaveButton);
     const isLikeable = Boolean(toggleLike);
@@ -48,7 +48,7 @@ const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, t
             handleUserLike();
             metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, metrikaGoal);
             handleAnalytics();
-        }, "data-qa": `${dataQa ? dataQa + '-' : ''}save` },
+        }, "data-qa": `${qa ? qa + '-' : ''}save` },
         react_1.default.createElement("div", { className: b('content', { cursor: isLikeable, theme }) },
             react_1.default.createElement("span", { className: b('icon') },
                 react_1.default.createElement(uikit_1.Icon, { data: hasUserLike ? SaveFilled_1.SaveFilled : Save_1.Save, size: ICON_SIZE, className: b({ filled: Boolean(hasUserLike) }) })),

package/build/cjs/components/PostInfo/components/Sharing.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sharing = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
+const components_1 = require("@gravity-ui/components");
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const uikit_1 = require("@gravity-ui/uikit");
 const MobileContext_1 = require("../../../contexts/MobileContext");
 const PostPageContext_1 = require("../../../contexts/PostPageContext");
 const RouterContext_1 = require("../../../contexts/RouterContext");
@@ -30,6 +30,6 @@ const Sharing = ({ theme, metrikaGoal }) => {
     }, [handleAnalyticsGlobal, handleMetrika]);
     return (react_1.default.createElement("div", { className: b('item') },
         react_1.default.createElement("div", { className: b('icon') },
-            react_1.default.createElement(uikit_1.SharePopover, { url: (0, common_2.getAbsolutePath)(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: 'column', buttonTitle: (0, i18n_1.i18)(i18n_1.Keyset.ActionShare), customIcon: ShareArrowUp_1.ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, handleMetrika: handleAnalytics }))));
+            react_1.default.createElement(components_1.SharePopover, { url: (0, common_2.getAbsolutePath)(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: components_1.ShareLayoutDirection.Column, buttonTitle: (0, i18n_1.i18)(i18n_1.Keyset.ActionShare), customIcon: ShareArrowUp_1.ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, onClick: handleAnalytics }))));
 };
 exports.Sharing = Sharing;

package/build/cjs/components/Posts/Posts.css

@@ -26,7 +26,7 @@ unpredictable css rules order in build */
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  color: var(--yc-color-promo-base-tomato);
+  color: var(--g-color-base-danger-medium);
   padding-bottom: 12px;
 }
 .bc-posts__paginator {

package/build/cjs/components/PostsEmpty/PostsEmpty.css

@@ -14,12 +14,12 @@ unpredictable css rules order in build */
 }
 .bc-posts-empty__title {
   margin-top: 24px;
-  font-size: var(--yc-text-display-2-font-size);
-  line-height: var(--yc-text-display-2-line-height);
-  font-weight: var(--yc-text-accent-font-weight);
+  font-size: var(--g-text-display-2-font-size);
+  line-height: var(--g-text-display-2-line-height);
+  font-weight: var(--g-text-accent-font-weight);
 }
 .bc-posts-empty__subtitle {
   margin-top: 16px;
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
 }

package/build/cjs/components/PostsError/PostError.css

@@ -16,14 +16,14 @@ unpredictable css rules order in build */
 }
 .bc-posts-error__title {
   margin-top: 24px;
-  font-size: var(--yc-text-display-2-font-size);
-  line-height: var(--yc-text-display-2-line-height);
-  font-weight: var(--yc-text-accent-font-weight);
+  font-size: var(--g-text-display-2-font-size);
+  line-height: var(--g-text-display-2-line-height);
+  font-weight: var(--g-text-accent-font-weight);
 }
 .bc-posts-error__subtitle {
   margin-top: 16px;
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
 }
 .bc-posts-error__button {
   padding: 24px 0 48px;

package/build/cjs/components/Prompt/Prompt.css

@@ -43,8 +43,8 @@ unpredictable css rules order in build */
   margin: 24px;
   padding: 16px 20px;
   border-radius: calc(var(--pc-border-radius) / 2);
-  background-color: var(--yc-color-base-float);
-  font-size: var(--yc-text-body-2-font-size);
+  background-color: var(--g-color-base-float);
+  font-size: var(--g-text-body-2-font-size);
 }
 .bc-prompt_close {
   pointer-events: none;

package/build/cjs/components/Search/Search.css

@@ -1,8 +1,8 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .bc-search {
-  font-size: var(--yc-text-body-1-font-size);
-  line-height: var(--yc-text-body-1-line-height);
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
   position: relative;
   display: flex;
   align-items: center;
@@ -14,10 +14,10 @@ unpredictable css rules order in build */
   position: absolute;
   z-index: 2;
   right: 10px;
-  color: var(--yc-color-text-hint);
+  color: var(--g-color-text-hint);
 }
 .bc-search__search-button:hover {
-  color: var(--yc-color-text-secondary);
+  color: var(--g-color-text-secondary);
 }
 .bc-search__search-suggest-container {
   width: 100%;

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

@@ -1,9 +1,8 @@
 import React from 'react';
-import { ClassNameProps } from '../../models/common';
+import { ClassNameProps, QAProps } from '../../models/common';
 import { Paddings } from '../../models/paddings';
-type WrapperProps = ClassNameProps & {
+type WrapperProps = ClassNameProps & QAProps & {
     paddings?: Paddings;
-    dataQa?: string;
     children?: React.ReactNode;
 };
 export declare const Wrapper: React.FunctionComponent<WrapperProps>;

package/build/cjs/components/Wrapper/Wrapper.js

@@ -6,10 +6,10 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const constants_1 = require("../../constants");
 const cn_1 = require("../../utils/cn");
 const b = (0, cn_1.block)('wrapper');
-const Wrapper = ({ children, paddings = constants_1.DEFAULT_PADDINGS, className, dataQa, }) => (react_1.default.createElement("section", { className: b({
+const Wrapper = ({ children, paddings = constants_1.DEFAULT_PADDINGS, className, qa, }) => (react_1.default.createElement("section", { className: b({
         ['padding-top']: (paddings === null || paddings === void 0 ? void 0 : paddings.top) || 'xs',
         ['padding-bottom']: (paddings === null || paddings === void 0 ? void 0 : paddings.bottom) || 'l',
         ['padding-left']: (paddings === null || paddings === void 0 ? void 0 : paddings.left) || '',
         ['padding-right']: (paddings === null || paddings === void 0 ? void 0 : paddings.right) || '',
-    }, className), "data-qa": dataQa }, children));
+    }, className), "data-qa": qa }, children));
 exports.Wrapper = Wrapper;

package/build/cjs/constants.d.ts

@@ -7,6 +7,8 @@ export declare const BREAKPOINTS: {
     xl: number;
 };
 export declare const DEFAULT_THEME = "light";
+export declare const UIKIT_ROOT_CLASS = "g-root";
+export declare const UIKIT_THEME_LIGHT_CLASS: string;
 export declare enum BlogMetrikaGoalIds {
     shareTop = "SITE_BLOG_SHARE-TOP_CLICK",
     shareBottom = "SITE_BLOG_SHARE-BOTTOM_CLICK",

package/build/cjs/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_PADDINGS = exports.BlogMetrikaGoalIds = exports.DEFAULT_THEME = exports.BREAKPOINTS = void 0;
+exports.DEFAULT_PADDINGS = exports.BlogMetrikaGoalIds = exports.UIKIT_THEME_LIGHT_CLASS = exports.UIKIT_ROOT_CLASS = exports.DEFAULT_THEME = exports.BREAKPOINTS = void 0;
 const paddings_1 = require("./models/paddings");
 exports.BREAKPOINTS = {
     xs: 0,
@@ -10,6 +10,8 @@ exports.BREAKPOINTS = {
     xl: 1185,
 };
 exports.DEFAULT_THEME = 'light';
+exports.UIKIT_ROOT_CLASS = 'g-root';
+exports.UIKIT_THEME_LIGHT_CLASS = `${exports.UIKIT_ROOT_CLASS}_theme_${exports.DEFAULT_THEME}`;
 var BlogMetrikaGoalIds;
 (function (BlogMetrikaGoalIds) {
     BlogMetrikaGoalIds["shareTop"] = "SITE_BLOG_SHARE-TOP_CLICK";

package/build/cjs/containers/BlogPage/BlogPage.css

@@ -2,20 +2,20 @@
   --header-height: 64px;
 }
 
-.yc-root {
-  --yc-text-accent-font-weight: 500;
+.g-root {
+  --g-text-accent-font-weight: 500;
   --bc-transparent: rgba(255, 255, 255, 0);
   --bc-image-padding: 4px;
   --bc-border-radius: var(--pc-border-radius, 24px);
-  --bc-color-sfx-shadow: var(--yc-color-base-simple-hover);
+  --bc-color-sfx-shadow: var(--g-color-base-simple-hover);
   --bc-color-line-generic-active-solid: #b3b3b3;
-  --bc-color-base-float-hover: var(--yc-color-base-float);
+  --bc-color-base-float-hover: var(--g-color-base-float);
   --bc-monochrome-button: #262626;
   --bc-monochrome-button-hover: #393939;
-  --bc-text-header-color: var(--yc-color-text-primary);
+  --bc-text-header-color: var(--g-color-text-primary);
 }
-.yc-root.yc-root_theme_dark {
-  --bc-color-sfx-shadow: var(--yc-color-sfx-shadow);
+.g-root.g-root_theme_dark {
+  --bc-color-sfx-shadow: var(--g-color-sfx-shadow);
   --bc-color-line-generic-active-solid: #6c6c70;
-  --bc-color-base-float-hover: var(--yc-color-base-float-hover);
+  --bc-color-base-float-hover: var(--g-color-base-float-hover);
 }

package/build/cjs/containers/BlogPostPage/BlogPostPage.css

@@ -4,30 +4,30 @@
   --header-height: 64px;
 }
 
-.yc-root {
-  --yc-text-accent-font-weight: 500;
+.g-root {
+  --g-text-accent-font-weight: 500;
   --bc-transparent: rgba(255, 255, 255, 0);
   --bc-image-padding: 4px;
   --bc-border-radius: var(--pc-border-radius, 24px);
-  --bc-color-sfx-shadow: var(--yc-color-base-simple-hover);
+  --bc-color-sfx-shadow: var(--g-color-base-simple-hover);
   --bc-color-line-generic-active-solid: #b3b3b3;
-  --bc-color-base-float-hover: var(--yc-color-base-float);
+  --bc-color-base-float-hover: var(--g-color-base-float);
   --bc-monochrome-button: #262626;
   --bc-monochrome-button-hover: #393939;
-  --bc-text-header-color: var(--yc-color-text-primary);
+  --bc-text-header-color: var(--g-color-text-primary);
 }
-.yc-root.yc-root_theme_dark {
-  --bc-color-sfx-shadow: var(--yc-color-sfx-shadow);
+.g-root.g-root_theme_dark {
+  --bc-color-sfx-shadow: var(--g-color-sfx-shadow);
   --bc-color-line-generic-active-solid: #6c6c70;
-  --bc-color-base-float-hover: var(--yc-color-base-float-hover);
+  --bc-color-base-float-hover: var(--g-color-base-float-hover);
 }
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .yfm_blog {
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
-  color: var(--yc-color-text-primary);
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+  color: var(--g-color-text-primary);
 }
 .yfm_blog h1:first-child,
 .yfm_blog h2:first-child,
@@ -38,16 +38,16 @@ unpredictable css rules order in build */
   padding-top: 0;
 }
 .yfm_blog h2 {
-  font-size: var(--yc-text-display-2-font-size);
-  line-height: var(--yc-text-display-2-line-height);
+  font-size: var(--g-text-display-2-font-size);
+  line-height: var(--g-text-display-2-line-height);
 }
 .yfm_blog h3 {
-  font-size: var(--yc-text-header-2-font-size);
-  line-height: var(--yc-text-header-2-line-height);
+  font-size: var(--g-text-header-2-font-size);
+  line-height: var(--g-text-header-2-line-height);
 }
 .yfm_blog h4 {
-  font-size: var(--yc-text-header-1-font-size);
-  line-height: var(--yc-text-header-1-line-height);
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
 }
 .yfm_blog.yfm_blog h1,
 .yfm_blog.yfm_blog h2,
@@ -58,7 +58,7 @@ unpredictable css rules order in build */
   margin-bottom: 16px;
   margin-top: 32px;
   padding-top: 0;
-  font-weight: var(--yc-text-header-font-weight);
+  font-weight: var(--g-text-header-font-weight);
 }
 
 .yfm_blog blockquote,
@@ -83,41 +83,41 @@ unpredictable css rules order in build */
   padding-left: 1.4em;
 }
 .yfm_blog code {
-  color: var(--yc-color-text-misc);
+  color: var(--g-color-text-misc);
 }
 .yfm_blog pre > code {
-  color: var(--yc-color-text-primary);
+  color: var(--g-color-text-primary);
 }
 .yfm_blog table {
-  color: var(--yc-color-text-primary);
-  border: 1px solid var(--yc-color-line-generic);
-  background: var(--yc-color-base-background);
+  color: var(--g-color-text-primary);
+  border: 1px solid var(--g-color-line-generic);
+  background: var(--g-color-base-background);
 }
 .yfm_blog thead tr,
 .yfm_blog table tr:nth-child(2n) {
-  background-color: var(--yc-color-base-generic);
+  background-color: var(--g-color-base-generic);
 }
 .yfm_blog_media {
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
-  color: var(--yc-color-text-secondary);
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+  color: var(--g-color-text-secondary);
 }
 .yfm_blog_breadcrumbs {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-  color: var(--yc-text-color-base);
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  color: var(--g-text-color-base);
 }
 .yfm_blog a {
-  color: var(--yc-color-text-link);
+  color: var(--g-color-text-link);
 }
 .yfm_blog a:hover {
-  color: var(--yc-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
 }
 .yfm_blog .yfm-tab:hover, .yfm_blog .yfm-tab:active {
-  color: var(--yc-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
 }
 .yfm_blog .yfm-tab.active {
-  border-bottom-color: var(--yc-color-text-link);
+  border-bottom-color: var(--g-color-text-link);
 }
 .yfm_blog .yfm-clipboard {
   margin: 32px 0;
@@ -130,14 +130,14 @@ unpredictable css rules order in build */
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .yfm_constructor {
-  font-family: var(--yc-font-family-sans);
-  color: var(--yc-color-text-primary);
+  font-family: var(--g-font-family-sans);
+  color: var(--g-color-text-primary);
 }
 .yfm_constructor code,
 .yfm_constructor kbd,
 .yfm_constructor pre {
-  font-family: var(--yc-font-family-monospace);
-  color: var(--yc-color-text-primary);
+  font-family: var(--g-font-family-monospace);
+  color: var(--g-color-text-primary);
 }
 .yfm_constructor.yfm_constructor h1,
 .yfm_constructor.yfm_constructor h2,
@@ -148,11 +148,11 @@ unpredictable css rules order in build */
 .yfm_constructor.yfm_constructor span,
 .yfm_constructor.yfm_constructor p,
 .yfm_constructor.yfm_constructor li {
-  color: var(--yc-color-text-primary);
+  color: var(--g-color-text-primary);
 }
 .yfm_constructor.yfm_constructor_notice li,
 .yfm_constructor.yfm_constructor_notice p {
-  color: var(--yc-color-text-secondary);
+  color: var(--g-color-text-secondary);
 }
 .yfm_constructor.yfm_constructor ul,
 .yfm_constructor.yfm_constructor ol,
@@ -171,7 +171,7 @@ unpredictable css rules order in build */
 }
 
 .yfm_constructor_theme_dark p {
-  color: var(--yc-color-text-light-primary);
+  color: var(--g-color-text-light-primary);
 }
 .yfm_constructor_list_style ul {
   padding-left: 20px;
@@ -187,7 +187,7 @@ unpredictable css rules order in build */
 }
 .yfm_constructor a {
   outline: none;
-  color: var(--yc-color-text-link);
+  color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
 }
@@ -195,17 +195,17 @@ unpredictable css rules order in build */
   outline: 2px solid #ffdb4d;
 }
 .yfm_constructor a:hover, .yfm_constructor a:active {
-  --pc-text-header-color: var(--yc-color-text-link-hover);
-  color: var(--yc-color-text-link-hover);
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
 }
 .yfm_constructor table {
-  color: var(--yc-color-text-primary);
-  border: 1px solid var(--yc-color-line-generic);
-  background: var(--yc-color-base-background);
+  color: var(--g-color-text-primary);
+  border: 1px solid var(--g-color-line-generic);
+  background: var(--g-color-base-background);
 }
 .yfm_constructor thead,
 .yfm_constructor table tr:nth-child(2n) {
-  background-color: var(--yc-color-base-generic);
+  background-color: var(--g-color-base-generic);
 }
 
 .yfm_constructor_table {
@@ -221,7 +221,7 @@ unpredictable css rules order in build */
   background-color: transparent !important;
 }
 .yfm_constructor_table tbody tr {
-  border-top: 1px solid var(--yc-color-line-generic);
+  border-top: 1px solid var(--g-color-line-generic);
 }
 .yfm_constructor_table td,
 .yfm_constructor_table th {

package/build/cjs/containers/BlogPostPage/BlogPostPage.d.ts

@@ -1,6 +1,6 @@
 import React, { SyntheticEvent } from 'react';
+import { ShareOptions } from '@gravity-ui/components';
 import { NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
-import { ShareOptions } from '@gravity-ui/uikit';
 import { MetaProps, PostData, ToggleLikeCallbackType } from '../../models/common';
 export interface BlogPostPageProps {
     suggestedPosts: PostData[];

package/build/cjs/contexts/PostPageContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ShareOptions } from '@gravity-ui/uikit';
+import { ShareOptions } from '@gravity-ui/components';
 import { PostData } from '../models/common';
 export interface PostPageContextProps {
     post: PostData;

package/build/cjs/contexts/theme/ThemeProvider.js

@@ -36,11 +36,11 @@ class ThemeProvider extends react_1.default.Component {
     }
     updateBodyClassName(theme) {
         const bodyEl = document.body;
-        if (!bodyEl.classList.contains('yc-root')) {
-            bodyEl.classList.add('yc-root');
+        if (!bodyEl.classList.contains(constants_1.UIKIT_ROOT_CLASS)) {
+            bodyEl.classList.add(constants_1.UIKIT_ROOT_CLASS);
         }
-        bodyEl.classList.toggle('yc-root_theme_light', theme === 'light');
-        bodyEl.classList.toggle('yc-root_theme_dark', theme === 'dark');
+        bodyEl.classList.toggle(`${constants_1.UIKIT_ROOT_CLASS}_theme_light`, theme === 'light');
+        bodyEl.classList.toggle(`${constants_1.UIKIT_ROOT_CLASS}_theme_dark`, theme === 'dark');
     }
 }
 exports.ThemeProvider = ThemeProvider;

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

@@ -165,3 +165,6 @@ export type FetchArgs = {
     page?: number;
     query: Query;
 };
+export interface QAProps {
+    qa?: string;
+}

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

@@ -629,6 +629,17 @@ export declare const schemasForCustom: {
                         type: string;
                         enum: string[];
                     };
+                    list: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
                     paddingTop: {
                         type: string;
                         enum: string[];
@@ -776,6 +787,17 @@ export declare const schemasForCustom: {
                         type: string;
                         enum: string[];
                     };
+                    list: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
                     paddingTop: {
                         type: string;
                         enum: string[];
@@ -903,6 +925,17 @@ export declare const schemasForCustom: {
                                     type: string;
                                     enum: string[];
                                 };
+                                list: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                        properties: {
+                                            when: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                };
                             };
                         };
                     };

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

@@ -29,6 +29,7 @@ export declare const updateContentSizes: ({ size, colSizes, theme, ...contentDat
     links?: import("@gravity-ui/page-constructor").LinkProps[] | undefined;
     buttons?: import("@gravity-ui/page-constructor").ButtonProps[] | undefined;
     centered?: boolean | undefined;
+    list?: import("@gravity-ui/page-constructor").ContentItemProps[] | undefined;
 };
 type GetBreadcrumbsProps = {
     tags?: Tag[];

package/build/esm/blocks/Author/Author.css

@@ -17,7 +17,7 @@ unpredictable css rules order in build */
   }
 }
 .bc-author__description {
-  color: var(--yc-color-text-primary);
+  color: var(--g-color-text-primary);
 }
 .bc-author__content {
   display: flex;
@@ -27,5 +27,5 @@ unpredictable css rules order in build */
   position: relative;
 }
 .bc-author__container {
-  background-color: var(--yc-color-promo-base-silver);
+  background-color: var(--pc-color-base-silver);
 }

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

@@ -82,6 +82,17 @@ export declare const Banner: {
                 type: string;
                 enum: string[];
             };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             paddingTop: {
                 type: string;
                 enum: string[];

package/build/esm/blocks/CTA/CTA.css

@@ -1,6 +1,6 @@
 .bc-cta__card {
   display: flex;
-  background-color: var(--yc-color-base-float);
+  background-color: var(--g-color-base-float);
   border-radius: var(--bc-border-radius);
   min-height: 80px;
   align-content: center;

package/build/esm/blocks/CTA/CTA.js

@@ -18,7 +18,7 @@ export const CTA = ({ items, paddingTop, paddingBottom }) => {
     return (React.createElement(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        }, className: b('content'), dataQa: "blog-cta-content" }, items.map((content, index) => {
+        }, className: b('content'), qa: "blog-cta-content" }, items.map((content, index) => {
         var _a;
         const contentData = updateContentSizes(content);
         (_a = contentData.links) === null || _a === void 0 ? void 0 : _a.forEach((link) => {

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

@@ -79,6 +79,17 @@ export declare const CTA: {
                             type: string;
                             enum: string[];
                         };
+                        list: {
+                            type: string;
+                            items: {
+                                type: string;
+                                properties: {
+                                    when: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        };
                     };
                 };
             };

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

@@ -99,6 +99,17 @@ export declare const ColoredText: {
                 type: string;
                 enum: string[];
             };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             paddingTop: {
                 type: string;
                 enum: string[];