@megafon/ui-shared 4.15.1 → 4.17.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.17.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.16.0...@megafon/ui-shared@4.17.0) (2023-04-11)
+
+
+### Features
+
+* **storebanner:** add RuStore and MiStore buttons ([9ed93d1](https://github.com/MegafonWebLab/megafon-ui/commit/9ed93d1e972276d18e8f955d42b665cf18aa8af4))
+
+
+
+
+
+# [4.16.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.15.1...@megafon/ui-shared@4.16.0) (2023-04-04)
+
+
+### Features
+
+* **storebanner:** add new mask for iphone 12 and content left on mobile ([8702938](https://github.com/MegafonWebLab/megafon-ui/commit/8702938d1bf9c0b1bbdc80f045e2bc329da1c99d))
+
+
+
+
+
 ## [4.15.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.15.0...@megafon/ui-shared@4.15.1) (2023-03-27)
 
 

package/dist/es/components/StoreBanner/StoreBanner.css

@@ -92,6 +92,48 @@ h5 {
     top: 63px;
   }
 }
+.mfui-store-banner_mask_iphone-12 .mfui-store-banner__device-mask {
+  position: relative;
+  z-index: 2;
+  background-image: url('./img/iphone12.png');
+}
+.mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
+  top: 16px;
+  z-index: 1;
+  width: 87%;
+}
+@media screen and (min-width: 1024px) and (max-width: 1279px) {
+  .mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
+    top: 18px;
+  }
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
+    top: 13px;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
+    top: 35px;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-store-banner_content-left-mobile .mfui-store-banner__content {
+    text-align: left;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-store-banner_content-left-mobile .mfui-store-banner__stores {
+    -webkit-box-pack: start;
+        -ms-flex-pack: start;
+            justify-content: flex-start;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-store-banner_content-left-mobile .mfui-store-banner__button {
+    margin: 0;
+  }
+}
 @media screen and (min-width: 1024px) {
   .mfui-store-banner__container {
     padding-top: 30px;

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

@@ -13,6 +13,7 @@ export declare const DeviceMask: {
     readonly NEW_IPHONE: "new-iphone";
     readonly BLACK_IPHONE: "black-iphone";
     readonly WHITE_IPHONE: "white-iphone";
+    readonly IPHONE_12: "iphone-12";
 };
 declare type DeviceMaskType = typeof DeviceMask[keyof typeof DeviceMask];
 declare type LinkHrefType = StoreButtonPropsType['href'];
@@ -30,10 +31,18 @@ export interface IStoreBannerProps {
     linkGoogle?: LinkHrefType;
     /** Обработчик клика по ссылке в Google Play */
     onClickGoogle?: LinkOnClickType;
-    /** Ссылка на скачивание приложения в Huawei Store */
+    /** Ссылка на скачивание приложения в Huawei App Gallery */
     linkHuawei?: LinkHrefType;
-    /** Обработчик клика по ссылке в Huawei Store */
+    /** Обработчик клика по ссылке в Huawei App Gallery */
     onClickHuawei?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в RuStore */
+    linkRuStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в RuStore */
+    onClickRuStore?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в Mi App Store */
+    linkMiStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в Mi App Store */
+    onClickMiStore?: LinkOnClickType;
     /**  Текст кнопки */
     textButton?: string;
     /**  Ссылка для  кнопки */
@@ -48,6 +57,8 @@ export interface IStoreBannerProps {
     deviceMask: DeviceMaskType;
     /** Изображение на дисплее телефона */
     imageSrc: string;
+    /** Выравнивание контента слева на мобильном разрешении */
+    isContentLeftMobile?: boolean;
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Дополнительные классы для корневого и внутренних элементов */
@@ -56,6 +67,8 @@ export interface IStoreBannerProps {
         appleLink?: string;
         googleLink?: string;
         huaweiLink?: string;
+        miStoreLink?: string;
+        ruStoreLink?: string;
     };
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
@@ -66,6 +79,8 @@ export interface IStoreBannerProps {
         linkApple?: Record<string, string>;
         linkGoogle?: Record<string, string>;
         linkHuawei?: Record<string, string>;
+        linkMiStore?: Record<string, string>;
+        linkRuStore?: Record<string, string>;
     };
 }
 declare const StoreBanner: React.FC<IStoreBannerProps>;

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

@@ -16,7 +16,8 @@ export var DeviceMask = {
   ANDROID: 'android',
   NEW_IPHONE: 'new-iphone',
   BLACK_IPHONE: 'black-iphone',
-  WHITE_IPHONE: 'white-iphone'
+  WHITE_IPHONE: 'white-iphone',
+  IPHONE_12: 'iphone-12'
 };
 var cn = cnCreate('mfui-store-banner');
 
@@ -28,11 +29,15 @@ var StoreBanner = function StoreBanner(_ref) {
       appleLinkClassName = _ref$classes.appleLink,
       googleLinkClassName = _ref$classes.googleLink,
       huaweiLinkClassName = _ref$classes.huaweiLink,
+      miStoreLinkClassName = _ref$classes.miStoreLink,
+      ruStoreLinkClassName = _ref$classes.ruStoreLink,
       title = _ref.title,
       text = _ref.text,
       linkApple = _ref.linkApple,
       linkGoogle = _ref.linkGoogle,
       linkHuawei = _ref.linkHuawei,
+      linkMiStore = _ref.linkMiStore,
+      linkRuStore = _ref.linkRuStore,
       linkButton = _ref.linkButton,
       _ref$textButton = _ref.textButton,
       textButton = _ref$textButton === void 0 ? 'Установите приложение' : _ref$textButton,
@@ -42,15 +47,19 @@ var StoreBanner = function StoreBanner(_ref) {
       _ref$theme = _ref.theme,
       theme = _ref$theme === void 0 ? 'default' : _ref$theme,
       deviceMask = _ref.deviceMask,
+      isContentLeftMobile = _ref.isContentLeftMobile,
       rootRef = _ref.rootRef,
       dataAttrs = _ref.dataAttrs,
       onClickApple = _ref.onClickApple,
       onClickGoogle = _ref.onClickGoogle,
-      onClickHuawei = _ref.onClickHuawei;
+      onClickHuawei = _ref.onClickHuawei,
+      onClickMiStore = _ref.onClickMiStore,
+      onClickRuStore = _ref.onClickRuStore;
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cn({
       theme: theme,
-      mask: deviceMask
+      mask: deviceMask,
+      'content-left-mobile': isContentLeftMobile
     }, [className, rootClassName]),
     ref: rootRef
   }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
@@ -103,6 +112,17 @@ var StoreBanner = function StoreBanner(_ref) {
       'google-play': true
     }, googleLinkClassName),
     onClick: onClickGoogle
+  }), linkRuStore && /*#__PURE__*/React.createElement(StoreButton, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkRuStore
+    },
+    theme: StoreButtonTheme.RU_STORE,
+    href: linkRuStore,
+    rel: rel,
+    className: cn('store-link', {
+      'ru-store': true
+    }, ruStoreLinkClassName),
+    onClick: onClickRuStore
   }), linkHuawei && /*#__PURE__*/React.createElement(StoreButton, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkHuawei
@@ -114,6 +134,17 @@ var StoreBanner = function StoreBanner(_ref) {
       'huawei-store': true
     }, huaweiLinkClassName),
     onClick: onClickHuawei
+  }), linkMiStore && /*#__PURE__*/React.createElement(StoreButton, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkMiStore
+    },
+    theme: StoreButtonTheme.MI_STORE,
+    href: linkMiStore,
+    rel: rel,
+    className: cn('store-link', {
+      'mi-store': true
+    }, miStoreLinkClassName),
+    onClick: onClickMiStore
   })), linkButton && /*#__PURE__*/React.createElement(Button, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
@@ -147,6 +178,10 @@ StoreBanner.propTypes = {
   onClickGoogle: PropTypes.func,
   linkHuawei: PropTypes.string,
   onClickHuawei: PropTypes.func,
+  linkMiStore: PropTypes.string,
+  onClickMiStore: PropTypes.func,
+  linkRuStore: PropTypes.string,
+  onClickRuStore: PropTypes.func,
   textButton: PropTypes.string,
   linkButton: PropTypes.string,
   rel: PropTypes.string,
@@ -156,7 +191,10 @@ StoreBanner.propTypes = {
   className: PropTypes.string,
   classes: PropTypes.shape({
     appleLink: PropTypes.string,
-    googleLink: PropTypes.string
+    googleLink: PropTypes.string,
+    huaweiLink: PropTypes.string,
+    miStoreLink: PropTypes.string,
+    ruStoreLink: PropTypes.string
   }),
   rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
     current: PropTypes.elementType
@@ -167,7 +205,9 @@ StoreBanner.propTypes = {
     button: PropTypes.objectOf(PropTypes.string.isRequired),
     linkApple: PropTypes.objectOf(PropTypes.string.isRequired),
     linkGoogle: PropTypes.objectOf(PropTypes.string.isRequired),
-    linkHuawei: PropTypes.objectOf(PropTypes.string.isRequired)
+    linkHuawei: PropTypes.objectOf(PropTypes.string.isRequired),
+    linkMiStore: PropTypes.objectOf(PropTypes.string.isRequired),
+    linkRuStore: PropTypes.objectOf(PropTypes.string.isRequired)
   })
 };
 export default StoreBanner;

package/dist/es/components/StoreButton/StoreButton.css

@@ -13,3 +13,9 @@
 .mfui-store-button_theme_huawei-store {
   background-image: url('./img/huawei-store.png');
 }
+.mfui-store-button_theme_mi-store {
+  background-image: url('./img/mi-store.png');
+}
+.mfui-store-button_theme_ru-store {
+  background-image: url('./img/ru-store.png');
+}

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

@@ -2,9 +2,11 @@ import * as React from 'react';
 import { Link } from '@megafon/ui-core';
 import './StoreButton.less';
 export declare enum Theme {
-    GOOGLE_PLAY = "google-play",
     APP_STORE = "app-store",
-    HUAWEI_STORE = "huawei-store"
+    GOOGLE_PLAY = "google-play",
+    HUAWEI_STORE = "huawei-store",
+    MI_STORE = "mi-store",
+    RU_STORE = "ru-store"
 }
 declare type LinkPropTypes = React.ComponentProps<typeof Link>;
 export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {

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

@@ -24,9 +24,11 @@ import "./StoreButton.css";
 export var Theme;
 
 (function (Theme) {
-  Theme["GOOGLE_PLAY"] = "google-play";
   Theme["APP_STORE"] = "app-store";
+  Theme["GOOGLE_PLAY"] = "google-play";
   Theme["HUAWEI_STORE"] = "huawei-store";
+  Theme["MI_STORE"] = "mi-store";
+  Theme["RU_STORE"] = "ru-store";
 })(Theme || (Theme = {}));
 
 var cn = cnCreate('mfui-store-button');

package/dist/lib/components/StoreBanner/StoreBanner.css

@@ -92,6 +92,48 @@ h5 {
     top: 63px;
   }
 }
+.mfui-store-banner_mask_iphone-12 .mfui-store-banner__device-mask {
+  position: relative;
+  z-index: 2;
+  background-image: url('./img/iphone12.png');
+}
+.mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
+  top: 16px;
+  z-index: 1;
+  width: 87%;
+}
+@media screen and (min-width: 1024px) and (max-width: 1279px) {
+  .mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
+    top: 18px;
+  }
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
+    top: 13px;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
+    top: 35px;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-store-banner_content-left-mobile .mfui-store-banner__content {
+    text-align: left;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-store-banner_content-left-mobile .mfui-store-banner__stores {
+    -webkit-box-pack: start;
+        -ms-flex-pack: start;
+            justify-content: flex-start;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-store-banner_content-left-mobile .mfui-store-banner__button {
+    margin: 0;
+  }
+}
 @media screen and (min-width: 1024px) {
   .mfui-store-banner__container {
     padding-top: 30px;

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

@@ -13,6 +13,7 @@ export declare const DeviceMask: {
     readonly NEW_IPHONE: "new-iphone";
     readonly BLACK_IPHONE: "black-iphone";
     readonly WHITE_IPHONE: "white-iphone";
+    readonly IPHONE_12: "iphone-12";
 };
 declare type DeviceMaskType = typeof DeviceMask[keyof typeof DeviceMask];
 declare type LinkHrefType = StoreButtonPropsType['href'];
@@ -30,10 +31,18 @@ export interface IStoreBannerProps {
     linkGoogle?: LinkHrefType;
     /** Обработчик клика по ссылке в Google Play */
     onClickGoogle?: LinkOnClickType;
-    /** Ссылка на скачивание приложения в Huawei Store */
+    /** Ссылка на скачивание приложения в Huawei App Gallery */
     linkHuawei?: LinkHrefType;
-    /** Обработчик клика по ссылке в Huawei Store */
+    /** Обработчик клика по ссылке в Huawei App Gallery */
     onClickHuawei?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в RuStore */
+    linkRuStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в RuStore */
+    onClickRuStore?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в Mi App Store */
+    linkMiStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в Mi App Store */
+    onClickMiStore?: LinkOnClickType;
     /**  Текст кнопки */
     textButton?: string;
     /**  Ссылка для  кнопки */
@@ -48,6 +57,8 @@ export interface IStoreBannerProps {
     deviceMask: DeviceMaskType;
     /** Изображение на дисплее телефона */
     imageSrc: string;
+    /** Выравнивание контента слева на мобильном разрешении */
+    isContentLeftMobile?: boolean;
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Дополнительные классы для корневого и внутренних элементов */
@@ -56,6 +67,8 @@ export interface IStoreBannerProps {
         appleLink?: string;
         googleLink?: string;
         huaweiLink?: string;
+        miStoreLink?: string;
+        ruStoreLink?: string;
     };
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
@@ -66,6 +79,8 @@ export interface IStoreBannerProps {
         linkApple?: Record<string, string>;
         linkGoogle?: Record<string, string>;
         linkHuawei?: Record<string, string>;
+        linkMiStore?: Record<string, string>;
+        linkRuStore?: Record<string, string>;
     };
 }
 declare const StoreBanner: React.FC<IStoreBannerProps>;

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

@@ -38,7 +38,8 @@ var DeviceMask = {
   ANDROID: 'android',
   NEW_IPHONE: 'new-iphone',
   BLACK_IPHONE: 'black-iphone',
-  WHITE_IPHONE: 'white-iphone'
+  WHITE_IPHONE: 'white-iphone',
+  IPHONE_12: 'iphone-12'
 };
 exports.DeviceMask = DeviceMask;
 var cn = (0, _uiHelpers.cnCreate)('mfui-store-banner');
@@ -51,11 +52,15 @@ var StoreBanner = function StoreBanner(_ref) {
       appleLinkClassName = _ref$classes.appleLink,
       googleLinkClassName = _ref$classes.googleLink,
       huaweiLinkClassName = _ref$classes.huaweiLink,
+      miStoreLinkClassName = _ref$classes.miStoreLink,
+      ruStoreLinkClassName = _ref$classes.ruStoreLink,
       title = _ref.title,
       text = _ref.text,
       linkApple = _ref.linkApple,
       linkGoogle = _ref.linkGoogle,
       linkHuawei = _ref.linkHuawei,
+      linkMiStore = _ref.linkMiStore,
+      linkRuStore = _ref.linkRuStore,
       linkButton = _ref.linkButton,
       _ref$textButton = _ref.textButton,
       textButton = _ref$textButton === void 0 ? 'Установите приложение' : _ref$textButton,
@@ -65,15 +70,19 @@ var StoreBanner = function StoreBanner(_ref) {
       _ref$theme = _ref.theme,
       theme = _ref$theme === void 0 ? 'default' : _ref$theme,
       deviceMask = _ref.deviceMask,
+      isContentLeftMobile = _ref.isContentLeftMobile,
       rootRef = _ref.rootRef,
       dataAttrs = _ref.dataAttrs,
       onClickApple = _ref.onClickApple,
       onClickGoogle = _ref.onClickGoogle,
-      onClickHuawei = _ref.onClickHuawei;
+      onClickHuawei = _ref.onClickHuawei,
+      onClickMiStore = _ref.onClickMiStore,
+      onClickRuStore = _ref.onClickRuStore;
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
     className: cn({
       theme: theme,
-      mask: deviceMask
+      mask: deviceMask,
+      'content-left-mobile': isContentLeftMobile
     }, [className, rootClassName]),
     ref: rootRef
   }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
@@ -126,6 +135,17 @@ var StoreBanner = function StoreBanner(_ref) {
       'google-play': true
     }, googleLinkClassName),
     onClick: onClickGoogle
+  }), linkRuStore && /*#__PURE__*/React.createElement(_StoreButton["default"], {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkRuStore
+    },
+    theme: _StoreButton.Theme.RU_STORE,
+    href: linkRuStore,
+    rel: rel,
+    className: cn('store-link', {
+      'ru-store': true
+    }, ruStoreLinkClassName),
+    onClick: onClickRuStore
   }), linkHuawei && /*#__PURE__*/React.createElement(_StoreButton["default"], {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkHuawei
@@ -137,6 +157,17 @@ var StoreBanner = function StoreBanner(_ref) {
       'huawei-store': true
     }, huaweiLinkClassName),
     onClick: onClickHuawei
+  }), linkMiStore && /*#__PURE__*/React.createElement(_StoreButton["default"], {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkMiStore
+    },
+    theme: _StoreButton.Theme.MI_STORE,
+    href: linkMiStore,
+    rel: rel,
+    className: cn('store-link', {
+      'mi-store': true
+    }, miStoreLinkClassName),
+    onClick: onClickMiStore
   })), linkButton && /*#__PURE__*/React.createElement(_uiCore.Button, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
@@ -170,6 +201,10 @@ StoreBanner.propTypes = {
   onClickGoogle: _propTypes["default"].func,
   linkHuawei: _propTypes["default"].string,
   onClickHuawei: _propTypes["default"].func,
+  linkMiStore: _propTypes["default"].string,
+  onClickMiStore: _propTypes["default"].func,
+  linkRuStore: _propTypes["default"].string,
+  onClickRuStore: _propTypes["default"].func,
   textButton: _propTypes["default"].string,
   linkButton: _propTypes["default"].string,
   rel: _propTypes["default"].string,
@@ -179,7 +214,10 @@ StoreBanner.propTypes = {
   className: _propTypes["default"].string,
   classes: _propTypes["default"].shape({
     appleLink: _propTypes["default"].string,
-    googleLink: _propTypes["default"].string
+    googleLink: _propTypes["default"].string,
+    huaweiLink: _propTypes["default"].string,
+    miStoreLink: _propTypes["default"].string,
+    ruStoreLink: _propTypes["default"].string
   }),
   rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
     current: _propTypes["default"].elementType
@@ -190,7 +228,9 @@ StoreBanner.propTypes = {
     button: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
     linkApple: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
     linkGoogle: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    linkHuawei: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+    linkHuawei: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    linkMiStore: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    linkRuStore: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
   })
 };
 var _default = StoreBanner;

package/dist/lib/components/StoreButton/StoreButton.css

@@ -13,3 +13,9 @@
 .mfui-store-button_theme_huawei-store {
   background-image: url('./img/huawei-store.png');
 }
+.mfui-store-button_theme_mi-store {
+  background-image: url('./img/mi-store.png');
+}
+.mfui-store-button_theme_ru-store {
+  background-image: url('./img/ru-store.png');
+}

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

@@ -2,9 +2,11 @@ import * as React from 'react';
 import { Link } from '@megafon/ui-core';
 import './StoreButton.less';
 export declare enum Theme {
-    GOOGLE_PLAY = "google-play",
     APP_STORE = "app-store",
-    HUAWEI_STORE = "huawei-store"
+    GOOGLE_PLAY = "google-play",
+    HUAWEI_STORE = "huawei-store",
+    MI_STORE = "mi-store",
+    RU_STORE = "ru-store"
 }
 declare type LinkPropTypes = React.ComponentProps<typeof Link>;
 export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {

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

@@ -46,9 +46,11 @@ var Theme;
 exports.Theme = Theme;
 
 (function (Theme) {
-  Theme["GOOGLE_PLAY"] = "google-play";
   Theme["APP_STORE"] = "app-store";
+  Theme["GOOGLE_PLAY"] = "google-play";
   Theme["HUAWEI_STORE"] = "huawei-store";
+  Theme["MI_STORE"] = "mi-store";
+  Theme["RU_STORE"] = "ru-store";
 })(Theme || (exports.Theme = Theme = {}));
 
 var cn = (0, _uiHelpers.cnCreate)('mfui-store-button');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "4.15.1",
+  "version": "4.17.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.8.1",
+    "@megafon/ui-icons": "^2.9.0",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -86,7 +86,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^4.15.0",
+    "@megafon/ui-core": "^4.15.2",
     "@megafon/ui-helpers": "^2.4.0",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
@@ -94,5 +94,5 @@
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "2b3c9ee6628b04ef8cf0105476716cac5558db02"
+  "gitHead": "c2d54353eccef1c32cac6aa03b91d48e98dcdb84"
 }