@alfalab/core-components 37.5.0 → 37.5.1

package/skeleton/modern/index.css

@@ -26,7 +26,7 @@
     --skeleton-gradient-animation-display: block;
     --skeleton-bg-animation-display: none;
     --skeleton-bg-animation-color: transparent;
-} .skeleton__component_djczk {
+} .skeleton__component_wywb8 {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -39,9 +39,9 @@
 
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
-} .skeleton__component_djczk > * {
+} .skeleton__component_wywb8 > * {
     visibility: hidden;
-} .skeleton__component_djczk:before {
+} .skeleton__component_wywb8:before {
     content: '';
     position: absolute;
     top: 0;
@@ -49,9 +49,9 @@
     right: 0;
     bottom: 0;
     background: var(--skeleton-bg-animation-color);
-} .skeleton__animate_djczk:before {
+} .skeleton__animate_wywb8:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_djczk;
+    animation-name: skeleton__background_wywb8;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -59,10 +59,10 @@
     animation-play-state: running;
     opacity: 0.5;
 } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_djczk:before {
+    .skeleton__animate_wywb8:before {
         opacity: 0.4;
     }
-} .skeleton__animate_djczk:after {
+} .skeleton__animate_wywb8:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -71,7 +71,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_djczk;
+    animation-name: skeleton__gradient_wywb8;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -83,7 +83,7 @@
         rgba(0, 0, 0, 0) 60%,
         rgba(0, 0, 0, 0)
     );
-} @keyframes skeleton__gradient_djczk {
+} @keyframes skeleton__gradient_wywb8 {
     0% {
         transform: translateX(-80%);
     }
@@ -93,7 +93,7 @@
     100% {
         transform: translateX(0);
     }
-} @keyframes skeleton__background_djczk {
+} @keyframes skeleton__background_wywb8 {
     0% {
         background: rgb(182, 188, 195);
     }

package/slider/Component.js

@@ -35,7 +35,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"slider__component_15njq","s":"slider__s_15njq","m":"slider__m_15njq"};
+var styles = {"component":"slider__component_cky5f","s":"slider__s_cky5f","m":"slider__m_cky5f"};
 require('./index.css');
 
 var Slider = function (_a) {

package/slider/esm/Component.js

@@ -29,7 +29,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"slider__component_15njq","s":"slider__s_15njq","m":"slider__m_15njq"};
+var styles = {"component":"slider__component_cky5f","s":"slider__s_cky5f","m":"slider__m_cky5f"};
 require('./index.css');
 
 var Slider = function (_a) {

package/slider/esm/index.css

@@ -44,32 +44,32 @@
     /* Отступы по бокам — на мобилке thumb не должен заходить за края контрола */
     --slider-origin-width: 100%;
     --slider-origin-right: 0;
-} .slider__component_15njq {
+} .slider__component_cky5f {
     width: 100%;
     padding-top: var(--slider-progress-s-height);
     position: relative
-} .slider__component_15njq .noUi-base:hover .noUi-connects {
+} .slider__component_cky5f .noUi-base:hover .noUi-connects {
             background: var(--slider-progress-hover-background);
-        } .slider__component_15njq .noUi-base:hover .noUi-connect {
+        } .slider__component_cky5f .noUi-base:hover .noUi-connect {
             background: var(--slider-progress-hover-color);
-        } .slider__component_15njq .noUi-handle:hover .noUi-touch-area {
+        } .slider__component_cky5f .noUi-handle:hover .noUi-touch-area {
         background: var(--slider-thumb-hover-color);
-    } .slider__component_15njq .noUi-handle:active .noUi-touch-area {
+    } .slider__component_cky5f .noUi-handle:active .noUi-touch-area {
         background: var(--slider-thumb-active-color);
-    } .slider__component_15njq .noUi-base {
+    } .slider__component_cky5f .noUi-base {
         position: absolute;
         width: 100%;
         height: var(--slider-clickable-area-size);
         transform: translateY(-50%);
 
         cursor: pointer;
-    } .slider__component_15njq .noUi-origin {
+    } .slider__component_cky5f .noUi-origin {
         width: var(--slider-origin-width);
         position: absolute;
         top: 0;
         right: var(--slider-origin-right);
         height: 0;
-    } .slider__component_15njq .noUi-connects {
+    } .slider__component_cky5f .noUi-connects {
         width: 100%;
         height: 100%;
         position: relative;
@@ -77,7 +77,7 @@
         transition: background 0.15s;
         z-index: 1;
         overflow: hidden;
-    } .slider__component_15njq .noUi-connect {
+    } .slider__component_cky5f .noUi-connect {
         background: var(--slider-progress-color);
         position: absolute;
         z-index: 1;
@@ -88,7 +88,7 @@
         transform-style: flat;
         will-change: transform;
         transform-origin: 0 0;
-    } .slider__component_15njq .noUi-handle {
+    } .slider__component_cky5f .noUi-handle {
         position: absolute;
         top: calc((var(--slider-thumb-half-size) - var(--slider-clickable-area-half-size)) * -1);
         right: calc(var(--slider-thumb-half-size) * -1);
@@ -102,12 +102,12 @@
         cursor: grab;
         outline: none;
         transition: background 0.15s;
-    } .slider__component_15njq .noUi-touch-area {
+    } .slider__component_cky5f .noUi-touch-area {
         border-radius: var(--border-radius-circle);
         background: var(--slider-thumb-color);
         width: 100%;
         height: 100%;
-    } .slider__component_15njq .noUi-pips {
+    } .slider__component_cky5f .noUi-pips {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
@@ -116,29 +116,29 @@
         color: var(--color-light-text-secondary);
         position: relative;
         width: 100%;
-    } .slider__component_15njq .noUi-marker {
+    } .slider__component_cky5f .noUi-marker {
         display: none;
-    } .slider__component_15njq .noUi-value {
+    } .slider__component_cky5f .noUi-value {
         position: absolute;
         white-space: nowrap;
         text-align: center;
         top: 0;
         transform: translateX(-50%)
-    } .slider__component_15njq .noUi-value:nth-child(2) {
+    } .slider__component_cky5f .noUi-value:nth-child(2) {
             transform: none;
-        } .slider__component_15njq .noUi-value:last-child {
+        } .slider__component_cky5f .noUi-value:last-child {
             transform: translateX(-100%);
-        } .slider__s_15njq .noUi-base {
+        } .slider__s_cky5f .noUi-base {
         border-radius: var(--slider-progress-s-border-radius);
         top: calc(var(--slider-progress-s-height) / 2);
-    } .slider__s_15njq .noUi-connects {
+    } .slider__s_cky5f .noUi-connects {
         top: calc(var(--slider-clickable-area-half-size) - var(--slider-progress-s-height) / 2);
         height: var(--slider-progress-s-height);
         border-radius: var(--slider-progress-s-border-radius);
-    } .slider__m_15njq .noUi-base {
+    } .slider__m_cky5f .noUi-base {
         border-radius: var(--slider-progress-m-border-radius);
         top: calc(var(--slider-progress-m-height) / 2);
-    } .slider__m_15njq .noUi-connects {
+    } .slider__m_cky5f .noUi-connects {
         top: calc(var(--slider-clickable-area-half-size) - var(--slider-progress-m-height) / 2);
         height: var(--slider-progress-m-height);
         border-radius: var(--slider-progress-m-border-radius);

package/slider/index.css

@@ -44,32 +44,32 @@
     /* Отступы по бокам — на мобилке thumb не должен заходить за края контрола */
     --slider-origin-width: 100%;
     --slider-origin-right: 0;
-} .slider__component_15njq {
+} .slider__component_cky5f {
     width: 100%;
     padding-top: var(--slider-progress-s-height);
     position: relative
-} .slider__component_15njq .noUi-base:hover .noUi-connects {
+} .slider__component_cky5f .noUi-base:hover .noUi-connects {
             background: var(--slider-progress-hover-background);
-        } .slider__component_15njq .noUi-base:hover .noUi-connect {
+        } .slider__component_cky5f .noUi-base:hover .noUi-connect {
             background: var(--slider-progress-hover-color);
-        } .slider__component_15njq .noUi-handle:hover .noUi-touch-area {
+        } .slider__component_cky5f .noUi-handle:hover .noUi-touch-area {
         background: var(--slider-thumb-hover-color);
-    } .slider__component_15njq .noUi-handle:active .noUi-touch-area {
+    } .slider__component_cky5f .noUi-handle:active .noUi-touch-area {
         background: var(--slider-thumb-active-color);
-    } .slider__component_15njq .noUi-base {
+    } .slider__component_cky5f .noUi-base {
         position: absolute;
         width: 100%;
         height: var(--slider-clickable-area-size);
         transform: translateY(-50%);
 
         cursor: pointer;
-    } .slider__component_15njq .noUi-origin {
+    } .slider__component_cky5f .noUi-origin {
         width: var(--slider-origin-width);
         position: absolute;
         top: 0;
         right: var(--slider-origin-right);
         height: 0;
-    } .slider__component_15njq .noUi-connects {
+    } .slider__component_cky5f .noUi-connects {
         width: 100%;
         height: 100%;
         position: relative;
@@ -77,7 +77,7 @@
         transition: background 0.15s;
         z-index: 1;
         overflow: hidden;
-    } .slider__component_15njq .noUi-connect {
+    } .slider__component_cky5f .noUi-connect {
         background: var(--slider-progress-color);
         position: absolute;
         z-index: 1;
@@ -88,7 +88,7 @@
         transform-style: flat;
         will-change: transform;
         transform-origin: 0 0;
-    } .slider__component_15njq .noUi-handle {
+    } .slider__component_cky5f .noUi-handle {
         position: absolute;
         top: calc((var(--slider-thumb-half-size) - var(--slider-clickable-area-half-size)) * -1);
         right: calc(var(--slider-thumb-half-size) * -1);
@@ -102,12 +102,12 @@
         cursor: grab;
         outline: none;
         transition: background 0.15s;
-    } .slider__component_15njq .noUi-touch-area {
+    } .slider__component_cky5f .noUi-touch-area {
         border-radius: var(--border-radius-circle);
         background: var(--slider-thumb-color);
         width: 100%;
         height: 100%;
-    } .slider__component_15njq .noUi-pips {
+    } .slider__component_cky5f .noUi-pips {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
@@ -116,29 +116,29 @@
         color: var(--color-light-text-secondary);
         position: relative;
         width: 100%;
-    } .slider__component_15njq .noUi-marker {
+    } .slider__component_cky5f .noUi-marker {
         display: none;
-    } .slider__component_15njq .noUi-value {
+    } .slider__component_cky5f .noUi-value {
         position: absolute;
         white-space: nowrap;
         text-align: center;
         top: 0;
         transform: translateX(-50%)
-    } .slider__component_15njq .noUi-value:nth-child(2) {
+    } .slider__component_cky5f .noUi-value:nth-child(2) {
             transform: none;
-        } .slider__component_15njq .noUi-value:last-child {
+        } .slider__component_cky5f .noUi-value:last-child {
             transform: translateX(-100%);
-        } .slider__s_15njq .noUi-base {
+        } .slider__s_cky5f .noUi-base {
         border-radius: var(--slider-progress-s-border-radius);
         top: calc(var(--slider-progress-s-height) / 2);
-    } .slider__s_15njq .noUi-connects {
+    } .slider__s_cky5f .noUi-connects {
         top: calc(var(--slider-clickable-area-half-size) - var(--slider-progress-s-height) / 2);
         height: var(--slider-progress-s-height);
         border-radius: var(--slider-progress-s-border-radius);
-    } .slider__m_15njq .noUi-base {
+    } .slider__m_cky5f .noUi-base {
         border-radius: var(--slider-progress-m-border-radius);
         top: calc(var(--slider-progress-m-height) / 2);
-    } .slider__m_15njq .noUi-connects {
+    } .slider__m_cky5f .noUi-connects {
         top: calc(var(--slider-clickable-area-half-size) - var(--slider-progress-m-height) / 2);
         height: var(--slider-progress-m-height);
         border-radius: var(--slider-progress-m-border-radius);

package/slider/modern/Component.js

@@ -2,7 +2,7 @@ import React, { useRef, useEffect } from 'react';
 import cn from 'classnames';
 import noUiSlider from 'nouislider';
 
-const styles = {"component":"slider__component_15njq","s":"slider__s_15njq","m":"slider__m_15njq"};
+const styles = {"component":"slider__component_cky5f","s":"slider__s_cky5f","m":"slider__m_cky5f"};
 require('./index.css');
 
 const Slider = ({ min = 0, max = 100, step = 1, value = 0, disabled, pips, range = { min, max }, size = 's', className, onChange, dataTestId, }) => {

package/slider/modern/index.css

@@ -44,32 +44,32 @@
     /* Отступы по бокам — на мобилке thumb не должен заходить за края контрола */
     --slider-origin-width: 100%;
     --slider-origin-right: 0;
-} .slider__component_15njq {
+} .slider__component_cky5f {
     width: 100%;
     padding-top: var(--slider-progress-s-height);
     position: relative
-} .slider__component_15njq .noUi-base:hover .noUi-connects {
+} .slider__component_cky5f .noUi-base:hover .noUi-connects {
             background: var(--slider-progress-hover-background);
-        } .slider__component_15njq .noUi-base:hover .noUi-connect {
+        } .slider__component_cky5f .noUi-base:hover .noUi-connect {
             background: var(--slider-progress-hover-color);
-        } .slider__component_15njq .noUi-handle:hover .noUi-touch-area {
+        } .slider__component_cky5f .noUi-handle:hover .noUi-touch-area {
         background: var(--slider-thumb-hover-color);
-    } .slider__component_15njq .noUi-handle:active .noUi-touch-area {
+    } .slider__component_cky5f .noUi-handle:active .noUi-touch-area {
         background: var(--slider-thumb-active-color);
-    } .slider__component_15njq .noUi-base {
+    } .slider__component_cky5f .noUi-base {
         position: absolute;
         width: 100%;
         height: var(--slider-clickable-area-size);
         transform: translateY(-50%);
 
         cursor: pointer;
-    } .slider__component_15njq .noUi-origin {
+    } .slider__component_cky5f .noUi-origin {
         width: var(--slider-origin-width);
         position: absolute;
         top: 0;
         right: var(--slider-origin-right);
         height: 0;
-    } .slider__component_15njq .noUi-connects {
+    } .slider__component_cky5f .noUi-connects {
         width: 100%;
         height: 100%;
         position: relative;
@@ -77,7 +77,7 @@
         transition: background 0.15s;
         z-index: 1;
         overflow: hidden;
-    } .slider__component_15njq .noUi-connect {
+    } .slider__component_cky5f .noUi-connect {
         background: var(--slider-progress-color);
         position: absolute;
         z-index: 1;
@@ -88,7 +88,7 @@
         transform-style: flat;
         will-change: transform;
         transform-origin: 0 0;
-    } .slider__component_15njq .noUi-handle {
+    } .slider__component_cky5f .noUi-handle {
         position: absolute;
         top: calc((var(--slider-thumb-half-size) - var(--slider-clickable-area-half-size)) * -1);
         right: calc(var(--slider-thumb-half-size) * -1);
@@ -102,12 +102,12 @@
         cursor: grab;
         outline: none;
         transition: background 0.15s;
-    } .slider__component_15njq .noUi-touch-area {
+    } .slider__component_cky5f .noUi-touch-area {
         border-radius: var(--border-radius-circle);
         background: var(--slider-thumb-color);
         width: 100%;
         height: 100%;
-    } .slider__component_15njq .noUi-pips {
+    } .slider__component_cky5f .noUi-pips {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
@@ -116,29 +116,29 @@
         color: var(--color-light-text-secondary);
         position: relative;
         width: 100%;
-    } .slider__component_15njq .noUi-marker {
+    } .slider__component_cky5f .noUi-marker {
         display: none;
-    } .slider__component_15njq .noUi-value {
+    } .slider__component_cky5f .noUi-value {
         position: absolute;
         white-space: nowrap;
         text-align: center;
         top: 0;
         transform: translateX(-50%)
-    } .slider__component_15njq .noUi-value:nth-child(2) {
+    } .slider__component_cky5f .noUi-value:nth-child(2) {
             transform: none;
-        } .slider__component_15njq .noUi-value:last-child {
+        } .slider__component_cky5f .noUi-value:last-child {
             transform: translateX(-100%);
-        } .slider__s_15njq .noUi-base {
+        } .slider__s_cky5f .noUi-base {
         border-radius: var(--slider-progress-s-border-radius);
         top: calc(var(--slider-progress-s-height) / 2);
-    } .slider__s_15njq .noUi-connects {
+    } .slider__s_cky5f .noUi-connects {
         top: calc(var(--slider-clickable-area-half-size) - var(--slider-progress-s-height) / 2);
         height: var(--slider-progress-s-height);
         border-radius: var(--slider-progress-s-border-radius);
-    } .slider__m_15njq .noUi-base {
+    } .slider__m_cky5f .noUi-base {
         border-radius: var(--slider-progress-m-border-radius);
         top: calc(var(--slider-progress-m-height) / 2);
-    } .slider__m_15njq .noUi-connects {
+    } .slider__m_cky5f .noUi-connects {
         top: calc(var(--slider-clickable-area-half-size) - var(--slider-progress-m-height) / 2);
         height: var(--slider-progress-m-height);
         border-radius: var(--slider-progress-m-border-radius);

package/slider-input/Component.js

@@ -47,14 +47,14 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"slider-input__component_8urcc","block":"slider-input__block_8urcc","slider":"slider-input__slider_8urcc","xl":"slider-input__xl_8urcc","hidePips":"slider-input__hidePips_8urcc","field":"slider-input__field_8urcc","s":"slider-input__s_8urcc","m":"slider-input__m_8urcc","l":"slider-input__l_8urcc","input":"slider-input__input_8urcc","steps":"slider-input__steps_8urcc","info":"slider-input__info_8urcc","hasLabel":"slider-input__hasLabel_8urcc","focused":"slider-input__focused_8urcc","filled":"slider-input__filled_8urcc"};
+var styles = {"component":"slider-input__component_1qch3","block":"slider-input__block_1qch3","slider":"slider-input__slider_1qch3","xl":"slider-input__xl_1qch3","hidePips":"slider-input__hidePips_1qch3","field":"slider-input__field_1qch3","s":"slider-input__s_1qch3","m":"slider-input__m_1qch3","l":"slider-input__l_1qch3","input":"slider-input__input_1qch3","steps":"slider-input__steps_1qch3","info":"slider-input__info_1qch3","hasLabel":"slider-input__hasLabel_1qch3","focused":"slider-input__focused_1qch3","filled":"slider-input__filled_1qch3"};
 require('./index.css');
 
 var SliderInput = React.forwardRef(function (_a, ref) {
     var _b, _c, _d;
     var className = _a.className, inputClassName = _a.inputClassName, sliderClassName = _a.sliderClassName, stepsClassName = _a.stepsClassName, focusedClassName = _a.focusedClassName, fieldClassName = _a.fieldClassName, _e = _a.value, value = _e === void 0 ? '' : _e, _f = _a.min, min = _f === void 0 ? 0 : _f, _g = _a.max, max = _g === void 0 ? 100 : _g, _h = _a.step, step = _h === void 0 ? 1 : _h, block = _a.block, _j = _a.steps, steps = _j === void 0 ? [] : _j, _k = _a.sliderValue, sliderValue = _k === void 0 ? +value : _k, _l = _a.size, size = _l === void 0 ? 's' : _l, label = _a.label, info = _a.info, disabled = _a.disabled, readOnly = _a.readOnly, onChange = _a.onChange, onInputChange = _a.onInputChange, onSliderChange = _a.onSliderChange, rightAddons = _a.rightAddons, _m = _a.Input, Input = _m === void 0 ? coreComponentsInput.Input : _m, _o = _a.customInputProps, customInputProps = _o === void 0 ? {} : _o, error = _a.error, hint = _a.hint, pips = _a.pips, range = _a.range, dataTestId = _a.dataTestId, restProps = __rest(_a, ["className", "inputClassName", "sliderClassName", "stepsClassName", "focusedClassName", "fieldClassName", "value", "min", "max", "step", "block", "steps", "sliderValue", "size", "label", "info", "disabled", "readOnly", "onChange", "onInputChange", "onSliderChange", "rightAddons", "Input", "customInputProps", "error", "hint", "pips", "range", "dataTestId"]);
     var getValidInputValue = React.useCallback(function (inputValue) {
-        var number = parseInt(inputValue.replace(/\s/g, ''), 10);
+        var number = parseInt(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toString().replace(/\s/g, ''), 10);
         return inputValue === '' || Number.isNaN(number) ? '' : Math.abs(number);
     }, []);
     var handleSliderChange = React.useCallback(function (payload) {

package/slider-input/cssm/Component.js

@@ -53,7 +53,7 @@ var SliderInput = React.forwardRef(function (_a, ref) {
     var _b, _c, _d;
     var className = _a.className, inputClassName = _a.inputClassName, sliderClassName = _a.sliderClassName, stepsClassName = _a.stepsClassName, focusedClassName = _a.focusedClassName, fieldClassName = _a.fieldClassName, _e = _a.value, value = _e === void 0 ? '' : _e, _f = _a.min, min = _f === void 0 ? 0 : _f, _g = _a.max, max = _g === void 0 ? 100 : _g, _h = _a.step, step = _h === void 0 ? 1 : _h, block = _a.block, _j = _a.steps, steps = _j === void 0 ? [] : _j, _k = _a.sliderValue, sliderValue = _k === void 0 ? +value : _k, _l = _a.size, size = _l === void 0 ? 's' : _l, label = _a.label, info = _a.info, disabled = _a.disabled, readOnly = _a.readOnly, onChange = _a.onChange, onInputChange = _a.onInputChange, onSliderChange = _a.onSliderChange, rightAddons = _a.rightAddons, _m = _a.Input, Input = _m === void 0 ? coreComponentsInput.Input : _m, _o = _a.customInputProps, customInputProps = _o === void 0 ? {} : _o, error = _a.error, hint = _a.hint, pips = _a.pips, range = _a.range, dataTestId = _a.dataTestId, restProps = __rest(_a, ["className", "inputClassName", "sliderClassName", "stepsClassName", "focusedClassName", "fieldClassName", "value", "min", "max", "step", "block", "steps", "sliderValue", "size", "label", "info", "disabled", "readOnly", "onChange", "onInputChange", "onSliderChange", "rightAddons", "Input", "customInputProps", "error", "hint", "pips", "range", "dataTestId"]);
     var getValidInputValue = React.useCallback(function (inputValue) {
-        var number = parseInt(inputValue.replace(/\s/g, ''), 10);
+        var number = parseInt(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toString().replace(/\s/g, ''), 10);
         return inputValue === '' || Number.isNaN(number) ? '' : Math.abs(number);
     }, []);
     var handleSliderChange = React.useCallback(function (payload) {

package/slider-input/esm/Component.js

@@ -42,14 +42,14 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"slider-input__component_8urcc","block":"slider-input__block_8urcc","slider":"slider-input__slider_8urcc","xl":"slider-input__xl_8urcc","hidePips":"slider-input__hidePips_8urcc","field":"slider-input__field_8urcc","s":"slider-input__s_8urcc","m":"slider-input__m_8urcc","l":"slider-input__l_8urcc","input":"slider-input__input_8urcc","steps":"slider-input__steps_8urcc","info":"slider-input__info_8urcc","hasLabel":"slider-input__hasLabel_8urcc","focused":"slider-input__focused_8urcc","filled":"slider-input__filled_8urcc"};
+var styles = {"component":"slider-input__component_1qch3","block":"slider-input__block_1qch3","slider":"slider-input__slider_1qch3","xl":"slider-input__xl_1qch3","hidePips":"slider-input__hidePips_1qch3","field":"slider-input__field_1qch3","s":"slider-input__s_1qch3","m":"slider-input__m_1qch3","l":"slider-input__l_1qch3","input":"slider-input__input_1qch3","steps":"slider-input__steps_1qch3","info":"slider-input__info_1qch3","hasLabel":"slider-input__hasLabel_1qch3","focused":"slider-input__focused_1qch3","filled":"slider-input__filled_1qch3"};
 require('./index.css');
 
 var SliderInput = forwardRef(function (_a, ref) {
     var _b, _c, _d;
     var className = _a.className, inputClassName = _a.inputClassName, sliderClassName = _a.sliderClassName, stepsClassName = _a.stepsClassName, focusedClassName = _a.focusedClassName, fieldClassName = _a.fieldClassName, _e = _a.value, value = _e === void 0 ? '' : _e, _f = _a.min, min = _f === void 0 ? 0 : _f, _g = _a.max, max = _g === void 0 ? 100 : _g, _h = _a.step, step = _h === void 0 ? 1 : _h, block = _a.block, _j = _a.steps, steps = _j === void 0 ? [] : _j, _k = _a.sliderValue, sliderValue = _k === void 0 ? +value : _k, _l = _a.size, size = _l === void 0 ? 's' : _l, label = _a.label, info = _a.info, disabled = _a.disabled, readOnly = _a.readOnly, onChange = _a.onChange, onInputChange = _a.onInputChange, onSliderChange = _a.onSliderChange, rightAddons = _a.rightAddons, _m = _a.Input, Input$1 = _m === void 0 ? Input : _m, _o = _a.customInputProps, customInputProps = _o === void 0 ? {} : _o, error = _a.error, hint = _a.hint, pips = _a.pips, range = _a.range, dataTestId = _a.dataTestId, restProps = __rest(_a, ["className", "inputClassName", "sliderClassName", "stepsClassName", "focusedClassName", "fieldClassName", "value", "min", "max", "step", "block", "steps", "sliderValue", "size", "label", "info", "disabled", "readOnly", "onChange", "onInputChange", "onSliderChange", "rightAddons", "Input", "customInputProps", "error", "hint", "pips", "range", "dataTestId"]);
     var getValidInputValue = useCallback(function (inputValue) {
-        var number = parseInt(inputValue.replace(/\s/g, ''), 10);
+        var number = parseInt(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toString().replace(/\s/g, ''), 10);
         return inputValue === '' || Number.isNaN(number) ? '' : Math.abs(number);
     }, []);
     var handleSliderChange = useCallback(function (payload) {

package/slider-input/esm/index.css

@@ -64,58 +64,58 @@
     --slider-input-progress-hover-bg-color: var(--color-light-graphic-secondary);
     --slider-input-origin-width: calc(100% - 16px);
     --slider-input-origin-right: 8px;
-} .slider-input__component_8urcc {
+} .slider-input__component_1qch3 {
     position: relative;
     display: inline-block;
-} .slider-input__block_8urcc {
+} .slider-input__block_1qch3 {
     display: block;
-} .slider-input__slider_8urcc {
+} .slider-input__slider_1qch3 {
     width: calc(100% - var(--slider-input-progress-margin-horizontal) * 2);
     margin-left: var(--slider-input-progress-margin-horizontal);
     margin-right: var(--slider-input-progress-margin-horizontal);
     margin-top: calc(var(--slider-progress-s-height) / -2);
     transform: translateY(-1px)
-} .slider-input__slider_8urcc.slider-input__xl_8urcc {
+} .slider-input__slider_1qch3.slider-input__xl_1qch3 {
         width: calc(100% - var(--slider-input-xl-progress-margin-horizontal) * 2);
         margin-left: var(--slider-input-xl-progress-margin-horizontal);
         margin-right: var(--slider-input-xl-progress-margin-horizontal);
-    } .slider-input__slider_8urcc .noUi-base {
+    } .slider-input__slider_1qch3 .noUi-base {
         border-radius: var(--slider-input-progress-border-radius);
-    } .slider-input__slider_8urcc .noUi-base:hover > .noUi-connects {
+    } .slider-input__slider_1qch3 .noUi-base:hover > .noUi-connects {
             background-color: var(--slider-input-progress-hover-bg-color);
-        } .slider-input__slider_8urcc .noUi-connects {
+        } .slider-input__slider_1qch3 .noUi-connects {
         border-radius: var(--slider-input-progress-border-radius);
         background-color: var(--slider-input-progress-bg-color);
-    } .slider-input__slider_8urcc .noUi-origin {
+    } .slider-input__slider_1qch3 .noUi-origin {
         width: var(--slider-input-origin-width);
         right: var(--slider-input-origin-right);
-    } .slider-input__slider_8urcc {
+    } .slider-input__slider_1qch3 {
 
     /* TODO исправить на 6px когда слайдеру добавят position: absolute */
-} .slider-input__slider_8urcc + * {
+} .slider-input__slider_1qch3 + * {
         margin-top: 5px;
-    } .slider-input__hidePips_8urcc .noUi-pips {
+    } .slider-input__hidePips_1qch3 .noUi-pips {
         display: none;
-    } .slider-input__component_8urcc .slider-input__field_8urcc.slider-input__s_8urcc {
+    } .slider-input__component_1qch3 .slider-input__field_1qch3.slider-input__s_1qch3 {
         border-bottom-left-radius: var(--slider-input-s-border-bottom-radius);
         border-bottom-right-radius: var(--slider-input-s-border-bottom-radius);
-    } .slider-input__component_8urcc .slider-input__field_8urcc.slider-input__m_8urcc {
+    } .slider-input__component_1qch3 .slider-input__field_1qch3.slider-input__m_1qch3 {
         border-bottom-left-radius: var(--slider-input-m-border-bottom-radius);
         border-bottom-right-radius: var(--slider-input-m-border-bottom-radius);
-    } .slider-input__component_8urcc .slider-input__field_8urcc.slider-input__l_8urcc {
+    } .slider-input__component_1qch3 .slider-input__field_1qch3.slider-input__l_1qch3 {
         border-bottom-left-radius: var(--slider-input-l-border-bottom-radius);
         border-bottom-right-radius: var(--slider-input-l-border-bottom-radius);
-    } .slider-input__component_8urcc .slider-input__field_8urcc.slider-input__xl_8urcc {
+    } .slider-input__component_1qch3 .slider-input__field_1qch3.slider-input__xl_1qch3 {
         border-bottom-left-radius: var(--slider-input-xl-border-bottom-radius);
         border-bottom-right-radius: var(--slider-input-xl-border-bottom-radius);
-    } .slider-input__input_8urcc input,
-    .slider-input__input_8urcc input + div {
+    } .slider-input__input_1qch3 input,
+    .slider-input__input_1qch3 input + div {
         font-weight: var(--slider-input-font-weight);
         font-feature-settings: "tnum";
         font-variant-numeric: tabular-nums;
-    } .slider-input__input_8urcc input::placeholder {
+    } .slider-input__input_1qch3 input::placeholder {
         font-weight: 400;
-    } .slider-input__steps_8urcc {
+    } .slider-input__steps_1qch3 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -124,7 +124,7 @@
     justify-content: space-between;
     margin-top: var(--gap-xs);
     color: var(--slider-input-steps-color);
-} .slider-input__info_8urcc {
+} .slider-input__info_1qch3 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -134,24 +134,24 @@
     opacity: 0;
     transition: 0.2s ease;
     visibility: hidden;
-} .slider-input__s_8urcc.slider-input__hasLabel_8urcc .slider-input__info_8urcc:first-child {
+} .slider-input__s_1qch3.slider-input__hasLabel_1qch3 .slider-input__info_1qch3:first-child {
     padding: var(--form-control-labeled-s-paddings);
     padding-left: 0;
     padding-right: 0;
-} .slider-input__m_8urcc.slider-input__hasLabel_8urcc .slider-input__info_8urcc:first-child {
+} .slider-input__m_1qch3.slider-input__hasLabel_1qch3 .slider-input__info_1qch3:first-child {
     padding: var(--form-control-labeled-m-paddings);
     padding-left: 0;
     padding-right: 0;
-} .slider-input__l_8urcc.slider-input__hasLabel_8urcc .slider-input__info_8urcc:first-child {
+} .slider-input__l_1qch3.slider-input__hasLabel_1qch3 .slider-input__info_1qch3:first-child {
     padding: var(--form-control-labeled-l-paddings);
     padding-left: 0;
     padding-right: 0;
-} .slider-input__xl_8urcc.slider-input__hasLabel_8urcc .slider-input__info_8urcc:first-child {
+} .slider-input__xl_1qch3.slider-input__hasLabel_1qch3 .slider-input__info_1qch3:first-child {
     padding: var(--form-control-labeled-xl-paddings);
     padding-left: 0;
     padding-right: 0;
-} .slider-input__focused_8urcc .slider-input__info_8urcc,
-.slider-input__filled_8urcc .slider-input__info_8urcc {
+} .slider-input__focused_1qch3 .slider-input__info_1qch3,
+.slider-input__filled_1qch3 .slider-input__info_1qch3 {
     visibility: visible;
     opacity: 1;
 }