@alfalab/core-components 37.4.0-beta.1 → 37.4.1

package/slider/esm/index.css

@@ -44,24 +44,24 @@
     --slider-origin-width: 100%;
     --slider-origin-right: 0;
 }
-.slider__component_15njq {
+.slider__component_wcpcl {
     width: 100%;
     padding-top: var(--slider-progress-s-height);
     position: relative
 }
-.slider__component_15njq .noUi-base:hover .noUi-connects {
+.slider__component_wcpcl .noUi-base:hover .noUi-connects {
             background: var(--slider-progress-hover-background);
         }
-.slider__component_15njq .noUi-base:hover .noUi-connect {
+.slider__component_wcpcl .noUi-base:hover .noUi-connect {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_15njq .noUi-handle:hover .noUi-touch-area {
+.slider__component_wcpcl .noUi-handle:hover .noUi-touch-area {
         background: var(--slider-thumb-hover-color);
     }
-.slider__component_15njq .noUi-handle:active .noUi-touch-area {
+.slider__component_wcpcl .noUi-handle:active .noUi-touch-area {
         background: var(--slider-thumb-active-color);
     }
-.slider__component_15njq .noUi-base {
+.slider__component_wcpcl .noUi-base {
         position: absolute;
         width: 100%;
         height: var(--slider-clickable-area-size);
@@ -69,14 +69,14 @@
 
         cursor: pointer;
     }
-.slider__component_15njq .noUi-origin {
+.slider__component_wcpcl .noUi-origin {
         width: var(--slider-origin-width);
         position: absolute;
         top: 0;
         right: var(--slider-origin-right);
         height: 0;
     }
-.slider__component_15njq .noUi-connects {
+.slider__component_wcpcl .noUi-connects {
         width: 100%;
         height: 100%;
         position: relative;
@@ -85,7 +85,7 @@
         z-index: 1;
         overflow: hidden;
     }
-.slider__component_15njq .noUi-connect {
+.slider__component_wcpcl .noUi-connect {
         background: var(--slider-progress-color);
         position: absolute;
         z-index: 1;
@@ -97,7 +97,7 @@
         will-change: transform;
         transform-origin: 0 0;
     }
-.slider__component_15njq .noUi-handle {
+.slider__component_wcpcl .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);
@@ -112,13 +112,13 @@
         outline: none;
         transition: background 0.15s;
     }
-.slider__component_15njq .noUi-touch-area {
+.slider__component_wcpcl .noUi-touch-area {
         border-radius: var(--border-radius-circle);
         background: var(--slider-thumb-color);
         width: 100%;
         height: 100%;
     }
-.slider__component_15njq .noUi-pips {
+.slider__component_wcpcl .noUi-pips {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
@@ -128,36 +128,36 @@
         position: relative;
         width: 100%;
     }
-.slider__component_15njq .noUi-marker {
+.slider__component_wcpcl .noUi-marker {
         display: none;
     }
-.slider__component_15njq .noUi-value {
+.slider__component_wcpcl .noUi-value {
         position: absolute;
         white-space: nowrap;
         text-align: center;
         top: 0;
         transform: translateX(-50%)
     }
-.slider__component_15njq .noUi-value:nth-child(2) {
+.slider__component_wcpcl .noUi-value:nth-child(2) {
             transform: none;
         }
-.slider__component_15njq .noUi-value:last-child {
+.slider__component_wcpcl .noUi-value:last-child {
             transform: translateX(-100%);
         }
-.slider__s_15njq .noUi-base {
+.slider__s_wcpcl .noUi-base {
         border-radius: var(--slider-progress-s-border-radius);
         top: calc(var(--slider-progress-s-height) / 2);
     }
-.slider__s_15njq .noUi-connects {
+.slider__s_wcpcl .noUi-connects {
         top: calc(var(--slider-clickable-area-half-size) - var(--slider-progress-s-height) / 2);
         height: var(--slider-progress-s-height);
         border-radius: var(--slider-progress-s-border-radius);
     }
-.slider__m_15njq .noUi-base {
+.slider__m_wcpcl .noUi-base {
         border-radius: var(--slider-progress-m-border-radius);
         top: calc(var(--slider-progress-m-height) / 2);
     }
-.slider__m_15njq .noUi-connects {
+.slider__m_wcpcl .noUi-connects {
         top: calc(var(--slider-clickable-area-half-size) - var(--slider-progress-m-height) / 2);
         height: var(--slider-progress-m-height);
         border-radius: var(--slider-progress-m-border-radius);

package/slider/index.css

@@ -44,24 +44,24 @@
     --slider-origin-width: 100%;
     --slider-origin-right: 0;
 }
-.slider__component_15njq {
+.slider__component_wcpcl {
     width: 100%;
     padding-top: var(--slider-progress-s-height);
     position: relative
 }
-.slider__component_15njq .noUi-base:hover .noUi-connects {
+.slider__component_wcpcl .noUi-base:hover .noUi-connects {
             background: var(--slider-progress-hover-background);
         }
-.slider__component_15njq .noUi-base:hover .noUi-connect {
+.slider__component_wcpcl .noUi-base:hover .noUi-connect {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_15njq .noUi-handle:hover .noUi-touch-area {
+.slider__component_wcpcl .noUi-handle:hover .noUi-touch-area {
         background: var(--slider-thumb-hover-color);
     }
-.slider__component_15njq .noUi-handle:active .noUi-touch-area {
+.slider__component_wcpcl .noUi-handle:active .noUi-touch-area {
         background: var(--slider-thumb-active-color);
     }
-.slider__component_15njq .noUi-base {
+.slider__component_wcpcl .noUi-base {
         position: absolute;
         width: 100%;
         height: var(--slider-clickable-area-size);
@@ -69,14 +69,14 @@
 
         cursor: pointer;
     }
-.slider__component_15njq .noUi-origin {
+.slider__component_wcpcl .noUi-origin {
         width: var(--slider-origin-width);
         position: absolute;
         top: 0;
         right: var(--slider-origin-right);
         height: 0;
     }
-.slider__component_15njq .noUi-connects {
+.slider__component_wcpcl .noUi-connects {
         width: 100%;
         height: 100%;
         position: relative;
@@ -85,7 +85,7 @@
         z-index: 1;
         overflow: hidden;
     }
-.slider__component_15njq .noUi-connect {
+.slider__component_wcpcl .noUi-connect {
         background: var(--slider-progress-color);
         position: absolute;
         z-index: 1;
@@ -97,7 +97,7 @@
         will-change: transform;
         transform-origin: 0 0;
     }
-.slider__component_15njq .noUi-handle {
+.slider__component_wcpcl .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);
@@ -112,13 +112,13 @@
         outline: none;
         transition: background 0.15s;
     }
-.slider__component_15njq .noUi-touch-area {
+.slider__component_wcpcl .noUi-touch-area {
         border-radius: var(--border-radius-circle);
         background: var(--slider-thumb-color);
         width: 100%;
         height: 100%;
     }
-.slider__component_15njq .noUi-pips {
+.slider__component_wcpcl .noUi-pips {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
@@ -128,36 +128,36 @@
         position: relative;
         width: 100%;
     }
-.slider__component_15njq .noUi-marker {
+.slider__component_wcpcl .noUi-marker {
         display: none;
     }
-.slider__component_15njq .noUi-value {
+.slider__component_wcpcl .noUi-value {
         position: absolute;
         white-space: nowrap;
         text-align: center;
         top: 0;
         transform: translateX(-50%)
     }
-.slider__component_15njq .noUi-value:nth-child(2) {
+.slider__component_wcpcl .noUi-value:nth-child(2) {
             transform: none;
         }
-.slider__component_15njq .noUi-value:last-child {
+.slider__component_wcpcl .noUi-value:last-child {
             transform: translateX(-100%);
         }
-.slider__s_15njq .noUi-base {
+.slider__s_wcpcl .noUi-base {
         border-radius: var(--slider-progress-s-border-radius);
         top: calc(var(--slider-progress-s-height) / 2);
     }
-.slider__s_15njq .noUi-connects {
+.slider__s_wcpcl .noUi-connects {
         top: calc(var(--slider-clickable-area-half-size) - var(--slider-progress-s-height) / 2);
         height: var(--slider-progress-s-height);
         border-radius: var(--slider-progress-s-border-radius);
     }
-.slider__m_15njq .noUi-base {
+.slider__m_wcpcl .noUi-base {
         border-radius: var(--slider-progress-m-border-radius);
         top: calc(var(--slider-progress-m-height) / 2);
     }
-.slider__m_15njq .noUi-connects {
+.slider__m_wcpcl .noUi-connects {
         top: calc(var(--slider-clickable-area-half-size) - var(--slider-progress-m-height) / 2);
         height: var(--slider-progress-m-height);
         border-radius: var(--slider-progress-m-border-radius);

package/slider/modern/Component.js

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

package/slider/modern/index.css

@@ -44,24 +44,24 @@
     --slider-origin-width: 100%;
     --slider-origin-right: 0;
 }
-.slider__component_15njq {
+.slider__component_wcpcl {
     width: 100%;
     padding-top: var(--slider-progress-s-height);
     position: relative
 }
-.slider__component_15njq .noUi-base:hover .noUi-connects {
+.slider__component_wcpcl .noUi-base:hover .noUi-connects {
             background: var(--slider-progress-hover-background);
         }
-.slider__component_15njq .noUi-base:hover .noUi-connect {
+.slider__component_wcpcl .noUi-base:hover .noUi-connect {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_15njq .noUi-handle:hover .noUi-touch-area {
+.slider__component_wcpcl .noUi-handle:hover .noUi-touch-area {
         background: var(--slider-thumb-hover-color);
     }
-.slider__component_15njq .noUi-handle:active .noUi-touch-area {
+.slider__component_wcpcl .noUi-handle:active .noUi-touch-area {
         background: var(--slider-thumb-active-color);
     }
-.slider__component_15njq .noUi-base {
+.slider__component_wcpcl .noUi-base {
         position: absolute;
         width: 100%;
         height: var(--slider-clickable-area-size);
@@ -69,14 +69,14 @@
 
         cursor: pointer;
     }
-.slider__component_15njq .noUi-origin {
+.slider__component_wcpcl .noUi-origin {
         width: var(--slider-origin-width);
         position: absolute;
         top: 0;
         right: var(--slider-origin-right);
         height: 0;
     }
-.slider__component_15njq .noUi-connects {
+.slider__component_wcpcl .noUi-connects {
         width: 100%;
         height: 100%;
         position: relative;
@@ -85,7 +85,7 @@
         z-index: 1;
         overflow: hidden;
     }
-.slider__component_15njq .noUi-connect {
+.slider__component_wcpcl .noUi-connect {
         background: var(--slider-progress-color);
         position: absolute;
         z-index: 1;
@@ -97,7 +97,7 @@
         will-change: transform;
         transform-origin: 0 0;
     }
-.slider__component_15njq .noUi-handle {
+.slider__component_wcpcl .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);
@@ -112,13 +112,13 @@
         outline: none;
         transition: background 0.15s;
     }
-.slider__component_15njq .noUi-touch-area {
+.slider__component_wcpcl .noUi-touch-area {
         border-radius: var(--border-radius-circle);
         background: var(--slider-thumb-color);
         width: 100%;
         height: 100%;
     }
-.slider__component_15njq .noUi-pips {
+.slider__component_wcpcl .noUi-pips {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
@@ -128,36 +128,36 @@
         position: relative;
         width: 100%;
     }
-.slider__component_15njq .noUi-marker {
+.slider__component_wcpcl .noUi-marker {
         display: none;
     }
-.slider__component_15njq .noUi-value {
+.slider__component_wcpcl .noUi-value {
         position: absolute;
         white-space: nowrap;
         text-align: center;
         top: 0;
         transform: translateX(-50%)
     }
-.slider__component_15njq .noUi-value:nth-child(2) {
+.slider__component_wcpcl .noUi-value:nth-child(2) {
             transform: none;
         }
-.slider__component_15njq .noUi-value:last-child {
+.slider__component_wcpcl .noUi-value:last-child {
             transform: translateX(-100%);
         }
-.slider__s_15njq .noUi-base {
+.slider__s_wcpcl .noUi-base {
         border-radius: var(--slider-progress-s-border-radius);
         top: calc(var(--slider-progress-s-height) / 2);
     }
-.slider__s_15njq .noUi-connects {
+.slider__s_wcpcl .noUi-connects {
         top: calc(var(--slider-clickable-area-half-size) - var(--slider-progress-s-height) / 2);
         height: var(--slider-progress-s-height);
         border-radius: var(--slider-progress-s-border-radius);
     }
-.slider__m_15njq .noUi-base {
+.slider__m_wcpcl .noUi-base {
         border-radius: var(--slider-progress-m-border-radius);
         top: calc(var(--slider-progress-m-height) / 2);
     }
-.slider__m_15njq .noUi-connects {
+.slider__m_wcpcl .noUi-connects {
         top: calc(var(--slider-clickable-area-half-size) - var(--slider-progress-m-height) / 2);
         height: var(--slider-progress-m-height);
         border-radius: var(--slider-progress-m-border-radius);

package/slider-input/Component.js

@@ -47,7 +47,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"slider-input__component_8urcc","block":"slider-input__block_8urcc","slider":"slider-input__slider_8urcc","xl":"slider-input__xl_8urcc","hidePips":"slider-input__hidePips_8urcc","field":"slider-input__field_8urcc","s":"slider-input__s_8urcc","m":"slider-input__m_8urcc","l":"slider-input__l_8urcc","input":"slider-input__input_8urcc","steps":"slider-input__steps_8urcc","info":"slider-input__info_8urcc","hasLabel":"slider-input__hasLabel_8urcc","focused":"slider-input__focused_8urcc","filled":"slider-input__filled_8urcc"};
+var styles = {"component":"slider-input__component_1p1tu","block":"slider-input__block_1p1tu","slider":"slider-input__slider_1p1tu","xl":"slider-input__xl_1p1tu","hidePips":"slider-input__hidePips_1p1tu","field":"slider-input__field_1p1tu","s":"slider-input__s_1p1tu","m":"slider-input__m_1p1tu","l":"slider-input__l_1p1tu","input":"slider-input__input_1p1tu","steps":"slider-input__steps_1p1tu","info":"slider-input__info_1p1tu","hasLabel":"slider-input__hasLabel_1p1tu","focused":"slider-input__focused_1p1tu","filled":"slider-input__filled_1p1tu"};
 require('./index.css');
 
 var SliderInput = React.forwardRef(function (_a, ref) {

package/slider-input/esm/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"slider-input__component_8urcc","block":"slider-input__block_8urcc","slider":"slider-input__slider_8urcc","xl":"slider-input__xl_8urcc","hidePips":"slider-input__hidePips_8urcc","field":"slider-input__field_8urcc","s":"slider-input__s_8urcc","m":"slider-input__m_8urcc","l":"slider-input__l_8urcc","input":"slider-input__input_8urcc","steps":"slider-input__steps_8urcc","info":"slider-input__info_8urcc","hasLabel":"slider-input__hasLabel_8urcc","focused":"slider-input__focused_8urcc","filled":"slider-input__filled_8urcc"};
+var styles = {"component":"slider-input__component_1p1tu","block":"slider-input__block_1p1tu","slider":"slider-input__slider_1p1tu","xl":"slider-input__xl_1p1tu","hidePips":"slider-input__hidePips_1p1tu","field":"slider-input__field_1p1tu","s":"slider-input__s_1p1tu","m":"slider-input__m_1p1tu","l":"slider-input__l_1p1tu","input":"slider-input__input_1p1tu","steps":"slider-input__steps_1p1tu","info":"slider-input__info_1p1tu","hasLabel":"slider-input__hasLabel_1p1tu","focused":"slider-input__focused_1p1tu","filled":"slider-input__filled_1p1tu"};
 require('./index.css');
 
 var SliderInput = forwardRef(function (_a, ref) {

package/slider-input/esm/index.css

@@ -66,75 +66,75 @@
     --slider-input-origin-width: calc(100% - 16px);
     --slider-input-origin-right: 8px;
 }
-.slider-input__component_8urcc {
+.slider-input__component_1p1tu {
     position: relative;
     display: inline-block;
 }
-.slider-input__block_8urcc {
+.slider-input__block_1p1tu {
     display: block;
 }
-.slider-input__slider_8urcc {
+.slider-input__slider_1p1tu {
     width: calc(100% - var(--slider-input-progress-margin-horizontal) * 2);
     margin-left: var(--slider-input-progress-margin-horizontal);
     margin-right: var(--slider-input-progress-margin-horizontal);
     margin-top: calc(var(--slider-progress-s-height) / -2);
     transform: translateY(-1px)
 }
-.slider-input__slider_8urcc.slider-input__xl_8urcc {
+.slider-input__slider_1p1tu.slider-input__xl_1p1tu {
         width: calc(100% - var(--slider-input-xl-progress-margin-horizontal) * 2);
         margin-left: var(--slider-input-xl-progress-margin-horizontal);
         margin-right: var(--slider-input-xl-progress-margin-horizontal);
     }
-.slider-input__slider_8urcc .noUi-base {
+.slider-input__slider_1p1tu .noUi-base {
         border-radius: var(--slider-input-progress-border-radius);
     }
-.slider-input__slider_8urcc .noUi-base:hover > .noUi-connects {
+.slider-input__slider_1p1tu .noUi-base:hover > .noUi-connects {
             background-color: var(--slider-input-progress-hover-bg-color);
         }
-.slider-input__slider_8urcc .noUi-connects {
+.slider-input__slider_1p1tu .noUi-connects {
         border-radius: var(--slider-input-progress-border-radius);
         background-color: var(--slider-input-progress-bg-color);
     }
-.slider-input__slider_8urcc .noUi-origin {
+.slider-input__slider_1p1tu .noUi-origin {
         width: var(--slider-input-origin-width);
         right: var(--slider-input-origin-right);
     }
-.slider-input__slider_8urcc {
+.slider-input__slider_1p1tu {
 
     /* TODO исправить на 6px когда слайдеру добавят position: absolute */
 }
-.slider-input__slider_8urcc + * {
+.slider-input__slider_1p1tu + * {
         margin-top: 5px;
     }
-.slider-input__hidePips_8urcc .noUi-pips {
+.slider-input__hidePips_1p1tu .noUi-pips {
         display: none;
     }
-.slider-input__component_8urcc .slider-input__field_8urcc.slider-input__s_8urcc {
+.slider-input__component_1p1tu .slider-input__field_1p1tu.slider-input__s_1p1tu {
         border-bottom-left-radius: var(--slider-input-s-border-bottom-radius);
         border-bottom-right-radius: var(--slider-input-s-border-bottom-radius);
     }
-.slider-input__component_8urcc .slider-input__field_8urcc.slider-input__m_8urcc {
+.slider-input__component_1p1tu .slider-input__field_1p1tu.slider-input__m_1p1tu {
         border-bottom-left-radius: var(--slider-input-m-border-bottom-radius);
         border-bottom-right-radius: var(--slider-input-m-border-bottom-radius);
     }
-.slider-input__component_8urcc .slider-input__field_8urcc.slider-input__l_8urcc {
+.slider-input__component_1p1tu .slider-input__field_1p1tu.slider-input__l_1p1tu {
         border-bottom-left-radius: var(--slider-input-l-border-bottom-radius);
         border-bottom-right-radius: var(--slider-input-l-border-bottom-radius);
     }
-.slider-input__component_8urcc .slider-input__field_8urcc.slider-input__xl_8urcc {
+.slider-input__component_1p1tu .slider-input__field_1p1tu.slider-input__xl_1p1tu {
         border-bottom-left-radius: var(--slider-input-xl-border-bottom-radius);
         border-bottom-right-radius: var(--slider-input-xl-border-bottom-radius);
     }
-.slider-input__input_8urcc input,
-    .slider-input__input_8urcc input + div {
+.slider-input__input_1p1tu input,
+    .slider-input__input_1p1tu input + div {
         font-weight: var(--slider-input-font-weight);
         font-feature-settings: "tnum";
         font-variant-numeric: tabular-nums;
     }
-.slider-input__input_8urcc input::placeholder {
+.slider-input__input_1p1tu input::placeholder {
         font-weight: 400;
     }
-.slider-input__steps_8urcc {
+.slider-input__steps_1p1tu {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -144,7 +144,7 @@
     margin-top: var(--gap-xs);
     color: var(--slider-input-steps-color);
 }
-.slider-input__info_8urcc {
+.slider-input__info_1p1tu {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -155,28 +155,28 @@
     transition: 0.2s ease;
     visibility: hidden;
 }
-.slider-input__s_8urcc.slider-input__hasLabel_8urcc .slider-input__info_8urcc:first-child {
+.slider-input__s_1p1tu.slider-input__hasLabel_1p1tu .slider-input__info_1p1tu:first-child {
     padding: var(--form-control-labeled-s-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__m_8urcc.slider-input__hasLabel_8urcc .slider-input__info_8urcc:first-child {
+.slider-input__m_1p1tu.slider-input__hasLabel_1p1tu .slider-input__info_1p1tu:first-child {
     padding: var(--form-control-labeled-m-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__l_8urcc.slider-input__hasLabel_8urcc .slider-input__info_8urcc:first-child {
+.slider-input__l_1p1tu.slider-input__hasLabel_1p1tu .slider-input__info_1p1tu:first-child {
     padding: var(--form-control-labeled-l-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__xl_8urcc.slider-input__hasLabel_8urcc .slider-input__info_8urcc:first-child {
+.slider-input__xl_1p1tu.slider-input__hasLabel_1p1tu .slider-input__info_1p1tu:first-child {
     padding: var(--form-control-labeled-xl-paddings);
     padding-left: 0;
     padding-right: 0;
 }
-.slider-input__focused_8urcc .slider-input__info_8urcc,
-.slider-input__filled_8urcc .slider-input__info_8urcc {
+.slider-input__focused_1p1tu .slider-input__info_1p1tu,
+.slider-input__filled_1p1tu .slider-input__info_1p1tu {
     visibility: visible;
     opacity: 1;
 }