@alfalab/core-components 22.0.0 → 22.3.1

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

@@ -1,4 +1,4 @@
-/* hash: 132su */
+/* hash: n4003 */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-primary: #0b1f35;
@@ -27,59 +27,59 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.select-with-tags__component_1jk0d.select-with-tags__xl_1jk0d .select-with-tags__contentWrapper_1jk0d {
+.select-with-tags__component_iunbx.select-with-tags__xl_iunbx .select-with-tags__contentWrapper_iunbx {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_1jk0d.select-with-tags__l_1jk0d .select-with-tags__contentWrapper_1jk0d {
+.select-with-tags__component_iunbx.select-with-tags__l_iunbx .select-with-tags__contentWrapper_iunbx {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_1jk0d.select-with-tags__m_1jk0d .select-with-tags__contentWrapper_1jk0d {
+.select-with-tags__component_iunbx.select-with-tags__m_iunbx .select-with-tags__contentWrapper_iunbx {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_1jk0d.select-with-tags__s_1jk0d .select-with-tags__contentWrapper_1jk0d {
+.select-with-tags__component_iunbx.select-with-tags__s_iunbx .select-with-tags__contentWrapper_iunbx {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_1jk0d.select-with-tags__xl_1jk0d .select-with-tags__contentWrapperVertical_1jk0d {
+.select-with-tags__component_iunbx.select-with-tags__xl_iunbx .select-with-tags__contentWrapperVertical_iunbx {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_1jk0d.select-with-tags__l_1jk0d .select-with-tags__contentWrapperVertical_1jk0d {
+.select-with-tags__component_iunbx.select-with-tags__l_iunbx .select-with-tags__contentWrapperVertical_iunbx {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_1jk0d.select-with-tags__m_1jk0d .select-with-tags__contentWrapperVertical_1jk0d {
+.select-with-tags__component_iunbx.select-with-tags__m_iunbx .select-with-tags__contentWrapperVertical_iunbx {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_1jk0d.select-with-tags__s_1jk0d .select-with-tags__contentWrapperVertical_1jk0d {
+.select-with-tags__component_iunbx.select-with-tags__s_iunbx .select-with-tags__contentWrapperVertical_iunbx {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_1jk0d .select-with-tags__contentWrapper_1jk0d {
+.select-with-tags__component_iunbx .select-with-tags__contentWrapper_iunbx {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_1jk0d .select-with-tags__contentWrapper_1jk0d:not(.select-with-tags__contentWrapperVertical_1jk0d):not(.select-with-tags__hasLabel_1jk0d) {
+.select-with-tags__component_iunbx .select-with-tags__contentWrapper_iunbx:not(.select-with-tags__contentWrapperVertical_iunbx):not(.select-with-tags__hasLabel_iunbx) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_1jk0d .select-with-tags__contentWrapper_1jk0d.select-with-tags__hasLabel_1jk0d {
+.select-with-tags__component_iunbx .select-with-tags__contentWrapper_iunbx.select-with-tags__hasLabel_iunbx {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_1jk0d .select-with-tags__contentWrapper_1jk0d.select-with-tags__hasTags_1jk0d.select-with-tags__hasLabel_1jk0d {
+.select-with-tags__component_iunbx .select-with-tags__contentWrapper_iunbx.select-with-tags__hasTags_iunbx.select-with-tags__hasLabel_iunbx {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_1jk0d:hover .select-with-tags__addons_1jk0d {
+.select-with-tags__component_iunbx:hover .select-with-tags__addons_iunbx {
     opacity: 0.7;
 }
-.select-with-tags__field_1jk0d {
+.select-with-tags__field_iunbx {
     cursor: pointer;
 }
-.select-with-tags__input_1jk0d {
+.select-with-tags__input_iunbx {
     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_1jk0d:disabled {
+.select-with-tags__input_iunbx:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1jk0d::placeholder {
+.select-with-tags__input_iunbx::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_1jk0d:focus::placeholder {
+.select-with-tags__input_iunbx:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_1jk0d {
+.select-with-tags__block_iunbx {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_1jk0d {
+.select-with-tags__focusVisible_iunbx {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_1jk0d {
+.select-with-tags__placeholder_iunbx {
     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_1jk0d {
+.select-with-tags__addons_iunbx {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_1jk0d {
+.select-with-tags__addons-size-m_iunbx {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_1jk0d {
+.select-with-tags__addons-size-l_iunbx {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_1jk0d {
+.select-with-tags__addons-size-xl_iunbx {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_1jk0d.select-with-tags__s_1jk0d .select-with-tags__label_1jk0d {
+.select-with-tags__component_iunbx.select-with-tags__s_iunbx .select-with-tags__label_iunbx {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_1jk0d.select-with-tags__m_1jk0d .select-with-tags__label_1jk0d {
+.select-with-tags__component_iunbx.select-with-tags__m_iunbx .select-with-tags__label_iunbx {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_1jk0d.select-with-tags__l_1jk0d .select-with-tags__label_1jk0d {
+.select-with-tags__component_iunbx.select-with-tags__l_iunbx .select-with-tags__label_iunbx {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_1jk0d.select-with-tags__xl_1jk0d .select-with-tags__label_1jk0d {
+.select-with-tags__component_iunbx.select-with-tags__xl_iunbx .select-with-tags__label_iunbx {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_1jk0d .select-with-tags__label_1jk0d {
+.select-with-tags__component_iunbx .select-with-tags__label_iunbx {
     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-c001e3ad.js');
+require('../tslib.es6-2e3c0f8a.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-c001e3ad.js');
+var tslib_es6 = require('../tslib.es6-2e3c0f8a.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_14030","animate":"skeleton__animate_14030","background":"skeleton__background_14030","gradient":"skeleton__gradient_14030"};
+var styles = {"component":"skeleton__component_10ivj","animate":"skeleton__animate_10ivj","background":"skeleton__background_10ivj","gradient":"skeleton__gradient_10ivj"};
 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_14030","animate":"skeleton__animate_14030","background":"skeleton__background_14030","gradient":"skeleton__gradient_14030"};
+var styles = {"component":"skeleton__component_10ivj","animate":"skeleton__animate_10ivj","background":"skeleton__background_10ivj","gradient":"skeleton__gradient_10ivj"};
 require('./index.css');
 
 var Skeleton = function (_a) {

package/skeleton/esm/index.css

@@ -14,7 +14,7 @@
     --skeleton-bg-animation-display: none;
 }
 
-.skeleton__component_14030 {
+.skeleton__component_10ivj {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -28,11 +28,11 @@
     -webkit-mask-image: -webkit-radial-gradient(white, black);
 }
 
-.skeleton__component_14030 > * {
+.skeleton__component_10ivj > * {
     visibility: hidden;
 }
 
-.skeleton__component_14030:before {
+.skeleton__component_10ivj:before {
     content: '';
     position: absolute;
     top: 0;
@@ -42,9 +42,9 @@
     background: var(--skeleton-default-color);
 }
 
-.skeleton__animate_14030:before {
+.skeleton__animate_10ivj:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_14030;
+    animation-name: skeleton__background_10ivj;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -54,12 +54,12 @@
 }
 
 @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_14030:before {
+    .skeleton__animate_10ivj:before {
         opacity: 0.4;
     }
 }
 
-.skeleton__animate_14030:after {
+.skeleton__animate_10ivj:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -68,7 +68,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_14030;
+    animation-name: skeleton__gradient_10ivj;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -83,7 +83,7 @@
     );
 }
 
-@keyframes skeleton__gradient_14030 {
+@keyframes skeleton__gradient_10ivj {
     0% {
         transform: translateX(-80%);
     }
@@ -95,7 +95,7 @@
     }
 }
 
-@keyframes skeleton__background_14030 {
+@keyframes skeleton__background_10ivj {
     0% {
         background: rgb(182, 188, 195);
     }

package/skeleton/index.css

@@ -14,7 +14,7 @@
     --skeleton-bg-animation-display: none;
 }
 
-.skeleton__component_14030 {
+.skeleton__component_10ivj {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -28,11 +28,11 @@
     -webkit-mask-image: -webkit-radial-gradient(white, black);
 }
 
-.skeleton__component_14030 > * {
+.skeleton__component_10ivj > * {
     visibility: hidden;
 }
 
-.skeleton__component_14030:before {
+.skeleton__component_10ivj:before {
     content: '';
     position: absolute;
     top: 0;
@@ -42,9 +42,9 @@
     background: var(--skeleton-default-color);
 }
 
-.skeleton__animate_14030:before {
+.skeleton__animate_10ivj:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_14030;
+    animation-name: skeleton__background_10ivj;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -54,12 +54,12 @@
 }
 
 @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_14030:before {
+    .skeleton__animate_10ivj:before {
         opacity: 0.4;
     }
 }
 
-.skeleton__animate_14030:after {
+.skeleton__animate_10ivj:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -68,7 +68,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_14030;
+    animation-name: skeleton__gradient_10ivj;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -83,7 +83,7 @@
     );
 }
 
-@keyframes skeleton__gradient_14030 {
+@keyframes skeleton__gradient_10ivj {
     0% {
         transform: translateX(-80%);
     }
@@ -95,7 +95,7 @@
     }
 }
 
-@keyframes skeleton__background_14030 {
+@keyframes skeleton__background_10ivj {
     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_14030","animate":"skeleton__animate_14030","background":"skeleton__background_14030","gradient":"skeleton__gradient_14030"};
+var styles = {"component":"skeleton__component_10ivj","animate":"skeleton__animate_10ivj","background":"skeleton__background_10ivj","gradient":"skeleton__gradient_10ivj"};
 require('./index.css');
 
 const Skeleton = ({ visible, animate = true, className, dataTestId, children, }) => {

package/skeleton/modern/index.css

@@ -14,7 +14,7 @@
     --skeleton-bg-animation-display: none;
 }
 
-.skeleton__component_14030 {
+.skeleton__component_10ivj {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -28,11 +28,11 @@
     -webkit-mask-image: -webkit-radial-gradient(white, black);
 }
 
-.skeleton__component_14030 > * {
+.skeleton__component_10ivj > * {
     visibility: hidden;
 }
 
-.skeleton__component_14030:before {
+.skeleton__component_10ivj:before {
     content: '';
     position: absolute;
     top: 0;
@@ -42,9 +42,9 @@
     background: var(--skeleton-default-color);
 }
 
-.skeleton__animate_14030:before {
+.skeleton__animate_10ivj:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_14030;
+    animation-name: skeleton__background_10ivj;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -54,12 +54,12 @@
 }
 
 @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_14030:before {
+    .skeleton__animate_10ivj:before {
         opacity: 0.4;
     }
 }
 
-.skeleton__animate_14030:after {
+.skeleton__animate_10ivj:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -68,7 +68,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_14030;
+    animation-name: skeleton__gradient_10ivj;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -83,7 +83,7 @@
     );
 }
 
-@keyframes skeleton__gradient_14030 {
+@keyframes skeleton__gradient_10ivj {
     0% {
         transform: translateX(-80%);
     }
@@ -95,7 +95,7 @@
     }
 }
 
-@keyframes skeleton__background_14030 {
+@keyframes skeleton__background_10ivj {
     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_73px7","progress":"slider__progress_73px7","rangeWrapper":"slider__rangeWrapper_73px7","range":"slider__range_73px7","focused":"slider__focused_73px7"};
+var styles = {"component":"slider__component_19ini","progress":"slider__progress_19ini","rangeWrapper":"slider__rangeWrapper_19ini","range":"slider__range_19ini","focused":"slider__focused_19ini"};
 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_73px7","progress":"slider__progress_73px7","rangeWrapper":"slider__rangeWrapper_73px7","range":"slider__range_73px7","focused":"slider__focused_73px7"};
+var styles = {"component":"slider__component_19ini","progress":"slider__progress_19ini","rangeWrapper":"slider__rangeWrapper_19ini","range":"slider__range_19ini","focused":"slider__focused_19ini"};
 require('./index.css');
 
 var Slider = forwardRef(function (_a, ref) {

package/slider/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 4rb6h */
+/* hash: 7d8wk */
 :root {
     --color-red-dark: #d91d0b;
 }
@@ -37,13 +37,13 @@
     --slider-range-offest: calc(var(--slider-thumb-size) / 2 * -1);
 }
 /* Не работают префиксные селекторы через запятую - пришлось вынести в миксины */
-.slider__component_73px7 {
+.slider__component_19ini {
     position: relative;
     width: 100%;
     height: var(--slider-thumb-size);
     box-sizing: border-box;
 }
-.slider__progress_73px7 {
+.slider__progress_19ini {
     position: absolute;
     top: 50%;
     right: 0;
@@ -59,36 +59,36 @@
     background: var(--slider-progress-background);
     transition: background 0.15s;
 }
-.slider__progress_73px7::-moz-progress-bar {
+.slider__progress_19ini::-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_73px7::-ms-fill {
+.slider__progress_19ini::-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_73px7::-webkit-progress-value {
+.slider__progress_19ini::-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_73px7::-webkit-progress-bar {
+.slider__progress_19ini::-webkit-progress-bar {
     background: transparent;
 }
-.slider__rangeWrapper_73px7 {
+.slider__rangeWrapper_19ini {
     position: absolute;
     z-index: 1;
     top: 0;
     right: var(--slider-range-offest);
     left: var(--slider-range-offest);
 }
-.slider__range_73px7,
-.slider__range_73px7:focus {
+.slider__range_19ini,
+.slider__range_19ini:focus {
     position: absolute;
     z-index: 1;
     top: 0;
@@ -105,7 +105,7 @@
     color: transparent;
     cursor: pointer;
 }
-.slider__range_73px7::-ms-track {
+.slider__range_19ini::-ms-track {
     position: absolute;
     z-index: 1;
     top: 0;
@@ -121,27 +121,27 @@
     color: transparent;
     cursor: pointer;
 }
-.slider__range_73px7::-ms-fill-lower {
+.slider__range_19ini::-ms-fill-lower {
     background: transparent;
 }
-.slider__range_73px7::-ms-fill-upper {
+.slider__range_19ini::-ms-fill-upper {
     background: transparent;
 }
-.slider__range_73px7::-moz-focus-outer {
+.slider__range_19ini::-moz-focus-outer {
     border: 0;
 }
-.slider__range_73px7::-webkit-slider-runnable-track,
-.slider__range_73px7::-moz-range-track {
+.slider__range_19ini::-webkit-slider-runnable-track,
+.slider__range_19ini::-moz-range-track {
     -webkit-appearance: none;
     -moz-appearance: none;
 }
-.slider__range_73px7::-ms-tooltip {
+.slider__range_19ini::-ms-tooltip {
     display: none;
 }
-.slider__range_73px7:focus {
+.slider__range_19ini:focus {
     outline: none;
 }
-.slider__range_73px7::-webkit-slider-thumb {
+.slider__range_19ini::-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_73px7::-ms-thumb {
+.slider__range_19ini::-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_73px7::-moz-range-thumb {
+.slider__range_19ini::-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_73px7::-webkit-slider-thumb {
+.slider__focused_19ini::-webkit-slider-thumb {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.slider__focused_73px7::-ms-thumb {
+.slider__focused_19ini::-ms-thumb {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.slider__range_73px7:active::-webkit-slider-thumb {
+.slider__range_19ini:active::-webkit-slider-thumb {
     cursor: grabbing;
 }
-.slider__range_73px7:active::-ms-thumb {
+.slider__range_19ini:active::-ms-thumb {
     cursor: grabbing;
 }
-.slider__range_73px7:active::-moz-range-thumb {
+.slider__range_19ini:active::-moz-range-thumb {
     cursor: grabbing;
 }
-.slider__range_73px7:disabled {
+.slider__range_19ini:disabled {
     cursor: var(--disabled-cursor);
 }
-.slider__range_73px7:disabled::-webkit-slider-thumb {
+.slider__range_19ini:disabled::-webkit-slider-thumb {
     cursor: var(--disabled-cursor);
 }
-.slider__range_73px7:disabled::-ms-thumb {
+.slider__range_19ini:disabled::-ms-thumb {
     cursor: var(--disabled-cursor);
 }
-.slider__range_73px7:disabled::-moz-range-thumb {
+.slider__range_19ini:disabled::-moz-range-thumb {
     cursor: var(--disabled-cursor);
 }
 /* hover */
-.slider__component_73px7:hover .slider__progress_73px7 {
+.slider__component_19ini:hover .slider__progress_19ini {
         background: var(--slider-progress-hover-background)
     }
-.slider__component_73px7:hover .slider__progress_73px7::-moz-progress-bar {
+.slider__component_19ini:hover .slider__progress_19ini::-moz-progress-bar {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_73px7:hover .slider__progress_73px7::-ms-fill {
+.slider__component_19ini:hover .slider__progress_19ini::-ms-fill {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_73px7:hover .slider__progress_73px7::-webkit-progress-value {
+.slider__component_19ini:hover .slider__progress_19ini::-webkit-progress-value {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_73px7:hover .slider__range_73px7::-webkit-slider-thumb {
+.slider__component_19ini:hover .slider__range_19ini::-webkit-slider-thumb {
             background: var(--slider-thumb-hover-color);
         }
-.slider__component_73px7:hover .slider__range_73px7::-ms-thumb {
+.slider__component_19ini:hover .slider__range_19ini::-ms-thumb {
             background: var(--slider-thumb-hover-color);
         }
-.slider__component_73px7:hover .slider__range_73px7::-moz-range-thumb {
+.slider__component_19ini:hover .slider__range_19ini::-moz-range-thumb {
             background: var(--slider-thumb-hover-color);
         }