@gravity-ui/blog-constructor 5.5.0-alpha.0 → 5.6.0

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.
@@ -123,7 +123,27 @@ export declare const Header: {
123
123
  };
124
124
  controls: {
125
125
  type: string;
126
- enum: string[];
126
+ enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
127
+ };
128
+ customControlsOptions: {
129
+ type: string;
130
+ additionalProperties: boolean;
131
+ properties: {
132
+ type: {
133
+ type: string;
134
+ enum: import("@gravity-ui/page-constructor").CustomControlsType[];
135
+ };
136
+ muteButtonShown: {
137
+ type: string;
138
+ };
139
+ positioning: {
140
+ type: string;
141
+ enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
142
+ };
143
+ };
144
+ };
145
+ ariaLabel: {
146
+ type: string;
127
147
  };
128
148
  };
129
149
  } & {
@@ -271,7 +291,27 @@ export declare const Header: {
271
291
  };
272
292
  controls: {
273
293
  type: string;
274
- enum: string[];
294
+ enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
295
+ };
296
+ customControlsOptions: {
297
+ type: string;
298
+ additionalProperties: boolean;
299
+ properties: {
300
+ type: {
301
+ type: string;
302
+ enum: import("@gravity-ui/page-constructor").CustomControlsType[];
303
+ };
304
+ muteButtonShown: {
305
+ type: string;
306
+ };
307
+ positioning: {
308
+ type: string;
309
+ enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
310
+ };
311
+ };
312
+ };
313
+ ariaLabel: {
314
+ type: string;
275
315
  };
276
316
  };
277
317
  };
@@ -388,6 +428,9 @@ export declare const Header: {
388
428
  };
389
429
  })[];
390
430
  };
431
+ ratio: {
432
+ type: string;
433
+ };
391
434
  };
392
435
  } & {
393
436
  optionName: string;
@@ -109,7 +109,27 @@ export declare const Media: {
109
109
  };
110
110
  controls: {
111
111
  type: string;
112
- enum: string[];
112
+ enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
113
+ };
114
+ customControlsOptions: {
115
+ type: string;
116
+ additionalProperties: boolean;
117
+ properties: {
118
+ type: {
119
+ type: string;
120
+ enum: import("@gravity-ui/page-constructor").CustomControlsType[];
121
+ };
122
+ muteButtonShown: {
123
+ type: string;
124
+ };
125
+ positioning: {
126
+ type: string;
127
+ enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
128
+ };
129
+ };
130
+ };
131
+ ariaLabel: {
132
+ type: string;
113
133
  };
114
134
  };
115
135
  };
@@ -226,6 +246,9 @@ export declare const Media: {
226
246
  };
227
247
  })[];
228
248
  };
249
+ ratio: {
250
+ type: string;
251
+ };
229
252
  paddingTop: {
230
253
  type: string;
231
254
  enum: string[];
@@ -13,6 +13,9 @@ unpredictable css rules order in build */
13
13
  width: 100%;
14
14
  line-height: 42px;
15
15
  text-align: initial;
16
+ font-family: inherit;
17
+ padding: 0;
18
+ margin: 0;
16
19
  }
17
20
  .bc-feed-custom-switcher__custom-switcher:focus {
18
21
  outline: 2px solid var(--g-color-line-focus);
@@ -109,10 +109,20 @@ unpredictable css rules order in build */
109
109
  }
110
110
  .yfm_blog a {
111
111
  color: var(--g-color-text-link);
112
+ border-radius: var(--g-focus-border-radius);
112
113
  }
113
114
  .yfm_blog a:hover {
114
115
  color: var(--g-color-text-link-hover);
115
116
  }
117
+ .yfm_blog a:focus {
118
+ box-shadow: 0 0 0 2px var(--g-color-line-focus);
119
+ }
120
+ .yfm_blog a:focus:not(:focus-visible) {
121
+ box-shadow: none;
122
+ }
123
+ .yfm_blog a:focus {
124
+ outline: 0;
125
+ }
116
126
  .yfm_blog .yfm-tab:hover, .yfm_blog .yfm-tab:active {
117
127
  color: var(--g-color-text-link-hover);
118
128
  }
@@ -131,7 +131,27 @@ export declare const schemasForCustom: {
131
131
  };
132
132
  controls: {
133
133
  type: string;
134
- enum: string[];
134
+ enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
135
+ };
136
+ customControlsOptions: {
137
+ type: string;
138
+ additionalProperties: boolean;
139
+ properties: {
140
+ type: {
141
+ type: string;
142
+ enum: import("@gravity-ui/page-constructor").CustomControlsType[];
143
+ };
144
+ muteButtonShown: {
145
+ type: string;
146
+ };
147
+ positioning: {
148
+ type: string;
149
+ enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
150
+ };
151
+ };
152
+ };
153
+ ariaLabel: {
154
+ type: string;
135
155
  };
136
156
  };
137
157
  } & {
@@ -279,7 +299,27 @@ export declare const schemasForCustom: {
279
299
  };
280
300
  controls: {
281
301
  type: string;
282
- enum: string[];
302
+ enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
303
+ };
304
+ customControlsOptions: {
305
+ type: string;
306
+ additionalProperties: boolean;
307
+ properties: {
308
+ type: {
309
+ type: string;
310
+ enum: import("@gravity-ui/page-constructor").CustomControlsType[];
311
+ };
312
+ muteButtonShown: {
313
+ type: string;
314
+ };
315
+ positioning: {
316
+ type: string;
317
+ enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
318
+ };
319
+ };
320
+ };
321
+ ariaLabel: {
322
+ type: string;
283
323
  };
284
324
  };
285
325
  };
@@ -396,6 +436,9 @@ export declare const schemasForCustom: {
396
436
  };
397
437
  })[];
398
438
  };
439
+ ratio: {
440
+ type: string;
441
+ };
399
442
  };
400
443
  } & {
401
444
  optionName: string;
@@ -1226,7 +1269,27 @@ export declare const schemasForCustom: {
1226
1269
  };
1227
1270
  controls: {
1228
1271
  type: string;
1229
- enum: string[];
1272
+ enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
1273
+ };
1274
+ customControlsOptions: {
1275
+ type: string;
1276
+ additionalProperties: boolean;
1277
+ properties: {
1278
+ type: {
1279
+ type: string;
1280
+ enum: import("@gravity-ui/page-constructor").CustomControlsType[];
1281
+ };
1282
+ muteButtonShown: {
1283
+ type: string;
1284
+ };
1285
+ positioning: {
1286
+ type: string;
1287
+ enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
1288
+ };
1289
+ };
1290
+ };
1291
+ ariaLabel: {
1292
+ type: string;
1230
1293
  };
1231
1294
  };
1232
1295
  };
@@ -1343,6 +1406,9 @@ export declare const schemasForCustom: {
1343
1406
  };
1344
1407
  })[];
1345
1408
  };
1409
+ ratio: {
1410
+ type: string;
1411
+ };
1346
1412
  paddingTop: {
1347
1413
  type: string;
1348
1414
  enum: string[];
@@ -123,7 +123,27 @@ export declare const Header: {
123
123
  };
124
124
  controls: {
125
125
  type: string;
126
- enum: string[];
126
+ enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
127
+ };
128
+ customControlsOptions: {
129
+ type: string;
130
+ additionalProperties: boolean;
131
+ properties: {
132
+ type: {
133
+ type: string;
134
+ enum: import("@gravity-ui/page-constructor").CustomControlsType[];
135
+ };
136
+ muteButtonShown: {
137
+ type: string;
138
+ };
139
+ positioning: {
140
+ type: string;
141
+ enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
142
+ };
143
+ };
144
+ };
145
+ ariaLabel: {
146
+ type: string;
127
147
  };
128
148
  };
129
149
  } & {
@@ -271,7 +291,27 @@ export declare const Header: {
271
291
  };
272
292
  controls: {
273
293
  type: string;
274
- enum: string[];
294
+ enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
295
+ };
296
+ customControlsOptions: {
297
+ type: string;
298
+ additionalProperties: boolean;
299
+ properties: {
300
+ type: {
301
+ type: string;
302
+ enum: import("@gravity-ui/page-constructor").CustomControlsType[];
303
+ };
304
+ muteButtonShown: {
305
+ type: string;
306
+ };
307
+ positioning: {
308
+ type: string;
309
+ enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
310
+ };
311
+ };
312
+ };
313
+ ariaLabel: {
314
+ type: string;
275
315
  };
276
316
  };
277
317
  };
@@ -388,6 +428,9 @@ export declare const Header: {
388
428
  };
389
429
  })[];
390
430
  };
431
+ ratio: {
432
+ type: string;
433
+ };
391
434
  };
392
435
  } & {
393
436
  optionName: string;
@@ -109,7 +109,27 @@ export declare const Media: {
109
109
  };
110
110
  controls: {
111
111
  type: string;
112
- enum: string[];
112
+ enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
113
+ };
114
+ customControlsOptions: {
115
+ type: string;
116
+ additionalProperties: boolean;
117
+ properties: {
118
+ type: {
119
+ type: string;
120
+ enum: import("@gravity-ui/page-constructor").CustomControlsType[];
121
+ };
122
+ muteButtonShown: {
123
+ type: string;
124
+ };
125
+ positioning: {
126
+ type: string;
127
+ enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
128
+ };
129
+ };
130
+ };
131
+ ariaLabel: {
132
+ type: string;
113
133
  };
114
134
  };
115
135
  };
@@ -226,6 +246,9 @@ export declare const Media: {
226
246
  };
227
247
  })[];
228
248
  };
249
+ ratio: {
250
+ type: string;
251
+ };
229
252
  paddingTop: {
230
253
  type: string;
231
254
  enum: string[];
@@ -13,6 +13,9 @@ unpredictable css rules order in build */
13
13
  width: 100%;
14
14
  line-height: 42px;
15
15
  text-align: initial;
16
+ font-family: inherit;
17
+ padding: 0;
18
+ margin: 0;
16
19
  }
17
20
  .bc-feed-custom-switcher__custom-switcher:focus {
18
21
  outline: 2px solid var(--g-color-line-focus);
@@ -109,10 +109,20 @@ unpredictable css rules order in build */
109
109
  }
110
110
  .yfm_blog a {
111
111
  color: var(--g-color-text-link);
112
+ border-radius: var(--g-focus-border-radius);
112
113
  }
113
114
  .yfm_blog a:hover {
114
115
  color: var(--g-color-text-link-hover);
115
116
  }
117
+ .yfm_blog a:focus {
118
+ box-shadow: 0 0 0 2px var(--g-color-line-focus);
119
+ }
120
+ .yfm_blog a:focus:not(:focus-visible) {
121
+ box-shadow: none;
122
+ }
123
+ .yfm_blog a:focus {
124
+ outline: 0;
125
+ }
116
126
  .yfm_blog .yfm-tab:hover, .yfm_blog .yfm-tab:active {
117
127
  color: var(--g-color-text-link-hover);
118
128
  }
@@ -131,7 +131,27 @@ export declare const schemasForCustom: {
131
131
  };
132
132
  controls: {
133
133
  type: string;
134
- enum: string[];
134
+ enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
135
+ };
136
+ customControlsOptions: {
137
+ type: string;
138
+ additionalProperties: boolean;
139
+ properties: {
140
+ type: {
141
+ type: string;
142
+ enum: import("@gravity-ui/page-constructor").CustomControlsType[];
143
+ };
144
+ muteButtonShown: {
145
+ type: string;
146
+ };
147
+ positioning: {
148
+ type: string;
149
+ enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
150
+ };
151
+ };
152
+ };
153
+ ariaLabel: {
154
+ type: string;
135
155
  };
136
156
  };
137
157
  } & {
@@ -279,7 +299,27 @@ export declare const schemasForCustom: {
279
299
  };
280
300
  controls: {
281
301
  type: string;
282
- enum: string[];
302
+ enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
303
+ };
304
+ customControlsOptions: {
305
+ type: string;
306
+ additionalProperties: boolean;
307
+ properties: {
308
+ type: {
309
+ type: string;
310
+ enum: import("@gravity-ui/page-constructor").CustomControlsType[];
311
+ };
312
+ muteButtonShown: {
313
+ type: string;
314
+ };
315
+ positioning: {
316
+ type: string;
317
+ enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
318
+ };
319
+ };
320
+ };
321
+ ariaLabel: {
322
+ type: string;
283
323
  };
284
324
  };
285
325
  };
@@ -396,6 +436,9 @@ export declare const schemasForCustom: {
396
436
  };
397
437
  })[];
398
438
  };
439
+ ratio: {
440
+ type: string;
441
+ };
399
442
  };
400
443
  } & {
401
444
  optionName: string;
@@ -1226,7 +1269,27 @@ export declare const schemasForCustom: {
1226
1269
  };
1227
1270
  controls: {
1228
1271
  type: string;
1229
- enum: string[];
1272
+ enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
1273
+ };
1274
+ customControlsOptions: {
1275
+ type: string;
1276
+ additionalProperties: boolean;
1277
+ properties: {
1278
+ type: {
1279
+ type: string;
1280
+ enum: import("@gravity-ui/page-constructor").CustomControlsType[];
1281
+ };
1282
+ muteButtonShown: {
1283
+ type: string;
1284
+ };
1285
+ positioning: {
1286
+ type: string;
1287
+ enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
1288
+ };
1289
+ };
1290
+ };
1291
+ ariaLabel: {
1292
+ type: string;
1230
1293
  };
1231
1294
  };
1232
1295
  };
@@ -1343,6 +1406,9 @@ export declare const schemasForCustom: {
1343
1406
  };
1344
1407
  })[];
1345
1408
  };
1409
+ ratio: {
1410
+ type: string;
1411
+ };
1346
1412
  paddingTop: {
1347
1413
  type: string;
1348
1414
  enum: string[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/blog-constructor",
3
- "version": "5.5.0-alpha.0",
3
+ "version": "5.6.0",
4
4
  "description": "Gravity UI Blog Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -78,8 +78,8 @@
78
78
  },
79
79
  "peerDependencies": {
80
80
  "@doc-tools/transform": "^3.3.2",
81
- "@gravity-ui/page-constructor": "^4.23.0-alpha.0",
82
- "@gravity-ui/uikit": "^5.1.0",
81
+ "@gravity-ui/page-constructor": "^4.26.0",
82
+ "@gravity-ui/uikit": "^5.12.0",
83
83
  "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
84
84
  },
85
85
  "devDependencies": {
@@ -89,11 +89,11 @@
89
89
  "@commitlint/config-conventional": "^17.4.3",
90
90
  "@doc-tools/transform": "^3.3.2",
91
91
  "@gravity-ui/eslint-config": "^2.0.0",
92
- "@gravity-ui/page-constructor": "^4.23.0-alpha.0",
92
+ "@gravity-ui/page-constructor": "^4.26.0",
93
93
  "@gravity-ui/prettier-config": "^1.0.1",
94
94
  "@gravity-ui/stylelint-config": "^1.0.0",
95
95
  "@gravity-ui/tsconfig": "^1.0.0",
96
- "@gravity-ui/uikit": "^5.11.0",
96
+ "@gravity-ui/uikit": "^5.12.0",
97
97
  "@storybook/addon-essentials": "^7.0.27",
98
98
  "@storybook/cli": "^7.0.27",
99
99
  "@storybook/preset-scss": "^1.0.3",
package/styles/yfm.css CHANGED
@@ -85,10 +85,20 @@ unpredictable css rules order in build */
85
85
  }
86
86
  .yfm_blog a {
87
87
  color: var(--g-color-text-link);
88
+ border-radius: var(--g-focus-border-radius);
88
89
  }
89
90
  .yfm_blog a:hover {
90
91
  color: var(--g-color-text-link-hover);
91
92
  }
93
+ .yfm_blog a:focus {
94
+ box-shadow: 0 0 0 2px var(--g-color-line-focus);
95
+ }
96
+ .yfm_blog a:focus:not(:focus-visible) {
97
+ box-shadow: none;
98
+ }
99
+ .yfm_blog a:focus {
100
+ outline: 0;
101
+ }
92
102
  .yfm_blog .yfm-tab:hover, .yfm_blog .yfm-tab:active {
93
103
  color: var(--g-color-text-link-hover);
94
104
  }
package/styles/yfm.scss CHANGED
@@ -98,10 +98,17 @@
98
98
 
99
99
  a {
100
100
  color: var(--g-color-text-link);
101
+ border-radius: var(--g-focus-border-radius);
101
102
 
102
103
  &:hover {
103
104
  color: var(--g-color-text-link-hover);
104
105
  }
106
+
107
+ @include focusable(0, 'box-shadow');
108
+
109
+ &:focus {
110
+ outline: 0;
111
+ }
105
112
  }
106
113
 
107
114
  .yfm-tab {