@alfalab/core-components 37.2.0 → 37.3.0-beta-.1

package/side-panel/transitions.desktop.css

@@ -1,32 +1,32 @@
-/* hash: 1qyau */
-.side-panel__enterRight_12k4z {
+/* hash: 1eivj */
+.side-panel__enterRight_1qrdo {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.side-panel__enterLeft_12k4z {
+.side-panel__enterLeft_1qrdo {
     opacity: 0;
     transform: translateX(-15px);
 }
 
-.side-panel__enterActive_12k4z {
+.side-panel__enterActive_1qrdo {
     opacity: 1;
     transform: translateX(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_12k4z {
+.side-panel__exit_1qrdo {
     opacity: 1;
     transform: translateX(0);
 }
 
-.side-panel__exitActiveRight_12k4z {
+.side-panel__exitActiveRight_1qrdo {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(15px);
 }
 
-.side-panel__exitActiveLeft_12k4z {
+.side-panel__exitActiveLeft_1qrdo {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(-15px);

package/side-panel/transitions.mobile.css

@@ -1,24 +1,24 @@
-/* hash: 19dpf */
-.side-panel__appear_1478b,
-.side-panel__enter_1478b {
+/* hash: fo2s9 */
+.side-panel__appear_fzzmd,
+.side-panel__enter_fzzmd {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_1478b,
-.side-panel__enterActive_1478b {
+.side-panel__appearActive_fzzmd,
+.side-panel__enterActive_fzzmd {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_1478b {
+.side-panel__exit_fzzmd {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_1478b,
-.side-panel__exitDone_1478b {
+.side-panel__exitActive_fzzmd,
+.side-panel__exitDone_fzzmd {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/skeleton/Component.js

@@ -6,7 +6,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":"skeleton__component_1u0gl","animate":"skeleton__animate_1u0gl","background":"skeleton__background_1u0gl","gradient":"skeleton__gradient_1u0gl"};
+var styles = {"component":"skeleton__component_bgmht","animate":"skeleton__animate_bgmht","background":"skeleton__background_bgmht","gradient":"skeleton__gradient_bgmht"};
 require('./index.css');
 
 var Skeleton = function (_a) {

package/skeleton/cssm/index.module.css

@@ -1,5 +1,5 @@
 :root {
-    --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
+    --color-light-specialbg-component: rgba(0, 0, 0, 0.08);
 }
 :root {
 

package/skeleton/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"skeleton__component_1u0gl","animate":"skeleton__animate_1u0gl","background":"skeleton__background_1u0gl","gradient":"skeleton__gradient_1u0gl"};
+var styles = {"component":"skeleton__component_bgmht","animate":"skeleton__animate_bgmht","background":"skeleton__background_bgmht","gradient":"skeleton__gradient_bgmht"};
 require('./index.css');
 
 var Skeleton = function (_a) {

package/skeleton/esm/index.css

@@ -1,6 +1,6 @@
 /* hash: bd6wa */
 :root {
-    --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
+    --color-light-specialbg-component: rgba(0, 0, 0, 0.08);
 }
 :root {
 
@@ -24,7 +24,7 @@
     --skeleton-bg-animation-display: none;
     --skeleton-bg-animation-color: transparent;
 }
-.skeleton__component_1u0gl {
+.skeleton__component_bgmht {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -38,10 +38,10 @@
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
 }
-.skeleton__component_1u0gl > * {
+.skeleton__component_bgmht > * {
     visibility: hidden;
 }
-.skeleton__component_1u0gl:before {
+.skeleton__component_bgmht:before {
     content: '';
     position: absolute;
     top: 0;
@@ -50,9 +50,9 @@
     bottom: 0;
     background: var(--skeleton-bg-animation-color);
 }
-.skeleton__animate_1u0gl:before {
+.skeleton__animate_bgmht:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_1u0gl;
+    animation-name: skeleton__background_bgmht;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -61,11 +61,11 @@
     opacity: 0.5;
 }
 @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_1u0gl:before {
+    .skeleton__animate_bgmht:before {
         opacity: 0.4;
     }
 }
-.skeleton__animate_1u0gl:after {
+.skeleton__animate_bgmht:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -74,7 +74,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_1u0gl;
+    animation-name: skeleton__gradient_bgmht;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -87,7 +87,7 @@
         rgba(0, 0, 0, 0)
     );
 }
-@keyframes skeleton__gradient_1u0gl {
+@keyframes skeleton__gradient_bgmht {
     0% {
         transform: translateX(-80%);
     }
@@ -98,7 +98,7 @@
         transform: translateX(0);
     }
 }
-@keyframes skeleton__background_1u0gl {
+@keyframes skeleton__background_bgmht {
     0% {
         background: rgb(182, 188, 195);
     }

package/skeleton/index.css

@@ -1,6 +1,6 @@
 /* hash: bd6wa */
 :root {
-    --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
+    --color-light-specialbg-component: rgba(0, 0, 0, 0.08);
 }
 :root {
 
@@ -24,7 +24,7 @@
     --skeleton-bg-animation-display: none;
     --skeleton-bg-animation-color: transparent;
 }
-.skeleton__component_1u0gl {
+.skeleton__component_bgmht {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -38,10 +38,10 @@
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
 }
-.skeleton__component_1u0gl > * {
+.skeleton__component_bgmht > * {
     visibility: hidden;
 }
-.skeleton__component_1u0gl:before {
+.skeleton__component_bgmht:before {
     content: '';
     position: absolute;
     top: 0;
@@ -50,9 +50,9 @@
     bottom: 0;
     background: var(--skeleton-bg-animation-color);
 }
-.skeleton__animate_1u0gl:before {
+.skeleton__animate_bgmht:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_1u0gl;
+    animation-name: skeleton__background_bgmht;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -61,11 +61,11 @@
     opacity: 0.5;
 }
 @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_1u0gl:before {
+    .skeleton__animate_bgmht:before {
         opacity: 0.4;
     }
 }
-.skeleton__animate_1u0gl:after {
+.skeleton__animate_bgmht:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -74,7 +74,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_1u0gl;
+    animation-name: skeleton__gradient_bgmht;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -87,7 +87,7 @@
         rgba(0, 0, 0, 0)
     );
 }
-@keyframes skeleton__gradient_1u0gl {
+@keyframes skeleton__gradient_bgmht {
     0% {
         transform: translateX(-80%);
     }
@@ -98,7 +98,7 @@
         transform: translateX(0);
     }
 }
-@keyframes skeleton__background_1u0gl {
+@keyframes skeleton__background_bgmht {
     0% {
         background: rgb(182, 188, 195);
     }

package/skeleton/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"skeleton__component_1u0gl","animate":"skeleton__animate_1u0gl","background":"skeleton__background_1u0gl","gradient":"skeleton__gradient_1u0gl"};
+const styles = {"component":"skeleton__component_bgmht","animate":"skeleton__animate_bgmht","background":"skeleton__background_bgmht","gradient":"skeleton__gradient_bgmht"};
 require('./index.css');
 
 const Skeleton = ({ visible, animate = true, className, dataTestId, children, }) => {

package/skeleton/modern/index.css

@@ -1,6 +1,6 @@
 /* hash: bd6wa */
 :root {
-    --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
+    --color-light-specialbg-component: rgba(0, 0, 0, 0.08);
 }
 :root {
 
@@ -24,7 +24,7 @@
     --skeleton-bg-animation-display: none;
     --skeleton-bg-animation-color: transparent;
 }
-.skeleton__component_1u0gl {
+.skeleton__component_bgmht {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -38,10 +38,10 @@
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
 }
-.skeleton__component_1u0gl > * {
+.skeleton__component_bgmht > * {
     visibility: hidden;
 }
-.skeleton__component_1u0gl:before {
+.skeleton__component_bgmht:before {
     content: '';
     position: absolute;
     top: 0;
@@ -50,9 +50,9 @@
     bottom: 0;
     background: var(--skeleton-bg-animation-color);
 }
-.skeleton__animate_1u0gl:before {
+.skeleton__animate_bgmht:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_1u0gl;
+    animation-name: skeleton__background_bgmht;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -61,11 +61,11 @@
     opacity: 0.5;
 }
 @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_1u0gl:before {
+    .skeleton__animate_bgmht:before {
         opacity: 0.4;
     }
 }
-.skeleton__animate_1u0gl:after {
+.skeleton__animate_bgmht:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -74,7 +74,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_1u0gl;
+    animation-name: skeleton__gradient_bgmht;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -87,7 +87,7 @@
         rgba(0, 0, 0, 0)
     );
 }
-@keyframes skeleton__gradient_1u0gl {
+@keyframes skeleton__gradient_bgmht {
     0% {
         transform: translateX(-80%);
     }
@@ -98,7 +98,7 @@
         transform: translateX(0);
     }
 }
-@keyframes skeleton__background_1u0gl {
+@keyframes skeleton__background_bgmht {
     0% {
         background: rgb(182, 188, 195);
     }

package/slider/Component.js

@@ -35,7 +35,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"slider__component_160ap","s":"slider__s_160ap","m":"slider__m_160ap"};
+var styles = {"component":"slider__component_14pip","s":"slider__s_14pip","m":"slider__m_14pip"};
 require('./index.css');
 
 var Slider = function (_a) {

package/slider/cssm/index.module.css

@@ -2,9 +2,9 @@
     --color-red-dark: #d91d0b;
 }
 :root {
-    --color-light-bg-quaternary: #dbdee1;
+    --color-light-bg-quaternary: #dcdcdd;
     --color-light-graphic-accent: #ef3124;
-    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
+    --color-light-text-secondary: rgba(60, 60, 67, 0.6);
     --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
     --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
 }

package/slider/esm/Component.js

@@ -29,7 +29,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"slider__component_160ap","s":"slider__s_160ap","m":"slider__m_160ap"};
+var styles = {"component":"slider__component_14pip","s":"slider__s_14pip","m":"slider__m_14pip"};
 require('./index.css');
 
 var Slider = function (_a) {

package/slider/esm/index.css

@@ -3,9 +3,9 @@
     --color-red-dark: #d91d0b;
 }
 :root {
-    --color-light-bg-quaternary: #dbdee1;
+    --color-light-bg-quaternary: #dcdcdd;
     --color-light-graphic-accent: #ef3124;
-    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
+    --color-light-text-secondary: rgba(60, 60, 67, 0.6);
     --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
     --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
 }
@@ -44,24 +44,24 @@
     --slider-origin-width: 100%;
     --slider-origin-right: 0;
 }
-.slider__component_160ap {
+.slider__component_14pip {
     width: 100%;
     padding-top: var(--slider-progress-s-height);
     position: relative
 }
-.slider__component_160ap .noUi-base:hover .noUi-connects {
+.slider__component_14pip .noUi-base:hover .noUi-connects {
             background: var(--slider-progress-hover-background);
         }
-.slider__component_160ap .noUi-base:hover .noUi-connect {
+.slider__component_14pip .noUi-base:hover .noUi-connect {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_160ap .noUi-handle:hover .noUi-touch-area {
+.slider__component_14pip .noUi-handle:hover .noUi-touch-area {
         background: var(--slider-thumb-hover-color);
     }
-.slider__component_160ap .noUi-handle:active .noUi-touch-area {
+.slider__component_14pip .noUi-handle:active .noUi-touch-area {
         background: var(--slider-thumb-active-color);
     }
-.slider__component_160ap .noUi-base {
+.slider__component_14pip .noUi-base {
         position: absolute;
         width: 100%;
         height: var(--slider-clickable-area-size);
@@ -69,14 +69,14 @@
 
         cursor: pointer;
     }
-.slider__component_160ap .noUi-origin {
+.slider__component_14pip .noUi-origin {
         width: var(--slider-origin-width);
         position: absolute;
         top: 0;
         right: var(--slider-origin-right);
         height: 0;
     }
-.slider__component_160ap .noUi-connects {
+.slider__component_14pip .noUi-connects {
         width: 100%;
         height: 100%;
         position: relative;
@@ -85,7 +85,7 @@
         z-index: 1;
         overflow: hidden;
     }
-.slider__component_160ap .noUi-connect {
+.slider__component_14pip .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_160ap .noUi-handle {
+.slider__component_14pip .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_160ap .noUi-touch-area {
+.slider__component_14pip .noUi-touch-area {
         border-radius: var(--border-radius-circle);
         background: var(--slider-thumb-color);
         width: 100%;
         height: 100%;
     }
-.slider__component_160ap .noUi-pips {
+.slider__component_14pip .noUi-pips {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
@@ -128,36 +128,36 @@
         position: relative;
         width: 100%;
     }
-.slider__component_160ap .noUi-marker {
+.slider__component_14pip .noUi-marker {
         display: none;
     }
-.slider__component_160ap .noUi-value {
+.slider__component_14pip .noUi-value {
         position: absolute;
         white-space: nowrap;
         text-align: center;
         top: 0;
         transform: translateX(-50%)
     }
-.slider__component_160ap .noUi-value:nth-child(2) {
+.slider__component_14pip .noUi-value:nth-child(2) {
             transform: none;
         }
-.slider__component_160ap .noUi-value:last-child {
+.slider__component_14pip .noUi-value:last-child {
             transform: translateX(-100%);
         }
-.slider__s_160ap .noUi-base {
+.slider__s_14pip .noUi-base {
         border-radius: var(--slider-progress-s-border-radius);
         top: calc(var(--slider-progress-s-height) / 2);
     }
-.slider__s_160ap .noUi-connects {
+.slider__s_14pip .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_160ap .noUi-base {
+.slider__m_14pip .noUi-base {
         border-radius: var(--slider-progress-m-border-radius);
         top: calc(var(--slider-progress-m-height) / 2);
     }
-.slider__m_160ap .noUi-connects {
+.slider__m_14pip .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

@@ -3,9 +3,9 @@
     --color-red-dark: #d91d0b;
 }
 :root {
-    --color-light-bg-quaternary: #dbdee1;
+    --color-light-bg-quaternary: #dcdcdd;
     --color-light-graphic-accent: #ef3124;
-    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
+    --color-light-text-secondary: rgba(60, 60, 67, 0.6);
     --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
     --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
 }
@@ -44,24 +44,24 @@
     --slider-origin-width: 100%;
     --slider-origin-right: 0;
 }
-.slider__component_160ap {
+.slider__component_14pip {
     width: 100%;
     padding-top: var(--slider-progress-s-height);
     position: relative
 }
-.slider__component_160ap .noUi-base:hover .noUi-connects {
+.slider__component_14pip .noUi-base:hover .noUi-connects {
             background: var(--slider-progress-hover-background);
         }
-.slider__component_160ap .noUi-base:hover .noUi-connect {
+.slider__component_14pip .noUi-base:hover .noUi-connect {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_160ap .noUi-handle:hover .noUi-touch-area {
+.slider__component_14pip .noUi-handle:hover .noUi-touch-area {
         background: var(--slider-thumb-hover-color);
     }
-.slider__component_160ap .noUi-handle:active .noUi-touch-area {
+.slider__component_14pip .noUi-handle:active .noUi-touch-area {
         background: var(--slider-thumb-active-color);
     }
-.slider__component_160ap .noUi-base {
+.slider__component_14pip .noUi-base {
         position: absolute;
         width: 100%;
         height: var(--slider-clickable-area-size);
@@ -69,14 +69,14 @@
 
         cursor: pointer;
     }
-.slider__component_160ap .noUi-origin {
+.slider__component_14pip .noUi-origin {
         width: var(--slider-origin-width);
         position: absolute;
         top: 0;
         right: var(--slider-origin-right);
         height: 0;
     }
-.slider__component_160ap .noUi-connects {
+.slider__component_14pip .noUi-connects {
         width: 100%;
         height: 100%;
         position: relative;
@@ -85,7 +85,7 @@
         z-index: 1;
         overflow: hidden;
     }
-.slider__component_160ap .noUi-connect {
+.slider__component_14pip .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_160ap .noUi-handle {
+.slider__component_14pip .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_160ap .noUi-touch-area {
+.slider__component_14pip .noUi-touch-area {
         border-radius: var(--border-radius-circle);
         background: var(--slider-thumb-color);
         width: 100%;
         height: 100%;
     }
-.slider__component_160ap .noUi-pips {
+.slider__component_14pip .noUi-pips {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
@@ -128,36 +128,36 @@
         position: relative;
         width: 100%;
     }
-.slider__component_160ap .noUi-marker {
+.slider__component_14pip .noUi-marker {
         display: none;
     }
-.slider__component_160ap .noUi-value {
+.slider__component_14pip .noUi-value {
         position: absolute;
         white-space: nowrap;
         text-align: center;
         top: 0;
         transform: translateX(-50%)
     }
-.slider__component_160ap .noUi-value:nth-child(2) {
+.slider__component_14pip .noUi-value:nth-child(2) {
             transform: none;
         }
-.slider__component_160ap .noUi-value:last-child {
+.slider__component_14pip .noUi-value:last-child {
             transform: translateX(-100%);
         }
-.slider__s_160ap .noUi-base {
+.slider__s_14pip .noUi-base {
         border-radius: var(--slider-progress-s-border-radius);
         top: calc(var(--slider-progress-s-height) / 2);
     }
-.slider__s_160ap .noUi-connects {
+.slider__s_14pip .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_160ap .noUi-base {
+.slider__m_14pip .noUi-base {
         border-radius: var(--slider-progress-m-border-radius);
         top: calc(var(--slider-progress-m-height) / 2);
     }
-.slider__m_160ap .noUi-connects {
+.slider__m_14pip .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_160ap","s":"slider__s_160ap","m":"slider__m_160ap"};
+const styles = {"component":"slider__component_14pip","s":"slider__s_14pip","m":"slider__m_14pip"};
 require('./index.css');
 
 const Slider = ({ min = 0, max = 100, step = 1, value = 0, disabled, pips, range = { min, max }, size = 's', className, onChange, dataTestId, }) => {