@gravity-ui/page-constructor 4.50.0 → 4.51.1

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

@@ -23,6 +23,10 @@ export declare const BannerCardProps: {
                 optionName: string;
             })[];
         };
+        mediaView: {
+            type: string;
+            enum: string[];
+        };
         disableCompress: {
             type: string;
         };
@@ -326,6 +330,10 @@ export declare const BannerBlock: {
                     optionName: string;
                 })[];
             };
+            mediaView: {
+                type: string;
+                enum: string[];
+            };
             disableCompress: {
                 type: string;
             };
@@ -630,6 +638,10 @@ export declare const BannerCard: {
                     optionName: string;
                 })[];
             };
+            mediaView: {
+                type: string;
+                enum: string[];
+            };
             disableCompress: {
                 type: string;
             };

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

@@ -13,7 +13,10 @@ exports.BannerCardProps = {
             contentType: 'yfm',
         }, image: (0, common_1.withTheme)({
             type: 'string',
-        }), disableCompress: {
+        }), mediaView: {
+            type: 'string',
+            enum: common_1.mediaView,
+        }, disableCompress: {
             type: 'boolean',
         }, color: (0, common_1.withTheme)({
             type: 'string',

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

@@ -37,7 +37,7 @@ exports.HeaderProperties = {
     video: (0, common_1.withTheme)(common_1.VideoProps),
     mediaView: {
         type: 'string',
-        enum: ['fit', 'full'],
+        enum: common_1.mediaView,
     },
     backLink: {
         type: 'object',

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

@@ -3,7 +3,7 @@ import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType, IndentValue } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase } from '../common';
-import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, WithBorder, YandexFormProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, MediaView, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, WithBorder, YandexFormProps } from './common';
 import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
@@ -108,7 +108,7 @@ export interface HeaderBlockProps {
     offset?: HeaderOffset;
     image?: ThemedImage;
     video?: ThemedMediaVideoProps;
-    mediaView?: 'fit' | 'full';
+    mediaView?: MediaView;
     background?: ThemedHeaderBlockBackground;
     theme?: 'light' | 'dark';
     verticalOffset?: '0' | 's' | 'm' | 'l' | 'xl';

package/build/cjs/models/constructor-items/common.d.ts

@@ -293,6 +293,7 @@ export interface TitleItemBaseProps {
     custom?: string | ReactNode;
     onClick?: () => void;
 }
+export type MediaView = 'fit' | 'full';
 export type MediaBorder = 'shadow' | 'line' | 'none';
 export type CardBorder = MediaBorder;
 export interface CardBaseProps {

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

@@ -3,7 +3,7 @@ import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
 import { AnalyticsEventsBase, PixelEvent } from '../common';
 import { ContentBlockProps } from './blocks';
-import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
+import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",
@@ -113,7 +113,8 @@ export interface BannerCardProps {
     disableCompress?: boolean;
     color?: ThemeSupporting<string>;
     theme?: TextTheme;
-    button: Pick<ButtonProps, 'text' | 'url' | 'target'>;
+    button: Pick<ButtonProps, 'text' | 'url' | 'target' | 'theme'>;
+    mediaView?: MediaView;
 }
 export interface MediaCardProps extends MediaProps, AnalyticsEventsBase, CardBaseProps {
 }

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

@@ -986,6 +986,10 @@ export declare const cardSchemas: {
                     optionName: string;
                 })[];
             };
+            mediaView: {
+                type: string;
+                enum: string[];
+            };
             disableCompress: {
                 type: string;
             };

package/build/cjs/schema/validators/common.d.ts

@@ -20,6 +20,7 @@ export declare const sizeNumber: {
 };
 export declare const contentThemes: string[];
 export declare const quoteTypes: QuoteType[];
+export declare const mediaView: string[];
 export declare const customControlsType: CustomControlsType[];
 export declare const customControlsButtonPositioning: CustomControlsButtonPositioning[];
 export declare const BaseProps: {

package/build/cjs/schema/validators/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockHeaderProps = exports.CardBase = exports.BorderProps = exports.MapProps = exports.YMapMarker = exports.YMapMarkerLabel = exports.MediaProps = exports.ButtonBlock = exports.TitleProps = exports.BlockBaseProps = exports.AnchorProps = exports.withTheme = exports.MenuProps = exports.ButtonProps = exports.authorItem = exports.FileLinkProps = exports.LinkProps = exports.BackgroundProps = exports.DataLensProps = exports.DataLensObjectProps = exports.JustifyProps = exports.ThemeProps = exports.VideoProps = exports.CustomControlsOptionsProps = exports.PlayButtonProps = exports.LoopProps = exports.ChildrenCardsProps = exports.ChildrenProps = exports.AnimatableProps = exports.sliderSizesObject = exports.containerSizesObject = exports.BaseProps = exports.customControlsButtonPositioning = exports.customControlsType = exports.quoteTypes = exports.contentThemes = exports.sizeNumber = exports.dividerEnum = exports.fileLinkTypes = exports.videoControlsTypes = exports.playIconThemes = exports.playIconTypes = exports.videoTypes = exports.contentTextWidth = exports.contentSizes = exports.sliderSizesArray = exports.containerSizesArray = exports.textSize = exports.mediaDirection = void 0;
+exports.BlockHeaderProps = exports.CardBase = exports.BorderProps = exports.MapProps = exports.YMapMarker = exports.YMapMarkerLabel = exports.MediaProps = exports.ButtonBlock = exports.TitleProps = exports.BlockBaseProps = exports.AnchorProps = exports.withTheme = exports.MenuProps = exports.ButtonProps = exports.authorItem = exports.FileLinkProps = exports.LinkProps = exports.BackgroundProps = exports.DataLensProps = exports.DataLensObjectProps = exports.JustifyProps = exports.ThemeProps = exports.VideoProps = exports.CustomControlsOptionsProps = exports.PlayButtonProps = exports.LoopProps = exports.ChildrenCardsProps = exports.ChildrenProps = exports.AnimatableProps = exports.sliderSizesObject = exports.containerSizesObject = exports.BaseProps = exports.customControlsButtonPositioning = exports.customControlsType = exports.mediaView = exports.quoteTypes = exports.contentThemes = exports.sizeNumber = exports.dividerEnum = exports.fileLinkTypes = exports.videoControlsTypes = exports.playIconThemes = exports.playIconTypes = exports.videoTypes = exports.contentTextWidth = exports.contentSizes = exports.sliderSizesArray = exports.containerSizesArray = exports.textSize = exports.mediaDirection = void 0;
 const schema_1 = require("../../components/Image/schema");
 const models_1 = require("../../models");
 const event_1 = require("./event");
@@ -20,6 +20,7 @@ exports.dividerEnum = { enum: ['0', 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', 'xx
 exports.sizeNumber = { type: 'number', maximum: 12, minimum: 1 };
 exports.contentThemes = ['default', 'dark', 'light'];
 exports.quoteTypes = Object.values(models_1.QuoteType);
+exports.mediaView = ['fit', 'full'];
 exports.customControlsType = [
     models_1.CustomControlsType.WithMuteButton,
     models_1.CustomControlsType.WithPlayPauseButton,

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

@@ -87,6 +87,9 @@ unpredictable css rules order in build */
   object-fit: cover;
   object-position: left;
 }
+.pc-banner-card_media-view_fit .pc-banner-card__image img {
+  object-fit: contain;
+}
 @media (max-width: 576px) {
   .pc-banner-card__image {
     display: none;

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

@@ -8,13 +8,13 @@ const theme_1 = require("../../context/theme");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('banner-card');
 const BannerCard = (props) => {
-    const { title, subtitle, button: { url, text, target }, color, theme: textTheme = 'light', image, disableCompress, } = props;
+    const { title, subtitle, button: { url, text, target, theme: buttonTheme = 'raised' }, color, theme: textTheme = 'light', image, disableCompress, mediaView = 'full', } = props;
     const theme = (0, theme_1.useTheme)();
     const contentStyle = {};
     if (color) {
         contentStyle.backgroundColor = (0, utils_1.getThemedValue)(color, theme);
     }
-    return (react_1.default.createElement("div", { className: b({ theme: textTheme }) },
+    return (react_1.default.createElement("div", { className: b({ theme: textTheme, ['media-view']: mediaView }) },
         react_1.default.createElement("div", { className: b('content'), style: contentStyle },
             react_1.default.createElement("div", { className: b('info') },
                 react_1.default.createElement("div", { className: b('text') },
@@ -22,7 +22,7 @@ const BannerCard = (props) => {
                         react_1.default.createElement(components_1.HTML, null, title)),
                     subtitle && (react_1.default.createElement(components_1.YFMWrapper, { className: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))),
                 react_1.default.createElement(components_1.RouterLink, { href: url },
-                    react_1.default.createElement(components_1.Button, { className: b('button'), theme: "raised", size: "xl", text: text, url: url, target: target }))),
+                    react_1.default.createElement(components_1.Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text, url: url, target: target }))),
             react_1.default.createElement(components_1.BackgroundImage, { className: b('image'), src: (0, utils_1.getThemedValue)(image, theme), disableCompress: disableCompress }))));
 };
 exports.BannerCard = BannerCard;

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

@@ -23,6 +23,10 @@ export declare const BannerCardProps: {
                 optionName: string;
             })[];
         };
+        mediaView: {
+            type: string;
+            enum: string[];
+        };
         disableCompress: {
             type: string;
         };
@@ -326,6 +330,10 @@ export declare const BannerBlock: {
                     optionName: string;
                 })[];
             };
+            mediaView: {
+                type: string;
+                enum: string[];
+            };
             disableCompress: {
                 type: string;
             };
@@ -630,6 +638,10 @@ export declare const BannerCard: {
                     optionName: string;
                 })[];
             };
+            mediaView: {
+                type: string;
+                enum: string[];
+            };
             disableCompress: {
                 type: string;
             };

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

@@ -1,4 +1,4 @@
-import { AnimatableProps, BaseProps, ButtonBlock, ThemeProps, withTheme, } from '../../schema/validators/common';
+import { AnimatableProps, BaseProps, ButtonBlock, ThemeProps, mediaView, withTheme, } from '../../schema/validators/common';
 export const BannerCardProps = {
     additionalProperties: false,
     required: ['title', 'button'],
@@ -10,7 +10,10 @@ export const BannerCardProps = {
             contentType: 'yfm',
         }, image: withTheme({
             type: 'string',
-        }), disableCompress: {
+        }), mediaView: {
+            type: 'string',
+            enum: mediaView,
+        }, disableCompress: {
             type: 'boolean',
         }, color: withTheme({
             type: 'string',

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

@@ -1,5 +1,5 @@
 import { ImageProps } from '../../components/Image/schema';
-import { BlockBaseProps, ButtonBlock, MediaProps, VideoProps, withTheme, } from '../../schema/validators/common';
+import { BlockBaseProps, ButtonBlock, MediaProps, VideoProps, mediaView, withTheme, } from '../../schema/validators/common';
 import { filteredArray } from '../../schema/validators/utils';
 export const HeaderBackgroundProps = {
     type: 'object',
@@ -34,7 +34,7 @@ export const HeaderProperties = {
     video: withTheme(VideoProps),
     mediaView: {
         type: 'string',
-        enum: ['fit', 'full'],
+        enum: mediaView,
     },
     backLink: {
         type: 'object',

package/build/esm/models/constructor-items/blocks.d.ts

@@ -3,7 +3,7 @@ import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType, IndentValue } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase } from '../common';
-import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, WithBorder, YandexFormProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, MediaView, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, WithBorder, YandexFormProps } from './common';
 import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
@@ -108,7 +108,7 @@ export interface HeaderBlockProps {
     offset?: HeaderOffset;
     image?: ThemedImage;
     video?: ThemedMediaVideoProps;
-    mediaView?: 'fit' | 'full';
+    mediaView?: MediaView;
     background?: ThemedHeaderBlockBackground;
     theme?: 'light' | 'dark';
     verticalOffset?: '0' | 's' | 'm' | 'l' | 'xl';

package/build/esm/models/constructor-items/common.d.ts

@@ -293,6 +293,7 @@ export interface TitleItemBaseProps {
     custom?: string | ReactNode;
     onClick?: () => void;
 }
+export type MediaView = 'fit' | 'full';
 export type MediaBorder = 'shadow' | 'line' | 'none';
 export type CardBorder = MediaBorder;
 export interface CardBaseProps {

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

@@ -3,7 +3,7 @@ import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
 import { AnalyticsEventsBase, PixelEvent } from '../common';
 import { ContentBlockProps } from './blocks';
-import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
+import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",
@@ -113,7 +113,8 @@ export interface BannerCardProps {
     disableCompress?: boolean;
     color?: ThemeSupporting<string>;
     theme?: TextTheme;
-    button: Pick<ButtonProps, 'text' | 'url' | 'target'>;
+    button: Pick<ButtonProps, 'text' | 'url' | 'target' | 'theme'>;
+    mediaView?: MediaView;
 }
 export interface MediaCardProps extends MediaProps, AnalyticsEventsBase, CardBaseProps {
 }

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

@@ -986,6 +986,10 @@ export declare const cardSchemas: {
                     optionName: string;
                 })[];
             };
+            mediaView: {
+                type: string;
+                enum: string[];
+            };
             disableCompress: {
                 type: string;
             };

package/build/esm/schema/validators/common.d.ts

@@ -20,6 +20,7 @@ export declare const sizeNumber: {
 };
 export declare const contentThemes: string[];
 export declare const quoteTypes: QuoteType[];
+export declare const mediaView: string[];
 export declare const customControlsType: CustomControlsType[];
 export declare const customControlsButtonPositioning: CustomControlsButtonPositioning[];
 export declare const BaseProps: {

package/build/esm/schema/validators/common.js

@@ -17,6 +17,7 @@ export const dividerEnum = { enum: ['0', 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'
 export const sizeNumber = { type: 'number', maximum: 12, minimum: 1 };
 export const contentThemes = ['default', 'dark', 'light'];
 export const quoteTypes = Object.values(QuoteType);
+export const mediaView = ['fit', 'full'];
 export const customControlsType = [
     CustomControlsType.WithMuteButton,
     CustomControlsType.WithPlayPauseButton,

package/build/esm/sub-blocks/BannerCard/BannerCard.css

@@ -87,6 +87,9 @@ unpredictable css rules order in build */
   object-fit: cover;
   object-position: left;
 }
+.pc-banner-card_media-view_fit .pc-banner-card__image img {
+  object-fit: contain;
+}
 @media (max-width: 576px) {
   .pc-banner-card__image {
     display: none;

package/build/esm/sub-blocks/BannerCard/BannerCard.js

@@ -5,13 +5,13 @@ import { block, getThemedValue } from '../../utils';
 import './BannerCard.css';
 const b = block('banner-card');
 export const BannerCard = (props) => {
-    const { title, subtitle, button: { url, text, target }, color, theme: textTheme = 'light', image, disableCompress, } = props;
+    const { title, subtitle, button: { url, text, target, theme: buttonTheme = 'raised' }, color, theme: textTheme = 'light', image, disableCompress, mediaView = 'full', } = props;
     const theme = useTheme();
     const contentStyle = {};
     if (color) {
         contentStyle.backgroundColor = getThemedValue(color, theme);
     }
-    return (React.createElement("div", { className: b({ theme: textTheme }) },
+    return (React.createElement("div", { className: b({ theme: textTheme, ['media-view']: mediaView }) },
         React.createElement("div", { className: b('content'), style: contentStyle },
             React.createElement("div", { className: b('info') },
                 React.createElement("div", { className: b('text') },
@@ -19,7 +19,7 @@ export const BannerCard = (props) => {
                         React.createElement(HTML, null, title)),
                     subtitle && (React.createElement(YFMWrapper, { className: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))),
                 React.createElement(RouterLink, { href: url },
-                    React.createElement(Button, { className: b('button'), theme: "raised", size: "xl", text: text, url: url, target: target }))),
+                    React.createElement(Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text, url: url, target: target }))),
             React.createElement(BackgroundImage, { className: b('image'), src: getThemedValue(image, theme), disableCompress: disableCompress }))));
 };
 export default BannerCard;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "4.50.0",
+  "version": "4.51.1",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

package/server/models/constructor-items/blocks.d.ts

@@ -3,7 +3,7 @@ import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType, IndentValue } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase } from '../common';
-import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, WithBorder, YandexFormProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, MediaView, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, WithBorder, YandexFormProps } from './common';
 import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
@@ -108,7 +108,7 @@ export interface HeaderBlockProps {
     offset?: HeaderOffset;
     image?: ThemedImage;
     video?: ThemedMediaVideoProps;
-    mediaView?: 'fit' | 'full';
+    mediaView?: MediaView;
     background?: ThemedHeaderBlockBackground;
     theme?: 'light' | 'dark';
     verticalOffset?: '0' | 's' | 'm' | 'l' | 'xl';

package/server/models/constructor-items/common.d.ts

@@ -293,6 +293,7 @@ export interface TitleItemBaseProps {
     custom?: string | ReactNode;
     onClick?: () => void;
 }
+export type MediaView = 'fit' | 'full';
 export type MediaBorder = 'shadow' | 'line' | 'none';
 export type CardBorder = MediaBorder;
 export interface CardBaseProps {

package/server/models/constructor-items/sub-blocks.d.ts

@@ -3,7 +3,7 @@ import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
 import { AnalyticsEventsBase, PixelEvent } from '../common';
 import { ContentBlockProps } from './blocks';
-import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
+import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",
@@ -113,7 +113,8 @@ export interface BannerCardProps {
     disableCompress?: boolean;
     color?: ThemeSupporting<string>;
     theme?: TextTheme;
-    button: Pick<ButtonProps, 'text' | 'url' | 'target'>;
+    button: Pick<ButtonProps, 'text' | 'url' | 'target' | 'theme'>;
+    mediaView?: MediaView;
 }
 export interface MediaCardProps extends MediaProps, AnalyticsEventsBase, CardBaseProps {
 }