@alfalab/core-components 32.2.0 → 33.0.0

package/slider/esm/index.css

@@ -5,7 +5,7 @@
 :root {
     --color-light-bg-quaternary: #dbdee1;
     --color-light-graphic-accent: #ef3124;
-    --color-light-text-secondary: #546272;
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
     --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
 }
@@ -41,43 +41,43 @@
     --slider-origin-width: 100%;
     --slider-origin-right: 0;
 }
-.slider__component_10tje {
+.slider__component_d1i6d {
     width: 100%
 }
-.slider__component_10tje .noUi-base:hover {
+.slider__component_d1i6d .noUi-base:hover {
         background: var(--slider-progress-hover-background)
     }
-.slider__component_10tje .noUi-base:hover .noUi-connect {
+.slider__component_d1i6d .noUi-base:hover .noUi-connect {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_10tje .noUi-handle:hover .noUi-touch-area {
+.slider__component_d1i6d .noUi-handle:hover .noUi-touch-area {
         background: var(--slider-thumb-hover-color);
     }
-.slider__component_10tje .noUi-handle:active .noUi-touch-area {
+.slider__component_d1i6d .noUi-handle:active .noUi-touch-area {
         background: var(--slider-thumb-active-color);
     }
-.slider__component_10tje .noUi-base {
+.slider__component_d1i6d .noUi-base {
         position: relative;
         width: 100%;
         background: var(--slider-progress-background);
         transition: background 0.15s;
         cursor: pointer;
     }
-.slider__component_10tje .noUi-origin {
+.slider__component_d1i6d .noUi-origin {
         width: var(--slider-origin-width);
         position: absolute;
         top: 0;
         right: var(--slider-origin-right);
         height: 0;
     }
-.slider__component_10tje .noUi-connects {
+.slider__component_d1i6d .noUi-connects {
         width: 100%;
         height: 100%;
         position: relative;
         z-index: 1;
         overflow: hidden;
     }
-.slider__component_10tje .noUi-connect {
+.slider__component_d1i6d .noUi-connect {
         background: var(--slider-progress-color);
         position: absolute;
         z-index: 1;
@@ -89,7 +89,7 @@
         will-change: transform;
         transform-origin: 0 0;
     }
-.slider__component_10tje .noUi-handle {
+.slider__component_d1i6d .noUi-handle {
         position: absolute;
         right: calc(var(--slider-thumb-size) / 2 * -1);
         width: var(--slider-thumb-size);
@@ -103,13 +103,13 @@
         outline: none;
         transition: background 0.15s;
     }
-.slider__component_10tje .noUi-touch-area {
+.slider__component_d1i6d .noUi-touch-area {
         border-radius: 50%;
         background: var(--slider-thumb-color);
         width: 100%;
         height: 100%;
     }
-.slider__component_10tje .noUi-pips {
+.slider__component_d1i6d .noUi-pips {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
@@ -119,39 +119,39 @@
         position: relative;
         width: 100%;
     }
-.slider__component_10tje .noUi-marker {
+.slider__component_d1i6d .noUi-marker {
         display: none;
     }
-.slider__component_10tje .noUi-value {
+.slider__component_d1i6d .noUi-value {
         position: absolute;
         white-space: nowrap;
         text-align: center;
         top: 0;
         transform: translateX(-50%)
     }
-.slider__component_10tje .noUi-value:nth-child(2) {
+.slider__component_d1i6d .noUi-value:nth-child(2) {
             transform: none;
         }
-.slider__component_10tje .noUi-value:last-child {
+.slider__component_d1i6d .noUi-value:last-child {
             transform: translateX(-100%);
         }
-.slider__s_10tje .noUi-base {
+.slider__s_d1i6d .noUi-base {
         height: var(--slider-progress-s-height);
         border-radius: var(--slider-progress-s-border-radius);
     }
-.slider__s_10tje .noUi-connects {
+.slider__s_d1i6d .noUi-connects {
         border-radius: var(--slider-progress-s-border-radius);
     }
-.slider__s_10tje .noUi-handle {
+.slider__s_d1i6d .noUi-handle {
         top: calc((var(--slider-thumb-size) / 2 - var(--slider-progress-s-height) / 2) * -1);
     }
-.slider__m_10tje .noUi-base {
+.slider__m_d1i6d .noUi-base {
         height: var(--slider-progress-m-height);
         border-radius: var(--slider-progress-m-border-radius);
     }
-.slider__m_10tje .noUi-connects {
+.slider__m_d1i6d .noUi-connects {
         border-radius: var(--slider-progress-m-border-radius);
     }
-.slider__m_10tje .noUi-handle {
+.slider__m_d1i6d .noUi-handle {
         top: calc((var(--slider-thumb-size) / 2 - var(--slider-progress-m-height) / 2) * -1);
     }

package/slider/index.css

@@ -5,7 +5,7 @@
 :root {
     --color-light-bg-quaternary: #dbdee1;
     --color-light-graphic-accent: #ef3124;
-    --color-light-text-secondary: #546272;
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
     --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
 }
@@ -41,43 +41,43 @@
     --slider-origin-width: 100%;
     --slider-origin-right: 0;
 }
-.slider__component_10tje {
+.slider__component_d1i6d {
     width: 100%
 }
-.slider__component_10tje .noUi-base:hover {
+.slider__component_d1i6d .noUi-base:hover {
         background: var(--slider-progress-hover-background)
     }
-.slider__component_10tje .noUi-base:hover .noUi-connect {
+.slider__component_d1i6d .noUi-base:hover .noUi-connect {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_10tje .noUi-handle:hover .noUi-touch-area {
+.slider__component_d1i6d .noUi-handle:hover .noUi-touch-area {
         background: var(--slider-thumb-hover-color);
     }
-.slider__component_10tje .noUi-handle:active .noUi-touch-area {
+.slider__component_d1i6d .noUi-handle:active .noUi-touch-area {
         background: var(--slider-thumb-active-color);
     }
-.slider__component_10tje .noUi-base {
+.slider__component_d1i6d .noUi-base {
         position: relative;
         width: 100%;
         background: var(--slider-progress-background);
         transition: background 0.15s;
         cursor: pointer;
     }
-.slider__component_10tje .noUi-origin {
+.slider__component_d1i6d .noUi-origin {
         width: var(--slider-origin-width);
         position: absolute;
         top: 0;
         right: var(--slider-origin-right);
         height: 0;
     }
-.slider__component_10tje .noUi-connects {
+.slider__component_d1i6d .noUi-connects {
         width: 100%;
         height: 100%;
         position: relative;
         z-index: 1;
         overflow: hidden;
     }
-.slider__component_10tje .noUi-connect {
+.slider__component_d1i6d .noUi-connect {
         background: var(--slider-progress-color);
         position: absolute;
         z-index: 1;
@@ -89,7 +89,7 @@
         will-change: transform;
         transform-origin: 0 0;
     }
-.slider__component_10tje .noUi-handle {
+.slider__component_d1i6d .noUi-handle {
         position: absolute;
         right: calc(var(--slider-thumb-size) / 2 * -1);
         width: var(--slider-thumb-size);
@@ -103,13 +103,13 @@
         outline: none;
         transition: background 0.15s;
     }
-.slider__component_10tje .noUi-touch-area {
+.slider__component_d1i6d .noUi-touch-area {
         border-radius: 50%;
         background: var(--slider-thumb-color);
         width: 100%;
         height: 100%;
     }
-.slider__component_10tje .noUi-pips {
+.slider__component_d1i6d .noUi-pips {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
@@ -119,39 +119,39 @@
         position: relative;
         width: 100%;
     }
-.slider__component_10tje .noUi-marker {
+.slider__component_d1i6d .noUi-marker {
         display: none;
     }
-.slider__component_10tje .noUi-value {
+.slider__component_d1i6d .noUi-value {
         position: absolute;
         white-space: nowrap;
         text-align: center;
         top: 0;
         transform: translateX(-50%)
     }
-.slider__component_10tje .noUi-value:nth-child(2) {
+.slider__component_d1i6d .noUi-value:nth-child(2) {
             transform: none;
         }
-.slider__component_10tje .noUi-value:last-child {
+.slider__component_d1i6d .noUi-value:last-child {
             transform: translateX(-100%);
         }
-.slider__s_10tje .noUi-base {
+.slider__s_d1i6d .noUi-base {
         height: var(--slider-progress-s-height);
         border-radius: var(--slider-progress-s-border-radius);
     }
-.slider__s_10tje .noUi-connects {
+.slider__s_d1i6d .noUi-connects {
         border-radius: var(--slider-progress-s-border-radius);
     }
-.slider__s_10tje .noUi-handle {
+.slider__s_d1i6d .noUi-handle {
         top: calc((var(--slider-thumb-size) / 2 - var(--slider-progress-s-height) / 2) * -1);
     }
-.slider__m_10tje .noUi-base {
+.slider__m_d1i6d .noUi-base {
         height: var(--slider-progress-m-height);
         border-radius: var(--slider-progress-m-border-radius);
     }
-.slider__m_10tje .noUi-connects {
+.slider__m_d1i6d .noUi-connects {
         border-radius: var(--slider-progress-m-border-radius);
     }
-.slider__m_10tje .noUi-handle {
+.slider__m_d1i6d .noUi-handle {
         top: calc((var(--slider-thumb-size) / 2 - var(--slider-progress-m-height) / 2) * -1);
     }

package/slider/modern/Component.js

@@ -2,7 +2,7 @@ import React, { useRef, useEffect } from 'react';
 import cn from 'classnames';
 import noUiSlider from 'nouislider';
 
-var styles = {"component":"slider__component_10tje","s":"slider__s_10tje","m":"slider__m_10tje"};
+var styles = {"component":"slider__component_d1i6d","s":"slider__s_d1i6d","m":"slider__m_d1i6d"};
 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

@@ -5,7 +5,7 @@
 :root {
     --color-light-bg-quaternary: #dbdee1;
     --color-light-graphic-accent: #ef3124;
-    --color-light-text-secondary: #546272;
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
     --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
 }
@@ -41,43 +41,43 @@
     --slider-origin-width: 100%;
     --slider-origin-right: 0;
 }
-.slider__component_10tje {
+.slider__component_d1i6d {
     width: 100%
 }
-.slider__component_10tje .noUi-base:hover {
+.slider__component_d1i6d .noUi-base:hover {
         background: var(--slider-progress-hover-background)
     }
-.slider__component_10tje .noUi-base:hover .noUi-connect {
+.slider__component_d1i6d .noUi-base:hover .noUi-connect {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_10tje .noUi-handle:hover .noUi-touch-area {
+.slider__component_d1i6d .noUi-handle:hover .noUi-touch-area {
         background: var(--slider-thumb-hover-color);
     }
-.slider__component_10tje .noUi-handle:active .noUi-touch-area {
+.slider__component_d1i6d .noUi-handle:active .noUi-touch-area {
         background: var(--slider-thumb-active-color);
     }
-.slider__component_10tje .noUi-base {
+.slider__component_d1i6d .noUi-base {
         position: relative;
         width: 100%;
         background: var(--slider-progress-background);
         transition: background 0.15s;
         cursor: pointer;
     }
-.slider__component_10tje .noUi-origin {
+.slider__component_d1i6d .noUi-origin {
         width: var(--slider-origin-width);
         position: absolute;
         top: 0;
         right: var(--slider-origin-right);
         height: 0;
     }
-.slider__component_10tje .noUi-connects {
+.slider__component_d1i6d .noUi-connects {
         width: 100%;
         height: 100%;
         position: relative;
         z-index: 1;
         overflow: hidden;
     }
-.slider__component_10tje .noUi-connect {
+.slider__component_d1i6d .noUi-connect {
         background: var(--slider-progress-color);
         position: absolute;
         z-index: 1;
@@ -89,7 +89,7 @@
         will-change: transform;
         transform-origin: 0 0;
     }
-.slider__component_10tje .noUi-handle {
+.slider__component_d1i6d .noUi-handle {
         position: absolute;
         right: calc(var(--slider-thumb-size) / 2 * -1);
         width: var(--slider-thumb-size);
@@ -103,13 +103,13 @@
         outline: none;
         transition: background 0.15s;
     }
-.slider__component_10tje .noUi-touch-area {
+.slider__component_d1i6d .noUi-touch-area {
         border-radius: 50%;
         background: var(--slider-thumb-color);
         width: 100%;
         height: 100%;
     }
-.slider__component_10tje .noUi-pips {
+.slider__component_d1i6d .noUi-pips {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
@@ -119,39 +119,39 @@
         position: relative;
         width: 100%;
     }
-.slider__component_10tje .noUi-marker {
+.slider__component_d1i6d .noUi-marker {
         display: none;
     }
-.slider__component_10tje .noUi-value {
+.slider__component_d1i6d .noUi-value {
         position: absolute;
         white-space: nowrap;
         text-align: center;
         top: 0;
         transform: translateX(-50%)
     }
-.slider__component_10tje .noUi-value:nth-child(2) {
+.slider__component_d1i6d .noUi-value:nth-child(2) {
             transform: none;
         }
-.slider__component_10tje .noUi-value:last-child {
+.slider__component_d1i6d .noUi-value:last-child {
             transform: translateX(-100%);
         }
-.slider__s_10tje .noUi-base {
+.slider__s_d1i6d .noUi-base {
         height: var(--slider-progress-s-height);
         border-radius: var(--slider-progress-s-border-radius);
     }
-.slider__s_10tje .noUi-connects {
+.slider__s_d1i6d .noUi-connects {
         border-radius: var(--slider-progress-s-border-radius);
     }
-.slider__s_10tje .noUi-handle {
+.slider__s_d1i6d .noUi-handle {
         top: calc((var(--slider-thumb-size) / 2 - var(--slider-progress-s-height) / 2) * -1);
     }
-.slider__m_10tje .noUi-base {
+.slider__m_d1i6d .noUi-base {
         height: var(--slider-progress-m-height);
         border-radius: var(--slider-progress-m-border-radius);
     }
-.slider__m_10tje .noUi-connects {
+.slider__m_d1i6d .noUi-connects {
         border-radius: var(--slider-progress-m-border-radius);
     }
-.slider__m_10tje .noUi-handle {
+.slider__m_d1i6d .noUi-handle {
         top: calc((var(--slider-thumb-size) / 2 - var(--slider-progress-m-height) / 2) * -1);
     }

package/slider-input/Component.js

@@ -49,7 +49,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"slider-input__component_1i9ap","block":"slider-input__block_1i9ap","slider":"slider-input__slider_1i9ap","field":"slider-input__field_1i9ap","input":"slider-input__input_1i9ap","steps":"slider-input__steps_1i9ap","info":"slider-input__info_1i9ap","s":"slider-input__s_1i9ap","hasLabel":"slider-input__hasLabel_1i9ap","m":"slider-input__m_1i9ap","l":"slider-input__l_1i9ap","xl":"slider-input__xl_1i9ap","focused":"slider-input__focused_1i9ap","filled":"slider-input__filled_1i9ap"};
+var styles = {"component":"slider-input__component_yoxbx","block":"slider-input__block_yoxbx","slider":"slider-input__slider_yoxbx","field":"slider-input__field_yoxbx","input":"slider-input__input_yoxbx","steps":"slider-input__steps_yoxbx","info":"slider-input__info_yoxbx","s":"slider-input__s_yoxbx","hasLabel":"slider-input__hasLabel_yoxbx","m":"slider-input__m_yoxbx","l":"slider-input__l_yoxbx","xl":"slider-input__xl_yoxbx","focused":"slider-input__focused_yoxbx","filled":"slider-input__filled_yoxbx"};
 require('./index.css');
 
 var SliderInput = React.forwardRef(function (_a, ref) {

package/slider-input/cssm/index.module.css

@@ -1,5 +1,5 @@
 :root {
-    --color-light-text-secondary: #546272;
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
 }
 :root {
 

package/slider-input/esm/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"slider-input__component_1i9ap","block":"slider-input__block_1i9ap","slider":"slider-input__slider_1i9ap","field":"slider-input__field_1i9ap","input":"slider-input__input_1i9ap","steps":"slider-input__steps_1i9ap","info":"slider-input__info_1i9ap","s":"slider-input__s_1i9ap","hasLabel":"slider-input__hasLabel_1i9ap","m":"slider-input__m_1i9ap","l":"slider-input__l_1i9ap","xl":"slider-input__xl_1i9ap","focused":"slider-input__focused_1i9ap","filled":"slider-input__filled_1i9ap"};
+var styles = {"component":"slider-input__component_yoxbx","block":"slider-input__block_yoxbx","slider":"slider-input__slider_yoxbx","field":"slider-input__field_yoxbx","input":"slider-input__input_yoxbx","steps":"slider-input__steps_yoxbx","info":"slider-input__info_yoxbx","s":"slider-input__s_yoxbx","hasLabel":"slider-input__hasLabel_yoxbx","m":"slider-input__m_yoxbx","l":"slider-input__l_yoxbx","xl":"slider-input__xl_yoxbx","focused":"slider-input__focused_yoxbx","filled":"slider-input__filled_yoxbx"};
 require('./index.css');
 
 var SliderInput = forwardRef(function (_a, ref) {

package/slider-input/esm/index.css

@@ -1,6 +1,6 @@
-/* hash: j253n */
+/* hash: 1u19r */
 :root {
-    --color-light-text-secondary: #546272;
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
 }
 :root {
 
@@ -47,34 +47,34 @@
     --slider-input-info-color: var(--color-light-text-secondary);
     --slider-input-font-weight: 700;
 }
-.slider-input__component_1i9ap {
+.slider-input__component_yoxbx {
     position: relative;
     display: inline-block;
 }
-.slider-input__block_1i9ap {
+.slider-input__block_yoxbx {
     display: block;
 }
-.slider-input__slider_1i9ap {
+.slider-input__slider_yoxbx {
     margin-top: calc(var(--slider-progress-s-height) / -2);
     transform: translateY(-1px)
 }
-.slider-input__slider_1i9ap + * {
+.slider-input__slider_yoxbx + * {
         margin-top: var(--gap-xs);
     }
-.slider-input__field_1i9ap {
+.slider-input__field_yoxbx {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
 }
-.slider-input__input_1i9ap input,
-    .slider-input__input_1i9ap input + div {
+.slider-input__input_yoxbx input,
+    .slider-input__input_yoxbx input + div {
         font-weight: var(--slider-input-font-weight);
         font-feature-settings: "tnum";
         font-variant-numeric: tabular-nums;
     }
-.slider-input__input_1i9ap input::placeholder {
+.slider-input__input_yoxbx input::placeholder {
         font-weight: 400;
     }
-.slider-input__steps_1i9ap {
+.slider-input__steps_yoxbx {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -84,7 +84,7 @@
     margin-top: var(--gap-xs);
     color: var(--slider-input-steps-color);
 }
-.slider-input__info_1i9ap {
+.slider-input__info_yoxbx {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -95,28 +95,28 @@
     transition: 0.2s ease;
     visibility: hidden;
 }
-.slider-input__s_1i9ap.slider-input__hasLabel_1i9ap .slider-input__info_1i9ap:first-child {
+.slider-input__s_yoxbx.slider-input__hasLabel_yoxbx .slider-input__info_yoxbx:first-child {
     padding: var(--form-control-labeled-s-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__m_1i9ap.slider-input__hasLabel_1i9ap .slider-input__info_1i9ap:first-child {
+.slider-input__m_yoxbx.slider-input__hasLabel_yoxbx .slider-input__info_yoxbx:first-child {
     padding: var(--form-control-labeled-m-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__l_1i9ap.slider-input__hasLabel_1i9ap .slider-input__info_1i9ap:first-child {
+.slider-input__l_yoxbx.slider-input__hasLabel_yoxbx .slider-input__info_yoxbx:first-child {
     padding: var(--form-control-labeled-l-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__xl_1i9ap.slider-input__hasLabel_1i9ap .slider-input__info_1i9ap:first-child {
+.slider-input__xl_yoxbx.slider-input__hasLabel_yoxbx .slider-input__info_yoxbx:first-child {
     padding: var(--form-control-labeled-xl-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__focused_1i9ap .slider-input__info_1i9ap,
-.slider-input__filled_1i9ap .slider-input__info_1i9ap {
+.slider-input__focused_yoxbx .slider-input__info_yoxbx,
+.slider-input__filled_yoxbx .slider-input__info_yoxbx {
     visibility: visible;
     opacity: 1;
 }

package/slider-input/index.css

@@ -1,6 +1,6 @@
-/* hash: j253n */
+/* hash: 1u19r */
 :root {
-    --color-light-text-secondary: #546272;
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
 }
 :root {
 
@@ -47,34 +47,34 @@
     --slider-input-info-color: var(--color-light-text-secondary);
     --slider-input-font-weight: 700;
 }
-.slider-input__component_1i9ap {
+.slider-input__component_yoxbx {
     position: relative;
     display: inline-block;
 }
-.slider-input__block_1i9ap {
+.slider-input__block_yoxbx {
     display: block;
 }
-.slider-input__slider_1i9ap {
+.slider-input__slider_yoxbx {
     margin-top: calc(var(--slider-progress-s-height) / -2);
     transform: translateY(-1px)
 }
-.slider-input__slider_1i9ap + * {
+.slider-input__slider_yoxbx + * {
         margin-top: var(--gap-xs);
     }
-.slider-input__field_1i9ap {
+.slider-input__field_yoxbx {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
 }
-.slider-input__input_1i9ap input,
-    .slider-input__input_1i9ap input + div {
+.slider-input__input_yoxbx input,
+    .slider-input__input_yoxbx input + div {
         font-weight: var(--slider-input-font-weight);
         font-feature-settings: "tnum";
         font-variant-numeric: tabular-nums;
     }
-.slider-input__input_1i9ap input::placeholder {
+.slider-input__input_yoxbx input::placeholder {
         font-weight: 400;
     }
-.slider-input__steps_1i9ap {
+.slider-input__steps_yoxbx {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -84,7 +84,7 @@
     margin-top: var(--gap-xs);
     color: var(--slider-input-steps-color);
 }
-.slider-input__info_1i9ap {
+.slider-input__info_yoxbx {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -95,28 +95,28 @@
     transition: 0.2s ease;
     visibility: hidden;
 }
-.slider-input__s_1i9ap.slider-input__hasLabel_1i9ap .slider-input__info_1i9ap:first-child {
+.slider-input__s_yoxbx.slider-input__hasLabel_yoxbx .slider-input__info_yoxbx:first-child {
     padding: var(--form-control-labeled-s-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__m_1i9ap.slider-input__hasLabel_1i9ap .slider-input__info_1i9ap:first-child {
+.slider-input__m_yoxbx.slider-input__hasLabel_yoxbx .slider-input__info_yoxbx:first-child {
     padding: var(--form-control-labeled-m-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__l_1i9ap.slider-input__hasLabel_1i9ap .slider-input__info_1i9ap:first-child {
+.slider-input__l_yoxbx.slider-input__hasLabel_yoxbx .slider-input__info_yoxbx:first-child {
     padding: var(--form-control-labeled-l-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__xl_1i9ap.slider-input__hasLabel_1i9ap .slider-input__info_1i9ap:first-child {
+.slider-input__xl_yoxbx.slider-input__hasLabel_yoxbx .slider-input__info_yoxbx:first-child {
     padding: var(--form-control-labeled-xl-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__focused_1i9ap .slider-input__info_1i9ap,
-.slider-input__filled_1i9ap .slider-input__info_1i9ap {
+.slider-input__focused_yoxbx .slider-input__info_yoxbx,
+.slider-input__filled_yoxbx .slider-input__info_yoxbx {
     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_1i9ap","block":"slider-input__block_1i9ap","slider":"slider-input__slider_1i9ap","field":"slider-input__field_1i9ap","input":"slider-input__input_1i9ap","steps":"slider-input__steps_1i9ap","info":"slider-input__info_1i9ap","s":"slider-input__s_1i9ap","hasLabel":"slider-input__hasLabel_1i9ap","m":"slider-input__m_1i9ap","l":"slider-input__l_1i9ap","xl":"slider-input__xl_1i9ap","focused":"slider-input__focused_1i9ap","filled":"slider-input__filled_1i9ap"};
+var styles = {"component":"slider-input__component_yoxbx","block":"slider-input__block_yoxbx","slider":"slider-input__slider_yoxbx","field":"slider-input__field_yoxbx","input":"slider-input__input_yoxbx","steps":"slider-input__steps_yoxbx","info":"slider-input__info_yoxbx","s":"slider-input__s_yoxbx","hasLabel":"slider-input__hasLabel_yoxbx","m":"slider-input__m_yoxbx","l":"slider-input__l_yoxbx","xl":"slider-input__xl_yoxbx","focused":"slider-input__focused_yoxbx","filled":"slider-input__filled_yoxbx"};
 require('./index.css');
 
 const SliderInput = forwardRef(({ className, inputClassName, sliderClassName, stepsClassName, focusedClassName, fieldClassName, value = '', min = 0, max = 100, step = 1, block, steps = [], sliderValue = +value, size = 's', label, info, disabled, readOnly, onChange, onInputChange, onSliderChange, rightAddons, Input: Input$1 = Input, customInputProps = {}, error, hint, pips, range, dataTestId, ...restProps }, ref) => {