@megafon/ui-core 8.13.1 → 8.14.0

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

@@ -100,6 +100,8 @@ export interface ICarouselProps {
     gradient?: boolean;
     /** Цвет градиента */
     gradientColor?: GradientThemeType;
+    /** Отключить переключение слайдов при фокусе на дочерних элементах */
+    disableChildFocusPropagation?: boolean;
     children?: React.ReactNode;
 }
 declare const Carousel: React.FC<ICarouselProps>;

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

@@ -139,7 +139,9 @@ var Carousel = function Carousel(_ref) {
     _ref$gradient = _ref.gradient,
     gradient = _ref$gradient === void 0 ? false : _ref$gradient,
     _ref$gradientColor = _ref.gradientColor,
-    gradientColor = _ref$gradientColor === void 0 ? 'default' : _ref$gradientColor;
+    gradientColor = _ref$gradientColor === void 0 ? 'default' : _ref$gradientColor,
+    _ref$disableChildFocu = _ref.disableChildFocusPropagation,
+    disableChildFocusPropagation = _ref$disableChildFocu === void 0 ? false : _ref$disableChildFocu;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     swiperInstance = _React$useState2[0],
@@ -252,6 +254,9 @@ var Carousel = function Carousel(_ref) {
   var handleSlideFocus = function handleSlideFocus(index) {
     return function (e) {
       var _a;
+      if (disableChildFocusPropagation && e.target !== e.currentTarget) {
+        return;
+      }
       if (loop) {
         // for correctly scroll the looped carousel to the focused element, we need to get its real index in the DOM-collection of slides
         // because swiper does not provide this, only data-swiper-slide-index, whose values are in the range from 0 to children.length - 1,
@@ -352,6 +357,7 @@ var Carousel = function Carousel(_ref) {
     return /*#__PURE__*/React.createElement(SwiperSlide, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.slide, i + 1), {
       key: i,
       className: cn('slide', slideClass),
+      tabIndex: disableChildFocusPropagation ? 0 : undefined,
       onFocus: handleSlideFocus(i),
       onMouseDown: disableFocusOnSlideClick
     }), child);

package/dist/es/components/Tooltip/Tooltip.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-tooltip{opacity:0;pointer-events:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;visibility:hidden;z-index:100}.mfui-tooltip_open{opacity:1;pointer-events:all;visibility:visible}.mfui-tooltip_paddings_small .mfui-tooltip__content{padding:16px}.mfui-tooltip_paddings_medium .mfui-tooltip__content{padding:24px}.mfui-tooltip__content{overflow:hidden;position:relative;z-index:1}.mfui-tooltip__content-shadow{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.mfui-tooltip__arrow-container{position:absolute}.mfui-tooltip__arrow-wrap{height:13px;width:33px}.mfui-tooltip_theme_white .mfui-tooltip__arrow-wrap{z-index:2}.mfui-tooltip__arrow{display:-webkit-box;display:-ms-flexbox;display:flex;height:13px;position:absolute;width:33px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-tooltip__arrow svg{position:absolute}.mfui-tooltip__arrow-inner{-webkit-filter:drop-shadow(0 2px 9px rgba(0,0,0,.15));filter:drop-shadow(0 2px 9px rgba(0,0,0,.15));fill:var(--base)}.mfui-tooltip_theme_white .mfui-tooltip__arrow-inner{-webkit-filter:drop-shadow(0 -2px 1px rgba(0,0,0,.05));filter:drop-shadow(0 -2px 1px rgba(0,0,0,.05));top:1px}@-moz-document url-prefix(""){.mfui-tooltip_theme_white .mfui-tooltip__arrow-inner_top{filter:drop-shadow(0 2px 1px rgba(0,0,0,.05))}}.mfui-tooltip_theme_white .mfui-tooltip__arrow-inner path:nth-child(2){fill:var(--stcWhite10)}.mfui-tooltip__text{font-size:15px;line-height:24px}@media screen and (max-width:767px){.mfui-tooltip__text{font-size:12px;line-height:18px}}.mfui-tooltip__text_margin{margin-top:8px}.mfui-tooltip__button,.mfui-tooltip__close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding:0}.mfui-tooltip__button{background-color:transparent;color:var(--brandGreen);font-family:inherit;font-size:15px;font-weight:500;line-height:18px;-webkit-transition:.3s;transition:.3s}@media screen and (max-width:767px){.mfui-tooltip__button{font-size:12px;line-height:14px}}.mfui-tooltip__button_margin{margin-top:8px}.mfui-tooltip__button:hover{color:var(--buttonHoverGreen)}.mfui-tooltip__button:hover .mfui-tooltip__button-arrow{fill:var(--buttonHoverGreen)}.mfui-tooltip__button:active{color:var(--buttonDown)}.mfui-tooltip__button:active .mfui-tooltip__button-arrow{fill:var(--buttonDown)}.mfui-tooltip__close-button{position:relative;right:-6px;top:-6px;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--spbSky0);border-radius:12px;float:right;height:24px;justify-content:center;-webkit-transition:.3s;transition:.3s;width:24px}.mfui-tooltip__close-button:hover{background-color:var(--spbSky1)}.mfui-tooltip__close-button:active{background-color:var(--spbSky2)}.mfui-tooltip__close-icon{display:block;height:20px;opacity:.5;width:20px;fill:var(--content)}.mfui-tooltip__button-arrow{height:20px;margin-bottom:-2px;min-width:20px;-webkit-transition:.3s;transition:.3s;width:20px;fill:var(--brandGreen)}.mfui-tooltip__addititonal-content_margin{margin-top:16px}@media screen and (max-width:767px){.mfui-tooltip__addititonal-content_margin{margin-top:12px}}.mfui-tooltip_small .mfui-tooltip__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-tooltip_small .mfui-tooltip__text{font-weight:500}.mfui-tooltip_small .mfui-tooltip__close-button{top:auto}.mfui-tooltip_theme_white .mfui-tooltip__content{border:1px solid var(--stcWhite10)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,.mfui-tooltip_theme_blue .mfui-tooltip__button,.mfui-tooltip_theme_blue .mfui-tooltip__content,.mfui-tooltip_theme_blue .mfui-tooltip__title,.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,.mfui-tooltip_theme_red .mfui-tooltip__button,.mfui-tooltip_theme_red .mfui-tooltip__content,.mfui-tooltip_theme_red .mfui-tooltip__title{color:var(--stcWhite)}.mfui-tooltip_theme_blue .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button-arrow{fill:var(--stcWhite)}.mfui-tooltip_theme_blue .mfui-tooltip__button:hover,.mfui-tooltip_theme_red .mfui-tooltip__button:hover{color:var(--buttonHoverGrey)}.mfui-tooltip_theme_blue .mfui-tooltip__button:hover .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button:hover .mfui-tooltip__button-arrow{fill:var(--buttonHoverGrey)}.mfui-tooltip_theme_blue .mfui-tooltip__button:active,.mfui-tooltip_theme_red .mfui-tooltip__button:active{color:var(--buttonDown)}.mfui-tooltip_theme_blue .mfui-tooltip__button:active .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button:active .mfui-tooltip__button-arrow{fill:var(--buttonDown)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button,.mfui-tooltip_theme_red .mfui-tooltip__close-button{background-color:var(--stcWhite10)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button:hover,.mfui-tooltip_theme_red .mfui-tooltip__close-button:hover{background-color:var(--stcWhite20)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button:active,.mfui-tooltip_theme_red .mfui-tooltip__close-button:active{background-color:var(--stcWhite50)}.mfui-tooltip_theme_blue .mfui-tooltip__close-icon,.mfui-tooltip_theme_red .mfui-tooltip__close-icon{opacity:1;fill:var(--stcWhite)}.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,.mfui-tooltip_theme_red .mfui-tooltip__content,.mfui-tooltip_theme_red .mfui-tooltip__content-shadow{background-color:var(--fury80)}.mfui-tooltip_theme_red .mfui-tooltip__arrow-inner{fill:var(--fury80)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,.mfui-tooltip_theme_blue .mfui-tooltip__content,.mfui-tooltip_theme_blue .mfui-tooltip__content-shadow{background-color:var(--night)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow-inner{fill:var(--night)}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__content-shadow{-webkit-transform:translateX(24px);transform:translateX(24px)}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow-wrap{left:3px}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__content-shadow{-webkit-transform:translateX(15px);transform:translateX(15px)}.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__arrow-wrap{left:-6px}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__content-shadow{-webkit-transform:translateX(-24px);transform:translateX(-24px)}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow-wrap{right:3px}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__content-shadow{-webkit-transform:translateX(-15px);transform:translateX(-15px)}.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__arrow-wrap{right:-6px}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__content-shadow{-webkit-transform:translateY(-24px);transform:translateY(-24px)}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow-wrap{bottom:13px}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__content-shadow{-webkit-transform:translateY(-15px);transform:translateY(-15px)}.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__arrow-wrap{bottom:4px}.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__content-shadow{-webkit-transform:translateY(24px);transform:translateY(24px)}.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__arrow-wrap{top:13px}.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__content-shadow{-webkit-transform:translateY(15px);transform:translateY(15px)}.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__arrow-wrap{top:4px}.mfui-tooltip[data-popper-escaped=true].mfui-tooltip_has-escape{pointer-events:none;visibility:hidden}
+h1,h2,h3,h4,h5{margin:0}.mfui-tooltip-container{height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:100}.mfui-tooltip{opacity:0;pointer-events:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;visibility:hidden;z-index:100}.mfui-tooltip_open{opacity:1;pointer-events:all;visibility:visible}.mfui-tooltip_paddings_small .mfui-tooltip__content{padding:16px}.mfui-tooltip_paddings_medium .mfui-tooltip__content{padding:24px}.mfui-tooltip__content{overflow:hidden;position:relative;z-index:1}.mfui-tooltip__content-shadow{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.mfui-tooltip__arrow-container{position:absolute}.mfui-tooltip__arrow-wrap{height:13px;width:33px}.mfui-tooltip_theme_white .mfui-tooltip__arrow-wrap{z-index:2}.mfui-tooltip__arrow{display:-webkit-box;display:-ms-flexbox;display:flex;height:13px;position:absolute;width:33px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-tooltip__arrow svg{position:absolute}.mfui-tooltip__arrow-inner{-webkit-filter:drop-shadow(0 2px 9px rgba(0,0,0,.15));filter:drop-shadow(0 2px 9px rgba(0,0,0,.15));fill:var(--base)}.mfui-tooltip_theme_white .mfui-tooltip__arrow-inner{-webkit-filter:drop-shadow(0 -2px 1px rgba(0,0,0,.05));filter:drop-shadow(0 -2px 1px rgba(0,0,0,.05));top:1px}@-moz-document url-prefix(""){.mfui-tooltip_theme_white .mfui-tooltip__arrow-inner_top{filter:drop-shadow(0 2px 1px rgba(0,0,0,.05))}}.mfui-tooltip_theme_white .mfui-tooltip__arrow-inner path:nth-child(2){fill:var(--stcWhite10)}.mfui-tooltip__text{font-size:15px;line-height:24px}@media screen and (max-width:767px){.mfui-tooltip__text{font-size:12px;line-height:18px}}.mfui-tooltip__text_margin{margin-top:8px}.mfui-tooltip__button,.mfui-tooltip__close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding:0}.mfui-tooltip__button{background-color:transparent;color:var(--brandGreen);font-family:inherit;font-size:15px;font-weight:500;line-height:18px;-webkit-transition:.3s;transition:.3s}@media screen and (max-width:767px){.mfui-tooltip__button{font-size:12px;line-height:14px}}.mfui-tooltip__button_margin{margin-top:8px}.mfui-tooltip__button:hover{color:var(--buttonHoverGreen)}.mfui-tooltip__button:hover .mfui-tooltip__button-arrow{fill:var(--buttonHoverGreen)}.mfui-tooltip__button:active{color:var(--buttonDown)}.mfui-tooltip__button:active .mfui-tooltip__button-arrow{fill:var(--buttonDown)}.mfui-tooltip__close-button{position:relative;right:-6px;top:-6px;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--spbSky0);border-radius:12px;float:right;height:24px;justify-content:center;-webkit-transition:.3s;transition:.3s;width:24px}.mfui-tooltip__close-button:hover{background-color:var(--spbSky1)}.mfui-tooltip__close-button:active{background-color:var(--spbSky2)}.mfui-tooltip__close-icon{display:block;height:20px;opacity:.5;width:20px;fill:var(--content)}.mfui-tooltip__button-arrow{height:20px;margin-bottom:-2px;min-width:20px;-webkit-transition:.3s;transition:.3s;width:20px;fill:var(--brandGreen)}.mfui-tooltip__addititonal-content_margin{margin-top:16px}@media screen and (max-width:767px){.mfui-tooltip__addititonal-content_margin{margin-top:12px}}.mfui-tooltip_small .mfui-tooltip__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-tooltip_small .mfui-tooltip__text{font-weight:500}.mfui-tooltip_small .mfui-tooltip__close-button{top:auto}.mfui-tooltip_theme_white .mfui-tooltip__content{border:1px solid var(--stcWhite10)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,.mfui-tooltip_theme_blue .mfui-tooltip__button,.mfui-tooltip_theme_blue .mfui-tooltip__content,.mfui-tooltip_theme_blue .mfui-tooltip__title,.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,.mfui-tooltip_theme_red .mfui-tooltip__button,.mfui-tooltip_theme_red .mfui-tooltip__content,.mfui-tooltip_theme_red .mfui-tooltip__title{color:var(--stcWhite)}.mfui-tooltip_theme_blue .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button-arrow{fill:var(--stcWhite)}.mfui-tooltip_theme_blue .mfui-tooltip__button:hover,.mfui-tooltip_theme_red .mfui-tooltip__button:hover{color:var(--buttonHoverGrey)}.mfui-tooltip_theme_blue .mfui-tooltip__button:hover .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button:hover .mfui-tooltip__button-arrow{fill:var(--buttonHoverGrey)}.mfui-tooltip_theme_blue .mfui-tooltip__button:active,.mfui-tooltip_theme_red .mfui-tooltip__button:active{color:var(--buttonDown)}.mfui-tooltip_theme_blue .mfui-tooltip__button:active .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button:active .mfui-tooltip__button-arrow{fill:var(--buttonDown)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button,.mfui-tooltip_theme_red .mfui-tooltip__close-button{background-color:var(--stcWhite10)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button:hover,.mfui-tooltip_theme_red .mfui-tooltip__close-button:hover{background-color:var(--stcWhite20)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button:active,.mfui-tooltip_theme_red .mfui-tooltip__close-button:active{background-color:var(--stcWhite50)}.mfui-tooltip_theme_blue .mfui-tooltip__close-icon,.mfui-tooltip_theme_red .mfui-tooltip__close-icon{opacity:1;fill:var(--stcWhite)}.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,.mfui-tooltip_theme_red .mfui-tooltip__content,.mfui-tooltip_theme_red .mfui-tooltip__content-shadow{background-color:var(--fury80)}.mfui-tooltip_theme_red .mfui-tooltip__arrow-inner{fill:var(--fury80)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,.mfui-tooltip_theme_blue .mfui-tooltip__content,.mfui-tooltip_theme_blue .mfui-tooltip__content-shadow{background-color:var(--night)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow-inner{fill:var(--night)}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__content-shadow{-webkit-transform:translateX(24px);transform:translateX(24px)}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow-wrap{left:3px}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__content-shadow{-webkit-transform:translateX(15px);transform:translateX(15px)}.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__arrow-wrap{left:-6px}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__content-shadow{-webkit-transform:translateX(-24px);transform:translateX(-24px)}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow-wrap{right:3px}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__content-shadow{-webkit-transform:translateX(-15px);transform:translateX(-15px)}.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__arrow-wrap{right:-6px}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__content-shadow{-webkit-transform:translateY(-24px);transform:translateY(-24px)}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow-wrap{bottom:13px}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__content-shadow{-webkit-transform:translateY(-15px);transform:translateY(-15px)}.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__arrow-wrap{bottom:4px}.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__content-shadow{-webkit-transform:translateY(24px);transform:translateY(24px)}.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__arrow-wrap{top:13px}.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__content-shadow{-webkit-transform:translateY(15px);transform:translateY(15px)}.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__arrow-wrap{top:4px}.mfui-tooltip[data-popper-escaped=true].mfui-tooltip_has-escape{pointer-events:none;visibility:hidden}

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

@@ -44,6 +44,11 @@ export declare const Size: {
     readonly BIG: "big";
 };
 type SizeType = (typeof Size)[keyof typeof Size];
+export declare const Strategy: {
+    readonly ABSOLUTE: "absolute";
+    readonly FIXED: "fixed";
+};
+type StrategyType = (typeof Strategy)[keyof typeof Strategy];
 export interface ITooltipProps {
     /** Цветовая тема */
     colorTheme?: ColorThemeType;
@@ -81,6 +86,8 @@ export interface ITooltipProps {
     isPortal?: boolean;
     /** Рендеринг компонента в указанном селекторе */
     portalSelector?: string;
+    /** Определяет позиционирование тултипа  */
+    strategy?: StrategyType;
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Дополнительные классы для внутренних элементов */

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

@@ -85,8 +85,13 @@ export var Size = {
   SMALL: 'small',
   BIG: 'big'
 };
+export var Strategy = {
+  ABSOLUTE: 'absolute',
+  FIXED: 'fixed'
+};
 export var testIdPrefix = 'Tooltip';
 var cn = cnCreate('mfui-tooltip');
+var cnContainer = cnCreate('mfui-tooltip-container');
 var useState = React.useState,
   useCallback = React.useCallback,
   useEffect = React.useEffect,
@@ -120,6 +125,8 @@ var Tooltip = function Tooltip(_ref) {
     _ref$isPortal = _ref.isPortal,
     isPortal = _ref$isPortal === void 0 ? false : _ref$isPortal,
     portalSelector = _ref.portalSelector,
+    _ref$strategy = _ref.strategy,
+    strategy = _ref$strategy === void 0 ? 'absolute' : _ref$strategy,
     children = _ref.children,
     _ref$classes = _ref.classes,
     _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
@@ -168,6 +175,7 @@ var Tooltip = function Tooltip(_ref) {
   var options = useMemo(function () {
     return {
       placement: placement,
+      strategy: strategy,
       modifiers: [{
         name: 'arrow',
         options: {
@@ -198,7 +206,7 @@ var Tooltip = function Tooltip(_ref) {
         }
       }]
     };
-  }, [placement, arrowElement, fallbackPlacements, isOpen, isHiddenResize, currentBoundary]);
+  }, [placement, strategy, arrowElement, fallbackPlacements, isOpen, isHiddenResize, currentBoundary]);
   var _usePopper = usePopper(currentTarget, popperElement, options),
     styles = _usePopper.styles,
     attributes = _usePopper.attributes,
@@ -380,6 +388,7 @@ var Tooltip = function Tooltip(_ref) {
   /* Не в эффекте, чтобы не создавать лишний перерендер компонента. Из-за синхронности кода в return уже будет элемент */
   if (isPortal && !portalElem.current && typeof window !== 'undefined') {
     portalElem.current = document.createElement('div');
+    portalElem.current.setAttribute('class', cnContainer());
     var parent = portalSelector ? document.querySelector(portalSelector) : document.body;
     parent === null || parent === void 0 ? void 0 : parent.appendChild(portalElem.current);
   }

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

@@ -100,6 +100,8 @@ export interface ICarouselProps {
     gradient?: boolean;
     /** Цвет градиента */
     gradientColor?: GradientThemeType;
+    /** Отключить переключение слайдов при фокусе на дочерних элементах */
+    disableChildFocusPropagation?: boolean;
     children?: React.ReactNode;
 }
 declare const Carousel: React.FC<ICarouselProps>;

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

@@ -205,7 +205,9 @@ var Carousel = function Carousel(_ref) {
     _ref$gradient = _ref.gradient,
     gradient = _ref$gradient === void 0 ? false : _ref$gradient,
     _ref$gradientColor = _ref.gradientColor,
-    gradientColor = _ref$gradientColor === void 0 ? 'default' : _ref$gradientColor;
+    gradientColor = _ref$gradientColor === void 0 ? 'default' : _ref$gradientColor,
+    _ref$disableChildFocu = _ref.disableChildFocusPropagation,
+    disableChildFocusPropagation = _ref$disableChildFocu === void 0 ? false : _ref$disableChildFocu;
   var _React$useState = React.useState(),
     _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     swiperInstance = _React$useState2[0],
@@ -318,6 +320,9 @@ var Carousel = function Carousel(_ref) {
   var handleSlideFocus = function handleSlideFocus(index) {
     return function (e) {
       var _a;
+      if (disableChildFocusPropagation && e.target !== e.currentTarget) {
+        return;
+      }
       if (loop) {
         // for correctly scroll the looped carousel to the focused element, we need to get its real index in the DOM-collection of slides
         // because swiper does not provide this, only data-swiper-slide-index, whose values are in the range from 0 to children.length - 1,
@@ -418,6 +423,7 @@ var Carousel = function Carousel(_ref) {
     return /*#__PURE__*/React.createElement(SwiperSlide, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.slide, i + 1), {
       key: i,
       className: cn('slide', slideClass),
+      tabIndex: disableChildFocusPropagation ? 0 : undefined,
       onFocus: handleSlideFocus(i),
       onMouseDown: disableFocusOnSlideClick
     }), child);

package/dist/lib/components/Tooltip/Tooltip.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-tooltip{opacity:0;pointer-events:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;visibility:hidden;z-index:100}.mfui-tooltip_open{opacity:1;pointer-events:all;visibility:visible}.mfui-tooltip_paddings_small .mfui-tooltip__content{padding:16px}.mfui-tooltip_paddings_medium .mfui-tooltip__content{padding:24px}.mfui-tooltip__content{overflow:hidden;position:relative;z-index:1}.mfui-tooltip__content-shadow{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.mfui-tooltip__arrow-container{position:absolute}.mfui-tooltip__arrow-wrap{height:13px;width:33px}.mfui-tooltip_theme_white .mfui-tooltip__arrow-wrap{z-index:2}.mfui-tooltip__arrow{display:-webkit-box;display:-ms-flexbox;display:flex;height:13px;position:absolute;width:33px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-tooltip__arrow svg{position:absolute}.mfui-tooltip__arrow-inner{-webkit-filter:drop-shadow(0 2px 9px rgba(0,0,0,.15));filter:drop-shadow(0 2px 9px rgba(0,0,0,.15));fill:var(--base)}.mfui-tooltip_theme_white .mfui-tooltip__arrow-inner{-webkit-filter:drop-shadow(0 -2px 1px rgba(0,0,0,.05));filter:drop-shadow(0 -2px 1px rgba(0,0,0,.05));top:1px}@-moz-document url-prefix(""){.mfui-tooltip_theme_white .mfui-tooltip__arrow-inner_top{filter:drop-shadow(0 2px 1px rgba(0,0,0,.05))}}.mfui-tooltip_theme_white .mfui-tooltip__arrow-inner path:nth-child(2){fill:var(--stcWhite10)}.mfui-tooltip__text{font-size:15px;line-height:24px}@media screen and (max-width:767px){.mfui-tooltip__text{font-size:12px;line-height:18px}}.mfui-tooltip__text_margin{margin-top:8px}.mfui-tooltip__button,.mfui-tooltip__close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding:0}.mfui-tooltip__button{background-color:transparent;color:var(--brandGreen);font-family:inherit;font-size:15px;font-weight:500;line-height:18px;-webkit-transition:.3s;transition:.3s}@media screen and (max-width:767px){.mfui-tooltip__button{font-size:12px;line-height:14px}}.mfui-tooltip__button_margin{margin-top:8px}.mfui-tooltip__button:hover{color:var(--buttonHoverGreen)}.mfui-tooltip__button:hover .mfui-tooltip__button-arrow{fill:var(--buttonHoverGreen)}.mfui-tooltip__button:active{color:var(--buttonDown)}.mfui-tooltip__button:active .mfui-tooltip__button-arrow{fill:var(--buttonDown)}.mfui-tooltip__close-button{position:relative;right:-6px;top:-6px;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--spbSky0);border-radius:12px;float:right;height:24px;justify-content:center;-webkit-transition:.3s;transition:.3s;width:24px}.mfui-tooltip__close-button:hover{background-color:var(--spbSky1)}.mfui-tooltip__close-button:active{background-color:var(--spbSky2)}.mfui-tooltip__close-icon{display:block;height:20px;opacity:.5;width:20px;fill:var(--content)}.mfui-tooltip__button-arrow{height:20px;margin-bottom:-2px;min-width:20px;-webkit-transition:.3s;transition:.3s;width:20px;fill:var(--brandGreen)}.mfui-tooltip__addititonal-content_margin{margin-top:16px}@media screen and (max-width:767px){.mfui-tooltip__addititonal-content_margin{margin-top:12px}}.mfui-tooltip_small .mfui-tooltip__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-tooltip_small .mfui-tooltip__text{font-weight:500}.mfui-tooltip_small .mfui-tooltip__close-button{top:auto}.mfui-tooltip_theme_white .mfui-tooltip__content{border:1px solid var(--stcWhite10)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,.mfui-tooltip_theme_blue .mfui-tooltip__button,.mfui-tooltip_theme_blue .mfui-tooltip__content,.mfui-tooltip_theme_blue .mfui-tooltip__title,.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,.mfui-tooltip_theme_red .mfui-tooltip__button,.mfui-tooltip_theme_red .mfui-tooltip__content,.mfui-tooltip_theme_red .mfui-tooltip__title{color:var(--stcWhite)}.mfui-tooltip_theme_blue .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button-arrow{fill:var(--stcWhite)}.mfui-tooltip_theme_blue .mfui-tooltip__button:hover,.mfui-tooltip_theme_red .mfui-tooltip__button:hover{color:var(--buttonHoverGrey)}.mfui-tooltip_theme_blue .mfui-tooltip__button:hover .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button:hover .mfui-tooltip__button-arrow{fill:var(--buttonHoverGrey)}.mfui-tooltip_theme_blue .mfui-tooltip__button:active,.mfui-tooltip_theme_red .mfui-tooltip__button:active{color:var(--buttonDown)}.mfui-tooltip_theme_blue .mfui-tooltip__button:active .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button:active .mfui-tooltip__button-arrow{fill:var(--buttonDown)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button,.mfui-tooltip_theme_red .mfui-tooltip__close-button{background-color:var(--stcWhite10)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button:hover,.mfui-tooltip_theme_red .mfui-tooltip__close-button:hover{background-color:var(--stcWhite20)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button:active,.mfui-tooltip_theme_red .mfui-tooltip__close-button:active{background-color:var(--stcWhite50)}.mfui-tooltip_theme_blue .mfui-tooltip__close-icon,.mfui-tooltip_theme_red .mfui-tooltip__close-icon{opacity:1;fill:var(--stcWhite)}.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,.mfui-tooltip_theme_red .mfui-tooltip__content,.mfui-tooltip_theme_red .mfui-tooltip__content-shadow{background-color:var(--fury80)}.mfui-tooltip_theme_red .mfui-tooltip__arrow-inner{fill:var(--fury80)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,.mfui-tooltip_theme_blue .mfui-tooltip__content,.mfui-tooltip_theme_blue .mfui-tooltip__content-shadow{background-color:var(--night)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow-inner{fill:var(--night)}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__content-shadow{-webkit-transform:translateX(24px);transform:translateX(24px)}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow-wrap{left:3px}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__content-shadow{-webkit-transform:translateX(15px);transform:translateX(15px)}.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__arrow-wrap{left:-6px}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__content-shadow{-webkit-transform:translateX(-24px);transform:translateX(-24px)}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow-wrap{right:3px}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__content-shadow{-webkit-transform:translateX(-15px);transform:translateX(-15px)}.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__arrow-wrap{right:-6px}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__content-shadow{-webkit-transform:translateY(-24px);transform:translateY(-24px)}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow-wrap{bottom:13px}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__content-shadow{-webkit-transform:translateY(-15px);transform:translateY(-15px)}.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__arrow-wrap{bottom:4px}.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__content-shadow{-webkit-transform:translateY(24px);transform:translateY(24px)}.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__arrow-wrap{top:13px}.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__content-shadow{-webkit-transform:translateY(15px);transform:translateY(15px)}.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__arrow-wrap{top:4px}.mfui-tooltip[data-popper-escaped=true].mfui-tooltip_has-escape{pointer-events:none;visibility:hidden}
+h1,h2,h3,h4,h5{margin:0}.mfui-tooltip-container{height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:100}.mfui-tooltip{opacity:0;pointer-events:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;visibility:hidden;z-index:100}.mfui-tooltip_open{opacity:1;pointer-events:all;visibility:visible}.mfui-tooltip_paddings_small .mfui-tooltip__content{padding:16px}.mfui-tooltip_paddings_medium .mfui-tooltip__content{padding:24px}.mfui-tooltip__content{overflow:hidden;position:relative;z-index:1}.mfui-tooltip__content-shadow{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.mfui-tooltip__arrow-container{position:absolute}.mfui-tooltip__arrow-wrap{height:13px;width:33px}.mfui-tooltip_theme_white .mfui-tooltip__arrow-wrap{z-index:2}.mfui-tooltip__arrow{display:-webkit-box;display:-ms-flexbox;display:flex;height:13px;position:absolute;width:33px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-tooltip__arrow svg{position:absolute}.mfui-tooltip__arrow-inner{-webkit-filter:drop-shadow(0 2px 9px rgba(0,0,0,.15));filter:drop-shadow(0 2px 9px rgba(0,0,0,.15));fill:var(--base)}.mfui-tooltip_theme_white .mfui-tooltip__arrow-inner{-webkit-filter:drop-shadow(0 -2px 1px rgba(0,0,0,.05));filter:drop-shadow(0 -2px 1px rgba(0,0,0,.05));top:1px}@-moz-document url-prefix(""){.mfui-tooltip_theme_white .mfui-tooltip__arrow-inner_top{filter:drop-shadow(0 2px 1px rgba(0,0,0,.05))}}.mfui-tooltip_theme_white .mfui-tooltip__arrow-inner path:nth-child(2){fill:var(--stcWhite10)}.mfui-tooltip__text{font-size:15px;line-height:24px}@media screen and (max-width:767px){.mfui-tooltip__text{font-size:12px;line-height:18px}}.mfui-tooltip__text_margin{margin-top:8px}.mfui-tooltip__button,.mfui-tooltip__close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding:0}.mfui-tooltip__button{background-color:transparent;color:var(--brandGreen);font-family:inherit;font-size:15px;font-weight:500;line-height:18px;-webkit-transition:.3s;transition:.3s}@media screen and (max-width:767px){.mfui-tooltip__button{font-size:12px;line-height:14px}}.mfui-tooltip__button_margin{margin-top:8px}.mfui-tooltip__button:hover{color:var(--buttonHoverGreen)}.mfui-tooltip__button:hover .mfui-tooltip__button-arrow{fill:var(--buttonHoverGreen)}.mfui-tooltip__button:active{color:var(--buttonDown)}.mfui-tooltip__button:active .mfui-tooltip__button-arrow{fill:var(--buttonDown)}.mfui-tooltip__close-button{position:relative;right:-6px;top:-6px;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--spbSky0);border-radius:12px;float:right;height:24px;justify-content:center;-webkit-transition:.3s;transition:.3s;width:24px}.mfui-tooltip__close-button:hover{background-color:var(--spbSky1)}.mfui-tooltip__close-button:active{background-color:var(--spbSky2)}.mfui-tooltip__close-icon{display:block;height:20px;opacity:.5;width:20px;fill:var(--content)}.mfui-tooltip__button-arrow{height:20px;margin-bottom:-2px;min-width:20px;-webkit-transition:.3s;transition:.3s;width:20px;fill:var(--brandGreen)}.mfui-tooltip__addititonal-content_margin{margin-top:16px}@media screen and (max-width:767px){.mfui-tooltip__addititonal-content_margin{margin-top:12px}}.mfui-tooltip_small .mfui-tooltip__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-tooltip_small .mfui-tooltip__text{font-weight:500}.mfui-tooltip_small .mfui-tooltip__close-button{top:auto}.mfui-tooltip_theme_white .mfui-tooltip__content{border:1px solid var(--stcWhite10)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,.mfui-tooltip_theme_blue .mfui-tooltip__button,.mfui-tooltip_theme_blue .mfui-tooltip__content,.mfui-tooltip_theme_blue .mfui-tooltip__title,.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,.mfui-tooltip_theme_red .mfui-tooltip__button,.mfui-tooltip_theme_red .mfui-tooltip__content,.mfui-tooltip_theme_red .mfui-tooltip__title{color:var(--stcWhite)}.mfui-tooltip_theme_blue .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button-arrow{fill:var(--stcWhite)}.mfui-tooltip_theme_blue .mfui-tooltip__button:hover,.mfui-tooltip_theme_red .mfui-tooltip__button:hover{color:var(--buttonHoverGrey)}.mfui-tooltip_theme_blue .mfui-tooltip__button:hover .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button:hover .mfui-tooltip__button-arrow{fill:var(--buttonHoverGrey)}.mfui-tooltip_theme_blue .mfui-tooltip__button:active,.mfui-tooltip_theme_red .mfui-tooltip__button:active{color:var(--buttonDown)}.mfui-tooltip_theme_blue .mfui-tooltip__button:active .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button:active .mfui-tooltip__button-arrow{fill:var(--buttonDown)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button,.mfui-tooltip_theme_red .mfui-tooltip__close-button{background-color:var(--stcWhite10)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button:hover,.mfui-tooltip_theme_red .mfui-tooltip__close-button:hover{background-color:var(--stcWhite20)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button:active,.mfui-tooltip_theme_red .mfui-tooltip__close-button:active{background-color:var(--stcWhite50)}.mfui-tooltip_theme_blue .mfui-tooltip__close-icon,.mfui-tooltip_theme_red .mfui-tooltip__close-icon{opacity:1;fill:var(--stcWhite)}.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,.mfui-tooltip_theme_red .mfui-tooltip__content,.mfui-tooltip_theme_red .mfui-tooltip__content-shadow{background-color:var(--fury80)}.mfui-tooltip_theme_red .mfui-tooltip__arrow-inner{fill:var(--fury80)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,.mfui-tooltip_theme_blue .mfui-tooltip__content,.mfui-tooltip_theme_blue .mfui-tooltip__content-shadow{background-color:var(--night)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow-inner{fill:var(--night)}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__content-shadow{-webkit-transform:translateX(24px);transform:translateX(24px)}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow-wrap{left:3px}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__content-shadow{-webkit-transform:translateX(15px);transform:translateX(15px)}.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__arrow-wrap{left:-6px}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__content-shadow{-webkit-transform:translateX(-24px);transform:translateX(-24px)}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow-wrap{right:3px}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__content-shadow{-webkit-transform:translateX(-15px);transform:translateX(-15px)}.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__arrow-wrap{right:-6px}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__content-shadow{-webkit-transform:translateY(-24px);transform:translateY(-24px)}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow-wrap{bottom:13px}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__content-shadow{-webkit-transform:translateY(-15px);transform:translateY(-15px)}.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__arrow-wrap{bottom:4px}.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__content-shadow{-webkit-transform:translateY(24px);transform:translateY(24px)}.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__arrow-wrap{top:13px}.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__content-shadow{-webkit-transform:translateY(15px);transform:translateY(15px)}.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__arrow-wrap{top:4px}.mfui-tooltip[data-popper-escaped=true].mfui-tooltip_has-escape{pointer-events:none;visibility:hidden}

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

@@ -44,6 +44,11 @@ export declare const Size: {
     readonly BIG: "big";
 };
 type SizeType = (typeof Size)[keyof typeof Size];
+export declare const Strategy: {
+    readonly ABSOLUTE: "absolute";
+    readonly FIXED: "fixed";
+};
+type StrategyType = (typeof Strategy)[keyof typeof Strategy];
 export interface ITooltipProps {
     /** Цветовая тема */
     colorTheme?: ColorThemeType;
@@ -81,6 +86,8 @@ export interface ITooltipProps {
     isPortal?: boolean;
     /** Рендеринг компонента в указанном селекторе */
     portalSelector?: string;
+    /** Определяет позиционирование тултипа  */
+    strategy?: StrategyType;
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Дополнительные классы для внутренних элементов */

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

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.testIdPrefix = exports["default"] = exports.TriggerEvent = exports.Size = exports.Placement = exports.Paddings = exports.Offset = exports.ColorTheme = void 0;
+exports.testIdPrefix = exports["default"] = exports.TriggerEvent = exports.Strategy = exports.Size = exports.Placement = exports.Paddings = exports.Offset = exports.ColorTheme = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
@@ -94,8 +94,13 @@ var Size = exports.Size = {
   SMALL: 'small',
   BIG: 'big'
 };
+var Strategy = exports.Strategy = {
+  ABSOLUTE: 'absolute',
+  FIXED: 'fixed'
+};
 var testIdPrefix = exports.testIdPrefix = 'Tooltip';
 var cn = (0, _uiHelpers.cnCreate)('mfui-tooltip');
+var cnContainer = (0, _uiHelpers.cnCreate)('mfui-tooltip-container');
 var useState = React.useState,
   useCallback = React.useCallback,
   useEffect = React.useEffect,
@@ -129,6 +134,8 @@ var Tooltip = function Tooltip(_ref) {
     _ref$isPortal = _ref.isPortal,
     isPortal = _ref$isPortal === void 0 ? false : _ref$isPortal,
     portalSelector = _ref.portalSelector,
+    _ref$strategy = _ref.strategy,
+    strategy = _ref$strategy === void 0 ? 'absolute' : _ref$strategy,
     children = _ref.children,
     _ref$classes = _ref.classes,
     _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
@@ -177,6 +184,7 @@ var Tooltip = function Tooltip(_ref) {
   var options = useMemo(function () {
     return {
       placement: placement,
+      strategy: strategy,
       modifiers: [{
         name: 'arrow',
         options: {
@@ -207,7 +215,7 @@ var Tooltip = function Tooltip(_ref) {
         }
       }]
     };
-  }, [placement, arrowElement, fallbackPlacements, isOpen, isHiddenResize, currentBoundary]);
+  }, [placement, strategy, arrowElement, fallbackPlacements, isOpen, isHiddenResize, currentBoundary]);
   var _usePopper = (0, _reactPopper.usePopper)(currentTarget, popperElement, options),
     styles = _usePopper.styles,
     attributes = _usePopper.attributes,
@@ -389,6 +397,7 @@ var Tooltip = function Tooltip(_ref) {
   /* Не в эффекте, чтобы не создавать лишний перерендер компонента. Из-за синхронности кода в return уже будет элемент */
   if (isPortal && !portalElem.current && typeof window !== 'undefined') {
     portalElem.current = document.createElement('div');
+    portalElem.current.setAttribute('class', cnContainer());
     var parent = portalSelector ? document.querySelector(portalSelector) : document.body;
     parent === null || parent === void 0 ? void 0 : parent.appendChild(portalElem.current);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-core",
-    "version": "8.13.1",
+    "version": "8.14.0",
     "files": [
         "dist",
         "styles"
@@ -104,5 +104,5 @@
         "simplebar-react": "^3.2.5",
         "swiper": "^11.1.1"
     },
-    "gitHead": "ba0372a7d2d677d5e8ce0a227cfdb4ae67591ae8"
+    "gitHead": "eff55b645b52da10c43471a9960e5136e7584856"
 }