@megafon/ui-shared 4.10.0 → 4.12.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.12.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.11.0...@megafon/ui-shared@4.12.0) (2023-02-06)
+
+
+### Features
+
+* **benefitpictures:** add alt prop for images ([3fd19e7](https://github.com/MegafonWebLab/megafon-ui/commit/3fd19e718068db8d418adccbb1812e4e8dd6e090))
+* **card:** add alt prop for image ([a56a159](https://github.com/MegafonWebLab/megafon-ui/commit/a56a1595b1114e63aa80d9f8976bfb8d54b871db))
+* **instructions:** add alt prop for images ([94d4750](https://github.com/MegafonWebLab/megafon-ui/commit/94d4750a51a4d3e848c319ed98a31b3fd241e733))
+* **picturewithdescription:** add alt prop for image ([0ed9e19](https://github.com/MegafonWebLab/megafon-ui/commit/0ed9e195b00c41a2a736de741af82b3808eb1677))
+* **textboxpicture:** add alt prop for image ([6df38e2](https://github.com/MegafonWebLab/megafon-ui/commit/6df38e23d9a42fbb8833c0f4968fd6f6ff4f28b7))
+* **videobanner:** add alt prop for image ([3ec8c6c](https://github.com/MegafonWebLab/megafon-ui/commit/3ec8c6cda08b42fe8f36b9bee029ad0c3ad18d5f))
+
+
+
+
+
+# [4.11.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.10.0...@megafon/ui-shared@4.11.0) (2023-01-31)
+
+
+### Features
+
+* **cardsbox:** add prop hGridAlign ([883d12b](https://github.com/MegafonWebLab/megafon-ui/commit/883d12b3447659787d8aa3f61e734e8cb1b03656))
+
+
+
+
+
 # [4.10.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.9.1...@megafon/ui-shared@4.10.0) (2023-01-23)
 
 

package/dist/es/components/BenefitsPictures/BenefitsPictures.js

@@ -157,7 +157,8 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
   }, items.map(function (_ref2, index) {
     var img = _ref2.img,
         title = _ref2.title,
-        text = _ref2.text;
+        text = _ref2.text,
+        alt = _ref2.alt;
     return /*#__PURE__*/React.createElement(GridColumn, _extends({}, align === 'left' ? getLeftConfig(items.length, index) : getCenterConfig(items.length, index, gridGap), {
       key: index
     }), /*#__PURE__*/React.createElement("div", {
@@ -167,7 +168,7 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
         'h-align': align
       }),
       src: img,
-      alt: ""
+      alt: alt
     }), /*#__PURE__*/React.createElement(Header, {
       className: cn('title'),
       align: align,
@@ -185,7 +186,8 @@ BenefitsPictures.propTypes = {
   items: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string.isRequired,
     text: PropTypes.string.isRequired,
-    img: PropTypes.string.isRequired
+    img: PropTypes.string.isRequired,
+    alt: PropTypes.string
   }).isRequired).isRequired,
   align: PropTypes.oneOf(['left', 'center']),
   gridGap: PropTypes.oneOf(['medium', 'large']),

package/dist/es/components/BenefitsPictures/types.d.ts

@@ -5,6 +5,8 @@ export interface IBenefit {
     text: string;
     /** Изображение */
     img: string;
+    /** Значение тега alt для изображения */
+    alt?: string;
 }
 declare type TGridSizeValues = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
 export declare type GridConfig = {

package/dist/es/components/Card/Card.d.ts

@@ -43,6 +43,8 @@ export interface ICard {
     rootRef?: Ref<HTMLDivElement>;
     /** Изображение в карточке */
     imageSrc?: string;
+    /** Значение тега alt для изображения */
+    imageAlt?: string;
     /** Иконка в карточке */
     svgSrc?: React.ReactNode;
     /** Заголовок карточки */

package/dist/es/components/Card/Card.js

@@ -23,6 +23,7 @@ var Card = function Card(_ref) {
       classes = _ref$classes === void 0 ? {} : _ref$classes,
       rootRef = _ref.rootRef,
       imageSrc = _ref.imageSrc,
+      imageAlt = _ref.imageAlt,
       svgSrc = _ref.svgSrc,
       title = _ref.title,
       text = _ref.text,
@@ -52,7 +53,7 @@ var Card = function Card(_ref) {
           }, /*#__PURE__*/React.createElement("img", {
             className: cn('img'),
             src: imageSrc,
-            alt: ""
+            alt: imageAlt
           }));
         }
 
@@ -66,7 +67,7 @@ var Card = function Card(_ref) {
       default:
         return null;
     }
-  }, [imageSrc, svgSrc, objectFit]);
+  }, [imageSrc, svgSrc, objectFit, imageAlt]);
   var renderLink = React.useCallback(function () {
     if (!link) {
       return null;
@@ -164,6 +165,7 @@ Card.propTypes = {
     current: PropTypes.elementType
   }), PropTypes.any])]),
   imageSrc: PropTypes.string,
+  imageAlt: PropTypes.string,
   svgSrc: PropTypes.node,
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired,
   text: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),

package/dist/es/components/CardsBox/CardsBox.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { ICard } from '../Card/Card';
 interface ICardsBoxProps {
+    /** Выравнивание всех колонок компонента Grid по горизонтали */
+    gridHAlign?: 'left' | 'right' | 'center' | 'between' | 'around';
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
     /** Дата атрибуты для корневого элемента */

package/dist/es/components/CardsBox/CardsBox.js

@@ -22,7 +22,8 @@ var SlidesSettings = (_SlidesSettings = {}, _defineProperty(_SlidesSettings, bre
 var cn = cnCreate('mfui-cards-box');
 
 var CardsBox = function CardsBox(_ref) {
-  var rootRef = _ref.rootRef,
+  var gridHAlign = _ref.gridHAlign,
+      rootRef = _ref.rootRef,
       dataAttrs = _ref.dataAttrs,
       onChange = _ref.onChange,
       children = _ref.children;
@@ -37,14 +38,15 @@ var CardsBox = function CardsBox(_ref) {
   var renderGrid = React.useCallback(function () {
     return /*#__PURE__*/React.createElement(Grid, {
       guttersBottom: "medium",
-      guttersLeft: "medium"
+      guttersLeft: "medium",
+      hAlign: gridHAlign
     }, React.Children.map(children, function (child) {
       return /*#__PURE__*/React.createElement(GridColumn, {
         all: "4",
         mobile: "12"
       }, child);
     }));
-  }, [children]);
+  }, [children, gridHAlign]);
   var renderCarousel = React.useCallback(function () {
     return /*#__PURE__*/React.createElement(Carousel, {
       slidesSettings: SlidesSettings,
@@ -70,6 +72,7 @@ var CardsBox = function CardsBox(_ref) {
 };
 
 CardsBox.propTypes = {
+  gridHAlign: PropTypes.oneOf(['left', 'right', 'center', 'between', 'around']),
   rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
     current: PropTypes.elementType
   }), PropTypes.any])]),

package/dist/es/components/Instructions/Instructions.d.ts

@@ -20,6 +20,7 @@ export declare type InstructionItemType = {
     title: string | React.ReactNode | React.ReactNode[];
     mediaUrl: string;
     isVideo: boolean;
+    imageAlt?: string;
 };
 export interface IInstructionsProps {
     /** Дополнительные data атрибуты к внутренним элементам */

package/dist/es/components/Instructions/Instructions.js

@@ -104,12 +104,13 @@ var Instructions = function Instructions(_ref) {
       className: cn('swiper')
     }, instructionItems.map(function (_ref3, i) {
       var mediaUrl = _ref3.mediaUrl,
-          isVideo = _ref3.isVideo;
+          isVideo = _ref3.isVideo,
+          imageAlt = _ref3.imageAlt;
       return /*#__PURE__*/React.createElement(SwiperSlide, {
         className: swiperSlideCn,
         key: i + mediaUrl
       }, isVideo ? renderVideo(mediaUrl, i) : /*#__PURE__*/React.createElement("img", _extends({
-        alt: "",
+        alt: imageAlt,
         src: mediaUrl
       }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.image, i + 1), {
         className: cn('swiper-img', [instructionItemImg])
@@ -246,7 +247,8 @@ Instructions.propTypes = {
   instructionItems: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired,
     mediaUrl: PropTypes.string.isRequired,
-    isVideo: PropTypes.bool.isRequired
+    isVideo: PropTypes.bool.isRequired,
+    imageAlt: PropTypes.string
   }).isRequired).isRequired,
   pictureAlign: PropTypes.oneOf([pictureAlignTypes.LEFT, pictureAlignTypes.RIGHT]),
   pictureMask: PropTypes.oneOf([pictureMaskTypes.ANDROID, pictureMaskTypes.NEW_IPHONE, pictureMaskTypes.WHITE_IPHONE, pictureMaskTypes.BLACK_IPHONE, pictureMaskTypes.LAPTOP, pictureMaskTypes.IPHONE_12, pictureMaskTypes.NONE]),

package/dist/es/components/PictureWithDescription/PictureWithDescription.d.ts

@@ -21,6 +21,8 @@ export interface IPictureWithDescriptionProps {
     pictureUrl: string;
     /** Расположение изображения */
     pictureAlign?: PictureAlignTypesType;
+    /** Значение тега alt для изображения */
+    pictureAlt?: string;
     /** Выравнивание текста по верхнему краю */
     isTextTopAlign?: boolean;
 }

package/dist/es/components/PictureWithDescription/PictureWithDescription.js

@@ -18,6 +18,7 @@ var PictureWithDescription = function PictureWithDescription(_ref) {
       pictureUrl = _ref.pictureUrl,
       _ref$pictureAlign = _ref.pictureAlign,
       pictureAlign = _ref$pictureAlign === void 0 ? 'left' : _ref$pictureAlign,
+      pictureAlt = _ref.pictureAlt,
       isTextTopAlign = _ref.isTextTopAlign,
       children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
@@ -30,7 +31,7 @@ var PictureWithDescription = function PictureWithDescription(_ref) {
   }, /*#__PURE__*/React.createElement("img", {
     className: cn('img'),
     src: pictureUrl,
-    alt: ""
+    alt: pictureAlt
   })), /*#__PURE__*/React.createElement("div", {
     className: cn('articles', {
       align: pictureAlign,
@@ -56,6 +57,7 @@ PictureWithDescription.propTypes = {
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
   pictureUrl: PropTypes.string.isRequired,
   pictureAlign: PropTypes.oneOf([pictureAlignTypes.LEFT, pictureAlignTypes.RIGHT]),
+  pictureAlt: PropTypes.string,
   isTextTopAlign: PropTypes.bool
 };
 export default PictureWithDescription;

package/dist/es/components/TextBox/TextBoxPicture.d.ts

@@ -12,6 +12,8 @@ export interface ITextBoxPictureProps {
     url: string;
     /** Значение вертикальных отступов */
     margin?: PictureMarginTypesType;
+    /** Значение тега alt для изображения */
+    alt?: string;
 }
 declare const TextBoxPicture: React.FC<ITextBoxPictureProps>;
 export default TextBoxPicture;

package/dist/es/components/TextBox/TextBoxPicture.js

@@ -13,7 +13,8 @@ var cn = cnCreate('mfui-text-box-picture');
 var TextBoxPicture = function TextBoxPicture(_ref) {
   var url = _ref.url,
       _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? pictureMarginTypes.DEFAULT : _ref$margin;
+      margin = _ref$margin === void 0 ? pictureMarginTypes.DEFAULT : _ref$margin,
+      alt = _ref.alt;
   return /*#__PURE__*/React.createElement("div", {
     className: cn({
       margin: margin
@@ -21,12 +22,13 @@ var TextBoxPicture = function TextBoxPicture(_ref) {
   }, /*#__PURE__*/React.createElement("img", {
     className: cn('img'),
     src: url,
-    alt: ""
+    alt: alt
   }));
 };
 
 TextBoxPicture.propTypes = {
   url: PropTypes.string.isRequired,
-  margin: PropTypes.oneOf([pictureMarginTypes.DEFAULT, pictureMarginTypes.BIG_TOP, pictureMarginTypes.BIG_BOTTOM, pictureMarginTypes.BIG_VERTICAL])
+  margin: PropTypes.oneOf([pictureMarginTypes.DEFAULT, pictureMarginTypes.BIG_TOP, pictureMarginTypes.BIG_BOTTOM, pictureMarginTypes.BIG_VERTICAL]),
+  alt: PropTypes.string
 };
 export default TextBoxPicture;

package/dist/es/components/VideoBanner/VideoBanner.d.ts

@@ -94,6 +94,8 @@ interface IVideoBannerProps {
     imageDesktop?: string;
     /** Изображение для большого компьютерного разрешения */
     imageDesktopWide?: string;
+    /** Значение тега alt для изображения */
+    imageAlt?: string;
     /** Хлебные крошки */
     breadcrumbs?: BreadCrumbsItemsType;
     /** Включить микроразметку хлебных крошек */

package/dist/es/components/VideoBanner/VideoBanner.js

@@ -60,6 +60,7 @@ var VideoBanner = function VideoBanner(_ref2) {
       imageDesktop = _ref2$imageDesktop === void 0 ? '' : _ref2$imageDesktop,
       _ref2$imageDesktopWid = _ref2.imageDesktopWide,
       imageDesktopWide = _ref2$imageDesktopWid === void 0 ? '' : _ref2$imageDesktopWid,
+      imageAlt = _ref2.imageAlt,
       content = _ref2.content,
       _ref2$isMuted = _ref2.isMuted,
       isMuted = _ref2$isMuted === void 0 ? true : _ref2$isMuted,
@@ -232,7 +233,7 @@ var VideoBanner = function VideoBanner(_ref2) {
   }), /*#__PURE__*/React.createElement("img", {
     className: cn('background-image'),
     src: imageMobile,
-    alt: ""
+    alt: imageAlt
   })))));
 };
 
@@ -278,6 +279,7 @@ VideoBanner.propTypes = {
   imageTablet: PropTypes.string.isRequired,
   imageDesktop: PropTypes.string,
   imageDesktopWide: PropTypes.string,
+  imageAlt: PropTypes.string,
   breadcrumbs: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string.isRequired,
     href: PropTypes.string

package/dist/lib/components/BenefitsPictures/BenefitsPictures.js

@@ -180,7 +180,8 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
   }, items.map(function (_ref2, index) {
     var img = _ref2.img,
         title = _ref2.title,
-        text = _ref2.text;
+        text = _ref2.text,
+        alt = _ref2.alt;
     return /*#__PURE__*/React.createElement(_uiCore.GridColumn, (0, _extends2["default"])({}, align === 'left' ? getLeftConfig(items.length, index) : getCenterConfig(items.length, index, gridGap), {
       key: index
     }), /*#__PURE__*/React.createElement("div", {
@@ -190,7 +191,7 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
         'h-align': align
       }),
       src: img,
-      alt: ""
+      alt: alt
     }), /*#__PURE__*/React.createElement(_uiCore.Header, {
       className: cn('title'),
       align: align,
@@ -208,7 +209,8 @@ BenefitsPictures.propTypes = {
   items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     title: _propTypes["default"].string.isRequired,
     text: _propTypes["default"].string.isRequired,
-    img: _propTypes["default"].string.isRequired
+    img: _propTypes["default"].string.isRequired,
+    alt: _propTypes["default"].string
   }).isRequired).isRequired,
   align: _propTypes["default"].oneOf(['left', 'center']),
   gridGap: _propTypes["default"].oneOf(['medium', 'large']),

package/dist/lib/components/BenefitsPictures/types.d.ts

@@ -5,6 +5,8 @@ export interface IBenefit {
     text: string;
     /** Изображение */
     img: string;
+    /** Значение тега alt для изображения */
+    alt?: string;
 }
 declare type TGridSizeValues = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
 export declare type GridConfig = {

package/dist/lib/components/Card/Card.d.ts

@@ -43,6 +43,8 @@ export interface ICard {
     rootRef?: Ref<HTMLDivElement>;
     /** Изображение в карточке */
     imageSrc?: string;
+    /** Значение тега alt для изображения */
+    imageAlt?: string;
     /** Иконка в карточке */
     svgSrc?: React.ReactNode;
     /** Заголовок карточки */

package/dist/lib/components/Card/Card.js

@@ -40,6 +40,7 @@ var Card = function Card(_ref) {
       classes = _ref$classes === void 0 ? {} : _ref$classes,
       rootRef = _ref.rootRef,
       imageSrc = _ref.imageSrc,
+      imageAlt = _ref.imageAlt,
       svgSrc = _ref.svgSrc,
       title = _ref.title,
       text = _ref.text,
@@ -70,7 +71,7 @@ var Card = function Card(_ref) {
           }, /*#__PURE__*/_react["default"].createElement("img", {
             className: cn('img'),
             src: imageSrc,
-            alt: ""
+            alt: imageAlt
           }));
         }
 
@@ -84,7 +85,7 @@ var Card = function Card(_ref) {
       default:
         return null;
     }
-  }, [imageSrc, svgSrc, objectFit]);
+  }, [imageSrc, svgSrc, objectFit, imageAlt]);
 
   var renderLink = _react["default"].useCallback(function () {
     if (!link) {
@@ -186,6 +187,7 @@ Card.propTypes = {
     current: _propTypes["default"].elementType
   }), _propTypes["default"].any])]),
   imageSrc: _propTypes["default"].string,
+  imageAlt: _propTypes["default"].string,
   svgSrc: _propTypes["default"].node,
   title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].arrayOf(_propTypes["default"].node)]).isRequired,
   text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].arrayOf(_propTypes["default"].node)]),

package/dist/lib/components/CardsBox/CardsBox.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { ICard } from '../Card/Card';
 interface ICardsBoxProps {
+    /** Выравнивание всех колонок компонента Grid по горизонтали */
+    gridHAlign?: 'left' | 'right' | 'center' | 'between' | 'around';
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
     /** Дата атрибуты для корневого элемента */

package/dist/lib/components/CardsBox/CardsBox.js

@@ -46,7 +46,8 @@ var SlidesSettings = (_SlidesSettings = {}, (0, _defineProperty2["default"])(_Sl
 var cn = (0, _uiHelpers.cnCreate)('mfui-cards-box');
 
 var CardsBox = function CardsBox(_ref) {
-  var rootRef = _ref.rootRef,
+  var gridHAlign = _ref.gridHAlign,
+      rootRef = _ref.rootRef,
       dataAttrs = _ref.dataAttrs,
       onChange = _ref.onChange,
       children = _ref.children;
@@ -61,14 +62,15 @@ var CardsBox = function CardsBox(_ref) {
   var renderGrid = React.useCallback(function () {
     return /*#__PURE__*/React.createElement(_uiCore.Grid, {
       guttersBottom: "medium",
-      guttersLeft: "medium"
+      guttersLeft: "medium",
+      hAlign: gridHAlign
     }, React.Children.map(children, function (child) {
       return /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
         all: "4",
         mobile: "12"
       }, child);
     }));
-  }, [children]);
+  }, [children, gridHAlign]);
   var renderCarousel = React.useCallback(function () {
     return /*#__PURE__*/React.createElement(_uiCore.Carousel, {
       slidesSettings: SlidesSettings,
@@ -94,6 +96,7 @@ var CardsBox = function CardsBox(_ref) {
 };
 
 CardsBox.propTypes = {
+  gridHAlign: PropTypes.oneOf(['left', 'right', 'center', 'between', 'around']),
   rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
     current: PropTypes.elementType
   }), PropTypes.any])]),

package/dist/lib/components/Instructions/Instructions.d.ts

@@ -20,6 +20,7 @@ export declare type InstructionItemType = {
     title: string | React.ReactNode | React.ReactNode[];
     mediaUrl: string;
     isVideo: boolean;
+    imageAlt?: string;
 };
 export interface IInstructionsProps {
     /** Дополнительные data атрибуты к внутренним элементам */

package/dist/lib/components/Instructions/Instructions.js

@@ -126,12 +126,13 @@ var Instructions = function Instructions(_ref) {
       className: cn('swiper')
     }, instructionItems.map(function (_ref3, i) {
       var mediaUrl = _ref3.mediaUrl,
-          isVideo = _ref3.isVideo;
+          isVideo = _ref3.isVideo,
+          imageAlt = _ref3.imageAlt;
       return /*#__PURE__*/_react["default"].createElement(_react2.SwiperSlide, {
         className: swiperSlideCn,
         key: i + mediaUrl
       }, isVideo ? renderVideo(mediaUrl, i) : /*#__PURE__*/_react["default"].createElement("img", (0, _extends2["default"])({
-        alt: "",
+        alt: imageAlt,
         src: mediaUrl
       }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.image, i + 1), {
         className: cn('swiper-img', [instructionItemImg])
@@ -274,7 +275,8 @@ Instructions.propTypes = {
   instructionItems: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].arrayOf(_propTypes["default"].node)]).isRequired,
     mediaUrl: _propTypes["default"].string.isRequired,
-    isVideo: _propTypes["default"].bool.isRequired
+    isVideo: _propTypes["default"].bool.isRequired,
+    imageAlt: _propTypes["default"].string
   }).isRequired).isRequired,
   pictureAlign: _propTypes["default"].oneOf([pictureAlignTypes.LEFT, pictureAlignTypes.RIGHT]),
   pictureMask: _propTypes["default"].oneOf([pictureMaskTypes.ANDROID, pictureMaskTypes.NEW_IPHONE, pictureMaskTypes.WHITE_IPHONE, pictureMaskTypes.BLACK_IPHONE, pictureMaskTypes.LAPTOP, pictureMaskTypes.IPHONE_12, pictureMaskTypes.NONE]),

package/dist/lib/components/PictureWithDescription/PictureWithDescription.d.ts

@@ -21,6 +21,8 @@ export interface IPictureWithDescriptionProps {
     pictureUrl: string;
     /** Расположение изображения */
     pictureAlign?: PictureAlignTypesType;
+    /** Значение тега alt для изображения */
+    pictureAlt?: string;
     /** Выравнивание текста по верхнему краю */
     isTextTopAlign?: boolean;
 }

package/dist/lib/components/PictureWithDescription/PictureWithDescription.js

@@ -37,6 +37,7 @@ var PictureWithDescription = function PictureWithDescription(_ref) {
       pictureUrl = _ref.pictureUrl,
       _ref$pictureAlign = _ref.pictureAlign,
       pictureAlign = _ref$pictureAlign === void 0 ? 'left' : _ref$pictureAlign,
+      pictureAlt = _ref.pictureAlt,
       isTextTopAlign = _ref.isTextTopAlign,
       children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
@@ -49,7 +50,7 @@ var PictureWithDescription = function PictureWithDescription(_ref) {
   }, /*#__PURE__*/React.createElement("img", {
     className: cn('img'),
     src: pictureUrl,
-    alt: ""
+    alt: pictureAlt
   })), /*#__PURE__*/React.createElement("div", {
     className: cn('articles', {
       align: pictureAlign,
@@ -75,6 +76,7 @@ PictureWithDescription.propTypes = {
   title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].arrayOf(_propTypes["default"].node)]),
   pictureUrl: _propTypes["default"].string.isRequired,
   pictureAlign: _propTypes["default"].oneOf([pictureAlignTypes.LEFT, pictureAlignTypes.RIGHT]),
+  pictureAlt: _propTypes["default"].string,
   isTextTopAlign: _propTypes["default"].bool
 };
 var _default = PictureWithDescription;

package/dist/lib/components/TextBox/TextBoxPicture.d.ts

@@ -12,6 +12,8 @@ export interface ITextBoxPictureProps {
     url: string;
     /** Значение вертикальных отступов */
     margin?: PictureMarginTypesType;
+    /** Значение тега alt для изображения */
+    alt?: string;
 }
 declare const TextBoxPicture: React.FC<ITextBoxPictureProps>;
 export default TextBoxPicture;

package/dist/lib/components/TextBox/TextBoxPicture.js

@@ -29,7 +29,8 @@ var cn = (0, _uiHelpers.cnCreate)('mfui-text-box-picture');
 var TextBoxPicture = function TextBoxPicture(_ref) {
   var url = _ref.url,
       _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? pictureMarginTypes.DEFAULT : _ref$margin;
+      margin = _ref$margin === void 0 ? pictureMarginTypes.DEFAULT : _ref$margin,
+      alt = _ref.alt;
   return /*#__PURE__*/React.createElement("div", {
     className: cn({
       margin: margin
@@ -37,13 +38,14 @@ var TextBoxPicture = function TextBoxPicture(_ref) {
   }, /*#__PURE__*/React.createElement("img", {
     className: cn('img'),
     src: url,
-    alt: ""
+    alt: alt
   }));
 };
 
 TextBoxPicture.propTypes = {
   url: PropTypes.string.isRequired,
-  margin: PropTypes.oneOf([pictureMarginTypes.DEFAULT, pictureMarginTypes.BIG_TOP, pictureMarginTypes.BIG_BOTTOM, pictureMarginTypes.BIG_VERTICAL])
+  margin: PropTypes.oneOf([pictureMarginTypes.DEFAULT, pictureMarginTypes.BIG_TOP, pictureMarginTypes.BIG_BOTTOM, pictureMarginTypes.BIG_VERTICAL]),
+  alt: PropTypes.string
 };
 var _default = TextBoxPicture;
 exports["default"] = _default;

package/dist/lib/components/VideoBanner/VideoBanner.d.ts

@@ -94,6 +94,8 @@ interface IVideoBannerProps {
     imageDesktop?: string;
     /** Изображение для большого компьютерного разрешения */
     imageDesktopWide?: string;
+    /** Значение тега alt для изображения */
+    imageAlt?: string;
     /** Хлебные крошки */
     breadcrumbs?: BreadCrumbsItemsType;
     /** Включить микроразметку хлебных крошек */

package/dist/lib/components/VideoBanner/VideoBanner.js

@@ -92,6 +92,7 @@ var VideoBanner = function VideoBanner(_ref2) {
       imageDesktop = _ref2$imageDesktop === void 0 ? '' : _ref2$imageDesktop,
       _ref2$imageDesktopWid = _ref2.imageDesktopWide,
       imageDesktopWide = _ref2$imageDesktopWid === void 0 ? '' : _ref2$imageDesktopWid,
+      imageAlt = _ref2.imageAlt,
       content = _ref2.content,
       _ref2$isMuted = _ref2.isMuted,
       isMuted = _ref2$isMuted === void 0 ? true : _ref2$isMuted,
@@ -268,7 +269,7 @@ var VideoBanner = function VideoBanner(_ref2) {
   }), /*#__PURE__*/_react["default"].createElement("img", {
     className: cn('background-image'),
     src: imageMobile,
-    alt: ""
+    alt: imageAlt
   })))));
 };
 
@@ -314,6 +315,7 @@ VideoBanner.propTypes = {
   imageTablet: PropTypes.string.isRequired,
   imageDesktop: PropTypes.string,
   imageDesktopWide: PropTypes.string,
+  imageAlt: PropTypes.string,
   breadcrumbs: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string.isRequired,
     href: PropTypes.string

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "4.10.0",
+  "version": "4.12.0",
   "files": [
     "dist"
   ],
@@ -52,7 +52,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.5.0",
+    "@megafon/ui-icons": "^2.6.0",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -85,7 +85,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^4.11.2",
+    "@megafon/ui-core": "^4.11.4",
     "@megafon/ui-helpers": "^2.4.0",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
@@ -93,5 +93,5 @@
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "aae2e0e7bf9776c1fa4f7083c668074a40923639"
+  "gitHead": "e7bdd83cccb39b833ced5eb1a5714f22166a0672"
 }