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

package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.css

@@ -76,6 +76,8 @@ unpredictable css rules order in build */
   height: 32px;
   background-size: cover;
   display: block;
+}
+.pc-ExtendedFeaturesBlock__icon-wrap {
   margin-bottom: 12px;
 }
 @media (max-width: 577px) {

package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -30,7 +30,8 @@ const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_S
                     itemLinks.push(link);
                 }
                 return (react_1.default.createElement(grid_1.Col, { className: b('item'), key: text || itemTitle, sizes: colSizes },
-                    iconData && react_1.default.createElement(Image_1.default, Object.assign({}, iconData, { className: b('icon') })),
+                    iconData && (react_1.default.createElement("div", { className: b('icon-wrap'), "aria-hidden": true },
+                        react_1.default.createElement(Image_1.default, Object.assign({}, iconData, { className: b('icon') })))),
                     react_1.default.createElement("div", { className: b('container') },
                         itemTitle &&
                             react_1.default.createElement(itemTitleHeadingTag, {

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/blocks/SliderNew/Slider.css

@@ -11,10 +11,21 @@ unpredictable css rules order in build */
 .pc-SliderNewBlock_without-dots .pc-SliderNewBlock__slider {
   padding-bottom: 20px;
 }
-.pc-SliderNewBlock__slide {
+.pc-SliderNewBlock__slide.swiper-slide {
   padding: 0 8px;
   box-sizing: border-box;
-  flex-shrink: 0;
+  height: auto;
+}
+@keyframes safari-fix {
+  from {
+    transform: translateX(0.001px);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+.pc-SliderNewBlock__slide.swiper-slide.swiper-slide-visible {
+  animation: safari-fix 300ms;
 }
 .pc-SliderNewBlock__arrow {
   position: absolute;
@@ -708,7 +719,7 @@ unpredictable css rules order in build */
     overflow: inherit;
   }
 }
-.pc-SliderNewBlock_type_media-card .pc-SliderNewBlock__dots {
+.pc-SliderNewBlock_type_media-card .swiper-container-horizontal .swiper-pagination-bullets {
   bottom: 24px;
 }
 .pc-SliderNewBlock_type_media-card .pc-SliderNewBlock__slider {
@@ -746,7 +757,7 @@ unpredictable css rules order in build */
 .pc-SliderNewBlock_type_header-card .pc-SliderNewBlock__wrapper {
   position: relative;
 }
-.pc-SliderNewBlock_type_header-card .pc-SliderNewBlock__dots {
+.pc-SliderNewBlock_type_header-card .swiper-container-horizontal .swiper-pagination-bullets {
   bottom: 32px;
 }
 .pc-SliderNewBlock_type_header-card .pc-SliderNewBlock__slider {

package/build/cjs/blocks/SliderNew/useSlider.d.ts

@@ -16,5 +16,6 @@ export declare const useSlider: ({ children, autoplayMs, type, slidesToShow, }:
     setIsLocked: React.Dispatch<React.SetStateAction<boolean>>;
     autoplay: false | {
         delay: number | undefined;
+        disableOnInteraction: boolean;
     };
 };

package/build/cjs/blocks/SliderNew/useSlider.js

@@ -59,6 +59,7 @@ const useSlider = ({ children, autoplayMs, type, slidesToShow, }) => {
         setIsLocked,
         autoplay: autoplayEnabled && {
             delay: autoplayMs,
+            disableOnInteraction: false,
         },
     };
 };

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/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -5,6 +5,7 @@ const react_1 = tslib_1.__importStar(require("react"));
 const hooks_1 = require("../../hooks");
 const models_1 = require("../../models");
 const utils_1 = require("../../utils");
+const i18n_1 = require("./i18n");
 const b = (0, utils_1.block)('header-breadcrumbs');
 function HeaderBreadcrumbs(props) {
     const { items, theme = 'light', className, analyticsEvents } = props;
@@ -12,7 +13,7 @@ function HeaderBreadcrumbs(props) {
     const onClick = (0, react_1.useCallback)(() => {
         handleAnalytics(analyticsEvents);
     }, [analyticsEvents, handleAnalytics]);
-    return (react_1.default.createElement("div", { className: b({ theme }, className) }, items === null || items === void 0 ? void 0 : items.map((item) => (react_1.default.createElement("div", { className: b('item'), key: item.url },
+    return (react_1.default.createElement("div", { className: b({ theme }, className), "aria-label": (0, i18n_1.i18n)('label') }, items === null || items === void 0 ? void 0 : items.map((item) => (react_1.default.createElement("div", { className: b('item'), key: item.url },
         react_1.default.createElement("a", { href: item.url, className: b('text'), onClick: onClick }, item.text))))));
 }
 exports.default = HeaderBreadcrumbs;

package/build/cjs/components/HeaderBreadcrumbs/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "label": "You are here:"
+}

package/build/cjs/components/HeaderBreadcrumbs/i18n/index.d.ts

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

package/build/cjs/components/HeaderBreadcrumbs/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}HeaderBreadcrumbs`);

package/build/cjs/components/HeaderBreadcrumbs/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "label": "Вы здесь:"
+}

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/ExtendedFeatures/ExtendedFeatures.css

@@ -76,6 +76,8 @@ unpredictable css rules order in build */
   height: 32px;
   background-size: cover;
   display: block;
+}
+.pc-ExtendedFeaturesBlock__icon-wrap {
   margin-bottom: 12px;
 }
 @media (max-width: 577px) {

package/build/esm/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -27,7 +27,8 @@ export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DE
                     itemLinks.push(link);
                 }
                 return (React.createElement(Col, { className: b('item'), key: text || itemTitle, sizes: colSizes },
-                    iconData && React.createElement(Image, Object.assign({}, iconData, { className: b('icon') })),
+                    iconData && (React.createElement("div", { className: b('icon-wrap'), "aria-hidden": true },
+                        React.createElement(Image, Object.assign({}, iconData, { className: b('icon') })))),
                     React.createElement("div", { className: b('container') },
                         itemTitle &&
                             React.createElement(itemTitleHeadingTag, {

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/blocks/SliderNew/Slider.css

@@ -11,10 +11,21 @@ unpredictable css rules order in build */
 .pc-SliderNewBlock_without-dots .pc-SliderNewBlock__slider {
   padding-bottom: 20px;
 }
-.pc-SliderNewBlock__slide {
+.pc-SliderNewBlock__slide.swiper-slide {
   padding: 0 8px;
   box-sizing: border-box;
-  flex-shrink: 0;
+  height: auto;
+}
+@keyframes safari-fix {
+  from {
+    transform: translateX(0.001px);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+.pc-SliderNewBlock__slide.swiper-slide.swiper-slide-visible {
+  animation: safari-fix 300ms;
 }
 .pc-SliderNewBlock__arrow {
   position: absolute;
@@ -708,7 +719,7 @@ unpredictable css rules order in build */
     overflow: inherit;
   }
 }
-.pc-SliderNewBlock_type_media-card .pc-SliderNewBlock__dots {
+.pc-SliderNewBlock_type_media-card .swiper-container-horizontal .swiper-pagination-bullets {
   bottom: 24px;
 }
 .pc-SliderNewBlock_type_media-card .pc-SliderNewBlock__slider {
@@ -746,7 +757,7 @@ unpredictable css rules order in build */
 .pc-SliderNewBlock_type_header-card .pc-SliderNewBlock__wrapper {
   position: relative;
 }
-.pc-SliderNewBlock_type_header-card .pc-SliderNewBlock__dots {
+.pc-SliderNewBlock_type_header-card .swiper-container-horizontal .swiper-pagination-bullets {
   bottom: 32px;
 }
 .pc-SliderNewBlock_type_header-card .pc-SliderNewBlock__slider {

package/build/esm/blocks/SliderNew/useSlider.d.ts

@@ -16,5 +16,6 @@ export declare const useSlider: ({ children, autoplayMs, type, slidesToShow, }:
     setIsLocked: React.Dispatch<React.SetStateAction<boolean>>;
     autoplay: false | {
         delay: number | undefined;
+        disableOnInteraction: boolean;
     };
 };

package/build/esm/blocks/SliderNew/useSlider.js

@@ -55,6 +55,7 @@ export const useSlider = ({ children, autoplayMs, type, slidesToShow, }) => {
         setIsLocked,
         autoplay: autoplayEnabled && {
             delay: autoplayMs,
+            disableOnInteraction: false,
         },
     };
 };

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/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -2,6 +2,7 @@ import React, { useCallback } from 'react';
 import { useAnalytics } from '../../hooks';
 import { DefaultEventNames } from '../../models';
 import { block } from '../../utils';
+import { i18n } from './i18n';
 import './HeaderBreadcrumbs.css';
 const b = block('header-breadcrumbs');
 export default function HeaderBreadcrumbs(props) {
@@ -10,6 +11,6 @@ export default function HeaderBreadcrumbs(props) {
     const onClick = useCallback(() => {
         handleAnalytics(analyticsEvents);
     }, [analyticsEvents, handleAnalytics]);
-    return (React.createElement("div", { className: b({ theme }, className) }, items === null || items === void 0 ? void 0 : items.map((item) => (React.createElement("div", { className: b('item'), key: item.url },
+    return (React.createElement("div", { className: b({ theme }, className), "aria-label": i18n('label') }, items === null || items === void 0 ? void 0 : items.map((item) => (React.createElement("div", { className: b('item'), key: item.url },
         React.createElement("a", { href: item.url, className: b('text'), onClick: onClick }, item.text))))));
 }

package/build/esm/components/HeaderBreadcrumbs/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "label": "You are here:"
+}

package/build/esm/components/HeaderBreadcrumbs/i18n/index.d.ts

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

package/build/esm/components/HeaderBreadcrumbs/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}HeaderBreadcrumbs`);

package/build/esm/components/HeaderBreadcrumbs/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "label": "Вы здесь:"
+}

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;