@megafon/ui-shared 4.18.3 → 4.20.0

package/CHANGELOG.md

@@ -3,6 +3,42 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.20.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.19.0...@megafon/ui-shared@4.20.0) (2023-05-23)
+
+
+### Bug Fixes
+
+* **counterbadge:** fix required props ([6824153](https://github.com/MegafonWebLab/megafon-ui/commit/6824153b4f2543eb3961cd408c447c8bcb9cd83d))
+
+
+### Features
+
+* **container:** add bottomShadow props ([b8d8249](https://github.com/MegafonWebLab/megafon-ui/commit/b8d82492b7300211548b71049820264bdc54a761))
+* **videobanner:** add bottomShadow prop ([b103f1d](https://github.com/MegafonWebLab/megafon-ui/commit/b103f1defc5562bd50ef1ff5dcd5e568310378cf))
+
+
+
+
+
+# [4.19.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.18.3...@megafon/ui-shared@4.19.0) (2023-05-17)
+
+
+### Bug Fixes
+
+* **audioplayer:** fix margin-top style ([0bde07a](https://github.com/MegafonWebLab/megafon-ui/commit/0bde07a42675da3a2c83ab1fb77f63e3924d8a4b))
+
+
+### Features
+
+* **container:** add margins for NotificationBox ([ce2334a](https://github.com/MegafonWebLab/megafon-ui/commit/ce2334ae8c8448abdb66d72831e51bba65e15a03))
+* **notificationbox:** add new component NotificationBox ([1ec74b8](https://github.com/MegafonWebLab/megafon-ui/commit/1ec74b8911a50a03dfe712b860916a32f80437ac))
+* **stepsitem:** render text without paragraph when text is react nodes ([dc43c69](https://github.com/MegafonWebLab/megafon-ui/commit/dc43c69b73e38e288dee0a22b6c8e4f8a51221fd))
+* **textboxpicture:** add disableBorder props ([a39bfbb](https://github.com/MegafonWebLab/megafon-ui/commit/a39bfbba2e56dc6edfe29063e46e836213cf16e2))
+
+
+
+
+
 ## [4.18.3](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.18.2...@megafon/ui-shared@4.18.3) (2023-05-02)
 
 **Note:** Version bump only for package @megafon/ui-shared

package/dist/es/components/AccordionBox/AccordionBox.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.symbol";
-import "core-js/modules/es.array.index-of";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.symbol.js";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};

package/dist/es/components/AudioPlayer/AudioProgress.js

@@ -1,6 +1,6 @@
-import "core-js/modules/es.number.constructor";
-import "core-js/modules/web.timers";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/web.timers.js";
+import "core-js/modules/es.number.constructor.js";
 import React from 'react';
 import { cnCreate } from '@megafon/ui-helpers';
 import AudioRange from "./AudioRange";

package/dist/es/components/AudioPlayer/AudioVolume.js

@@ -1,6 +1,6 @@
-import "core-js/modules/es.number.constructor";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.number.constructor.js";
 import React from 'react';
 import { Tooltip } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';

package/dist/es/components/AudioPlayer/style/AudioPlayer.css

@@ -6,7 +6,7 @@ h5 {
   margin: 0;
 }
 .mfui-audio-player {
-  margin-top: 32px;
+  margin-top: 24px;
 }
 .mfui-audio-player__player {
   display: -webkit-box;

package/dist/es/components/AudioPlayer/timerFormatUtil.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.array.concat";
-import "core-js/modules/es.parse-int";
+import "core-js/modules/es.parse-int.js";
+import "core-js/modules/es.array.concat.js";
 
 var getMinutes = function getMinutes(sec) {
   var min = parseInt("".concat(sec / 60), 10);

package/dist/es/components/BannerBox/BannerBox.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.symbol";
-import "core-js/modules/es.array.index-of";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.symbol.js";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};

package/dist/es/components/BenefitsIcons/BenefitsIcons.js

@@ -1,7 +1,7 @@
-import "core-js/modules/es.array.map";
-import "core-js/modules/es.object.values";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate, breakpoints } from '@megafon/ui-helpers';

package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js

@@ -1,4 +1,4 @@
-import "core-js/modules/es.object.values";
+import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { Header } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';

package/dist/es/components/BenefitsPictures/BenefitsPictures.js

@@ -1,6 +1,6 @@
-import "core-js/modules/es.array.map";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { useCallback } from 'react';
 import { Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';

package/dist/es/components/Breadcrumbs/Breadcrumbs.js

@@ -1,7 +1,7 @@
-import "core-js/modules/es.array.map";
-import "core-js/modules/es.object.values";
-import "core-js/modules/es.string.link";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.string.link.js";
+import "core-js/modules/es.object.values.js";
 import React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
@@ -9,7 +9,7 @@ import BreadcrumbsItem, { TextColor } from "./components/BreadcrumbsItem";
 import "./Breadcrumbs.css";
 
 var isObjectElement = function isObjectElement(item) {
-  return !React.isValidElement(item);
+  return ! /*#__PURE__*/React.isValidElement(item);
 };
 
 var cn = cnCreate('mfui-breadcrumbs');

package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js

@@ -1,6 +1,6 @@
-import "core-js/modules/es.object.values";
-import "core-js/modules/es.string.link";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.string.link.js";
+import "core-js/modules/es.object.values.js";
 import React from 'react';
 import { TextLink } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';

package/dist/es/components/ButtonBanner/ButtonBanner.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.object.values";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.object.values.js";
 import React from 'react';
 import { Button, Grid, GridColumn, Header } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs, convert, titleConvertConfig, textConvertConfig } from '@megafon/ui-helpers';

package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.string.link";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.string.link.js";
 import React from 'react';
 import { Button, TextLink } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';

package/dist/es/components/Card/Card.js

@@ -1,6 +1,6 @@
-import "core-js/modules/es.object.values";
-import "core-js/modules/es.string.link";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.string.link.js";
+import "core-js/modules/es.object.values.js";
 import React from 'react';
 import "./Card.css";
 import { Header, Button, TextLink, Link } from '@megafon/ui-core';

package/dist/es/components/CardsBox/CardsBox.js

@@ -1,10 +1,10 @@
-import "core-js/modules/es.array.map";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 var _SlidesSettings;
 
+import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { Grid, GridColumn, Carousel } from '@megafon/ui-core';
 import { breakpoints, cnCreate, filterDataAttrs } from '@megafon/ui-helpers';

package/dist/es/components/CarouselBox/CarouselBox.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.symbol";
-import "core-js/modules/es.array.index-of";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.symbol.js";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};

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

@@ -6,6 +6,7 @@ h5 {
   margin: 0;
 }
 .mfui-container {
+  position: relative;
   padding-bottom: 96px;
 }
 .mfui-container_bg-color_default {
@@ -27,11 +28,17 @@ h5 {
   .mfui-container {
     padding-bottom: 72px;
   }
+  .mfui-container_bottom-shadow:after {
+    bottom: 72px !important;
+  }
 }
 @media screen and (max-width: 767px) {
   .mfui-container {
     padding-bottom: 48px;
   }
+  .mfui-container_bottom-shadow:after {
+    bottom: 48px !important;
+  }
 }
 .mfui-container_bg-color_default + .mfui-container_bg-color_light-gray {
   padding-top: 96px;
@@ -347,6 +354,9 @@ h5 {
 .mfui-container .mfui-title-description-box + .mfui-text-with-icon {
   margin-top: 24px;
 }
+.mfui-container .mfui-title-description-box + .mfui-notification-box {
+  margin-top: 24px;
+}
 .mfui-container .mfui-title-description-box + .mfui-audio-player {
   margin-top: 32px;
 }
@@ -1809,6 +1819,9 @@ h5 {
 .mfui-container .mfui-property + .mfui-steps {
   margin-top: 56px;
 }
+.mfui-container .mfui-property + .mfui-notification-box {
+  margin-top: 24px;
+}
 @media screen and (min-width: 768px) and (max-width: 1023px) {
   .mfui-container .mfui-property + .mfui-benefits-icons {
     margin-top: 48px;
@@ -2238,6 +2251,9 @@ h5 {
 .mfui-container .mfui-text-box + .mfui-text-with-icon {
   margin-top: 32px;
 }
+.mfui-container .mfui-text-box + .mfui-notification-box {
+  margin-top: 24px;
+}
 .mfui-container .mfui-text-box + .mfui-audio-player {
   margin-top: 32px;
 }
@@ -2773,6 +2789,9 @@ h5 {
 .mfui-container .mfui-page-title + .mfui-picture-with-description {
   margin-top: 56px;
 }
+.mfui-container .mfui-page-title + .mfui-notification-box {
+  margin-top: 24px;
+}
 .mfui-container .mfui-page-title + .mfui-audio-player {
   margin-top: 32px;
 }
@@ -3044,6 +3063,15 @@ h5 {
     margin-top: 56px;
   }
 }
+.mfui-container .mfui-notification-box + .mfui-property {
+  margin-top: 32px;
+}
+.mfui-container .mfui-notification-box + .mfui-text-box {
+  margin-top: 24px;
+}
+.mfui-container .mfui-notification-box + .mfui-page-title {
+  margin-top: 24px;
+}
 .mfui-container .mfui-audio-player + .mfui-text-box {
   margin-top: 32px;
 }
@@ -3052,9 +3080,22 @@ h5 {
     margin-top: 24px;
   }
 }
+.mfui-container_bottom-shadow:after {
+  content: '';
+  position: absolute;
+  right: 0;
+  bottom: 96px;
+  width: 100%;
+  height: 100%;
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(95.25%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.024)));
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 95.25%, rgba(0, 0, 0, 0.024) 100%);
+}
 .mfui-container_disable-padding-top {
   padding-top: 0 !important;
 }
 .mfui-container_disable-padding-bottom {
   padding-bottom: 0 !important;
 }
+.mfui-container_disable-padding-bottom.mfui-container_bottom-shadow:after {
+  bottom: 0 !important;
+}

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

@@ -21,6 +21,8 @@ declare type Props = {
     disablePaddingTop?: boolean;
     /** Отключить отступ снизу */
     disablePaddingBottom?: boolean;
+    /** Включить тень в нижней части компонента */
+    bottomShadow?: boolean;
 };
 declare const Container: React.FC<Props>;
 export default Container;

package/dist/es/components/Container/Container.js

@@ -1,4 +1,4 @@
-import "core-js/modules/es.object.values";
+import "core-js/modules/es.object.values.js";
 import React from 'react';
 import { ContentArea } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';
@@ -21,10 +21,13 @@ var Container = function Container(_ref) {
       className = _ref.className,
       children = _ref.children,
       disablePaddingTop = _ref.disablePaddingTop,
-      disablePaddingBottom = _ref.disablePaddingBottom;
+      disablePaddingBottom = _ref.disablePaddingBottom,
+      _ref$bottomShadow = _ref.bottomShadow,
+      bottomShadow = _ref$bottomShadow === void 0 ? false : _ref$bottomShadow;
   return /*#__PURE__*/React.createElement("div", {
     className: cn({
       'bg-color': backgroundColor,
+      'bottom-shadow': bottomShadow,
       'disable-padding-top': disablePaddingTop,
       'disable-padding-bottom': disablePaddingBottom
     }, [className]),
@@ -41,6 +44,7 @@ Container.propTypes = {
     current: PropTypes.elementType
   }), PropTypes.any])]),
   disablePaddingTop: PropTypes.bool,
-  disablePaddingBottom: PropTypes.bool
+  disablePaddingBottom: PropTypes.bool,
+  bottomShadow: PropTypes.bool
 };
 export default Container;

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

@@ -1,6 +1,6 @@
-import "core-js/modules/es.array.concat";
-import "core-js/modules/es.string.link";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.string.link.js";
+import "core-js/modules/es.array.concat.js";
 import * as React from 'react';
 import { TextLink } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';

package/dist/es/components/DownloadLinks/DownloadLinks.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.array.map";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';

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

@@ -1,6 +1,6 @@
-import "core-js/modules/es.array.map";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.map.js";
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Notification } from '@megafon/ui-core';
+import './style/NotificationBox.less';
+export declare const Align: {
+    readonly LEFT: "left";
+    readonly CENTER: "center";
+};
+declare type AlignType = typeof Align[keyof typeof Align];
+declare type NotificationProps = React.ComponentProps<typeof Notification>;
+declare type NotificationBoxProps = Omit<NotificationProps, 'isColored'> & {
+    /** Горизонтальное выравнивание */
+    align?: AlignType;
+};
+declare const NotificationBox: React.FC<NotificationBoxProps>;
+export default NotificationBox;

package/dist/es/components/NotificationBox/NotificationBox.js

@@ -0,0 +1,49 @@
+import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.object.values.js";
+
+var __rest = this && this.__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;
+};
+
+import * as React from 'react';
+import { Notification } from '@megafon/ui-core';
+import { cnCreate } from '@megafon/ui-helpers';
+import PropTypes from 'prop-types';
+import "./style/NotificationBox.css";
+export var Align = {
+  LEFT: 'left',
+  CENTER: 'center'
+};
+var cn = cnCreate('mfui-notification-box');
+
+var NotificationBox = function NotificationBox(_a) {
+  var _a$align = _a.align,
+      align = _a$align === void 0 ? 'left' : _a$align,
+      restProps = __rest(_a, ["align"]);
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn({
+      align: align
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cn('notification')
+  }, /*#__PURE__*/React.createElement(Notification, _extends({}, restProps, {
+    isColored: false
+  }))));
+};
+
+NotificationBox.propTypes = {
+  align: PropTypes.oneOf(Object.values(Align))
+};
+export default NotificationBox;

package/dist/es/components/NotificationBox/style/NotificationBox.css

@@ -0,0 +1,28 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-notification-box {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.mfui-notification-box:not(:first-child) {
+  margin-top: 24px;
+}
+.mfui-notification-box__notification {
+  max-width: 740px;
+}
+.mfui-notification-box_align_left {
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+}
+.mfui-notification-box_align_center {
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}

package/dist/es/components/Partners/Partners.js

@@ -1,10 +1,10 @@
-import "core-js/modules/es.array.map";
-import "core-js/modules/es.array.slice";
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 var _slidesSettings;
 
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.slice.js";
 import * as React from 'react';
 import { Grid, GridColumn, Tile, Carousel } from '@megafon/ui-core';
 import { breakpoints, cnCreate, filterDataAttrs } from '@megafon/ui-helpers';

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

@@ -1,7 +1,7 @@
-import "core-js/modules/es.symbol";
-import "core-js/modules/es.symbol.description";
-import "core-js/modules/es.array.map";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
 import React from 'react';
 import { Header, Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';

package/dist/es/components/Steps/Steps.js

@@ -1,4 +1,4 @@
-import "core-js/modules/es.array.map";
+import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { Header } from '@megafon/ui-core';
 import { cnCreate, convert, titleConvertConfig } from '@megafon/ui-helpers';

package/dist/es/components/Steps/StepsItem.css

@@ -35,3 +35,8 @@ h5 {
   padding-top: 8px;
   padding-left: 16px;
 }
+.mfui-steps-item__nodes {
+  font-size: 15px;
+  line-height: 24px;
+  font-weight: 400;
+}

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

@@ -14,9 +14,11 @@ var StepsItem = function StepsItem(_ref) {
     className: cn('step-number')
   }, index), /*#__PURE__*/React.createElement("div", {
     className: cn('text-wrapper')
-  }, /*#__PURE__*/React.createElement(Paragraph, {
+  }, typeof text === 'string' ? /*#__PURE__*/React.createElement(Paragraph, {
     hasMargin: false
-  }, typeof text === 'string' ? convert(text, textConvertConfig) : text)));
+  }, convert(text, textConvertConfig)) : /*#__PURE__*/React.createElement("div", {
+    className: cn('nodes')
+  }, text)));
 };
 
 StepsItem.propTypes = {

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

@@ -1,5 +1,5 @@
-import "core-js/modules/es.object.values";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { Button, Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs, convert, titleConvertConfig, textConvertConfig } from '@megafon/ui-helpers';

package/dist/es/components/StoreButton/StoreButton.js

@@ -1,7 +1,7 @@
-import "core-js/modules/es.symbol";
-import "core-js/modules/es.array.index-of";
-import "core-js/modules/es.object.values";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.object.values.js";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};

package/dist/es/components/Table/Table.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.array.map";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { cnCreate, detectTouch } from '@megafon/ui-helpers';
 import convert from 'htmr';

package/dist/es/components/TabsBox/TabsBox.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.symbol";
-import "core-js/modules/es.array.index-of";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.symbol.js";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};

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

@@ -22,3 +22,6 @@ h5 {
   max-width: 100%;
   border: 1px solid var(--spbSky1);
 }
+.mfui-text-box-picture__img_no-border {
+  border: none;
+}

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

@@ -14,6 +14,8 @@ export interface ITextBoxPictureProps {
     margin?: PictureMarginTypesType;
     /** Значение тега alt для изображения */
     alt?: string;
+    /** Отключить отображение рамки вокруг картинки */
+    disableBorder?: boolean;
 }
 declare const TextBoxPicture: React.FC<ITextBoxPictureProps>;
 export default TextBoxPicture;

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

@@ -14,13 +14,17 @@ var TextBoxPicture = function TextBoxPicture(_ref) {
   var url = _ref.url,
       _ref$margin = _ref.margin,
       margin = _ref$margin === void 0 ? pictureMarginTypes.DEFAULT : _ref$margin,
-      alt = _ref.alt;
+      alt = _ref.alt,
+      _ref$disableBorder = _ref.disableBorder,
+      disableBorder = _ref$disableBorder === void 0 ? false : _ref$disableBorder;
   return /*#__PURE__*/React.createElement("div", {
     className: cn({
       margin: margin
     })
   }, /*#__PURE__*/React.createElement("img", {
-    className: cn('img'),
+    className: cn('img', {
+      'no-border': disableBorder
+    }),
     src: url,
     alt: alt
   }));
@@ -29,6 +33,7 @@ var TextBoxPicture = function TextBoxPicture(_ref) {
 TextBoxPicture.propTypes = {
   url: PropTypes.string.isRequired,
   margin: PropTypes.oneOf([pictureMarginTypes.DEFAULT, pictureMarginTypes.BIG_TOP, pictureMarginTypes.BIG_BOTTOM, pictureMarginTypes.BIG_VERTICAL]),
-  alt: PropTypes.string
+  alt: PropTypes.string,
+  disableBorder: PropTypes.bool
 };
 export default TextBoxPicture;

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

@@ -1,6 +1,6 @@
-import "core-js/modules/es.array.is-array";
-import "core-js/modules/es.array.map";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.array.is-array.js";
+import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { cnCreate, convert, filterDataAttrs, textConvertConfig } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';

package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js

@@ -1,6 +1,6 @@
-import "core-js/modules/es.symbol";
-import "core-js/modules/es.symbol.description";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
 import * as React from 'react';
 import { Header, Paragraph, Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';