@doyourjob/gravity-ui-page-constructor 5.31.260 → 5.31.262

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

@@ -369,6 +369,12 @@ unpredictable css rules order in build */
   align-items: center;
   text-align: center;
 }
+@media (max-width: 769px) {
+  .pc-benefits-block__head {
+    align-items: initial;
+    text-align: initial;
+  }
+}
 .pc-benefits-block__title {
   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));
@@ -376,12 +382,24 @@ unpredictable css rules order in build */
   font-weight: var(--g-text-accent-font-weight);
   color: var(--g-color-text-primary);
 }
+@media (max-width: 769px) {
+  .pc-benefits-block__title {
+    font-size: var(--g-text-display-1-font-size, var(--pc-text-display-1-font-size));
+    line-height: var(--g-text-display-1-line-height, var(--pc-text-display-1-line-height));
+  }
+}
 .pc-benefits-block__text {
   font-size: 24px;
   line-height: 28px;
   opacity: 0.6;
   max-width: 600px;
 }
+@media (max-width: 769px) {
+  .pc-benefits-block__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));
+  }
+}
 .pc-benefits-block__video {
   width: 100%;
   aspect-ratio: 16/9;
@@ -393,6 +411,11 @@ unpredictable css rules order in build */
   flex-direction: column;
   gap: 4px;
 }
+@media (max-width: 769px) {
+  .pc-benefits-block__items {
+    margin-top: 16px;
+  }
+}
 .pc-benefits-block__item {
   display: flex;
   gap: 16px;
@@ -400,6 +423,11 @@ unpredictable css rules order in build */
   border-radius: 24px;
   background: var(--local-item-bg);
 }
+@media (max-width: 769px) {
+  .pc-benefits-block__item {
+    padding: 24px;
+  }
+}
 .pc-benefits-block__item-image {
   display: block;
   height: 24px;
@@ -409,4 +437,10 @@ unpredictable css rules order in build */
   font-size: 24px;
   line-height: 28px;
   opacity: 0.8;
+}
+@media (max-width: 769px) {
+  .pc-benefits-block__item-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));
+  }
 }

package/build/cjs/blocks/Header/Header.css

@@ -204,6 +204,20 @@ unpredictable css rules order in build */
   width: 100%;
   object-fit: cover;
 }
+.pc-header-block__background.pc-header-block__background_unicorn, .pc-header-block__background.pc-header-block__background_media.pc-header-block__background_unicorn {
+  z-index: 5;
+}
+@media (max-width: 769px) {
+  .pc-header-block_has-background .pc-header-block__background.pc-header-block__background_unicorn, .pc-header-block_has-background .pc-header-block__background.pc-header-block__background_media.pc-header-block__background_unicorn {
+    display: none;
+  }
+}
+.pc-header-block_full-width .pc-header-block__background.pc-header-block__background_unicorn, .pc-header-block_full-width .pc-header-block__background.pc-header-block__background_media.pc-header-block__background_unicorn {
+  width: 100%;
+  left: 0;
+  transform: none;
+  max-width: none;
+}
 .pc-header-block__background_full-width {
   left: 0;
   transform: none;

package/build/cjs/blocks/Header/Header.js

@@ -30,7 +30,7 @@ const Background = ({ background, isMobile }) => {
 const FullWidthBackground = ({ background }) => (react_1.default.createElement("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
 // eslint-disable-next-line complexity
 const HeaderBlock = (props) => {
-    const { title, switchingTitle, topTags, bottomTags, overtitle, description, buttons, stock, stockPrice, stockShares, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', verticalOffsetTop, verticalOffsetBottom, className, breadcrumbs, status, renderTitle, children, mediaView = 'full', backgroundEffect, headerSpace, backLink, } = props;
+    const { title, switchingTitle, topTags, bottomTags, overtitle, description, buttons, stock, stockPrice, stockShares, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', verticalOffsetTop, verticalOffsetBottom, className, breadcrumbs, status, renderTitle, children, mediaView = 'full', backgroundEffect, headerSpace, backLink, unicorn, unicornSdkUrl, } = props;
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const { backButton, blockTag } = (0, react_1.useContext)(headerContext_1.HeaderContext);
     const theme = (0, theme_1.useTheme)();
@@ -44,6 +44,7 @@ const HeaderBlock = (props) => {
     const fullWidth = (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidth) || (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidthMedia);
     const titleId = (0, uikit_1.useUniqId)();
     const headerRef = (0, react_1.useRef)(null);
+    const hasBackground = Boolean(backgroundThemed || backgroundEffect);
     const backButtonItem = (0, react_1.useMemo)(() => {
         if (backLink) {
             return { link: backLink.url, text: backLink.title };
@@ -55,6 +56,7 @@ const HeaderBlock = (props) => {
     }, [backButton, backLink, breadcrumbs, verticalOffset]);
     return (react_1.default.createElement("header", { ref: headerRef, className: b({
             ['has-media']: hasRightSideImage,
+            ['has-background']: hasBackground,
             ['full-width']: fullWidth,
             ['media-view']: mediaView,
             ['controls-view']: textTheme,
@@ -63,6 +65,8 @@ const HeaderBlock = (props) => {
         backgroundThemed && fullWidth && react_1.default.createElement(FullWidthBackground, { background: backgroundThemed }),
         backgroundThemed && react_1.default.createElement(Background, { background: backgroundThemed, isMobile: isMobile }),
         backgroundEffect && backgroundEffect.firstSrc && backgroundEffect.secondSrc && (react_1.default.createElement(components_1.BackgroundEffect, Object.assign({}, backgroundEffect, { attachRef: headerRef }))),
+        unicorn && (react_1.default.createElement("div", { className: b('background', { unicorn: true }) },
+            react_1.default.createElement(components_1.UnicornScene, { jsonFilePath: unicorn, sdkUrl: unicornSdkUrl }))),
         react_1.default.createElement(grid_1.Grid, { containerClass: b('container-fluid') },
             react_1.default.createElement(Breadcrumbs_1.default, { breadcrumbs: breadcrumbs, theme: textTheme }),
             react_1.default.createElement(BackButton_1.default, { backButton: backButtonItem, theme: textTheme }),

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

@@ -920,6 +920,12 @@ export declare const HeaderProperties: {
         type: string;
         enum: string[];
     };
+    unicorn: {
+        type: string;
+    };
+    unicornSdkUrl: {
+        type: string;
+    };
     breadcrumbs: {
         type: string;
         additionalProperties: boolean;
@@ -1632,6 +1638,12 @@ export declare const HeaderBlock: {
                 type: string;
                 enum: string[];
             };
+            unicorn: {
+                type: string;
+            };
+            unicornSdkUrl: {
+                type: string;
+            };
             breadcrumbs: {
                 type: string;
                 additionalProperties: boolean;

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

@@ -140,6 +140,8 @@ exports.HeaderProperties = {
         type: 'string',
         enum: ['default', 'dark'],
     },
+    unicorn: { type: 'string' },
+    unicornSdkUrl: { type: 'string' },
     breadcrumbs: {
         type: 'object',
         additionalProperties: false,

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

@@ -611,6 +611,12 @@ export declare const HeaderSliderBlock: {
                             type: string;
                             enum: string[];
                         };
+                        unicorn: {
+                            type: string;
+                        };
+                        unicornSdkUrl: {
+                            type: string;
+                        };
                         breadcrumbs: {
                             type: string;
                             additionalProperties: boolean;

package/build/cjs/blocks/LogoRotator/LogoRotator.css

@@ -13,6 +13,48 @@ unpredictable css rules order in build */
     transition-delay: 0s;
   }
 }
+.pc-logo-rotator-block__root {
+  display: flex;
+  flex-direction: column;
+  gap: 48px;
+}
+.pc-logo-rotator-block__head {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  align-items: center;
+  text-align: center;
+}
+@media (max-width: 769px) {
+  .pc-logo-rotator-block__head {
+    align-items: initial;
+    text-align: initial;
+  }
+}
+.pc-logo-rotator-block__title {
+  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;
+  font-weight: var(--g-text-accent-font-weight);
+  color: var(--g-color-text-primary);
+}
+@media (max-width: 769px) {
+  .pc-logo-rotator-block__title {
+    font-size: var(--g-text-display-1-font-size, var(--pc-text-display-1-font-size));
+    line-height: var(--g-text-display-1-line-height, var(--pc-text-display-1-line-height));
+  }
+}
+.pc-logo-rotator-block__text {
+  font-size: 24px;
+  line-height: 28px;
+  opacity: 0.6;
+}
+@media (max-width: 769px) {
+  .pc-logo-rotator-block__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));
+  }
+}
 .pc-logo-rotator-block__row {
   justify-content: center;
 }
@@ -22,11 +64,7 @@ unpredictable css rules order in build */
   }
 }
 .pc-logo-rotator-block_theme_dark .pc-logo-rotator-block__title {
-  --pc-text-header-color: #ffffff;
-}
-.pc-logo-rotator-block__title {
-  margin-bottom: 48px;
-  text-align: center;
+  color: #ffffff;
 }
 .pc-logo-rotator-block__items {
   display: flex;

package/build/cjs/blocks/LogoRotator/LogoRotator.js

@@ -25,7 +25,7 @@ const pickRandomSlots = (slotIndices, count) => {
     return shuffled.slice(0, count);
 };
 const LogoRotatorBlock = (props) => {
-    const { animated, title, theme, items, countMobile, countDesktop, minRotateCount = DEFAULT_MIN_ROTATE_COUNT, maxRotateCount = DEFAULT_MAX_ROTATE_COUNT, swapAnimation = utils_2.DEFAULT_SWAP_ANIMATION, colSizes, rowMode, } = props;
+    const { animated, title, text, theme, items, countMobile, countDesktop, minRotateCount = DEFAULT_MIN_ROTATE_COUNT, maxRotateCount = DEFAULT_MAX_ROTATE_COUNT, swapAnimation = utils_2.DEFAULT_SWAP_ANIMATION, colSizes, rowMode, } = props;
     const breakpoint = (0, useWindowBreakpoint_1.default)();
     const activeCount = countDesktop !== undefined && breakpoint >= constants_1.BREAKPOINTS.md ? countDesktop : countMobile;
     // Индексы логотипов, которые участвуют в ротации (не статичные)
@@ -146,13 +146,11 @@ const LogoRotatorBlock = (props) => {
         swapAnimation,
         transitions,
     ]);
-    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({ theme }), 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 } })),
+            title || text ? (react_1.default.createElement("div", { className: b('head') },
+                title && react_1.default.createElement("h2", { className: b('title') }, title),
+                text && react_1.default.createElement("div", { className: b('text') }, text))) : null,
             rowMode ? (react_1.default.createElement("div", { className: b('row-items') }, slots.map((slot, index) => {
                 var _a;
                 const transition = transitions[index];

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

@@ -4,160 +4,10 @@ export declare const LogoRotatorBlock: {
         required: string[];
         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;
-                })[];
+                type: string;
+            };
+            text: {
+                type: string;
             };
             theme: {
                 type: string;

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

@@ -7,14 +7,9 @@ exports.LogoRotatorBlock = {
         additionalProperties: false,
         required: ['items', 'countMobile'],
         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' }),
-                ],
+                type: 'string',
+            }, text: {
+                type: 'string',
             }, theme: common_1.ThemeProps, items: {
                 type: 'array',
                 items: {

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

@@ -13,10 +13,48 @@ unpredictable css rules order in build */
     transition-delay: 0s;
   }
 }
-.pc-unicorn-cards-block__title {
-  margin-bottom: 48px;
+.pc-unicorn-cards-block__root {
+  display: flex;
+  flex-direction: column;
+  gap: 48px;
+}
+.pc-unicorn-cards-block__head {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  align-items: center;
   text-align: center;
 }
+@media (max-width: 769px) {
+  .pc-unicorn-cards-block__head {
+    align-items: initial;
+    text-align: initial;
+  }
+}
+.pc-unicorn-cards-block__title {
+  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;
+  font-weight: var(--g-text-accent-font-weight);
+  color: var(--g-color-text-primary);
+}
+@media (max-width: 769px) {
+  .pc-unicorn-cards-block__title {
+    font-size: var(--g-text-display-1-font-size, var(--pc-text-display-1-font-size));
+    line-height: var(--g-text-display-1-line-height, var(--pc-text-display-1-line-height));
+  }
+}
+.pc-unicorn-cards-block__text {
+  font-size: 24px;
+  line-height: 28px;
+  opacity: 0.6;
+}
+@media (max-width: 769px) {
+  .pc-unicorn-cards-block__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));
+  }
+}
 .pc-unicorn-cards-block__items {
   row-gap: 16px;
 }

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

@@ -3,7 +3,6 @@ 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");
@@ -11,14 +10,12 @@ 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, unicornSdkUrl } = props;
-    const titleProps = !title || typeof title === 'string'
-        ? { text: title, textSize: 'l' }
-        : title;
-    const hasTitle = Boolean(title);
+    const { animated, title, text, items, unicornSdkUrl } = props;
     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 } })),
+            title || text ? (react_1.default.createElement("div", { className: b('head') },
+                title && react_1.default.createElement("h2", { className: b('title') }, title),
+                text && react_1.default.createElement("div", { className: b('text') }, text))) : null,
             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({ unicornSdkUrl: unicornSdkUrl }, item))))))))));