@gravity-ui/page-constructor 6.2.0-beta.1 → 7.0.0-beta.2

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

@@ -2,37 +2,25 @@ import { AnimatableProps, BaseProps, ButtonBlock, ThemeProps, mediaView, withThe
 export const BannerCardProps = {
     additionalProperties: false,
     required: ['title', 'button'],
-    properties: {
-        ...BaseProps,
-        ...AnimatableProps,
-        title: {
+    properties: Object.assign(Object.assign(Object.assign({}, BaseProps), AnimatableProps), { title: {
             type: 'string',
             contentType: 'text',
-        },
-        subtitle: {
+        }, subtitle: {
             type: 'string',
             contentType: 'yfm',
-        },
-        image: withTheme({
+        }, image: withTheme({
             type: 'string',
-        }),
-        mediaView: {
+        }), mediaView: {
             type: 'string',
             enum: mediaView,
-        },
-        disableCompress: {
+        }, disableCompress: {
             type: 'boolean',
-        },
-        color: withTheme({
+        }, color: withTheme({
             type: 'string',
-        }),
-        theme: ThemeProps,
-        width: {
+        }), theme: ThemeProps, width: {
             type: 'string',
             enum: ['s', 'm', 'l'],
-        },
-        button: ButtonBlock,
-    },
+        }, button: ButtonBlock }),
 };
 export const BannerBlock = {
     'banner-block': BannerCardProps,

package/build/esm/blocks/Banner/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Banner/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,eAAe,EACf,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,GACZ,0CAAuC;AAExC,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC7B,UAAU,EAAE;QACR,GAAG,SAAS;QACZ,GAAG,eAAe;QAClB,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,QAAQ,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,KAAK;SACrB;QACD,KAAK,EAAE,SAAS,CAAC;YACb,IAAI,EAAE,QAAQ;SACjB,CAAC;QACF,SAAS,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,SAAS;SAClB;QACD,eAAe,EAAE;YACb,IAAI,EAAE,SAAS;SAClB;QACD,KAAK,EAAE,SAAS,CAAC;YACb,IAAI,EAAE,QAAQ;SACjB,CAAC;QACF,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;SACxB;QACD,MAAM,EAAE,WAAW;KACtB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,cAAc,EAAE,eAAe;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,aAAa,EAAE,eAAe;CACjC,CAAC","sourcesContent":["import {\n    AnimatableProps,\n    BaseProps,\n    ButtonBlock,\n    ThemeProps,\n    mediaView,\n    withTheme,\n} from '../../schema/validators/common';\n\nexport const BannerCardProps = {\n    additionalProperties: false,\n    required: ['title', 'button'],\n    properties: {\n        ...BaseProps,\n        ...AnimatableProps,\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        subtitle: {\n            type: 'string',\n            contentType: 'yfm',\n        },\n        image: withTheme({\n            type: 'string',\n        }),\n        mediaView: {\n            type: 'string',\n            enum: mediaView,\n        },\n        disableCompress: {\n            type: 'boolean',\n        },\n        color: withTheme({\n            type: 'string',\n        }),\n        theme: ThemeProps,\n        width: {\n            type: 'string',\n            enum: ['s', 'm', 'l'],\n        },\n        button: ButtonBlock,\n    },\n};\n\nexport const BannerBlock = {\n    'banner-block': BannerCardProps,\n};\n\nexport const BannerCard = {\n    'banner-card': BannerCardProps,\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Banner/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,eAAe,EACf,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,GACZ,0CAAuC;AAExC,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC7B,UAAU,gDACH,SAAS,GACT,eAAe,KAClB,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB,EACD,QAAQ,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,KAAK;SACrB,EACD,KAAK,EAAE,SAAS,CAAC;YACb,IAAI,EAAE,QAAQ;SACjB,CAAC,EACF,SAAS,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,SAAS;SAClB,EACD,eAAe,EAAE;YACb,IAAI,EAAE,SAAS;SAClB,EACD,KAAK,EAAE,SAAS,CAAC;YACb,IAAI,EAAE,QAAQ;SACjB,CAAC,EACF,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;SACxB,EACD,MAAM,EAAE,WAAW,GACtB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,cAAc,EAAE,eAAe;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,aAAa,EAAE,eAAe;CACjC,CAAC","sourcesContent":["import {\n    AnimatableProps,\n    BaseProps,\n    ButtonBlock,\n    ThemeProps,\n    mediaView,\n    withTheme,\n} from '../../schema/validators/common';\n\nexport const BannerCardProps = {\n    additionalProperties: false,\n    required: ['title', 'button'],\n    properties: {\n        ...BaseProps,\n        ...AnimatableProps,\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        subtitle: {\n            type: 'string',\n            contentType: 'yfm',\n        },\n        image: withTheme({\n            type: 'string',\n        }),\n        mediaView: {\n            type: 'string',\n            enum: mediaView,\n        },\n        disableCompress: {\n            type: 'boolean',\n        },\n        color: withTheme({\n            type: 'string',\n        }),\n        theme: ThemeProps,\n        width: {\n            type: 'string',\n            enum: ['s', 'm', 'l'],\n        },\n        button: ButtonBlock,\n    },\n};\n\nexport const BannerBlock = {\n    'banner-block': BannerCardProps,\n};\n\nexport const BannerCard = {\n    'banner-card': BannerCardProps,\n};\n"]}

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

@@ -1,3 +1,4 @@
+import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import isEmpty from "lodash/isEmpty.js";
@@ -14,10 +15,10 @@ const DEFAULT_SIZES = {
 const b = block('card-layout-block');
 const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, children, className, titleClassName, background, }) => {
     const theme = useTheme();
-    const { border, ...backgroundImageProps } = getThemedValue(background || {}, theme);
+    const _a = getThemedValue(background || {}, theme), { border } = _a, backgroundImageProps = __rest(_a, ["border"]);
     return (_jsxs(AnimateBlock, { className: b(null, className), animate: animated, children: [(title || description) && (_jsx(Title, { title: title, subtitle: description, className: titleClassName })), _jsxs("div", { className: b('content', {
                     'with-background': !isEmpty(background),
-                }), children: [_jsx(BackgroundImage, { className: b('image', { border }), ...backgroundImageProps }), _jsx(Row, { children: React.Children.map(children, (child, index) => (_jsx(Col, { sizes: colSizes, className: b('item'), children: child }, index))) })] })] }));
+                }), children: [_jsx(BackgroundImage, Object.assign({ className: b('image', { border }) }, backgroundImageProps)), _jsx(Row, { children: React.Children.map(children, (child, index) => (_jsx(Col, { sizes: colSizes, className: b('item'), children: child }, index))) })] })] }));
 };
 export default CardLayout;
 //# sourceMappingURL=CardLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardLayout.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/CardLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,OAAO,0BAAuB;AAErC,OAAO,EAAC,YAAY,EAAE,eAAe,EAAE,KAAK,EAAC,kCAAyB;AACtE,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAC7C,OAAO,EAAC,GAAG,EAAuB,GAAG,EAAC,4BAAmB;AAEzD,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAElD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,aAAa,GAAwB;IACvC,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAMF,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,UAAU,GAAmC,CAAC,EAChD,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,UAAU,GACb,EAAE,EAAE;IACD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAC,MAAM,EAAE,GAAG,oBAAoB,EAAC,GAAG,cAAc,CAAC,UAAU,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAClF,OAAO,CACH,MAAC,YAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,aACzD,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,GAAI,CAC5E,EACD,eACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;oBACpB,iBAAiB,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;iBAC1C,CAAC,aAEF,KAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,KAAM,oBAAoB,GAAI,EAC9E,KAAC,GAAG,cACC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,KAAC,GAAG,IAAa,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACjD,KAAK,IADA,KAAK,CAET,CACT,CAAC,GACA,IACJ,IACK,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\nimport isEmpty from 'lodash/isEmpty';\n\nimport {AnimateBlock, BackgroundImage, Title} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {Col, GridColumnSizesType, Row} from '../../grid';\nimport {CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './CardLayout.scss';\n\nconst DEFAULT_SIZES: GridColumnSizesType = {\n    all: 12,\n    sm: 6,\n    md: 4,\n};\nexport type CardLayoutBlockProps = React.PropsWithChildren<\n    Omit<CardLayoutBlockParams, 'children'>\n> &\n    ClassNameProps;\n\nconst b = block('card-layout-block');\n\nconst CardLayout: React.FC<CardLayoutBlockProps> = ({\n    title,\n    description,\n    animated,\n    colSizes = DEFAULT_SIZES,\n    children,\n    className,\n    titleClassName,\n    background,\n}) => {\n    const theme = useTheme();\n    const {border, ...backgroundImageProps} = getThemedValue(background || {}, theme);\n    return (\n        <AnimateBlock className={b(null, className)} animate={animated}>\n            {(title || description) && (\n                <Title title={title} subtitle={description} className={titleClassName} />\n            )}\n            <div\n                className={b('content', {\n                    'with-background': !isEmpty(background),\n                })}\n            >\n                <BackgroundImage className={b('image', {border})} {...backgroundImageProps} />\n                <Row>\n                    {React.Children.map(children, (child, index) => (\n                        <Col key={index} sizes={colSizes} className={b('item')}>\n                            {child}\n                        </Col>\n                    ))}\n                </Row>\n            </div>\n        </AnimateBlock>\n    );\n};\n\nexport default CardLayout;\n"]}
+{"version":3,"file":"CardLayout.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/CardLayout.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,OAAO,0BAAuB;AAErC,OAAO,EAAC,YAAY,EAAE,eAAe,EAAE,KAAK,EAAC,kCAAyB;AACtE,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAC7C,OAAO,EAAC,GAAG,EAAuB,GAAG,EAAC,4BAAmB;AAEzD,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAElD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,aAAa,GAAwB;IACvC,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAMF,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,UAAU,GAAmC,CAAC,EAChD,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,UAAU,GACb,EAAE,EAAE;IACD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,KAAoC,cAAc,CAAC,UAAU,IAAI,EAAE,EAAE,KAAK,CAAC,EAA3E,EAAC,MAAM,OAAoE,EAA/D,oBAAoB,cAAhC,UAAiC,CAA0C,CAAC;IAClF,OAAO,CACH,MAAC,YAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,aACzD,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,GAAI,CAC5E,EACD,eACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;oBACpB,iBAAiB,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;iBAC1C,CAAC,aAEF,KAAC,eAAe,kBAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,IAAM,oBAAoB,EAAI,EAC9E,KAAC,GAAG,cACC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,KAAC,GAAG,IAAa,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACjD,KAAK,IADA,KAAK,CAET,CACT,CAAC,GACA,IACJ,IACK,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\nimport isEmpty from 'lodash/isEmpty';\n\nimport {AnimateBlock, BackgroundImage, Title} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {Col, GridColumnSizesType, Row} from '../../grid';\nimport {CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './CardLayout.scss';\n\nconst DEFAULT_SIZES: GridColumnSizesType = {\n    all: 12,\n    sm: 6,\n    md: 4,\n};\nexport type CardLayoutBlockProps = React.PropsWithChildren<\n    Omit<CardLayoutBlockParams, 'children'>\n> &\n    ClassNameProps;\n\nconst b = block('card-layout-block');\n\nconst CardLayout: React.FC<CardLayoutBlockProps> = ({\n    title,\n    description,\n    animated,\n    colSizes = DEFAULT_SIZES,\n    children,\n    className,\n    titleClassName,\n    background,\n}) => {\n    const theme = useTheme();\n    const {border, ...backgroundImageProps} = getThemedValue(background || {}, theme);\n    return (\n        <AnimateBlock className={b(null, className)} animate={animated}>\n            {(title || description) && (\n                <Title title={title} subtitle={description} className={titleClassName} />\n            )}\n            <div\n                className={b('content', {\n                    'with-background': !isEmpty(background),\n                })}\n            >\n                <BackgroundImage className={b('image', {border})} {...backgroundImageProps} />\n                <Row>\n                    {React.Children.map(children, (child, index) => (\n                        <Col key={index} sizes={colSizes} className={b('item')}>\n                            {child}\n                        </Col>\n                    ))}\n                </Row>\n            </div>\n        </AnimateBlock>\n    );\n};\n\nexport default CardLayout;\n"]}

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

@@ -3,27 +3,12 @@ import { AnimatableProps, BlockBaseProps, BlockHeaderProps, BorderProps, Childre
 export const CardLayoutProps = {
     additionalProperties: false,
     required: [],
-    properties: {
-        ...BlockBaseProps,
-        ...AnimatableProps,
-        ...BlockHeaderProps,
-        colSizes: containerSizesObject,
-        background: {
+    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), BlockHeaderProps), { colSizes: containerSizesObject, background: {
             anyOf: [
-                {
-                    ...ImageBaseObjectProps,
-                    properties: { ...ImageBaseObjectProps.properties, border: BorderProps },
-                    optionName: 'options',
-                },
-                {
-                    ...ImageDeviceProps,
-                    properties: { ...ImageDeviceProps.properties, border: BorderProps },
-                    optionName: 'device options',
-                },
+                Object.assign(Object.assign({}, ImageBaseObjectProps), { properties: Object.assign(Object.assign({}, ImageBaseObjectProps.properties), { border: BorderProps }), optionName: 'options' }),
+                Object.assign(Object.assign({}, ImageDeviceProps), { properties: Object.assign(Object.assign({}, ImageDeviceProps.properties), { border: BorderProps }), optionName: 'device options' }),
             ],
-        },
-        children: ChildrenCardsProps,
-    },
+        }, children: ChildrenCardsProps }),
 };
 export const CardLayoutBlock = {
     'card-layout-block': CardLayoutProps,

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAE,gBAAgB,EAAC,yCAAsC;AACrF,OAAO,EACH,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,oBAAoB,GACvB,0CAAuC;AAExC,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACR,GAAG,cAAc;QACjB,GAAG,eAAe;QAClB,GAAG,gBAAgB;QACnB,QAAQ,EAAE,oBAAoB;QAC9B,UAAU,EAAE;YACR,KAAK,EAAE;gBACH;oBACI,GAAG,oBAAoB;oBACvB,UAAU,EAAE,EAAC,GAAG,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAC;oBACrE,UAAU,EAAE,SAAS;iBACxB;gBACD;oBACI,GAAG,gBAAgB;oBACnB,UAAU,EAAE,EAAC,GAAG,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAC;oBACjE,UAAU,EAAE,gBAAgB;iBAC/B;aACJ;SACJ;QACD,QAAQ,EAAE,kBAAkB;KAC/B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,mBAAmB,EAAE,eAAe;CACvC,CAAC","sourcesContent":["import {ImageBaseObjectProps, ImageDeviceProps} from '../../components/Image/schema';\nimport {\n    AnimatableProps,\n    BlockBaseProps,\n    BlockHeaderProps,\n    BorderProps,\n    ChildrenCardsProps,\n    containerSizesObject,\n} from '../../schema/validators/common';\n\nexport const CardLayoutProps = {\n    additionalProperties: false,\n    required: [],\n    properties: {\n        ...BlockBaseProps,\n        ...AnimatableProps,\n        ...BlockHeaderProps,\n        colSizes: containerSizesObject,\n        background: {\n            anyOf: [\n                {\n                    ...ImageBaseObjectProps,\n                    properties: {...ImageBaseObjectProps.properties, border: BorderProps},\n                    optionName: 'options',\n                },\n                {\n                    ...ImageDeviceProps,\n                    properties: {...ImageDeviceProps.properties, border: BorderProps},\n                    optionName: 'device options',\n                },\n            ],\n        },\n        children: ChildrenCardsProps,\n    },\n};\n\nexport const CardLayoutBlock = {\n    'card-layout-block': CardLayoutProps,\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAE,gBAAgB,EAAC,yCAAsC;AACrF,OAAO,EACH,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,oBAAoB,GACvB,0CAAuC;AAExC,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,8DACH,cAAc,GACd,eAAe,GACf,gBAAgB,KACnB,QAAQ,EAAE,oBAAoB,EAC9B,UAAU,EAAE;YACR,KAAK,EAAE;gDAEI,oBAAoB,KACvB,UAAU,kCAAM,oBAAoB,CAAC,UAAU,KAAE,MAAM,EAAE,WAAW,KACpE,UAAU,EAAE,SAAS;gDAGlB,gBAAgB,KACnB,UAAU,kCAAM,gBAAgB,CAAC,UAAU,KAAE,MAAM,EAAE,WAAW,KAChE,UAAU,EAAE,gBAAgB;aAEnC;SACJ,EACD,QAAQ,EAAE,kBAAkB,GAC/B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,mBAAmB,EAAE,eAAe;CACvC,CAAC","sourcesContent":["import {ImageBaseObjectProps, ImageDeviceProps} from '../../components/Image/schema';\nimport {\n    AnimatableProps,\n    BlockBaseProps,\n    BlockHeaderProps,\n    BorderProps,\n    ChildrenCardsProps,\n    containerSizesObject,\n} from '../../schema/validators/common';\n\nexport const CardLayoutProps = {\n    additionalProperties: false,\n    required: [],\n    properties: {\n        ...BlockBaseProps,\n        ...AnimatableProps,\n        ...BlockHeaderProps,\n        colSizes: containerSizesObject,\n        background: {\n            anyOf: [\n                {\n                    ...ImageBaseObjectProps,\n                    properties: {...ImageBaseObjectProps.properties, border: BorderProps},\n                    optionName: 'options',\n                },\n                {\n                    ...ImageDeviceProps,\n                    properties: {...ImageDeviceProps.properties, border: BorderProps},\n                    optionName: 'device options',\n                },\n            ],\n        },\n        children: ChildrenCardsProps,\n    },\n};\n\nexport const CardLayoutBlock = {\n    'card-layout-block': CardLayoutProps,\n};\n"]}

package/build/esm/blocks/Companies/Companies.js

@@ -8,7 +8,7 @@ const b = block('companies-block');
 export const CompaniesBlock = ({ title, description, images, animated }) => {
     const theme = useTheme();
     const themedImages = getThemedValue(images, theme) || {};
-    return (_jsx(AnimateBlock, { className: b(), offset: 150, animate: animated, children: _jsxs("div", { className: b('content'), children: [_jsx(Title, { title: title, subtitle: description, colSizes: { all: 12, sm: 12 } }), _jsx("div", { className: b('images'), children: _jsx(Image, { ...themedImages, className: b('image') }) })] }) }));
+    return (_jsx(AnimateBlock, { className: b(), offset: 150, animate: animated, children: _jsxs("div", { className: b('content'), children: [_jsx(Title, { title: title, subtitle: description, colSizes: { all: 12, sm: 12 } }), _jsx("div", { className: b('images'), children: _jsx(Image, Object.assign({}, themedImages, { className: b('image') })) })] }) }));
 };
 export default CompaniesBlock;
 //# sourceMappingURL=Companies.js.map

package/build/esm/blocks/Companies/Companies.js.map

@@ -1 +1 @@
-{"version":3,"file":"Companies.js","sourceRoot":"../../../../src","sources":["blocks/Companies/Companies.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAE,KAAK,EAAC,kCAAyB;AAC9C,OAAO,YAAY,sDAAmD;AACtE,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAE7C,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAElD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC1F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAEzD,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,YACxD,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,GAAU,EACjF,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,KAAC,KAAK,OAAK,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,GAChD,IACJ,GACK,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import {Image, Title} from '../../components';\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport {useTheme} from '../../context/theme';\nimport {CompaniesBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './Companies.scss';\n\nconst b = block('companies-block');\n\nexport const CompaniesBlock = ({title, description, images, animated}: CompaniesBlockProps) => {\n    const theme = useTheme();\n    const themedImages = getThemedValue(images, theme) || {};\n\n    return (\n        <AnimateBlock className={b()} offset={150} animate={animated}>\n            <div className={b('content')}>\n                <Title title={title} subtitle={description} colSizes={{all: 12, sm: 12}}></Title>\n                <div className={b('images')}>\n                    <Image {...themedImages} className={b('image')} />\n                </div>\n            </div>\n        </AnimateBlock>\n    );\n};\n\nexport default CompaniesBlock;\n"]}
+{"version":3,"file":"Companies.js","sourceRoot":"../../../../src","sources":["blocks/Companies/Companies.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAE,KAAK,EAAC,kCAAyB;AAC9C,OAAO,YAAY,sDAAmD;AACtE,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAE7C,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAElD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC1F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAEzD,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,YACxD,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,GAAU,EACjF,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,KAAC,KAAK,oBAAK,YAAY,IAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,GAChD,IACJ,GACK,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import {Image, Title} from '../../components';\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport {useTheme} from '../../context/theme';\nimport {CompaniesBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './Companies.scss';\n\nconst b = block('companies-block');\n\nexport const CompaniesBlock = ({title, description, images, animated}: CompaniesBlockProps) => {\n    const theme = useTheme();\n    const themedImages = getThemedValue(images, theme) || {};\n\n    return (\n        <AnimateBlock className={b()} offset={150} animate={animated}>\n            <div className={b('content')}>\n                <Title title={title} subtitle={description} colSizes={{all: 12, sm: 12}}></Title>\n                <div className={b('images')}>\n                    <Image {...themedImages} className={b('image')} />\n                </div>\n            </div>\n        </AnimateBlock>\n    );\n};\n\nexport default CompaniesBlock;\n"]}

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

@@ -3,18 +3,13 @@ export const CompaniesBlock = {
     'companies-block': {
         additionalProperties: false,
         required: ['title', 'images'],
-        properties: {
-            ...BaseProps,
-            ...AnimatableProps,
-            title: {
+        properties: Object.assign(Object.assign(Object.assign({}, BaseProps), AnimatableProps), { title: {
                 type: 'string',
                 contentType: 'text',
-            },
-            description: {
+            }, description: {
                 type: 'string',
                 contentType: 'text',
-            },
-            images: withTheme({
+            }, images: withTheme({
                 type: 'object',
                 required: ['desktop', 'tablet', 'mobile'],
                 properties: {
@@ -32,8 +27,7 @@ export const CompaniesBlock = {
                         contentType: 'text',
                     },
                 },
-            }),
-        },
+            }) }),
     },
 };
 //# sourceMappingURL=schema.js.map

package/build/esm/blocks/Companies/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Companies/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,SAAS,EAAE,SAAS,EAAC,0CAAuC;AAErF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,iBAAiB,EAAE;QACf,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;QAC7B,UAAU,EAAE;YACR,GAAG,SAAS;YACZ,GAAG,eAAe;YAClB,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB;YACD,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB;YACD,MAAM,EAAE,SAAS,CAAC;gBACd,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC;gBACzC,UAAU,EAAE;oBACR,OAAO,EAAE;wBACL,IAAI,EAAE,QAAQ;qBACjB;oBACD,MAAM,EAAE;wBACJ,IAAI,EAAE,QAAQ;qBACjB;oBACD,MAAM,EAAE;wBACJ,IAAI,EAAE,QAAQ;qBACjB;oBACD,GAAG,EAAE;wBACD,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,MAAM;qBACtB;iBACJ;aACJ,CAAC;SACL;KACJ;CACJ,CAAC","sourcesContent":["import {AnimatableProps, BaseProps, withTheme} from '../../schema/validators/common';\n\nexport const CompaniesBlock = {\n    'companies-block': {\n        additionalProperties: false,\n        required: ['title', 'images'],\n        properties: {\n            ...BaseProps,\n            ...AnimatableProps,\n            title: {\n                type: 'string',\n                contentType: 'text',\n            },\n            description: {\n                type: 'string',\n                contentType: 'text',\n            },\n            images: withTheme({\n                type: 'object',\n                required: ['desktop', 'tablet', 'mobile'],\n                properties: {\n                    desktop: {\n                        type: 'string',\n                    },\n                    tablet: {\n                        type: 'string',\n                    },\n                    mobile: {\n                        type: 'string',\n                    },\n                    alt: {\n                        type: 'string',\n                        contentType: 'text',\n                    },\n                },\n            }),\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Companies/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,SAAS,EAAE,SAAS,EAAC,0CAAuC;AAErF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,iBAAiB,EAAE;QACf,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;QAC7B,UAAU,gDACH,SAAS,GACT,eAAe,KAClB,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,EACD,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,EACD,MAAM,EAAE,SAAS,CAAC;gBACd,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC;gBACzC,UAAU,EAAE;oBACR,OAAO,EAAE;wBACL,IAAI,EAAE,QAAQ;qBACjB;oBACD,MAAM,EAAE;wBACJ,IAAI,EAAE,QAAQ;qBACjB;oBACD,MAAM,EAAE;wBACJ,IAAI,EAAE,QAAQ;qBACjB;oBACD,GAAG,EAAE;wBACD,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,MAAM;qBACtB;iBACJ;aACJ,CAAC,GACL;KACJ;CACJ,CAAC","sourcesContent":["import {AnimatableProps, BaseProps, withTheme} from '../../schema/validators/common';\n\nexport const CompaniesBlock = {\n    'companies-block': {\n        additionalProperties: false,\n        required: ['title', 'images'],\n        properties: {\n            ...BaseProps,\n            ...AnimatableProps,\n            title: {\n                type: 'string',\n                contentType: 'text',\n            },\n            description: {\n                type: 'string',\n                contentType: 'text',\n            },\n            images: withTheme({\n                type: 'object',\n                required: ['desktop', 'tablet', 'mobile'],\n                properties: {\n                    desktop: {\n                        type: 'string',\n                    },\n                    tablet: {\n                        type: 'string',\n                    },\n                    mobile: {\n                        type: 'string',\n                    },\n                    alt: {\n                        type: 'string',\n                        contentType: 'text',\n                    },\n                },\n            }),\n        },\n    },\n};\n"]}

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

@@ -35,7 +35,7 @@ export const ContentLayoutBlock = (props) => {
     const colSizes = React.useMemo(() => getTextWidth(textWidth), [textWidth]);
     const globalTheme = useTheme();
     const themedBackground = getThemedValue(background, globalTheme);
-    return (_jsxs("div", { className: b({ size, theme, background: Boolean(background) }), children: [_jsx(Content, { className: b('content'), ...textContent, size: size, centered: centered, colSizes: colSizes, theme: theme }), fileContent && (_jsx(Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes, children: fileContent.map((file) => (_createElement(FileLink, { className: b('file'), ...file, key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme }))) })), background && (_jsx("div", { className: b('background'), children: _jsx(BackgroundImage, { className: b('background-item'), ...themedBackground, hide: isMobile }) }))] }));
+    return (_jsxs("div", { className: b({ size, theme, background: Boolean(background) }), children: [_jsx(Content, Object.assign({ className: b('content') }, textContent, { size: size, centered: centered, colSizes: colSizes, theme: theme })), fileContent && (_jsx(Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes, children: fileContent.map((file) => (_createElement(FileLink, Object.assign({ className: b('file') }, file, { key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme })))) })), background && (_jsx("div", { className: b('background'), children: _jsx(BackgroundImage, Object.assign({ className: b('background-item') }, themedBackground, { hide: isMobile })) }))] }));
 };
 export default ContentLayoutBlock;
 //# sourceMappingURL=ContentLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentLayout.js","sourceRoot":"../../../../src","sources":["blocks/ContentLayout/ContentLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImage, FileLink} from '../../components';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {Col} from '../../grid';\nimport {ContentLayoutBlockProps, ContentSize, ContentTextSize} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport './ContentLayout.scss';\n\nconst b = block('content-layout-block');\n\nfunction getFileTextSize(size: ContentSize) {\n    switch (size) {\n        case 's':\n            return 's';\n        case 'l':\n        default:\n            return 'l';\n    }\n}\n\nfunction getTextWidth(size: ContentTextSize) {\n    switch (size) {\n        case 's':\n            return {all: 12, md: 6};\n        case 'l':\n            return {all: 12, md: 12};\n        case 'm':\n        default:\n            return {all: 12, md: 8};\n    }\n}\n\nexport const ContentLayoutBlock = (props: ContentLayoutBlockProps) => {\n    const isMobile = React.useContext(MobileContext);\n    const {\n        textContent,\n        fileContent,\n        size = 'l',\n        background,\n        centered,\n        theme = 'default',\n        textWidth = 'm',\n    } = props;\n\n    const colSizes = React.useMemo(() => getTextWidth(textWidth), [textWidth]);\n    const globalTheme = useTheme();\n    const themedBackground = getThemedValue(background, globalTheme);\n\n    return (\n        <div className={b({size, theme, background: Boolean(background)})}>\n            <Content\n                className={b('content')}\n                {...textContent}\n                size={size}\n                centered={centered}\n                colSizes={colSizes}\n                theme={theme}\n            />\n            {fileContent && (\n                <Col className={b('files', {size, centered})} reset sizes={colSizes}>\n                    {fileContent.map((file) => (\n                        <FileLink\n                            className={b('file')}\n                            {...file}\n                            key={file.href}\n                            type=\"horizontal\"\n                            textSize={getFileTextSize(size)}\n                            theme={theme}\n                        />\n                    ))}\n                </Col>\n            )}\n            {background && (\n                <div className={b('background')}>\n                    <BackgroundImage\n                        className={b('background-item')}\n                        {...themedBackground}\n                        hide={isMobile}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\nexport default ContentLayoutBlock;\n"]}
+{"version":3,"file":"ContentLayout.js","sourceRoot":"../../../../src","sources":["blocks/ContentLayout/ContentLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImage, FileLink} from '../../components';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {Col} from '../../grid';\nimport {ContentLayoutBlockProps, ContentSize, ContentTextSize} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport './ContentLayout.scss';\n\nconst b = block('content-layout-block');\n\nfunction getFileTextSize(size: ContentSize) {\n    switch (size) {\n        case 's':\n            return 's';\n        case 'l':\n        default:\n            return 'l';\n    }\n}\n\nfunction getTextWidth(size: ContentTextSize) {\n    switch (size) {\n        case 's':\n            return {all: 12, md: 6};\n        case 'l':\n            return {all: 12, md: 12};\n        case 'm':\n        default:\n            return {all: 12, md: 8};\n    }\n}\n\nexport const ContentLayoutBlock = (props: ContentLayoutBlockProps) => {\n    const isMobile = React.useContext(MobileContext);\n    const {\n        textContent,\n        fileContent,\n        size = 'l',\n        background,\n        centered,\n        theme = 'default',\n        textWidth = 'm',\n    } = props;\n\n    const colSizes = React.useMemo(() => getTextWidth(textWidth), [textWidth]);\n    const globalTheme = useTheme();\n    const themedBackground = getThemedValue(background, globalTheme);\n\n    return (\n        <div className={b({size, theme, background: Boolean(background)})}>\n            <Content\n                className={b('content')}\n                {...textContent}\n                size={size}\n                centered={centered}\n                colSizes={colSizes}\n                theme={theme}\n            />\n            {fileContent && (\n                <Col className={b('files', {size, centered})} reset sizes={colSizes}>\n                    {fileContent.map((file) => (\n                        <FileLink\n                            className={b('file')}\n                            {...file}\n                            key={file.href}\n                            type=\"horizontal\"\n                            textSize={getFileTextSize(size)}\n                            theme={theme}\n                        />\n                    ))}\n                </Col>\n            )}\n            {background && (\n                <div className={b('background')}>\n                    <BackgroundImage\n                        className={b('background-item')}\n                        {...themedBackground}\n                        hide={isMobile}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\nexport default ContentLayoutBlock;\n"]}

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

@@ -23,16 +23,11 @@ const ContentLayoutBlockProperties = {
 export const ContentLayoutBlock = {
     'content-layout-block': {
         additionalProperties: false,
-        properties: {
-            ...BlockBaseProps,
-            textContent: ContentBlock?.content,
-            fileContent: filteredArray(FileLinkProps),
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), { textContent: ContentBlock === null || ContentBlock === void 0 ? void 0 : ContentBlock.content, fileContent: filteredArray(FileLinkProps), 
             /**
              * @deprecated Use params on top level instead
              */
-            properties: ContentLayoutBlockProperties,
-            ...ContentLayoutBlockProperties,
-        },
+            properties: ContentLayoutBlockProperties }), ContentLayoutBlockProperties),
     },
 };
 //# sourceMappingURL=schema.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/ContentLayout/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,yCAAsC;AACnE,OAAO,EACH,cAAc,EACd,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,aAAa,GAChB,0CAAuC;AACxC,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAC5D,OAAO,EAAC,YAAY,EAAC,2CAAwC;AAE7D,MAAM,4BAA4B,GAAG;IACjC,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,YAAY;KACrB;IACD,UAAU,EAAE,oBAAoB;IAChC,QAAQ,EAAE;QACN,IAAI,EAAE,SAAS;KAClB;IACD,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,aAAa;KACtB;IACD,SAAS,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,gBAAgB;KACzB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,sBAAsB,EAAE;QACpB,oBAAoB,EAAE,KAAK;QAC3B,UAAU,EAAE;YACR,GAAG,cAAc;YACjB,WAAW,EAAE,YAAY,EAAE,OAAO;YAClC,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC;YACzC;;eAEG;YACH,UAAU,EAAE,4BAA4B;YACxC,GAAG,4BAA4B;SAClC;KACJ;CACJ,CAAC","sourcesContent":["import {BackgroundImageProps} from '../../components/Image/schema';\nimport {\n    BlockBaseProps,\n    FileLinkProps,\n    contentSizes,\n    contentTextWidth,\n    contentThemes,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBlock} from '../../sub-blocks/Content/schema';\n\nconst ContentLayoutBlockProperties = {\n    size: {\n        type: 'string',\n        enum: contentSizes,\n    },\n    background: BackgroundImageProps,\n    centered: {\n        type: 'boolean',\n    },\n    theme: {\n        type: 'string',\n        enum: contentThemes,\n    },\n    textWidth: {\n        type: 'string',\n        enum: contentTextWidth,\n    },\n};\n\nexport const ContentLayoutBlock = {\n    'content-layout-block': {\n        additionalProperties: false,\n        properties: {\n            ...BlockBaseProps,\n            textContent: ContentBlock?.content,\n            fileContent: filteredArray(FileLinkProps),\n            /**\n             * @deprecated Use params on top level instead\n             */\n            properties: ContentLayoutBlockProperties,\n            ...ContentLayoutBlockProperties,\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/ContentLayout/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,yCAAsC;AACnE,OAAO,EACH,cAAc,EACd,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,aAAa,GAChB,0CAAuC;AACxC,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAC5D,OAAO,EAAC,YAAY,EAAC,2CAAwC;AAE7D,MAAM,4BAA4B,GAAG;IACjC,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,YAAY;KACrB;IACD,UAAU,EAAE,oBAAoB;IAChC,QAAQ,EAAE;QACN,IAAI,EAAE,SAAS;KAClB;IACD,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,aAAa;KACtB;IACD,SAAS,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,gBAAgB;KACzB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,sBAAsB,EAAE;QACpB,oBAAoB,EAAE,KAAK;QAC3B,UAAU,gDACH,cAAc,KACjB,WAAW,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAClC,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC;YACzC;;eAEG;YACH,UAAU,EAAE,4BAA4B,KACrC,4BAA4B,CAClC;KACJ;CACJ,CAAC","sourcesContent":["import {BackgroundImageProps} from '../../components/Image/schema';\nimport {\n    BlockBaseProps,\n    FileLinkProps,\n    contentSizes,\n    contentTextWidth,\n    contentThemes,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBlock} from '../../sub-blocks/Content/schema';\n\nconst ContentLayoutBlockProperties = {\n    size: {\n        type: 'string',\n        enum: contentSizes,\n    },\n    background: BackgroundImageProps,\n    centered: {\n        type: 'boolean',\n    },\n    theme: {\n        type: 'string',\n        enum: contentThemes,\n    },\n    textWidth: {\n        type: 'string',\n        enum: contentTextWidth,\n    },\n};\n\nexport const ContentLayoutBlock = {\n    'content-layout-block': {\n        additionalProperties: false,\n        properties: {\n            ...BlockBaseProps,\n            textContent: ContentBlock?.content,\n            fileContent: filteredArray(FileLinkProps),\n            /**\n             * @deprecated Use params on top level instead\n             */\n            properties: ContentLayoutBlockProperties,\n            ...ContentLayoutBlockProperties,\n        },\n    },\n};\n"]}

package/build/esm/blocks/ExtendedFeatures/ExtendedFeatures.css

@@ -1,4 +1,4 @@
-.pc-ExtendedFeaturesBlock__item-title {
+.pc-ExtendedFeaturesBlock__item-title.pc-ExtendedFeaturesBlock__item-title {
   margin: 0;
 }
 
@@ -16,28 +16,33 @@ unpredictable css rules order in build */
 .pc-ExtendedFeaturesBlock__item.col {
   padding-right: 32px;
 }
-.pc-ExtendedFeaturesBlock__item-title {
+.pc-ExtendedFeaturesBlock__item-title-container {
+  margin: inherit;
+  display: block;
+  margin-block: 0 8px;
+}
+.pc-ExtendedFeaturesBlock__item-title.pc-ExtendedFeaturesBlock__item-title {
   font-size: var(--g-text-header-1-font-size);
   line-height: var(--g-text-header-1-line-height);
   color: var(--pc-text-header-color);
   font-weight: var(--g-text-accent-font-weight);
-  display: block;
   position: relative;
   margin-bottom: 8px;
 }
-.pc-ExtendedFeaturesBlock__item-title a {
+.pc-ExtendedFeaturesBlock__item-title.pc-ExtendedFeaturesBlock__item-title a {
   outline: none;
   color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
 }
-.utilityfocus .pc-ExtendedFeaturesBlock__item-title a:focus {
+.utilityfocus .pc-ExtendedFeaturesBlock__item-title.pc-ExtendedFeaturesBlock__item-title a:focus {
   outline: 2px solid #ffdb4d;
 }
-.pc-ExtendedFeaturesBlock__item-title a:hover, .pc-ExtendedFeaturesBlock__item-title a:active {
+.pc-ExtendedFeaturesBlock__item-title.pc-ExtendedFeaturesBlock__item-title a:hover, .pc-ExtendedFeaturesBlock__item-title.pc-ExtendedFeaturesBlock__item-title a:active {
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
 }
+
 .pc-ExtendedFeaturesBlock__item-label {
   font-size: var(--g-text-caption-2-font-size);
   line-height: var(--g-text-caption-2-line-height);

package/build/esm/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { AnimateBlock, HTML, Title } from "../../components/index.js";
+import { AnimateBlock, Title, YFMWrapper } from "../../components/index.js";
 import Image from "../../components/Image/Image.js";
 import { getMediaImage } from "../../components/Media/Image/utils.js";
 import { useTheme } from "../../context/theme/index.js";
@@ -24,10 +23,9 @@ export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DE
                         if (link) {
                             itemLinks.push(link);
                         }
-                        return (_jsxs(Col, { className: b('item'), sizes: colSizes, children: [iconData && (_jsx("div", { className: b('icon-wrap'), "aria-hidden": true, children: _jsx(Image, { ...iconData, className: b('icon') }) })), _jsxs("div", { className: b('container'), children: [itemTitle &&
-                                            React.createElement(itemTitleHeadingTag, {
-                                                className: b('item-title'),
-                                            }, _jsxs(React.Fragment, { children: [_jsx(HTML, { children: itemTitle }), label && (_jsx("span", { className: b('item-label'), children: label }))] })), _jsx(Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo })] })] }, text || itemTitle));
+                        return (_jsxs(Col, { className: b('item'), sizes: colSizes, children: [iconData && (_jsx("div", { className: b('icon-wrap'), "aria-hidden": true, children: _jsx(Image, Object.assign({}, iconData, { className: b('icon') })) })), _jsxs("div", { className: b('container'), children: [itemTitle && (_jsx(YFMWrapper, { tagName: itemTitleHeadingTag, content: itemTitle, className: b('item-title-container'), contentClassName: b('item-title'), modifiers: {
+                                                constructor: true,
+                                            }, children: label && (_jsx("span", { className: b('item-label'), children: label })) })), _jsx(Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo })] })] }, text || itemTitle));
                     }) }) })] }));
 };
 export default ExtendedFeaturesBlock;

package/build/esm/blocks/ExtendedFeatures/ExtendedFeatures.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtendedFeatures.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/ExtendedFeatures.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {AnimateBlock, HTML, Title} from '../../components/';\nimport Image from '../../components/Image/Image';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport {useTheme} from '../../context/theme';\nimport {Col, Row} from '../../grid';\nimport {ExtendedFeaturesProps} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport './ExtendedFeatures.scss';\n\nconst b = block('ExtendedFeaturesBlock');\n\nconst DEFAULT_SIZES = {\n    all: 12,\n    sm: 6,\n    md: 4,\n};\n\nexport const ExtendedFeaturesBlock = ({\n    title,\n    description,\n    items,\n    colSizes = DEFAULT_SIZES,\n    animated,\n}: ExtendedFeaturesProps) => {\n    const theme = useTheme();\n    const itemTitleHeadingTag = title ? 'h3' : 'h2';\n\n    return (\n        <AnimateBlock className={b()} animate={animated}>\n            <Title title={title} subtitle={description} className={b('header')} />\n            <div className={b('items')}>\n                <Row>\n                    {items.map(\n                        ({\n                            title: itemTitle,\n                            text,\n                            list,\n                            link,\n                            links,\n                            label,\n                            icon,\n                            buttons,\n                            additionalInfo,\n                        }) => {\n                            const itemLinks = links || [];\n\n                            const iconThemed = icon && getThemedValue(icon, theme);\n                            const iconData = iconThemed && getMediaImage(iconThemed);\n\n                            if (link) {\n                                itemLinks.push(link);\n                            }\n\n                            return (\n                                <Col className={b('item')} key={text || itemTitle} sizes={colSizes}>\n                                    {iconData && (\n                                        <div className={b('icon-wrap')} aria-hidden>\n                                            <Image {...iconData} className={b('icon')} />\n                                        </div>\n                                    )}\n                                    <div className={b('container')}>\n                                        {itemTitle &&\n                                            React.createElement(\n                                                itemTitleHeadingTag,\n                                                {\n                                                    className: b('item-title'),\n                                                },\n                                                <React.Fragment>\n                                                    <HTML>{itemTitle}</HTML>\n                                                    {label && (\n                                                        <span className={b('item-label')}>\n                                                            {label}\n                                                        </span>\n                                                    )}\n                                                </React.Fragment>,\n                                            )}\n                                        <Content\n                                            text={text}\n                                            links={itemLinks}\n                                            size=\"s\"\n                                            list={list}\n                                            colSizes={{all: 12, md: 12}}\n                                            buttons={buttons}\n                                            additionalInfo={additionalInfo}\n                                        />\n                                    </div>\n                                </Col>\n                            );\n                        },\n                    )}\n                </Row>\n            </div>\n        </AnimateBlock>\n    );\n};\n\nexport default ExtendedFeaturesBlock;\n"]}
+{"version":3,"file":"ExtendedFeatures.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/ExtendedFeatures.tsx"],"names":[],"mappings":"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","sourcesContent":["import {AnimateBlock, Title, YFMWrapper} from '../../components/';\nimport Image from '../../components/Image/Image';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport {useTheme} from '../../context/theme';\nimport {Col, Row} from '../../grid';\nimport {ExtendedFeaturesProps} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport './ExtendedFeatures.scss';\n\nconst b = block('ExtendedFeaturesBlock');\n\nconst DEFAULT_SIZES = {\n    all: 12,\n    sm: 6,\n    md: 4,\n};\n\nexport const ExtendedFeaturesBlock = ({\n    title,\n    description,\n    items,\n    colSizes = DEFAULT_SIZES,\n    animated,\n}: ExtendedFeaturesProps) => {\n    const theme = useTheme();\n    const itemTitleHeadingTag = title ? 'h3' : 'h2';\n\n    return (\n        <AnimateBlock className={b()} animate={animated}>\n            <Title title={title} subtitle={description} className={b('header')} />\n            <div className={b('items')}>\n                <Row>\n                    {items.map(\n                        ({\n                            title: itemTitle,\n                            text,\n                            list,\n                            link,\n                            links,\n                            label,\n                            icon,\n                            buttons,\n                            additionalInfo,\n                        }) => {\n                            const itemLinks = links || [];\n\n                            const iconThemed = icon && getThemedValue(icon, theme);\n                            const iconData = iconThemed && getMediaImage(iconThemed);\n\n                            if (link) {\n                                itemLinks.push(link);\n                            }\n\n                            return (\n                                <Col className={b('item')} key={text || itemTitle} sizes={colSizes}>\n                                    {iconData && (\n                                        <div className={b('icon-wrap')} aria-hidden>\n                                            <Image {...iconData} className={b('icon')} />\n                                        </div>\n                                    )}\n                                    <div className={b('container')}>\n                                        {itemTitle && (\n                                            <YFMWrapper\n                                                tagName={itemTitleHeadingTag}\n                                                content={itemTitle}\n                                                className={b('item-title-container')}\n                                                contentClassName={b('item-title')}\n                                                modifiers={{\n                                                    constructor: true,\n                                                }}\n                                            >\n                                                {label && (\n                                                    <span className={b('item-label')}>{label}</span>\n                                                )}\n                                            </YFMWrapper>\n                                        )}\n                                        <Content\n                                            text={text}\n                                            links={itemLinks}\n                                            size=\"s\"\n                                            list={list}\n                                            colSizes={{all: 12, md: 12}}\n                                            buttons={buttons}\n                                            additionalInfo={additionalInfo}\n                                        />\n                                    </div>\n                                </Col>\n                            );\n                        },\n                    )}\n                </Row>\n            </div>\n        </AnimateBlock>\n    );\n};\n\nexport default ExtendedFeaturesBlock;\n"]}

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

@@ -25,13 +25,7 @@ export const ExtendedFeaturesBlock = {
     'extended-features-block': {
         additionalProperties: false,
         required: [],
-        properties: {
-            ...BlockBaseProps,
-            ...AnimatableProps,
-            ...BlockHeaderProps,
-            items: filteredArray(ExtendedFeaturesItem),
-            colSizes: containerSizesObject,
-        },
+        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), BlockHeaderProps), { items: filteredArray(ExtendedFeaturesItem), colSizes: containerSizesObject }),
     },
 };
 //# sourceMappingURL=schema.js.map

package/build/esm/blocks/ExtendedFeatures/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,oBAAoB,EACpB,SAAS,GACZ,0CAAuC;AACxC,OAAO,EAAC,UAAU,EAAC,8CAA2C;AAC9D,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAE5D,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,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,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC;SAC3B;QACD,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS,CAAC,UAAU,CAAC;KAC9B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,yBAAyB,EAAE;QACvB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE;YACR,GAAG,cAAc;YACjB,GAAG,eAAe;YAClB,GAAG,gBAAgB;YACnB,KAAK,EAAE,aAAa,CAAC,oBAAoB,CAAC;YAC1C,QAAQ,EAAE,oBAAoB;SACjC;KACJ;CACJ,CAAC","sourcesContent":["import {\n    AnimatableProps,\n    BlockBaseProps,\n    BlockHeaderProps,\n    LinkProps,\n    containerSizesObject,\n    withTheme,\n} from '../../schema/validators/common';\nimport {ImageProps} from '../../schema/validators/components';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const ExtendedFeaturesItem = {\n    additionalProperties: false,\n    required: [],\n    properties: {\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        text: {\n            type: 'string',\n            contentType: 'yfm',\n        },\n        label: {\n            type: 'string',\n            enum: ['New', 'Preview'],\n        },\n        link: LinkProps,\n        icon: withTheme(ImageProps),\n    },\n};\n\nexport const ExtendedFeaturesBlock = {\n    'extended-features-block': {\n        additionalProperties: false,\n        required: [],\n        properties: {\n            ...BlockBaseProps,\n            ...AnimatableProps,\n            ...BlockHeaderProps,\n            items: filteredArray(ExtendedFeaturesItem),\n            colSizes: containerSizesObject,\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,oBAAoB,EACpB,SAAS,GACZ,0CAAuC;AACxC,OAAO,EAAC,UAAU,EAAC,8CAA2C;AAC9D,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAE5D,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,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,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC;SAC3B;QACD,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS,CAAC,UAAU,CAAC;KAC9B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,yBAAyB,EAAE;QACvB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,8DACH,cAAc,GACd,eAAe,GACf,gBAAgB,KACnB,KAAK,EAAE,aAAa,CAAC,oBAAoB,CAAC,EAC1C,QAAQ,EAAE,oBAAoB,GACjC;KACJ;CACJ,CAAC","sourcesContent":["import {\n    AnimatableProps,\n    BlockBaseProps,\n    BlockHeaderProps,\n    LinkProps,\n    containerSizesObject,\n    withTheme,\n} from '../../schema/validators/common';\nimport {ImageProps} from '../../schema/validators/components';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const ExtendedFeaturesItem = {\n    additionalProperties: false,\n    required: [],\n    properties: {\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        text: {\n            type: 'string',\n            contentType: 'yfm',\n        },\n        label: {\n            type: 'string',\n            enum: ['New', 'Preview'],\n        },\n        link: LinkProps,\n        icon: withTheme(ImageProps),\n    },\n};\n\nexport const ExtendedFeaturesBlock = {\n    'extended-features-block': {\n        additionalProperties: false,\n        required: [],\n        properties: {\n            ...BlockBaseProps,\n            ...AnimatableProps,\n            ...BlockHeaderProps,\n            items: filteredArray(ExtendedFeaturesItem),\n            colSizes: containerSizesObject,\n        },\n    },\n};\n"]}

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

@@ -28,11 +28,7 @@ export const FilterItemProps = {
 export const FilterProps = {
     additionalProperties: false,
     required: ['tags', 'items'],
-    properties: {
-        ...BlockBaseProps,
-        ...AnimatableProps,
-        ...BlockHeaderProps,
-        allTag: {
+    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), BlockHeaderProps), { allTag: {
             oneOf: [
                 {
                     type: 'boolean',
@@ -43,16 +39,10 @@ export const FilterProps = {
                     optionName: 'cutom',
                 },
             ],
-        },
-        colSizes: containerSizesObject,
-        tags: filteredArray(FilterTagProps),
-        items: filteredArray(FilterItemProps),
-        tagButtonSize: {
+        }, colSizes: containerSizesObject, tags: filteredArray(FilterTagProps), items: filteredArray(FilterItemProps), tagButtonSize: {
             type: 'string',
             enum: ['s', 'm', 'l', 'xl'],
-        },
-        centered: { type: 'boolean' },
-    },
+        }, centered: { type: 'boolean' } }),
 };
 export const FilterBlock = {
     'filter-block': FilterProps,

package/build/esm/blocks/FilterBlock/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,oBAAoB,GACvB,0CAAuC;AACxC,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAE5D,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE;QACR,EAAE,EAAE;YACA,IAAI,EAAE,QAAQ;SACjB;QACD,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE;QACR,IAAI,EAAE;YACF,IAAI,EAAE,OAAO;YACb,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB;SACJ;QACD,IAAI,EAAE,EAAC,IAAI,EAAE,yBAAyB,EAAC;KAC1C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE;QACR,GAAG,cAAc;QACjB,GAAG,eAAe;QAClB,GAAG,gBAAgB;QACnB,MAAM,EAAE;YACJ,KAAK,EAAE;gBACH;oBACI,IAAI,EAAE,SAAS;oBACf,UAAU,EAAE,MAAM;iBACrB;gBACD;oBACI,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,OAAO;iBACtB;aACJ;SACJ;QACD,QAAQ,EAAE,oBAAoB;QAC9B,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC;QACnC,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC;QACrC,aAAa,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC;SAC9B;QACD,QAAQ,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;KAC9B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,cAAc,EAAE,WAAW;CAC9B,CAAC","sourcesContent":["import {\n    AnimatableProps,\n    BlockBaseProps,\n    BlockHeaderProps,\n    containerSizesObject,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const FilterTagProps = {\n    additionalProperties: false,\n    required: ['id', 'label'],\n    properties: {\n        id: {\n            type: 'string',\n        },\n        label: {\n            type: 'string',\n        },\n    },\n};\n\nexport const FilterItemProps = {\n    additionalProperties: false,\n    required: ['tags', 'card'],\n    properties: {\n        tags: {\n            type: 'array',\n            items: {\n                type: 'string',\n            },\n        },\n        card: {$ref: 'self#/definitions/cards'},\n    },\n};\n\nexport const FilterProps = {\n    additionalProperties: false,\n    required: ['tags', 'items'],\n    properties: {\n        ...BlockBaseProps,\n        ...AnimatableProps,\n        ...BlockHeaderProps,\n        allTag: {\n            oneOf: [\n                {\n                    type: 'boolean',\n                    optionName: 'auto',\n                },\n                {\n                    type: 'string',\n                    optionName: 'cutom',\n                },\n            ],\n        },\n        colSizes: containerSizesObject,\n        tags: filteredArray(FilterTagProps),\n        items: filteredArray(FilterItemProps),\n        tagButtonSize: {\n            type: 'string',\n            enum: ['s', 'm', 'l', 'xl'],\n        },\n        centered: {type: 'boolean'},\n    },\n};\n\nexport const FilterBlock = {\n    'filter-block': FilterProps,\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,oBAAoB,GACvB,0CAAuC;AACxC,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAE5D,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE;QACR,EAAE,EAAE;YACA,IAAI,EAAE,QAAQ;SACjB;QACD,KAAK,EAAE;YACH,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE;QACR,IAAI,EAAE;YACF,IAAI,EAAE,OAAO;YACb,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB;SACJ;QACD,IAAI,EAAE,EAAC,IAAI,EAAE,yBAAyB,EAAC;KAC1C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3B,UAAU,8DACH,cAAc,GACd,eAAe,GACf,gBAAgB,KACnB,MAAM,EAAE;YACJ,KAAK,EAAE;gBACH;oBACI,IAAI,EAAE,SAAS;oBACf,UAAU,EAAE,MAAM;iBACrB;gBACD;oBACI,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,OAAO;iBACtB;aACJ;SACJ,EACD,QAAQ,EAAE,oBAAoB,EAC9B,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EACnC,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,EACrC,aAAa,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC;SAC9B,EACD,QAAQ,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,GAC9B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,cAAc,EAAE,WAAW;CAC9B,CAAC","sourcesContent":["import {\n    AnimatableProps,\n    BlockBaseProps,\n    BlockHeaderProps,\n    containerSizesObject,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\n\nexport const FilterTagProps = {\n    additionalProperties: false,\n    required: ['id', 'label'],\n    properties: {\n        id: {\n            type: 'string',\n        },\n        label: {\n            type: 'string',\n        },\n    },\n};\n\nexport const FilterItemProps = {\n    additionalProperties: false,\n    required: ['tags', 'card'],\n    properties: {\n        tags: {\n            type: 'array',\n            items: {\n                type: 'string',\n            },\n        },\n        card: {$ref: 'self#/definitions/cards'},\n    },\n};\n\nexport const FilterProps = {\n    additionalProperties: false,\n    required: ['tags', 'items'],\n    properties: {\n        ...BlockBaseProps,\n        ...AnimatableProps,\n        ...BlockHeaderProps,\n        allTag: {\n            oneOf: [\n                {\n                    type: 'boolean',\n                    optionName: 'auto',\n                },\n                {\n                    type: 'string',\n                    optionName: 'cutom',\n                },\n            ],\n        },\n        colSizes: containerSizesObject,\n        tags: filteredArray(FilterTagProps),\n        items: filteredArray(FilterItemProps),\n        tagButtonSize: {\n            type: 'string',\n            enum: ['s', 'm', 'l', 'xl'],\n        },\n        centered: {type: 'boolean'},\n    },\n};\n\nexport const FilterBlock = {\n    'filter-block': FilterProps,\n};\n"]}

package/build/esm/blocks/Form/Form.js

@@ -12,6 +12,7 @@ import './Form.css';
 const b = block('form-block');
 const colSizes = { [GridColumnSize.Lg]: 6, [GridColumnSize.All]: 12 };
 const FormBlock = (props) => {
+    var _a;
     const { formData, title, textContent, direction = FormBlockDirection.Center, background } = props;
     const [contentLoaded, setContentLoaded] = React.useState(false);
     const isMobile = React.useContext(MobileContext);
@@ -20,7 +21,7 @@ const FormBlock = (props) => {
     const withBackground = Boolean(themedBackground &&
         (themedBackground.src ||
             themedBackground.desktop ||
-            themedBackground.style?.backgroundColor));
+            ((_a = themedBackground.style) === null || _a === void 0 ? void 0 : _a.backgroundColor)));
     const onContentLoad = React.useCallback(() => {
         setContentLoaded(true);
     }, []);
@@ -37,11 +38,11 @@ const FormBlock = (props) => {
     return (_jsxs("div", { className: b({
             'with-background': withBackground,
             'form-type': formType,
-        }), children: [themedBackground && (_jsx(BackgroundImage, { ...themedBackground, className: b('media'), imageClassName: b('image') })), _jsx(Grid, { children: _jsxs(Row, { alignItems: direction === FormBlockDirection.Center
+        }), children: [themedBackground && (_jsx(BackgroundImage, Object.assign({}, themedBackground, { className: b('media'), imageClassName: b('image') }))), _jsx(Grid, { children: _jsxs(Row, { alignItems: direction === FormBlockDirection.Center
                         ? GridAlignItems.Center
                         : GridAlignItems.Start, className: b('row', {
                         direction,
-                    }), children: [_jsx(Col, { sizes: colSizes, className: b('content-col'), children: textContent && (_jsx("div", { className: b('content-wrapper'), children: _jsx(Content, { theme: "default", ...textContent, centered: direction === FormBlockDirection.Center, colSizes: { all: 12 }, className: b('content') }) })) }), _jsx(Col, { sizes: colSizes, className: b('form-col'), children: _jsx("div", { className: b('form-wrapper'), children: _jsxs("div", { className: b('full-form', {
+                    }), children: [_jsx(Col, { sizes: colSizes, className: b('content-col'), children: textContent && (_jsx("div", { className: b('content-wrapper'), children: _jsx(Content, Object.assign({ theme: "default" }, textContent, { centered: direction === FormBlockDirection.Center, colSizes: { all: 12 }, className: b('content') })) })) }), _jsx(Col, { sizes: colSizes, className: b('form-col'), children: _jsx("div", { className: b('form-wrapper'), children: _jsxs("div", { className: b('full-form', {
                                         hidden: !contentLoaded,
                                     }), children: [title && (_jsx(Title, { title: {
                                                 text: title,

package/build/esm/blocks/Form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sourceRoot":"../../../../src","sources":["blocks/Form/Form.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,eAAe,EAAE,KAAK,EAAC,kCAAyB;AACxD,OAAO,SAAS,gDAA6C;AAC7D,OAAO,EAAC,aAAa,EAAC,6CAAoC;AAC1D,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAC7C,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,EAAC,4BAAmB;AAE1E,OAAO,EACH,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,GACnB,8BAAqB;AACtB,OAAO,EAAC,OAAO,EAAC,kCAAyB;AACzC,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAElD,OAAO,YAAY,CAAC;AAEpB,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,QAAQ,GAAG,EAAC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,CAAC;AAEpE,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,EAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,GAAG,kBAAkB,CAAC,MAAM,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC;IAChG,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,gBAAgB,GAAG,cAAc,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,SAAS,CAAC;IAExE,MAAM,cAAc,GAAG,OAAO,CAC1B,gBAAgB;QACZ,CAAC,gBAAgB,CAAC,GAAG;YACjB,gBAAgB,CAAC,OAAO;YACxB,gBAAgB,CAAC,KAAK,EAAE,eAAe,CAAC,CACnD,CAAC;IACF,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,QAAQ,CAAC;IAEb,IAAI,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC7B,QAAQ,GAAG,kBAAkB,CAAC,MAAM,CAAC;IACzC,CAAC;SAAM,IAAI,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC;QACrC,QAAQ,GAAG,kBAAkB,CAAC,OAAO,CAAC;IAC1C,CAAC;IAED,OAAO,CACH,eACI,SAAS,EAAE,CAAC,CAAC;YACT,iBAAiB,EAAE,cAAc;YACjC,WAAW,EAAE,QAAQ;SACxB,CAAC,aAED,gBAAgB,IAAI,CACjB,KAAC,eAAe,OACR,gBAAgB,EACpB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,GAC5B,CACL,EACD,KAAC,IAAI,cACD,MAAC,GAAG,IACA,UAAU,EACN,SAAS,KAAK,kBAAkB,CAAC,MAAM;wBACnC,CAAC,CAAC,cAAc,CAAC,MAAM;wBACvB,CAAC,CAAC,cAAc,CAAC,KAAK,EAE9B,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE;wBAChB,SAAS;qBACZ,CAAC,aAEF,KAAC,GAAG,IAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAC5C,WAAW,IAAI,CACZ,cAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,YAChC,KAAC,OAAO,IACJ,KAAK,EAAC,SAAS,KACX,WAAW,EACf,QAAQ,EAAE,SAAS,KAAK,kBAAkB,CAAC,MAAM,EACjD,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAC,EACnB,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,GACzB,GACA,CACT,GACC,EACN,KAAC,GAAG,IAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAC1C,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAC7B,eACI,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE;wCACtB,MAAM,EAAE,CAAC,aAAa;qCACzB,CAAC,aAED,KAAK,IAAI,CACN,KAAC,KAAK,IACF,KAAK,EAAE;gDACH,IAAI,EAAE,KAAK;gDACX,QAAQ,EAAE,GAAG;6CAChB,EACD,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAC,CAAC,EACzC,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAC,GACrB,CACL,EACD,KAAC,SAAS,IACN,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,GAC9B,IACA,GACJ,GACJ,IACJ,GACH,IACL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImage, Title} from '../../components';\nimport InnerForm from '../../components/InnerForm/InnerForm';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {Col, Grid, GridAlignItems, GridColumnSize, Row} from '../../grid';\nimport type {FormBlockProps} from '../../models';\nimport {\n    FormBlockDataTypes,\n    FormBlockDirection,\n    isHubspotDataForm,\n    isYandexDataForm,\n} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport './Form.scss';\n\nconst b = block('form-block');\n\nconst colSizes = {[GridColumnSize.Lg]: 6, [GridColumnSize.All]: 12};\n\nconst FormBlock: React.FC<FormBlockProps> = (props) => {\n    const {formData, title, textContent, direction = FormBlockDirection.Center, background} = props;\n    const [contentLoaded, setContentLoaded] = React.useState(false);\n    const isMobile = React.useContext(MobileContext);\n    const theme = useTheme();\n\n    const themedBackground = getThemedValue(background, theme) || undefined;\n\n    const withBackground = Boolean(\n        themedBackground &&\n            (themedBackground.src ||\n                themedBackground.desktop ||\n                themedBackground.style?.backgroundColor),\n    );\n    const onContentLoad = React.useCallback(() => {\n        setContentLoaded(true);\n    }, []);\n\n    if (!formData) {\n        return null;\n    }\n\n    let formType;\n\n    if (isYandexDataForm(formData)) {\n        formType = FormBlockDataTypes.YANDEX;\n    } else if (isHubspotDataForm(formData)) {\n        formType = FormBlockDataTypes.HUBSPOT;\n    }\n\n    return (\n        <div\n            className={b({\n                'with-background': withBackground,\n                'form-type': formType,\n            })}\n        >\n            {themedBackground && (\n                <BackgroundImage\n                    {...themedBackground}\n                    className={b('media')}\n                    imageClassName={b('image')}\n                />\n            )}\n            <Grid>\n                <Row\n                    alignItems={\n                        direction === FormBlockDirection.Center\n                            ? GridAlignItems.Center\n                            : GridAlignItems.Start\n                    }\n                    className={b('row', {\n                        direction,\n                    })}\n                >\n                    <Col sizes={colSizes} className={b('content-col')}>\n                        {textContent && (\n                            <div className={b('content-wrapper')}>\n                                <Content\n                                    theme=\"default\"\n                                    {...textContent}\n                                    centered={direction === FormBlockDirection.Center}\n                                    colSizes={{all: 12}}\n                                    className={b('content')}\n                                />\n                            </div>\n                        )}\n                    </Col>\n                    <Col sizes={colSizes} className={b('form-col')}>\n                        <div className={b('form-wrapper')}>\n                            <div\n                                className={b('full-form', {\n                                    hidden: !contentLoaded,\n                                })}\n                            >\n                                {title && (\n                                    <Title\n                                        title={{\n                                            text: title,\n                                            textSize: 's',\n                                        }}\n                                        className={b('title', {mobile: isMobile})}\n                                        colSizes={{all: 12}}\n                                    />\n                                )}\n                                <InnerForm\n                                    className={b('form')}\n                                    formData={formData}\n                                    onContentLoad={onContentLoad}\n                                />\n                            </div>\n                        </div>\n                    </Col>\n                </Row>\n            </Grid>\n        </div>\n    );\n};\n\nexport default FormBlock;\n"]}
+{"version":3,"file":"Form.js","sourceRoot":"../../../../src","sources":["blocks/Form/Form.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImage, Title} from '../../components';\nimport InnerForm from '../../components/InnerForm/InnerForm';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {Col, Grid, GridAlignItems, GridColumnSize, Row} from '../../grid';\nimport type {FormBlockProps} from '../../models';\nimport {\n    FormBlockDataTypes,\n    FormBlockDirection,\n    isHubspotDataForm,\n    isYandexDataForm,\n} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport './Form.scss';\n\nconst b = block('form-block');\n\nconst colSizes = {[GridColumnSize.Lg]: 6, [GridColumnSize.All]: 12};\n\nconst FormBlock: React.FC<FormBlockProps> = (props) => {\n    const {formData, title, textContent, direction = FormBlockDirection.Center, background} = props;\n    const [contentLoaded, setContentLoaded] = React.useState(false);\n    const isMobile = React.useContext(MobileContext);\n    const theme = useTheme();\n\n    const themedBackground = getThemedValue(background, theme) || undefined;\n\n    const withBackground = Boolean(\n        themedBackground &&\n            (themedBackground.src ||\n                themedBackground.desktop ||\n                themedBackground.style?.backgroundColor),\n    );\n    const onContentLoad = React.useCallback(() => {\n        setContentLoaded(true);\n    }, []);\n\n    if (!formData) {\n        return null;\n    }\n\n    let formType;\n\n    if (isYandexDataForm(formData)) {\n        formType = FormBlockDataTypes.YANDEX;\n    } else if (isHubspotDataForm(formData)) {\n        formType = FormBlockDataTypes.HUBSPOT;\n    }\n\n    return (\n        <div\n            className={b({\n                'with-background': withBackground,\n                'form-type': formType,\n            })}\n        >\n            {themedBackground && (\n                <BackgroundImage\n                    {...themedBackground}\n                    className={b('media')}\n                    imageClassName={b('image')}\n                />\n            )}\n            <Grid>\n                <Row\n                    alignItems={\n                        direction === FormBlockDirection.Center\n                            ? GridAlignItems.Center\n                            : GridAlignItems.Start\n                    }\n                    className={b('row', {\n                        direction,\n                    })}\n                >\n                    <Col sizes={colSizes} className={b('content-col')}>\n                        {textContent && (\n                            <div className={b('content-wrapper')}>\n                                <Content\n                                    theme=\"default\"\n                                    {...textContent}\n                                    centered={direction === FormBlockDirection.Center}\n                                    colSizes={{all: 12}}\n                                    className={b('content')}\n                                />\n                            </div>\n                        )}\n                    </Col>\n                    <Col sizes={colSizes} className={b('form-col')}>\n                        <div className={b('form-wrapper')}>\n                            <div\n                                className={b('full-form', {\n                                    hidden: !contentLoaded,\n                                })}\n                            >\n                                {title && (\n                                    <Title\n                                        title={{\n                                            text: title,\n                                            textSize: 's',\n                                        }}\n                                        className={b('title', {mobile: isMobile})}\n                                        colSizes={{all: 12}}\n                                    />\n                                )}\n                                <InnerForm\n                                    className={b('form')}\n                                    formData={formData}\n                                    onContentLoad={onContentLoad}\n                                />\n                            </div>\n                        </div>\n                    </Col>\n                </Row>\n            </Grid>\n        </div>\n    );\n};\n\nexport default FormBlock;\n"]}

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

@@ -9,12 +9,9 @@ export const FormBlock = {
     'form-block': {
         additionalProperties: false,
         required: ['formData'],
-        properties: {
-            ...BlockBaseProps,
-            title: {
+        properties: Object.assign(Object.assign({}, BlockBaseProps), { title: {
                 type: 'string',
-            },
-            formData: {
+            }, formData: {
                 oneOf: [
                     {
                         type: 'object',
@@ -31,19 +28,14 @@ export const FormBlock = {
                         },
                     },
                 ],
-            },
-            textContent: {
+            }, textContent: {
                 additionalProperties: false,
                 properties: FormBlockContentProps,
-            },
-            direction: {
+            }, direction: {
                 enum: ['content-form', 'form-content', 'center'],
-            },
-            image: ImageProps,
-            backgroundColor: {
+            }, image: ImageProps, backgroundColor: {
                 type: 'string',
-            },
-        },
+            } }),
     },
 };
 //# sourceMappingURL=schema.js.map