npm - @alfalab/core-components - Versions diffs - 47.15.0 → 47.17.0 - Mend

@alfalab/core-components 47.15.0 → 47.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3279) hide show

package/slider-input/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: jm0fq */
+/* hash: qzyft */
 :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 */ /* 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 */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-700: #898991;
@@ -18,18 +18,28 @@
     --border-radius-l: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     /* новые значения, используйте их */
-} :root { /* deprecated */ /* deprecated */
+    --border-radius-4: var(--border-radius-s);
+    --border-radius-8: var(--border-radius-m);
+    --border-radius-12: var(--border-radius-l);
+} :root { /* deprecated */
+    --gap-2xs: 4px; /* deprecated */
     --gap-xs: 8px; /* deprecated */
     --gap-s: 12px; /* deprecated */ /* deprecated */
-    --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-m: 16px; /* deprecated */ /* deprecated */
+    --gap-xl: 24px; /* deprecated */
+    --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     /* новые значения, используйте их */
+    --gap-0: 0;
+    --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
+    --gap-24: var(--gap-xl);
+    --gap-32: var(--gap-2xl);
 } :root {
 } :root {
-} :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
     --slider-progress-s-height: 2px;
     /* Отступы по бокам — на мобилке thumb не должен заходить за края контрола */
@@ -46,9 +56,9 @@
     /* height */
     /* paddings */
-    --form-control-labeled-s-paddings: 24px var(--gap-12) 4px;
-    --form-control-labeled-m-paddings: 28px var(--gap-12) 8px;
-    --form-control-labeled-l-paddings: 32px var(--gap-12) 12px;
+    --form-control-labeled-s-paddings: var(--gap-24) var(--gap-12) var(--gap-4);
+    --form-control-labeled-m-paddings: 28px var(--gap-12) var(--gap-8);
+    --form-control-labeled-l-paddings: var(--gap-32) var(--gap-12) var(--gap-12);
     --form-control-labeled-xl-paddings: 38px var(--gap-16) 14px;
     /* disabled */
@@ -68,68 +78,68 @@
     --slider-input-steps-color: var(--color-light-text-secondary);
     --slider-input-info-color: var(--color-light-text-secondary);
     --slider-input-font-weight: 700;
-    --slider-input-s-border-bottom-radius: var(--border-radius-m);
-    --slider-input-m-border-bottom-radius: var(--border-radius-m);
-    --slider-input-l-border-bottom-radius: var(--border-radius-m);
-    --slider-input-xl-border-bottom-radius: var(--border-radius-l);
+    --slider-input-s-border-bottom-radius: var(--border-radius-8);
+    --slider-input-m-border-bottom-radius: var(--border-radius-8);
+    --slider-input-l-border-bottom-radius: var(--border-radius-8);
+    --slider-input-xl-border-bottom-radius: var(--border-radius-12);
     --slider-input-progress-margin-horizontal: var(--gap-12);
     --slider-input-xl-progress-margin-horizontal: var(--gap-16);
-    --slider-input-progress-border-radius: var(--border-radius-s);
+    --slider-input-progress-border-radius: var(--border-radius-4);
     --slider-input-progress-bg-color: var(--color-light-neutral-700);
     --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_b4gw3 {
+    --slider-input-origin-right: var(--gap-8);
+} .slider-input__component_38xmo {
     position: relative;
     display: inline-block;
-} .slider-input__block_b4gw3 {
+} .slider-input__block_38xmo {
     display: block;
-} .slider-input__slider_b4gw3 {
+} .slider-input__slider_38xmo {
     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_b4gw3.slider-input__size-72_b4gw3 {
+} .slider-input__slider_38xmo.slider-input__size-72_38xmo {
         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_b4gw3 .noUi-base {
+    } .slider-input__slider_38xmo .noUi-base {
         border-radius: var(--slider-input-progress-border-radius);
-    } .slider-input__slider_b4gw3 .noUi-base:hover > .noUi-connects {
+    } .slider-input__slider_38xmo .noUi-base:hover > .noUi-connects {
             background-color: var(--slider-input-progress-hover-bg-color);
-        } .slider-input__slider_b4gw3 .noUi-connects {
+        } .slider-input__slider_38xmo .noUi-connects {
         border-radius: var(--slider-input-progress-border-radius);
         background-color: var(--slider-input-progress-bg-color);
-    } .slider-input__slider_b4gw3 .noUi-origin {
+    } .slider-input__slider_38xmo .noUi-origin {
         width: var(--slider-input-origin-width);
         right: var(--slider-input-origin-right);
-    } .slider-input__slider_b4gw3 {
+    } .slider-input__slider_38xmo {
     /* TODO исправить на 6px когда слайдеру добавят position: absolute */
-} .slider-input__slider_b4gw3 + * {
+} .slider-input__slider_38xmo + * {
         margin-top: 5px;
-    } .slider-input__hidePips_b4gw3 .noUi-pips {
+    } .slider-input__hidePips_38xmo .noUi-pips {
         display: none;
-    } .slider-input__component_b4gw3 .slider-input__field_b4gw3.slider-input__size-48_b4gw3 {
+    } .slider-input__component_38xmo .slider-input__field_38xmo.slider-input__size-48_38xmo {
         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_b4gw3 .slider-input__field_b4gw3.slider-input__size-56_b4gw3 {
+    } .slider-input__component_38xmo .slider-input__field_38xmo.slider-input__size-56_38xmo {
         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_b4gw3 .slider-input__field_b4gw3.slider-input__size-64_b4gw3 {
+    } .slider-input__component_38xmo .slider-input__field_38xmo.slider-input__size-64_38xmo {
         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_b4gw3 .slider-input__field_b4gw3.slider-input__size-72_b4gw3 {
+    } .slider-input__component_38xmo .slider-input__field_38xmo.slider-input__size-72_38xmo {
         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_b4gw3 input,
-    .slider-input__input_b4gw3 input + div {
+    } .slider-input__input_38xmo input,
+    .slider-input__input_38xmo input + div {
         font-weight: var(--slider-input-font-weight);
         font-variant-numeric: tabular-nums;
-    } .slider-input__input_b4gw3 input::placeholder {
+    } .slider-input__input_38xmo input::placeholder {
         font-weight: 400;
-    } .slider-input__steps_b4gw3 {
+    } .slider-input__steps_38xmo {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -138,7 +148,7 @@
     justify-content: space-between;
     margin-top: var(--gap-8);
     color: var(--slider-input-steps-color);
-} .slider-input__info_b4gw3 {
+} .slider-input__info_38xmo {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -148,24 +158,24 @@
     opacity: 0;
     transition: 0.2s ease;
     visibility: hidden;
-} .slider-input__size-48_b4gw3.slider-input__hasLabel_b4gw3 .slider-input__info_b4gw3:first-child {
+} .slider-input__size-48_38xmo.slider-input__hasLabel_38xmo .slider-input__info_38xmo:first-child {
     padding: var(--form-control-labeled-s-paddings);
-    padding-left: 0;
-    padding-right: 0;
-} .slider-input__size-56_b4gw3.slider-input__hasLabel_b4gw3 .slider-input__info_b4gw3:first-child {
+    padding-left: var(--gap-0);
+    padding-right: var(--gap-0);
+} .slider-input__size-56_38xmo.slider-input__hasLabel_38xmo .slider-input__info_38xmo:first-child {
     padding: var(--form-control-labeled-m-paddings);
-    padding-left: 0;
-    padding-right: 0;
-} .slider-input__size-64_b4gw3.slider-input__hasLabel_b4gw3 .slider-input__info_b4gw3:first-child {
+    padding-left: var(--gap-0);
+    padding-right: var(--gap-0);
+} .slider-input__size-64_38xmo.slider-input__hasLabel_38xmo .slider-input__info_38xmo:first-child {
     padding: var(--form-control-labeled-l-paddings);
-    padding-left: 0;
-    padding-right: 0;
-} .slider-input__size-72_b4gw3.slider-input__hasLabel_b4gw3 .slider-input__info_b4gw3:first-child {
+    padding-left: var(--gap-0);
+    padding-right: var(--gap-0);
+} .slider-input__size-72_38xmo.slider-input__hasLabel_38xmo .slider-input__info_38xmo:first-child {
     padding: var(--form-control-labeled-xl-paddings);
-    padding-left: 0;
-    padding-right: 0;
-} .slider-input__focused_b4gw3 .slider-input__info_b4gw3,
-.slider-input__filled_b4gw3 .slider-input__info_b4gw3 {
+    padding-left: var(--gap-0);
+    padding-right: var(--gap-0);
+} .slider-input__focused_38xmo .slider-input__info_38xmo,
+.slider-input__filled_38xmo .slider-input__info_38xmo {
     visibility: visible;
     opacity: 1;
 }

package/slider-input/modern/Component.js CHANGED Viewed

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Input } from '../../input/modern';
 import { Slider } from '../../slider/modern';
-const styles = {"component":"slider-input__component_b4gw3","block":"slider-input__block_b4gw3","slider":"slider-input__slider_b4gw3","size-72":"slider-input__size-72_b4gw3","hidePips":"slider-input__hidePips_b4gw3","field":"slider-input__field_b4gw3","size-48":"slider-input__size-48_b4gw3","size-56":"slider-input__size-56_b4gw3","size-64":"slider-input__size-64_b4gw3","input":"slider-input__input_b4gw3","steps":"slider-input__steps_b4gw3","info":"slider-input__info_b4gw3","hasLabel":"slider-input__hasLabel_b4gw3","focused":"slider-input__focused_b4gw3","filled":"slider-input__filled_b4gw3"};
+const styles = {"component":"slider-input__component_38xmo","block":"slider-input__block_38xmo","slider":"slider-input__slider_38xmo","size-72":"slider-input__size-72_38xmo","hidePips":"slider-input__hidePips_38xmo","field":"slider-input__field_38xmo","size-48":"slider-input__size-48_38xmo","size-56":"slider-input__size-56_38xmo","size-64":"slider-input__size-64_38xmo","input":"slider-input__input_38xmo","steps":"slider-input__steps_38xmo","info":"slider-input__info_38xmo","hasLabel":"slider-input__hasLabel_38xmo","focused":"slider-input__focused_38xmo","filled":"slider-input__filled_38xmo"};
 require('./index.css');
 const SIZE_TO_CLASSNAME_MAP = {

package/slider-input/modern/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: jm0fq */
+/* hash: qzyft */
 :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 */ /* 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 */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-700: #898991;
@@ -18,18 +18,28 @@
     --border-radius-l: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     /* новые значения, используйте их */
-} :root { /* deprecated */ /* deprecated */
+    --border-radius-4: var(--border-radius-s);
+    --border-radius-8: var(--border-radius-m);
+    --border-radius-12: var(--border-radius-l);
+} :root { /* deprecated */
+    --gap-2xs: 4px; /* deprecated */
     --gap-xs: 8px; /* deprecated */
     --gap-s: 12px; /* deprecated */ /* deprecated */
-    --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-m: 16px; /* deprecated */ /* deprecated */
+    --gap-xl: 24px; /* deprecated */
+    --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     /* новые значения, используйте их */
+    --gap-0: 0;
+    --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
+    --gap-24: var(--gap-xl);
+    --gap-32: var(--gap-2xl);
 } :root {
 } :root {
-} :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
     --slider-progress-s-height: 2px;
     /* Отступы по бокам — на мобилке thumb не должен заходить за края контрола */
@@ -46,9 +56,9 @@
     /* height */
     /* paddings */
-    --form-control-labeled-s-paddings: 24px var(--gap-12) 4px;
-    --form-control-labeled-m-paddings: 28px var(--gap-12) 8px;
-    --form-control-labeled-l-paddings: 32px var(--gap-12) 12px;
+    --form-control-labeled-s-paddings: var(--gap-24) var(--gap-12) var(--gap-4);
+    --form-control-labeled-m-paddings: 28px var(--gap-12) var(--gap-8);
+    --form-control-labeled-l-paddings: var(--gap-32) var(--gap-12) var(--gap-12);
     --form-control-labeled-xl-paddings: 38px var(--gap-16) 14px;
     /* disabled */
@@ -68,68 +78,68 @@
     --slider-input-steps-color: var(--color-light-text-secondary);
     --slider-input-info-color: var(--color-light-text-secondary);
     --slider-input-font-weight: 700;
-    --slider-input-s-border-bottom-radius: var(--border-radius-m);
-    --slider-input-m-border-bottom-radius: var(--border-radius-m);
-    --slider-input-l-border-bottom-radius: var(--border-radius-m);
-    --slider-input-xl-border-bottom-radius: var(--border-radius-l);
+    --slider-input-s-border-bottom-radius: var(--border-radius-8);
+    --slider-input-m-border-bottom-radius: var(--border-radius-8);
+    --slider-input-l-border-bottom-radius: var(--border-radius-8);
+    --slider-input-xl-border-bottom-radius: var(--border-radius-12);
     --slider-input-progress-margin-horizontal: var(--gap-12);
     --slider-input-xl-progress-margin-horizontal: var(--gap-16);
-    --slider-input-progress-border-radius: var(--border-radius-s);
+    --slider-input-progress-border-radius: var(--border-radius-4);
     --slider-input-progress-bg-color: var(--color-light-neutral-700);
     --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_b4gw3 {
+    --slider-input-origin-right: var(--gap-8);
+} .slider-input__component_38xmo {
     position: relative;
     display: inline-block;
-} .slider-input__block_b4gw3 {
+} .slider-input__block_38xmo {
     display: block;
-} .slider-input__slider_b4gw3 {
+} .slider-input__slider_38xmo {
     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_b4gw3.slider-input__size-72_b4gw3 {
+} .slider-input__slider_38xmo.slider-input__size-72_38xmo {
         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_b4gw3 .noUi-base {
+    } .slider-input__slider_38xmo .noUi-base {
         border-radius: var(--slider-input-progress-border-radius);
-    } .slider-input__slider_b4gw3 .noUi-base:hover > .noUi-connects {
+    } .slider-input__slider_38xmo .noUi-base:hover > .noUi-connects {
             background-color: var(--slider-input-progress-hover-bg-color);
-        } .slider-input__slider_b4gw3 .noUi-connects {
+        } .slider-input__slider_38xmo .noUi-connects {
         border-radius: var(--slider-input-progress-border-radius);
         background-color: var(--slider-input-progress-bg-color);
-    } .slider-input__slider_b4gw3 .noUi-origin {
+    } .slider-input__slider_38xmo .noUi-origin {
         width: var(--slider-input-origin-width);
         right: var(--slider-input-origin-right);
-    } .slider-input__slider_b4gw3 {
+    } .slider-input__slider_38xmo {
     /* TODO исправить на 6px когда слайдеру добавят position: absolute */
-} .slider-input__slider_b4gw3 + * {
+} .slider-input__slider_38xmo + * {
         margin-top: 5px;
-    } .slider-input__hidePips_b4gw3 .noUi-pips {
+    } .slider-input__hidePips_38xmo .noUi-pips {
         display: none;
-    } .slider-input__component_b4gw3 .slider-input__field_b4gw3.slider-input__size-48_b4gw3 {
+    } .slider-input__component_38xmo .slider-input__field_38xmo.slider-input__size-48_38xmo {
         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_b4gw3 .slider-input__field_b4gw3.slider-input__size-56_b4gw3 {
+    } .slider-input__component_38xmo .slider-input__field_38xmo.slider-input__size-56_38xmo {
         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_b4gw3 .slider-input__field_b4gw3.slider-input__size-64_b4gw3 {
+    } .slider-input__component_38xmo .slider-input__field_38xmo.slider-input__size-64_38xmo {
         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_b4gw3 .slider-input__field_b4gw3.slider-input__size-72_b4gw3 {
+    } .slider-input__component_38xmo .slider-input__field_38xmo.slider-input__size-72_38xmo {
         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_b4gw3 input,
-    .slider-input__input_b4gw3 input + div {
+    } .slider-input__input_38xmo input,
+    .slider-input__input_38xmo input + div {
         font-weight: var(--slider-input-font-weight);
         font-variant-numeric: tabular-nums;
-    } .slider-input__input_b4gw3 input::placeholder {
+    } .slider-input__input_38xmo input::placeholder {
         font-weight: 400;
-    } .slider-input__steps_b4gw3 {
+    } .slider-input__steps_38xmo {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -138,7 +148,7 @@
     justify-content: space-between;
     margin-top: var(--gap-8);
     color: var(--slider-input-steps-color);
-} .slider-input__info_b4gw3 {
+} .slider-input__info_38xmo {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -148,24 +158,24 @@
     opacity: 0;
     transition: 0.2s ease;
     visibility: hidden;
-} .slider-input__size-48_b4gw3.slider-input__hasLabel_b4gw3 .slider-input__info_b4gw3:first-child {
+} .slider-input__size-48_38xmo.slider-input__hasLabel_38xmo .slider-input__info_38xmo:first-child {
     padding: var(--form-control-labeled-s-paddings);
-    padding-left: 0;
-    padding-right: 0;
-} .slider-input__size-56_b4gw3.slider-input__hasLabel_b4gw3 .slider-input__info_b4gw3:first-child {
+    padding-left: var(--gap-0);
+    padding-right: var(--gap-0);
+} .slider-input__size-56_38xmo.slider-input__hasLabel_38xmo .slider-input__info_38xmo:first-child {
     padding: var(--form-control-labeled-m-paddings);
-    padding-left: 0;
-    padding-right: 0;
-} .slider-input__size-64_b4gw3.slider-input__hasLabel_b4gw3 .slider-input__info_b4gw3:first-child {
+    padding-left: var(--gap-0);
+    padding-right: var(--gap-0);
+} .slider-input__size-64_38xmo.slider-input__hasLabel_38xmo .slider-input__info_38xmo:first-child {
     padding: var(--form-control-labeled-l-paddings);
-    padding-left: 0;
-    padding-right: 0;
-} .slider-input__size-72_b4gw3.slider-input__hasLabel_b4gw3 .slider-input__info_b4gw3:first-child {
+    padding-left: var(--gap-0);
+    padding-right: var(--gap-0);
+} .slider-input__size-72_38xmo.slider-input__hasLabel_38xmo .slider-input__info_38xmo:first-child {
     padding: var(--form-control-labeled-xl-paddings);
-    padding-left: 0;
-    padding-right: 0;
-} .slider-input__focused_b4gw3 .slider-input__info_b4gw3,
-.slider-input__filled_b4gw3 .slider-input__info_b4gw3 {
+    padding-left: var(--gap-0);
+    padding-right: var(--gap-0);
+} .slider-input__focused_38xmo .slider-input__info_38xmo,
+.slider-input__filled_38xmo .slider-input__info_38xmo {
     visibility: visible;
     opacity: 1;
 }

package/slider-input/moderncssm/index.module.css CHANGED Viewed

@@ -17,9 +17,9 @@
     /* height */
     /* paddings */
-    --form-control-labeled-s-paddings: 24px var(--gap-12) 4px;
-    --form-control-labeled-m-paddings: 28px var(--gap-12) 8px;
-    --form-control-labeled-l-paddings: 32px var(--gap-12) 12px;
+    --form-control-labeled-s-paddings: var(--gap-24) var(--gap-12) var(--gap-4);
+    --form-control-labeled-m-paddings: 28px var(--gap-12) var(--gap-8);
+    --form-control-labeled-l-paddings: var(--gap-32) var(--gap-12) var(--gap-12);
     --form-control-labeled-xl-paddings: 38px var(--gap-16) 14px;
     /* disabled */
@@ -40,17 +40,17 @@
     --slider-input-steps-color: var(--color-light-text-secondary);
     --slider-input-info-color: var(--color-light-text-secondary);
     --slider-input-font-weight: 700;
-    --slider-input-s-border-bottom-radius: var(--border-radius-m);
-    --slider-input-m-border-bottom-radius: var(--border-radius-m);
-    --slider-input-l-border-bottom-radius: var(--border-radius-m);
-    --slider-input-xl-border-bottom-radius: var(--border-radius-l);
+    --slider-input-s-border-bottom-radius: var(--border-radius-8);
+    --slider-input-m-border-bottom-radius: var(--border-radius-8);
+    --slider-input-l-border-bottom-radius: var(--border-radius-8);
+    --slider-input-xl-border-bottom-radius: var(--border-radius-12);
     --slider-input-progress-margin-horizontal: var(--gap-12);
     --slider-input-xl-progress-margin-horizontal: var(--gap-16);
-    --slider-input-progress-border-radius: var(--border-radius-s);
+    --slider-input-progress-border-radius: var(--border-radius-4);
     --slider-input-progress-bg-color: var(--color-light-neutral-700);
     --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-origin-right: var(--gap-8);
 }
 .component {
     position: relative;
@@ -143,23 +143,23 @@
 }
 .size-48.hasLabel .info:first-child {
     padding: var(--form-control-labeled-s-paddings);
-    padding-left: 0;
-    padding-right: 0;
+    padding-left: var(--gap-0);
+    padding-right: var(--gap-0);
 }
 .size-56.hasLabel .info:first-child {
     padding: var(--form-control-labeled-m-paddings);
-    padding-left: 0;
-    padding-right: 0;
+    padding-left: var(--gap-0);
+    padding-right: var(--gap-0);
 }
 .size-64.hasLabel .info:first-child {
     padding: var(--form-control-labeled-l-paddings);
-    padding-left: 0;
-    padding-right: 0;
+    padding-left: var(--gap-0);
+    padding-right: var(--gap-0);
 }
 .size-72.hasLabel .info:first-child {
     padding: var(--form-control-labeled-xl-paddings);
-    padding-left: 0;
-    padding-right: 0;
+    padding-left: var(--gap-0);
+    padding-right: var(--gap-0);
 }
 .focused .info,
 .filled .info {

package/sortable-list/Component.js CHANGED Viewed

@@ -15,7 +15,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_jbvle","primary":"sortable-list__primary_jbvle","secondary":"sortable-list__secondary_jbvle","padding-top-3xs":"sortable-list__padding-top-3xs_jbvle","padding-bottom-3xs":"sortable-list__padding-bottom-3xs_jbvle","padding-left-3xs":"sortable-list__padding-left-3xs_jbvle","padding-right-3xs":"sortable-list__padding-right-3xs_jbvle","padding-top-2xs":"sortable-list__padding-top-2xs_jbvle","padding-bottom-2xs":"sortable-list__padding-bottom-2xs_jbvle","padding-left-2xs":"sortable-list__padding-left-2xs_jbvle","padding-right-2xs":"sortable-list__padding-right-2xs_jbvle","padding-top-xs":"sortable-list__padding-top-xs_jbvle","padding-bottom-xs":"sortable-list__padding-bottom-xs_jbvle","padding-left-xs":"sortable-list__padding-left-xs_jbvle","padding-right-xs":"sortable-list__padding-right-xs_jbvle","padding-top-s":"sortable-list__padding-top-s_jbvle","padding-bottom-s":"sortable-list__padding-bottom-s_jbvle","padding-left-s":"sortable-list__padding-left-s_jbvle","padding-right-s":"sortable-list__padding-right-s_jbvle","padding-top-m":"sortable-list__padding-top-m_jbvle","padding-bottom-m":"sortable-list__padding-bottom-m_jbvle","padding-left-m":"sortable-list__padding-left-m_jbvle","padding-right-m":"sortable-list__padding-right-m_jbvle","padding-top-l":"sortable-list__padding-top-l_jbvle","padding-bottom-l":"sortable-list__padding-bottom-l_jbvle","padding-left-l":"sortable-list__padding-left-l_jbvle","padding-right-l":"sortable-list__padding-right-l_jbvle","border-radius-m":"sortable-list__border-radius-m_jbvle","border-radius-l":"sortable-list__border-radius-l_jbvle","border-radius-xl":"sortable-list__border-radius-xl_jbvle"};
+var styles = {"component":"sortable-list__component_1cq2k","primary":"sortable-list__primary_1cq2k","secondary":"sortable-list__secondary_1cq2k","padding-top-3xs":"sortable-list__padding-top-3xs_1cq2k","padding-bottom-3xs":"sortable-list__padding-bottom-3xs_1cq2k","padding-left-3xs":"sortable-list__padding-left-3xs_1cq2k","padding-right-3xs":"sortable-list__padding-right-3xs_1cq2k","padding-top-2xs":"sortable-list__padding-top-2xs_1cq2k","padding-bottom-2xs":"sortable-list__padding-bottom-2xs_1cq2k","padding-left-2xs":"sortable-list__padding-left-2xs_1cq2k","padding-right-2xs":"sortable-list__padding-right-2xs_1cq2k","padding-top-xs":"sortable-list__padding-top-xs_1cq2k","padding-bottom-xs":"sortable-list__padding-bottom-xs_1cq2k","padding-left-xs":"sortable-list__padding-left-xs_1cq2k","padding-right-xs":"sortable-list__padding-right-xs_1cq2k","padding-top-s":"sortable-list__padding-top-s_1cq2k","padding-bottom-s":"sortable-list__padding-bottom-s_1cq2k","padding-left-s":"sortable-list__padding-left-s_1cq2k","padding-right-s":"sortable-list__padding-right-s_1cq2k","padding-top-m":"sortable-list__padding-top-m_1cq2k","padding-bottom-m":"sortable-list__padding-bottom-m_1cq2k","padding-left-m":"sortable-list__padding-left-m_1cq2k","padding-right-m":"sortable-list__padding-right-m_1cq2k","padding-top-l":"sortable-list__padding-top-l_1cq2k","padding-bottom-l":"sortable-list__padding-bottom-l_1cq2k","padding-left-l":"sortable-list__padding-left-l_1cq2k","padding-right-l":"sortable-list__padding-right-l_1cq2k","border-radius-m":"sortable-list__border-radius-m_1cq2k","border-radius-l":"sortable-list__border-radius-l_1cq2k","border-radius-xl":"sortable-list__border-radius-xl_1cq2k"};
 require('./index.css');
 var DEFAULT_INSTRUCTION = 'Чтобы выбрать перетаскиваемый элемент, нажмите пробел.\n' +

package/sortable-list/components/item/Components.js CHANGED Viewed

@@ -13,7 +13,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_1ytls","icon":"sortable-list__icon_1ytls","activator-cell":"sortable-list__activator-cell_1ytls","disabled":"sortable-list__disabled_1ytls","dragOverlay":"sortable-list__dragOverlay_1ytls","activator-control":"sortable-list__activator-control_1ytls","content":"sortable-list__content_1ytls","dragging":"sortable-list__dragging_1ytls","pop":"sortable-list__pop_1ytls","control-left-padding-3xs":"sortable-list__control-left-padding-3xs_1ytls","control-right-padding-3xs":"sortable-list__control-right-padding-3xs_1ytls","control-left-padding-2xs":"sortable-list__control-left-padding-2xs_1ytls","control-right-padding-2xs":"sortable-list__control-right-padding-2xs_1ytls","control-left-padding-xs":"sortable-list__control-left-padding-xs_1ytls","control-right-padding-xs":"sortable-list__control-right-padding-xs_1ytls","control-left-padding-s":"sortable-list__control-left-padding-s_1ytls","control-right-padding-s":"sortable-list__control-right-padding-s_1ytls","control-left-padding-m":"sortable-list__control-left-padding-m_1ytls","control-right-padding-m":"sortable-list__control-right-padding-m_1ytls","control-left-padding-l":"sortable-list__control-left-padding-l_1ytls","control-right-padding-l":"sortable-list__control-right-padding-l_1ytls"};
+var styles = {"component":"sortable-list__component_swj54","icon":"sortable-list__icon_swj54","activator-cell":"sortable-list__activator-cell_swj54","disabled":"sortable-list__disabled_swj54","dragOverlay":"sortable-list__dragOverlay_swj54","activator-control":"sortable-list__activator-control_swj54","content":"sortable-list__content_swj54","dragging":"sortable-list__dragging_swj54","pop":"sortable-list__pop_swj54","control-left-padding-3xs":"sortable-list__control-left-padding-3xs_swj54","control-right-padding-3xs":"sortable-list__control-right-padding-3xs_swj54","control-left-padding-2xs":"sortable-list__control-left-padding-2xs_swj54","control-right-padding-2xs":"sortable-list__control-right-padding-2xs_swj54","control-left-padding-xs":"sortable-list__control-left-padding-xs_swj54","control-right-padding-xs":"sortable-list__control-right-padding-xs_swj54","control-left-padding-s":"sortable-list__control-left-padding-s_swj54","control-right-padding-s":"sortable-list__control-right-padding-s_swj54","control-left-padding-m":"sortable-list__control-left-padding-m_swj54","control-right-padding-m":"sortable-list__control-right-padding-m_swj54","control-left-padding-l":"sortable-list__control-left-padding-l_swj54","control-right-padding-l":"sortable-list__control-right-padding-l_swj54"};
 require('./index.css');
 var SortableItem = function (_a) {

package/sortable-list/components/item/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1velt */
+/* hash: 1ysix */
 :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 */ /* 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 */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
@@ -28,58 +28,58 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} .sortable-list__component_1ytls {
+} /* сбрасывает синюю подсветку при нажатии */ .sortable-list__component_swj54 {
     display: flex;
     align-items: center;
     box-sizing: border-box;
     min-height: 48px
-} .sortable-list__component_1ytls:hover .sortable-list__icon_1ytls {
+} .sortable-list__component_swj54:hover .sortable-list__icon_swj54 {
             color: var(--color-light-neutral-translucent-1300);
-        } .sortable-list__activator-cell_1ytls:not(.sortable-list__disabled_1ytls) {
+        } .sortable-list__activator-cell_swj54:not(.sortable-list__disabled_swj54) {
     cursor: grab
-} .sortable-list__activator-cell_1ytls:not(.sortable-list__disabled_1ytls).sortable-list__dragOverlay_1ytls {
+} .sortable-list__activator-cell_swj54:not(.sortable-list__disabled_swj54).sortable-list__dragOverlay_swj54 {
         cursor: grabbing;
-    } .sortable-list__activator-control_1ytls:not(.sortable-list__disabled_1ytls) .sortable-list__icon_1ytls {
+    } .sortable-list__activator-control_swj54:not(.sortable-list__disabled_swj54) .sortable-list__icon_swj54 {
         cursor: grab;
-    } .sortable-list__activator-control_1ytls:not(.sortable-list__disabled_1ytls).sortable-list__dragOverlay_1ytls .sortable-list__icon_1ytls {
+    } .sortable-list__activator-control_swj54:not(.sortable-list__disabled_swj54).sortable-list__dragOverlay_swj54 .sortable-list__icon_swj54 {
         cursor: grabbing;
-    } .sortable-list__content_1ytls {
+    } .sortable-list__content_swj54 {
     flex: 1;
-} .sortable-list__icon_1ytls {
+} .sortable-list__icon_swj54 {
     flex-shrink: 0;
     color: var(--color-light-neutral-translucent-700);
-} .sortable-list__dragging_1ytls {
+} .sortable-list__dragging_swj54 {
     opacity: 0;
-} .sortable-list__dragOverlay_1ytls {
+} .sortable-list__dragOverlay_swj54 {
     box-shadow: var(--shadow-s);
-    animation: sortable-list__pop_1ytls 200ms ease
-} .sortable-list__dragOverlay_1ytls .sortable-list__icon_1ytls {
+    animation: sortable-list__pop_swj54 200ms ease
+} .sortable-list__dragOverlay_swj54 .sortable-list__icon_swj54 {
         color: var(--color-light-neutral-translucent-1300);
-    } .sortable-list__control-left-padding-3xs_1ytls {
+    } .sortable-list__control-left-padding-3xs_swj54 {
         padding-left: var(--gap-3xs);
-    } .sortable-list__control-right-padding-3xs_1ytls {
+    } .sortable-list__control-right-padding-3xs_swj54 {
         padding-right: var(--gap-3xs);
-    } .sortable-list__control-left-padding-2xs_1ytls {
+    } .sortable-list__control-left-padding-2xs_swj54 {
         padding-left: var(--gap-2xs);
-    } .sortable-list__control-right-padding-2xs_1ytls {
+    } .sortable-list__control-right-padding-2xs_swj54 {
         padding-right: var(--gap-2xs);
-    } .sortable-list__control-left-padding-xs_1ytls {
+    } .sortable-list__control-left-padding-xs_swj54 {
         padding-left: var(--gap-xs);
-    } .sortable-list__control-right-padding-xs_1ytls {
+    } .sortable-list__control-right-padding-xs_swj54 {
         padding-right: var(--gap-xs);
-    } .sortable-list__control-left-padding-s_1ytls {
+    } .sortable-list__control-left-padding-s_swj54 {
         padding-left: var(--gap-s);
-    } .sortable-list__control-right-padding-s_1ytls {
+    } .sortable-list__control-right-padding-s_swj54 {
         padding-right: var(--gap-s);
-    } .sortable-list__control-left-padding-m_1ytls {
+    } .sortable-list__control-left-padding-m_swj54 {
         padding-left: var(--gap-m);
-    } .sortable-list__control-right-padding-m_1ytls {
+    } .sortable-list__control-right-padding-m_swj54 {
         padding-right: var(--gap-m);
-    } .sortable-list__control-left-padding-l_1ytls {
+    } .sortable-list__control-left-padding-l_swj54 {
         padding-left: var(--gap-l);
-    } .sortable-list__control-right-padding-l_1ytls {
+    } .sortable-list__control-right-padding-l_swj54 {
         padding-right: var(--gap-l);
-    } @keyframes sortable-list__pop_1ytls {
+    } @keyframes sortable-list__pop_swj54 {
     from {
         box-shadow: none;
     }

package/sortable-list/cssm/components/item/index.module.css CHANGED Viewed

@@ -27,7 +27,7 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} .component {
+} /* сбрасывает синюю подсветку при нажатии */ .component {
     display: flex;
     align-items: center;
     box-sizing: border-box;

package/sortable-list/cssm/index.module.css CHANGED Viewed

@@ -28,7 +28,7 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} .component {
+} /* сбрасывает синюю подсветку при нажатии */ .component {
     box-sizing: border-box;
 } .primary {
     background: var(--color-light-neutral-0);