@megafon/ui-shared 2.0.1 → 2.1.3

package/CHANGELOG.md

@@ -3,6 +3,45 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.1.3](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.1.2...@megafon/ui-shared@2.1.3) (2021-12-20)
+
+
+### Bug Fixes
+
+* **tabs:** fix active tab underline width ([4499399](https://github.com/MegafonWebLab/megafon-ui/commit/449939942730143712a92930a279a8b6fc17a012))
+* **ui-shared:** remove few eslint rules from .eslintrc.json ([de49316](https://github.com/MegafonWebLab/megafon-ui/commit/de49316bf982a7d573a0bdd94f949d6407ce0ff8))
+
+
+
+
+
+## [2.1.2](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.1.1...@megafon/ui-shared@2.1.2) (2021-12-14)
+
+**Note:** Version bump only for package @megafon/ui-shared
+
+
+
+
+
+## [2.1.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.1.0...@megafon/ui-shared@2.1.1) (2021-12-14)
+
+**Note:** Version bump only for package @megafon/ui-shared
+
+
+
+
+
+# [2.1.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.0.1...@megafon/ui-shared@2.1.0) (2021-12-13)
+
+
+### Features
+
+* **container:** add new indents to child components ([9469e71](https://github.com/MegafonWebLab/megafon-ui/commit/9469e71946371813c0e946f0a71a2b3876f386eb))
+
+
+
+
+
 ## [2.0.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.0.0...@megafon/ui-shared@2.0.1) (2021-12-07)
 
 **Note:** Version bump only for package @megafon/ui-shared

package/dist/es/components/Container/Container.css

@@ -1325,10 +1325,8 @@ h5 {
 .mfui-container .mfui-tabs-box + .mfui-button-link-box {
   margin-top: 48px;
 }
-@media screen and (max-width: 767px) {
-  .mfui-container .mfui-tabs-box + .mfui-button-link-box {
-    margin-top: 32px;
-  }
+.mfui-container .mfui-tabs-box + .mfui-download-links {
+  margin-top: 48px;
 }
 .mfui-container .mfui-tabs-box + .mfui-text-box {
   margin-top: 56px;
@@ -1339,6 +1337,12 @@ h5 {
   }
 }
 @media screen and (max-width: 767px) {
+  .mfui-container .mfui-tabs-box + .mfui-button-link-box {
+    margin-top: 32px;
+  }
+  .mfui-container .mfui-tabs-box + .mfui-download-links {
+    margin-top: 40px;
+  }
   .mfui-container .mfui-tabs-box + .mfui-text-box {
     margin-top: 40px;
   }
@@ -1438,9 +1442,6 @@ h5 {
 .mfui-container .mfui-tabs-box .mfui-tabs-box {
   margin-top: 0 !important;
 }
-.mfui-container .mfui-partners + .mfui-button-link-box {
-  margin-top: 48px;
-}
 .mfui-container .mfui-partners + .mfui-benefits-icons {
   margin-top: 56px;
 }
@@ -1459,9 +1460,6 @@ h5 {
 .mfui-container .mfui-partners + .mfui-tabs-box {
   margin-top: 56px;
 }
-.mfui-container .mfui-partners + .mfui-partners {
-  margin-top: 56px;
-}
 .mfui-container .mfui-partners + .mfui-instructions {
   margin-top: 56px;
 }
@@ -1475,10 +1473,10 @@ h5 {
   margin-top: 56px;
 }
 .mfui-container .mfui-partners + .mfui-button-link-box {
-  margin-top: 56px;
+  margin-top: 48px;
 }
 .mfui-container .mfui-partners + .mfui-download-links {
-  margin-top: 56px;
+  margin-top: 32px;
 }
 .mfui-container .mfui-partners + .mfui-text-box {
   margin-top: 56px;
@@ -1514,9 +1512,6 @@ h5 {
   .mfui-container .mfui-partners + .mfui-tabs-box {
     margin-top: 48px;
   }
-  .mfui-container .mfui-partners + .mfui-partners {
-    margin-top: 48px;
-  }
   .mfui-container .mfui-partners + .mfui-instructions {
     margin-top: 48px;
   }
@@ -1570,9 +1565,6 @@ h5 {
   .mfui-container .mfui-partners + .mfui-tabs-box {
     margin-top: 40px;
   }
-  .mfui-container .mfui-partners + .mfui-partners {
-    margin-top: 40px;
-  }
   .mfui-container .mfui-partners + .mfui-instructions {
     margin-top: 40px;
   }
@@ -1607,10 +1599,6 @@ h5 {
     margin-top: 40px;
   }
 }
-.mfui-container .mfui-partners + .mfui-partners,
-.mfui-container .mfui-partners + .mfui-download-links {
-  margin-top: 0 !important;
-}
 .mfui-container .mfui-instructions + .mfui-benefits-icons {
   margin-top: 56px;
 }
@@ -1644,11 +1632,8 @@ h5 {
 .mfui-container .mfui-instructions + .mfui-accordion-box {
   margin-top: 56px;
 }
-.mfui-container .mfui-instructions + .mfui-button-link-box {
-  margin-top: 56px;
-}
 .mfui-container .mfui-instructions + .mfui-download-links {
-  margin-top: 56px;
+  margin-top: 32px;
 }
 .mfui-container .mfui-instructions + .mfui-text-box {
   margin-top: 56px;
@@ -1665,7 +1650,7 @@ h5 {
 .mfui-container .mfui-instructions + .mfui-steps {
   margin-top: 56px;
 }
-@media screen and (max-width: 1023px) {
+@media screen and (min-width: 768px) and (max-width: 1023px) {
   .mfui-container .mfui-instructions + .mfui-benefits-icons {
     margin-top: 48px;
   }
@@ -1699,12 +1684,6 @@ h5 {
   .mfui-container .mfui-instructions + .mfui-accordion-box {
     margin-top: 48px;
   }
-  .mfui-container .mfui-instructions + .mfui-button-link-box {
-    margin-top: 48px;
-  }
-  .mfui-container .mfui-instructions + .mfui-download-links {
-    margin-top: 48px;
-  }
   .mfui-container .mfui-instructions + .mfui-text-box {
     margin-top: 48px;
   }
@@ -1721,9 +1700,55 @@ h5 {
     margin-top: 48px;
   }
 }
-.mfui-container .mfui-instructions + .mfui-button-link-box,
-.mfui-container .mfui-instructions + .mfui-download-links {
-  margin-top: 0 !important;
+@media screen and (max-width: 767px) {
+  .mfui-container .mfui-instructions + .mfui-benefits-icons {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-benefits-pictures {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-cards-box {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-carousel-box {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-video-block {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-tabs-box {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-partners {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-instructions {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-property {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-table {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-accordion-box {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-text-box {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-picture-with-description {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-store-banner {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-button-banner {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-steps {
+    margin-top: 40px;
+  }
 }
 .mfui-container .mfui-property + .mfui-benefits-icons {
   margin-top: 56px;
@@ -2091,6 +2116,9 @@ h5 {
 .mfui-container .mfui-accordion-box + .mfui-button-link-box {
   margin-top: 32px;
 }
+.mfui-container .mfui-accordion-box + .mfui-download-links {
+  margin-top: 48px;
+}
 .mfui-container .mfui-accordion-box + .mfui-text-box {
   margin-top: 56px;
 }
@@ -2100,6 +2128,9 @@ h5 {
   }
 }
 @media screen and (max-width: 767px) {
+  .mfui-container .mfui-accordion-box + .mfui-download-links {
+    margin-top: 40px;
+  }
   .mfui-container .mfui-accordion-box + .mfui-text-box {
     margin-top: 40px;
   }
@@ -2507,6 +2538,22 @@ h5 {
     margin-top: 32px;
   }
 }
+.mfui-container .mfui-store-banner + .mfui-download-links {
+  margin-top: 48px;
+}
+@media screen and (max-width: 767px) {
+  .mfui-container .mfui-store-banner + .mfui-download-links {
+    margin-top: 40px;
+  }
+}
+.mfui-container .mfui-button-banner + .mfui-download-links {
+  margin-top: 48px;
+}
+@media screen and (max-width: 767px) {
+  .mfui-container .mfui-button-banner + .mfui-download-links {
+    margin-top: 40px;
+  }
+}
 .mfui-container .mfui-steps + .mfui-benefits-icons {
   margin-top: 56px;
 }

package/dist/es/components/DownloadLinks/DownloadLink.css

@@ -31,6 +31,6 @@ h5 {
   margin: 0;
   font-size: 12px;
   line-height: 16px;
-  color: rgba(51, 51, 51, 0.5);
+  color: #33333380;
   text-transform: uppercase;
 }

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

@@ -1,5 +1,9 @@
 import "core-js/modules/es.array.map";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+
+/* eslint-disable jsx-a11y/click-events-have-key-events */
 import React from 'react';
 import { Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';

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

@@ -1,4 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+
+/* eslint-disable jsx-a11y/click-events-have-key-events */
 import * as React from 'react';
 import { Collapse } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';

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

@@ -5,9 +5,11 @@ h4,
 h5 {
   margin: 0;
 }
+.mfui-store-banner_theme_base .mfui-store-banner__grid,
 .mfui-store-banner_theme_clearWhite .mfui-store-banner__grid {
   background-color: #FFFFFF;
 }
+.mfui-store-banner_theme_base .mfui-store-banner__content,
 .mfui-store-banner_theme_clearWhite .mfui-store-banner__content {
   color: #333333;
 }
@@ -220,8 +222,10 @@ h5 {
   -webkit-transform: translateX(-50%);
           transform: translateX(-50%);
 }
-.mfui-store-banner__button {
-  margin: 0 auto;
+@media screen and (max-width: 767px) {
+  .mfui-store-banner__button {
+    margin: 0 auto;
+  }
 }
 .mfui-store-banner__links_three .mfui-store-banner__qr-code {
   -o-object-fit: contain;

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

@@ -2,9 +2,11 @@ import * as React from 'react';
 import { Props as StoreButtonPropsType } from '../StoreButton/StoreButton';
 import './StoreBanner.less';
 export declare const Theme: {
-    readonly CLEAR_WHITE: "clearWhite";
+    readonly BASE: "base";
     readonly GREEN: "green";
     readonly SPB_SKY_1: "spbSky1";
+    /** @deprecated */
+    readonly CLEAR_WHITE: "clearWhite";
 };
 declare type ThemeType = typeof Theme[keyof typeof Theme];
 export declare const DeviceMask: {

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

@@ -1,4 +1,7 @@
+import "core-js/modules/es.array.concat";
+import "core-js/modules/es.array.includes";
 import "core-js/modules/es.object.values";
+import "core-js/modules/es.string.includes";
 import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { Button, Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';
@@ -7,9 +10,12 @@ import PropTypes from 'prop-types';
 import StoreButton, { Theme as StoreButtonTheme } from "../StoreButton/StoreButton";
 import "./StoreBanner.css";
 export var Theme = {
-  CLEAR_WHITE: 'clearWhite',
+  BASE: 'base',
   GREEN: 'green',
-  SPB_SKY_1: 'spbSky1'
+  SPB_SKY_1: 'spbSky1',
+
+  /** @deprecated */
+  CLEAR_WHITE: 'clearWhite'
 };
 export var DeviceMask = {
   ANDROID: 'android',
@@ -129,7 +135,6 @@ StoreBanner.propTypes = {
   linkGoogle: PropTypes.string,
   onClickGoogle: PropTypes.func,
   qrCode: PropTypes.string,
-  theme: PropTypes.oneOf(Object.values(Theme)),
   deviceMask: PropTypes.oneOf(Object.values(DeviceMask)).isRequired,
   imageSrc: PropTypes.string.isRequired,
   className: PropTypes.string,
@@ -140,6 +145,20 @@ StoreBanner.propTypes = {
   rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
     current: PropTypes.elementType
   }), PropTypes.any])]),
-  dataAttrs: PropTypes.objectOf(PropTypes.string.isRequired)
+  dataAttrs: PropTypes.objectOf(PropTypes.string.isRequired),
+  theme: function theme(props, propName, componentName) {
+    var deprecatedValue = Theme.CLEAR_WHITE;
+    var propValue = props[propName];
+
+    if (propValue && !Object.values(Theme).includes(propValue)) {
+      return new Error("Failed prop type: Invalid prop '".concat(propName, "' of value '").concat(propValue, "' supplied to '").concat(componentName, "',\n            expected one of [").concat(Object.values(Theme), "]"));
+    }
+
+    if (propValue && propValue === deprecatedValue) {
+      return new Error("Failed prop type: Invalid prop '".concat(propName, "' of value '").concat(propValue, "' supplied to '").concat(componentName, "',\n            value '").concat(deprecatedValue, "' is deprecated, please use value '").concat(Theme.BASE, "'"));
+    }
+
+    return null;
+  }
 };
 export default StoreBanner;

package/dist/es/components/Table/Table.css

@@ -128,7 +128,7 @@ h5 {
   line-height: 16px;
   height: 72px;
   padding-bottom: 12px;
-  color: rgba(51, 51, 51, 0.5);
+  color: #33333380;
   vertical-align: bottom;
   background-color: #F6F6F6;
 }

package/dist/lib/components/Container/Container.css

@@ -1325,10 +1325,8 @@ h5 {
 .mfui-container .mfui-tabs-box + .mfui-button-link-box {
   margin-top: 48px;
 }
-@media screen and (max-width: 767px) {
-  .mfui-container .mfui-tabs-box + .mfui-button-link-box {
-    margin-top: 32px;
-  }
+.mfui-container .mfui-tabs-box + .mfui-download-links {
+  margin-top: 48px;
 }
 .mfui-container .mfui-tabs-box + .mfui-text-box {
   margin-top: 56px;
@@ -1339,6 +1337,12 @@ h5 {
   }
 }
 @media screen and (max-width: 767px) {
+  .mfui-container .mfui-tabs-box + .mfui-button-link-box {
+    margin-top: 32px;
+  }
+  .mfui-container .mfui-tabs-box + .mfui-download-links {
+    margin-top: 40px;
+  }
   .mfui-container .mfui-tabs-box + .mfui-text-box {
     margin-top: 40px;
   }
@@ -1438,9 +1442,6 @@ h5 {
 .mfui-container .mfui-tabs-box .mfui-tabs-box {
   margin-top: 0 !important;
 }
-.mfui-container .mfui-partners + .mfui-button-link-box {
-  margin-top: 48px;
-}
 .mfui-container .mfui-partners + .mfui-benefits-icons {
   margin-top: 56px;
 }
@@ -1459,9 +1460,6 @@ h5 {
 .mfui-container .mfui-partners + .mfui-tabs-box {
   margin-top: 56px;
 }
-.mfui-container .mfui-partners + .mfui-partners {
-  margin-top: 56px;
-}
 .mfui-container .mfui-partners + .mfui-instructions {
   margin-top: 56px;
 }
@@ -1475,10 +1473,10 @@ h5 {
   margin-top: 56px;
 }
 .mfui-container .mfui-partners + .mfui-button-link-box {
-  margin-top: 56px;
+  margin-top: 48px;
 }
 .mfui-container .mfui-partners + .mfui-download-links {
-  margin-top: 56px;
+  margin-top: 32px;
 }
 .mfui-container .mfui-partners + .mfui-text-box {
   margin-top: 56px;
@@ -1514,9 +1512,6 @@ h5 {
   .mfui-container .mfui-partners + .mfui-tabs-box {
     margin-top: 48px;
   }
-  .mfui-container .mfui-partners + .mfui-partners {
-    margin-top: 48px;
-  }
   .mfui-container .mfui-partners + .mfui-instructions {
     margin-top: 48px;
   }
@@ -1570,9 +1565,6 @@ h5 {
   .mfui-container .mfui-partners + .mfui-tabs-box {
     margin-top: 40px;
   }
-  .mfui-container .mfui-partners + .mfui-partners {
-    margin-top: 40px;
-  }
   .mfui-container .mfui-partners + .mfui-instructions {
     margin-top: 40px;
   }
@@ -1607,10 +1599,6 @@ h5 {
     margin-top: 40px;
   }
 }
-.mfui-container .mfui-partners + .mfui-partners,
-.mfui-container .mfui-partners + .mfui-download-links {
-  margin-top: 0 !important;
-}
 .mfui-container .mfui-instructions + .mfui-benefits-icons {
   margin-top: 56px;
 }
@@ -1644,11 +1632,8 @@ h5 {
 .mfui-container .mfui-instructions + .mfui-accordion-box {
   margin-top: 56px;
 }
-.mfui-container .mfui-instructions + .mfui-button-link-box {
-  margin-top: 56px;
-}
 .mfui-container .mfui-instructions + .mfui-download-links {
-  margin-top: 56px;
+  margin-top: 32px;
 }
 .mfui-container .mfui-instructions + .mfui-text-box {
   margin-top: 56px;
@@ -1665,7 +1650,7 @@ h5 {
 .mfui-container .mfui-instructions + .mfui-steps {
   margin-top: 56px;
 }
-@media screen and (max-width: 1023px) {
+@media screen and (min-width: 768px) and (max-width: 1023px) {
   .mfui-container .mfui-instructions + .mfui-benefits-icons {
     margin-top: 48px;
   }
@@ -1699,12 +1684,6 @@ h5 {
   .mfui-container .mfui-instructions + .mfui-accordion-box {
     margin-top: 48px;
   }
-  .mfui-container .mfui-instructions + .mfui-button-link-box {
-    margin-top: 48px;
-  }
-  .mfui-container .mfui-instructions + .mfui-download-links {
-    margin-top: 48px;
-  }
   .mfui-container .mfui-instructions + .mfui-text-box {
     margin-top: 48px;
   }
@@ -1721,9 +1700,55 @@ h5 {
     margin-top: 48px;
   }
 }
-.mfui-container .mfui-instructions + .mfui-button-link-box,
-.mfui-container .mfui-instructions + .mfui-download-links {
-  margin-top: 0 !important;
+@media screen and (max-width: 767px) {
+  .mfui-container .mfui-instructions + .mfui-benefits-icons {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-benefits-pictures {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-cards-box {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-carousel-box {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-video-block {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-tabs-box {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-partners {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-instructions {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-property {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-table {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-accordion-box {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-text-box {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-picture-with-description {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-store-banner {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-button-banner {
+    margin-top: 40px;
+  }
+  .mfui-container .mfui-instructions + .mfui-steps {
+    margin-top: 40px;
+  }
 }
 .mfui-container .mfui-property + .mfui-benefits-icons {
   margin-top: 56px;
@@ -2091,6 +2116,9 @@ h5 {
 .mfui-container .mfui-accordion-box + .mfui-button-link-box {
   margin-top: 32px;
 }
+.mfui-container .mfui-accordion-box + .mfui-download-links {
+  margin-top: 48px;
+}
 .mfui-container .mfui-accordion-box + .mfui-text-box {
   margin-top: 56px;
 }
@@ -2100,6 +2128,9 @@ h5 {
   }
 }
 @media screen and (max-width: 767px) {
+  .mfui-container .mfui-accordion-box + .mfui-download-links {
+    margin-top: 40px;
+  }
   .mfui-container .mfui-accordion-box + .mfui-text-box {
     margin-top: 40px;
   }
@@ -2507,6 +2538,22 @@ h5 {
     margin-top: 32px;
   }
 }
+.mfui-container .mfui-store-banner + .mfui-download-links {
+  margin-top: 48px;
+}
+@media screen and (max-width: 767px) {
+  .mfui-container .mfui-store-banner + .mfui-download-links {
+    margin-top: 40px;
+  }
+}
+.mfui-container .mfui-button-banner + .mfui-download-links {
+  margin-top: 48px;
+}
+@media screen and (max-width: 767px) {
+  .mfui-container .mfui-button-banner + .mfui-download-links {
+    margin-top: 40px;
+  }
+}
 .mfui-container .mfui-steps + .mfui-benefits-icons {
   margin-top: 56px;
 }

package/dist/lib/components/DownloadLinks/DownloadLink.css

@@ -31,6 +31,6 @@ h5 {
   margin: 0;
   font-size: 12px;
   line-height: 16px;
-  color: rgba(51, 51, 51, 0.5);
+  color: #33333380;
   text-transform: uppercase;
 }

package/dist/lib/components/Instructions/Instructions.js

@@ -23,6 +23,9 @@ var _react2 = require("swiper/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+
+/* eslint-disable jsx-a11y/click-events-have-key-events */
 var pictureAlignTypes = {
   LEFT: 'left',
   RIGHT: 'right'

package/dist/lib/components/Property/PropertyDescription.js

@@ -23,6 +23,9 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+
+/* eslint-disable jsx-a11y/click-events-have-key-events */
 var cn = (0, _uiHelpers.cnCreate)('mfui-property-description');
 
 var PropertyDescription = function PropertyDescription(_ref) {

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

@@ -5,9 +5,11 @@ h4,
 h5 {
   margin: 0;
 }
+.mfui-store-banner_theme_base .mfui-store-banner__grid,
 .mfui-store-banner_theme_clearWhite .mfui-store-banner__grid {
   background-color: #FFFFFF;
 }
+.mfui-store-banner_theme_base .mfui-store-banner__content,
 .mfui-store-banner_theme_clearWhite .mfui-store-banner__content {
   color: #333333;
 }
@@ -220,8 +222,10 @@ h5 {
   -webkit-transform: translateX(-50%);
           transform: translateX(-50%);
 }
-.mfui-store-banner__button {
-  margin: 0 auto;
+@media screen and (max-width: 767px) {
+  .mfui-store-banner__button {
+    margin: 0 auto;
+  }
 }
 .mfui-store-banner__links_three .mfui-store-banner__qr-code {
   -o-object-fit: contain;

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

@@ -2,9 +2,11 @@ import * as React from 'react';
 import { Props as StoreButtonPropsType } from '../StoreButton/StoreButton';
 import './StoreBanner.less';
 export declare const Theme: {
-    readonly CLEAR_WHITE: "clearWhite";
+    readonly BASE: "base";
     readonly GREEN: "green";
     readonly SPB_SKY_1: "spbSky1";
+    /** @deprecated */
+    readonly CLEAR_WHITE: "clearWhite";
 };
 declare type ThemeType = typeof Theme[keyof typeof Theme];
 export declare const DeviceMask: {

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

@@ -7,8 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.DeviceMask = exports.Theme = void 0;
 
+require("core-js/modules/es.array.concat");
+
+require("core-js/modules/es.array.includes");
+
 require("core-js/modules/es.object.values");
 
+require("core-js/modules/es.string.includes");
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var React = _interopRequireWildcard(require("react"));
@@ -28,9 +34,12 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var Theme = {
-  CLEAR_WHITE: 'clearWhite',
+  BASE: 'base',
   GREEN: 'green',
-  SPB_SKY_1: 'spbSky1'
+  SPB_SKY_1: 'spbSky1',
+
+  /** @deprecated */
+  CLEAR_WHITE: 'clearWhite'
 };
 exports.Theme = Theme;
 var DeviceMask = {
@@ -152,7 +161,6 @@ StoreBanner.propTypes = {
   linkGoogle: _propTypes["default"].string,
   onClickGoogle: _propTypes["default"].func,
   qrCode: _propTypes["default"].string,
-  theme: _propTypes["default"].oneOf(Object.values(Theme)),
   deviceMask: _propTypes["default"].oneOf(Object.values(DeviceMask)).isRequired,
   imageSrc: _propTypes["default"].string.isRequired,
   className: _propTypes["default"].string,
@@ -163,7 +171,21 @@ StoreBanner.propTypes = {
   rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
     current: _propTypes["default"].elementType
   }), _propTypes["default"].any])]),
-  dataAttrs: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+  dataAttrs: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+  theme: function theme(props, propName, componentName) {
+    var deprecatedValue = Theme.CLEAR_WHITE;
+    var propValue = props[propName];
+
+    if (propValue && !Object.values(Theme).includes(propValue)) {
+      return new Error("Failed prop type: Invalid prop '".concat(propName, "' of value '").concat(propValue, "' supplied to '").concat(componentName, "',\n            expected one of [").concat(Object.values(Theme), "]"));
+    }
+
+    if (propValue && propValue === deprecatedValue) {
+      return new Error("Failed prop type: Invalid prop '".concat(propName, "' of value '").concat(propValue, "' supplied to '").concat(componentName, "',\n            value '").concat(deprecatedValue, "' is deprecated, please use value '").concat(Theme.BASE, "'"));
+    }
+
+    return null;
+  }
 };
 var _default = StoreBanner;
 exports["default"] = _default;

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

@@ -128,7 +128,7 @@ h5 {
   line-height: 16px;
   height: 72px;
   padding-bottom: 12px;
-  color: rgba(51, 51, 51, 0.5);
+  color: #33333380;
   vertical-align: bottom;
   background-color: #F6F6F6;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "2.0.1",
+  "version": "2.1.3",
   "files": [
     "dist"
   ],
@@ -27,6 +27,7 @@
     "lint": "yarn lint:ts && yarn lint:less",
     "lint:ts": "eslint --ext .js,.jsx,.ts,.tsx src --max-warnings=0",
     "lint:less": "stylelint --syntax less src/**/*.less src/**/**/*.less",
+    "lint:less:fix": "yarn lint:less --fix",
     "test": "yarn test:unit",
     "test:unit": "jest",
     "test:update": "jest --updateSnapshot"
@@ -50,7 +51,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^0.1.0",
+    "@megafon/ui-icons": "^0.1.1",
     "@svgr/core": "^2.4.1",
     "@types/enzyme": "^3.10.5",
     "@types/enzyme-adapter-react-16": "^1.0.6",
@@ -80,7 +81,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^2.1.0",
+    "@megafon/ui-core": "^2.1.4",
     "@megafon/ui-helpers": "^1.0.0",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
@@ -88,5 +89,5 @@
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "42bd6840a217196ba9e80c6c77f92f5951881c12"
+  "gitHead": "88cfe6bca4b341ea19d7cb0b70798250bbbe127a"
 }