@megafon/ui-shared 3.0.0-beta.9 → 3.1.0

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

@@ -7,8 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Theme = void 0;
 
+require("core-js/modules/es.symbol");
+
+require("core-js/modules/es.array.index-of");
+
 require("core-js/modules/es.object.values");
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var React = _interopRequireWildcard(require("react"));
 
 var _uiCore = require("@megafon/ui-core");
@@ -17,12 +23,25 @@ var _uiHelpers = require("@megafon/ui-helpers");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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; }
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 Theme;
 exports.Theme = Theme;
 
@@ -34,18 +53,20 @@ exports.Theme = Theme;
 
 var cn = (0, _uiHelpers.cnCreate)('mfui-store-button');
 
-var StoreButton = function StoreButton(_ref) {
-  var href = _ref.href,
-      onClick = _ref.onClick,
-      theme = _ref.theme,
-      className = _ref.className;
-  return /*#__PURE__*/React.createElement(_uiCore.Link, {
+var StoreButton = function StoreButton(_a) {
+  var href = _a.href,
+      onClick = _a.onClick,
+      theme = _a.theme,
+      className = _a.className,
+      rest = __rest(_a, ["href", "onClick", "theme", "className"]);
+
+  return /*#__PURE__*/React.createElement(_uiCore.Link, (0, _extends2["default"])({}, rest, {
     href: href,
     onClick: onClick,
     className: cn({
       theme: theme
     }, className)
-  });
+  }));
 };
 
 StoreButton.propTypes = {

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

@@ -128,7 +128,7 @@ h5 {
   line-height: 16px;
   height: 72px;
   padding-bottom: 12px;
-  color: var(--stcBlack5);
+  color: var(--spbSky3);
   vertical-align: bottom;
   background-color: var(--spbSky0);
 }

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

@@ -14,3 +14,12 @@ h5 {
 .mfui-text-box_text-center {
   text-align: center;
 }
+.mfui-text-box .mfui-text-with-icon {
+  margin: 24px 0;
+}
+.mfui-text-box .mfui-text-with-icon + .mfui-header {
+  margin-top: 32px;
+}
+.mfui-text-box .mfui-text-box-picture + .mfui-text-with-icon {
+  margin: 32px 0 24px;
+}

package/dist/lib/components/TextWithIcon/TextWithIcon.css

@@ -0,0 +1,15 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-text-with-icon__header {
+  margin-bottom: 24px;
+}
+@media screen and (max-width: 767px) {
+  .mfui-text-with-icon__header {
+    text-align: center;
+  }
+}

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { ITextWithIconItem } from './TextWithIconItem';
+import './TextWithIcon.less';
+export interface ITextWithIconProps {
+    /** Заголовок */
+    title?: string;
+    /** Ссылка на корневой элемент */
+    rootRef?: React.Ref<HTMLDivElement>;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
+    /** Дополнительный класс для корневого элемента */
+    className?: string;
+    /** Допустимый дочерний компонент */
+    children: React.ReactElement<ITextWithIconItem>[] | React.ReactElement<ITextWithIconItem>;
+}
+declare const TextWithIcon: React.FC<ITextWithIconProps>;
+export default TextWithIcon;

package/dist/lib/components/TextWithIcon/TextWithIcon.js

@@ -0,0 +1,60 @@
+"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;
+
+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 PropTypes = _interopRequireWildcard(require("prop-types"));
+
+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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var cn = (0, _uiHelpers.cnCreate)('mfui-text-with-icon');
+
+var TextWithIcon = function TextWithIcon(_ref) {
+  var title = _ref.title,
+      rootRef = _ref.rootRef,
+      dataAttrs = _ref.dataAttrs,
+      className = _ref.className,
+      children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: cn([className]),
+    ref: rootRef
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement(_uiCore.Grid, null, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
+    mobile: '12',
+    tablet: '7',
+    desktop: '6',
+    wide: '6'
+  }, title && /*#__PURE__*/React.createElement(_uiCore.Header, {
+    className: cn('header'),
+    as: "h5"
+  }, title), children)));
+};
+
+TextWithIcon.propTypes = {
+  title: PropTypes.string,
+  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
+    current: PropTypes.elementType
+  }), PropTypes.any])]),
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element.isRequired), PropTypes.element.isRequired]).isRequired,
+  className: PropTypes.string
+};
+var _default = TextWithIcon;
+exports["default"] = _default;

package/dist/lib/components/TextWithIcon/TextWithIconItem.css

@@ -0,0 +1,49 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-text-with-icon-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+@media screen and (max-width: 767px) {
+  .mfui-text-with-icon-item {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+  }
+}
+.mfui-text-with-icon-item:not(:first-of-type) {
+  margin-top: 16px;
+}
+@media screen and (max-width: 767px) {
+  .mfui-text-with-icon-item:not(:first-of-type) {
+    margin-top: 24px;
+  }
+}
+.mfui-text-with-icon-item__svg-icon {
+  width: 40px;
+  min-width: 40px;
+  height: 40px;
+  min-height: 40px;
+  overflow: hidden;
+}
+@media screen and (min-width: 768px) {
+  .mfui-text-with-icon-item__svg-icon {
+    margin-right: 16px;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-text-with-icon-item__text {
+    margin-top: 12px;
+    text-align: center;
+  }
+}

package/dist/lib/components/TextWithIcon/TextWithIconItem.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import './TextWithIconItem.less';
+export interface ITextWithIconItem {
+    /** Текст */
+    text: string | string[];
+    /** Иконка */
+    icon: React.ReactNode;
+    /** Ссылка на корневой элемент */
+    rootRef?: React.Ref<HTMLDivElement>;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
+    /** Дополнительный класс для корневого элемента */
+    className?: string;
+}
+declare const TextWithIconItem: React.FC<ITextWithIconItem>;
+export default TextWithIconItem;

package/dist/lib/components/TextWithIcon/TextWithIconItem.js

@@ -0,0 +1,54 @@
+"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;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _uiHelpers = require("@megafon/ui-helpers");
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
+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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var cn = (0, _uiHelpers.cnCreate)('mfui-text-with-icon-item');
+
+var TextWithIconItem = function TextWithIconItem(_ref) {
+  var text = _ref.text,
+      icon = _ref.icon,
+      rootRef = _ref.rootRef,
+      dataAttrs = _ref.dataAttrs,
+      className = _ref.className;
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: cn([className]),
+    ref: rootRef
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
+    className: cn('svg-icon')
+  }, icon), /*#__PURE__*/React.createElement("div", {
+    className: cn('text')
+  }, text));
+};
+
+TextWithIconItem.propTypes = {
+  text: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.arrayOf(PropTypes.string.isRequired)]).isRequired,
+  icon: PropTypes.node.isRequired,
+  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
+    current: PropTypes.elementType
+  }), PropTypes.any])]),
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
+  className: PropTypes.string
+};
+var _default = TextWithIconItem;
+exports["default"] = _default;

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

@@ -52,9 +52,13 @@ export interface IContent {
     cost?: string;
 }
 interface IVideoBannerProps {
-    /** Дата атрибуты для корневого элемента */
+    /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
-        [key: string]: string;
+        root?: Record<string, string>;
+        breadcrumbs?: Record<string, string>;
+        breadcrumbsLink?: Record<string, string>;
+        button?: Record<string, string>;
+        link?: Record<string, string>;
     };
     /** Дополнительный класс корневого элемента */
     className?: string;
@@ -64,6 +68,7 @@ interface IVideoBannerProps {
         button?: string;
         link?: string;
         breadcrumbs?: string;
+        video?: string;
     };
     /** Ссылка на корневой элемент */
     rootRef?: Ref<HTMLDivElement>;

package/dist/lib/components/VideoBanner/VideoBanner.js

@@ -155,18 +155,24 @@ var VideoBanner = function VideoBanner(_ref2) {
     }, (0, _uiHelpers.convert)(cost, typographyConfig))), /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('btns-wrapper')
     }, buttonTitle && /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
+      dataAttrs: {
+        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
+      },
       className: cn(ClassName.BUTTON, [classes.button]),
       theme: buttonColor,
       href: buttonHref,
       onClick: onButtonClick,
       download: buttonDownload
     }, buttonTitle), linkTitle && /*#__PURE__*/_react["default"].createElement(_uiCore.TextLink, {
+      dataAttrs: {
+        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link
+      },
       className: cn(ClassName.LINK, [classes.link]),
       href: linkUrl,
       download: linkDownload,
       onClick: onLinkClick
     }, linkTitle)))));
-  }, [classes.button, classes.link]);
+  }, [classes.button, classes.link, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link]);
 
   var renderVideo = _react["default"].useCallback(function () {
     switch (videoType) {
@@ -199,7 +205,7 @@ var VideoBanner = function VideoBanner(_ref2) {
             /*#__PURE__*/
             // eslint-disable-next-line jsx-a11y/media-has-caption
             _react["default"].createElement("video", {
-              className: cn('video'),
+              className: cn('video', [classes.video]),
               autoPlay: true,
               loop: true,
               muted: isMuted
@@ -215,7 +221,7 @@ var VideoBanner = function VideoBanner(_ref2) {
           return null;
         }
     }
-  }, [videoType, videoSrc, isMuted]);
+  }, [videoType, videoSrc, isMuted, classes.video]);
 
   _react["default"].useEffect(function () {
     var getImageSrc = function getImageSrc() {
@@ -249,12 +255,16 @@ var VideoBanner = function VideoBanner(_ref2) {
     };
   }, [imageDesktop, imageDesktopWide, imageMobile, imageTablet]);
 
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs), {
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn([className, classes.root]),
     ref: rootRef
   }), /*#__PURE__*/_react["default"].createElement(_uiCore.ContentArea, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('wrapper')
   }, !!(breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/_react["default"].createElement(_Breadcrumbs["default"], {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbs,
+      link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbsLink
+    },
     className: cn('breadcrumbs'),
     items: breadcrumbs,
     color: content === null || content === void 0 ? void 0 : content.textColor,
@@ -270,7 +280,13 @@ var VideoBanner = function VideoBanner(_ref2) {
 };
 
 VideoBanner.propTypes = {
-  dataAttrs: PropTypes.objectOf(PropTypes.string.isRequired),
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    breadcrumbs: PropTypes.objectOf(PropTypes.string.isRequired),
+    breadcrumbsLink: PropTypes.objectOf(PropTypes.string.isRequired),
+    button: PropTypes.objectOf(PropTypes.string.isRequired),
+    link: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
   className: PropTypes.string,
   classes: PropTypes.shape({
     root: PropTypes.string,

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

@@ -6,7 +6,7 @@ export interface IContent {
     /** Текст-описание */
     description: string | React.ReactNode[] | React.ReactNode;
     /** Текст кнопки */
-    buttonTitle: string;
+    buttonTitle?: string;
     /** Добавляет атрибут download для тега <a> компонента Button */
     buttonDownload?: boolean;
     /** Ссылка на кнопке */
@@ -20,9 +20,10 @@ export declare const VideoTypes: {
 };
 declare type VideoType = typeof VideoTypes[keyof typeof VideoTypes];
 export interface IVideoBlockProps {
-    /** Дата атрибуты для корневого элемента */
+    /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
-        [key: string]: string;
+        root?: Record<string, string>;
+        button?: Record<string, string>;
     };
     /** Дополнительный класс корневого элемента */
     className?: string;

package/dist/lib/components/VideoBlock/VideoBlock.js

@@ -101,13 +101,16 @@ var VideoBlock = function VideoBlock(_ref) {
       className: cn('header')
     }, title), /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('description', [classes.description])
-    }, description), /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
+    }, description), buttonTitle && /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
+      dataAttrs: {
+        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
+      },
       className: cn('button', [classes.button]),
       href: href,
       onClick: onButtonClick,
       download: buttonDownload
     }, buttonTitle));
-  }, [classes.button, classes.description]);
+  }, [classes.button, classes.description, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button]);
 
   var renderGridColumns = _react["default"].useCallback(function () {
     var columns = [];
@@ -121,7 +124,7 @@ var VideoBlock = function VideoBlock(_ref) {
         orderTablet: "2",
         orderMobile: "2",
         key: "column-content"
-      }, renderContent && renderContent(content)));
+      }, renderContent(content)));
     }
 
     columns.push( /*#__PURE__*/_react["default"].createElement(_uiCore.GridColumn, {
@@ -137,7 +140,7 @@ var VideoBlock = function VideoBlock(_ref) {
     return columns;
   }, [renderContent, renderVideo, content]);
 
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs), {
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn([className, classes.root]),
     ref: rootRef
   }), /*#__PURE__*/_react["default"].createElement(_uiCore.Grid, {
@@ -147,7 +150,10 @@ var VideoBlock = function VideoBlock(_ref) {
 };
 
 VideoBlock.propTypes = {
-  dataAttrs: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+  dataAttrs: _propTypes["default"].shape({
+    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    button: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+  }),
   className: _propTypes["default"].string,
   classes: _propTypes["default"].shape({
     root: _propTypes["default"].string,
@@ -161,7 +167,7 @@ VideoBlock.propTypes = {
     title: _propTypes["default"].string.isRequired,
     description: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
     href: _propTypes["default"].string,
-    buttonTitle: _propTypes["default"].string.isRequired,
+    buttonTitle: _propTypes["default"].string,
     buttonDownload: _propTypes["default"].bool,
     onButtonClick: _propTypes["default"].func
   }),

package/dist/lib/index.d.ts

@@ -29,6 +29,8 @@ 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 TextWithIcon } from './components/TextWithIcon/TextWithIcon';
+export { default as TextWithIconItem } from './components/TextWithIcon/TextWithIconItem';
 export { default as TitleDescriptionBox } from './components/TitleDescriptionBox/TitleDescriptionBox';
 export { default as VideoBanner } from './components/VideoBanner/VideoBanner';
 export { default as VideoBlock } from './components/VideoBlock/VideoBlock';

package/dist/lib/index.js

@@ -189,6 +189,18 @@ Object.defineProperty(exports, "TextBoxPicture", {
     return _TextBoxPicture["default"];
   }
 });
+Object.defineProperty(exports, "TextWithIcon", {
+  enumerable: true,
+  get: function get() {
+    return _TextWithIcon["default"];
+  }
+});
+Object.defineProperty(exports, "TextWithIconItem", {
+  enumerable: true,
+  get: function get() {
+    return _TextWithIconItem["default"];
+  }
+});
 Object.defineProperty(exports, "TitleDescriptionBox", {
   enumerable: true,
   get: function get() {
@@ -270,6 +282,10 @@ var _TextBox = _interopRequireDefault(require("./components/TextBox/TextBox"));
 
 var _TextBoxPicture = _interopRequireDefault(require("./components/TextBox/TextBoxPicture"));
 
+var _TextWithIcon = _interopRequireDefault(require("./components/TextWithIcon/TextWithIcon"));
+
+var _TextWithIconItem = _interopRequireDefault(require("./components/TextWithIcon/TextWithIconItem"));
+
 var _TitleDescriptionBox = _interopRequireDefault(require("./components/TitleDescriptionBox/TitleDescriptionBox"));
 
 var _VideoBanner = _interopRequireDefault(require("./components/VideoBanner/VideoBanner"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "3.0.0-beta.9",
+  "version": "3.1.0",
   "files": [
     "dist"
   ],
@@ -52,7 +52,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^1.0.0-beta.4",
+    "@megafon/ui-icons": "^1.0.1",
     "@svgr/core": "^2.4.1",
     "@types/enzyme": "^3.10.5",
     "@types/enzyme-adapter-react-16": "^1.0.6",
@@ -82,13 +82,13 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^3.0.0-beta.9",
-    "@megafon/ui-helpers": "^2.0.0-beta.4",
+    "@megafon/ui-core": "^3.1.0",
+    "@megafon/ui-helpers": "^2.0.1",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "dd4791f8bc10d6be8435c7f72b933946c1195d94"
+  "gitHead": "3b91f6030703838090828a8a77cff3d82cb14c10"
 }