@gravity-ui/blog-constructor 11.0.1 → 11.2.0

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

@@ -5,7 +5,9 @@ export declare const Author: {
         required: string[];
         properties: {
             authorId: {
-                type: string;
+                oneOf: {
+                    type: string;
+                }[];
             };
             paddingTop: {
                 type: string;
@@ -43,8 +45,17 @@ export declare const Author: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

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

@@ -11,7 +11,7 @@ exports.Author = {
         additionalProperties: false,
         required: ['authorId'],
         properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), common_2.BlogBlockBase), { authorId: {
-                type: 'number',
+                oneOf: [{ type: 'number' }, { type: 'string' }],
             } }),
     },
 };

package/build/cjs/blocks/Author/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Author/schema.ts"],"names":[],"mappings":";;;AAAA,mEAAwD;AAExD,MAAM,EACF,MAAM,EAAE,EAAC,cAAc,EAAC,GAC3B,GAAG,6BAAU,CAAC;AAEf,mDAA8C;AAC9C,mDAAkD;AAErC,QAAA,MAAM,GAAG;IAClB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE;QAChB,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,UAAU,CAAC;QACtB,UAAU,gDACH,cAAc,GACd,sBAAa,KAChB,QAAQ,EAAE;gBACN,IAAI,EAAE,QAAQ;aACjB,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {validators} from '@gravity-ui/page-constructor';\n\nconst {\n    common: {BlockBaseProps},\n} = validators;\n\nimport {BlockType} from '../../models/common';\nimport {BlogBlockBase} from '../../schema/common';\n\nexport const Author = {\n    [BlockType.Author]: {\n        type: 'object',\n        additionalProperties: false,\n        required: ['authorId'],\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n            authorId: {\n                type: 'number',\n            },\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Author/schema.ts"],"names":[],"mappings":";;;AAAA,mEAAwD;AAExD,MAAM,EACF,MAAM,EAAE,EAAC,cAAc,EAAC,GAC3B,GAAG,6BAAU,CAAC;AAEf,mDAA8C;AAC9C,mDAAkD;AAErC,QAAA,MAAM,GAAG;IAClB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE;QAChB,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,UAAU,CAAC;QACtB,UAAU,gDACH,cAAc,GACd,sBAAa,KAChB,QAAQ,EAAE;gBACN,KAAK,EAAE,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC;aAC9C,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {validators} from '@gravity-ui/page-constructor';\n\nconst {\n    common: {BlockBaseProps},\n} = validators;\n\nimport {BlockType} from '../../models/common';\nimport {BlogBlockBase} from '../../schema/common';\n\nexport const Author = {\n    [BlockType.Author]: {\n        type: 'object',\n        additionalProperties: false,\n        required: ['authorId'],\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n            authorId: {\n                oneOf: [{type: 'number'}, {type: 'string'}],\n            },\n        },\n    },\n};\n"]}

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Banner = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const Wrapper_1 = require("../../components/Wrapper/Wrapper.js");
 const constants_1 = require("../../constants.js");
@@ -26,8 +27,10 @@ const Banner = (_a) => {
     }
     const contentData = (0, common_1.updateContentSizes)(content);
     (_b = contentData.buttons) === null || _b === void 0 ? void 0 : _b.forEach((button) => {
-        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
-        button.analyticsEvents = (0, common_1.getMergedAnalyticsEvents)(buttonGoals, button.analyticsEvents);
+        if (!React.isValidElement(button)) {
+            const buttonConfig = button;
+            buttonConfig.analyticsEvents = (0, common_1.getMergedAnalyticsEvents)(buttonGoals, buttonConfig.analyticsEvents);
+        }
     });
     return ((0, jsx_runtime_1.jsx)(Wrapper_1.Wrapper, { paddings: {
             [paddings_1.PaddingsDirections.top]: paddingTop,

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sourceRoot":"../../../../src","sources":["blocks/Banner/Banner.tsx"],"names":[],"mappings":";;;;;AAAA,mEAA4D;AAE5D,iEAAyD;AACzD,kDAA+C;AAC/C,mDAAsD;AAEtD,uDAAyD;AACzD,0CAAqC;AACrC,kDAK4B;AAI5B,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,QAAQ,CAAC,CAAC;AAE1B,MAAM,2BAA2B,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAExD,MAAM,WAAW,GAAG,IAAA,8BAAqB,EAAC;IACtC,IAAI,EAAE,0BAAc,CAAC,YAAY;IACjC,OAAO,EAAE,wBAAgB,CAAC,SAAS;CACtC,CAAC,CAAC;AAEI,MAAM,MAAM,GAAG,CAAC,EAQT,EAAE,EAAE;;QARK,EACnB,KAAK,EACL,SAAS,GAAG,GAAG,EACf,KAAK,EACL,UAAU,EACV,aAAa,EACb,EAAE,OAEQ,EADP,OAAO,sBAPS,oEAQtB,CADa;IAEV,MAAM,YAAY,GAA2B,EAAE,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,EAAE,EAAE,2BAA2B,CAAC,CAAC;IAEtE,IAAI,KAAK,EAAE,CAAC;QACR,YAAY,CAAC,eAAe,GAAG,KAAK,CAAC;IACzC,CAAC;IAED,MAAM,WAAW,GAAG,IAAA,2BAAkB,EAAC,OAAO,CAAC,CAAC;IAEhD,MAAA,WAAW,CAAC,OAAO,0CAAE,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QACpC,mFAAmF;QACnF,MAAM,CAAC,eAAe,GAAG,IAAA,iCAAwB,EAAC,WAAW,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IAC3F,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,uBAAC,iBAAO,IACJ,QAAQ,EAAE;YACN,CAAC,6BAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,6BAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;SAC7C,EACD,EAAE,EAAE,YAAY,CAAC,OAAO,EACxB,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAEzB,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,aAAW,YAAY,CAAC,OAAO,aAC5E,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,0BAAO,oBAAK,WAAW,IAAE,EAAE,EAAE,YAAY,CAAC,OAAO,IAAI,GACpD,EACL,KAAK,IAAI,CACN,gCACI,SAAS,EAAE,CAAC,CAAC,iBAAiB,EAAE,EAAC,CAAC,YAAY,CAAC,EAAE,SAAS,EAAC,CAAC,aACnD,YAAY,CAAC,cAAc,YAEpC,uBAAC,wBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,KAAK,GAAI,GAC1C,CACT,IACC,GACA,CACb,CAAC;AACN,CAAC,CAAC;AA/CW,QAAA,MAAM,UA+CjB","sourcesContent":["import {Content, Image} from '@gravity-ui/page-constructor';\n\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {DefaultGoalIds} from '../../constants';\nimport {AnalyticsCounter} from '../../counters/utils';\nimport {BannerProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {block} from '../../utils/cn';\nimport {\n    getMergedAnalyticsEvents,\n    getQaAttributes,\n    prepareAnalyticsEvent,\n    updateContentSizes,\n} from '../../utils/common';\n\nimport './Banner.scss';\n\nconst b = block('banner');\n\nconst BANNER_CUSTOM_QA_ATTRIBUTES = ['image-container'];\n\nconst buttonGoals = prepareAnalyticsEvent({\n    name: DefaultGoalIds.bannerCommon,\n    counter: AnalyticsCounter.CrossSite,\n});\n\nexport const Banner = ({\n    color,\n    imageSize = 's',\n    image,\n    paddingTop,\n    paddingBottom,\n    qa,\n    ...content\n}: BannerProps) => {\n    const contentStyle: Record<string, string> = {};\n    const qaAttributes = getQaAttributes(qa, BANNER_CUSTOM_QA_ATTRIBUTES);\n\n    if (color) {\n        contentStyle.backgroundColor = color;\n    }\n\n    const contentData = updateContentSizes(content);\n\n    contentData.buttons?.forEach((button) => {\n        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign\n        button.analyticsEvents = getMergedAnalyticsEvents(buttonGoals, button.analyticsEvents);\n    });\n\n    return (\n        <Wrapper\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n            }}\n            qa={qaAttributes.wrapper}\n            className={b('container')}\n        >\n            <div className={b('content')} style={contentStyle} data-qa={qaAttributes.content}>\n                <div className={b('info')}>\n                    <Content {...contentData} qa={qaAttributes.content} />\n                </div>\n                {image && (\n                    <div\n                        className={b('image-container', {['image-size']: imageSize})}\n                        data-qa={qaAttributes.imageContainer}\n                    >\n                        <Image className={b('image')} src={image} />\n                    </div>\n                )}\n            </div>\n        </Wrapper>\n    );\n};\n"]}
+{"version":3,"file":"Banner.js","sourceRoot":"../../../../src","sources":["blocks/Banner/Banner.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAyE;AAEzE,iEAAyD;AACzD,kDAA+C;AAC/C,mDAAsD;AAEtD,uDAAyD;AACzD,0CAAqC;AACrC,kDAK4B;AAI5B,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,QAAQ,CAAC,CAAC;AAE1B,MAAM,2BAA2B,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAExD,MAAM,WAAW,GAAG,IAAA,8BAAqB,EAAC;IACtC,IAAI,EAAE,0BAAc,CAAC,YAAY;IACjC,OAAO,EAAE,wBAAgB,CAAC,SAAS;CACtC,CAAC,CAAC;AAEI,MAAM,MAAM,GAAG,CAAC,EAQT,EAAE,EAAE;;QARK,EACnB,KAAK,EACL,SAAS,GAAG,GAAG,EACf,KAAK,EACL,UAAU,EACV,aAAa,EACb,EAAE,OAEQ,EADP,OAAO,sBAPS,oEAQtB,CADa;IAEV,MAAM,YAAY,GAA2B,EAAE,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,EAAE,EAAE,2BAA2B,CAAC,CAAC;IAEtE,IAAI,KAAK,EAAE,CAAC;QACR,YAAY,CAAC,eAAe,GAAG,KAAK,CAAC;IACzC,CAAC;IAED,MAAM,WAAW,GAAG,IAAA,2BAAkB,EAAC,OAAO,CAAC,CAAC;IAEhD,MAAA,WAAW,CAAC,OAAO,0CAAE,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QACpC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;YAChC,MAAM,YAAY,GAAG,MAAqB,CAAC;YAE3C,YAAY,CAAC,eAAe,GAAG,IAAA,iCAAwB,EACnD,WAAW,EACX,YAAY,CAAC,eAAe,CAC/B,CAAC;QACN,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,uBAAC,iBAAO,IACJ,QAAQ,EAAE;YACN,CAAC,6BAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,6BAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;SAC7C,EACD,EAAE,EAAE,YAAY,CAAC,OAAO,EACxB,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAEzB,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,aAAW,YAAY,CAAC,OAAO,aAC5E,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,0BAAO,oBAAK,WAAW,IAAE,EAAE,EAAE,YAAY,CAAC,OAAO,IAAI,GACpD,EACL,KAAK,IAAI,CACN,gCACI,SAAS,EAAE,CAAC,CAAC,iBAAiB,EAAE,EAAC,CAAC,YAAY,CAAC,EAAE,SAAS,EAAC,CAAC,aACnD,YAAY,CAAC,cAAc,YAEpC,uBAAC,wBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,KAAK,GAAI,GAC1C,CACT,IACC,GACA,CACb,CAAC;AACN,CAAC,CAAC;AArDW,QAAA,MAAM,UAqDjB","sourcesContent":["import * as React from 'react';\n\nimport {ButtonProps, Content, Image} from '@gravity-ui/page-constructor';\n\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {DefaultGoalIds} from '../../constants';\nimport {AnalyticsCounter} from '../../counters/utils';\nimport {BannerProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {block} from '../../utils/cn';\nimport {\n    getMergedAnalyticsEvents,\n    getQaAttributes,\n    prepareAnalyticsEvent,\n    updateContentSizes,\n} from '../../utils/common';\n\nimport './Banner.scss';\n\nconst b = block('banner');\n\nconst BANNER_CUSTOM_QA_ATTRIBUTES = ['image-container'];\n\nconst buttonGoals = prepareAnalyticsEvent({\n    name: DefaultGoalIds.bannerCommon,\n    counter: AnalyticsCounter.CrossSite,\n});\n\nexport const Banner = ({\n    color,\n    imageSize = 's',\n    image,\n    paddingTop,\n    paddingBottom,\n    qa,\n    ...content\n}: BannerProps) => {\n    const contentStyle: Record<string, string> = {};\n    const qaAttributes = getQaAttributes(qa, BANNER_CUSTOM_QA_ATTRIBUTES);\n\n    if (color) {\n        contentStyle.backgroundColor = color;\n    }\n\n    const contentData = updateContentSizes(content);\n\n    contentData.buttons?.forEach((button) => {\n        if (!React.isValidElement(button)) {\n            const buttonConfig = button as ButtonProps;\n\n            buttonConfig.analyticsEvents = getMergedAnalyticsEvents(\n                buttonGoals,\n                buttonConfig.analyticsEvents,\n            );\n        }\n    });\n\n    return (\n        <Wrapper\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n            }}\n            qa={qaAttributes.wrapper}\n            className={b('container')}\n        >\n            <div className={b('content')} style={contentStyle} data-qa={qaAttributes.content}>\n                <div className={b('info')}>\n                    <Content {...contentData} qa={qaAttributes.content} />\n                </div>\n                {image && (\n                    <div\n                        className={b('image-container', {['image-size']: imageSize})}\n                        data-qa={qaAttributes.imageContainer}\n                    >\n                        <Image className={b('image')} src={image} />\n                    </div>\n                )}\n            </div>\n        </Wrapper>\n    );\n};\n"]}

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

@@ -42,6 +42,84 @@ export declare const Banner: {
                         resetMargin: {
                             type: string;
                         };
+                        analyticsEvents: {
+                            anyOf: ({
+                                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;
+                                    };
+                                };
+                            } | {
+                                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;
+                                        };
+                                    };
+                                };
+                            })[];
+                        };
                     };
                     contentType?: undefined;
                 })[];
@@ -96,17 +174,6 @@ export declare const Banner: {
                     };
                 };
             };
-            labels: {
-                type: string;
-                items: {
-                    type: string;
-                    properties: {
-                        when: {
-                            type: string;
-                        };
-                    };
-                };
-            };
             controlPosition: {
                 type: string;
                 enum: string[];
@@ -147,8 +214,17 @@ export declare const Banner: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

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

@@ -39,6 +39,84 @@ export declare const CTA: {
                                     resetMargin: {
                                         type: string;
                                     };
+                                    analyticsEvents: {
+                                        anyOf: ({
+                                            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;
+                                                };
+                                            };
+                                        } | {
+                                            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;
+                                                    };
+                                                };
+                                            };
+                                        })[];
+                                    };
                                 };
                                 contentType?: undefined;
                             })[];
@@ -93,17 +171,6 @@ export declare const CTA: {
                                 };
                             };
                         };
-                        labels: {
-                            type: string;
-                            items: {
-                                type: string;
-                                properties: {
-                                    when: {
-                                        type: string;
-                                    };
-                                };
-                            };
-                        };
                         controlPosition: {
                             type: string;
                             enum: string[];
@@ -147,8 +214,17 @@ export declare const CTA: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

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

@@ -15,7 +15,7 @@ exports.CTA = {
                 items: {
                     type: 'object',
                     additionalProperties: false,
-                    required: ['title', 'links'],
+                    required: ['title'],
                     properties: Object.assign({}, ContentBase),
                 },
             } }),

package/build/cjs/blocks/CTA/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/CTA/schema.ts"],"names":[],"mappings":";;;AAAA,mEAAwD;AAExD,mDAA8C;AAC9C,mDAAkD;AAElD,MAAM,EACF,SAAS,EAAE,EAAC,WAAW,EAAC,EACxB,MAAM,EAAE,EAAC,cAAc,EAAC,GAC3B,GAAG,6BAAU,CAAC;AAEF,QAAA,GAAG,GAAG;IACf,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,gDACH,cAAc,GACd,sBAAa,KAChB,KAAK,EAAE;gBACH,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACH,IAAI,EAAE,QAAQ;oBACd,oBAAoB,EAAE,KAAK;oBAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;oBAC5B,UAAU,oBACH,WAAW,CACjB;iBACJ;aACJ,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {validators} from '@gravity-ui/page-constructor';\n\nimport {BlockType} from '../../models/common';\nimport {BlogBlockBase} from '../../schema/common';\n\nconst {\n    subBlocks: {ContentBase},\n    common: {BlockBaseProps},\n} = validators;\n\nexport const CTA = {\n    [BlockType.CTA]: {\n        type: 'object',\n        additionalProperties: false,\n        required: ['items'],\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n            items: {\n                type: 'array',\n                items: {\n                    type: 'object',\n                    additionalProperties: false,\n                    required: ['title', 'links'],\n                    properties: {\n                        ...ContentBase,\n                    },\n                },\n            },\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/CTA/schema.ts"],"names":[],"mappings":";;;AAAA,mEAAwD;AAExD,mDAA8C;AAC9C,mDAAkD;AAElD,MAAM,EACF,SAAS,EAAE,EAAC,WAAW,EAAC,EACxB,MAAM,EAAE,EAAC,cAAc,EAAC,GAC3B,GAAG,6BAAU,CAAC;AAEF,QAAA,GAAG,GAAG;IACf,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,gDACH,cAAc,GACd,sBAAa,KAChB,KAAK,EAAE;gBACH,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACH,IAAI,EAAE,QAAQ;oBACd,oBAAoB,EAAE,KAAK;oBAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;oBACnB,UAAU,oBACH,WAAW,CACjB;iBACJ;aACJ,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {validators} from '@gravity-ui/page-constructor';\n\nimport {BlockType} from '../../models/common';\nimport {BlogBlockBase} from '../../schema/common';\n\nconst {\n    subBlocks: {ContentBase},\n    common: {BlockBaseProps},\n} = validators;\n\nexport const CTA = {\n    [BlockType.CTA]: {\n        type: 'object',\n        additionalProperties: false,\n        required: ['items'],\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n            items: {\n                type: 'array',\n                items: {\n                    type: 'object',\n                    additionalProperties: false,\n                    required: ['title'],\n                    properties: {\n                        ...ContentBase,\n                    },\n                },\n            },\n        },\n    },\n};\n"]}

package/build/cjs/blocks/ColoredText/ColoredText.js

@@ -13,10 +13,13 @@ const ColoredText = (_a) => {
     var { background, paddingTop, paddingBottom, qa } = _a, content = tslib_1.__rest(_a, ["background", "paddingTop", "paddingBottom", "qa"]);
     const contentData = (0, common_1.updateContentSizes)(content);
     const qaAttributes = (0, common_1.getQaAttributes)(qa);
+    const theme = (0, page_constructor_1.useTheme)();
+    const themedColor = (0, page_constructor_1.getThemedValue)(background === null || background === void 0 ? void 0 : background.color, theme);
+    const themedImage = (0, page_constructor_1.getThemedValue)(background === null || background === void 0 ? void 0 : background.image, theme);
     return ((0, jsx_runtime_1.jsx)(Wrapper_1.Wrapper, { paddings: {
             [paddings_1.PaddingsDirections.top]: paddingTop,
             [paddings_1.PaddingsDirections.bottom]: paddingBottom,
-        }, qa: qaAttributes.wrapper, children: (0, jsx_runtime_1.jsxs)("div", { className: b('container'), style: { backgroundColor: (background === null || background === void 0 ? void 0 : background.color) || 'none' }, "data-qa": qaAttributes.container, children: [(0, jsx_runtime_1.jsx)("div", { className: b('picture-container'), children: (background === null || background === void 0 ? void 0 : background.image) && ((0, jsx_runtime_1.jsx)(page_constructor_1.BackgroundImage, { className: b('picture'), alt: background === null || background === void 0 ? void 0 : background.altText, src: background === null || background === void 0 ? void 0 : background.image })) }), (0, jsx_runtime_1.jsx)("div", { className: b('text-content'), children: (0, jsx_runtime_1.jsx)(page_constructor_1.Content, Object.assign({}, contentData, { qa: qaAttributes.content })) })] }) }));
+        }, qa: qaAttributes.wrapper, children: (0, jsx_runtime_1.jsxs)("div", { className: b('container'), style: { backgroundColor: themedColor || 'none' }, "data-qa": qaAttributes.container, children: [(0, jsx_runtime_1.jsx)("div", { className: b('picture-container'), children: themedImage && ((0, jsx_runtime_1.jsx)(page_constructor_1.BackgroundImage, { className: b('picture'), alt: background === null || background === void 0 ? void 0 : background.altText, src: themedImage })) }), (0, jsx_runtime_1.jsx)("div", { className: b('text-content'), children: (0, jsx_runtime_1.jsx)(page_constructor_1.Content, Object.assign({}, contentData, { qa: qaAttributes.content })) })] }) }));
 };
 exports.ColoredText = ColoredText;
 //# sourceMappingURL=ColoredText.js.map

package/build/cjs/blocks/ColoredText/ColoredText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColoredText.js","sourceRoot":"../../../../src","sources":["blocks/ColoredText/ColoredText.tsx"],"names":[],"mappings":";;;;;AAAA,mEAAsE;AAEtE,iEAAyD;AAEzD,uDAAyD;AACzD,0CAAqC;AACrC,kDAAuE;AAIvE,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,cAAc,CAAC,CAAC;AAEzB,MAAM,WAAW,GAAG,CAAC,EAMT,EAAE,EAAE;QANK,EACxB,UAAU,EACV,UAAU,EACV,aAAa,EACb,EAAE,OAEa,EADZ,OAAO,sBALc,mDAM3B,CADa;IAEV,MAAM,WAAW,GAAG,IAAA,2BAAkB,EAAC,OAAO,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,EAAE,CAAC,CAAC;IAEzC,OAAO,CACH,uBAAC,iBAAO,IACJ,QAAQ,EAAE;YACN,CAAC,6BAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,6BAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;SAC7C,EACD,EAAE,EAAE,YAAY,CAAC,OAAO,YAExB,iCACI,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EACzB,KAAK,EAAE,EAAC,eAAe,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,MAAM,EAAC,aAC5C,YAAY,CAAC,SAAS,aAE/B,gCAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,YACjC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,CAClB,uBAAC,kCAAe,IACZ,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,GAAG,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EACxB,GAAG,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,GACxB,CACL,GACC,EACN,gCAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAC7B,uBAAC,0BAAO,oBAAK,WAAW,IAAE,EAAE,EAAE,YAAY,CAAC,OAAO,IAAI,GACpD,IACJ,GACA,CACb,CAAC;AACN,CAAC,CAAC;AAtCW,QAAA,WAAW,eAsCtB","sourcesContent":["import {BackgroundImage, Content} from '@gravity-ui/page-constructor';\n\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {ColoredTextProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {block} from '../../utils/cn';\nimport {getQaAttributes, updateContentSizes} from '../../utils/common';\n\nimport './ColoredText.scss';\n\nconst b = block('colored-text');\n\nexport const ColoredText = ({\n    background,\n    paddingTop,\n    paddingBottom,\n    qa,\n    ...content\n}: ColoredTextProps) => {\n    const contentData = updateContentSizes(content);\n    const qaAttributes = getQaAttributes(qa);\n\n    return (\n        <Wrapper\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n            }}\n            qa={qaAttributes.wrapper}\n        >\n            <div\n                className={b('container')}\n                style={{backgroundColor: background?.color || 'none'}}\n                data-qa={qaAttributes.container}\n            >\n                <div className={b('picture-container')}>\n                    {background?.image && (\n                        <BackgroundImage\n                            className={b('picture')}\n                            alt={background?.altText}\n                            src={background?.image}\n                        />\n                    )}\n                </div>\n                <div className={b('text-content')}>\n                    <Content {...contentData} qa={qaAttributes.content} />\n                </div>\n            </div>\n        </Wrapper>\n    );\n};\n"]}
+{"version":3,"file":"ColoredText.js","sourceRoot":"../../../../src","sources":["blocks/ColoredText/ColoredText.tsx"],"names":[],"mappings":";;;;;AAAA,mEAAgG;AAEhG,iEAAyD;AAEzD,uDAAyD;AACzD,0CAAqC;AACrC,kDAAuE;AAIvE,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,cAAc,CAAC,CAAC;AAEzB,MAAM,WAAW,GAAG,CAAC,EAMT,EAAE,EAAE;QANK,EACxB,UAAU,EACV,UAAU,EACV,aAAa,EACb,EAAE,OAEa,EADZ,OAAO,sBALc,mDAM3B,CADa;IAEV,MAAM,WAAW,GAAG,IAAA,2BAAkB,EAAC,OAAO,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,EAAE,CAAC,CAAC;IACzC,MAAM,KAAK,GAAG,IAAA,2BAAQ,GAAE,CAAC;IAEzB,MAAM,WAAW,GAAG,IAAA,iCAAc,EAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAG,IAAA,iCAAc,EAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAE7D,OAAO,CACH,uBAAC,iBAAO,IACJ,QAAQ,EAAE;YACN,CAAC,6BAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,6BAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;SAC7C,EACD,EAAE,EAAE,YAAY,CAAC,OAAO,YAExB,iCACI,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EACzB,KAAK,EAAE,EAAC,eAAe,EAAE,WAAW,IAAI,MAAM,EAAC,aACtC,YAAY,CAAC,SAAS,aAE/B,gCAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,YACjC,WAAW,IAAI,CACZ,uBAAC,kCAAe,IACZ,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,GAAG,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EACxB,GAAG,EAAE,WAAW,GAClB,CACL,GACC,EACN,gCAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAC7B,uBAAC,0BAAO,oBAAK,WAAW,IAAE,EAAE,EAAE,YAAY,CAAC,OAAO,IAAI,GACpD,IACJ,GACA,CACb,CAAC;AACN,CAAC,CAAC;AA1CW,QAAA,WAAW,eA0CtB","sourcesContent":["import {BackgroundImage, Content, getThemedValue, useTheme} from '@gravity-ui/page-constructor';\n\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {ColoredTextProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {block} from '../../utils/cn';\nimport {getQaAttributes, updateContentSizes} from '../../utils/common';\n\nimport './ColoredText.scss';\n\nconst b = block('colored-text');\n\nexport const ColoredText = ({\n    background,\n    paddingTop,\n    paddingBottom,\n    qa,\n    ...content\n}: ColoredTextProps) => {\n    const contentData = updateContentSizes(content);\n    const qaAttributes = getQaAttributes(qa);\n    const theme = useTheme();\n\n    const themedColor = getThemedValue(background?.color, theme);\n    const themedImage = getThemedValue(background?.image, theme);\n\n    return (\n        <Wrapper\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n            }}\n            qa={qaAttributes.wrapper}\n        >\n            <div\n                className={b('container')}\n                style={{backgroundColor: themedColor || 'none'}}\n                data-qa={qaAttributes.container}\n            >\n                <div className={b('picture-container')}>\n                    {themedImage && (\n                        <BackgroundImage\n                            className={b('picture')}\n                            alt={background?.altText}\n                            src={themedImage}\n                        />\n                    )}\n                </div>\n                <div className={b('text-content')}>\n                    <Content {...contentData} qa={qaAttributes.content} />\n                </div>\n            </div>\n        </Wrapper>\n    );\n};\n"]}

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

@@ -11,32 +11,51 @@ export declare const ColoredText: {
                     image: {
                         oneOf: ({
                             type: string;
-                            properties: {
-                                when: {
-                                    type: string;
-                                };
-                            };
-                        } | {
-                            type: string;
-                            pattern: string;
+                            additionalProperties: boolean;
+                            required: import("@gravity-ui/page-constructor").Theme[];
+                            properties: {};
                             optionName: string;
-                            items?: undefined;
-                        } | {
-                            type: string;
-                            items: {
+                        } | ({
+                            oneOf: ({
                                 type: string;
                                 properties: {
                                     when: {
                                         type: string;
                                     };
                                 };
-                            };
+                            } | {
+                                optionName: string;
+                                type: string;
+                                pattern: string;
+                                items?: undefined;
+                            } | {
+                                type: string;
+                                items: {
+                                    type: string;
+                                    properties: {
+                                        when: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                                optionName: string;
+                            })[];
+                        } & {
                             optionName: string;
-                            pattern?: undefined;
-                        })[];
+                        }))[];
                     };
                     color: {
-                        type: string;
+                        oneOf: ({
+                            type: string;
+                            additionalProperties: boolean;
+                            required: import("@gravity-ui/page-constructor").Theme[];
+                            properties: {};
+                            optionName: string;
+                        } | ({
+                            type: string;
+                        } & {
+                            optionName: string;
+                        }))[];
                     };
                     altText: {
                         type: string;
@@ -72,6 +91,84 @@ export declare const ColoredText: {
                         resetMargin: {
                             type: string;
                         };
+                        analyticsEvents: {
+                            anyOf: ({
+                                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;
+                                    };
+                                };
+                            } | {
+                                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;
+                                        };
+                                    };
+                                };
+                            })[];
+                        };
                     };
                     contentType?: undefined;
                 })[];
@@ -126,17 +223,6 @@ export declare const ColoredText: {
                     };
                 };
             };
-            labels: {
-                type: string;
-                items: {
-                    type: string;
-                    properties: {
-                        when: {
-                            type: string;
-                        };
-                    };
-                };
-            };
             controlPosition: {
                 type: string;
                 enum: string[];
@@ -177,8 +263,17 @@ export declare const ColoredText: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

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

@@ -4,15 +4,15 @@ exports.ColoredText = void 0;
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const common_1 = require("../../models/common.js");
 const common_2 = require("../../schema/common.js");
-const { subBlocks: { ContentBase }, components: { ImageProps }, common: { BlockBaseProps }, } = page_constructor_1.validators;
+const { subBlocks: { ContentBase }, components: { ImageProps }, common: { BlockBaseProps, withTheme }, } = page_constructor_1.validators;
 const BackgroundProps = {
     type: 'object',
     additionalProperties: false,
     properties: {
-        image: ImageProps,
-        color: {
+        image: withTheme(ImageProps),
+        color: withTheme({
             type: 'string',
-        },
+        }),
         altText: {
             type: 'string',
             contentType: 'text',

package/build/cjs/blocks/ColoredText/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/ColoredText/schema.ts"],"names":[],"mappings":";;;AAAA,mEAAwD;AAExD,mDAA8C;AAC9C,mDAAkD;AAElD,MAAM,EACF,SAAS,EAAE,EAAC,WAAW,EAAC,EACxB,UAAU,EAAE,EAAC,UAAU,EAAC,EACxB,MAAM,EAAE,EAAC,cAAc,EAAC,GAC3B,GAAG,6BAAU,CAAC;AAEf,MAAM,eAAe,GAAG;IACpB,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,UAAU,EAAE;QACR,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;SACjB;QACD,OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;KACJ;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE;QACrB,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,MAAM,CAAC;QAClB,UAAU,8DACH,cAAc,GACd,sBAAa,GACb,WAAW,KACd,UAAU,EAAE,eAAe,GAC9B;KACJ;CACJ,CAAC","sourcesContent":["import {validators} from '@gravity-ui/page-constructor';\n\nimport {BlockType} from '../../models/common';\nimport {BlogBlockBase} from '../../schema/common';\n\nconst {\n    subBlocks: {ContentBase},\n    components: {ImageProps},\n    common: {BlockBaseProps},\n} = validators;\n\nconst BackgroundProps = {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n        image: ImageProps,\n        color: {\n            type: 'string',\n        },\n        altText: {\n            type: 'string',\n            contentType: 'text',\n        },\n    },\n};\n\nexport const ColoredText = {\n    [BlockType.ColoredText]: {\n        type: 'object',\n        additionalProperties: false,\n        required: ['text'],\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n            ...ContentBase,\n            background: BackgroundProps,\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/ColoredText/schema.ts"],"names":[],"mappings":";;;AAAA,mEAAwD;AAExD,mDAA8C;AAC9C,mDAAkD;AAElD,MAAM,EACF,SAAS,EAAE,EAAC,WAAW,EAAC,EACxB,UAAU,EAAE,EAAC,UAAU,EAAC,EACxB,MAAM,EAAE,EAAC,cAAc,EAAE,SAAS,EAAC,GACtC,GAAG,6BAAU,CAAC;AAEf,MAAM,eAAe,GAAG;IACpB,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,UAAU,EAAE;QACR,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC;QAC5B,KAAK,EAAE,SAAS,CAAC;YACb,IAAI,EAAE,QAAQ;SACjB,CAAC;QACF,OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;KACJ;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE;QACrB,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,MAAM,CAAC;QAClB,UAAU,8DACH,cAAc,GACd,sBAAa,GACb,WAAW,KACd,UAAU,EAAE,eAAe,GAC9B;KACJ;CACJ,CAAC","sourcesContent":["import {validators} from '@gravity-ui/page-constructor';\n\nimport {BlockType} from '../../models/common';\nimport {BlogBlockBase} from '../../schema/common';\n\nconst {\n    subBlocks: {ContentBase},\n    components: {ImageProps},\n    common: {BlockBaseProps, withTheme},\n} = validators;\n\nconst BackgroundProps = {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n        image: withTheme(ImageProps),\n        color: withTheme({\n            type: 'string',\n        }),\n        altText: {\n            type: 'string',\n            contentType: 'text',\n        },\n    },\n};\n\nexport const ColoredText = {\n    [BlockType.ColoredText]: {\n        type: 'object',\n        additionalProperties: false,\n        required: ['text'],\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n            ...ContentBase,\n            background: BackgroundProps,\n        },\n    },\n};\n"]}