@gravity-ui/blog-constructor 4.4.1 → 5.0.0

package/build/cjs/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/cjs/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/cjs/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/cjs/blocks/CTA/CTA.js

@@ -21,7 +21,7 @@ const CTA = ({ items, paddingTop, paddingBottom }) => {
     return (react_1.default.createElement(Wrapper_1.Wrapper, { paddings: {
             [paddings_1.PaddingsDirections.top]: paddingTop,
             [paddings_1.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 = (0, common_1.updateContentSizes)(content);
         (_a = contentData.links) === null || _a === void 0 ? void 0 : _a.forEach((link) => {

package/build/cjs/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/cjs/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[];

package/build/cjs/blocks/Header/Header.js

@@ -39,6 +39,6 @@ const Header = (props) => {
             [paddings_1.PaddingsDirections.bottom]: paddingBottom,
         } },
         react_1.default.createElement(page_constructor_1.HeaderBlock, Object.assign({}, props, { title: title, description: description, breadcrumbs: breadcrumbs }),
-            react_1.default.createElement(PostInfo_1.PostInfo, { postId: id, date: date, readingTime: readingTime, metrikaGoals: metrikaGoals, theme: theme, dataQa: "blog-header-meta-container" }))));
+            react_1.default.createElement(PostInfo_1.PostInfo, { postId: id, date: date, readingTime: readingTime, metrikaGoals: metrikaGoals, theme: theme, qa: "blog-header-meta-container" }))));
 };
 exports.Header = Header;

package/build/cjs/blocks/Media/Media.css

@@ -12,7 +12,7 @@ unpredictable css rules order in build */
   height: 100%;
   width: 100%;
   border-radius: calc(var(--bc-border-radius) + 1px);
-  border: 1px solid var(--yc-color-line-generic);
+  border: 1px solid var(--g-color-line-generic);
   overflow: hidden;
 }
 .bc-media__content {

package/build/cjs/blocks/Meta/Meta.js

@@ -36,12 +36,12 @@ const Meta = (props) => {
     return (react_1.default.createElement(Wrapper_1.Wrapper, { paddings: {
             [paddings_1.PaddingsDirections.top]: paddingTop,
             [paddings_1.PaddingsDirections.bottom]: paddingBottom,
-        }, dataQa: "blog-meta-content" },
+        }, qa: "blog-meta-content" },
         breadcrumbs && (react_1.default.createElement(page_constructor_1.HeaderBreadcrumbs, { items: breadcrumbs.items, className: b('breadcrumbs'), theme: theme, metrikaGoals: breadcrumbs.metrikaGoals })),
         title && (react_1.default.createElement(page_constructor_1.YFMWrapper, { content: title, modifiers: {
                 blogBreadcrumbs: true,
                 resetPaddings: true,
             } })),
-        post && (react_1.default.createElement(PostInfo_1.PostInfo, { postId: id, date: date, readingTime: readingTime, metrikaGoals: metrikaGoals, dataQa: "blog-meta-block" }))));
+        post && (react_1.default.createElement(PostInfo_1.PostInfo, { postId: id, date: date, readingTime: readingTime, metrikaGoals: metrikaGoals, qa: "blog-meta-block" }))));
 };
 exports.Meta = Meta;

package/build/cjs/components/ButtonWithIcon/ButtonWithIcon.css

@@ -40,10 +40,10 @@ unpredictable css rules order in build */
   transition: color 0.2s;
 }
 .bc-button-with-icon_theme_primary:hover {
-  color: var(--yc-color-text-primary);
+  color: var(--g-color-text-primary);
 }
 .bc-button-with-icon_theme_secondary {
-  color: var(--yc-color-text-secondary);
+  color: var(--g-color-text-secondary);
   transition: color 0.2s;
 }
 .bc-button-with-icon_theme_secondary:hover {
@@ -54,10 +54,10 @@ unpredictable css rules order in build */
   transition: color 0.2s;
 }
 .bc-button-with-icon_theme_link:hover {
-  color: var(--yc-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
 }
 .bc-button-with-icon_theme_accent {
-  color: var(--yc-color-text-yandex-red);
+  color: var(--g-color-base-danger-heavy);
   transition: opacity 0.2s;
   opacity: 0.7;
 }
@@ -66,10 +66,10 @@ unpredictable css rules order in build */
 }
 .bc-button-with-icon_disabled {
   cursor: default;
-  color: var(--yc-color-text-secondary);
+  color: var(--g-color-text-secondary);
 }
 .bc-button-with-icon_disabled:hover {
-  color: var(--yc-color-text-secondary);
+  color: var(--g-color-text-secondary);
 }
 .mobile .bc-button-with-icon:hover {
   color: inherit;

package/build/cjs/components/FeedHeader/FeedHeader.css

@@ -17,7 +17,7 @@ unpredictable css rules order in build */
 }
 .bc-feed-header__content_theme_dark.bc-feed-header__content_theme_dark .bc-feed-header__title,
 .bc-feed-header__content_theme_dark.bc-feed-header__content_theme_dark .bc-feed-header__description * {
-  color: var(--yc-color-text-light-primary);
+  color: var(--g-color-text-light-primary);
 }
 
 .bc-feed-header_has-background {
@@ -49,6 +49,6 @@ unpredictable css rules order in build */
   }
 }
 .mobile .bc-feed-header_has-background .bc-feed-header__title {
-  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);
 }

package/build/cjs/components/FeedHeader/FeedHeader.js

@@ -7,7 +7,7 @@ const page_constructor_1 = require("@gravity-ui/page-constructor");
 const cn_1 = require("../../utils/cn");
 const Controls_1 = require("./components/Controls/Controls");
 const b = (0, cn_1.block)('feed-header');
-const FeedHeader = ({ tags, services, handleLoadData, offset = 'default', background, theme = 'default', verticalOffset = 'l', className, queryParams, }) => {
+const FeedHeader = ({ tags, services, handleLoadData, offset = 'default', background, theme = 'light', verticalOffset = 'l', className, queryParams, }) => {
     const backgroundThemed = background && (0, page_constructor_1.getThemedValue)(background, theme);
     return (react_1.default.createElement("header", { className: b('header', { ['has-background']: Boolean(background) }, className) },
         (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color) ? (react_1.default.createElement(page_constructor_1.FullWidthBackground, { style: { backgroundColor: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color }, theme: "rounded" })) : null,

package/build/cjs/components/FeedHeader/components/Controls/Controls.css

@@ -14,22 +14,22 @@ unpredictable css rules order in build */
   flex-wrap: wrap;
 }
 .bc-feed-controls__header-item_title {
-  font-size: var(--yc-text-display-4-font-size);
-  line-height: var(--yc-text-display-4-line-height);
+  font-size: var(--g-text-display-4-font-size);
+  line-height: var(--g-text-display-4-line-height);
   padding-top: 112px;
   padding-bottom: 96px;
 }
 .bc-feed-controls__search {
-  background-color: var(--yc-color-base-background);
+  background-color: var(--g-color-base-background);
   border-radius: 10px;
   width: 100%;
   max-width: 100%;
 }
 .bc-feed-controls__search .yc-text-input_view_normal .yc-text-input__control {
-  border-color: var(--yc-color-base-background);
+  border-color: var(--g-color-base-background);
 }
 .bc-feed-controls__select {
-  background-color: var(--yc-color-base-background);
+  background-color: var(--g-color-base-background);
   border-radius: 10px;
   width: 100%;
 }
@@ -47,7 +47,7 @@ unpredictable css rules order in build */
   display: none;
 }
 .bc-feed-controls__popup.bc-feed-controls__popup .g-select-list .yc-list {
-  max-height: calc(500px - var(--yc-text-body-3-line-height) - 12px);
+  max-height: calc(500px - var(--g-text-body-3-line-height) - 12px);
 }
 .bc-feed-controls__popup.bc-feed-controls__popup .yc-list__item {
   margin: 4px;
@@ -68,21 +68,23 @@ unpredictable css rules order in build */
 }
 
 .bc-feed-controls__popup-filter .yc-text-input__control {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
   border: none;
 }
 .bc-feed-controls__popup-filter .yc-text-input__control:hover, .bc-feed-controls__popup-filter .yc-text-input__control:focus {
   border: none;
 }
 .bc-feed-controls__select:hover {
-  background-color: var(--yc-color-base-background);
+  background-color: var(--g-color-base-background);
   width: 100%;
 }
 .bc-feed-controls__saved-only-button {
   border-radius: 10px;
 }
 .bc-feed-controls__saved-only-button_savedOnly {
+  --g-button-background-color: var(--pc-monochrome-button-background-color);
+  --g-button-background-color-hover: var(--pc-monochrome-button-background-color-hover);
   --yc-button-background-color: var(--pc-monochrome-button-background-color);
   --yc-button-background-color-hover: var(--pc-monochrome-button-background-color-hover);
 }
@@ -93,7 +95,7 @@ unpredictable css rules order in build */
   color: var(--pc-monochrome-button-color);
 }
 .bc-feed-controls__saved-only-button_savedOnly:focus {
-  color: var(--yc-color-base-background);
+  color: var(--g-color-base-background);
 }
 .bc-feed-controls__filter-item {
   margin-right: 8px;
@@ -113,8 +115,8 @@ unpredictable css rules order in build */
   flex-grow: 0;
 }
 .bc-feed-controls__icon {
-  color: var(--yc-my-color-brand-normal);
+  color: var(--g-color-base-brand);
 }
 .bc-feed-controls__icon_savedOnly {
-  color: var(--yc-color-base-background);
+  color: var(--g-color-base-background);
 }

package/build/cjs/components/FeedHeader/components/CustomSelectOption/CustomSelectOption.css

@@ -1,8 +1,8 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .bc-feed-custom-select-option {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
   display: flex;
 }
 .bc-feed-custom-select-option__icon {

package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css

@@ -1,25 +1,25 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .bc-feed-custom-switcher__custom-switcher {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
   position: relative;
   display: flex;
   flex-direction: row;
   align-items: center;
-  background-color: var(--yc-color-base-background);
-  border: 1px solid var(--yc-color-base-background);
+  background-color: var(--g-color-base-background);
+  border: 1px solid var(--g-color-base-background);
   border-radius: 10px;
   width: 100%;
   line-height: 42px;
 }
-.bc-feed-custom-switcher__custom-switcher + .yc-popup-wrapper.yc-popup-wrapper_open {
+.bc-feed-custom-switcher__custom-switcher + .yc-popup.yc-popup_open {
   position: absolute !important;
   inset: auto !important;
   transform: translate3d(0, 4px, 0) !important;
 }
 .bc-feed-custom-switcher__custom-switcher:hover {
-  border-color: var(--yc-color-base-generic-hover);
+  border-color: var(--g-color-base-generic-hover);
   cursor: pointer;
 }
 .bc-feed-custom-switcher__custom-switcher-element_content {
@@ -34,11 +34,11 @@ unpredictable css rules order in build */
   align-items: center;
   height: 20px;
   padding: 0 6px;
-  background-color: var(--yc-color-base-selection);
+  background-color: var(--g-color-base-selection);
   border-radius: 4px;
   transition: backgound-color 0.1s linear;
-  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);
 }
 .bc-feed-custom-switcher__custom-switcher-element_arrow {
   display: flex;

package/build/cjs/components/Paginator/Paginator.css

@@ -9,7 +9,7 @@ unpredictable css rules order in build */
 }
 .bc-paginator__link {
   text-decoration: none;
-  color: var(--yc-color-text-primary);
+  color: var(--g-color-text-primary);
 }
 .bc-paginator__item {
   display: inline-flex;
@@ -19,9 +19,9 @@ unpredictable css rules order in build */
   min-height: 44px;
   margin-left: 4px;
   padding: 12px 0px;
-  color: var(--yc-color-text-primary);
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
+  color: var(--g-color-text-primary);
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
 }
 .bc-paginator__item_type_page {
   --bc-border-radius: 10px;
@@ -31,10 +31,10 @@ unpredictable css rules order in build */
   border-radius: var(--bc-border-radius);
 }
 .bc-paginator__item_type_page:hover {
-  background: var(--yc-color-base-simple-hover);
+  background: var(--g-color-base-simple-hover);
 }
 .bc-paginator__item_type_page.bc-paginator__item_active {
-  background: var(--yc-color-base-simple-hover);
+  background: var(--g-color-base-simple-hover);
   cursor: default;
 }
 .bc-paginator__pagination {

package/build/cjs/components/PostCard/PostCard.css

@@ -32,38 +32,38 @@ unpredictable css rules order in build */
   margin-bottom: 8px;
 }
 .bc-post-card__title_size_s {
-  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);
   color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
+  font-weight: var(--g-text-accent-font-weight);
 }
 .bc-post-card__title_size_m {
-  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);
   color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
+  font-weight: var(--g-text-accent-font-weight);
 }
 @media (max-width: 576px) {
   .bc-post-card__title_size_m {
-    font-size: var(--yc-text-display-1-font-size);
-    line-height: var(--yc-text-display-1-line-height);
+    font-size: var(--g-text-display-1-font-size);
+    line-height: var(--g-text-display-1-line-height);
   }
 }
 .bc-post-card__image-container {
   height: 156px;
 }
 .bc-post-card__tag {
-  color: var(--yc-color-text-secondary);
-  font-weight: var(--yc-text-accent-font-weight);
+  color: var(--g-color-text-secondary);
+  font-weight: var(--g-text-accent-font-weight);
 }
 .bc-post-card__tag_size_s {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
   padding-bottom: 4px;
 }
 .bc-post-card__tag_size_m {
-  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);
   padding-bottom: 8px;
 }
 .bc-post-card__description {
@@ -72,7 +72,7 @@ unpredictable css rules order in build */
   text-overflow: ellipsis;
   max-height: 96px;
   white-space: initial;
-  color: var(--yc-color-text-primary);
+  color: var(--g-color-text-primary);
 }
 @supports (-webkit-line-clamp: 5) {
   .bc-post-card__description {

package/build/cjs/components/PostCard/PostCard.js

@@ -33,6 +33,6 @@ const PostCard = ({ post, metrikaGoals, fullWidth = false, size = 's', showTag =
                     blogCard: true,
                 } }))),
         react_1.default.createElement(page_constructor_1.CardBase.Footer, null,
-            react_1.default.createElement(SuggestPostInfo_1.SuggestPostInfo, { postId: blogPostId || id, date: date, readingTime: readingTime, hasUserLike: hasUserLike, likes: likesProps, size: size, dataQa: "blog-suggest-block" }))));
+            react_1.default.createElement(SuggestPostInfo_1.SuggestPostInfo, { postId: blogPostId || id, date: date, readingTime: readingTime, hasUserLike: hasUserLike, likes: likesProps, size: size, qa: "blog-suggest-block" }))));
 };
 exports.PostCard = PostCard;

package/build/cjs/components/PostInfo/PostInfo.css

@@ -1,8 +1,8 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .bc-post-info__item {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
   display: flex;
   padding-right: 24px;
   padding-top: 12px;
@@ -10,16 +10,16 @@ unpredictable css rules order in build */
   align-items: center;
 }
 .bc-post-info__item_size_s {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
 }
 .bc-post-info__item_size_m {
-  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-post-info__item:last-child {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
   display: flex;
   padding-right: 0px;
   padding-top: 12px;
@@ -27,32 +27,32 @@ unpredictable css rules order in build */
   align-items: center;
 }
 .bc-post-info__switcher {
-  color: var(--yc-color-text-secondary);
+  color: var(--g-color-text-secondary);
 }
 .bc-post-info__switcher:hover {
-  color: var(--yc-color-text-primary);
+  color: var(--g-color-text-primary);
 }
 .bc-post-info__switcher_theme_dark {
-  color: var(--yc-color-text-light-secondary);
+  color: var(--g-color-text-light-secondary);
 }
-.bc-post-info__switcher_theme_dark.yc-share-tooltip__container, .bc-post-info__switcher_theme_dark.yc-share-popover__container {
-  color: var(--yc-color-text-light-secondary);
+.bc-post-info__switcher_theme_dark.gc-share-tooltip__container, .bc-post-info__switcher_theme_dark.gc-share-popover__container {
+  color: var(--g-color-text-light-secondary);
 }
 .bc-post-info__switcher_theme_dark:hover {
-  color: var(--yc-color-text-light-primary);
+  color: var(--g-color-text-light-primary);
 }
-.bc-post-info__switcher_theme_dark:hover.yc-share-tooltip__container, .bc-post-info__switcher_theme_dark:hover.yc-share-popover__container {
-  color: var(--yc-color-text-light-primary);
+.bc-post-info__switcher_theme_dark:hover.gc-share-tooltip__container, .bc-post-info__switcher_theme_dark:hover.gc-share-popover__container {
+  color: var(--g-color-text-light-primary);
 }
 .bc-post-info__container {
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
   padding-top: 12px;
-  color: var(--yc-color-text-secondary);
+  color: var(--g-color-text-secondary);
 }
 .bc-post-info__container_theme_dark {
-  color: var(--yc-color-text-light-secondary);
+  color: var(--g-color-text-light-secondary);
 }
 .bc-post-info__icon {
   margin-right: 6px;
@@ -73,10 +73,10 @@ unpredictable css rules order in build */
   cursor: pointer;
 }
 .bc-post-info__content_cursor:hover {
-  color: var(--yc-color-text-primary);
+  color: var(--g-color-text-primary);
 }
 .bc-post-info__content_cursor.bc-post-info__content_theme_dark:hover {
-  color: var(--yc-color-text-light-primary);
+  color: var(--g-color-text-light-primary);
 }
 .bc-post-info__likes {
   display: flex;

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import { PostData } from '../../models/common';
+import { PostData, QAProps } from '../../models/common';
 export type BlogMetrikaGoals = {
     sharing?: string;
     save?: string;
 };
-type PostInfoProps = {
+type PostInfoProps = QAProps & {
     postId: PostData['id'];
     readingTime: PostData['readingTime'];
     date: PostData['date'];
@@ -13,7 +13,6 @@ type PostInfoProps = {
      * @deprecated Metrika will be deleted after launch of analyticsEvents
      */
     metrikaGoals?: BlogMetrikaGoals;
-    dataQa?: string;
 };
 /**
  *  Blog post info panel component
@@ -23,7 +22,7 @@ type PostInfoProps = {
  * @param date - post create date
  * @param theme - theme name
  * @param metrikaGoals - metrika goals name
- * @param dataQa - test-attr
+ * @param qa - test-attr
  *
  * @returns jsx
  */

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

@@ -18,16 +18,16 @@ const b = (0, cn_1.block)('post-info');
  * @param date - post create date
  * @param theme - theme name
  * @param metrikaGoals - metrika goals name
- * @param dataQa - test-attr
+ * @param qa - test-attr
  *
  * @returns jsx
  */
-const PostInfo = ({ date, readingTime, postId, theme = 'light', metrikaGoals, dataQa, }) => {
+const PostInfo = ({ date, readingTime, postId, theme = 'light', metrikaGoals, qa, }) => {
     const { likes } = (0, react_1.useContext)(PostPageContext_1.PostPageContext);
     return (react_1.default.createElement("div", { className: b('container', { theme }) },
         date && react_1.default.createElement(Date_1.Date, { date: date }),
         readingTime && react_1.default.createElement(ReadingTime_1.ReadingTime, { readingTime: readingTime }),
         react_1.default.createElement(Sharing_1.Sharing, { metrikaGoal: metrikaGoals === null || metrikaGoals === void 0 ? void 0 : metrikaGoals.sharing, theme: theme }),
-        likes && (react_1.default.createElement(Save_1.Save, { postId: postId, title: likes.likesCount, hasUserLike: likes.hasUserLike, handleUserLike: likes.handleUserLike, metrikaGoal: metrikaGoals === null || metrikaGoals === void 0 ? void 0 : metrikaGoals.save, theme: theme, dataQa: dataQa }))));
+        likes && (react_1.default.createElement(Save_1.Save, { postId: postId, title: likes.likesCount, hasUserLike: likes.hasUserLike, handleUserLike: likes.handleUserLike, metrikaGoal: metrikaGoals === null || metrikaGoals === void 0 ? void 0 : metrikaGoals.save, theme: theme, qa: qa }))));
 };
 exports.PostInfo = PostInfo;

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

@@ -1,9 +1,8 @@
 import React from 'react';
-import { PostData, ToggleLikeCallbackType } from '../../models/common';
-export interface SuggestPostInfoProps extends Pick<PostData, 'date' | 'readingTime' | 'hasUserLike'> {
+import { PostData, QAProps, ToggleLikeCallbackType } from '../../models/common';
+export interface SuggestPostInfoProps extends Pick<PostData, 'date' | 'readingTime' | 'hasUserLike'>, QAProps {
     postId: PostData['blogPostId'];
     size?: 's' | 'm';
-    dataQa?: string;
     likes?: {
         likesCount?: number;
         hasUserLike?: boolean;
@@ -18,7 +17,7 @@ export interface SuggestPostInfoProps extends Pick<PostData, 'date' | 'readingTi
  * @param readingTime - post reading time
  * @param hasUserLike - flag that the user liked the post
  * @param likes - likes count
- * @param dataQa - test-attr
+ * @param qa - test-attr
  * @param size - text size
  * @param isModernIcon - flag what we need render 'bookmark' icon
  *

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

@@ -17,13 +17,13 @@ const b = (0, cn_1.block)('post-info');
  * @param readingTime - post reading time
  * @param hasUserLike - flag that the user liked the post
  * @param likes - likes count
- * @param dataQa - test-attr
+ * @param qa - test-attr
  * @param size - text size
  * @param isModernIcon - flag what we need render 'bookmark' icon
  *
  * @returns jsx
  */
-const SuggestPostInfo = ({ postId, date, readingTime, likes, size = 's', dataQa, }) => {
+const SuggestPostInfo = ({ postId, date, readingTime, likes, size = 's', qa, }) => {
     const { hasUserLike, likesCount, handleLike } = (0, useLikes_1.useLikes)({
         hasLike: likes === null || likes === void 0 ? void 0 : likes.hasUserLike,
         count: likes === null || likes === void 0 ? void 0 : likes.likesCount,
@@ -34,6 +34,6 @@ const SuggestPostInfo = ({ postId, date, readingTime, likes, size = 's', dataQa,
         react_1.default.createElement("div", { className: b('suggest-container') },
             date && react_1.default.createElement(Date_1.Date, { date: date, size: size }),
             readingTime && react_1.default.createElement(ReadingTime_1.ReadingTime, { readingTime: readingTime, size: size })),
-        likes && postId && (react_1.default.createElement(Save_1.Save, { postId: postId, title: likesCount, hasUserLike: hasUserLike, handleUserLike: handleLike, size: size, dataQa: dataQa }))));
+        likes && postId && (react_1.default.createElement(Save_1.Save, { postId: postId, title: likesCount, hasUserLike: hasUserLike, handleUserLike: handleLike, size: size, qa: qa }))));
 };
 exports.SuggestPostInfo = SuggestPostInfo;