@gravity-ui/blog-constructor 5.5.0 → 5.6.0

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;
                         };
                     };
                 } & {
@@ -271,7 +291,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 +428,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);
 }
@@ -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;
                                 };
                             };
                         } & {
@@ -279,7 +299,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 +436,9 @@ export declare const schemasForCustom: {
                                         };
                                     })[];
                                 };
+                                ratio: {
+                                    type: string;
+                                };
                             };
                         } & {
                             optionName: string;
@@ -1226,7 +1269,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 +1406,9 @@ export declare const schemasForCustom: {
                             };
                         })[];
                     };
+                    ratio: {
+                        type: string;
+                    };
                     paddingTop: {
                         type: string;
                         enum: string[];

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;
                         };
                     };
                 } & {
@@ -271,7 +291,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 +428,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);
 }
@@ -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;
                                 };
                             };
                         } & {
@@ -279,7 +299,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 +436,9 @@ export declare const schemasForCustom: {
                                         };
                                     })[];
                                 };
+                                ratio: {
+                                    type: string;
+                                };
                             };
                         } & {
                             optionName: string;
@@ -1226,7 +1269,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 +1406,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.6.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {
@@ -78,8 +78,8 @@
   },
   "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": {
@@ -89,11 +89,11 @@
     "@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/page-constructor": "^4.26.0",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^5.11.0",
+    "@gravity-ui/uikit": "^5.12.0",
     "@storybook/addon-essentials": "^7.0.27",
     "@storybook/cli": "^7.0.27",
     "@storybook/preset-scss": "^1.0.3",

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 {