@doyourjob/gravity-ui-page-constructor 5.31.217 → 5.31.219

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.
@@ -299,7 +299,8 @@ export interface EventPersonCardProps {
299
299
  theme?: ContentTheme;
300
300
  }
301
301
  export interface StoryCardProps {
302
- title?: TitleItemBaseProps | string;
302
+ title?: string;
303
+ tag?: string;
303
304
  text?: string;
304
305
  quote?: string;
305
306
  logo?: string;
@@ -6,158 +6,10 @@ export declare const cardSchemas: {
6
6
  required: never[];
7
7
  properties: {
8
8
  title: {
9
- oneOf: ({
10
- type: string;
11
- optionName: string;
12
- } | {
13
- optionName: string;
14
- type: string;
15
- additionalProperties: boolean;
16
- required: string[];
17
- properties: {
18
- text: {
19
- type: string;
20
- contentType: string;
21
- };
22
- link: {
23
- type: string;
24
- additionalProperties: boolean;
25
- required: string[];
26
- properties: {
27
- text: {
28
- type: string;
29
- contentType: string;
30
- };
31
- url: {
32
- type: string;
33
- };
34
- urlTitle: {
35
- type: string;
36
- };
37
- arrow: {
38
- type: string;
39
- };
40
- theme: {
41
- type: string;
42
- enum: string[];
43
- };
44
- textSize: {
45
- type: string;
46
- enum: string[];
47
- };
48
- target: {
49
- type: string;
50
- enum: string[];
51
- };
52
- analyticsEvents: {
53
- oneOf: ({
54
- optionName: string;
55
- type: string;
56
- additionalProperties: {
57
- type: string;
58
- };
59
- required: string[];
60
- properties: {
61
- name: {
62
- type: string;
63
- };
64
- type: {
65
- type: string;
66
- };
67
- counters: {
68
- type: string;
69
- additionalProperties: boolean;
70
- required: never[];
71
- properties: {
72
- include: {
73
- type: string;
74
- items: {
75
- type: string;
76
- };
77
- };
78
- exclude: {
79
- type: string;
80
- items: {
81
- type: string;
82
- };
83
- };
84
- };
85
- };
86
- context: {
87
- type: string;
88
- };
89
- };
90
- items?: undefined;
91
- } | {
92
- type: string;
93
- items: {
94
- type: string;
95
- additionalProperties: {
96
- type: string;
97
- };
98
- required: string[];
99
- properties: {
100
- name: {
101
- type: string;
102
- };
103
- type: {
104
- type: string;
105
- };
106
- counters: {
107
- type: string;
108
- additionalProperties: boolean;
109
- required: never[];
110
- properties: {
111
- include: {
112
- type: string;
113
- items: {
114
- type: string;
115
- };
116
- };
117
- exclude: {
118
- type: string;
119
- items: {
120
- type: string;
121
- };
122
- };
123
- };
124
- };
125
- context: {
126
- type: string;
127
- };
128
- };
129
- };
130
- optionName: string;
131
- })[];
132
- };
133
- type: {};
134
- when: {
135
- type: string;
136
- };
137
- };
138
- };
139
- textSize: {
140
- type: string;
141
- enum: string[];
142
- };
143
- bottomSpace: {
144
- type: string;
145
- enum: string[];
146
- };
147
- centered: {
148
- type: string;
149
- };
150
- url: {
151
- type: string;
152
- };
153
- urlTitle: {
154
- type: string;
155
- };
156
- resetMargin: {
157
- type: string;
158
- };
159
- };
160
- })[];
9
+ type: string;
10
+ };
11
+ tag: {
12
+ type: string;
161
13
  };
162
14
  text: {
163
15
  type: string;
@@ -16,11 +16,31 @@ unpredictable css rules order in build */
16
16
  z-index: -1;
17
17
  border-radius: 40px;
18
18
  }
19
- .pc-story-card__title {
19
+ .pc-story-card__head {
20
+ display: flex;
21
+ justify-content: space-between;
22
+ align-items: flex-start;
20
23
  margin-top: 14px;
21
- margin-bottom: 30px;
22
24
  padding-left: 30px;
23
- padding-right: 30px;
25
+ margin-bottom: 30px;
26
+ gap: 16px;
27
+ }
28
+ @media (max-width: 769px) {
29
+ .pc-story-card__head {
30
+ flex-direction: column-reverse;
31
+ padding: 0 30px;
32
+ }
33
+ }
34
+ .pc-story-card__title {
35
+ font-size: var(--g-text-display-3-font-size, var(--pc-text-display-3-font-size));
36
+ line-height: var(--g-text-display-3-line-height, var(--pc-text-display-3-line-height));
37
+ font-weight: 600;
38
+ }
39
+ @media (max-width: 769px) {
40
+ .pc-story-card__title {
41
+ font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
42
+ line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
43
+ }
24
44
  }
25
45
  .pc-story-card__text, .pc-story-card__label {
26
46
  font-size: 16px;
@@ -33,7 +53,7 @@ unpredictable css rules order in build */
33
53
  row-gap: 4px;
34
54
  display: flex;
35
55
  flex-direction: column;
36
- min-height: 608px;
56
+ min-height: 500px;
37
57
  }
38
58
  @media (max-width: 1081px) {
39
59
  .pc-story-card__col {
@@ -46,6 +66,10 @@ unpredictable css rules order in build */
46
66
  background-color: #ffffff;
47
67
  flex: 1;
48
68
  }
69
+ .pc-story-card__box_text {
70
+ background-color: #614efa;
71
+ color: #ffffff;
72
+ }
49
73
  .pc-story-card__box_centered {
50
74
  display: flex;
51
75
  flex-direction: column;
@@ -64,6 +88,18 @@ unpredictable css rules order in build */
64
88
  letter-spacing: -0.1em;
65
89
  font-weight: 700;
66
90
  }
91
+ .pc-story-card__tag {
92
+ display: flex;
93
+ align-items: center;
94
+ justify-content: center;
95
+ color: #614efa;
96
+ font-size: 16px;
97
+ line-height: 20px;
98
+ padding: 0 12px;
99
+ height: 32px;
100
+ border-radius: 16px;
101
+ border: 1px solid #614efa;
102
+ }
67
103
  .pc-story-card__label {
68
104
  margin-top: 16px;
69
105
  }
@@ -10,17 +10,13 @@ const columnSizes = {
10
10
  all: 12,
11
11
  lg: 4,
12
12
  };
13
- const StoryCard = ({ title, text, quote, logo, avatar, autor, data, background, }) => {
13
+ const StoryCard = ({ title, tag, text, quote, logo, avatar, autor, data, background, }) => {
14
14
  return (react_1.default.createElement("div", { className: b() },
15
15
  react_1.default.createElement("div", { className: b('background'), style: { background } }),
16
- title && react_1.default.createElement(components_1.Title, { title: title, className: b('title') }),
16
+ react_1.default.createElement("div", { className: b('head') },
17
+ title && react_1.default.createElement("div", { className: b('title') }, title),
18
+ tag && react_1.default.createElement("div", { className: b('tag') }, tag)),
17
19
  react_1.default.createElement(grid_1.Row, { className: b('row') },
18
- react_1.default.createElement(grid_1.Col, { className: b('col'), sizes: columnSizes },
19
- react_1.default.createElement("div", { className: b('box') },
20
- react_1.default.createElement(components_1.HTML, { className: b('text') }, text))),
21
- react_1.default.createElement(grid_1.Col, { className: b('col'), sizes: columnSizes }, data === null || data === void 0 ? void 0 : data.map((item, index) => (react_1.default.createElement("div", { key: index, className: b('box', { centered: true }) },
22
- react_1.default.createElement("div", { className: `${b('value')} title-font-family` }, item.value),
23
- react_1.default.createElement("div", { className: b('label') }, item.label))))),
24
20
  react_1.default.createElement(grid_1.Col, { className: b('col'), sizes: columnSizes },
25
21
  react_1.default.createElement("div", { className: b('box', { between: true }) },
26
22
  logo && (react_1.default.createElement("div", { className: b('wrap-logo') },
@@ -28,6 +24,12 @@ const StoryCard = ({ title, text, quote, logo, avatar, autor, data, background,
28
24
  quote && react_1.default.createElement(components_1.HTML, { className: b('text') }, quote),
29
25
  (avatar || autor) && (react_1.default.createElement("div", { className: b('autor') },
30
26
  avatar && react_1.default.createElement(components_1.Image, { src: avatar, className: b('avatar') }),
31
- autor && react_1.default.createElement(components_1.HTML, { className: b('text') }, autor))))))));
27
+ autor && react_1.default.createElement(components_1.HTML, { className: b('text') }, autor))))),
28
+ react_1.default.createElement(grid_1.Col, { className: b('col'), sizes: columnSizes }, data === null || data === void 0 ? void 0 : data.map((item, index) => (react_1.default.createElement("div", { key: index, className: b('box', { centered: true }) },
29
+ react_1.default.createElement("div", { className: `${b('value')} title-font-family` }, item.value),
30
+ react_1.default.createElement("div", { className: b('label') }, item.label))))),
31
+ react_1.default.createElement(grid_1.Col, { className: b('col'), sizes: columnSizes },
32
+ react_1.default.createElement("div", { className: b('box', { text: true }) },
33
+ react_1.default.createElement(components_1.HTML, { className: b('text') }, text))))));
32
34
  };
33
35
  exports.default = StoryCard;
@@ -4,158 +4,10 @@ export declare const StoryCard: {
4
4
  required: never[];
5
5
  properties: {
6
6
  title: {
7
- oneOf: ({
8
- type: string;
9
- optionName: string;
10
- } | {
11
- optionName: string;
12
- type: string;
13
- additionalProperties: boolean;
14
- required: string[];
15
- properties: {
16
- text: {
17
- type: string;
18
- contentType: string;
19
- };
20
- link: {
21
- type: string;
22
- additionalProperties: boolean;
23
- required: string[];
24
- properties: {
25
- text: {
26
- type: string;
27
- contentType: string;
28
- };
29
- url: {
30
- type: string;
31
- };
32
- urlTitle: {
33
- type: string;
34
- };
35
- arrow: {
36
- type: string;
37
- };
38
- theme: {
39
- type: string;
40
- enum: string[];
41
- };
42
- textSize: {
43
- type: string;
44
- enum: string[];
45
- };
46
- target: {
47
- type: string;
48
- enum: string[];
49
- };
50
- analyticsEvents: {
51
- oneOf: ({
52
- optionName: string;
53
- type: string;
54
- additionalProperties: {
55
- type: string;
56
- };
57
- required: string[];
58
- properties: {
59
- name: {
60
- type: string;
61
- };
62
- type: {
63
- type: string;
64
- };
65
- counters: {
66
- type: string;
67
- additionalProperties: boolean;
68
- required: never[];
69
- properties: {
70
- include: {
71
- type: string;
72
- items: {
73
- type: string;
74
- };
75
- };
76
- exclude: {
77
- type: string;
78
- items: {
79
- type: string;
80
- };
81
- };
82
- };
83
- };
84
- context: {
85
- type: string;
86
- };
87
- };
88
- items?: undefined;
89
- } | {
90
- type: string;
91
- items: {
92
- type: string;
93
- additionalProperties: {
94
- type: string;
95
- };
96
- required: string[];
97
- properties: {
98
- name: {
99
- type: string;
100
- };
101
- type: {
102
- type: string;
103
- };
104
- counters: {
105
- type: string;
106
- additionalProperties: boolean;
107
- required: never[];
108
- properties: {
109
- include: {
110
- type: string;
111
- items: {
112
- type: string;
113
- };
114
- };
115
- exclude: {
116
- type: string;
117
- items: {
118
- type: string;
119
- };
120
- };
121
- };
122
- };
123
- context: {
124
- type: string;
125
- };
126
- };
127
- };
128
- optionName: string;
129
- })[];
130
- };
131
- type: {};
132
- when: {
133
- type: string;
134
- };
135
- };
136
- };
137
- textSize: {
138
- type: string;
139
- enum: string[];
140
- };
141
- bottomSpace: {
142
- type: string;
143
- enum: string[];
144
- };
145
- centered: {
146
- type: string;
147
- };
148
- url: {
149
- type: string;
150
- };
151
- urlTitle: {
152
- type: string;
153
- };
154
- resetMargin: {
155
- type: string;
156
- };
157
- };
158
- })[];
7
+ type: string;
8
+ };
9
+ tag: {
10
+ type: string;
159
11
  };
160
12
  text: {
161
13
  type: string;
@@ -6,7 +6,7 @@ exports.StoryCard = {
6
6
  'story-card': {
7
7
  additionalProperties: false,
8
8
  required: [],
9
- properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), { title: common_1.BlockHeaderProps.title, text: { type: 'string' }, quote: { type: 'string' }, logo: { type: 'string' }, avatar: { type: 'string' }, autor: { type: 'string' }, data: {
9
+ properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), { title: { type: 'string' }, tag: { type: 'string' }, text: { type: 'string' }, quote: { type: 'string' }, logo: { type: 'string' }, avatar: { type: 'string' }, autor: { type: 'string' }, data: {
10
10
  type: 'array',
11
11
  items: {
12
12
  type: 'object',
@@ -299,7 +299,8 @@ export interface EventPersonCardProps {
299
299
  theme?: ContentTheme;
300
300
  }
301
301
  export interface StoryCardProps {
302
- title?: TitleItemBaseProps | string;
302
+ title?: string;
303
+ tag?: string;
303
304
  text?: string;
304
305
  quote?: string;
305
306
  logo?: string;
@@ -6,158 +6,10 @@ export declare const cardSchemas: {
6
6
  required: never[];
7
7
  properties: {
8
8
  title: {
9
- oneOf: ({
10
- type: string;
11
- optionName: string;
12
- } | {
13
- optionName: string;
14
- type: string;
15
- additionalProperties: boolean;
16
- required: string[];
17
- properties: {
18
- text: {
19
- type: string;
20
- contentType: string;
21
- };
22
- link: {
23
- type: string;
24
- additionalProperties: boolean;
25
- required: string[];
26
- properties: {
27
- text: {
28
- type: string;
29
- contentType: string;
30
- };
31
- url: {
32
- type: string;
33
- };
34
- urlTitle: {
35
- type: string;
36
- };
37
- arrow: {
38
- type: string;
39
- };
40
- theme: {
41
- type: string;
42
- enum: string[];
43
- };
44
- textSize: {
45
- type: string;
46
- enum: string[];
47
- };
48
- target: {
49
- type: string;
50
- enum: string[];
51
- };
52
- analyticsEvents: {
53
- oneOf: ({
54
- optionName: string;
55
- type: string;
56
- additionalProperties: {
57
- type: string;
58
- };
59
- required: string[];
60
- properties: {
61
- name: {
62
- type: string;
63
- };
64
- type: {
65
- type: string;
66
- };
67
- counters: {
68
- type: string;
69
- additionalProperties: boolean;
70
- required: never[];
71
- properties: {
72
- include: {
73
- type: string;
74
- items: {
75
- type: string;
76
- };
77
- };
78
- exclude: {
79
- type: string;
80
- items: {
81
- type: string;
82
- };
83
- };
84
- };
85
- };
86
- context: {
87
- type: string;
88
- };
89
- };
90
- items?: undefined;
91
- } | {
92
- type: string;
93
- items: {
94
- type: string;
95
- additionalProperties: {
96
- type: string;
97
- };
98
- required: string[];
99
- properties: {
100
- name: {
101
- type: string;
102
- };
103
- type: {
104
- type: string;
105
- };
106
- counters: {
107
- type: string;
108
- additionalProperties: boolean;
109
- required: never[];
110
- properties: {
111
- include: {
112
- type: string;
113
- items: {
114
- type: string;
115
- };
116
- };
117
- exclude: {
118
- type: string;
119
- items: {
120
- type: string;
121
- };
122
- };
123
- };
124
- };
125
- context: {
126
- type: string;
127
- };
128
- };
129
- };
130
- optionName: string;
131
- })[];
132
- };
133
- type: {};
134
- when: {
135
- type: string;
136
- };
137
- };
138
- };
139
- textSize: {
140
- type: string;
141
- enum: string[];
142
- };
143
- bottomSpace: {
144
- type: string;
145
- enum: string[];
146
- };
147
- centered: {
148
- type: string;
149
- };
150
- url: {
151
- type: string;
152
- };
153
- urlTitle: {
154
- type: string;
155
- };
156
- resetMargin: {
157
- type: string;
158
- };
159
- };
160
- })[];
9
+ type: string;
10
+ };
11
+ tag: {
12
+ type: string;
161
13
  };
162
14
  text: {
163
15
  type: string;