@gravity-ui/page-constructor 8.0.0-beta.2 → 8.1.0

package/build/cjs/sub-blocks/BackgroundCard/BackgroundCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackgroundCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/BackgroundCard/BackgroundCard.tsx"],"names":[],"mappings":";;;;AAAA,6CAA4C;AAE5C,0DAA4D;AAC5D,wDAA6C;AAE7C,gDAAkD;AAClD,4EAAyC;AAIzC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAClD,MAAM,EACF,GAAG,EACH,KAAK,EACL,IAAI,EACJ,MAAM,EACN,UAAU,EACV,aAAa,EACb,eAAe,EACf,cAAc,EACd,KAAK,EAAE,SAAS,GAAG,SAAS,EAC5B,KAAK,EACL,OAAO,EACP,eAAe,EACf,QAAQ,EACR,eAAe,GAAG,SAAS,EAC3B,IAAI,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE5B,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,kBAAkB,GAAG,eAAe,IAAI,SAAS,KAAK,SAAS,CAAC;IACtE,MAAM,UAAU,GAAG,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IACxD,MAAM,mBAAmB,GAAG,CAAC,aAAa,IAAI,eAAe,KAAK,QAAQ,CAAC;IAE3E,OAAO,CACH,uBAAC,qBAAQ,IACL,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAC,CAAC,EACxD,gBAAgB,EAAE,CAAC,CAAC,SAAS,CAAC,EAC9B,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,UAAU,EAClB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,YAElB,wBAAC,qBAAQ,CAAC,OAAO,eACb,uBAAC,4BAAe,IACZ,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,KACjB,IAAA,sBAAc,EAAC,UAAU,EAAE,KAAK,CAAC,EACrC,KAAK,EAAE,EAAC,eAAe,EAAC,GAC1B,EACF,uBAAC,iBAAO,IACJ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,EAC3B,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAC7D,IACa,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {BackgroundImage, CardBase} from '../../components/';\nimport {useTheme} from '../../context/theme';\nimport {BackgroundCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport Content from '../Content/Content';\n\nimport './BackgroundCard.scss';\n\nconst b = block('background-card');\n\nconst BackgroundCard = (props: BackgroundCardProps) => {\n    const {\n        url,\n        title,\n        text,\n        border,\n        background,\n        paddingBottom,\n        backgroundColor,\n        additionalInfo,\n        theme: cardTheme = 'default',\n        links,\n        buttons,\n        analyticsEvents,\n        urlTitle,\n        controlPosition = 'content',\n        list,\n    } = props;\n\n    const titleId = useUniqId();\n\n    const theme = useTheme();\n    const hasBackgroundColor = backgroundColor || cardTheme !== 'default';\n    const borderType = hasBackgroundColor ? 'none' : border;\n    const areControlsInFooter = !paddingBottom && controlPosition === 'footer';\n\n    return (\n        <CardBase\n            className={b({padding: paddingBottom, theme: cardTheme})}\n            contentClassName={b('content')}\n            url={url}\n            border={borderType}\n            analyticsEvents={analyticsEvents}\n            urlTitle={urlTitle}\n        >\n            <CardBase.Content>\n                <BackgroundImage\n                    className={b('image')}\n                    {...getThemedValue(background, theme)}\n                    style={{backgroundColor}}\n                />\n                <Content\n                    titleId={titleId}\n                    title={title}\n                    text={text}\n                    additionalInfo={additionalInfo}\n                    size=\"s\"\n                    theme={cardTheme}\n                    links={links}\n                    buttons={buttons}\n                    list={list}\n                    colSizes={{all: 12, md: 12}}\n                    controlPosition={areControlsInFooter ? 'bottom' : 'default'}\n                />\n            </CardBase.Content>\n        </CardBase>\n    );\n};\n\nexport default BackgroundCard;\n"]}
+{"version":3,"file":"BackgroundCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/BackgroundCard/BackgroundCard.tsx"],"names":[],"mappings":";;;;AAAA,6CAA4C;AAE5C,0DAA4D;AAC5D,wDAA6C;AAE7C,gDAAkD;AAClD,4EAAyC;AAIzC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAClD,MAAM,EACF,GAAG,EACH,KAAK,EACL,IAAI,EACJ,MAAM,EACN,UAAU,EACV,aAAa,EACb,eAAe,EACf,cAAc,EACd,KAAK,EAAE,SAAS,GAAG,SAAS,EAC5B,KAAK,EACL,OAAO,EACP,eAAe,EACf,QAAQ,EACR,QAAQ,GAAG,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,EAC5B,eAAe,GAAG,SAAS,EAC3B,IAAI,EACJ,IAAI,GAAG,GAAG,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE5B,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,kBAAkB,GAAG,eAAe,IAAI,SAAS,KAAK,SAAS,CAAC;IACtE,MAAM,UAAU,GAAG,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IACxD,MAAM,mBAAmB,GAAG,CAAC,aAAa,IAAI,eAAe,KAAK,QAAQ,CAAC;IAE3E,OAAO,CACH,uBAAC,qBAAQ,IACL,SAAS,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAC,CAAC,EACxD,gBAAgB,EAAE,CAAC,CAAC,SAAS,CAAC,EAC9B,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,UAAU,EAClB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,YAElB,wBAAC,qBAAQ,CAAC,OAAO,eACb,uBAAC,4BAAe,IACZ,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,KACjB,IAAA,sBAAc,EAAC,UAAU,EAAE,KAAK,CAAC,EACrC,KAAK,EAAE,EAAC,eAAe,EAAC,GAC1B,EACF,uBAAC,iBAAO,IACJ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAC7D,IACa,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {BackgroundImage, CardBase} from '../../components/';\nimport {useTheme} from '../../context/theme';\nimport {BackgroundCardProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport Content from '../Content/Content';\n\nimport './BackgroundCard.scss';\n\nconst b = block('background-card');\n\nconst BackgroundCard = (props: BackgroundCardProps) => {\n    const {\n        url,\n        title,\n        text,\n        border,\n        background,\n        paddingBottom,\n        backgroundColor,\n        additionalInfo,\n        theme: cardTheme = 'default',\n        links,\n        buttons,\n        analyticsEvents,\n        urlTitle,\n        colSizes = {all: 12, md: 12},\n        controlPosition = 'content',\n        list,\n        size = 's',\n    } = props;\n\n    const titleId = useUniqId();\n\n    const theme = useTheme();\n    const hasBackgroundColor = backgroundColor || cardTheme !== 'default';\n    const borderType = hasBackgroundColor ? 'none' : border;\n    const areControlsInFooter = !paddingBottom && controlPosition === 'footer';\n\n    return (\n        <CardBase\n            className={b({padding: paddingBottom, theme: cardTheme})}\n            contentClassName={b('content')}\n            url={url}\n            border={borderType}\n            analyticsEvents={analyticsEvents}\n            urlTitle={urlTitle}\n        >\n            <CardBase.Content>\n                <BackgroundImage\n                    className={b('image')}\n                    {...getThemedValue(background, theme)}\n                    style={{backgroundColor}}\n                />\n                <Content\n                    titleId={titleId}\n                    title={title}\n                    text={text}\n                    additionalInfo={additionalInfo}\n                    size={size}\n                    theme={cardTheme}\n                    links={links}\n                    buttons={buttons}\n                    list={list}\n                    colSizes={colSizes}\n                    controlPosition={areControlsInFooter ? 'bottom' : 'default'}\n                />\n            </CardBase.Content>\n        </CardBase>\n    );\n};\n\nexport default BackgroundCard;\n"]}

package/build/cjs/sub-blocks/BackgroundCard/schema.d.ts

@@ -175,6 +175,11 @@ export declare const BackgroundCard: {
                 type: string;
                 enum: string[];
             };
+            colSizes: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {};
+            };
             title: {
                 oneOf: ({
                     type: string;
@@ -216,6 +221,17 @@ export declare const BackgroundCard: {
                 type: string;
                 enum: string[];
             };
+            labels: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             additionalInfo: {
                 type: string;
                 contentType: string;

package/build/cjs/sub-blocks/BackgroundCard/schema.js

@@ -48,6 +48,7 @@ exports.BackgroundCard = {
                 type: 'string',
                 enum: ['content', 'footer'],
             },
+            colSizes: common_1.containerSizesObject,
         },
     },
 };

package/build/cjs/sub-blocks/BackgroundCard/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/BackgroundCard/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,6DAA+D;AAC/D,8DAA+F;AAC/F,4DAAmE;AACnE,iDAA8C;AAE9C,MAAM,0BAA0B,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAErE,QAAA,cAAc,GAAG;IAC1B,iBAAiB,EAAE;QACf,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;QAC3B,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,GAAG,iBAAQ;YACX,GAAG,wBAAe;YAClB,GAAG,0BAA0B;YAC7B,GAAG,EAAE;gBACD,IAAI,EAAE,QAAQ;aACjB;YACD,QAAQ,EAAE;gBACN,IAAI,EAAE,QAAQ;aACjB;YACD,UAAU,EAAE,IAAA,kBAAS,EAAC,yBAAgB,CAAC;YACvC,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;aACjB;YACD,aAAa,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC;aAC9B;YACD,eAAe,EAAE;gBACb,KAAK,EAAE;oBACH;wBACI,GAAG,4BAAoB;wBACvB,UAAU,EAAE,QAAQ;qBACvB;oBACD;wBACI,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,4BAAoB;wBAC3B,UAAU,EAAE,MAAM;qBACrB;iBACJ;aACJ;YACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;aAC9B;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageObjectProps} from '../../components/Image/schema';\nimport {BaseProps, CardBase, CardLayoutProps, withTheme} from '../../schema/validators/common';\nimport {AnalyticsEventSchema} from '../../schema/validators/event';\nimport {ContentBase} from '../Content/schema';\n\nconst BackgroundCardContentProps = omit(ContentBase, ['size', 'controlPosition']);\n\nexport const BackgroundCard = {\n    'background-card': {\n        additionalProperties: false,\n        required: ['title', 'text'],\n        properties: {\n            ...BaseProps,\n            ...CardBase,\n            ...CardLayoutProps,\n            ...BackgroundCardContentProps,\n            url: {\n                type: 'string',\n            },\n            urlTitle: {\n                type: 'string',\n            },\n            background: withTheme(ImageObjectProps),\n            backgroundColor: {\n                type: 'string',\n            },\n            paddingBottom: {\n                type: 'string',\n                enum: ['s', 'm', 'l', 'xl'],\n            },\n            analyticsEvents: {\n                oneOf: [\n                    {\n                        ...AnalyticsEventSchema,\n                        optionName: 'single',\n                    },\n                    {\n                        type: 'array',\n                        items: AnalyticsEventSchema,\n                        optionName: 'list',\n                    },\n                ],\n            },\n            controlPosition: {\n                type: 'string',\n                enum: ['content', 'footer'],\n            },\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/BackgroundCard/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,6DAA+D;AAC/D,8DAMwC;AACxC,4DAAmE;AACnE,iDAA8C;AAE9C,MAAM,0BAA0B,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAErE,QAAA,cAAc,GAAG;IAC1B,iBAAiB,EAAE;QACf,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;QAC3B,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,GAAG,iBAAQ;YACX,GAAG,wBAAe;YAClB,GAAG,0BAA0B;YAC7B,GAAG,EAAE;gBACD,IAAI,EAAE,QAAQ;aACjB;YACD,QAAQ,EAAE;gBACN,IAAI,EAAE,QAAQ;aACjB;YACD,UAAU,EAAE,IAAA,kBAAS,EAAC,yBAAgB,CAAC;YACvC,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;aACjB;YACD,aAAa,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC;aAC9B;YACD,eAAe,EAAE;gBACb,KAAK,EAAE;oBACH;wBACI,GAAG,4BAAoB;wBACvB,UAAU,EAAE,QAAQ;qBACvB;oBACD;wBACI,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,4BAAoB;wBAC3B,UAAU,EAAE,MAAM;qBACrB;iBACJ;aACJ;YACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;aAC9B;YACD,QAAQ,EAAE,6BAAoB;SACjC;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageObjectProps} from '../../components/Image/schema';\nimport {\n    BaseProps,\n    CardBase,\n    CardLayoutProps,\n    containerSizesObject,\n    withTheme,\n} from '../../schema/validators/common';\nimport {AnalyticsEventSchema} from '../../schema/validators/event';\nimport {ContentBase} from '../Content/schema';\n\nconst BackgroundCardContentProps = omit(ContentBase, ['size', 'controlPosition']);\n\nexport const BackgroundCard = {\n    'background-card': {\n        additionalProperties: false,\n        required: ['title', 'text'],\n        properties: {\n            ...BaseProps,\n            ...CardBase,\n            ...CardLayoutProps,\n            ...BackgroundCardContentProps,\n            url: {\n                type: 'string',\n            },\n            urlTitle: {\n                type: 'string',\n            },\n            background: withTheme(ImageObjectProps),\n            backgroundColor: {\n                type: 'string',\n            },\n            paddingBottom: {\n                type: 'string',\n                enum: ['s', 'm', 'l', 'xl'],\n            },\n            analyticsEvents: {\n                oneOf: [\n                    {\n                        ...AnalyticsEventSchema,\n                        optionName: 'single',\n                    },\n                    {\n                        type: 'array',\n                        items: AnalyticsEventSchema,\n                        optionName: 'list',\n                    },\n                ],\n            },\n            controlPosition: {\n                type: 'string',\n                enum: ['content', 'footer'],\n            },\n            colSizes: containerSizesObject,\n        },\n    },\n};\n"]}

package/build/cjs/sub-blocks/BasicCard/BasicCard.js

@@ -10,13 +10,26 @@ const utils_1 = require("../../utils/index.js");
 const Content_1 = tslib_1.__importDefault(require("../Content/Content.js"));
 const b = (0, utils_1.block)('basic-card');
 const BasicCard = (props) => {
-    const { title, text, icon, additionalInfo, links, list, buttons, iconPosition = sub_blocks_1.IconPosition.Top, controlPosition = 'content', ...cardParams } = props;
+    const { title, text, icon, additionalInfo, links, list, buttons, iconPosition = sub_blocks_1.IconPosition.Top, controlPosition = 'content', size = 's', gravityIcon, 
+    /** @deprecated This property will be removed in future versions */
+    hoverBackgroundColor, ...cardParams } = props;
     const titleId = (0, uikit_1.useUniqId)();
     const descriptionId = (0, uikit_1.useUniqId)();
     const areControlsInFooter = controlPosition === 'footer';
     const theme = (0, theme_1.useTheme)();
     const themedIcon = (0, utils_1.getThemedValue)(icon, theme);
-    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b(), contentClassName: b('content'), ...cardParams, extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId }, children: (0, jsx_runtime_1.jsx)(components_1.CardBase.Content, { children: (0, jsx_runtime_1.jsx)(components_1.IconWrapper, { icon: themedIcon ? { value: themedIcon, position: iconPosition } : undefined, className: b('wrapper'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 }, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }) }) }));
+    const themedGravityIcon = (0, utils_1.getThemedValue)(gravityIcon, theme);
+    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b(), contentClassName: b('content'), ...cardParams, extraProps: {
+            'aria-describedby': descriptionId,
+            'aria-labelledby': titleId,
+            ...(hoverBackgroundColor && {
+                style: {
+                    '--hover-background-color': hoverBackgroundColor,
+                },
+            }),
+        }, children: (0, jsx_runtime_1.jsx)(components_1.CardBase.Content, { children: (0, jsx_runtime_1.jsx)(components_1.IconWrapper, { icon: themedIcon ? { value: themedIcon, position: iconPosition } : undefined, gravityIcon: themedGravityIcon
+                    ? { value: themedGravityIcon, position: iconPosition }
+                    : undefined, className: b('wrapper'), size: size, children: (0, jsx_runtime_1.jsx)(Content_1.default, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, size: size, colSizes: { all: 12, md: 12 }, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }) }) }));
 };
 exports.default = BasicCard;
 //# sourceMappingURL=BasicCard.js.map

package/build/cjs/sub-blocks/BasicCard/BasicCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/BasicCard/BasicCard.tsx"],"names":[],"mappings":";;;;AAAA,6CAA4C;AAE5C,0DAAuD;AACvD,wDAA6C;AAE7C,6EAAuE;AACvE,gDAAkD;AAClD,4EAAyC;AAIzC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EACF,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,KAAK,EACL,IAAI,EACJ,OAAO,EACP,YAAY,GAAG,yBAAY,CAAC,GAAG,EAC/B,eAAe,GAAG,SAAS,EAC3B,GAAG,UAAU,EAChB,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAE,CAAC;IAC5B,MAAM,aAAa,GAAG,IAAA,iBAAS,GAAE,CAAC;IAClC,MAAM,mBAAmB,GAAG,eAAe,KAAK,QAAQ,CAAC;IACzD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE/C,OAAO,CACH,uBAAC,qBAAQ,IACL,SAAS,EAAE,CAAC,EAAE,EACd,gBAAgB,EAAE,CAAC,CAAC,SAAS,CAAC,KAC1B,UAAU,EACd,UAAU,EAAE,EAAC,kBAAkB,EAAE,aAAa,EAAE,iBAAiB,EAAE,OAAO,EAAC,YAE3E,uBAAC,qBAAQ,CAAC,OAAO,cACb,uBAAC,wBAAW,IACR,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAC,CAAC,CAAC,CAAC,SAAS,EAC1E,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAEvB,uBAAC,iBAAO,IACJ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,aAAa,EACrB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,EAC3B,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAC7D,GACQ,GACC,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {CardBase, IconWrapper} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {BasicCardProps} from '../../models';\nimport {IconPosition} from '../../models/constructor-items/sub-blocks';\nimport {block, getThemedValue} from '../../utils';\nimport Content from '../Content/Content';\n\nimport './BasicCard.scss';\n\nconst b = block('basic-card');\n\nconst BasicCard = (props: BasicCardProps) => {\n    const {\n        title,\n        text,\n        icon,\n        additionalInfo,\n        links,\n        list,\n        buttons,\n        iconPosition = IconPosition.Top,\n        controlPosition = 'content',\n        ...cardParams\n    } = props;\n    const titleId = useUniqId();\n    const descriptionId = useUniqId();\n    const areControlsInFooter = controlPosition === 'footer';\n    const theme = useTheme();\n    const themedIcon = getThemedValue(icon, theme);\n\n    return (\n        <CardBase\n            className={b()}\n            contentClassName={b('content')}\n            {...cardParams}\n            extraProps={{'aria-describedby': descriptionId, 'aria-labelledby': titleId}}\n        >\n            <CardBase.Content>\n                <IconWrapper\n                    icon={themedIcon ? {value: themedIcon, position: iconPosition} : undefined}\n                    className={b('wrapper')}\n                >\n                    <Content\n                        title={title}\n                        titleId={titleId}\n                        text={text}\n                        textId={descriptionId}\n                        additionalInfo={additionalInfo}\n                        links={links}\n                        list={list}\n                        buttons={buttons}\n                        size=\"s\"\n                        colSizes={{all: 12, md: 12}}\n                        controlPosition={areControlsInFooter ? 'bottom' : 'default'}\n                    />\n                </IconWrapper>\n            </CardBase.Content>\n        </CardBase>\n    );\n};\n\nexport default BasicCard;\n"]}
+{"version":3,"file":"BasicCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/BasicCard/BasicCard.tsx"],"names":[],"mappings":";;;;AAAA,6CAA4C;AAE5C,0DAAuD;AACvD,wDAA6C;AAE7C,6EAAuE;AACvE,gDAAkD;AAClD,4EAAyC;AAIzC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EACF,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,KAAK,EACL,IAAI,EACJ,OAAO,EACP,YAAY,GAAG,yBAAY,CAAC,GAAG,EAC/B,eAAe,GAAG,SAAS,EAC3B,IAAI,GAAG,GAAG,EACV,WAAW;IACX,mEAAmE;IACnE,oBAAoB,EACpB,GAAG,UAAU,EAChB,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAE,CAAC;IAC5B,MAAM,aAAa,GAAG,IAAA,iBAAS,GAAE,CAAC;IAClC,MAAM,mBAAmB,GAAG,eAAe,KAAK,QAAQ,CAAC;IACzD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/C,MAAM,iBAAiB,GAAG,IAAA,sBAAc,EAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAE7D,OAAO,CACH,uBAAC,qBAAQ,IACL,SAAS,EAAE,CAAC,EAAE,EACd,gBAAgB,EAAE,CAAC,CAAC,SAAS,CAAC,KAC1B,UAAU,EACd,UAAU,EAAE;YACR,kBAAkB,EAAE,aAAa;YACjC,iBAAiB,EAAE,OAAO;YAC1B,GAAG,CAAC,oBAAoB,IAAI;gBACxB,KAAK,EAAE;oBACH,0BAA0B,EAAE,oBAAoB;iBAC5B;aAC3B,CAAC;SACL,YAED,uBAAC,qBAAQ,CAAC,OAAO,cACb,uBAAC,wBAAW,IACR,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAC,CAAC,CAAC,CAAC,SAAS,EAC1E,WAAW,EACP,iBAAiB;oBACb,CAAC,CAAC,EAAC,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,YAAY,EAAC;oBACpD,CAAC,CAAC,SAAS,EAEnB,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,IAAI,EAAE,IAAI,YAEV,uBAAC,iBAAO,IACJ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,aAAa,EACrB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,EAC3B,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAC7D,GACQ,GACC,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {CardBase, IconWrapper} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {BasicCardProps} from '../../models';\nimport {IconPosition} from '../../models/constructor-items/sub-blocks';\nimport {block, getThemedValue} from '../../utils';\nimport Content from '../Content/Content';\n\nimport './BasicCard.scss';\n\nconst b = block('basic-card');\n\nconst BasicCard = (props: BasicCardProps) => {\n    const {\n        title,\n        text,\n        icon,\n        additionalInfo,\n        links,\n        list,\n        buttons,\n        iconPosition = IconPosition.Top,\n        controlPosition = 'content',\n        size = 's',\n        gravityIcon,\n        /** @deprecated This property will be removed in future versions */\n        hoverBackgroundColor,\n        ...cardParams\n    } = props;\n    const titleId = useUniqId();\n    const descriptionId = useUniqId();\n    const areControlsInFooter = controlPosition === 'footer';\n    const theme = useTheme();\n    const themedIcon = getThemedValue(icon, theme);\n    const themedGravityIcon = getThemedValue(gravityIcon, theme);\n\n    return (\n        <CardBase\n            className={b()}\n            contentClassName={b('content')}\n            {...cardParams}\n            extraProps={{\n                'aria-describedby': descriptionId,\n                'aria-labelledby': titleId,\n                ...(hoverBackgroundColor && {\n                    style: {\n                        '--hover-background-color': hoverBackgroundColor,\n                    } as React.CSSProperties,\n                }),\n            }}\n        >\n            <CardBase.Content>\n                <IconWrapper\n                    icon={themedIcon ? {value: themedIcon, position: iconPosition} : undefined}\n                    gravityIcon={\n                        themedGravityIcon\n                            ? {value: themedGravityIcon, position: iconPosition}\n                            : undefined\n                    }\n                    className={b('wrapper')}\n                    size={size}\n                >\n                    <Content\n                        title={title}\n                        titleId={titleId}\n                        text={text}\n                        textId={descriptionId}\n                        additionalInfo={additionalInfo}\n                        links={links}\n                        list={list}\n                        buttons={buttons}\n                        size={size}\n                        colSizes={{all: 12, md: 12}}\n                        controlPosition={areControlsInFooter ? 'bottom' : 'default'}\n                    />\n                </IconWrapper>\n            </CardBase.Content>\n        </CardBase>\n    );\n};\n\nexport default BasicCard;\n"]}

package/build/cjs/sub-blocks/BasicCard/schema.d.ts

@@ -36,6 +36,27 @@ export declare const BasicCard: {
                     pattern?: undefined;
                 })[];
             };
+            gravityIcon: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties?: undefined;
+                    required?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        name: {
+                            type: string;
+                        };
+                        color: {
+                            type: string;
+                            enum: string[];
+                        };
+                    };
+                })[];
+            };
             target: {
                 type: string;
                 enum: string[];
@@ -48,6 +69,12 @@ export declare const BasicCard: {
                 type: string;
                 enum: string[];
             };
+            /**
+             * @deprecated This property will be removed in future versions
+             */
+            hoverBackgroundColor: {
+                type: string;
+            };
             title: {
                 oneOf: ({
                     type: string;
@@ -85,6 +112,17 @@ export declare const BasicCard: {
                 contentType: string;
                 inputType: string;
             };
+            labels: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             additionalInfo: {
                 type: string;
                 contentType: string;

package/build/cjs/sub-blocks/BasicCard/schema.js

@@ -23,6 +23,7 @@ exports.BasicCard = {
                 type: 'string',
             },
             icon: schema_1.ImageProps,
+            gravityIcon: common_1.GravityIconProps,
             target: {
                 type: 'string',
                 enum: ['_blank', '_parent', '_top', '_self'],
@@ -35,6 +36,12 @@ exports.BasicCard = {
                 type: 'string',
                 enum: ['content', 'footer'],
             },
+            /**
+             * @deprecated This property will be removed in future versions
+             */
+            hoverBackgroundColor: {
+                type: 'string',
+            },
         },
     },
 };

package/build/cjs/sub-blocks/BasicCard/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/BasicCard/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,6DAAyD;AACzD,8DAAoF;AACpF,iDAA8C;AAE9C,MAAM,qBAAqB,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAEzE,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,GAAG,iBAAQ;YACX,GAAG,wBAAe;YAClB,GAAG,qBAAqB;YACxB,GAAG,EAAE;gBACD,IAAI,EAAE,QAAQ;aACjB;YACD,QAAQ,EAAE;gBACN,IAAI,EAAE,QAAQ;aACjB;YACD,IAAI,EAAE,mBAAU;YAChB,MAAM,EAAE;gBACJ,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;aAC/C;YACD,YAAY,EAAE;gBACV,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;aACxB;YACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;aAC9B;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageProps} from '../../components/Image/schema';\nimport {BaseProps, CardBase, CardLayoutProps} from '../../schema/validators/common';\nimport {ContentBase} from '../Content/schema';\n\nconst BasicCardContentProps = omit(ContentBase, ['size', 'theme', 'controlPosition']);\n\nexport const BasicCard = {\n    'basic-card': {\n        additionalProperties: false,\n        required: [],\n        properties: {\n            ...BaseProps,\n            ...CardBase,\n            ...CardLayoutProps,\n            ...BasicCardContentProps,\n            url: {\n                type: 'string',\n            },\n            urlTitle: {\n                type: 'string',\n            },\n            icon: ImageProps,\n            target: {\n                type: 'string',\n                enum: ['_blank', '_parent', '_top', '_self'],\n            },\n            iconPosition: {\n                type: 'string',\n                enum: ['top', 'left'],\n            },\n            controlPosition: {\n                type: 'string',\n                enum: ['content', 'footer'],\n            },\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/BasicCard/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,6DAAyD;AACzD,8DAKwC;AACxC,iDAA8C;AAE9C,MAAM,qBAAqB,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAEzE,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,GAAG,iBAAQ;YACX,GAAG,wBAAe;YAClB,GAAG,qBAAqB;YACxB,GAAG,EAAE;gBACD,IAAI,EAAE,QAAQ;aACjB;YACD,QAAQ,EAAE;gBACN,IAAI,EAAE,QAAQ;aACjB;YACD,IAAI,EAAE,mBAAU;YAChB,WAAW,EAAE,yBAAgB;YAC7B,MAAM,EAAE;gBACJ,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;aAC/C;YACD,YAAY,EAAE;gBACV,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;aACxB;YACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;aAC9B;YACD;;eAEG;YACH,oBAAoB,EAAE;gBAClB,IAAI,EAAE,QAAQ;aACjB;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageProps} from '../../components/Image/schema';\nimport {\n    BaseProps,\n    CardBase,\n    CardLayoutProps,\n    GravityIconProps,\n} from '../../schema/validators/common';\nimport {ContentBase} from '../Content/schema';\n\nconst BasicCardContentProps = omit(ContentBase, ['size', 'theme', 'controlPosition']);\n\nexport const BasicCard = {\n    'basic-card': {\n        additionalProperties: false,\n        required: [],\n        properties: {\n            ...BaseProps,\n            ...CardBase,\n            ...CardLayoutProps,\n            ...BasicCardContentProps,\n            url: {\n                type: 'string',\n            },\n            urlTitle: {\n                type: 'string',\n            },\n            icon: ImageProps,\n            gravityIcon: GravityIconProps,\n            target: {\n                type: 'string',\n                enum: ['_blank', '_parent', '_top', '_self'],\n            },\n            iconPosition: {\n                type: 'string',\n                enum: ['top', 'left'],\n            },\n            controlPosition: {\n                type: 'string',\n                enum: ['content', 'footer'],\n            },\n            /**\n             * @deprecated This property will be removed in future versions\n             */\n            hoverBackgroundColor: {\n                type: 'string',\n            },\n        },\n    },\n};\n"]}

package/build/cjs/sub-blocks/Content/Content.css

@@ -7,8 +7,6 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .pc-content {
-  --pc-monochrome-button-background-color: #262626;
-  --pc-monochrome-button-background-color-hover: #393939;
   --pc-monochrome-button-color: var(--g-color-text-light-primary);
   display: flex;
   flex-direction: column;
@@ -38,6 +36,10 @@ unpredictable css rules order in build */
   text-align: center;
 }
 
+.pc-content_centered .pc-content__labels {
+  justify-content: center;
+  margin-inline: auto;
+}
 .pc-content_centered .pc-content__list {
   margin-inline: auto;
 }
@@ -62,11 +64,15 @@ unpredictable css rules order in build */
 .pc-content_size_s .pc-content__text_without-title {
   margin-top: 0;
 }
+.pc-content_size_s .pc-content__labels,
 .pc-content_size_s .pc-content__list,
 .pc-content_size_s .pc-content__links,
 .pc-content_size_s .pc-content__notice {
   margin-top: 16px;
 }
+.pc-content_size_s .pc-content__labels + .pc-content__list, .pc-content_size_s .pc-content__labels + .pc-content__link, .pc-content_size_s .pc-content__labels + .pc-content__notice {
+  margin-top: 20px;
+}
 .pc-content_size_s .pc-content__buttons {
   margin-top: 20px;
 }
@@ -93,11 +99,15 @@ unpredictable css rules order in build */
   font-size: var(--g-text-body-2-font-size);
   line-height: var(--g-text-body-2-line-height);
 }
+.pc-content_size_m .pc-content__labels,
 .pc-content_size_m .pc-content__list,
 .pc-content_size_m .pc-content__links,
 .pc-content_size_m .pc-content__notice {
   margin-top: 20px;
 }
+.pc-content_size_m .pc-content__labels + .pc-content__list, .pc-content_size_m .pc-content__labels + .pc-content__link, .pc-content_size_m .pc-content__labels + .pc-content__notice {
+  margin-top: 24px;
+}
 .pc-content_size_m .pc-content__buttons {
   margin-top: 24px;
 }
@@ -120,11 +130,15 @@ unpredictable css rules order in build */
   font-size: var(--g-text-body-2-font-size);
   line-height: var(--g-text-body-2-line-height);
 }
+.pc-content_size_l .pc-content__labels,
 .pc-content_size_l .pc-content__list,
 .pc-content_size_l .pc-content__links,
 .pc-content_size_l .pc-content__notice {
   margin-top: 20px;
 }
+.pc-content_size_l .pc-content__labels + .pc-content__list, .pc-content_size_l .pc-content__labels + .pc-content__link, .pc-content_size_l .pc-content__labels + .pc-content__notice {
+  margin-top: 24px;
+}
 .pc-content_size_l .pc-content__buttons {
   margin-top: 24px;
 }

package/build/cjs/sub-blocks/Content/Content.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components/index.js");
+const ContentLabels_1 = tslib_1.__importDefault(require("../../components/ContentLabels/ContentLabels.js"));
 const grid_1 = require("../../grid/index.js");
 const utils_1 = require("../../utils/index.js");
 const blocks_1 = require("../../utils/blocks.js");
@@ -19,15 +21,22 @@ function getTextSize(size) {
     }
 }
 const Content = (props) => {
-    const { title, titleId: titleIdFromProps, text, textId, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, list, qa, controlPosition, } = props;
-    const qaAttributes = (0, blocks_1.getQaAttrubutes)(qa, ['links', 'link', 'buttons', 'button', 'list']);
+    const { title, titleId: titleIdFromProps, text, textId, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, list, labels, qa, controlPosition, } = props;
+    const qaAttributes = (0, blocks_1.getQaAttrubutes)(qa, [
+        'links',
+        'link',
+        'buttons',
+        'button',
+        'list',
+        'labels',
+    ]);
     const titleProps = !title || typeof title === 'string'
         ? { text: title, textSize: getTextSize(size) }
         : title;
     const hasTitle = Boolean(title);
     const defaultTitleId = (0, uikit_1.useUniqId)();
     const titleId = titleIdFromProps || defaultTitleId;
-    return ((0, jsx_runtime_1.jsxs)(grid_1.Col, { className: b({ size, centered, theme, 'control-position': controlPosition }, className), reset: true, sizes: colSizes, qa: qaAttributes.container, children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })), text && ((0, jsx_runtime_1.jsx)("div", { className: b('text', { ['without-title']: !hasTitle }), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId, qa: qaAttributes.list }) })), list?.length ? ((0, jsx_runtime_1.jsx)("div", { className: b('list'), children: (0, jsx_runtime_1.jsx)(components_1.ContentList, { list: list, size: size, qa: qaAttributes.list, theme: theme }) })) : null, additionalInfo && ((0, jsx_runtime_1.jsx)("div", { className: b('notice'), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
+    return ((0, jsx_runtime_1.jsxs)(grid_1.Col, { className: b({ size, centered, theme, 'control-position': controlPosition }, className), reset: true, sizes: colSizes, qa: qaAttributes.container, children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })), text && ((0, jsx_runtime_1.jsx)("div", { className: b('text', { ['without-title']: !hasTitle }), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId, qa: qaAttributes.list }) })), labels?.length ? ((0, jsx_runtime_1.jsx)("div", { className: b('labels'), children: (0, jsx_runtime_1.jsx)(ContentLabels_1.default, { labels: labels, theme: theme, size: size, qa: qaAttributes.labels }) })) : null, list?.length ? ((0, jsx_runtime_1.jsx)("div", { className: b('list'), children: (0, jsx_runtime_1.jsx)(components_1.ContentList, { list: list, size: size, qa: qaAttributes.list, theme: theme }) })) : null, additionalInfo && ((0, jsx_runtime_1.jsx)("div", { className: b('notice'), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
                         constructor: true,
                         'constructor-notice': true,
                         [`constructor-size-${size}`]: true,

package/build/cjs/sub-blocks/Content/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/Content.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {Buttons, ContentList, Links, Title, YFMWrapper} from '../../components';\nimport {Col} from '../../grid';\nimport {\n    ClassNameProps,\n    ContentBlockProps,\n    ContentSize,\n    TextSize,\n    TitleItemProps,\n} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block} from '../../utils';\nimport {getQaAttrubutes} from '../../utils/blocks';\n\nimport './Content.scss';\n\nconst b = block('content');\n\nfunction getTextSize(size: ContentSize): TextSize {\n    switch (size) {\n        case 's':\n            return 's';\n        case 'm':\n            return 'sm';\n        case 'l':\n        default:\n            return 'm';\n    }\n}\n\nexport type ContentProps = ContentBlockProps & ClassNameProps & QAProps;\n\nconst Content = (props: ContentProps) => {\n    const {\n        title,\n        titleId: titleIdFromProps,\n        text,\n        textId,\n        additionalInfo,\n        size = 'l',\n        links,\n        buttons,\n        colSizes = {all: 12, sm: 8},\n        centered,\n        theme,\n        className,\n        list,\n        qa,\n        controlPosition,\n    } = props;\n    const qaAttributes = getQaAttrubutes(qa, ['links', 'link', 'buttons', 'button', 'list']);\n\n    const titleProps =\n        !title || typeof title === 'string'\n            ? ({text: title, textSize: getTextSize(size)} as TitleItemProps)\n            : title;\n\n    const hasTitle = Boolean(title);\n    const defaultTitleId = useUniqId();\n    const titleId = titleIdFromProps || defaultTitleId;\n\n    return (\n        <Col\n            className={b({size, centered, theme, 'control-position': controlPosition}, className)}\n            reset\n            sizes={colSizes}\n            qa={qaAttributes.container}\n        >\n            {title && (\n                <Title\n                    className={b('title')}\n                    title={titleProps}\n                    colSizes={{all: 12}}\n                    id={titleId}\n                />\n            )}\n            {text && (\n                <div className={b('text', {['without-title']: !hasTitle})}>\n                    <YFMWrapper\n                        content={text}\n                        modifiers={{constructor: true, [`constructor-size-${size}`]: true}}\n                        id={textId}\n                        qa={qaAttributes.list}\n                    />\n                </div>\n            )}\n            {list?.length ? (\n                <div className={b('list')}>\n                    <ContentList list={list} size={size} qa={qaAttributes.list} theme={theme} />\n                </div>\n            ) : null}\n            {additionalInfo && (\n                <div className={b('notice')}>\n                    <YFMWrapper\n                        content={additionalInfo}\n                        modifiers={{\n                            constructor: true,\n                            'constructor-notice': true,\n                            [`constructor-size-${size}`]: true,\n                        }}\n                    />\n                </div>\n            )}\n            {links && (\n                <Links\n                    className={b('links', {size})}\n                    size={size}\n                    links={links}\n                    titleId={titleId}\n                    qa={qaAttributes.links}\n                    linkQa={qaAttributes.link}\n                />\n            )}\n            {buttons && (\n                <Buttons\n                    className={b('buttons', {size})}\n                    size={size}\n                    buttons={buttons}\n                    titleId={titleId}\n                    qa={qaAttributes.buttons}\n                    buttonQa={qaAttributes.button}\n                />\n            )}\n        </Col>\n    );\n};\n\nexport default Content;\n"]}
+{"version":3,"file":"Content.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/Content.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\n\nimport {Buttons, ContentList, Links, Title, YFMWrapper} from '../../components';\nimport ContentLabels from '../../components/ContentLabels/ContentLabels';\nimport {Col} from '../../grid';\nimport {\n    ClassNameProps,\n    ContentBlockProps,\n    ContentSize,\n    TextSize,\n    TitleItemProps,\n} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block} from '../../utils';\nimport {getQaAttrubutes} from '../../utils/blocks';\n\nimport './Content.scss';\n\nconst b = block('content');\n\nfunction getTextSize(size: ContentSize): TextSize {\n    switch (size) {\n        case 's':\n            return 's';\n        case 'm':\n            return 'sm';\n        case 'l':\n        default:\n            return 'm';\n    }\n}\n\nexport type ContentProps = ContentBlockProps & ClassNameProps & QAProps;\n\nconst Content = (props: ContentProps) => {\n    const {\n        title,\n        titleId: titleIdFromProps,\n        text,\n        textId,\n        additionalInfo,\n        size = 'l',\n        links,\n        buttons,\n        colSizes = {all: 12, sm: 8},\n        centered,\n        theme,\n        className,\n        list,\n        labels,\n        qa,\n        controlPosition,\n    } = props;\n    const qaAttributes = getQaAttrubutes(qa, [\n        'links',\n        'link',\n        'buttons',\n        'button',\n        'list',\n        'labels',\n    ]);\n\n    const titleProps =\n        !title || typeof title === 'string'\n            ? ({text: title, textSize: getTextSize(size)} as TitleItemProps)\n            : title;\n\n    const hasTitle = Boolean(title);\n    const defaultTitleId = useUniqId();\n    const titleId = titleIdFromProps || defaultTitleId;\n\n    return (\n        <Col\n            className={b({size, centered, theme, 'control-position': controlPosition}, className)}\n            reset\n            sizes={colSizes}\n            qa={qaAttributes.container}\n        >\n            {title && (\n                <Title\n                    className={b('title')}\n                    title={titleProps}\n                    colSizes={{all: 12}}\n                    id={titleId}\n                />\n            )}\n            {text && (\n                <div className={b('text', {['without-title']: !hasTitle})}>\n                    <YFMWrapper\n                        content={text}\n                        modifiers={{constructor: true, [`constructor-size-${size}`]: true}}\n                        id={textId}\n                        qa={qaAttributes.list}\n                    />\n                </div>\n            )}\n            {labels?.length ? (\n                <div className={b('labels')}>\n                    <ContentLabels\n                        labels={labels}\n                        theme={theme}\n                        size={size}\n                        qa={qaAttributes.labels}\n                    />\n                </div>\n            ) : null}\n            {list?.length ? (\n                <div className={b('list')}>\n                    <ContentList list={list} size={size} qa={qaAttributes.list} theme={theme} />\n                </div>\n            ) : null}\n            {additionalInfo && (\n                <div className={b('notice')}>\n                    <YFMWrapper\n                        content={additionalInfo}\n                        modifiers={{\n                            constructor: true,\n                            'constructor-notice': true,\n                            [`constructor-size-${size}`]: true,\n                        }}\n                    />\n                </div>\n            )}\n            {links && (\n                <Links\n                    className={b('links', {size})}\n                    size={size}\n                    links={links}\n                    titleId={titleId}\n                    qa={qaAttributes.links}\n                    linkQa={qaAttributes.link}\n                />\n            )}\n            {buttons && (\n                <Buttons\n                    className={b('buttons', {size})}\n                    size={size}\n                    buttons={buttons}\n                    titleId={titleId}\n                    qa={qaAttributes.buttons}\n                    buttonQa={qaAttributes.button}\n                />\n            )}\n        </Col>\n    );\n};\n\nexport default Content;\n"]}

package/build/cjs/sub-blocks/Content/schema.d.ts

@@ -1,6 +1,8 @@
 export declare const ContentItem: {
     additionalProperties: boolean;
-    required: string[];
+    oneOf: {
+        required: string[];
+    }[];
     properties: {
         title: {
             type: string;
@@ -47,6 +49,115 @@ export declare const ContentItem: {
                 optionName: string;
             })[];
         };
+        gravityIcon: {
+            oneOf: (({
+                oneOf: ({
+                    type: string;
+                    additionalProperties?: undefined;
+                    required?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        name: {
+                            type: string;
+                        };
+                        color: {
+                            type: string;
+                            enum: string[];
+                        };
+                    };
+                })[];
+            } & {
+                optionName: string;
+            }) | {
+                type: string;
+                additionalProperties: boolean;
+                required: import("../../index.js").Theme[];
+                properties: {};
+                optionName: string;
+            })[];
+        };
+    };
+};
+export declare const ContentLabel: {
+    additionalProperties: boolean;
+    required: string[];
+    properties: {
+        text: {
+            type: string;
+            contentType: string;
+        };
+        icon: {
+            oneOf: (({
+                oneOf: ({
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                    pattern: string;
+                    optionName: string;
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                        properties: {
+                            when: {
+                                type: string;
+                            };
+                        };
+                    };
+                    optionName: string;
+                    pattern?: undefined;
+                })[];
+            } & {
+                optionName: string;
+            }) | {
+                type: string;
+                additionalProperties: boolean;
+                required: import("../../index.js").Theme[];
+                properties: {};
+                optionName: string;
+            })[];
+        };
+        gravityIcon: {
+            oneOf: (({
+                oneOf: ({
+                    type: string;
+                    additionalProperties?: undefined;
+                    required?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        name: {
+                            type: string;
+                        };
+                        color: {
+                            type: string;
+                            enum: string[];
+                        };
+                    };
+                })[];
+            } & {
+                optionName: string;
+            }) | {
+                type: string;
+                additionalProperties: boolean;
+                required: import("../../index.js").Theme[];
+                properties: {};
+                optionName: string;
+            })[];
+        };
     };
 };
 export declare const ContentBase: {
@@ -132,6 +243,17 @@ export declare const ContentBase: {
             };
         };
     };
+    labels: {
+        type: string;
+        items: {
+            type: string;
+            properties: {
+                when: {
+                    type: string;
+                };
+            };
+        };
+    };
     controlPosition: {
         type: string;
         enum: string[];
@@ -227,6 +349,17 @@ export declare const ContentBlock: {
                     };
                 };
             };
+            labels: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             controlPosition: {
                 type: string;
                 enum: string[];

package/build/cjs/sub-blocks/Content/schema.js

@@ -1,12 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentBlock = exports.ContentBase = exports.ContentItem = void 0;
+exports.ContentBlock = exports.ContentBase = exports.ContentLabel = exports.ContentItem = void 0;
 const schema_1 = require("../../components/Image/schema.js");
 const common_1 = require("../../schema/validators/common.js");
 const utils_1 = require("../../schema/validators/utils.js");
 exports.ContentItem = {
     additionalProperties: false,
-    required: ['icon'],
+    oneOf: [
+        {
+            required: ['icon'],
+        },
+        {
+            required: ['gravityIcon'],
+        },
+    ],
     properties: {
         title: {
             type: 'string',
@@ -17,6 +24,19 @@ exports.ContentItem = {
             contentType: 'yfm',
         },
         icon: (0, common_1.withTheme)(schema_1.ImageProps),
+        gravityIcon: (0, common_1.withTheme)(common_1.GravityIconProps),
+    },
+};
+exports.ContentLabel = {
+    additionalProperties: false,
+    required: ['text'],
+    properties: {
+        text: {
+            type: 'string',
+            contentType: 'text',
+        },
+        icon: (0, common_1.withTheme)(schema_1.ImageProps),
+        gravityIcon: (0, common_1.withTheme)(common_1.GravityIconProps),
     },
 };
 exports.ContentBase = {
@@ -53,6 +73,7 @@ exports.ContentBase = {
         enum: common_1.contentThemes,
     },
     list: (0, utils_1.filteredArray)(exports.ContentItem),
+    labels: (0, utils_1.filteredArray)(exports.ContentLabel),
     controlPosition: {
         type: 'string',
         enum: ['default', 'bottom'],

package/build/cjs/sub-blocks/Content/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/schema.ts"],"names":[],"mappings":";;;AAAA,6DAAyD;AACzD,8DASwC;AACxC,4DAA4D;AAE/C,QAAA,WAAW,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,CAAC;IAClB,UAAU,EAAE;QACR,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,KAAK;SACrB;QACD,IAAI,EAAE,IAAA,kBAAS,EAAC,mBAAU,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,KAAK,EAAE;QACH,KAAK,EAAE;YACH;gBACI,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;gBACnB,UAAU,EAAE,MAAM;aACrB;YACD;gBACI,GAAG,mBAAU;gBACb,UAAU,EAAE,SAAS;aACxB;SACJ;KACJ;IACD,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,UAAU;KACxB;IACD,cAAc,EAAE;QACZ,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;KACrB;IACD,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,qBAAY;KACrB;IACD,KAAK,EAAE,IAAA,qBAAa,EAAC,kBAAS,CAAC;IAC/B,OAAO,EAAE,IAAA,qBAAa,EAAC,oBAAW,CAAC;IACnC,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,sBAAa;KACtB;IACD,IAAI,EAAE,IAAA,qBAAa,EAAC,mBAAW,CAAC;IAChC,eAAe,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,YAAY,GAAG;IACxB,OAAO,EAAE;QACL,oBAAoB,EAAE,KAAK;QAC3B,UAAU,EAAE;YACR,GAAG,mBAAW;YACd,QAAQ,EAAE,4BAAmB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,mBAAU,EAAC,CAAC,EAAE,EAAE,CAAC;YACvF,QAAQ,EAAE;gBACN,IAAI,EAAE,SAAS;aAClB;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import {ImageProps} from '../../components/Image/schema';\nimport {\n    ButtonBlock,\n    LinkProps,\n    TitleProps,\n    containerSizesArray,\n    contentSizes,\n    contentThemes,\n    sizeNumber,\n    withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const ContentItem = {\n    additionalProperties: false,\n    required: ['icon'],\n    properties: {\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        text: {\n            type: 'string',\n            contentType: 'yfm',\n        },\n        icon: withTheme(ImageProps),\n    },\n};\n\nexport const ContentBase = {\n    title: {\n        oneOf: [\n            {\n                type: 'string',\n                contentType: 'text',\n                optionName: 'text',\n            },\n            {\n                ...TitleProps,\n                optionName: 'options',\n            },\n        ],\n    },\n    text: {\n        type: 'string',\n        contentType: 'yfm',\n        inputType: 'textarea',\n    },\n    additionalInfo: {\n        type: 'string',\n        contentType: 'yfm',\n    },\n    size: {\n        type: 'string',\n        enum: contentSizes,\n    },\n    links: filteredArray(LinkProps),\n    buttons: filteredArray(ButtonBlock),\n    theme: {\n        type: 'string',\n        enum: contentThemes,\n    },\n    list: filteredArray(ContentItem),\n    controlPosition: {\n        type: 'string',\n        enum: ['default', 'bottom'],\n    },\n};\n\nexport const ContentBlock = {\n    content: {\n        additionalProperties: false,\n        properties: {\n            ...ContentBase,\n            colSizes: containerSizesArray.reduce((acc, size) => ({...acc, [size]: sizeNumber}), {}),\n            centered: {\n                type: 'boolean',\n            },\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/Content/schema.ts"],"names":[],"mappings":";;;AAAA,6DAAyD;AACzD,8DAUwC;AACxC,4DAA4D;AAE/C,QAAA,WAAW,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,KAAK,EAAE;QACH;YACI,QAAQ,EAAE,CAAC,MAAM,CAAC;SACrB;QACD;YACI,QAAQ,EAAE,CAAC,aAAa,CAAC;SAC5B;KACJ;IACD,UAAU,EAAE;QACR,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,KAAK;SACrB;QACD,IAAI,EAAE,IAAA,kBAAS,EAAC,mBAAU,CAAC;QAC3B,WAAW,EAAE,IAAA,kBAAS,EAAC,yBAAgB,CAAC;KAC3C;CACJ,CAAC;AAEW,QAAA,YAAY,GAAG;IACxB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,CAAC;IAClB,UAAU,EAAE;QACR,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,IAAI,EAAE,IAAA,kBAAS,EAAC,mBAAU,CAAC;QAC3B,WAAW,EAAE,IAAA,kBAAS,EAAC,yBAAgB,CAAC;KAC3C;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,KAAK,EAAE;QACH,KAAK,EAAE;YACH;gBACI,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;gBACnB,UAAU,EAAE,MAAM;aACrB;YACD;gBACI,GAAG,mBAAU;gBACb,UAAU,EAAE,SAAS;aACxB;SACJ;KACJ;IACD,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,UAAU;KACxB;IACD,cAAc,EAAE;QACZ,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;KACrB;IACD,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,qBAAY;KACrB;IACD,KAAK,EAAE,IAAA,qBAAa,EAAC,kBAAS,CAAC;IAC/B,OAAO,EAAE,IAAA,qBAAa,EAAC,oBAAW,CAAC;IACnC,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,sBAAa;KACtB;IACD,IAAI,EAAE,IAAA,qBAAa,EAAC,mBAAW,CAAC;IAChC,MAAM,EAAE,IAAA,qBAAa,EAAC,oBAAY,CAAC;IACnC,eAAe,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;KAC9B;CACJ,CAAC;AAEW,QAAA,YAAY,GAAG;IACxB,OAAO,EAAE;QACL,oBAAoB,EAAE,KAAK;QAC3B,UAAU,EAAE;YACR,GAAG,mBAAW;YACd,QAAQ,EAAE,4BAAmB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,mBAAU,EAAC,CAAC,EAAE,EAAE,CAAC;YACvF,QAAQ,EAAE;gBACN,IAAI,EAAE,SAAS;aAClB;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import {ImageProps} from '../../components/Image/schema';\nimport {\n    ButtonBlock,\n    GravityIconProps,\n    LinkProps,\n    TitleProps,\n    containerSizesArray,\n    contentSizes,\n    contentThemes,\n    sizeNumber,\n    withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const ContentItem = {\n    additionalProperties: false,\n    oneOf: [\n        {\n            required: ['icon'],\n        },\n        {\n            required: ['gravityIcon'],\n        },\n    ],\n    properties: {\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        text: {\n            type: 'string',\n            contentType: 'yfm',\n        },\n        icon: withTheme(ImageProps),\n        gravityIcon: withTheme(GravityIconProps),\n    },\n};\n\nexport const ContentLabel = {\n    additionalProperties: false,\n    required: ['text'],\n    properties: {\n        text: {\n            type: 'string',\n            contentType: 'text',\n        },\n        icon: withTheme(ImageProps),\n        gravityIcon: withTheme(GravityIconProps),\n    },\n};\n\nexport const ContentBase = {\n    title: {\n        oneOf: [\n            {\n                type: 'string',\n                contentType: 'text',\n                optionName: 'text',\n            },\n            {\n                ...TitleProps,\n                optionName: 'options',\n            },\n        ],\n    },\n    text: {\n        type: 'string',\n        contentType: 'yfm',\n        inputType: 'textarea',\n    },\n    additionalInfo: {\n        type: 'string',\n        contentType: 'yfm',\n    },\n    size: {\n        type: 'string',\n        enum: contentSizes,\n    },\n    links: filteredArray(LinkProps),\n    buttons: filteredArray(ButtonBlock),\n    theme: {\n        type: 'string',\n        enum: contentThemes,\n    },\n    list: filteredArray(ContentItem),\n    labels: filteredArray(ContentLabel),\n    controlPosition: {\n        type: 'string',\n        enum: ['default', 'bottom'],\n    },\n};\n\nexport const ContentBlock = {\n    content: {\n        additionalProperties: false,\n        properties: {\n            ...ContentBase,\n            colSizes: containerSizesArray.reduce((acc, size) => ({...acc, [size]: sizeNumber}), {}),\n            centered: {\n                type: 'boolean',\n            },\n        },\n    },\n};\n"]}

package/build/cjs/sub-blocks/ImageCard/schema.d.ts

@@ -129,6 +129,17 @@ export declare const ImageCard: {
                     };
                 };
             } | undefined;
+            labels?: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            } | undefined;
             controlPosition: {
                 type: string;
                 enum: string[];