@alfalab/core-components 27.6.2 → 27.7.0

package/select-with-tags/modern/components/tag-list/index.css

@@ -27,59 +27,59 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.select-with-tags__component_18zxm.select-with-tags__xl_18zxm .select-with-tags__contentWrapper_18zxm {
+.select-with-tags__component_e54qj.select-with-tags__xl_e54qj .select-with-tags__contentWrapper_e54qj {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_18zxm.select-with-tags__l_18zxm .select-with-tags__contentWrapper_18zxm {
+.select-with-tags__component_e54qj.select-with-tags__l_e54qj .select-with-tags__contentWrapper_e54qj {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_18zxm.select-with-tags__m_18zxm .select-with-tags__contentWrapper_18zxm {
+.select-with-tags__component_e54qj.select-with-tags__m_e54qj .select-with-tags__contentWrapper_e54qj {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_18zxm.select-with-tags__s_18zxm .select-with-tags__contentWrapper_18zxm {
+.select-with-tags__component_e54qj.select-with-tags__s_e54qj .select-with-tags__contentWrapper_e54qj {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_18zxm.select-with-tags__xl_18zxm .select-with-tags__contentWrapperVertical_18zxm {
+.select-with-tags__component_e54qj.select-with-tags__xl_e54qj .select-with-tags__contentWrapperVertical_e54qj {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_18zxm.select-with-tags__l_18zxm .select-with-tags__contentWrapperVertical_18zxm {
+.select-with-tags__component_e54qj.select-with-tags__l_e54qj .select-with-tags__contentWrapperVertical_e54qj {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_18zxm.select-with-tags__m_18zxm .select-with-tags__contentWrapperVertical_18zxm {
+.select-with-tags__component_e54qj.select-with-tags__m_e54qj .select-with-tags__contentWrapperVertical_e54qj {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_18zxm.select-with-tags__s_18zxm .select-with-tags__contentWrapperVertical_18zxm {
+.select-with-tags__component_e54qj.select-with-tags__s_e54qj .select-with-tags__contentWrapperVertical_e54qj {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_18zxm .select-with-tags__contentWrapper_18zxm {
+.select-with-tags__component_e54qj .select-with-tags__contentWrapper_e54qj {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_18zxm .select-with-tags__contentWrapper_18zxm:not(.select-with-tags__contentWrapperVertical_18zxm):not(.select-with-tags__hasLabel_18zxm) {
+.select-with-tags__component_e54qj .select-with-tags__contentWrapper_e54qj:not(.select-with-tags__contentWrapperVertical_e54qj):not(.select-with-tags__hasLabel_e54qj) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_18zxm .select-with-tags__contentWrapper_18zxm.select-with-tags__hasLabel_18zxm {
+.select-with-tags__component_e54qj .select-with-tags__contentWrapper_e54qj.select-with-tags__hasLabel_e54qj {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_18zxm .select-with-tags__contentWrapper_18zxm.select-with-tags__hasTags_18zxm.select-with-tags__hasLabel_18zxm {
+.select-with-tags__component_e54qj .select-with-tags__contentWrapper_e54qj.select-with-tags__hasTags_e54qj.select-with-tags__hasLabel_e54qj {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_18zxm:hover .select-with-tags__addons_18zxm {
+.select-with-tags__component_e54qj:hover .select-with-tags__addons_e54qj {
     opacity: 0.7;
 }
-.select-with-tags__field_18zxm {
+.select-with-tags__field_e54qj {
     cursor: pointer;
 }
-.select-with-tags__input_18zxm {
+.select-with-tags__input_e54qj {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -94,23 +94,23 @@
     font-family: var(--font-family);
     color: var(--color-light-text-primary)
 }
-.select-with-tags__input_18zxm:disabled {
+.select-with-tags__input_e54qj:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_18zxm::placeholder {
+.select-with-tags__input_e54qj::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_18zxm:focus::placeholder {
+.select-with-tags__input_e54qj:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_18zxm {
+.select-with-tags__block_e54qj {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_18zxm {
+.select-with-tags__focusVisible_e54qj {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_18zxm {
+.select-with-tags__placeholder_e54qj {
     display: flex;
     align-items: center;
     min-height: 28px;
@@ -118,36 +118,36 @@
     color: var(--color-light-text-tertiary);
     pointer-events: none;
 }
-.select-with-tags__addons_18zxm {
+.select-with-tags__addons_e54qj {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_18zxm {
+.select-with-tags__addons-size-m_e54qj {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_18zxm {
+.select-with-tags__addons-size-l_e54qj {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_18zxm {
+.select-with-tags__addons-size-xl_e54qj {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_18zxm.select-with-tags__s_18zxm .select-with-tags__label_18zxm {
+.select-with-tags__component_e54qj.select-with-tags__s_e54qj .select-with-tags__label_e54qj {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_18zxm.select-with-tags__m_18zxm .select-with-tags__label_18zxm {
+.select-with-tags__component_e54qj.select-with-tags__m_e54qj .select-with-tags__label_e54qj {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_18zxm.select-with-tags__l_18zxm .select-with-tags__label_18zxm {
+.select-with-tags__component_e54qj.select-with-tags__l_e54qj .select-with-tags__label_e54qj {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_18zxm.select-with-tags__xl_18zxm .select-with-tags__label_18zxm {
+.select-with-tags__component_e54qj.select-with-tags__xl_e54qj .select-with-tags__label_e54qj {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_18zxm .select-with-tags__label_18zxm {
+.select-with-tags__component_e54qj .select-with-tags__label_e54qj {
     top: 14px;
     align-items: flex-start;
     height: auto;

package/select-with-tags/utils/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-33f982d5.js');
+require('../tslib.es6-2e57621e.js');
 require('../../select');
 var utils_match = require('./match.js');
 

package/select-with-tags/utils/match.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-33f982d5.js');
+var tslib_es6 = require('../tslib.es6-2e57621e.js');
 var coreComponentsSelect = require('../../select');
 
 var defaultMatch = function (option, inputValue) {

package/skeleton/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"skeleton__component_gfjli","animate":"skeleton__animate_gfjli","background":"skeleton__background_gfjli","gradient":"skeleton__gradient_gfjli"};
+var styles = {"component":"skeleton__component_799g1","animate":"skeleton__animate_799g1","background":"skeleton__background_799g1","gradient":"skeleton__gradient_799g1"};
 require('./index.css');
 
 var Skeleton = function (_a) {

package/skeleton/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"skeleton__component_gfjli","animate":"skeleton__animate_gfjli","background":"skeleton__background_gfjli","gradient":"skeleton__gradient_gfjli"};
+var styles = {"component":"skeleton__component_799g1","animate":"skeleton__animate_799g1","background":"skeleton__background_799g1","gradient":"skeleton__gradient_799g1"};
 require('./index.css');
 
 var Skeleton = function (_a) {

package/skeleton/esm/index.css

@@ -23,7 +23,7 @@
     --skeleton-gradient-animation-display: block;
     --skeleton-bg-animation-display: none;
 }
-.skeleton__component_gfjli {
+.skeleton__component_799g1 {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -36,10 +36,10 @@
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
 }
-.skeleton__component_gfjli > * {
+.skeleton__component_799g1 > * {
     visibility: hidden;
 }
-.skeleton__component_gfjli:before {
+.skeleton__component_799g1:before {
     content: '';
     position: absolute;
     top: 0;
@@ -48,9 +48,9 @@
     bottom: 0;
     background: var(--skeleton-default-color);
 }
-.skeleton__animate_gfjli:before {
+.skeleton__animate_799g1:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_gfjli;
+    animation-name: skeleton__background_799g1;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -59,11 +59,11 @@
     opacity: 0.5;
 }
 @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_gfjli:before {
+    .skeleton__animate_799g1:before {
         opacity: 0.4;
     }
 }
-.skeleton__animate_gfjli:after {
+.skeleton__animate_799g1:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -72,7 +72,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_gfjli;
+    animation-name: skeleton__gradient_799g1;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -86,7 +86,7 @@
         rgba(0, 0, 0, 0)
     );
 }
-@keyframes skeleton__gradient_gfjli {
+@keyframes skeleton__gradient_799g1 {
     0% {
         transform: translateX(-80%);
     }
@@ -97,7 +97,7 @@
         transform: translateX(0);
     }
 }
-@keyframes skeleton__background_gfjli {
+@keyframes skeleton__background_799g1 {
     0% {
         background: rgb(182, 188, 195);
     }

package/skeleton/index.css

@@ -23,7 +23,7 @@
     --skeleton-gradient-animation-display: block;
     --skeleton-bg-animation-display: none;
 }
-.skeleton__component_gfjli {
+.skeleton__component_799g1 {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -36,10 +36,10 @@
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
 }
-.skeleton__component_gfjli > * {
+.skeleton__component_799g1 > * {
     visibility: hidden;
 }
-.skeleton__component_gfjli:before {
+.skeleton__component_799g1:before {
     content: '';
     position: absolute;
     top: 0;
@@ -48,9 +48,9 @@
     bottom: 0;
     background: var(--skeleton-default-color);
 }
-.skeleton__animate_gfjli:before {
+.skeleton__animate_799g1:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_gfjli;
+    animation-name: skeleton__background_799g1;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -59,11 +59,11 @@
     opacity: 0.5;
 }
 @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_gfjli:before {
+    .skeleton__animate_799g1:before {
         opacity: 0.4;
     }
 }
-.skeleton__animate_gfjli:after {
+.skeleton__animate_799g1:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -72,7 +72,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_gfjli;
+    animation-name: skeleton__gradient_799g1;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -86,7 +86,7 @@
         rgba(0, 0, 0, 0)
     );
 }
-@keyframes skeleton__gradient_gfjli {
+@keyframes skeleton__gradient_799g1 {
     0% {
         transform: translateX(-80%);
     }
@@ -97,7 +97,7 @@
         transform: translateX(0);
     }
 }
-@keyframes skeleton__background_gfjli {
+@keyframes skeleton__background_799g1 {
     0% {
         background: rgb(182, 188, 195);
     }

package/skeleton/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"skeleton__component_gfjli","animate":"skeleton__animate_gfjli","background":"skeleton__background_gfjli","gradient":"skeleton__gradient_gfjli"};
+var styles = {"component":"skeleton__component_799g1","animate":"skeleton__animate_799g1","background":"skeleton__background_799g1","gradient":"skeleton__gradient_799g1"};
 require('./index.css');
 
 const Skeleton = ({ visible, animate = true, className, dataTestId, children, }) => {

package/skeleton/modern/index.css

@@ -23,7 +23,7 @@
     --skeleton-gradient-animation-display: block;
     --skeleton-bg-animation-display: none;
 }
-.skeleton__component_gfjli {
+.skeleton__component_799g1 {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -36,10 +36,10 @@
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
 }
-.skeleton__component_gfjli > * {
+.skeleton__component_799g1 > * {
     visibility: hidden;
 }
-.skeleton__component_gfjli:before {
+.skeleton__component_799g1:before {
     content: '';
     position: absolute;
     top: 0;
@@ -48,9 +48,9 @@
     bottom: 0;
     background: var(--skeleton-default-color);
 }
-.skeleton__animate_gfjli:before {
+.skeleton__animate_799g1:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_gfjli;
+    animation-name: skeleton__background_799g1;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -59,11 +59,11 @@
     opacity: 0.5;
 }
 @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_gfjli:before {
+    .skeleton__animate_799g1:before {
         opacity: 0.4;
     }
 }
-.skeleton__animate_gfjli:after {
+.skeleton__animate_799g1:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -72,7 +72,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_gfjli;
+    animation-name: skeleton__gradient_799g1;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -86,7 +86,7 @@
         rgba(0, 0, 0, 0)
     );
 }
-@keyframes skeleton__gradient_gfjli {
+@keyframes skeleton__gradient_799g1 {
     0% {
         transform: translateX(-80%);
     }
@@ -97,7 +97,7 @@
         transform: translateX(0);
     }
 }
-@keyframes skeleton__background_gfjli {
+@keyframes skeleton__background_799g1 {
     0% {
         background: rgb(182, 188, 195);
     }

package/slider/Component.js

@@ -50,7 +50,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"slider__component_ot5t6","progress":"slider__progress_ot5t6","rangeWrapper":"slider__rangeWrapper_ot5t6","range":"slider__range_ot5t6","focused":"slider__focused_ot5t6"};
+var styles = {"component":"slider__component_1d3g4","progress":"slider__progress_1d3g4","rangeWrapper":"slider__rangeWrapper_1d3g4","range":"slider__range_1d3g4","focused":"slider__focused_1d3g4"};
 require('./index.css');
 
 var Slider = React.forwardRef(function (_a, ref) {

package/slider/esm/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"slider__component_ot5t6","progress":"slider__progress_ot5t6","rangeWrapper":"slider__rangeWrapper_ot5t6","range":"slider__range_ot5t6","focused":"slider__focused_ot5t6"};
+var styles = {"component":"slider__component_1d3g4","progress":"slider__progress_1d3g4","rangeWrapper":"slider__rangeWrapper_1d3g4","range":"slider__range_1d3g4","focused":"slider__focused_1d3g4"};
 require('./index.css');
 
 var Slider = forwardRef(function (_a, ref) {

package/slider/esm/index.css

@@ -37,13 +37,13 @@
     --slider-range-offest: calc(var(--slider-thumb-size) / 2 * -1);
 }
 /* Не работают префиксные селекторы через запятую - пришлось вынести в миксины */
-.slider__component_ot5t6 {
+.slider__component_1d3g4 {
     position: relative;
     width: 100%;
     height: var(--slider-thumb-size);
     box-sizing: border-box;
 }
-.slider__progress_ot5t6 {
+.slider__progress_1d3g4 {
     position: absolute;
     top: 50%;
     right: 0;
@@ -59,36 +59,36 @@
     background: var(--slider-progress-background);
     transition: background 0.15s;
 }
-.slider__progress_ot5t6::-moz-progress-bar {
+.slider__progress_1d3g4::-moz-progress-bar {
     background: var(--slider-progress-color);
     border-radius: var(--slider-progress-border-radius);
     -moz-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__progress_ot5t6::-ms-fill {
+.slider__progress_1d3g4::-ms-fill {
     background: var(--slider-progress-color);
     border-radius: var(--slider-progress-border-radius);
     -ms-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__progress_ot5t6::-webkit-progress-value {
+.slider__progress_1d3g4::-webkit-progress-value {
     background: var(--slider-progress-color);
     border-radius: var(--slider-progress-border-radius);
     -webkit-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__progress_ot5t6::-webkit-progress-bar {
+.slider__progress_1d3g4::-webkit-progress-bar {
     background: transparent;
 }
-.slider__rangeWrapper_ot5t6 {
+.slider__rangeWrapper_1d3g4 {
     position: absolute;
     z-index: 1;
     top: 0;
     right: var(--slider-range-offest);
     left: var(--slider-range-offest);
 }
-.slider__range_ot5t6,
-.slider__range_ot5t6:focus {
+.slider__range_1d3g4,
+.slider__range_1d3g4:focus {
     position: absolute;
     z-index: 1;
     top: 0;
@@ -105,7 +105,7 @@
     color: transparent;
     cursor: pointer;
 }
-.slider__range_ot5t6::-ms-track {
+.slider__range_1d3g4::-ms-track {
     position: absolute;
     z-index: 1;
     top: 0;
@@ -121,27 +121,27 @@
     color: transparent;
     cursor: pointer;
 }
-.slider__range_ot5t6::-ms-fill-lower {
+.slider__range_1d3g4::-ms-fill-lower {
     background: transparent;
 }
-.slider__range_ot5t6::-ms-fill-upper {
+.slider__range_1d3g4::-ms-fill-upper {
     background: transparent;
 }
-.slider__range_ot5t6::-moz-focus-outer {
+.slider__range_1d3g4::-moz-focus-outer {
     border: 0;
 }
-.slider__range_ot5t6::-webkit-slider-runnable-track,
-.slider__range_ot5t6::-moz-range-track {
+.slider__range_1d3g4::-webkit-slider-runnable-track,
+.slider__range_1d3g4::-moz-range-track {
     -webkit-appearance: none;
     -moz-appearance: none;
 }
-.slider__range_ot5t6::-ms-tooltip {
+.slider__range_1d3g4::-ms-tooltip {
     display: none;
 }
-.slider__range_ot5t6:focus {
+.slider__range_1d3g4:focus {
     outline: none;
 }
-.slider__range_ot5t6::-webkit-slider-thumb {
+.slider__range_1d3g4::-webkit-slider-thumb {
     width: var(--slider-thumb-size);
     height: var(--slider-thumb-size);
     border: 0;
@@ -156,7 +156,7 @@
     -webkit-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__range_ot5t6::-ms-thumb {
+.slider__range_1d3g4::-ms-thumb {
     width: var(--slider-thumb-size);
     height: var(--slider-thumb-size);
     border: 0;
@@ -170,7 +170,7 @@
     -ms-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__range_ot5t6::-moz-range-thumb {
+.slider__range_1d3g4::-moz-range-thumb {
     width: var(--slider-thumb-size);
     height: var(--slider-thumb-size);
     border: 0;
@@ -184,54 +184,54 @@
     -moz-transition: background 0.15s;
     transition: background 0.15s;
 }
-.slider__focused_ot5t6::-webkit-slider-thumb {
+.slider__focused_1d3g4::-webkit-slider-thumb {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.slider__focused_ot5t6::-ms-thumb {
+.slider__focused_1d3g4::-ms-thumb {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.slider__range_ot5t6:active::-webkit-slider-thumb {
+.slider__range_1d3g4:active::-webkit-slider-thumb {
     cursor: grabbing;
 }
-.slider__range_ot5t6:active::-ms-thumb {
+.slider__range_1d3g4:active::-ms-thumb {
     cursor: grabbing;
 }
-.slider__range_ot5t6:active::-moz-range-thumb {
+.slider__range_1d3g4:active::-moz-range-thumb {
     cursor: grabbing;
 }
-.slider__range_ot5t6:disabled {
+.slider__range_1d3g4:disabled {
     cursor: var(--disabled-cursor);
 }
-.slider__range_ot5t6:disabled::-webkit-slider-thumb {
+.slider__range_1d3g4:disabled::-webkit-slider-thumb {
     cursor: var(--disabled-cursor);
 }
-.slider__range_ot5t6:disabled::-ms-thumb {
+.slider__range_1d3g4:disabled::-ms-thumb {
     cursor: var(--disabled-cursor);
 }
-.slider__range_ot5t6:disabled::-moz-range-thumb {
+.slider__range_1d3g4:disabled::-moz-range-thumb {
     cursor: var(--disabled-cursor);
 }
 /* hover */
-.slider__component_ot5t6:hover .slider__progress_ot5t6 {
+.slider__component_1d3g4:hover .slider__progress_1d3g4 {
         background: var(--slider-progress-hover-background)
     }
-.slider__component_ot5t6:hover .slider__progress_ot5t6::-moz-progress-bar {
+.slider__component_1d3g4:hover .slider__progress_1d3g4::-moz-progress-bar {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_ot5t6:hover .slider__progress_ot5t6::-ms-fill {
+.slider__component_1d3g4:hover .slider__progress_1d3g4::-ms-fill {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_ot5t6:hover .slider__progress_ot5t6::-webkit-progress-value {
+.slider__component_1d3g4:hover .slider__progress_1d3g4::-webkit-progress-value {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_ot5t6:hover .slider__range_ot5t6::-webkit-slider-thumb {
+.slider__component_1d3g4:hover .slider__range_1d3g4::-webkit-slider-thumb {
             background: var(--slider-thumb-hover-color);
         }
-.slider__component_ot5t6:hover .slider__range_ot5t6::-ms-thumb {
+.slider__component_1d3g4:hover .slider__range_1d3g4::-ms-thumb {
             background: var(--slider-thumb-hover-color);
         }
-.slider__component_ot5t6:hover .slider__range_ot5t6::-moz-range-thumb {
+.slider__component_1d3g4:hover .slider__range_1d3g4::-moz-range-thumb {
             background: var(--slider-thumb-hover-color);
         }