@megafon/ui-shared 5.4.2 → 5.5.1

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.5.1](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-shared@5.5.0...@megafon/ui-shared@5.5.1) (2024-02-05)
+
+
+### Bug Fixes
+
+* **storebutton:** fix prop types ([ba0e5e6](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/ba0e5e6cd9fe2c716f6529abba8361e70a24e6c6))
+
+
+
+
+
+# [5.5.0](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-shared@5.4.2...@megafon/ui-shared@5.5.0) (2024-01-30)
+
+
+### Features
+
+* **storebanner:** add v-appstore button to banner ([b11115e](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/b11115e6436c2f6d8486aea78dd356e4447abefb))
+* **storebutton:** add v-appstore button, add size props ([5096d03](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/5096d039e91623807caf07b9f2d1347b24529bca))
+
+
+
+
+
 ## [5.4.2](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-shared@5.4.1...@megafon/ui-shared@5.4.2) (2024-01-22)
 
 

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

@@ -47,6 +47,10 @@ export interface IStoreBannerProps {
     linkMiStore?: LinkHrefType;
     /** Обработчик клика по ссылке в Mi App Store */
     onClickMiStore?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в V-Appstore */
+    linkVAppstore?: LinkHrefType;
+    /** Обработчик клика по ссылке в V-Appstore */
+    onClickVAppstore?: LinkOnClickType;
     /**  Текст кнопки */
     textButton?: string;
     /**  Ссылка для  кнопки */
@@ -74,6 +78,7 @@ export interface IStoreBannerProps {
         huaweiLink?: string;
         miStoreLink?: string;
         ruStoreLink?: string;
+        vAppstoreLink?: string;
         button?: string;
     };
     /** Ссылка на корневой элемент */
@@ -88,6 +93,7 @@ export interface IStoreBannerProps {
         linkHuawei?: Record<string, string>;
         linkMiStore?: Record<string, string>;
         linkRuStore?: Record<string, string>;
+        linkVAppstore?: Record<string, string>;
     };
 }
 declare const StoreBanner: React.FC<IStoreBannerProps>;

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

@@ -33,6 +33,7 @@ var StoreBanner = function StoreBanner(_ref) {
       huaweiLinkClassName = _ref$classes.huaweiLink,
       miStoreLinkClassName = _ref$classes.miStoreLink,
       ruStoreLinkClassName = _ref$classes.ruStoreLink,
+      vAppstoreLinkClassName = _ref$classes.vAppstoreLink,
       buttonClassName = _ref$classes.button,
       title = _ref.title,
       text = _ref.text,
@@ -42,6 +43,7 @@ var StoreBanner = function StoreBanner(_ref) {
       linkHuawei = _ref.linkHuawei,
       linkMiStore = _ref.linkMiStore,
       linkRuStore = _ref.linkRuStore,
+      linkVAppstore = _ref.linkVAppstore,
       linkButton = _ref.linkButton,
       _ref$textButton = _ref.textButton,
       textButton = _ref$textButton === void 0 ? 'Установите приложение' : _ref$textButton,
@@ -59,7 +61,8 @@ var StoreBanner = function StoreBanner(_ref) {
       onClickGoogle = _ref.onClickGoogle,
       onClickHuawei = _ref.onClickHuawei,
       onClickMiStore = _ref.onClickMiStore,
-      onClickRuStore = _ref.onClickRuStore;
+      onClickRuStore = _ref.onClickRuStore,
+      onClickVAppstore = _ref.onClickVAppstore;
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cn({
       theme: theme,
@@ -163,6 +166,17 @@ var StoreBanner = function StoreBanner(_ref) {
       'mi-store': true
     }, miStoreLinkClassName),
     onClick: onClickMiStore
+  }), linkVAppstore && /*#__PURE__*/React.createElement(StoreButton, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkVAppstore
+    },
+    theme: StoreButtonTheme.V_APPSTORE,
+    href: linkVAppstore,
+    rel: rel,
+    className: cn('store-link', {
+      'v-appstore': true
+    }, vAppstoreLinkClassName),
+    onClick: onClickVAppstore
   })), linkButton && /*#__PURE__*/React.createElement(Button, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
@@ -202,6 +216,8 @@ StoreBanner.propTypes = {
   onClickMiStore: PropTypes.func,
   linkRuStore: PropTypes.string,
   onClickRuStore: PropTypes.func,
+  linkVAppstore: PropTypes.string,
+  onClickVAppstore: PropTypes.func,
   textButton: PropTypes.string,
   linkButton: PropTypes.string,
   rel: PropTypes.string,
@@ -216,6 +232,7 @@ StoreBanner.propTypes = {
     huaweiLink: PropTypes.string,
     miStoreLink: PropTypes.string,
     ruStoreLink: PropTypes.string,
+    vAppstoreLink: PropTypes.string,
     button: PropTypes.string
   }),
   rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
@@ -230,7 +247,8 @@ StoreBanner.propTypes = {
     linkGoogle: PropTypes.objectOf(PropTypes.string.isRequired),
     linkHuawei: PropTypes.objectOf(PropTypes.string.isRequired),
     linkMiStore: PropTypes.objectOf(PropTypes.string.isRequired),
-    linkRuStore: PropTypes.objectOf(PropTypes.string.isRequired)
+    linkRuStore: PropTypes.objectOf(PropTypes.string.isRequired),
+    linkVAppstore: PropTypes.objectOf(PropTypes.string.isRequired)
   })
 };
 export default StoreBanner;

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

@@ -1,24 +1,266 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
 .mfui-store-button {
   border-radius: 8px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
 }
-.mfui-store-button_theme_app-store {
+.mfui-store-button_size-all_small.mfui-store-button_theme_app-store,
+.mfui-store-button_size-all_medium.mfui-store-button_theme_app-store {
   background-image: url('./img/app-store.png');
 }
-.mfui-store-button_theme_galaxy-store {
+.mfui-store-button_size-all_small.mfui-store-button_theme_galaxy-store,
+.mfui-store-button_size-all_medium.mfui-store-button_theme_galaxy-store {
   background-image: url('./img/galaxy-store.png');
 }
-.mfui-store-button_theme_google-play {
+.mfui-store-button_size-all_small.mfui-store-button_theme_google-play,
+.mfui-store-button_size-all_medium.mfui-store-button_theme_google-play {
   background-image: url('./img/google-play.png');
 }
-.mfui-store-button_theme_huawei-store {
+.mfui-store-button_size-all_small.mfui-store-button_theme_huawei-store,
+.mfui-store-button_size-all_medium.mfui-store-button_theme_huawei-store {
   background-image: url('./img/huawei-store.png');
 }
-.mfui-store-button_theme_mi-store {
+.mfui-store-button_size-all_small.mfui-store-button_theme_mi-store,
+.mfui-store-button_size-all_medium.mfui-store-button_theme_mi-store {
   background-image: url('./img/mi-store.png');
 }
-.mfui-store-button_theme_ru-store {
+.mfui-store-button_size-all_small.mfui-store-button_theme_ru-store,
+.mfui-store-button_size-all_medium.mfui-store-button_theme_ru-store {
   background-image: url('./img/ru-store.png');
 }
+.mfui-store-button_size-all_small.mfui-store-button_theme_v-appstore,
+.mfui-store-button_size-all_medium.mfui-store-button_theme_v-appstore {
+  background-image: url('./img/v-appstore.png');
+}
+.mfui-store-button_size-all_large.mfui-store-button_theme_app-store {
+  background-image: url('./img/app-store-large.png');
+}
+.mfui-store-button_size-all_large.mfui-store-button_theme_galaxy-store {
+  background-image: url('./img/galaxy-store-large.png');
+}
+.mfui-store-button_size-all_large.mfui-store-button_theme_google-play {
+  background-image: url('./img/google-play-large.png');
+}
+.mfui-store-button_size-all_large.mfui-store-button_theme_huawei-store {
+  background-image: url('./img/huawei-store-large.png');
+}
+.mfui-store-button_size-all_large.mfui-store-button_theme_mi-store {
+  background-image: url('./img/mi-store-large.png');
+}
+.mfui-store-button_size-all_large.mfui-store-button_theme_ru-store {
+  background-image: url('./img/ru-store-large.png');
+}
+.mfui-store-button_size-all_large.mfui-store-button_theme_v-appstore {
+  background-image: url('./img/v-appstore-large.png');
+}
+@media screen and (min-width: 1024px) {
+  .mfui-store-button_size-desktop_small.mfui-store-button_theme_app-store,
+  .mfui-store-button_size-desktop_medium.mfui-store-button_theme_app-store {
+    background-image: url('./img/app-store.png');
+  }
+  .mfui-store-button_size-desktop_small.mfui-store-button_theme_galaxy-store,
+  .mfui-store-button_size-desktop_medium.mfui-store-button_theme_galaxy-store {
+    background-image: url('./img/galaxy-store.png');
+  }
+  .mfui-store-button_size-desktop_small.mfui-store-button_theme_google-play,
+  .mfui-store-button_size-desktop_medium.mfui-store-button_theme_google-play {
+    background-image: url('./img/google-play.png');
+  }
+  .mfui-store-button_size-desktop_small.mfui-store-button_theme_huawei-store,
+  .mfui-store-button_size-desktop_medium.mfui-store-button_theme_huawei-store {
+    background-image: url('./img/huawei-store.png');
+  }
+  .mfui-store-button_size-desktop_small.mfui-store-button_theme_mi-store,
+  .mfui-store-button_size-desktop_medium.mfui-store-button_theme_mi-store {
+    background-image: url('./img/mi-store.png');
+  }
+  .mfui-store-button_size-desktop_small.mfui-store-button_theme_ru-store,
+  .mfui-store-button_size-desktop_medium.mfui-store-button_theme_ru-store {
+    background-image: url('./img/ru-store.png');
+  }
+  .mfui-store-button_size-desktop_small.mfui-store-button_theme_v-appstore,
+  .mfui-store-button_size-desktop_medium.mfui-store-button_theme_v-appstore {
+    background-image: url('./img/v-appstore.png');
+  }
+  .mfui-store-button_size-desktop_large.mfui-store-button_theme_app-store {
+    background-image: url('./img/app-store-large.png');
+  }
+  .mfui-store-button_size-desktop_large.mfui-store-button_theme_galaxy-store {
+    background-image: url('./img/galaxy-store-large.png');
+  }
+  .mfui-store-button_size-desktop_large.mfui-store-button_theme_google-play {
+    background-image: url('./img/google-play-large.png');
+  }
+  .mfui-store-button_size-desktop_large.mfui-store-button_theme_huawei-store {
+    background-image: url('./img/huawei-store-large.png');
+  }
+  .mfui-store-button_size-desktop_large.mfui-store-button_theme_mi-store {
+    background-image: url('./img/mi-store-large.png');
+  }
+  .mfui-store-button_size-desktop_large.mfui-store-button_theme_ru-store {
+    background-image: url('./img/ru-store-large.png');
+  }
+  .mfui-store-button_size-desktop_large.mfui-store-button_theme_v-appstore {
+    background-image: url('./img/v-appstore-large.png');
+  }
+}
+@media screen and (min-width: 1280px) {
+  .mfui-store-button_size-wide_small.mfui-store-button_theme_app-store,
+  .mfui-store-button_size-wide_medium.mfui-store-button_theme_app-store {
+    background-image: url('./img/app-store.png');
+  }
+  .mfui-store-button_size-wide_small.mfui-store-button_theme_galaxy-store,
+  .mfui-store-button_size-wide_medium.mfui-store-button_theme_galaxy-store {
+    background-image: url('./img/galaxy-store.png');
+  }
+  .mfui-store-button_size-wide_small.mfui-store-button_theme_google-play,
+  .mfui-store-button_size-wide_medium.mfui-store-button_theme_google-play {
+    background-image: url('./img/google-play.png');
+  }
+  .mfui-store-button_size-wide_small.mfui-store-button_theme_huawei-store,
+  .mfui-store-button_size-wide_medium.mfui-store-button_theme_huawei-store {
+    background-image: url('./img/huawei-store.png');
+  }
+  .mfui-store-button_size-wide_small.mfui-store-button_theme_mi-store,
+  .mfui-store-button_size-wide_medium.mfui-store-button_theme_mi-store {
+    background-image: url('./img/mi-store.png');
+  }
+  .mfui-store-button_size-wide_small.mfui-store-button_theme_ru-store,
+  .mfui-store-button_size-wide_medium.mfui-store-button_theme_ru-store {
+    background-image: url('./img/ru-store.png');
+  }
+  .mfui-store-button_size-wide_small.mfui-store-button_theme_v-appstore,
+  .mfui-store-button_size-wide_medium.mfui-store-button_theme_v-appstore {
+    background-image: url('./img/v-appstore.png');
+  }
+  .mfui-store-button_size-wide_large.mfui-store-button_theme_app-store {
+    background-image: url('./img/app-store-large.png');
+  }
+  .mfui-store-button_size-wide_large.mfui-store-button_theme_galaxy-store {
+    background-image: url('./img/galaxy-store-large.png');
+  }
+  .mfui-store-button_size-wide_large.mfui-store-button_theme_google-play {
+    background-image: url('./img/google-play-large.png');
+  }
+  .mfui-store-button_size-wide_large.mfui-store-button_theme_huawei-store {
+    background-image: url('./img/huawei-store-large.png');
+  }
+  .mfui-store-button_size-wide_large.mfui-store-button_theme_mi-store {
+    background-image: url('./img/mi-store-large.png');
+  }
+  .mfui-store-button_size-wide_large.mfui-store-button_theme_ru-store {
+    background-image: url('./img/ru-store-large.png');
+  }
+  .mfui-store-button_size-wide_large.mfui-store-button_theme_v-appstore {
+    background-image: url('./img/v-appstore-large.png');
+  }
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-store-button_size-tablet_small.mfui-store-button_theme_app-store,
+  .mfui-store-button_size-tablet_medium.mfui-store-button_theme_app-store {
+    background-image: url('./img/app-store.png');
+  }
+  .mfui-store-button_size-tablet_small.mfui-store-button_theme_galaxy-store,
+  .mfui-store-button_size-tablet_medium.mfui-store-button_theme_galaxy-store {
+    background-image: url('./img/galaxy-store.png');
+  }
+  .mfui-store-button_size-tablet_small.mfui-store-button_theme_google-play,
+  .mfui-store-button_size-tablet_medium.mfui-store-button_theme_google-play {
+    background-image: url('./img/google-play.png');
+  }
+  .mfui-store-button_size-tablet_small.mfui-store-button_theme_huawei-store,
+  .mfui-store-button_size-tablet_medium.mfui-store-button_theme_huawei-store {
+    background-image: url('./img/huawei-store.png');
+  }
+  .mfui-store-button_size-tablet_small.mfui-store-button_theme_mi-store,
+  .mfui-store-button_size-tablet_medium.mfui-store-button_theme_mi-store {
+    background-image: url('./img/mi-store.png');
+  }
+  .mfui-store-button_size-tablet_small.mfui-store-button_theme_ru-store,
+  .mfui-store-button_size-tablet_medium.mfui-store-button_theme_ru-store {
+    background-image: url('./img/ru-store.png');
+  }
+  .mfui-store-button_size-tablet_small.mfui-store-button_theme_v-appstore,
+  .mfui-store-button_size-tablet_medium.mfui-store-button_theme_v-appstore {
+    background-image: url('./img/v-appstore.png');
+  }
+  .mfui-store-button_size-tablet_large.mfui-store-button_theme_app-store {
+    background-image: url('./img/app-store-large.png');
+  }
+  .mfui-store-button_size-tablet_large.mfui-store-button_theme_galaxy-store {
+    background-image: url('./img/galaxy-store-large.png');
+  }
+  .mfui-store-button_size-tablet_large.mfui-store-button_theme_google-play {
+    background-image: url('./img/google-play-large.png');
+  }
+  .mfui-store-button_size-tablet_large.mfui-store-button_theme_huawei-store {
+    background-image: url('./img/huawei-store-large.png');
+  }
+  .mfui-store-button_size-tablet_large.mfui-store-button_theme_mi-store {
+    background-image: url('./img/mi-store-large.png');
+  }
+  .mfui-store-button_size-tablet_large.mfui-store-button_theme_ru-store {
+    background-image: url('./img/ru-store-large.png');
+  }
+  .mfui-store-button_size-tablet_large.mfui-store-button_theme_v-appstore {
+    background-image: url('./img/v-appstore-large.png');
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-store-button_size-mobile_small.mfui-store-button_theme_app-store,
+  .mfui-store-button_size-mobile_medium.mfui-store-button_theme_app-store {
+    background-image: url('./img/app-store.png');
+  }
+  .mfui-store-button_size-mobile_small.mfui-store-button_theme_galaxy-store,
+  .mfui-store-button_size-mobile_medium.mfui-store-button_theme_galaxy-store {
+    background-image: url('./img/galaxy-store.png');
+  }
+  .mfui-store-button_size-mobile_small.mfui-store-button_theme_google-play,
+  .mfui-store-button_size-mobile_medium.mfui-store-button_theme_google-play {
+    background-image: url('./img/google-play.png');
+  }
+  .mfui-store-button_size-mobile_small.mfui-store-button_theme_huawei-store,
+  .mfui-store-button_size-mobile_medium.mfui-store-button_theme_huawei-store {
+    background-image: url('./img/huawei-store.png');
+  }
+  .mfui-store-button_size-mobile_small.mfui-store-button_theme_mi-store,
+  .mfui-store-button_size-mobile_medium.mfui-store-button_theme_mi-store {
+    background-image: url('./img/mi-store.png');
+  }
+  .mfui-store-button_size-mobile_small.mfui-store-button_theme_ru-store,
+  .mfui-store-button_size-mobile_medium.mfui-store-button_theme_ru-store {
+    background-image: url('./img/ru-store.png');
+  }
+  .mfui-store-button_size-mobile_small.mfui-store-button_theme_v-appstore,
+  .mfui-store-button_size-mobile_medium.mfui-store-button_theme_v-appstore {
+    background-image: url('./img/v-appstore.png');
+  }
+  .mfui-store-button_size-mobile_large.mfui-store-button_theme_app-store {
+    background-image: url('./img/app-store-large.png');
+  }
+  .mfui-store-button_size-mobile_large.mfui-store-button_theme_galaxy-store {
+    background-image: url('./img/galaxy-store-large.png');
+  }
+  .mfui-store-button_size-mobile_large.mfui-store-button_theme_google-play {
+    background-image: url('./img/google-play-large.png');
+  }
+  .mfui-store-button_size-mobile_large.mfui-store-button_theme_huawei-store {
+    background-image: url('./img/huawei-store-large.png');
+  }
+  .mfui-store-button_size-mobile_large.mfui-store-button_theme_mi-store {
+    background-image: url('./img/mi-store-large.png');
+  }
+  .mfui-store-button_size-mobile_large.mfui-store-button_theme_ru-store {
+    background-image: url('./img/ru-store-large.png');
+  }
+  .mfui-store-button_size-mobile_large.mfui-store-button_theme_v-appstore {
+    background-image: url('./img/v-appstore-large.png');
+  }
+}

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

@@ -1,13 +1,19 @@
 import * as React from 'react';
 import { Link } from '@megafon/ui-core';
 import './StoreButton.less';
+export declare enum ButtonSizes {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}
 export declare enum Theme {
     APP_STORE = "app-store",
     GALAXY_STORE = "galaxy-store",
     GOOGLE_PLAY = "google-play",
     HUAWEI_STORE = "huawei-store",
     MI_STORE = "mi-store",
-    RU_STORE = "ru-store"
+    RU_STORE = "ru-store",
+    V_APPSTORE = "v-appstore"
 }
 declare type LinkPropTypes = React.ComponentProps<typeof Link>;
 export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {
@@ -15,6 +21,16 @@ export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPro
     theme: Theme;
     /** Дополнительный класс */
     className?: string;
+    /** Размер на всех разрешениях экрана */
+    sizeAll?: ButtonSizes;
+    /** Размер на разрешении экрана 1280+ */
+    sizeWide?: ButtonSizes;
+    /** Размер на разрешении экрана 1024+ */
+    sizeDesktop?: ButtonSizes;
+    /** Размер на разрешении экрана 768-1023 */
+    sizeTablet?: ButtonSizes;
+    /** Размер на разрешении экрана 0-767 */
+    sizeMobile?: ButtonSizes;
 };
 declare const StoreButton: React.FC<Props>;
 export default StoreButton;

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

@@ -21,6 +21,14 @@ import { Link } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
 import "./StoreButton.css";
+export var ButtonSizes;
+
+(function (ButtonSizes) {
+  ButtonSizes["SMALL"] = "small";
+  ButtonSizes["MEDIUM"] = "medium";
+  ButtonSizes["LARGE"] = "large";
+})(ButtonSizes || (ButtonSizes = {}));
+
 export var Theme;
 
 (function (Theme) {
@@ -30,6 +38,7 @@ export var Theme;
   Theme["HUAWEI_STORE"] = "huawei-store";
   Theme["MI_STORE"] = "mi-store";
   Theme["RU_STORE"] = "ru-store";
+  Theme["V_APPSTORE"] = "v-appstore";
 })(Theme || (Theme = {}));
 
 var cn = cnCreate('mfui-store-button');
@@ -40,14 +49,25 @@ var StoreButton = function StoreButton(_a) {
       onClick = _a.onClick,
       theme = _a.theme,
       className = _a.className,
-      rest = __rest(_a, ["href", "rel", "onClick", "theme", "className"]);
+      _a$sizeAll = _a.sizeAll,
+      sizeAll = _a$sizeAll === void 0 ? ButtonSizes.MEDIUM : _a$sizeAll,
+      sizeWide = _a.sizeWide,
+      sizeDesktop = _a.sizeDesktop,
+      sizeTablet = _a.sizeTablet,
+      sizeMobile = _a.sizeMobile,
+      rest = __rest(_a, ["href", "rel", "onClick", "theme", "className", "sizeAll", "sizeWide", "sizeDesktop", "sizeTablet", "sizeMobile"]);
 
   return /*#__PURE__*/React.createElement(Link, _extends({}, rest, {
     href: href,
     rel: rel,
     onClick: onClick,
     className: cn({
-      theme: theme
+      theme: theme,
+      'size-all': sizeAll,
+      'size-wide': sizeWide,
+      'size-desktop': sizeDesktop,
+      'size-tablet': sizeTablet,
+      'size-mobile': sizeMobile
     }, className)
   }));
 };
@@ -59,6 +79,11 @@ StoreButton.propTypes = {
   onClick: PropTypes.func,
   className: PropTypes.string,
   target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
+  sizeAll: PropTypes.oneOf(Object.values(ButtonSizes)).isRequired,
+  sizeWide: PropTypes.oneOf(Object.values(ButtonSizes)).isRequired,
+  sizeDesktop: PropTypes.oneOf(Object.values(ButtonSizes)).isRequired,
+  sizeTablet: PropTypes.oneOf(Object.values(ButtonSizes)).isRequired,
+  sizeMobile: PropTypes.oneOf(Object.values(ButtonSizes)).isRequired,
   dataAttrs: PropTypes.shape({
     root: PropTypes.objectOf(PropTypes.string.isRequired)
   })

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

@@ -47,6 +47,10 @@ export interface IStoreBannerProps {
     linkMiStore?: LinkHrefType;
     /** Обработчик клика по ссылке в Mi App Store */
     onClickMiStore?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в V-Appstore */
+    linkVAppstore?: LinkHrefType;
+    /** Обработчик клика по ссылке в V-Appstore */
+    onClickVAppstore?: LinkOnClickType;
     /**  Текст кнопки */
     textButton?: string;
     /**  Ссылка для  кнопки */
@@ -74,6 +78,7 @@ export interface IStoreBannerProps {
         huaweiLink?: string;
         miStoreLink?: string;
         ruStoreLink?: string;
+        vAppstoreLink?: string;
         button?: string;
     };
     /** Ссылка на корневой элемент */
@@ -88,6 +93,7 @@ export interface IStoreBannerProps {
         linkHuawei?: Record<string, string>;
         linkMiStore?: Record<string, string>;
         linkRuStore?: Record<string, string>;
+        linkVAppstore?: Record<string, string>;
     };
 }
 declare const StoreBanner: React.FC<IStoreBannerProps>;

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

@@ -56,6 +56,7 @@ var StoreBanner = function StoreBanner(_ref) {
       huaweiLinkClassName = _ref$classes.huaweiLink,
       miStoreLinkClassName = _ref$classes.miStoreLink,
       ruStoreLinkClassName = _ref$classes.ruStoreLink,
+      vAppstoreLinkClassName = _ref$classes.vAppstoreLink,
       buttonClassName = _ref$classes.button,
       title = _ref.title,
       text = _ref.text,
@@ -65,6 +66,7 @@ var StoreBanner = function StoreBanner(_ref) {
       linkHuawei = _ref.linkHuawei,
       linkMiStore = _ref.linkMiStore,
       linkRuStore = _ref.linkRuStore,
+      linkVAppstore = _ref.linkVAppstore,
       linkButton = _ref.linkButton,
       _ref$textButton = _ref.textButton,
       textButton = _ref$textButton === void 0 ? 'Установите приложение' : _ref$textButton,
@@ -82,7 +84,8 @@ var StoreBanner = function StoreBanner(_ref) {
       onClickGoogle = _ref.onClickGoogle,
       onClickHuawei = _ref.onClickHuawei,
       onClickMiStore = _ref.onClickMiStore,
-      onClickRuStore = _ref.onClickRuStore;
+      onClickRuStore = _ref.onClickRuStore,
+      onClickVAppstore = _ref.onClickVAppstore;
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
     className: cn({
       theme: theme,
@@ -186,6 +189,17 @@ var StoreBanner = function StoreBanner(_ref) {
       'mi-store': true
     }, miStoreLinkClassName),
     onClick: onClickMiStore
+  }), linkVAppstore && /*#__PURE__*/React.createElement(_StoreButton["default"], {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkVAppstore
+    },
+    theme: _StoreButton.Theme.V_APPSTORE,
+    href: linkVAppstore,
+    rel: rel,
+    className: cn('store-link', {
+      'v-appstore': true
+    }, vAppstoreLinkClassName),
+    onClick: onClickVAppstore
   })), linkButton && /*#__PURE__*/React.createElement(_uiCore.Button, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
@@ -225,6 +239,8 @@ StoreBanner.propTypes = {
   onClickMiStore: _propTypes["default"].func,
   linkRuStore: _propTypes["default"].string,
   onClickRuStore: _propTypes["default"].func,
+  linkVAppstore: _propTypes["default"].string,
+  onClickVAppstore: _propTypes["default"].func,
   textButton: _propTypes["default"].string,
   linkButton: _propTypes["default"].string,
   rel: _propTypes["default"].string,
@@ -239,6 +255,7 @@ StoreBanner.propTypes = {
     huaweiLink: _propTypes["default"].string,
     miStoreLink: _propTypes["default"].string,
     ruStoreLink: _propTypes["default"].string,
+    vAppstoreLink: _propTypes["default"].string,
     button: _propTypes["default"].string
   }),
   rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
@@ -253,7 +270,8 @@ StoreBanner.propTypes = {
     linkGoogle: _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)
+    linkRuStore: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    linkVAppstore: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
   })
 };
 var _default = StoreBanner;

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

@@ -1,24 +1,266 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
 .mfui-store-button {
   border-radius: 8px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
 }
-.mfui-store-button_theme_app-store {
+.mfui-store-button_size-all_small.mfui-store-button_theme_app-store,
+.mfui-store-button_size-all_medium.mfui-store-button_theme_app-store {
   background-image: url('./img/app-store.png');
 }
-.mfui-store-button_theme_galaxy-store {
+.mfui-store-button_size-all_small.mfui-store-button_theme_galaxy-store,
+.mfui-store-button_size-all_medium.mfui-store-button_theme_galaxy-store {
   background-image: url('./img/galaxy-store.png');
 }
-.mfui-store-button_theme_google-play {
+.mfui-store-button_size-all_small.mfui-store-button_theme_google-play,
+.mfui-store-button_size-all_medium.mfui-store-button_theme_google-play {
   background-image: url('./img/google-play.png');
 }
-.mfui-store-button_theme_huawei-store {
+.mfui-store-button_size-all_small.mfui-store-button_theme_huawei-store,
+.mfui-store-button_size-all_medium.mfui-store-button_theme_huawei-store {
   background-image: url('./img/huawei-store.png');
 }
-.mfui-store-button_theme_mi-store {
+.mfui-store-button_size-all_small.mfui-store-button_theme_mi-store,
+.mfui-store-button_size-all_medium.mfui-store-button_theme_mi-store {
   background-image: url('./img/mi-store.png');
 }
-.mfui-store-button_theme_ru-store {
+.mfui-store-button_size-all_small.mfui-store-button_theme_ru-store,
+.mfui-store-button_size-all_medium.mfui-store-button_theme_ru-store {
   background-image: url('./img/ru-store.png');
 }
+.mfui-store-button_size-all_small.mfui-store-button_theme_v-appstore,
+.mfui-store-button_size-all_medium.mfui-store-button_theme_v-appstore {
+  background-image: url('./img/v-appstore.png');
+}
+.mfui-store-button_size-all_large.mfui-store-button_theme_app-store {
+  background-image: url('./img/app-store-large.png');
+}
+.mfui-store-button_size-all_large.mfui-store-button_theme_galaxy-store {
+  background-image: url('./img/galaxy-store-large.png');
+}
+.mfui-store-button_size-all_large.mfui-store-button_theme_google-play {
+  background-image: url('./img/google-play-large.png');
+}
+.mfui-store-button_size-all_large.mfui-store-button_theme_huawei-store {
+  background-image: url('./img/huawei-store-large.png');
+}
+.mfui-store-button_size-all_large.mfui-store-button_theme_mi-store {
+  background-image: url('./img/mi-store-large.png');
+}
+.mfui-store-button_size-all_large.mfui-store-button_theme_ru-store {
+  background-image: url('./img/ru-store-large.png');
+}
+.mfui-store-button_size-all_large.mfui-store-button_theme_v-appstore {
+  background-image: url('./img/v-appstore-large.png');
+}
+@media screen and (min-width: 1024px) {
+  .mfui-store-button_size-desktop_small.mfui-store-button_theme_app-store,
+  .mfui-store-button_size-desktop_medium.mfui-store-button_theme_app-store {
+    background-image: url('./img/app-store.png');
+  }
+  .mfui-store-button_size-desktop_small.mfui-store-button_theme_galaxy-store,
+  .mfui-store-button_size-desktop_medium.mfui-store-button_theme_galaxy-store {
+    background-image: url('./img/galaxy-store.png');
+  }
+  .mfui-store-button_size-desktop_small.mfui-store-button_theme_google-play,
+  .mfui-store-button_size-desktop_medium.mfui-store-button_theme_google-play {
+    background-image: url('./img/google-play.png');
+  }
+  .mfui-store-button_size-desktop_small.mfui-store-button_theme_huawei-store,
+  .mfui-store-button_size-desktop_medium.mfui-store-button_theme_huawei-store {
+    background-image: url('./img/huawei-store.png');
+  }
+  .mfui-store-button_size-desktop_small.mfui-store-button_theme_mi-store,
+  .mfui-store-button_size-desktop_medium.mfui-store-button_theme_mi-store {
+    background-image: url('./img/mi-store.png');
+  }
+  .mfui-store-button_size-desktop_small.mfui-store-button_theme_ru-store,
+  .mfui-store-button_size-desktop_medium.mfui-store-button_theme_ru-store {
+    background-image: url('./img/ru-store.png');
+  }
+  .mfui-store-button_size-desktop_small.mfui-store-button_theme_v-appstore,
+  .mfui-store-button_size-desktop_medium.mfui-store-button_theme_v-appstore {
+    background-image: url('./img/v-appstore.png');
+  }
+  .mfui-store-button_size-desktop_large.mfui-store-button_theme_app-store {
+    background-image: url('./img/app-store-large.png');
+  }
+  .mfui-store-button_size-desktop_large.mfui-store-button_theme_galaxy-store {
+    background-image: url('./img/galaxy-store-large.png');
+  }
+  .mfui-store-button_size-desktop_large.mfui-store-button_theme_google-play {
+    background-image: url('./img/google-play-large.png');
+  }
+  .mfui-store-button_size-desktop_large.mfui-store-button_theme_huawei-store {
+    background-image: url('./img/huawei-store-large.png');
+  }
+  .mfui-store-button_size-desktop_large.mfui-store-button_theme_mi-store {
+    background-image: url('./img/mi-store-large.png');
+  }
+  .mfui-store-button_size-desktop_large.mfui-store-button_theme_ru-store {
+    background-image: url('./img/ru-store-large.png');
+  }
+  .mfui-store-button_size-desktop_large.mfui-store-button_theme_v-appstore {
+    background-image: url('./img/v-appstore-large.png');
+  }
+}
+@media screen and (min-width: 1280px) {
+  .mfui-store-button_size-wide_small.mfui-store-button_theme_app-store,
+  .mfui-store-button_size-wide_medium.mfui-store-button_theme_app-store {
+    background-image: url('./img/app-store.png');
+  }
+  .mfui-store-button_size-wide_small.mfui-store-button_theme_galaxy-store,
+  .mfui-store-button_size-wide_medium.mfui-store-button_theme_galaxy-store {
+    background-image: url('./img/galaxy-store.png');
+  }
+  .mfui-store-button_size-wide_small.mfui-store-button_theme_google-play,
+  .mfui-store-button_size-wide_medium.mfui-store-button_theme_google-play {
+    background-image: url('./img/google-play.png');
+  }
+  .mfui-store-button_size-wide_small.mfui-store-button_theme_huawei-store,
+  .mfui-store-button_size-wide_medium.mfui-store-button_theme_huawei-store {
+    background-image: url('./img/huawei-store.png');
+  }
+  .mfui-store-button_size-wide_small.mfui-store-button_theme_mi-store,
+  .mfui-store-button_size-wide_medium.mfui-store-button_theme_mi-store {
+    background-image: url('./img/mi-store.png');
+  }
+  .mfui-store-button_size-wide_small.mfui-store-button_theme_ru-store,
+  .mfui-store-button_size-wide_medium.mfui-store-button_theme_ru-store {
+    background-image: url('./img/ru-store.png');
+  }
+  .mfui-store-button_size-wide_small.mfui-store-button_theme_v-appstore,
+  .mfui-store-button_size-wide_medium.mfui-store-button_theme_v-appstore {
+    background-image: url('./img/v-appstore.png');
+  }
+  .mfui-store-button_size-wide_large.mfui-store-button_theme_app-store {
+    background-image: url('./img/app-store-large.png');
+  }
+  .mfui-store-button_size-wide_large.mfui-store-button_theme_galaxy-store {
+    background-image: url('./img/galaxy-store-large.png');
+  }
+  .mfui-store-button_size-wide_large.mfui-store-button_theme_google-play {
+    background-image: url('./img/google-play-large.png');
+  }
+  .mfui-store-button_size-wide_large.mfui-store-button_theme_huawei-store {
+    background-image: url('./img/huawei-store-large.png');
+  }
+  .mfui-store-button_size-wide_large.mfui-store-button_theme_mi-store {
+    background-image: url('./img/mi-store-large.png');
+  }
+  .mfui-store-button_size-wide_large.mfui-store-button_theme_ru-store {
+    background-image: url('./img/ru-store-large.png');
+  }
+  .mfui-store-button_size-wide_large.mfui-store-button_theme_v-appstore {
+    background-image: url('./img/v-appstore-large.png');
+  }
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-store-button_size-tablet_small.mfui-store-button_theme_app-store,
+  .mfui-store-button_size-tablet_medium.mfui-store-button_theme_app-store {
+    background-image: url('./img/app-store.png');
+  }
+  .mfui-store-button_size-tablet_small.mfui-store-button_theme_galaxy-store,
+  .mfui-store-button_size-tablet_medium.mfui-store-button_theme_galaxy-store {
+    background-image: url('./img/galaxy-store.png');
+  }
+  .mfui-store-button_size-tablet_small.mfui-store-button_theme_google-play,
+  .mfui-store-button_size-tablet_medium.mfui-store-button_theme_google-play {
+    background-image: url('./img/google-play.png');
+  }
+  .mfui-store-button_size-tablet_small.mfui-store-button_theme_huawei-store,
+  .mfui-store-button_size-tablet_medium.mfui-store-button_theme_huawei-store {
+    background-image: url('./img/huawei-store.png');
+  }
+  .mfui-store-button_size-tablet_small.mfui-store-button_theme_mi-store,
+  .mfui-store-button_size-tablet_medium.mfui-store-button_theme_mi-store {
+    background-image: url('./img/mi-store.png');
+  }
+  .mfui-store-button_size-tablet_small.mfui-store-button_theme_ru-store,
+  .mfui-store-button_size-tablet_medium.mfui-store-button_theme_ru-store {
+    background-image: url('./img/ru-store.png');
+  }
+  .mfui-store-button_size-tablet_small.mfui-store-button_theme_v-appstore,
+  .mfui-store-button_size-tablet_medium.mfui-store-button_theme_v-appstore {
+    background-image: url('./img/v-appstore.png');
+  }
+  .mfui-store-button_size-tablet_large.mfui-store-button_theme_app-store {
+    background-image: url('./img/app-store-large.png');
+  }
+  .mfui-store-button_size-tablet_large.mfui-store-button_theme_galaxy-store {
+    background-image: url('./img/galaxy-store-large.png');
+  }
+  .mfui-store-button_size-tablet_large.mfui-store-button_theme_google-play {
+    background-image: url('./img/google-play-large.png');
+  }
+  .mfui-store-button_size-tablet_large.mfui-store-button_theme_huawei-store {
+    background-image: url('./img/huawei-store-large.png');
+  }
+  .mfui-store-button_size-tablet_large.mfui-store-button_theme_mi-store {
+    background-image: url('./img/mi-store-large.png');
+  }
+  .mfui-store-button_size-tablet_large.mfui-store-button_theme_ru-store {
+    background-image: url('./img/ru-store-large.png');
+  }
+  .mfui-store-button_size-tablet_large.mfui-store-button_theme_v-appstore {
+    background-image: url('./img/v-appstore-large.png');
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-store-button_size-mobile_small.mfui-store-button_theme_app-store,
+  .mfui-store-button_size-mobile_medium.mfui-store-button_theme_app-store {
+    background-image: url('./img/app-store.png');
+  }
+  .mfui-store-button_size-mobile_small.mfui-store-button_theme_galaxy-store,
+  .mfui-store-button_size-mobile_medium.mfui-store-button_theme_galaxy-store {
+    background-image: url('./img/galaxy-store.png');
+  }
+  .mfui-store-button_size-mobile_small.mfui-store-button_theme_google-play,
+  .mfui-store-button_size-mobile_medium.mfui-store-button_theme_google-play {
+    background-image: url('./img/google-play.png');
+  }
+  .mfui-store-button_size-mobile_small.mfui-store-button_theme_huawei-store,
+  .mfui-store-button_size-mobile_medium.mfui-store-button_theme_huawei-store {
+    background-image: url('./img/huawei-store.png');
+  }
+  .mfui-store-button_size-mobile_small.mfui-store-button_theme_mi-store,
+  .mfui-store-button_size-mobile_medium.mfui-store-button_theme_mi-store {
+    background-image: url('./img/mi-store.png');
+  }
+  .mfui-store-button_size-mobile_small.mfui-store-button_theme_ru-store,
+  .mfui-store-button_size-mobile_medium.mfui-store-button_theme_ru-store {
+    background-image: url('./img/ru-store.png');
+  }
+  .mfui-store-button_size-mobile_small.mfui-store-button_theme_v-appstore,
+  .mfui-store-button_size-mobile_medium.mfui-store-button_theme_v-appstore {
+    background-image: url('./img/v-appstore.png');
+  }
+  .mfui-store-button_size-mobile_large.mfui-store-button_theme_app-store {
+    background-image: url('./img/app-store-large.png');
+  }
+  .mfui-store-button_size-mobile_large.mfui-store-button_theme_galaxy-store {
+    background-image: url('./img/galaxy-store-large.png');
+  }
+  .mfui-store-button_size-mobile_large.mfui-store-button_theme_google-play {
+    background-image: url('./img/google-play-large.png');
+  }
+  .mfui-store-button_size-mobile_large.mfui-store-button_theme_huawei-store {
+    background-image: url('./img/huawei-store-large.png');
+  }
+  .mfui-store-button_size-mobile_large.mfui-store-button_theme_mi-store {
+    background-image: url('./img/mi-store-large.png');
+  }
+  .mfui-store-button_size-mobile_large.mfui-store-button_theme_ru-store {
+    background-image: url('./img/ru-store-large.png');
+  }
+  .mfui-store-button_size-mobile_large.mfui-store-button_theme_v-appstore {
+    background-image: url('./img/v-appstore-large.png');
+  }
+}

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

@@ -1,13 +1,19 @@
 import * as React from 'react';
 import { Link } from '@megafon/ui-core';
 import './StoreButton.less';
+export declare enum ButtonSizes {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}
 export declare enum Theme {
     APP_STORE = "app-store",
     GALAXY_STORE = "galaxy-store",
     GOOGLE_PLAY = "google-play",
     HUAWEI_STORE = "huawei-store",
     MI_STORE = "mi-store",
-    RU_STORE = "ru-store"
+    RU_STORE = "ru-store",
+    V_APPSTORE = "v-appstore"
 }
 declare type LinkPropTypes = React.ComponentProps<typeof Link>;
 export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {
@@ -15,6 +21,16 @@ export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPro
     theme: Theme;
     /** Дополнительный класс */
     className?: string;
+    /** Размер на всех разрешениях экрана */
+    sizeAll?: ButtonSizes;
+    /** Размер на разрешении экрана 1280+ */
+    sizeWide?: ButtonSizes;
+    /** Размер на разрешении экрана 1024+ */
+    sizeDesktop?: ButtonSizes;
+    /** Размер на разрешении экрана 768-1023 */
+    sizeTablet?: ButtonSizes;
+    /** Размер на разрешении экрана 0-767 */
+    sizeMobile?: ButtonSizes;
 };
 declare const StoreButton: React.FC<Props>;
 export default StoreButton;

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

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Theme = void 0;
+exports["default"] = exports.Theme = exports.ButtonSizes = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -42,6 +42,15 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 
+var ButtonSizes;
+exports.ButtonSizes = ButtonSizes;
+
+(function (ButtonSizes) {
+  ButtonSizes["SMALL"] = "small";
+  ButtonSizes["MEDIUM"] = "medium";
+  ButtonSizes["LARGE"] = "large";
+})(ButtonSizes || (exports.ButtonSizes = ButtonSizes = {}));
+
 var Theme;
 exports.Theme = Theme;
 
@@ -52,6 +61,7 @@ exports.Theme = Theme;
   Theme["HUAWEI_STORE"] = "huawei-store";
   Theme["MI_STORE"] = "mi-store";
   Theme["RU_STORE"] = "ru-store";
+  Theme["V_APPSTORE"] = "v-appstore";
 })(Theme || (exports.Theme = Theme = {}));
 
 var cn = (0, _uiHelpers.cnCreate)('mfui-store-button');
@@ -62,14 +72,25 @@ var StoreButton = function StoreButton(_a) {
       onClick = _a.onClick,
       theme = _a.theme,
       className = _a.className,
-      rest = __rest(_a, ["href", "rel", "onClick", "theme", "className"]);
+      _a$sizeAll = _a.sizeAll,
+      sizeAll = _a$sizeAll === void 0 ? ButtonSizes.MEDIUM : _a$sizeAll,
+      sizeWide = _a.sizeWide,
+      sizeDesktop = _a.sizeDesktop,
+      sizeTablet = _a.sizeTablet,
+      sizeMobile = _a.sizeMobile,
+      rest = __rest(_a, ["href", "rel", "onClick", "theme", "className", "sizeAll", "sizeWide", "sizeDesktop", "sizeTablet", "sizeMobile"]);
 
   return /*#__PURE__*/React.createElement(_uiCore.Link, (0, _extends2["default"])({}, rest, {
     href: href,
     rel: rel,
     onClick: onClick,
     className: cn({
-      theme: theme
+      theme: theme,
+      'size-all': sizeAll,
+      'size-wide': sizeWide,
+      'size-desktop': sizeDesktop,
+      'size-tablet': sizeTablet,
+      'size-mobile': sizeMobile
     }, className)
   }));
 };
@@ -81,6 +102,11 @@ StoreButton.propTypes = {
   onClick: _propTypes["default"].func,
   className: _propTypes["default"].string,
   target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
+  sizeAll: _propTypes["default"].oneOf(Object.values(ButtonSizes)).isRequired,
+  sizeWide: _propTypes["default"].oneOf(Object.values(ButtonSizes)).isRequired,
+  sizeDesktop: _propTypes["default"].oneOf(Object.values(ButtonSizes)).isRequired,
+  sizeTablet: _propTypes["default"].oneOf(Object.values(ButtonSizes)).isRequired,
+  sizeMobile: _propTypes["default"].oneOf(Object.values(ButtonSizes)).isRequired,
   dataAttrs: _propTypes["default"].shape({
     root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
   })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "5.4.2",
+  "version": "5.5.1",
   "files": [
     "dist"
   ],
@@ -48,7 +48,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.18.0",
+    "@megafon/ui-icons": "^2.19.0",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -82,7 +82,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^5.4.5",
+    "@megafon/ui-core": "^5.4.6",
     "@megafon/ui-helpers": "^2.5.4",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
@@ -90,5 +90,5 @@
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "372cdb83f6be5d3a870df80e80c60b10f33cd91a"
+  "gitHead": "45f465c02b46c8d9011f4dbb353341f861e6a612"
 }