@megafon/ui-core 8.14.0 → 8.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-text-field{color:var(--content);font-family:inherit;font-size:15px;line-height:24px}.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field:focus,.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field:hover,.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field_resized{border-color:var(--content)}.mfui-text-field__field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;-webkit-box-shadow:none;box-shadow:none;caret-color:var(--brandGreen);color:var(--content);display:block;font-family:inherit;font-size:15px;line-height:24px;margin:0;opacity:1;outline:none;padding:25px 56px 9px 16px;-webkit-transition:border-color .3s;transition:border-color .3s;width:100%}.mfui-text-field__field_textarea,.mfui-text-field__field_type_flexible{-webkit-box-sizing:content-box;box-sizing:content-box;overflow-x:hidden;overflow-y:auto;padding-top:28px;resize:none}.mfui-text-field__field_resized{-webkit-transition:height .1s;transition:height .1s;will-change:height}.mfui-text-field__field_no-icon{padding-right:16px}.mfui-text-field__resizer{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:ns-resize;height:12px;justify-content:center;padding:4px;width:12px}.mfui-text-field__resizer svg{-webkit-transition:stroke .3s;transition:stroke .3s;stroke:var(--spbSky2)}.mfui-text-field__resizer:active svg,.mfui-text-field__resizer:hover svg{stroke:var(--spbSky3)}.mfui-text-field__field::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field:focus::-webkit-input-placeholder{opacity:1}.mfui-text-field__field:focus:-ms-input-placeholder{opacity:1}.mfui-text-field__field:focus::-moz-placeholder{opacity:1}.mfui-text-field__field:focus::-ms-input-placeholder{opacity:1}.mfui-text-field__field:focus::placeholder{opacity:1}.mfui-text-field__field::-webkit-scrollbar{width:16px}.mfui-text-field__field::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border:6px solid transparent;border-radius:16px}.mfui-text-field__field::-webkit-scrollbar-thumb:hover{background-color:#999}.mfui-text-field__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;left:16px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;top:18px;-webkit-transition:top .5s,-webkit-transform .5s;transition:top .5s,-webkit-transform .5s;transition:transform .5s,top .5s;transition:transform .5s,top .5s,-webkit-transform .5s;z-index:1}.mfui-text-field__field_textarea{scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-text-field__field_textarea~.mfui-text-field__label{top:16px}.mfui-text-field__field:-webkit-autofill~.mfui-text-field__label,.mfui-text-field__field:focus~.mfui-text-field__label,.mfui-text-field__field:not(:placeholder-shown)~.mfui-text-field__label{-webkit-transform:scale(.8) translate(-11%,-75%);transform:scale(.8) translate(-11%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-text-field__field_textarea:not(:-moz-placeholder-shown)~.mfui-text-field__label{transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field_textarea:not(:-ms-input-placeholder)~.mfui-text-field__label{transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field_textarea:focus~.mfui-text-field__label,.mfui-text-field__field_textarea:not(:placeholder-shown)~.mfui-text-field__label{-webkit-transform:scale(.8) translate(-11%,-50%);transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.mfui-text-field__field-bottom-wrapper{color:var(--spbSky3);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:18px;margin-top:0;overflow:hidden}.mfui-text-field__field-bottom-wrapper_filled{margin-top:8px}.mfui-text-field__notice-text{height:0;opacity:0;-webkit-transition:height,opacity;transition:height,opacity;-webkit-transition-duration:.3s;transition-duration:.3s}.mfui-text-field__notice-text_active{height:100%;opacity:1}.mfui-text-field__icon-box{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;top:0;z-index:3;-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;justify-content:center;padding-right:16px;text-align:center;fill:var(--content)}.mfui-text-field__icon-box_custom-handler,.mfui-text-field__icon-box_error,.mfui-text-field__icon-box_password,.mfui-text-field__icon_clear{cursor:pointer}.mfui-text-field__icon,.mfui-text-field__icon-box svg{display:block;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px}.mfui-text-field__icon_clear{-webkit-transition:fill .3s;transition:fill .3s;fill:var(--spbSky3)}.mfui-text-field__icon_clear:hover{fill:var(--content)}.mfui-text-field__require-mark{color:var(--fury)}.mfui-text-field__counter{margin-left:auto}.mfui-text-field_valid:not(.mfui-text-field_disabled) .mfui-text-field__field{border-color:var(--brandGreen)}.mfui-text-field_valid:not(.mfui-text-field_disabled) .mfui-text-field__icon{fill:var(--brandGreen)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__field{border-color:var(--fury)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__icon{fill:var(--fury)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__icon_clear:hover{fill:var(--fury80)}.mfui-text-field_disabled .mfui-text-field__field{background-color:var(--spbSky0);border-color:var(--spbSky0);color:var(--content);cursor:default}.mfui-text-field_disabled .mfui-text-field__icon-box{cursor:default!important}.mfui-text-field_theme_default.mfui-text-field_error .mfui-text-field__counter_error,.mfui-text-field_theme_default.mfui-text-field_error .mfui-text-field__field-bottom-wrapper{color:var(--fury)}.mfui-text-field_theme_white .mfui-text-field__icon{fill:var(--stcWhite)}.mfui-text-field_theme_white .mfui-text-field__counter,.mfui-text-field_theme_white .mfui-text-field__field-bottom-wrapper{color:var(--stcWhite)}.mfui-text-field_theme_white .mfui-text-field__field::-webkit-scrollbar-thumb{background-color:rgba(51,51,51,.2)}.mfui-text-field_theme_white .mfui-text-field__field::-webkit-scrollbar-thumb:hover{background-color:rgba(51,51,51,.5)}.mfui-text-field_theme_white .mfui-text-field__resizer svg{stroke:var(--stcWhite20)}.mfui-text-field_theme_white .mfui-text-field__resizer:active svg,.mfui-text-field_theme_white .mfui-text-field__resizer:hover svg{stroke:var(--stcWhite50)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field{border-color:var(--base)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:-moz-placeholder-shown){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:-ms-input-placeholder){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:placeholder-shown){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):hover{border-color:var(--stcBlack)}.mfui-text-field_theme_white.mfui-text-field_disabled .mfui-text-field__field{background-color:var(--stcWhite20);border-color:var(--stcWhite20);color:var(--stcWhite)}.mfui-text-field_theme_white.mfui-text-field_disabled .mfui-text-field__label{color:var(--stcWhite50)}.mfui-text-field_icon .mfui-text-field__field{padding-right:55px}.mfui-text-field_password .mfui-text-field__field{font:small-caption;font-size:19px;line-height:24px}.mfui-text-field input::-ms-clear,.mfui-text-field input::-ms-reveal{display:none}
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-text-field{color:var(--content);font-family:inherit;font-size:15px;line-height:24px}.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field:focus,.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field:hover,.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field_resized{border-color:var(--content)}.mfui-text-field__field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;-webkit-box-shadow:none;box-shadow:none;caret-color:var(--brandGreen);color:var(--content);display:block;font-family:inherit;font-size:15px;line-height:24px;margin:0;opacity:1;outline:none;padding:25px 56px 9px 16px;-webkit-transition:border-color .3s;transition:border-color .3s;width:100%}.mfui-text-field__field_textarea,.mfui-text-field__field_type_flexible{-webkit-box-sizing:content-box;box-sizing:content-box;overflow-x:hidden;overflow-y:auto;padding-top:28px;resize:none}.mfui-text-field__field_resized{-webkit-transition:height .1s;transition:height .1s;will-change:height}.mfui-text-field__field_no-icon{padding-right:16px}.mfui-text-field__resizer{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:ns-resize;height:12px;justify-content:center;padding:4px;width:12px}.mfui-text-field__resizer svg{-webkit-transition:stroke .3s;transition:stroke .3s;stroke:var(--spbSky2)}.mfui-text-field__resizer:active svg,.mfui-text-field__resizer:hover svg{stroke:var(--spbSky3)}.mfui-text-field__field::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field:focus::-webkit-input-placeholder{opacity:1}.mfui-text-field__field:focus:-ms-input-placeholder{opacity:1}.mfui-text-field__field:focus::-moz-placeholder{opacity:1}.mfui-text-field__field:focus::-ms-input-placeholder{opacity:1}.mfui-text-field__field:focus::placeholder{opacity:1}.mfui-text-field__field::-webkit-scrollbar{width:16px}.mfui-text-field__field::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border:6px solid transparent;border-radius:16px}.mfui-text-field__field::-webkit-scrollbar-thumb:hover{background-color:#999}.mfui-text-field__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;left:16px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;top:18px;-webkit-transition:top .5s,-webkit-transform .5s;transition:top .5s,-webkit-transform .5s;transition:transform .5s,top .5s;transition:transform .5s,top .5s,-webkit-transform .5s;z-index:1}.mfui-text-field__field_textarea{scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-text-field__field_textarea~.mfui-text-field__label{top:16px}.mfui-text-field__field:-webkit-autofill~.mfui-text-field__label,.mfui-text-field__field:focus~.mfui-text-field__label,.mfui-text-field__field:not(:placeholder-shown)~.mfui-text-field__label{-webkit-transform:scale(.8) translate(-11%,-75%);transform:scale(.8) translate(-11%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-text-field__field_textarea:not(:-moz-placeholder-shown)~.mfui-text-field__label{transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field_textarea:not(:-ms-input-placeholder)~.mfui-text-field__label{transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field_textarea:focus~.mfui-text-field__label,.mfui-text-field__field_textarea:not(:placeholder-shown)~.mfui-text-field__label{-webkit-transform:scale(.8) translate(-11%,-50%);transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.mfui-text-field__field-bottom-wrapper{color:var(--spbSky3);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:18px;margin-top:0;overflow:hidden}.mfui-text-field__field-bottom-wrapper_filled{margin-top:4px}.mfui-text-field__notice-text{height:0;opacity:0;-webkit-transition:height,opacity;transition:height,opacity;-webkit-transition-duration:.3s;transition-duration:.3s}.mfui-text-field__notice-text_active{height:100%;opacity:1}.mfui-text-field__icon-box{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;top:0;z-index:3;-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;justify-content:center;padding-right:16px;text-align:center;fill:var(--content)}.mfui-text-field__icon-box_custom-handler,.mfui-text-field__icon-box_error,.mfui-text-field__icon-box_password,.mfui-text-field__icon_clear{cursor:pointer}.mfui-text-field__icon,.mfui-text-field__icon-box svg{display:block;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px}.mfui-text-field__icon_clear{-webkit-transition:fill .3s;transition:fill .3s;fill:var(--spbSky3)}.mfui-text-field__icon_clear:hover{fill:var(--content)}.mfui-text-field__require-mark{color:var(--fury)}.mfui-text-field__counter{margin-left:auto}.mfui-text-field_valid:not(.mfui-text-field_disabled) .mfui-text-field__field{border-color:var(--brandGreen)}.mfui-text-field_valid:not(.mfui-text-field_disabled) .mfui-text-field__icon{fill:var(--brandGreen)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__field{border-color:var(--fury)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__icon{fill:var(--fury)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__icon_clear:hover{fill:var(--fury80)}.mfui-text-field_disabled .mfui-text-field__field{background-color:var(--spbSky0);border-color:var(--spbSky0);color:var(--content);cursor:default}.mfui-text-field_disabled .mfui-text-field__icon-box{cursor:default!important}.mfui-text-field_theme_default.mfui-text-field_error .mfui-text-field__counter_error,.mfui-text-field_theme_default.mfui-text-field_error .mfui-text-field__field-bottom-wrapper{color:var(--fury)}.mfui-text-field_theme_white .mfui-text-field__icon{fill:var(--stcWhite)}.mfui-text-field_theme_white .mfui-text-field__counter,.mfui-text-field_theme_white .mfui-text-field__field-bottom-wrapper{color:var(--stcWhite)}.mfui-text-field_theme_white .mfui-text-field__field::-webkit-scrollbar-thumb{background-color:rgba(51,51,51,.2)}.mfui-text-field_theme_white .mfui-text-field__field::-webkit-scrollbar-thumb:hover{background-color:rgba(51,51,51,.5)}.mfui-text-field_theme_white .mfui-text-field__resizer svg{stroke:var(--stcWhite20)}.mfui-text-field_theme_white .mfui-text-field__resizer:active svg,.mfui-text-field_theme_white .mfui-text-field__resizer:hover svg{stroke:var(--stcWhite50)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field{border-color:var(--base)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:-moz-placeholder-shown){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:-ms-input-placeholder){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:placeholder-shown){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):hover{border-color:var(--stcBlack)}.mfui-text-field_theme_white.mfui-text-field_disabled .mfui-text-field__field{background-color:var(--stcWhite20);border-color:var(--stcWhite20);color:var(--stcWhite)}.mfui-text-field_theme_white.mfui-text-field_disabled .mfui-text-field__label{color:var(--stcWhite50)}.mfui-text-field_icon .mfui-text-field__field{padding-right:55px}.mfui-text-field_password .mfui-text-field__field{font:small-caption;font-size:19px;line-height:24px}.mfui-text-field input::-ms-clear,.mfui-text-field input::-ms-reveal{display:none}
@@ -86,6 +86,8 @@ export interface ITooltipProps {
86
86
  isPortal?: boolean;
87
87
  /** Рендеринг компонента в указанном селекторе */
88
88
  portalSelector?: string;
89
+ /** Предотвратить появление скролла при рендере тултипа в body */
90
+ portalPreventScroll?: boolean;
89
91
  /** Определяет позиционирование тултипа */
90
92
  strategy?: StrategyType;
91
93
  /** Дополнительный класс корневого элемента */
@@ -125,6 +125,8 @@ var Tooltip = function Tooltip(_ref) {
125
125
  _ref$isPortal = _ref.isPortal,
126
126
  isPortal = _ref$isPortal === void 0 ? false : _ref$isPortal,
127
127
  portalSelector = _ref.portalSelector,
128
+ _ref$portalPreventScr = _ref.portalPreventScroll,
129
+ portalPreventScroll = _ref$portalPreventScr === void 0 ? false : _ref$portalPreventScr,
128
130
  _ref$strategy = _ref.strategy,
129
131
  strategy = _ref$strategy === void 0 ? 'absolute' : _ref$strategy,
130
132
  children = _ref.children,
@@ -388,7 +390,7 @@ var Tooltip = function Tooltip(_ref) {
388
390
  /* Не в эффекте, чтобы не создавать лишний перерендер компонента. Из-за синхронности кода в return уже будет элемент */
389
391
  if (isPortal && !portalElem.current && typeof window !== 'undefined') {
390
392
  portalElem.current = document.createElement('div');
391
- portalElem.current.setAttribute('class', cnContainer());
393
+ portalPreventScroll && portalElem.current.setAttribute('class', cnContainer());
392
394
  var parent = portalSelector ? document.querySelector(portalSelector) : document.body;
393
395
  parent === null || parent === void 0 ? void 0 : parent.appendChild(portalElem.current);
394
396
  }
@@ -1 +1 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-text-field{color:var(--content);font-family:inherit;font-size:15px;line-height:24px}.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field:focus,.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field:hover,.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field_resized{border-color:var(--content)}.mfui-text-field__field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;-webkit-box-shadow:none;box-shadow:none;caret-color:var(--brandGreen);color:var(--content);display:block;font-family:inherit;font-size:15px;line-height:24px;margin:0;opacity:1;outline:none;padding:25px 56px 9px 16px;-webkit-transition:border-color .3s;transition:border-color .3s;width:100%}.mfui-text-field__field_textarea,.mfui-text-field__field_type_flexible{-webkit-box-sizing:content-box;box-sizing:content-box;overflow-x:hidden;overflow-y:auto;padding-top:28px;resize:none}.mfui-text-field__field_resized{-webkit-transition:height .1s;transition:height .1s;will-change:height}.mfui-text-field__field_no-icon{padding-right:16px}.mfui-text-field__resizer{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:ns-resize;height:12px;justify-content:center;padding:4px;width:12px}.mfui-text-field__resizer svg{-webkit-transition:stroke .3s;transition:stroke .3s;stroke:var(--spbSky2)}.mfui-text-field__resizer:active svg,.mfui-text-field__resizer:hover svg{stroke:var(--spbSky3)}.mfui-text-field__field::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field:focus::-webkit-input-placeholder{opacity:1}.mfui-text-field__field:focus:-ms-input-placeholder{opacity:1}.mfui-text-field__field:focus::-moz-placeholder{opacity:1}.mfui-text-field__field:focus::-ms-input-placeholder{opacity:1}.mfui-text-field__field:focus::placeholder{opacity:1}.mfui-text-field__field::-webkit-scrollbar{width:16px}.mfui-text-field__field::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border:6px solid transparent;border-radius:16px}.mfui-text-field__field::-webkit-scrollbar-thumb:hover{background-color:#999}.mfui-text-field__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;left:16px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;top:18px;-webkit-transition:top .5s,-webkit-transform .5s;transition:top .5s,-webkit-transform .5s;transition:transform .5s,top .5s;transition:transform .5s,top .5s,-webkit-transform .5s;z-index:1}.mfui-text-field__field_textarea{scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-text-field__field_textarea~.mfui-text-field__label{top:16px}.mfui-text-field__field:-webkit-autofill~.mfui-text-field__label,.mfui-text-field__field:focus~.mfui-text-field__label,.mfui-text-field__field:not(:placeholder-shown)~.mfui-text-field__label{-webkit-transform:scale(.8) translate(-11%,-75%);transform:scale(.8) translate(-11%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-text-field__field_textarea:not(:-moz-placeholder-shown)~.mfui-text-field__label{transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field_textarea:not(:-ms-input-placeholder)~.mfui-text-field__label{transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field_textarea:focus~.mfui-text-field__label,.mfui-text-field__field_textarea:not(:placeholder-shown)~.mfui-text-field__label{-webkit-transform:scale(.8) translate(-11%,-50%);transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.mfui-text-field__field-bottom-wrapper{color:var(--spbSky3);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:18px;margin-top:0;overflow:hidden}.mfui-text-field__field-bottom-wrapper_filled{margin-top:8px}.mfui-text-field__notice-text{height:0;opacity:0;-webkit-transition:height,opacity;transition:height,opacity;-webkit-transition-duration:.3s;transition-duration:.3s}.mfui-text-field__notice-text_active{height:100%;opacity:1}.mfui-text-field__icon-box{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;top:0;z-index:3;-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;justify-content:center;padding-right:16px;text-align:center;fill:var(--content)}.mfui-text-field__icon-box_custom-handler,.mfui-text-field__icon-box_error,.mfui-text-field__icon-box_password,.mfui-text-field__icon_clear{cursor:pointer}.mfui-text-field__icon,.mfui-text-field__icon-box svg{display:block;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px}.mfui-text-field__icon_clear{-webkit-transition:fill .3s;transition:fill .3s;fill:var(--spbSky3)}.mfui-text-field__icon_clear:hover{fill:var(--content)}.mfui-text-field__require-mark{color:var(--fury)}.mfui-text-field__counter{margin-left:auto}.mfui-text-field_valid:not(.mfui-text-field_disabled) .mfui-text-field__field{border-color:var(--brandGreen)}.mfui-text-field_valid:not(.mfui-text-field_disabled) .mfui-text-field__icon{fill:var(--brandGreen)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__field{border-color:var(--fury)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__icon{fill:var(--fury)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__icon_clear:hover{fill:var(--fury80)}.mfui-text-field_disabled .mfui-text-field__field{background-color:var(--spbSky0);border-color:var(--spbSky0);color:var(--content);cursor:default}.mfui-text-field_disabled .mfui-text-field__icon-box{cursor:default!important}.mfui-text-field_theme_default.mfui-text-field_error .mfui-text-field__counter_error,.mfui-text-field_theme_default.mfui-text-field_error .mfui-text-field__field-bottom-wrapper{color:var(--fury)}.mfui-text-field_theme_white .mfui-text-field__icon{fill:var(--stcWhite)}.mfui-text-field_theme_white .mfui-text-field__counter,.mfui-text-field_theme_white .mfui-text-field__field-bottom-wrapper{color:var(--stcWhite)}.mfui-text-field_theme_white .mfui-text-field__field::-webkit-scrollbar-thumb{background-color:rgba(51,51,51,.2)}.mfui-text-field_theme_white .mfui-text-field__field::-webkit-scrollbar-thumb:hover{background-color:rgba(51,51,51,.5)}.mfui-text-field_theme_white .mfui-text-field__resizer svg{stroke:var(--stcWhite20)}.mfui-text-field_theme_white .mfui-text-field__resizer:active svg,.mfui-text-field_theme_white .mfui-text-field__resizer:hover svg{stroke:var(--stcWhite50)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field{border-color:var(--base)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:-moz-placeholder-shown){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:-ms-input-placeholder){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:placeholder-shown){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):hover{border-color:var(--stcBlack)}.mfui-text-field_theme_white.mfui-text-field_disabled .mfui-text-field__field{background-color:var(--stcWhite20);border-color:var(--stcWhite20);color:var(--stcWhite)}.mfui-text-field_theme_white.mfui-text-field_disabled .mfui-text-field__label{color:var(--stcWhite50)}.mfui-text-field_icon .mfui-text-field__field{padding-right:55px}.mfui-text-field_password .mfui-text-field__field{font:small-caption;font-size:19px;line-height:24px}.mfui-text-field input::-ms-clear,.mfui-text-field input::-ms-reveal{display:none}
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-text-field{color:var(--content);font-family:inherit;font-size:15px;line-height:24px}.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field:focus,.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field:hover,.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field_resized{border-color:var(--content)}.mfui-text-field__field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;-webkit-box-shadow:none;box-shadow:none;caret-color:var(--brandGreen);color:var(--content);display:block;font-family:inherit;font-size:15px;line-height:24px;margin:0;opacity:1;outline:none;padding:25px 56px 9px 16px;-webkit-transition:border-color .3s;transition:border-color .3s;width:100%}.mfui-text-field__field_textarea,.mfui-text-field__field_type_flexible{-webkit-box-sizing:content-box;box-sizing:content-box;overflow-x:hidden;overflow-y:auto;padding-top:28px;resize:none}.mfui-text-field__field_resized{-webkit-transition:height .1s;transition:height .1s;will-change:height}.mfui-text-field__field_no-icon{padding-right:16px}.mfui-text-field__resizer{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:ns-resize;height:12px;justify-content:center;padding:4px;width:12px}.mfui-text-field__resizer svg{-webkit-transition:stroke .3s;transition:stroke .3s;stroke:var(--spbSky2)}.mfui-text-field__resizer:active svg,.mfui-text-field__resizer:hover svg{stroke:var(--spbSky3)}.mfui-text-field__field::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field:focus::-webkit-input-placeholder{opacity:1}.mfui-text-field__field:focus:-ms-input-placeholder{opacity:1}.mfui-text-field__field:focus::-moz-placeholder{opacity:1}.mfui-text-field__field:focus::-ms-input-placeholder{opacity:1}.mfui-text-field__field:focus::placeholder{opacity:1}.mfui-text-field__field::-webkit-scrollbar{width:16px}.mfui-text-field__field::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border:6px solid transparent;border-radius:16px}.mfui-text-field__field::-webkit-scrollbar-thumb:hover{background-color:#999}.mfui-text-field__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;left:16px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;top:18px;-webkit-transition:top .5s,-webkit-transform .5s;transition:top .5s,-webkit-transform .5s;transition:transform .5s,top .5s;transition:transform .5s,top .5s,-webkit-transform .5s;z-index:1}.mfui-text-field__field_textarea{scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-text-field__field_textarea~.mfui-text-field__label{top:16px}.mfui-text-field__field:-webkit-autofill~.mfui-text-field__label,.mfui-text-field__field:focus~.mfui-text-field__label,.mfui-text-field__field:not(:placeholder-shown)~.mfui-text-field__label{-webkit-transform:scale(.8) translate(-11%,-75%);transform:scale(.8) translate(-11%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-text-field__field_textarea:not(:-moz-placeholder-shown)~.mfui-text-field__label{transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field_textarea:not(:-ms-input-placeholder)~.mfui-text-field__label{transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field_textarea:focus~.mfui-text-field__label,.mfui-text-field__field_textarea:not(:placeholder-shown)~.mfui-text-field__label{-webkit-transform:scale(.8) translate(-11%,-50%);transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.mfui-text-field__field-bottom-wrapper{color:var(--spbSky3);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:18px;margin-top:0;overflow:hidden}.mfui-text-field__field-bottom-wrapper_filled{margin-top:4px}.mfui-text-field__notice-text{height:0;opacity:0;-webkit-transition:height,opacity;transition:height,opacity;-webkit-transition-duration:.3s;transition-duration:.3s}.mfui-text-field__notice-text_active{height:100%;opacity:1}.mfui-text-field__icon-box{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;top:0;z-index:3;-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;justify-content:center;padding-right:16px;text-align:center;fill:var(--content)}.mfui-text-field__icon-box_custom-handler,.mfui-text-field__icon-box_error,.mfui-text-field__icon-box_password,.mfui-text-field__icon_clear{cursor:pointer}.mfui-text-field__icon,.mfui-text-field__icon-box svg{display:block;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px}.mfui-text-field__icon_clear{-webkit-transition:fill .3s;transition:fill .3s;fill:var(--spbSky3)}.mfui-text-field__icon_clear:hover{fill:var(--content)}.mfui-text-field__require-mark{color:var(--fury)}.mfui-text-field__counter{margin-left:auto}.mfui-text-field_valid:not(.mfui-text-field_disabled) .mfui-text-field__field{border-color:var(--brandGreen)}.mfui-text-field_valid:not(.mfui-text-field_disabled) .mfui-text-field__icon{fill:var(--brandGreen)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__field{border-color:var(--fury)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__icon{fill:var(--fury)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__icon_clear:hover{fill:var(--fury80)}.mfui-text-field_disabled .mfui-text-field__field{background-color:var(--spbSky0);border-color:var(--spbSky0);color:var(--content);cursor:default}.mfui-text-field_disabled .mfui-text-field__icon-box{cursor:default!important}.mfui-text-field_theme_default.mfui-text-field_error .mfui-text-field__counter_error,.mfui-text-field_theme_default.mfui-text-field_error .mfui-text-field__field-bottom-wrapper{color:var(--fury)}.mfui-text-field_theme_white .mfui-text-field__icon{fill:var(--stcWhite)}.mfui-text-field_theme_white .mfui-text-field__counter,.mfui-text-field_theme_white .mfui-text-field__field-bottom-wrapper{color:var(--stcWhite)}.mfui-text-field_theme_white .mfui-text-field__field::-webkit-scrollbar-thumb{background-color:rgba(51,51,51,.2)}.mfui-text-field_theme_white .mfui-text-field__field::-webkit-scrollbar-thumb:hover{background-color:rgba(51,51,51,.5)}.mfui-text-field_theme_white .mfui-text-field__resizer svg{stroke:var(--stcWhite20)}.mfui-text-field_theme_white .mfui-text-field__resizer:active svg,.mfui-text-field_theme_white .mfui-text-field__resizer:hover svg{stroke:var(--stcWhite50)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field{border-color:var(--base)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:-moz-placeholder-shown){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:-ms-input-placeholder){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:placeholder-shown){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):hover{border-color:var(--stcBlack)}.mfui-text-field_theme_white.mfui-text-field_disabled .mfui-text-field__field{background-color:var(--stcWhite20);border-color:var(--stcWhite20);color:var(--stcWhite)}.mfui-text-field_theme_white.mfui-text-field_disabled .mfui-text-field__label{color:var(--stcWhite50)}.mfui-text-field_icon .mfui-text-field__field{padding-right:55px}.mfui-text-field_password .mfui-text-field__field{font:small-caption;font-size:19px;line-height:24px}.mfui-text-field input::-ms-clear,.mfui-text-field input::-ms-reveal{display:none}
@@ -86,6 +86,8 @@ export interface ITooltipProps {
86
86
  isPortal?: boolean;
87
87
  /** Рендеринг компонента в указанном селекторе */
88
88
  portalSelector?: string;
89
+ /** Предотвратить появление скролла при рендере тултипа в body */
90
+ portalPreventScroll?: boolean;
89
91
  /** Определяет позиционирование тултипа */
90
92
  strategy?: StrategyType;
91
93
  /** Дополнительный класс корневого элемента */
@@ -134,6 +134,8 @@ var Tooltip = function Tooltip(_ref) {
134
134
  _ref$isPortal = _ref.isPortal,
135
135
  isPortal = _ref$isPortal === void 0 ? false : _ref$isPortal,
136
136
  portalSelector = _ref.portalSelector,
137
+ _ref$portalPreventScr = _ref.portalPreventScroll,
138
+ portalPreventScroll = _ref$portalPreventScr === void 0 ? false : _ref$portalPreventScr,
137
139
  _ref$strategy = _ref.strategy,
138
140
  strategy = _ref$strategy === void 0 ? 'absolute' : _ref$strategy,
139
141
  children = _ref.children,
@@ -397,7 +399,7 @@ var Tooltip = function Tooltip(_ref) {
397
399
  /* Не в эффекте, чтобы не создавать лишний перерендер компонента. Из-за синхронности кода в return уже будет элемент */
398
400
  if (isPortal && !portalElem.current && typeof window !== 'undefined') {
399
401
  portalElem.current = document.createElement('div');
400
- portalElem.current.setAttribute('class', cnContainer());
402
+ portalPreventScroll && portalElem.current.setAttribute('class', cnContainer());
401
403
  var parent = portalSelector ? document.querySelector(portalSelector) : document.body;
402
404
  parent === null || parent === void 0 ? void 0 : parent.appendChild(portalElem.current);
403
405
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-core",
3
- "version": "8.14.0",
3
+ "version": "8.14.2",
4
4
  "files": [
5
5
  "dist",
6
6
  "styles"
@@ -50,7 +50,7 @@
50
50
  "@babel/preset-env": "^7.8.6",
51
51
  "@babel/preset-react": "^7.8.3",
52
52
  "@babel/preset-typescript": "^7.8.3",
53
- "@megafon/ui-icons": "^3.12.1",
53
+ "@megafon/ui-icons": "^3.13.0",
54
54
  "@svgr/core": "^2.4.1",
55
55
  "@testing-library/jest-dom": "^6.5.0",
56
56
  "@testing-library/react": "^16.0.1",
@@ -104,5 +104,5 @@
104
104
  "simplebar-react": "^3.2.5",
105
105
  "swiper": "^11.1.1"
106
106
  },
107
- "gitHead": "eff55b645b52da10c43471a9960e5136e7584856"
107
+ "gitHead": "b1da1adbb5c752ae4f466afcff6d25148bc5a6a7"
108
108
  }