@doyourjob/gravity-ui-page-constructor 5.31.135 → 5.31.136-dev.2

package/build/cjs/blocks/Advantages/Advantages.css

@@ -0,0 +1,132 @@
+.pc-advantages-block__item-desc, .pc-advantages-block__item-title, .pc-advantages-block__link, .pc-advantages-block__title {
+  margin: 0;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+@media (min-width: 769px) {
+  .pc-advantages-block.pc-AnimateBlock, .pc-AnimateBlock .pc-advantages-block {
+    position: relative;
+    top: 100px;
+    opacity: 0;
+  }
+  .pc-advantages-block.pc-AnimateBlock.animate, .pc-AnimateBlock .pc-advantages-block.animate {
+    top: 0;
+    opacity: 1;
+    transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    transition-delay: 0s;
+  }
+}
+.pc-advantages-block__header {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.pc-advantages-block__header.pc-advantages-block__header {
+  padding-top: 32px;
+  padding-bottom: 32px;
+}
+
+.pc-advantages-block__title {
+  font-weight: var(--g-text-accent-font-weight);
+  font-size: 48px;
+  line-height: 52px;
+  color: var(--pc-color-ab-base);
+}
+.pc-advantages-block__title p {
+  margin: 0;
+}
+@media (max-width: 577px) {
+  .pc-advantages-block__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));
+  }
+}
+.pc-advantages-block__link {
+  font-weight: var(--g-text-accent-font-weight);
+  font-size: 48px;
+  line-height: 52px;
+  transition: color 0.3s ease;
+  color: var(--pc-color-ab-second);
+  margin-bottom: 32px;
+}
+@media (hover: hover) and (pointer: fine) {
+  .pc-advantages-block__link:hover {
+    color: var(--pc-color-ab-base);
+  }
+}
+@media (max-width: 577px) {
+  .pc-advantages-block__link {
+    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));
+  }
+}
+.pc-advantages-block__wrap-logo {
+  margin-top: auto;
+}
+.pc-advantages-block__logo {
+  display: block;
+  object-fit: contain;
+  height: 76px;
+}
+.pc-advantages-block__item {
+  display: flex;
+  margin-left: 0;
+  margin-bottom: 16px;
+  border-left: none;
+  border-right: none;
+  border-top: 1px var(--pc-color-ab-border) solid;
+  transition: opacity 0.3s ease;
+}
+@media (hover: hover) and (pointer: fine) {
+  .pc-advantages-block__item:hover {
+    opacity: 0.5;
+  }
+}
+.pc-advantages-block__item-wrap {
+  padding: 32px 0;
+}
+.pc-advantages-block__item-image {
+  width: 230px;
+  height: 230px;
+  display: block;
+  margin-left: 32px;
+}
+.pc-advantages-block__item-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(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+  color: var(--pc-color-ab-second);
+  margin-bottom: 8px;
+}
+.pc-advantages-block__item-desc {
+  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(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+  color: var(--pc-color-ab-base);
+  opacity: 0.6;
+}
+@media (min-width: 1185px) {
+  .pc-advantages-block__item {
+    border-left: 1px var(--pc-color-ab-border) solid;
+    border-right: 1px var(--pc-color-ab-border) solid;
+    margin-left: 8px;
+    margin-bottom: 0;
+  }
+  .pc-advantages-block__item + .pc-advantages-block__item {
+    border-top: 1px var(--pc-color-ab-border) solid;
+  }
+  .pc-advantages-block__item-wrap {
+    padding: 32px;
+  }
+}
+@media (max-width: 769px) {
+  .pc-advantages-block__item {
+    flex-direction: column;
+  }
+  .pc-advantages-block__item-wrap {
+    padding: 16px 0;
+  }
+}

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

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

package/build/cjs/blocks/Advantages/Advantages.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdvantagesBlock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../components");
+const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
+const grid_1 = require("../../grid");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('advantages-block');
+const colSizesHeader = { all: 12, xl: 6 };
+const colSizesBody = { all: 12, xl: 6 };
+const AdvantagesBlock = (props) => {
+    const { animated, title, link, logo, items } = props;
+    return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), animate: animated },
+        react_1.default.createElement(grid_1.Grid, null,
+            react_1.default.createElement(grid_1.Row, null,
+                react_1.default.createElement(grid_1.Col, { sizes: colSizesHeader, className: b('header') },
+                    title && (react_1.default.createElement("h2", { className: b('title') },
+                        react_1.default.createElement(components_1.HTML, null, title))),
+                    link && (react_1.default.createElement(uikit_1.Link, { className: b('link'), href: link.url }, link.text)),
+                    logo && (react_1.default.createElement("div", { className: b('wrap-logo') },
+                        react_1.default.createElement(components_1.Image, { className: b('logo'), src: logo, alt: "", "aria-hidden": "true" })))),
+                react_1.default.createElement(grid_1.Col, { sizes: colSizesBody },
+                    react_1.default.createElement(grid_1.Grid, null, items === null || items === void 0 ? void 0 : items.map((item, index) => (react_1.default.createElement(components_1.RouterLink, { href: item.url, key: index },
+                        react_1.default.createElement(uikit_1.Link, { href: item.url, className: b('item') },
+                            react_1.default.createElement("div", { className: b('item-wrap') },
+                                react_1.default.createElement("h3", { className: b('item-title') }, item.title),
+                                react_1.default.createElement("div", { className: b('item-desc') }, item.description)),
+                            item.image && (react_1.default.createElement(components_1.Image, { className: b('item-image'), src: item.image, alt: "", "aria-hidden": "true" }))))))))))));
+};
+exports.AdvantagesBlock = AdvantagesBlock;
+exports.default = exports.AdvantagesBlock;

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

@@ -0,0 +1,56 @@
+export declare const AdvantagesBlock: {
+    'advantages-block': {
+        additionalProperties: boolean;
+        required: boolean;
+        properties: {
+            title: {
+                type: string;
+            };
+            link: {
+                type: string;
+                additionalProperties: boolean;
+                required: boolean;
+                properties: {
+                    url: {
+                        type: string;
+                    };
+                    text: {
+                        type: string;
+                    };
+                };
+            };
+            logo: {
+                type: string;
+            };
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: boolean;
+                    properties: {
+                        url: {
+                            type: string;
+                        };
+                        image: {
+                            type: string;
+                        };
+                        title: {
+                            type: string;
+                        };
+                        description: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            animated: {
+                type: string;
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdvantagesBlock = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.AdvantagesBlock = {
+    'advantages-block': {
+        additionalProperties: false,
+        required: false,
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { title: {
+                type: 'string',
+            }, link: {
+                type: 'object',
+                additionalProperties: false,
+                required: true,
+                properties: {
+                    url: { type: 'string' },
+                    text: { type: 'string' },
+                },
+            }, logo: {
+                type: 'string',
+            }, items: {
+                type: 'array',
+                items: {
+                    type: 'object',
+                    additionalProperties: false,
+                    required: true,
+                    properties: {
+                        url: { type: 'string' },
+                        image: { type: 'string' },
+                        title: { type: 'string' },
+                        description: { type: 'string' },
+                    },
+                },
+            } }),
+    },
+};

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

@@ -8,6 +8,7 @@ export { default as SliderBlock } from './Slider/Slider';
 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 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.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.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.TabLinksBlock = exports.TabsHighlightTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderNewBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.LogoRotatorBlock = exports.BannerBlock = void 0;
+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.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = 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;
 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");
@@ -24,6 +24,8 @@ var ExtendedFeatures_1 = require("./ExtendedFeatures/ExtendedFeatures");
 Object.defineProperty(exports, "ExtendedFeaturesBlock", { enumerable: true, get: function () { return __importDefault(ExtendedFeatures_1).default; } });
 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 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

@@ -9,6 +9,7 @@ export * from './Icons/schema';
 export * from './Info/schema';
 export * from './Media/schema';
 export * from './PromoFeaturesBlock/schema';
+export * from './Advantages/schema';
 export * from './Questions/schema';
 export * from './Slider/schema';
 export * from './Table/schema';

package/build/cjs/blocks/validators.js

@@ -12,6 +12,7 @@ tslib_1.__exportStar(require("./Icons/schema"), exports);
 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("./Questions/schema"), exports);
 tslib_1.__exportStar(require("./Slider/schema"), exports);
 tslib_1.__exportStar(require("./Table/schema"), exports);

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

@@ -2,6 +2,7 @@ export declare const blockMap: {
     "slider-block": (props: import("react").PropsWithChildren<import("./blocks/Slider/Slider").SliderProps>) => JSX.Element;
     "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;
     "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

@@ -11,6 +11,7 @@ exports.blockMap = {
     [models_1.BlockType.SliderBlock]: blocks_1.SliderBlock,
     [models_1.BlockType.ExtendedFeaturesBlock]: blocks_1.ExtendedFeaturesBlock,
     [models_1.BlockType.PromoFeaturesBlock]: blocks_1.PromoFeaturesBlock,
+    [models_1.BlockType.AdvantagesBlock]: blocks_1.AdvantagesBlock,
     [models_1.BlockType.QuestionsBlock]: blocks_1.QuestionsBlock,
     [models_1.BlockType.BannerBlock]: blocks_1.BannerBlock,
     [models_1.BlockType.LogoRotatorBlock]: blocks_1.LogoRotatorBlock,

package/build/cjs/containers/PageConstructor/PageConstructor.css

@@ -51,6 +51,9 @@ unpredictable css rules order in build */
   --pc-color-line-focus-light: var(--g-color-text-brand);
   --pc-color-line-focus-dark: var(--g-color-text-light-primary);
   --pc-color-progress-circular: #262626;
+  --pc-color-ab-base: #ffffff;
+  --pc-color-ab-second: #e0ff4f;
+  --pc-color-ab-border: #9e9e9e;
 }
 .g-root_theme_light {
   --pc-color-base-silver: #eff2f8;

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

@@ -6,6 +6,7 @@ import { AnalyticsEventsBase } from '../common';
 import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, MediaView, ReportFileType, TagProps, TextSize, TextTheme, Themable, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, WithBorder, YandexFormProps } from './common';
 import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
+    AdvantagesBlock = "advantages-block",
     PromoFeaturesBlock = "promo-features-block",
     ExtendedFeaturesBlock = "extended-features-block",
     SliderBlock = "slider-block",
@@ -257,6 +258,17 @@ export interface LogoRotatorBlockProps extends Animatable {
     count: number;
     colSizes?: Partial<Record<GridColumnSize, number>>;
 }
+export interface AdvantagesBlockProps extends Animatable {
+    title?: string;
+    link?: Pick<LinkProps, 'text' | 'url'>;
+    logo?: string;
+    items?: {
+        image?: string;
+        title: string;
+        description: string;
+        url: string;
+    }[];
+}
 export interface CompaniesBlockProps extends Animatable {
     title: string;
     description?: string;
@@ -643,6 +655,9 @@ export type BannerBlockModel = {
 export type LogoRotatorBlockModel = {
     type: BlockType.LogoRotatorBlock;
 } & LogoRotatorBlockProps;
+export type AdvantagesBlockModel = {
+    type: BlockType.AdvantagesBlock;
+} & AdvantagesBlockProps;
 export type CompaniesBlockModel = {
     type: BlockType.CompaniesBlock;
 } & CompaniesBlockProps;
@@ -748,6 +763,6 @@ export type FormWallBlockModel = {
 export type SliderNewBlockModel = {
     type: BlockType.SliderNewBlock;
 } & SliderNewProps;
-type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | LogoRotatorBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | HighlightTableBlockModel | MiniCaseBlockModel | TabsBlockModel | TabsHighlightTableBlockModel | TabLinksBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FilterCardLayoutBlockModel | FormBlockModel | MarqueeLinksBlockModel | SolutionsBlockModel | ServicesBlockModel | QuotesBlockModel | ReportsBlockModel | ReportsCardsBlockModel | ReportsSectionsBlockModel | LinkTableBlockModel | EventsFeedBlockModel | EventsSectionBlockModel | BlogFeedBlockModel | RelevantPostsBlockModel | RelevantReportsCardsBlockModel | RelevantReportsBlockModel | PressReleasesBlockModel | FormWallBlockModel | SliderNewBlockModel;
+type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | LogoRotatorBlockModel | AdvantagesBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | HighlightTableBlockModel | MiniCaseBlockModel | TabsBlockModel | TabsHighlightTableBlockModel | TabLinksBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FilterCardLayoutBlockModel | FormBlockModel | MarqueeLinksBlockModel | SolutionsBlockModel | ServicesBlockModel | QuotesBlockModel | ReportsBlockModel | ReportsCardsBlockModel | ReportsSectionsBlockModel | LinkTableBlockModel | EventsFeedBlockModel | EventsSectionBlockModel | BlogFeedBlockModel | RelevantPostsBlockModel | RelevantReportsCardsBlockModel | RelevantReportsBlockModel | PressReleasesBlockModel | FormWallBlockModel | SliderNewBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

package/build/cjs/models/constructor-items/blocks.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormBlockDirection = exports.FormBlockDataTypes = exports.PCShareSocialNetwork = exports.HeaderStockType = exports.SliderType = exports.SliderBreakpointNames = exports.HeaderBlockTypes = exports.BlockTypes = exports.BlockType = void 0;
 var BlockType;
 (function (BlockType) {
+    BlockType["AdvantagesBlock"] = "advantages-block";
     BlockType["PromoFeaturesBlock"] = "promo-features-block";
     BlockType["ExtendedFeaturesBlock"] = "extended-features-block";
     BlockType["SliderBlock"] = "slider-block";

package/build/cjs/schema/constants.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.constructorCardSchemaNames = exports.constructorBlockSchemaNames = exports.cardSchemas = exports.blockSchemas = void 0;
 const blocks_1 = require("./validators/blocks");
 const sub_blocks_1 = require("./validators/sub-blocks");
-exports.blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.LogoRotatorBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.HighlightTableBlock), blocks_1.MiniCaseBlock), blocks_1.TabsBlock), blocks_1.TabsHighlightTableBlock), blocks_1.TabLinksBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock), blocks_1.FilterBlock), blocks_1.FilterCardLayoutBlock), blocks_1.FormBlock), blocks_1.SliderNewBlock), blocks_1.MarqueeLinksBlock), blocks_1.SolutionsBlock), blocks_1.ServicesBlock), blocks_1.QuotesBlock), blocks_1.ReportsBlock), blocks_1.ReportsCardsBlock), blocks_1.ReportsSectionsBlock), blocks_1.LinkTableBlock), blocks_1.EventsFeedBlock), blocks_1.EventsSectionBlock), blocks_1.BlogFeedBlock), blocks_1.RelevantPostsBlock), blocks_1.RelevantReportsCardsBlock), blocks_1.RelevantReportsBlock), blocks_1.PressReleasesBlock), blocks_1.FormWallBlock);
+exports.blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.AdvantagesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.LogoRotatorBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.HighlightTableBlock), blocks_1.MiniCaseBlock), blocks_1.TabsBlock), blocks_1.TabsHighlightTableBlock), blocks_1.TabLinksBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock), blocks_1.FilterBlock), blocks_1.FilterCardLayoutBlock), blocks_1.FormBlock), blocks_1.SliderNewBlock), blocks_1.MarqueeLinksBlock), blocks_1.SolutionsBlock), blocks_1.ServicesBlock), blocks_1.QuotesBlock), blocks_1.ReportsBlock), blocks_1.ReportsCardsBlock), blocks_1.ReportsSectionsBlock), blocks_1.LinkTableBlock), blocks_1.EventsFeedBlock), blocks_1.EventsSectionBlock), blocks_1.BlogFeedBlock), blocks_1.RelevantPostsBlock), blocks_1.RelevantReportsCardsBlock), blocks_1.RelevantReportsBlock), blocks_1.PressReleasesBlock), blocks_1.FormWallBlock);
 exports.cardSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.MediaCardBlock), blocks_1.BannerCard), sub_blocks_1.PriceDetailedBlock), sub_blocks_1.BackgroundCard), sub_blocks_1.Quote), sub_blocks_1.BasicCard), sub_blocks_1.PriceCardBlock), sub_blocks_1.ImageCard), sub_blocks_1.ContentLayoutCard), sub_blocks_1.Card), sub_blocks_1.PostCard), sub_blocks_1.FeedCard), sub_blocks_1.EventPersonCard), sub_blocks_1.AttachmentCard), sub_blocks_1.CaseStudyCard);
 exports.constructorBlockSchemaNames = [
     'divider',
@@ -53,6 +53,7 @@ exports.constructorBlockSchemaNames = [
     'relevant-reports-block',
     'press-releases-block',
     'mini-case-block',
+    'advantages-block',
 ];
 exports.constructorCardSchemaNames = [
     'media-card',

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

@@ -2,6 +2,7 @@ export * from '../../blocks/Banner/schema';
 export * from '../../blocks/Companies/schema';
 export * from '../../blocks/ExtendedFeatures/schema';
 export * from '../../blocks/PromoFeaturesBlock/schema';
+export * from '../../blocks/Advantages/schema';
 export * from '../../blocks/Header/schema';
 export * from '../../blocks/Info/schema';
 export * from '../../blocks/Media/schema';

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

@@ -5,6 +5,7 @@ tslib_1.__exportStar(require("../../blocks/Banner/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Companies/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/ExtendedFeatures/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/PromoFeaturesBlock/schema"), exports);
+tslib_1.__exportStar(require("../../blocks/Advantages/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Header/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Info/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Media/schema"), exports);

package/build/cjs/text-transform/config.js

@@ -465,4 +465,8 @@ exports.config = {
         },
     ],
     [models_1.BlockType.MiniCaseBlock]: exports.blockHeaderTransformer,
+    [models_1.BlockType.AdvantagesBlock]: {
+        fields: ['title'],
+        transformer: common_1.yfmTransformer,
+    },
 };

package/build/esm/blocks/Advantages/Advantages.css

@@ -0,0 +1,132 @@
+.pc-advantages-block__item-desc, .pc-advantages-block__item-title, .pc-advantages-block__link, .pc-advantages-block__title {
+  margin: 0;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+@media (min-width: 769px) {
+  .pc-advantages-block.pc-AnimateBlock, .pc-AnimateBlock .pc-advantages-block {
+    position: relative;
+    top: 100px;
+    opacity: 0;
+  }
+  .pc-advantages-block.pc-AnimateBlock.animate, .pc-AnimateBlock .pc-advantages-block.animate {
+    top: 0;
+    opacity: 1;
+    transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    transition-delay: 0s;
+  }
+}
+.pc-advantages-block__header {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.pc-advantages-block__header.pc-advantages-block__header {
+  padding-top: 32px;
+  padding-bottom: 32px;
+}
+
+.pc-advantages-block__title {
+  font-weight: var(--g-text-accent-font-weight);
+  font-size: 48px;
+  line-height: 52px;
+  color: var(--pc-color-ab-base);
+}
+.pc-advantages-block__title p {
+  margin: 0;
+}
+@media (max-width: 577px) {
+  .pc-advantages-block__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));
+  }
+}
+.pc-advantages-block__link {
+  font-weight: var(--g-text-accent-font-weight);
+  font-size: 48px;
+  line-height: 52px;
+  transition: color 0.3s ease;
+  color: var(--pc-color-ab-second);
+  margin-bottom: 32px;
+}
+@media (hover: hover) and (pointer: fine) {
+  .pc-advantages-block__link:hover {
+    color: var(--pc-color-ab-base);
+  }
+}
+@media (max-width: 577px) {
+  .pc-advantages-block__link {
+    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));
+  }
+}
+.pc-advantages-block__wrap-logo {
+  margin-top: auto;
+}
+.pc-advantages-block__logo {
+  display: block;
+  object-fit: contain;
+  height: 76px;
+}
+.pc-advantages-block__item {
+  display: flex;
+  margin-left: 0;
+  margin-bottom: 16px;
+  border-left: none;
+  border-right: none;
+  border-top: 1px var(--pc-color-ab-border) solid;
+  transition: opacity 0.3s ease;
+}
+@media (hover: hover) and (pointer: fine) {
+  .pc-advantages-block__item:hover {
+    opacity: 0.5;
+  }
+}
+.pc-advantages-block__item-wrap {
+  padding: 32px 0;
+}
+.pc-advantages-block__item-image {
+  width: 230px;
+  height: 230px;
+  display: block;
+  margin-left: 32px;
+}
+.pc-advantages-block__item-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(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+  color: var(--pc-color-ab-second);
+  margin-bottom: 8px;
+}
+.pc-advantages-block__item-desc {
+  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(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+  color: var(--pc-color-ab-base);
+  opacity: 0.6;
+}
+@media (min-width: 1185px) {
+  .pc-advantages-block__item {
+    border-left: 1px var(--pc-color-ab-border) solid;
+    border-right: 1px var(--pc-color-ab-border) solid;
+    margin-left: 8px;
+    margin-bottom: 0;
+  }
+  .pc-advantages-block__item + .pc-advantages-block__item {
+    border-top: 1px var(--pc-color-ab-border) solid;
+  }
+  .pc-advantages-block__item-wrap {
+    padding: 32px;
+  }
+}
+@media (max-width: 769px) {
+  .pc-advantages-block__item {
+    flex-direction: column;
+  }
+  .pc-advantages-block__item-wrap {
+    padding: 16px 0;
+  }
+}

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

@@ -0,0 +1,4 @@
+import { AdvantagesBlockProps } from '../../models';
+import './Advantages.css';
+export declare const AdvantagesBlock: (props: AdvantagesBlockProps) => JSX.Element;
+export default AdvantagesBlock;

package/build/esm/blocks/Advantages/Advantages.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Link } from '@gravity-ui/uikit';
+import { HTML, Image, RouterLink } from '../../components';
+import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
+import { Col, Grid, Row } from '../../grid';
+import { block } from '../../utils';
+import './Advantages.css';
+const b = block('advantages-block');
+const colSizesHeader = { all: 12, xl: 6 };
+const colSizesBody = { all: 12, xl: 6 };
+export const AdvantagesBlock = (props) => {
+    const { animated, title, link, logo, items } = props;
+    return (React.createElement(AnimateBlock, { className: b(), animate: animated },
+        React.createElement(Grid, null,
+            React.createElement(Row, null,
+                React.createElement(Col, { sizes: colSizesHeader, className: b('header') },
+                    title && (React.createElement("h2", { className: b('title') },
+                        React.createElement(HTML, null, title))),
+                    link && (React.createElement(Link, { className: b('link'), href: link.url }, link.text)),
+                    logo && (React.createElement("div", { className: b('wrap-logo') },
+                        React.createElement(Image, { className: b('logo'), src: logo, alt: "", "aria-hidden": "true" })))),
+                React.createElement(Col, { sizes: colSizesBody },
+                    React.createElement(Grid, null, items === null || items === void 0 ? void 0 : items.map((item, index) => (React.createElement(RouterLink, { href: item.url, key: index },
+                        React.createElement(Link, { href: item.url, className: b('item') },
+                            React.createElement("div", { className: b('item-wrap') },
+                                React.createElement("h3", { className: b('item-title') }, item.title),
+                                React.createElement("div", { className: b('item-desc') }, item.description)),
+                            item.image && (React.createElement(Image, { className: b('item-image'), src: item.image, alt: "", "aria-hidden": "true" }))))))))))));
+};
+export default AdvantagesBlock;