@megafon/ui-core 7.0.0 → 7.1.1

package/dist/es/components/Avatar/i/placeholder.svg

@@ -1 +1,4 @@
-<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M29.188 40.75l2.625-9.752-.42-.407A16.63 16.63 0 0020 26.312a16.642 16.642 0 00-11.393 4.292l-.42.394 2.626 9.752h18.374zM12.125 15.813a7.875 7.875 0 1015.75 0 7.875 7.875 0 00-15.75 0z"/></svg>
+<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+    <path d="M29.1875 40.75L31.8125 30.9981L31.3925 30.5913C28.272 27.7768 24.2017 26.2481 20 26.3125C15.7967 26.253 11.7267 27.7863 8.6075 30.6044L8.1875 30.9981L10.8125 40.75H29.1875Z" />
+    <path d="M12.125 15.8125C12.125 17.37 12.5869 18.8926 13.4522 20.1876C14.3175 21.4827 15.5474 22.492 16.9864 23.0881C18.4253 23.6841 20.0087 23.84 21.5363 23.5362C23.0639 23.2323 24.4671 22.4823 25.5685 21.381C26.6698 20.2796 27.4198 18.8764 27.7237 17.3488C28.0275 15.8212 27.8716 14.2378 27.2756 12.7989C26.6795 11.3599 25.6702 10.13 24.3751 9.26468C23.0801 8.39936 21.5575 7.9375 20 7.9375C17.9114 7.9375 15.9084 8.76719 14.4315 10.244C12.9547 11.7209 12.125 13.7239 12.125 15.8125Z" />
+</svg>

package/dist/es/components/Carousel/Carousel.js

@@ -33,6 +33,7 @@ import "./Carousel.css";
 var Autoplay = null;
 var Pagination = null;
 var EffectFade = null;
+var FreeMode = null;
 var Swiper = null;
 var SwiperSlide = null;
 try {
@@ -45,6 +46,7 @@ try {
   Autoplay = Modules.Autoplay;
   Pagination = Modules.Pagination;
   EffectFade = Modules.EffectFade;
+  FreeMode = Modules.FreeMode;
 } catch (e) {
   // eslint-disable-next-line no-console
   console.warn("\n        WARNING: megafon/ui-core is using the latest version of swiper.       \n        For more information about server-side rendering\n        please check the Carousel component documentation at:\n        https://ui.megafon.ru/components/carousel\n    ");
@@ -296,6 +298,9 @@ var Carousel = function Carousel(_ref) {
   if (EffectFade) {
     swiperModules.push(EffectFade);
   }
+  if (FreeMode) {
+    swiperModules.push(FreeMode);
+  }
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     ref: rootRef,
     className: cn({

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

@@ -88,6 +88,8 @@ export interface ISearchProps {
     popularItems?: PopularItem[];
     /** Заголовок перед популярными элементами */
     popularTitle?: string;
+    /** Ссылка на элемент списка с результатами */
+    listRef?: React.Ref<HTMLDivElement>;
     /** Обработчик изменения поля */
     onChange?: (value: string) => void;
     /** Обработчик нажатия на enter */

package/dist/es/components/Search/Search.js

@@ -75,6 +75,7 @@ var Search = function Search(_ref) {
     _ref$popularItems = _ref.popularItems,
     popularItems = _ref$popularItems === void 0 ? [] : _ref$popularItems,
     popularTitle = _ref.popularTitle,
+    listRef = _ref.listRef,
     onChange = _ref.onChange,
     onSubmit = _ref.onSubmit,
     onBlur = _ref.onBlur,
@@ -296,7 +297,8 @@ var Search = function Search(_ref) {
   };
   var renderList = function renderList() {
     return /*#__PURE__*/React.createElement("div", {
-      className: cn('list')
+      className: cn('list'),
+      ref: listRef
     }, /*#__PURE__*/React.createElement("div", {
       className: cn('list-inner')
     }, items.map(function (_ref2, i) {

package/dist/es/components/Select/Select.js

@@ -170,24 +170,27 @@ var Select = function Select(_ref) {
     });
     isCurrentlyOpened && (onClosed === null || onClosed === void 0 ? void 0 : onClosed());
   };
-  var handleSelectItem = function handleSelectItem(e) {
-    var currentItem = itemsList[hoveredItemIndex].value;
-    var item = itemsList.find(function (elem) {
-      return elem.value === currentItem;
-    });
-    if (!item) {
-      return;
-    }
-    var title = item.title;
-    changeSelectState({
-      type: UPDATE_SELECT_VALUE,
-      inputValue: title,
-      comparableInputValue: title,
-      items: items
-    });
-    e.persist();
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(e, item);
-    onClosed === null || onClosed === void 0 ? void 0 : onClosed();
+  var handleSelectItem = function handleSelectItem(index) {
+    return function (e) {
+      var currentItem = itemsList[index].value;
+      var item = itemsList.find(function (elem) {
+        return elem.value === currentItem;
+      });
+      if (!item) {
+        return;
+      }
+      var title = item.title;
+      changeSelectState({
+        type: UPDATE_SELECT_VALUE,
+        inputValue: title,
+        comparableInputValue: title,
+        items: items,
+        hoveredItemIndex: index
+      });
+      e.persist();
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect(e, item);
+      onClosed === null || onClosed === void 0 ? void 0 : onClosed();
+    };
   };
   var handleHoverItem = function handleHoverItem(index) {
     return function (e) {
@@ -242,7 +245,8 @@ var Select = function Select(_ref) {
       return false;
     }
     if (e.key === 'Enter' && isOpened) {
-      handleSelectItem(e);
+      var _nextIndex2 = hoveredItemIndex - 1;
+      handleSelectItem(_nextIndex2)(e);
       return false;
     }
     if (e.key === 'Enter' && !isOpened) {
@@ -360,8 +364,8 @@ var Select = function Select(_ref) {
           paddings: paddings
         }, [classes.listItem]),
         key: "".concat(i, "_").concat(value),
-        onClick: handleSelectItem,
-        onMouseEnter: handleHoverItem(i),
+        onClick: handleSelectItem(i),
+        onMouseEnter: !isTouch ? handleHoverItem(i) : undefined,
         ref: getNodeList
       }), /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.listItemTitle, i + 1), {
         className: cn('item-title', {

package/dist/es/components/Selector/i/check.svg

@@ -1 +1,3 @@
-<svg viewBox="0 0 14 12" xmlns="http://www.w3.org/2000/svg"><path d="M4.523 8.368L12.386 0 14 1.914 4.523 12 0 7.187l1.614-1.914 2.909 3.095z"/></svg>
+<svg viewBox="0 0 14 12" xmlns="http://www.w3.org/2000/svg">
+    <path d="M4.5228 8.36841L12.386 0L14 1.91387L4.5228 12L0 7.1866L1.61401 5.27272L4.5228 8.36841Z"/>
+</svg>

package/dist/es/components/Snackbar/Snackbar.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-snackbar{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:480px;z-index:1}@-webkit-keyframes snackbar-show{0%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes snackbar-show{0%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes snackbar-hide{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}99%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{display:none}}@keyframes snackbar-hide{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}99%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{display:none}}@media screen and (max-width:767px){.mfui-snackbar{width:304px}}.mfui-snackbar_move{-webkit-transition:none;transition:none}.mfui-snackbar .mfui-snackbar__tile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-animation:snackbar-show .2s linear .2s 1 forwards;animation:snackbar-show .2s linear .2s 1 forwards;background-color:var(--content);justify-content:space-between;min-height:64px;opacity:0;padding:12px 16px 12px 12px}@media screen and (max-width:767px){.mfui-snackbar .mfui-snackbar__tile{min-height:48px}}.mfui-snackbar__tile_closed{-webkit-animation:snackbar-hide .1s linear 1;animation:snackbar-hide .1s linear 1}.mfui-snackbar__tile_type_success .mfui-snackbar__icon-container svg{fill:var(--brandGreen)}.mfui-snackbar__tile_type_attention .mfui-snackbar__icon-container svg{fill:var(--fury80)}.mfui-snackbar__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;margin-right:8px;min-width:32px;width:32px}.mfui-snackbar__icon-container svg{fill:var(--base)}@media screen and (max-width:767px){.mfui-snackbar__icon-container{height:20px;min-width:20px;width:20px}}.mfui-snackbar__icon-container_desktop{display:none}@media screen and (min-width:768px){.mfui-snackbar__icon-container_desktop{display:block}}.mfui-snackbar__icon-container_mobile{display:none}@media screen and (max-width:767px){.mfui-snackbar__icon-container_mobile{display:block}}.mfui-snackbar__text-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;color:var(--base);flex-grow:1}.mfui-snackbar__text{display:none;overflow:hidden}@media screen and (min-width:768px){.mfui-snackbar__text_desktop{display:block;max-height:48px}}@media screen and (max-width:767px){.mfui-snackbar__text_mobile{display:block;max-height:36px}}.mfui-snackbar__text_short{max-width:272px}.mfui-snackbar__text-button{margin-left:12px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.mfui-snackbar__close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;border-radius:40px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:32px;justify-content:center;margin-left:24px;padding:0;width:32px}@media screen and (max-width:767px){.mfui-snackbar__close-button{display:none}}.mfui-snackbar__close-button:hover{background-color:hsla(0,0%,60%,.2)}.mfui-snackbar__close-button:active{background-color:hsla(0,0%,60%,.4)}.mfui-snackbar__close-button-icon{height:40px;min-width:40px;width:40px;fill:var(--spbSky3)}
+h1,h2,h3,h4,h5{margin:0}.mfui-snackbar{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:480px;z-index:1}@-webkit-keyframes snackbar-show{0%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes snackbar-show{0%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes snackbar-hide{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}99%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{display:none}}@keyframes snackbar-hide{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}99%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{display:none}}@media screen and (max-width:767px){.mfui-snackbar{width:304px}}.mfui-snackbar_move{-webkit-transition:none;transition:none}.mfui-snackbar .mfui-snackbar__tile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-animation:snackbar-show .2s linear .2s 1 forwards;animation:snackbar-show .2s linear .2s 1 forwards;background-color:var(--content);border:2px solid var(--stcWhite10);justify-content:space-between;min-height:64px;opacity:0;padding:12px 16px 12px 12px}@media screen and (max-width:767px){.mfui-snackbar .mfui-snackbar__tile{min-height:48px}}.mfui-snackbar__tile_closed{-webkit-animation:snackbar-hide .1s linear 1;animation:snackbar-hide .1s linear 1}.mfui-snackbar__tile_type_success .mfui-snackbar__icon-container svg{fill:var(--brandGreen)}.mfui-snackbar__tile_type_attention .mfui-snackbar__icon-container svg{fill:var(--fury80)}.mfui-snackbar__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;margin-right:8px;min-width:32px;width:32px}.mfui-snackbar__icon-container svg{fill:var(--base)}@media screen and (max-width:767px){.mfui-snackbar__icon-container{height:20px;min-width:20px;width:20px}}.mfui-snackbar__icon-container_desktop{display:none}@media screen and (min-width:768px){.mfui-snackbar__icon-container_desktop{display:block}}.mfui-snackbar__icon-container_mobile{display:none}@media screen and (max-width:767px){.mfui-snackbar__icon-container_mobile{display:block}}.mfui-snackbar__text-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;color:var(--base);flex-grow:1}.mfui-snackbar__text{display:none;overflow:hidden}@media screen and (min-width:768px){.mfui-snackbar__text_desktop{display:block;max-height:48px}}@media screen and (max-width:767px){.mfui-snackbar__text_mobile{display:block;max-height:36px}}.mfui-snackbar__text_short{max-width:272px}.mfui-snackbar__text-button{margin-left:12px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.mfui-snackbar__close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;border-radius:40px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:32px;justify-content:center;margin-left:24px;padding:0;width:32px}@media screen and (max-width:767px){.mfui-snackbar__close-button{display:none}}.mfui-snackbar__close-button:hover{background-color:hsla(0,0%,60%,.2)}.mfui-snackbar__close-button:active{background-color:hsla(0,0%,60%,.4)}.mfui-snackbar__close-button-icon{height:40px;min-width:40px;width:40px;fill:var(--spbSky3)}

package/dist/es/components/Tabs/Tabs.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-tabs .swiper-wrapper{position:relative;width:100%;z-index:0}.mfui-tabs .swiper-wrapper,.mfui-tabs__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-tabs__wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-tabs__swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%}.mfui-tabs__swiper-wrapper:after,.mfui-tabs__swiper-wrapper:before{background:-webkit-gradient(linear,right top,left top,from(var(--stcBlack5)),color-stop(64%,transparent));background:linear-gradient(270deg,var(--stcBlack5) 0,transparent 64%);border-radius:0 12px 12px 0;bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:64px;z-index:1}.mfui-tabs__swiper-wrapper:before{left:0;-webkit-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0)}.mfui-tabs__swiper-wrapper:after{right:0}.mfui-tabs__swiper-wrapper_beginning:before,.mfui-tabs__swiper-wrapper_end:after{display:none}.mfui-tabs__swiper{background-color:var(--spbSky0);border-radius:12px;display:inline-block;font-family:inherit;font-size:15px;font-weight:500;line-height:24px;overflow:hidden;padding:4px;position:relative;width:100%}.mfui-tabs__slide{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-flex:1;-ms-flex:1;flex:1}.mfui-tabs__panel{display:none}.mfui-tabs__panel_current{display:block}.mfui-tabs__underline{background-color:var(--base);border-radius:8px;bottom:0;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);left:auto;overflow:hidden;position:absolute;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;z-index:0}.mfui-tabs__underline:before{background-color:var(--stcWhite20);content:"";height:100%;position:absolute;width:100%}.mfui-tabs__arrow{background-color:var(--content);border-radius:50%;cursor:pointer;display:block;height:16px;opacity:1;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color,opacity;transition-property:background-color,opacity;width:16px;z-index:2;fill:var(--base)}@media screen and (max-width:1023px){.mfui-tabs__arrow{display:none}}.mfui-tabs__arrow:hover{background-color:var(--spbSky3)}.mfui-tabs__arrow:active{background-color:var(--buttonDown)}.mfui-tabs__arrow_prev{left:14px}.mfui-tabs__arrow_next{right:14px;-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.mfui-tabs__arrow_hide{opacity:0;pointer-events:none}.mfui-tabs__tab-inner{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;font-weight:500;line-height:24px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;height:36px;justify-content:center;padding:2px 12px;text-align:center;text-decoration:none;-webkit-transition:color .3s,fill .3s;transition:color .3s,fill .3s;white-space:nowrap;fill:var(--content)}.mfui-tabs__tab-inner:hover{text-decoration:none}.mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current){opacity:.8}@media screen and (min-width:1024px){.mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):hover{color:var(--content);fill:var(--content)}}.mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):hover{opacity:1}.mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):active{color:var(--buttonDown);fill:var(--buttonDown)}.mfui-tabs__tab-inner_with-icon{padding-left:8px}.mfui-tabs__tab-inner_current{color:var(--content);cursor:auto;fill:var(--content)}.mfui-tabs__tab-icon{height:32px;margin-right:4px;width:32px}.mfui-tabs__tab-icon svg{height:100%;width:100%}.mfui-tabs__tab-bubble{margin-left:6px}.mfui-tabs_size_large .mfui-tabs__swiper{padding:6px}@media screen and (min-width:768px){.mfui-tabs_size_large .mfui-tabs__swiper{padding:8px}}.mfui-tabs_size_large .mfui-tabs__tab-inner{height:48px;padding:8px 24px}@media screen and (min-width:768px){.mfui-tabs_size_large .mfui-tabs__tab-inner{height:56px;padding:12px 40px}}.mfui-tabs_size_large .mfui-tabs__tab-inner_with-icon{padding-left:20px}@media screen and (min-width:768px){.mfui-tabs_size_large .mfui-tabs__tab-inner_with-icon{padding-left:28px}}.mfui-tabs_size_large .mfui-tabs__tab-icon{margin-right:6px}.mfui-tabs_size_large .mfui-tabs__tab-bubble{margin-left:12px}.mfui-tabs_size_large .mfui-tabs__tab-bubble_with-icon{margin-left:6px}.mfui-tabs_auto-width .mfui-tabs__swiper{max-width:100%;width:auto}.mfui-tabs_auto-width .mfui-tabs__slide{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.mfui-tabs_auto-width.mfui-tabs_h-align_center .mfui-tabs__swiper-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:768px) and (max-width:1023px){.mfui-tabs_indents .mfui-tabs__swiper-wrapper{margin:0 -48px;padding:0 48px}}@media screen and (max-width:767px){.mfui-tabs_indents .mfui-tabs__swiper-wrapper{margin:0 -16px;padding:0 16px}}.mfui-tabs_sticky .mfui-tabs__swiper-wrapper{background-color:var(--base);left:0;position:fixed;right:0;top:0;z-index:100}.mfui-tabs_tab-color_gray .mfui-tabs__swiper{background-color:var(--spbSky1)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__swiper{background-color:var(--stcBlack20)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner:not(.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current){color:var(--stcWhite);opacity:.8;fill:var(--stcWhite)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner:not(.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current):hover{color:var(--stcWhite);opacity:1;fill:var(--stcWhite)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current{color:var(--stcBlack);fill:var(--stcBlack)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__underline{background-color:var(--stcWhite)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__arrow{background-color:var(--stcWhite);fill:var(--stcBlack)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__arrow:hover{background-color:var(--stcWhite50)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__arrow:active{background-color:var(--stcBlack0)}
+h1,h2,h3,h4,h5{margin:0}.mfui-tabs .swiper-wrapper{position:relative;width:100%;z-index:0}.mfui-tabs .swiper-wrapper,.mfui-tabs__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-tabs__wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-tabs__swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%}.mfui-tabs__swiper-wrapper:after,.mfui-tabs__swiper-wrapper:before{background:-webkit-gradient(linear,right top,left top,from(var(--stcBlack5)),color-stop(64%,transparent));background:linear-gradient(270deg,var(--stcBlack5) 0,transparent 64%);border-radius:0 12px 12px 0;bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:64px;z-index:1}.mfui-tabs__swiper-wrapper:before{left:0;-webkit-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0)}.mfui-tabs__swiper-wrapper:after{right:0}.mfui-tabs__swiper-wrapper_beginning:before,.mfui-tabs__swiper-wrapper_end:after{display:none}.mfui-tabs__swiper{background-color:var(--spbSky0);border-radius:12px;display:inline-block;font-family:inherit;font-size:15px;font-weight:500;line-height:24px;overflow:hidden;padding:4px;position:relative;width:100%}.mfui-tabs__slide{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-flex:1;-ms-flex:1;flex:1}.mfui-tabs__panel{display:none}.mfui-tabs__panel_current{display:block}.mfui-tabs__underline{background-color:var(--base);border-radius:8px;bottom:0;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);left:auto;overflow:hidden;position:absolute;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;z-index:0}.mfui-tabs__underline:before{background-color:var(--stcWhite20);content:"";display:block;height:100%;width:100%}.mfui-tabs__arrow{background-color:var(--content);border-radius:50%;cursor:pointer;display:block;height:16px;opacity:1;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color,opacity;transition-property:background-color,opacity;width:16px;z-index:2;fill:var(--base)}@media screen and (max-width:1023px){.mfui-tabs__arrow{display:none}}.mfui-tabs__arrow:hover{background-color:var(--spbSky3)}.mfui-tabs__arrow:active{background-color:var(--buttonDown)}.mfui-tabs__arrow_prev{left:14px}.mfui-tabs__arrow_next{right:14px;-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.mfui-tabs__arrow_hide{opacity:0;pointer-events:none}.mfui-tabs__tab-inner{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;font-weight:500;line-height:24px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;height:36px;justify-content:center;padding:2px 12px;text-align:center;text-decoration:none;-webkit-transition:color .3s,fill .3s;transition:color .3s,fill .3s;white-space:nowrap;fill:var(--content)}.mfui-tabs__tab-inner:hover{text-decoration:none}.mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current){opacity:.8}@media screen and (min-width:1024px){.mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):hover{color:var(--content);fill:var(--content)}}.mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):hover{opacity:1}.mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):active{color:var(--buttonDown);fill:var(--buttonDown)}.mfui-tabs__tab-inner_with-icon{padding-left:8px}.mfui-tabs__tab-inner_current{color:var(--content);cursor:auto;fill:var(--content)}.mfui-tabs__tab-icon{height:32px;margin-right:4px;width:32px}.mfui-tabs__tab-icon svg{height:100%;width:100%}.mfui-tabs__tab-bubble{margin-left:6px}.mfui-tabs_size_large .mfui-tabs__swiper{padding:6px}@media screen and (min-width:768px){.mfui-tabs_size_large .mfui-tabs__swiper{padding:8px}}.mfui-tabs_size_large .mfui-tabs__tab-inner{height:48px;padding:8px 24px}@media screen and (min-width:768px){.mfui-tabs_size_large .mfui-tabs__tab-inner{height:56px;padding:12px 40px}}.mfui-tabs_size_large .mfui-tabs__tab-inner_with-icon{padding-left:20px}@media screen and (min-width:768px){.mfui-tabs_size_large .mfui-tabs__tab-inner_with-icon{padding-left:28px}}.mfui-tabs_size_large .mfui-tabs__tab-icon{margin-right:6px}.mfui-tabs_size_large .mfui-tabs__tab-bubble{margin-left:12px}.mfui-tabs_size_large .mfui-tabs__tab-bubble_with-icon{margin-left:6px}.mfui-tabs_auto-width .mfui-tabs__swiper{max-width:100%;width:auto}.mfui-tabs_auto-width .mfui-tabs__slide{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.mfui-tabs_auto-width.mfui-tabs_h-align_center .mfui-tabs__swiper-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:768px) and (max-width:1023px){.mfui-tabs_indents .mfui-tabs__swiper-wrapper{margin:0 -48px;padding:0 48px}}@media screen and (max-width:767px){.mfui-tabs_indents .mfui-tabs__swiper-wrapper{margin:0 -16px;padding:0 16px}}.mfui-tabs_sticky .mfui-tabs__swiper-wrapper{background-color:var(--base);left:0;position:fixed;right:0;top:0;z-index:100}.mfui-tabs_tab-color_gray .mfui-tabs__swiper{background-color:var(--spbSky1)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__swiper{background-color:var(--stcBlack20)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner:not(.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current){color:var(--stcWhite);opacity:.8;fill:var(--stcWhite)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner:not(.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current):hover{color:var(--stcWhite);opacity:1;fill:var(--stcWhite)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current{color:var(--stcBlack);fill:var(--stcBlack)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__underline{background-color:var(--stcWhite)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__arrow{background-color:var(--stcWhite);fill:var(--stcBlack)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__arrow:hover{background-color:var(--stcWhite50)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__arrow:active{background-color:var(--stcBlack0)}

package/dist/es/components/TextField/i/textarea-resizer.svg

@@ -1 +1,4 @@
-<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M1 11L11 1M7 11l4-4"/></svg>
+<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 11L11 1"  stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
+<path d="M7 11L11 7" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
+</svg>

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

@@ -81,6 +81,8 @@ export interface ITooltipProps {
         arrow?: string;
         content?: string;
         contentShadow?: string;
+        close?: string;
+        button?: string;
     };
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {

package/dist/es/components/Tooltip/Tooltip.js

@@ -107,6 +107,8 @@ var Tooltip = function Tooltip(_ref) {
     arrowClassName = _ref$classes2.arrow,
     contentClassName = _ref$classes2.content,
     contentShadowClassName = _ref$classes2.contentShadow,
+    closeButtonClassName = _ref$classes2.close,
+    buttonClassName = _ref$classes2.button,
     dataAttrs = _ref.dataAttrs,
     onOpen = _ref.onOpen,
     onClose = _ref.onClose,
@@ -295,7 +297,7 @@ var Tooltip = function Tooltip(_ref) {
       type: "button",
       className: cn('button', {
         margin: hasButtonMargin
-      })
+      }, [buttonClassName])
     }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button), {
       onClick: onClick
     }), buttonText, /*#__PURE__*/React.createElement(RightArrow, {
@@ -305,7 +307,7 @@ var Tooltip = function Tooltip(_ref) {
         margin: hasChildrenMargin
       })
     }, children));
-  }, [title, text, buttonText, children, dataAttrs, renderedText, onClick]);
+  }, [title, text, buttonText, children, dataAttrs, renderedText, onClick, buttonClassName]);
   var template = /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       theme: theme,
@@ -334,7 +336,7 @@ var Tooltip = function Tooltip(_ref) {
     },
     className: cn('content', [contentClassName])
   }, hasCloseButton && /*#__PURE__*/React.createElement("button", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.close), {
-    className: cn('close-button'),
+    className: cn('close-button', [closeButtonClassName]),
     type: "button",
     onClick: handleCloseButtonClick
   }), /*#__PURE__*/React.createElement(CancelIcon, {

package/dist/lib/components/Avatar/i/placeholder.svg

@@ -1 +1,4 @@
-<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M29.188 40.75l2.625-9.752-.42-.407A16.63 16.63 0 0020 26.312a16.642 16.642 0 00-11.393 4.292l-.42.394 2.626 9.752h18.374zM12.125 15.813a7.875 7.875 0 1015.75 0 7.875 7.875 0 00-15.75 0z"/></svg>
+<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+    <path d="M29.1875 40.75L31.8125 30.9981L31.3925 30.5913C28.272 27.7768 24.2017 26.2481 20 26.3125C15.7967 26.253 11.7267 27.7863 8.6075 30.6044L8.1875 30.9981L10.8125 40.75H29.1875Z" />
+    <path d="M12.125 15.8125C12.125 17.37 12.5869 18.8926 13.4522 20.1876C14.3175 21.4827 15.5474 22.492 16.9864 23.0881C18.4253 23.6841 20.0087 23.84 21.5363 23.5362C23.0639 23.2323 24.4671 22.4823 25.5685 21.381C26.6698 20.2796 27.4198 18.8764 27.7237 17.3488C28.0275 15.8212 27.8716 14.2378 27.2756 12.7989C26.6795 11.3599 25.6702 10.13 24.3751 9.26468C23.0801 8.39936 21.5575 7.9375 20 7.9375C17.9114 7.9375 15.9084 8.76719 14.4315 10.244C12.9547 11.7209 12.125 13.7239 12.125 15.8125Z" />
+</svg>

package/dist/lib/components/Carousel/Carousel.js

@@ -99,6 +99,7 @@ function _arrayLikeToArray(r, a) {
 var Autoplay = null;
 var Pagination = null;
 var EffectFade = null;
+var FreeMode = null;
 var Swiper = null;
 var SwiperSlide = null;
 try {
@@ -111,6 +112,7 @@ try {
   Autoplay = Modules.Autoplay;
   Pagination = Modules.Pagination;
   EffectFade = Modules.EffectFade;
+  FreeMode = Modules.FreeMode;
 } catch (e) {
   // eslint-disable-next-line no-console
   console.warn("\n        WARNING: megafon/ui-core is using the latest version of swiper.       \n        For more information about server-side rendering\n        please check the Carousel component documentation at:\n        https://ui.megafon.ru/components/carousel\n    ");
@@ -362,6 +364,9 @@ var Carousel = function Carousel(_ref) {
   if (EffectFade) {
     swiperModules.push(EffectFade);
   }
+  if (FreeMode) {
+    swiperModules.push(FreeMode);
+  }
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     ref: rootRef,
     className: cn({

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

@@ -88,6 +88,8 @@ export interface ISearchProps {
     popularItems?: PopularItem[];
     /** Заголовок перед популярными элементами */
     popularTitle?: string;
+    /** Ссылка на элемент списка с результатами */
+    listRef?: React.Ref<HTMLDivElement>;
     /** Обработчик изменения поля */
     onChange?: (value: string) => void;
     /** Обработчик нажатия на enter */

package/dist/lib/components/Search/Search.js

@@ -84,6 +84,7 @@ var Search = function Search(_ref) {
     _ref$popularItems = _ref.popularItems,
     popularItems = _ref$popularItems === void 0 ? [] : _ref$popularItems,
     popularTitle = _ref.popularTitle,
+    listRef = _ref.listRef,
     onChange = _ref.onChange,
     onSubmit = _ref.onSubmit,
     onBlur = _ref.onBlur,
@@ -305,7 +306,8 @@ var Search = function Search(_ref) {
   };
   var renderList = function renderList() {
     return /*#__PURE__*/React.createElement("div", {
-      className: cn('list')
+      className: cn('list'),
+      ref: listRef
     }, /*#__PURE__*/React.createElement("div", {
       className: cn('list-inner')
     }, items.map(function (_ref2, i) {

package/dist/lib/components/Select/Select.js

@@ -179,24 +179,27 @@ var Select = function Select(_ref) {
     });
     isCurrentlyOpened && (onClosed === null || onClosed === void 0 ? void 0 : onClosed());
   };
-  var handleSelectItem = function handleSelectItem(e) {
-    var currentItem = itemsList[hoveredItemIndex].value;
-    var item = itemsList.find(function (elem) {
-      return elem.value === currentItem;
-    });
-    if (!item) {
-      return;
-    }
-    var title = item.title;
-    changeSelectState({
-      type: UPDATE_SELECT_VALUE,
-      inputValue: title,
-      comparableInputValue: title,
-      items: items
-    });
-    e.persist();
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(e, item);
-    onClosed === null || onClosed === void 0 ? void 0 : onClosed();
+  var handleSelectItem = function handleSelectItem(index) {
+    return function (e) {
+      var currentItem = itemsList[index].value;
+      var item = itemsList.find(function (elem) {
+        return elem.value === currentItem;
+      });
+      if (!item) {
+        return;
+      }
+      var title = item.title;
+      changeSelectState({
+        type: UPDATE_SELECT_VALUE,
+        inputValue: title,
+        comparableInputValue: title,
+        items: items,
+        hoveredItemIndex: index
+      });
+      e.persist();
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect(e, item);
+      onClosed === null || onClosed === void 0 ? void 0 : onClosed();
+    };
   };
   var handleHoverItem = function handleHoverItem(index) {
     return function (e) {
@@ -251,7 +254,8 @@ var Select = function Select(_ref) {
       return false;
     }
     if (e.key === 'Enter' && isOpened) {
-      handleSelectItem(e);
+      var _nextIndex2 = hoveredItemIndex - 1;
+      handleSelectItem(_nextIndex2)(e);
       return false;
     }
     if (e.key === 'Enter' && !isOpened) {
@@ -369,8 +373,8 @@ var Select = function Select(_ref) {
           paddings: paddings
         }, [classes.listItem]),
         key: "".concat(i, "_").concat(value),
-        onClick: handleSelectItem,
-        onMouseEnter: handleHoverItem(i),
+        onClick: handleSelectItem(i),
+        onMouseEnter: !isTouch ? handleHoverItem(i) : undefined,
         ref: getNodeList
       }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.listItemTitle, i + 1), {
         className: cn('item-title', {

package/dist/lib/components/Selector/i/check.svg

@@ -1 +1,3 @@
-<svg viewBox="0 0 14 12" xmlns="http://www.w3.org/2000/svg"><path d="M4.523 8.368L12.386 0 14 1.914 4.523 12 0 7.187l1.614-1.914 2.909 3.095z"/></svg>
+<svg viewBox="0 0 14 12" xmlns="http://www.w3.org/2000/svg">
+    <path d="M4.5228 8.36841L12.386 0L14 1.91387L4.5228 12L0 7.1866L1.61401 5.27272L4.5228 8.36841Z"/>
+</svg>

package/dist/lib/components/Snackbar/Snackbar.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-snackbar{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:480px;z-index:1}@-webkit-keyframes snackbar-show{0%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes snackbar-show{0%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes snackbar-hide{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}99%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{display:none}}@keyframes snackbar-hide{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}99%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{display:none}}@media screen and (max-width:767px){.mfui-snackbar{width:304px}}.mfui-snackbar_move{-webkit-transition:none;transition:none}.mfui-snackbar .mfui-snackbar__tile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-animation:snackbar-show .2s linear .2s 1 forwards;animation:snackbar-show .2s linear .2s 1 forwards;background-color:var(--content);justify-content:space-between;min-height:64px;opacity:0;padding:12px 16px 12px 12px}@media screen and (max-width:767px){.mfui-snackbar .mfui-snackbar__tile{min-height:48px}}.mfui-snackbar__tile_closed{-webkit-animation:snackbar-hide .1s linear 1;animation:snackbar-hide .1s linear 1}.mfui-snackbar__tile_type_success .mfui-snackbar__icon-container svg{fill:var(--brandGreen)}.mfui-snackbar__tile_type_attention .mfui-snackbar__icon-container svg{fill:var(--fury80)}.mfui-snackbar__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;margin-right:8px;min-width:32px;width:32px}.mfui-snackbar__icon-container svg{fill:var(--base)}@media screen and (max-width:767px){.mfui-snackbar__icon-container{height:20px;min-width:20px;width:20px}}.mfui-snackbar__icon-container_desktop{display:none}@media screen and (min-width:768px){.mfui-snackbar__icon-container_desktop{display:block}}.mfui-snackbar__icon-container_mobile{display:none}@media screen and (max-width:767px){.mfui-snackbar__icon-container_mobile{display:block}}.mfui-snackbar__text-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;color:var(--base);flex-grow:1}.mfui-snackbar__text{display:none;overflow:hidden}@media screen and (min-width:768px){.mfui-snackbar__text_desktop{display:block;max-height:48px}}@media screen and (max-width:767px){.mfui-snackbar__text_mobile{display:block;max-height:36px}}.mfui-snackbar__text_short{max-width:272px}.mfui-snackbar__text-button{margin-left:12px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.mfui-snackbar__close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;border-radius:40px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:32px;justify-content:center;margin-left:24px;padding:0;width:32px}@media screen and (max-width:767px){.mfui-snackbar__close-button{display:none}}.mfui-snackbar__close-button:hover{background-color:hsla(0,0%,60%,.2)}.mfui-snackbar__close-button:active{background-color:hsla(0,0%,60%,.4)}.mfui-snackbar__close-button-icon{height:40px;min-width:40px;width:40px;fill:var(--spbSky3)}
+h1,h2,h3,h4,h5{margin:0}.mfui-snackbar{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:480px;z-index:1}@-webkit-keyframes snackbar-show{0%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes snackbar-show{0%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes snackbar-hide{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}99%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{display:none}}@keyframes snackbar-hide{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}99%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{display:none}}@media screen and (max-width:767px){.mfui-snackbar{width:304px}}.mfui-snackbar_move{-webkit-transition:none;transition:none}.mfui-snackbar .mfui-snackbar__tile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-animation:snackbar-show .2s linear .2s 1 forwards;animation:snackbar-show .2s linear .2s 1 forwards;background-color:var(--content);border:2px solid var(--stcWhite10);justify-content:space-between;min-height:64px;opacity:0;padding:12px 16px 12px 12px}@media screen and (max-width:767px){.mfui-snackbar .mfui-snackbar__tile{min-height:48px}}.mfui-snackbar__tile_closed{-webkit-animation:snackbar-hide .1s linear 1;animation:snackbar-hide .1s linear 1}.mfui-snackbar__tile_type_success .mfui-snackbar__icon-container svg{fill:var(--brandGreen)}.mfui-snackbar__tile_type_attention .mfui-snackbar__icon-container svg{fill:var(--fury80)}.mfui-snackbar__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;margin-right:8px;min-width:32px;width:32px}.mfui-snackbar__icon-container svg{fill:var(--base)}@media screen and (max-width:767px){.mfui-snackbar__icon-container{height:20px;min-width:20px;width:20px}}.mfui-snackbar__icon-container_desktop{display:none}@media screen and (min-width:768px){.mfui-snackbar__icon-container_desktop{display:block}}.mfui-snackbar__icon-container_mobile{display:none}@media screen and (max-width:767px){.mfui-snackbar__icon-container_mobile{display:block}}.mfui-snackbar__text-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;color:var(--base);flex-grow:1}.mfui-snackbar__text{display:none;overflow:hidden}@media screen and (min-width:768px){.mfui-snackbar__text_desktop{display:block;max-height:48px}}@media screen and (max-width:767px){.mfui-snackbar__text_mobile{display:block;max-height:36px}}.mfui-snackbar__text_short{max-width:272px}.mfui-snackbar__text-button{margin-left:12px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.mfui-snackbar__close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;border-radius:40px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:32px;justify-content:center;margin-left:24px;padding:0;width:32px}@media screen and (max-width:767px){.mfui-snackbar__close-button{display:none}}.mfui-snackbar__close-button:hover{background-color:hsla(0,0%,60%,.2)}.mfui-snackbar__close-button:active{background-color:hsla(0,0%,60%,.4)}.mfui-snackbar__close-button-icon{height:40px;min-width:40px;width:40px;fill:var(--spbSky3)}

package/dist/lib/components/Tabs/Tabs.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-tabs .swiper-wrapper{position:relative;width:100%;z-index:0}.mfui-tabs .swiper-wrapper,.mfui-tabs__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-tabs__wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-tabs__swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%}.mfui-tabs__swiper-wrapper:after,.mfui-tabs__swiper-wrapper:before{background:-webkit-gradient(linear,right top,left top,from(var(--stcBlack5)),color-stop(64%,transparent));background:linear-gradient(270deg,var(--stcBlack5) 0,transparent 64%);border-radius:0 12px 12px 0;bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:64px;z-index:1}.mfui-tabs__swiper-wrapper:before{left:0;-webkit-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0)}.mfui-tabs__swiper-wrapper:after{right:0}.mfui-tabs__swiper-wrapper_beginning:before,.mfui-tabs__swiper-wrapper_end:after{display:none}.mfui-tabs__swiper{background-color:var(--spbSky0);border-radius:12px;display:inline-block;font-family:inherit;font-size:15px;font-weight:500;line-height:24px;overflow:hidden;padding:4px;position:relative;width:100%}.mfui-tabs__slide{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-flex:1;-ms-flex:1;flex:1}.mfui-tabs__panel{display:none}.mfui-tabs__panel_current{display:block}.mfui-tabs__underline{background-color:var(--base);border-radius:8px;bottom:0;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);left:auto;overflow:hidden;position:absolute;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;z-index:0}.mfui-tabs__underline:before{background-color:var(--stcWhite20);content:"";height:100%;position:absolute;width:100%}.mfui-tabs__arrow{background-color:var(--content);border-radius:50%;cursor:pointer;display:block;height:16px;opacity:1;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color,opacity;transition-property:background-color,opacity;width:16px;z-index:2;fill:var(--base)}@media screen and (max-width:1023px){.mfui-tabs__arrow{display:none}}.mfui-tabs__arrow:hover{background-color:var(--spbSky3)}.mfui-tabs__arrow:active{background-color:var(--buttonDown)}.mfui-tabs__arrow_prev{left:14px}.mfui-tabs__arrow_next{right:14px;-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.mfui-tabs__arrow_hide{opacity:0;pointer-events:none}.mfui-tabs__tab-inner{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;font-weight:500;line-height:24px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;height:36px;justify-content:center;padding:2px 12px;text-align:center;text-decoration:none;-webkit-transition:color .3s,fill .3s;transition:color .3s,fill .3s;white-space:nowrap;fill:var(--content)}.mfui-tabs__tab-inner:hover{text-decoration:none}.mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current){opacity:.8}@media screen and (min-width:1024px){.mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):hover{color:var(--content);fill:var(--content)}}.mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):hover{opacity:1}.mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):active{color:var(--buttonDown);fill:var(--buttonDown)}.mfui-tabs__tab-inner_with-icon{padding-left:8px}.mfui-tabs__tab-inner_current{color:var(--content);cursor:auto;fill:var(--content)}.mfui-tabs__tab-icon{height:32px;margin-right:4px;width:32px}.mfui-tabs__tab-icon svg{height:100%;width:100%}.mfui-tabs__tab-bubble{margin-left:6px}.mfui-tabs_size_large .mfui-tabs__swiper{padding:6px}@media screen and (min-width:768px){.mfui-tabs_size_large .mfui-tabs__swiper{padding:8px}}.mfui-tabs_size_large .mfui-tabs__tab-inner{height:48px;padding:8px 24px}@media screen and (min-width:768px){.mfui-tabs_size_large .mfui-tabs__tab-inner{height:56px;padding:12px 40px}}.mfui-tabs_size_large .mfui-tabs__tab-inner_with-icon{padding-left:20px}@media screen and (min-width:768px){.mfui-tabs_size_large .mfui-tabs__tab-inner_with-icon{padding-left:28px}}.mfui-tabs_size_large .mfui-tabs__tab-icon{margin-right:6px}.mfui-tabs_size_large .mfui-tabs__tab-bubble{margin-left:12px}.mfui-tabs_size_large .mfui-tabs__tab-bubble_with-icon{margin-left:6px}.mfui-tabs_auto-width .mfui-tabs__swiper{max-width:100%;width:auto}.mfui-tabs_auto-width .mfui-tabs__slide{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.mfui-tabs_auto-width.mfui-tabs_h-align_center .mfui-tabs__swiper-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:768px) and (max-width:1023px){.mfui-tabs_indents .mfui-tabs__swiper-wrapper{margin:0 -48px;padding:0 48px}}@media screen and (max-width:767px){.mfui-tabs_indents .mfui-tabs__swiper-wrapper{margin:0 -16px;padding:0 16px}}.mfui-tabs_sticky .mfui-tabs__swiper-wrapper{background-color:var(--base);left:0;position:fixed;right:0;top:0;z-index:100}.mfui-tabs_tab-color_gray .mfui-tabs__swiper{background-color:var(--spbSky1)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__swiper{background-color:var(--stcBlack20)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner:not(.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current){color:var(--stcWhite);opacity:.8;fill:var(--stcWhite)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner:not(.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current):hover{color:var(--stcWhite);opacity:1;fill:var(--stcWhite)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current{color:var(--stcBlack);fill:var(--stcBlack)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__underline{background-color:var(--stcWhite)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__arrow{background-color:var(--stcWhite);fill:var(--stcBlack)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__arrow:hover{background-color:var(--stcWhite50)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__arrow:active{background-color:var(--stcBlack0)}
+h1,h2,h3,h4,h5{margin:0}.mfui-tabs .swiper-wrapper{position:relative;width:100%;z-index:0}.mfui-tabs .swiper-wrapper,.mfui-tabs__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-tabs__wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-tabs__swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%}.mfui-tabs__swiper-wrapper:after,.mfui-tabs__swiper-wrapper:before{background:-webkit-gradient(linear,right top,left top,from(var(--stcBlack5)),color-stop(64%,transparent));background:linear-gradient(270deg,var(--stcBlack5) 0,transparent 64%);border-radius:0 12px 12px 0;bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:64px;z-index:1}.mfui-tabs__swiper-wrapper:before{left:0;-webkit-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0)}.mfui-tabs__swiper-wrapper:after{right:0}.mfui-tabs__swiper-wrapper_beginning:before,.mfui-tabs__swiper-wrapper_end:after{display:none}.mfui-tabs__swiper{background-color:var(--spbSky0);border-radius:12px;display:inline-block;font-family:inherit;font-size:15px;font-weight:500;line-height:24px;overflow:hidden;padding:4px;position:relative;width:100%}.mfui-tabs__slide{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-flex:1;-ms-flex:1;flex:1}.mfui-tabs__panel{display:none}.mfui-tabs__panel_current{display:block}.mfui-tabs__underline{background-color:var(--base);border-radius:8px;bottom:0;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);left:auto;overflow:hidden;position:absolute;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;z-index:0}.mfui-tabs__underline:before{background-color:var(--stcWhite20);content:"";display:block;height:100%;width:100%}.mfui-tabs__arrow{background-color:var(--content);border-radius:50%;cursor:pointer;display:block;height:16px;opacity:1;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color,opacity;transition-property:background-color,opacity;width:16px;z-index:2;fill:var(--base)}@media screen and (max-width:1023px){.mfui-tabs__arrow{display:none}}.mfui-tabs__arrow:hover{background-color:var(--spbSky3)}.mfui-tabs__arrow:active{background-color:var(--buttonDown)}.mfui-tabs__arrow_prev{left:14px}.mfui-tabs__arrow_next{right:14px;-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.mfui-tabs__arrow_hide{opacity:0;pointer-events:none}.mfui-tabs__tab-inner{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;font-weight:500;line-height:24px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;height:36px;justify-content:center;padding:2px 12px;text-align:center;text-decoration:none;-webkit-transition:color .3s,fill .3s;transition:color .3s,fill .3s;white-space:nowrap;fill:var(--content)}.mfui-tabs__tab-inner:hover{text-decoration:none}.mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current){opacity:.8}@media screen and (min-width:1024px){.mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):hover{color:var(--content);fill:var(--content)}}.mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):hover{opacity:1}.mfui-tabs__tab-inner:not(.mfui-tabs__tab-inner_current):active{color:var(--buttonDown);fill:var(--buttonDown)}.mfui-tabs__tab-inner_with-icon{padding-left:8px}.mfui-tabs__tab-inner_current{color:var(--content);cursor:auto;fill:var(--content)}.mfui-tabs__tab-icon{height:32px;margin-right:4px;width:32px}.mfui-tabs__tab-icon svg{height:100%;width:100%}.mfui-tabs__tab-bubble{margin-left:6px}.mfui-tabs_size_large .mfui-tabs__swiper{padding:6px}@media screen and (min-width:768px){.mfui-tabs_size_large .mfui-tabs__swiper{padding:8px}}.mfui-tabs_size_large .mfui-tabs__tab-inner{height:48px;padding:8px 24px}@media screen and (min-width:768px){.mfui-tabs_size_large .mfui-tabs__tab-inner{height:56px;padding:12px 40px}}.mfui-tabs_size_large .mfui-tabs__tab-inner_with-icon{padding-left:20px}@media screen and (min-width:768px){.mfui-tabs_size_large .mfui-tabs__tab-inner_with-icon{padding-left:28px}}.mfui-tabs_size_large .mfui-tabs__tab-icon{margin-right:6px}.mfui-tabs_size_large .mfui-tabs__tab-bubble{margin-left:12px}.mfui-tabs_size_large .mfui-tabs__tab-bubble_with-icon{margin-left:6px}.mfui-tabs_auto-width .mfui-tabs__swiper{max-width:100%;width:auto}.mfui-tabs_auto-width .mfui-tabs__slide{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.mfui-tabs_auto-width.mfui-tabs_h-align_center .mfui-tabs__swiper-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:768px) and (max-width:1023px){.mfui-tabs_indents .mfui-tabs__swiper-wrapper{margin:0 -48px;padding:0 48px}}@media screen and (max-width:767px){.mfui-tabs_indents .mfui-tabs__swiper-wrapper{margin:0 -16px;padding:0 16px}}.mfui-tabs_sticky .mfui-tabs__swiper-wrapper{background-color:var(--base);left:0;position:fixed;right:0;top:0;z-index:100}.mfui-tabs_tab-color_gray .mfui-tabs__swiper{background-color:var(--spbSky1)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__swiper{background-color:var(--stcBlack20)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner:not(.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current){color:var(--stcWhite);opacity:.8;fill:var(--stcWhite)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner:not(.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current):hover{color:var(--stcWhite);opacity:1;fill:var(--stcWhite)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__tab-inner_current{color:var(--stcBlack);fill:var(--stcBlack)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__underline{background-color:var(--stcWhite)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__arrow{background-color:var(--stcWhite);fill:var(--stcBlack)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__arrow:hover{background-color:var(--stcWhite50)}.mfui-tabs_tab-color_green:not(.mfui-tabs_sticky) .mfui-tabs__arrow:active{background-color:var(--stcBlack0)}

package/dist/lib/components/TextField/i/textarea-resizer.svg

@@ -1 +1,4 @@
-<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M1 11L11 1M7 11l4-4"/></svg>
+<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 11L11 1"  stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
+<path d="M7 11L11 7" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
+</svg>

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

@@ -81,6 +81,8 @@ export interface ITooltipProps {
         arrow?: string;
         content?: string;
         contentShadow?: string;
+        close?: string;
+        button?: string;
     };
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {

package/dist/lib/components/Tooltip/Tooltip.js

@@ -116,6 +116,8 @@ var Tooltip = function Tooltip(_ref) {
     arrowClassName = _ref$classes2.arrow,
     contentClassName = _ref$classes2.content,
     contentShadowClassName = _ref$classes2.contentShadow,
+    closeButtonClassName = _ref$classes2.close,
+    buttonClassName = _ref$classes2.button,
     dataAttrs = _ref.dataAttrs,
     onOpen = _ref.onOpen,
     onClose = _ref.onClose,
@@ -304,7 +306,7 @@ var Tooltip = function Tooltip(_ref) {
       type: "button",
       className: cn('button', {
         margin: hasButtonMargin
-      })
+      }, [buttonClassName])
     }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button), {
       onClick: onClick
     }), buttonText, /*#__PURE__*/React.createElement(RightArrow, {
@@ -314,7 +316,7 @@ var Tooltip = function Tooltip(_ref) {
         margin: hasChildrenMargin
       })
     }, children));
-  }, [title, text, buttonText, children, dataAttrs, renderedText, onClick]);
+  }, [title, text, buttonText, children, dataAttrs, renderedText, onClick, buttonClassName]);
   var template = /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       theme: theme,
@@ -343,7 +345,7 @@ var Tooltip = function Tooltip(_ref) {
     },
     className: cn('content', [contentClassName])
   }, hasCloseButton && /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.close), {
-    className: cn('close-button'),
+    className: cn('close-button', [closeButtonClassName]),
     type: "button",
     onClick: handleCloseButtonClick
   }), /*#__PURE__*/React.createElement(CancelIcon, {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-core",
-    "version": "7.0.0",
+    "version": "7.1.1",
     "files": [
         "dist",
         "styles"
@@ -40,8 +40,8 @@
         ]
     },
     "peerDependencies": {
-        "react": ">=18",
-        "react-dom": ">=18"
+        "react": "^17.0.0 || ^18.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0"
     },
     "devDependencies": {
         "@babel/core": "^7.8.6",
@@ -50,11 +50,11 @@
         "@babel/preset-env": "^7.8.6",
         "@babel/preset-react": "^7.8.3",
         "@babel/preset-typescript": "^7.8.3",
-        "@megafon/ui-icons": "^3.0.0",
+        "@megafon/ui-icons": "^3.0.2",
         "@svgr/core": "^2.4.1",
-        "@testing-library/jest-dom": "6.4.2",
-        "@testing-library/react": "14.2.1",
-        "@testing-library/user-event": "14.5.2",
+        "@testing-library/jest-dom": "^6.5.0",
+        "@testing-library/react": "^16.0.1",
+        "@testing-library/user-event": "^14.5.2",
         "@types/jest": "^29.5.12",
         "@types/lodash.debounce": "^4.0.9",
         "@types/lodash.throttle": "^4.1.9",
@@ -89,7 +89,7 @@
         "@datepicker-react/hooks": "^2.7.0",
         "@dnd-kit/core": "^6.1.0",
         "@dnd-kit/sortable": "^8.0.0",
-        "@megafon/ui-helpers": "^3.0.0",
+        "@megafon/ui-helpers": "^3.1.1",
         "@mona-health/react-input-mask": "^3.0.3",
         "@popperjs/core": "^2.11.8",
         "core-js": "^3.6.4",
@@ -104,5 +104,5 @@
         "simplebar-react": "^3.2.5",
         "swiper": "^11.1.1"
     },
-    "gitHead": "2c940e898c9fa64896b60bf75c59ff3467cbce4f"
+    "gitHead": "884456a8e9c55e1a47f5c4b1dc75082fb1de96c4"
 }