@doyourjob/gravity-ui-page-constructor 5.31.185 → 5.31.186
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/Header.css +24 -0
- package/build/cjs/blocks/Header/Header.js +3 -1
- package/build/cjs/blocks/Header/schema.d.ts +16 -0
- package/build/cjs/blocks/Header/schema.js +8 -0
- package/build/cjs/blocks/HeaderSlider/schema.d.ts +8 -0
- package/build/cjs/models/constructor-items/blocks.d.ts +2 -0
- package/build/esm/blocks/Header/Header.css +24 -0
- package/build/esm/blocks/Header/Header.js +3 -1
- package/build/esm/blocks/Header/schema.d.ts +16 -0
- package/build/esm/blocks/Header/schema.js +8 -0
- package/build/esm/blocks/HeaderSlider/schema.d.ts +8 -0
- package/build/esm/models/constructor-items/blocks.d.ts +2 -0
- package/package.json +1 -1
- package/schema/index.js +1 -1
- package/server/models/constructor-items/blocks.d.ts +2 -0
- package/widget/index.js +1 -1
|
@@ -68,6 +68,30 @@ unpredictable css rules order in build */
|
|
|
68
68
|
.pc-header-block__content_vertical-offset_xl {
|
|
69
69
|
padding: 160px 0;
|
|
70
70
|
}
|
|
71
|
+
.pc-header-block__content_vertical-offset-top_s {
|
|
72
|
+
padding-top: 64px;
|
|
73
|
+
}
|
|
74
|
+
.pc-header-block__content_vertical-offset-top_m {
|
|
75
|
+
padding-top: 96px;
|
|
76
|
+
}
|
|
77
|
+
.pc-header-block__content_vertical-offset-top_l {
|
|
78
|
+
padding-top: 128px;
|
|
79
|
+
}
|
|
80
|
+
.pc-header-block__content_vertical-offset-top_xl {
|
|
81
|
+
padding-top: 160px;
|
|
82
|
+
}
|
|
83
|
+
.pc-header-block__content_vertical-offset-bottom_s {
|
|
84
|
+
padding-bottom: 64px;
|
|
85
|
+
}
|
|
86
|
+
.pc-header-block__content_vertical-offset-bottom_m {
|
|
87
|
+
padding-bottom: 96px;
|
|
88
|
+
}
|
|
89
|
+
.pc-header-block__content_vertical-offset-bottom_l {
|
|
90
|
+
padding-bottom: 128px;
|
|
91
|
+
}
|
|
92
|
+
.pc-header-block__content_vertical-offset-bottom_xl {
|
|
93
|
+
padding-bottom: 160px;
|
|
94
|
+
}
|
|
71
95
|
.pc-header-block__content_offset_large {
|
|
72
96
|
padding: calc(128px - 16px) 0 16px;
|
|
73
97
|
}
|
|
@@ -30,7 +30,7 @@ const Background = ({ background, isMobile }) => {
|
|
|
30
30
|
const FullWidthBackground = ({ background }) => (react_1.default.createElement("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
|
|
31
31
|
// eslint-disable-next-line complexity
|
|
32
32
|
const HeaderBlock = (props) => {
|
|
33
|
-
const { title, switchingTitle, topTags, bottomTags, overtitle, description, buttons, stock, stockPrice, stockShares, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', backgroundEffect, headerSpace, backLink, } = props;
|
|
33
|
+
const { title, switchingTitle, topTags, bottomTags, overtitle, description, buttons, stock, stockPrice, stockShares, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', verticalOffsetTop, verticalOffsetBottom, className, breadcrumbs, status, renderTitle, children, mediaView = 'full', backgroundEffect, headerSpace, backLink, } = props;
|
|
34
34
|
const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
|
|
35
35
|
const { backButton, blockTag } = (0, react_1.useContext)(headerContext_1.HeaderContext);
|
|
36
36
|
const theme = (0, theme_1.useTheme)();
|
|
@@ -73,6 +73,8 @@ const HeaderBlock = (props) => {
|
|
|
73
73
|
offset,
|
|
74
74
|
theme: textTheme,
|
|
75
75
|
'vertical-offset': curVerticalOffset,
|
|
76
|
+
'vertical-offset-top': verticalOffsetTop,
|
|
77
|
+
'vertical-offset-bottom': verticalOffsetBottom,
|
|
76
78
|
}) },
|
|
77
79
|
react_1.default.createElement(HeaderTags_1.default, { theme: textTheme, tags: topTags, className: b('tags', { top: true }), sizes: titleSizes }),
|
|
78
80
|
react_1.default.createElement(grid_1.Col, { sizes: titleSizes, className: b('content-inner') },
|
|
@@ -576,6 +576,14 @@ export declare const HeaderProperties: {
|
|
|
576
576
|
type: string;
|
|
577
577
|
enum: string[];
|
|
578
578
|
};
|
|
579
|
+
verticalOffsetTop: {
|
|
580
|
+
type: string;
|
|
581
|
+
enum: string[];
|
|
582
|
+
};
|
|
583
|
+
verticalOffsetBottom: {
|
|
584
|
+
type: string;
|
|
585
|
+
enum: string[];
|
|
586
|
+
};
|
|
579
587
|
background: {
|
|
580
588
|
oneOf: (({
|
|
581
589
|
type: string;
|
|
@@ -1265,6 +1273,14 @@ export declare const HeaderBlock: {
|
|
|
1265
1273
|
type: string;
|
|
1266
1274
|
enum: string[];
|
|
1267
1275
|
};
|
|
1276
|
+
verticalOffsetTop: {
|
|
1277
|
+
type: string;
|
|
1278
|
+
enum: string[];
|
|
1279
|
+
};
|
|
1280
|
+
verticalOffsetBottom: {
|
|
1281
|
+
type: string;
|
|
1282
|
+
enum: string[];
|
|
1283
|
+
};
|
|
1268
1284
|
background: {
|
|
1269
1285
|
oneOf: (({
|
|
1270
1286
|
type: string;
|
|
@@ -127,6 +127,14 @@ exports.HeaderProperties = {
|
|
|
127
127
|
type: 'string',
|
|
128
128
|
enum: ['0', 's', 'm', 'l', 'xl'],
|
|
129
129
|
},
|
|
130
|
+
verticalOffsetTop: {
|
|
131
|
+
type: 'string',
|
|
132
|
+
enum: ['s', 'm', 'l', 'xl'],
|
|
133
|
+
},
|
|
134
|
+
verticalOffsetBottom: {
|
|
135
|
+
type: 'string',
|
|
136
|
+
enum: ['s', 'm', 'l', 'xl'],
|
|
137
|
+
},
|
|
130
138
|
background: (0, common_1.withTheme)(exports.HeaderBackgroundProps),
|
|
131
139
|
theme: {
|
|
132
140
|
type: 'string',
|
|
@@ -270,6 +270,14 @@ export declare const HeaderSliderBlock: {
|
|
|
270
270
|
type: string;
|
|
271
271
|
enum: string[];
|
|
272
272
|
};
|
|
273
|
+
verticalOffsetTop: {
|
|
274
|
+
type: string;
|
|
275
|
+
enum: string[];
|
|
276
|
+
};
|
|
277
|
+
verticalOffsetBottom: {
|
|
278
|
+
type: string;
|
|
279
|
+
enum: string[];
|
|
280
|
+
};
|
|
273
281
|
background: {
|
|
274
282
|
oneOf: (({
|
|
275
283
|
type: string;
|
|
@@ -216,6 +216,8 @@ export interface HeaderBlockProps {
|
|
|
216
216
|
background?: ThemedHeaderBlockBackground;
|
|
217
217
|
theme?: 'light' | 'dark';
|
|
218
218
|
verticalOffset?: '0' | 's' | 'm' | 'l' | 'xl';
|
|
219
|
+
verticalOffsetTop?: 's' | 'm' | 'l' | 'xl';
|
|
220
|
+
verticalOffsetBottom?: 's' | 'm' | 'l' | 'xl';
|
|
219
221
|
breadcrumbs?: HeaderBreadCrumbsProps;
|
|
220
222
|
backLink?: {
|
|
221
223
|
url: string;
|
|
@@ -68,6 +68,30 @@ unpredictable css rules order in build */
|
|
|
68
68
|
.pc-header-block__content_vertical-offset_xl {
|
|
69
69
|
padding: 160px 0;
|
|
70
70
|
}
|
|
71
|
+
.pc-header-block__content_vertical-offset-top_s {
|
|
72
|
+
padding-top: 64px;
|
|
73
|
+
}
|
|
74
|
+
.pc-header-block__content_vertical-offset-top_m {
|
|
75
|
+
padding-top: 96px;
|
|
76
|
+
}
|
|
77
|
+
.pc-header-block__content_vertical-offset-top_l {
|
|
78
|
+
padding-top: 128px;
|
|
79
|
+
}
|
|
80
|
+
.pc-header-block__content_vertical-offset-top_xl {
|
|
81
|
+
padding-top: 160px;
|
|
82
|
+
}
|
|
83
|
+
.pc-header-block__content_vertical-offset-bottom_s {
|
|
84
|
+
padding-bottom: 64px;
|
|
85
|
+
}
|
|
86
|
+
.pc-header-block__content_vertical-offset-bottom_m {
|
|
87
|
+
padding-bottom: 96px;
|
|
88
|
+
}
|
|
89
|
+
.pc-header-block__content_vertical-offset-bottom_l {
|
|
90
|
+
padding-bottom: 128px;
|
|
91
|
+
}
|
|
92
|
+
.pc-header-block__content_vertical-offset-bottom_xl {
|
|
93
|
+
padding-bottom: 160px;
|
|
94
|
+
}
|
|
71
95
|
.pc-header-block__content_offset_large {
|
|
72
96
|
padding: calc(128px - 16px) 0 16px;
|
|
73
97
|
}
|
|
@@ -27,7 +27,7 @@ const Background = ({ background, isMobile }) => {
|
|
|
27
27
|
const FullWidthBackground = ({ background }) => (React.createElement("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
|
|
28
28
|
// eslint-disable-next-line complexity
|
|
29
29
|
export const HeaderBlock = (props) => {
|
|
30
|
-
const { title, switchingTitle, topTags, bottomTags, overtitle, description, buttons, stock, stockPrice, stockShares, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', backgroundEffect, headerSpace, backLink, } = props;
|
|
30
|
+
const { title, switchingTitle, topTags, bottomTags, overtitle, description, buttons, stock, stockPrice, stockShares, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', verticalOffsetTop, verticalOffsetBottom, className, breadcrumbs, status, renderTitle, children, mediaView = 'full', backgroundEffect, headerSpace, backLink, } = props;
|
|
31
31
|
const isMobile = useContext(MobileContext);
|
|
32
32
|
const { backButton, blockTag } = useContext(HeaderContext);
|
|
33
33
|
const theme = useTheme();
|
|
@@ -70,6 +70,8 @@ export const HeaderBlock = (props) => {
|
|
|
70
70
|
offset,
|
|
71
71
|
theme: textTheme,
|
|
72
72
|
'vertical-offset': curVerticalOffset,
|
|
73
|
+
'vertical-offset-top': verticalOffsetTop,
|
|
74
|
+
'vertical-offset-bottom': verticalOffsetBottom,
|
|
73
75
|
}) },
|
|
74
76
|
React.createElement(HeaderTags, { theme: textTheme, tags: topTags, className: b('tags', { top: true }), sizes: titleSizes }),
|
|
75
77
|
React.createElement(Col, { sizes: titleSizes, className: b('content-inner') },
|
|
@@ -576,6 +576,14 @@ export declare const HeaderProperties: {
|
|
|
576
576
|
type: string;
|
|
577
577
|
enum: string[];
|
|
578
578
|
};
|
|
579
|
+
verticalOffsetTop: {
|
|
580
|
+
type: string;
|
|
581
|
+
enum: string[];
|
|
582
|
+
};
|
|
583
|
+
verticalOffsetBottom: {
|
|
584
|
+
type: string;
|
|
585
|
+
enum: string[];
|
|
586
|
+
};
|
|
579
587
|
background: {
|
|
580
588
|
oneOf: (({
|
|
581
589
|
type: string;
|
|
@@ -1265,6 +1273,14 @@ export declare const HeaderBlock: {
|
|
|
1265
1273
|
type: string;
|
|
1266
1274
|
enum: string[];
|
|
1267
1275
|
};
|
|
1276
|
+
verticalOffsetTop: {
|
|
1277
|
+
type: string;
|
|
1278
|
+
enum: string[];
|
|
1279
|
+
};
|
|
1280
|
+
verticalOffsetBottom: {
|
|
1281
|
+
type: string;
|
|
1282
|
+
enum: string[];
|
|
1283
|
+
};
|
|
1268
1284
|
background: {
|
|
1269
1285
|
oneOf: (({
|
|
1270
1286
|
type: string;
|
|
@@ -124,6 +124,14 @@ export const HeaderProperties = {
|
|
|
124
124
|
type: 'string',
|
|
125
125
|
enum: ['0', 's', 'm', 'l', 'xl'],
|
|
126
126
|
},
|
|
127
|
+
verticalOffsetTop: {
|
|
128
|
+
type: 'string',
|
|
129
|
+
enum: ['s', 'm', 'l', 'xl'],
|
|
130
|
+
},
|
|
131
|
+
verticalOffsetBottom: {
|
|
132
|
+
type: 'string',
|
|
133
|
+
enum: ['s', 'm', 'l', 'xl'],
|
|
134
|
+
},
|
|
127
135
|
background: withTheme(HeaderBackgroundProps),
|
|
128
136
|
theme: {
|
|
129
137
|
type: 'string',
|
|
@@ -270,6 +270,14 @@ export declare const HeaderSliderBlock: {
|
|
|
270
270
|
type: string;
|
|
271
271
|
enum: string[];
|
|
272
272
|
};
|
|
273
|
+
verticalOffsetTop: {
|
|
274
|
+
type: string;
|
|
275
|
+
enum: string[];
|
|
276
|
+
};
|
|
277
|
+
verticalOffsetBottom: {
|
|
278
|
+
type: string;
|
|
279
|
+
enum: string[];
|
|
280
|
+
};
|
|
273
281
|
background: {
|
|
274
282
|
oneOf: (({
|
|
275
283
|
type: string;
|
|
@@ -216,6 +216,8 @@ export interface HeaderBlockProps {
|
|
|
216
216
|
background?: ThemedHeaderBlockBackground;
|
|
217
217
|
theme?: 'light' | 'dark';
|
|
218
218
|
verticalOffset?: '0' | 's' | 'm' | 'l' | 'xl';
|
|
219
|
+
verticalOffsetTop?: 's' | 'm' | 'l' | 'xl';
|
|
220
|
+
verticalOffsetBottom?: 's' | 'm' | 'l' | 'xl';
|
|
219
221
|
breadcrumbs?: HeaderBreadCrumbsProps;
|
|
220
222
|
backLink?: {
|
|
221
223
|
url: string;
|