@megafon/ui-shared 4.12.0 → 4.13.1

package/CHANGELOG.md

@@ -3,6 +3,32 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.13.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.13.0...@megafon/ui-shared@4.13.1) (2023-02-22)
+
+**Note:** Version bump only for package @megafon/ui-shared
+
+
+
+
+
+# [4.13.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.12.0...@megafon/ui-shared@4.13.0) (2023-02-13)
+
+
+### Features
+
+* **buttonbanner:** add buttonRel prop ([df2f8cd](https://github.com/MegafonWebLab/megafon-ui/commit/df2f8cd7341596114df4bd9d408fced9430d2e7e))
+* **buttonlinkbox:** add buttonRel and linkRel props ([95135a1](https://github.com/MegafonWebLab/megafon-ui/commit/95135a163db6ef84dcedd56fa8a24ec2769d40b5))
+* **card:** add rel prop ([e4f89a3](https://github.com/MegafonWebLab/megafon-ui/commit/e4f89a3990c29763acb7b53863a9ac8d199cc0fe))
+* **partners:** add rel prop ([796d76c](https://github.com/MegafonWebLab/megafon-ui/commit/796d76c5a62e7b010c4ab5a7da19c4d1b0c72deb))
+* **storebanner:** add rel prop ([3f44d31](https://github.com/MegafonWebLab/megafon-ui/commit/3f44d31c9de9844803304cd116a3be226e70d731))
+* **storebutton:** add rel prop ([087b02f](https://github.com/MegafonWebLab/megafon-ui/commit/087b02fa1f3c90a1a35dd7ac0776c021adc12204))
+* **videblock:** add buttonRel prop ([cfbab88](https://github.com/MegafonWebLab/megafon-ui/commit/cfbab88366be66f5a2457a76627ac70d40a76967))
+* **videobanner:** add linkRel and buttonRel props ([2a7269a](https://github.com/MegafonWebLab/megafon-ui/commit/2a7269ae4c28ae6d60deefdedb9aa9474a7fb2cf))
+
+
+
+
+
 # [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)
 
 

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

@@ -46,6 +46,8 @@ export interface IButtonBannerProps {
     buttonTarget?: ButtonTargetType;
     /** Цвет кнопки */
     buttonColor?: ButtonColorType;
+    /** Rel - атрибут тега <a> */
+    buttonRel?: string;
     /** Масштабирование изображения */
     imageScaling?: ImageScalingType;
     /** Обработчик клика по кнопке */

package/dist/es/components/ButtonBanner/ButtonBanner.js

@@ -43,6 +43,7 @@ var ButtonBanner = function ButtonBanner(_ref) {
       buttonTarget = _ref$buttonTarget === void 0 ? '_self' : _ref$buttonTarget,
       _ref$buttonColor = _ref.buttonColor,
       buttonColor = _ref$buttonColor === void 0 ? 'green' : _ref$buttonColor,
+      buttonRel = _ref.buttonRel,
       _ref$imageScaling = _ref.imageScaling,
       imageScaling = _ref$imageScaling === void 0 ? 'cover' : _ref$imageScaling,
       onButtonClick = _ref.onButtonClick;
@@ -52,6 +53,7 @@ var ButtonBanner = function ButtonBanner(_ref) {
     },
     className: cn('button', [classes.button]),
     href: buttonUrl,
+    rel: buttonRel,
     target: buttonTarget,
     theme: buttonColor,
     onClick: onButtonClick,
@@ -108,6 +110,7 @@ ButtonBanner.propTypes = {
   buttonDownload: PropTypes.bool,
   buttonTarget: PropTypes.oneOf(Object.values(ButtonTarget)),
   buttonColor: PropTypes.oneOf(Object.values(ButtonColor)),
+  buttonRel: PropTypes.string,
   onButtonClick: PropTypes.func
 };
 export default ButtonBanner;

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

@@ -27,12 +27,16 @@ export interface IButtonLinkBoxProps {
     buttonColor?: 'green' | 'purple';
     /** Target свойство кнопки */
     buttonTarget?: '_self' | '_blank' | '_parent' | '_top';
+    /** Rel - атрибут тега <a> для кнопки */
+    buttonRel?: string;
     /** Заголовок ссылки */
     linkTitle?: string;
     /** Добавляет атрибут download для тега <a> компонента Button */
     linkUrl?: string;
     /** Target свойство ссылки */
     linkTarget?: '_self' | '_blank' | '_parent' | '_top';
+    /** Rel - атрибут тега <a> для ссылки */
+    linkRel?: string;
     /** Добавляет атрибут download к свойству тега <a> */
     linkDownload?: boolean;
     /** Горизонтальное выравнивание */

package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js

@@ -15,9 +15,11 @@ var ButtonLinkBox = function ButtonLinkBox(_ref) {
       buttonDownload = _ref.buttonDownload,
       _ref$buttonColor = _ref.buttonColor,
       buttonColor = _ref$buttonColor === void 0 ? 'green' : _ref$buttonColor,
+      buttonRel = _ref.buttonRel,
       linkTitle = _ref.linkTitle,
       linkUrl = _ref.linkUrl,
       linkDownload = _ref.linkDownload,
+      linkRel = _ref.linkRel,
       align = _ref.align,
       className = _ref.className,
       buttonTarget = _ref.buttonTarget,
@@ -42,7 +44,8 @@ var ButtonLinkBox = function ButtonLinkBox(_ref) {
     theme: buttonColor,
     onClick: onButtonClick,
     target: buttonTarget,
-    download: buttonDownload
+    download: buttonDownload,
+    rel: buttonRel
   }, buttonTitle)), linkTitle && /*#__PURE__*/React.createElement("div", {
     className: cn('row')
   }, /*#__PURE__*/React.createElement(TextLink, {
@@ -54,6 +57,7 @@ var ButtonLinkBox = function ButtonLinkBox(_ref) {
     download: linkDownload,
     underlineVisibility: "always",
     target: linkTarget,
+    rel: linkRel,
     onClick: onLinkClick
   }, linkTitle)));
 };
@@ -77,9 +81,11 @@ ButtonLinkBox.propTypes = {
   buttonUrl: PropTypes.string,
   buttonDownload: PropTypes.bool,
   buttonColor: PropTypes.oneOf(['green', 'purple']),
+  buttonRel: PropTypes.string,
   linkTitle: PropTypes.string,
   linkUrl: PropTypes.string,
   linkDownload: PropTypes.bool,
+  linkRel: PropTypes.string,
   align: PropTypes.oneOf(['center']),
   onButtonClick: PropTypes.func,
   onLinkClick: PropTypes.func

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

@@ -10,6 +10,7 @@ interface IButton {
     href?: string;
     target?: TargetType;
     download?: boolean;
+    rel?: string;
     onClick?: () => void;
 }
 interface ILink {
@@ -17,6 +18,7 @@ interface ILink {
     href?: string;
     target?: TargetType;
     download?: boolean;
+    rel?: string;
 }
 export declare const ObjectFit: {
     readonly FILL: "fill";

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

@@ -76,7 +76,8 @@ var Card = function Card(_ref) {
     var linkHref = link.href,
         linkTitle = link.title,
         linkTarget = link.target,
-        download = link.download;
+        download = link.download,
+        linkRel = link.rel;
 
     if (!linkHref || isCardLink) {
       return /*#__PURE__*/React.createElement("span", {
@@ -88,6 +89,7 @@ var Card = function Card(_ref) {
       href: linkHref,
       download: download,
       target: linkTarget,
+      rel: linkRel,
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link
       },
@@ -103,6 +105,7 @@ var Card = function Card(_ref) {
         btnTitle = button.title,
         btnTarget = button.target,
         btnDownload = button.download,
+        btnRel = button.rel,
         btnOnClick = button.onClick;
     return /*#__PURE__*/React.createElement(Button, {
       dataAttrs: {
@@ -112,6 +115,7 @@ var Card = function Card(_ref) {
       href: btnHref,
       target: btnTarget,
       download: btnDownload,
+      rel: btnRel,
       onClick: btnOnClick
     }, btnTitle);
   }, [button, isCardLink, classes, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button]);
@@ -174,13 +178,15 @@ Card.propTypes = {
     href: PropTypes.string,
     target: PropTypes.oneOf(Object.values(Target)),
     download: PropTypes.bool,
+    rel: PropTypes.string,
     onClick: PropTypes.func
   }),
   link: PropTypes.shape({
     title: PropTypes.string.isRequired,
     href: PropTypes.string,
     target: PropTypes.oneOf(Object.values(Target)),
-    download: PropTypes.bool
+    download: PropTypes.bool,
+    rel: PropTypes.string
   }),
   isCenteredText: PropTypes.bool,
   isLeftHAlign: PropTypes.bool,

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

@@ -4,6 +4,7 @@ export declare type ItemType = {
     src: string;
     href?: string;
     alt: string;
+    rel?: string;
 };
 export interface IPartnersProps {
     /** Дополнительные data атрибуты к внутренним элементам */

package/dist/es/components/Partners/Partners.js

@@ -44,9 +44,11 @@ var Partners = function Partners(_ref) {
 
     var src = item.src,
         href = item.href,
-        alt = item.alt;
+        alt = item.alt,
+        rel = item.rel;
     return /*#__PURE__*/React.createElement(Tile, {
       href: href,
+      rel: rel,
       shadowLevel: "default",
       isInteractive: !!href,
       className: cn('tile'),
@@ -112,6 +114,7 @@ Partners.propTypes = {
   className: PropTypes.string,
   items: PropTypes.arrayOf(PropTypes.shape({
     href: PropTypes.string,
+    rel: PropTypes.string,
     src: PropTypes.string.isRequired,
     alt: PropTypes.string.isRequired
   }).isRequired).isRequired,

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

@@ -37,6 +37,8 @@ export interface IStoreBannerProps {
     textButton?: string;
     /**  Ссылка для  кнопки */
     linkButton?: string;
+    /**  Rel - атрибут тега <a> для всех кнопок баннера */
+    rel?: string;
     /** Ссылка на картинку с QR-кодом */
     qrCode?: string;
     /** Цветовая тема компонента */

package/dist/es/components/StoreBanner/StoreBanner.js

@@ -35,6 +35,7 @@ var StoreBanner = function StoreBanner(_ref) {
       linkButton = _ref.linkButton,
       _ref$textButton = _ref.textButton,
       textButton = _ref$textButton === void 0 ? 'Установите приложение' : _ref$textButton,
+      rel = _ref.rel,
       qrCode = _ref.qrCode,
       imageSrc = _ref.imageSrc,
       _ref$theme = _ref.theme,
@@ -85,6 +86,7 @@ var StoreBanner = function StoreBanner(_ref) {
     },
     theme: StoreButtonTheme.APP_STORE,
     href: linkApple,
+    rel: rel,
     onClick: onClickApple,
     className: cn('store-link', {
       'app-store': true
@@ -95,6 +97,7 @@ var StoreBanner = function StoreBanner(_ref) {
     },
     theme: StoreButtonTheme.GOOGLE_PLAY,
     href: linkGoogle,
+    rel: rel,
     className: cn('store-link', {
       'google-play': true
     }, googleLinkClassName),
@@ -105,6 +108,7 @@ var StoreBanner = function StoreBanner(_ref) {
     },
     theme: StoreButtonTheme.HUAWEI_STORE,
     href: linkHuawei,
+    rel: rel,
     className: cn('store-link', {
       'huawei-store': true
     }, huaweiLinkClassName),
@@ -115,6 +119,7 @@ var StoreBanner = function StoreBanner(_ref) {
     },
     className: cn('button'),
     href: linkButton,
+    rel: rel,
     theme: theme === 'green' ? 'purple' : 'green'
   }, textButton)))), /*#__PURE__*/React.createElement(GridColumn, {
     all: "4",
@@ -139,6 +144,11 @@ StoreBanner.propTypes = {
   onClickApple: PropTypes.func,
   linkGoogle: PropTypes.string,
   onClickGoogle: PropTypes.func,
+  linkHuawei: PropTypes.string,
+  onClickHuawei: PropTypes.func,
+  textButton: PropTypes.string,
+  linkButton: PropTypes.string,
+  rel: PropTypes.string,
   qrCode: PropTypes.string,
   deviceMask: PropTypes.oneOf(Object.values(DeviceMask)).isRequired,
   imageSrc: PropTypes.string.isRequired,

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

@@ -7,7 +7,7 @@ export declare enum Theme {
     HUAWEI_STORE = "huawei-store"
 }
 declare type LinkPropTypes = React.ComponentProps<typeof Link>;
-export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target'> & Pick<LinkPropTypes, 'onClick' | 'dataAttrs'> & {
+export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {
     /** Тема кнопки */
     theme: Theme;
     /** Дополнительный класс */

package/dist/es/components/StoreButton/StoreButton.js

@@ -33,13 +33,15 @@ var cn = cnCreate('mfui-store-button');
 
 var StoreButton = function StoreButton(_a) {
   var href = _a.href,
+      rel = _a.rel,
       onClick = _a.onClick,
       theme = _a.theme,
       className = _a.className,
-      rest = __rest(_a, ["href", "onClick", "theme", "className"]);
+      rest = __rest(_a, ["href", "rel", "onClick", "theme", "className"]);
 
   return /*#__PURE__*/React.createElement(Link, _extends({}, rest, {
     href: href,
+    rel: rel,
     onClick: onClick,
     className: cn({
       theme: theme
@@ -49,9 +51,13 @@ var StoreButton = function StoreButton(_a) {
 
 StoreButton.propTypes = {
   href: PropTypes.string.isRequired,
+  rel: PropTypes.string,
   theme: PropTypes.oneOf(Object.values(Theme)).isRequired,
   onClick: PropTypes.func,
   className: PropTypes.string,
-  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])
+  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  })
 };
 export default StoreButton;

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

@@ -34,6 +34,8 @@ export interface IContent {
     buttonTarget?: '_self' | '_blank' | '_parent' | '_top';
     /** Добавляет атрибут download для тега <a> компонента Button */
     buttonDownload?: boolean;
+    /** Добавляет атрибут rel для тега <a> компонента Button */
+    buttonRel?: string;
     /** Цвет кнопки */
     buttonColor?: ButtonColorType;
     /** Обработчик клика по кнопке */
@@ -52,6 +54,8 @@ export interface IContent {
     linkTarget?: '_self' | '_blank' | '_parent' | '_top';
     /** Добавляет атрибут download для тега <a> компонента TextLink */
     linkDownload?: boolean;
+    /** Добавляет атрибут rel для тега <a> компонента TextLink */
+    linkRel?: string;
     /** Строка со стоимостью услуги */
     cost?: string;
 }

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

@@ -86,6 +86,7 @@ var VideoBanner = function VideoBanner(_ref2) {
         buttonDownload = _ref3.buttonDownload,
         _ref3$buttonColor = _ref3.buttonColor,
         buttonColor = _ref3$buttonColor === void 0 ? ButtonColor.GREEN : _ref3$buttonColor,
+        buttonRel = _ref3.buttonRel,
         onButtonClick = _ref3.onButtonClick,
         onLinkClick = _ref3.onLinkClick,
         _ref3$textColor = _ref3.textColor,
@@ -95,6 +96,7 @@ var VideoBanner = function VideoBanner(_ref2) {
         linkUrl = _ref3.linkUrl,
         linkTarget = _ref3.linkTarget,
         linkDownload = _ref3.linkDownload,
+        linkRel = _ref3.linkRel,
         cost = _ref3.cost;
     return /*#__PURE__*/React.createElement(Grid, {
       className: cn('grid'),
@@ -132,7 +134,8 @@ var VideoBanner = function VideoBanner(_ref2) {
       href: buttonHref,
       target: buttonTarget,
       onClick: onButtonClick,
-      download: buttonDownload
+      download: buttonDownload,
+      rel: buttonRel
     }, buttonTitle), linkTitle && /*#__PURE__*/React.createElement(TextLink, {
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link
@@ -141,7 +144,8 @@ var VideoBanner = function VideoBanner(_ref2) {
       href: linkUrl,
       download: linkDownload,
       target: linkTarget,
-      onClick: onLinkClick
+      onClick: onLinkClick,
+      rel: linkRel
     }, linkTitle)))));
   }, [classes.button, classes.link, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link]);
   var renderVideo = React.useCallback(function () {
@@ -265,6 +269,7 @@ VideoBanner.propTypes = {
     buttonHref: PropTypes.string,
     buttonDownload: PropTypes.bool,
     buttonColor: PropTypes.oneOf(Object.values(ButtonColor)),
+    buttonRel: PropTypes.string,
     onButtonClick: PropTypes.func,
     onLinkClick: PropTypes.func,
     textColor: PropTypes.oneOf(Object.values(TextColor)),
@@ -272,6 +277,7 @@ VideoBanner.propTypes = {
     linkTitle: PropTypes.string,
     linkUrl: PropTypes.string,
     linkDownload: PropTypes.bool,
+    linkRel: PropTypes.string,
     cost: PropTypes.string
   }),
   isMuted: PropTypes.bool,

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

@@ -9,6 +9,8 @@ export interface IContent {
     buttonTitle?: string;
     /** Добавляет атрибут download для тега <a> компонента Button */
     buttonDownload?: boolean;
+    /** Добавляет атрибут rel для тега <a> компонента Button */
+    buttonRel?: string;
     /** Ссылка на кнопке */
     href?: string;
     /** Обработчик клика по кнопке */

package/dist/es/components/VideoBlock/VideoBlock.js

@@ -98,6 +98,7 @@ var VideoBlock = function VideoBlock(_ref) {
         href = _ref2.href,
         buttonDownload = _ref2.buttonDownload,
         buttonTitle = _ref2.buttonTitle,
+        buttonRel = _ref2.buttonRel,
         onButtonClick = _ref2.onButtonClick;
     return /*#__PURE__*/React.createElement("div", {
       className: cn('content', {
@@ -115,7 +116,8 @@ var VideoBlock = function VideoBlock(_ref) {
       className: cn('button', [classes.button]),
       href: href,
       onClick: onButtonClick,
-      download: buttonDownload
+      download: buttonDownload,
+      rel: buttonRel
     }, buttonTitle));
   }, [classes.button, classes.description, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button, contentPositionRight]);
   var renderGridColumns = React.useCallback(function () {
@@ -176,6 +178,7 @@ VideoBlock.propTypes = {
     href: PropTypes.string,
     buttonTitle: PropTypes.string,
     buttonDownload: PropTypes.bool,
+    buttonRel: PropTypes.string,
     onButtonClick: PropTypes.func
   }),
   videoType: PropTypes.oneOf(Object.values(VideoTypes)),

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

@@ -46,6 +46,8 @@ export interface IButtonBannerProps {
     buttonTarget?: ButtonTargetType;
     /** Цвет кнопки */
     buttonColor?: ButtonColorType;
+    /** Rel - атрибут тега <a> */
+    buttonRel?: string;
     /** Масштабирование изображения */
     imageScaling?: ImageScalingType;
     /** Обработчик клика по кнопке */

package/dist/lib/components/ButtonBanner/ButtonBanner.js

@@ -66,6 +66,7 @@ var ButtonBanner = function ButtonBanner(_ref) {
       buttonTarget = _ref$buttonTarget === void 0 ? '_self' : _ref$buttonTarget,
       _ref$buttonColor = _ref.buttonColor,
       buttonColor = _ref$buttonColor === void 0 ? 'green' : _ref$buttonColor,
+      buttonRel = _ref.buttonRel,
       _ref$imageScaling = _ref.imageScaling,
       imageScaling = _ref$imageScaling === void 0 ? 'cover' : _ref$imageScaling,
       onButtonClick = _ref.onButtonClick;
@@ -76,6 +77,7 @@ var ButtonBanner = function ButtonBanner(_ref) {
     },
     className: cn('button', [classes.button]),
     href: buttonUrl,
+    rel: buttonRel,
     target: buttonTarget,
     theme: buttonColor,
     onClick: onButtonClick,
@@ -133,6 +135,7 @@ ButtonBanner.propTypes = {
   buttonDownload: PropTypes.bool,
   buttonTarget: PropTypes.oneOf(Object.values(ButtonTarget)),
   buttonColor: PropTypes.oneOf(Object.values(ButtonColor)),
+  buttonRel: PropTypes.string,
   onButtonClick: PropTypes.func
 };
 var _default = ButtonBanner;

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

@@ -27,12 +27,16 @@ export interface IButtonLinkBoxProps {
     buttonColor?: 'green' | 'purple';
     /** Target свойство кнопки */
     buttonTarget?: '_self' | '_blank' | '_parent' | '_top';
+    /** Rel - атрибут тега <a> для кнопки */
+    buttonRel?: string;
     /** Заголовок ссылки */
     linkTitle?: string;
     /** Добавляет атрибут download для тега <a> компонента Button */
     linkUrl?: string;
     /** Target свойство ссылки */
     linkTarget?: '_self' | '_blank' | '_parent' | '_top';
+    /** Rel - атрибут тега <a> для ссылки */
+    linkRel?: string;
     /** Добавляет атрибут download к свойству тега <a> */
     linkDownload?: boolean;
     /** Горизонтальное выравнивание */

package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js

@@ -35,9 +35,11 @@ var ButtonLinkBox = function ButtonLinkBox(_ref) {
       buttonDownload = _ref.buttonDownload,
       _ref$buttonColor = _ref.buttonColor,
       buttonColor = _ref$buttonColor === void 0 ? 'green' : _ref$buttonColor,
+      buttonRel = _ref.buttonRel,
       linkTitle = _ref.linkTitle,
       linkUrl = _ref.linkUrl,
       linkDownload = _ref.linkDownload,
+      linkRel = _ref.linkRel,
       align = _ref.align,
       className = _ref.className,
       buttonTarget = _ref.buttonTarget,
@@ -62,7 +64,8 @@ var ButtonLinkBox = function ButtonLinkBox(_ref) {
     theme: buttonColor,
     onClick: onButtonClick,
     target: buttonTarget,
-    download: buttonDownload
+    download: buttonDownload,
+    rel: buttonRel
   }, buttonTitle)), linkTitle && /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('row')
   }, /*#__PURE__*/_react["default"].createElement(_uiCore.TextLink, {
@@ -74,6 +77,7 @@ var ButtonLinkBox = function ButtonLinkBox(_ref) {
     download: linkDownload,
     underlineVisibility: "always",
     target: linkTarget,
+    rel: linkRel,
     onClick: onLinkClick
   }, linkTitle)));
 };
@@ -97,9 +101,11 @@ ButtonLinkBox.propTypes = {
   buttonUrl: PropTypes.string,
   buttonDownload: PropTypes.bool,
   buttonColor: PropTypes.oneOf(['green', 'purple']),
+  buttonRel: PropTypes.string,
   linkTitle: PropTypes.string,
   linkUrl: PropTypes.string,
   linkDownload: PropTypes.bool,
+  linkRel: PropTypes.string,
   align: PropTypes.oneOf(['center']),
   onButtonClick: PropTypes.func,
   onLinkClick: PropTypes.func

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

@@ -10,6 +10,7 @@ interface IButton {
     href?: string;
     target?: TargetType;
     download?: boolean;
+    rel?: string;
     onClick?: () => void;
 }
 interface ILink {
@@ -17,6 +18,7 @@ interface ILink {
     href?: string;
     target?: TargetType;
     download?: boolean;
+    rel?: string;
 }
 export declare const ObjectFit: {
     readonly FILL: "fill";

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

@@ -95,7 +95,8 @@ var Card = function Card(_ref) {
     var linkHref = link.href,
         linkTitle = link.title,
         linkTarget = link.target,
-        download = link.download;
+        download = link.download,
+        linkRel = link.rel;
 
     if (!linkHref || isCardLink) {
       return /*#__PURE__*/_react["default"].createElement("span", {
@@ -107,6 +108,7 @@ var Card = function Card(_ref) {
       href: linkHref,
       download: download,
       target: linkTarget,
+      rel: linkRel,
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link
       },
@@ -123,6 +125,7 @@ var Card = function Card(_ref) {
         btnTitle = button.title,
         btnTarget = button.target,
         btnDownload = button.download,
+        btnRel = button.rel,
         btnOnClick = button.onClick;
     return /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
       dataAttrs: {
@@ -132,6 +135,7 @@ var Card = function Card(_ref) {
       href: btnHref,
       target: btnTarget,
       download: btnDownload,
+      rel: btnRel,
       onClick: btnOnClick
     }, btnTitle);
   }, [button, isCardLink, classes, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button]);
@@ -196,13 +200,15 @@ Card.propTypes = {
     href: _propTypes["default"].string,
     target: _propTypes["default"].oneOf(Object.values(Target)),
     download: _propTypes["default"].bool,
+    rel: _propTypes["default"].string,
     onClick: _propTypes["default"].func
   }),
   link: _propTypes["default"].shape({
     title: _propTypes["default"].string.isRequired,
     href: _propTypes["default"].string,
     target: _propTypes["default"].oneOf(Object.values(Target)),
-    download: _propTypes["default"].bool
+    download: _propTypes["default"].bool,
+    rel: _propTypes["default"].string
   }),
   isCenteredText: _propTypes["default"].bool,
   isLeftHAlign: _propTypes["default"].bool,

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

@@ -4,6 +4,7 @@ export declare type ItemType = {
     src: string;
     href?: string;
     alt: string;
+    rel?: string;
 };
 export interface IPartnersProps {
     /** Дополнительные data атрибуты к внутренним элементам */

package/dist/lib/components/Partners/Partners.js

@@ -65,9 +65,11 @@ var Partners = function Partners(_ref) {
 
     var src = item.src,
         href = item.href,
-        alt = item.alt;
+        alt = item.alt,
+        rel = item.rel;
     return /*#__PURE__*/React.createElement(_uiCore.Tile, {
       href: href,
+      rel: rel,
       shadowLevel: "default",
       isInteractive: !!href,
       className: cn('tile'),
@@ -133,6 +135,7 @@ Partners.propTypes = {
   className: PropTypes.string,
   items: PropTypes.arrayOf(PropTypes.shape({
     href: PropTypes.string,
+    rel: PropTypes.string,
     src: PropTypes.string.isRequired,
     alt: PropTypes.string.isRequired
   }).isRequired).isRequired,

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

@@ -37,6 +37,8 @@ export interface IStoreBannerProps {
     textButton?: string;
     /**  Ссылка для  кнопки */
     linkButton?: string;
+    /**  Rel - атрибут тега <a> для всех кнопок баннера */
+    rel?: string;
     /** Ссылка на картинку с QR-кодом */
     qrCode?: string;
     /** Цветовая тема компонента */

package/dist/lib/components/StoreBanner/StoreBanner.js

@@ -58,6 +58,7 @@ var StoreBanner = function StoreBanner(_ref) {
       linkButton = _ref.linkButton,
       _ref$textButton = _ref.textButton,
       textButton = _ref$textButton === void 0 ? 'Установите приложение' : _ref$textButton,
+      rel = _ref.rel,
       qrCode = _ref.qrCode,
       imageSrc = _ref.imageSrc,
       _ref$theme = _ref.theme,
@@ -108,6 +109,7 @@ var StoreBanner = function StoreBanner(_ref) {
     },
     theme: _StoreButton.Theme.APP_STORE,
     href: linkApple,
+    rel: rel,
     onClick: onClickApple,
     className: cn('store-link', {
       'app-store': true
@@ -118,6 +120,7 @@ var StoreBanner = function StoreBanner(_ref) {
     },
     theme: _StoreButton.Theme.GOOGLE_PLAY,
     href: linkGoogle,
+    rel: rel,
     className: cn('store-link', {
       'google-play': true
     }, googleLinkClassName),
@@ -128,6 +131,7 @@ var StoreBanner = function StoreBanner(_ref) {
     },
     theme: _StoreButton.Theme.HUAWEI_STORE,
     href: linkHuawei,
+    rel: rel,
     className: cn('store-link', {
       'huawei-store': true
     }, huaweiLinkClassName),
@@ -138,6 +142,7 @@ var StoreBanner = function StoreBanner(_ref) {
     },
     className: cn('button'),
     href: linkButton,
+    rel: rel,
     theme: theme === 'green' ? 'purple' : 'green'
   }, textButton)))), /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
     all: "4",
@@ -162,6 +167,11 @@ StoreBanner.propTypes = {
   onClickApple: _propTypes["default"].func,
   linkGoogle: _propTypes["default"].string,
   onClickGoogle: _propTypes["default"].func,
+  linkHuawei: _propTypes["default"].string,
+  onClickHuawei: _propTypes["default"].func,
+  textButton: _propTypes["default"].string,
+  linkButton: _propTypes["default"].string,
+  rel: _propTypes["default"].string,
   qrCode: _propTypes["default"].string,
   deviceMask: _propTypes["default"].oneOf(Object.values(DeviceMask)).isRequired,
   imageSrc: _propTypes["default"].string.isRequired,

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

@@ -7,7 +7,7 @@ export declare enum Theme {
     HUAWEI_STORE = "huawei-store"
 }
 declare type LinkPropTypes = React.ComponentProps<typeof Link>;
-export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target'> & Pick<LinkPropTypes, 'onClick' | 'dataAttrs'> & {
+export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {
     /** Тема кнопки */
     theme: Theme;
     /** Дополнительный класс */

package/dist/lib/components/StoreButton/StoreButton.js

@@ -55,13 +55,15 @@ var cn = (0, _uiHelpers.cnCreate)('mfui-store-button');
 
 var StoreButton = function StoreButton(_a) {
   var href = _a.href,
+      rel = _a.rel,
       onClick = _a.onClick,
       theme = _a.theme,
       className = _a.className,
-      rest = __rest(_a, ["href", "onClick", "theme", "className"]);
+      rest = __rest(_a, ["href", "rel", "onClick", "theme", "className"]);
 
   return /*#__PURE__*/React.createElement(_uiCore.Link, (0, _extends2["default"])({}, rest, {
     href: href,
+    rel: rel,
     onClick: onClick,
     className: cn({
       theme: theme
@@ -71,10 +73,14 @@ var StoreButton = function StoreButton(_a) {
 
 StoreButton.propTypes = {
   href: _propTypes["default"].string.isRequired,
+  rel: _propTypes["default"].string,
   theme: _propTypes["default"].oneOf(Object.values(Theme)).isRequired,
   onClick: _propTypes["default"].func,
   className: _propTypes["default"].string,
-  target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top'])
+  target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
+  dataAttrs: _propTypes["default"].shape({
+    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+  })
 };
 var _default = StoreButton;
 exports["default"] = _default;

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

@@ -34,6 +34,8 @@ export interface IContent {
     buttonTarget?: '_self' | '_blank' | '_parent' | '_top';
     /** Добавляет атрибут download для тега <a> компонента Button */
     buttonDownload?: boolean;
+    /** Добавляет атрибут rel для тега <a> компонента Button */
+    buttonRel?: string;
     /** Цвет кнопки */
     buttonColor?: ButtonColorType;
     /** Обработчик клика по кнопке */
@@ -52,6 +54,8 @@ export interface IContent {
     linkTarget?: '_self' | '_blank' | '_parent' | '_top';
     /** Добавляет атрибут download для тега <a> компонента TextLink */
     linkDownload?: boolean;
+    /** Добавляет атрибут rel для тега <a> компонента TextLink */
+    linkRel?: string;
     /** Строка со стоимостью услуги */
     cost?: string;
 }

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

@@ -119,6 +119,7 @@ var VideoBanner = function VideoBanner(_ref2) {
         buttonDownload = _ref3.buttonDownload,
         _ref3$buttonColor = _ref3.buttonColor,
         buttonColor = _ref3$buttonColor === void 0 ? ButtonColor.GREEN : _ref3$buttonColor,
+        buttonRel = _ref3.buttonRel,
         onButtonClick = _ref3.onButtonClick,
         onLinkClick = _ref3.onLinkClick,
         _ref3$textColor = _ref3.textColor,
@@ -128,6 +129,7 @@ var VideoBanner = function VideoBanner(_ref2) {
         linkUrl = _ref3.linkUrl,
         linkTarget = _ref3.linkTarget,
         linkDownload = _ref3.linkDownload,
+        linkRel = _ref3.linkRel,
         cost = _ref3.cost;
     return /*#__PURE__*/_react["default"].createElement(_uiCore.Grid, {
       className: cn('grid'),
@@ -165,7 +167,8 @@ var VideoBanner = function VideoBanner(_ref2) {
       href: buttonHref,
       target: buttonTarget,
       onClick: onButtonClick,
-      download: buttonDownload
+      download: buttonDownload,
+      rel: buttonRel
     }, buttonTitle), linkTitle && /*#__PURE__*/_react["default"].createElement(_uiCore.TextLink, {
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link
@@ -174,7 +177,8 @@ var VideoBanner = function VideoBanner(_ref2) {
       href: linkUrl,
       download: linkDownload,
       target: linkTarget,
-      onClick: onLinkClick
+      onClick: onLinkClick,
+      rel: linkRel
     }, linkTitle)))));
   }, [classes.button, classes.link, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link]);
 
@@ -301,6 +305,7 @@ VideoBanner.propTypes = {
     buttonHref: PropTypes.string,
     buttonDownload: PropTypes.bool,
     buttonColor: PropTypes.oneOf(Object.values(ButtonColor)),
+    buttonRel: PropTypes.string,
     onButtonClick: PropTypes.func,
     onLinkClick: PropTypes.func,
     textColor: PropTypes.oneOf(Object.values(TextColor)),
@@ -308,6 +313,7 @@ VideoBanner.propTypes = {
     linkTitle: PropTypes.string,
     linkUrl: PropTypes.string,
     linkDownload: PropTypes.bool,
+    linkRel: PropTypes.string,
     cost: PropTypes.string
   }),
   isMuted: PropTypes.bool,

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

@@ -9,6 +9,8 @@ export interface IContent {
     buttonTitle?: string;
     /** Добавляет атрибут download для тега <a> компонента Button */
     buttonDownload?: boolean;
+    /** Добавляет атрибут rel для тега <a> компонента Button */
+    buttonRel?: string;
     /** Ссылка на кнопке */
     href?: string;
     /** Обработчик клика по кнопке */

package/dist/lib/components/VideoBlock/VideoBlock.js

@@ -118,6 +118,7 @@ var VideoBlock = function VideoBlock(_ref) {
         href = _ref2.href,
         buttonDownload = _ref2.buttonDownload,
         buttonTitle = _ref2.buttonTitle,
+        buttonRel = _ref2.buttonRel,
         onButtonClick = _ref2.onButtonClick;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('content', {
@@ -135,7 +136,8 @@ var VideoBlock = function VideoBlock(_ref) {
       className: cn('button', [classes.button]),
       href: href,
       onClick: onButtonClick,
-      download: buttonDownload
+      download: buttonDownload,
+      rel: buttonRel
     }, buttonTitle));
   }, [classes.button, classes.description, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button, contentPositionRight]);
 
@@ -198,6 +200,7 @@ VideoBlock.propTypes = {
     href: _propTypes["default"].string,
     buttonTitle: _propTypes["default"].string,
     buttonDownload: _propTypes["default"].bool,
+    buttonRel: _propTypes["default"].string,
     onButtonClick: _propTypes["default"].func
   }),
   videoType: _propTypes["default"].oneOf(Object.values(VideoTypes)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "4.12.0",
+  "version": "4.13.1",
   "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.6.0",
+    "@megafon/ui-icons": "^2.7.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.4",
+    "@megafon/ui-core": "^4.13.0",
     "@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": "e7bdd83cccb39b833ced5eb1a5714f22166a0672"
+  "gitHead": "c6b6ee9a988f9563c4b630bd0fad47c432172e65"
 }