@gravity-ui/blog-constructor 5.1.0 → 5.3.0

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { AuthorProps } from '../../models/blocks';
-export declare const Author: React.FC<AuthorProps>;
+export declare const Author: (props: AuthorProps) => React.JSX.Element | null;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { BannerProps } from '../../models/blocks';
-export declare const Banner: React.FC<BannerProps>;
+export declare const Banner: ({ color, imageSize, image, paddingTop, paddingBottom, qa, ...content }: BannerProps) => React.JSX.Element;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { CTAProps } from '../../models/blocks';
-export declare const CTA: React.FC<CTAProps>;
+export declare const CTA: ({ items, paddingTop, paddingBottom }: CTAProps) => React.JSX.Element;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ColoredTextProps } from '../../models/blocks';
-export declare const ColoredText: React.FC<ColoredTextProps>;
+export declare const ColoredText: ({ background, paddingTop, paddingBottom, qa, ...content }: ColoredTextProps) => React.JSX.Element;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { FeedProps } from '../../models/blocks';
-export declare const Feed: React.FC<FeedProps>;
+export declare const Feed: ({ image }: FeedProps) => React.JSX.Element;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { HeaderProps } from '../../models/blocks';
-export declare const Header: React.FC<HeaderProps>;
+export declare const Header: (props: HeaderProps) => React.JSX.Element;

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

@@ -1,3 +1,3 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { LayoutProps } from '../../models/blocks';
-export declare const Layout: React.FC<LayoutProps>;
+export declare const Layout: ({ fullWidth, mobileOrder, children, paddingTop, paddingBottom, }: PropsWithChildren<LayoutProps>) => React.JSX.Element;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { MediaProps } from '../../models/blocks';
-export declare const Media: React.FC<MediaProps>;
+export declare const Media: ({ text, paddingTop, paddingBottom, ...mediaProps }: MediaProps) => React.JSX.Element;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { MetaProps } from '../../models/blocks';
-export declare const Meta: React.FC<MetaProps>;
+export declare const Meta: (props: MetaProps) => React.JSX.Element;

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

@@ -9,4 +9,4 @@ import { SuggestProps } from '../../models/blocks';
  *
  * @returns -jsx
  */
-export declare const Suggest: React.FC<SuggestProps>;
+export declare const Suggest: ({ paddingTop, paddingBottom }: SuggestProps) => React.JSX.Element | null;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { YFMProps } from '../../models/blocks';
-export declare const YFM: React.FC<YFMProps>;
+export declare const YFM: (props: YFMProps) => React.JSX.Element;

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

@@ -4,5 +4,5 @@ import { ControlsProps } from './components/Controls/Controls';
 type HeaderProps = Pick<HeaderBlockProps, 'background' | 'offset' | 'theme' | 'verticalOffset'>;
 type FeedHeaderProps = HeaderProps & ControlsProps;
 type FeedHeaderContainerProps = FeedHeaderProps & ClassNameProps;
-export declare const FeedHeader: React.FC<FeedHeaderContainerProps>;
+export declare const FeedHeader: ({ tags, services, handleLoadData, offset, background, theme, verticalOffset, className, queryParams, }: FeedHeaderContainerProps) => React.JSX.Element;
 export {};

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

@@ -56,18 +56,19 @@ unpredictable css rules order in build */
 .bc-feed-controls__select:hover {
   width: 100%;
 }
-.bc-feed-controls__saved-only-button_savedOnly {
+.bc-feed-controls__saved-only-button_savedOnly.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);
 }
-.bc-feed-controls__saved-only-button_savedOnly, .bc-feed-controls__saved-only-button_savedOnly:link, .bc-feed-controls__saved-only-button_savedOnly:visited, .bc-feed-controls__saved-only-button_savedOnly:active, .bc-feed-controls__saved-only-button_savedOnly:focus {
+.bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly, .bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly:link, .bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly:visited, .bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly:active, .bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly:focus {
   color: var(--pc-monochrome-button-color);
 }
-.bc-feed-controls__saved-only-button_savedOnly:hover {
+.bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly:hover {
   color: var(--pc-monochrome-button-color);
 }
+
 .bc-feed-controls__saved-only-button_savedOnly:focus {
   color: var(--g-color-base-background);
 }

package/build/cjs/components/FeedHeader/components/Controls/Controls.d.ts

@@ -12,4 +12,4 @@ export type ControlsProps = {
     queryParams: Query;
     setQuery?: SetQueryType;
 };
-export declare const Controls: React.FC<ControlsProps>;
+export declare const Controls: ({ handleLoadData, tags, services, queryParams, }: ControlsProps) => React.JSX.Element;

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

@@ -12,5 +12,5 @@ type PostCardProps = {
      */
     metrikaGoals?: MetrikaGoal;
 };
-export declare const PostCard: React.FC<PostCardProps>;
+export declare const PostCard: ({ post, metrikaGoals, fullWidth, size, showTag, titleHeadingLevel, }: PostCardProps) => React.JSX.Element;
 export {};

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

@@ -26,5 +26,5 @@ type PostInfoProps = QAProps & {
  *
  * @returns jsx
  */
-export declare const PostInfo: React.FC<PostInfoProps>;
+export declare const PostInfo: ({ date, readingTime, postId, theme, metrikaGoals, qa, }: PostInfoProps) => React.JSX.Element;
 export {};

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

@@ -23,4 +23,4 @@ export interface SuggestPostInfoProps extends Pick<PostData, 'date' | 'readingTi
  *
  * @returns jsx
  */
-export declare const SuggestPostInfo: React.FC<SuggestPostInfoProps>;
+export declare const SuggestPostInfo: ({ postId, date, readingTime, likes, size, qa, }: SuggestPostInfoProps) => React.JSX.Element;

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

@@ -4,5 +4,5 @@ type DateProps = {
     date: string | number;
     size?: PostCardSize;
 };
-export declare const Date: React.FC<DateProps>;
+export declare const Date: ({ date, size }: DateProps) => React.JSX.Element;
 export {};

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

@@ -3,5 +3,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/cjs/components/PostInfo/components/Save.d.ts

@@ -24,5 +24,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/cjs/components/PostInfo/components/Sharing.d.ts

@@ -6,5 +6,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/cjs/components/Posts/Posts.d.ts

@@ -14,5 +14,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/cjs/components/PostsEmpty/PostsEmpty.d.ts

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

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

@@ -2,5 +2,5 @@ import React from 'react';
 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/cjs/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/cjs/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/cjs/containers/BlogPostPage/BlogPostPage.css

@@ -154,6 +154,10 @@ unpredictable css rules order in build */
 .yfm_constructor.yfm_constructor_notice p {
   color: var(--g-color-text-secondary);
 }
+.yfm_constructor.yfm_constructor_meta_info p {
+  color: var(--pc-media-card-meta-info-color);
+  font-weight: var(--g-text-accent-font-weight);
+}
 .yfm_constructor.yfm_constructor ul,
 .yfm_constructor.yfm_constructor ol,
 .yfm_constructor.yfm_constructor li,
@@ -169,10 +173,10 @@ unpredictable css rules order in build */
 .yfm_constructor.yfm_constructor_size_s p {
   margin-bottom: 8px;
 }
-
-.yfm_constructor_theme_dark p {
+.yfm_constructor.yfm_constructor_theme_dark p {
   color: var(--g-color-text-light-primary);
 }
+
 .yfm_constructor_list_style ul {
   padding-left: 20px;
 }

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

@@ -18,4 +18,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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/blocks/Author/Author.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { AuthorProps } from '../../models/blocks';
 import './Author.css';
-export declare const Author: React.FC<AuthorProps>;
+export declare const Author: (props: AuthorProps) => React.JSX.Element | null;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { BannerProps } from '../../models/blocks';
 import './Banner.css';
-export declare const Banner: React.FC<BannerProps>;
+export declare const Banner: ({ color, imageSize, image, paddingTop, paddingBottom, qa, ...content }: BannerProps) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { CTAProps } from '../../models/blocks';
 import './CTA.css';
-export declare const CTA: React.FC<CTAProps>;
+export declare const CTA: ({ items, paddingTop, paddingBottom }: CTAProps) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ColoredTextProps } from '../../models/blocks';
 import './ColoredText.css';
-export declare const ColoredText: React.FC<ColoredTextProps>;
+export declare const ColoredText: ({ background, paddingTop, paddingBottom, qa, ...content }: ColoredTextProps) => React.JSX.Element;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { FeedProps } from '../../models/blocks';
-export declare const Feed: React.FC<FeedProps>;
+export declare const Feed: ({ image }: FeedProps) => React.JSX.Element;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { HeaderProps } from '../../models/blocks';
-export declare const Header: React.FC<HeaderProps>;
+export declare const Header: (props: HeaderProps) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { LayoutProps } from '../../models/blocks';
 import './Layout.css';
-export declare const Layout: React.FC<LayoutProps>;
+export declare const Layout: ({ fullWidth, mobileOrder, children, paddingTop, paddingBottom, }: PropsWithChildren<LayoutProps>) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { MediaProps } from '../../models/blocks';
 import './Media.css';
-export declare const Media: React.FC<MediaProps>;
+export declare const Media: ({ text, paddingTop, paddingBottom, ...mediaProps }: MediaProps) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { MetaProps } from '../../models/blocks';
 import './Meta.css';
-export declare const Meta: React.FC<MetaProps>;
+export declare const Meta: (props: MetaProps) => React.JSX.Element;

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

@@ -9,4 +9,4 @@ import { SuggestProps } from '../../models/blocks';
  *
  * @returns -jsx
  */
-export declare const Suggest: React.FC<SuggestProps>;
+export declare const Suggest: ({ paddingTop, paddingBottom }: SuggestProps) => React.JSX.Element | null;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { YFMProps } from '../../models/blocks';
-export declare const YFM: React.FC<YFMProps>;
+export declare const YFM: (props: YFMProps) => React.JSX.Element;

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

@@ -5,5 +5,5 @@ import './FeedHeader.css';
 type HeaderProps = Pick<HeaderBlockProps, 'background' | 'offset' | 'theme' | 'verticalOffset'>;
 type FeedHeaderProps = HeaderProps & ControlsProps;
 type FeedHeaderContainerProps = FeedHeaderProps & ClassNameProps;
-export declare const FeedHeader: React.FC<FeedHeaderContainerProps>;
+export declare const FeedHeader: ({ tags, services, handleLoadData, offset, background, theme, verticalOffset, className, queryParams, }: FeedHeaderContainerProps) => React.JSX.Element;
 export {};

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

@@ -56,18 +56,19 @@ unpredictable css rules order in build */
 .bc-feed-controls__select:hover {
   width: 100%;
 }
-.bc-feed-controls__saved-only-button_savedOnly {
+.bc-feed-controls__saved-only-button_savedOnly.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);
 }
-.bc-feed-controls__saved-only-button_savedOnly, .bc-feed-controls__saved-only-button_savedOnly:link, .bc-feed-controls__saved-only-button_savedOnly:visited, .bc-feed-controls__saved-only-button_savedOnly:active, .bc-feed-controls__saved-only-button_savedOnly:focus {
+.bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly, .bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly:link, .bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly:visited, .bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly:active, .bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly:focus {
   color: var(--pc-monochrome-button-color);
 }
-.bc-feed-controls__saved-only-button_savedOnly:hover {
+.bc-feed-controls__saved-only-button_savedOnly.bc-feed-controls__saved-only-button_savedOnly:hover {
   color: var(--pc-monochrome-button-color);
 }
+
 .bc-feed-controls__saved-only-button_savedOnly:focus {
   color: var(--g-color-base-background);
 }

package/build/esm/components/FeedHeader/components/Controls/Controls.d.ts

@@ -13,4 +13,4 @@ export type ControlsProps = {
     queryParams: Query;
     setQuery?: SetQueryType;
 };
-export declare const Controls: React.FC<ControlsProps>;
+export declare const Controls: ({ handleLoadData, tags, services, queryParams, }: ControlsProps) => React.JSX.Element;

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

@@ -13,5 +13,5 @@ type PostCardProps = {
      */
     metrikaGoals?: MetrikaGoal;
 };
-export declare const PostCard: React.FC<PostCardProps>;
+export declare const PostCard: ({ post, metrikaGoals, fullWidth, size, showTag, titleHeadingLevel, }: PostCardProps) => React.JSX.Element;
 export {};

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

@@ -27,5 +27,5 @@ type PostInfoProps = QAProps & {
  *
  * @returns jsx
  */
-export declare const PostInfo: React.FC<PostInfoProps>;
+export declare const PostInfo: ({ date, readingTime, postId, theme, metrikaGoals, qa, }: PostInfoProps) => React.JSX.Element;
 export {};

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

@@ -24,4 +24,4 @@ export interface SuggestPostInfoProps extends Pick<PostData, 'date' | 'readingTi
  *
  * @returns jsx
  */
-export declare const SuggestPostInfo: React.FC<SuggestPostInfoProps>;
+export declare const SuggestPostInfo: ({ postId, date, readingTime, likes, size, qa, }: SuggestPostInfoProps) => React.JSX.Element;

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

@@ -5,5 +5,5 @@ type DateProps = {
     date: string | number;
     size?: PostCardSize;
 };
-export declare const Date: React.FC<DateProps>;
+export declare const Date: ({ date, size }: DateProps) => React.JSX.Element;
 export {};

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/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/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.css

@@ -154,6 +154,10 @@ unpredictable css rules order in build */
 .yfm_constructor.yfm_constructor_notice p {
   color: var(--g-color-text-secondary);
 }
+.yfm_constructor.yfm_constructor_meta_info p {
+  color: var(--pc-media-card-meta-info-color);
+  font-weight: var(--g-text-accent-font-weight);
+}
 .yfm_constructor.yfm_constructor ul,
 .yfm_constructor.yfm_constructor ol,
 .yfm_constructor.yfm_constructor li,
@@ -169,10 +173,10 @@ unpredictable css rules order in build */
 .yfm_constructor.yfm_constructor_size_s p {
   margin-bottom: 8px;
 }
-
-.yfm_constructor_theme_dark p {
+.yfm_constructor.yfm_constructor_theme_dark p {
   color: var(--g-color-text-light-primary);
 }
+
 .yfm_constructor_list_style ul {
   padding-left: 20px;
 }

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/package.json

@@ -1,12 +1,25 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "5.1.0",
+  "version": "5.3.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",
@@ -76,7 +89,7 @@
     "@commitlint/config-conventional": "^17.4.3",
     "@doc-tools/transform": "^3.3.2",
     "@gravity-ui/eslint-config": "^2.0.0",
-    "@gravity-ui/page-constructor": "^4.8.0",
+    "@gravity-ui/page-constructor": "^4.19.1",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",