@megafon/ui-shared 5.4.1 → 5.5.0

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.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)
+
+
+### Bug Fixes
+
+* **card:** fix features list ([0fef3cb](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/0fef3cb3609c50e97edba24074562a13f72ffa55))
+
+
+
+
+
 ## [5.4.1](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-shared@5.4.0...@megafon/ui-shared@5.4.1) (2024-01-15)
 
 **Note:** Version bump only for package @megafon/ui-shared

package/dist/es/components/Card/Card.css

@@ -130,27 +130,58 @@ h5 {
           flex-direction: column;
   gap: 12px;
   margin-top: 16px;
+  overflow: hidden;
+}
+.mfui-card__features-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 .mfui-card__features-item {
+  position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  gap: 4px;
-  -webkit-box-align: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-.mfui-card__features-item-separator {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
+.mfui-card__features-item:before {
+  content: '';
+  position: absolute;
+  bottom: 0.4em;
+  width: 100%;
   height: 2px;
   background-image: radial-gradient(circle, var(--spbSky3) 1px, transparent 1px);
   background-size: 6px 2px;
 }
+.mfui-card__features-item-value {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  text-align: end;
+}
+.mfui-card__features-item-text {
+  position: relative;
+  z-index: 1;
+  background-color: var(--base);
+  -webkit-transition: background-color 0.3s;
+  transition: background-color 0.3s;
+}
+.mfui-card_view_background .mfui-card__features-item-text {
+  background-color: var(--spbSky0);
+}
+.mfui-card_link.mfui-card_view_background:hover .mfui-card__features-item-text {
+  background-color: var(--spbSky1);
+}
+.mfui-card__features-item-title .mfui-card__features-item-text {
+  padding-right: 4px;
+}
+.mfui-card__features-item-value .mfui-card__features-item-text {
+  padding-left: 4px;
+}
 .mfui-card__icons {
   margin-top: 16px;
 }

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

@@ -104,19 +104,21 @@ var Card = function Card(_ref5) {
     if (featuresList) {
       return /*#__PURE__*/React.createElement("div", {
         className: cn('features')
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/React.createElement("ul", {
         className: cn('features-list')
       }, featuresList.items.map(function (item, i) {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/React.createElement("li", {
           className: cn('features-item'),
           key: i
         }, /*#__PURE__*/React.createElement("div", {
           className: cn('features-item-title')
-        }, item.title), /*#__PURE__*/React.createElement("div", {
-          className: cn('features-item-separator')
-        }), /*#__PURE__*/React.createElement("div", {
+        }, /*#__PURE__*/React.createElement("span", {
+          className: cn('features-item-text')
+        }, item.title)), /*#__PURE__*/React.createElement("div", {
           className: cn('features-item-value')
-        }, item.value));
+        }, /*#__PURE__*/React.createElement("span", {
+          className: cn('features-item-text')
+        }, item.value)));
       })), featuresList.desc);
     }
 

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/es/components/VideoBanner/VideoBanner.d.ts

@@ -1,7 +1,8 @@
 import React, { Ref } from 'react';
 import { Props as BreadcrumbsPropsType } from '../Breadcrumbs/Breadcrumbs';
 import './VideoBanner.less';
-declare type BreadCrumbsItemsType = BreadcrumbsPropsType['items'];
+export declare type BreadCrumbsItemsType = BreadcrumbsPropsType['items'];
+export declare const testIdPrefix = "VideoBanner";
 export declare enum ClassName {
     BUTTON = "button",
     LINK = "link"
@@ -59,7 +60,7 @@ export interface IContent {
     /** Строка со стоимостью услуги */
     cost?: string;
 }
-interface IVideoBannerProps {
+export interface IVideoBannerProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;