@gravity-ui/blog-constructor 8.2.0 → 8.4.0

package/build/esm/blocks/CompactMedia/CompactMedia.css

@@ -0,0 +1,27 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-compact-media__container {
+  max-width: 296px;
+}
+.bc-compact-media__media {
+  max-width: 232px;
+  padding: 8px 0;
+}
+.bc-compact-media__image {
+  object-fit: contain;
+  object-position: left;
+  max-height: 88px;
+  max-width: 232px;
+  width: auto;
+}
+@media (max-width: 1081px) {
+  .bc-compact-media__container {
+    max-width: none;
+    width: 50%;
+  }
+}
+@media (max-width: 577px) {
+  .bc-compact-media__container {
+    width: 100%;
+  }
+}

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

@@ -0,0 +1,3 @@
+import { CompactMediaProps } from "../../models/blocks.js";
+import './CompactMedia.css';
+export declare const CompactMedia: ({ paddingBottom, paddingTop, description, paddingRight, paddingLeft, image, }: CompactMediaProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/blocks/CompactMedia/CompactMedia.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Media as PCMedia, YFMWrapper } from '@gravity-ui/page-constructor';
+import { Wrapper } from "../../components/Wrapper/Wrapper.js";
+import { PaddingsDirections } from "../../models/paddings.js";
+import { block } from "../../utils/cn.js";
+import './CompactMedia.css';
+const b = block('compact-media');
+export const CompactMedia = ({ paddingBottom, paddingTop, description, paddingRight, paddingLeft, image, }) => {
+    return (_jsxs(Wrapper, { paddings: {
+            [PaddingsDirections.top]: paddingTop,
+            [PaddingsDirections.bottom]: paddingBottom,
+            [PaddingsDirections.left]: paddingLeft,
+            [PaddingsDirections.right]: paddingRight,
+        }, className: b('container'), children: [_jsx(PCMedia, { className: b('media'), imageClassName: b('image'), image: image }), description && (_jsx("div", { className: b('text-content'), children: _jsx(YFMWrapper, { content: description, modifiers: {
+                        blog: true,
+                        resetPaddings: true,
+                    } }) }))] }));
+};
+//# sourceMappingURL=CompactMedia.js.map

package/build/esm/blocks/CompactMedia/CompactMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactMedia.js","sourceRoot":"../../../../src","sources":["blocks/CompactMedia/CompactMedia.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,IAAI,OAAO,EAAE,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAE1E,OAAO,EAAC,OAAO,EAAC,4CAAyC;AAEzD,OAAO,EAAC,kBAAkB,EAAC,iCAA8B;AACzD,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AACjC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,aAAa,EACb,UAAU,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,KAAK,GACW,EAAE,EAAE;IACpB,OAAO,CACH,MAAC,OAAO,IACJ,QAAQ,EAAE;YACN,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;YAC1C,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,WAAW;YACtC,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,YAAY;SAC3C,EACD,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAEzB,KAAC,OAAO,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,EAC3E,WAAW,IAAI,CACZ,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAC7B,KAAC,UAAU,IACP,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE;wBACP,IAAI,EAAE,IAAI;wBACV,aAAa,EAAE,IAAI;qBACtB,GACH,GACA,CACT,IACK,CACb,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {Media as PCMedia, YFMWrapper} from '@gravity-ui/page-constructor';\n\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {CompactMediaProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {block} from '../../utils/cn';\n\nimport './CompactMedia.scss';\n\nconst b = block('compact-media');\nexport const CompactMedia = ({\n    paddingBottom,\n    paddingTop,\n    description,\n    paddingRight,\n    paddingLeft,\n    image,\n}: CompactMediaProps) => {\n    return (\n        <Wrapper\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n                [PaddingsDirections.left]: paddingLeft,\n                [PaddingsDirections.right]: paddingRight,\n            }}\n            className={b('container')}\n        >\n            <PCMedia className={b('media')} imageClassName={b('image')} image={image} />\n            {description && (\n                <div className={b('text-content')}>\n                    <YFMWrapper\n                        content={description}\n                        modifiers={{\n                            blog: true,\n                            resetPaddings: true,\n                        }}\n                    />\n                </div>\n            )}\n        </Wrapper>\n    );\n};\n"]}

package/build/esm/blocks/CompactMedia/schema.d.ts

@@ -0,0 +1,135 @@
+export declare const CompactMedia: {
+    "blog-compact-media-block": {
+        type: string;
+        additionalProperties: boolean;
+        properties: {
+            image: {
+                oneOf: ({
+                    optionName: string;
+                    oneOf: ({
+                        type: string;
+                        properties: {
+                            when: {
+                                type: string;
+                            };
+                        };
+                    } | {
+                        type: string;
+                        pattern: string;
+                        optionName: string;
+                        items?: undefined;
+                    } | {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        optionName: string;
+                        pattern?: undefined;
+                    })[];
+                    type?: undefined;
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        oneOf: ({
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        } | {
+                            type: string;
+                            pattern: string;
+                            optionName: string;
+                            items?: undefined;
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                properties: {
+                                    when: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            optionName: string;
+                            pattern?: undefined;
+                        })[];
+                    };
+                    optionName: string;
+                })[];
+            };
+            description: {
+                type: string;
+                contentType: 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/esm/blocks/CompactMedia/schema.js

@@ -0,0 +1,15 @@
+import { validators } from '@gravity-ui/page-constructor';
+import { BlockType } from "../../models/common.js";
+import { BlogBlockBase } from "../../schema/common.js";
+const { common: { BlockBaseProps, MediaProps }, } = validators;
+export const CompactMedia = {
+    [BlockType.CompactMedia]: {
+        type: 'object',
+        additionalProperties: false,
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), BlogBlockBase), { image: MediaProps['image'], description: {
+                type: 'string',
+                contentType: 'text',
+            } }),
+    },
+};
+//# sourceMappingURL=schema.js.map

package/build/esm/blocks/CompactMedia/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/CompactMedia/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAC,SAAS,EAAC,+BAA4B;AAC9C,OAAO,EAAC,aAAa,EAAC,+BAA4B;AAElD,MAAM,EACF,MAAM,EAAE,EAAC,cAAc,EAAE,UAAU,EAAC,GACvC,GAAG,UAAU,CAAC;AAEf,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE;QACtB,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,UAAU,gDACH,cAAc,GACd,aAAa,KAChB,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,EAC1B,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,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, MediaProps},\n} = validators;\n\nexport const CompactMedia = {\n    [BlockType.CompactMedia]: {\n        type: 'object',\n        additionalProperties: false,\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n            image: MediaProps['image'],\n            description: {\n                type: 'string',\n                contentType: 'text',\n            },\n        },\n    },\n};\n"]}

package/build/esm/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/esm/blocks/SideCardList/SideCardList.d.ts

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

package/build/esm/blocks/SideCardList/SideCardList.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CardBase, Media as PCMedia, YFMWrapper } from '@gravity-ui/page-constructor';
+import { Wrapper } from "../../components/Wrapper/Wrapper.js";
+import { PaddingsDirections } from "../../models/paddings.js";
+import { block } from "../../utils/cn.js";
+import './SideCardList.css';
+const b = block('side-card-list');
+export const SideCardList = ({ title, items, paddingTop, paddingBottom }) => {
+    return (_jsxs(Wrapper, { paddings: {
+            [PaddingsDirections.top]: paddingTop,
+            [PaddingsDirections.bottom]: paddingBottom,
+        }, className: b('container'), children: [title && _jsx("div", { className: b('title'), children: title }), _jsx("div", { className: b('items'), children: items.map(({ url, description, image }, index) => (_jsx(CardBase, { url: url, className: b('item'), children: _jsxs(CardBase.Content, { children: [_jsx(PCMedia, { className: b('item-media'), imageClassName: b('item-image'), image: image }), description && (_jsx("div", { className: b('item-description'), children: _jsx(YFMWrapper, { content: description, modifiers: {
+                                        blog: true,
+                                        resetPaddings: true,
+                                    } }) }))] }) }, index))) })] }));
+};
+export default SideCardList;
+//# sourceMappingURL=SideCardList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SideCardList.js","sourceRoot":"../../../../src","sources":["blocks/SideCardList/SideCardList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAE,KAAK,IAAI,OAAO,EAAE,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAEpF,OAAO,EAAC,OAAO,EAAC,4CAAyC;AAEzD,OAAO,EAAC,kBAAkB,EAAC,iCAA8B;AACzD,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAElC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAoB,EAAE,EAAE;IACzF,OAAO,CACH,MAAC,OAAO,IACJ,QAAQ,EAAE;YACN,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;SAC7C,EACD,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAExB,KAAK,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAO,EACnD,cAAK,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,KAAC,QAAQ,IAAa,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAChD,MAAC,QAAQ,CAAC,OAAO,eACb,KAAC,OAAO,IACJ,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAC1B,cAAc,EAAE,CAAC,CAAC,YAAY,CAAC,EAC/B,KAAK,EAAE,KAAK,GACd,EACD,WAAW,IAAI,CACZ,cAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,YACjC,KAAC,UAAU,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;AAEF,eAAe,YAAY,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/esm/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/esm/blocks/SideCardList/schema.js

@@ -0,0 +1,34 @@
+import { validators } from '@gravity-ui/page-constructor';
+import { BlockType } from "../../models/common.js";
+import { BlogBlockBase } from "../../schema/common.js";
+const { common: { BlockBaseProps }, } = validators;
+export const SideCardList = {
+    [BlockType.SideCardList]: {
+        type: 'object',
+        additionalProperties: false,
+        required: ['items'],
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), 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/esm/blocks/SideCardList/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/SideCardList/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAC,SAAS,EAAC,+BAA4B;AAC9C,OAAO,EAAC,aAAa,EAAC,+BAA4B;AAElD,MAAM,EACF,MAAM,EAAE,EAAC,cAAc,EAAC,GAC3B,GAAG,UAAU,CAAC;AAEf,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE;QACtB,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,gDACH,cAAc,GACd,aAAa,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/esm/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/esm/blocks/Take/Take.d.ts

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

package/build/esm/blocks/Take/Take.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { AuthorType, Author as PCAuthor, YFMWrapper } from '@gravity-ui/page-constructor';
+import { Wrapper } from "../../components/Wrapper/Wrapper.js";
+import { MobileContext } from "../../contexts/MobileContext.js";
+import { PaddingsDirections } from "../../models/paddings.js";
+import { block } from "../../utils/cn.js";
+import './Take.css';
+const b = block('take');
+export const Take = (props) => {
+    const { paddingTop, paddingBottom, paddingLeft, paddingRight, text, author, color, noBackground, } = props;
+    const isMobile = React.useContext(MobileContext);
+    const containerStyle = color ? { '--take-color': color } : undefined;
+    return (_jsxs(Wrapper, { className: b('container', { noBackground }), paddings: {
+            [PaddingsDirections.top]: paddingTop,
+            [PaddingsDirections.bottom]: paddingBottom,
+            [PaddingsDirections.left]: paddingLeft,
+            [PaddingsDirections.right]: paddingRight,
+        }, style: containerStyle, children: [_jsx(YFMWrapper, { content: text, contentClassName: b('text'), tagName: "div", modifiers: {
+                    blog: true,
+                    resetPaddings: true,
+                } }), _jsx(PCAuthor, { type: isMobile ? AuthorType.Column : AuthorType.Line, author: author, className: b('author'), authorContainerClassName: b('avatar') })] }));
+};
+//# sourceMappingURL=Take.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Take.js","sourceRoot":"../../../../src","sources":["blocks/Take/Take.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,UAAU,EAAE,MAAM,IAAI,QAAQ,EAAE,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExF,OAAO,EAAC,OAAO,EAAC,4CAAyC;AACzD,OAAO,EAAC,aAAa,EAAC,wCAAqC;AAE3D,OAAO,EAAC,kBAAkB,EAAC,iCAA8B;AACzD,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,YAAY,CAAC;AAEpB,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAExB,MAAM,CAAC,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,aAAa,CAAC,CAAC;IAEjD,MAAM,cAAc,GAAG,KAAK,CAAC,CAAC,CAAE,EAAC,cAAc,EAAE,KAAK,EAAyB,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5F,OAAO,CACH,MAAC,OAAO,IACJ,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,EAAC,YAAY,EAAC,CAAC,EACzC,QAAQ,EAAE;YACN,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;YAC1C,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,WAAW;YACtC,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,YAAY;SAC3C,EACD,KAAK,EAAE,cAAc,aAErB,KAAC,UAAU,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,KAAC,QAAQ,IACL,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,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","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/esm/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/esm/blocks/Take/schema.js

@@ -0,0 +1,23 @@
+import { validators } from '@gravity-ui/page-constructor';
+import { BlockType } from "../../models/common.js";
+import { BlogBlockBase } from "../../schema/common.js";
+const { common: { BlockBaseProps }, } = validators;
+export const Take = {
+    [BlockType.Take]: {
+        type: 'object',
+        additionalProperties: false,
+        required: ['text', 'author'],
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), 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