@megafon/ui-shared 8.14.0 → 8.14.2

package/dist/lib/components/Steps/StepsItem.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import './StepsItem.scss';
+interface IStepsItem {
+    /** Номер элемента */
+    index: number;
+    /** Текст */
+    text: string | React.ReactNode[];
+}
+declare const StepsItem: React.FC<IStepsItem>;
+export default StepsItem;

package/dist/lib/components/Steps/StepsItem.js

@@ -0,0 +1,29 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _uiCore = require("@megafon/ui-core");
+var _uiHelpers = require("@megafon/ui-helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var cn = (0, _uiHelpers.cnCreate)('mfui-steps-item');
+var StepsItem = function StepsItem(_ref) {
+  var index = _ref.index,
+    text = _ref.text;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn()
+  }, /*#__PURE__*/React.createElement("span", {
+    className: cn('step-number')
+  }, index), /*#__PURE__*/React.createElement("div", {
+    className: cn('text-wrapper')
+  }, typeof text === 'string' ? /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
+    hasMargin: false
+  }, (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig)) : /*#__PURE__*/React.createElement("div", {
+    className: cn('nodes')
+  }, text)));
+};
+var _default = exports["default"] = StepsItem;

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

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-store-banner_theme_default .mfui-store-banner__grid{background-color:var(--base)}.mfui-store-banner_theme_default .mfui-store-banner__content{color:var(--content)}.mfui-store-banner_theme_green .mfui-store-banner__grid{background-color:var(--brandGreen);border:0}.mfui-store-banner_theme_green .mfui-store-banner__content{color:var(--stcWhite)}.mfui-store-banner_theme_spbSky1 .mfui-store-banner__grid{background-color:var(--spbSky1);border-color:transparent}.mfui-store-banner_theme_spbSky1 .mfui-store-banner__content{color:var(--content)}.mfui-store-banner_theme_spbSky0 .mfui-store-banner__grid{background-color:var(--spbSky0);border-color:transparent}.mfui-store-banner_theme_spbSky0 .mfui-store-banner__content{color:var(--content)}.mfui-store-banner_mask_new-iphone .mfui-store-banner__device-mask{background-image:url(img/new-iphone.png);position:relative;z-index:2}.mfui-store-banner_mask_new-iphone .mfui-store-banner__screen{border-radius:14px;top:9px;width:90%;z-index:1}@media screen and (min-width:768px) and (max-width:1023px){.mfui-store-banner_mask_new-iphone .mfui-store-banner__screen{top:8px}}@media screen and (max-width:767px){.mfui-store-banner_mask_new-iphone .mfui-store-banner__screen{top:30px}}.mfui-store-banner_mask_android .mfui-store-banner__device-mask{background-image:url(img/android.png);position:relative;z-index:2}.mfui-store-banner_mask_android .mfui-store-banner__screen{border-radius:14px;top:9px;width:92%}@media screen and (min-width:768px) and (max-width:1023px){.mfui-store-banner_mask_android .mfui-store-banner__screen{top:8px}}@media screen and (max-width:767px){.mfui-store-banner_mask_android .mfui-store-banner__screen{top:30px}}.mfui-store-banner_mask_white-iphone .mfui-store-banner__device-mask{background-image:url(img/white-iphone.png)}.mfui-store-banner_mask_black-iphone .mfui-store-banner__device-mask{background-image:url(img/black-iphone.png)}.mfui-store-banner_mask_black-iphone .mfui-store-banner__screen,.mfui-store-banner_mask_white-iphone .mfui-store-banner__screen{top:57px;width:87%}@media screen and (min-width:768px) and (max-width:1023px){.mfui-store-banner_mask_black-iphone .mfui-store-banner__screen,.mfui-store-banner_mask_white-iphone .mfui-store-banner__screen{top:47px}}@media screen and (max-width:767px){.mfui-store-banner_mask_black-iphone .mfui-store-banner__screen,.mfui-store-banner_mask_white-iphone .mfui-store-banner__screen{top:63px}}.mfui-store-banner_mask_iphone-12 .mfui-store-banner__device-mask{background-image:url(img/iphone12.png);position:relative;z-index:2}.mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen{border-radius:4px;top:16px;width:87%;z-index:1}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen{top:17px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen{top:13px}}@media screen and (max-width:767px){.mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen{top:35px}.mfui-store-banner_content-left-mobile .mfui-store-banner__content{text-align:left}.mfui-store-banner_content-left-mobile .mfui-store-banner__stores{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mfui-store-banner_content-left-mobile .mfui-store-banner__button{margin:0}}@media screen and (min-width:1024px){.mfui-store-banner__container{padding-top:30px}}.mfui-store-banner__grid{border:1px solid var(--spbSky2);border-radius:24px;padding-bottom:32px;padding-top:32px}@media screen and (max-width:767px){.mfui-store-banner__grid{padding-bottom:0;padding-top:24px}}.mfui-store-banner__content{padding-left:32px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-store-banner__content{padding-right:10px}}@media screen and (max-width:767px){.mfui-store-banner__content{padding-bottom:32px;padding-left:15px;padding-right:15px;text-align:center}}.mfui-store-banner__device-mask{background-repeat:no-repeat;background-size:cover;height:100%}.mfui-store-banner__device-wrapper{bottom:62px;height:calc(100% + 94px);margin-left:auto;margin-right:auto;overflow:hidden;position:relative;width:235px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-store-banner__device-wrapper{width:260px}}@media screen and (max-width:1023px){.mfui-store-banner__device-wrapper{bottom:0}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-store-banner__device-wrapper{height:calc(100% + 32px);width:196px}}@media screen and (max-width:767px){.mfui-store-banner__device-wrapper{height:222px;padding-top:24px;width:163px}}.mfui-store-banner__links{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-store-banner__qr-code{-ms-flex-item-align:center;align-self:center;background-color:var(--base);border:1px solid var(--spbSky1);border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;height:90px;margin-right:16px;width:90px}@media screen and (max-width:767px){.mfui-store-banner__qr-code{display:none}}@media screen and (min-width:768px){.mfui-store-banner__qr-code+.mfui-store-banner__stores{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.mfui-store-banner__store-link{height:40px;margin-bottom:10px;margin-left:8px;margin-right:8px;width:136px}@media screen and (max-width:767px){.mfui-store-banner__store-link{height:35px;width:119px}}.mfui-store-banner__store-link:last-child{margin-bottom:0}.mfui-store-banner__stores{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}@media screen and (max-width:767px){.mfui-store-banner__stores{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width:768px){.mfui-store-banner__stores{margin-left:-8px}}.mfui-store-banner__text{margin-bottom:32px}.mfui-store-banner__title{margin-bottom:16px}.mfui-store-banner__screen{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@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;object-fit:contain}@media screen and (min-width:1280px){.mfui-store-banner__links_three .mfui-store-banner__qr-code{max-height:90px;max-width:90px}}.mfui-store-banner__links_three .mfui-store-banner__qr-code+.mfui-store-banner__stores{max-width:305px}@media screen and (min-width:1024px){.mfui-store-banner__links_three .mfui-store-banner__qr-code+.mfui-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}}@media screen and (max-width:767px){.mfui-store-banner__links_three .mfui-store-banner__qr-code+.mfui-store-banner__stores{margin:0 auto}}.mfui-store-banner__links_three .mfui-store-banner__store-link{height:40px;width:136px}@media screen and (max-width:1023px){.mfui-store-banner__links_three .mfui-store-banner__store-link{height:35px;width:119px}}.mfui-store-banner__links_three .mfui-store-banner__store-link:not(:last-child){margin-bottom:8px}@media screen and (max-width:767px){.mfui-store-banner__links_three .mfui-store-banner__store-link:not(:last-child){margin-bottom:16px}}

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

@@ -0,0 +1,101 @@
+import * as React from 'react';
+import { Props as StoreButtonPropsType } from '../StoreButton/StoreButton';
+import './StoreBanner.scss';
+export declare const Theme: {
+    readonly DEFAULT: "default";
+    readonly GREEN: "green";
+    readonly SPB_SKY_1: "spbSky1";
+    readonly SPB_SKY_0: "spbSky0";
+};
+type ThemeType = (typeof Theme)[keyof typeof Theme];
+export declare const DeviceMask: {
+    readonly ANDROID: "android";
+    readonly NEW_IPHONE: "new-iphone";
+    /** DEPRECATED: 'black-iphone', 'white-iphone', 'iphone-12' */
+    readonly BLACK_IPHONE: "black-iphone";
+    readonly WHITE_IPHONE: "white-iphone";
+    readonly IPHONE_12: "iphone-12";
+};
+type DeviceMaskType = (typeof DeviceMask)[keyof typeof DeviceMask];
+type LinkHrefType = StoreButtonPropsType['href'];
+type LinkOnClickType = StoreButtonPropsType['onClick'];
+export interface IStoreBannerProps {
+    /** Заголовок */
+    title: string;
+    /** Текст */
+    text: string;
+    /** Ссылка на скачивание приложения в App Store */
+    linkApple?: LinkHrefType;
+    /** Обработчик клика по ссылке в App Store */
+    onClickApple?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в Google Play */
+    linkGoogle?: LinkHrefType;
+    /** Обработчик клика по ссылке в Google Play */
+    onClickGoogle?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в Samsung Galaxy Store */
+    linkGalaxyStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в Samsung Galaxy Store */
+    onClickGalaxyStore?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в Huawei AppGallery */
+    linkHuawei?: LinkHrefType;
+    /** Обработчик клика по ссылке в Huawei AppGallery */
+    onClickHuawei?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в RuStore */
+    linkRuStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в RuStore */
+    onClickRuStore?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в Mi App Store */
+    linkMiStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в Mi App Store */
+    onClickMiStore?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в V-Appstore */
+    linkVAppstore?: LinkHrefType;
+    /** Обработчик клика по ссылке в V-Appstore */
+    onClickVAppstore?: LinkOnClickType;
+    /**  Текст кнопки */
+    textButton?: string;
+    /**  Ссылка для кнопки */
+    linkButton?: string;
+    /**  Rel - атрибут тега <a> для всех кнопок баннера */
+    rel?: string;
+    /** Ссылка на картинку с QR-кодом */
+    qrCode?: string;
+    /** Цветовая тема компонента */
+    theme?: ThemeType;
+    /** Изображение телефона. DEPRECATED: 'black-iphone', 'white-iphone', 'iphone-12' */
+    deviceMask: DeviceMaskType;
+    /** Изображение на дисплее телефона */
+    imageSrc: string;
+    /** Выравнивание контента слева на мобильном разрешении */
+    isContentLeftMobile?: boolean;
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Дополнительные классы для корневого и внутренних элементов */
+    classes?: {
+        root?: string;
+        appleLink?: string;
+        galaxyStoreLink?: string;
+        googleLink?: string;
+        huaweiLink?: string;
+        miStoreLink?: string;
+        ruStoreLink?: string;
+        vAppstoreLink?: string;
+        button?: string;
+    };
+    /** Ссылка на корневой элемент */
+    rootRef?: React.Ref<HTMLDivElement>;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        button?: Record<string, string>;
+        linkApple?: Record<string, string>;
+        linkGalaxyStore?: Record<string, string>;
+        linkGoogle?: Record<string, string>;
+        linkHuawei?: Record<string, string>;
+        linkMiStore?: Record<string, string>;
+        linkRuStore?: Record<string, string>;
+        linkVAppstore?: Record<string, string>;
+    };
+}
+declare const StoreBanner: React.FC<IStoreBannerProps>;
+export default StoreBanner;

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

@@ -0,0 +1,209 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Theme = exports.DeviceMask = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _uiCore = require("@megafon/ui-core");
+var _uiHelpers = require("@megafon/ui-helpers");
+var _StoreButton = _interopRequireWildcard(require("../StoreButton/StoreButton"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var Theme = exports.Theme = {
+  DEFAULT: 'default',
+  GREEN: 'green',
+  SPB_SKY_1: 'spbSky1',
+  SPB_SKY_0: 'spbSky0'
+};
+var DeviceMask = exports.DeviceMask = {
+  ANDROID: 'android',
+  NEW_IPHONE: 'new-iphone',
+  /** DEPRECATED: 'black-iphone', 'white-iphone', 'iphone-12' */
+  BLACK_IPHONE: 'black-iphone',
+  WHITE_IPHONE: 'white-iphone',
+  IPHONE_12: 'iphone-12'
+};
+var testIdPrefix = 'StoreBanner';
+var cn = (0, _uiHelpers.cnCreate)('mfui-store-banner');
+var StoreBanner = function StoreBanner(_ref) {
+  var className = _ref.className,
+    _ref$classes = _ref.classes,
+    _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
+    rootClassName = _ref$classes2.root,
+    appleLinkClassName = _ref$classes2.appleLink,
+    galaxyStoreLinkClassName = _ref$classes2.galaxyStoreLink,
+    googleLinkClassName = _ref$classes2.googleLink,
+    huaweiLinkClassName = _ref$classes2.huaweiLink,
+    miStoreLinkClassName = _ref$classes2.miStoreLink,
+    ruStoreLinkClassName = _ref$classes2.ruStoreLink,
+    vAppstoreLinkClassName = _ref$classes2.vAppstoreLink,
+    buttonClassName = _ref$classes2.button,
+    title = _ref.title,
+    text = _ref.text,
+    linkApple = _ref.linkApple,
+    linkGalaxyStore = _ref.linkGalaxyStore,
+    linkGoogle = _ref.linkGoogle,
+    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,
+    rel = _ref.rel,
+    qrCode = _ref.qrCode,
+    imageSrc = _ref.imageSrc,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'default' : _ref$theme,
+    deviceMask = _ref.deviceMask,
+    isContentLeftMobile = _ref.isContentLeftMobile,
+    rootRef = _ref.rootRef,
+    dataAttrs = _ref.dataAttrs,
+    onClickApple = _ref.onClickApple,
+    onClickGalaxyStore = _ref.onClickGalaxyStore,
+    onClickGoogle = _ref.onClickGoogle,
+    onClickHuawei = _ref.onClickHuawei,
+    onClickMiStore = _ref.onClickMiStore,
+    onClickRuStore = _ref.onClickRuStore,
+    onClickVAppstore = _ref.onClickVAppstore;
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: cn({
+      theme: theme,
+      mask: deviceMask,
+      'content-left-mobile': isContentLeftMobile
+    }, [className, rootClassName]),
+    ref: rootRef
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
+    className: cn('container')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cn('grid')
+  }, /*#__PURE__*/React.createElement(_uiCore.Grid, null, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
+    all: "6",
+    mobile: "12",
+    rightOffsetWide: "1"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cn('content')
+  }, /*#__PURE__*/React.createElement(_uiCore.Header, {
+    as: "h2",
+    className: cn('title'),
+    color: "inherit"
+  }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), /*#__PURE__*/React.createElement("div", {
+    className: cn('text'),
+    color: "inherit"
+  }, (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig)), /*#__PURE__*/React.createElement("div", {
+    className: cn('links', {
+      three: !!linkApple && !!linkGoogle && !!linkHuawei
+    })
+  }, !linkButton && qrCode && /*#__PURE__*/React.createElement("img", {
+    src: qrCode,
+    className: cn('qr-code'),
+    alt: "QR-\u043A\u043E\u0434",
+    "data-testid": "".concat(testIdPrefix, "-qrCode")
+  }), !linkButton && /*#__PURE__*/React.createElement("div", {
+    className: cn('stores'),
+    "data-testid": "".concat(testIdPrefix, "-stores")
+  }, linkApple && /*#__PURE__*/React.createElement(_StoreButton["default"], {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkApple
+    },
+    theme: _StoreButton.Theme.APP_STORE,
+    href: linkApple,
+    rel: rel,
+    onClick: onClickApple,
+    className: cn('store-link', {
+      'app-store': true
+    }, appleLinkClassName)
+  }), linkGoogle && /*#__PURE__*/React.createElement(_StoreButton["default"], {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkGoogle
+    },
+    theme: _StoreButton.Theme.GOOGLE_PLAY,
+    href: linkGoogle,
+    rel: rel,
+    className: cn('store-link', {
+      'google-play': true
+    }, googleLinkClassName),
+    onClick: onClickGoogle
+  }), linkRuStore && /*#__PURE__*/React.createElement(_StoreButton["default"], {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkRuStore
+    },
+    theme: _StoreButton.Theme.RU_STORE,
+    href: linkRuStore,
+    rel: rel,
+    className: cn('store-link', {
+      'ru-store': true
+    }, ruStoreLinkClassName),
+    onClick: onClickRuStore
+  }), linkGalaxyStore && /*#__PURE__*/React.createElement(_StoreButton["default"], {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkGalaxyStore
+    },
+    theme: _StoreButton.Theme.GALAXY_STORE,
+    href: linkGalaxyStore,
+    rel: rel,
+    className: cn('store-link', {
+      'galaxy-store': true
+    }, galaxyStoreLinkClassName),
+    onClick: onClickGalaxyStore
+  }), linkHuawei && /*#__PURE__*/React.createElement(_StoreButton["default"], {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkHuawei
+    },
+    theme: _StoreButton.Theme.HUAWEI_STORE,
+    href: linkHuawei,
+    rel: rel,
+    className: cn('store-link', {
+      'huawei-store': true
+    }, huaweiLinkClassName),
+    onClick: onClickHuawei
+  }), linkMiStore && /*#__PURE__*/React.createElement(_StoreButton["default"], {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkMiStore
+    },
+    theme: _StoreButton.Theme.MI_STORE,
+    href: linkMiStore,
+    rel: rel,
+    className: cn('store-link', {
+      'mi-store': true
+    }, miStoreLinkClassName),
+    onClick: onClickMiStore
+  }), linkVAppstore && /*#__PURE__*/React.createElement(_StoreButton["default"], {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkVAppstore
+    },
+    theme: _StoreButton.Theme.V_APPSTORE,
+    href: linkVAppstore,
+    rel: rel,
+    className: cn('store-link', {
+      'v-appstore': true
+    }, vAppstoreLinkClassName),
+    onClick: onClickVAppstore
+  })), linkButton && /*#__PURE__*/React.createElement(_uiCore.Button, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
+    },
+    className: cn('button', [buttonClassName]),
+    href: linkButton,
+    rel: rel,
+    theme: theme === 'green' ? 'purple' : 'green'
+  }, textButton)))), /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
+    all: "4",
+    desktop: "6",
+    tablet: "6",
+    mobile: "12"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cn('device-wrapper')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cn('device-mask')
+  }), /*#__PURE__*/React.createElement("img", {
+    src: imageSrc,
+    className: cn('screen'),
+    alt: "\u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \u043D\u0430 \u044D\u043A\u0440\u0430\u043D\u0435 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430"
+  })))))));
+};
+var _default = exports["default"] = StoreBanner;

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

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-store-button{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;display:inline-block}.mfui-store-button_size-all_small{height:35px;width:119px}.mfui-store-button_size-all_medium{height:40px;width:136px}.mfui-store-button_size-all_large{height:70px;width:238px}.mfui-store-button_size-all_medium.mfui-store-button_theme_app-store,.mfui-store-button_size-all_small.mfui-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_galaxy-store,.mfui-store-button_size-all_small.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_google-play,.mfui-store-button_size-all_small.mfui-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_huawei-store,.mfui-store-button_size-all_small.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_mi-store,.mfui-store-button_size-all_small.mfui-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_ru-store,.mfui-store-button_size-all_small.mfui-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_v-appstore,.mfui-store-button_size-all_small.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{height:35px;width:119px}.mfui-store-button_size-desktop_medium{height:40px;width:136px}.mfui-store-button_size-desktop_large{height:70px;width:238px}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_app-store,.mfui-store-button_size-desktop_small.mfui-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_galaxy-store,.mfui-store-button_size-desktop_small.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_google-play,.mfui-store-button_size-desktop_small.mfui-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_huawei-store,.mfui-store-button_size-desktop_small.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_mi-store,.mfui-store-button_size-desktop_small.mfui-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_ru-store,.mfui-store-button_size-desktop_small.mfui-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_v-appstore,.mfui-store-button_size-desktop_small.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{height:35px;width:119px}.mfui-store-button_size-wide_medium{height:40px;width:136px}.mfui-store-button_size-wide_large{height:70px;width:238px}.mfui-store-button_size-wide_medium.mfui-store-button_theme_app-store,.mfui-store-button_size-wide_small.mfui-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_galaxy-store,.mfui-store-button_size-wide_small.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_google-play,.mfui-store-button_size-wide_small.mfui-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_huawei-store,.mfui-store-button_size-wide_small.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_mi-store,.mfui-store-button_size-wide_small.mfui-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_ru-store,.mfui-store-button_size-wide_small.mfui-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_v-appstore,.mfui-store-button_size-wide_small.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{height:35px;width:119px}.mfui-store-button_size-tablet_medium{height:40px;width:136px}.mfui-store-button_size-tablet_large{height:70px;width:238px}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_app-store,.mfui-store-button_size-tablet_small.mfui-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_galaxy-store,.mfui-store-button_size-tablet_small.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_google-play,.mfui-store-button_size-tablet_small.mfui-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_huawei-store,.mfui-store-button_size-tablet_small.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_mi-store,.mfui-store-button_size-tablet_small.mfui-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_ru-store,.mfui-store-button_size-tablet_small.mfui-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_v-appstore,.mfui-store-button_size-tablet_small.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{height:35px;width:119px}.mfui-store-button_size-mobile_medium{height:40px;width:136px}.mfui-store-button_size-mobile_large{height:70px;width:238px}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_app-store,.mfui-store-button_size-mobile_small.mfui-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_galaxy-store,.mfui-store-button_size-mobile_small.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_google-play,.mfui-store-button_size-mobile_small.mfui-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_huawei-store,.mfui-store-button_size-mobile_small.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_mi-store,.mfui-store-button_size-mobile_small.mfui-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_ru-store,.mfui-store-button_size-mobile_small.mfui-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_v-appstore,.mfui-store-button_size-mobile_small.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}

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

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { Link } from '@megafon/ui-core';
+import './StoreButton.scss';
+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",
+    V_APPSTORE = "v-appstore"
+}
+type LinkPropTypes = React.ComponentProps<typeof Link>;
+export type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {
+    /** Тема кнопки */
+    theme: Theme;
+    /** Дополнительный класс */
+    className?: string;
+    /** Размер на всех разрешениях экрана */
+    sizeAll?: ButtonSizes;
+    /** Размер на разрешении экрана 1280+ */
+    sizeWide?: ButtonSizes;
+    /** Размер на разрешении экрана 1024+ */
+    sizeDesktop?: ButtonSizes;
+    /** Размер на разрешении экрана 768-1023 */
+    sizeTablet?: ButtonSizes;
+    /** Размер на разрешении экрана 0-767 */
+    sizeMobile?: ButtonSizes;
+};
+declare const StoreButton: React.FC<Props>;
+export default StoreButton;

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

@@ -0,0 +1,69 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Theme = exports.ButtonSizes = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.index-of.js");
+var React = _interopRequireWildcard(require("react"));
+var _uiCore = require("@megafon/ui-core");
+var _uiHelpers = require("@megafon/ui-helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var ButtonSizes;
+(function (ButtonSizes) {
+  ButtonSizes["SMALL"] = "small";
+  ButtonSizes["MEDIUM"] = "medium";
+  ButtonSizes["LARGE"] = "large";
+})(ButtonSizes || (exports.ButtonSizes = ButtonSizes = {}));
+var Theme;
+(function (Theme) {
+  Theme["APP_STORE"] = "app-store";
+  Theme["GALAXY_STORE"] = "galaxy-store";
+  Theme["GOOGLE_PLAY"] = "google-play";
+  Theme["HUAWEI_STORE"] = "huawei-store";
+  Theme["MI_STORE"] = "mi-store";
+  Theme["RU_STORE"] = "ru-store";
+  Theme["V_APPSTORE"] = "v-appstore";
+})(Theme || (exports.Theme = Theme = {}));
+var cn = (0, _uiHelpers.cnCreate)('mfui-store-button');
+var StoreButton = function StoreButton(_a) {
+  var href = _a.href,
+    rel = _a.rel,
+    onClick = _a.onClick,
+    theme = _a.theme,
+    className = _a.className,
+    _a$sizeAll = _a.sizeAll,
+    sizeAll = _a$sizeAll === void 0 ? ButtonSizes.MEDIUM : _a$sizeAll,
+    sizeWide = _a.sizeWide,
+    sizeDesktop = _a.sizeDesktop,
+    sizeTablet = _a.sizeTablet,
+    sizeMobile = _a.sizeMobile,
+    rest = __rest(_a, ["href", "rel", "onClick", "theme", "className", "sizeAll", "sizeWide", "sizeDesktop", "sizeTablet", "sizeMobile"]);
+  return /*#__PURE__*/React.createElement(_uiCore.Link, (0, _extends2["default"])({}, rest, {
+    href: href,
+    rel: rel,
+    onClick: onClick,
+    className: cn({
+      theme: theme,
+      'size-all': sizeAll,
+      'size-wide': sizeWide,
+      'size-desktop': sizeDesktop,
+      'size-tablet': sizeTablet,
+      'size-mobile': sizeMobile
+    }, className)
+  }));
+};
+var _default = exports["default"] = StoreButton;

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

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-table{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;line-height:24px}@supports (-moz-appearance:none){.mfui-table__scroll{scrollbar-color:var(--spbSky2) var(--spbSky1);scrollbar-width:auto}}.mfui-table:not(.mfui-table_touch) .mfui-table__scroll::-webkit-scrollbar{background-color:var(--spbSky1);border-radius:100px;height:8px;width:8px}.mfui-table:not(.mfui-table_touch) .mfui-table__scroll::-webkit-scrollbar-track{background-color:var(--spbSky0);border-radius:100px}.mfui-table:not(.mfui-table_touch) .mfui-table__scroll::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:100px}.mfui-table:not(.mfui-table_touch) .mfui-table__scroll::-webkit-scrollbar-corner{background:transparent}.mfui-table__scroll{display:grid;grid-template-columns:auto auto auto;max-width:100%;overflow:auto;position:relative}@media screen and (min-width:1024px){.mfui-table__scroll_limit{max-height:500px}}.mfui-table__top-shadow{background:-webkit-gradient(linear,left top,left bottom,color-stop(.01%,rgba(0,0,0,.04)),color-stop(49.5%,rgba(0,0,0,.01)),color-stop(99.98%,hsla(0,0%,100%,0)));background:linear-gradient(180deg,rgba(0,0,0,.04) .01%,rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0) 99.98%);display:block;grid-column-end:4;grid-column-start:1;height:18px;margin-bottom:-18px;position:sticky;top:0;width:100%;z-index:2}.mfui-table__left-shadow{background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.04)),color-stop(49.5%,rgba(0,0,0,.01)),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));bottom:0;left:0;margin-right:-18px;position:sticky;top:0;width:18px;z-index:2}.mfui-table__bottom-gradient{background:-webkit-gradient(linear,left bottom,left top,color-stop(25%,var(--base)),to(hsla(0,0%,100%,0)));background:linear-gradient(to top,var(--base) 25%,hsla(0,0%,100%,0));bottom:0;display:block;grid-column-end:4;grid-column-start:1;height:48px;margin-top:-48px;position:sticky;width:100%;z-index:1}.mfui-table__right-gradient{background:-webkit-gradient(linear,right top,left top,color-stop(25%,var(--base)),to(hsla(0,0%,100%,0)));background:linear-gradient(to left,var(--base) 25%,hsla(0,0%,100%,0));display:block;height:100%;margin-left:-48px;position:sticky;right:0;width:48px;z-index:1}.mfui-table__table{background-color:var(--base);border-collapse:separate;border-spacing:0;border-width:0}.mfui-table__cell{background-color:var(--base);-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px}@media screen and (max-width:767px){.mfui-table__cell{padding-left:16px;padding-right:16px}}.mfui-table__cell:first-child{left:0;min-width:144px;position:relative;width:144px}.mfui-table__cell:not(:first-child){max-width:288px}.mfui-table__row_head .mfui-table__cell{background-color:var(--spbSky0);color:var(--spbSky3);font-size:12px;height:72px;line-height:18px;padding-bottom:12px;vertical-align:bottom}.mfui-table__row_head .mfui-table__cell:first-child{border-bottom-left-radius:16px;border-top-left-radius:16px}.mfui-table__row_head .mfui-table__cell:last-child{border-bottom-right-radius:16px;border-top-right-radius:16px}.mfui-table__row_content:last-child .mfui-table__cell{border-bottom:1px solid var(--spbSky1)}.mfui-table__row_content .mfui-table__cell{border-top:1px solid var(--spbSky1)}.mfui-table__row_head+.mfui-table__row_content .mfui-table__cell{border-top:none}.mfui-table__row_align_bottom .mfui-table__cell{vertical-align:bottom}.mfui-table__row_align_top .mfui-table__cell{vertical-align:top}.mfui-table__row_align_top.mfui-table__row_head .mfui-table__cell{padding-top:12px}.mfui-table_min-cell-size_small .mfui-table__cell:not(:first-child){min-width:72px}.mfui-table_min-cell-size_large .mfui-table__cell:not(:first-child){min-width:144px}.mfui-table_fix-column .mfui-table__cell:first-child{position:sticky}.mfui-table_fix-column .mfui-table__left-shadow{left:144px}.mfui-table_fix-column .mfui-table__bottom-gradient{z-index:3}.mfui-table_bold-font .mfui-table__cell:first-child{font-weight:500}.mfui-table_horizontal-scroll .mfui-table__row:last-child .mfui-table__cell{border-bottom:none}

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import './Table.scss';
+import { ITableRow } from './TableRow';
+export interface ITable {
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Фиксация первой колонки */
+    fixColumn?: boolean;
+    /** Жирный текст в первой колонке */
+    boldFontInFirstColumn?: boolean;
+    /** Минимальный размер ячеек */
+    minCellSize?: 'small' | 'large';
+    /** Отключить ограничение по высоте при разрешении больше 1024px */
+    disableHeightLimit?: boolean;
+    children: Array<React.ReactElement<ITableRow>>;
+}
+declare const Table: React.FC<ITable>;
+export default Table;