@gravity-ui/blog-constructor 5.0.2 → 5.2.0

package/build/esm/components/PostInfo/components/Date.js

@@ -1,10 +1,11 @@
 import React, { useContext } from 'react';
 import { LocaleContext } from '../../../contexts/LocaleContext';
+import { PostCardSize } from '../../../models/common';
 import { block } from '../../../utils/cn';
 import { format } from '../../../utils/date';
 import '../PostInfo.css';
 const b = block('post-info');
-export const Date = ({ date, size = 's' }) => {
+export const Date = ({ date, size = PostCardSize.SMALL }) => {
     const { locale } = useContext(LocaleContext);
     return React.createElement("div", { className: b('item', { size }) }, format(date, 'longDate', locale === null || locale === void 0 ? void 0 : locale.code));
 };

package/build/esm/components/PostInfo/components/ReadingTime.d.ts

@@ -4,5 +4,5 @@ type ReadingTimeProps = {
     readingTime: number;
     size?: 's' | 'm';
 };
-export declare const ReadingTime: React.FC<ReadingTimeProps>;
+export declare const ReadingTime: ({ readingTime, size }: ReadingTimeProps) => React.JSX.Element;
 export {};

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

@@ -25,5 +25,5 @@ type SaveProps = QAProps & {
  *
  * @returns jsx
  */
-export declare const Save: React.FC<SaveProps>;
+export declare const Save: ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, theme, qa, }: SaveProps) => React.JSX.Element;
 export {};

package/build/esm/components/PostInfo/components/Sharing.d.ts

@@ -7,5 +7,5 @@ type SharingProps = {
      */
     metrikaGoal?: string;
 };
-export declare const Sharing: React.FC<SharingProps>;
+export declare const Sharing: ({ theme, metrikaGoal }: SharingProps) => React.JSX.Element;
 export {};

package/build/esm/components/Posts/Posts.d.ts

@@ -15,5 +15,5 @@ type PostCardProps = {
     pinnedPostOnPage?: PostData;
     pageCountForShowSupportButtons?: number;
 };
-export declare const Posts: React.FC<PostCardProps>;
+export declare const Posts: ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, }: PostCardProps) => React.JSX.Element;
 export {};

package/build/esm/components/Posts/Posts.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { CardLayoutBlock } from '@gravity-ui/page-constructor';
 import { Button } from '@gravity-ui/uikit';
 import { Keyset, i18 } from '../../i18n';
+import { PostCardSize, PostCardTitleHeadingLevel } from '../../models/common';
 import { block } from '../../utils/cn';
 import { Paginator } from '../Paginator/Paginator';
 import { PostCard } from '../PostCard/PostCard';
@@ -12,12 +13,14 @@ export const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage,
     isFetching && React.createElement("div", { className: b('loaderContainer') }),
     React.createElement("div", { id: containerId, className: b('cards-container', { isLoading: isFetching }) },
         pinnedPostOnPage && currentPage === 1 && (React.createElement("div", { className: b('pinned-container') },
-            React.createElement(PostCard, { post: pinnedPostOnPage, size: "m", fullWidth: true, showTag: true }))),
+            React.createElement(PostCard, { post: pinnedPostOnPage, size: PostCardSize.MEDIUM, fullWidth: true, showTag: true, titleHeadingLevel: PostCardTitleHeadingLevel.H2 }))),
         (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length) ? (React.createElement(CardLayoutBlock, { title: '', colSizes: {
                 all: 12,
                 lg: 4,
                 md: 6,
-            } }, postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.map((post) => (React.createElement(PostCard, { key: post.id, post: post, showTag: true }))))) : (React.createElement(PostsEmpty, null))),
+            } }, postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.map((post) => (React.createElement(PostCard, { key: post.id, post: post, showTag: true, titleHeadingLevel: pinnedPostOnPage
+                ? PostCardTitleHeadingLevel.H3
+                : PostCardTitleHeadingLevel.H2 }))))) : (React.createElement(PostsEmpty, null))),
     React.createElement("div", { className: b('pagination') },
         Boolean(isShowMoreVisible && (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length)) && (React.createElement(Button, { view: "outlined", size: "xl", className: b('more-button'), onClick: handleShowMore }, i18(Keyset.ActionLoadMore))),
         errorShowMore && (React.createElement("div", { className: b('error-show-more') },

package/build/esm/components/PostsEmpty/PostsEmpty.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import './PostsEmpty.css';
-export declare const PostsEmpty: React.FC;
+export declare const PostsEmpty: () => React.JSX.Element;

package/build/esm/components/PostsError/PostsError.d.ts

@@ -3,5 +3,5 @@ import './PostError.css';
 type PostsErrorContainerProps = {
     onButtonClick?: () => void | Promise<void>;
 };
-export declare const PostsError: React.FC<PostsErrorContainerProps>;
+export declare const PostsError: ({ onButtonClick }: PostsErrorContainerProps) => React.JSX.Element;
 export {};

package/build/esm/components/Search/Search.css

@@ -7,30 +7,28 @@ unpredictable css rules order in build */
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  height: 44px;
   transition: width 0.3s;
 }
-.bc-search__close-button, .bc-search__search-button {
-  position: absolute;
-  z-index: 2;
-  right: 10px;
+.bc-search__input-icon {
+  display: flex;
+  padding-right: 7px;
   color: var(--g-color-text-hint);
+  cursor: pointer;
 }
-.bc-search__search-button:hover {
-  color: var(--g-color-text-secondary);
+.bc-search__search-suggest {
+  display: flex;
+  align-items: center;
+  height: 44px;
+  background-color: var(--g-color-base-background);
+  border-radius: var(--bc-text-input-border-radius);
+  border: 1px solid var(--g-color-base-background);
 }
-.bc-search__search-suggest-container {
-  width: 100%;
+.bc-search__search-suggest:hover, .bc-search__search-suggest:focus {
+  border: 1px solid var(--g-color-base-generic-hover);
 }
 .bc-search .bc-search__search-suggest-control {
-  background-color: var(--g-color-base-background);
   padding-left: 12px;
   padding-right: 32px;
-  border-radius: var(--bc-text-input-border-radius);
-  border: 1px solid transparent;
-}
-.bc-search .bc-search__search-suggest-control:hover, .bc-search .bc-search__search-suggest-control:focus {
-  border: 1px solid var(--g-color-base-generic-hover);
 }
 .bc-search_size_s {
   --bc-text-input-border-radius: var(--g-border-radius-l);

package/build/esm/components/Search/Search.d.ts

@@ -12,5 +12,11 @@ interface SearchProps extends ClassNameProps {
     autoFocus?: boolean;
     className?: string;
 }
-export declare const Search: React.FC<SearchProps>;
+/**
+ * Search component, placed on blog main page,
+ * based on TextInput from uikit
+ *
+ * @returns {JSX|null}
+ */
+export declare const Search: ({ className, initialValue, onSubmit, debounce, placeholder, size, autoFocus, value: externalValue, }: SearchProps) => React.JSX.Element;
 export {};

package/build/esm/components/Search/Search.js

@@ -1,18 +1,23 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { TextInput } from '@gravity-ui/uikit';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { Icon, TextInput } from '@gravity-ui/uikit';
 import { debounce as lodashDebounce } from 'lodash';
 import { useIsIPhone } from '../../hooks/useIsIPhone';
 import { Keyset, i18 } from '../../i18n';
 import { Close } from '../../icons/Close';
 import { SearchIcon } from '../../icons/SearchIcon';
 import { block } from '../../utils/cn';
-import { ButtonWithIcon } from '../ButtonWithIcon/ButtonWithIcon';
 import './Search.css';
 const b = block('search');
 const SEARCH_ICON_SIZE = 16;
 const CLOSE_ICON_SIZE = 12;
-export const Search = (props) => {
-    const { className, initialValue, onSubmit, debounce = 300, placeholder = i18(Keyset.Search), size = 'm', autoFocus = false, value: externalValue, } = props;
+const AUTOFOCUS_TIMEOUT = 0;
+/**
+ * Search component, placed on blog main page,
+ * based on TextInput from uikit
+ *
+ * @returns {JSX|null}
+ */
+export const Search = ({ className, initialValue, onSubmit, debounce = 300, placeholder = i18(Keyset.Search), size = 'm', autoFocus = false, value: externalValue, }) => {
     const handleChange = lodashDebounce(onSubmit, debounce);
     const [value, setValue] = useState(initialValue);
     const inputRef = useRef(null);
@@ -24,20 +29,27 @@ export const Search = (props) => {
     }, [externalValue]);
     useEffect(() => {
         if (autoFocus && !isIPhone) {
-            setTimeout(() => { var _a; return (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true }); }, 0);
+            setTimeout(() => { var _a; return (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true }); }, AUTOFOCUS_TIMEOUT);
         }
     }, [autoFocus, inputRef, isIPhone]);
-    return (React.createElement("div", { className: b({ size }, className) },
-        React.createElement("div", { className: b('search-suggest-container') },
-            React.createElement(TextInput, { className: b('search-suggest'), value: value, onUpdate: (query) => {
-                    setValue(query);
-                    handleChange(query);
-                }, placeholder: placeholder, size: size === 'm' ? 'xl' : 'l', controlRef: inputRef, view: "clear", controlProps: {
-                    className: b('search-suggest-control'),
-                } })),
-        value ? (React.createElement(ButtonWithIcon, { className: b('close-button'), icon: Close, iconSize: CLOSE_ICON_SIZE, size: "xs", onClick: () => {
+    const rightContent = useMemo(() => {
+        const iconData = value ? Close : SearchIcon;
+        const iconSize = value ? CLOSE_ICON_SIZE : SEARCH_ICON_SIZE;
+        const handleClick = () => {
+            if (value) {
                 handleChange.cancel();
                 setValue('');
                 onSubmit('');
-            } })) : (React.createElement(ButtonWithIcon, { className: b('search-button'), icon: SearchIcon, iconSize: SEARCH_ICON_SIZE, size: "xs", disabled: true }))));
+            }
+        };
+        return (React.createElement("div", { className: b('input-icon'), onClick: handleClick },
+            React.createElement(Icon, { size: iconSize, data: iconData })));
+    }, [handleChange, onSubmit, value]);
+    return (React.createElement("div", { className: b({ size }, className) },
+        React.createElement(TextInput, { className: b('search-suggest'), value: value, onUpdate: (query) => {
+                setValue(query);
+                handleChange(query);
+            }, placeholder: placeholder, size: size === 'm' ? 'xl' : 'l', controlRef: inputRef, view: "clear", controlProps: {
+                className: b('search-suggest-control'),
+            }, rightContent: rightContent })));
 };

package/build/esm/constructor/BlogConstructorProvider.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { AnalyticsContextProps } from '@gravity-ui/page-constructor';
 import { DeviceContextProps } from '../contexts/DeviceContext';
 import { RouterContextProps } from '../contexts/RouterContext';
@@ -15,4 +15,4 @@ export interface BlogConstructorProviderProps {
     settings?: SettingsContextProps;
     children?: React.ReactNode;
 }
-export declare const BlogConstructorProvider: React.FC<BlogConstructorProviderProps>;
+export declare const BlogConstructorProvider: ({ isMobile, locale, router, theme, device, analytics, settings, children, }: PropsWithChildren<BlogConstructorProviderProps>) => React.JSX.Element;

package/build/esm/constructor/blocksMap.d.ts

@@ -1,18 +1,18 @@
 declare const _default: {
     blocks: {
-        "blog-yfm-block": import("react").FC<import("../models/blocks").YFMProps>;
-        "blog-layout-block": import("react").FC<import("../models/blocks").LayoutProps>;
-        "blog-media-block": import("react").FC<import("../models/blocks").MediaProps>;
-        "blog-banner-block": import("react").FC<import("../models/blocks").BannerProps>;
-        "blog-cta-block": import("react").FC<import("../models/blocks").CTAProps>;
-        "blog-colored-text-block": import("react").FC<import("../models/blocks").ColoredTextProps>;
-        "blog-author-block": import("react").FC<import("../models/blocks").AuthorProps>;
-        "blog-suggest-block": import("react").FC<import("../models/blocks").SuggestProps>;
-        "blog-meta-block": import("react").FC<import("../models/blocks").MetaProps>;
-        "blog-feed-block": import("react").FC<import("../models/blocks").FeedProps>;
+        "blog-yfm-block": (props: import("../models/blocks").YFMProps) => import("react").JSX.Element;
+        "blog-layout-block": ({ fullWidth, mobileOrder, children, paddingTop, paddingBottom, }: import("react").PropsWithChildren<import("../models/blocks").LayoutProps>) => import("react").JSX.Element;
+        "blog-media-block": ({ text, paddingTop, paddingBottom, ...mediaProps }: import("../models/blocks").MediaProps) => import("react").JSX.Element;
+        "blog-banner-block": ({ color, imageSize, image, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks").BannerProps) => import("react").JSX.Element;
+        "blog-cta-block": ({ items, paddingTop, paddingBottom }: import("../models/blocks").CTAProps) => import("react").JSX.Element;
+        "blog-colored-text-block": ({ background, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks").ColoredTextProps) => import("react").JSX.Element;
+        "blog-author-block": (props: import("../models/blocks").AuthorProps) => import("react").JSX.Element | null;
+        "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks").SuggestProps) => import("react").JSX.Element | null;
+        "blog-meta-block": (props: import("../models/blocks").MetaProps) => import("react").JSX.Element;
+        "blog-feed-block": ({ image }: import("../models/blocks").FeedProps) => import("react").JSX.Element;
     };
     headers: {
-        "blog-header-block": import("react").FC<import("../models/blocks").HeaderProps>;
+        "blog-header-block": (props: import("../models/blocks").HeaderProps) => import("react").JSX.Element;
     };
 };
 export default _default;

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

@@ -19,4 +19,4 @@ export interface BlogPostPageProps {
     isSignedInUser?: boolean;
     onClickSignIn?: React.EventHandler<SyntheticEvent>;
 }
-export declare const BlogPostPage: React.FC<BlogPostPageProps>;
+export declare const BlogPostPage: ({ metaData, suggestedPosts, likes, content, post, settings, navigation, shareOptions, isSignedInUser, onClickSignIn, }: BlogPostPageProps) => React.JSX.Element;

package/build/esm/icons/Close.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const Close: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const Close: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/build/esm/icons/DropdownArrow.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const DropdownArrow: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const DropdownArrow: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/build/esm/icons/Save.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const Save: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const Save: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/build/esm/icons/SaveFilled.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const SaveFilled: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const SaveFilled: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/build/esm/icons/SearchIcon.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const SearchIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const SearchIcon: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/build/esm/icons/ShareArrowUp.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const ShareArrowUp: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const ShareArrowUp: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/build/esm/icons/Time.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const Time: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const Time: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

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

@@ -1,17 +1,17 @@
 import { ReactElement } from 'react';
 import { ContentBlockProps, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
-import { BlockType, ClassNameProps, PostData } from './common';
+import { BlockType, ClassNameProps, PostData, QAProps } from './common';
 import { PaddingsYFMProps } from './paddings';
 export type AuthorProps = ClassNameProps & {
     authorId: number;
     image: string;
-} & PaddingsYFMProps;
-export type BannerProps = ContentBlockProps & {
+} & PaddingsYFMProps & QAProps;
+export type BannerProps = ContentBlockProps & QAProps & {
     color?: string;
     image?: string;
     imageSize?: 's' | 'm';
 } & PaddingsYFMProps;
-export type ColoredTextProps = ContentBlockProps & {
+export type ColoredTextProps = ContentBlockProps & QAProps & {
     background?: {
         color?: string;
         image?: string;
@@ -40,7 +40,7 @@ export type SuggestProps = ClassNameProps & {
 } & PaddingsYFMProps;
 export type YFMProps = {
     text: string;
-} & PaddingsYFMProps;
+} & PaddingsYFMProps & QAProps;
 export type FeedProps = {
     image: string;
 };

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

@@ -168,3 +168,11 @@ export type FetchArgs = {
 export interface QAProps {
     qa?: string;
 }
+export declare enum PostCardSize {
+    SMALL = "s",
+    MEDIUM = "m"
+}
+export declare enum PostCardTitleHeadingLevel {
+    H2 = "h2",
+    H3 = "h3"
+}

package/build/esm/models/common.js

@@ -28,4 +28,14 @@ export var DefaultEventNames;
     DefaultEventNames["Tag"] = "selector-tag-click";
     DefaultEventNames["Service"] = "selector-service-click";
     DefaultEventNames["SaveOnly"] = "save-only-button-click";
-})(DefaultEventNames || (DefaultEventNames = {}));
+})(DefaultEventNames || (DefaultEventNames = {}));
+export var PostCardSize;
+(function (PostCardSize) {
+    PostCardSize["SMALL"] = "s";
+    PostCardSize["MEDIUM"] = "m";
+})(PostCardSize || (PostCardSize = {}));
+export var PostCardTitleHeadingLevel;
+(function (PostCardTitleHeadingLevel) {
+    PostCardTitleHeadingLevel["H2"] = "h2";
+    PostCardTitleHeadingLevel["H3"] = "h3";
+})(PostCardTitleHeadingLevel || (PostCardTitleHeadingLevel = {}));

package/build/esm/utils/cn.d.ts

@@ -1,4 +1,3 @@
-import blockOrigin from 'bem-cn-lite';
 export declare const NAMESPACE = "bc-";
-export type CnBlock = ReturnType<typeof blockOrigin>;
-export declare function block(name: string): CnBlock;
+export declare const cn: import("@bem-react/classname").ClassNameInitilizer;
+export declare const block: import("@bem-react/classname").ClassNameInitilizer;

package/build/esm/utils/cn.js

@@ -1,5 +1,4 @@
-import blockOrigin from 'bem-cn-lite';
+import { withNaming } from '@bem-react/classname';
 export const NAMESPACE = 'bc-';
-export function block(name) {
-    return blockOrigin(`${NAMESPACE}${name}`);
-}
+export const cn = withNaming({ e: '__', m: '_' });
+export const block = withNaming({ n: NAMESPACE, e: '__', m: '_' });

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

@@ -41,4 +41,5 @@ export declare const isMetrikaExist: (goal: NewMetrikaGoal, existGoals: NewMetri
 export declare const getBlogElementMetrika: (blogCustomGoal: NewMetrikaGoal, existingGoals?: MetrikaGoal) => string | string[] | NewMetrikaGoal[];
 export declare const getFeedQueryParams: (queryString: Query, pageNumber?: number) => GetPostsRequest;
 export declare const scrollOnPageChange: (containerId: string) => void;
+export declare const getQaAttributes: (qa?: string, ...customKeys: (string | Array<string>)[]) => Record<string, string>;
 export {};

package/build/esm/utils/common.js

@@ -1,9 +1,10 @@
 import { __rest } from "tslib";
 import { format, parse } from 'url';
 import { isNewMetrikaFormat, } from '@gravity-ui/page-constructor';
-import { debounce, memoize } from 'lodash';
+import { camelCase, debounce, flatten, memoize } from 'lodash';
 import { CONTENT_DEFAULT_COL_SIZES, CONTENT_DEFAULT_SIZE, CONTENT_DEFAULT_THEME, DEFAULT_PAGE, DEFAULT_ROWS_PER_PAGE, } from '../blocks/constants';
 import { Keyset, i18 } from '../i18n';
+const QA_ATTRIBUTES_KEYS = ['container', 'content', 'wrapper', 'image', 'button'];
 export function getAbsolutePath(router, url) {
     if (!router || !router.pathname) {
         return url !== null && url !== void 0 ? url : '';
@@ -98,4 +99,15 @@ export const scrollOnPageChange = (containerId) => {
     if (y < 0) {
         scrollToHash(containerId);
     }
+};
+export const getQaAttributes = (qa, ...customKeys) => {
+    const attributes = {};
+    if (qa) {
+        const keys = QA_ATTRIBUTES_KEYS.concat(flatten(customKeys));
+        keys.forEach((key) => {
+            attributes[camelCase(key)] = `${qa}-${key}`;
+        });
+        attributes.default = qa;
+    }
+    return attributes;
 };

package/package.json

@@ -1,12 +1,25 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "5.0.2",
+  "version": "5.2.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/gravity-ui/blog-constructor"
   },
+  "exports": {
+    ".": {
+      "types": "./build/esm/index.d.ts",
+      "require": "./build/cjs/index.js",
+      "import": "./build/esm/index.js"
+    },
+    "./server": {
+      "types": "./server/index.d.ts",
+      "require": "./server/index.js",
+      "import": "./server/index.js"
+    },
+    "./styles/*": "./styles/*"
+  },
   "files": [
     "build",
     "styles",
@@ -46,9 +59,9 @@
     "test:watch": "jest --watchAll --maxWorkers=25%"
   },
   "dependencies": {
-    "@gravity-ui/components": "^2.0.0",
+    "@bem-react/classname": "^1.6.0",
+    "@gravity-ui/components": "^2.4.0",
     "@gravity-ui/i18n": "^1.0.0",
-    "bem-cn-lite": "^4.0.0",
     "lodash": "^4.17.21",
     "react-helmet": "^6.1.0",
     "react-player": "^2.9.0",
@@ -76,11 +89,11 @@
     "@commitlint/config-conventional": "^17.4.3",
     "@doc-tools/transform": "^3.3.2",
     "@gravity-ui/eslint-config": "^2.0.0",
-    "@gravity-ui/page-constructor": "^4.0.0",
+    "@gravity-ui/page-constructor": "^4.8.0",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^5.1.0",
+    "@gravity-ui/uikit": "^5.11.0",
     "@storybook/addon-essentials": "^7.0.27",
     "@storybook/cli": "^7.0.27",
     "@storybook/preset-scss": "^1.0.3",
@@ -99,7 +112,6 @@
     "@types/sanitize-html": "^2.6.0",
     "@types/ua-parser-js": "^0.7.36",
     "eslint": "^8.34.0",
-    "eslint-plugin-local": "./eslint-plugin-local",
     "eslint-plugin-no-not-accumulator-reassign": "^0.1.0",
     "eslint-plugin-testing-library": "^5.9.1",
     "gulp": "^4.0.2",

package/server/models/blocks.d.ts

@@ -1,17 +1,17 @@
 import { ReactElement } from 'react';
 import { ContentBlockProps, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
-import { BlockType, ClassNameProps, PostData } from './common';
+import { BlockType, ClassNameProps, PostData, QAProps } from './common';
 import { PaddingsYFMProps } from './paddings';
 export type AuthorProps = ClassNameProps & {
     authorId: number;
     image: string;
-} & PaddingsYFMProps;
-export type BannerProps = ContentBlockProps & {
+} & PaddingsYFMProps & QAProps;
+export type BannerProps = ContentBlockProps & QAProps & {
     color?: string;
     image?: string;
     imageSize?: 's' | 'm';
 } & PaddingsYFMProps;
-export type ColoredTextProps = ContentBlockProps & {
+export type ColoredTextProps = ContentBlockProps & QAProps & {
     background?: {
         color?: string;
         image?: string;
@@ -40,7 +40,7 @@ export type SuggestProps = ClassNameProps & {
 } & PaddingsYFMProps;
 export type YFMProps = {
     text: string;
-} & PaddingsYFMProps;
+} & PaddingsYFMProps & QAProps;
 export type FeedProps = {
     image: string;
 };

package/server/models/common.d.ts

@@ -168,3 +168,11 @@ export type FetchArgs = {
 export interface QAProps {
     qa?: string;
 }
+export declare enum PostCardSize {
+    SMALL = "s",
+    MEDIUM = "m"
+}
+export declare enum PostCardTitleHeadingLevel {
+    H2 = "h2",
+    H3 = "h3"
+}

package/server/models/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultEventNames = exports.BlockType = exports.Theme = void 0;
+exports.PostCardTitleHeadingLevel = exports.PostCardSize = exports.DefaultEventNames = exports.BlockType = exports.Theme = void 0;
 var Theme;
 (function (Theme) {
     Theme["Light"] = "light";
@@ -31,4 +31,14 @@ var DefaultEventNames;
     DefaultEventNames["Tag"] = "selector-tag-click";
     DefaultEventNames["Service"] = "selector-service-click";
     DefaultEventNames["SaveOnly"] = "save-only-button-click";
-})(DefaultEventNames = exports.DefaultEventNames || (exports.DefaultEventNames = {}));
+})(DefaultEventNames = exports.DefaultEventNames || (exports.DefaultEventNames = {}));
+var PostCardSize;
+(function (PostCardSize) {
+    PostCardSize["SMALL"] = "s";
+    PostCardSize["MEDIUM"] = "m";
+})(PostCardSize = exports.PostCardSize || (exports.PostCardSize = {}));
+var PostCardTitleHeadingLevel;
+(function (PostCardTitleHeadingLevel) {
+    PostCardTitleHeadingLevel["H2"] = "h2";
+    PostCardTitleHeadingLevel["H3"] = "h3";
+})(PostCardTitleHeadingLevel = exports.PostCardTitleHeadingLevel || (exports.PostCardTitleHeadingLevel = {}));

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

@@ -1,76 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.bc-button-with-icon {
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  font: inherit;
-  border: none;
-  outline: none;
-  color: inherit;
-  background: none;
-  cursor: pointer;
-  outline: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: color 0.2s;
-}
-.utilityfocus .bc-button-with-icon:focus {
-  outline: 2px solid #ffdb4d;
-}
-.bc-button-with-icon_size_xs {
-  height: 24px;
-  width: 24px;
-}
-.bc-button-with-icon_size_s {
-  height: 28px;
-  width: 28px;
-}
-.bc-button-with-icon_size_m {
-  height: 32px;
-  width: 32px;
-}
-.bc-button-with-icon_size_n {
-  height: 36px;
-  width: 36px;
-}
-.bc-button-with-icon_theme_primary {
-  color: var(--www-text-content-color);
-  transition: color 0.2s;
-}
-.bc-button-with-icon_theme_primary:hover {
-  color: var(--g-color-text-primary);
-}
-.bc-button-with-icon_theme_secondary {
-  color: var(--g-color-text-secondary);
-  transition: color 0.2s;
-}
-.bc-button-with-icon_theme_secondary:hover {
-  color: var(--www-text-content-color);
-}
-.bc-button-with-icon_theme_link {
-  color: var(--www-text-content-color);
-  transition: color 0.2s;
-}
-.bc-button-with-icon_theme_link:hover {
-  color: var(--g-color-text-link-hover);
-}
-.bc-button-with-icon_theme_accent {
-  color: var(--g-color-base-danger-heavy);
-  transition: opacity 0.2s;
-  opacity: 0.7;
-}
-.bc-button-with-icon_theme_accent:hover {
-  opacity: 1;
-}
-.bc-button-with-icon_disabled {
-  cursor: default;
-  color: var(--g-color-text-secondary);
-}
-.bc-button-with-icon_disabled:hover {
-  color: var(--g-color-text-secondary);
-}
-.mobile .bc-button-with-icon:hover {
-  color: inherit;
-}