@gravity-ui/page-constructor 7.6.2 → 7.7.1

package/build/cjs/context/windowWidthContext/BreakpointContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreakpointContext.js","sourceRoot":"../../../../src","sources":["context/windowWidthContext/BreakpointContext.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAC/B,0EAAuC;AACvC,uDAAyC;AACzC,kDAA4C;AAE5C,MAAM,aAAa,GAAG,uBAAW,CAAC,EAAE,CAAC;AACrC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEnB,QAAA,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAS,aAAa,CAAC,CAAC;AAEtE,MAAM,mBAAmB,GAAG,CAAC,EAAC,QAAQ,EAA0B,EAAE,EAAE;IACvE,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAU,CAAC,CAAC;IAEhD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEpE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO;QACX,CAAC;QAED,MAAM,YAAY,GAAG,IAAA,kBAAQ,EACzB,GAAG,EAAE;YACD,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACtC,CAAC,EACD,mBAAmB,EACnB,EAAC,OAAO,EAAE,IAAI,EAAC,CAClB,CAAC;QAEF,YAAY,EAAE,CAAC;QAEf,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAEjE,6CAA6C;QAC7C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACH,uBAAC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,YAAG,QAAQ,GAA+B,CAC5F,CAAC;AACN,CAAC,CAAC;AA7BW,QAAA,mBAAmB,uBA6B9B;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,0BAAkB,CAAC,CAAC;AAA5D,QAAA,cAAc,kBAA8C","sourcesContent":["import * as React from 'react';\nimport throttle from 'lodash/throttle';\nimport {SSRContext} from '../ssrContext';\nimport {BREAKPOINTS} from '../../constants';\n\nconst DEFAULT_WIDTH = BREAKPOINTS.xl;\nconst UPDATE_FREQUENCY_MS = 100;\n\nexport const WindowWidthContext = React.createContext<number>(DEFAULT_WIDTH);\n\nexport const WindowWidthProvider = ({children}: React.PropsWithChildren) => {\n    const {isServer} = React.useContext(SSRContext);\n\n    const [windowWidth, setWindowWidth] = React.useState(DEFAULT_WIDTH);\n\n    React.useEffect(() => {\n        if (isServer) {\n            return;\n        }\n\n        const handleResize = throttle(\n            () => {\n                setWindowWidth(window.innerWidth);\n            },\n            UPDATE_FREQUENCY_MS,\n            {leading: true},\n        );\n\n        handleResize();\n\n        window.addEventListener('resize', handleResize, {passive: true});\n\n        // eslint-disable-next-line consistent-return\n        return () => window.removeEventListener('resize', handleResize);\n    }, [isServer]);\n\n    return (\n        <WindowWidthContext.Provider value={windowWidth}>{children}</WindowWidthContext.Provider>\n    );\n};\n\nexport const useWindowWidth = () => React.useContext(WindowWidthContext);\n"]}
+{"version":3,"file":"BreakpointContext.js","sourceRoot":"../../../../src","sources":["context/windowWidthContext/BreakpointContext.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,0EAAuC;AAEvC,kDAA4C;AAC5C,uDAAyC;AAEzC,MAAM,aAAa,GAAG,uBAAW,CAAC,EAAE,CAAC;AACrC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEnB,QAAA,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAS,aAAa,CAAC,CAAC;AAEtE,MAAM,mBAAmB,GAAG,CAAC,EAAC,QAAQ,EAA0B,EAAE,EAAE;IACvE,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAU,CAAC,CAAC;IAEhD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEpE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO;QACX,CAAC;QAED,MAAM,YAAY,GAAG,IAAA,kBAAQ,EACzB,GAAG,EAAE;YACD,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACtC,CAAC,EACD,mBAAmB,EACnB,EAAC,OAAO,EAAE,IAAI,EAAC,CAClB,CAAC;QAEF,YAAY,EAAE,CAAC;QAEf,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAEjE,6CAA6C;QAC7C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACH,uBAAC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,YAAG,QAAQ,GAA+B,CAC5F,CAAC;AACN,CAAC,CAAC;AA7BW,QAAA,mBAAmB,uBA6B9B;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,0BAAkB,CAAC,CAAC;AAA5D,QAAA,cAAc,kBAA8C","sourcesContent":["import * as React from 'react';\n\nimport throttle from 'lodash/throttle';\n\nimport {BREAKPOINTS} from '../../constants';\nimport {SSRContext} from '../ssrContext';\n\nconst DEFAULT_WIDTH = BREAKPOINTS.xl;\nconst UPDATE_FREQUENCY_MS = 100;\n\nexport const WindowWidthContext = React.createContext<number>(DEFAULT_WIDTH);\n\nexport const WindowWidthProvider = ({children}: React.PropsWithChildren) => {\n    const {isServer} = React.useContext(SSRContext);\n\n    const [windowWidth, setWindowWidth] = React.useState(DEFAULT_WIDTH);\n\n    React.useEffect(() => {\n        if (isServer) {\n            return;\n        }\n\n        const handleResize = throttle(\n            () => {\n                setWindowWidth(window.innerWidth);\n            },\n            UPDATE_FREQUENCY_MS,\n            {leading: true},\n        );\n\n        handleResize();\n\n        window.addEventListener('resize', handleResize, {passive: true});\n\n        // eslint-disable-next-line consistent-return\n        return () => window.removeEventListener('resize', handleResize);\n    }, [isServer]);\n\n    return (\n        <WindowWidthContext.Provider value={windowWidth}>{children}</WindowWidthContext.Provider>\n    );\n};\n\nexport const useWindowWidth = () => React.useContext(WindowWidthContext);\n"]}

package/build/cjs/grid/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sourceRoot":"../../../../src","sources":["grid/Grid/Grid.tsx"],"names":[],"mappings":";;;;AAEA,gDAAkC;AAKlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,MAAM,CAAC,CAAC;AASjB,MAAM,IAAI,GAAG,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,cAAc,GAAG,EAAE,GACc,EAAE,EAAE,CAAC,CACtC,gCAAK,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,YAC/C,gCAAK,SAAS,EAAE,mBAAmB,cAAc,EAAE,YAAG,QAAQ,GAAO,GACnE,CACT,CAAC;AAVW,QAAA,IAAI,QAUf","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../utils';\n\nimport '../styles/bootstrap.scss';\nimport './Grid.scss';\n\nconst b = block('Grid');\n\nexport interface GridProps {\n    debug?: boolean;\n    className?: string;\n    containerClass?: string;\n    style?: React.CSSProperties;\n}\n\nexport const Grid = ({\n    debug,\n    children,\n    className,\n    style,\n    containerClass = '',\n}: React.PropsWithChildren<GridProps>) => (\n    <div style={style} className={b({debug}, className)}>\n        <div className={`container-fluid ${containerClass}`}>{children}</div>\n    </div>\n);\n"]}
+{"version":3,"file":"Grid.js","sourceRoot":"../../../../src","sources":["grid/Grid/Grid.tsx"],"names":[],"mappings":";;;;AAEA,gDAAkC;AAKlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,MAAM,CAAC,CAAC;AASjB,MAAM,IAAI,GAAG,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,cAAc,GAAG,EAAE,GACc,EAAE,EAAE,CAAC,CACtC,gCAAK,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,YAC/C,gCAAK,SAAS,EAAE,mBAAmB,cAAc,EAAE,YAAG,QAAQ,GAAO,GACnE,CACT,CAAC;AAVW,QAAA,IAAI,QAUf","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../utils';\n\nimport './Grid.scss';\nimport '../styles/bootstrap.scss';\n\nconst b = block('Grid');\n\nexport interface GridProps {\n    debug?: boolean;\n    className?: string;\n    containerClass?: string;\n    style?: React.CSSProperties;\n}\n\nexport const Grid = ({\n    debug,\n    children,\n    className,\n    style,\n    containerClass = '',\n}: React.PropsWithChildren<GridProps>) => (\n    <div style={style} className={b({debug}, className)}>\n        <div className={`container-fluid ${containerClass}`}>{children}</div>\n    </div>\n);\n"]}

package/build/cjs/grid/Row/Row.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
+import { AriaProps, Roleable } from "../../models/index.js";
 import { ClassNameProps, Refable } from "../../models/common.js";
 import { GridAlignItems, GridJustifyContent } from "../types.js";
-import { AriaProps, Roleable } from "../../models/index.js";
 export interface RowProps extends ClassNameProps, Refable<HTMLDivElement>, Roleable, AriaProps {
     id?: string;
     justifyContent?: GridJustifyContent;

package/build/cjs/grid/Row/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sourceRoot":"../../../../src","sources":["grid/Row/Row.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAelB,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,EAAC,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAC,GACzF,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,IAAI,WAAW,CAAC;aACzE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtD,OAAO,CACH,gCAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,KAAM,SAAS,YACpF,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ClassNameProps, Refable} from '../../models/common';\nimport {GridAlignItems, GridJustifyContent} from '../types';\nimport {AriaProps, Roleable} from '../../models';\n\nexport interface RowProps extends ClassNameProps, Refable<HTMLDivElement>, Roleable, AriaProps {\n    id?: string;\n    justifyContent?: GridJustifyContent;\n    alignItems?: GridAlignItems;\n    noGutter?: boolean;\n    style?: React.CSSProperties;\n    children?: React.ReactNode;\n}\n\nexport const Row = React.forwardRef<HTMLDivElement, RowProps>((props, ref) => {\n    const {id, className, justifyContent, alignItems, noGutter, style, role, ariaProps, children} =\n        props;\n\n    const getClassName = React.useCallback(() => {\n        return ['row', className, justifyContent, alignItems, noGutter && 'no-gutter']\n            .filter(Boolean)\n            .join(' ');\n    }, [className, justifyContent, alignItems, noGutter]);\n\n    return (\n        <div ref={ref} id={id} className={getClassName()} style={style} role={role} {...ariaProps}>\n            {children}\n        </div>\n    );\n});\n\nRow.displayName = 'Row';\n"]}
+{"version":3,"file":"Row.js","sourceRoot":"../../../../src","sources":["grid/Row/Row.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAelB,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,EAAC,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAC,GACzF,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,IAAI,WAAW,CAAC;aACzE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtD,OAAO,CACH,gCAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,KAAM,SAAS,YACpF,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AriaProps, Roleable} from '../../models';\nimport {ClassNameProps, Refable} from '../../models/common';\nimport {GridAlignItems, GridJustifyContent} from '../types';\n\nexport interface RowProps extends ClassNameProps, Refable<HTMLDivElement>, Roleable, AriaProps {\n    id?: string;\n    justifyContent?: GridJustifyContent;\n    alignItems?: GridAlignItems;\n    noGutter?: boolean;\n    style?: React.CSSProperties;\n    children?: React.ReactNode;\n}\n\nexport const Row = React.forwardRef<HTMLDivElement, RowProps>((props, ref) => {\n    const {id, className, justifyContent, alignItems, noGutter, style, role, ariaProps, children} =\n        props;\n\n    const getClassName = React.useCallback(() => {\n        return ['row', className, justifyContent, alignItems, noGutter && 'no-gutter']\n            .filter(Boolean)\n            .join(' ');\n    }, [className, justifyContent, alignItems, noGutter]);\n\n    return (\n        <div ref={ref} id={id} className={getClassName()} style={style} role={role} {...ariaProps}>\n            {children}\n        </div>\n    );\n});\n\nRow.displayName = 'Row';\n"]}

package/build/cjs/models/constructor-items/sub-blocks.d.ts

@@ -98,7 +98,7 @@ export interface QuoteProps extends Themable, CardBaseProps {
     quoteType?: QuoteType;
     button?: ButtonProps;
 }
-export interface BackgroundCardProps extends CardBaseProps, AnalyticsEventsBase, CardLayoutProps, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'controlPosition'> {
+export interface BackgroundCardProps extends CardBaseProps, AnalyticsEventsBase, CardLayoutProps, Omit<ContentBlockProps, 'centered' | 'controlPosition'> {
     url?: string;
     urlTitle?: string;
     background?: ThemeSupporting<ImageObjectProps>;

package/build/cjs/models/constructor-items/sub-blocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"sub-blocks.js","sourceRoot":"../../../../src","sources":["models/constructor-items/sub-blocks.ts"],"names":[],"mappings":";;;AA8BA,IAAY,YAoBX;AApBD,WAAY,YAAY;IACpB,mCAAmB,CAAA;IACnB,+BAAe,CAAA;IACf;;OAEG;IACH,gDAAgC,CAAA;IAChC,wCAAwB,CAAA;IACxB,0CAA0B,CAAA;IAC1B,0CAA0B,CAAA;IAC1B,kDAAkC,CAAA;IAClC,wCAAwB,CAAA;IACxB,mCAAmB,CAAA;IACnB,4CAA4B,CAAA;IAC5B;;OAEG;IACH,6BAAa,CAAA;IACb,wCAAwB,CAAA;IACxB,wCAAwB,CAAA;AAC5B,CAAC,EApBW,YAAY,4BAAZ,YAAY,QAoBvB;AAED,IAAY,YAGX;AAHD,WAAY,YAAY;IACpB,2BAAW,CAAA;IACX,6BAAa,CAAA;AACjB,CAAC,EAHW,YAAY,4BAAZ,YAAY,QAGvB;AAYD,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC1B,uCAAiB,CAAA;IACjB,yCAAmB,CAAA;AACvB,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B;AAEY,QAAA,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC","sourcesContent":["import {ClassNameProps, QuoteType} from '../../models';\nimport {ThemeSupporting} from '../../utils';\nimport {\n    HubspotEventData,\n    HubspotEventHandlers,\n    HubspotFormDefaultValues,\n} from '../../utils/hubspot';\nimport {AnalyticsEventsBase} from '../common';\n\nimport {ContentBlockProps} from './blocks';\nimport {\n    AuthorItem,\n    ButtonProps,\n    CardBaseProps,\n    CardLayoutProps,\n    ContentTheme,\n    DividerSize,\n    ImageCardMargins,\n    ImageObjectProps,\n    ImageProps,\n    LayoutItemContentMargin,\n    LinkProps,\n    MediaProps,\n    MediaView,\n    PriceDetailedProps,\n    TextTheme,\n    Themable,\n    ThemedImage,\n} from './common';\n\nexport enum SubBlockType {\n    Divider = 'divider',\n    Quote = 'quote',\n    /**\n     * @deprecated Will be removed\n     */\n    PriceDetailed = 'price-detailed',\n    MediaCard = 'media-card',\n    BannerCard = 'banner-card',\n    LayoutItem = 'layout-item',\n    BackgroundCard = 'background-card',\n    BasicCard = 'basic-card',\n    Content = 'content',\n    HubspotForm = 'hubspot-form',\n    /**\n     * @deprecated Will be removed, use BasicCard instead\n     */\n    Card = 'card',\n    PriceCard = 'price-card',\n    ImageCard = 'image-card',\n}\n\nexport enum IconPosition {\n    Top = 'top',\n    Left = 'left',\n}\n\nexport interface PositionedIcon {\n    value: ImageProps;\n    position?: IconPosition;\n}\n\nexport interface IconWrapperProps {\n    icon?: PositionedIcon;\n    size?: 's' | 'm' | 'l';\n}\n\nexport enum ImageCardDirection {\n    Direct = 'direct',\n    Reverse = 'reverse',\n}\n\nexport const SubBlockTypes = Object.values(SubBlockType);\n\nexport interface DividerProps {\n    size?: DividerSize;\n    border?: boolean;\n}\n\nexport interface HubspotFormProps extends HubspotEventHandlers, AnalyticsEventsBase {\n    className?: string;\n    theme?: ContentTheme;\n    isMobile?: boolean;\n    region?: string;\n    portalId: string;\n    formId: string;\n    formInstanceId?: string;\n    formClassName?: string;\n\n    /**\n     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame\n     */\n    onBeforeLoad?: (arg: HubspotEventData) => void;\n\n    /**\n     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame\n     */\n    onBeforeSubmit?: (arg: HubspotEventData) => void;\n\n    /**\n     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame\n     */\n    onSubmit?: (arg: HubspotEventData) => void;\n\n    /**\n     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame\n     */\n    onLoad?: (arg: HubspotEventData) => void;\n    hubspotEvents?: string[];\n    createDOMElement?: boolean;\n    defaultValues?: HubspotFormDefaultValues;\n}\n\n//cards\nexport interface QuoteProps extends Themable, CardBaseProps {\n    text?: string;\n    // for backward compatibility, yfmText will become property 'text' in major\n    yfmText?: string;\n    image: ThemedImage;\n    logo: ThemeSupporting<ImageProps>;\n    color?: string;\n    /**\n     * @deprecated use property button instead\n     */\n    url?: string;\n    /**\n     * @deprecated use property button instead\n     */\n    urlTitle?: string;\n    author?: AuthorItem;\n    /**\n     * @deprecated use property button instead\n     */\n    buttonText?: string;\n    theme?: TextTheme;\n    quoteType?: QuoteType;\n    button?: ButtonProps;\n}\n\nexport interface BackgroundCardProps\n    extends CardBaseProps,\n        AnalyticsEventsBase,\n        CardLayoutProps,\n        Omit<ContentBlockProps, 'colSizes' | 'centered' | 'controlPosition'> {\n    url?: string;\n    urlTitle?: string;\n    background?: ThemeSupporting<ImageObjectProps>;\n    paddingBottom?: 's' | 'm' | 'l' | 'xl';\n    backgroundColor?: string;\n}\n\nexport interface BasicCardProps\n    extends CardBaseProps,\n        AnalyticsEventsBase,\n        CardLayoutProps,\n        Omit<ContentBlockProps, 'colSizes' | 'centered' | 'theme' | 'controlPosition'> {\n    url: string;\n    urlTitle?: string;\n    icon?: ThemeSupporting<ImageProps>;\n    target?: string;\n    iconPosition?: IconPosition;\n}\n\nexport interface BannerCardProps {\n    title: string;\n    subtitle?: string;\n    className?: string;\n    image?: ThemeSupporting<string>;\n    disableCompress?: boolean;\n    color?: ThemeSupporting<string>;\n    theme?: TextTheme;\n    button?: Pick<ButtonProps, 'text' | 'url' | 'target' | 'theme'>;\n    mediaView?: MediaView;\n}\n\nexport interface MediaCardProps extends MediaProps, AnalyticsEventsBase, CardBaseProps {}\n\nexport interface PriceCardProps extends CardBaseProps, Pick<ContentBlockProps, 'theme'> {\n    title: string;\n    price: string;\n    pricePeriod?: string;\n    priceDetails?: string;\n    description?: string;\n    buttons?: ButtonProps[];\n    links?: LinkProps[];\n    backgroundColor?: string;\n    list?: string[];\n}\n\nexport interface LayoutItemProps extends ClassNameProps, CardLayoutProps, AnalyticsEventsBase {\n    content: Omit<ContentBlockProps, 'colSizes' | 'centered'>;\n    contentMargin?: LayoutItemContentMargin;\n    media?: ThemeSupporting<MediaProps>;\n    metaInfo?: string[];\n    border?: boolean;\n    fullscreen?: boolean;\n    icon?: ThemeSupporting<PositionedIcon>;\n}\n\nexport interface ImageCardProps\n    extends CardBaseProps,\n        CardLayoutProps,\n        Omit<ContentBlockProps, 'colSizes' | 'centered' | 'controlPosition'> {\n    image: ThemeSupporting<ImageProps>;\n    enableImageBorderRadius?: boolean;\n    margins?: ImageCardMargins;\n    direction?: ImageCardDirection;\n    backgroundColor?: string;\n    url?: string;\n    urlTitle?: string;\n    target?: string;\n}\n\n// sub-block models\nexport type DividerModel = {\n    type: SubBlockType.Divider;\n} & DividerProps;\n\nexport type QuoteModel = {\n    type: SubBlockType.Quote;\n} & QuoteProps;\n\nexport type LayoutItemModel = {\n    type: SubBlockType.LayoutItem;\n} & LayoutItemProps;\n\nexport type BackgroundCardModel = {\n    type: SubBlockType.BackgroundCard;\n} & BackgroundCardProps;\n\n/** @deprecated */\nexport type PriceDetailedModel = {\n    type: SubBlockType.PriceDetailed;\n} & PriceDetailedProps;\n\nexport type MediaCardModel = {\n    type: SubBlockType.MediaCard;\n} & MediaCardProps;\n\nexport type HubspotFormModel = {\n    type: SubBlockType.HubspotForm;\n} & HubspotFormProps;\n\nexport type BannerCardModel = {\n    type: SubBlockType.BannerCard;\n} & BannerCardProps;\n\nexport type BasicCardModel = {\n    type: SubBlockType.BasicCard;\n} & BasicCardProps;\n\nexport type PriceCardModel = {\n    type: SubBlockType.PriceCard;\n} & PriceCardProps;\n\nexport type ImageCardModel = {\n    type: SubBlockType.ImageCard;\n} & ImageCardProps;\n\nexport type SubBlockModels =\n    | DividerModel\n    | QuoteModel\n    | PriceDetailedModel\n    | MediaCardModel\n    | BackgroundCardModel\n    | HubspotFormModel\n    | BannerCardModel\n    | BasicCardModel\n    | PriceCardModel\n    | LayoutItemModel\n    | ImageCardModel;\n\nexport type SubBlock = SubBlockModels;\n"]}
+{"version":3,"file":"sub-blocks.js","sourceRoot":"../../../../src","sources":["models/constructor-items/sub-blocks.ts"],"names":[],"mappings":";;;AA8BA,IAAY,YAoBX;AApBD,WAAY,YAAY;IACpB,mCAAmB,CAAA;IACnB,+BAAe,CAAA;IACf;;OAEG;IACH,gDAAgC,CAAA;IAChC,wCAAwB,CAAA;IACxB,0CAA0B,CAAA;IAC1B,0CAA0B,CAAA;IAC1B,kDAAkC,CAAA;IAClC,wCAAwB,CAAA;IACxB,mCAAmB,CAAA;IACnB,4CAA4B,CAAA;IAC5B;;OAEG;IACH,6BAAa,CAAA;IACb,wCAAwB,CAAA;IACxB,wCAAwB,CAAA;AAC5B,CAAC,EApBW,YAAY,4BAAZ,YAAY,QAoBvB;AAED,IAAY,YAGX;AAHD,WAAY,YAAY;IACpB,2BAAW,CAAA;IACX,6BAAa,CAAA;AACjB,CAAC,EAHW,YAAY,4BAAZ,YAAY,QAGvB;AAYD,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC1B,uCAAiB,CAAA;IACjB,yCAAmB,CAAA;AACvB,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B;AAEY,QAAA,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC","sourcesContent":["import {ClassNameProps, QuoteType} from '../../models';\nimport {ThemeSupporting} from '../../utils';\nimport {\n    HubspotEventData,\n    HubspotEventHandlers,\n    HubspotFormDefaultValues,\n} from '../../utils/hubspot';\nimport {AnalyticsEventsBase} from '../common';\n\nimport {ContentBlockProps} from './blocks';\nimport {\n    AuthorItem,\n    ButtonProps,\n    CardBaseProps,\n    CardLayoutProps,\n    ContentTheme,\n    DividerSize,\n    ImageCardMargins,\n    ImageObjectProps,\n    ImageProps,\n    LayoutItemContentMargin,\n    LinkProps,\n    MediaProps,\n    MediaView,\n    PriceDetailedProps,\n    TextTheme,\n    Themable,\n    ThemedImage,\n} from './common';\n\nexport enum SubBlockType {\n    Divider = 'divider',\n    Quote = 'quote',\n    /**\n     * @deprecated Will be removed\n     */\n    PriceDetailed = 'price-detailed',\n    MediaCard = 'media-card',\n    BannerCard = 'banner-card',\n    LayoutItem = 'layout-item',\n    BackgroundCard = 'background-card',\n    BasicCard = 'basic-card',\n    Content = 'content',\n    HubspotForm = 'hubspot-form',\n    /**\n     * @deprecated Will be removed, use BasicCard instead\n     */\n    Card = 'card',\n    PriceCard = 'price-card',\n    ImageCard = 'image-card',\n}\n\nexport enum IconPosition {\n    Top = 'top',\n    Left = 'left',\n}\n\nexport interface PositionedIcon {\n    value: ImageProps;\n    position?: IconPosition;\n}\n\nexport interface IconWrapperProps {\n    icon?: PositionedIcon;\n    size?: 's' | 'm' | 'l';\n}\n\nexport enum ImageCardDirection {\n    Direct = 'direct',\n    Reverse = 'reverse',\n}\n\nexport const SubBlockTypes = Object.values(SubBlockType);\n\nexport interface DividerProps {\n    size?: DividerSize;\n    border?: boolean;\n}\n\nexport interface HubspotFormProps extends HubspotEventHandlers, AnalyticsEventsBase {\n    className?: string;\n    theme?: ContentTheme;\n    isMobile?: boolean;\n    region?: string;\n    portalId: string;\n    formId: string;\n    formInstanceId?: string;\n    formClassName?: string;\n\n    /**\n     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame\n     */\n    onBeforeLoad?: (arg: HubspotEventData) => void;\n\n    /**\n     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame\n     */\n    onBeforeSubmit?: (arg: HubspotEventData) => void;\n\n    /**\n     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame\n     */\n    onSubmit?: (arg: HubspotEventData) => void;\n\n    /**\n     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame\n     */\n    onLoad?: (arg: HubspotEventData) => void;\n    hubspotEvents?: string[];\n    createDOMElement?: boolean;\n    defaultValues?: HubspotFormDefaultValues;\n}\n\n//cards\nexport interface QuoteProps extends Themable, CardBaseProps {\n    text?: string;\n    // for backward compatibility, yfmText will become property 'text' in major\n    yfmText?: string;\n    image: ThemedImage;\n    logo: ThemeSupporting<ImageProps>;\n    color?: string;\n    /**\n     * @deprecated use property button instead\n     */\n    url?: string;\n    /**\n     * @deprecated use property button instead\n     */\n    urlTitle?: string;\n    author?: AuthorItem;\n    /**\n     * @deprecated use property button instead\n     */\n    buttonText?: string;\n    theme?: TextTheme;\n    quoteType?: QuoteType;\n    button?: ButtonProps;\n}\n\nexport interface BackgroundCardProps\n    extends CardBaseProps,\n        AnalyticsEventsBase,\n        CardLayoutProps,\n        Omit<ContentBlockProps, 'centered' | 'controlPosition'> {\n    url?: string;\n    urlTitle?: string;\n    background?: ThemeSupporting<ImageObjectProps>;\n    paddingBottom?: 's' | 'm' | 'l' | 'xl';\n    backgroundColor?: string;\n}\n\nexport interface BasicCardProps\n    extends CardBaseProps,\n        AnalyticsEventsBase,\n        CardLayoutProps,\n        Omit<ContentBlockProps, 'colSizes' | 'centered' | 'theme' | 'controlPosition'> {\n    url: string;\n    urlTitle?: string;\n    icon?: ThemeSupporting<ImageProps>;\n    target?: string;\n    iconPosition?: IconPosition;\n}\n\nexport interface BannerCardProps {\n    title: string;\n    subtitle?: string;\n    className?: string;\n    image?: ThemeSupporting<string>;\n    disableCompress?: boolean;\n    color?: ThemeSupporting<string>;\n    theme?: TextTheme;\n    button?: Pick<ButtonProps, 'text' | 'url' | 'target' | 'theme'>;\n    mediaView?: MediaView;\n}\n\nexport interface MediaCardProps extends MediaProps, AnalyticsEventsBase, CardBaseProps {}\n\nexport interface PriceCardProps extends CardBaseProps, Pick<ContentBlockProps, 'theme'> {\n    title: string;\n    price: string;\n    pricePeriod?: string;\n    priceDetails?: string;\n    description?: string;\n    buttons?: ButtonProps[];\n    links?: LinkProps[];\n    backgroundColor?: string;\n    list?: string[];\n}\n\nexport interface LayoutItemProps extends ClassNameProps, CardLayoutProps, AnalyticsEventsBase {\n    content: Omit<ContentBlockProps, 'colSizes' | 'centered'>;\n    contentMargin?: LayoutItemContentMargin;\n    media?: ThemeSupporting<MediaProps>;\n    metaInfo?: string[];\n    border?: boolean;\n    fullscreen?: boolean;\n    icon?: ThemeSupporting<PositionedIcon>;\n}\n\nexport interface ImageCardProps\n    extends CardBaseProps,\n        CardLayoutProps,\n        Omit<ContentBlockProps, 'colSizes' | 'centered' | 'controlPosition'> {\n    image: ThemeSupporting<ImageProps>;\n    enableImageBorderRadius?: boolean;\n    margins?: ImageCardMargins;\n    direction?: ImageCardDirection;\n    backgroundColor?: string;\n    url?: string;\n    urlTitle?: string;\n    target?: string;\n}\n\n// sub-block models\nexport type DividerModel = {\n    type: SubBlockType.Divider;\n} & DividerProps;\n\nexport type QuoteModel = {\n    type: SubBlockType.Quote;\n} & QuoteProps;\n\nexport type LayoutItemModel = {\n    type: SubBlockType.LayoutItem;\n} & LayoutItemProps;\n\nexport type BackgroundCardModel = {\n    type: SubBlockType.BackgroundCard;\n} & BackgroundCardProps;\n\n/** @deprecated */\nexport type PriceDetailedModel = {\n    type: SubBlockType.PriceDetailed;\n} & PriceDetailedProps;\n\nexport type MediaCardModel = {\n    type: SubBlockType.MediaCard;\n} & MediaCardProps;\n\nexport type HubspotFormModel = {\n    type: SubBlockType.HubspotForm;\n} & HubspotFormProps;\n\nexport type BannerCardModel = {\n    type: SubBlockType.BannerCard;\n} & BannerCardProps;\n\nexport type BasicCardModel = {\n    type: SubBlockType.BasicCard;\n} & BasicCardProps;\n\nexport type PriceCardModel = {\n    type: SubBlockType.PriceCard;\n} & PriceCardProps;\n\nexport type ImageCardModel = {\n    type: SubBlockType.ImageCard;\n} & ImageCardProps;\n\nexport type SubBlockModels =\n    | DividerModel\n    | QuoteModel\n    | PriceDetailedModel\n    | MediaCardModel\n    | BackgroundCardModel\n    | HubspotFormModel\n    | BannerCardModel\n    | BasicCardModel\n    | PriceCardModel\n    | LayoutItemModel\n    | ImageCardModel;\n\nexport type SubBlock = SubBlockModels;\n"]}

package/build/cjs/models/navigation.d.ts

@@ -1,6 +1,6 @@
 import { ThemeSupporting } from "../utils/index.js";
-import { ButtonProps, ImageProps } from "./constructor-items/index.js";
 import { AnalyticsEventsBase } from "./common.js";
+import { ButtonProps, ImageProps } from "./constructor-items/index.js";
 export declare enum NavigationItemType {
     Link = "link",
     Dropdown = "dropdown",

package/build/cjs/models/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sourceRoot":"../../../src","sources":["models/navigation.ts"],"names":[],"mappings":";;;AAKA,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC1B,mCAAa,CAAA;IACb,2CAAqB,CAAA;IACrB,uCAAiB,CAAA;IACjB,uCAAiB,CAAA;IACjB,oDAA8B,CAAA;AAClC,CAAC,EANW,kBAAkB,kCAAlB,kBAAkB,QAM7B;AAEY,QAAA,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AASrE,IAAY,0BAWX;AAXD,WAAY,0BAA0B;IAClC,qDAAuB,CAAA;IACvB,iDAAmB,CAAA;IACnB,mDAAqB,CAAA;IACrB,0DAA4B,CAAA;IAC5B,4DAA8B,CAAA;IAC9B,oEAAsC,CAAA;IACtC,2DAA6B,CAAA;IAC7B,yDAA2B,CAAA;IAC3B,gEAAkC,CAAA;IAClC,mDAAqB,CAAA;AACzB,CAAC,EAXW,0BAA0B,0CAA1B,0BAA0B,QAWrC","sourcesContent":["import {ThemeSupporting} from '../utils';\n\nimport {ButtonProps, ImageProps} from './constructor-items';\nimport {AnalyticsEventsBase} from './common';\n\nexport enum NavigationItemType {\n    Link = 'link',\n    Dropdown = 'dropdown',\n    Button = 'button',\n    Social = 'social',\n    GithubButton = 'github-button',\n}\n\nexport const NavigationItemTypes = Object.values(NavigationItemType);\n\nexport interface NavigationItemBase {\n    text: string;\n    icon?: ImageProps;\n    url?: string;\n    iconSize?: number;\n}\n\nexport enum NavigationGithubButtonIcon {\n    heart = 'octicon-heart',\n    eye = 'octicon-eye',\n    star = 'octicon-star',\n    fork = 'octicon-repo-forked',\n    issue = 'octicon-issue-opened',\n    comment = 'octicon-comment-discussion',\n    download = 'octicon-download',\n    package = 'octicon-package',\n    template = 'octicon-repo-template',\n    play = 'octicon-play',\n}\n\nexport interface NavigationGithubButton extends Omit<NavigationItemBase, 'icon'> {\n    type: NavigationItemType.GithubButton;\n    url: string;\n    urlTitle?: string;\n    label?: string;\n    icon?: keyof typeof NavigationGithubButtonIcon;\n    size?: string;\n}\n\nexport interface NavigationLinkItem extends Omit<NavigationItemBase, 'url'>, AnalyticsEventsBase {\n    type: NavigationItemType.Link;\n    url: string;\n    urlTitle?: string;\n    arrow?: boolean;\n    target?: string;\n}\n\nexport interface NavigationButtonItem extends ButtonProps {\n    type: NavigationItemType.Button;\n}\n\nexport interface NavigationDropdownItem extends NavigationItemBase {\n    type: NavigationItemType.Dropdown;\n    items: NavigationLinkItem[];\n    hidePopup: () => void;\n    isActive: boolean;\n}\n\nexport interface NavigationSocialItem extends Omit<NavigationItemBase, 'text'> {\n    type: NavigationItemType.Social;\n    icon: ImageProps;\n    url: string;\n    urlTitle?: string;\n}\n\nexport type NavigationItemModel =\n    | NavigationLinkItem\n    | NavigationButtonItem\n    | NavigationDropdownItem;\n\nexport type NavigationItemData =\n    | NavigationLinkItem\n    | NavigationButtonItem\n    | NavigationSocialItem\n    | NavigationDropdownItem;\n\nexport interface NavigationLogoData {\n    icon: ImageProps;\n    text?: string;\n    url?: string;\n    urlTitle?: string;\n    alt?: string;\n}\n\nexport type ThemedNavigationLogoData = NavigationLogoData & ThemeSupporting<NavigationLogoData>;\n\nexport interface HeaderData {\n    leftItems: NavigationItemModel[];\n    rightItems?: NavigationItemModel[];\n\n    /**\n     * Items for the navigation header on mobile devices.\n     * They are located to the right of the Logo and to the left of the MobileMenuButton.\n     * @type {NavigationItemModel[]}\n     */\n    customMobileHeaderItems?: NavigationItemModel[];\n    iconSize?: number;\n    withBorder?: boolean;\n    withBorderOnScroll?: boolean;\n}\n\nexport interface FooterColumn {\n    title: string;\n    links: NavigationItemModel[];\n}\n\nexport interface FooterUnderline {\n    links?: NavigationItemModel[];\n    copyright?: string;\n}\n\nexport interface FooterData {\n    columns: FooterColumn[];\n    social?: NavigationSocialItem[];\n    underline?: FooterUnderline;\n}\n\nexport interface NavigationData {\n    logo: ThemedNavigationLogoData;\n    header: HeaderData;\n    footer?: FooterData;\n    renderNavigation?: () => React.ReactNode;\n}\n"]}
+{"version":3,"file":"navigation.js","sourceRoot":"../../../src","sources":["models/navigation.ts"],"names":[],"mappings":";;;AAKA,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC1B,mCAAa,CAAA;IACb,2CAAqB,CAAA;IACrB,uCAAiB,CAAA;IACjB,uCAAiB,CAAA;IACjB,oDAA8B,CAAA;AAClC,CAAC,EANW,kBAAkB,kCAAlB,kBAAkB,QAM7B;AAEY,QAAA,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AASrE,IAAY,0BAWX;AAXD,WAAY,0BAA0B;IAClC,qDAAuB,CAAA;IACvB,iDAAmB,CAAA;IACnB,mDAAqB,CAAA;IACrB,0DAA4B,CAAA;IAC5B,4DAA8B,CAAA;IAC9B,oEAAsC,CAAA;IACtC,2DAA6B,CAAA;IAC7B,yDAA2B,CAAA;IAC3B,gEAAkC,CAAA;IAClC,mDAAqB,CAAA;AACzB,CAAC,EAXW,0BAA0B,0CAA1B,0BAA0B,QAWrC","sourcesContent":["import {ThemeSupporting} from '../utils';\n\nimport {AnalyticsEventsBase} from './common';\nimport {ButtonProps, ImageProps} from './constructor-items';\n\nexport enum NavigationItemType {\n    Link = 'link',\n    Dropdown = 'dropdown',\n    Button = 'button',\n    Social = 'social',\n    GithubButton = 'github-button',\n}\n\nexport const NavigationItemTypes = Object.values(NavigationItemType);\n\nexport interface NavigationItemBase {\n    text: string;\n    icon?: ImageProps;\n    url?: string;\n    iconSize?: number;\n}\n\nexport enum NavigationGithubButtonIcon {\n    heart = 'octicon-heart',\n    eye = 'octicon-eye',\n    star = 'octicon-star',\n    fork = 'octicon-repo-forked',\n    issue = 'octicon-issue-opened',\n    comment = 'octicon-comment-discussion',\n    download = 'octicon-download',\n    package = 'octicon-package',\n    template = 'octicon-repo-template',\n    play = 'octicon-play',\n}\n\nexport interface NavigationGithubButton extends Omit<NavigationItemBase, 'icon'> {\n    type: NavigationItemType.GithubButton;\n    url: string;\n    urlTitle?: string;\n    label?: string;\n    icon?: keyof typeof NavigationGithubButtonIcon;\n    size?: string;\n}\n\nexport interface NavigationLinkItem extends Omit<NavigationItemBase, 'url'>, AnalyticsEventsBase {\n    type: NavigationItemType.Link;\n    url: string;\n    urlTitle?: string;\n    arrow?: boolean;\n    target?: string;\n}\n\nexport interface NavigationButtonItem extends ButtonProps {\n    type: NavigationItemType.Button;\n}\n\nexport interface NavigationDropdownItem extends NavigationItemBase {\n    type: NavigationItemType.Dropdown;\n    items: NavigationLinkItem[];\n    hidePopup: () => void;\n    isActive: boolean;\n}\n\nexport interface NavigationSocialItem extends Omit<NavigationItemBase, 'text'> {\n    type: NavigationItemType.Social;\n    icon: ImageProps;\n    url: string;\n    urlTitle?: string;\n}\n\nexport type NavigationItemModel =\n    | NavigationLinkItem\n    | NavigationButtonItem\n    | NavigationDropdownItem;\n\nexport type NavigationItemData =\n    | NavigationLinkItem\n    | NavigationButtonItem\n    | NavigationSocialItem\n    | NavigationDropdownItem;\n\nexport interface NavigationLogoData {\n    icon: ImageProps;\n    text?: string;\n    url?: string;\n    urlTitle?: string;\n    alt?: string;\n}\n\nexport type ThemedNavigationLogoData = NavigationLogoData & ThemeSupporting<NavigationLogoData>;\n\nexport interface HeaderData {\n    leftItems: NavigationItemModel[];\n    rightItems?: NavigationItemModel[];\n\n    /**\n     * Items for the navigation header on mobile devices.\n     * They are located to the right of the Logo and to the left of the MobileMenuButton.\n     * @type {NavigationItemModel[]}\n     */\n    customMobileHeaderItems?: NavigationItemModel[];\n    iconSize?: number;\n    withBorder?: boolean;\n    withBorderOnScroll?: boolean;\n}\n\nexport interface FooterColumn {\n    title: string;\n    links: NavigationItemModel[];\n}\n\nexport interface FooterUnderline {\n    links?: NavigationItemModel[];\n    copyright?: string;\n}\n\nexport interface FooterData {\n    columns: FooterColumn[];\n    social?: NavigationSocialItem[];\n    underline?: FooterUnderline;\n}\n\nexport interface NavigationData {\n    logo: ThemedNavigationLogoData;\n    header: HeaderData;\n    footer?: FooterData;\n    renderNavigation?: () => React.ReactNode;\n}\n"]}

package/build/cjs/schema/constants.d.ts

@@ -926,6 +926,11 @@ export declare const cardSchemas: {
                 type: string;
                 enum: string[];
             };
+            colSizes: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {};
+            };
             title: {
                 oneOf: ({
                     type: string;

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

@@ -9,13 +9,13 @@ const utils_1 = require("../../utils/index.js");
 const Content_1 = tslib_1.__importDefault(require("../Content/Content.js"));
 const b = (0, utils_1.block)('background-card');
 const BackgroundCard = (props) => {
-    const { url, title, text, border, background, paddingBottom, backgroundColor, additionalInfo, theme: cardTheme = 'default', links, buttons, analyticsEvents, urlTitle, controlPosition = 'content', list, size = 's', } = props;
+    const { url, title, text, border, background, paddingBottom, backgroundColor, additionalInfo, theme: cardTheme = 'default', links, buttons, analyticsEvents, urlTitle, colSizes = { all: 12, md: 12 }, controlPosition = 'content', list, size = 's', } = props;
     const titleId = (0, uikit_1.useUniqId)();
     const theme = (0, theme_1.useTheme)();
     const hasBackgroundColor = backgroundColor || cardTheme !== 'default';
     const borderType = hasBackgroundColor ? 'none' : border;
     const areControlsInFooter = !paddingBottom && controlPosition === 'footer';
-    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b({ padding: paddingBottom, theme: cardTheme }), contentClassName: b('content'), url: url, border: borderType, analyticsEvents: analyticsEvents, urlTitle: urlTitle, children: (0, jsx_runtime_1.jsxs)(components_1.CardBase.Content, { children: [(0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('image'), ...(0, utils_1.getThemedValue)(background, theme), style: { backgroundColor } }), (0, jsx_runtime_1.jsx)(Content_1.default, { titleId: titleId, title: title, text: text, additionalInfo: additionalInfo, size: size, theme: cardTheme, links: links, buttons: buttons, list: list, colSizes: { all: 12, md: 12 }, controlPosition: areControlsInFooter ? 'bottom' : 'default' })] }) }));
+    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b({ padding: paddingBottom, theme: cardTheme }), contentClassName: b('content'), url: url, border: borderType, analyticsEvents: analyticsEvents, urlTitle: urlTitle, children: (0, jsx_runtime_1.jsxs)(components_1.CardBase.Content, { children: [(0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('image'), ...(0, utils_1.getThemedValue)(background, theme), style: { backgroundColor } }), (0, jsx_runtime_1.jsx)(Content_1.default, { titleId: titleId, title: title, text: text, additionalInfo: additionalInfo, size: size, theme: cardTheme, links: links, buttons: buttons, list: list, colSizes: colSizes, controlPosition: areControlsInFooter ? 'bottom' : 'default' })] }) }));
 };
 exports.default = BackgroundCard;
 //# sourceMappingURL=BackgroundCard.js.map

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,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,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        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={{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;

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/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,GAAG,CAAC,EAChB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,UAAU,GACS,EAAE,EAAE;IACvB,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 = ({\n    title,\n    description,\n    animated,\n    colSizes = DEFAULT_SIZES,\n    children,\n    className,\n    titleClassName,\n    background,\n}: CardLayoutBlockProps) => {\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;AAE/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,GAAG,CAAC,EAChB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,UAAU,GACS,EAAE,EAAE;IACvB,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';\n\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 = ({\n    title,\n    description,\n    animated,\n    colSizes = DEFAULT_SIZES,\n    children,\n    className,\n    titleClassName,\n    background,\n}: CardLayoutBlockProps) => {\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/Companies/schema.d.ts

@@ -10,6 +10,7 @@ export declare const CompaniesBlock: {
             description: {
                 type: string;
                 contentType: string;
+                inputType: string;
             };
             images: {
                 oneOf: (({

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

@@ -12,7 +12,8 @@ export const CompaniesBlock = {
             },
             description: {
                 type: 'string',
-                contentType: 'text',
+                contentType: 'yfm',
+                inputType: 'textarea',
             },
             images: withTheme({
                 type: 'object',

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,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,KAAK;gBAClB,SAAS,EAAE,UAAU;aACxB;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: 'yfm',\n                inputType: 'textarea',\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

@@ -2,13 +2,13 @@ import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { BackgroundImage, FileLink } from "../../components/index.js";
+import { BREAKPOINTS } from "../../constants.js";
 import { useTheme } from "../../context/theme/index.js";
+import { useWindowWidth } from "../../context/windowWidthContext/index.js";
 import { Col } from "../../grid/index.js";
 import { Content } from "../../sub-blocks/index.js";
 import { block, getThemedValue } from "../../utils/index.js";
 import './ContentLayout.css';
-import { useWindowWidth } from "../../context/windowWidthContext/index.js";
-import { BREAKPOINTS } from "../../constants.js";
 const b = block('content-layout-block');
 function getFileTextSize(size) {
     switch (size) {

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 {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';\nimport {useWindowWidth} from '../../context/windowWidthContext';\nimport {BREAKPOINTS} from '../../constants';\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 windowWidth = useWindowWidth();\n    const isMobile = windowWidth <= BREAKPOINTS.sm;\n\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 {BREAKPOINTS} from '../../constants';\nimport {useTheme} from '../../context/theme';\nimport {useWindowWidth} from '../../context/windowWidthContext';\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 windowWidth = useWindowWidth();\n    const isMobile = windowWidth <= BREAKPOINTS.sm;\n\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/FilterBlock/FilterBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterBlock.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/FilterBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {CardLayoutBlock} from '..';\nimport {AnimateBlock, Title} from '../../components';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport {ConstructorItem} from '../../containers/PageConstructor/components/ConstructorItem';\nimport {Col, Row} from '../../grid';\nimport {FilterBlockProps, FilterItem} from '../../models';\nimport {block, getBlockKey} from '../../utils';\n\nimport {i18n} from './i18n';\nimport './FilterBlock.scss';\n\nconst b = block('filter-block');\n\nconst FilterBlock = ({\n    title,\n    description,\n    tags,\n    tagButtonSize,\n    allTag,\n    items,\n    colSizes,\n    centered,\n    animated,\n}: FilterBlockProps) => {\n    const tabButtons = React.useMemo(() => {\n        const allButton: ButtonTabsItemProps | undefined = allTag\n            ? {id: null, title: typeof allTag === 'boolean' ? i18n('label-all-tag') : allTag}\n            : undefined;\n        const otherButtons: ButtonTabsItemProps[] | undefined =\n            tags && tags.map((tag) => ({id: tag.id, title: tag.label}));\n        return [...(allButton ? [allButton] : []), ...(otherButtons ? otherButtons : [])];\n    }, [allTag, tags]);\n\n    const [selectedTag, setSelectedTag] = React.useState(\n        tabButtons.length ? tabButtons[0].id : null,\n    );\n\n    const actualTag: string | null = React.useMemo(() => {\n        return tabButtons.length && !tabButtons.find((tab) => tab.id === selectedTag)\n            ? tabButtons[0].id\n            : selectedTag;\n    }, [tabButtons, selectedTag]);\n\n    const cards = React.useMemo(() => {\n        const itemsToShow: FilterItem[] = actualTag\n            ? items.filter((item) => item.tags.includes(actualTag))\n            : items;\n\n        return itemsToShow.map((item) => item.card);\n    }, [actualTag, items]);\n\n    return (\n        <AnimateBlock className={b()} animate={animated}>\n            {title && (\n                <Title\n                    className={b('title', {centered: centered})}\n                    title={title}\n                    subtitle={description}\n                />\n            )}\n            {tabButtons.length && (\n                <Row>\n                    <Col>\n                        <ButtonTabs\n                            className={b('tabs', {centered: centered})}\n                            items={tabButtons}\n                            activeTab={selectedTag}\n                            onSelectTab={setSelectedTag}\n                            tabSize={tagButtonSize}\n                        />\n                    </Col>\n                </Row>\n            )}\n            <Row className={b('block-container')}>\n                <CardLayoutBlock title=\"\" colSizes={colSizes} className={b('cards-container')}>\n                    {cards.map((card, index) => {\n                        const key = getBlockKey(card, index);\n\n                        return <ConstructorItem data={card} blockKey={key} key={key} />;\n                    })}\n                </CardLayoutBlock>\n            </Row>\n        </AnimateBlock>\n    );\n};\nexport default FilterBlock;\n"]}
+{"version":3,"file":"FilterBlock.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/FilterBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {CardLayoutBlock} from '..';\nimport {AnimateBlock, Title} from '../../components';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport {ConstructorItem} from '../../containers/PageConstructor/components/ConstructorItem';\nimport {Col, Row} from '../../grid';\nimport {FilterBlockProps, FilterItem} from '../../models';\nimport {block, getBlockKey} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './FilterBlock.scss';\n\nconst b = block('filter-block');\n\nconst FilterBlock = ({\n    title,\n    description,\n    tags,\n    tagButtonSize,\n    allTag,\n    items,\n    colSizes,\n    centered,\n    animated,\n}: FilterBlockProps) => {\n    const tabButtons = React.useMemo(() => {\n        const allButton: ButtonTabsItemProps | undefined = allTag\n            ? {id: null, title: typeof allTag === 'boolean' ? i18n('label-all-tag') : allTag}\n            : undefined;\n        const otherButtons: ButtonTabsItemProps[] | undefined =\n            tags && tags.map((tag) => ({id: tag.id, title: tag.label}));\n        return [...(allButton ? [allButton] : []), ...(otherButtons ? otherButtons : [])];\n    }, [allTag, tags]);\n\n    const [selectedTag, setSelectedTag] = React.useState(\n        tabButtons.length ? tabButtons[0].id : null,\n    );\n\n    const actualTag: string | null = React.useMemo(() => {\n        return tabButtons.length && !tabButtons.find((tab) => tab.id === selectedTag)\n            ? tabButtons[0].id\n            : selectedTag;\n    }, [tabButtons, selectedTag]);\n\n    const cards = React.useMemo(() => {\n        const itemsToShow: FilterItem[] = actualTag\n            ? items.filter((item) => item.tags.includes(actualTag))\n            : items;\n\n        return itemsToShow.map((item) => item.card);\n    }, [actualTag, items]);\n\n    return (\n        <AnimateBlock className={b()} animate={animated}>\n            {title && (\n                <Title\n                    className={b('title', {centered: centered})}\n                    title={title}\n                    subtitle={description}\n                />\n            )}\n            {tabButtons.length && (\n                <Row>\n                    <Col>\n                        <ButtonTabs\n                            className={b('tabs', {centered: centered})}\n                            items={tabButtons}\n                            activeTab={selectedTag}\n                            onSelectTab={setSelectedTag}\n                            tabSize={tagButtonSize}\n                        />\n                    </Col>\n                </Row>\n            )}\n            <Row className={b('block-container')}>\n                <CardLayoutBlock title=\"\" colSizes={colSizes} className={b('cards-container')}>\n                    {cards.map((card, index) => {\n                        const key = getBlockKey(card, index);\n\n                        return <ConstructorItem data={card} blockKey={key} key={key} />;\n                    })}\n                </CardLayoutBlock>\n            </Row>\n        </AnimateBlock>\n    );\n};\nexport default FilterBlock;\n"]}

package/build/esm/blocks/Header/Header.d.ts

@@ -1,6 +1,12 @@
 import * as React from 'react';
 import { ClassNameProps, HeaderBlockProps } from "../../models/index.js";
 import './Header.css';
-export type HeaderBlockFullProps = HeaderBlockProps & ClassNameProps;
+type ElementsClassName = {
+    gridClassName?: string;
+    mediaClassName?: string;
+    contentWrapperClassName?: string;
+    contentInnerClassName?: string;
+};
+export type HeaderBlockFullProps = HeaderBlockProps & ClassNameProps & ElementsClassName;
 export declare const HeaderBlock: (props: React.PropsWithChildren<HeaderBlockFullProps>) => import("react/jsx-runtime").JSX.Element;
 export default HeaderBlock;

package/build/esm/blocks/Header/Header.js

@@ -1,18 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable complexity */
 import { useUniqId } from '@gravity-ui/uikit';
 import { Button, Media, RouterLink } from "../../components/index.js";
 import HeaderBreadcrumbs from "../../components/HeaderBreadcrumbs/HeaderBreadcrumbs.js";
 import { getMediaImage } from "../../components/Media/Image/utils.js";
 import YFMWrapper from "../../components/YFMWrapper/YFMWrapper.js";
+import { BREAKPOINTS } from "../../constants.js";
 import { useTheme } from "../../context/theme/index.js";
+import { useWindowWidth } from "../../context/windowWidthContext/index.js";
 import { Col, Grid, Row } from "../../grid/index.js";
 import { block, getThemedValue } from "../../utils/index.js";
 import { mergeVideoMicrodata } from "../../utils/microdata.js";
 import { getImageSize, getTitleSizes, titleWithImageSizes } from "./utils.js";
 import './Header.css';
-import { useWindowWidth } from "../../context/windowWidthContext/index.js";
-import { BREAKPOINTS } from "../../constants.js";
 const b = block('header-block');
 const Background = ({ background, isMobile }) => {
     const { url, image, fullWidthMedia, video, color } = background;
@@ -22,7 +21,7 @@ const Background = ({ background, isMobile }) => {
 };
 const FullWidthBackground = ({ background }) => (_jsx("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background?.color } }));
 export const HeaderBlock = (props) => {
-    const { title, overtitle, description, buttons, image, video, width = 'm', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', centered, additionalInfo, } = props;
+    const { title, overtitle, description, buttons, image, video, width = 'm', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, gridClassName, breadcrumbs, status, renderTitle, children, mediaView = 'full', centered, additionalInfo, mediaClassName, contentWrapperClassName, contentInnerClassName, } = props;
     const windowWidth = useWindowWidth();
     const isMobile = windowWidth <= BREAKPOINTS.sm;
     const theme = useTheme();
@@ -44,11 +43,11 @@ export const HeaderBlock = (props) => {
             ['full-width']: fullWidth,
             ['media-view']: mediaView,
             ['controls-view']: textTheme,
-        }, className), children: [backgroundThemed && fullWidth && _jsx(FullWidthBackground, { background: backgroundThemed }), backgroundThemed && _jsx(Background, { background: backgroundThemed, isMobile: isMobile }), _jsxs(Grid, { containerClass: b('container-fluid'), children: [breadcrumbs && (_jsx(Row, { className: b('breadcrumbs'), children: _jsx(Col, { children: _jsx(HeaderBreadcrumbs, { ...breadcrumbs, theme: textTheme }) }) })), _jsx(Row, { children: _jsxs(Col, { reset: true, className: b('content-wrapper'), children: [_jsx(Row, { children: _jsx(Col, { className: b('content', {
+        }, className), children: [backgroundThemed && fullWidth && _jsx(FullWidthBackground, { background: backgroundThemed }), backgroundThemed && _jsx(Background, { background: backgroundThemed, isMobile: isMobile }), _jsxs(Grid, { containerClass: b('container-fluid'), className: b(null, gridClassName), children: [breadcrumbs && (_jsx(Row, { className: b('breadcrumbs'), children: _jsx(Col, { children: _jsx(HeaderBreadcrumbs, { ...breadcrumbs, theme: textTheme }) }) })), _jsx(Row, { children: _jsxs(Col, { reset: true, className: b('content-wrapper', contentWrapperClassName), children: [_jsx(Row, { children: _jsx(Col, { className: b('content', {
                                             offset,
                                             theme: textTheme,
                                             'vertical-offset': curVerticalOffset,
-                                        }), children: _jsxs(Col, { sizes: titleSizes, className: b('content-inner', { centered }), children: [overtitle && (_jsx("div", { className: b('overtitle'), children: typeof overtitle === 'string' ? (_jsx(YFMWrapper, { tagName: "div", className: b('overtitle'), content: overtitle, modifiers: { constructor: true } })) : (overtitle) })), _jsxs(YFMWrapper, { content: title, contentClassName: b('title'), className: b('title-container'), modifiers: { constructor: true, constructorTheme: textTheme }, tagName: "h1", contentPosition: "end", children: [status, renderTitle ? renderTitle(title) : null] }), description && (_jsx("div", { className: b('description', { theme: textTheme }), children: _jsx(YFMWrapper, { content: description, modifiers: {
+                                        }), children: _jsxs(Col, { sizes: titleSizes, className: b('content-inner', { centered }, contentInnerClassName), children: [overtitle && (_jsx("div", { className: b('overtitle'), children: typeof overtitle === 'string' ? (_jsx(YFMWrapper, { tagName: "div", className: b('overtitle'), content: overtitle, modifiers: { constructor: true } })) : (overtitle) })), _jsxs(YFMWrapper, { content: title, contentClassName: b('title'), className: b('title-container'), modifiers: { constructor: true, constructorTheme: textTheme }, tagName: "h1", contentPosition: "end", children: [status, renderTitle ? renderTitle(title) : null] }), description && (_jsx("div", { className: b('description', { theme: textTheme }), children: _jsx(YFMWrapper, { content: description, modifiers: {
                                                             constructor: true,
                                                             constructorTheme: textTheme,
                                                         } }) })), additionalInfo && (_jsx("div", { className: b('additional-info', { theme: textTheme }), children: _jsx(YFMWrapper, { content: additionalInfo, modifiers: {
@@ -57,7 +56,7 @@ export const HeaderBlock = (props) => {
                                                         } }) })), buttons && (_jsx("div", { className: b('buttons'), "data-qa": "header-buttons", children: buttons.map((button, index) => (_jsx(RouterLink, { href: button.url, children: _jsx(Button, { className: b('button'), size: "xl", extraProps: {
                                                                 'aria-describedby': titleId,
                                                                 ...button.extraProps,
-                                                            }, ...button }, index) }, index))) })), children] }) }) }), hasRightSideImage && (_jsx(Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), ...mediaWithMicrodata }))] }) })] })] }));
+                                                            }, ...button }, index) }, index))) })), children] }) }) }), hasRightSideImage && (_jsx(Media, { className: b('media', { [curImageSize]: true }, mediaClassName), videoClassName: b('video'), imageClassName: b('image'), ...mediaWithMicrodata }))] }) })] })] }));
 };
 export default HeaderBlock;
 //# sourceMappingURL=Header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"../../../../src","sources":["blocks/Header/Header.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable complexity */\nimport {useUniqId} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {Button, Media, RouterLink} from '../../components';\nimport HeaderBreadcrumbs from '../../components/HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport YFMWrapper from '../../components/YFMWrapper/YFMWrapper';\nimport {useTheme} from '../../context/theme';\nimport {Col, Grid, Row} from '../../grid';\nimport {ClassNameProps, HeaderBlockBackground, HeaderBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport {getImageSize, getTitleSizes, titleWithImageSizes} from './utils';\nimport './Header.scss';\nimport {useWindowWidth} from '../../context/windowWidthContext';\nimport {BREAKPOINTS} from '../../constants';\n\nconst b = block('header-block');\n\nexport type HeaderBlockFullProps = HeaderBlockProps & ClassNameProps;\n\ninterface BackgroundProps {\n    background: HeaderBlockBackground;\n    isMobile: boolean;\n}\n\nconst Background = ({background, isMobile}: BackgroundProps) => {\n    const {url, image, fullWidthMedia, video, color} = background;\n    const imageObject = url ? getMediaImage(url) : image;\n    const renderMedia = !isMobile || (typeof image === 'object' && 'mobile' in image);\n\n    return (\n        <div\n            className={b('background', {media: true, 'full-width-media': fullWidthMedia})}\n            style={{backgroundColor: color}}\n        >\n            {renderMedia && (\n                <Media\n                    {...background}\n                    className={b('background-media')}\n                    imageClassName={b('image')}\n                    videoClassName={b('video')}\n                    isBackground={true}\n                    parallax={false}\n                    video={isMobile ? undefined : video}\n                    image={imageObject}\n                />\n            )}\n        </div>\n    );\n};\n\ninterface FullWidthBackgroundProps {\n    background: HeaderBlockBackground;\n}\n\nconst FullWidthBackground = ({background}: FullWidthBackgroundProps) => (\n    <div\n        className={b('background', {['full-width']: true})}\n        style={{backgroundColor: background?.color}}\n    />\n);\n\nexport const HeaderBlock = (props: React.PropsWithChildren<HeaderBlockFullProps>) => {\n    const {\n        title,\n        overtitle,\n        description,\n        buttons,\n        image,\n        video,\n        width = 'm',\n        imageSize,\n        offset = 'default',\n        background,\n        theme: textTheme = 'light',\n        verticalOffset = 'm',\n        className,\n        breadcrumbs,\n        status,\n        renderTitle,\n        children,\n        mediaView = 'full',\n        centered,\n        additionalInfo,\n    } = props;\n    const windowWidth = useWindowWidth();\n    const isMobile = windowWidth <= BREAKPOINTS.sm;\n    const theme = useTheme();\n    const hasRightSideImage = Boolean((image || video) && !centered);\n    const curImageSize = imageSize || getImageSize(width);\n    const titleSizes = hasRightSideImage ? titleWithImageSizes(curImageSize) : getTitleSizes(width);\n    let curVerticalOffset = verticalOffset;\n\n    if (hasRightSideImage && !verticalOffset) {\n        curVerticalOffset = 'm';\n    }\n\n    const backgroundThemed = background && getThemedValue(background, theme);\n    const imageThemed = image && getThemedValue(image, theme);\n    const videoThemed = video && getThemedValue(video, theme);\n    const mediaWithMicrodata = mergeVideoMicrodata(\n        {video: videoThemed, image: imageThemed},\n        {name: title, description},\n    );\n    const fullWidth = backgroundThemed?.fullWidth || backgroundThemed?.fullWidthMedia;\n    const titleId = useUniqId();\n\n    return (\n        <header\n            className={b(\n                {\n                    ['has-media']: hasRightSideImage,\n                    ['full-width']: fullWidth,\n                    ['media-view']: mediaView,\n                    ['controls-view']: textTheme,\n                },\n                className,\n            )}\n        >\n            {backgroundThemed && fullWidth && <FullWidthBackground background={backgroundThemed} />}\n            {backgroundThemed && <Background background={backgroundThemed} isMobile={isMobile} />}\n            <Grid containerClass={b('container-fluid')}>\n                {breadcrumbs && (\n                    <Row className={b('breadcrumbs')}>\n                        <Col>\n                            <HeaderBreadcrumbs {...breadcrumbs} theme={textTheme} />\n                        </Col>\n                    </Row>\n                )}\n                <Row>\n                    <Col reset className={b('content-wrapper')}>\n                        <Row>\n                            <Col\n                                className={b('content', {\n                                    offset,\n                                    theme: textTheme,\n                                    'vertical-offset': curVerticalOffset,\n                                })}\n                            >\n                                <Col sizes={titleSizes} className={b('content-inner', {centered})}>\n                                    {overtitle && (\n                                        <div className={b('overtitle')}>\n                                            {typeof overtitle === 'string' ? (\n                                                <YFMWrapper\n                                                    tagName=\"div\"\n                                                    className={b('overtitle')}\n                                                    content={overtitle}\n                                                    modifiers={{constructor: true}}\n                                                />\n                                            ) : (\n                                                overtitle\n                                            )}\n                                        </div>\n                                    )}\n                                    <YFMWrapper\n                                        content={title}\n                                        contentClassName={b('title')}\n                                        className={b('title-container')}\n                                        modifiers={{constructor: true, constructorTheme: textTheme}}\n                                        tagName=\"h1\"\n                                        contentPosition=\"end\"\n                                    >\n                                        {status}\n                                        {renderTitle ? renderTitle(title) : null}\n                                    </YFMWrapper>\n                                    {description && (\n                                        <div className={b('description', {theme: textTheme})}>\n                                            <YFMWrapper\n                                                content={description}\n                                                modifiers={{\n                                                    constructor: true,\n                                                    constructorTheme: textTheme,\n                                                }}\n                                            />\n                                        </div>\n                                    )}\n                                    {additionalInfo && (\n                                        <div className={b('additional-info', {theme: textTheme})}>\n                                            <YFMWrapper\n                                                content={additionalInfo}\n                                                modifiers={{\n                                                    constructor: true,\n                                                    constructorTheme: textTheme,\n                                                }}\n                                            />\n                                        </div>\n                                    )}\n                                    {buttons && (\n                                        <div className={b('buttons')} data-qa=\"header-buttons\">\n                                            {buttons.map((button, index) => (\n                                                <RouterLink href={button.url} key={index}>\n                                                    <Button\n                                                        key={index}\n                                                        className={b('button')}\n                                                        size=\"xl\"\n                                                        extraProps={{\n                                                            'aria-describedby': titleId,\n                                                            ...button.extraProps,\n                                                        }}\n                                                        {...button}\n                                                    />\n                                                </RouterLink>\n                                            ))}\n                                        </div>\n                                    )}\n                                    {children}\n                                </Col>\n                            </Col>\n                        </Row>\n                        {hasRightSideImage && (\n                            <Media\n                                className={b('media', {[curImageSize]: true})}\n                                videoClassName={b('video')}\n                                imageClassName={b('image')}\n                                {...mediaWithMicrodata}\n                            />\n                        )}\n                    </Col>\n                </Row>\n            </Grid>\n        </header>\n    );\n};\n\nexport default HeaderBlock;\n"]}
+{"version":3,"file":"Header.js","sourceRoot":"../../../../src","sources":["blocks/Header/Header.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable complexity */\nimport * as React from 'react';\n\nimport {useUniqId} from '@gravity-ui/uikit';\n\nimport {Button, Media, RouterLink} from '../../components';\nimport HeaderBreadcrumbs from '../../components/HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport YFMWrapper from '../../components/YFMWrapper/YFMWrapper';\nimport {BREAKPOINTS} from '../../constants';\nimport {useTheme} from '../../context/theme';\nimport {useWindowWidth} from '../../context/windowWidthContext';\nimport {Col, Grid, Row} from '../../grid';\nimport {ClassNameProps, HeaderBlockBackground, HeaderBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport {getImageSize, getTitleSizes, titleWithImageSizes} from './utils';\n\nimport './Header.scss';\n\nconst b = block('header-block');\n\ntype ElementsClassName = {\n    gridClassName?: string;\n    mediaClassName?: string;\n    contentWrapperClassName?: string;\n    contentInnerClassName?: string;\n};\n\nexport type HeaderBlockFullProps = HeaderBlockProps & ClassNameProps & ElementsClassName;\n\ninterface BackgroundProps {\n    background: HeaderBlockBackground;\n    isMobile: boolean;\n}\n\nconst Background = ({background, isMobile}: BackgroundProps) => {\n    const {url, image, fullWidthMedia, video, color} = background;\n    const imageObject = url ? getMediaImage(url) : image;\n    const renderMedia = !isMobile || (typeof image === 'object' && 'mobile' in image);\n\n    return (\n        <div\n            className={b('background', {media: true, 'full-width-media': fullWidthMedia})}\n            style={{backgroundColor: color}}\n        >\n            {renderMedia && (\n                <Media\n                    {...background}\n                    className={b('background-media')}\n                    imageClassName={b('image')}\n                    videoClassName={b('video')}\n                    isBackground={true}\n                    parallax={false}\n                    video={isMobile ? undefined : video}\n                    image={imageObject}\n                />\n            )}\n        </div>\n    );\n};\n\ninterface FullWidthBackgroundProps {\n    background: HeaderBlockBackground;\n}\n\nconst FullWidthBackground = ({background}: FullWidthBackgroundProps) => (\n    <div\n        className={b('background', {['full-width']: true})}\n        style={{backgroundColor: background?.color}}\n    />\n);\n\nexport const HeaderBlock = (props: React.PropsWithChildren<HeaderBlockFullProps>) => {\n    const {\n        title,\n        overtitle,\n        description,\n        buttons,\n        image,\n        video,\n        width = 'm',\n        imageSize,\n        offset = 'default',\n        background,\n        theme: textTheme = 'light',\n        verticalOffset = 'm',\n        className,\n        gridClassName,\n        breadcrumbs,\n        status,\n        renderTitle,\n        children,\n        mediaView = 'full',\n        centered,\n        additionalInfo,\n        mediaClassName,\n        contentWrapperClassName,\n        contentInnerClassName,\n    } = props;\n    const windowWidth = useWindowWidth();\n    const isMobile = windowWidth <= BREAKPOINTS.sm;\n    const theme = useTheme();\n    const hasRightSideImage = Boolean((image || video) && !centered);\n    const curImageSize = imageSize || getImageSize(width);\n    const titleSizes = hasRightSideImage ? titleWithImageSizes(curImageSize) : getTitleSizes(width);\n    let curVerticalOffset = verticalOffset;\n\n    if (hasRightSideImage && !verticalOffset) {\n        curVerticalOffset = 'm';\n    }\n\n    const backgroundThemed = background && getThemedValue(background, theme);\n    const imageThemed = image && getThemedValue(image, theme);\n    const videoThemed = video && getThemedValue(video, theme);\n    const mediaWithMicrodata = mergeVideoMicrodata(\n        {video: videoThemed, image: imageThemed},\n        {name: title, description},\n    );\n    const fullWidth = backgroundThemed?.fullWidth || backgroundThemed?.fullWidthMedia;\n    const titleId = useUniqId();\n\n    return (\n        <header\n            className={b(\n                {\n                    ['has-media']: hasRightSideImage,\n                    ['full-width']: fullWidth,\n                    ['media-view']: mediaView,\n                    ['controls-view']: textTheme,\n                },\n                className,\n            )}\n        >\n            {backgroundThemed && fullWidth && <FullWidthBackground background={backgroundThemed} />}\n            {backgroundThemed && <Background background={backgroundThemed} isMobile={isMobile} />}\n            <Grid containerClass={b('container-fluid')} className={b(null, gridClassName)}>\n                {breadcrumbs && (\n                    <Row className={b('breadcrumbs')}>\n                        <Col>\n                            <HeaderBreadcrumbs {...breadcrumbs} theme={textTheme} />\n                        </Col>\n                    </Row>\n                )}\n                <Row>\n                    <Col reset className={b('content-wrapper', contentWrapperClassName)}>\n                        <Row>\n                            <Col\n                                className={b('content', {\n                                    offset,\n                                    theme: textTheme,\n                                    'vertical-offset': curVerticalOffset,\n                                })}\n                            >\n                                <Col\n                                    sizes={titleSizes}\n                                    className={b(\n                                        'content-inner',\n                                        {centered},\n                                        contentInnerClassName,\n                                    )}\n                                >\n                                    {overtitle && (\n                                        <div className={b('overtitle')}>\n                                            {typeof overtitle === 'string' ? (\n                                                <YFMWrapper\n                                                    tagName=\"div\"\n                                                    className={b('overtitle')}\n                                                    content={overtitle}\n                                                    modifiers={{constructor: true}}\n                                                />\n                                            ) : (\n                                                overtitle\n                                            )}\n                                        </div>\n                                    )}\n                                    <YFMWrapper\n                                        content={title}\n                                        contentClassName={b('title')}\n                                        className={b('title-container')}\n                                        modifiers={{constructor: true, constructorTheme: textTheme}}\n                                        tagName=\"h1\"\n                                        contentPosition=\"end\"\n                                    >\n                                        {status}\n                                        {renderTitle ? renderTitle(title) : null}\n                                    </YFMWrapper>\n                                    {description && (\n                                        <div className={b('description', {theme: textTheme})}>\n                                            <YFMWrapper\n                                                content={description}\n                                                modifiers={{\n                                                    constructor: true,\n                                                    constructorTheme: textTheme,\n                                                }}\n                                            />\n                                        </div>\n                                    )}\n                                    {additionalInfo && (\n                                        <div className={b('additional-info', {theme: textTheme})}>\n                                            <YFMWrapper\n                                                content={additionalInfo}\n                                                modifiers={{\n                                                    constructor: true,\n                                                    constructorTheme: textTheme,\n                                                }}\n                                            />\n                                        </div>\n                                    )}\n                                    {buttons && (\n                                        <div className={b('buttons')} data-qa=\"header-buttons\">\n                                            {buttons.map((button, index) => (\n                                                <RouterLink href={button.url} key={index}>\n                                                    <Button\n                                                        key={index}\n                                                        className={b('button')}\n                                                        size=\"xl\"\n                                                        extraProps={{\n                                                            'aria-describedby': titleId,\n                                                            ...button.extraProps,\n                                                        }}\n                                                        {...button}\n                                                    />\n                                                </RouterLink>\n                                            ))}\n                                        </div>\n                                    )}\n                                    {children}\n                                </Col>\n                            </Col>\n                        </Row>\n                        {hasRightSideImage && (\n                            <Media\n                                className={b('media', {[curImageSize]: true}, mediaClassName)}\n                                videoClassName={b('video')}\n                                imageClassName={b('image')}\n                                {...mediaWithMicrodata}\n                            />\n                        )}\n                    </Col>\n                </Row>\n            </Grid>\n        </header>\n    );\n};\n\nexport default HeaderBlock;\n"]}

package/build/esm/blocks/Tabs/TabContent/TabContent.js

@@ -1,17 +1,17 @@
 import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
+import { useUniqId } from '@gravity-ui/uikit';
+import { FullscreenImage, YFMWrapper } from "../../../components/index.js";
+import { getMediaImage } from "../../../components/Media/Image/utils.js";
+import Media from "../../../components/Media/Media.js";
+import { getHeight } from "../../../components/VideoBlock/VideoBlock.js";
 import { ProjectSettingsContext } from "../../../context/projectSettingsContext/index.js";
-import { block, getThemedValue } from "../../../utils/index.js";
 import { useTheme } from "../../../context/theme/index.js";
-import { getHeight } from "../../../components/VideoBlock/VideoBlock.js";
-import { getMediaImage } from "../../../components/Media/Image/utils.js";
-import TabsTextContent from "../TabsTextContent/TabsTextContent.js";
 import { Col, GridColumnOrderClasses, Row } from "../../../grid/index.js";
-import Media from "../../../components/Media/Media.js";
+import { block, getThemedValue } from "../../../utils/index.js";
 import { mergeVideoMicrodata } from "../../../utils/microdata.js";
-import { FullscreenImage, YFMWrapper } from "../../../components/index.js";
-import { useUniqId } from '@gravity-ui/uikit';
+import TabsTextContent from "../TabsTextContent/TabsTextContent.js";
 import './TabContent.css';
 const b = block('tab-content');
 export const TabContent = ({ tabData, isActive, isReverse, contentSize, centered, play, getTabElementId, getTabContentElementId, }) => {