@megafon/ui-core 7.6.1 → 7.8.0

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

@@ -68,6 +68,8 @@ export interface ISearchProps {
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
     noticeText?: string | JSX.Element;
+    /** Максимальное вводимое количество текста */
+    maxLength?: number;
     /** Отключение поля ввода */
     disabled?: boolean;
     /** Делает поле обязательным */
@@ -79,6 +81,8 @@ export interface ISearchProps {
         label?: string;
         input?: string;
         listItemTitle?: string;
+        list?: string;
+        listInner?: string;
         control?: string;
         icon?: string;
         submitButton?: string;
@@ -103,6 +107,8 @@ export interface ISearchProps {
     minTextareaHeight?: MinTextareaHeightType;
     /** Показать хендлер для ресайза текстового поля */
     showResizer?: boolean;
+    /** Ref обработчик */
+    inputRef?: (node: HTMLInputElement | HTMLTextAreaElement) => void;
     /** Обработчик изменения поля */
     onChange?: (value: string) => void;
     /** Обработчик нажатия на enter */

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

@@ -94,6 +94,7 @@ var Search = function Search(_ref) {
     disabled = _ref.disabled,
     required = _ref.required,
     noticeText = _ref.noticeText,
+    maxLength = _ref.maxLength,
     className = _ref.className,
     classes = _ref.classes,
     _ref$type = _ref.type,
@@ -109,6 +110,7 @@ var Search = function Search(_ref) {
     _ref$minTextareaHeigh = _ref.minTextareaHeight,
     minTextareaHeight = _ref$minTextareaHeigh === void 0 ? MinTextareaHeight.ONE_ROW : _ref$minTextareaHeigh,
     showResizer = _ref.showResizer,
+    inputRef = _ref.inputRef,
     onChange = _ref.onChange,
     onSubmit = _ref.onSubmit,
     onBlur = _ref.onBlur,
@@ -164,6 +166,7 @@ var Search = function Search(_ref) {
       return;
     }
     fieldRef.current = node;
+    inputRef === null || inputRef === void 0 ? void 0 : inputRef(node);
   };
   var textareaResize = React.useCallback(function () {
     if (!isTextarea || !fieldRef.current || !containerRef.current || isTextareaResized) {
@@ -424,10 +427,10 @@ var Search = function Search(_ref) {
   };
   var renderList = function renderList() {
     return /*#__PURE__*/React.createElement("div", {
-      className: cn('list'),
+      className: cn('list', [classes === null || classes === void 0 ? void 0 : classes.list]),
       ref: listRef
     }, /*#__PURE__*/React.createElement("div", {
-      className: cn('list-inner')
+      className: cn('list-inner', [classes === null || classes === void 0 ? void 0 : classes.listInner])
     }, items.map(function (_ref2, i) {
       var itemValue = _ref2.value,
         searchView = _ref2.searchView,
@@ -507,6 +510,7 @@ var Search = function Search(_ref) {
     }, [classes === null || classes === void 0 ? void 0 : classes.input]),
     placeholder: placeholder,
     value: searchQuery,
+    maxLength: maxLength,
     onChange: handleChange,
     onFocus: handleFocus,
     onBlur: handleBlur,
@@ -533,6 +537,7 @@ var Search = function Search(_ref) {
     },
     placeholder: placeholder,
     value: searchQuery,
+    maxLength: maxLength,
     onChange: handleChange,
     onFocus: handleFocus,
     onBlur: handleBlur,

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

@@ -84,6 +84,8 @@ export interface ISelectProps<T extends SelectItemValueType> {
         listItemTitle?: Record<string, string>;
         notFound?: Record<string, string>;
     };
+    /** Ref обработчик */
+    inputRef?: (node: HTMLDivElement) => void;
     /** Обработчик выбора элемента селекта */
     onSelect?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement> | null, dataItem?: ISelectItem<T>) => void;
     /** Обработчик при открытом селекте */
@@ -91,5 +93,5 @@ export interface ISelectProps<T extends SelectItemValueType> {
     /** Обработчик при закрытом селекте */
     onClosed?: () => void;
 }
-declare const Select: <T extends SelectItemValueType>({ type, disabled, verification, noticeText, label, labelId, required, className, classes, dataAttrs, notFoundText, items, placeholder, currentValue, shortList, onClosed, onOpened, onSelect, }: ISelectProps<T>) => JSX.Element;
+declare const Select: <T extends SelectItemValueType>({ type, disabled, verification, noticeText, label, labelId, required, className, classes, dataAttrs, notFoundText, items, placeholder, currentValue, shortList, inputRef, onClosed, onOpened, onSelect, }: ISelectProps<T>) => JSX.Element;
 export default Select;

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

@@ -84,6 +84,7 @@ var Select = function Select(_ref) {
     currentValue = _ref.currentValue,
     _ref$shortList = _ref.shortList,
     shortList = _ref$shortList === void 0 ? false : _ref$shortList,
+    inputRef = _ref.inputRef,
     onClosed = _ref.onClosed,
     onOpened = _ref.onOpened,
     onSelect = _ref.onSelect;
@@ -103,6 +104,13 @@ var Select = function Select(_ref) {
   var currentIndex = itemsList.findIndex(function (elem) {
     return elem.value === currentValue;
   });
+  var getFieldNode = function getFieldNode(node) {
+    if (!node) {
+      return;
+    }
+    selectNode.current = node;
+    inputRef === null || inputRef === void 0 ? void 0 : inputRef(node);
+  };
   var handleClickOutside = (0, _react.useCallback)(function (e) {
     var _a;
     if (e.target instanceof Node && ((_a = selectNode.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) || !isOpened) {
@@ -393,7 +401,7 @@ var Select = function Select(_ref) {
       valid: verification === Verification.VALID,
       error: verification === Verification.ERROR
     }, [className, classes.root]),
-    ref: selectNode
+    ref: getFieldNode
   }), /*#__PURE__*/React.createElement("div", {
     className: cn('inner')
   }, /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.control), {

package/dist/lib/components/Sliders/Slider/Slider.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-slider__head{display:grid;font-size:15px;font-weight:500;grid-template-columns:auto 55%;line-height:24px;margin-bottom:8px}.mfui-slider__display-value{margin-left:auto}.mfui-slider__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--spbSky0);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--brandGreen)),to(var(--brandGreen)));background-image:linear-gradient(var(--brandGreen),var(--brandGreen));background-repeat:no-repeat;border-radius:100px;cursor:pointer;height:12px;margin:6px 0;outline:none}.mfui-slider__range-input:focus{outline:none}.mfui-slider__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-slider__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-slider__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-slider__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-slider__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-slider__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-slider_disabled .mfui-slider__head{color:var(--spbSky3)}.mfui-slider_disabled .mfui-slider__range-input{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky1)),to(var(--spbSky1)));background-image:linear-gradient(var(--spbSky1),var(--spbSky1));cursor:default}.mfui-slider_disabled .mfui-slider__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:24px;width:24px}.mfui-slider_disabled .mfui-slider__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:24px;width:24px}.mfui-slider_disabled .mfui-slider__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:24px;width:24px}
+h1,h2,h3,h4,h5{margin:0}.mfui-slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-slider__head{display:grid;font-size:15px;font-weight:500;grid-template-columns:auto 55%;line-height:24px;margin-bottom:8px}.mfui-slider__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--spbSky0);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--brandGreen)),to(var(--brandGreen)));background-image:linear-gradient(var(--brandGreen),var(--brandGreen));background-repeat:no-repeat;border-radius:100px;cursor:pointer;height:12px;margin:6px 0;outline:none}.mfui-slider__range-input:focus{outline:none}.mfui-slider__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-slider__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-slider__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-slider__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-slider__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-slider__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-slider_disabled .mfui-slider__head{color:var(--spbSky3)}.mfui-slider_disabled .mfui-slider__range-input{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky1)),to(var(--spbSky1)));background-image:linear-gradient(var(--spbSky1),var(--spbSky1));cursor:default}.mfui-slider_disabled .mfui-slider__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:24px;width:24px}.mfui-slider_disabled .mfui-slider__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:24px;width:24px}.mfui-slider_disabled .mfui-slider__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:24px;width:24px}

package/dist/lib/components/Sliders/Slider/Slider.d.ts

@@ -1,6 +1,4 @@
 import * as React from 'react';
-import { DisplayValueType } from '../components/SliderDisplayValue/SliderDisplayValue';
-import { ScaleType } from '../components/SliderScale/SliderScale';
 import './Slider.scss';
 export interface ISlider {
     /** Дополнительный класс корневого элемента */
@@ -14,7 +12,7 @@ export interface ISlider {
     /** Лейбл */
     label?: string;
     /** Тип выводимого значения */
-    displayValueType?: DisplayValueType;
+    displayValueType?: 'input' | 'line';
     /** Единица измерения выводимого значения */
     displayValueUnit?: string;
     /** Переводит компонент в контролируемое состояние */
@@ -22,7 +20,7 @@ export interface ISlider {
     /** Шаг */
     step?: number;
     /** Тип встроенной шкалы */
-    scale?: ScaleType;
+    scale?: 'interval' | 'base';
     /** Кастомная шкала */
     customScale?: string[];
     /** Переводит компонент в выключенное состояние */

package/dist/lib/components/Sliders/Slider/Slider.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var React = _interopRequireWildcard(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
-var _SliderDisplayValue = _interopRequireDefault(require("../components/SliderDisplayValue/SliderDisplayValue"));
+var _ValueField = _interopRequireDefault(require("../../ValueField/ValueField"));
 var _SliderScale = _interopRequireDefault(require("../components/SliderScale/SliderScale"));
 var _helpers = require("../helpers");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -67,11 +67,12 @@ var Slider = function Slider(_ref) {
     className: cn('head')
   }, !!label && /*#__PURE__*/React.createElement("div", {
     className: cn('label')
-  }, label), !!displayValueType && /*#__PURE__*/React.createElement(_SliderDisplayValue["default"], {
-    className: cn('display-value'),
+  }, label), !!displayValueType && /*#__PURE__*/React.createElement(_ValueField["default"], {
+    isControlled: true,
+    position: "right",
     value: rawInputValue !== null && rawInputValue !== void 0 ? rawInputValue : rangeValue,
-    displayValueType: displayValueType,
-    displayValueUnit: displayValueUnit,
+    fieldType: displayValueType,
+    valueUnit: displayValueUnit,
     disabled: disabled,
     onChange: handleInputChange(false),
     onBlur: handleInputBlur,

package/dist/lib/components/Sliders/SliderRange/SliderRange.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-slider-range{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-slider-range__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-slider-range__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-slider-range__display-value_left{margin-right:auto}.mfui-slider-range__display-value_right{margin-left:auto}.mfui-slider-range__range-container{cursor:pointer;height:12px;margin:6px 0;position:relative}.mfui-slider-range__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;height:0;margin:0;outline:none;pointer-events:none;position:absolute;top:50%;width:100%}.mfui-slider-range__range-input_left{z-index:1}.mfui-slider-range__range-input_left.mfui-slider-range__range-input_over{z-index:3}.mfui-slider-range__range-input_right{z-index:2}.mfui-slider-range__range-input:focus{outline:none}.mfui-slider-range__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range__range-track{background-color:var(--spbSky0);border-radius:100px;cursor:pointer;height:100%;left:0;padding:0 12px;position:absolute;right:0;z-index:0}.mfui-slider-range__range-track-inner{height:100%;position:relative;width:100%}.mfui-slider-range__range-track-segment{background-color:var(--brandGreen);border-radius:100px;height:100%;position:absolute}.mfui-slider-range_disabled .mfui-slider-range__head{color:var(--spbSky3)}.mfui-slider-range_disabled .mfui-slider-range__range-track{cursor:default}.mfui-slider-range_disabled .mfui-slider-range__range-input{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky1)),to(var(--spbSky1)));background-image:linear-gradient(var(--spbSky1),var(--spbSky1));cursor:default}.mfui-slider-range_disabled .mfui-slider-range__range-track-segment{background-color:var(--spbSky1)}.mfui-slider-range_disabled .mfui-slider-range__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range_disabled .mfui-slider-range__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range_disabled .mfui-slider-range__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}
+h1,h2,h3,h4,h5{margin:0}.mfui-slider-range{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-slider-range__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-slider-range__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-slider-range__range-container{cursor:pointer;height:12px;margin:6px 0;position:relative}.mfui-slider-range__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;height:0;margin:0;outline:none;pointer-events:none;position:absolute;top:50%;width:100%}.mfui-slider-range__range-input_left{z-index:1}.mfui-slider-range__range-input_left.mfui-slider-range__range-input_over{z-index:3}.mfui-slider-range__range-input_right{z-index:2}.mfui-slider-range__range-input:focus{outline:none}.mfui-slider-range__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range__range-track{background-color:var(--spbSky0);border-radius:100px;cursor:pointer;height:100%;left:0;padding:0 12px;position:absolute;right:0;z-index:0}.mfui-slider-range__range-track-inner{height:100%;position:relative;width:100%}.mfui-slider-range__range-track-segment{background-color:var(--brandGreen);border-radius:100px;height:100%;position:absolute}.mfui-slider-range_disabled .mfui-slider-range__head{color:var(--spbSky3)}.mfui-slider-range_disabled .mfui-slider-range__range-track{cursor:default}.mfui-slider-range_disabled .mfui-slider-range__range-input{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky1)),to(var(--spbSky1)));background-image:linear-gradient(var(--spbSky1),var(--spbSky1));cursor:default}.mfui-slider-range_disabled .mfui-slider-range__range-track-segment{background-color:var(--spbSky1)}.mfui-slider-range_disabled .mfui-slider-range__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range_disabled .mfui-slider-range__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range_disabled .mfui-slider-range__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}

package/dist/lib/components/Sliders/SliderRange/SliderRange.d.ts

@@ -1,6 +1,4 @@
 import * as React from 'react';
-import { DisplayValueType } from '../components/SliderDisplayValue/SliderDisplayValue';
-import { ScaleType } from '../components/SliderScale/SliderScale';
 import './SliderRange.scss';
 export interface ISliderRange {
     /** Дополнительный класс корневого элемента */
@@ -16,7 +14,7 @@ export interface ISliderRange {
     /** Лейбл */
     label?: string;
     /** Тип выводимого значения */
-    displayValueType?: DisplayValueType;
+    displayValueType?: 'input' | 'line';
     /** Префикс для выводимого значения слева */
     displayLeftValuePrefix?: string;
     /** Префикс для выводимого значения справа */
@@ -28,7 +26,7 @@ export interface ISliderRange {
     /** Шаг */
     step?: number;
     /** Тип встроенной шкалы */
-    scale?: ScaleType;
+    scale?: 'interval' | 'base';
     /** Кастомная шкала */
     customScale?: string[];
     /** Переводит компонент в выключенное состояние */

package/dist/lib/components/Sliders/SliderRange/SliderRange.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var React = _interopRequireWildcard(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
-var _SliderDisplayValue = _interopRequireDefault(require("../components/SliderDisplayValue/SliderDisplayValue"));
+var _ValueField = _interopRequireDefault(require("../../ValueField/ValueField"));
 var _SliderScale = _interopRequireDefault(require("../components/SliderScale/SliderScale"));
 var _helpers = require("../helpers");
 var _helpers2 = require("./helpers");
@@ -135,28 +135,26 @@ var SliderRange = function SliderRange(_ref) {
     className: cn('label')
   }, label), !!displayValueType && /*#__PURE__*/React.createElement("div", {
     className: cn('display-values')
-  }, /*#__PURE__*/React.createElement(_SliderDisplayValue["default"], {
-    className: cn('display-value', {
-      left: true
-    }),
+  }, /*#__PURE__*/React.createElement(_ValueField["default"], {
+    isControlled: true,
+    position: "left",
     value: rawLeftInputValue !== null && rawLeftInputValue !== void 0 ? rawLeftInputValue : leftRangeValue,
-    displayValueType: displayValueType,
-    displayValuePrefix: displayLeftValuePrefix,
-    displayValueUnit: displayValueUnit,
+    fieldType: displayValueType,
+    valuePrefix: displayLeftValuePrefix,
+    valueUnit: displayValueUnit,
     disabled: disabled,
     onChange: handleLeftInputChange(false),
     onBlur: handleInputBlur(true),
     dataAttrs: {
       input: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.leftInput
     }
-  }), /*#__PURE__*/React.createElement(_SliderDisplayValue["default"], {
-    className: cn('display-value', {
-      right: true
-    }),
+  }), /*#__PURE__*/React.createElement(_ValueField["default"], {
+    isControlled: true,
+    position: "right",
     value: rawRightInputValue !== null && rawRightInputValue !== void 0 ? rawRightInputValue : rightRangeValue,
-    displayValueType: displayValueType,
-    displayValuePrefix: displayRightValuePrefix,
-    displayValueUnit: displayValueUnit,
+    fieldType: displayValueType,
+    valuePrefix: displayRightValuePrefix,
+    valueUnit: displayValueUnit,
     disabled: disabled,
     onChange: handleRightInputChange(false),
     onBlur: handleInputBlur(false),

package/dist/lib/components/Sliders/SliderRatio/SliderRatio.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-slider-ratio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-slider-ratio__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-slider-ratio__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-slider-ratio__display-value_left{margin-right:auto}.mfui-slider-ratio__display-value_right{margin-left:auto}.mfui-slider-ratio__range-container{position:relative;width:100%}.mfui-slider-ratio__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--brandPurple);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--brandGreen)),to(var(--brandGreen)));background-image:linear-gradient(var(--brandGreen),var(--brandGreen));background-repeat:no-repeat;border-radius:100px;cursor:pointer;display:block;height:12px;margin:6px 0;outline:none;pointer-events:none;position:relative;width:100%;z-index:1}.mfui-slider-ratio__range-input:focus{outline:none}.mfui-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(i/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(i/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(i/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-slider-ratio__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-slider-ratio__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-slider-ratio__range-track{cursor:pointer;height:100%;position:absolute;top:0;width:100%;z-index:0}.mfui-slider-ratio__scale{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:calc(var(--thumbSize)/2);position:absolute;right:calc(var(--thumbSize)/2);top:0;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.mfui-slider-ratio__scale-item{background-color:var(--stcWhite);border-radius:50%;height:4px;width:4px}.mfui-slider-ratio__scale-item:first-child{margin-left:-2px}.mfui-slider-ratio__scale-item:last-child{margin-right:-2px}.mfui-slider-ratio_disabled .mfui-slider-ratio__head{color:var(--spbSky3)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input{background-color:var(--spbSky1);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky0)),to(var(--spbSky0)));background-image:linear-gradient(var(--spbSky0),var(--spbSky0));cursor:default}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(i/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(i/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(i/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-track{cursor:default}.mfui-slider-ratio_disabled .mfui-slider-ratio__scale{display:none}
+h1,h2,h3,h4,h5{margin:0}.mfui-slider-ratio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-slider-ratio__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-slider-ratio__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-slider-ratio__range-container{position:relative;width:100%}.mfui-slider-ratio__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--brandPurple);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--brandGreen)),to(var(--brandGreen)));background-image:linear-gradient(var(--brandGreen),var(--brandGreen));background-repeat:no-repeat;border-radius:100px;cursor:pointer;display:block;height:12px;margin:6px 0;outline:none;pointer-events:none;position:relative;width:100%;z-index:1}.mfui-slider-ratio__range-input:focus{outline:none}.mfui-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(i/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(i/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(i/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-slider-ratio__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-slider-ratio__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-slider-ratio__range-track{cursor:pointer;height:100%;position:absolute;top:0;width:100%;z-index:0}.mfui-slider-ratio__scale{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:calc(var(--thumbSize)/2);position:absolute;right:calc(var(--thumbSize)/2);top:0;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.mfui-slider-ratio__scale-item{background-color:var(--stcWhite);border-radius:50%;height:4px;width:4px}.mfui-slider-ratio__scale-item:first-child{margin-left:-2px}.mfui-slider-ratio__scale-item:last-child{margin-right:-2px}.mfui-slider-ratio_disabled .mfui-slider-ratio__head{color:var(--spbSky3)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input{background-color:var(--spbSky1);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky0)),to(var(--spbSky0)));background-image:linear-gradient(var(--spbSky0),var(--spbSky0));cursor:default}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(i/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(i/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(i/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-track{cursor:default}.mfui-slider-ratio_disabled .mfui-slider-ratio__scale{display:none}

package/dist/lib/components/Sliders/SliderRatio/SliderRatio.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { DisplayValueType } from '../components/SliderDisplayValue/SliderDisplayValue';
 import { ValueType } from './types';
 import './SliderRatio.scss';
 export interface ISliderRatio {
@@ -12,7 +11,7 @@ export interface ISliderRatio {
     /** Лейбл */
     label?: string;
     /** Тип выводимого значения */
-    displayValueType?: DisplayValueType;
+    displayValueType?: 'input' | 'line';
     /** Префикс для выводимого значения слева */
     displayLeftValuePrefix?: string;
     /** Префикс для выводимого значения справа */

package/dist/lib/components/Sliders/SliderRatio/SliderRatio.js

@@ -15,7 +15,7 @@ require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var React = _interopRequireWildcard(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
-var _SliderDisplayValue = _interopRequireWildcard(require("../components/SliderDisplayValue/SliderDisplayValue"));
+var _ValueField = _interopRequireDefault(require("../../ValueField/ValueField"));
 var _helpers = require("../helpers");
 var _helpers2 = require("./helpers");
 var _types = require("./types");
@@ -30,7 +30,7 @@ var SliderRatio = function SliderRatio(_ref) {
   var className = _ref.className,
     label = _ref.label,
     _ref$displayValueType = _ref.displayValueType,
-    displayValueType = _ref$displayValueType === void 0 ? _SliderDisplayValue.DisplayValue.LINE : _ref$displayValueType,
+    displayValueType = _ref$displayValueType === void 0 ? 'line' : _ref$displayValueType,
     displayLeftValuePrefix = _ref.displayLeftValuePrefix,
     displayRightValuePrefix = _ref.displayRightValuePrefix,
     displayLeftValueUnit = _ref.displayLeftValueUnit,
@@ -150,28 +150,26 @@ var SliderRatio = function SliderRatio(_ref) {
     className: cn('label')
   }, label), /*#__PURE__*/React.createElement("div", {
     className: cn('display-values')
-  }, /*#__PURE__*/React.createElement(_SliderDisplayValue["default"], {
-    className: cn('display-value', {
-      left: true
-    }),
+  }, /*#__PURE__*/React.createElement(_ValueField["default"], {
+    isControlled: true,
+    position: "left",
     value: leftInputValue,
-    displayValueType: displayValueType,
-    displayValuePrefix: displayLeftValuePrefix,
-    displayValueUnit: displayLeftValueUnit,
+    fieldType: displayValueType,
+    valuePrefix: displayLeftValuePrefix,
+    valueUnit: displayLeftValueUnit,
     disabled: disabled,
     onChange: handleInputChange(_types.KeyValueEnum.LEFT),
     onBlur: handleInputBlur(_types.KeyValueEnum.LEFT),
     dataAttrs: {
       input: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.leftInput
     }
-  }), /*#__PURE__*/React.createElement(_SliderDisplayValue["default"], {
-    className: cn('display-value', {
-      right: true
-    }),
+  }), /*#__PURE__*/React.createElement(_ValueField["default"], {
+    isControlled: true,
+    position: "right",
     value: rightInputValue,
-    displayValueType: displayValueType,
-    displayValuePrefix: displayRightValuePrefix,
-    displayValueUnit: displayRightValueUnit,
+    fieldType: displayValueType,
+    valuePrefix: displayRightValuePrefix,
+    valueUnit: displayRightValueUnit,
     disabled: disabled,
     onChange: handleInputChange(_types.KeyValueEnum.RIGHT),
     onBlur: handleInputBlur(_types.KeyValueEnum.RIGHT),

package/dist/lib/index.d.ts

@@ -18,6 +18,7 @@ export { default as Counter } from './components/Counter/Counter';
 export { default as CounterBadge } from './components/Badges/CounterBadge/CounterBadge';
 export { default as countGraphemes } from './components/TextField/utils/countGraphemes';
 export { default as Day } from './components/Calendar/components/_Day/Day';
+export { default as ErrorLoad } from './components/ErrorLoad/ErrorLoad';
 export { default as Grid } from './components/Grid/Grid';
 export { default as GridColumn } from './components/Grid/GridColumn';
 export { default as Header } from './components/Header/Header';
@@ -53,7 +54,6 @@ export { default as Select } from './components/Select/Select';
 export { default as Selector } from './components/Selector/Selector';
 export { default as selectReducer } from './components/Select/reducer/selectReducer';
 export { default as Slider } from './components/Sliders/Slider/Slider';
-export { default as SliderDisplayValue } from './components/Sliders/components/SliderDisplayValue/SliderDisplayValue';
 export { default as SliderRange } from './components/Sliders/SliderRange/SliderRange';
 export { default as SliderRatio } from './components/Sliders/SliderRatio/SliderRatio';
 export { default as SliderScale } from './components/Sliders/components/SliderScale/SliderScale';

package/dist/lib/index.js

@@ -111,6 +111,12 @@ Object.defineProperty(exports, "Day", {
     return _Day["default"];
   }
 });
+Object.defineProperty(exports, "ErrorLoad", {
+  enumerable: true,
+  get: function get() {
+    return _ErrorLoad["default"];
+  }
+});
 Object.defineProperty(exports, "Grid", {
   enumerable: true,
   get: function get() {
@@ -315,12 +321,6 @@ Object.defineProperty(exports, "Slider", {
     return _Slider["default"];
   }
 });
-Object.defineProperty(exports, "SliderDisplayValue", {
-  enumerable: true,
-  get: function get() {
-    return _SliderDisplayValue["default"];
-  }
-});
 Object.defineProperty(exports, "SliderRange", {
   enumerable: true,
   get: function get() {
@@ -503,6 +503,7 @@ var _Counter = _interopRequireDefault(require("./components/Counter/Counter"));
 var _CounterBadge = _interopRequireDefault(require("./components/Badges/CounterBadge/CounterBadge"));
 var _countGraphemes = _interopRequireDefault(require("./components/TextField/utils/countGraphemes"));
 var _Day = _interopRequireDefault(require("./components/Calendar/components/_Day/Day"));
+var _ErrorLoad = _interopRequireDefault(require("./components/ErrorLoad/ErrorLoad"));
 var _Grid = _interopRequireDefault(require("./components/Grid/Grid"));
 var _GridColumn = _interopRequireDefault(require("./components/Grid/GridColumn"));
 var _Header = _interopRequireDefault(require("./components/Header/Header"));
@@ -538,7 +539,6 @@ var _Select = _interopRequireDefault(require("./components/Select/Select"));
 var _Selector = _interopRequireDefault(require("./components/Selector/Selector"));
 var _selectReducer = _interopRequireDefault(require("./components/Select/reducer/selectReducer"));
 var _Slider = _interopRequireDefault(require("./components/Sliders/Slider/Slider"));
-var _SliderDisplayValue = _interopRequireDefault(require("./components/Sliders/components/SliderDisplayValue/SliderDisplayValue"));
 var _SliderRange = _interopRequireDefault(require("./components/Sliders/SliderRange/SliderRange"));
 var _SliderRatio = _interopRequireDefault(require("./components/Sliders/SliderRatio/SliderRatio"));
 var _SliderScale = _interopRequireDefault(require("./components/Sliders/components/SliderScale/SliderScale"));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-core",
-    "version": "7.6.1",
+    "version": "7.8.0",
     "files": [
         "dist",
         "styles"
@@ -50,7 +50,7 @@
         "@babel/preset-env": "^7.8.6",
         "@babel/preset-react": "^7.8.3",
         "@babel/preset-typescript": "^7.8.3",
-        "@megafon/ui-icons": "^3.4.0",
+        "@megafon/ui-icons": "^3.5.0",
         "@svgr/core": "^2.4.1",
         "@testing-library/jest-dom": "^6.5.0",
         "@testing-library/react": "^16.0.1",
@@ -104,5 +104,5 @@
         "simplebar-react": "^3.2.5",
         "swiper": "^11.1.1"
     },
-    "gitHead": "2590ce49ccafa95751c3121f9168eccd8b12eaf8"
+    "gitHead": "adbb57b018314be1e716b9f09fe226e66107d198"
 }

package/dist/es/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-slider-display-value{color:var(--content);display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:400;max-width:100%}.mfui-slider-display-value_interactive{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;cursor:text;min-width:90px;overflow:hidden;padding:7px 16px}.mfui-slider-display-value_interactive.mfui-slider-display-value:hover,.mfui-slider-display-value_interactive.mfui-slider-display-value_focus{border-color:var(--content)}.mfui-slider-display-value_disabled{background-color:var(--spbSky0);border-color:var(--spbSky0);color:var(--spbSky3);cursor:default}.mfui-slider-display-value_disabled.mfui-slider-display-value_interactive:hover{border-color:var(--spbSky0)}.mfui-slider-display-value__box{overflow:hidden}.mfui-slider-display-value__line{font-weight:500}.mfui-slider-display-value__unit{margin-left:4px}.mfui-slider-display-value_interactive .mfui-slider-display-value__line{height:0;opacity:0;visibility:hidden}.mfui-slider-display-value__prefix{color:var(--spbSky3);margin-right:4px}.mfui-slider-display-value__input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;caret-color:var(--brandGreen);color:inherit;cursor:text;display:block;font-family:inherit;font-size:15px;font-weight:400;line-height:24px;margin:0;min-width:100%;opacity:1;outline:none;padding:0;width:10px}.mfui-slider-display-value__input::-webkit-inner-spin-button,.mfui-slider-display-value__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mfui-slider-display-value__input[type=number]{-moz-appearance:textfield}

package/dist/es/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import './SliderDisplayValue.scss';
-export declare const DisplayValue: {
-    readonly LINE: "line";
-    readonly INPUT: "input";
-};
-export type DisplayValueType = (typeof DisplayValue)[keyof typeof DisplayValue];
-export interface ISliderDisplayValue {
-    className?: string;
-    value: string | number;
-    displayValueType?: DisplayValueType;
-    displayValuePrefix?: string;
-    displayValueUnit?: string;
-    disabled?: boolean;
-    dataAttrs?: {
-        root?: Record<string, string>;
-        input?: Record<string, string>;
-    };
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    onBlur: () => void;
-}
-declare const SliderDisplayValue: React.FC<ISliderDisplayValue>;
-export default SliderDisplayValue;

package/dist/es/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.js

@@ -1,78 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import "core-js/modules/es.array.includes.js";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import "./SliderDisplayValue.css";
-export var DisplayValue = {
-  LINE: 'line',
-  INPUT: 'input'
-};
-var charsAllowedByNumberInput = ['e', 'E', '+', '-'];
-var cn = cnCreate('mfui-slider-display-value');
-var SliderDisplayValue = function SliderDisplayValue(_ref) {
-  var className = _ref.className,
-    value = _ref.value,
-    displayValueType = _ref.displayValueType,
-    displayValuePrefix = _ref.displayValuePrefix,
-    displayValueUnit = _ref.displayValueUnit,
-    disabled = _ref.disabled,
-    dataAttrs = _ref.dataAttrs,
-    onChange = _ref.onChange,
-    onBlur = _ref.onBlur;
-  var inputRef = React.useRef(null);
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isFocused = _React$useState2[0],
-    setIsFocused = _React$useState2[1];
-  var isDisplayValueInput = displayValueType === DisplayValue.INPUT;
-  var handleInputBlur = function handleInputBlur() {
-    setIsFocused(false);
-    onBlur();
-  };
-  var handleInputFocus = function handleInputFocus() {
-    setIsFocused(true);
-  };
-  var handleKeyDown = function handleKeyDown(e) {
-    var _a;
-    if (e.key === 'Enter') {
-      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-      onBlur();
-      return;
-    }
-    if (charsAllowedByNumberInput.includes(e.key)) {
-      e.preventDefault();
-    }
-  };
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/label-has-associated-control
-    React.createElement("label", _extends({
-      className: cn({
-        interactive: isDisplayValueInput,
-        focus: isFocused,
-        disabled: disabled
-      }, [className])
-    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), !!displayValuePrefix && /*#__PURE__*/React.createElement("div", {
-      className: cn('prefix')
-    }, displayValuePrefix), /*#__PURE__*/React.createElement("div", {
-      className: cn('box')
-    }, isDisplayValueInput && /*#__PURE__*/React.createElement("input", _extends({
-      className: cn('input'),
-      type: "number",
-      value: value,
-      onChange: onChange,
-      onBlur: handleInputBlur,
-      onFocus: handleInputFocus,
-      onKeyDown: handleKeyDown,
-      disabled: disabled
-    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.input), {
-      ref: inputRef
-    })), /*#__PURE__*/React.createElement("div", {
-      className: cn('line')
-    }, value)), !!displayValueUnit && /*#__PURE__*/React.createElement("div", {
-      className: cn('unit')
-    }, displayValueUnit))
-  );
-};
-export default SliderDisplayValue;

package/dist/lib/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-slider-display-value{color:var(--content);display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:400;max-width:100%}.mfui-slider-display-value_interactive{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;cursor:text;min-width:90px;overflow:hidden;padding:7px 16px}.mfui-slider-display-value_interactive.mfui-slider-display-value:hover,.mfui-slider-display-value_interactive.mfui-slider-display-value_focus{border-color:var(--content)}.mfui-slider-display-value_disabled{background-color:var(--spbSky0);border-color:var(--spbSky0);color:var(--spbSky3);cursor:default}.mfui-slider-display-value_disabled.mfui-slider-display-value_interactive:hover{border-color:var(--spbSky0)}.mfui-slider-display-value__box{overflow:hidden}.mfui-slider-display-value__line{font-weight:500}.mfui-slider-display-value__unit{margin-left:4px}.mfui-slider-display-value_interactive .mfui-slider-display-value__line{height:0;opacity:0;visibility:hidden}.mfui-slider-display-value__prefix{color:var(--spbSky3);margin-right:4px}.mfui-slider-display-value__input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;caret-color:var(--brandGreen);color:inherit;cursor:text;display:block;font-family:inherit;font-size:15px;font-weight:400;line-height:24px;margin:0;min-width:100%;opacity:1;outline:none;padding:0;width:10px}.mfui-slider-display-value__input::-webkit-inner-spin-button,.mfui-slider-display-value__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mfui-slider-display-value__input[type=number]{-moz-appearance:textfield}

package/dist/lib/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import './SliderDisplayValue.scss';
-export declare const DisplayValue: {
-    readonly LINE: "line";
-    readonly INPUT: "input";
-};
-export type DisplayValueType = (typeof DisplayValue)[keyof typeof DisplayValue];
-export interface ISliderDisplayValue {
-    className?: string;
-    value: string | number;
-    displayValueType?: DisplayValueType;
-    displayValuePrefix?: string;
-    displayValueUnit?: string;
-    disabled?: boolean;
-    dataAttrs?: {
-        root?: Record<string, string>;
-        input?: Record<string, string>;
-    };
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    onBlur: () => void;
-}
-declare const SliderDisplayValue: React.FC<ISliderDisplayValue>;
-export default SliderDisplayValue;