@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.
@@ -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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@doyourjob/gravity-ui-page-constructor",
3
- "version": "5.31.185",
3
+ "version": "5.31.186",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {