@megafon/ui-shared 2.0.0-beta.24 → 2.0.0-beta.240

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

@@ -0,0 +1,49 @@
+import React, { Ref } from 'react';
+import './VideoBlock.less';
+export interface IContent {
+    /** Заголовок */
+    title: string;
+    /** Текст-описание */
+    description: string | React.ReactNode[] | React.ReactNode;
+    /** Текст кнопки */
+    buttonTitle: string;
+    /** Добавляет атрибут download для тега <a> компонента Button */
+    buttonDownload?: boolean;
+    /** Ссылка на кнопке */
+    href?: string;
+    /** Обработчик клика по кнопке */
+    onButtonClick?: (e: React.SyntheticEvent<EventTarget>) => void;
+}
+export declare const VideoTypes: {
+    readonly YOUTUBE: "youtube";
+    readonly VIDEO: "video";
+};
+declare type VideoType = typeof VideoTypes[keyof typeof VideoTypes];
+export interface Props {
+    /** Дата атрибуты для корневого элемента */
+    dataAttrs?: {
+        [key: string]: string;
+    };
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Дополнительные классы для корневого и внутренних элементов */
+    classes?: {
+        root?: string;
+        button?: string;
+        description?: string;
+    };
+    /** Ссылка на корневой элемент */
+    rootRef?: Ref<HTMLDivElement>;
+    /** Данные для блока с контентом */
+    content?: IContent;
+    /** Тип видео */
+    videoType?: VideoType;
+    /** Источник видео. Если видео с youtube, то необходимо указать id */
+    videoSrc: string;
+    /** Наличие звука в видео */
+    isMuted?: boolean;
+    /** Автоматическое проигрывание видео */
+    isAutoplay?: boolean;
+}
+declare const VideoBlock: React.FC<Props>;
+export default VideoBlock;

package/dist/es/components/VideoBlock/VideoBlock.js

@@ -0,0 +1,147 @@
+import "core-js/modules/es.symbol";
+import "core-js/modules/es.symbol.description";
+import "core-js/modules/es.array.concat";
+import "core-js/modules/es.object.values";
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import PropTypes from 'prop-types';
+import "./VideoBlock.css";
+import { Header, Button, Grid, GridColumn } from '@megafon/ui-core';
+import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+export var VideoTypes = {
+  YOUTUBE: 'youtube',
+  VIDEO: 'video'
+};
+var cn = cnCreate('mfui-beta-video-block');
+
+var VideoBlock = function VideoBlock(_ref) {
+  var dataAttrs = _ref.dataAttrs,
+      className = _ref.className,
+      _ref$classes = _ref.classes,
+      classes = _ref$classes === void 0 ? {} : _ref$classes,
+      rootRef = _ref.rootRef,
+      content = _ref.content,
+      _ref$videoType = _ref.videoType,
+      videoType = _ref$videoType === void 0 ? 'video' : _ref$videoType,
+      videoSrc = _ref.videoSrc,
+      _ref$isMuted = _ref.isMuted,
+      isMuted = _ref$isMuted === void 0 ? true : _ref$isMuted,
+      _ref$isAutoplay = _ref.isAutoplay,
+      isAutoplay = _ref$isAutoplay === void 0 ? false : _ref$isAutoplay;
+  var renderVideo = React.useCallback(function () {
+    switch (videoType) {
+      case VideoTypes.YOUTUBE:
+        {
+          var src = "https://www.youtube.com/embed/".concat(videoSrc, "?&autoplay=").concat(isAutoplay ? 1 : 0, "&mute=").concat(isMuted ? 1 : 0, "&loop=1&rel=0&controls=0&showinfo=0e&iv_load_policy=3&playlist=").concat(videoSrc);
+          return /*#__PURE__*/React.createElement("iframe", {
+            src: src,
+            width: "100%",
+            height: "100%",
+            frameBorder: "0",
+            allow: "autoplay",
+            title: "iframe"
+          });
+        }
+
+      case VideoTypes.VIDEO:
+        {
+          return /*#__PURE__*/React.createElement("video", {
+            className: cn('video'),
+            autoPlay: isAutoplay,
+            muted: isMuted,
+            controls: !isAutoplay,
+            loop: true
+          }, /*#__PURE__*/React.createElement("source", {
+            src: videoSrc,
+            type: "video/mp4"
+          }));
+        }
+
+      default:
+        {
+          return null;
+        }
+    }
+  }, [videoType, videoSrc]);
+  var renderContent = React.useCallback(function (_ref2) {
+    var title = _ref2.title,
+        description = _ref2.description,
+        href = _ref2.href,
+        buttonDownload = _ref2.buttonDownload,
+        buttonTitle = _ref2.buttonTitle,
+        onButtonClick = _ref2.onButtonClick;
+    return /*#__PURE__*/React.createElement("div", {
+      className: cn('content')
+    }, /*#__PURE__*/React.createElement(Header, {
+      as: "h2",
+      className: cn('header')
+    }, title), /*#__PURE__*/React.createElement("div", {
+      className: cn('description', [classes.description])
+    }, description), /*#__PURE__*/React.createElement(Button, {
+      className: cn('button', [classes.button]),
+      href: href,
+      onClick: onButtonClick,
+      download: buttonDownload
+    }, buttonTitle));
+  }, [content]);
+  var renderGridColumns = React.useCallback(function () {
+    var columns = [];
+    var columnWidth = content ? '7' : '10';
+
+    if (content) {
+      columns.push( /*#__PURE__*/React.createElement(GridColumn, {
+        all: "5",
+        tablet: "12",
+        mobile: "12",
+        orderTablet: "2",
+        orderMobile: "2",
+        key: 'column-content'
+      }, renderContent && renderContent(content)));
+    }
+
+    columns.push( /*#__PURE__*/React.createElement(GridColumn, {
+      all: columnWidth,
+      tablet: "12",
+      mobile: "12",
+      key: 'column-video'
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cn('video-wrapper', {
+        'with-content': !!content
+      })
+    }, renderVideo())));
+    return columns;
+  }, [renderContent, renderVideo, content]);
+  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs), {
+    className: cn([className, classes.root]),
+    ref: rootRef
+  }), /*#__PURE__*/React.createElement(Grid, {
+    hAlign: "center",
+    className: cn('grid')
+  }, renderGridColumns()));
+};
+
+VideoBlock.propTypes = {
+  dataAttrs: PropTypes.objectOf(PropTypes.string.isRequired),
+  className: PropTypes.string,
+  classes: PropTypes.shape({
+    root: PropTypes.string,
+    button: PropTypes.string,
+    description: PropTypes.string
+  }),
+  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
+    current: PropTypes.elementType
+  }), PropTypes.any])]),
+  content: PropTypes.shape({
+    title: PropTypes.string.isRequired,
+    description: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
+    href: PropTypes.string,
+    buttonTitle: PropTypes.string.isRequired,
+    buttonDownload: PropTypes.bool,
+    onButtonClick: PropTypes.func
+  }),
+  videoType: PropTypes.oneOf(Object.values(VideoTypes)),
+  videoSrc: PropTypes.string.isRequired,
+  isMuted: PropTypes.bool,
+  isAutoplay: PropTypes.bool
+};
+export default VideoBlock;

package/dist/es/constants/throttleTime.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    resize: number;
+};
+export default _default;

package/dist/es/constants/throttleTime.js

@@ -0,0 +1,3 @@
+export default {
+  resize: 300
+};

package/dist/es/index.d.ts

@@ -1,22 +1,34 @@
+export { default as AccordionBox } from './components/AccordionBox/AccordionBox';
+export { default as BannerBox } from './components/BannerBox/BannerBox';
 export { default as BenefitsIcons } from './components/BenefitsIcons/BenefitsIcons';
 export { default as BenefitsIconsTile } from './components/BenefitsIcons/BenefitsIconsTile';
 export { default as BenefitsPictures } from './components/BenefitsPictures/BenefitsPictures';
+export { default as Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs';
+export { default as ButtonBanner } from './components/ButtonBanner/ButtonBanner';
 export { default as ButtonLinkBox } from './components/ButtonLinkBox/ButtonLinkBox';
-export { default as ProductCardFeatures } from './components/ProductCard/ProductCardFeatures';
-export { default as ProductCardFeaturesBottom } from './components/ProductCard/ProductCardFeaturesBottom';
-export { default as ProductCardFeaturesTop } from './components/ProductCard/ProductCardFeaturesTop';
-export { default as ProductCardInfo } from './components/ProductCard/ProductCardInfo';
-export { default as ProductCardTotal } from './components/ProductCard/ProductCardTotal';
-export { default as ProductCardWrapper } from './components/ProductCard/ProductCardWrapper';
-export { default as ProductSwitcher } from './components/ProductSwitcher/ProductSwitcher';
-export { default as ProductTile } from './components/ProductTile/ProductTile';
-export { default as ProductTileBuy } from './components/ProductTile/ProductTileBuy';
-export { default as ProductTileCashback } from './components/ProductTile/ProductTileCashback';
-export { default as ProductTileDynamic } from './components/ProductTile/ProductTileDynamic';
-export { default as ProductTileHint } from './components/ProductTile/ProductTileHint';
-export { default as ProductTileOptions } from './components/ProductTile/ProductTileOptions';
-export { default as ProductTilePrice } from './components/ProductTile/ProductTilePrice';
-export { default as ProductTileRest } from './components/ProductTileRest/ProductTileRest';
-export { default as ProductTileStatic } from './components/ProductTile/ProductTileStatic';
-export { default as ProductTileValue } from './components/ProductTile/ProductTileValue';
+export { default as Card } from './components/Card/Card';
+export { default as CardsBox } from './components/CardsBox/CardsBox';
+export { default as CarouselBox } from './components/CarouselBox/CarouselBox';
+export { default as Container } from './components/Container/Container';
+export { default as DownloadLink } from './components/DownloadLinks/DownloadLink';
+export { default as DownloadLinks } from './components/DownloadLinks/DownloadLinks';
+export { default as Instructions } from './components/Instructions/Instructions';
+export { default as PageTitle } from './components/PageTitle/PageTitle';
+export { default as Partners } from './components/Partners/Partners';
+export { default as PictureWithDescription } from './components/PictureWithDescription/PictureWithDescription';
+export { default as Property } from './components/Property/Property';
+export { default as PropertyDescription } from './components/Property/PropertyDescription';
+export { default as Steps } from './components/Steps/Steps';
+export { default as StepsItem } from './components/Steps/StepsItem';
+export { default as StoreBanner } from './components/StoreBanner/StoreBanner';
+export { default as StoreButton } from './components/StoreButton/StoreButton';
+export { default as TabBox } from './components/TabsBox/TabBox';
+export { default as Table } from './components/Table/Table';
+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/es/index.js

@@ -1,22 +1,34 @@
+export { default as AccordionBox } from "./components/AccordionBox/AccordionBox";
+export { default as BannerBox } from "./components/BannerBox/BannerBox";
 export { default as BenefitsIcons } from "./components/BenefitsIcons/BenefitsIcons";
 export { default as BenefitsIconsTile } from "./components/BenefitsIcons/BenefitsIconsTile";
 export { default as BenefitsPictures } from "./components/BenefitsPictures/BenefitsPictures";
+export { default as Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs";
+export { default as ButtonBanner } from "./components/ButtonBanner/ButtonBanner";
 export { default as ButtonLinkBox } from "./components/ButtonLinkBox/ButtonLinkBox";
-export { default as ProductCardFeatures } from "./components/ProductCard/ProductCardFeatures";
-export { default as ProductCardFeaturesBottom } from "./components/ProductCard/ProductCardFeaturesBottom";
-export { default as ProductCardFeaturesTop } from "./components/ProductCard/ProductCardFeaturesTop";
-export { default as ProductCardInfo } from "./components/ProductCard/ProductCardInfo";
-export { default as ProductCardTotal } from "./components/ProductCard/ProductCardTotal";
-export { default as ProductCardWrapper } from "./components/ProductCard/ProductCardWrapper";
-export { default as ProductSwitcher } from "./components/ProductSwitcher/ProductSwitcher";
-export { default as ProductTile } from "./components/ProductTile/ProductTile";
-export { default as ProductTileBuy } from "./components/ProductTile/ProductTileBuy";
-export { default as ProductTileCashback } from "./components/ProductTile/ProductTileCashback";
-export { default as ProductTileDynamic } from "./components/ProductTile/ProductTileDynamic";
-export { default as ProductTileHint } from "./components/ProductTile/ProductTileHint";
-export { default as ProductTileOptions } from "./components/ProductTile/ProductTileOptions";
-export { default as ProductTilePrice } from "./components/ProductTile/ProductTilePrice";
-export { default as ProductTileRest } from "./components/ProductTileRest/ProductTileRest";
-export { default as ProductTileStatic } from "./components/ProductTile/ProductTileStatic";
-export { default as ProductTileValue } from "./components/ProductTile/ProductTileValue";
-export { default as TitleDescriptionBox } from "./components/TitleDescriptionBox/TitleDescriptionBox";
+export { default as Card } from "./components/Card/Card";
+export { default as CardsBox } from "./components/CardsBox/CardsBox";
+export { default as CarouselBox } from "./components/CarouselBox/CarouselBox";
+export { default as Container } from "./components/Container/Container";
+export { default as DownloadLink } from "./components/DownloadLinks/DownloadLink";
+export { default as DownloadLinks } from "./components/DownloadLinks/DownloadLinks";
+export { default as Instructions } from "./components/Instructions/Instructions";
+export { default as PageTitle } from "./components/PageTitle/PageTitle";
+export { default as Partners } from "./components/Partners/Partners";
+export { default as PictureWithDescription } from "./components/PictureWithDescription/PictureWithDescription";
+export { default as Property } from "./components/Property/Property";
+export { default as PropertyDescription } from "./components/Property/PropertyDescription";
+export { default as Steps } from "./components/Steps/Steps";
+export { default as StepsItem } from "./components/Steps/StepsItem";
+export { default as StoreBanner } from "./components/StoreBanner/StoreBanner";
+export { default as StoreButton } from "./components/StoreButton/StoreButton";
+export { default as TabBox } from "./components/TabsBox/TabBox";
+export { default as Table } from "./components/Table/Table";
+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/components/AccordionBox/AccordionBox.css

@@ -0,0 +1,13 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-beta-accordion-box + .mfui-beta-accordion-box .mfui-beta-accordion {
+  border-top: none;
+}
+.mfui-beta-accordion-box .mfui-beta-property:first-child {
+  border-top: none;
+}

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

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import './AccordionBox.less';
+export interface IAccordionBox {
+    /** Дата атрибуты для корневого элемента */
+    dataAttrs?: {
+        [key: string]: string;
+    };
+    /** Ссылка на корневой элемент */
+    rootRef?: React.Ref<HTMLDivElement>;
+    /** Заголовок аккордеона */
+    title: string;
+    /** Состояние аккордеона, заданное извне */
+    isOpened?: boolean;
+    /** Отключить ограничение ширины */
+    isFullWidth?: boolean;
+    /** Центрирование по горизонтали для расширения 1280+ */
+    hCenterAlignWide?: boolean;
+    /** Вертикальные отступы */
+    hasVerticalPaddings?: boolean;
+    /** Дополнительный класс для корнеовго элемента */
+    className?: string;
+    /** Дополнительные классы для корневого и внутренних элементов */
+    classes?: {
+        openedClass?: string;
+        root?: string;
+        collapse?: string;
+        titleWrap?: string;
+    };
+    /** Обработчик клика */
+    onClickAccordion?: (isOpened: boolean, title: string) => void;
+}
+declare const AccordionBox: React.FC<IAccordionBox>;
+export default AccordionBox;

package/dist/lib/components/AccordionBox/AccordionBox.js

@@ -0,0 +1,80 @@
+"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"] = void 0;
+
+require("core-js/modules/es.symbol");
+
+require("core-js/modules/es.array.index-of");
+
+var React = _interopRequireWildcard(require("react"));
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
+var _uiCore = require("@megafon/ui-core");
+
+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 __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 cn = (0, _uiHelpers.cnCreate)('mfui-beta-accordion-box');
+
+var AccordionBox = function AccordionBox(_a) {
+  var _a$hCenterAlignWide = _a.hCenterAlignWide,
+      hCenterAlignWide = _a$hCenterAlignWide === void 0 ? false : _a$hCenterAlignWide,
+      _a$isFullWidth = _a.isFullWidth,
+      isFullWidth = _a$isFullWidth === void 0 ? false : _a$isFullWidth,
+      restProps = __rest(_a, ["hCenterAlignWide", "isFullWidth"]);
+
+  var renderAccordionWithGrid = React.useCallback(function () {
+    return /*#__PURE__*/React.createElement("div", {
+      className: cn()
+    }, /*#__PURE__*/React.createElement(_uiCore.Grid, {
+      hAlign: hCenterAlignWide ? 'center' : 'left'
+    }, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
+      wide: "8"
+    }, /*#__PURE__*/React.createElement(_uiCore.Accordion, restProps))));
+  }, [restProps, hCenterAlignWide]);
+  return isFullWidth ? /*#__PURE__*/React.createElement(_uiCore.Accordion, restProps) : renderAccordionWithGrid();
+};
+
+AccordionBox.propTypes = {
+  dataAttrs: PropTypes.objectOf(PropTypes.string.isRequired),
+  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
+    current: PropTypes.elementType
+  }), PropTypes.any])]),
+  title: PropTypes.string.isRequired,
+  isFullWidth: PropTypes.bool,
+  isOpened: PropTypes.bool,
+  hCenterAlignWide: PropTypes.bool,
+  hasVerticalPaddings: PropTypes.bool,
+  className: PropTypes.string,
+  classes: PropTypes.shape({
+    openedClass: PropTypes.string,
+    root: PropTypes.string,
+    collapse: PropTypes.string,
+    titleWrap: PropTypes.string
+  }),
+  onClickAccordion: PropTypes.func
+};
+var _default = AccordionBox;
+exports["default"] = _default;

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { Banner } from '@megafon/ui-core';
+declare type BannerBoxProps = React.ComponentProps<typeof Banner>;
+declare const BannerBox: React.FC<BannerBoxProps>;
+export default BannerBox;

package/dist/lib/components/BannerBox/BannerBox.js

@@ -0,0 +1,49 @@
+"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"] = void 0;
+
+require("core-js/modules/es.symbol");
+
+require("core-js/modules/es.array.index-of");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _uiCore = require("@megafon/ui-core");
+
+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 __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 cn = (0, _uiHelpers.cnCreate)('mfui-beta-banner-box');
+
+var BannerBox = function BannerBox(_a) {
+  var children = _a.children,
+      props = __rest(_a, ["children"]);
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn()
+  }, /*#__PURE__*/React.createElement(_uiCore.Banner, props, children));
+};
+
+var _default = BannerBox;
+exports["default"] = _default;

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

@@ -1,13 +1,24 @@
 import * as React from 'react';
 import './style/BenefitsIcons.less';
-import { IconPositionEnum, IBenefit } from './types';
+import { IconPosition, IBenefit } from './types';
 export interface IBenefitsIcons {
-    /** Icon position */
-    iconPosition?: IconPositionEnum;
-    /** Benefits list */
+    /** Ссылка на корневой элемент */
+    rootRef?: React.Ref<HTMLDivElement>;
+    /** Позиция иконки */
+    iconPosition?: IconPosition;
+    /** Выстраивать бенефиты в одну колонку вне зависимости от количества */
+    inOneColumn?: boolean;
+    /** Список бенефитов */
     items: IBenefit[];
-    /** Custom className */
+    /** Дополнительный css класс для корневого элемента */
     className?: string;
+    /** Дополнительные css классы для корневого и внутренних элементов */
+    classes?: {
+        root?: string;
+        item?: string;
+        grid?: string;
+        gridColumn?: string;
+    };
 }
 declare const BenefitsIcons: React.FC<IBenefitsIcons>;
 export default BenefitsIcons;