@doyourjob/gravity-ui-page-constructor 5.31.142-dev.1 → 5.31.142-dev.3

package/build/cjs/blocks/Benefits/Benefits.css

@@ -0,0 +1,76 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-benefits-block {
+  position: relative;
+  z-index: 0;
+  --local-base-color: #001a2b;
+  --local-bg-color: #ffffff;
+}
+.pc-benefits-block_theme_dark {
+  --local-base-color: #ffffff;
+  --local-bg-color: #001a2b;
+}
+.pc-benefits-block__background {
+  position: absolute;
+  top: 0;
+  left: -27px;
+  right: -27px;
+  bottom: 0;
+  z-index: -1;
+  border-radius: 40px;
+}
+.pc-benefits-block__header {
+  padding-top: 48px;
+  margin-bottom: 32px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.pc-benefits-block__title {
+  color: var(--local-base-color);
+  font-size: 48px;
+  line-height: 52px;
+  font-weight: 600;
+  text-align: center;
+}
+.pc-benefits-block__title > span {
+  color: var(--local-accent-color);
+}
+.pc-benefits-block__text {
+  color: var(--local-base-color);
+  font-size: 24px;
+  line-height: 28px;
+  text-align: center;
+  opacity: 0.6;
+}
+.pc-benefits-block__text p {
+  margin: 0;
+}
+.pc-benefits-block__cards {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  padding-bottom: 64px;
+}
+.pc-benefits-block__labels {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+.pc-benefits-block__images {
+  display: grid;
+  grid-template-columns: repeat(12, 1fr);
+  grid-auto-rows: 300px;
+  gap: 12px;
+  padding-top: 12px;
+  padding-bottom: 27px;
+}
+.pc-benefits-block__image {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 24px;
+}

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

@@ -0,0 +1,3 @@
+import { BenefitsBlockProps } from '../../models';
+export declare const BenefitsBlock: (props: BenefitsBlockProps) => JSX.Element;
+export default BenefitsBlock;

package/build/cjs/blocks/Benefits/Benefits.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BenefitsBlock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const BenefitsCard_1 = tslib_1.__importDefault(require("./BenefitsCard/BenefitsCard"));
+const BenefitsLabel_1 = tslib_1.__importDefault(require("./BenefitsLabel/BenefitsLabel"));
+const b = (0, utils_1.block)('benefits-block');
+const BenefitsBlock = (props) => {
+    const { titleOne, postTitleOne, textOne, titleTwo, postTitleTwo, textTwo, background, cards, items, theme, accentColor, time, } = props;
+    const [activeIndex, setActiveIndex] = (0, react_1.useState)(0);
+    const data = items === null || items === void 0 ? void 0 : items[activeIndex];
+    (0, react_1.useEffect)(() => {
+        const interval = setInterval(() => {
+            if (items === null || items === void 0 ? void 0 : items.length) {
+                setActiveIndex((prev) => (prev + 1) % items.length);
+            }
+        }, time || 2000);
+        return () => clearInterval(interval);
+    }, [items === null || items === void 0 ? void 0 : items.length, time]);
+    const styles = (0, react_1.useMemo)(() => accentColor
+        ? {
+            ['--local-accent-color']: accentColor,
+        }
+        : {}, [accentColor]);
+    return (react_1.default.createElement("div", { className: b({ theme }), style: styles },
+        react_1.default.createElement("div", { className: b('background'), style: { background } }),
+        (titleOne || postTitleOne || textOne) && (react_1.default.createElement("div", { className: b('header') },
+            (titleOne || postTitleOne) && (react_1.default.createElement("div", { className: b('title') },
+                titleOne,
+                react_1.default.createElement("span", null, postTitleOne))),
+            textOne && react_1.default.createElement(components_1.HTML, { className: b('text') }, textOne))),
+        Boolean(cards === null || cards === void 0 ? void 0 : cards.length) && (react_1.default.createElement("div", { className: b('cards') }, cards === null || cards === void 0 ? void 0 : cards.map((card, index) => (react_1.default.createElement(BenefitsCard_1.default, Object.assign({ key: index }, card)))))),
+        (titleTwo || postTitleTwo || textTwo) && (react_1.default.createElement("div", { className: b('header') },
+            (titleTwo || postTitleTwo) && (react_1.default.createElement("div", { className: b('title') },
+                titleTwo,
+                react_1.default.createElement("span", null, postTitleTwo))),
+            textTwo && react_1.default.createElement(components_1.HTML, { className: b('text') }, textTwo))),
+        Boolean(items === null || items === void 0 ? void 0 : items.length) && (react_1.default.createElement("div", { className: b('labels') }, items === null || items === void 0 ? void 0 : items.map((item, index) => (react_1.default.createElement(BenefitsLabel_1.default, Object.assign({ key: index }, item, { active: index === activeIndex })))))),
+        data && (react_1.default.createElement("div", { className: b('images') }, data.images.map((image, index) => (react_1.default.createElement("div", { key: index, style: {
+                gridColumn: `span ${data.columns[index]}`,
+                gridRow: `span ${data.rows[index]}`,
+            } },
+            react_1.default.createElement(components_1.ImageBase, { className: b('image'), src: image }))))))));
+};
+exports.BenefitsBlock = BenefitsBlock;
+exports.default = exports.BenefitsBlock;

package/build/cjs/blocks/Benefits/BenefitsCard/BenefitsCard.css

@@ -0,0 +1,31 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-benefits-card {
+  background-color: rgba(31, 47, 61, 0.3);
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 32px;
+  min-height: 360px;
+  min-width: 270px;
+  border-radius: 24px;
+  flex: 1;
+}
+.pc-benefits-card__icon {
+  display: block;
+  width: 64px;
+  height: 64px;
+  object-fit: contain;
+  margin-bottom: 24px;
+}
+.pc-benefits-card__title {
+  font-size: var(--g-text-header-2-font-size, var(--pc-text-header-2-font-size));
+  line-height: var(--g-text-header-2-line-height, var(--pc-text-header-2-line-height));
+  color: var(--local-accent-color);
+}
+.pc-benefits-card__text {
+  font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
+  line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
+  color: var(--local-base-color);
+  opacity: 0.8;
+}

package/build/cjs/blocks/Benefits/BenefitsCard/BenefitsCard.d.ts

@@ -0,0 +1,3 @@
+import { BenefitsBlockCard } from '../../../models';
+export declare const BenefitsCard: (props: BenefitsBlockCard) => JSX.Element;
+export default BenefitsCard;

package/build/cjs/blocks/Benefits/BenefitsCard/BenefitsCard.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BenefitsCard = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("../../../components");
+const utils_1 = require("../../../utils");
+const b = (0, utils_1.block)('benefits-card');
+const BenefitsCard = (props) => {
+    const { icon, title, text } = props;
+    return (react_1.default.createElement("div", { className: b() },
+        react_1.default.createElement(components_1.ImageBase, { className: b('icon'), src: icon }),
+        react_1.default.createElement("div", { className: b('title') }, title),
+        react_1.default.createElement("div", { className: b('text') }, text)));
+};
+exports.BenefitsCard = BenefitsCard;
+exports.default = exports.BenefitsCard;

package/build/cjs/blocks/Benefits/BenefitsLabel/BenefitsLabel.css

@@ -0,0 +1,30 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-benefits-label {
+  background-color: rgba(31, 47, 61, 0.3);
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 32px;
+  min-height: 158px;
+  min-width: 270px;
+  border-radius: 24px;
+  flex: 1;
+  border: 1px solid transparent;
+}
+.pc-benefits-label_active {
+  border: 1px solid var(--local-accent-color);
+}
+.pc-benefits-label__title {
+  font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
+  line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
+  color: var(--local-accent-color);
+  text-align: center;
+}
+.pc-benefits-label__text {
+  font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
+  line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
+  color: var(--local-base-color);
+  opacity: 0.8;
+  text-align: center;
+}

package/build/cjs/blocks/Benefits/BenefitsLabel/BenefitsLabel.d.ts

@@ -0,0 +1,6 @@
+import { BenefitsBlockItemLabel } from '../../../models';
+type BenefitsLabelProps = BenefitsBlockItemLabel & {
+    active?: boolean;
+};
+export declare const BenefitsLabel: (props: BenefitsLabelProps) => JSX.Element;
+export default BenefitsLabel;

package/build/cjs/blocks/Benefits/BenefitsLabel/BenefitsLabel.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BenefitsLabel = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const utils_1 = require("../../../utils");
+const b = (0, utils_1.block)('benefits-label');
+const BenefitsLabel = (props) => {
+    const { title, text, active } = props;
+    return (react_1.default.createElement("div", { className: b({ active }) },
+        react_1.default.createElement("div", { className: b('title') }, title),
+        react_1.default.createElement("div", { className: b('text') }, text)));
+};
+exports.BenefitsLabel = BenefitsLabel;
+exports.default = exports.BenefitsLabel;

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

@@ -0,0 +1,95 @@
+export declare const BenefitsBlock: {
+    'benefits-block': {
+        additionalProperties: boolean;
+        required: boolean;
+        properties: {
+            titleOne: {
+                type: string;
+            };
+            postTitleOne: {
+                type: string;
+            };
+            textOne: {
+                type: string;
+            };
+            titleTwo: {
+                type: string;
+            };
+            postTitleTwo: {
+                type: string;
+            };
+            textTwo: {
+                type: string;
+            };
+            background: {
+                type: string;
+            };
+            cards: {
+                type: string;
+                items: {
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        icon: {
+                            type: string;
+                        };
+                        title: {
+                            type: string;
+                        };
+                        text: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        title: {
+                            type: string;
+                        };
+                        text: {
+                            type: string;
+                        };
+                        images: {
+                            type: string;
+                            items: {
+                                type: string;
+                            };
+                        };
+                        columns: {
+                            type: string;
+                            items: {
+                                type: string;
+                            };
+                        };
+                        rows: {
+                            type: string;
+                            items: {
+                                type: string;
+                            };
+                        };
+                    };
+                };
+            };
+            theme: {
+                type: string;
+                enum: string[];
+            };
+            accentColor: {
+                type: string;
+            };
+            time: {
+                type: string;
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BenefitsBlock = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.BenefitsBlock = {
+    'benefits-block': {
+        additionalProperties: false,
+        required: false,
+        properties: Object.assign(Object.assign({}, common_1.BaseProps), { titleOne: { type: 'string' }, postTitleOne: { type: 'string' }, textOne: { type: 'string' }, titleTwo: { type: 'string' }, postTitleTwo: { type: 'string' }, textTwo: { type: 'string' }, background: { type: 'string' }, cards: {
+                type: 'array',
+                items: {
+                    additionalProperties: false,
+                    required: ['icon', 'title', 'text'],
+                    properties: {
+                        icon: { type: 'string' },
+                        title: { type: 'string' },
+                        text: { type: 'string' },
+                    },
+                },
+            }, items: {
+                type: 'array',
+                items: {
+                    type: 'object',
+                    additionalProperties: false,
+                    required: ['title', 'text'],
+                    properties: {
+                        title: { type: 'string' },
+                        text: { type: 'string' },
+                        images: {
+                            type: 'array',
+                            items: {
+                                type: 'string',
+                            },
+                        },
+                        columns: {
+                            type: 'array',
+                            items: {
+                                type: 'number',
+                            },
+                        },
+                        rows: {
+                            type: 'array',
+                            items: {
+                                type: 'number',
+                            },
+                        },
+                    },
+                },
+            }, theme: common_1.ThemeProps, accentColor: { type: 'string' }, time: { type: 'number' } }),
+    },
+};

package/build/cjs/blocks/Scroller/Scroller.css

@@ -0,0 +1,40 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-scroller-block__header {
+  margin-bottom: 72px;
+}
+.pc-scroller-block__title {
+  color: #001a2b;
+  font-size: 48px;
+  line-height: 52px;
+  font-weight: 600;
+  text-align: center;
+}
+.pc-scroller-block__text {
+  color: #001a2b;
+  margin-top: 16px;
+  font-size: 24px;
+  line-height: 28px;
+  text-align: center;
+}
+.pc-scroller-block__content {
+  position: relative;
+  gap: 16px;
+  display: flex;
+  flex-wrap: nowrap;
+  width: 100vw;
+  overflow: scroll;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+}
+.pc-scroller-block__content::-webkit-scrollbar {
+  display: none;
+}
+.pc-scroller-block__content_gapLong {
+  gap: 48px;
+}
+.pc-scroller-block__item {
+  position: relative;
+  z-index: 1;
+  flex: none;
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ScrollerBlockProps } from '../../models';
+export declare const ScrollerBlock: (props: React.PropsWithChildren<Omit<ScrollerBlockProps, 'children'>>) => JSX.Element;
+export default ScrollerBlock;

package/build/cjs/blocks/Scroller/Scroller.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollerBlock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('scroller-block');
+const ScrollerBlock = (props) => {
+    const { title, text, widths, gapLong, children } = props;
+    const rootRef = (0, react_1.useRef)(null);
+    const contentRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const updateSize = () => {
+            if (contentRef.current && rootRef.current) {
+                const space = (window.innerWidth - rootRef.current.clientWidth) / 2;
+                contentRef.current.style.setProperty('padding-left', `${space}px`);
+                contentRef.current.style.setProperty('padding-right', `${space}px`);
+                contentRef.current.style.setProperty('left', `${-space}px`);
+            }
+        };
+        updateSize();
+        window.addEventListener('resize', updateSize, { passive: true });
+        return () => {
+            window.removeEventListener('resize', updateSize);
+        };
+    }, []);
+    return (react_1.default.createElement("div", { className: b(), ref: rootRef },
+        (title || text) && (react_1.default.createElement("div", { className: b('header') },
+            title && react_1.default.createElement("div", { className: b('title') }, title),
+            text && react_1.default.createElement("div", { className: b('text') }, text))),
+        react_1.default.createElement("div", { className: b('content', { gapLong }), ref: contentRef }, react_1.default.Children.map(children, (child, index) => (react_1.default.createElement("div", { key: index, className: b('item'), style: { width: (widths === null || widths === void 0 ? void 0 : widths[index]) || '100%' } }, child))))));
+};
+exports.ScrollerBlock = ScrollerBlock;
+exports.default = exports.ScrollerBlock;

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

@@ -0,0 +1,33 @@
+export declare const ScrollerBlock: {
+    'scroller-block': {
+        additionalProperties: boolean;
+        required: boolean;
+        properties: {
+            title: {
+                type: string;
+            };
+            text: {
+                type: string;
+            };
+            widths: {
+                type: string;
+                items: {
+                    type: string;
+                };
+            };
+            gapLong: {
+                type: string;
+            };
+            children: {
+                type: string;
+                items: {
+                    $ref: string;
+                };
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollerBlock = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.ScrollerBlock = {
+    'scroller-block': {
+        additionalProperties: false,
+        required: false,
+        properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
+                type: 'string',
+            }, text: {
+                type: 'string',
+            }, widths: {
+                type: 'array',
+                items: {
+                    type: 'string',
+                },
+            }, gapLong: {
+                type: 'boolean',
+            }, children: common_1.ChildrenCardsProps }),
+    },
+};

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

@@ -9,6 +9,8 @@ export { default as SliderNewBlock } from './SliderNew/Slider';
 export { default as ExtendedFeaturesBlock } from './ExtendedFeatures/ExtendedFeatures';
 export { default as PromoFeaturesBlock } from './PromoFeaturesBlock/PromoFeaturesBlock';
 export { default as AdvantagesBlock } from './Advantages/Advantages';
+export { default as BenefitsBlock } from './Benefits/Benefits';
+export { default as ScrollerBlock } from './Scroller/Scroller';
 export { default as QuestionsBlock } from './Questions/Questions';
 export { default as TableBlock } from './Table/Table';
 export { default as TabsBlock } from './Tabs/Tabs';

package/build/cjs/blocks/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BenchmarkBlock = exports.MiniCaseBlock = exports.HighlightTableBlock = exports.PressReleasesBlock = exports.RelevantReportsBlock = exports.RelevantReportsCardsBlock = exports.RelevantPostsBlock = exports.BlogFeedBlock = exports.EventsSectionBlock = exports.EventsFeedBlock = exports.LinkTableBlock = exports.FormWallBlock = exports.ReportsSectionsBlock = exports.ReportsCardsBlock = exports.ReportsBlock = exports.QuotesBlock = exports.ServicesBlock = exports.SolutionsBlock = exports.MarqueeLinksBlock = exports.FormBlock = exports.FilterCardLayoutBlock = exports.FilterBlock = exports.ShareBlock = exports.BannerMinifyBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderMinifyBlock = exports.HeaderBlock = exports.TabLinksBlock = exports.TabsHighlightTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.AdvantagesBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderNewBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.LogoRotatorBlock = exports.BannerBlock = void 0;
+exports.BenchmarkBlock = exports.MiniCaseBlock = exports.HighlightTableBlock = exports.PressReleasesBlock = exports.RelevantReportsBlock = exports.RelevantReportsCardsBlock = exports.RelevantPostsBlock = exports.BlogFeedBlock = exports.EventsSectionBlock = exports.EventsFeedBlock = exports.LinkTableBlock = exports.FormWallBlock = exports.ReportsSectionsBlock = exports.ReportsCardsBlock = exports.ReportsBlock = exports.QuotesBlock = exports.ServicesBlock = exports.SolutionsBlock = exports.MarqueeLinksBlock = exports.FormBlock = exports.FilterCardLayoutBlock = exports.FilterBlock = exports.ShareBlock = exports.BannerMinifyBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderMinifyBlock = exports.HeaderBlock = exports.TabLinksBlock = exports.TabsHighlightTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.ScrollerBlock = exports.BenefitsBlock = exports.AdvantagesBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderNewBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.LogoRotatorBlock = exports.BannerBlock = void 0;
 var Banner_1 = require("./Banner/Banner");
 Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return __importDefault(Banner_1).default; } });
 var LogoRotator_1 = require("./LogoRotator/LogoRotator");
@@ -26,6 +26,10 @@ var PromoFeaturesBlock_1 = require("./PromoFeaturesBlock/PromoFeaturesBlock");
 Object.defineProperty(exports, "PromoFeaturesBlock", { enumerable: true, get: function () { return __importDefault(PromoFeaturesBlock_1).default; } });
 var Advantages_1 = require("./Advantages/Advantages");
 Object.defineProperty(exports, "AdvantagesBlock", { enumerable: true, get: function () { return __importDefault(Advantages_1).default; } });
+var Benefits_1 = require("./Benefits/Benefits");
+Object.defineProperty(exports, "BenefitsBlock", { enumerable: true, get: function () { return __importDefault(Benefits_1).default; } });
+var Scroller_1 = require("./Scroller/Scroller");
+Object.defineProperty(exports, "ScrollerBlock", { enumerable: true, get: function () { return __importDefault(Scroller_1).default; } });
 var Questions_1 = require("./Questions/Questions");
 Object.defineProperty(exports, "QuestionsBlock", { enumerable: true, get: function () { return __importDefault(Questions_1).default; } });
 var Table_1 = require("./Table/Table");

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

@@ -11,6 +11,8 @@ export * from './Info/schema';
 export * from './Media/schema';
 export * from './PromoFeaturesBlock/schema';
 export * from './Advantages/schema';
+export * from './Benefits/schema';
+export * from './Scroller/schema';
 export * from './Questions/schema';
 export * from './Slider/schema';
 export * from './Table/schema';

package/build/cjs/blocks/validators.js

@@ -14,6 +14,8 @@ tslib_1.__exportStar(require("./Info/schema"), exports);
 tslib_1.__exportStar(require("./Media/schema"), exports);
 tslib_1.__exportStar(require("./PromoFeaturesBlock/schema"), exports);
 tslib_1.__exportStar(require("./Advantages/schema"), exports);
+tslib_1.__exportStar(require("./Benefits/schema"), exports);
+tslib_1.__exportStar(require("./Scroller/schema"), exports);
 tslib_1.__exportStar(require("./Questions/schema"), exports);
 tslib_1.__exportStar(require("./Slider/schema"), exports);
 tslib_1.__exportStar(require("./Table/schema"), exports);

package/build/cjs/components/CardBase/CardBase.css

@@ -11,7 +11,7 @@ unpredictable css rules order in build */
 }
 
 .pc-card-base-block {
-  min-height: 248px;
+  min-height: 240px;
   height: 100%;
   overflow-x: hidden;
   border-radius: var(--pc-border-radius);
@@ -62,7 +62,7 @@ unpredictable css rules order in build */
 a.pc-card-base-block {
   color: inherit;
   text-decoration: none;
-  min-height: 248px;
+  min-height: 240px;
   height: 100%;
   overflow-x: hidden;
   border-radius: var(--pc-border-radius);

package/build/cjs/constructor-items.d.ts

@@ -3,6 +3,8 @@ export declare const blockMap: {
     "extended-features-block": ({ title, description, items, colSizes, animated, }: import("./models").ExtendedFeaturesProps) => JSX.Element;
     "promo-features-block": (props: import("./models").PromoFeaturesProps) => JSX.Element;
     "advantages-block": (props: import("./models").AdvantagesBlockProps) => JSX.Element;
+    "benefits-block": (props: import("./models").BenefitsBlockProps) => JSX.Element;
+    "scroller-block": (props: import("react").PropsWithChildren<Omit<import("./models").ScrollerBlockProps, "children">>) => JSX.Element;
     "questions-block": (props: import("./models").QuestionsProps) => JSX.Element;
     "banner-block": (props: import("./models").BannerBlockProps) => JSX.Element;
     "logo-rotator-block": (props: import("./models").LogoRotatorBlockProps) => JSX.Element;

package/build/cjs/constructor-items.js

@@ -12,6 +12,8 @@ exports.blockMap = {
     [models_1.BlockType.ExtendedFeaturesBlock]: blocks_1.ExtendedFeaturesBlock,
     [models_1.BlockType.PromoFeaturesBlock]: blocks_1.PromoFeaturesBlock,
     [models_1.BlockType.AdvantagesBlock]: blocks_1.AdvantagesBlock,
+    [models_1.BlockType.BenefitsBlock]: blocks_1.BenefitsBlock,
+    [models_1.BlockType.ScrollerBlock]: blocks_1.ScrollerBlock,
     [models_1.BlockType.QuestionsBlock]: blocks_1.QuestionsBlock,
     [models_1.BlockType.BannerBlock]: blocks_1.BannerBlock,
     [models_1.BlockType.LogoRotatorBlock]: blocks_1.LogoRotatorBlock,