@gravity-ui/page-constructor 4.47.0-beta.0 → 4.47.0

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

@@ -8,41 +8,77 @@ export declare const CardLayoutProps: {
             properties: {};
         };
         background: {
-            type: string;
-            additionalProperties: boolean;
-            required: string[];
-            properties: {
-                src: {
-                    type: string;
-                    pattern: string;
-                };
-                style: {
-                    type: string;
-                    additionalProperties: boolean;
-                    required: never[];
-                    properties: {
-                        backgroundColor: {
-                            type: string;
-                        };
-                        height: {
-                            type: string[];
-                        };
-                        width: {
-                            type: string[];
-                        };
-                        color: {
-                            type: string;
+            anyOf: ({
+                properties: {
+                    border: {
+                        type: string;
+                        enum: string[];
+                    };
+                    src: {
+                        type: string;
+                        pattern: string;
+                    };
+                    style: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: never[];
+                        properties: {
+                            backgroundColor: {
+                                type: string;
+                            };
+                            height: {
+                                type: string[];
+                            };
+                            width: {
+                                type: string[];
+                            };
+                            color: {
+                                type: string;
+                            };
                         };
                     };
+                    alt: {
+                        type: string;
+                        contentType: string;
+                    };
+                    disableCompress: {
+                        type: string;
+                    };
                 };
-                alt: {
-                    type: string;
-                    contentType: string;
-                };
-                disableCompress: {
-                    type: string;
+                optionName: string;
+                type: string;
+                additionalProperties: boolean;
+            } | {
+                properties: {
+                    border: {
+                        type: string;
+                        enum: string[];
+                    };
+                    desktop: {
+                        type: string;
+                        pattern: string;
+                    };
+                    tablet: {
+                        type: string;
+                        pattern: string;
+                    };
+                    mobile: {
+                        type: string;
+                        pattern: string;
+                    };
+                    alt: {
+                        type: string;
+                        contentType: string;
+                    };
+                    disableCompress: {
+                        type: string;
+                    };
                 };
-            };
+                optionName: string;
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+            })[];
         };
         children: {
             type: string;
@@ -144,41 +180,77 @@ export declare const CardLayoutBlock: {
                 properties: {};
             };
             background: {
-                type: string;
-                additionalProperties: boolean;
-                required: string[];
-                properties: {
-                    src: {
-                        type: string;
-                        pattern: string;
-                    };
-                    style: {
-                        type: string;
-                        additionalProperties: boolean;
-                        required: never[];
-                        properties: {
-                            backgroundColor: {
-                                type: string;
-                            };
-                            height: {
-                                type: string[];
-                            };
-                            width: {
-                                type: string[];
-                            };
-                            color: {
-                                type: string;
+                anyOf: ({
+                    properties: {
+                        border: {
+                            type: string;
+                            enum: string[];
+                        };
+                        src: {
+                            type: string;
+                            pattern: string;
+                        };
+                        style: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                backgroundColor: {
+                                    type: string;
+                                };
+                                height: {
+                                    type: string[];
+                                };
+                                width: {
+                                    type: string[];
+                                };
+                                color: {
+                                    type: string;
+                                };
                             };
                         };
+                        alt: {
+                            type: string;
+                            contentType: string;
+                        };
+                        disableCompress: {
+                            type: string;
+                        };
                     };
-                    alt: {
-                        type: string;
-                        contentType: string;
-                    };
-                    disableCompress: {
-                        type: string;
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                } | {
+                    properties: {
+                        border: {
+                            type: string;
+                            enum: string[];
+                        };
+                        desktop: {
+                            type: string;
+                            pattern: string;
+                        };
+                        tablet: {
+                            type: string;
+                            pattern: string;
+                        };
+                        mobile: {
+                            type: string;
+                            pattern: string;
+                        };
+                        alt: {
+                            type: string;
+                            contentType: string;
+                        };
+                        disableCompress: {
+                            type: string;
+                        };
                     };
-                };
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                })[];
             };
             children: {
                 type: string;

package/build/esm/blocks/CardLayout/schema.js

@@ -1,9 +1,14 @@
-import { ImageObjectProps } from '../../components/Image/schema';
-import { AnimatableProps, BlockBaseProps, BlockHeaderProps, ChildrenCardsProps, containerSizesObject, } from '../../schema/validators/common';
+import { ImageBaseObjectProps, ImageDeviceProps } from '../../components/Image/schema';
+import { AnimatableProps, BlockBaseProps, BlockHeaderProps, BorderProps, ChildrenCardsProps, containerSizesObject, } from '../../schema/validators/common';
 export const CardLayoutProps = {
     additionalProperties: false,
     required: [],
-    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), BlockHeaderProps), { colSizes: containerSizesObject, background: ImageObjectProps, children: ChildrenCardsProps }),
+    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), BlockHeaderProps), { colSizes: containerSizesObject, background: {
+            anyOf: [
+                Object.assign(Object.assign({}, ImageBaseObjectProps), { properties: Object.assign(Object.assign({}, ImageBaseObjectProps.properties), { border: BorderProps }), optionName: 'options' }),
+                Object.assign(Object.assign({}, ImageDeviceProps), { properties: Object.assign(Object.assign({}, ImageDeviceProps.properties), { border: BorderProps }), optionName: 'device options' }),
+            ],
+        }, children: ChildrenCardsProps }),
 };
 export const CardLayoutBlock = {
     'card-layout-block': CardLayoutProps,

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

@@ -7,41 +7,71 @@ export declare const ContentLayoutBlock: {
                 enum: string[];
             };
             background: {
-                type: string;
-                additionalProperties: boolean;
-                required: string[];
-                properties: {
-                    src: {
-                        type: string;
-                        pattern: string;
-                    };
-                    style: {
-                        type: string;
-                        additionalProperties: boolean;
-                        required: never[];
-                        properties: {
-                            backgroundColor: {
-                                type: string;
-                            };
-                            height: {
-                                type: string[];
-                            };
-                            width: {
-                                type: string[];
-                            };
-                            color: {
-                                type: string;
+                anyOf: ({
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {
+                        src: {
+                            type: string;
+                            pattern: string;
+                        };
+                        style: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                backgroundColor: {
+                                    type: string;
+                                };
+                                height: {
+                                    type: string[];
+                                };
+                                width: {
+                                    type: string[];
+                                };
+                                color: {
+                                    type: string;
+                                };
                             };
                         };
+                        alt: {
+                            type: string;
+                            contentType: string;
+                        };
+                        disableCompress: {
+                            type: string;
+                        };
                     };
-                    alt: {
-                        type: string;
-                        contentType: string;
-                    };
-                    disableCompress: {
-                        type: string;
+                } | {
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        desktop: {
+                            type: string;
+                            pattern: string;
+                        };
+                        tablet: {
+                            type: string;
+                            pattern: string;
+                        }; /**
+                         * @deprecated Use params on top level instead
+                         */
+                        mobile: {
+                            type: string;
+                            pattern: string;
+                        };
+                        alt: {
+                            type: string;
+                            contentType: string;
+                        };
+                        disableCompress: {
+                            type: string;
+                        };
                     };
-                };
+                })[];
             };
             centered: {
                 type: string;
@@ -92,9 +122,7 @@ export declare const ContentLayoutBlock: {
                             };
                             contentType?: undefined;
                         })[];
-                    }; /**
-                     * @deprecated Use params on top level instead
-                     */
+                    };
                     text: {
                         type: string;
                         contentType: string;
@@ -167,41 +195,71 @@ export declare const ContentLayoutBlock: {
                     enum: string[];
                 };
                 background: {
-                    type: string;
-                    additionalProperties: boolean;
-                    required: string[];
-                    properties: {
-                        src: {
-                            type: string;
-                            pattern: string;
-                        };
-                        style: {
-                            type: string;
-                            additionalProperties: boolean;
-                            required: never[];
-                            properties: {
-                                backgroundColor: {
-                                    type: string;
-                                };
-                                height: {
-                                    type: string[];
-                                };
-                                width: {
-                                    type: string[];
-                                };
-                                color: {
-                                    type: string;
+                    anyOf: ({
+                        optionName: string;
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            src: {
+                                type: string;
+                                pattern: string;
+                            };
+                            style: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: never[];
+                                properties: {
+                                    backgroundColor: {
+                                        type: string;
+                                    };
+                                    height: {
+                                        type: string[];
+                                    };
+                                    width: {
+                                        type: string[];
+                                    };
+                                    color: {
+                                        type: string;
+                                    };
                                 };
                             };
+                            alt: {
+                                type: string;
+                                contentType: string;
+                            };
+                            disableCompress: {
+                                type: string;
+                            };
                         };
-                        alt: {
-                            type: string;
-                            contentType: string;
-                        };
-                        disableCompress: {
-                            type: string;
+                    } | {
+                        optionName: string;
+                        type: string;
+                        additionalProperties: boolean;
+                        required: string[];
+                        properties: {
+                            desktop: {
+                                type: string;
+                                pattern: string;
+                            };
+                            tablet: {
+                                type: string;
+                                pattern: string;
+                            }; /**
+                             * @deprecated Use params on top level instead
+                             */
+                            mobile: {
+                                type: string;
+                                pattern: string;
+                            };
+                            alt: {
+                                type: string;
+                                contentType: string;
+                            };
+                            disableCompress: {
+                                type: string;
+                            };
                         };
-                    };
+                    })[];
                 };
                 centered: {
                     type: string;

package/build/esm/blocks/ContentLayout/schema.js

@@ -1,4 +1,4 @@
-import { ImageObjectProps } from '../../components/Image/schema';
+import { BackgroundImageProps } from '../../components/Image/schema';
 import { BlockBaseProps, FileLinkProps, contentSizes, contentTextWidth, contentThemes, } from '../../schema/validators/common';
 import { filteredArray } from '../../schema/validators/utils';
 import { ContentBlock } from '../../sub-blocks/Content/schema';
@@ -7,7 +7,7 @@ const ContentLayoutBlockProperties = {
         type: 'string',
         enum: contentSizes,
     },
-    background: ImageObjectProps,
+    background: BackgroundImageProps,
     centered: {
         type: 'boolean',
     },