@gravity-ui/page-constructor 5.33.0 → 5.33.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/blocks/Header/schema.d.ts +9 -0
- package/build/cjs/blocks/HeaderSlider/schema.d.ts +3 -0
- package/build/cjs/blocks/Media/schema.d.ts +6 -0
- package/build/cjs/blocks/PromoFeaturesBlock/schema.d.ts +3 -0
- package/build/cjs/blocks/Tabs/schema.d.ts +3 -0
- package/build/cjs/constructor-items.d.ts +1 -1
- package/build/cjs/models/constructor-items/common.d.ts +1 -0
- package/build/cjs/models/constructor-items/sub-blocks.d.ts +2 -1
- package/build/cjs/schema/constants.d.ts +3 -0
- package/build/cjs/schema/validators/common.d.ts +3 -0
- package/build/cjs/schema/validators/common.js +3 -0
- package/build/cjs/sub-blocks/LayoutItem/LayoutItem.css +15 -2
- package/build/cjs/sub-blocks/LayoutItem/LayoutItem.d.ts +1 -1
- package/build/cjs/sub-blocks/LayoutItem/LayoutItem.js +2 -2
- package/build/cjs/sub-blocks/LayoutItem/schema.d.ts +8 -0
- package/build/cjs/sub-blocks/LayoutItem/schema.js +5 -1
- package/build/cjs/sub-blocks/MediaCard/schema.d.ts +3 -0
- package/build/esm/blocks/Header/schema.d.ts +9 -0
- package/build/esm/blocks/HeaderSlider/schema.d.ts +3 -0
- package/build/esm/blocks/Media/schema.d.ts +6 -0
- package/build/esm/blocks/PromoFeaturesBlock/schema.d.ts +3 -0
- package/build/esm/blocks/Tabs/schema.d.ts +3 -0
- package/build/esm/constructor-items.d.ts +1 -1
- package/build/esm/models/constructor-items/common.d.ts +1 -0
- package/build/esm/models/constructor-items/sub-blocks.d.ts +2 -1
- package/build/esm/schema/constants.d.ts +3 -0
- package/build/esm/schema/validators/common.d.ts +3 -0
- package/build/esm/schema/validators/common.js +3 -0
- package/build/esm/sub-blocks/LayoutItem/LayoutItem.css +15 -2
- package/build/esm/sub-blocks/LayoutItem/LayoutItem.d.ts +1 -1
- package/build/esm/sub-blocks/LayoutItem/LayoutItem.js +2 -2
- package/build/esm/sub-blocks/LayoutItem/schema.d.ts +8 -0
- package/build/esm/sub-blocks/LayoutItem/schema.js +5 -1
- package/build/esm/sub-blocks/MediaCard/schema.d.ts +3 -0
- package/package.json +1 -1
- package/schema/index.js +1 -1
- package/server/models/constructor-items/common.d.ts +1 -0
- package/server/models/constructor-items/sub-blocks.d.ts +2 -1
- package/widget/index.js +1 -1
|
@@ -173,6 +173,9 @@ export declare const HeaderBackgroundProps: {
|
|
|
173
173
|
videoIframe: {
|
|
174
174
|
type: string;
|
|
175
175
|
};
|
|
176
|
+
autoplay: {
|
|
177
|
+
type: string;
|
|
178
|
+
};
|
|
176
179
|
parallax: {
|
|
177
180
|
type: string;
|
|
178
181
|
};
|
|
@@ -685,6 +688,9 @@ export declare const HeaderProperties: {
|
|
|
685
688
|
videoIframe: {
|
|
686
689
|
type: string;
|
|
687
690
|
};
|
|
691
|
+
autoplay: {
|
|
692
|
+
type: string;
|
|
693
|
+
};
|
|
688
694
|
parallax: {
|
|
689
695
|
type: string;
|
|
690
696
|
};
|
|
@@ -1246,6 +1252,9 @@ export declare const HeaderBlock: {
|
|
|
1246
1252
|
videoIframe: {
|
|
1247
1253
|
type: string;
|
|
1248
1254
|
};
|
|
1255
|
+
autoplay: {
|
|
1256
|
+
type: string;
|
|
1257
|
+
};
|
|
1249
1258
|
parallax: {
|
|
1250
1259
|
type: string;
|
|
1251
1260
|
};
|
|
@@ -167,6 +167,9 @@ export declare const Media: {
|
|
|
167
167
|
videoIframe: {
|
|
168
168
|
type: string;
|
|
169
169
|
};
|
|
170
|
+
autoplay: {
|
|
171
|
+
type: string;
|
|
172
|
+
};
|
|
170
173
|
parallax: {
|
|
171
174
|
type: string;
|
|
172
175
|
};
|
|
@@ -797,6 +800,9 @@ export declare const MediaBlock: {
|
|
|
797
800
|
videoIframe: {
|
|
798
801
|
type: string;
|
|
799
802
|
};
|
|
803
|
+
autoplay: {
|
|
804
|
+
type: string;
|
|
805
|
+
};
|
|
800
806
|
parallax: {
|
|
801
807
|
type: string;
|
|
802
808
|
};
|
|
@@ -25,7 +25,7 @@ export declare const subBlockMap: {
|
|
|
25
25
|
"price-detailed": (props: import("./models").PriceDetailedProps) => JSX.Element;
|
|
26
26
|
"media-card": ({ border, analyticsEvents, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
|
|
27
27
|
"banner-card": (props: import("./models").BannerCardProps) => JSX.Element;
|
|
28
|
-
"layout-item": ({ content: { links, ...content }, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: import("./models").LayoutItemProps) => JSX.Element;
|
|
28
|
+
"layout-item": ({ content: { links, ...content }, contentMargin, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: import("./models").LayoutItemProps) => JSX.Element;
|
|
29
29
|
"background-card": (props: import("./models").BackgroundCardProps) => JSX.Element;
|
|
30
30
|
"basic-card": (props: import("./models").BasicCardProps) => JSX.Element;
|
|
31
31
|
content: (props: import("./sub-blocks/Content/Content").ContentProps) => JSX.Element;
|
|
@@ -63,6 +63,7 @@ export type ContentTextSize = 's' | 'm' | 'l';
|
|
|
63
63
|
export type ContentTheme = 'default' | 'dark' | 'light';
|
|
64
64
|
export type FileLinkType = 'vertical' | 'horizontal';
|
|
65
65
|
export type ImageCardMargins = 's' | 'm';
|
|
66
|
+
export type LayoutItemContentMargin = 'm' | 'l';
|
|
66
67
|
export interface Themable {
|
|
67
68
|
theme?: TextTheme;
|
|
68
69
|
}
|
|
@@ -3,7 +3,7 @@ import { ThemeSupporting } from '../../utils';
|
|
|
3
3
|
import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
|
|
4
4
|
import { AnalyticsEventsBase } from '../common';
|
|
5
5
|
import { ContentBlockProps } from './blocks';
|
|
6
|
-
import { AuthorItem, ButtonProps, CardBaseProps, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
|
|
6
|
+
import { AuthorItem, ButtonProps, CardBaseProps, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LayoutItemContentMargin, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
|
|
7
7
|
export declare enum SubBlockType {
|
|
8
8
|
Divider = "divider",
|
|
9
9
|
Quote = "quote",
|
|
@@ -136,6 +136,7 @@ export interface PriceCardProps extends CardBaseProps, Pick<ContentBlockProps, '
|
|
|
136
136
|
}
|
|
137
137
|
export interface LayoutItemProps extends ClassNameProps, CardLayoutProps, AnalyticsEventsBase {
|
|
138
138
|
content: Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size'>;
|
|
139
|
+
contentMargin?: LayoutItemContentMargin;
|
|
139
140
|
media?: ThemeSupporting<MediaProps>;
|
|
140
141
|
metaInfo?: string[];
|
|
141
142
|
border?: boolean;
|
|
@@ -19,11 +19,24 @@ unpredictable css rules order in build */
|
|
|
19
19
|
.pc-layout-item__content {
|
|
20
20
|
display: flex;
|
|
21
21
|
flex: auto;
|
|
22
|
-
margin: 16px
|
|
22
|
+
margin-top: 16px;
|
|
23
|
+
margin-left: 0;
|
|
24
|
+
margin-bottom: 0;
|
|
23
25
|
}
|
|
24
26
|
.pc-layout-item__content_no-media {
|
|
25
|
-
margin: 0;
|
|
27
|
+
margin-top: 0;
|
|
28
|
+
}
|
|
29
|
+
.pc-layout-item__content_margin_m {
|
|
30
|
+
margin-right: 40px;
|
|
31
|
+
}
|
|
32
|
+
.pc-layout-item__content_margin_l {
|
|
33
|
+
margin-right: 80px;
|
|
26
34
|
}
|
|
27
35
|
.pc-layout-item__wrapper {
|
|
28
36
|
flex: auto;
|
|
37
|
+
}
|
|
38
|
+
@media (max-width: 576px) {
|
|
39
|
+
.pc-layout-item__content {
|
|
40
|
+
margin-right: 0;
|
|
41
|
+
}
|
|
29
42
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { LayoutItemProps } from '../../models';
|
|
2
|
-
declare const LayoutItem: ({ content: { links, ...content }, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: LayoutItemProps) => JSX.Element;
|
|
2
|
+
declare const LayoutItem: ({ content: { links, ...content }, contentMargin, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: LayoutItemProps) => JSX.Element;
|
|
3
3
|
export default LayoutItem;
|
|
@@ -11,7 +11,7 @@ const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
|
|
|
11
11
|
const utils_2 = require("./utils");
|
|
12
12
|
const b = (0, utils_1.block)('layout-item');
|
|
13
13
|
const LayoutItem = (_a) => {
|
|
14
|
-
var _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content' } = _a;
|
|
14
|
+
var _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { contentMargin = 'm', metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content' } = _a;
|
|
15
15
|
const normalizedLinks = (0, react_1.useMemo)(() => (0, utils_2.getLayoutItemLinks)(links), [links]);
|
|
16
16
|
const areControlsInFooter = controlPosition === 'footer';
|
|
17
17
|
const theme = (0, theme_1.useTheme)();
|
|
@@ -36,7 +36,7 @@ const LayoutItem = (_a) => {
|
|
|
36
36
|
return (react_1.default.createElement("div", { className: b(null, className) },
|
|
37
37
|
renderMedia(),
|
|
38
38
|
metaInfo && react_1.default.createElement(components_1.MetaInfo, { items: metaInfo, className: b('meta-info') }),
|
|
39
|
-
react_1.default.createElement("div", { className: b('content', { 'no-media': !media }) },
|
|
39
|
+
react_1.default.createElement("div", { className: b('content', { 'no-media': !media, margin: contentMargin }) },
|
|
40
40
|
react_1.default.createElement(components_1.IconWrapper, { icon: themedIcon, className: b('wrapper') },
|
|
41
41
|
react_1.default.createElement(Content_1.default, Object.assign({}, contentProps, { titleId: titleId }))))));
|
|
42
42
|
};
|
|
@@ -168,6 +168,9 @@ export declare const LayoutItem: {
|
|
|
168
168
|
videoIframe: {
|
|
169
169
|
type: string;
|
|
170
170
|
};
|
|
171
|
+
autoplay: {
|
|
172
|
+
type: string;
|
|
173
|
+
};
|
|
171
174
|
parallax: {
|
|
172
175
|
type: string;
|
|
173
176
|
};
|
|
@@ -396,6 +399,11 @@ export declare const LayoutItem: {
|
|
|
396
399
|
enum: string[];
|
|
397
400
|
};
|
|
398
401
|
}>;
|
|
402
|
+
contentMargin: {
|
|
403
|
+
type: string;
|
|
404
|
+
enum: string[];
|
|
405
|
+
default: string;
|
|
406
|
+
};
|
|
399
407
|
metaInfo: {
|
|
400
408
|
type: string;
|
|
401
409
|
items: {
|
|
@@ -11,7 +11,11 @@ exports.LayoutItem = {
|
|
|
11
11
|
type: 'object',
|
|
12
12
|
additionalProperties: false,
|
|
13
13
|
required: ['content', 'media'],
|
|
14
|
-
properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardLayoutProps), { media: common_1.MediaProps, content: (0, omit_1.default)(schema_2.ContentBase, ['colSize', 'size', 'centered']),
|
|
14
|
+
properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardLayoutProps), { media: common_1.MediaProps, content: (0, omit_1.default)(schema_2.ContentBase, ['colSize', 'size', 'centered']), contentMargin: {
|
|
15
|
+
type: 'string',
|
|
16
|
+
enum: ['m', 'l'],
|
|
17
|
+
default: 'm',
|
|
18
|
+
}, metaInfo: schema_1.default, border: {
|
|
15
19
|
type: 'boolean',
|
|
16
20
|
}, fullscreen: {
|
|
17
21
|
type: 'boolean',
|
|
@@ -173,6 +173,9 @@ export declare const HeaderBackgroundProps: {
|
|
|
173
173
|
videoIframe: {
|
|
174
174
|
type: string;
|
|
175
175
|
};
|
|
176
|
+
autoplay: {
|
|
177
|
+
type: string;
|
|
178
|
+
};
|
|
176
179
|
parallax: {
|
|
177
180
|
type: string;
|
|
178
181
|
};
|
|
@@ -685,6 +688,9 @@ export declare const HeaderProperties: {
|
|
|
685
688
|
videoIframe: {
|
|
686
689
|
type: string;
|
|
687
690
|
};
|
|
691
|
+
autoplay: {
|
|
692
|
+
type: string;
|
|
693
|
+
};
|
|
688
694
|
parallax: {
|
|
689
695
|
type: string;
|
|
690
696
|
};
|
|
@@ -1246,6 +1252,9 @@ export declare const HeaderBlock: {
|
|
|
1246
1252
|
videoIframe: {
|
|
1247
1253
|
type: string;
|
|
1248
1254
|
};
|
|
1255
|
+
autoplay: {
|
|
1256
|
+
type: string;
|
|
1257
|
+
};
|
|
1249
1258
|
parallax: {
|
|
1250
1259
|
type: string;
|
|
1251
1260
|
};
|
|
@@ -167,6 +167,9 @@ export declare const Media: {
|
|
|
167
167
|
videoIframe: {
|
|
168
168
|
type: string;
|
|
169
169
|
};
|
|
170
|
+
autoplay: {
|
|
171
|
+
type: string;
|
|
172
|
+
};
|
|
170
173
|
parallax: {
|
|
171
174
|
type: string;
|
|
172
175
|
};
|
|
@@ -797,6 +800,9 @@ export declare const MediaBlock: {
|
|
|
797
800
|
videoIframe: {
|
|
798
801
|
type: string;
|
|
799
802
|
};
|
|
803
|
+
autoplay: {
|
|
804
|
+
type: string;
|
|
805
|
+
};
|
|
800
806
|
parallax: {
|
|
801
807
|
type: string;
|
|
802
808
|
};
|
|
@@ -25,7 +25,7 @@ export declare const subBlockMap: {
|
|
|
25
25
|
"price-detailed": (props: import("./models").PriceDetailedProps) => JSX.Element;
|
|
26
26
|
"media-card": ({ border, analyticsEvents, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
|
|
27
27
|
"banner-card": (props: import("./models").BannerCardProps) => JSX.Element;
|
|
28
|
-
"layout-item": ({ content: { links, ...content }, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: import("./models").LayoutItemProps) => JSX.Element;
|
|
28
|
+
"layout-item": ({ content: { links, ...content }, contentMargin, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: import("./models").LayoutItemProps) => JSX.Element;
|
|
29
29
|
"background-card": (props: import("./models").BackgroundCardProps) => JSX.Element;
|
|
30
30
|
"basic-card": (props: import("./models").BasicCardProps) => JSX.Element;
|
|
31
31
|
content: (props: import("./sub-blocks/Content/Content").ContentProps) => JSX.Element;
|
|
@@ -63,6 +63,7 @@ export type ContentTextSize = 's' | 'm' | 'l';
|
|
|
63
63
|
export type ContentTheme = 'default' | 'dark' | 'light';
|
|
64
64
|
export type FileLinkType = 'vertical' | 'horizontal';
|
|
65
65
|
export type ImageCardMargins = 's' | 'm';
|
|
66
|
+
export type LayoutItemContentMargin = 'm' | 'l';
|
|
66
67
|
export interface Themable {
|
|
67
68
|
theme?: TextTheme;
|
|
68
69
|
}
|
|
@@ -3,7 +3,7 @@ import { ThemeSupporting } from '../../utils';
|
|
|
3
3
|
import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
|
|
4
4
|
import { AnalyticsEventsBase } from '../common';
|
|
5
5
|
import { ContentBlockProps } from './blocks';
|
|
6
|
-
import { AuthorItem, ButtonProps, CardBaseProps, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
|
|
6
|
+
import { AuthorItem, ButtonProps, CardBaseProps, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LayoutItemContentMargin, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
|
|
7
7
|
export declare enum SubBlockType {
|
|
8
8
|
Divider = "divider",
|
|
9
9
|
Quote = "quote",
|
|
@@ -136,6 +136,7 @@ export interface PriceCardProps extends CardBaseProps, Pick<ContentBlockProps, '
|
|
|
136
136
|
}
|
|
137
137
|
export interface LayoutItemProps extends ClassNameProps, CardLayoutProps, AnalyticsEventsBase {
|
|
138
138
|
content: Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size'>;
|
|
139
|
+
contentMargin?: LayoutItemContentMargin;
|
|
139
140
|
media?: ThemeSupporting<MediaProps>;
|
|
140
141
|
metaInfo?: string[];
|
|
141
142
|
border?: boolean;
|
|
@@ -19,11 +19,24 @@ unpredictable css rules order in build */
|
|
|
19
19
|
.pc-layout-item__content {
|
|
20
20
|
display: flex;
|
|
21
21
|
flex: auto;
|
|
22
|
-
margin: 16px
|
|
22
|
+
margin-top: 16px;
|
|
23
|
+
margin-left: 0;
|
|
24
|
+
margin-bottom: 0;
|
|
23
25
|
}
|
|
24
26
|
.pc-layout-item__content_no-media {
|
|
25
|
-
margin: 0;
|
|
27
|
+
margin-top: 0;
|
|
28
|
+
}
|
|
29
|
+
.pc-layout-item__content_margin_m {
|
|
30
|
+
margin-right: 40px;
|
|
31
|
+
}
|
|
32
|
+
.pc-layout-item__content_margin_l {
|
|
33
|
+
margin-right: 80px;
|
|
26
34
|
}
|
|
27
35
|
.pc-layout-item__wrapper {
|
|
28
36
|
flex: auto;
|
|
37
|
+
}
|
|
38
|
+
@media (max-width: 576px) {
|
|
39
|
+
.pc-layout-item__content {
|
|
40
|
+
margin-right: 0;
|
|
41
|
+
}
|
|
29
42
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { LayoutItemProps } from '../../models';
|
|
2
2
|
import './LayoutItem.css';
|
|
3
|
-
declare const LayoutItem: ({ content: { links, ...content }, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: LayoutItemProps) => JSX.Element;
|
|
3
|
+
declare const LayoutItem: ({ content: { links, ...content }, contentMargin, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: LayoutItemProps) => JSX.Element;
|
|
4
4
|
export default LayoutItem;
|
|
@@ -10,7 +10,7 @@ import { getLayoutItemLinks, hasFullscreen, showFullscreenIcon } from './utils';
|
|
|
10
10
|
import './LayoutItem.css';
|
|
11
11
|
const b = block('layout-item');
|
|
12
12
|
const LayoutItem = (_a) => {
|
|
13
|
-
var _b = _a.content, { links } = _b, content = __rest(_b, ["links"]), { metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content' } = _a;
|
|
13
|
+
var _b = _a.content, { links } = _b, content = __rest(_b, ["links"]), { contentMargin = 'm', metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content' } = _a;
|
|
14
14
|
const normalizedLinks = useMemo(() => getLayoutItemLinks(links), [links]);
|
|
15
15
|
const areControlsInFooter = controlPosition === 'footer';
|
|
16
16
|
const theme = useTheme();
|
|
@@ -35,7 +35,7 @@ const LayoutItem = (_a) => {
|
|
|
35
35
|
return (React.createElement("div", { className: b(null, className) },
|
|
36
36
|
renderMedia(),
|
|
37
37
|
metaInfo && React.createElement(MetaInfo, { items: metaInfo, className: b('meta-info') }),
|
|
38
|
-
React.createElement("div", { className: b('content', { 'no-media': !media }) },
|
|
38
|
+
React.createElement("div", { className: b('content', { 'no-media': !media, margin: contentMargin }) },
|
|
39
39
|
React.createElement(IconWrapper, { icon: themedIcon, className: b('wrapper') },
|
|
40
40
|
React.createElement(Content, Object.assign({}, contentProps, { titleId: titleId }))))));
|
|
41
41
|
};
|
|
@@ -168,6 +168,9 @@ export declare const LayoutItem: {
|
|
|
168
168
|
videoIframe: {
|
|
169
169
|
type: string;
|
|
170
170
|
};
|
|
171
|
+
autoplay: {
|
|
172
|
+
type: string;
|
|
173
|
+
};
|
|
171
174
|
parallax: {
|
|
172
175
|
type: string;
|
|
173
176
|
};
|
|
@@ -396,6 +399,11 @@ export declare const LayoutItem: {
|
|
|
396
399
|
enum: string[];
|
|
397
400
|
};
|
|
398
401
|
}>;
|
|
402
|
+
contentMargin: {
|
|
403
|
+
type: string;
|
|
404
|
+
enum: string[];
|
|
405
|
+
default: string;
|
|
406
|
+
};
|
|
399
407
|
metaInfo: {
|
|
400
408
|
type: string;
|
|
401
409
|
items: {
|
|
@@ -7,7 +7,11 @@ export const LayoutItem = {
|
|
|
7
7
|
type: 'object',
|
|
8
8
|
additionalProperties: false,
|
|
9
9
|
required: ['content', 'media'],
|
|
10
|
-
properties: Object.assign(Object.assign(Object.assign({}, BaseProps), CardLayoutProps), { media: MediaProps, content: omit(ContentBase, ['colSize', 'size', 'centered']),
|
|
10
|
+
properties: Object.assign(Object.assign(Object.assign({}, BaseProps), CardLayoutProps), { media: MediaProps, content: omit(ContentBase, ['colSize', 'size', 'centered']), contentMargin: {
|
|
11
|
+
type: 'string',
|
|
12
|
+
enum: ['m', 'l'],
|
|
13
|
+
default: 'm',
|
|
14
|
+
}, metaInfo: metaInfo, border: {
|
|
11
15
|
type: 'boolean',
|
|
12
16
|
}, fullscreen: {
|
|
13
17
|
type: 'boolean',
|