@gravity-ui/blog-constructor 5.5.0 → 5.7.0

package/build/cjs/blocks/Author/Author.css

@@ -23,6 +23,7 @@ unpredictable css rules order in build */
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
+  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
   align-content: flex-start;
   position: relative;
 }

package/build/cjs/blocks/CTA/CTA.css

@@ -4,6 +4,7 @@
   border-radius: var(--bc-border-radius);
   min-height: 80px;
   align-content: center;
+  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
   justify-content: center;
   flex-direction: column;
   flex-grow: 1;

package/build/cjs/blocks/Header/schema.d.ts

@@ -123,7 +123,27 @@ export declare const Header: {
                         };
                         controls: {
                             type: string;
-                            enum: string[];
+                            enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
+                        };
+                        customControlsOptions: {
+                            type: string;
+                            additionalProperties: boolean;
+                            properties: {
+                                type: {
+                                    type: string;
+                                    enum: import("@gravity-ui/page-constructor").CustomControlsType[];
+                                };
+                                muteButtonShown: {
+                                    type: string;
+                                };
+                                positioning: {
+                                    type: string;
+                                    enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
+                                };
+                            };
+                        };
+                        ariaLabel: {
+                            type: string;
                         };
                     };
                 } & {
@@ -136,6 +156,10 @@ export declare const Header: {
                     optionName: string;
                 })[];
             };
+            mediaView: {
+                type: string;
+                enum: string[];
+            };
             backLink: {
                 type: string;
                 required: string[];
@@ -271,7 +295,27 @@ export declare const Header: {
                                 };
                                 controls: {
                                     type: string;
-                                    enum: string[];
+                                    enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
+                                };
+                                customControlsOptions: {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        type: {
+                                            type: string;
+                                            enum: import("@gravity-ui/page-constructor").CustomControlsType[];
+                                        };
+                                        muteButtonShown: {
+                                            type: string;
+                                        };
+                                        positioning: {
+                                            type: string;
+                                            enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
+                                        };
+                                    };
+                                };
+                                ariaLabel: {
+                                    type: string;
                                 };
                             };
                         };
@@ -388,6 +432,9 @@ export declare const Header: {
                                 };
                             })[];
                         };
+                        ratio: {
+                            type: string;
+                        };
                     };
                 } & {
                     optionName: string;

package/build/cjs/blocks/Media/schema.d.ts

@@ -109,7 +109,27 @@ export declare const Media: {
                     };
                     controls: {
                         type: string;
-                        enum: string[];
+                        enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
+                    };
+                    customControlsOptions: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            type: {
+                                type: string;
+                                enum: import("@gravity-ui/page-constructor").CustomControlsType[];
+                            };
+                            muteButtonShown: {
+                                type: string;
+                            };
+                            positioning: {
+                                type: string;
+                                enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
+                            };
+                        };
+                    };
+                    ariaLabel: {
+                        type: string;
                     };
                 };
             };
@@ -226,6 +246,9 @@ export declare const Media: {
                     };
                 })[];
             };
+            ratio: {
+                type: string;
+            };
             paddingTop: {
                 type: string;
                 enum: string[];

package/build/cjs/components/FeedHeader/components/Controls/customRenders.js

@@ -11,7 +11,7 @@ const CustomSwitcher_1 = require("../CustomSwitcher/CustomSwitcher");
 const b = (0, cn_1.block)('feed-controls');
 const renderSwitcher = ({ initial, list, defaultLabel }) => 
 // eslint-disable-next-line react/display-name
-({ onClick, ref }) => (react_1.default.createElement(CustomSwitcher_1.CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick }));
+({ onClick, ref, onKeyDown, open }) => (react_1.default.createElement(CustomSwitcher_1.CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, open: open }));
 exports.renderSwitcher = renderSwitcher;
 const renderFilter = ({ value, ref, onChange, onKeyDown }) => (react_1.default.createElement(uikit_1.TextInput, { controlRef: ref, controlProps: { size: 1 }, value: value, view: "clear", placeholder: (0, i18n_1.i18)(i18n_1.Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
 exports.renderFilter = renderFilter;

package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css

@@ -12,6 +12,17 @@ unpredictable css rules order in build */
   border-radius: var(--g-border-radius-xl);
   width: 100%;
   line-height: 42px;
+  text-align: initial;
+  font-family: inherit;
+  padding: 0;
+  margin: 0;
+}
+.bc-feed-custom-switcher__custom-switcher:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.bc-feed-custom-switcher__custom-switcher:focus:not(:focus-visible) {
+  outline: 0;
 }
 .bc-feed-custom-switcher__custom-switcher + .yc-popup.yc-popup_open {
   position: absolute !important;

package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.d.ts

@@ -8,5 +8,5 @@ export type CustomSwitcherProps = {
     list: SelectItem[];
     controlRef: RenderControlParameters['ref'];
 } & Omit<RenderControlParameters, 'ref'>;
-export declare const CustomSwitcher: ({ initial, defaultLabel, list, onClick, controlRef, }: CustomSwitcherProps) => React.JSX.Element;
+export declare const CustomSwitcher: ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, }: CustomSwitcherProps) => React.JSX.Element;
 export {};

package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.js

@@ -8,7 +8,7 @@ const DropdownArrow_1 = require("../../../../icons/DropdownArrow");
 const cn_1 = require("../../../../utils/cn");
 const b = (0, cn_1.block)('feed-custom-switcher');
 const ICON_SIZE = 12;
-const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, }) => {
+const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, }) => {
     const itemsNames = (0, react_1.useMemo)(() => {
         const items = list
             .filter((item) => initial.includes(item.value))
@@ -16,7 +16,7 @@ const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, }) =
         return items.length ? items : [defaultLabel];
     }, [defaultLabel, initial, list]);
     const hasCounter = itemsNames.length > 1;
-    return (react_1.default.createElement("div", { className: b('custom-switcher'), onClick: onClick, ref: controlRef },
+    return (react_1.default.createElement("button", { className: b('custom-switcher'), onClick: onClick, ref: controlRef, onKeyDown: onKeyDown, "aria-expanded": open },
         react_1.default.createElement("div", { className: b('custom-switcher-element', { content: true }) }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
         hasCounter && (react_1.default.createElement("div", { className: b('custom-switcher-element', { counter: true }) }, itemsNames.length)),
         react_1.default.createElement("div", { className: b('custom-switcher-element', { arrow: true }) },

package/build/cjs/containers/BlogPostPage/BlogPostPage.css

@@ -109,10 +109,20 @@ unpredictable css rules order in build */
 }
 .yfm_blog a {
   color: var(--g-color-text-link);
+  border-radius: var(--g-focus-border-radius);
 }
 .yfm_blog a:hover {
   color: var(--g-color-text-link-hover);
 }
+.yfm_blog a:focus {
+  box-shadow: 0 0 0 2px var(--g-color-line-focus);
+}
+.yfm_blog a:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+.yfm_blog a:focus {
+  outline: 0;
+}
 .yfm_blog .yfm-tab:hover, .yfm_blog .yfm-tab:active {
   color: var(--g-color-text-link-hover);
 }
@@ -165,7 +175,7 @@ unpredictable css rules order in build */
   margin: 0 0 12px;
 }
 .yfm_constructor.yfm_constructor p strong {
-  font-weight: 500;
+  font-weight: var(--g-text-accent-font-weight);
 }
 .yfm_constructor.yfm_constructor_size_s ul,
 .yfm_constructor.yfm_constructor_size_s ol,
@@ -194,6 +204,7 @@ unpredictable css rules order in build */
   color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
+  border-radius: var(--g-focus-border-radius);
 }
 .utilityfocus .yfm_constructor a:focus {
   outline: 2px solid #ffdb4d;
@@ -202,6 +213,12 @@ unpredictable css rules order in build */
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
 }
+.yfm_constructor a:focus {
+  box-shadow: 0 0 0 2px var(--g-color-line-focus);
+}
+.yfm_constructor a:focus:not(:focus-visible) {
+  box-shadow: none;
+}
 .yfm_constructor table {
   color: var(--g-color-text-primary);
   border: 1px solid var(--g-color-line-generic);

package/build/cjs/schema/index.d.ts

@@ -131,7 +131,27 @@ export declare const schemasForCustom: {
                                 };
                                 controls: {
                                     type: string;
-                                    enum: string[];
+                                    enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
+                                };
+                                customControlsOptions: {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        type: {
+                                            type: string;
+                                            enum: import("@gravity-ui/page-constructor").CustomControlsType[];
+                                        };
+                                        muteButtonShown: {
+                                            type: string;
+                                        };
+                                        positioning: {
+                                            type: string;
+                                            enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
+                                        };
+                                    };
+                                };
+                                ariaLabel: {
+                                    type: string;
                                 };
                             };
                         } & {
@@ -144,6 +164,10 @@ export declare const schemasForCustom: {
                             optionName: string;
                         })[];
                     };
+                    mediaView: {
+                        type: string;
+                        enum: string[];
+                    };
                     backLink: {
                         type: string;
                         required: string[];
@@ -279,7 +303,27 @@ export declare const schemasForCustom: {
                                         };
                                         controls: {
                                             type: string;
-                                            enum: string[];
+                                            enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
+                                        };
+                                        customControlsOptions: {
+                                            type: string;
+                                            additionalProperties: boolean;
+                                            properties: {
+                                                type: {
+                                                    type: string;
+                                                    enum: import("@gravity-ui/page-constructor").CustomControlsType[];
+                                                };
+                                                muteButtonShown: {
+                                                    type: string;
+                                                };
+                                                positioning: {
+                                                    type: string;
+                                                    enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
+                                                };
+                                            };
+                                        };
+                                        ariaLabel: {
+                                            type: string;
                                         };
                                     };
                                 };
@@ -396,6 +440,9 @@ export declare const schemasForCustom: {
                                         };
                                     })[];
                                 };
+                                ratio: {
+                                    type: string;
+                                };
                             };
                         } & {
                             optionName: string;
@@ -1226,7 +1273,27 @@ export declare const schemasForCustom: {
                             };
                             controls: {
                                 type: string;
-                                enum: string[];
+                                enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
+                            };
+                            customControlsOptions: {
+                                type: string;
+                                additionalProperties: boolean;
+                                properties: {
+                                    type: {
+                                        type: string;
+                                        enum: import("@gravity-ui/page-constructor").CustomControlsType[];
+                                    };
+                                    muteButtonShown: {
+                                        type: string;
+                                    };
+                                    positioning: {
+                                        type: string;
+                                        enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
+                                    };
+                                };
+                            };
+                            ariaLabel: {
+                                type: string;
                             };
                         };
                     };
@@ -1343,6 +1410,9 @@ export declare const schemasForCustom: {
                             };
                         })[];
                     };
+                    ratio: {
+                        type: string;
+                    };
                     paddingTop: {
                         type: string;
                         enum: string[];

package/build/esm/blocks/Author/Author.css

@@ -23,6 +23,7 @@ unpredictable css rules order in build */
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
+  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
   align-content: flex-start;
   position: relative;
 }

package/build/esm/blocks/CTA/CTA.css

@@ -4,6 +4,7 @@
   border-radius: var(--bc-border-radius);
   min-height: 80px;
   align-content: center;
+  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
   justify-content: center;
   flex-direction: column;
   flex-grow: 1;

package/build/esm/blocks/Header/schema.d.ts

@@ -123,7 +123,27 @@ export declare const Header: {
                         };
                         controls: {
                             type: string;
-                            enum: string[];
+                            enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
+                        };
+                        customControlsOptions: {
+                            type: string;
+                            additionalProperties: boolean;
+                            properties: {
+                                type: {
+                                    type: string;
+                                    enum: import("@gravity-ui/page-constructor").CustomControlsType[];
+                                };
+                                muteButtonShown: {
+                                    type: string;
+                                };
+                                positioning: {
+                                    type: string;
+                                    enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
+                                };
+                            };
+                        };
+                        ariaLabel: {
+                            type: string;
                         };
                     };
                 } & {
@@ -136,6 +156,10 @@ export declare const Header: {
                     optionName: string;
                 })[];
             };
+            mediaView: {
+                type: string;
+                enum: string[];
+            };
             backLink: {
                 type: string;
                 required: string[];
@@ -271,7 +295,27 @@ export declare const Header: {
                                 };
                                 controls: {
                                     type: string;
-                                    enum: string[];
+                                    enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
+                                };
+                                customControlsOptions: {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        type: {
+                                            type: string;
+                                            enum: import("@gravity-ui/page-constructor").CustomControlsType[];
+                                        };
+                                        muteButtonShown: {
+                                            type: string;
+                                        };
+                                        positioning: {
+                                            type: string;
+                                            enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
+                                        };
+                                    };
+                                };
+                                ariaLabel: {
+                                    type: string;
                                 };
                             };
                         };
@@ -388,6 +432,9 @@ export declare const Header: {
                                 };
                             })[];
                         };
+                        ratio: {
+                            type: string;
+                        };
                     };
                 } & {
                     optionName: string;

package/build/esm/blocks/Media/schema.d.ts

@@ -109,7 +109,27 @@ export declare const Media: {
                     };
                     controls: {
                         type: string;
-                        enum: string[];
+                        enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
+                    };
+                    customControlsOptions: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            type: {
+                                type: string;
+                                enum: import("@gravity-ui/page-constructor").CustomControlsType[];
+                            };
+                            muteButtonShown: {
+                                type: string;
+                            };
+                            positioning: {
+                                type: string;
+                                enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
+                            };
+                        };
+                    };
+                    ariaLabel: {
+                        type: string;
                     };
                 };
             };
@@ -226,6 +246,9 @@ export declare const Media: {
                     };
                 })[];
             };
+            ratio: {
+                type: string;
+            };
             paddingTop: {
                 type: string;
                 enum: string[];

package/build/esm/components/FeedHeader/components/Controls/customRenders.js

@@ -8,6 +8,6 @@ import './Controls.css';
 const b = block('feed-controls');
 export const renderSwitcher = ({ initial, list, defaultLabel }) => 
 // eslint-disable-next-line react/display-name
-({ onClick, ref }) => (React.createElement(CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick }));
+({ onClick, ref, onKeyDown, open }) => (React.createElement(CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, open: open }));
 export const renderFilter = ({ value, ref, onChange, onKeyDown }) => (React.createElement(TextInput, { controlRef: ref, controlProps: { size: 1 }, value: value, view: "clear", placeholder: i18(Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
 export const renderOption = (option) => (React.createElement(CustomSelectOption, { data: option }));

package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css

@@ -12,6 +12,17 @@ unpredictable css rules order in build */
   border-radius: var(--g-border-radius-xl);
   width: 100%;
   line-height: 42px;
+  text-align: initial;
+  font-family: inherit;
+  padding: 0;
+  margin: 0;
+}
+.bc-feed-custom-switcher__custom-switcher:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.bc-feed-custom-switcher__custom-switcher:focus:not(:focus-visible) {
+  outline: 0;
 }
 .bc-feed-custom-switcher__custom-switcher + .yc-popup.yc-popup_open {
   position: absolute !important;

package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.d.ts

@@ -9,5 +9,5 @@ export type CustomSwitcherProps = {
     list: SelectItem[];
     controlRef: RenderControlParameters['ref'];
 } & Omit<RenderControlParameters, 'ref'>;
-export declare const CustomSwitcher: ({ initial, defaultLabel, list, onClick, controlRef, }: CustomSwitcherProps) => React.JSX.Element;
+export declare const CustomSwitcher: ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, }: CustomSwitcherProps) => React.JSX.Element;
 export {};

package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.js

@@ -5,7 +5,7 @@ import { block } from '../../../../utils/cn';
 import './CustomSwitcher.css';
 const b = block('feed-custom-switcher');
 const ICON_SIZE = 12;
-export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, }) => {
+export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, }) => {
     const itemsNames = useMemo(() => {
         const items = list
             .filter((item) => initial.includes(item.value))
@@ -13,7 +13,7 @@ export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRe
         return items.length ? items : [defaultLabel];
     }, [defaultLabel, initial, list]);
     const hasCounter = itemsNames.length > 1;
-    return (React.createElement("div", { className: b('custom-switcher'), onClick: onClick, ref: controlRef },
+    return (React.createElement("button", { className: b('custom-switcher'), onClick: onClick, ref: controlRef, onKeyDown: onKeyDown, "aria-expanded": open },
         React.createElement("div", { className: b('custom-switcher-element', { content: true }) }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
         hasCounter && (React.createElement("div", { className: b('custom-switcher-element', { counter: true }) }, itemsNames.length)),
         React.createElement("div", { className: b('custom-switcher-element', { arrow: true }) },

package/build/esm/containers/BlogPostPage/BlogPostPage.css

@@ -109,10 +109,20 @@ unpredictable css rules order in build */
 }
 .yfm_blog a {
   color: var(--g-color-text-link);
+  border-radius: var(--g-focus-border-radius);
 }
 .yfm_blog a:hover {
   color: var(--g-color-text-link-hover);
 }
+.yfm_blog a:focus {
+  box-shadow: 0 0 0 2px var(--g-color-line-focus);
+}
+.yfm_blog a:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+.yfm_blog a:focus {
+  outline: 0;
+}
 .yfm_blog .yfm-tab:hover, .yfm_blog .yfm-tab:active {
   color: var(--g-color-text-link-hover);
 }
@@ -165,7 +175,7 @@ unpredictable css rules order in build */
   margin: 0 0 12px;
 }
 .yfm_constructor.yfm_constructor p strong {
-  font-weight: 500;
+  font-weight: var(--g-text-accent-font-weight);
 }
 .yfm_constructor.yfm_constructor_size_s ul,
 .yfm_constructor.yfm_constructor_size_s ol,
@@ -194,6 +204,7 @@ unpredictable css rules order in build */
   color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
+  border-radius: var(--g-focus-border-radius);
 }
 .utilityfocus .yfm_constructor a:focus {
   outline: 2px solid #ffdb4d;
@@ -202,6 +213,12 @@ unpredictable css rules order in build */
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
 }
+.yfm_constructor a:focus {
+  box-shadow: 0 0 0 2px var(--g-color-line-focus);
+}
+.yfm_constructor a:focus:not(:focus-visible) {
+  box-shadow: none;
+}
 .yfm_constructor table {
   color: var(--g-color-text-primary);
   border: 1px solid var(--g-color-line-generic);

package/build/esm/schema/index.d.ts

@@ -131,7 +131,27 @@ export declare const schemasForCustom: {
                                 };
                                 controls: {
                                     type: string;
-                                    enum: string[];
+                                    enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
+                                };
+                                customControlsOptions: {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        type: {
+                                            type: string;
+                                            enum: import("@gravity-ui/page-constructor").CustomControlsType[];
+                                        };
+                                        muteButtonShown: {
+                                            type: string;
+                                        };
+                                        positioning: {
+                                            type: string;
+                                            enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
+                                        };
+                                    };
+                                };
+                                ariaLabel: {
+                                    type: string;
                                 };
                             };
                         } & {
@@ -144,6 +164,10 @@ export declare const schemasForCustom: {
                             optionName: string;
                         })[];
                     };
+                    mediaView: {
+                        type: string;
+                        enum: string[];
+                    };
                     backLink: {
                         type: string;
                         required: string[];
@@ -279,7 +303,27 @@ export declare const schemasForCustom: {
                                         };
                                         controls: {
                                             type: string;
-                                            enum: string[];
+                                            enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
+                                        };
+                                        customControlsOptions: {
+                                            type: string;
+                                            additionalProperties: boolean;
+                                            properties: {
+                                                type: {
+                                                    type: string;
+                                                    enum: import("@gravity-ui/page-constructor").CustomControlsType[];
+                                                };
+                                                muteButtonShown: {
+                                                    type: string;
+                                                };
+                                                positioning: {
+                                                    type: string;
+                                                    enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
+                                                };
+                                            };
+                                        };
+                                        ariaLabel: {
+                                            type: string;
                                         };
                                     };
                                 };
@@ -396,6 +440,9 @@ export declare const schemasForCustom: {
                                         };
                                     })[];
                                 };
+                                ratio: {
+                                    type: string;
+                                };
                             };
                         } & {
                             optionName: string;
@@ -1226,7 +1273,27 @@ export declare const schemasForCustom: {
                             };
                             controls: {
                                 type: string;
-                                enum: string[];
+                                enum: import("@gravity-ui/page-constructor").MediaVideoControlsType[];
+                            };
+                            customControlsOptions: {
+                                type: string;
+                                additionalProperties: boolean;
+                                properties: {
+                                    type: {
+                                        type: string;
+                                        enum: import("@gravity-ui/page-constructor").CustomControlsType[];
+                                    };
+                                    muteButtonShown: {
+                                        type: string;
+                                    };
+                                    positioning: {
+                                        type: string;
+                                        enum: import("@gravity-ui/page-constructor").CustomControlsButtonPositioning[];
+                                    };
+                                };
+                            };
+                            ariaLabel: {
+                                type: string;
                             };
                         };
                     };
@@ -1343,6 +1410,9 @@ export declare const schemasForCustom: {
                             };
                         })[];
                     };
+                    ratio: {
+                        type: string;
+                    };
                     paddingTop: {
                         type: string;
                         enum: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "5.5.0",
+  "version": "5.7.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {
@@ -60,8 +60,8 @@
   },
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
-    "@gravity-ui/components": "^2.4.0",
-    "@gravity-ui/i18n": "^1.0.0",
+    "@gravity-ui/components": "^2.5.1",
+    "@gravity-ui/i18n": "^1.1.0",
     "lodash": "^4.17.21",
     "react-helmet": "^6.1.0",
     "react-player": "^2.9.0",
@@ -74,12 +74,13 @@
     "typograf": "^6.14.0",
     "ua-parser-js": "^0.7.28",
     "url": "^0.11.0",
-    "url-join": "^5.0.0"
+    "url-join": "^5.0.0",
+    "utility-types": "^3.10.0"
   },
   "peerDependencies": {
     "@doc-tools/transform": "^3.3.2",
-    "@gravity-ui/page-constructor": "^4.0.0",
-    "@gravity-ui/uikit": "^5.1.0",
+    "@gravity-ui/page-constructor": "^4.26.0",
+    "@gravity-ui/uikit": "^5.12.0",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
@@ -87,18 +88,20 @@
     "@babel/preset-react": "^7.22.5",
     "@babel/preset-typescript": "^7.22.5",
     "@commitlint/config-conventional": "^17.4.3",
-    "@doc-tools/transform": "^3.3.2",
-    "@gravity-ui/eslint-config": "^2.0.0",
-    "@gravity-ui/page-constructor": "^4.20.2",
-    "@gravity-ui/prettier-config": "^1.0.1",
-    "@gravity-ui/stylelint-config": "^1.0.0",
+    "@doc-tools/transform": "^3.11.0",
+    "@gravity-ui/eslint-config": "^3.1.1",
+    "@gravity-ui/page-constructor": "^4.28.0",
+    "@gravity-ui/prettier-config": "^1.1.0",
+    "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^5.11.0",
+    "@gravity-ui/uikit": "^5.17.0",
+    "@jest/environment": "^29.7.0",
     "@storybook/addon-essentials": "^7.0.27",
     "@storybook/cli": "^7.0.27",
     "@storybook/preset-scss": "^1.0.3",
     "@storybook/react": "^7.0.27",
     "@storybook/react-webpack5": "^7.0.27",
+    "@testing-library/dom": "^9.3.3",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
@@ -128,14 +131,14 @@
     "lint-staged": "^11.2.6",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.14",
-    "prettier": "2.4.1",
+    "prettier": "^3.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
     "sass": "^1.54.4",
     "sass-loader": "^13.3.1",
     "storybook": "^7.0.27",
-    "stylelint": "^14.11.0",
+    "stylelint": "^15.11.0",
     "ts-jest": "^29.0.5",
     "typescript": "^4.9.3"
   },

package/styles/fonts.scss

@@ -1,6 +1,7 @@
 @font-face {
     font-family: 'YS Display';
-    src: url('https://yastatic.net/s3/home/fonts/ys/1/display-thin.woff2') format('woff2'),
+    src:
+        url('https://yastatic.net/s3/home/fonts/ys/1/display-thin.woff2') format('woff2'),
         url('https://yastatic.net/s3/home/fonts/ys/1/display-thin.woff') format('woff');
     font-weight: 100;
     font-style: normal;
@@ -9,7 +10,8 @@
 
 @font-face {
     font-family: 'YS Display';
-    src: url('https://yastatic.net/s3/home/fonts/ys/1/display-light.woff2') format('woff2'),
+    src:
+        url('https://yastatic.net/s3/home/fonts/ys/1/display-light.woff2') format('woff2'),
         url('https://yastatic.net/s3/home/fonts/ys/1/display-light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
@@ -18,7 +20,8 @@
 
 @font-face {
     font-family: 'YS Display';
-    src: url('https://yastatic.net/s3/home/fonts/ys/1/display-regular.woff2') format('woff2'),
+    src:
+        url('https://yastatic.net/s3/home/fonts/ys/1/display-regular.woff2') format('woff2'),
         url('https://yastatic.net/s3/home/fonts/ys/1/display-regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
@@ -27,7 +30,8 @@
 
 @font-face {
     font-family: 'YS Display';
-    src: url('https://yastatic.net/s3/home/fonts/ys/1/display-medium.woff2') format('woff2'),
+    src:
+        url('https://yastatic.net/s3/home/fonts/ys/1/display-medium.woff2') format('woff2'),
         url('https://yastatic.net/s3/home/fonts/ys/1/display-medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
@@ -36,7 +40,8 @@
 
 @font-face {
     font-family: 'YS Display';
-    src: url('https://yastatic.net/s3/home/fonts/ys/1/display-bold.woff2') format('woff2'),
+    src:
+        url('https://yastatic.net/s3/home/fonts/ys/1/display-bold.woff2') format('woff2'),
         url('https://yastatic.net/s3/home/fonts/ys/1/display-bold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
@@ -45,7 +50,8 @@
 
 @font-face {
     font-family: 'YS Display';
-    src: url('https://yastatic.net/s3/home/fonts/ys/1/display-heavy.woff2') format('woff2'),
+    src:
+        url('https://yastatic.net/s3/home/fonts/ys/1/display-heavy.woff2') format('woff2'),
         url('https://yastatic.net/s3/home/fonts/ys/1/display-heavy.woff') format('woff');
     font-weight: 900;
     font-style: normal;
@@ -54,7 +60,8 @@
 
 @font-face {
     font-family: 'YS Text';
-    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-light.woff2') format('woff2'),
+    src:
+        url('https://yastatic.net/s3/home/fonts/ys/1/text-light.woff2') format('woff2'),
         url('https://yastatic.net/s3/home/fonts/ys/1/text-light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
@@ -63,7 +70,8 @@
 
 @font-face {
     font-family: 'YS Text';
-    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-light-italic.woff2') format('woff2'),
+    src:
+        url('https://yastatic.net/s3/home/fonts/ys/1/text-light-italic.woff2') format('woff2'),
         url('https://yastatic.net/s3/home/fonts/ys/1/text-light-italic.woff') format('woff');
     font-weight: 300;
     font-style: italic;
@@ -72,7 +80,8 @@
 
 @font-face {
     font-family: 'YS Text';
-    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-regular.woff2') format('woff2'),
+    src:
+        url('https://yastatic.net/s3/home/fonts/ys/1/text-regular.woff2') format('woff2'),
         url('https://yastatic.net/s3/home/fonts/ys/1/text-regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
@@ -81,7 +90,8 @@
 
 @font-face {
     font-family: 'YS Text';
-    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-regular-italic.woff2') format('woff2'),
+    src:
+        url('https://yastatic.net/s3/home/fonts/ys/1/text-regular-italic.woff2') format('woff2'),
         url('https://yastatic.net/s3/home/fonts/ys/1/text-regular-italic.woff') format('woff');
     font-weight: 400;
     font-style: italic;
@@ -90,7 +100,8 @@
 
 @font-face {
     font-family: 'YS Text';
-    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-medium.woff2') format('woff2'),
+    src:
+        url('https://yastatic.net/s3/home/fonts/ys/1/text-medium.woff2') format('woff2'),
         url('https://yastatic.net/s3/home/fonts/ys/1/text-medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
@@ -99,7 +110,8 @@
 
 @font-face {
     font-family: 'YS Text';
-    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-medium-italic.woff2') format('woff2'),
+    src:
+        url('https://yastatic.net/s3/home/fonts/ys/1/text-medium-italic.woff2') format('woff2'),
         url('https://yastatic.net/s3/home/fonts/ys/1/text-medium-italic.woff') format('woff');
     font-weight: 500;
     font-style: italic;
@@ -108,7 +120,8 @@
 
 @font-face {
     font-family: 'YS Text';
-    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-bold.woff2') format('woff2'),
+    src:
+        url('https://yastatic.net/s3/home/fonts/ys/1/text-bold.woff2') format('woff2'),
         url('https://yastatic.net/s3/home/fonts/ys/1/text-bold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
@@ -117,7 +130,8 @@
 
 @font-face {
     font-family: 'YS Text';
-    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-bold-italic.woff2') format('woff2'),
+    src:
+        url('https://yastatic.net/s3/home/fonts/ys/1/text-bold-italic.woff2') format('woff2'),
         url('https://yastatic.net/s3/home/fonts/ys/1/text-bold-italic.woff') format('woff');
     font-weight: 700;
     font-style: italic;

package/styles/yfm.css

@@ -85,10 +85,20 @@ unpredictable css rules order in build */
 }
 .yfm_blog a {
   color: var(--g-color-text-link);
+  border-radius: var(--g-focus-border-radius);
 }
 .yfm_blog a:hover {
   color: var(--g-color-text-link-hover);
 }
+.yfm_blog a:focus {
+  box-shadow: 0 0 0 2px var(--g-color-line-focus);
+}
+.yfm_blog a:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+.yfm_blog a:focus {
+  outline: 0;
+}
 .yfm_blog .yfm-tab:hover, .yfm_blog .yfm-tab:active {
   color: var(--g-color-text-link-hover);
 }

package/styles/yfm.scss

@@ -98,10 +98,17 @@
 
     a {
         color: var(--g-color-text-link);
+        border-radius: var(--g-focus-border-radius);
 
         &:hover {
             color: var(--g-color-text-link-hover);
         }
+
+        @include focusable(0, 'box-shadow');
+
+        &:focus {
+            outline: 0;
+        }
     }
 
     .yfm-tab {