@gravity-ui/blog-constructor 8.2.0 → 8.4.0

package/server/models/blocks.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ContentBlockProps, FormBlockData, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
+import { AuthorItem, ContentBlockProps, FormBlockData, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
 import { BlockType, ClassNameProps, PostData, QAProps } from './common';
 import { PaddingsYFMProps } from './paddings';
 export type AuthorProps = ClassNameProps & {
@@ -50,6 +50,22 @@ export type FormProps = {
     formData: FormBlockData;
     border?: 'shadow' | 'line' | 'none';
 } & PaddingsYFMProps & QAProps;
+export type CompactMediaProps = {
+    description?: string;
+} & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'image'>>;
+export type TakeProps = YFMProps & {
+    author: AuthorItem;
+    color?: string;
+    noBackground?: boolean;
+};
+export type SideCard = Pick<PCMediaProps, 'image'> & {
+    description: string;
+    url: string;
+};
+export type SideCardListProps = {
+    title?: string;
+    items: SideCard[];
+} & PaddingsYFMProps;
 export type AuthorBlockModel = {
     type: BlockType.Author;
 } & AuthorProps;
@@ -86,7 +102,16 @@ export type FeedBlockModel = {
 export type FormBlockModel = {
     type: BlockType.Form;
 } & FormProps;
-export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel;
+export type CompactMediaBlockModel = {
+    type: BlockType.CompactMedia;
+} & CompactMediaProps;
+export type TakeBlockModel = {
+    type: BlockType.Take;
+} & TakeProps;
+export type SideCardListBlockModel = {
+    type: BlockType.SideCardList;
+} & SideCardListProps;
+export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel | CompactMediaBlockModel | TakeBlockModel | SideCardListBlockModel;
 export type Block = BlockModel & {
     [x: string]: any;
 };

package/server/models/common.d.ts

@@ -97,7 +97,10 @@ export declare enum BlockType {
     Suggest = "blog-suggest-block",
     Meta = "blog-meta-block",
     Feed = "blog-feed-block",
-    Form = "blog-form-block"
+    Form = "blog-form-block",
+    CompactMedia = "blog-compact-media-block",
+    Take = "blog-take-block",
+    SideCardList = "blog-side-card-list-block"
 }
 export type MetaProps = {
     metaComponent: JSX.Element;

package/server/models/common.js

@@ -20,6 +20,9 @@ var BlockType;
     BlockType["Meta"] = "blog-meta-block";
     BlockType["Feed"] = "blog-feed-block";
     BlockType["Form"] = "blog-form-block";
+    BlockType["CompactMedia"] = "blog-compact-media-block";
+    BlockType["Take"] = "blog-take-block";
+    BlockType["SideCardList"] = "blog-side-card-list-block";
 })(BlockType || (exports.BlockType = BlockType = {}));
 var DefaultEventNames;
 (function (DefaultEventNames) {

package/server/models/paddings.d.ts

@@ -4,7 +4,7 @@ export declare enum PaddingsDirections {
     left = "left",
     right = "right"
 }
-export type PaddingSize = 'xs' | 's' | 'm' | 'l' | 'xl';
+export type PaddingSize = 'xs' | 's' | 'sm' | 'm' | 'l' | 'xl';
 export type Paddings = {
     [key in PaddingsDirections]?: PaddingSize;
 };

package/styles/mixins.scss

@@ -12,6 +12,10 @@
             padding-top: $indentXS;
         }
 
+        &_sm {
+            padding-top: $indentSM;
+        }
+
         &_m {
             padding-top: $indentM;
         }
@@ -34,6 +38,10 @@
             padding-bottom: $indentXS;
         }
 
+        &_sm {
+            padding-bottom: $indentSM;
+        }
+
         &_m {
             padding-bottom: $indentM;
         }
@@ -46,4 +54,56 @@
             padding-bottom: $indentXL;
         }
     }
+
+    &_padding-left {
+        &_xs {
+            padding-left: 0px;
+        }
+
+        &_s {
+            padding-left: $indentXS;
+        }
+
+        &_sm {
+            padding-left: $indentSM;
+        }
+
+        &_m {
+            padding-left: $indentM;
+        }
+
+        &_l {
+            padding-left: $indentL;
+        }
+
+        &_xl {
+            padding-left: $indentXL;
+        }
+    }
+
+    &_padding-right {
+        &_xs {
+            padding-right: 0px;
+        }
+
+        &_s {
+            padding-right: $indentXS;
+        }
+
+        &_sm {
+            padding-right: $indentSM;
+        }
+
+        &_m {
+            padding-right: $indentM;
+        }
+
+        &_l {
+            padding-right: $indentL;
+        }
+
+        &_xl {
+            padding-right: $indentXL;
+        }
+    }
 }