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

package/dist/lib/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/lib/components/StoreBanner/StoreBanner.js

@@ -40,28 +40,35 @@ var DeviceMask = {
   WHITE_IPHONE: 'white-iphone'
 };
 exports.DeviceMask = DeviceMask;
+var DEFAULT_TEXT_BUTTON = 'Установите приложение';
 var cn = (0, _uiHelpers.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", (0, _extends2["default"])({
     className: cn({
       theme: theme,
@@ -87,28 +94,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["default"], {
+  }, linkApple && /*#__PURE__*/React.createElement(_StoreButton["default"], {
     theme: _StoreButton.Theme.APP_STORE,
     href: linkApple,
     onClick: onClickApple,
     className: cn('store-link', {
       'app-store': true
     }, appleLinkClassName)
-  }), /*#__PURE__*/React.createElement(_StoreButton["default"], {
+  }), linkGoogle && /*#__PURE__*/React.createElement(_StoreButton["default"], {
     theme: _StoreButton.Theme.GOOGLE_PLAY,
     href: linkGoogle,
     className: cn('store-link', {
       'google-play': true
     }, googleLinkClassName),
     onClick: onClickGoogle
-  }))))), /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
+  }), linkHuawei && /*#__PURE__*/React.createElement(_StoreButton["default"], {
+    theme: _StoreButton.Theme.HUAWEI_STORE,
+    href: linkHuawei,
+    className: cn('store-link', {
+      'huawei-store': true
+    }, huaweiLinkClassName),
+    onClick: onClickHuawei
+  })), linkButton && /*#__PURE__*/React.createElement(_uiCore.Button, {
+    className: cn('button'),
+    href: linkButton,
+    theme: theme === 'green' ? 'purple' : 'green'
+  }, textButton)))), /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
     all: "4",
     desktop: "6",
     tablet: "6",
@@ -127,9 +147,9 @@ var StoreBanner = function StoreBanner(_ref) {
 StoreBanner.propTypes = {
   title: _propTypes["default"].string.isRequired,
   text: _propTypes["default"].string.isRequired,
-  linkApple: _propTypes["default"].string.isRequired,
+  linkApple: _propTypes["default"].string,
   onClickApple: _propTypes["default"].func,
-  linkGoogle: _propTypes["default"].string.isRequired,
+  linkGoogle: _propTypes["default"].string,
   onClickGoogle: _propTypes["default"].func,
   qrCode: _propTypes["default"].string,
   theme: _propTypes["default"].oneOf(Object.values(Theme)),

package/dist/lib/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/lib/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/lib/components/StoreButton/StoreButton.js

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

package/dist/lib/components/Table/Table.css

@@ -6,20 +6,38 @@ h5 {
   margin: 0;
 }
 .mfui-beta-table {
-  font-family: inherit;
-  font-size: 15px;
-  line-height: 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  font-family: inherit;
+  font-size: 15px;
+  line-height: 24px;
+}
+.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar-track {
+  background-color: #EDEDED;
+}
+.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  background-color: #D8D8D8;
+}
+.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar-corner {
+  background-color: #FFFFFF;
+}
+.mfui-beta-table:not(.mfui-beta-table_touch) .mfui-beta-table__scroll {
+  scrollbar-color: #D8D8D8 #EDEDED;
+  scrollbar-width: thin;
 }
 .mfui-beta-table__scroll {
+  position: relative;
   display: grid;
   grid-template-columns: auto auto auto;
   max-width: 100%;
-  overflow: auto;
-  position: relative;
   border: 1px solid #D8D8D8;
+  overflow: auto;
 }
 @media screen and (min-width: 1024px) {
   .mfui-beta-table__scroll {
@@ -30,76 +48,76 @@ h5 {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
-  width: 100%;
+  z-index: 2;
   display: block;
-  grid-column-end: 4;
   grid-column-start: 1;
-  z-index: 2;
-  margin-bottom: -6px;
+  grid-column-end: 4;
+  width: 100%;
   height: 6px;
+  margin-bottom: -6px;
   background: linear-gradient(359.94deg, rgba(0, 0, 0, 0.0001) 0.06%, rgba(0, 0, 0, 0.03) 38.08%, rgba(0, 0, 0, 0.08) 74.98%);
 }
 .mfui-beta-table__left-shadow {
   position: -webkit-sticky;
   position: sticky;
-  z-index: 2;
-  width: 6px;
-  left: 0;
   top: 0;
   bottom: 0;
+  left: 0;
+  z-index: 2;
+  width: 6px;
   margin-right: -6px;
   background: -webkit-gradient(linear, right top, left top, color-stop(16.3%, rgba(0, 0, 0, 0.0001)), color-stop(51.81%, rgba(0, 0, 0, 0.03)), color-stop(86.27%, rgba(0, 0, 0, 0.08)));
   background: linear-gradient(270deg, rgba(0, 0, 0, 0.0001) 16.3%, rgba(0, 0, 0, 0.03) 51.81%, rgba(0, 0, 0, 0.08) 86.27%);
 }
 .mfui-beta-table__bottom-gradient {
-  display: block;
-  height: 48px;
-  width: 100%;
-  margin-top: -48px;
   position: -webkit-sticky;
   position: sticky;
-  z-index: 1;
   bottom: 0;
+  z-index: 1;
+  display: block;
+  grid-column-start: 1;
+  grid-column-end: 4;
+  width: 100%;
+  height: 48px;
+  margin-top: -48px;
   background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #FFFFFF), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to top, #FFFFFF 25%, rgba(255, 255, 255, 0));
-  grid-column-end: 4;
-  grid-column-start: 1;
 }
 .mfui-beta-table__right-gradient {
-  display: block;
-  height: 100%;
-  width: 48px;
   position: -webkit-sticky;
   position: sticky;
-  z-index: 1;
   right: 0;
+  z-index: 1;
+  display: block;
+  width: 48px;
+  height: 100%;
   margin-left: -48px;
   background: -webkit-gradient(linear, right top, left top, color-stop(25%, #FFFFFF), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to left, #FFFFFF 25%, rgba(255, 255, 255, 0));
 }
 .mfui-beta-table__table {
-  border-spacing: 0;
   border-width: 0;
   border-collapse: separate;
+  border-spacing: 0;
   background-color: #FFFFFF;
 }
 .mfui-beta-table__cell {
-  padding: 24px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
+  padding: 24px;
   background-color: #FFFFFF;
 }
 @media screen and (max-width: 767px) {
   .mfui-beta-table__cell {
-    padding-left: 16px;
     padding-right: 16px;
+    padding-left: 16px;
   }
 }
 .mfui-beta-table__cell:first-child {
+  position: relative;
   left: 0;
-  min-width: 144px;
   width: 144px;
-  position: relative;
+  min-width: 144px;
   border-right: 1px solid #D8D8D8;
 }
 .mfui-beta-table__cell:not(:first-child) {
@@ -109,10 +127,10 @@ h5 {
   font-size: 12px;
   line-height: 16px;
   height: 72px;
-  background-color: #F6F6F6;
-  color: rgba(51, 51, 51, 0.5);
   padding-bottom: 12px;
+  color: rgba(51, 51, 51, 0.5);
   vertical-align: bottom;
+  background-color: #F6F6F6;
 }
 .mfui-beta-table__row:not(:last-child) .mfui-beta-table__cell {
   border-bottom: 1px solid #D8D8D8;
@@ -133,21 +151,3 @@ h5 {
 .mfui-beta-table_fix-column .mfui-beta-table__bottom-gradient {
   z-index: 3;
 }
-.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar-track {
-  background-color: #EDEDED;
-}
-.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar-thumb {
-  border-radius: 4px;
-  background-color: #D8D8D8;
-}
-.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar-corner {
-  background-color: #FFFFFF;
-}
-.mfui-beta-table:not(.mfui-beta-table_touch) .mfui-beta-table__scroll {
-  scrollbar-color: #D8D8D8 #EDEDED;
-  scrollbar-width: thin;
-}

package/dist/lib/components/TextBox/TextBoxPicture.css

@@ -0,0 +1,23 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-beta-text-box-picture_margin_default {
+  margin: 16px 0;
+}
+.mfui-beta-text-box-picture_margin_big-top {
+  margin: 24px 0 16px;
+}
+.mfui-beta-text-box-picture_margin_big-bottom {
+  margin: 16px 0 24px;
+}
+.mfui-beta-text-box-picture_margin_big-vertical {
+  margin: 24px 0;
+}
+.mfui-beta-text-box-picture__img {
+  width: 100%;
+  height: 100%;
+}

package/dist/lib/components/TextBox/TextBoxPicture.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import './TextBoxPicture.less';
+export declare const pictureMarginTypes: {
+    readonly DEFAULT: "default";
+    readonly BIG_TOP: "big-top";
+    readonly BIG_BOTTOM: "big-bottom";
+    readonly BIG_VERTICAL: "big-vertical";
+};
+declare type PictureMarginTypesType = typeof pictureMarginTypes[keyof typeof pictureMarginTypes];
+export interface ITextBoxPictureProps {
+    /** URL картинки */
+    url: string;
+    /** Значение вертикальных отступов */
+    margin?: PictureMarginTypesType;
+}
+declare const TextBoxPicture: React.FC<ITextBoxPictureProps>;
+export default TextBoxPicture;

package/dist/lib/components/TextBox/TextBoxPicture.js

@@ -0,0 +1,48 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.pictureMarginTypes = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
+var _uiHelpers = require("@megafon/ui-helpers");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var pictureMarginTypes = {
+  DEFAULT: 'default',
+  BIG_TOP: 'big-top',
+  BIG_BOTTOM: 'big-bottom',
+  BIG_VERTICAL: 'big-vertical'
+};
+exports.pictureMarginTypes = pictureMarginTypes;
+var cn = (0, _uiHelpers.cnCreate)('mfui-beta-text-box-picture');
+
+var TextBoxPicture = function TextBoxPicture(_ref) {
+  var url = _ref.url,
+      _ref$margin = _ref.margin,
+      margin = _ref$margin === void 0 ? pictureMarginTypes.DEFAULT : _ref$margin;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn({
+      margin: margin
+    })
+  }, /*#__PURE__*/React.createElement("img", {
+    className: cn('img'),
+    src: url
+  }));
+};
+
+TextBoxPicture.propTypes = {
+  url: PropTypes.string.isRequired,
+  margin: PropTypes.oneOf([pictureMarginTypes.DEFAULT, pictureMarginTypes.BIG_TOP, pictureMarginTypes.BIG_BOTTOM, pictureMarginTypes.BIG_VERTICAL])
+};
+var _default = TextBoxPicture;
+exports["default"] = _default;

package/dist/lib/components/VideoBanner/VideoBanner.css

@@ -11,26 +11,26 @@ h5 {
 }
 @media screen and (min-width: 1280px) {
   .mfui-beta-video-banner {
-    margin-left: -80px;
     margin-right: -80px;
+    margin-left: -80px;
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
   .mfui-beta-video-banner {
-    margin-left: -64px;
     margin-right: -64px;
+    margin-left: -64px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
   .mfui-beta-video-banner {
-    margin-left: -48px;
     margin-right: -48px;
+    margin-left: -48px;
   }
 }
 @media screen and (max-width: 767px) {
   .mfui-beta-video-banner {
-    margin-left: -16px;
     margin-right: -16px;
+    margin-left: -16px;
   }
 }
 .mfui-beta-video-banner__wrapper {
@@ -76,18 +76,17 @@ h5 {
 .mfui-beta-video-banner__background-image,
 .mfui-beta-video-banner__video {
   position: absolute;
-  left: 50%;
   top: 50%;
+  left: 50%;
   -webkit-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
-  max-width: 1440px;
 }
 .mfui-beta-video-banner__background-image {
   width: 100%;
   height: 100%;
+  background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
-  background-repeat: no-repeat;
 }
 .mfui-beta-video-banner__content {
   position: relative;
@@ -161,14 +160,14 @@ h5 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: start;
       -ms-flex-pack: start;
           justify-content: flex-start;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
   margin: -24px -10px 0;
 }
 @media screen and (max-width: 767px) {

package/dist/lib/components/VideoBlock/VideoBlock.css

@@ -21,10 +21,10 @@ h5 {
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  height: 100%;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
+  height: 100%;
 }
 @media screen and (max-width: 767px) {
   .mfui-beta-video-block__content {
@@ -38,8 +38,8 @@ h5 {
 }
 @media screen and (min-width: 768px) {
   .mfui-beta-video-block__content {
-    padding-right: 20px;
     margin-right: 20px;
+    padding-right: 20px;
   }
 }
 .mfui-beta-video-block__header {
@@ -54,8 +54,8 @@ h5 {
   margin-top: 24px;
 }
 .mfui-beta-video-block__button {
-  margin-top: 32px;
   width: 171px;
+  margin-top: 32px;
 }
 @media screen and (max-width: 767px) {
   .mfui-beta-video-block__button {

package/dist/lib/index.d.ts

@@ -28,6 +28,7 @@ export { default as TableCell } from './components/Table/TableCell';
 export { default as TableRow } from './components/Table/TableRow';
 export { default as TabsBox } from './components/TabsBox/TabsBox';
 export { default as TextBox } from './components/TextBox/TextBox';
+export { default as TextBoxPicture } from './components/TextBox/TextBoxPicture';
 export { default as TitleDescriptionBox } from './components/TitleDescriptionBox/TitleDescriptionBox';
 export { default as VideoBanner } from './components/VideoBanner/VideoBanner';
 export { default as VideoBlock } from './components/VideoBlock/VideoBlock';

package/dist/lib/index.js

@@ -183,6 +183,12 @@ Object.defineProperty(exports, "TextBox", {
     return _TextBox["default"];
   }
 });
+Object.defineProperty(exports, "TextBoxPicture", {
+  enumerable: true,
+  get: function get() {
+    return _TextBoxPicture["default"];
+  }
+});
 Object.defineProperty(exports, "TitleDescriptionBox", {
   enumerable: true,
   get: function get() {
@@ -262,6 +268,8 @@ var _TabsBox = _interopRequireDefault(require("./components/TabsBox/TabsBox"));
 
 var _TextBox = _interopRequireDefault(require("./components/TextBox/TextBox"));
 
+var _TextBoxPicture = _interopRequireDefault(require("./components/TextBox/TextBoxPicture"));
+
 var _TitleDescriptionBox = _interopRequireDefault(require("./components/TitleDescriptionBox/TitleDescriptionBox"));
 
 var _VideoBanner = _interopRequireDefault(require("./components/VideoBanner/VideoBanner"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "2.0.0-beta.223",
+  "version": "2.0.0-beta.227",
   "files": [
     "dist"
   ],
@@ -23,8 +23,8 @@
     "coverage:unit": "jest --ci --collectCoverage --coverageDirectory=coverage",
     "typecheck": "tsc --noEmit -p .",
     "lint": "yarn lint:ts && yarn lint:less",
-    "lint:less": "stylelint --syntax less src/**/*.less src/**/**/*.less",
     "lint:ts": "tslint -c tslint.json '{src,scripts}/**/*.ts?(x)'",
+    "lint:less": "stylelint --syntax less src/**/*.less src/**/**/*.less",
     "test": "yarn test:unit",
     "test:unit": "jest",
     "test:update": "jest --updateSnapshot"
@@ -33,8 +33,8 @@
     "access": "public"
   },
   "peerDependencies": {
-    "react": ">=16.4.1",
-    "react-dom": ">=16.4.1"
+    "react": ">=16.13.0",
+    "react-dom": ">=16.13.0"
   },
   "devDependencies": {
     "@babel/core": "^7.8.6",
@@ -43,13 +43,14 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
+    "@megafon/ui-icons": "^0.0.2-beta.2",
+    "@svgr/core": "^2.4.1",
     "@types/enzyme": "^3.10.5",
     "@types/enzyme-adapter-react-16": "^1.0.6",
     "@types/jest": "^25.1.3",
     "@types/prop-types": "^15.7.3",
     "@types/react": "^16.9.23",
     "@types/react-dom": "^16.9.5",
-    "@types/webpack-env": "^1.15.1",
     "babel-plugin-module-resolver": "^3.2.0",
     "del": "^3.0.0",
     "enzyme": "^3.11.0",
@@ -70,21 +71,17 @@
     "through2": "^2.0.5",
     "tslint": "^5.20.1",
     "tslint-react": "^3.6.0",
-    "typescript": "^3.8.3",
-    "webpack-filter-warnings-plugin": "^1.2.1"
+    "typescript": "^3.8.3"
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^2.0.0-beta.154",
+    "@megafon/ui-core": "^2.0.0-beta.158",
     "@megafon/ui-helpers": "^1.0.0-beta.0",
-    "@megafon/ui-icons": "^0.0.2-beta.1",
     "core-js": "^3.6.4",
-    "deep-equal": "^1.1.1",
     "htmr": "^0.9.2",
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.7.2",
-    "react-input-mask": "^2.0.4",
     "swiper": "^6.5.6"
   },
-  "gitHead": "9fadd54dfdf1595b74a436fdcf092e4472195dbf"
+  "gitHead": "31392180db10be2b81fdc179b38c5cf4fe6ac04f"
 }