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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (13) hide show
  1. package/build/cjs/blocks/Header/schema.d.ts +45 -2
  2. package/build/cjs/blocks/Media/schema.d.ts +24 -1
  3. package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css +3 -0
  4. package/build/cjs/containers/BlogPostPage/BlogPostPage.css +10 -0
  5. package/build/cjs/schema/index.d.ts +69 -3
  6. package/build/esm/blocks/Header/schema.d.ts +45 -2
  7. package/build/esm/blocks/Media/schema.d.ts +24 -1
  8. package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css +3 -0
  9. package/build/esm/containers/BlogPostPage/BlogPostPage.css +10 -0
  10. package/build/esm/schema/index.d.ts +69 -3
  11. package/package.json +5 -5
  12. package/styles/yfm.css +10 -0
  13. package/styles/yfm.scss +7 -0
package/build/cjs/blocks/Header/schema.d.ts CHANGED
@@ -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;
package/build/cjs/blocks/Media/schema.d.ts CHANGED
@@ -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[];
package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css CHANGED
@@ -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);
package/build/cjs/containers/BlogPostPage/BlogPostPage.css CHANGED
@@ -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
  }
package/build/cjs/schema/index.d.ts CHANGED
@@ -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/build/esm/blocks/Header/schema.d.ts CHANGED
@@ -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;
package/build/esm/blocks/Media/schema.d.ts CHANGED
@@ -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[];
package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css CHANGED
@@ -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);
package/build/esm/containers/BlogPostPage/BlogPostPage.css CHANGED
@@ -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
  }
package/build/esm/schema/index.d.ts CHANGED
@@ -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 {