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

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,33 @@
+"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 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 { title, link, logo, items } = props;
+    return (react_1.default.createElement("div", { className: b() },
+        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,53 @@
+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;
+                        };
+                    };
+                };
+            };
+            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({}, common_1.BaseProps), { 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/BannerMinify/BannerMinify.css

@@ -0,0 +1,27 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-banner-minify-block {
+  align-items: end;
+  --dc-accent-color: #001a2b;
+  --dc-bg-color: #ffffff;
+}
+.pc-banner-minify-block_theme_dark {
+  --dc-accent-color: #ffffff;
+  --dc-bg-color: #001a2b;
+}
+.pc-banner-minify-block__title {
+  color: var(--dc-accent-color);
+}
+.pc-banner-minify-block__text {
+  color: var(--dc-accent-color);
+  margin-top: 48px;
+  font-size: 24px;
+  line-height: 28px;
+}
+.pc-banner-minify-block__buttons {
+  display: flex;
+  justify-content: end;
+  flex-wrap: wrap;
+  gap: 24px;
+  padding-top: 32px;
+}

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

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

package/build/cjs/blocks/BannerMinify/BannerMinify.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerMinifyBlock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const TitleItem_1 = tslib_1.__importDefault(require("../../components/Title/TitleItem"));
+const grid_1 = require("../../grid");
+const utils_1 = require("../../utils");
+const Button_1 = tslib_1.__importDefault(require("./Button/Button"));
+const b = (0, utils_1.block)('banner-minify-block');
+const leftColSizes = { lg: 5, all: 12 };
+const rightColSizes = { lg: 7, all: 12 };
+const BannerMinifyBlock = (props) => {
+    const { title, text, buttons, theme } = props;
+    const titleProps = !title || typeof title === 'string' ? { text: title } : title;
+    return (react_1.default.createElement(grid_1.Row, { className: b({ theme }) },
+        react_1.default.createElement(grid_1.Col, { sizes: leftColSizes },
+            title && react_1.default.createElement(TitleItem_1.default, Object.assign({ className: b('title') }, titleProps)),
+            text && react_1.default.createElement("div", { className: b('text') }, text)),
+        react_1.default.createElement(grid_1.Col, { sizes: rightColSizes },
+            react_1.default.createElement("div", { className: b('buttons') }, buttons === null || buttons === void 0 ? void 0 : buttons.map((button, index) => (react_1.default.createElement(Button_1.default, Object.assign({ key: index }, button))))))));
+};
+exports.BannerMinifyBlock = BannerMinifyBlock;
+exports.default = exports.BannerMinifyBlock;

package/build/cjs/blocks/BannerMinify/Button/Button.css

@@ -0,0 +1,27 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-banner-minify-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px 28px;
+  border-radius: 16px;
+  background: var(--dc-accent-color);
+  color: var(--dc-bg-color);
+  font-size: 24px;
+  line-height: 24px;
+  font-weight: 500;
+  letter-spacing: 0.01em;
+  text-decoration: none;
+  transition: opacity 0.3s ease;
+}
+.pc-banner-minify-button_theme_outline {
+  border: 1px solid var(--dc-accent-color);
+  background: transparent;
+  color: var(--dc-accent-color);
+}
+@media (hover: hover) and (pointer: fine) {
+  .pc-banner-minify-button:hover {
+    opacity: 0.8;
+  }
+}

package/build/cjs/blocks/BannerMinify/Button/Button.d.ts

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

package/build/cjs/blocks/BannerMinify/Button/Button.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = 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)('banner-minify-button');
+const Button = (props) => {
+    const { url, theme, text } = props;
+    return (react_1.default.createElement(components_1.RouterLink, { href: url },
+        react_1.default.createElement("a", { href: url, className: b({ theme }) }, text)));
+};
+exports.Button = Button;
+exports.default = exports.Button;

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

@@ -0,0 +1,310 @@
+export declare const BannerMinifyBlock: {
+    'banner-minify-block': {
+        additionalProperties: boolean;
+        properties: {
+            theme: {
+                type: string;
+                enum: string[];
+            };
+            title: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    link: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: string[];
+                        properties: {
+                            text: {
+                                type: string;
+                                contentType: string;
+                            };
+                            url: {
+                                type: string;
+                            };
+                            urlTitle: {
+                                type: string;
+                            };
+                            arrow: {
+                                type: string;
+                            };
+                            theme: {
+                                type: string;
+                                enum: string[];
+                            };
+                            textSize: {
+                                type: string;
+                                enum: string[];
+                            };
+                            target: {
+                                type: string;
+                                enum: string[];
+                            };
+                            analyticsEvents: {
+                                oneOf: ({
+                                    optionName: string;
+                                    type: string;
+                                    additionalProperties: {
+                                        type: string;
+                                    };
+                                    required: string[];
+                                    properties: {
+                                        name: {
+                                            type: string;
+                                        };
+                                        type: {
+                                            type: string;
+                                        };
+                                        counters: {
+                                            type: string;
+                                            additionalProperties: boolean;
+                                            required: never[];
+                                            properties: {
+                                                include: {
+                                                    type: string;
+                                                    items: {
+                                                        type: string;
+                                                    };
+                                                };
+                                                exclude: {
+                                                    type: string;
+                                                    items: {
+                                                        type: string;
+                                                    };
+                                                };
+                                            };
+                                        };
+                                        context: {
+                                            type: string;
+                                        };
+                                    };
+                                    items?: undefined;
+                                } | {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                        additionalProperties: {
+                                            type: string;
+                                        };
+                                        required: string[];
+                                        properties: {
+                                            name: {
+                                                type: string;
+                                            };
+                                            type: {
+                                                type: string;
+                                            };
+                                            counters: {
+                                                type: string;
+                                                additionalProperties: boolean;
+                                                required: never[];
+                                                properties: {
+                                                    include: {
+                                                        type: string;
+                                                        items: {
+                                                            type: string;
+                                                        };
+                                                    };
+                                                    exclude: {
+                                                        type: string;
+                                                        items: {
+                                                            type: string;
+                                                        };
+                                                    };
+                                                };
+                                            };
+                                            context: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                    optionName: string;
+                                })[];
+                            };
+                            type: {};
+                            when: {
+                                type: string;
+                            };
+                        };
+                    };
+                    textSize: {
+                        type: string;
+                        enum: string[];
+                    };
+                    url: {
+                        type: string;
+                    };
+                    urlTitle: {
+                        type: string;
+                    };
+                    resetMargin: {
+                        type: string;
+                    };
+                };
+            };
+            text: {
+                type: string;
+            };
+            buttons: {
+                type: string;
+                items: {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                        };
+                        url: {
+                            type: string;
+                        };
+                        theme: {
+                            type: string;
+                            enum: string[];
+                        };
+                    };
+                };
+            };
+            anchor: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    urlTitle: {
+                        type: string;
+                    };
+                };
+            };
+            visibility: {
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {
+                        xs: {
+                            type: string;
+                        };
+                        sm: {
+                            type: string;
+                        };
+                        md: {
+                            type: string;
+                        };
+                        lg: {
+                            type: string;
+                        };
+                        xl: {
+                            type: string;
+                        };
+                        xxl: {
+                            type: string;
+                        };
+                    };
+                    enum?: undefined;
+                })[];
+            };
+            visible: {
+                type: string;
+                enum: string[];
+            };
+            hidden: {
+                type: string;
+                enum: string[];
+            };
+            resetPaddings: {
+                type: string;
+            };
+            context: {
+                type: string;
+            };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
+            backgroundFull: {
+                type: string;
+            };
+            visibilityFilter: {
+                oneOf: ({
+                    type: string;
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                    };
+                })[];
+            };
+            blockUnicorn: {
+                type: string;
+            };
+            blockBackground: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {
+                        color: {
+                            type: string;
+                        };
+                        image: {
+                            type: string;
+                        };
+                        size: {
+                            type: string;
+                        };
+                        repeat: {
+                            type: string;
+                        };
+                        position: {
+                            type: string;
+                        };
+                        attachment: {
+                            type: string;
+                        };
+                        clip: {
+                            type: string;
+                        };
+                        origin: {
+                            type: string;
+                        };
+                        blendMode: {
+                            type: string;
+                        };
+                    };
+                })[];
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};