@doyourjob/gravity-ui-page-constructor 5.31.215 → 5.31.217

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

@@ -4,22 +4,22 @@ unpredictable css rules order in build */
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 16px 28px;
+  padding: 0 28px;
   border-radius: 16px;
   background: #001a2b;
   color: #ffffff;
   height: 61px;
-  font-size: 24px;
-  line-height: 24px;
+  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));
   font-weight: 500;
-  letter-spacing: 0.03em;
+  letter-spacing: 1%;
   text-decoration: none;
   transition: opacity 0.3s ease;
 }
-.pc-header-minify-button__icon {
-  width: 24px;
-  height: 24px;
-  margin-right: 8px;
+.pc-header-minify-button_outline {
+  background: transparent;
+  border: 2px solid #001a2b;
+  color: #001a2b;
 }
 @media (hover: hover) and (pointer: fine) {
   .pc-header-minify-button:hover {

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

@@ -7,11 +7,9 @@ const components_1 = require("../../../components");
 const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('header-minify-button');
 const Button = (props) => {
-    const { url, icon, text } = props;
+    const { url, text, outline } = props;
     return (react_1.default.createElement(components_1.RouterLink, { href: url },
-        react_1.default.createElement("a", { href: url, className: b('') },
-            icon ? (react_1.default.createElement(components_1.ImageBase, { className: b('icon'), src: icon, alt: "", "aria-hidden": "true" })) : null,
-            text)));
+        react_1.default.createElement("a", { href: url, className: b({ outline }) }, text)));
 };
 exports.Button = Button;
 exports.default = exports.Button;

package/build/cjs/blocks/HeaderMinify/HeaderMinify.css

@@ -1,45 +1,52 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .pc-header-minify-block {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
   position: relative;
   z-index: 1;
   color: #001a2b;
-  padding-top: 186px;
-  padding-bottom: 186px;
-  text-align: center;
+}
+.pc-header-minify-block_header-space {
+  padding-top: var(--header-height);
+  margin-top: calc(var(--header-height) * -1);
+}
+.pc-header-minify-block__video {
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+.pc-header-minify-block__container {
+  padding-top: 256px;
+  padding-bottom: 155px;
 }
 .pc-header-minify-block__title {
-  font-size: 128px;
-  font-weight: 700;
-  line-height: 102px;
+  font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
+  line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
   margin: 0;
   position: relative;
+  margin-bottom: 24px;
 }
-.pc-header-minify-block__title.pc-header-minify-block__title {
-  letter-spacing: -0.014em;
-}
-
-@media (max-width: 769px) {
+@media (max-width: 577px) {
   .pc-header-minify-block__title {
-    font-size: 48px;
-    line-height: 52px;
+    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-header-minify-block__description {
-  margin-top: 24px;
   position: relative;
+  margin-bottom: 32px;
   opacity: 0.8;
-  max-width: 1024px;
 }
 .pc-header-minify-block__description .yfm {
   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));
-  font-weight: 600;
+  font-weight: 500;
 }
 .pc-header-minify-block__buttons {
+  display: flex;
+  gap: 8px;
   position: relative;
-  margin-top: 48px;
+  flex-wrap: wrap;
 }

package/build/cjs/blocks/HeaderMinify/HeaderMinify.js

@@ -2,24 +2,33 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderMinifyBlock = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const components_1 = require("../../components");
-const utils_1 = require("../../utils");
+const utils_1 = require("../../components/Media/Video/utils");
+const grid_1 = require("../../grid");
+const utils_2 = require("../../utils");
 const Button_1 = tslib_1.__importDefault(require("./Button/Button"));
-const b = (0, utils_1.block)('header-minify-block');
+const b = (0, utils_2.block)('header-minify-block');
+const colSizes = { all: 12, md: 8 };
 const modifiers = {
     constructor: true,
 };
 const HeaderMinifyBlock = (props) => {
-    const { title, description, button, backgroundEffect } = props;
-    const headerRef = (0, react_1.useRef)(null);
-    return (react_1.default.createElement("header", { ref: headerRef, className: b() },
-        backgroundEffect && backgroundEffect.firstSrc && backgroundEffect.secondSrc && (react_1.default.createElement(components_1.BackgroundEffect, Object.assign({}, backgroundEffect, { attachRef: headerRef }))),
-        react_1.default.createElement("h1", { className: b('title') },
-            react_1.default.createElement(components_1.HTML, null, title)),
-        description && (react_1.default.createElement("div", { className: b('description') },
-            react_1.default.createElement(components_1.YFMWrapper, { content: description, modifiers: modifiers }))),
-        react_1.default.createElement("div", { className: b('buttons') }, button && react_1.default.createElement(Button_1.default, Object.assign({}, button)))));
+    const { title, description, buttons, video, headerSpace } = props;
+    return (react_1.default.createElement("header", { className: b({ ['header-space']: headerSpace }) },
+        video && (react_1.default.createElement("video", { disablePictureInPicture: true, playsInline: true, 
+            // @ts-ignore
+            // eslint-disable-next-line react/no-unknown-property
+            pip: "false", autoPlay: true, loop: true, preload: "auto", muted: true, className: b('video') },
+            react_1.default.createElement("source", { src: video, type: (0, utils_1.parseVideoType)(video) }))),
+        react_1.default.createElement(grid_1.Grid, null,
+            react_1.default.createElement(grid_1.Row, { className: b('container') },
+                react_1.default.createElement(grid_1.Col, { sizes: colSizes },
+                    react_1.default.createElement("h1", { className: b('title') },
+                        react_1.default.createElement(components_1.HTML, null, title)),
+                    description && (react_1.default.createElement("div", { className: b('description') },
+                        react_1.default.createElement(components_1.YFMWrapper, { content: description, modifiers: modifiers }))),
+                    (buttons === null || buttons === void 0 ? void 0 : buttons.length) ? (react_1.default.createElement("div", { className: b('buttons') }, buttons.map((button, index) => (react_1.default.createElement(Button_1.default, Object.assign({ key: index }, button)))))) : null)))));
 };
 exports.HeaderMinifyBlock = HeaderMinifyBlock;
 exports.default = exports.HeaderMinifyBlock;

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

@@ -8,34 +8,30 @@ export declare const HeaderMinifyProperties: {
         contentType: string;
         inputType: string;
     };
-    button: {
+    buttons: {
         type: string;
-        additionalProperties: boolean;
-        required: string[];
-        properties: {
-            icon: {
-                type: string;
-            };
-            text: {
-                type: string;
-            };
-            url: {
-                type: string;
+        items: {
+            type: string;
+            additionalProperties: boolean;
+            required: string[];
+            properties: {
+                text: {
+                    type: string;
+                };
+                url: {
+                    type: string;
+                };
+                outline: {
+                    type: string;
+                };
             };
         };
     };
-    backgroundEffect: {
+    video: {
+        type: string;
+    };
+    headerSpace: {
         type: string;
-        additionalProperties: boolean;
-        required: string[];
-        properties: {
-            firstSrc: {
-                type: string;
-            };
-            secondSrc: {
-                type: string;
-            };
-        };
     };
 };
 export declare const HeaderMinifyBlock: {
@@ -52,34 +48,30 @@ export declare const HeaderMinifyBlock: {
                 contentType: string;
                 inputType: string;
             };
-            button: {
+            buttons: {
                 type: string;
-                additionalProperties: boolean;
-                required: string[];
-                properties: {
-                    icon: {
-                        type: string;
-                    };
-                    text: {
-                        type: string;
-                    };
-                    url: {
-                        type: string;
+                items: {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                        };
+                        url: {
+                            type: string;
+                        };
+                        outline: {
+                            type: string;
+                        };
                     };
                 };
             };
-            backgroundEffect: {
+            video: {
+                type: string;
+            };
+            headerSpace: {
                 type: string;
-                additionalProperties: boolean;
-                required: string[];
-                properties: {
-                    firstSrc: {
-                        type: string;
-                    };
-                    secondSrc: {
-                        type: string;
-                    };
-                };
             };
             anchor: {
                 type: string;

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

@@ -12,24 +12,24 @@ exports.HeaderMinifyProperties = {
         contentType: 'yfm',
         inputType: 'textarea',
     },
-    button: {
-        type: 'object',
-        additionalProperties: false,
-        required: ['text', 'url'],
-        properties: {
-            icon: { type: 'string' },
-            text: { type: 'string' },
-            url: { type: 'string' },
+    buttons: {
+        type: 'array',
+        items: {
+            type: 'object',
+            additionalProperties: false,
+            required: ['text', 'url'],
+            properties: {
+                text: { type: 'string' },
+                url: { type: 'string' },
+                outline: { type: 'boolean' },
+            },
         },
     },
-    backgroundEffect: {
-        type: 'object',
-        additionalProperties: false,
-        required: ['firstSrc', 'secondSrc'],
-        properties: {
-            firstSrc: { type: 'string' },
-            secondSrc: { type: 'string' },
-        },
+    video: {
+        type: 'string',
+    },
+    headerSpace: {
+        type: 'boolean',
     },
 };
 exports.HeaderMinifyBlock = {

package/build/cjs/blocks/UnicornCards/Item/Item.css

@@ -0,0 +1,34 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-unicorn-cards-item {
+  position: relative;
+  padding: 20px 24px;
+  border-radius: 20px;
+  min-height: 410px;
+}
+.pc-unicorn-cards-item__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));
+  font-weight: bold;
+  margin-bottom: 12px;
+  position: relative;
+  z-index: 1;
+}
+.pc-unicorn-cards-item__text {
+  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
+  line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
+  position: relative;
+  z-index: 1;
+}
+.pc-unicorn-cards-item__background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 20px;
+  overflow: hidden;
+}
+.pc-unicorn-cards-item__background-item {
+  height: 100%;
+}

package/build/cjs/blocks/UnicornCards/Item/Item.d.ts

@@ -0,0 +1,3 @@
+import { UnicornCardsItemProps } from '../../../models';
+export declare const Item: ({ title, text, unicorn }: UnicornCardsItemProps) => JSX.Element;
+export default Item;

package/build/cjs/blocks/UnicornCards/Item/Item.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const unicornstudio_react_1 = tslib_1.__importDefault(require("unicornstudio-react"));
+const utils_1 = require("../../../utils");
+const b = (0, utils_1.block)('unicorn-cards-item');
+const Item = ({ title, text, unicorn }) => {
+    return (react_1.default.createElement("div", { className: b() },
+        title && react_1.default.createElement("div", { className: b('title') }, title),
+        text && react_1.default.createElement("div", { className: b('text') }, text),
+        unicorn && (react_1.default.createElement("div", { className: b('background') },
+            react_1.default.createElement(unicornstudio_react_1.default, { className: b('background-item'), jsonFilePath: unicorn, width: "100%" })))));
+};
+exports.Item = Item;
+exports.default = exports.Item;

package/build/cjs/blocks/UnicornCards/UnicornCards.css

@@ -0,0 +1,22 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+@media (min-width: 769px) {
+  .pc-unicorn-cards-block.pc-AnimateBlock .pc-unicorn-cards-block__root, .pc-AnimateBlock .pc-unicorn-cards-block .pc-unicorn-cards-block__root {
+    position: relative;
+    top: 100px;
+    opacity: 0;
+  }
+  .pc-unicorn-cards-block.pc-AnimateBlock.animate .pc-unicorn-cards-block__root, .pc-AnimateBlock .pc-unicorn-cards-block.animate .pc-unicorn-cards-block__root {
+    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-unicorn-cards-block__title {
+  margin-bottom: 48px;
+  text-align: center;
+}
+.pc-unicorn-cards-block__items {
+  row-gap: 16px;
+}

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

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

package/build/cjs/blocks/UnicornCards/UnicornCards.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnicornCardsBlock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+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 Item_1 = tslib_1.__importDefault(require("./Item/Item"));
+const b = (0, utils_1.block)('unicorn-cards-block');
+const colSizes = { all: 12, xl: 3, lg: 4, md: 6 };
+const UnicornCardsBlock = (props) => {
+    const { animated, title, items } = props;
+    const titleProps = !title || typeof title === 'string'
+        ? { text: title, textSize: 'l' }
+        : title;
+    const hasTitle = Boolean(title);
+    return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), animate: animated },
+        react_1.default.createElement("div", { className: b('root') },
+            hasTitle && (react_1.default.createElement(components_1.Title, { title: titleProps, className: b('title'), colSizes: { all: 12 } })),
+            react_1.default.createElement(grid_1.Grid, null,
+                react_1.default.createElement(grid_1.Row, { className: b('items') }, items === null || items === void 0 ? void 0 : items.map((item, index) => (react_1.default.createElement(grid_1.Col, { key: index, sizes: colSizes },
+                    react_1.default.createElement(Item_1.default, Object.assign({}, item))))))))));
+};
+exports.UnicornCardsBlock = UnicornCardsBlock;
+exports.default = exports.UnicornCardsBlock;

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

@@ -0,0 +1,190 @@
+export declare const UnicornCardsBlock: {
+    'unicorn-cards-block': {
+        additionalProperties: boolean;
+        required: boolean;
+        properties: {
+            title: {
+                oneOf: ({
+                    type: string;
+                    contentType: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
+                    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[];
+                        };
+                        bottomSpace: {
+                            type: string;
+                            enum: string[];
+                        };
+                        centered: {
+                            type: string;
+                        };
+                        url: {
+                            type: string;
+                        };
+                        urlTitle: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                    contentType?: undefined;
+                })[];
+            };
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: boolean;
+                    properties: {
+                        title: {
+                            type: string;
+                        };
+                        text: {
+                            type: string;
+                        };
+                        unicorn: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            animated: {
+                type: string;
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnicornCardsBlock = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.UnicornCardsBlock = {
+    'unicorn-cards-block': {
+        additionalProperties: false,
+        required: false,
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { title: {
+                oneOf: [
+                    {
+                        type: 'string',
+                        contentType: 'text',
+                        optionName: 'text',
+                    },
+                    Object.assign(Object.assign({}, common_1.TitleProps), { optionName: 'options' }),
+                ],
+            }, items: {
+                type: 'array',
+                items: {
+                    type: 'object',
+                    additionalProperties: false,
+                    required: false,
+                    properties: {
+                        title: { type: 'string' },
+                        text: { type: 'string' },
+                        unicorn: { type: 'string' },
+                    },
+                },
+            } }),
+    },
+};

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

@@ -1,5 +1,6 @@
 export { default as BannerBlock } from './Banner/Banner';
 export { default as LogoRotatorBlock } from './LogoRotator/LogoRotator';
+export { default as UnicornCardsBlock } from './UnicornCards/UnicornCards';
 export { default as CompaniesBlock } from './Companies/Companies';
 export { default as InfoBlock } from './Info/Info';
 export { default as MediaBlock } from './Media/Media';