@megafon/ui-shared 6.2.0 → 6.4.0

package/dist/lib/components/SidePictureCards/SidePictureCards.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.array.concat.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uiCore = require("@megafon/ui-core");
+
+var _uiHelpers = require("@megafon/ui-helpers");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _SidePictureCard = _interopRequireDefault(require("./components/SidePictureCard"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var MIN_ITEMS_COUNT = 2;
+var cn = (0, _uiHelpers.cnCreate)('mfui-side-picture-cards');
+
+var SidePictureCards = function SidePictureCards(_ref) {
+  var items = _ref.items,
+      _ref$background = _ref.background,
+      background = _ref$background === void 0 ? 'gray' : _ref$background,
+      className = _ref.className,
+      _ref$classes = _ref.classes,
+      classes = _ref$classes === void 0 ? {} : _ref$classes,
+      dataAttrs = _ref.dataAttrs;
+
+  if (items.length < MIN_ITEMS_COUNT) {
+    return null;
+  }
+
+  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])
+  }), /*#__PURE__*/_react["default"].createElement(_uiCore.Grid, {
+    className: cn(),
+    guttersLeft: "medium",
+    guttersBottom: "medium"
+  }, items.map(function (item, i) {
+    return /*#__PURE__*/_react["default"].createElement(_uiCore.GridColumn, {
+      all: "6",
+      mobile: "12",
+      key: "".concat(item === null || item === void 0 ? void 0 : item.title, "_").concat(i)
+    }, /*#__PURE__*/_react["default"].createElement(_SidePictureCard["default"], (0, _extends2["default"])({}, item, {
+      background: background,
+      key: "".concat(item === null || item === void 0 ? void 0 : item.title, "_").concat(i),
+      classes: {
+        root: classes.item
+      },
+      dataAttrs: {
+        root: (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1))
+      }
+    })));
+  })));
+};
+
+SidePictureCards.propTypes = {
+  items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    title: _propTypes["default"].string,
+    image: _propTypes["default"].shape({
+      src: _propTypes["default"].string.isRequired,
+      srcWide: _propTypes["default"].string.isRequired,
+      alt: _propTypes["default"].string
+    }).isRequired,
+    iconItems: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+      icon: _propTypes["default"].element.isRequired,
+      text: _propTypes["default"].string,
+      info: _propTypes["default"].string
+    }).isRequired).isRequired,
+    button: _propTypes["default"].shape({
+      title: _propTypes["default"].string.isRequired,
+      href: _propTypes["default"].string.isRequired,
+      target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
+      rel: _propTypes["default"].string
+    }),
+    href: _propTypes["default"].string,
+    target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
+    rel: _propTypes["default"].string
+  }).isRequired).isRequired,
+  background: _propTypes["default"].oneOf(['white', 'gray']),
+  className: _propTypes["default"].string,
+  classes: _propTypes["default"].objectOf(_propTypes["default"].string),
+  dataAttrs: _propTypes["default"].objectOf(_propTypes["default"].object)
+};
+var _default = SidePictureCards;
+exports["default"] = _default;

package/dist/lib/components/SidePictureCards/components/SidePictureCard.css

@@ -0,0 +1,183 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-side-picture-card {
+  display: grid;
+  grid-template-rows: 1fr auto;
+  grid-template-columns: auto;
+  gap: 20px;
+  min-height: 100%;
+  padding: 12px;
+  border-radius: 24px;
+  color: var(--content);
+  text-decoration: none;
+  background-color: var(--base);
+  -webkit-transition: background-color, -webkit-box-shadow;
+  transition: background-color, -webkit-box-shadow;
+  transition: background-color, box-shadow;
+  transition: background-color, box-shadow, -webkit-box-shadow;
+  -webkit-transition-duration: 0.3s;
+          transition-duration: 0.3s;
+}
+@media screen and (min-width: 1280px) {
+  .mfui-side-picture-card {
+    grid-template-rows: none;
+    grid-template-columns: 1fr 1fr;
+  }
+}
+.mfui-side-picture-card:hover {
+  text-decoration: none;
+}
+.mfui-side-picture-card__content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  padding: 12px;
+  overflow: hidden;
+}
+@media screen and (min-width: 1280px) {
+  .mfui-side-picture-card__content {
+    padding: 12px 0 12px 12px;
+  }
+}
+.mfui-side-picture-card__title {
+  /* stylelint-disable-next-line value-no-vendor-prefix */
+  display: -webkit-box;
+  overflow: hidden;
+  white-space: normal;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  margin-bottom: 16px;
+}
+@media screen and (min-width: 1280px) {
+  .mfui-side-picture-card__title {
+    margin-bottom: 24px;
+  }
+}
+.mfui-side-picture-card__items {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 12px;
+  margin-bottom: auto;
+}
+@media screen and (min-width: 1280px) {
+  .mfui-side-picture-card__items {
+    gap: 16px;
+  }
+}
+.mfui-side-picture-card__item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  gap: 12px;
+}
+.mfui-side-picture-card__item-icon {
+  display: block;
+  width: 32px;
+  min-width: 32px;
+  max-height: 32px;
+}
+.mfui-side-picture-card__item-icon svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+  fill: var(--brandGreen);
+}
+.mfui-side-picture-card__item-description {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 4px;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.mfui-side-picture-card__item-text {
+  font-size: 15px;
+  line-height: 24px;
+  font-weight: 400;
+  /* stylelint-disable-next-line value-no-vendor-prefix */
+  display: -webkit-box;
+  overflow: hidden;
+  white-space: normal;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.mfui-side-picture-card__item-info {
+  font-weight: 500;
+  font-size: 18px;
+  line-height: 24px;
+  letter-spacing: 0.5px;
+  /* stylelint-disable-next-line value-no-vendor-prefix */
+  display: -webkit-box;
+  overflow: hidden;
+  white-space: normal;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+@media screen and (min-width: 1280px) {
+  .mfui-side-picture-card__item-info {
+    font-size: 20px;
+    line-height: 28px;
+  }
+}
+.mfui-side-picture-card__button {
+  margin-top: 32px;
+}
+.mfui-side-picture-card__picture {
+  position: relative;
+  height: 172px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-side-picture-card__picture {
+    height: 197px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1279px) {
+  .mfui-side-picture-card__picture {
+    height: 270px;
+  }
+}
+@media screen and (min-width: 1280px) {
+  .mfui-side-picture-card__picture {
+    height: 100%;
+  }
+}
+.mfui-side-picture-card__image {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  border-radius: 24px;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.mfui-side-picture-card_active:hover:not(.mfui-side-picture-card_background_gray) {
+  -webkit-box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
+}
+.mfui-side-picture-card_background_gray {
+  background-color: var(--spbSky0);
+}
+.mfui-side-picture-card_background_gray.mfui-side-picture-card_active:hover {
+  background-color: var(--spbSky1);
+}

package/dist/lib/components/SidePictureCards/components/SidePictureCard.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { BackgroundType, CardDataType } from '../types';
+import './SidePictureCard.less';
+export declare type SidePictureCardType = CardDataType & {
+    background: BackgroundType;
+    classes?: {
+        root?: string;
+        button?: string;
+    };
+    dataAttrs?: {
+        root?: Record<string, string>;
+        button?: Record<string, string>;
+    };
+};
+declare const SidePictureCard: React.FC<SidePictureCardType>;
+export default SidePictureCard;

package/dist/lib/components/SidePictureCards/components/SidePictureCard.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.array.concat.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uiCore = require("@megafon/ui-core");
+
+var _uiHelpers = require("@megafon/ui-helpers");
+
+var _setRelAttribute = require("../../../helpers/setRelAttribute");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var MAX_ICON_ITEMS_COUNT = 4;
+var cn = (0, _uiHelpers.cnCreate)('mfui-side-picture-card');
+
+var SidePictureCard = function SidePictureCard(_ref) {
+  var background = _ref.background,
+      title = _ref.title,
+      image = _ref.image,
+      _ref$iconItems = _ref.iconItems,
+      iconItems = _ref$iconItems === void 0 ? [] : _ref$iconItems,
+      _ref$button = _ref.button,
+      button = _ref$button === void 0 ? {} : _ref$button,
+      href = _ref.href,
+      target = _ref.target,
+      rel = _ref.rel,
+      _ref$classes = _ref.classes,
+      classes = _ref$classes === void 0 ? {} : _ref$classes,
+      dataAttrs = _ref.dataAttrs;
+  var buttonTitle = button.title,
+      buttonHref = button.href,
+      buttonTarget = button.target,
+      buttonRel = button.rel;
+  var isLink = !!href && !buttonHref;
+  var ElementType = isLink ? 'a' : 'div';
+  var currentRel = (0, _setRelAttribute.setRelAttribute)(rel, target);
+  var currentButtonRel = (0, _setRelAttribute.setRelAttribute)(buttonRel, buttonTarget);
+  var visibleIconItems = iconItems.slice(0, MAX_ICON_ITEMS_COUNT);
+  var items = visibleIconItems.map(function (item, i) {
+    var icon = item.icon,
+        _item$text = item.text,
+        text = _item$text === void 0 ? '' : _item$text,
+        _item$info = item.info,
+        info = _item$info === void 0 ? '' : _item$info;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: cn('item'),
+      key: "".concat(text || info, "_").concat(i)
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: cn('item-icon')
+    }, icon), /*#__PURE__*/_react["default"].createElement("div", {
+      className: cn('item-description')
+    }, !!text && /*#__PURE__*/_react["default"].createElement("div", {
+      className: cn('item-text')
+    }, (0, _uiHelpers.convert)(text, {})), !!info && /*#__PURE__*/_react["default"].createElement("div", {
+      className: cn('item-info')
+    }, (0, _uiHelpers.convert)(info, {}))));
+  });
+  return /*#__PURE__*/_react["default"].createElement(ElementType, (0, _extends2["default"])({
+    className: cn({
+      background: background,
+      active: isLink
+    }, [classes.root])
+  }, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, {
+    href: href,
+    target: isLink ? target : undefined,
+    rel: isLink ? currentRel : undefined
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: cn('content')
+  }, !!title && /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
+    className: cn('title'),
+    as: "h3"
+  }, (0, _uiHelpers.convert)(title, {})), /*#__PURE__*/_react["default"].createElement("div", {
+    className: cn('items')
+  }, items), !!buttonTitle && /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
+    className: cn('button', [classes.button]),
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
+    },
+    href: buttonHref,
+    target: buttonTarget,
+    rel: currentButtonRel
+  }, buttonTitle)), /*#__PURE__*/_react["default"].createElement("picture", {
+    className: cn('picture')
+  }, /*#__PURE__*/_react["default"].createElement("source", {
+    media: "(min-width: ".concat(_uiHelpers.breakpoints.DESKTOP_MIDDLE_START, "px)"),
+    srcSet: image.srcWide
+  }), /*#__PURE__*/_react["default"].createElement("img", {
+    className: cn('image'),
+    src: image.src,
+    alt: image.alt || 'image'
+  })));
+};
+
+var _default = SidePictureCard;
+exports["default"] = _default;

package/dist/lib/components/SidePictureCards/types.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+declare type TargetType = '_self' | '_blank' | '_parent' | '_top';
+declare type ButtonType = {
+    /** Название */
+    title: string;
+    /** Ссылка */
+    href: string;
+    /** Атрибут ссылки target */
+    target?: TargetType;
+    /** Атрибут ссылки rel */
+    rel?: string;
+};
+declare type ImageType = {
+    /** Изображение на разрешении экрана 0-1279 */
+    src: string;
+    /** Изображение на разрешении экрана 1280+ */
+    srcWide: string;
+    /** Значение тега alt для изображения */
+    alt?: string;
+};
+declare type IconContentType = {
+    /** Иконка */
+    icon: JSX.Element;
+    /** Текст-описание */
+    text?: string;
+    /** Дополнительная информация, значение */
+    info?: string;
+};
+export declare type CardDataType = {
+    /** Заголовок */
+    title?: string;
+    /** Изображение */
+    image: ImageType;
+    /** Список пунктов с иконками */
+    iconItems: IconContentType[];
+    /** Кнопка */
+    button?: ButtonType;
+    /** Ссылка */
+    href?: string;
+    /** Атрибут ссылки target */
+    target?: TargetType;
+    /** Атрибут ссылки rel */
+    rel?: string;
+};
+export declare type BackgroundType = 'white' | 'gray';
+export {};

package/dist/lib/components/SidePictureCards/types.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -17,13 +17,22 @@ h5 {
   margin-top: 12px;
 }
 .mfui-text-with-icon-item__svg-icon {
-  width: 44px;
-  min-width: 44px;
-  height: 44px;
-  min-height: 44px;
-  margin-right: 16px;
-  padding: 6px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 40px;
+  min-width: 40px;
+  height: 40px;
+  min-height: 40px;
+  margin-right: 12px;
+  overflow: hidden;
+}
+.mfui-text-with-icon-item_icon-background_stroke .mfui-text-with-icon-item__svg-icon {
+  padding: 3px;
   border: 1px solid var(--spbSky2);
   border-radius: 50%;
-  overflow: hidden;
+}
+.mfui-text-with-icon-item_icon-background_gray .mfui-text-with-icon-item__svg-icon {
+  padding: 4px;
+  border-radius: 50%;
+  background-color: var(--spbSky0);
 }

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

@@ -10,6 +10,8 @@ export interface ITextWithIconItem {
     text: string | string[];
     /** Иконка */
     icon: React.ReactNode;
+    /** Фон для иконки */
+    iconBackground?: 'no' | 'stroke' | 'gray';
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
     /** Дополнительные data атрибуты к внутренним элементам */

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

@@ -34,6 +34,8 @@ var TextWithIconItem = function TextWithIconItem(_ref) {
       classes = _ref$classes === void 0 ? {} : _ref$classes,
       text = _ref.text,
       icon = _ref.icon,
+      _ref$iconBackground = _ref.iconBackground,
+      iconBackground = _ref$iconBackground === void 0 ? 'no' : _ref$iconBackground,
       rootRef = _ref.rootRef,
       dataAttrs = _ref.dataAttrs;
   var renderText = React.useMemo(function () {
@@ -46,7 +48,9 @@ var TextWithIconItem = function TextWithIconItem(_ref) {
     return (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig);
   }, [text]);
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-    className: cn([className]),
+    className: cn({
+      'icon-background': iconBackground
+    }, [className]),
     ref: rootRef
   }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
     className: cn('svg-icon', [classes.icon]),
@@ -60,6 +64,7 @@ var TextWithIconItem = function TextWithIconItem(_ref) {
 TextWithIconItem.propTypes = {
   text: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.arrayOf(PropTypes.string.isRequired)]).isRequired,
   icon: PropTypes.node.isRequired,
+  iconBackground: PropTypes.oneOf(['no', 'stroke', 'gray']),
   rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
     current: PropTypes.elementType
   }), PropTypes.any])]),

package/dist/lib/helpers/getColumnConfig.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const getColumnConfig: (isFullWidth: boolean) => Pick<React.PropsWithChildren<import("@megafon/ui-core/dist/lib/components/Grid/GridColumn").IGridColumn>, "all" | "wide" | "mobile" | "desktop" | "tablet">;
+export declare const getColumnConfig: (isFullWidth: boolean) => Pick<React.PropsWithChildren<import("../../../ui-core/dist/lib/components/Grid/GridColumn").IGridColumn>, "all" | "wide" | "mobile" | "desktop" | "tablet">;

package/dist/lib/index.d.ts

@@ -21,6 +21,8 @@ export { default as DownloadLink } from './components/DownloadLinks/DownloadLink
 export { default as DownloadLinks } from './components/DownloadLinks/DownloadLinks';
 export { default as FaqWrapper } from './components/FaqWrapper/FaqWrapper';
 export { default as ImageBanner } from './components/ImageBanner/ImageBanner';
+export { default as InfoCard } from './components/InfoCards/components/InfoCard/InfoCard';
+export { default as InfoCards } from './components/InfoCards/InfoCards';
 export { default as Instructions } from './components/Instructions/Instructions';
 export { default as NotificationBox } from './components/NotificationBox/NotificationBox';
 export { default as PageTitle } from './components/PageTitle/PageTitle';
@@ -28,6 +30,8 @@ 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 SidePictureCard } from './components/SidePictureCards/components/SidePictureCard';
+export { default as SidePictureCards } from './components/SidePictureCards/SidePictureCards';
 export { default as Steps } from './components/Steps/Steps';
 export { default as StepsItem } from './components/Steps/StepsItem';
 export { default as StoreBanner } from './components/StoreBanner/StoreBanner';

package/dist/lib/index.js

@@ -141,6 +141,18 @@ Object.defineProperty(exports, "ImageBanner", {
     return _ImageBanner["default"];
   }
 });
+Object.defineProperty(exports, "InfoCard", {
+  enumerable: true,
+  get: function get() {
+    return _InfoCard["default"];
+  }
+});
+Object.defineProperty(exports, "InfoCards", {
+  enumerable: true,
+  get: function get() {
+    return _InfoCards["default"];
+  }
+});
 Object.defineProperty(exports, "Instructions", {
   enumerable: true,
   get: function get() {
@@ -183,6 +195,18 @@ Object.defineProperty(exports, "PropertyDescription", {
     return _PropertyDescription["default"];
   }
 });
+Object.defineProperty(exports, "SidePictureCard", {
+  enumerable: true,
+  get: function get() {
+    return _SidePictureCard["default"];
+  }
+});
+Object.defineProperty(exports, "SidePictureCards", {
+  enumerable: true,
+  get: function get() {
+    return _SidePictureCards["default"];
+  }
+});
 Object.defineProperty(exports, "Steps", {
   enumerable: true,
   get: function get() {
@@ -338,6 +362,10 @@ var _FaqWrapper = _interopRequireDefault(require("./components/FaqWrapper/FaqWra
 
 var _ImageBanner = _interopRequireDefault(require("./components/ImageBanner/ImageBanner"));
 
+var _InfoCard = _interopRequireDefault(require("./components/InfoCards/components/InfoCard/InfoCard"));
+
+var _InfoCards = _interopRequireDefault(require("./components/InfoCards/InfoCards"));
+
 var _Instructions = _interopRequireDefault(require("./components/Instructions/Instructions"));
 
 var _NotificationBox = _interopRequireDefault(require("./components/NotificationBox/NotificationBox"));
@@ -352,6 +380,10 @@ var _Property = _interopRequireDefault(require("./components/Property/Property")
 
 var _PropertyDescription = _interopRequireDefault(require("./components/Property/PropertyDescription"));
 
+var _SidePictureCard = _interopRequireDefault(require("./components/SidePictureCards/components/SidePictureCard"));
+
+var _SidePictureCards = _interopRequireDefault(require("./components/SidePictureCards/SidePictureCards"));
+
 var _Steps = _interopRequireDefault(require("./components/Steps/Steps"));
 
 var _StepsItem = _interopRequireDefault(require("./components/Steps/StepsItem"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "6.2.0",
+  "version": "6.4.0",
   "files": [
     "dist"
   ],
@@ -82,7 +82,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^6.2.0",
+    "@megafon/ui-core": "^6.2.1",
     "@megafon/ui-helpers": "^2.6.0",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
@@ -90,5 +90,5 @@
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "51d2691e1194c1600d683e1a521d851b4b2ac39a"
+  "gitHead": "2466487ef2741990421ed7784dec7a1a3bc8e0f3"
 }