@megafon/ui-shared 2.0.0-beta.223 → 2.0.0-beta.227

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

@@ -4,12 +4,10 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
 import PropTypes from 'prop-types';
 import "./Instructions.css";
-import throttle from 'lodash.throttle';
 import convert from 'htmr';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';
-import { breakpoints, cnCreate } from '@megafon/ui-helpers';
-var THROTTLE_MILLISECONDS = 100;
+import { cnCreate } from '@megafon/ui-helpers';
 export var pictureAlignTypes = {
   LEFT: 'left',
   RIGHT: 'right'
@@ -55,11 +53,6 @@ var Instructions = function Instructions(_ref) {
       slideIndex = _React$useState4[0],
       setSlideIndex = _React$useState4[1];
 
-  var _React$useState5 = React.useState(false),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      isMobile = _React$useState6[0],
-      setIsMobile = _React$useState6[1];
-
   var getSwiperInstance = React.useCallback(function (swiper) {
     setSwiperInstance(swiper);
     getSwiper && getSwiper(swiper);
@@ -71,10 +64,6 @@ var Instructions = function Instructions(_ref) {
 
     return articleIndex === activeIndex ? "".concat(instructionItem, " ").concat(activeInstructionItem) : instructionItem;
   }, [instructionItem, activeInstructionItem]);
-  var handleResize = React.useCallback(function () {
-    var isMobileScreen = window.innerWidth < breakpoints.DESKTOP_SMALL_START;
-    setIsMobile(isMobileScreen);
-  }, []);
   var handleArticleClick = React.useCallback(function (ind) {
     return function () {
       setSlideIndex(ind);
@@ -139,7 +128,8 @@ var Instructions = function Instructions(_ref) {
   var renderDesktopArticles = React.useCallback(function () {
     return /*#__PURE__*/React.createElement("ul", {
       className: cn('articles-list', {
-        'text-after': !!text
+        'text-after': !!text,
+        desktop: true
       })
     }, instructionItems.map(function (_ref3, ind) {
       var itemTitle = _ref3.title;
@@ -160,7 +150,11 @@ var Instructions = function Instructions(_ref) {
     }));
   }, [instructionItems, slideIndex, handleArticleClick, text]);
   var renderMobileArticles = React.useCallback(function () {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
+      className: cn('articles-list', {
+        mobile: true
+      })
+    }, /*#__PURE__*/React.createElement("div", {
       className: cn('articles-title-block')
     }, instructionItems.map(function (_ref4, ind) {
       var itemTitle = _ref4.title;
@@ -185,14 +179,6 @@ var Instructions = function Instructions(_ref) {
       }, ind + 1));
     })));
   }, [instructionItems, slideIndex, handleArticleClick, text]);
-  React.useEffect(function () {
-    var handleSetThrottled = throttle(handleResize, THROTTLE_MILLISECONDS);
-    handleResize();
-    window.addEventListener('resize', handleSetThrottled);
-    return function () {
-      window.removeEventListener('resize', handleSetThrottled);
-    };
-  }, [handleResize]);
   return /*#__PURE__*/React.createElement("div", {
     className: cn({
       mask: pictureMask
@@ -212,7 +198,7 @@ var Instructions = function Instructions(_ref) {
     className: cn('articles', {
       align: pictureAlign
     })
-  }, renderTitle('desktop'), isMobile ? renderMobileArticles() : renderDesktopArticles(), text && renderText())))));
+  }, renderTitle('desktop'), renderMobileArticles(), renderDesktopArticles(), text && renderText())))));
 };
 
 Instructions.propTypes = {

package/dist/es/components/PageTitle/PageTitle.css

@@ -41,37 +41,37 @@ h5 {
   display: inline-block;
   margin-top: 16px;
   padding: 2px 14px;
+  color: #FFFFFF;
   font-weight: 500;
   background-color: #731982;
-  color: #FFFFFF;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-beta-page-title__breadcrumbs + .mfui-beta-page-title__badge {
+  .mfui-beta-page-title__badge_under-breadcrumbs {
     margin-top: 32px;
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-beta-page-title__breadcrumbs + .mfui-beta-page-title__badge {
+  .mfui-beta-page-title__badge_under-breadcrumbs {
     margin-top: 24px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-page-title__breadcrumbs + .mfui-beta-page-title__badge {
+  .mfui-beta-page-title__badge_under-breadcrumbs {
     margin-top: 16px;
   }
 }
 @media screen and (min-width: 1280px) {
-  .mfui-beta-page-title__breadcrumbs + .mfui-beta-page-title__title {
+  .mfui-beta-page-title__title_under-breadcrumbs {
     margin-top: 60px;
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-beta-page-title__breadcrumbs + .mfui-beta-page-title__title {
+  .mfui-beta-page-title__title_under-breadcrumbs {
     margin-top: 50px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-page-title__breadcrumbs + .mfui-beta-page-title__title {
+  .mfui-beta-page-title__title_under-breadcrumbs {
     margin-top: 45px;
   }
 }

package/dist/es/components/PageTitle/PageTitle.js

@@ -16,14 +16,16 @@ var PageTitle = function PageTitle(_ref) {
       _ref$classes = _ref.classes,
       classes = _ref$classes === void 0 ? {} : _ref$classes,
       rootRef = _ref.rootRef;
+  var isBreadcrumbs = !!(breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length);
   var renderPageTitle = React.useCallback(function () {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/React.createElement(Breadcrumbs, {
-      items: breadcrumbs,
-      className: cn('breadcrumbs', [classes.breadcrumbs])
-    }), badge && /*#__PURE__*/React.createElement("div", {
-      className: cn('badge')
+    return /*#__PURE__*/React.createElement(React.Fragment, null, badge && /*#__PURE__*/React.createElement("div", {
+      className: cn('badge', {
+        'under-breadcrumbs': isBreadcrumbs
+      })
     }, badge), /*#__PURE__*/React.createElement(Header, {
-      className: cn('title'),
+      className: cn('title', {
+        'under-breadcrumbs': isBreadcrumbs && !badge
+      }),
       as: "h1"
     }, title));
   }, [breadcrumbs, classes, badge, title]);
@@ -38,7 +40,10 @@ var PageTitle = function PageTitle(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: cn([className]),
     ref: rootRef
-  }, isFullWidth ? renderPageTitle() : renderPageTitleWithGrid());
+  }, (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/React.createElement(Breadcrumbs, {
+    items: breadcrumbs,
+    className: cn('breadcrumbs', [classes.breadcrumbs])
+  }), isFullWidth ? renderPageTitle() : renderPageTitleWithGrid());
 };
 
 PageTitle.propTypes = {

package/dist/es/components/Partners/Partners.css

@@ -46,8 +46,8 @@ h5 {
   position: absolute;
   top: 50%;
   left: 50%;
+  max-width: 100%;
+  max-height: 100%;
   -webkit-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
-  max-height: 100%;
-  max-width: 100%;
 }

package/dist/es/components/PictureWithDescription/PictureWithDescription.css

@@ -34,10 +34,10 @@ h5 {
 }
 @media screen and (min-width: 1024px) {
   .mfui-beta-picture-with-description__picture {
-    width: 50%;
     -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
             order: 2;
+    width: 50%;
   }
 }
 @media screen and (min-width: 1024px) {
@@ -61,10 +61,10 @@ h5 {
 }
 @media screen and (min-width: 1024px) {
   .mfui-beta-picture-with-description__articles {
-    width: 50%;
     -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
             order: 1;
+    width: 50%;
   }
 }
 @media screen and (min-width: 1024px) {

package/dist/es/components/Property/Property.css

@@ -35,19 +35,19 @@ h5 {
   display: flex;
 }
 .mfui-beta-property__icon {
+  display: inline-block;
   width: 24px;
   height: 24px;
-  overflow: hidden;
   margin-right: 9px;
   margin-left: 1px;
-  display: inline-block;
+  overflow: hidden;
   vertical-align: bottom;
 }
 .mfui-beta-property__badge {
-  border-radius: 2px;
-  font-size: 12px;
   padding: 2px 8px;
+  border-radius: 2px;
   color: #FFFFFF;
+  font-size: 12px;
   background: #FFA717;
 }
 .mfui-beta-property__inner {
@@ -70,18 +70,18 @@ h5 {
   width: 100%;
 }
 .mfui-beta-property__value-wrapper {
-  width: 35%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  width: 35%;
 }
 @media screen and (max-width: 479px) {
   .mfui-beta-property__value-wrapper {
@@ -90,10 +90,10 @@ h5 {
   }
 }
 .mfui-beta-property__value-wrapper_merged {
-  border-left: 1px solid #D8D8D8;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  border-left: 1px solid #D8D8D8;
 }
 .mfui-beta-property__desc {
   margin-top: 8px;
@@ -105,9 +105,9 @@ h5 {
   max-width: 234px;
   white-space: pre-line;
   text-align: right;
+  font-weight: 500;
   font-size: 18px;
   line-height: 24px;
-  font-weight: 500;
   letter-spacing: 0.5px;
 }
 @media screen and (min-width: 1280px) {

package/dist/es/components/Property/PropertyDescription.css

@@ -6,8 +6,8 @@ h5 {
   margin: 0;
 }
 .mfui-beta-property-description__collapse {
-  font-size: 12px;
   color: #34AAF2;
+  font-size: 12px;
   -webkit-text-decoration: underline dashed #34AAF2;
           text-decoration: underline dashed #34AAF2;
   cursor: pointer;

package/dist/es/components/Steps/Steps.css

@@ -7,8 +7,8 @@ h5 {
 }
 .mfui-beta-steps {
   width: 66%;
-  margin-left: auto;
   margin-right: auto;
+  margin-left: auto;
 }
 @media screen and (min-width: 1280px) {
   .mfui-beta-steps {
@@ -24,9 +24,9 @@ h5 {
   margin-bottom: 40px;
 }
 .mfui-beta-steps__list {
-  list-style: none;
   margin: 0;
   padding: 0;
+  list-style: none;
 }
 .mfui-beta-steps__item {
   margin-bottom: 48px;

package/dist/es/components/Steps/StepsItem.css

@@ -17,19 +17,19 @@ h5 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
   width: 40px;
   height: 40px;
   border-radius: 50%;
-  background-color: #00B956;
   color: #FFFFFF;
+  background-color: #00B956;
 }
 .mfui-beta-steps-item__text-wrapper {
   padding-top: 8px;

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

@@ -29,8 +29,8 @@ h5 {
   background-image: url('./img/new-iphone.png');
 }
 .mfui-beta-store-banner_mask_new-iphone .mfui-beta-store-banner__screen {
-  z-index: 1;
   top: 13px;
+  z-index: 1;
   width: 87%;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
@@ -110,9 +110,9 @@ h5 {
 }
 @media screen and (max-width: 767px) {
   .mfui-beta-store-banner__content {
+    padding-right: 15px;
     padding-bottom: 32px;
     padding-left: 15px;
-    padding-right: 15px;
     text-align: center;
   }
 }
@@ -122,12 +122,12 @@ h5 {
   background-size: cover;
 }
 .mfui-beta-store-banner__device-wrapper {
-  width: 235px;
   position: relative;
   bottom: calc(2 * (32px - 1px));
+  width: 235px;
   height: calc(100% + 2 * 32px + 30px);
-  margin-left: auto;
   margin-right: auto;
+  margin-left: auto;
   overflow: hidden;
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
@@ -187,17 +187,17 @@ h5 {
     height: 35px;
   }
 }
-.mfui-beta-store-banner__store-link_app-store {
+.mfui-beta-store-banner__store-link:not(:last-child) {
   margin-right: 16px;
   margin-bottom: 10px;
 }
 .mfui-beta-store-banner__stores {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
@@ -220,3 +220,46 @@ h5 {
   -webkit-transform: translateX(-50%);
           transform: translateX(-50%);
 }
+.mfui-beta-store-banner__links_three .mfui-beta-store-banner__qr-code {
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-beta-store-banner__links_three .mfui-beta-store-banner__qr-code {
+    width: 120px;
+    height: 120px;
+  }
+}
+@media screen and (min-width: 1280px) {
+  .mfui-beta-store-banner__links_three .mfui-beta-store-banner__qr-code {
+    max-width: 88px;
+    max-height: 88px;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .mfui-beta-store-banner__links_three .mfui-beta-store-banner__qr-code + .mfui-beta-store-banner__stores {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-pack: start;
+        -ms-flex-pack: start;
+            justify-content: flex-start;
+    max-width: 305px;
+  }
+}
+.mfui-beta-store-banner__links_three .mfui-beta-store-banner__qr-code + .mfui-beta-store-banner__stores .mfui-beta-store-banner__store-link {
+  margin-right: 16px;
+}
+.mfui-beta-store-banner__links_three .mfui-beta-store-banner__qr-code + .mfui-beta-store-banner__stores .mfui-beta-store-banner__store-link:not(:first-child) {
+  margin-right: 0;
+}
+.mfui-beta-store-banner__links_three .mfui-beta-store-banner__store-link {
+  width: 119px;
+  height: 35px;
+}
+@media screen and (max-width: 1023px) {
+  .mfui-beta-store-banner__links_three .mfui-beta-store-banner__store-link:not(:first-child) {
+    margin-right: 0;
+  }
+}

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

@@ -22,13 +22,21 @@ export interface IStoreBannerProps {
     /** Текст */
     text: string;
     /** Ссылка на скачивание приложения в  App Store */
-    linkApple: LinkHrefType;
+    linkApple?: LinkHrefType;
     /** Обработчик клика по ссылке в App Store */
     onClickApple?: LinkOnClickType;
     /** Ссылка на скачивание приложения в Google Play */
-    linkGoogle: LinkHrefType;
+    linkGoogle?: LinkHrefType;
     /** Обработчик клика по ссылке в Google Play */
     onClickGoogle?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в Huawei Store */
+    linkHuawei?: LinkHrefType;
+    /** Обработчик клика по ссылке в Huawei Store */
+    onClickHuawei?: LinkOnClickType;
+    /**  Текст кнопки */
+    textButton?: string;
+    /**  Ссылка для  кнопки */
+    linkButton?: string;
     /** Ссылка на картинку с QR-кодом */
     qrCode?: string;
     /** Цветовая тема компонента */
@@ -44,6 +52,7 @@ export interface IStoreBannerProps {
         root?: string;
         appleLink?: string;
         googleLink?: string;
+        huaweiLink?: string;
     };
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;

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

@@ -2,7 +2,7 @@ import "core-js/modules/es.object.values";
 import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';
+import { Button, Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import StoreButton, { Theme as StoreButtonTheme } from "../StoreButton/StoreButton";
 import "./StoreBanner.css";
@@ -17,28 +17,35 @@ export var DeviceMask = {
   BLACK_IPHONE: 'black-iphone',
   WHITE_IPHONE: 'white-iphone'
 };
+var DEFAULT_TEXT_BUTTON = 'Установите приложение';
 var cn = cnCreate('mfui-beta-store-banner');
 
 var StoreBanner = function StoreBanner(_ref) {
-  var title = _ref.title,
+  var className = _ref.className,
+      _ref$classes = _ref.classes;
+  _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
+  var rootClassName = _ref$classes.root,
+      appleLinkClassName = _ref$classes.appleLink,
+      googleLinkClassName = _ref$classes.googleLink,
+      huaweiLinkClassName = _ref$classes.huaweiLink,
+      title = _ref.title,
       text = _ref.text,
       linkApple = _ref.linkApple,
-      onClickApple = _ref.onClickApple,
       linkGoogle = _ref.linkGoogle,
-      onClickGoogle = _ref.onClickGoogle,
+      linkHuawei = _ref.linkHuawei,
+      linkButton = _ref.linkButton,
+      _ref$textButton = _ref.textButton,
+      textButton = _ref$textButton === void 0 ? DEFAULT_TEXT_BUTTON : _ref$textButton,
       qrCode = _ref.qrCode,
       imageSrc = _ref.imageSrc,
       _ref$theme = _ref.theme,
       theme = _ref$theme === void 0 ? Theme.CLEAR_WHITE : _ref$theme,
       deviceMask = _ref.deviceMask,
-      className = _ref.className,
-      _ref$classes = _ref.classes;
-  _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
-  var rootClassName = _ref$classes.root,
-      appleLinkClassName = _ref$classes.appleLink,
-      googleLinkClassName = _ref$classes.googleLink,
       rootRef = _ref.rootRef,
-      dataAttrs = _ref.dataAttrs;
+      dataAttrs = _ref.dataAttrs,
+      onClickApple = _ref.onClickApple,
+      onClickGoogle = _ref.onClickGoogle,
+      onClickHuawei = _ref.onClickHuawei;
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cn({
       theme: theme,
@@ -64,28 +71,41 @@ var StoreBanner = function StoreBanner(_ref) {
     hasMargin: false,
     color: "inherit"
   }, text), /*#__PURE__*/React.createElement("div", {
-    className: cn('links')
-  }, qrCode && /*#__PURE__*/React.createElement("img", {
+    className: cn('links', {
+      'three': !!linkApple && !!linkGoogle && !!linkHuawei
+    })
+  }, !linkButton && qrCode && /*#__PURE__*/React.createElement("img", {
     src: qrCode,
     className: cn('qr-code'),
     alt: "QR-\u043A\u043E\u0434"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), !linkButton && /*#__PURE__*/React.createElement("div", {
     className: cn('stores')
-  }, /*#__PURE__*/React.createElement(StoreButton, {
+  }, linkApple && /*#__PURE__*/React.createElement(StoreButton, {
     theme: StoreButtonTheme.APP_STORE,
     href: linkApple,
     onClick: onClickApple,
     className: cn('store-link', {
       'app-store': true
     }, appleLinkClassName)
-  }), /*#__PURE__*/React.createElement(StoreButton, {
+  }), linkGoogle && /*#__PURE__*/React.createElement(StoreButton, {
     theme: StoreButtonTheme.GOOGLE_PLAY,
     href: linkGoogle,
     className: cn('store-link', {
       'google-play': true
     }, googleLinkClassName),
     onClick: onClickGoogle
-  }))))), /*#__PURE__*/React.createElement(GridColumn, {
+  }), linkHuawei && /*#__PURE__*/React.createElement(StoreButton, {
+    theme: StoreButtonTheme.HUAWEI_STORE,
+    href: linkHuawei,
+    className: cn('store-link', {
+      'huawei-store': true
+    }, huaweiLinkClassName),
+    onClick: onClickHuawei
+  })), linkButton && /*#__PURE__*/React.createElement(Button, {
+    className: cn('button'),
+    href: linkButton,
+    theme: theme === 'green' ? 'purple' : 'green'
+  }, textButton)))), /*#__PURE__*/React.createElement(GridColumn, {
     all: "4",
     desktop: "6",
     tablet: "6",
@@ -104,9 +124,9 @@ var StoreBanner = function StoreBanner(_ref) {
 StoreBanner.propTypes = {
   title: PropTypes.string.isRequired,
   text: PropTypes.string.isRequired,
-  linkApple: PropTypes.string.isRequired,
+  linkApple: PropTypes.string,
   onClickApple: PropTypes.func,
-  linkGoogle: PropTypes.string.isRequired,
+  linkGoogle: PropTypes.string,
   onClickGoogle: PropTypes.func,
   qrCode: PropTypes.string,
   theme: PropTypes.oneOf(Object.values(Theme)),

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

@@ -1,8 +1,8 @@
 .mfui-beta-store-button {
-  background-size: cover;
+  border-radius: 8px;
   background-repeat: no-repeat;
   background-position: center;
-  border-radius: 8px;
+  background-size: cover;
 }
 .mfui-beta-store-button_theme_app-store {
   background-image: url('./img/app-store.png');
@@ -10,3 +10,6 @@
 .mfui-beta-store-button_theme_google-play {
   background-image: url('./img/google-play.png');
 }
+.mfui-beta-store-button_theme_huawei-store {
+  background-image: url('./img/huawei-store.png');
+}

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

@@ -3,7 +3,8 @@ import { Link } from '@megafon/ui-core';
 import './StoreButton.less';
 export declare enum Theme {
     GOOGLE_PLAY = "google-play",
-    APP_STORE = "app-store"
+    APP_STORE = "app-store",
+    HUAWEI_STORE = "huawei-store"
 }
 declare type LinkPropTypes = React.ComponentProps<typeof Link>;
 export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'onClick'> & {

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

@@ -9,6 +9,7 @@ export var Theme;
 (function (Theme) {
   Theme["GOOGLE_PLAY"] = "google-play";
   Theme["APP_STORE"] = "app-store";
+  Theme["HUAWEI_STORE"] = "huawei-store";
 })(Theme || (Theme = {}));
 
 var cn = cnCreate('mfui-beta-store-button');