@gravity-ui/page-constructor 5.18.0 → 5.18.1-alpha.0

package/build/cjs/blocks/HeaderSlider/HeaderSlider.js

@@ -7,14 +7,14 @@ const mobileContext_1 = require("../../context/mobileContext");
 const models_1 = require("../../models");
 const utils_1 = require("../../utils");
 const Header_1 = tslib_1.__importDefault(require("../Header/Header"));
-const index_1 = require("../index");
+const unstable_1 = require("../unstable");
 const b = (0, utils_1.block)('header-slider-block');
 const HeaderSliderBlock = (_a) => {
     var { items, arrows } = _a, props = tslib_1.__rest(_a, ["items", "arrows"]);
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const showArrows = isMobile ? false : arrows;
     return (react_1.default.createElement("div", { className: b('wrapper'), "data-qa": "header-slider" },
-        react_1.default.createElement(index_1.SliderBlock, Object.assign({}, props, { arrows: showArrows, slidesToShow: 1, type: models_1.SliderType.HeaderCard, animated: false, blockClassName: b(), arrowSize: 20 }), items.map((item, index) => (react_1.default.createElement("div", { key: index, className: b('item'), "data-qa": `header-slider-item-${index + 1}` },
+        react_1.default.createElement(unstable_1.SliderNewBlock, Object.assign({}, props, { arrows: showArrows, slidesToShow: 1, type: models_1.SliderType.HeaderCard, animated: false, blockClassName: b(), arrowSize: 20 }), items.map((item, index) => (react_1.default.createElement("div", { key: index, className: b('item'), "data-qa": `header-slider-item-${index + 1}` },
             react_1.default.createElement(Header_1.default, Object.assign({}, item, { className: b('item-content') }))))))));
 };
 exports.HeaderSliderBlock = HeaderSliderBlock;

package/build/cjs/blocks/Questions/QuestionBlockItem/QuestionBlockItem.js

@@ -12,7 +12,10 @@ const b = (0, utils_1.block)('QuestionsBlockItem');
 const QuestionBlockItem = ({ title: itemTitle, text: itemText, link, listStyle = 'dash', isOpened, onClick, }) => {
     const { onKeyDown } = (0, uikit_1.useActionHandlers)(onClick);
     return (react_1.default.createElement("div", { className: b(), itemScope: true, itemProp: models_1.FaqMicrodataValues.QuestionProp, itemType: models_1.FaqMicrodataValues.QuestionType, role: 'listitem' },
-        react_1.default.createElement("h3", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, role: 'button', tabIndex: 0, onKeyDown: onKeyDown },
+        react_1.default.createElement("h3", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, 
+            // TODO fix in https://github.com/gravity-ui/page-constructor/issues/966
+            // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role
+            role: 'button', tabIndex: 0, onKeyDown: onKeyDown },
             react_1.default.createElement(components_1.HTML, { itemProp: models_1.FaqMicrodataValues.QuestionNameProp }, itemTitle),
             react_1.default.createElement(components_1.ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') })),
         react_1.default.createElement(components_1.Foldable, { isOpened: isOpened },

package/build/cjs/components/DefaultVideo/DefaultVideo.js

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DefaultVideo = void 0;
 const tslib_1 = require("tslib");
+/* eslint-disable jsx-a11y/media-has-caption */
+// TODO fix in https://github.com/gravity-ui/page-constructor/issues/967
 const react_1 = tslib_1.__importStar(require("react"));
 const models_1 = require("../../models");
 const utils_1 = require("../../utils");

package/build/cjs/components/ImageBase/ImageBase.js

@@ -6,6 +6,7 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const imageContext_1 = require("../../context/imageContext/imageContext");
 const ImageBase = (props) => {
     const { Image } = react_1.default.useContext(imageContext_1.ImageContext);
+    // eslint-disable-next-line jsx-a11y/alt-text
     return Image ? react_1.default.createElement(Image, Object.assign({}, props)) : react_1.default.createElement("img", Object.assign({}, props));
 };
 exports.ImageBase = ImageBase;

package/build/cjs/components/Media/Image/Image.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const web_1 = require("@react-spring/web");
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
-const Slider_1 = tslib_1.__importDefault(require("../../../blocks/Slider/Slider"));
+const unstable_1 = require("../../../blocks/unstable");
 const models_1 = require("../../../models");
 const utils_1 = require("../../../utils");
 const BackgroundImage_1 = tslib_1.__importDefault(require("../../BackgroundImage/BackgroundImage"));
@@ -56,7 +56,7 @@ const Image = (props) => {
     };
     const imageSlider = (imageArray) => {
         const fullscreenItem = fullscreen === undefined || fullscreen;
-        return (react_1.default.createElement(Slider_1.default, { slidesToShow: 1, type: models_1.SliderType.MediaCard }, imageArray.map((item, index) => (react_1.default.createElement(react_1.Fragment, { key: index }, fullscreenItem ? renderFullscreenImage(item) : imageOnly(item))))));
+        return (react_1.default.createElement(unstable_1.SliderNewBlock, { slidesToShow: 1, type: models_1.SliderType.MediaCard }, imageArray.map((item, index) => (react_1.default.createElement(react_1.Fragment, { key: index }, fullscreenItem ? renderFullscreenImage(item) : imageOnly(item))))));
     };
     if (Array.isArray(image)) {
         return imageSlider(image);

package/build/cjs/components/OutsideClick/OutsideClick.js

@@ -1,4 +1,7 @@
 "use strict";
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+// TODO fix in https://github.com/gravity-ui/page-constructor/issues/965
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 //TODO move into cloud components?

package/build/cjs/components/ReactPlayer/ReactPlayer.js

@@ -1,4 +1,7 @@
 "use strict";
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+// TODO fix in https://github.com/gravity-ui/page-constructor/issues/965
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactPlayerBlock = void 0;
 const tslib_1 = require("tslib");

package/build/cjs/components/Title/TitleItem.js

@@ -1,4 +1,7 @@
 "use strict";
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+// TODO fix in https://github.com/gravity-ui/page-constructor/issues/965
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getArrowSize = void 0;
 const tslib_1 = require("tslib");

package/build/cjs/components/VideoBlock/VideoBlock.js

@@ -1,4 +1,7 @@
 "use strict";
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+// TODO fix in https://github.com/gravity-ui/page-constructor/issues/965
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getHeight = exports.AUTOPLAY_ATTRIBUTES = void 0;
 const tslib_1 = require("tslib");

package/build/cjs/editor/components/AddBlock/AddBlock.js

@@ -1,4 +1,7 @@
 "use strict";
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+// TODO fix in https://github.com/gravity-ui/page-constructor/issues/965
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));

package/build/cjs/editor/components/EditBlock/EditBlock.js

@@ -1,4 +1,7 @@
 "use strict";
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+// TODO fix in https://github.com/gravity-ui/page-constructor/issues/965
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditBlockControls = void 0;
 const tslib_1 = require("tslib");

package/build/cjs/models/navigation.d.ts

@@ -63,6 +63,7 @@ export interface NavigationLogoData {
     text?: string;
     url?: string;
     urlTitle?: string;
+    alt?: string;
 }
 export type ThemedNavigationLogoData = NavigationLogoData & ThemeSupporting<NavigationLogoData>;
 export interface HeaderData {

package/build/cjs/navigation/components/Logo/Logo.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { ThemedNavigationLogoData } from '../../../models';
 export type LogoProps = ThemedNavigationLogoData & {
     className?: string;
+    alt?: string;
 };
 declare const Logo: React.FC<LogoProps>;
 export default Logo;

package/build/cjs/navigation/components/Logo/Logo.js

@@ -8,12 +8,16 @@ const RouterLink_1 = tslib_1.__importDefault(require("../../../components/Router
 const locationContext_1 = require("../../../context/locationContext");
 const theme_1 = require("../../../context/theme");
 const utils_2 = require("../../../utils");
+const i18n_1 = require("./i18n");
 const b = (0, utils_2.block)('logo');
-const Logo = (props) => {
+const Logo = (_a) => {
+    var { alt = (0, i18n_1.i18n)('image-alt') } = _a, restProps = tslib_1.__rest(_a, ["alt"]);
+    const props = Object.assign(Object.assign({}, restProps), { alt });
     const { hostname, Link } = (0, react_1.useContext)(locationContext_1.LocationContext);
     const theme = (0, theme_1.useTheme)();
     const themedLogoProps = (0, utils_2.getThemedValue)(props, theme) || props;
     const imageData = (0, utils_1.getMediaImage)(themedLogoProps.icon || props.icon);
+    imageData.alt = alt;
     const textData = themedLogoProps.text || props.text;
     const url = themedLogoProps.url || props.url || '/';
     const urlTitle = themedLogoProps.urlTitle || props.urlTitle || textData;

package/build/cjs/navigation/components/Logo/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "image-alt": "Logo icon"
+}

package/build/cjs/navigation/components/Logo/i18n/index.d.ts

@@ -0,0 +1 @@
+export declare const i18n: (key: "image-alt", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/cjs/navigation/components/Logo/i18n/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../../utils/cn");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}Logo`);

package/build/cjs/navigation/components/Logo/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "image-alt": "Иконка лого"
+}

package/build/cjs/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.css

@@ -1,8 +1,24 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
 .pc-navigation-dropdown {
   position: relative;
   display: flex;
   align-items: center;
   white-space: nowrap;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  background: inherit;
+  font: inherit;
+  color: var(--g-color-text-primary);
+  border: none;
+}
+.pc-navigation-dropdown:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-navigation-dropdown:focus:not(:focus-visible) {
+  outline: 0;
 }
 .pc-navigation-dropdown__arrow {
   margin-left: 7px;

package/build/cjs/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.js

@@ -15,8 +15,8 @@ const NavigationDropdown = (_a) => {
     const iconData = icon && (0, utils_1.getMediaImage)(icon);
     const anchorRef = (0, react_1.useRef)(null);
     return (react_1.default.createElement(react_1.Fragment, null,
-        react_1.default.createElement("span", Object.assign({ ref: anchorRef }, props, { className: b(null, className) }),
-            react_1.default.createElement(ContentWrapper_1.ContentWrapper, { text: text, icon: iconData, iconSize: iconSize }),
+        react_1.default.createElement("button", Object.assign({ ref: anchorRef }, props, { type: "button", className: b(null, className), "aria-expanded": isActive }),
+            react_1.default.createElement(ContentWrapper_1.ContentWrapper, { text: text, icon: iconData, iconSize: iconSize, "aria-expanded": isActive }),
             react_1.default.createElement(components_1.ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isActive })),
         react_1.default.createElement(NavigationPopup_1.default, { open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef })));
 };

package/build/cjs/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.css

@@ -16,6 +16,13 @@ unpredictable css rules order in build */
 .pc-navigation-link:hover, .pc-navigation-link_active {
   color: var(--g-color-text-link);
 }
+.pc-navigation-link:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-navigation-link:focus:not(:focus-visible) {
+  outline: 0;
+}
 .pc-navigation-link__arrow {
   position: relative;
   top: -2px;

package/build/cjs/sub-blocks/PriceDetailed/PriceDetails/Details/List.js

@@ -8,7 +8,7 @@ const b = (0, utils_1.block)('marked-list');
 const List = (props) => {
     const { items = [], titleSize = 's' } = props;
     return (react_1.default.createElement(react_1.Fragment, null, items.map((item, id) => (react_1.default.createElement("div", { key: id, className: b('list-item') },
-        react_1.default.createElement("img", { className: b('img') }),
+        react_1.default.createElement("img", { className: b('img'), alt: "" }),
         react_1.default.createElement("div", { className: b('text', { size: titleSize }) },
             react_1.default.createElement(components_1.YFMWrapper, { content: item.text, modifiers: { constructor: true } })))))));
 };

package/build/esm/blocks/HeaderSlider/HeaderSlider.js

@@ -4,7 +4,7 @@ import { MobileContext } from '../../context/mobileContext';
 import { SliderType } from '../../models';
 import { block } from '../../utils';
 import Header from '../Header/Header';
-import { SliderBlock } from '../index';
+import { SliderNewBlock as SliderBlock } from '../unstable';
 import './HeaderSlider.css';
 const b = block('header-slider-block');
 export const HeaderSliderBlock = (_a) => {

package/build/esm/blocks/Questions/QuestionBlockItem/QuestionBlockItem.js

@@ -9,7 +9,10 @@ const b = block('QuestionsBlockItem');
 export const QuestionBlockItem = ({ title: itemTitle, text: itemText, link, listStyle = 'dash', isOpened, onClick, }) => {
     const { onKeyDown } = useActionHandlers(onClick);
     return (React.createElement("div", { className: b(), itemScope: true, itemProp: FaqMicrodataValues.QuestionProp, itemType: FaqMicrodataValues.QuestionType, role: 'listitem' },
-        React.createElement("h3", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, role: 'button', tabIndex: 0, onKeyDown: onKeyDown },
+        React.createElement("h3", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, 
+            // TODO fix in https://github.com/gravity-ui/page-constructor/issues/966
+            // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role
+            role: 'button', tabIndex: 0, onKeyDown: onKeyDown },
             React.createElement(HTML, { itemProp: FaqMicrodataValues.QuestionNameProp }, itemTitle),
             React.createElement(ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') })),
         React.createElement(Foldable, { isOpened: isOpened },

package/build/esm/components/DefaultVideo/DefaultVideo.js

@@ -1,3 +1,5 @@
+/* eslint-disable jsx-a11y/media-has-caption */
+// TODO fix in https://github.com/gravity-ui/page-constructor/issues/967
 import React, { Fragment, useCallback, useImperativeHandle, useRef, useState } from 'react';
 import { CustomControlsType, MediaVideoControlsType } from '../../models';
 import { block } from '../../utils';

package/build/esm/components/ImageBase/ImageBase.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { ImageContext } from '../../context/imageContext/imageContext';
 export const ImageBase = (props) => {
     const { Image } = React.useContext(ImageContext);
+    // eslint-disable-next-line jsx-a11y/alt-text
     return Image ? React.createElement(Image, Object.assign({}, props)) : React.createElement("img", Object.assign({}, props));
 };
 export default ImageBase;

package/build/esm/components/Media/Image/Image.js

@@ -1,7 +1,7 @@
 import React, { Fragment, useEffect, useState } from 'react';
 import { animated, config, useSpring } from '@react-spring/web';
 import debounce from 'lodash/debounce';
-import SliderBlock from '../../../blocks/Slider/Slider';
+import { SliderNewBlock as SliderBlock } from '../../../blocks/unstable';
 import { SliderType } from '../../../models';
 import { block, getQaAttrubutes } from '../../../utils';
 import BackgroundImage from '../../BackgroundImage/BackgroundImage';

package/build/esm/components/OutsideClick/OutsideClick.js

@@ -1,3 +1,6 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+// TODO fix in https://github.com/gravity-ui/page-constructor/issues/965
 //TODO move into cloud components?
 import React, { createRef } from 'react';
 export default class OutsideClick extends React.Component {

package/build/esm/components/ReactPlayer/ReactPlayer.js

@@ -1,3 +1,6 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+// TODO fix in https://github.com/gravity-ui/page-constructor/issues/965
 import React, { Fragment, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
 import { PlayFill } from '@gravity-ui/icons';
 import { Icon } from '@gravity-ui/uikit';

package/build/esm/components/Title/TitleItem.js

@@ -1,3 +1,6 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+// TODO fix in https://github.com/gravity-ui/page-constructor/issues/965
 import React, { Fragment, useContext } from 'react';
 import { HTML, ToggleArrow } from '../';
 import { LocationContext } from '../../context/locationContext';

package/build/esm/components/VideoBlock/VideoBlock.js

@@ -1,3 +1,6 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+// TODO fix in https://github.com/gravity-ui/page-constructor/issues/965
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { PlayFill } from '@gravity-ui/icons';
 import { Icon } from '@gravity-ui/uikit';

package/build/esm/editor/components/AddBlock/AddBlock.js

@@ -1,3 +1,6 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+// TODO fix in https://github.com/gravity-ui/page-constructor/issues/965
 import React, { useMemo, useRef, useState } from 'react';
 import { Plus } from '@gravity-ui/icons';
 import { Popup, TextInput } from '@gravity-ui/uikit';

package/build/esm/editor/components/EditBlock/EditBlock.js

@@ -1,3 +1,6 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+// TODO fix in https://github.com/gravity-ui/page-constructor/issues/965
 import React, { useEffect, useRef } from 'react';
 import { ChevronDown, ChevronUp, Copy as CopyIcon, TrashBin } from '@gravity-ui/icons';
 import { block } from '../../../utils';

package/build/esm/models/navigation.d.ts

@@ -63,6 +63,7 @@ export interface NavigationLogoData {
     text?: string;
     url?: string;
     urlTitle?: string;
+    alt?: string;
 }
 export type ThemedNavigationLogoData = NavigationLogoData & ThemeSupporting<NavigationLogoData>;
 export interface HeaderData {

package/build/esm/navigation/components/Logo/Logo.d.ts

@@ -3,6 +3,7 @@ import { ThemedNavigationLogoData } from '../../../models';
 import './Logo.css';
 export type LogoProps = ThemedNavigationLogoData & {
     className?: string;
+    alt?: string;
 };
 declare const Logo: React.FC<LogoProps>;
 export default Logo;

package/build/esm/navigation/components/Logo/Logo.js

@@ -1,3 +1,4 @@
+import { __rest } from "tslib";
 import React, { Fragment, useContext } from 'react';
 import { Image } from '../../../components';
 import { getMediaImage } from '../../../components/Media/Image/utils';
@@ -5,13 +6,17 @@ import RouterLink from '../../../components/RouterLink/RouterLink';
 import { LocationContext } from '../../../context/locationContext';
 import { useTheme } from '../../../context/theme';
 import { block, getLinkProps, getThemedValue } from '../../../utils';
+import { i18n } from './i18n';
 import './Logo.css';
 const b = block('logo');
-const Logo = (props) => {
+const Logo = (_a) => {
+    var { alt = i18n('image-alt') } = _a, restProps = __rest(_a, ["alt"]);
+    const props = Object.assign(Object.assign({}, restProps), { alt });
     const { hostname, Link } = useContext(LocationContext);
     const theme = useTheme();
     const themedLogoProps = getThemedValue(props, theme) || props;
     const imageData = getMediaImage(themedLogoProps.icon || props.icon);
+    imageData.alt = alt;
     const textData = themedLogoProps.text || props.text;
     const url = themedLogoProps.url || props.url || '/';
     const urlTitle = themedLogoProps.urlTitle || props.urlTitle || textData;

package/build/esm/navigation/components/Logo/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "image-alt": "Logo icon"
+}

package/build/esm/navigation/components/Logo/i18n/index.d.ts

@@ -0,0 +1 @@
+export declare const i18n: (key: "image-alt", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/esm/navigation/components/Logo/i18n/index.js

@@ -0,0 +1,5 @@
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Logo`);

package/build/esm/navigation/components/Logo/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "image-alt": "Иконка лого"
+}

package/build/esm/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.css

@@ -1,8 +1,24 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
 .pc-navigation-dropdown {
   position: relative;
   display: flex;
   align-items: center;
   white-space: nowrap;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  background: inherit;
+  font: inherit;
+  color: var(--g-color-text-primary);
+  border: none;
+}
+.pc-navigation-dropdown:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-navigation-dropdown:focus:not(:focus-visible) {
+  outline: 0;
 }
 .pc-navigation-dropdown__arrow {
   margin-left: 7px;

package/build/esm/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.js

@@ -13,8 +13,8 @@ export const NavigationDropdown = (_a) => {
     const iconData = icon && getMediaImage(icon);
     const anchorRef = useRef(null);
     return (React.createElement(Fragment, null,
-        React.createElement("span", Object.assign({ ref: anchorRef }, props, { className: b(null, className) }),
-            React.createElement(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize }),
+        React.createElement("button", Object.assign({ ref: anchorRef }, props, { type: "button", className: b(null, className), "aria-expanded": isActive }),
+            React.createElement(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize, "aria-expanded": isActive }),
             React.createElement(ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isActive })),
         React.createElement(NavigationPopup, { open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef })));
 };

package/build/esm/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.css

@@ -16,6 +16,13 @@ unpredictable css rules order in build */
 .pc-navigation-link:hover, .pc-navigation-link_active {
   color: var(--g-color-text-link);
 }
+.pc-navigation-link:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-navigation-link:focus:not(:focus-visible) {
+  outline: 0;
+}
 .pc-navigation-link__arrow {
   position: relative;
   top: -2px;

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/Details/List.js

@@ -6,7 +6,7 @@ const b = block('marked-list');
 const List = (props) => {
     const { items = [], titleSize = 's' } = props;
     return (React.createElement(Fragment, null, items.map((item, id) => (React.createElement("div", { key: id, className: b('list-item') },
-        React.createElement("img", { className: b('img') }),
+        React.createElement("img", { className: b('img'), alt: "" }),
         React.createElement("div", { className: b('text', { size: titleSize }) },
             React.createElement(YFMWrapper, { content: item.text, modifiers: { constructor: true } })))))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "5.18.0",
+  "version": "5.18.1-alpha.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -124,7 +124,7 @@
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@diplodoc/transform": "^4.10.8",
-    "@gravity-ui/eslint-config": "^2.0.0",
+    "@gravity-ui/eslint-config": "^2.2.0",
     "@gravity-ui/icons": "^2.8.1",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",

package/server/models/navigation.d.ts

@@ -63,6 +63,7 @@ export interface NavigationLogoData {
     text?: string;
     url?: string;
     urlTitle?: string;
+    alt?: string;
 }
 export type ThemedNavigationLogoData = NavigationLogoData & ThemeSupporting<NavigationLogoData>;
 export interface HeaderData {