@gravity-ui/page-constructor 5.18.1-alpha.2 → 5.18.1-alpha.4

package/build/cjs/blocks/Banner/Banner.js

@@ -8,8 +8,8 @@ const sub_blocks_1 = require("../../sub-blocks");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('banner-block');
 const BannerBlock = (props) => {
-    const { animated } = props, bannerProps = tslib_1.__rest(props, ["animated"]);
-    return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), animate: animated },
+    const { animated, className } = props, bannerProps = tslib_1.__rest(props, ["animated", "className"]);
+    return (react_1.default.createElement(AnimateBlock_1.default, { className: b(null, className), animate: animated },
         react_1.default.createElement(sub_blocks_1.BannerCard, Object.assign({}, bannerProps))));
 };
 exports.BannerBlock = BannerBlock;

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

@@ -44,6 +44,14 @@ export declare const CardLayoutProps: {
                     disableCompress: {
                         type: string;
                     };
+                    loading: {
+                        type: string;
+                        enum: string[];
+                    };
+                    fetchPriority: {
+                        type: string;
+                        enum: string[];
+                    };
                 };
                 optionName: string;
                 type: string;
@@ -73,6 +81,14 @@ export declare const CardLayoutProps: {
                     disableCompress: {
                         type: string;
                     };
+                    loading: {
+                        type: string;
+                        enum: string[];
+                    };
+                    fetchPriority: {
+                        type: string;
+                        enum: string[];
+                    };
                 };
                 optionName: string;
                 type: string;
@@ -216,6 +232,14 @@ export declare const CardLayoutBlock: {
                         disableCompress: {
                             type: string;
                         };
+                        loading: {
+                            type: string;
+                            enum: string[];
+                        };
+                        fetchPriority: {
+                            type: string;
+                            enum: string[];
+                        };
                     };
                     optionName: string;
                     type: string;
@@ -245,6 +269,14 @@ export declare const CardLayoutBlock: {
                         disableCompress: {
                             type: string;
                         };
+                        loading: {
+                            type: string;
+                            enum: string[];
+                        };
+                        fetchPriority: {
+                            type: string;
+                            enum: string[];
+                        };
                     };
                     optionName: string;
                     type: string;

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

@@ -42,6 +42,14 @@ export declare const ContentLayoutBlock: {
                         disableCompress: {
                             type: string;
                         };
+                        loading: {
+                            type: string;
+                            enum: string[];
+                        };
+                        fetchPriority: {
+                            type: string;
+                            enum: string[];
+                        };
                     };
                 } | {
                     optionName: string;
@@ -56,9 +64,7 @@ export declare const ContentLayoutBlock: {
                         tablet: {
                             type: string;
                             pattern: string;
-                        }; /**
-                         * @deprecated Use params on top level instead
-                         */
+                        };
                         mobile: {
                             type: string;
                             pattern: string;
@@ -70,6 +76,14 @@ export declare const ContentLayoutBlock: {
                         disableCompress: {
                             type: string;
                         };
+                        loading: {
+                            type: string;
+                            enum: string[];
+                        };
+                        fetchPriority: {
+                            type: string;
+                            enum: string[];
+                        };
                     };
                 })[];
             };
@@ -234,6 +248,14 @@ export declare const ContentLayoutBlock: {
                             disableCompress: {
                                 type: string;
                             };
+                            loading: {
+                                type: string;
+                                enum: string[];
+                            };
+                            fetchPriority: {
+                                type: string;
+                                enum: string[];
+                            };
                         };
                     } | {
                         optionName: string;
@@ -248,9 +270,7 @@ export declare const ContentLayoutBlock: {
                             tablet: {
                                 type: string;
                                 pattern: string;
-                            }; /**
-                             * @deprecated Use params on top level instead
-                             */
+                            };
                             mobile: {
                                 type: string;
                                 pattern: string;
@@ -262,6 +282,14 @@ export declare const ContentLayoutBlock: {
                             disableCompress: {
                                 type: string;
                             };
+                            loading: {
+                                type: string;
+                                enum: string[];
+                            };
+                            fetchPriority: {
+                                type: string;
+                                enum: string[];
+                            };
                         };
                     })[];
                 };

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

@@ -27,6 +27,9 @@ unpredictable css rules order in build */
 .pc-header-block__content_theme_dark .pc-header-block__overtitle {
   color: var(--g-color-text-light-primary);
 }
+.pc-header-block__content_theme_dark .pc-header-block__description .yfm {
+  color: var(--g-color-text-light-primary);
+}
 .pc-header-block__content_vertical-offset {
   margin: 16px 0;
 }

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

@@ -41,6 +41,7 @@ const HeaderBlock = (props) => {
             ['has-media']: hasRightSideImage,
             ['full-width']: fullWidth,
             ['media-view']: mediaView,
+            ['controls-view']: textTheme,
         }, className) },
         backgroundThemed && fullWidth && react_1.default.createElement(FullWidthBackground, { background: backgroundThemed }),
         backgroundThemed && react_1.default.createElement(Background, { background: backgroundThemed, isMobile: isMobile }),
@@ -62,7 +63,7 @@ const HeaderBlock = (props) => {
                                 react_1.default.createElement("h1", { className: b('title'), id: titleId },
                                     status,
                                     renderTitle ? renderTitle(title) : react_1.default.createElement(components_1.HTML, null, title)),
-                                description && (react_1.default.createElement("div", { className: b('description') },
+                                description && (react_1.default.createElement("div", { className: b('description', { theme: textTheme }) },
                                     react_1.default.createElement(YFMWrapper_1.default, { content: description, modifiers: {
                                             constructor: true,
                                             constructorTheme: textTheme,

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

@@ -162,11 +162,17 @@ export declare const HeaderBackgroundProps: {
                 ariaLabel: {
                     type: string;
                 };
+                contain: {
+                    type: string;
+                };
             };
         };
         youtube: {
             type: string;
         };
+        videoIframe: {
+            type: string;
+        };
         parallax: {
             type: string;
         };
@@ -278,7 +284,8 @@ export declare const HeaderBackgroundProps: {
             })[];
         };
         ratio: {
-            type: string;
+            type: string[];
+            pattern: string;
         };
         iframe: {
             type: string;
@@ -463,6 +470,9 @@ export declare const HeaderProperties: {
                 ariaLabel: {
                     type: string;
                 };
+                contain: {
+                    type: string;
+                };
             };
         } & {
             optionName: string;
@@ -664,11 +674,17 @@ export declare const HeaderProperties: {
                         ariaLabel: {
                             type: string;
                         };
+                        contain: {
+                            type: string;
+                        };
                     };
                 };
                 youtube: {
                     type: string;
                 };
+                videoIframe: {
+                    type: string;
+                };
                 parallax: {
                     type: string;
                 };
@@ -780,7 +796,8 @@ export declare const HeaderProperties: {
                     })[];
                 };
                 ratio: {
-                    type: string;
+                    type: string[];
+                    pattern: string;
                 };
                 iframe: {
                     type: string;
@@ -1014,6 +1031,9 @@ export declare const HeaderBlock: {
                         ariaLabel: {
                             type: string;
                         };
+                        contain: {
+                            type: string;
+                        };
                     };
                 } & {
                     optionName: string;
@@ -1215,11 +1235,17 @@ export declare const HeaderBlock: {
                                 ariaLabel: {
                                     type: string;
                                 };
+                                contain: {
+                                    type: string;
+                                };
                             };
                         };
                         youtube: {
                             type: string;
                         };
+                        videoIframe: {
+                            type: string;
+                        };
                         parallax: {
                             type: string;
                         };
@@ -1331,7 +1357,8 @@ export declare const HeaderBlock: {
                             })[];
                         };
                         ratio: {
-                            type: string;
+                            type: string[];
+                            pattern: string;
                         };
                         iframe: {
                             type: string;

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

@@ -165,6 +165,9 @@ export declare const HeaderSliderBlock: {
                                     ariaLabel: {
                                         type: string;
                                     };
+                                    contain: {
+                                        type: string;
+                                    };
                                 };
                             } & {
                                 optionName: string;
@@ -366,11 +369,17 @@ export declare const HeaderSliderBlock: {
                                             ariaLabel: {
                                                 type: string;
                                             };
+                                            contain: {
+                                                type: string;
+                                            };
                                         };
                                     };
                                     youtube: {
                                         type: string;
                                     };
+                                    videoIframe: {
+                                        type: string;
+                                    };
                                     parallax: {
                                         type: string;
                                     };
@@ -482,7 +491,8 @@ export declare const HeaderSliderBlock: {
                                         })[];
                                     };
                                     ratio: {
-                                        type: string;
+                                        type: string[];
+                                        pattern: string;
                                     };
                                     iframe: {
                                         type: string;

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

@@ -156,11 +156,17 @@ export declare const Media: {
                 ariaLabel: {
                     type: string;
                 };
+                contain: {
+                    type: string;
+                };
             };
         };
         youtube: {
             type: string;
         };
+        videoIframe: {
+            type: string;
+        };
         parallax: {
             type: string;
         };
@@ -272,7 +278,8 @@ export declare const Media: {
             })[];
         };
         ratio: {
-            type: string;
+            type: string[];
+            pattern: string;
         };
         iframe: {
             type: string;
@@ -779,11 +786,17 @@ export declare const MediaBlock: {
                                 ariaLabel: {
                                     type: string;
                                 };
+                                contain: {
+                                    type: string;
+                                };
                             };
                         };
                         youtube: {
                             type: string;
                         };
+                        videoIframe: {
+                            type: string;
+                        };
                         parallax: {
                             type: string;
                         };
@@ -895,7 +908,8 @@ export declare const MediaBlock: {
                             })[];
                         };
                         ratio: {
-                            type: string;
+                            type: string[];
+                            pattern: string;
                         };
                         iframe: {
                             type: string;

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

@@ -172,11 +172,17 @@ export declare const PromoFeaturesItem: {
                         ariaLabel: {
                             type: string;
                         };
+                        contain: {
+                            type: string;
+                        };
                     };
                 };
                 youtube: {
                     type: string;
                 };
+                videoIframe: {
+                    type: string;
+                };
                 parallax: {
                     type: string;
                 };
@@ -288,7 +294,8 @@ export declare const PromoFeaturesItem: {
                     })[];
                 };
                 ratio: {
-                    type: string;
+                    type: string[];
+                    pattern: string;
                 };
                 iframe: {
                     type: string;

package/build/cjs/blocks/Slider/Arrow/Arrow.css

@@ -47,7 +47,7 @@ unpredictable css rules order in build */
   border-radius: 100%;
   background-color: var(--g-color-base-background);
   box-shadow: 0 4px 24px var(--pc-color-sfx-shadow), 0 2px 8px var(--pc-color-sfx-shadow);
-  transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
+  transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 1s cubic-bezier(0.22, 0.61, 0.36, 1);
 }
 .pc-slider-block-arrow__button:focus {
   outline: 2px solid var(--g-color-line-focus);

package/build/cjs/blocks/Slider/Slider.css

@@ -105,7 +105,7 @@ unpredictable css rules order in build */
   height: auto;
 }
 .pc-SliderBlock .slick-track .slick-slide > div {
-  height: 100%;
+  display: flex;
 }
 .pc-SliderBlock .slick-arrow {
   position: absolute;
@@ -146,6 +146,7 @@ unpredictable css rules order in build */
   border-radius: 100%;
   background-color: var(--g-color-line-generic-accent);
   cursor: pointer;
+  transition: background-color 1s;
 }
 .pc-SliderBlock__dot:hover {
   background-color: var(--g-color-line-generic-accent-hover);
@@ -606,6 +607,24 @@ unpredictable css rules order in build */
 .pc-SliderBlock_type_header-card .slick-arrow:hover button {
   box-shadow: none;
 }
+.pc-SliderBlock_type_header-card:has(.slick-active .pc-header-block_controls-view_light) .pc-slider-block-arrow__button {
+  color: var(--g-color-text-dark-primary);
+}
+.pc-SliderBlock_type_header-card:has(.slick-active .pc-header-block_controls-view_light) .pc-SliderBlock__dot {
+  background-color: var(--g-color-private-black-150);
+}
+.pc-SliderBlock_type_header-card:has(.slick-active .pc-header-block_controls-view_light) .pc-SliderBlock__dot_active {
+  background-color: var(--g-color-private-black-300);
+}
+.pc-SliderBlock_type_header-card:has(.slick-active .pc-header-block_controls-view_dark) .pc-slider-block-arrow__button {
+  color: var(--g-color-text-light-primary);
+}
+.pc-SliderBlock_type_header-card:has(.slick-active .pc-header-block_controls-view_dark) .pc-SliderBlock__dot {
+  background-color: var(--g-color-private-white-150);
+}
+.pc-SliderBlock_type_header-card:has(.slick-active .pc-header-block_controls-view_dark) .pc-SliderBlock__dot_active {
+  background-color: var(--g-color-private-white-300);
+}
 .pc-SliderBlock_type_header-card .slick-slide {
   padding: 0;
 }