@alfalab/core-components 22.3.1 → 23.0.0

package/slider/index.css

@@ -37,13 +37,13 @@
     --slider-range-offest: calc(var(--slider-thumb-size) / 2 * -1);
 }
 /* Не работают префиксные селекторы через запятую - пришлось вынести в миксины */
-.slider__component_19ini {
+.slider__component_1539u {
     position: relative;
     width: 100%;
     height: var(--slider-thumb-size);
     box-sizing: border-box;
 }
-.slider__progress_19ini {
+.slider__progress_1539u {
     position: absolute;
     top: 50%;
     right: 0;
@@ -59,36 +59,36 @@
     background: var(--slider-progress-background);
     transition: background 0.15s;
 }
-.slider__progress_19ini::-moz-progress-bar {
+.slider__progress_1539u::-moz-progress-bar {
     background: var(--slider-progress-color);
     border-radius: var(--slider-progress-border-radius);
     -moz-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__progress_19ini::-ms-fill {
+.slider__progress_1539u::-ms-fill {
     background: var(--slider-progress-color);
     border-radius: var(--slider-progress-border-radius);
     -ms-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__progress_19ini::-webkit-progress-value {
+.slider__progress_1539u::-webkit-progress-value {
     background: var(--slider-progress-color);
     border-radius: var(--slider-progress-border-radius);
     -webkit-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__progress_19ini::-webkit-progress-bar {
+.slider__progress_1539u::-webkit-progress-bar {
     background: transparent;
 }
-.slider__rangeWrapper_19ini {
+.slider__rangeWrapper_1539u {
     position: absolute;
     z-index: 1;
     top: 0;
     right: var(--slider-range-offest);
     left: var(--slider-range-offest);
 }
-.slider__range_19ini,
-.slider__range_19ini:focus {
+.slider__range_1539u,
+.slider__range_1539u:focus {
     position: absolute;
     z-index: 1;
     top: 0;
@@ -105,7 +105,7 @@
     color: transparent;
     cursor: pointer;
 }
-.slider__range_19ini::-ms-track {
+.slider__range_1539u::-ms-track {
     position: absolute;
     z-index: 1;
     top: 0;
@@ -121,27 +121,27 @@
     color: transparent;
     cursor: pointer;
 }
-.slider__range_19ini::-ms-fill-lower {
+.slider__range_1539u::-ms-fill-lower {
     background: transparent;
 }
-.slider__range_19ini::-ms-fill-upper {
+.slider__range_1539u::-ms-fill-upper {
     background: transparent;
 }
-.slider__range_19ini::-moz-focus-outer {
+.slider__range_1539u::-moz-focus-outer {
     border: 0;
 }
-.slider__range_19ini::-webkit-slider-runnable-track,
-.slider__range_19ini::-moz-range-track {
+.slider__range_1539u::-webkit-slider-runnable-track,
+.slider__range_1539u::-moz-range-track {
     -webkit-appearance: none;
     -moz-appearance: none;
 }
-.slider__range_19ini::-ms-tooltip {
+.slider__range_1539u::-ms-tooltip {
     display: none;
 }
-.slider__range_19ini:focus {
+.slider__range_1539u:focus {
     outline: none;
 }
-.slider__range_19ini::-webkit-slider-thumb {
+.slider__range_1539u::-webkit-slider-thumb {
     width: var(--slider-thumb-size);
     height: var(--slider-thumb-size);
     border: 0;
@@ -156,7 +156,7 @@
     -webkit-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__range_19ini::-ms-thumb {
+.slider__range_1539u::-ms-thumb {
     width: var(--slider-thumb-size);
     height: var(--slider-thumb-size);
     border: 0;
@@ -170,7 +170,7 @@
     -ms-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__range_19ini::-moz-range-thumb {
+.slider__range_1539u::-moz-range-thumb {
     width: var(--slider-thumb-size);
     height: var(--slider-thumb-size);
     border: 0;
@@ -184,54 +184,54 @@
     -moz-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__focused_19ini::-webkit-slider-thumb {
+.slider__focused_1539u::-webkit-slider-thumb {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.slider__focused_19ini::-ms-thumb {
+.slider__focused_1539u::-ms-thumb {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.slider__range_19ini:active::-webkit-slider-thumb {
+.slider__range_1539u:active::-webkit-slider-thumb {
     cursor: grabbing;
 }
-.slider__range_19ini:active::-ms-thumb {
+.slider__range_1539u:active::-ms-thumb {
     cursor: grabbing;
 }
-.slider__range_19ini:active::-moz-range-thumb {
+.slider__range_1539u:active::-moz-range-thumb {
     cursor: grabbing;
 }
-.slider__range_19ini:disabled {
+.slider__range_1539u:disabled {
     cursor: var(--disabled-cursor);
 }
-.slider__range_19ini:disabled::-webkit-slider-thumb {
+.slider__range_1539u:disabled::-webkit-slider-thumb {
     cursor: var(--disabled-cursor);
 }
-.slider__range_19ini:disabled::-ms-thumb {
+.slider__range_1539u:disabled::-ms-thumb {
     cursor: var(--disabled-cursor);
 }
-.slider__range_19ini:disabled::-moz-range-thumb {
+.slider__range_1539u:disabled::-moz-range-thumb {
     cursor: var(--disabled-cursor);
 }
 /* hover */
-.slider__component_19ini:hover .slider__progress_19ini {
+.slider__component_1539u:hover .slider__progress_1539u {
         background: var(--slider-progress-hover-background)
     }
-.slider__component_19ini:hover .slider__progress_19ini::-moz-progress-bar {
+.slider__component_1539u:hover .slider__progress_1539u::-moz-progress-bar {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_19ini:hover .slider__progress_19ini::-ms-fill {
+.slider__component_1539u:hover .slider__progress_1539u::-ms-fill {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_19ini:hover .slider__progress_19ini::-webkit-progress-value {
+.slider__component_1539u:hover .slider__progress_1539u::-webkit-progress-value {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_19ini:hover .slider__range_19ini::-webkit-slider-thumb {
+.slider__component_1539u:hover .slider__range_1539u::-webkit-slider-thumb {
             background: var(--slider-thumb-hover-color);
         }
-.slider__component_19ini:hover .slider__range_19ini::-ms-thumb {
+.slider__component_1539u:hover .slider__range_1539u::-ms-thumb {
             background: var(--slider-thumb-hover-color);
         }
-.slider__component_19ini:hover .slider__range_19ini::-moz-range-thumb {
+.slider__component_1539u:hover .slider__range_1539u::-moz-range-thumb {
             background: var(--slider-thumb-hover-color);
         }

package/slider/modern/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import mergeRefs from 'react-merge-refs';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"component":"slider__component_19ini","progress":"slider__progress_19ini","rangeWrapper":"slider__rangeWrapper_19ini","range":"slider__range_19ini","focused":"slider__focused_19ini"};
+var styles = {"component":"slider__component_1539u","progress":"slider__progress_1539u","rangeWrapper":"slider__rangeWrapper_1539u","range":"slider__range_1539u","focused":"slider__focused_1539u"};
 require('./index.css');
 
 const Slider = forwardRef(({ min = 0, max = 100, step = 1, value = 0, steps, className, onChange, dataTestId, ...restProps }, ref) => {

package/slider/modern/index.css

@@ -37,13 +37,13 @@
     --slider-range-offest: calc(var(--slider-thumb-size) / 2 * -1);
 }
 /* Не работают префиксные селекторы через запятую - пришлось вынести в миксины */
-.slider__component_19ini {
+.slider__component_1539u {
     position: relative;
     width: 100%;
     height: var(--slider-thumb-size);
     box-sizing: border-box;
 }
-.slider__progress_19ini {
+.slider__progress_1539u {
     position: absolute;
     top: 50%;
     right: 0;
@@ -59,36 +59,36 @@
     background: var(--slider-progress-background);
     transition: background 0.15s;
 }
-.slider__progress_19ini::-moz-progress-bar {
+.slider__progress_1539u::-moz-progress-bar {
     background: var(--slider-progress-color);
     border-radius: var(--slider-progress-border-radius);
     -moz-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__progress_19ini::-ms-fill {
+.slider__progress_1539u::-ms-fill {
     background: var(--slider-progress-color);
     border-radius: var(--slider-progress-border-radius);
     -ms-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__progress_19ini::-webkit-progress-value {
+.slider__progress_1539u::-webkit-progress-value {
     background: var(--slider-progress-color);
     border-radius: var(--slider-progress-border-radius);
     -webkit-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__progress_19ini::-webkit-progress-bar {
+.slider__progress_1539u::-webkit-progress-bar {
     background: transparent;
 }
-.slider__rangeWrapper_19ini {
+.slider__rangeWrapper_1539u {
     position: absolute;
     z-index: 1;
     top: 0;
     right: var(--slider-range-offest);
     left: var(--slider-range-offest);
 }
-.slider__range_19ini,
-.slider__range_19ini:focus {
+.slider__range_1539u,
+.slider__range_1539u:focus {
     position: absolute;
     z-index: 1;
     top: 0;
@@ -105,7 +105,7 @@
     color: transparent;
     cursor: pointer;
 }
-.slider__range_19ini::-ms-track {
+.slider__range_1539u::-ms-track {
     position: absolute;
     z-index: 1;
     top: 0;
@@ -121,27 +121,27 @@
     color: transparent;
     cursor: pointer;
 }
-.slider__range_19ini::-ms-fill-lower {
+.slider__range_1539u::-ms-fill-lower {
     background: transparent;
 }
-.slider__range_19ini::-ms-fill-upper {
+.slider__range_1539u::-ms-fill-upper {
     background: transparent;
 }
-.slider__range_19ini::-moz-focus-outer {
+.slider__range_1539u::-moz-focus-outer {
     border: 0;
 }
-.slider__range_19ini::-webkit-slider-runnable-track,
-.slider__range_19ini::-moz-range-track {
+.slider__range_1539u::-webkit-slider-runnable-track,
+.slider__range_1539u::-moz-range-track {
     -webkit-appearance: none;
     -moz-appearance: none;
 }
-.slider__range_19ini::-ms-tooltip {
+.slider__range_1539u::-ms-tooltip {
     display: none;
 }
-.slider__range_19ini:focus {
+.slider__range_1539u:focus {
     outline: none;
 }
-.slider__range_19ini::-webkit-slider-thumb {
+.slider__range_1539u::-webkit-slider-thumb {
     width: var(--slider-thumb-size);
     height: var(--slider-thumb-size);
     border: 0;
@@ -156,7 +156,7 @@
     -webkit-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__range_19ini::-ms-thumb {
+.slider__range_1539u::-ms-thumb {
     width: var(--slider-thumb-size);
     height: var(--slider-thumb-size);
     border: 0;
@@ -170,7 +170,7 @@
     -ms-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__range_19ini::-moz-range-thumb {
+.slider__range_1539u::-moz-range-thumb {
     width: var(--slider-thumb-size);
     height: var(--slider-thumb-size);
     border: 0;
@@ -184,54 +184,54 @@
     -moz-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__focused_19ini::-webkit-slider-thumb {
+.slider__focused_1539u::-webkit-slider-thumb {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.slider__focused_19ini::-ms-thumb {
+.slider__focused_1539u::-ms-thumb {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.slider__range_19ini:active::-webkit-slider-thumb {
+.slider__range_1539u:active::-webkit-slider-thumb {
     cursor: grabbing;
 }
-.slider__range_19ini:active::-ms-thumb {
+.slider__range_1539u:active::-ms-thumb {
     cursor: grabbing;
 }
-.slider__range_19ini:active::-moz-range-thumb {
+.slider__range_1539u:active::-moz-range-thumb {
     cursor: grabbing;
 }
-.slider__range_19ini:disabled {
+.slider__range_1539u:disabled {
     cursor: var(--disabled-cursor);
 }
-.slider__range_19ini:disabled::-webkit-slider-thumb {
+.slider__range_1539u:disabled::-webkit-slider-thumb {
     cursor: var(--disabled-cursor);
 }
-.slider__range_19ini:disabled::-ms-thumb {
+.slider__range_1539u:disabled::-ms-thumb {
     cursor: var(--disabled-cursor);
 }
-.slider__range_19ini:disabled::-moz-range-thumb {
+.slider__range_1539u:disabled::-moz-range-thumb {
     cursor: var(--disabled-cursor);
 }
 /* hover */
-.slider__component_19ini:hover .slider__progress_19ini {
+.slider__component_1539u:hover .slider__progress_1539u {
         background: var(--slider-progress-hover-background)
     }
-.slider__component_19ini:hover .slider__progress_19ini::-moz-progress-bar {
+.slider__component_1539u:hover .slider__progress_1539u::-moz-progress-bar {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_19ini:hover .slider__progress_19ini::-ms-fill {
+.slider__component_1539u:hover .slider__progress_1539u::-ms-fill {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_19ini:hover .slider__progress_19ini::-webkit-progress-value {
+.slider__component_1539u:hover .slider__progress_1539u::-webkit-progress-value {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_19ini:hover .slider__range_19ini::-webkit-slider-thumb {
+.slider__component_1539u:hover .slider__range_1539u::-webkit-slider-thumb {
             background: var(--slider-thumb-hover-color);
         }
-.slider__component_19ini:hover .slider__range_19ini::-ms-thumb {
+.slider__component_1539u:hover .slider__range_1539u::-ms-thumb {
             background: var(--slider-thumb-hover-color);
         }
-.slider__component_19ini:hover .slider__range_19ini::-moz-range-thumb {
+.slider__component_1539u:hover .slider__range_1539u::-moz-range-thumb {
             background: var(--slider-thumb-hover-color);
         }

package/slider-input/Component.js

@@ -49,7 +49,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"slider-input__component_18ip7","block":"slider-input__block_18ip7","slider":"slider-input__slider_18ip7","field":"slider-input__field_18ip7","input":"slider-input__input_18ip7","steps":"slider-input__steps_18ip7","info":"slider-input__info_18ip7","s":"slider-input__s_18ip7","hasLabel":"slider-input__hasLabel_18ip7","m":"slider-input__m_18ip7","l":"slider-input__l_18ip7","xl":"slider-input__xl_18ip7","focused":"slider-input__focused_18ip7","filled":"slider-input__filled_18ip7"};
+var styles = {"component":"slider-input__component_keblu","block":"slider-input__block_keblu","slider":"slider-input__slider_keblu","field":"slider-input__field_keblu","input":"slider-input__input_keblu","steps":"slider-input__steps_keblu","info":"slider-input__info_keblu","s":"slider-input__s_keblu","hasLabel":"slider-input__hasLabel_keblu","m":"slider-input__m_keblu","l":"slider-input__l_keblu","xl":"slider-input__xl_keblu","focused":"slider-input__focused_keblu","filled":"slider-input__filled_keblu"};
 require('./index.css');
 
 var SliderInput = React.forwardRef(function (_a, ref) {

package/slider-input/esm/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"slider-input__component_18ip7","block":"slider-input__block_18ip7","slider":"slider-input__slider_18ip7","field":"slider-input__field_18ip7","input":"slider-input__input_18ip7","steps":"slider-input__steps_18ip7","info":"slider-input__info_18ip7","s":"slider-input__s_18ip7","hasLabel":"slider-input__hasLabel_18ip7","m":"slider-input__m_18ip7","l":"slider-input__l_18ip7","xl":"slider-input__xl_18ip7","focused":"slider-input__focused_18ip7","filled":"slider-input__filled_18ip7"};
+var styles = {"component":"slider-input__component_keblu","block":"slider-input__block_keblu","slider":"slider-input__slider_keblu","field":"slider-input__field_keblu","input":"slider-input__input_keblu","steps":"slider-input__steps_keblu","info":"slider-input__info_keblu","s":"slider-input__s_keblu","hasLabel":"slider-input__hasLabel_keblu","m":"slider-input__m_keblu","l":"slider-input__l_keblu","xl":"slider-input__xl_keblu","focused":"slider-input__focused_keblu","filled":"slider-input__filled_keblu"};
 require('./index.css');
 
 var SliderInput = forwardRef(function (_a, ref) {

package/slider-input/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xikq */
+/* hash: s2ap3 */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -18,35 +18,35 @@
     --slider-input-info-color: var(--color-light-text-secondary);
     --slider-input-font-weight: 700;
 }
-.slider-input__component_18ip7 {
+.slider-input__component_keblu {
     position: relative;
     display: inline-block;
 }
-.slider-input__block_18ip7 {
+.slider-input__block_keblu {
     display: block;
 }
-.slider-input__slider_18ip7 {
+.slider-input__slider_keblu {
     position: absolute;
     margin-top: -1px;
     transform: translateY(-50%)
 }
-.slider-input__slider_18ip7 + * {
+.slider-input__slider_keblu + * {
         margin-top: var(--gap-xs);
     }
-.slider-input__field_18ip7 {
+.slider-input__field_keblu {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
 }
-.slider-input__input_18ip7 input,
-    .slider-input__input_18ip7 input + div {
+.slider-input__input_keblu input,
+    .slider-input__input_keblu input + div {
         font-weight: var(--slider-input-font-weight);
         font-feature-settings: "tnum";
         font-variant-numeric: tabular-nums;
     }
-.slider-input__input_18ip7 input::placeholder {
+.slider-input__input_keblu input::placeholder {
         font-weight: 400;
     }
-.slider-input__steps_18ip7 {
+.slider-input__steps_keblu {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -56,7 +56,7 @@
     margin-top: var(--gap-xs);
     color: var(--slider-input-steps-color);
 }
-.slider-input__info_18ip7 {
+.slider-input__info_keblu {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,28 +67,28 @@
     transition: 0.2s ease;
     visibility: hidden;
 }
-.slider-input__s_18ip7.slider-input__hasLabel_18ip7 .slider-input__info_18ip7:first-child {
+.slider-input__s_keblu.slider-input__hasLabel_keblu .slider-input__info_keblu:first-child {
     padding: var(--form-control-labeled-s-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__m_18ip7.slider-input__hasLabel_18ip7 .slider-input__info_18ip7:first-child {
+.slider-input__m_keblu.slider-input__hasLabel_keblu .slider-input__info_keblu:first-child {
     padding: var(--form-control-labeled-m-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__l_18ip7.slider-input__hasLabel_18ip7 .slider-input__info_18ip7:first-child {
+.slider-input__l_keblu.slider-input__hasLabel_keblu .slider-input__info_keblu:first-child {
     padding: var(--form-control-labeled-l-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__xl_18ip7.slider-input__hasLabel_18ip7 .slider-input__info_18ip7:first-child {
+.slider-input__xl_keblu.slider-input__hasLabel_keblu .slider-input__info_keblu:first-child {
     padding: var(--form-control-labeled-xl-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__focused_18ip7 .slider-input__info_18ip7,
-.slider-input__filled_18ip7 .slider-input__info_18ip7 {
+.slider-input__focused_keblu .slider-input__info_keblu,
+.slider-input__filled_keblu .slider-input__info_keblu {
     visibility: visible;
     opacity: 1;
 }

package/slider-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xikq */
+/* hash: s2ap3 */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -18,35 +18,35 @@
     --slider-input-info-color: var(--color-light-text-secondary);
     --slider-input-font-weight: 700;
 }
-.slider-input__component_18ip7 {
+.slider-input__component_keblu {
     position: relative;
     display: inline-block;
 }
-.slider-input__block_18ip7 {
+.slider-input__block_keblu {
     display: block;
 }
-.slider-input__slider_18ip7 {
+.slider-input__slider_keblu {
     position: absolute;
     margin-top: -1px;
     transform: translateY(-50%)
 }
-.slider-input__slider_18ip7 + * {
+.slider-input__slider_keblu + * {
         margin-top: var(--gap-xs);
     }
-.slider-input__field_18ip7 {
+.slider-input__field_keblu {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
 }
-.slider-input__input_18ip7 input,
-    .slider-input__input_18ip7 input + div {
+.slider-input__input_keblu input,
+    .slider-input__input_keblu input + div {
         font-weight: var(--slider-input-font-weight);
         font-feature-settings: "tnum";
         font-variant-numeric: tabular-nums;
     }
-.slider-input__input_18ip7 input::placeholder {
+.slider-input__input_keblu input::placeholder {
         font-weight: 400;
     }
-.slider-input__steps_18ip7 {
+.slider-input__steps_keblu {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -56,7 +56,7 @@
     margin-top: var(--gap-xs);
     color: var(--slider-input-steps-color);
 }
-.slider-input__info_18ip7 {
+.slider-input__info_keblu {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,28 +67,28 @@
     transition: 0.2s ease;
     visibility: hidden;
 }
-.slider-input__s_18ip7.slider-input__hasLabel_18ip7 .slider-input__info_18ip7:first-child {
+.slider-input__s_keblu.slider-input__hasLabel_keblu .slider-input__info_keblu:first-child {
     padding: var(--form-control-labeled-s-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__m_18ip7.slider-input__hasLabel_18ip7 .slider-input__info_18ip7:first-child {
+.slider-input__m_keblu.slider-input__hasLabel_keblu .slider-input__info_keblu:first-child {
     padding: var(--form-control-labeled-m-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__l_18ip7.slider-input__hasLabel_18ip7 .slider-input__info_18ip7:first-child {
+.slider-input__l_keblu.slider-input__hasLabel_keblu .slider-input__info_keblu:first-child {
     padding: var(--form-control-labeled-l-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__xl_18ip7.slider-input__hasLabel_18ip7 .slider-input__info_18ip7:first-child {
+.slider-input__xl_keblu.slider-input__hasLabel_keblu .slider-input__info_keblu:first-child {
     padding: var(--form-control-labeled-xl-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__focused_18ip7 .slider-input__info_18ip7,
-.slider-input__filled_18ip7 .slider-input__info_18ip7 {
+.slider-input__focused_keblu .slider-input__info_keblu,
+.slider-input__filled_keblu .slider-input__info_keblu {
     visibility: visible;
     opacity: 1;
 }

package/slider-input/modern/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Slider } from '../../slider/modern';
 import { Input } from '../../input/modern';
 
-var styles = {"component":"slider-input__component_18ip7","block":"slider-input__block_18ip7","slider":"slider-input__slider_18ip7","field":"slider-input__field_18ip7","input":"slider-input__input_18ip7","steps":"slider-input__steps_18ip7","info":"slider-input__info_18ip7","s":"slider-input__s_18ip7","hasLabel":"slider-input__hasLabel_18ip7","m":"slider-input__m_18ip7","l":"slider-input__l_18ip7","xl":"slider-input__xl_18ip7","focused":"slider-input__focused_18ip7","filled":"slider-input__filled_18ip7"};
+var styles = {"component":"slider-input__component_keblu","block":"slider-input__block_keblu","slider":"slider-input__slider_keblu","field":"slider-input__field_keblu","input":"slider-input__input_keblu","steps":"slider-input__steps_keblu","info":"slider-input__info_keblu","s":"slider-input__s_keblu","hasLabel":"slider-input__hasLabel_keblu","m":"slider-input__m_keblu","l":"slider-input__l_keblu","xl":"slider-input__xl_keblu","focused":"slider-input__focused_keblu","filled":"slider-input__filled_keblu"};
 require('./index.css');
 
 const SliderInput = forwardRef(({ className, inputClassName, sliderClassName, stepsClassName, focusedClassName, fieldClassName, value = '', min = 0, max = 100, step = 1, block, sliderValue = +value, steps = [], size = 's', label, info, disabled, readOnly, onChange, onInputChange, onSliderChange, rightAddons, Input: Input$1 = Input, customInputProps = {}, dataTestId, error, ...restProps }, ref) => {