@alfalab/core-components 43.2.0 → 44.0.0

package/slider/modern/index.css

@@ -1,12 +1,11 @@
 /* hash: 1kxyb */
 :root {
-    --color-red-dark: #d91d0b;
 } /* deprecated */ :root {
-    --color-light-bg-quaternary: #dcdee2;
-    --color-light-graphic-accent: #ef3124;
+    --color-light-accent-primary: #ef3124;
+    --color-light-accent-primary-hover: #e32a17;
+    --color-light-accent-primary-press: #d72505;
+    --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
     --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-    --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
-    --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -23,11 +22,11 @@
 } :root {
 } :root {
 } :root {
-    --slider-progress-color: var(--color-red-dark);
-    --slider-progress-hover-color: var(--color-red-dark);
-    --slider-thumb-color: var(--color-light-graphic-accent);
-    --slider-thumb-hover-color: var(--color-light-graphic-accent-shade-7);
-    --slider-thumb-active-color: var(--color-light-graphic-accent-shade-15);
+    --slider-progress-color: var(--color-light-accent-primary);
+    --slider-progress-hover-color: var(--color-light-accent-primary);
+    --slider-thumb-color: var(--color-light-accent-primary);
+    --slider-thumb-hover-color: var(--color-light-accent-primary-hover);
+    --slider-thumb-active-color: var(--color-light-accent-primary-press);
     --slider-thumb-size: 20px;
     --slider-thumb-half-size: calc(var(--slider-thumb-size) / 2);
     --slider-thumb-border: 2px solid transparent;
@@ -36,40 +35,40 @@
     --slider-progress-m-height: 4px;
     --slider-progress-s-border-radius: 0;
     --slider-progress-m-border-radius: var(--border-radius-s);
-    --slider-progress-background: var(--color-light-bg-quaternary);
-    --slider-progress-hover-background: var(--color-light-bg-quaternary);
+    --slider-progress-background: var(--color-light-neutral-translucent-300);
+    --slider-progress-hover-background: var(--color-light-neutral-translucent-300);
     --slider-clickable-area-size: 16px;
     --slider-clickable-area-half-size: calc(var(--slider-clickable-area-size) / 2);
 
     /* Отступы по бокам — на мобилке thumb не должен заходить за края контрола */
     --slider-origin-width: 100%;
     --slider-origin-right: 0;
-} .slider__component_11i84 {
+} .slider__component_1l9zb {
     width: 100%;
     padding-top: var(--slider-progress-s-height);
     position: relative
-} .slider__component_11i84 .noUi-base:hover .noUi-connects {
+} .slider__component_1l9zb .noUi-base:hover .noUi-connects {
             background: var(--slider-progress-hover-background);
-        } .slider__component_11i84 .noUi-base:hover .noUi-connect {
+        } .slider__component_1l9zb .noUi-base:hover .noUi-connect {
             background: var(--slider-progress-hover-color);
-        } .slider__component_11i84 .noUi-handle:hover .noUi-touch-area {
+        } .slider__component_1l9zb .noUi-handle:hover .noUi-touch-area {
         background: var(--slider-thumb-hover-color);
-    } .slider__component_11i84 .noUi-handle:active .noUi-touch-area {
+    } .slider__component_1l9zb .noUi-handle:active .noUi-touch-area {
         background: var(--slider-thumb-active-color);
-    } .slider__component_11i84 .noUi-base {
+    } .slider__component_1l9zb .noUi-base {
         position: absolute;
         width: 100%;
         height: var(--slider-clickable-area-size);
         transform: translateY(-50%);
 
         cursor: pointer;
-    } .slider__component_11i84 .noUi-origin {
+    } .slider__component_1l9zb .noUi-origin {
         width: var(--slider-origin-width);
         position: absolute;
         top: 0;
         right: var(--slider-origin-right);
         height: 0;
-    } .slider__component_11i84 .noUi-connects {
+    } .slider__component_1l9zb .noUi-connects {
         width: 100%;
         height: 100%;
         position: relative;
@@ -77,7 +76,7 @@
         transition: background 0.15s;
         z-index: 1;
         overflow: hidden;
-    } .slider__component_11i84 .noUi-connect {
+    } .slider__component_1l9zb .noUi-connect {
         background: var(--slider-progress-color);
         position: absolute;
         z-index: 1;
@@ -88,7 +87,7 @@
         transform-style: flat;
         will-change: transform;
         transform-origin: 0 0;
-    } .slider__component_11i84 .noUi-handle {
+    } .slider__component_1l9zb .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 +101,12 @@
         cursor: grab;
         outline: none;
         transition: background 0.15s;
-    } .slider__component_11i84 .noUi-touch-area {
+    } .slider__component_1l9zb .noUi-touch-area {
         border-radius: var(--border-radius-circle);
         background: var(--slider-thumb-color);
         width: 100%;
         height: 100%;
-    } .slider__component_11i84 .noUi-pips {
+    } .slider__component_1l9zb .noUi-pips {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
@@ -116,29 +115,29 @@
         color: var(--color-light-text-secondary);
         position: relative;
         width: 100%;
-    } .slider__component_11i84 .noUi-marker {
+    } .slider__component_1l9zb .noUi-marker {
         display: none;
-    } .slider__component_11i84 .noUi-value {
+    } .slider__component_1l9zb .noUi-value {
         position: absolute;
         white-space: nowrap;
         text-align: center;
         top: 0;
         transform: translateX(-50%)
-    } .slider__component_11i84 .noUi-value:nth-child(2) {
+    } .slider__component_1l9zb .noUi-value:nth-child(2) {
             transform: none;
-        } .slider__component_11i84 .noUi-value:last-child {
+        } .slider__component_1l9zb .noUi-value:last-child {
             transform: translateX(-100%);
-        } .slider__s_11i84 .noUi-base {
+        } .slider__s_1l9zb .noUi-base {
         border-radius: var(--slider-progress-s-border-radius);
         top: calc(var(--slider-progress-s-height) / 2);
-    } .slider__s_11i84 .noUi-connects {
+    } .slider__s_1l9zb .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_11i84 .noUi-base {
+    } .slider__m_1l9zb .noUi-base {
         border-radius: var(--slider-progress-m-border-radius);
         top: calc(var(--slider-progress-m-height) / 2);
-    } .slider__m_11i84 .noUi-connects {
+    } .slider__m_1l9zb .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.d.ts

@@ -85,7 +85,7 @@ type SliderInputProps = Omit<InputProps, 'min' | 'max' | 'step' | 'value' | 'typ
      */
     dataTestId?: string;
 };
-declare const SliderInput: React.ForwardRefExoticComponent<Omit<InputProps, "value" | "type" | "onChange" | "step" | "bottomAddons" | "max" | "min"> & {
+declare const SliderInput: React.ForwardRefExoticComponent<Omit<InputProps, "value" | "bottomAddons" | "onChange" | "step" | "type" | "max" | "min"> & {
     /**
      * Мин. допустимое число
      */

package/slider-input/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"slider-input__component_xk0rp","block":"slider-input__block_xk0rp","slider":"slider-input__slider_xk0rp","xl":"slider-input__xl_xk0rp","hidePips":"slider-input__hidePips_xk0rp","field":"slider-input__field_xk0rp","s":"slider-input__s_xk0rp","m":"slider-input__m_xk0rp","l":"slider-input__l_xk0rp","input":"slider-input__input_xk0rp","steps":"slider-input__steps_xk0rp","info":"slider-input__info_xk0rp","hasLabel":"slider-input__hasLabel_xk0rp","focused":"slider-input__focused_xk0rp","filled":"slider-input__filled_xk0rp"};
+var styles = {"component":"slider-input__component_w9dik","block":"slider-input__block_w9dik","slider":"slider-input__slider_w9dik","xl":"slider-input__xl_w9dik","hidePips":"slider-input__hidePips_w9dik","field":"slider-input__field_w9dik","s":"slider-input__s_w9dik","m":"slider-input__m_w9dik","l":"slider-input__l_w9dik","input":"slider-input__input_w9dik","steps":"slider-input__steps_w9dik","info":"slider-input__info_w9dik","hasLabel":"slider-input__hasLabel_w9dik","focused":"slider-input__focused_w9dik","filled":"slider-input__filled_w9dik"};
 require('./index.css');
 
 var SliderInput = React.forwardRef(function (_a, ref) {

package/slider-input/cssm/Component.d.ts

@@ -85,7 +85,7 @@ type SliderInputProps = Omit<InputProps, 'min' | 'max' | 'step' | 'value' | 'typ
      */
     dataTestId?: string;
 };
-declare const SliderInput: React.ForwardRefExoticComponent<Omit<InputProps, "value" | "type" | "onChange" | "step" | "bottomAddons" | "max" | "min"> & {
+declare const SliderInput: React.ForwardRefExoticComponent<Omit<InputProps, "value" | "bottomAddons" | "onChange" | "step" | "type" | "max" | "min"> & {
     /**
      * Мин. допустимое число
      */

package/slider-input/esm/Component.d.ts

@@ -85,7 +85,7 @@ type SliderInputProps = Omit<InputProps, 'min' | 'max' | 'step' | 'value' | 'typ
      */
     dataTestId?: string;
 };
-declare const SliderInput: React.ForwardRefExoticComponent<Omit<InputProps, "value" | "type" | "onChange" | "step" | "bottomAddons" | "max" | "min"> & {
+declare const SliderInput: React.ForwardRefExoticComponent<Omit<InputProps, "value" | "bottomAddons" | "onChange" | "step" | "type" | "max" | "min"> & {
     /**
      * Мин. допустимое число
      */

package/slider-input/esm/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { Input } from '../../input/esm';
 import { Slider } from '../../slider/esm';
 
-var styles = {"component":"slider-input__component_xk0rp","block":"slider-input__block_xk0rp","slider":"slider-input__slider_xk0rp","xl":"slider-input__xl_xk0rp","hidePips":"slider-input__hidePips_xk0rp","field":"slider-input__field_xk0rp","s":"slider-input__s_xk0rp","m":"slider-input__m_xk0rp","l":"slider-input__l_xk0rp","input":"slider-input__input_xk0rp","steps":"slider-input__steps_xk0rp","info":"slider-input__info_xk0rp","hasLabel":"slider-input__hasLabel_xk0rp","focused":"slider-input__focused_xk0rp","filled":"slider-input__filled_xk0rp"};
+var styles = {"component":"slider-input__component_w9dik","block":"slider-input__block_w9dik","slider":"slider-input__slider_w9dik","xl":"slider-input__xl_w9dik","hidePips":"slider-input__hidePips_w9dik","field":"slider-input__field_w9dik","s":"slider-input__s_w9dik","m":"slider-input__m_w9dik","l":"slider-input__l_w9dik","input":"slider-input__input_w9dik","steps":"slider-input__steps_w9dik","info":"slider-input__info_w9dik","hasLabel":"slider-input__hasLabel_w9dik","focused":"slider-input__focused_w9dik","filled":"slider-input__filled_w9dik"};
 require('./index.css');
 
 var SliderInput = forwardRef(function (_a, ref) {

package/slider-input/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: pwsjb */
+/* hash: 1gy20 */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-700: #898991;
@@ -72,57 +72,57 @@
     --slider-input-progress-hover-bg-color: var(--color-light-neutral-700);
     --slider-input-origin-width: calc(100% - 16px);
     --slider-input-origin-right: 8px;
-} .slider-input__component_xk0rp {
+} .slider-input__component_w9dik {
     position: relative;
     display: inline-block;
-} .slider-input__block_xk0rp {
+} .slider-input__block_w9dik {
     display: block;
-} .slider-input__slider_xk0rp {
+} .slider-input__slider_w9dik {
     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_xk0rp.slider-input__xl_xk0rp {
+} .slider-input__slider_w9dik.slider-input__xl_w9dik {
         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_xk0rp .noUi-base {
+    } .slider-input__slider_w9dik .noUi-base {
         border-radius: var(--slider-input-progress-border-radius);
-    } .slider-input__slider_xk0rp .noUi-base:hover > .noUi-connects {
+    } .slider-input__slider_w9dik .noUi-base:hover > .noUi-connects {
             background-color: var(--slider-input-progress-hover-bg-color);
-        } .slider-input__slider_xk0rp .noUi-connects {
+        } .slider-input__slider_w9dik .noUi-connects {
         border-radius: var(--slider-input-progress-border-radius);
         background-color: var(--slider-input-progress-bg-color);
-    } .slider-input__slider_xk0rp .noUi-origin {
+    } .slider-input__slider_w9dik .noUi-origin {
         width: var(--slider-input-origin-width);
         right: var(--slider-input-origin-right);
-    } .slider-input__slider_xk0rp {
+    } .slider-input__slider_w9dik {
 
     /* TODO исправить на 6px когда слайдеру добавят position: absolute */
-} .slider-input__slider_xk0rp + * {
+} .slider-input__slider_w9dik + * {
         margin-top: 5px;
-    } .slider-input__hidePips_xk0rp .noUi-pips {
+    } .slider-input__hidePips_w9dik .noUi-pips {
         display: none;
-    } .slider-input__component_xk0rp .slider-input__field_xk0rp.slider-input__s_xk0rp {
+    } .slider-input__component_w9dik .slider-input__field_w9dik.slider-input__s_w9dik {
         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_xk0rp .slider-input__field_xk0rp.slider-input__m_xk0rp {
+    } .slider-input__component_w9dik .slider-input__field_w9dik.slider-input__m_w9dik {
         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_xk0rp .slider-input__field_xk0rp.slider-input__l_xk0rp {
+    } .slider-input__component_w9dik .slider-input__field_w9dik.slider-input__l_w9dik {
         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_xk0rp .slider-input__field_xk0rp.slider-input__xl_xk0rp {
+    } .slider-input__component_w9dik .slider-input__field_w9dik.slider-input__xl_w9dik {
         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_xk0rp input,
-    .slider-input__input_xk0rp input + div {
+    } .slider-input__input_w9dik input,
+    .slider-input__input_w9dik input + div {
         font-weight: var(--slider-input-font-weight);
         font-variant-numeric: tabular-nums;
-    } .slider-input__input_xk0rp input::placeholder {
+    } .slider-input__input_w9dik input::placeholder {
         font-weight: 400;
-    } .slider-input__steps_xk0rp {
+    } .slider-input__steps_w9dik {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -131,7 +131,7 @@
     justify-content: space-between;
     margin-top: var(--gap-xs);
     color: var(--slider-input-steps-color);
-} .slider-input__info_xk0rp {
+} .slider-input__info_w9dik {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -141,24 +141,24 @@
     opacity: 0;
     transition: 0.2s ease;
     visibility: hidden;
-} .slider-input__s_xk0rp.slider-input__hasLabel_xk0rp .slider-input__info_xk0rp:first-child {
+} .slider-input__s_w9dik.slider-input__hasLabel_w9dik .slider-input__info_w9dik:first-child {
     padding: var(--form-control-labeled-s-paddings);
     padding-left: 0;
     padding-right: 0;
-} .slider-input__m_xk0rp.slider-input__hasLabel_xk0rp .slider-input__info_xk0rp:first-child {
+} .slider-input__m_w9dik.slider-input__hasLabel_w9dik .slider-input__info_w9dik:first-child {
     padding: var(--form-control-labeled-m-paddings);
     padding-left: 0;
     padding-right: 0;
-} .slider-input__l_xk0rp.slider-input__hasLabel_xk0rp .slider-input__info_xk0rp:first-child {
+} .slider-input__l_w9dik.slider-input__hasLabel_w9dik .slider-input__info_w9dik:first-child {
     padding: var(--form-control-labeled-l-paddings);
     padding-left: 0;
     padding-right: 0;
-} .slider-input__xl_xk0rp.slider-input__hasLabel_xk0rp .slider-input__info_xk0rp:first-child {
+} .slider-input__xl_w9dik.slider-input__hasLabel_w9dik .slider-input__info_w9dik:first-child {
     padding: var(--form-control-labeled-xl-paddings);
     padding-left: 0;
     padding-right: 0;
-} .slider-input__focused_xk0rp .slider-input__info_xk0rp,
-.slider-input__filled_xk0rp .slider-input__info_xk0rp {
+} .slider-input__focused_w9dik .slider-input__info_w9dik,
+.slider-input__filled_w9dik .slider-input__info_w9dik {
     visibility: visible;
     opacity: 1;
 }

package/slider-input/index.css

@@ -1,4 +1,4 @@
-/* hash: pwsjb */
+/* hash: 1gy20 */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-700: #898991;
@@ -72,57 +72,57 @@
     --slider-input-progress-hover-bg-color: var(--color-light-neutral-700);
     --slider-input-origin-width: calc(100% - 16px);
     --slider-input-origin-right: 8px;
-} .slider-input__component_xk0rp {
+} .slider-input__component_w9dik {
     position: relative;
     display: inline-block;
-} .slider-input__block_xk0rp {
+} .slider-input__block_w9dik {
     display: block;
-} .slider-input__slider_xk0rp {
+} .slider-input__slider_w9dik {
     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_xk0rp.slider-input__xl_xk0rp {
+} .slider-input__slider_w9dik.slider-input__xl_w9dik {
         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_xk0rp .noUi-base {
+    } .slider-input__slider_w9dik .noUi-base {
         border-radius: var(--slider-input-progress-border-radius);
-    } .slider-input__slider_xk0rp .noUi-base:hover > .noUi-connects {
+    } .slider-input__slider_w9dik .noUi-base:hover > .noUi-connects {
             background-color: var(--slider-input-progress-hover-bg-color);
-        } .slider-input__slider_xk0rp .noUi-connects {
+        } .slider-input__slider_w9dik .noUi-connects {
         border-radius: var(--slider-input-progress-border-radius);
         background-color: var(--slider-input-progress-bg-color);
-    } .slider-input__slider_xk0rp .noUi-origin {
+    } .slider-input__slider_w9dik .noUi-origin {
         width: var(--slider-input-origin-width);
         right: var(--slider-input-origin-right);
-    } .slider-input__slider_xk0rp {
+    } .slider-input__slider_w9dik {
 
     /* TODO исправить на 6px когда слайдеру добавят position: absolute */
-} .slider-input__slider_xk0rp + * {
+} .slider-input__slider_w9dik + * {
         margin-top: 5px;
-    } .slider-input__hidePips_xk0rp .noUi-pips {
+    } .slider-input__hidePips_w9dik .noUi-pips {
         display: none;
-    } .slider-input__component_xk0rp .slider-input__field_xk0rp.slider-input__s_xk0rp {
+    } .slider-input__component_w9dik .slider-input__field_w9dik.slider-input__s_w9dik {
         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_xk0rp .slider-input__field_xk0rp.slider-input__m_xk0rp {
+    } .slider-input__component_w9dik .slider-input__field_w9dik.slider-input__m_w9dik {
         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_xk0rp .slider-input__field_xk0rp.slider-input__l_xk0rp {
+    } .slider-input__component_w9dik .slider-input__field_w9dik.slider-input__l_w9dik {
         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_xk0rp .slider-input__field_xk0rp.slider-input__xl_xk0rp {
+    } .slider-input__component_w9dik .slider-input__field_w9dik.slider-input__xl_w9dik {
         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_xk0rp input,
-    .slider-input__input_xk0rp input + div {
+    } .slider-input__input_w9dik input,
+    .slider-input__input_w9dik input + div {
         font-weight: var(--slider-input-font-weight);
         font-variant-numeric: tabular-nums;
-    } .slider-input__input_xk0rp input::placeholder {
+    } .slider-input__input_w9dik input::placeholder {
         font-weight: 400;
-    } .slider-input__steps_xk0rp {
+    } .slider-input__steps_w9dik {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -131,7 +131,7 @@
     justify-content: space-between;
     margin-top: var(--gap-xs);
     color: var(--slider-input-steps-color);
-} .slider-input__info_xk0rp {
+} .slider-input__info_w9dik {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -141,24 +141,24 @@
     opacity: 0;
     transition: 0.2s ease;
     visibility: hidden;
-} .slider-input__s_xk0rp.slider-input__hasLabel_xk0rp .slider-input__info_xk0rp:first-child {
+} .slider-input__s_w9dik.slider-input__hasLabel_w9dik .slider-input__info_w9dik:first-child {
     padding: var(--form-control-labeled-s-paddings);
     padding-left: 0;
     padding-right: 0;
-} .slider-input__m_xk0rp.slider-input__hasLabel_xk0rp .slider-input__info_xk0rp:first-child {
+} .slider-input__m_w9dik.slider-input__hasLabel_w9dik .slider-input__info_w9dik:first-child {
     padding: var(--form-control-labeled-m-paddings);
     padding-left: 0;
     padding-right: 0;
-} .slider-input__l_xk0rp.slider-input__hasLabel_xk0rp .slider-input__info_xk0rp:first-child {
+} .slider-input__l_w9dik.slider-input__hasLabel_w9dik .slider-input__info_w9dik:first-child {
     padding: var(--form-control-labeled-l-paddings);
     padding-left: 0;
     padding-right: 0;
-} .slider-input__xl_xk0rp.slider-input__hasLabel_xk0rp .slider-input__info_xk0rp:first-child {
+} .slider-input__xl_w9dik.slider-input__hasLabel_w9dik .slider-input__info_w9dik:first-child {
     padding: var(--form-control-labeled-xl-paddings);
     padding-left: 0;
     padding-right: 0;
-} .slider-input__focused_xk0rp .slider-input__info_xk0rp,
-.slider-input__filled_xk0rp .slider-input__info_xk0rp {
+} .slider-input__focused_w9dik .slider-input__info_w9dik,
+.slider-input__filled_w9dik .slider-input__info_w9dik {
     visibility: visible;
     opacity: 1;
 }

package/slider-input/modern/Component.d.ts

@@ -85,7 +85,7 @@ type SliderInputProps = Omit<InputProps, 'min' | 'max' | 'step' | 'value' | 'typ
      */
     dataTestId?: string;
 };
-declare const SliderInput: React.ForwardRefExoticComponent<Omit<InputProps, "value" | "type" | "onChange" | "step" | "bottomAddons" | "max" | "min"> & {
+declare const SliderInput: React.ForwardRefExoticComponent<Omit<InputProps, "value" | "bottomAddons" | "onChange" | "step" | "type" | "max" | "min"> & {
     /**
      * Мин. допустимое число
      */

package/slider-input/modern/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Input } from '../../input/modern';
 import { Slider } from '../../slider/modern';
 
-const styles = {"component":"slider-input__component_xk0rp","block":"slider-input__block_xk0rp","slider":"slider-input__slider_xk0rp","xl":"slider-input__xl_xk0rp","hidePips":"slider-input__hidePips_xk0rp","field":"slider-input__field_xk0rp","s":"slider-input__s_xk0rp","m":"slider-input__m_xk0rp","l":"slider-input__l_xk0rp","input":"slider-input__input_xk0rp","steps":"slider-input__steps_xk0rp","info":"slider-input__info_xk0rp","hasLabel":"slider-input__hasLabel_xk0rp","focused":"slider-input__focused_xk0rp","filled":"slider-input__filled_xk0rp"};
+const styles = {"component":"slider-input__component_w9dik","block":"slider-input__block_w9dik","slider":"slider-input__slider_w9dik","xl":"slider-input__xl_w9dik","hidePips":"slider-input__hidePips_w9dik","field":"slider-input__field_w9dik","s":"slider-input__s_w9dik","m":"slider-input__m_w9dik","l":"slider-input__l_w9dik","input":"slider-input__input_w9dik","steps":"slider-input__steps_w9dik","info":"slider-input__info_w9dik","hasLabel":"slider-input__hasLabel_w9dik","focused":"slider-input__focused_w9dik","filled":"slider-input__filled_w9dik"};
 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) => {

package/slider-input/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: pwsjb */
+/* hash: 1gy20 */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-700: #898991;
@@ -72,57 +72,57 @@
     --slider-input-progress-hover-bg-color: var(--color-light-neutral-700);
     --slider-input-origin-width: calc(100% - 16px);
     --slider-input-origin-right: 8px;
-} .slider-input__component_xk0rp {
+} .slider-input__component_w9dik {
     position: relative;
     display: inline-block;
-} .slider-input__block_xk0rp {
+} .slider-input__block_w9dik {
     display: block;
-} .slider-input__slider_xk0rp {
+} .slider-input__slider_w9dik {
     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_xk0rp.slider-input__xl_xk0rp {
+} .slider-input__slider_w9dik.slider-input__xl_w9dik {
         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_xk0rp .noUi-base {
+    } .slider-input__slider_w9dik .noUi-base {
         border-radius: var(--slider-input-progress-border-radius);
-    } .slider-input__slider_xk0rp .noUi-base:hover > .noUi-connects {
+    } .slider-input__slider_w9dik .noUi-base:hover > .noUi-connects {
             background-color: var(--slider-input-progress-hover-bg-color);
-        } .slider-input__slider_xk0rp .noUi-connects {
+        } .slider-input__slider_w9dik .noUi-connects {
         border-radius: var(--slider-input-progress-border-radius);
         background-color: var(--slider-input-progress-bg-color);
-    } .slider-input__slider_xk0rp .noUi-origin {
+    } .slider-input__slider_w9dik .noUi-origin {
         width: var(--slider-input-origin-width);
         right: var(--slider-input-origin-right);
-    } .slider-input__slider_xk0rp {
+    } .slider-input__slider_w9dik {
 
     /* TODO исправить на 6px когда слайдеру добавят position: absolute */
-} .slider-input__slider_xk0rp + * {
+} .slider-input__slider_w9dik + * {
         margin-top: 5px;
-    } .slider-input__hidePips_xk0rp .noUi-pips {
+    } .slider-input__hidePips_w9dik .noUi-pips {
         display: none;
-    } .slider-input__component_xk0rp .slider-input__field_xk0rp.slider-input__s_xk0rp {
+    } .slider-input__component_w9dik .slider-input__field_w9dik.slider-input__s_w9dik {
         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_xk0rp .slider-input__field_xk0rp.slider-input__m_xk0rp {
+    } .slider-input__component_w9dik .slider-input__field_w9dik.slider-input__m_w9dik {
         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_xk0rp .slider-input__field_xk0rp.slider-input__l_xk0rp {
+    } .slider-input__component_w9dik .slider-input__field_w9dik.slider-input__l_w9dik {
         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_xk0rp .slider-input__field_xk0rp.slider-input__xl_xk0rp {
+    } .slider-input__component_w9dik .slider-input__field_w9dik.slider-input__xl_w9dik {
         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_xk0rp input,
-    .slider-input__input_xk0rp input + div {
+    } .slider-input__input_w9dik input,
+    .slider-input__input_w9dik input + div {
         font-weight: var(--slider-input-font-weight);
         font-variant-numeric: tabular-nums;
-    } .slider-input__input_xk0rp input::placeholder {
+    } .slider-input__input_w9dik input::placeholder {
         font-weight: 400;
-    } .slider-input__steps_xk0rp {
+    } .slider-input__steps_w9dik {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -131,7 +131,7 @@
     justify-content: space-between;
     margin-top: var(--gap-xs);
     color: var(--slider-input-steps-color);
-} .slider-input__info_xk0rp {
+} .slider-input__info_w9dik {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -141,24 +141,24 @@
     opacity: 0;
     transition: 0.2s ease;
     visibility: hidden;
-} .slider-input__s_xk0rp.slider-input__hasLabel_xk0rp .slider-input__info_xk0rp:first-child {
+} .slider-input__s_w9dik.slider-input__hasLabel_w9dik .slider-input__info_w9dik:first-child {
     padding: var(--form-control-labeled-s-paddings);
     padding-left: 0;
     padding-right: 0;
-} .slider-input__m_xk0rp.slider-input__hasLabel_xk0rp .slider-input__info_xk0rp:first-child {
+} .slider-input__m_w9dik.slider-input__hasLabel_w9dik .slider-input__info_w9dik:first-child {
     padding: var(--form-control-labeled-m-paddings);
     padding-left: 0;
     padding-right: 0;
-} .slider-input__l_xk0rp.slider-input__hasLabel_xk0rp .slider-input__info_xk0rp:first-child {
+} .slider-input__l_w9dik.slider-input__hasLabel_w9dik .slider-input__info_w9dik:first-child {
     padding: var(--form-control-labeled-l-paddings);
     padding-left: 0;
     padding-right: 0;
-} .slider-input__xl_xk0rp.slider-input__hasLabel_xk0rp .slider-input__info_xk0rp:first-child {
+} .slider-input__xl_w9dik.slider-input__hasLabel_w9dik .slider-input__info_w9dik:first-child {
     padding: var(--form-control-labeled-xl-paddings);
     padding-left: 0;
     padding-right: 0;
-} .slider-input__focused_xk0rp .slider-input__info_xk0rp,
-.slider-input__filled_xk0rp .slider-input__info_xk0rp {
+} .slider-input__focused_w9dik .slider-input__info_w9dik,
+.slider-input__filled_w9dik .slider-input__info_w9dik {
     visibility: visible;
     opacity: 1;
 }

package/sortable-list/Component.js

@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"sortable-list__component_bir8u","primary":"sortable-list__primary_bir8u","secondary":"sortable-list__secondary_bir8u","padding-top-3xs":"sortable-list__padding-top-3xs_bir8u","padding-bottom-3xs":"sortable-list__padding-bottom-3xs_bir8u","padding-left-3xs":"sortable-list__padding-left-3xs_bir8u","padding-right-3xs":"sortable-list__padding-right-3xs_bir8u","padding-top-2xs":"sortable-list__padding-top-2xs_bir8u","padding-bottom-2xs":"sortable-list__padding-bottom-2xs_bir8u","padding-left-2xs":"sortable-list__padding-left-2xs_bir8u","padding-right-2xs":"sortable-list__padding-right-2xs_bir8u","padding-top-xs":"sortable-list__padding-top-xs_bir8u","padding-bottom-xs":"sortable-list__padding-bottom-xs_bir8u","padding-left-xs":"sortable-list__padding-left-xs_bir8u","padding-right-xs":"sortable-list__padding-right-xs_bir8u","padding-top-s":"sortable-list__padding-top-s_bir8u","padding-bottom-s":"sortable-list__padding-bottom-s_bir8u","padding-left-s":"sortable-list__padding-left-s_bir8u","padding-right-s":"sortable-list__padding-right-s_bir8u","padding-top-m":"sortable-list__padding-top-m_bir8u","padding-bottom-m":"sortable-list__padding-bottom-m_bir8u","padding-left-m":"sortable-list__padding-left-m_bir8u","padding-right-m":"sortable-list__padding-right-m_bir8u","padding-top-l":"sortable-list__padding-top-l_bir8u","padding-bottom-l":"sortable-list__padding-bottom-l_bir8u","padding-left-l":"sortable-list__padding-left-l_bir8u","padding-right-l":"sortable-list__padding-right-l_bir8u","border-radius-m":"sortable-list__border-radius-m_bir8u","border-radius-l":"sortable-list__border-radius-l_bir8u","border-radius-xl":"sortable-list__border-radius-xl_bir8u"};
+var styles = {"component":"sortable-list__component_13sjx","primary":"sortable-list__primary_13sjx","secondary":"sortable-list__secondary_13sjx","padding-top-3xs":"sortable-list__padding-top-3xs_13sjx","padding-bottom-3xs":"sortable-list__padding-bottom-3xs_13sjx","padding-left-3xs":"sortable-list__padding-left-3xs_13sjx","padding-right-3xs":"sortable-list__padding-right-3xs_13sjx","padding-top-2xs":"sortable-list__padding-top-2xs_13sjx","padding-bottom-2xs":"sortable-list__padding-bottom-2xs_13sjx","padding-left-2xs":"sortable-list__padding-left-2xs_13sjx","padding-right-2xs":"sortable-list__padding-right-2xs_13sjx","padding-top-xs":"sortable-list__padding-top-xs_13sjx","padding-bottom-xs":"sortable-list__padding-bottom-xs_13sjx","padding-left-xs":"sortable-list__padding-left-xs_13sjx","padding-right-xs":"sortable-list__padding-right-xs_13sjx","padding-top-s":"sortable-list__padding-top-s_13sjx","padding-bottom-s":"sortable-list__padding-bottom-s_13sjx","padding-left-s":"sortable-list__padding-left-s_13sjx","padding-right-s":"sortable-list__padding-right-s_13sjx","padding-top-m":"sortable-list__padding-top-m_13sjx","padding-bottom-m":"sortable-list__padding-bottom-m_13sjx","padding-left-m":"sortable-list__padding-left-m_13sjx","padding-right-m":"sortable-list__padding-right-m_13sjx","padding-top-l":"sortable-list__padding-top-l_13sjx","padding-bottom-l":"sortable-list__padding-bottom-l_13sjx","padding-left-l":"sortable-list__padding-left-l_13sjx","padding-right-l":"sortable-list__padding-right-l_13sjx","border-radius-m":"sortable-list__border-radius-m_13sjx","border-radius-l":"sortable-list__border-radius-l_13sjx","border-radius-xl":"sortable-list__border-radius-xl_13sjx"};
 require('./index.css');
 
 var DEFAULT_INSTRUCTION = 'Чтобы выбрать перетаскиваемый элемент, нажмите пробел.\n' +