@megafon/ui-shared 8.2.0 → 8.3.0

package/dist/lib/components/NumbersBox/NumbersBox.js

@@ -0,0 +1,81 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.map.js");
+var React = _interopRequireWildcard(require("react"));
+var _uiCore = require("@megafon/ui-core");
+var _uiHelpers = require("@megafon/ui-helpers");
+var _NumbersCard = _interopRequireDefault(require("./components/NumbersCard/NumbersCard"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var slidesSettings = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _uiHelpers.breakpoints.MOBILE_SMALL_START, {
+  slidesPerView: 1,
+  spaceBetween: 20
+}), _uiHelpers.breakpoints.MOBILE_BIG_START, {
+  slidesPerView: 3,
+  spaceBetween: 20
+}), _uiHelpers.breakpoints.DESKTOP_SMALL_START, {
+  slidesPerView: 4,
+  spaceBetween: 20
+});
+var MIN_ITEMS_COUNT = 3;
+var FOUR_ITEMS = 4;
+var MIN_CAROUSEL_ITEMS_COUNT = 5;
+var cn = (0, _uiHelpers.cnCreate)('mfui-numbers-box');
+var NumbersBox = function NumbersBox(_ref) {
+  var items = _ref.items,
+    _ref$background = _ref.background,
+    background = _ref$background === void 0 ? 'shadow' : _ref$background,
+    _ref$titleColor = _ref.titleColor,
+    titleColor = _ref$titleColor === void 0 ? 'default' : _ref$titleColor,
+    _ref$subtitleSize = _ref.subtitleSize,
+    subtitleSize = _ref$subtitleSize === void 0 ? 'medium' : _ref$subtitleSize,
+    carouselNavTheme = _ref.carouselNavTheme,
+    carouselGradientColor = _ref.carouselGradientColor,
+    dataAttrs = _ref.dataAttrs,
+    className = _ref.className,
+    classes = _ref.classes,
+    rootRef = _ref.rootRef;
+  if (items.length < MIN_ITEMS_COUNT) {
+    return null;
+  }
+  var showCarousel = items.length >= MIN_CAROUSEL_ITEMS_COUNT;
+  var isGridLayout = items.length === FOUR_ITEMS;
+  var hasLargeSpacing = background === 'none' && !showCarousel;
+  var renderItem = function renderItem(item, index) {
+    return /*#__PURE__*/React.createElement(_NumbersCard["default"], (0, _extends2["default"])({}, item, {
+      background: background,
+      titleColor: titleColor,
+      subtitleSize: subtitleSize,
+      dataAttrs: {
+        root: (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.card, index + 1)
+      },
+      className: cn('card', [classes === null || classes === void 0 ? void 0 : classes.card]),
+      key: index + item.title
+    }));
+  };
+  var renderCarousel = function renderCarousel() {
+    return /*#__PURE__*/React.createElement(_uiCore.Carousel, {
+      slidesSettings: slidesSettings,
+      navTheme: carouselNavTheme,
+      gradient: true,
+      gradientColor: carouselGradientColor
+    }, items.map(renderItem));
+  };
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    className: cn({
+      line: !showCarousel,
+      grid: isGridLayout,
+      spaced: hasLargeSpacing
+    }, [className, classes === null || classes === void 0 ? void 0 : classes.root]),
+    ref: rootRef
+  }), showCarousel ? renderCarousel() : items.map(renderItem));
+};
+var _default = exports["default"] = NumbersBox;

package/dist/lib/components/NumbersBox/components/NumbersCard/NumbersCard.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-numbers-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--base);border-radius:24px;color:var(--content);-ms-flex-direction:column;flex-direction:column;gap:4px;min-height:100%;padding:24px}@media screen and (min-width:1280px){.mfui-numbers-card{gap:8px;padding:32px}}.mfui-numbers-card_background_shadow{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.mfui-numbers-card_background_stroke{background-color:transparent;border:1px solid var(--spbSky2)}.mfui-numbers-card_background_gray{background-color:var(--spbSky0)}.mfui-numbers-card_background_none{background-color:transparent;border-radius:0;padding:0}.mfui-numbers-card__title{color:var(--brandGreen);font-size:36px;font-weight:600;font-weight:700;letter-spacing:.5px;line-height:30px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-numbers-card__title{font-size:36px;line-height:40px}}@media screen and (min-width:1024px){.mfui-numbers-card__title{font-size:44px;line-height:48px}}@media screen and (min-width:1280px){.mfui-numbers-card__title{font-size:52px;line-height:56px}}@media screen and (max-width:1023px){.mfui-numbers-card__title{letter-spacing:0;line-height:40px}}.mfui-numbers-card__title_color_night{color:var(--night)}.mfui-numbers-card__title_color_berry{color:var(--berry)}.mfui-numbers-card__title_color_flamingo{color:var(--flamingo)}.mfui-numbers-card__subtitle{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px;overflow:hidden}@media screen and (min-width:1280px){.mfui-numbers-card__subtitle{font-size:20px;line-height:28px}}@media screen and (max-width:1023px){.mfui-numbers-card__subtitle{letter-spacing:0}}.mfui-numbers-card__subtitle_size_small{font-size:15px;font-weight:500;line-height:24px}

package/dist/lib/components/NumbersBox/components/NumbersCard/NumbersCard.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { BackgroundType, SubtitleSizeType, TitleColorType } from '../../types';
+import './NumbersCard.scss';
+export interface INumbersCard {
+    title: string;
+    subtitle: string;
+    titleColor?: TitleColorType;
+    subtitleSize?: SubtitleSizeType;
+    background?: BackgroundType;
+    className?: string;
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
+}
+declare const NumbersCard: React.FC<INumbersCard>;
+export default NumbersCard;

package/dist/lib/components/NumbersBox/components/NumbersCard/NumbersCard.js

@@ -0,0 +1,37 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var cn = (0, _uiHelpers.cnCreate)('mfui-numbers-card');
+var NumbersCard = function NumbersCard(_ref) {
+  var title = _ref.title,
+    titleColor = _ref.titleColor,
+    subtitle = _ref.subtitle,
+    subtitleSize = _ref.subtitleSize,
+    background = _ref.background,
+    className = _ref.className,
+    dataAttrs = _ref.dataAttrs;
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: cn({
+      background: background
+    }, [className])
+  }, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), /*#__PURE__*/React.createElement("div", {
+    className: cn('title', {
+      color: titleColor
+    })
+  }, (0, _uiHelpers.convert)(title, {})), /*#__PURE__*/React.createElement("div", {
+    className: cn('subtitle', {
+      size: subtitleSize
+    })
+  }, (0, _uiHelpers.convert)(subtitle, _uiHelpers.textConvertConfig)));
+};
+var _default = exports["default"] = NumbersCard;

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

@@ -0,0 +1,7 @@
+export type CardDataType = {
+    title: string;
+    subtitle: string;
+};
+export type TitleColorType = 'default' | 'night' | 'berry' | 'flamingo';
+export type SubtitleSizeType = 'small' | 'medium';
+export type BackgroundType = 'shadow' | 'stroke' | 'gray' | 'white' | 'none';

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -4,7 +4,7 @@ import { IPromoCardData, IPromoCardSettings } from './types';
 type CarouselProps = React.ComponentProps<typeof Carousel>;
 export interface IPromoCards extends IPromoCardSettings {
     /** Список карточек. Минимальное количество 2 карточки */
-    items: IPromoCardData[];
+    items?: IPromoCardData[];
     /** Тема навигации для карусели */
     carouselNavTheme?: CarouselProps['navTheme'];
     /** Цвет градиента для карусели */
@@ -23,6 +23,8 @@ export interface IPromoCards extends IPromoCardSettings {
     };
     /** Ссылка на элемент */
     rootRef?: React.Ref<HTMLDivElement>;
+    /** Дочерние элементы. Минимальное количество 2 элемента */
+    children?: React.ReactNode;
 }
 declare const PromoCards: React.FC<IPromoCards>;
 export default PromoCards;

package/dist/lib/components/PromoCards/PromoCards.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.is-array.js");
 require("core-js/modules/es.array.map.js");
 var React = _interopRequireWildcard(require("react"));
 var _uiCore = require("@megafon/ui-core");
@@ -35,10 +36,23 @@ var PromoCards = function PromoCards(_ref) {
     dataAttrs = _ref.dataAttrs,
     className = _ref.className,
     classes = _ref.classes,
-    rootRef = _ref.rootRef;
-  if (items.length < MIN_ITEMS_COUNT) {
+    rootRef = _ref.rootRef,
+    children = _ref.children;
+  var itemsLength = (items === null || items === void 0 ? void 0 : items.length) || 0;
+  var childrenLength = Array.isArray(children) ? children.length : 0;
+  if ((childrenLength || itemsLength) < MIN_ITEMS_COUNT) {
     return null;
   }
+  var renderItems = (items || []).map(function (item, i) {
+    return /*#__PURE__*/React.createElement(_PromoCard["default"], (0, _extends2["default"])({}, item, {
+      className: classes === null || classes === void 0 ? void 0 : classes.card,
+      dataAttrs: {
+        root: (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.card, i + 1)
+      },
+      background: background,
+      key: i + item.title
+    }));
+  });
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn([className, classes === null || classes === void 0 ? void 0 : classes.root]),
     ref: rootRef
@@ -47,15 +61,6 @@ var PromoCards = function PromoCards(_ref) {
     navTheme: carouselNavTheme,
     gradient: true,
     gradientColor: carouselGradientColor
-  }, items.map(function (item, i) {
-    return /*#__PURE__*/React.createElement(_PromoCard["default"], (0, _extends2["default"])({}, item, {
-      background: background,
-      dataAttrs: {
-        root: (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.card, i + 1)
-      },
-      className: classes === null || classes === void 0 ? void 0 : classes.card,
-      key: i + item.title
-    }));
-  })));
+  }, childrenLength ? children : renderItems));
 };
 var _default = exports["default"] = PromoCards;

package/dist/lib/components/PromoCards/components/PromoCard/PromoCard.d.ts

@@ -2,10 +2,13 @@ import * as React from 'react';
 import { IPromoCardData, IPromoCardSettings } from '../../types';
 import './PromoCard.scss';
 export interface IPromoCard extends IPromoCardData, IPromoCardSettings {
+    /** Дополнительный css класс для корневого элемента */
     className?: string;
+    /** Дополнительные css классы для корневого элемента */
     classes?: {
         root?: string;
     };
+    /** Дополнительные data атрибуты к корневому и внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;
         image?: Record<string, string>;

package/dist/lib/components/PromoCards/components/PromoCard/PromoCard.js

@@ -25,6 +25,10 @@ var PromoCard = function PromoCard(_ref) {
     image = _ref.image,
     logo = _ref.logo,
     badge = _ref.badge,
+    _ref$promoBadge = _ref.promoBadge,
+    promoBadge = _ref$promoBadge === void 0 ? null : _ref$promoBadge,
+    _ref$priceBadge = _ref.priceBadge,
+    priceBadge = _ref$priceBadge === void 0 ? null : _ref$priceBadge,
     className = _ref.className,
     classes = _ref.classes,
     dataAttrs = _ref.dataAttrs,
@@ -37,7 +41,40 @@ var PromoCard = function PromoCard(_ref) {
     linkTarget = _link$target === void 0 ? '_self' : _link$target,
     linkRel = link.rel,
     linkTitle = link.title;
+  var _ref2 = promoBadge || {},
+    promoBadgeText = _ref2.text,
+    promoBadgeColor = _ref2.color;
+  var _ref3 = priceBadge || {},
+    priceBadgeText = _ref3.text,
+    priceBadgeIcon = _ref3.iconType,
+    priceBadgeTheme = _ref3.theme;
   var imageSrcSet = imageSrc2x ? "".concat(imageSrc, ", ").concat(imageSrc2x, " 2x") : undefined;
+  var hasBadge = !!promoBadgeText || !!priceBadgeText || !!badge;
+  var renderBadge = React.useMemo(function () {
+    switch (true) {
+      case !!promoBadgeText:
+        return /*#__PURE__*/React.createElement(_uiCore.PromoBadge, {
+          className: cn('badge'),
+          dataAttrs: {
+            root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.badge
+          },
+          color: promoBadgeColor
+        }, promoBadgeText);
+      case !!priceBadgeText:
+        return /*#__PURE__*/React.createElement(_uiCore.PriceBadge, {
+          className: cn('badge'),
+          dataAttrs: {
+            root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.badge
+          },
+          iconType: priceBadgeIcon,
+          theme: priceBadgeTheme
+        }, priceBadgeText);
+      default:
+        return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.badge), {
+          className: cn('badge')
+        }), badge);
+    }
+  }, [dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.badge, promoBadgeText, promoBadgeColor, priceBadgeText, priceBadgeIcon, priceBadgeTheme, badge]);
   return /*#__PURE__*/React.createElement("a", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       background: background
@@ -54,9 +91,7 @@ var PromoCard = function PromoCard(_ref) {
     alt: imageAlt || ''
   })), /*#__PURE__*/React.createElement("div", {
     className: cn('content')
-  }, !!badge && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.badge), {
-    className: cn('badge')
-  }), badge), !!(logo === null || logo === void 0 ? void 0 : logo.src) && !badge && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.logo), {
+  }, hasBadge && renderBadge, !!(logo === null || logo === void 0 ? void 0 : logo.src) && !hasBadge && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.logo), {
     className: cn('logo')
   }), /*#__PURE__*/React.createElement("img", {
     className: cn('logo-img'),

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

@@ -1,3 +1,5 @@
+import type { IPriceBadgeProps } from '@megafon/ui-core/dist/lib/components/Badges/PriceBadge/PriceBadge';
+import type { IPromoBadgeProps } from '@megafon/ui-core/dist/lib/components/Badges/PromoBadge/PromoBadge';
 type ImageType = {
     src: string;
     src2x?: string;
@@ -13,16 +15,37 @@ type LinkType = {
     target?: '_self' | '_blank';
     rel?: string;
 };
+type PromoBadgeType = {
+    text: string;
+    color: IPromoBadgeProps['color'];
+};
+type PriceBadgeType = {
+    text: string;
+    iconType?: IPriceBadgeProps['iconType'];
+    theme?: IPriceBadgeProps['theme'];
+};
 export interface IPromoCardSettings {
+    /** Фон карточки */
     background?: 'gray' | 'white' | 'shadow';
 }
 export interface IPromoCardData {
+    /** Заголовок карточки */
     title: string;
+    /** Подзаголовок карточки */
     subtitle?: string;
+    /** Параметры для ссылки в карточке */
     link: LinkType;
+    /** Параметры для изображения в карточке */
     image: ImageType;
+    /** Параметры для логотипа в карточке */
     logo?: LogoType;
+    /** Бейдж в карточке */
     badge?: React.ReactElement | null;
+    /** Параметры для отображения компонента PromoBadge в карточке */
+    promoBadge?: PromoBadgeType | null;
+    /** Параметры для отображения компонента PriceBadge в карточке */
+    priceBadge?: PriceBadgeType | null;
+    /** Обработчик клика по карточке */
     onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
 }
 export {};

package/dist/lib/index.d.ts

@@ -28,6 +28,8 @@ export { default as InfoCard } from './components/InfoCards/components/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 NumbersBox } from './components/NumbersBox/NumbersBox';
+export { default as NumbersCard } from './components/NumbersBox/components/NumbersCard/NumbersCard';
 export { default as PageTitle } from './components/PageTitle/PageTitle';
 export { default as Partners } from './components/Partners/Partners';
 export { default as PictureBox } from './components/PictureBox/PictureBox';

package/dist/lib/index.js

@@ -183,6 +183,18 @@ Object.defineProperty(exports, "NotificationBox", {
     return _NotificationBox["default"];
   }
 });
+Object.defineProperty(exports, "NumbersBox", {
+  enumerable: true,
+  get: function get() {
+    return _NumbersBox["default"];
+  }
+});
+Object.defineProperty(exports, "NumbersCard", {
+  enumerable: true,
+  get: function get() {
+    return _NumbersCard["default"];
+  }
+});
 Object.defineProperty(exports, "PageTitle", {
   enumerable: true,
   get: function get() {
@@ -411,6 +423,8 @@ var _InfoCard = _interopRequireDefault(require("./components/InfoCards/component
 var _InfoCards = _interopRequireDefault(require("./components/InfoCards/InfoCards"));
 var _Instructions = _interopRequireDefault(require("./components/Instructions/Instructions"));
 var _NotificationBox = _interopRequireDefault(require("./components/NotificationBox/NotificationBox"));
+var _NumbersBox = _interopRequireDefault(require("./components/NumbersBox/NumbersBox"));
+var _NumbersCard = _interopRequireDefault(require("./components/NumbersBox/components/NumbersCard/NumbersCard"));
 var _PageTitle = _interopRequireDefault(require("./components/PageTitle/PageTitle"));
 var _Partners = _interopRequireDefault(require("./components/Partners/Partners"));
 var _PictureBox = _interopRequireDefault(require("./components/PictureBox/PictureBox"));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-shared",
-    "version": "8.2.0",
+    "version": "8.3.0",
     "files": [
         "dist"
     ],
@@ -77,13 +77,13 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.8.4",
-        "@megafon/ui-core": "^8.2.0",
+        "@megafon/ui-core": "^8.3.0",
         "@megafon/ui-helpers": "^4.0.1",
-        "@megafon/ui-icons": "^3.9.0",
+        "@megafon/ui-icons": "^3.9.2",
         "core-js": "^3.6.4",
         "htmr": "^1.0.2",
         "lodash.throttle": "^4.1.1",
         "swiper": "^11.1.1"
     },
-    "gitHead": "bf090c9d8db62ae578449898acfd83da9f5b0e55"
+    "gitHead": "3a9673d8ac34a1c09c4dbb829fd29f2833b4029d"
 }