@gravity-ui/page-constructor 1.2.0-alpha.0 → 1.2.0-alpha.1

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.
Files changed (9) hide show
  1. package/build/cjs/containers/PageConstructor/PageConstructor.css +5 -17
  2. package/build/cjs/sub-blocks/Content/Content.css +12 -12
  3. package/build/cjs/sub-blocks/Content/Content.js +2 -6
  4. package/build/esm/containers/PageConstructor/PageConstructor.css +5 -17
  5. package/build/esm/sub-blocks/Content/Content.css +12 -12
  6. package/build/esm/sub-blocks/Content/Content.js +2 -6
  7. package/package.json +1 -1
  8. package/styles/styles.css +5 -17
  9. package/styles/yfm.scss +5 -18
package/build/cjs/containers/PageConstructor/PageConstructor.css CHANGED
@@ -51,21 +51,13 @@ unpredictable css rules order in build */
51
51
  .yfm_constructor.yfm_constructor_notice p {
52
52
  color: var(--yc-color-text-secondary);
53
53
  }
54
- .yfm_constructor.yfm_constructor ul,
55
- .yfm_constructor.yfm_constructor ol,
56
- .yfm_constructor.yfm_constructor li,
57
- .yfm_constructor.yfm_constructor p {
54
+ .yfm_constructor.yfm_constructor p,
55
+ .yfm_constructor.yfm_constructor li {
58
56
  margin: 0 0 12px;
59
57
  }
60
58
  .yfm_constructor.yfm_constructor p strong {
61
59
  font-weight: 500;
62
60
  }
63
- .yfm_constructor.yfm_constructor_size_s ul,
64
- .yfm_constructor.yfm_constructor_size_s ol,
65
- .yfm_constructor.yfm_constructor_size_s li,
66
- .yfm_constructor.yfm_constructor_size_s p {
67
- margin-bottom: 8px;
68
- }
69
61
 
70
62
  .yfm_constructor_theme_dark p {
71
63
  color: var(--yc-color-text-light-primary);
@@ -117,17 +109,13 @@ unpredictable css rules order in build */
117
109
  background-color: var(--yc-color-base-generic);
118
110
  }
119
111
 
120
- .yfm_constructor_table {
121
- /* stylelint-enable declaration-no-important */
122
- }
123
112
  .yfm_constructor_table table {
124
113
  border: 0;
125
114
  table-layout: fixed;
126
115
  }
127
116
  .yfm_constructor_table thead,
128
117
  .yfm_constructor_table tr {
129
- /* stylelint-disable declaration-no-important */
130
- background-color: transparent !important;
118
+ background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
131
119
  }
132
120
  .yfm_constructor_table tbody tr {
133
121
  border-top: 1px solid var(--yc-color-line-generic);
@@ -137,7 +125,7 @@ unpredictable css rules order in build */
137
125
  min-width: 120px;
138
126
  width: 120px;
139
127
  box-sizing: content-box;
140
- white-space: inherit !important;
128
+ white-space: inherit !important; /* stylelint-disable-line declaration-no-important */
141
129
  }
142
130
  .yfm_constructor_table td:first-child,
143
131
  .yfm_constructor_table th:first-child {
@@ -145,7 +133,7 @@ unpredictable css rules order in build */
145
133
  width: 172px;
146
134
  }
147
135
  .yfm_constructor_table th {
148
- text-align: left !important;
136
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
149
137
  }
150
138
 
151
139
  .pc-page-constructor {
package/build/cjs/sub-blocks/Content/Content.css CHANGED
@@ -1,5 +1,6 @@
1
1
  .pc-content_size_l .pc-content__text .yfm,
2
- .pc-content_size_l .pc-content__notice .yfm {
2
+ .pc-content_size_l .pc-content__notice .yfm,
3
+ .pc-content_size_l .pc-content__notice .yfm > * {
3
4
  margin: 0;
4
5
  }
5
6
 
@@ -21,6 +22,10 @@ unpredictable css rules order in build */
21
22
  .pc-content__notice.pc-content__notice .yfm a:hover {
22
23
  color: var(--yc-color-text-primary);
23
24
  }
25
+ .pc-content__notice.pc-content__notice ol,
26
+ .pc-content__notice.pc-content__notice ul {
27
+ padding-left: 25px;
28
+ }
24
29
 
25
30
  .pc-content__button {
26
31
  margin-top: 0;
@@ -38,12 +43,6 @@ unpredictable css rules order in build */
38
43
  .pc-content_centered .pc-content__link a {
39
44
  justify-content: center;
40
45
  }
41
- .pc-content_centered .pc-content__notice .yfm ul,
42
- .pc-content_centered .pc-content__notice .yfm ol,
43
- .pc-content_centered .pc-content__text .yfm ul,
44
- .pc-content_centered .pc-content__text .yfm ol {
45
- text-align: left;
46
- }
47
46
  .pc-content_size_s .pc-content__text,
48
47
  .pc-content_size_s .pc-content__notice {
49
48
  margin-top: 8px;
@@ -65,7 +64,8 @@ unpredictable css rules order in build */
65
64
  margin-top: 0;
66
65
  }
67
66
  .pc-content_size_l .pc-content__text .yfm,
68
- .pc-content_size_l .pc-content__notice .yfm {
67
+ .pc-content_size_l .pc-content__notice .yfm,
68
+ .pc-content_size_l .pc-content__notice .yfm > * {
69
69
  font-size: var(--yc-text-body-3-font-size);
70
70
  line-height: var(--yc-text-body-3-line-height);
71
71
  }
@@ -77,12 +77,12 @@ unpredictable css rules order in build */
77
77
  }
78
78
  .pc-content_theme_dark .pc-content__title,
79
79
  .pc-content_theme_dark .pc-content__text .yfm,
80
- .pc-content_theme_dark .pc-content__text .yfm > *,
80
+ .pc-content_theme_dark .pc-content__text .yfm *,
81
81
  .pc-content_theme_dark .pc-content__link a {
82
82
  color: var(--yc-color-text-light-primary);
83
83
  }
84
84
  .pc-content_theme_dark .pc-content__notice .yfm,
85
- .pc-content_theme_dark .pc-content__notice .yfm > * {
85
+ .pc-content_theme_dark .pc-content__notice .yfm * {
86
86
  color: var(--yc-color-text-light-secondary);
87
87
  }
88
88
  .pc-content_theme_dark .pc-content__notice .yfm a {
@@ -109,12 +109,12 @@ unpredictable css rules order in build */
109
109
  }
110
110
  .pc-content_theme_light .pc-content__title,
111
111
  .pc-content_theme_light .pc-content__text .yfm,
112
- .pc-content_theme_light .pc-content__text .yfm > *,
112
+ .pc-content_theme_light .pc-content__text .yfm *,
113
113
  .pc-content_theme_light .pc-content__link a {
114
114
  color: var(--yc-color-text-dark-primary);
115
115
  }
116
116
  .pc-content_theme_light .pc-content__notice .yfm,
117
- .pc-content_theme_light .pc-content__notice .yfm > * {
117
+ .pc-content_theme_light .pc-content__notice .yfm * {
118
118
  color: var(--yc-color-text-dark-secondary);
119
119
  }
120
120
  .pc-content_theme_light .pc-content__notice .yfm a {
package/build/cjs/sub-blocks/Content/Content.js CHANGED
@@ -43,13 +43,9 @@ const Content = (props) => {
43
43
  return (react_1.default.createElement(grid_1.Col, { className: b({ size, centered, theme }, className), reset: true, sizes: colSizes },
44
44
  title && react_1.default.createElement(components_1.Title, Object.assign({ className: b('title') }, titleProps, { resetMargin: true })),
45
45
  text && (react_1.default.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
46
- react_1.default.createElement(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true } }))),
46
+ react_1.default.createElement(components_1.YFMWrapper, { content: text, modifiers: { constructor: true } }))),
47
47
  additionalInfo && (react_1.default.createElement("div", { className: b('notice') },
48
- react_1.default.createElement(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
49
- constructor: true,
50
- 'constructor-notice': true,
51
- [`constructor-size-${size}`]: true,
52
- } }))),
48
+ react_1.default.createElement(components_1.YFMWrapper, { content: additionalInfo, modifiers: { constructor: true, 'constructor-notice': true } }))),
53
49
  links && (react_1.default.createElement("div", { className: b('links') }, links.map((link) => (react_1.default.createElement(Link_1.default, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url })))))),
54
50
  buttons && (react_1.default.createElement("div", { className: b('buttons') }, buttons.map((item) => (react_1.default.createElement(components_1.Button, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size) }))))))));
55
51
  };
package/build/esm/containers/PageConstructor/PageConstructor.css CHANGED
@@ -51,21 +51,13 @@ unpredictable css rules order in build */
51
51
  .yfm_constructor.yfm_constructor_notice p {
52
52
  color: var(--yc-color-text-secondary);
53
53
  }
54
- .yfm_constructor.yfm_constructor ul,
55
- .yfm_constructor.yfm_constructor ol,
56
- .yfm_constructor.yfm_constructor li,
57
- .yfm_constructor.yfm_constructor p {
54
+ .yfm_constructor.yfm_constructor p,
55
+ .yfm_constructor.yfm_constructor li {
58
56
  margin: 0 0 12px;
59
57
  }
60
58
  .yfm_constructor.yfm_constructor p strong {
61
59
  font-weight: 500;
62
60
  }
63
- .yfm_constructor.yfm_constructor_size_s ul,
64
- .yfm_constructor.yfm_constructor_size_s ol,
65
- .yfm_constructor.yfm_constructor_size_s li,
66
- .yfm_constructor.yfm_constructor_size_s p {
67
- margin-bottom: 8px;
68
- }
69
61
 
70
62
  .yfm_constructor_theme_dark p {
71
63
  color: var(--yc-color-text-light-primary);
@@ -117,17 +109,13 @@ unpredictable css rules order in build */
117
109
  background-color: var(--yc-color-base-generic);
118
110
  }
119
111
 
120
- .yfm_constructor_table {
121
- /* stylelint-enable declaration-no-important */
122
- }
123
112
  .yfm_constructor_table table {
124
113
  border: 0;
125
114
  table-layout: fixed;
126
115
  }
127
116
  .yfm_constructor_table thead,
128
117
  .yfm_constructor_table tr {
129
- /* stylelint-disable declaration-no-important */
130
- background-color: transparent !important;
118
+ background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
131
119
  }
132
120
  .yfm_constructor_table tbody tr {
133
121
  border-top: 1px solid var(--yc-color-line-generic);
@@ -137,7 +125,7 @@ unpredictable css rules order in build */
137
125
  min-width: 120px;
138
126
  width: 120px;
139
127
  box-sizing: content-box;
140
- white-space: inherit !important;
128
+ white-space: inherit !important; /* stylelint-disable-line declaration-no-important */
141
129
  }
142
130
  .yfm_constructor_table td:first-child,
143
131
  .yfm_constructor_table th:first-child {
@@ -145,7 +133,7 @@ unpredictable css rules order in build */
145
133
  width: 172px;
146
134
  }
147
135
  .yfm_constructor_table th {
148
- text-align: left !important;
136
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
149
137
  }
150
138
 
151
139
  .pc-page-constructor {
package/build/esm/sub-blocks/Content/Content.css CHANGED
@@ -1,5 +1,6 @@
1
1
  .pc-content_size_l .pc-content__text .yfm,
2
- .pc-content_size_l .pc-content__notice .yfm {
2
+ .pc-content_size_l .pc-content__notice .yfm,
3
+ .pc-content_size_l .pc-content__notice .yfm > * {
3
4
  margin: 0;
4
5
  }
5
6
 
@@ -21,6 +22,10 @@ unpredictable css rules order in build */
21
22
  .pc-content__notice.pc-content__notice .yfm a:hover {
22
23
  color: var(--yc-color-text-primary);
23
24
  }
25
+ .pc-content__notice.pc-content__notice ol,
26
+ .pc-content__notice.pc-content__notice ul {
27
+ padding-left: 25px;
28
+ }
24
29
 
25
30
  .pc-content__button {
26
31
  margin-top: 0;
@@ -38,12 +43,6 @@ unpredictable css rules order in build */
38
43
  .pc-content_centered .pc-content__link a {
39
44
  justify-content: center;
40
45
  }
41
- .pc-content_centered .pc-content__notice .yfm ul,
42
- .pc-content_centered .pc-content__notice .yfm ol,
43
- .pc-content_centered .pc-content__text .yfm ul,
44
- .pc-content_centered .pc-content__text .yfm ol {
45
- text-align: left;
46
- }
47
46
  .pc-content_size_s .pc-content__text,
48
47
  .pc-content_size_s .pc-content__notice {
49
48
  margin-top: 8px;
@@ -65,7 +64,8 @@ unpredictable css rules order in build */
65
64
  margin-top: 0;
66
65
  }
67
66
  .pc-content_size_l .pc-content__text .yfm,
68
- .pc-content_size_l .pc-content__notice .yfm {
67
+ .pc-content_size_l .pc-content__notice .yfm,
68
+ .pc-content_size_l .pc-content__notice .yfm > * {
69
69
  font-size: var(--yc-text-body-3-font-size);
70
70
  line-height: var(--yc-text-body-3-line-height);
71
71
  }
@@ -77,12 +77,12 @@ unpredictable css rules order in build */
77
77
  }
78
78
  .pc-content_theme_dark .pc-content__title,
79
79
  .pc-content_theme_dark .pc-content__text .yfm,
80
- .pc-content_theme_dark .pc-content__text .yfm > *,
80
+ .pc-content_theme_dark .pc-content__text .yfm *,
81
81
  .pc-content_theme_dark .pc-content__link a {
82
82
  color: var(--yc-color-text-light-primary);
83
83
  }
84
84
  .pc-content_theme_dark .pc-content__notice .yfm,
85
- .pc-content_theme_dark .pc-content__notice .yfm > * {
85
+ .pc-content_theme_dark .pc-content__notice .yfm * {
86
86
  color: var(--yc-color-text-light-secondary);
87
87
  }
88
88
  .pc-content_theme_dark .pc-content__notice .yfm a {
@@ -109,12 +109,12 @@ unpredictable css rules order in build */
109
109
  }
110
110
  .pc-content_theme_light .pc-content__title,
111
111
  .pc-content_theme_light .pc-content__text .yfm,
112
- .pc-content_theme_light .pc-content__text .yfm > *,
112
+ .pc-content_theme_light .pc-content__text .yfm *,
113
113
  .pc-content_theme_light .pc-content__link a {
114
114
  color: var(--yc-color-text-dark-primary);
115
115
  }
116
116
  .pc-content_theme_light .pc-content__notice .yfm,
117
- .pc-content_theme_light .pc-content__notice .yfm > * {
117
+ .pc-content_theme_light .pc-content__notice .yfm * {
118
118
  color: var(--yc-color-text-dark-secondary);
119
119
  }
120
120
  .pc-content_theme_light .pc-content__notice .yfm a {
package/build/esm/sub-blocks/Content/Content.js CHANGED
@@ -42,13 +42,9 @@ const Content = (props) => {
42
42
  return (React.createElement(Col, { className: b({ size, centered, theme }, className), reset: true, sizes: colSizes },
43
43
  title && React.createElement(Title, Object.assign({ className: b('title') }, titleProps, { resetMargin: true })),
44
44
  text && (React.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
45
- React.createElement(YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true } }))),
45
+ React.createElement(YFMWrapper, { content: text, modifiers: { constructor: true } }))),
46
46
  additionalInfo && (React.createElement("div", { className: b('notice') },
47
- React.createElement(YFMWrapper, { content: additionalInfo, modifiers: {
48
- constructor: true,
49
- 'constructor-notice': true,
50
- [`constructor-size-${size}`]: true,
51
- } }))),
47
+ React.createElement(YFMWrapper, { content: additionalInfo, modifiers: { constructor: true, 'constructor-notice': true } }))),
52
48
  links && (React.createElement("div", { className: b('links') }, links.map((link) => (React.createElement(LinkBlock, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url })))))),
53
49
  buttons && (React.createElement("div", { className: b('buttons') }, buttons.map((item) => (React.createElement(Button, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size) }))))))));
54
50
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/page-constructor",
3
- "version": "1.2.0-alpha.0",
3
+ "version": "1.2.0-alpha.1",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {
package/styles/styles.css CHANGED
@@ -226,21 +226,13 @@ unpredictable css rules order in build */
226
226
  .yfm_constructor.yfm_constructor_notice p {
227
227
  color: var(--yc-color-text-secondary);
228
228
  }
229
- .yfm_constructor.yfm_constructor ul,
230
- .yfm_constructor.yfm_constructor ol,
231
- .yfm_constructor.yfm_constructor li,
232
- .yfm_constructor.yfm_constructor p {
229
+ .yfm_constructor.yfm_constructor p,
230
+ .yfm_constructor.yfm_constructor li {
233
231
  margin: 0 0 12px;
234
232
  }
235
233
  .yfm_constructor.yfm_constructor p strong {
236
234
  font-weight: 500;
237
235
  }
238
- .yfm_constructor.yfm_constructor_size_s ul,
239
- .yfm_constructor.yfm_constructor_size_s ol,
240
- .yfm_constructor.yfm_constructor_size_s li,
241
- .yfm_constructor.yfm_constructor_size_s p {
242
- margin-bottom: 8px;
243
- }
244
236
 
245
237
  .yfm_constructor_theme_dark p {
246
238
  color: var(--yc-color-text-light-primary);
@@ -292,17 +284,13 @@ unpredictable css rules order in build */
292
284
  background-color: var(--yc-color-base-generic);
293
285
  }
294
286
 
295
- .yfm_constructor_table {
296
- /* stylelint-enable declaration-no-important */
297
- }
298
287
  .yfm_constructor_table table {
299
288
  border: 0;
300
289
  table-layout: fixed;
301
290
  }
302
291
  .yfm_constructor_table thead,
303
292
  .yfm_constructor_table tr {
304
- /* stylelint-disable declaration-no-important */
305
- background-color: transparent !important;
293
+ background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
306
294
  }
307
295
  .yfm_constructor_table tbody tr {
308
296
  border-top: 1px solid var(--yc-color-line-generic);
@@ -312,7 +300,7 @@ unpredictable css rules order in build */
312
300
  min-width: 120px;
313
301
  width: 120px;
314
302
  box-sizing: content-box;
315
- white-space: inherit !important;
303
+ white-space: inherit !important; /* stylelint-disable-line declaration-no-important */
316
304
  }
317
305
  .yfm_constructor_table td:first-child,
318
306
  .yfm_constructor_table th:first-child {
@@ -320,5 +308,5 @@ unpredictable css rules order in build */
320
308
  width: 172px;
321
309
  }
322
310
  .yfm_constructor_table th {
323
- text-align: left !important;
311
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
324
312
  }
package/styles/yfm.scss CHANGED
@@ -34,25 +34,14 @@
34
34
  }
35
35
  }
36
36
 
37
- ul,
38
- ol,
39
- li,
40
- p {
37
+ p,
38
+ li {
41
39
  margin: 0 0 $indentXXS;
42
40
  }
43
41
 
44
42
  p strong {
45
43
  font-weight: 500;
46
44
  }
47
-
48
- &_size_s {
49
- ul,
50
- ol,
51
- li,
52
- p {
53
- margin-bottom: $indentXXXS;
54
- }
55
- }
56
45
  }
57
46
 
58
47
  &_theme_dark {
@@ -117,8 +106,7 @@
117
106
 
118
107
  thead,
119
108
  tr {
120
- /* stylelint-disable declaration-no-important */
121
- background-color: transparent !important;
109
+ background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
122
110
  }
123
111
 
124
112
  tbody tr {
@@ -130,7 +118,7 @@
130
118
  min-width: $columnWidth;
131
119
  width: $columnWidth;
132
120
  box-sizing: content-box;
133
- white-space: inherit !important;
121
+ white-space: inherit !important; /* stylelint-disable-line declaration-no-important */
134
122
 
135
123
  &:first-child {
136
124
  min-width: $firstColumnWidth;
@@ -139,7 +127,6 @@
139
127
  }
140
128
 
141
129
  th {
142
- text-align: left !important;
130
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
143
131
  }
144
- /* stylelint-enable declaration-no-important */
145
132
  }