@alfalab/core-components 48.0.0 → 48.1.0

package/skeleton/esm/default.css

@@ -21,11 +21,11 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --skeleton-default-color: var(--color-light-neutral-translucent-100);
-} .skeleton__component_166ln {
+} .skeleton__component_13g0r {
     background: var(--skeleton-default-color);
-} .skeleton__animate_166ln:before {
-    animation-name: skeleton__background_166ln;
-} @keyframes skeleton__background_166ln {
+} .skeleton__animate_13g0r:before {
+    animation-name: skeleton__background_13g0r;
+} @keyframes skeleton__background_13g0r {
     0% {
         background: var(--color-light-neutral-translucent-100);
     }

package/skeleton/esm/index.css

@@ -27,7 +27,7 @@
     --skeleton-backdrop-filter: blur(20px);
     --skeleton-bg-animation-display: block;
     --skeleton-bg-animation-color: transparent;
-} .skeleton__component_7fb6h {
+} .skeleton__component_1xnd4 {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -37,12 +37,12 @@
 
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black)
-} .skeleton__component_7fb6h.skeleton__allowBackdropBlur_7fb6h {
+} .skeleton__component_1xnd4.skeleton__allowBackdropBlur_1xnd4 {
         -webkit-backdrop-filter: var(--skeleton-backdrop-filter);
                 backdrop-filter: var(--skeleton-backdrop-filter);
-    } .skeleton__component_7fb6h > * {
+    } .skeleton__component_1xnd4 > * {
     visibility: hidden;
-} .skeleton__component_7fb6h:before {
+} .skeleton__component_1xnd4:before {
     content: '';
     position: absolute;
     top: var(--gap-0);
@@ -50,7 +50,7 @@
     right: var(--gap-0);
     bottom: var(--gap-0);
     background: var(--skeleton-bg-animation-color);
-} .skeleton__animate_7fb6h:before {
+} .skeleton__animate_1xnd4:before {
     display: var(--skeleton-bg-animation-display);
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
@@ -59,7 +59,7 @@
     animation-play-state: running;
     opacity: 0.5;
 } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_7fb6h:before {
+    .skeleton__animate_1xnd4:before {
         opacity: 0.4;
     }
 }

package/skeleton/esm/inverted.css

@@ -21,11 +21,11 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --skeleton-inverted-default-color: var(--color-light-neutral-translucent-100-inverted);
-} .skeleton__component_1poxv {
+} .skeleton__component_1cyyo {
     background: var(--skeleton-inverted-default-color);
-} .skeleton__animate_1poxv:before {
-    animation-name: skeleton__background-inverted_1poxv;
-} @keyframes skeleton__background-inverted_1poxv {
+} .skeleton__animate_1cyyo:before {
+    animation-name: skeleton__background-inverted_1cyyo;
+} @keyframes skeleton__background-inverted_1cyyo {
     0% {
         background: var(--color-light-neutral-translucent-100-inverted);
     }

package/skeleton/index.css

@@ -27,7 +27,7 @@
     --skeleton-backdrop-filter: blur(20px);
     --skeleton-bg-animation-display: block;
     --skeleton-bg-animation-color: transparent;
-} .skeleton__component_7fb6h {
+} .skeleton__component_1xnd4 {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -37,12 +37,12 @@
 
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black)
-} .skeleton__component_7fb6h.skeleton__allowBackdropBlur_7fb6h {
+} .skeleton__component_1xnd4.skeleton__allowBackdropBlur_1xnd4 {
         -webkit-backdrop-filter: var(--skeleton-backdrop-filter);
                 backdrop-filter: var(--skeleton-backdrop-filter);
-    } .skeleton__component_7fb6h > * {
+    } .skeleton__component_1xnd4 > * {
     visibility: hidden;
-} .skeleton__component_7fb6h:before {
+} .skeleton__component_1xnd4:before {
     content: '';
     position: absolute;
     top: var(--gap-0);
@@ -50,7 +50,7 @@
     right: var(--gap-0);
     bottom: var(--gap-0);
     background: var(--skeleton-bg-animation-color);
-} .skeleton__animate_7fb6h:before {
+} .skeleton__animate_1xnd4:before {
     display: var(--skeleton-bg-animation-display);
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
@@ -59,7 +59,7 @@
     animation-play-state: running;
     opacity: 0.5;
 } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_7fb6h:before {
+    .skeleton__animate_1xnd4:before {
         opacity: 0.4;
     }
 }

package/skeleton/inverted.css

@@ -21,11 +21,11 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --skeleton-inverted-default-color: var(--color-light-neutral-translucent-100-inverted);
-} .skeleton__component_1poxv {
+} .skeleton__component_1cyyo {
     background: var(--skeleton-inverted-default-color);
-} .skeleton__animate_1poxv:before {
-    animation-name: skeleton__background-inverted_1poxv;
-} @keyframes skeleton__background-inverted_1poxv {
+} .skeleton__animate_1cyyo:before {
+    animation-name: skeleton__background-inverted_1cyyo;
+} @keyframes skeleton__background-inverted_1cyyo {
     0% {
         background: var(--color-light-neutral-translucent-100-inverted);
     }

package/skeleton/modern/Component.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import cn from 'classnames';
 
-const defaultColors = {"component":"skeleton__component_166ln","animate":"skeleton__animate_166ln","background":"skeleton__background_166ln"};
+const defaultColors = {"component":"skeleton__component_13g0r","animate":"skeleton__animate_13g0r","background":"skeleton__background_13g0r"};
 require('./default.css');
 
-const styles = {"component":"skeleton__component_7fb6h","allowBackdropBlur":"skeleton__allowBackdropBlur_7fb6h","animate":"skeleton__animate_7fb6h"};
+const styles = {"component":"skeleton__component_1xnd4","allowBackdropBlur":"skeleton__allowBackdropBlur_1xnd4","animate":"skeleton__animate_1xnd4"};
 require('./index.css');
 
-const invertedColors = {"component":"skeleton__component_1poxv","animate":"skeleton__animate_1poxv","background-inverted":"skeleton__background-inverted_1poxv"};
+const invertedColors = {"component":"skeleton__component_1cyyo","animate":"skeleton__animate_1cyyo","background-inverted":"skeleton__background-inverted_1cyyo"};
 require('./inverted.css');
 
 const colorStyles = {

package/skeleton/modern/default.css

@@ -21,11 +21,11 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --skeleton-default-color: var(--color-light-neutral-translucent-100);
-} .skeleton__component_166ln {
+} .skeleton__component_13g0r {
     background: var(--skeleton-default-color);
-} .skeleton__animate_166ln:before {
-    animation-name: skeleton__background_166ln;
-} @keyframes skeleton__background_166ln {
+} .skeleton__animate_13g0r:before {
+    animation-name: skeleton__background_13g0r;
+} @keyframes skeleton__background_13g0r {
     0% {
         background: var(--color-light-neutral-translucent-100);
     }

package/skeleton/modern/index.css

@@ -27,7 +27,7 @@
     --skeleton-backdrop-filter: blur(20px);
     --skeleton-bg-animation-display: block;
     --skeleton-bg-animation-color: transparent;
-} .skeleton__component_7fb6h {
+} .skeleton__component_1xnd4 {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -37,12 +37,12 @@
 
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black)
-} .skeleton__component_7fb6h.skeleton__allowBackdropBlur_7fb6h {
+} .skeleton__component_1xnd4.skeleton__allowBackdropBlur_1xnd4 {
         -webkit-backdrop-filter: var(--skeleton-backdrop-filter);
                 backdrop-filter: var(--skeleton-backdrop-filter);
-    } .skeleton__component_7fb6h > * {
+    } .skeleton__component_1xnd4 > * {
     visibility: hidden;
-} .skeleton__component_7fb6h:before {
+} .skeleton__component_1xnd4:before {
     content: '';
     position: absolute;
     top: var(--gap-0);
@@ -50,7 +50,7 @@
     right: var(--gap-0);
     bottom: var(--gap-0);
     background: var(--skeleton-bg-animation-color);
-} .skeleton__animate_7fb6h:before {
+} .skeleton__animate_1xnd4:before {
     display: var(--skeleton-bg-animation-display);
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
@@ -59,7 +59,7 @@
     animation-play-state: running;
     opacity: 0.5;
 } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_7fb6h:before {
+    .skeleton__animate_1xnd4:before {
         opacity: 0.4;
     }
 }

package/skeleton/modern/inverted.css

@@ -21,11 +21,11 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --skeleton-inverted-default-color: var(--color-light-neutral-translucent-100-inverted);
-} .skeleton__component_1poxv {
+} .skeleton__component_1cyyo {
     background: var(--skeleton-inverted-default-color);
-} .skeleton__animate_1poxv:before {
-    animation-name: skeleton__background-inverted_1poxv;
-} @keyframes skeleton__background-inverted_1poxv {
+} .skeleton__animate_1cyyo:before {
+    animation-name: skeleton__background-inverted_1cyyo;
+} @keyframes skeleton__background-inverted_1cyyo {
     0% {
         background: var(--color-light-neutral-translucent-100-inverted);
     }

package/slider/Component.js

@@ -11,7 +11,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var noUiSlider__default = /*#__PURE__*/_interopDefaultCompat(noUiSlider);
 
-var styles = {"component":"slider__component_p7d9f","size-2":"slider__size-2_p7d9f","size-4":"slider__size-4_p7d9f"};
+var styles = {"component":"slider__component_1ybog","size-2":"slider__size-2_1ybog","size-4":"slider__size-4_1ybog"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/slider/esm/Component.js

@@ -3,7 +3,7 @@ import React, { useRef, useEffect } from 'react';
 import cn from 'classnames';
 import noUiSlider from 'nouislider';
 
-var styles = {"component":"slider__component_p7d9f","size-2":"slider__size-2_p7d9f","size-4":"slider__size-4_p7d9f"};
+var styles = {"component":"slider__component_1ybog","size-2":"slider__size-2_1ybog","size-4":"slider__size-4_1ybog"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/slider/esm/index.css

@@ -49,32 +49,32 @@
     /* Отступы по бокам — на мобилке thumb не должен заходить за края контрола */
     --slider-origin-width: 100%;
     --slider-origin-right: var(--gap-0);
-} .slider__component_p7d9f {
+} .slider__component_1ybog {
     width: 100%;
     padding-top: var(--slider-progress-s-height);
     position: relative
-} .slider__component_p7d9f .noUi-base:hover .noUi-connects {
+} .slider__component_1ybog .noUi-base:hover .noUi-connects {
             background: var(--slider-progress-hover-background);
-        } .slider__component_p7d9f .noUi-base:hover .noUi-connect {
+        } .slider__component_1ybog .noUi-base:hover .noUi-connect {
             background: var(--slider-progress-hover-color);
-        } .slider__component_p7d9f .noUi-handle:hover .noUi-touch-area {
+        } .slider__component_1ybog .noUi-handle:hover .noUi-touch-area {
         background: var(--slider-thumb-hover-color);
-    } .slider__component_p7d9f .noUi-handle:active .noUi-touch-area {
+    } .slider__component_1ybog .noUi-handle:active .noUi-touch-area {
         background: var(--slider-thumb-active-color);
-    } .slider__component_p7d9f .noUi-base {
+    } .slider__component_1ybog .noUi-base {
         position: absolute;
         width: 100%;
         height: var(--slider-clickable-area-size);
         transform: translateY(-50%);
 
         cursor: pointer;
-    } .slider__component_p7d9f .noUi-origin {
+    } .slider__component_1ybog .noUi-origin {
         width: var(--slider-origin-width);
         position: absolute;
         top: var(--gap-0);
         right: var(--slider-origin-right);
         height: 0;
-    } .slider__component_p7d9f .noUi-connects {
+    } .slider__component_1ybog .noUi-connects {
         width: 100%;
         height: 100%;
         position: relative;
@@ -82,7 +82,7 @@
         transition: background 0.15s;
         z-index: 1;
         overflow: hidden;
-    } .slider__component_p7d9f .noUi-connect {
+    } .slider__component_1ybog .noUi-connect {
         background: var(--slider-progress-color);
         position: absolute;
         z-index: 1;
@@ -93,7 +93,7 @@
         transform-style: flat;
         will-change: transform;
         transform-origin: 0 0;
-    } .slider__component_p7d9f .noUi-handle {
+    } .slider__component_1ybog .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);
@@ -107,12 +107,12 @@
         cursor: grab;
         outline: none;
         transition: background 0.15s;
-    } .slider__component_p7d9f .noUi-touch-area {
+    } .slider__component_1ybog .noUi-touch-area {
         border-radius: var(--border-radius-circle);
         background: var(--slider-thumb-color);
         width: 100%;
         height: 100%;
-    } .slider__component_p7d9f .noUi-pips {
+    } .slider__component_1ybog .noUi-pips {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
@@ -121,29 +121,29 @@
         color: var(--color-light-text-secondary);
         position: relative;
         width: 100%;
-    } .slider__component_p7d9f .noUi-marker {
+    } .slider__component_1ybog .noUi-marker {
         display: none;
-    } .slider__component_p7d9f .noUi-value {
+    } .slider__component_1ybog .noUi-value {
         position: absolute;
         white-space: nowrap;
         text-align: center;
         top: var(--gap-0);
         transform: translateX(-50%)
-    } .slider__component_p7d9f .noUi-value:nth-child(2) {
+    } .slider__component_1ybog .noUi-value:nth-child(2) {
             transform: none;
-        } .slider__component_p7d9f .noUi-value:last-child {
+        } .slider__component_1ybog .noUi-value:last-child {
             transform: translateX(-100%);
-        } .slider__size-2_p7d9f .noUi-base {
+        } .slider__size-2_1ybog .noUi-base {
         border-radius: var(--slider-progress-s-border-radius);
         top: calc(var(--slider-progress-s-height) / 2);
-    } .slider__size-2_p7d9f .noUi-connects {
+    } .slider__size-2_1ybog .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__size-4_p7d9f .noUi-base {
+    } .slider__size-4_1ybog .noUi-base {
         border-radius: var(--slider-progress-m-border-radius);
         top: calc(var(--slider-progress-m-height) / 2);
-    } .slider__size-4_p7d9f .noUi-connects {
+    } .slider__size-4_1ybog .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

@@ -49,32 +49,32 @@
     /* Отступы по бокам — на мобилке thumb не должен заходить за края контрола */
     --slider-origin-width: 100%;
     --slider-origin-right: var(--gap-0);
-} .slider__component_p7d9f {
+} .slider__component_1ybog {
     width: 100%;
     padding-top: var(--slider-progress-s-height);
     position: relative
-} .slider__component_p7d9f .noUi-base:hover .noUi-connects {
+} .slider__component_1ybog .noUi-base:hover .noUi-connects {
             background: var(--slider-progress-hover-background);
-        } .slider__component_p7d9f .noUi-base:hover .noUi-connect {
+        } .slider__component_1ybog .noUi-base:hover .noUi-connect {
             background: var(--slider-progress-hover-color);
-        } .slider__component_p7d9f .noUi-handle:hover .noUi-touch-area {
+        } .slider__component_1ybog .noUi-handle:hover .noUi-touch-area {
         background: var(--slider-thumb-hover-color);
-    } .slider__component_p7d9f .noUi-handle:active .noUi-touch-area {
+    } .slider__component_1ybog .noUi-handle:active .noUi-touch-area {
         background: var(--slider-thumb-active-color);
-    } .slider__component_p7d9f .noUi-base {
+    } .slider__component_1ybog .noUi-base {
         position: absolute;
         width: 100%;
         height: var(--slider-clickable-area-size);
         transform: translateY(-50%);
 
         cursor: pointer;
-    } .slider__component_p7d9f .noUi-origin {
+    } .slider__component_1ybog .noUi-origin {
         width: var(--slider-origin-width);
         position: absolute;
         top: var(--gap-0);
         right: var(--slider-origin-right);
         height: 0;
-    } .slider__component_p7d9f .noUi-connects {
+    } .slider__component_1ybog .noUi-connects {
         width: 100%;
         height: 100%;
         position: relative;
@@ -82,7 +82,7 @@
         transition: background 0.15s;
         z-index: 1;
         overflow: hidden;
-    } .slider__component_p7d9f .noUi-connect {
+    } .slider__component_1ybog .noUi-connect {
         background: var(--slider-progress-color);
         position: absolute;
         z-index: 1;
@@ -93,7 +93,7 @@
         transform-style: flat;
         will-change: transform;
         transform-origin: 0 0;
-    } .slider__component_p7d9f .noUi-handle {
+    } .slider__component_1ybog .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);
@@ -107,12 +107,12 @@
         cursor: grab;
         outline: none;
         transition: background 0.15s;
-    } .slider__component_p7d9f .noUi-touch-area {
+    } .slider__component_1ybog .noUi-touch-area {
         border-radius: var(--border-radius-circle);
         background: var(--slider-thumb-color);
         width: 100%;
         height: 100%;
-    } .slider__component_p7d9f .noUi-pips {
+    } .slider__component_1ybog .noUi-pips {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
@@ -121,29 +121,29 @@
         color: var(--color-light-text-secondary);
         position: relative;
         width: 100%;
-    } .slider__component_p7d9f .noUi-marker {
+    } .slider__component_1ybog .noUi-marker {
         display: none;
-    } .slider__component_p7d9f .noUi-value {
+    } .slider__component_1ybog .noUi-value {
         position: absolute;
         white-space: nowrap;
         text-align: center;
         top: var(--gap-0);
         transform: translateX(-50%)
-    } .slider__component_p7d9f .noUi-value:nth-child(2) {
+    } .slider__component_1ybog .noUi-value:nth-child(2) {
             transform: none;
-        } .slider__component_p7d9f .noUi-value:last-child {
+        } .slider__component_1ybog .noUi-value:last-child {
             transform: translateX(-100%);
-        } .slider__size-2_p7d9f .noUi-base {
+        } .slider__size-2_1ybog .noUi-base {
         border-radius: var(--slider-progress-s-border-radius);
         top: calc(var(--slider-progress-s-height) / 2);
-    } .slider__size-2_p7d9f .noUi-connects {
+    } .slider__size-2_1ybog .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__size-4_p7d9f .noUi-base {
+    } .slider__size-4_1ybog .noUi-base {
         border-radius: var(--slider-progress-m-border-radius);
         top: calc(var(--slider-progress-m-height) / 2);
-    } .slider__size-4_p7d9f .noUi-connects {
+    } .slider__size-4_1ybog .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_p7d9f","size-2":"slider__size-2_p7d9f","size-4":"slider__size-4_p7d9f"};
+const styles = {"component":"slider__component_1ybog","size-2":"slider__size-2_1ybog","size-4":"slider__size-4_1ybog"};
 require('./index.css');
 
 const SIZE_TO_CLASSNAME_MAP = {

package/slider/modern/index.css

@@ -49,32 +49,32 @@
     /* Отступы по бокам — на мобилке thumb не должен заходить за края контрола */
     --slider-origin-width: 100%;
     --slider-origin-right: var(--gap-0);
-} .slider__component_p7d9f {
+} .slider__component_1ybog {
     width: 100%;
     padding-top: var(--slider-progress-s-height);
     position: relative
-} .slider__component_p7d9f .noUi-base:hover .noUi-connects {
+} .slider__component_1ybog .noUi-base:hover .noUi-connects {
             background: var(--slider-progress-hover-background);
-        } .slider__component_p7d9f .noUi-base:hover .noUi-connect {
+        } .slider__component_1ybog .noUi-base:hover .noUi-connect {
             background: var(--slider-progress-hover-color);
-        } .slider__component_p7d9f .noUi-handle:hover .noUi-touch-area {
+        } .slider__component_1ybog .noUi-handle:hover .noUi-touch-area {
         background: var(--slider-thumb-hover-color);
-    } .slider__component_p7d9f .noUi-handle:active .noUi-touch-area {
+    } .slider__component_1ybog .noUi-handle:active .noUi-touch-area {
         background: var(--slider-thumb-active-color);
-    } .slider__component_p7d9f .noUi-base {
+    } .slider__component_1ybog .noUi-base {
         position: absolute;
         width: 100%;
         height: var(--slider-clickable-area-size);
         transform: translateY(-50%);
 
         cursor: pointer;
-    } .slider__component_p7d9f .noUi-origin {
+    } .slider__component_1ybog .noUi-origin {
         width: var(--slider-origin-width);
         position: absolute;
         top: var(--gap-0);
         right: var(--slider-origin-right);
         height: 0;
-    } .slider__component_p7d9f .noUi-connects {
+    } .slider__component_1ybog .noUi-connects {
         width: 100%;
         height: 100%;
         position: relative;
@@ -82,7 +82,7 @@
         transition: background 0.15s;
         z-index: 1;
         overflow: hidden;
-    } .slider__component_p7d9f .noUi-connect {
+    } .slider__component_1ybog .noUi-connect {
         background: var(--slider-progress-color);
         position: absolute;
         z-index: 1;
@@ -93,7 +93,7 @@
         transform-style: flat;
         will-change: transform;
         transform-origin: 0 0;
-    } .slider__component_p7d9f .noUi-handle {
+    } .slider__component_1ybog .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);
@@ -107,12 +107,12 @@
         cursor: grab;
         outline: none;
         transition: background 0.15s;
-    } .slider__component_p7d9f .noUi-touch-area {
+    } .slider__component_1ybog .noUi-touch-area {
         border-radius: var(--border-radius-circle);
         background: var(--slider-thumb-color);
         width: 100%;
         height: 100%;
-    } .slider__component_p7d9f .noUi-pips {
+    } .slider__component_1ybog .noUi-pips {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
@@ -121,29 +121,29 @@
         color: var(--color-light-text-secondary);
         position: relative;
         width: 100%;
-    } .slider__component_p7d9f .noUi-marker {
+    } .slider__component_1ybog .noUi-marker {
         display: none;
-    } .slider__component_p7d9f .noUi-value {
+    } .slider__component_1ybog .noUi-value {
         position: absolute;
         white-space: nowrap;
         text-align: center;
         top: var(--gap-0);
         transform: translateX(-50%)
-    } .slider__component_p7d9f .noUi-value:nth-child(2) {
+    } .slider__component_1ybog .noUi-value:nth-child(2) {
             transform: none;
-        } .slider__component_p7d9f .noUi-value:last-child {
+        } .slider__component_1ybog .noUi-value:last-child {
             transform: translateX(-100%);
-        } .slider__size-2_p7d9f .noUi-base {
+        } .slider__size-2_1ybog .noUi-base {
         border-radius: var(--slider-progress-s-border-radius);
         top: calc(var(--slider-progress-s-height) / 2);
-    } .slider__size-2_p7d9f .noUi-connects {
+    } .slider__size-2_1ybog .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__size-4_p7d9f .noUi-base {
+    } .slider__size-4_1ybog .noUi-base {
         border-radius: var(--slider-progress-m-border-radius);
         top: calc(var(--slider-progress-m-height) / 2);
-    } .slider__size-4_p7d9f .noUi-connects {
+    } .slider__size-4_1ybog .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

@@ -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_16yf8","block":"slider-input__block_16yf8","slider":"slider-input__slider_16yf8","size-72":"slider-input__size-72_16yf8","hidePips":"slider-input__hidePips_16yf8","field":"slider-input__field_16yf8","size-48":"slider-input__size-48_16yf8","size-56":"slider-input__size-56_16yf8","size-64":"slider-input__size-64_16yf8","input":"slider-input__input_16yf8","steps":"slider-input__steps_16yf8","info":"slider-input__info_16yf8","hasLabel":"slider-input__hasLabel_16yf8","focused":"slider-input__focused_16yf8","filled":"slider-input__filled_16yf8"};
+var styles = {"component":"slider-input__component_1rs4g","block":"slider-input__block_1rs4g","slider":"slider-input__slider_1rs4g","size-72":"slider-input__size-72_1rs4g","hidePips":"slider-input__hidePips_1rs4g","field":"slider-input__field_1rs4g","size-48":"slider-input__size-48_1rs4g","size-56":"slider-input__size-56_1rs4g","size-64":"slider-input__size-64_1rs4g","input":"slider-input__input_1rs4g","steps":"slider-input__steps_1rs4g","info":"slider-input__info_1rs4g","hasLabel":"slider-input__hasLabel_1rs4g","focused":"slider-input__focused_1rs4g","filled":"slider-input__filled_1rs4g"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

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_16yf8","block":"slider-input__block_16yf8","slider":"slider-input__slider_16yf8","size-72":"slider-input__size-72_16yf8","hidePips":"slider-input__hidePips_16yf8","field":"slider-input__field_16yf8","size-48":"slider-input__size-48_16yf8","size-56":"slider-input__size-56_16yf8","size-64":"slider-input__size-64_16yf8","input":"slider-input__input_16yf8","steps":"slider-input__steps_16yf8","info":"slider-input__info_16yf8","hasLabel":"slider-input__hasLabel_16yf8","focused":"slider-input__focused_16yf8","filled":"slider-input__filled_16yf8"};
+var styles = {"component":"slider-input__component_1rs4g","block":"slider-input__block_1rs4g","slider":"slider-input__slider_1rs4g","size-72":"slider-input__size-72_1rs4g","hidePips":"slider-input__hidePips_1rs4g","field":"slider-input__field_1rs4g","size-48":"slider-input__size-48_1rs4g","size-56":"slider-input__size-56_1rs4g","size-64":"slider-input__size-64_1rs4g","input":"slider-input__input_1rs4g","steps":"slider-input__steps_1rs4g","info":"slider-input__info_1rs4g","hasLabel":"slider-input__hasLabel_1rs4g","focused":"slider-input__focused_1rs4g","filled":"slider-input__filled_1rs4g"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {