@gravity-ui/blog-constructor 8.3.0 → 8.4.0

package/build/cjs/blocks/SideCardList/SideCardList.css

@@ -0,0 +1,47 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-side-card-list__container {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  max-width: 296px;
+}
+.bc-side-card-list__title {
+  font-size: var(--g-text-header-2-font-size);
+  line-height: var(--g-text-header-2-line-height);
+  font-weight: 500;
+}
+.bc-side-card-list__items {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.bc-side-card-list__item.bc-side-card-list__item {
+  min-height: auto;
+}
+
+.bc-side-card-list__item-image {
+  object-fit: contain;
+  object-position: left;
+  max-height: 104px;
+  max-width: 232px;
+  width: auto;
+}
+.bc-side-card-list__item-media {
+  max-width: 232px;
+  padding: 0 0 16px;
+}
+.bc-side-card-list__item-description {
+  padding-bottom: 12px;
+}
+@media (max-width: 1081px) {
+  .bc-side-card-list__container {
+    max-width: none;
+    width: 50%;
+  }
+}
+@media (max-width: 577px) {
+  .bc-side-card-list__container {
+    width: 100%;
+  }
+}

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

@@ -0,0 +1,3 @@
+import { SideCardListProps } from "../../models/blocks.js";
+export declare const SideCardList: ({ title, items, paddingTop, paddingBottom }: SideCardListProps) => import("react/jsx-runtime").JSX.Element;
+export default SideCardList;

package/build/cjs/blocks/SideCardList/SideCardList.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideCardList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const page_constructor_1 = require("@gravity-ui/page-constructor");
+const Wrapper_1 = require("../../components/Wrapper/Wrapper.js");
+const paddings_1 = require("../../models/paddings.js");
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.block)('side-card-list');
+const SideCardList = ({ title, items, paddingTop, paddingBottom }) => {
+    return ((0, jsx_runtime_1.jsxs)(Wrapper_1.Wrapper, { paddings: {
+            [paddings_1.PaddingsDirections.top]: paddingTop,
+            [paddings_1.PaddingsDirections.bottom]: paddingBottom,
+        }, className: b('container'), children: [title && (0, jsx_runtime_1.jsx)("div", { className: b('title'), children: title }), (0, jsx_runtime_1.jsx)("div", { className: b('items'), children: items.map(({ url, description, image }, index) => ((0, jsx_runtime_1.jsx)(page_constructor_1.CardBase, { url: url, className: b('item'), children: (0, jsx_runtime_1.jsxs)(page_constructor_1.CardBase.Content, { children: [(0, jsx_runtime_1.jsx)(page_constructor_1.Media, { className: b('item-media'), imageClassName: b('item-image'), image: image }), description && ((0, jsx_runtime_1.jsx)("div", { className: b('item-description'), children: (0, jsx_runtime_1.jsx)(page_constructor_1.YFMWrapper, { content: description, modifiers: {
+                                        blog: true,
+                                        resetPaddings: true,
+                                    } }) }))] }) }, index))) })] }));
+};
+exports.SideCardList = SideCardList;
+exports.default = exports.SideCardList;
+//# sourceMappingURL=SideCardList.js.map

package/build/cjs/blocks/SideCardList/SideCardList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideCardList.js","sourceRoot":"../../../../src","sources":["blocks/SideCardList/SideCardList.tsx"],"names":[],"mappings":";;;;AAAA,mEAAoF;AAEpF,iEAAyD;AAEzD,uDAAyD;AACzD,0CAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,gBAAgB,CAAC,CAAC;AAE3B,MAAM,YAAY,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAoB,EAAE,EAAE;IACzF,OAAO,CACH,wBAAC,iBAAO,IACJ,QAAQ,EAAE;YACN,CAAC,6BAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,6BAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;SAC7C,EACD,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAExB,KAAK,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAO,EACnD,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,GAAG,EAAE,WAAW,EAAE,KAAK,EAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7C,uBAAC,2BAAQ,IAAa,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAChD,wBAAC,2BAAQ,CAAC,OAAO,eACb,uBAAC,wBAAO,IACJ,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAC1B,cAAc,EAAE,CAAC,CAAC,YAAY,CAAC,EAC/B,KAAK,EAAE,KAAK,GACd,EACD,WAAW,IAAI,CACZ,gCAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,YACjC,uBAAC,6BAAU,IACP,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE;wCACP,IAAI,EAAE,IAAI;wCACV,aAAa,EAAE,IAAI;qCACtB,GACH,GACA,CACT,IACc,IAlBR,KAAK,CAmBT,CACd,CAAC,GACA,IACA,CACb,CAAC;AACN,CAAC,CAAC;AApCW,QAAA,YAAY,gBAoCvB;AAEF,kBAAe,oBAAY,CAAC","sourcesContent":["import {CardBase, Media as PCMedia, YFMWrapper} from '@gravity-ui/page-constructor';\n\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {SideCardListProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {block} from '../../utils/cn';\n\nimport './SideCardList.scss';\n\nconst b = block('side-card-list');\n\nexport const SideCardList = ({title, items, paddingTop, paddingBottom}: SideCardListProps) => {\n    return (\n        <Wrapper\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n            }}\n            className={b('container')}\n        >\n            {title && <div className={b('title')}>{title}</div>}\n            <div className={b('items')}>\n                {items.map(({url, description, image}, index) => (\n                    <CardBase key={index} url={url} className={b('item')}>\n                        <CardBase.Content>\n                            <PCMedia\n                                className={b('item-media')}\n                                imageClassName={b('item-image')}\n                                image={image}\n                            />\n                            {description && (\n                                <div className={b('item-description')}>\n                                    <YFMWrapper\n                                        content={description}\n                                        modifiers={{\n                                            blog: true,\n                                            resetPaddings: true,\n                                        }}\n                                    />\n                                </div>\n                            )}\n                        </CardBase.Content>\n                    </CardBase>\n                ))}\n            </div>\n        </Wrapper>\n    );\n};\n\nexport default SideCardList;\n"]}

package/build/cjs/blocks/SideCardList/schema.d.ts

@@ -0,0 +1,94 @@
+export declare const SideCardList: {
+    "blog-side-card-list-block": {
+        type: string;
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            className: {
+                type: string;
+            };
+            title: {
+                type: string;
+            };
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                    required: string[];
+                    properties: {
+                        image: {
+                            type: string;
+                        };
+                        description: {
+                            type: string;
+                        };
+                        url: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            paddingTop: {
+                type: string;
+                enum: string[];
+            };
+            paddingBottom: {
+                type: string;
+                enum: string[];
+            };
+            fullWidth: {
+                type: string;
+            };
+            column: {
+                type: string;
+                enum: string[];
+            };
+            qa: {
+                type: string;
+            };
+            anchor: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    urlTitle: {
+                        type: string;
+                    };
+                };
+            };
+            visible: {
+                type: string;
+                enum: string[];
+            };
+            resetPaddings: {
+                type: string;
+            };
+            context: {
+                type: string;
+            };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

package/build/cjs/blocks/SideCardList/schema.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideCardList = void 0;
+const page_constructor_1 = require("@gravity-ui/page-constructor");
+const common_1 = require("../../models/common.js");
+const common_2 = require("../../schema/common.js");
+const { common: { BlockBaseProps }, } = page_constructor_1.validators;
+exports.SideCardList = {
+    [common_1.BlockType.SideCardList]: {
+        type: 'object',
+        additionalProperties: false,
+        required: ['items'],
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), common_2.BlogBlockBase), { className: {
+                type: 'string',
+            }, title: {
+                type: 'string',
+            }, items: {
+                type: 'array',
+                items: {
+                    type: 'object',
+                    required: ['image', 'description', 'url'],
+                    properties: {
+                        image: {
+                            type: 'string',
+                        },
+                        description: {
+                            type: 'string',
+                        },
+                        url: {
+                            type: 'string',
+                        },
+                    },
+                },
+            } }),
+    },
+};
+//# sourceMappingURL=schema.js.map

package/build/cjs/blocks/SideCardList/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/SideCardList/schema.ts"],"names":[],"mappings":";;;AAAA,mEAAwD;AAExD,mDAA8C;AAC9C,mDAAkD;AAElD,MAAM,EACF,MAAM,EAAE,EAAC,cAAc,EAAC,GAC3B,GAAG,6BAAU,CAAC;AAEF,QAAA,YAAY,GAAG;IACxB,CAAC,kBAAS,CAAC,YAAY,CAAC,EAAE;QACtB,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,gDACH,cAAc,GACd,sBAAa,KAChB,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;aACjB,EACD,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB,EACD,KAAK,EAAE;gBACH,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACH,IAAI,EAAE,QAAQ;oBACd,QAAQ,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,CAAC;oBACzC,UAAU,EAAE;wBACR,KAAK,EAAE;4BACH,IAAI,EAAE,QAAQ;yBACjB;wBACD,WAAW,EAAE;4BACT,IAAI,EAAE,QAAQ;yBACjB;wBACD,GAAG,EAAE;4BACD,IAAI,EAAE,QAAQ;yBACjB;qBACJ;iBACJ;aACJ,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {validators} from '@gravity-ui/page-constructor';\n\nimport {BlockType} from '../../models/common';\nimport {BlogBlockBase} from '../../schema/common';\n\nconst {\n    common: {BlockBaseProps},\n} = validators;\n\nexport const SideCardList = {\n    [BlockType.SideCardList]: {\n        type: 'object',\n        additionalProperties: false,\n        required: ['items'],\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n            className: {\n                type: 'string',\n            },\n            title: {\n                type: 'string',\n            },\n            items: {\n                type: 'array',\n                items: {\n                    type: 'object',\n                    required: ['image', 'description', 'url'],\n                    properties: {\n                        image: {\n                            type: 'string',\n                        },\n                        description: {\n                            type: 'string',\n                        },\n                        url: {\n                            type: 'string',\n                        },\n                    },\n                },\n            },\n        },\n    },\n};\n"]}

package/build/cjs/blocks/Take/Take.css

@@ -0,0 +1,70 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-take__container {
+  --take-color: #d6e0e9;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  align-self: stretch;
+  gap: 40px;
+  border-radius: 24px 0 0 24px;
+  border-left: 4px solid var(--take-color);
+  background: linear-gradient(90deg, color-mix(in sRGB, var(--take-color) 20%, transparent) 0%, rgba(255, 255, 255, 0.2) 100%);
+  font-family: "YS Text";
+}
+.bc-take__container_noBackground {
+  background: none;
+}
+.bc-take__text {
+  font-size: 24px;
+  line-height: 32px;
+  font-weight: var(--g-text-body-font-weight);
+  font-family: inherit;
+}
+.bc-take__author {
+  align-items: flex-start;
+  max-width: 402px;
+}
+.bc-take__author .pc-author__name {
+  font-weight: var(--g-text-accent-font-weight);
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
+}
+.bc-take__author .pc-author__description {
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+}
+.bc-take__avatar {
+  width: 88px;
+  height: 88px;
+}
+.bc-take__avatar img {
+  width: 88px;
+  height: 88px;
+}
+@media (max-width: 577px) {
+  .bc-take__text {
+    font-size: 20px;
+    line-height: 28px;
+  }
+  .bc-take__author {
+    max-width: none;
+  }
+  .bc-take__author .pc-author__name {
+    font-weight: var(--g-text-accent-font-weight);
+    font-size: var(--g-text-subheader-3-font-size);
+    line-height: var(--g-text-subheader-3-line-height);
+  }
+  .bc-take__author .pc-author__description {
+    font-size: var(--g-text-body-2-font-size);
+    line-height: var(--g-text-body-2-line-height);
+  }
+  .bc-take__avatar {
+    width: 80px;
+    height: 80px;
+  }
+  .bc-take__avatar img {
+    width: 80px;
+    height: 80px;
+  }
+}

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

@@ -0,0 +1,2 @@
+import { TakeProps } from "../../models/blocks.js";
+export declare const Take: (props: TakeProps) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/blocks/Take/Take.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Take = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const page_constructor_1 = require("@gravity-ui/page-constructor");
+const Wrapper_1 = require("../../components/Wrapper/Wrapper.js");
+const MobileContext_1 = require("../../contexts/MobileContext.js");
+const paddings_1 = require("../../models/paddings.js");
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.block)('take');
+const Take = (props) => {
+    const { paddingTop, paddingBottom, paddingLeft, paddingRight, text, author, color, noBackground, } = props;
+    const isMobile = React.useContext(MobileContext_1.MobileContext);
+    const containerStyle = color ? { '--take-color': color } : undefined;
+    return ((0, jsx_runtime_1.jsxs)(Wrapper_1.Wrapper, { className: b('container', { noBackground }), paddings: {
+            [paddings_1.PaddingsDirections.top]: paddingTop,
+            [paddings_1.PaddingsDirections.bottom]: paddingBottom,
+            [paddings_1.PaddingsDirections.left]: paddingLeft,
+            [paddings_1.PaddingsDirections.right]: paddingRight,
+        }, style: containerStyle, children: [(0, jsx_runtime_1.jsx)(page_constructor_1.YFMWrapper, { content: text, contentClassName: b('text'), tagName: "div", modifiers: {
+                    blog: true,
+                    resetPaddings: true,
+                } }), (0, jsx_runtime_1.jsx)(page_constructor_1.Author, { type: isMobile ? page_constructor_1.AuthorType.Column : page_constructor_1.AuthorType.Line, author: author, className: b('author'), authorContainerClassName: b('avatar') })] }));
+};
+exports.Take = Take;
+//# sourceMappingURL=Take.js.map

package/build/cjs/blocks/Take/Take.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Take.js","sourceRoot":"../../../../src","sources":["blocks/Take/Take.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAwF;AAExF,iEAAyD;AACzD,mEAA2D;AAE3D,uDAAyD;AACzD,0CAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,MAAM,CAAC,CAAC;AAEjB,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACrC,MAAM,EACF,UAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,MAAM,EACN,KAAK,EACL,YAAY,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAEjD,MAAM,cAAc,GAAG,KAAK,CAAC,CAAC,CAAE,EAAC,cAAc,EAAE,KAAK,EAAyB,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5F,OAAO,CACH,wBAAC,iBAAO,IACJ,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,EAAC,YAAY,EAAC,CAAC,EACzC,QAAQ,EAAE;YACN,CAAC,6BAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,6BAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;YAC1C,CAAC,6BAAkB,CAAC,IAAI,CAAC,EAAE,WAAW;YACtC,CAAC,6BAAkB,CAAC,KAAK,CAAC,EAAE,YAAY;SAC3C,EACD,KAAK,EAAE,cAAc,aAErB,uBAAC,6BAAU,IACP,OAAO,EAAE,IAAI,EACb,gBAAgB,EAAE,CAAC,CAAC,MAAM,CAAC,EAC3B,OAAO,EAAC,KAAK,EACb,SAAS,EAAE;oBACP,IAAI,EAAE,IAAI;oBACV,aAAa,EAAE,IAAI;iBACtB,GACH,EACF,uBAAC,yBAAQ,IACL,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,6BAAU,CAAC,MAAM,CAAC,CAAC,CAAC,6BAAU,CAAC,IAAI,EACpD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,wBAAwB,EAAE,CAAC,CAAC,QAAQ,CAAC,GACvC,IACI,CACb,CAAC;AACN,CAAC,CAAC;AA5CW,QAAA,IAAI,QA4Cf","sourcesContent":["import * as React from 'react';\n\nimport {AuthorType, Author as PCAuthor, YFMWrapper} from '@gravity-ui/page-constructor';\n\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {MobileContext} from '../../contexts/MobileContext';\nimport {TakeProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {block} from '../../utils/cn';\n\nimport './Take.scss';\n\nconst b = block('take');\n\nexport const Take = (props: TakeProps) => {\n    const {\n        paddingTop,\n        paddingBottom,\n        paddingLeft,\n        paddingRight,\n        text,\n        author,\n        color,\n        noBackground,\n    } = props;\n\n    const isMobile = React.useContext(MobileContext);\n\n    const containerStyle = color ? ({'--take-color': color} as React.CSSProperties) : undefined;\n\n    return (\n        <Wrapper\n            className={b('container', {noBackground})}\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n                [PaddingsDirections.left]: paddingLeft,\n                [PaddingsDirections.right]: paddingRight,\n            }}\n            style={containerStyle}\n        >\n            <YFMWrapper\n                content={text}\n                contentClassName={b('text')}\n                tagName=\"div\"\n                modifiers={{\n                    blog: true,\n                    resetPaddings: true,\n                }}\n            />\n            <PCAuthor\n                type={isMobile ? AuthorType.Column : AuthorType.Line}\n                author={author}\n                className={b('author')}\n                authorContainerClassName={b('avatar')}\n            />\n        </Wrapper>\n    );\n};\n"]}

package/build/cjs/blocks/Take/schema.d.ts

@@ -0,0 +1,96 @@
+export declare const Take: {
+    "blog-take-block": {
+        type: string;
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            text: {
+                type: string;
+                contentType: string;
+            };
+            author: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    firstName: {
+                        type: string;
+                        contentType: string;
+                    };
+                    secondName: {
+                        type: string;
+                        contentType: string;
+                    };
+                    description: {
+                        type: string;
+                        contentType: string;
+                    };
+                    avatar: {
+                        type: string;
+                    };
+                };
+            };
+            paddingTop: {
+                type: string;
+                enum: string[];
+            };
+            paddingBottom: {
+                type: string;
+                enum: string[];
+            };
+            fullWidth: {
+                type: string;
+            };
+            column: {
+                type: string;
+                enum: string[];
+            };
+            qa: {
+                type: string;
+            };
+            anchor: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    urlTitle: {
+                        type: string;
+                    };
+                };
+            };
+            visible: {
+                type: string;
+                enum: string[];
+            };
+            resetPaddings: {
+                type: string;
+            };
+            context: {
+                type: string;
+            };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

package/build/cjs/blocks/Take/schema.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Take = void 0;
+const page_constructor_1 = require("@gravity-ui/page-constructor");
+const common_1 = require("../../models/common.js");
+const common_2 = require("../../schema/common.js");
+const { common: { BlockBaseProps }, } = page_constructor_1.validators;
+exports.Take = {
+    [common_1.BlockType.Take]: {
+        type: 'object',
+        additionalProperties: false,
+        required: ['text', 'author'],
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), common_2.BlogBlockBase), { text: { type: 'string', contentType: 'text' }, author: {
+                type: 'object',
+                additionalProperties: false,
+                required: ['firstName', 'secondName'],
+                properties: {
+                    firstName: { type: 'string', contentType: 'text' },
+                    secondName: { type: 'string', contentType: 'text' },
+                    description: { type: 'string', contentType: 'yfm' },
+                    avatar: { type: 'string' },
+                },
+            } }),
+    },
+};
+//# sourceMappingURL=schema.js.map

package/build/cjs/blocks/Take/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Take/schema.ts"],"names":[],"mappings":";;;AAAA,mEAAwD;AAExD,mDAA8C;AAC9C,mDAAkD;AAElD,MAAM,EACF,MAAM,EAAE,EAAC,cAAc,EAAC,GAC3B,GAAG,6BAAU,CAAC;AAEF,QAAA,IAAI,GAAG;IAChB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE;QACd,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;QAC5B,UAAU,gDACH,cAAc,GACd,sBAAa,KAChB,IAAI,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAC,EAC3C,MAAM,EAAE;gBACJ,IAAI,EAAE,QAAQ;gBACd,oBAAoB,EAAE,KAAK;gBAC3B,QAAQ,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC;gBACrC,UAAU,EAAE;oBACR,SAAS,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAC;oBAChD,UAAU,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAC;oBACjD,WAAW,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAC;oBACjD,MAAM,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC;iBAC3B;aACJ,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {validators} from '@gravity-ui/page-constructor';\n\nimport {BlockType} from '../../models/common';\nimport {BlogBlockBase} from '../../schema/common';\n\nconst {\n    common: {BlockBaseProps},\n} = validators;\n\nexport const Take = {\n    [BlockType.Take]: {\n        type: 'object',\n        additionalProperties: false,\n        required: ['text', 'author'],\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n            text: {type: 'string', contentType: 'text'},\n            author: {\n                type: 'object',\n                additionalProperties: false,\n                required: ['firstName', 'secondName'],\n                properties: {\n                    firstName: {type: 'string', contentType: 'text'},\n                    secondName: {type: 'string', contentType: 'text'},\n                    description: {type: 'string', contentType: 'yfm'},\n                    avatar: {type: 'string'},\n                },\n            },\n        },\n    },\n};\n"]}

package/build/cjs/components/Wrapper/Wrapper.css

@@ -6,6 +6,9 @@ unpredictable css rules order in build */
 .bc-wrapper_padding-top_s {
   padding-top: 16px;
 }
+.bc-wrapper_padding-top_sm {
+  padding-top: 24px;
+}
 .bc-wrapper_padding-top_m {
   padding-top: 32px;
 }
@@ -21,6 +24,9 @@ unpredictable css rules order in build */
 .bc-wrapper_padding-bottom_s {
   padding-bottom: 16px;
 }
+.bc-wrapper_padding-bottom_sm {
+  padding-bottom: 24px;
+}
 .bc-wrapper_padding-bottom_m {
   padding-bottom: 32px;
 }
@@ -29,4 +35,40 @@ unpredictable css rules order in build */
 }
 .bc-wrapper_padding-bottom_xl {
   padding-bottom: 64px;
+}
+.bc-wrapper_padding-left_xs {
+  padding-left: 0px;
+}
+.bc-wrapper_padding-left_s {
+  padding-left: 16px;
+}
+.bc-wrapper_padding-left_sm {
+  padding-left: 24px;
+}
+.bc-wrapper_padding-left_m {
+  padding-left: 32px;
+}
+.bc-wrapper_padding-left_l {
+  padding-left: 48px;
+}
+.bc-wrapper_padding-left_xl {
+  padding-left: 64px;
+}
+.bc-wrapper_padding-right_xs {
+  padding-right: 0px;
+}
+.bc-wrapper_padding-right_s {
+  padding-right: 16px;
+}
+.bc-wrapper_padding-right_sm {
+  padding-right: 24px;
+}
+.bc-wrapper_padding-right_m {
+  padding-right: 32px;
+}
+.bc-wrapper_padding-right_l {
+  padding-right: 48px;
+}
+.bc-wrapper_padding-right_xl {
+  padding-right: 64px;
 }

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

@@ -4,6 +4,7 @@ import { Paddings } from "../../models/paddings.js";
 type WrapperProps = ClassNameProps & QAProps & {
     paddings?: Paddings;
     children?: React.ReactNode;
+    style?: React.CSSProperties;
 };
 export declare const Wrapper: React.FunctionComponent<WrapperProps>;
 export {};

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

@@ -5,11 +5,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const constants_1 = require("../../constants.js");
 const cn_1 = require("../../utils/cn.js");
 const b = (0, cn_1.block)('wrapper');
-const Wrapper = ({ children, paddings = constants_1.DEFAULT_PADDINGS, className, qa, }) => ((0, jsx_runtime_1.jsx)("section", { className: b({
+const Wrapper = ({ children, paddings = constants_1.DEFAULT_PADDINGS, className, qa, style, }) => ((0, jsx_runtime_1.jsx)("section", { className: b({
         ['padding-top']: (paddings === null || paddings === void 0 ? void 0 : paddings.top) || 'xs',
         ['padding-bottom']: (paddings === null || paddings === void 0 ? void 0 : paddings.bottom) || 'l',
         ['padding-left']: (paddings === null || paddings === void 0 ? void 0 : paddings.left) || '',
         ['padding-right']: (paddings === null || paddings === void 0 ? void 0 : paddings.right) || '',
-    }, className), "data-qa": qa, children: children }));
+    }, className), "data-qa": qa, style: style, children: children }));
 exports.Wrapper = Wrapper;
 //# sourceMappingURL=Wrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Wrapper.js","sourceRoot":"../../../../src","sources":["components/Wrapper/Wrapper.tsx"],"names":[],"mappings":";;;;AAEA,kDAAiD;AAGjD,0CAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,SAAS,CAAC,CAAC;AAQpB,MAAM,OAAO,GAA0C,CAAC,EAC3D,QAAQ,EACR,QAAQ,GAAG,4BAAgB,EAC3B,SAAS,EACT,EAAE,GACL,EAAE,EAAE,CAAC,CACF,oCACI,SAAS,EAAE,CAAC,CACR;QACI,CAAC,aAAa,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,KAAI,IAAI;QACtC,CAAC,gBAAgB,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,KAAI,GAAG;QAC3C,CAAC,cAAc,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,KAAI,EAAE;QACtC,CAAC,eAAe,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,KAAI,EAAE;KAC3C,EACD,SAAS,CACZ,aACQ,EAAE,YAEV,QAAQ,GACH,CACb,CAAC;AApBW,QAAA,OAAO,WAoBlB","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_PADDINGS} from '../../constants';\nimport {ClassNameProps, QAProps} from '../../models/common';\nimport {Paddings} from '../../models/paddings';\nimport {block} from '../../utils/cn';\n\nimport './Wrapper.scss';\n\nconst b = block('wrapper');\n\ntype WrapperProps = ClassNameProps &\n    QAProps & {\n        paddings?: Paddings;\n        children?: React.ReactNode;\n    };\n\nexport const Wrapper: React.FunctionComponent<WrapperProps> = ({\n    children,\n    paddings = DEFAULT_PADDINGS,\n    className,\n    qa,\n}) => (\n    <section\n        className={b(\n            {\n                ['padding-top']: paddings?.top || 'xs',\n                ['padding-bottom']: paddings?.bottom || 'l',\n                ['padding-left']: paddings?.left || '',\n                ['padding-right']: paddings?.right || '',\n            },\n            className,\n        )}\n        data-qa={qa}\n    >\n        {children}\n    </section>\n);\n"]}
+{"version":3,"file":"Wrapper.js","sourceRoot":"../../../../src","sources":["components/Wrapper/Wrapper.tsx"],"names":[],"mappings":";;;;AAEA,kDAAiD;AAGjD,0CAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,SAAS,CAAC,CAAC;AASpB,MAAM,OAAO,GAA0C,CAAC,EAC3D,QAAQ,EACR,QAAQ,GAAG,4BAAgB,EAC3B,SAAS,EACT,EAAE,EACF,KAAK,GACR,EAAE,EAAE,CAAC,CACF,oCACI,SAAS,EAAE,CAAC,CACR;QACI,CAAC,aAAa,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,KAAI,IAAI;QACtC,CAAC,gBAAgB,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,KAAI,GAAG;QAC3C,CAAC,cAAc,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,KAAI,EAAE;QACtC,CAAC,eAAe,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,KAAI,EAAE;KAC3C,EACD,SAAS,CACZ,aACQ,EAAE,EACX,KAAK,EAAE,KAAK,YAEX,QAAQ,GACH,CACb,CAAC;AAtBW,QAAA,OAAO,WAsBlB","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_PADDINGS} from '../../constants';\nimport {ClassNameProps, QAProps} from '../../models/common';\nimport {Paddings} from '../../models/paddings';\nimport {block} from '../../utils/cn';\n\nimport './Wrapper.scss';\n\nconst b = block('wrapper');\n\ntype WrapperProps = ClassNameProps &\n    QAProps & {\n        paddings?: Paddings;\n        children?: React.ReactNode;\n        style?: React.CSSProperties;\n    };\n\nexport const Wrapper: React.FunctionComponent<WrapperProps> = ({\n    children,\n    paddings = DEFAULT_PADDINGS,\n    className,\n    qa,\n    style,\n}) => (\n    <section\n        className={b(\n            {\n                ['padding-top']: paddings?.top || 'xs',\n                ['padding-bottom']: paddings?.bottom || 'l',\n                ['padding-left']: paddings?.left || '',\n                ['padding-right']: paddings?.right || '',\n            },\n            className,\n        )}\n        data-qa={qa}\n        style={style}\n    >\n        {children}\n    </section>\n);\n"]}

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

@@ -12,6 +12,8 @@ declare const _default: {
         "blog-feed-block": ({ image }: import("../models/blocks.js").FeedProps) => import("react/jsx-runtime").JSX.Element;
         "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks.js").FormProps) => import("react/jsx-runtime").JSX.Element | null;
         "blog-compact-media-block": ({ paddingBottom, paddingTop, description, paddingRight, paddingLeft, image, }: import("../models/blocks.js").CompactMediaProps) => import("react/jsx-runtime").JSX.Element;
+        "blog-take-block": (props: import("../models/blocks.js").TakeProps) => import("react/jsx-runtime").JSX.Element;
+        "blog-side-card-list-block": ({ title, items, paddingTop, paddingBottom }: import("../models/blocks.js").SideCardListProps) => import("react/jsx-runtime").JSX.Element;
     };
     headers: {
         "blog-header-block": (props: import("../models/blocks.js").HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/constructor/blocksMap.js

@@ -11,7 +11,9 @@ const Header_1 = require("../blocks/Header/Header.js");
 const Layout_1 = require("../blocks/Layout/Layout.js");
 const Media_1 = require("../blocks/Media/Media.js");
 const Meta_1 = require("../blocks/Meta/Meta.js");
+const SideCardList_1 = require("../blocks/SideCardList/SideCardList.js");
 const Suggest_1 = require("../blocks/Suggest/Suggest.js");
+const Take_1 = require("../blocks/Take/Take.js");
 const YFM_1 = require("../blocks/YFM/YFM.js");
 const common_1 = require("../models/common.js");
 const blocks = {
@@ -27,6 +29,8 @@ const blocks = {
     [common_1.BlockType.Feed]: Feed_1.Feed,
     [common_1.BlockType.Form]: Form_1.Form,
     [common_1.BlockType.CompactMedia]: CompactMedia_1.CompactMedia,
+    [common_1.BlockType.Take]: Take_1.Take,
+    [common_1.BlockType.SideCardList]: SideCardList_1.SideCardList,
 };
 const headers = {
     [common_1.BlockType.Header]: Header_1.Header,

package/build/cjs/constructor/blocksMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"blocksMap.js","sourceRoot":"../../../src","sources":["constructor/blocksMap.ts"],"names":[],"mappings":";;AAAA,uDAA+C;AAC/C,uDAA+C;AAC/C,8CAAsC;AACtC,sEAA8D;AAC9D,yEAAiE;AACjE,iDAAyC;AACzC,iDAAyC;AACzC,uDAA+C;AAC/C,uDAA+C;AAC/C,oDAA4C;AAC5C,iDAAyC;AACzC,0DAAkD;AAClD,8CAAsC;AACtC,gDAA2C;AAE3C,MAAM,MAAM,GAAG;IACX,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,SAAG;IACpB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,aAAK;IACxB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,SAAG;IACpB,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,yBAAW;IACpC,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,iBAAO;IAC5B,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,YAAY,CAAC,EAAE,2BAAY;CACzC,CAAC;AAEF,MAAM,OAAO,GAAG;IACZ,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;CAC7B,CAAC;AAEF,kBAAe,EAAC,MAAM,EAAE,OAAO,EAAC,CAAC","sourcesContent":["import {Author} from '../blocks/Author/Author';\nimport {Banner} from '../blocks/Banner/Banner';\nimport {CTA} from '../blocks/CTA/CTA';\nimport {ColoredText} from '../blocks/ColoredText/ColoredText';\nimport {CompactMedia} from '../blocks/CompactMedia/CompactMedia';\nimport {Feed} from '../blocks/Feed/Feed';\nimport {Form} from '../blocks/Form/Form';\nimport {Header} from '../blocks/Header/Header';\nimport {Layout} from '../blocks/Layout/Layout';\nimport {Media} from '../blocks/Media/Media';\nimport {Meta} from '../blocks/Meta/Meta';\nimport {Suggest} from '../blocks/Suggest/Suggest';\nimport {YFM} from '../blocks/YFM/YFM';\nimport {BlockType} from '../models/common';\n\nconst blocks = {\n    [BlockType.YFM]: YFM,\n    [BlockType.Layout]: Layout,\n    [BlockType.Media]: Media,\n    [BlockType.Banner]: Banner,\n    [BlockType.CTA]: CTA,\n    [BlockType.ColoredText]: ColoredText,\n    [BlockType.Author]: Author,\n    [BlockType.Suggest]: Suggest,\n    [BlockType.Meta]: Meta,\n    [BlockType.Feed]: Feed,\n    [BlockType.Form]: Form,\n    [BlockType.CompactMedia]: CompactMedia,\n};\n\nconst headers = {\n    [BlockType.Header]: Header,\n};\n\nexport default {blocks, headers};\n"]}
+{"version":3,"file":"blocksMap.js","sourceRoot":"../../../src","sources":["constructor/blocksMap.ts"],"names":[],"mappings":";;AAAA,uDAA+C;AAC/C,uDAA+C;AAC/C,8CAAsC;AACtC,sEAA8D;AAC9D,yEAAiE;AACjE,iDAAyC;AACzC,iDAAyC;AACzC,uDAA+C;AAC/C,uDAA+C;AAC/C,oDAA4C;AAC5C,iDAAyC;AACzC,yEAAiE;AACjE,0DAAkD;AAClD,iDAAyC;AACzC,8CAAsC;AACtC,gDAA2C;AAE3C,MAAM,MAAM,GAAG;IACX,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,SAAG;IACpB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,aAAK;IACxB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,SAAG;IACpB,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,yBAAW;IACpC,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,iBAAO;IAC5B,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,YAAY,CAAC,EAAE,2BAAY;IACtC,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,YAAY,CAAC,EAAE,2BAAY;CACzC,CAAC;AAEF,MAAM,OAAO,GAAG;IACZ,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;CAC7B,CAAC;AAEF,kBAAe,EAAC,MAAM,EAAE,OAAO,EAAC,CAAC","sourcesContent":["import {Author} from '../blocks/Author/Author';\nimport {Banner} from '../blocks/Banner/Banner';\nimport {CTA} from '../blocks/CTA/CTA';\nimport {ColoredText} from '../blocks/ColoredText/ColoredText';\nimport {CompactMedia} from '../blocks/CompactMedia/CompactMedia';\nimport {Feed} from '../blocks/Feed/Feed';\nimport {Form} from '../blocks/Form/Form';\nimport {Header} from '../blocks/Header/Header';\nimport {Layout} from '../blocks/Layout/Layout';\nimport {Media} from '../blocks/Media/Media';\nimport {Meta} from '../blocks/Meta/Meta';\nimport {SideCardList} from '../blocks/SideCardList/SideCardList';\nimport {Suggest} from '../blocks/Suggest/Suggest';\nimport {Take} from '../blocks/Take/Take';\nimport {YFM} from '../blocks/YFM/YFM';\nimport {BlockType} from '../models/common';\n\nconst blocks = {\n    [BlockType.YFM]: YFM,\n    [BlockType.Layout]: Layout,\n    [BlockType.Media]: Media,\n    [BlockType.Banner]: Banner,\n    [BlockType.CTA]: CTA,\n    [BlockType.ColoredText]: ColoredText,\n    [BlockType.Author]: Author,\n    [BlockType.Suggest]: Suggest,\n    [BlockType.Meta]: Meta,\n    [BlockType.Feed]: Feed,\n    [BlockType.Form]: Form,\n    [BlockType.CompactMedia]: CompactMedia,\n    [BlockType.Take]: Take,\n    [BlockType.SideCardList]: SideCardList,\n};\n\nconst headers = {\n    [BlockType.Header]: Header,\n};\n\nexport default {blocks, headers};\n"]}

package/build/cjs/hooks/useExtendedComponentMap.d.ts

@@ -14,6 +14,8 @@ export declare const useExtendedComponentMap: (custom: CustomConfig | undefined)
         "blog-feed-block": ({ image }: import("../models/blocks.js").FeedProps) => import("react/jsx-runtime").JSX.Element;
         "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks.js").FormProps) => import("react/jsx-runtime").JSX.Element | null;
         "blog-compact-media-block": ({ paddingBottom, paddingTop, description, paddingRight, paddingLeft, image, }: import("../models/blocks.js").CompactMediaProps) => import("react/jsx-runtime").JSX.Element;
+        "blog-take-block": (props: import("../models/blocks.js").TakeProps) => import("react/jsx-runtime").JSX.Element;
+        "blog-side-card-list-block": ({ title, items, paddingTop, paddingBottom }: import("../models/blocks.js").SideCardListProps) => import("react/jsx-runtime").JSX.Element;
     };
     headers: {
         "blog-header-block": (props: import("../models/blocks.js").HeaderProps) => import("react/jsx-runtime").JSX.Element;