@alfalab/core-components 24.1.0 → 25.0.0

package/select-with-tags/modern/components/tag-list/component.js

@@ -7,7 +7,7 @@ import '../../../../tag/modern';
 import { Tag } from '../tag/component.js';
 import { calculateTotalElementsPerRow } from '../../utils/calculate-collapse-size.js';
 
-var styles = {"component":"select-with-tags__component_vgfqm","xl":"select-with-tags__xl_vgfqm","contentWrapper":"select-with-tags__contentWrapper_vgfqm","l":"select-with-tags__l_vgfqm","m":"select-with-tags__m_vgfqm","s":"select-with-tags__s_vgfqm","contentWrapperVertical":"select-with-tags__contentWrapperVertical_vgfqm","hasLabel":"select-with-tags__hasLabel_vgfqm","hasTags":"select-with-tags__hasTags_vgfqm","addons":"select-with-tags__addons_vgfqm","field":"select-with-tags__field_vgfqm","input":"select-with-tags__input_vgfqm","block":"select-with-tags__block_vgfqm","focusVisible":"select-with-tags__focusVisible_vgfqm","placeholder":"select-with-tags__placeholder_vgfqm","addons-size-m":"select-with-tags__addons-size-m_vgfqm","addons-size-l":"select-with-tags__addons-size-l_vgfqm","addons-size-xl":"select-with-tags__addons-size-xl_vgfqm","label":"select-with-tags__label_vgfqm"};
+var styles = {"component":"select-with-tags__component_dxswj","xl":"select-with-tags__xl_dxswj","contentWrapper":"select-with-tags__contentWrapper_dxswj","l":"select-with-tags__l_dxswj","m":"select-with-tags__m_dxswj","s":"select-with-tags__s_dxswj","contentWrapperVertical":"select-with-tags__contentWrapperVertical_dxswj","hasLabel":"select-with-tags__hasLabel_dxswj","hasTags":"select-with-tags__hasTags_dxswj","addons":"select-with-tags__addons_dxswj","field":"select-with-tags__field_dxswj","input":"select-with-tags__input_dxswj","block":"select-with-tags__block_dxswj","focusVisible":"select-with-tags__focusVisible_dxswj","placeholder":"select-with-tags__placeholder_dxswj","addons-size-m":"select-with-tags__addons-size-m_dxswj","addons-size-l":"select-with-tags__addons-size-l_dxswj","addons-size-xl":"select-with-tags__addons-size-xl_dxswj","label":"select-with-tags__label_dxswj"};
 require('./index.css');
 
 const TagList = ({ size = 'xl', open, disabled, placeholder, selectedMultiple = [], Arrow, innerProps, className, fieldClassName, value = '', autocomplete, label, valueRenderer, onInput, handleDeleteTag, collapseTagList, moveInputToNewLine, transformCollapsedTagText, transformTagText, isPopoverOpen, handleUpdatePopover, Tag: Tag$1 = Tag, ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 15aq5 */
+/* hash: 1p1nr */
 :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_vgfqm.select-with-tags__xl_vgfqm .select-with-tags__contentWrapper_vgfqm {
+.select-with-tags__component_dxswj.select-with-tags__xl_dxswj .select-with-tags__contentWrapper_dxswj {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_vgfqm.select-with-tags__l_vgfqm .select-with-tags__contentWrapper_vgfqm {
+.select-with-tags__component_dxswj.select-with-tags__l_dxswj .select-with-tags__contentWrapper_dxswj {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_vgfqm.select-with-tags__m_vgfqm .select-with-tags__contentWrapper_vgfqm {
+.select-with-tags__component_dxswj.select-with-tags__m_dxswj .select-with-tags__contentWrapper_dxswj {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_vgfqm.select-with-tags__s_vgfqm .select-with-tags__contentWrapper_vgfqm {
+.select-with-tags__component_dxswj.select-with-tags__s_dxswj .select-with-tags__contentWrapper_dxswj {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_vgfqm.select-with-tags__xl_vgfqm .select-with-tags__contentWrapperVertical_vgfqm {
+.select-with-tags__component_dxswj.select-with-tags__xl_dxswj .select-with-tags__contentWrapperVertical_dxswj {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_vgfqm.select-with-tags__l_vgfqm .select-with-tags__contentWrapperVertical_vgfqm {
+.select-with-tags__component_dxswj.select-with-tags__l_dxswj .select-with-tags__contentWrapperVertical_dxswj {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_vgfqm.select-with-tags__m_vgfqm .select-with-tags__contentWrapperVertical_vgfqm {
+.select-with-tags__component_dxswj.select-with-tags__m_dxswj .select-with-tags__contentWrapperVertical_dxswj {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_vgfqm.select-with-tags__s_vgfqm .select-with-tags__contentWrapperVertical_vgfqm {
+.select-with-tags__component_dxswj.select-with-tags__s_dxswj .select-with-tags__contentWrapperVertical_dxswj {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_vgfqm .select-with-tags__contentWrapper_vgfqm {
+.select-with-tags__component_dxswj .select-with-tags__contentWrapper_dxswj {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_vgfqm .select-with-tags__contentWrapper_vgfqm:not(.select-with-tags__contentWrapperVertical_vgfqm):not(.select-with-tags__hasLabel_vgfqm) {
+.select-with-tags__component_dxswj .select-with-tags__contentWrapper_dxswj:not(.select-with-tags__contentWrapperVertical_dxswj):not(.select-with-tags__hasLabel_dxswj) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_vgfqm .select-with-tags__contentWrapper_vgfqm.select-with-tags__hasLabel_vgfqm {
+.select-with-tags__component_dxswj .select-with-tags__contentWrapper_dxswj.select-with-tags__hasLabel_dxswj {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_vgfqm .select-with-tags__contentWrapper_vgfqm.select-with-tags__hasTags_vgfqm.select-with-tags__hasLabel_vgfqm {
+.select-with-tags__component_dxswj .select-with-tags__contentWrapper_dxswj.select-with-tags__hasTags_dxswj.select-with-tags__hasLabel_dxswj {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_vgfqm:hover .select-with-tags__addons_vgfqm {
+.select-with-tags__component_dxswj:hover .select-with-tags__addons_dxswj {
     opacity: 0.7;
 }
-.select-with-tags__field_vgfqm {
+.select-with-tags__field_dxswj {
     cursor: pointer;
 }
-.select-with-tags__input_vgfqm {
+.select-with-tags__input_dxswj {
     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_vgfqm:disabled {
+.select-with-tags__input_dxswj:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_vgfqm::placeholder {
+.select-with-tags__input_dxswj::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_vgfqm:focus::placeholder {
+.select-with-tags__input_dxswj:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_vgfqm {
+.select-with-tags__block_dxswj {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_vgfqm {
+.select-with-tags__focusVisible_dxswj {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_vgfqm {
+.select-with-tags__placeholder_dxswj {
     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_vgfqm {
+.select-with-tags__addons_dxswj {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_vgfqm {
+.select-with-tags__addons-size-m_dxswj {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_vgfqm {
+.select-with-tags__addons-size-l_dxswj {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_vgfqm {
+.select-with-tags__addons-size-xl_dxswj {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_vgfqm.select-with-tags__s_vgfqm .select-with-tags__label_vgfqm {
+.select-with-tags__component_dxswj.select-with-tags__s_dxswj .select-with-tags__label_dxswj {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_vgfqm.select-with-tags__m_vgfqm .select-with-tags__label_vgfqm {
+.select-with-tags__component_dxswj.select-with-tags__m_dxswj .select-with-tags__label_dxswj {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_vgfqm.select-with-tags__l_vgfqm .select-with-tags__label_vgfqm {
+.select-with-tags__component_dxswj.select-with-tags__l_dxswj .select-with-tags__label_dxswj {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_vgfqm.select-with-tags__xl_vgfqm .select-with-tags__label_vgfqm {
+.select-with-tags__component_dxswj.select-with-tags__xl_dxswj .select-with-tags__label_dxswj {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_vgfqm .select-with-tags__label_vgfqm {
+.select-with-tags__component_dxswj .select-with-tags__label_dxswj {
     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-03998827.js');
+require('../tslib.es6-b22ea28e.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-03998827.js');
+var tslib_es6 = require('../tslib.es6-b22ea28e.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_1pkem","animate":"skeleton__animate_1pkem","background":"skeleton__background_1pkem","gradient":"skeleton__gradient_1pkem"};
+var styles = {"component":"skeleton__component_1aoxf","animate":"skeleton__animate_1aoxf","background":"skeleton__background_1aoxf","gradient":"skeleton__gradient_1aoxf"};
 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_1pkem","animate":"skeleton__animate_1pkem","background":"skeleton__background_1pkem","gradient":"skeleton__gradient_1pkem"};
+var styles = {"component":"skeleton__component_1aoxf","animate":"skeleton__animate_1aoxf","background":"skeleton__background_1aoxf","gradient":"skeleton__gradient_1aoxf"};
 require('./index.css');
 
 var Skeleton = function (_a) {

package/skeleton/esm/index.css

@@ -14,7 +14,7 @@
     --skeleton-bg-animation-display: none;
 }
 
-.skeleton__component_1pkem {
+.skeleton__component_1aoxf {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -28,11 +28,11 @@
     -webkit-mask-image: -webkit-radial-gradient(white, black);
 }
 
-.skeleton__component_1pkem > * {
+.skeleton__component_1aoxf > * {
     visibility: hidden;
 }
 
-.skeleton__component_1pkem:before {
+.skeleton__component_1aoxf:before {
     content: '';
     position: absolute;
     top: 0;
@@ -42,9 +42,9 @@
     background: var(--skeleton-default-color);
 }
 
-.skeleton__animate_1pkem:before {
+.skeleton__animate_1aoxf:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_1pkem;
+    animation-name: skeleton__background_1aoxf;
     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_1pkem:before {
+    .skeleton__animate_1aoxf:before {
         opacity: 0.4;
     }
 }
 
-.skeleton__animate_1pkem:after {
+.skeleton__animate_1aoxf: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_1pkem;
+    animation-name: skeleton__gradient_1aoxf;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -83,7 +83,7 @@
     );
 }
 
-@keyframes skeleton__gradient_1pkem {
+@keyframes skeleton__gradient_1aoxf {
     0% {
         transform: translateX(-80%);
     }
@@ -95,7 +95,7 @@
     }
 }
 
-@keyframes skeleton__background_1pkem {
+@keyframes skeleton__background_1aoxf {
     0% {
         background: rgb(182, 188, 195);
     }

package/skeleton/index.css

@@ -14,7 +14,7 @@
     --skeleton-bg-animation-display: none;
 }
 
-.skeleton__component_1pkem {
+.skeleton__component_1aoxf {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -28,11 +28,11 @@
     -webkit-mask-image: -webkit-radial-gradient(white, black);
 }
 
-.skeleton__component_1pkem > * {
+.skeleton__component_1aoxf > * {
     visibility: hidden;
 }
 
-.skeleton__component_1pkem:before {
+.skeleton__component_1aoxf:before {
     content: '';
     position: absolute;
     top: 0;
@@ -42,9 +42,9 @@
     background: var(--skeleton-default-color);
 }
 
-.skeleton__animate_1pkem:before {
+.skeleton__animate_1aoxf:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_1pkem;
+    animation-name: skeleton__background_1aoxf;
     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_1pkem:before {
+    .skeleton__animate_1aoxf:before {
         opacity: 0.4;
     }
 }
 
-.skeleton__animate_1pkem:after {
+.skeleton__animate_1aoxf: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_1pkem;
+    animation-name: skeleton__gradient_1aoxf;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -83,7 +83,7 @@
     );
 }
 
-@keyframes skeleton__gradient_1pkem {
+@keyframes skeleton__gradient_1aoxf {
     0% {
         transform: translateX(-80%);
     }
@@ -95,7 +95,7 @@
     }
 }
 
-@keyframes skeleton__background_1pkem {
+@keyframes skeleton__background_1aoxf {
     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_1pkem","animate":"skeleton__animate_1pkem","background":"skeleton__background_1pkem","gradient":"skeleton__gradient_1pkem"};
+var styles = {"component":"skeleton__component_1aoxf","animate":"skeleton__animate_1aoxf","background":"skeleton__background_1aoxf","gradient":"skeleton__gradient_1aoxf"};
 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_1pkem {
+.skeleton__component_1aoxf {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -28,11 +28,11 @@
     -webkit-mask-image: -webkit-radial-gradient(white, black);
 }
 
-.skeleton__component_1pkem > * {
+.skeleton__component_1aoxf > * {
     visibility: hidden;
 }
 
-.skeleton__component_1pkem:before {
+.skeleton__component_1aoxf:before {
     content: '';
     position: absolute;
     top: 0;
@@ -42,9 +42,9 @@
     background: var(--skeleton-default-color);
 }
 
-.skeleton__animate_1pkem:before {
+.skeleton__animate_1aoxf:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_1pkem;
+    animation-name: skeleton__background_1aoxf;
     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_1pkem:before {
+    .skeleton__animate_1aoxf:before {
         opacity: 0.4;
     }
 }
 
-.skeleton__animate_1pkem:after {
+.skeleton__animate_1aoxf: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_1pkem;
+    animation-name: skeleton__gradient_1aoxf;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -83,7 +83,7 @@
     );
 }
 
-@keyframes skeleton__gradient_1pkem {
+@keyframes skeleton__gradient_1aoxf {
     0% {
         transform: translateX(-80%);
     }
@@ -95,7 +95,7 @@
     }
 }
 
-@keyframes skeleton__background_1pkem {
+@keyframes skeleton__background_1aoxf {
     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_uccsc","progress":"slider__progress_uccsc","rangeWrapper":"slider__rangeWrapper_uccsc","range":"slider__range_uccsc","focused":"slider__focused_uccsc"};
+var styles = {"component":"slider__component_1ijhn","progress":"slider__progress_1ijhn","rangeWrapper":"slider__rangeWrapper_1ijhn","range":"slider__range_1ijhn","focused":"slider__focused_1ijhn"};
 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_uccsc","progress":"slider__progress_uccsc","rangeWrapper":"slider__rangeWrapper_uccsc","range":"slider__range_uccsc","focused":"slider__focused_uccsc"};
+var styles = {"component":"slider__component_1ijhn","progress":"slider__progress_1ijhn","rangeWrapper":"slider__rangeWrapper_1ijhn","range":"slider__range_1ijhn","focused":"slider__focused_1ijhn"};
 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_uccsc {
+.slider__component_1ijhn {
     position: relative;
     width: 100%;
     height: var(--slider-thumb-size);
     box-sizing: border-box;
 }
-.slider__progress_uccsc {
+.slider__progress_1ijhn {
     position: absolute;
     top: 50%;
     right: 0;
@@ -59,36 +59,36 @@
     background: var(--slider-progress-background);
     transition: background 0.15s;
 }
-.slider__progress_uccsc::-moz-progress-bar {
+.slider__progress_1ijhn::-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_uccsc::-ms-fill {
+.slider__progress_1ijhn::-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_uccsc::-webkit-progress-value {
+.slider__progress_1ijhn::-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_uccsc::-webkit-progress-bar {
+.slider__progress_1ijhn::-webkit-progress-bar {
     background: transparent;
 }
-.slider__rangeWrapper_uccsc {
+.slider__rangeWrapper_1ijhn {
     position: absolute;
     z-index: 1;
     top: 0;
     right: var(--slider-range-offest);
     left: var(--slider-range-offest);
 }
-.slider__range_uccsc,
-.slider__range_uccsc:focus {
+.slider__range_1ijhn,
+.slider__range_1ijhn:focus {
     position: absolute;
     z-index: 1;
     top: 0;
@@ -105,7 +105,7 @@
     color: transparent;
     cursor: pointer;
 }
-.slider__range_uccsc::-ms-track {
+.slider__range_1ijhn::-ms-track {
     position: absolute;
     z-index: 1;
     top: 0;
@@ -121,27 +121,27 @@
     color: transparent;
     cursor: pointer;
 }
-.slider__range_uccsc::-ms-fill-lower {
+.slider__range_1ijhn::-ms-fill-lower {
     background: transparent;
 }
-.slider__range_uccsc::-ms-fill-upper {
+.slider__range_1ijhn::-ms-fill-upper {
     background: transparent;
 }
-.slider__range_uccsc::-moz-focus-outer {
+.slider__range_1ijhn::-moz-focus-outer {
     border: 0;
 }
-.slider__range_uccsc::-webkit-slider-runnable-track,
-.slider__range_uccsc::-moz-range-track {
+.slider__range_1ijhn::-webkit-slider-runnable-track,
+.slider__range_1ijhn::-moz-range-track {
     -webkit-appearance: none;
     -moz-appearance: none;
 }
-.slider__range_uccsc::-ms-tooltip {
+.slider__range_1ijhn::-ms-tooltip {
     display: none;
 }
-.slider__range_uccsc:focus {
+.slider__range_1ijhn:focus {
     outline: none;
 }
-.slider__range_uccsc::-webkit-slider-thumb {
+.slider__range_1ijhn::-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_uccsc::-ms-thumb {
+.slider__range_1ijhn::-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_uccsc::-moz-range-thumb {
+.slider__range_1ijhn::-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_uccsc::-webkit-slider-thumb {
+.slider__focused_1ijhn::-webkit-slider-thumb {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.slider__focused_uccsc::-ms-thumb {
+.slider__focused_1ijhn::-ms-thumb {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.slider__range_uccsc:active::-webkit-slider-thumb {
+.slider__range_1ijhn:active::-webkit-slider-thumb {
     cursor: grabbing;
 }
-.slider__range_uccsc:active::-ms-thumb {
+.slider__range_1ijhn:active::-ms-thumb {
     cursor: grabbing;
 }
-.slider__range_uccsc:active::-moz-range-thumb {
+.slider__range_1ijhn:active::-moz-range-thumb {
     cursor: grabbing;
 }
-.slider__range_uccsc:disabled {
+.slider__range_1ijhn:disabled {
     cursor: var(--disabled-cursor);
 }
-.slider__range_uccsc:disabled::-webkit-slider-thumb {
+.slider__range_1ijhn:disabled::-webkit-slider-thumb {
     cursor: var(--disabled-cursor);
 }
-.slider__range_uccsc:disabled::-ms-thumb {
+.slider__range_1ijhn:disabled::-ms-thumb {
     cursor: var(--disabled-cursor);
 }
-.slider__range_uccsc:disabled::-moz-range-thumb {
+.slider__range_1ijhn:disabled::-moz-range-thumb {
     cursor: var(--disabled-cursor);
 }
 /* hover */
-.slider__component_uccsc:hover .slider__progress_uccsc {
+.slider__component_1ijhn:hover .slider__progress_1ijhn {
         background: var(--slider-progress-hover-background)
     }
-.slider__component_uccsc:hover .slider__progress_uccsc::-moz-progress-bar {
+.slider__component_1ijhn:hover .slider__progress_1ijhn::-moz-progress-bar {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_uccsc:hover .slider__progress_uccsc::-ms-fill {
+.slider__component_1ijhn:hover .slider__progress_1ijhn::-ms-fill {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_uccsc:hover .slider__progress_uccsc::-webkit-progress-value {
+.slider__component_1ijhn:hover .slider__progress_1ijhn::-webkit-progress-value {
             background: var(--slider-progress-hover-color);
         }
-.slider__component_uccsc:hover .slider__range_uccsc::-webkit-slider-thumb {
+.slider__component_1ijhn:hover .slider__range_1ijhn::-webkit-slider-thumb {
             background: var(--slider-thumb-hover-color);
         }
-.slider__component_uccsc:hover .slider__range_uccsc::-ms-thumb {
+.slider__component_1ijhn:hover .slider__range_1ijhn::-ms-thumb {
             background: var(--slider-thumb-hover-color);
         }
-.slider__component_uccsc:hover .slider__range_uccsc::-moz-range-thumb {
+.slider__component_1ijhn:hover .slider__range_1ijhn::-moz-range-thumb {
             background: var(--slider-thumb-hover-color);
         }