@alfalab/core-components 48.24.0 → 48.25.0

package/radio-group/mobile/mobile.css

@@ -32,14 +32,14 @@
     --radio-group-mobile-sub-padding-left: var(--gap-4);
     --radio-group-mobile-list-padding-left: var(--gap-2);
     --radio-group-mobile-label-color: var(--color-light-text-secondary);
-} .radio-group__radioList_1q2kf {
+} .radio-group__radioList_1yt8y {
     padding-left: var(--radio-group-mobile-list-padding-left);
-} .radio-group__label_1q2kf {
+} .radio-group__label_1yt8y {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--radio-group-mobile-label-color);
     padding-left: var(--radio-group-mobile-sub-padding-left);
-} .radio-group__sub_1q2kf {
+} .radio-group__sub_1yt8y {
     padding-left: var(--radio-group-mobile-sub-padding-left);
 }

package/radio-group/modern/components/base-radio-group/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef, useState, Children, isValidElement, cloneElement } f
 import cn from 'classnames';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 
-const commonStyles = {"component":"radio-group__component_13dty","error":"radio-group__error_13dty","tag":"radio-group__tag_13dty","radioList":"radio-group__radioList_13dty","verticalRadioList":"radio-group__verticalRadioList_13dty","horizontalRadioList":"radio-group__horizontalRadioList_13dty","verticalRadio":"radio-group__verticalRadio_13dty","horizontalRadio":"radio-group__horizontalRadio_13dty","horizontalTagLabel":"radio-group__horizontalTagLabel_13dty","label":"radio-group__label_13dty","sub":"radio-group__sub_13dty","errorMessage":"radio-group__errorMessage_13dty","hint":"radio-group__hint_13dty","hiddenInput":"radio-group__hiddenInput_13dty","tagLabel":"radio-group__tagLabel_13dty"};
+const commonStyles = {"component":"radio-group__component_kzeqa","error":"radio-group__error_kzeqa","tag":"radio-group__tag_kzeqa","radioList":"radio-group__radioList_kzeqa","verticalRadioList":"radio-group__verticalRadioList_kzeqa","horizontalRadioList":"radio-group__horizontalRadioList_kzeqa","verticalRadio":"radio-group__verticalRadio_kzeqa","horizontalRadio":"radio-group__horizontalRadio_kzeqa","horizontalTagLabel":"radio-group__horizontalTagLabel_kzeqa","label":"radio-group__label_kzeqa","sub":"radio-group__sub_kzeqa","errorMessage":"radio-group__errorMessage_kzeqa","hint":"radio-group__hint_kzeqa","hiddenInput":"radio-group__hiddenInput_kzeqa","tagLabel":"radio-group__tagLabel_kzeqa"};
 require('./index.css');
 
 const BaseRadioGroup = forwardRef(({ children, className, radioListClassName, direction = 'vertical', label, error, hint, onChange, onBlur, onFocus, type = 'radio', dataTestId, disabled = false, name, value, styles, }, ref) => {

package/radio-group/modern/components/base-radio-group/index.css

@@ -40,55 +40,55 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
 
     /* mobile */
-} .radio-group__component_13dty {
+} .radio-group__component_kzeqa {
     display: flex;
     flex-direction: column;
-} .radio-group__error_13dty {
+} .radio-group__error_kzeqa {
     padding-left: var(--gap-12);
     border-left: 1px solid var(--color-light-status-negative)
-} .radio-group__error_13dty.radio-group__tag_13dty {
+} .radio-group__error_kzeqa.radio-group__tag_kzeqa {
         padding-left: var(--gap-8);
-    } .radio-group__radioList_13dty {
+    } .radio-group__radioList_kzeqa {
     display: flex;
-} .radio-group__verticalRadioList_13dty {
+} .radio-group__verticalRadioList_kzeqa {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__horizontalRadioList_13dty {
+} .radio-group__horizontalRadioList_kzeqa {
     flex-wrap: wrap;
     margin-bottom: var(--gap-8-neg);
-} .radio-group__verticalRadio_13dty {
+} .radio-group__verticalRadio_kzeqa {
     margin-bottom: var(--gap-12)
-} .radio-group__verticalRadio_13dty:last-child {
+} .radio-group__verticalRadio_kzeqa:last-child {
         margin-bottom: var(--gap-0);
-    } .radio-group__horizontalRadio_13dty {
+    } .radio-group__horizontalRadio_kzeqa {
     margin-right: var(--gap-24);
     margin-bottom: var(--gap-8);
-} .radio-group__horizontalTagLabel_13dty {
+} .radio-group__horizontalTagLabel_kzeqa {
     margin-right: var(--gap-8);
-} .radio-group__horizontalRadio_13dty:last-child,
-.radio-group__horizontalTagLabel_13dty:last-child {
+} .radio-group__horizontalRadio_kzeqa:last-child,
+.radio-group__horizontalTagLabel_kzeqa:last-child {
     margin-right: var(--gap-0);
-} .radio-group__label_13dty {
+} .radio-group__label_kzeqa {
     margin-bottom: var(--gap-12);
-} .radio-group__sub_13dty {
+} .radio-group__sub_kzeqa {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-12);
-} .radio-group__errorMessage_13dty {
+} .radio-group__errorMessage_kzeqa {
     color: var(--radio-group-error-color);
-} .radio-group__hint_13dty {
+} .radio-group__hint_kzeqa {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_13dty {
+} .radio-group__hiddenInput_kzeqa {
     position: absolute;
     z-index: -1;
     top: var(--gap-0);
     left: var(--gap-0);
     opacity: 0
-} .radio-group__hiddenInput_13dty:focus ~ button {
+} .radio-group__hiddenInput_kzeqa:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_13dty {
+    } .radio-group__tagLabel_kzeqa {
     position: relative;
     max-width: 100%;
 }

package/radio-group/modern/desktop/Component.desktop.js

@@ -3,7 +3,7 @@ import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
 import 'classnames';
 import '@alfalab/hooks';
 
-const styles = {"radioList":"radio-group__radioList_1wp2i","label":"radio-group__label_1wp2i","sub":"radio-group__sub_1wp2i"};
+const styles = {"radioList":"radio-group__radioList_1i4g7","label":"radio-group__label_1i4g7","sub":"radio-group__sub_1i4g7"};
 require('./desktop.css');
 
 const RadioGroupDesktop = forwardRef((props, ref) => React.createElement(BaseRadioGroup, { ...props, ref: ref, styles: styles }));

package/radio-group/modern/desktop/desktop.css

@@ -29,14 +29,14 @@
     --radio-group-list-padding-left: var(--gap-0);
 
     /* mobile */
-} .radio-group__radioList_1wp2i {
+} .radio-group__radioList_1i4g7 {
     padding-left: var(--radio-group-list-padding-left);
-} .radio-group__label_1wp2i {
+} .radio-group__label_1i4g7 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-group-label-color);
     padding-left: var(--radio-group-sub-padding-left);
-} .radio-group__sub_1wp2i {
+} .radio-group__sub_1i4g7 {
     padding-left: var(--radio-group-sub-padding-left);
 }

package/radio-group/modern/mobile/Component.mobile.js

@@ -3,7 +3,7 @@ import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
 import 'classnames';
 import '@alfalab/hooks';
 
-const styles = {"radioList":"radio-group__radioList_1q2kf","label":"radio-group__label_1q2kf","sub":"radio-group__sub_1q2kf"};
+const styles = {"radioList":"radio-group__radioList_1yt8y","label":"radio-group__label_1yt8y","sub":"radio-group__sub_1yt8y"};
 require('./mobile.css');
 
 const RadioGroupMobile = forwardRef((props, ref) => (React.createElement(BaseRadioGroup, { ...props, ref: ref, styles: styles })));

package/radio-group/modern/mobile/mobile.css

@@ -32,14 +32,14 @@
     --radio-group-mobile-sub-padding-left: var(--gap-4);
     --radio-group-mobile-list-padding-left: var(--gap-2);
     --radio-group-mobile-label-color: var(--color-light-text-secondary);
-} .radio-group__radioList_1q2kf {
+} .radio-group__radioList_1yt8y {
     padding-left: var(--radio-group-mobile-list-padding-left);
-} .radio-group__label_1q2kf {
+} .radio-group__label_1yt8y {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--radio-group-mobile-label-color);
     padding-left: var(--radio-group-mobile-sub-padding-left);
-} .radio-group__sub_1q2kf {
+} .radio-group__sub_1yt8y {
     padding-left: var(--radio-group-mobile-sub-padding-left);
 }

package/scrollbar/Component.js

@@ -826,13 +826,13 @@ var SimpleBar = /** @class */ (function () {
     return SimpleBar;
 }());
 
-var defaultColors = {"component":"scrollbar__component_7i1ex"};
+var defaultColors = {"component":"scrollbar__component_1saxc"};
 require('./default.css');
 
-var styles = {"component":"scrollbar__component_6yscw","wrapper":"scrollbar__wrapper_6yscw","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_6yscw","heightAutoObserver":"scrollbar__heightAutoObserver_6yscw","-webkit-mask":"scrollbar__mask_6yscw","mask":"scrollbar__mask_6yscw","offset":"scrollbar__offset_6yscw","contentWrapper":"scrollbar__contentWrapper_6yscw","placeholder":"scrollbar__placeholder_6yscw","vertical":"scrollbar__vertical_6yscw","hover":"scrollbar__hover_6yscw","horizontal":"scrollbar__horizontal_6yscw","content":"scrollbar__content_6yscw"};
+var styles = {"component":"scrollbar__component_1g0rz","wrapper":"scrollbar__wrapper_1g0rz","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_1g0rz","heightAutoObserver":"scrollbar__heightAutoObserver_1g0rz","-webkit-mask":"scrollbar__mask_1g0rz","mask":"scrollbar__mask_1g0rz","offset":"scrollbar__offset_1g0rz","contentWrapper":"scrollbar__contentWrapper_1g0rz","placeholder":"scrollbar__placeholder_1g0rz","vertical":"scrollbar__vertical_1g0rz","hover":"scrollbar__hover_1g0rz","horizontal":"scrollbar__horizontal_1g0rz","content":"scrollbar__content_1g0rz"};
 require('./index.css');
 
-var invertedColors = {"component":"scrollbar__component_1n8kn"};
+var invertedColors = {"component":"scrollbar__component_190cj"};
 require('./inverted.css');
 
 var colorStylesMap = {

package/scrollbar/default.css

@@ -26,8 +26,8 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --scrollbar-background-color: var(--color-light-neutral-translucent-500);
     --scrollbar-background-color-active: var(--color-light-neutral-translucent-500-press);
-} .scrollbar__component_7i1ex .scrollbar:before {
+} .scrollbar__component_1saxc .scrollbar:before {
             background-color: var(--scrollbar-background-color);
-        } .scrollbar__component_7i1ex.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_1saxc.dragging .track .scrollbar.visible:before {
             background-color: var(--scrollbar-background-color-active);
         }

package/scrollbar/esm/Component.js

@@ -814,13 +814,13 @@ var SimpleBar = /** @class */ (function () {
     return SimpleBar;
 }());
 
-var defaultColors = {"component":"scrollbar__component_7i1ex"};
+var defaultColors = {"component":"scrollbar__component_1saxc"};
 require('./default.css');
 
-var styles = {"component":"scrollbar__component_6yscw","wrapper":"scrollbar__wrapper_6yscw","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_6yscw","heightAutoObserver":"scrollbar__heightAutoObserver_6yscw","-webkit-mask":"scrollbar__mask_6yscw","mask":"scrollbar__mask_6yscw","offset":"scrollbar__offset_6yscw","contentWrapper":"scrollbar__contentWrapper_6yscw","placeholder":"scrollbar__placeholder_6yscw","vertical":"scrollbar__vertical_6yscw","hover":"scrollbar__hover_6yscw","horizontal":"scrollbar__horizontal_6yscw","content":"scrollbar__content_6yscw"};
+var styles = {"component":"scrollbar__component_1g0rz","wrapper":"scrollbar__wrapper_1g0rz","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_1g0rz","heightAutoObserver":"scrollbar__heightAutoObserver_1g0rz","-webkit-mask":"scrollbar__mask_1g0rz","mask":"scrollbar__mask_1g0rz","offset":"scrollbar__offset_1g0rz","contentWrapper":"scrollbar__contentWrapper_1g0rz","placeholder":"scrollbar__placeholder_1g0rz","vertical":"scrollbar__vertical_1g0rz","hover":"scrollbar__hover_1g0rz","horizontal":"scrollbar__horizontal_1g0rz","content":"scrollbar__content_1g0rz"};
 require('./index.css');
 
-var invertedColors = {"component":"scrollbar__component_1n8kn"};
+var invertedColors = {"component":"scrollbar__component_190cj"};
 require('./inverted.css');
 
 var colorStylesMap = {

package/scrollbar/esm/default.css

@@ -26,8 +26,8 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --scrollbar-background-color: var(--color-light-neutral-translucent-500);
     --scrollbar-background-color-active: var(--color-light-neutral-translucent-500-press);
-} .scrollbar__component_7i1ex .scrollbar:before {
+} .scrollbar__component_1saxc .scrollbar:before {
             background-color: var(--scrollbar-background-color);
-        } .scrollbar__component_7i1ex.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_1saxc.dragging .track .scrollbar.visible:before {
             background-color: var(--scrollbar-background-color-active);
         }

package/scrollbar/esm/index.css

@@ -31,20 +31,20 @@
     --scrollbar-thumb-border-radius: 3px;
     --scrollbar-thumb-side-outer-offset: var(--gap-4);
     --scrollbar-thumb-margin: 3px;
-} .scrollbar__component_6yscw {
+} .scrollbar__component_1g0rz {
     position: relative;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: flex-start;
     align-content: flex-start;
     align-items: flex-start
-} .scrollbar__component_6yscw .scrollbar__wrapper_6yscw {
+} .scrollbar__component_1g0rz .scrollbar__wrapper_1g0rz {
         overflow: hidden;
         width: inherit;
         height: inherit;
         max-width: inherit;
         max-height: inherit;
-    } .scrollbar__component_6yscw .scrollbar__heightAutoObserverWrapper_6yscw {
+    } .scrollbar__component_1g0rz .scrollbar__heightAutoObserverWrapper_1g0rz {
         box-sizing: inherit;
         height: 100%;
         width: 100%;
@@ -60,7 +60,7 @@
         flex-grow: inherit;
         flex-shrink: 0;
         flex-basis: 0;
-    } .scrollbar__component_6yscw .scrollbar__heightAutoObserver_6yscw {
+    } .scrollbar__component_1g0rz .scrollbar__heightAutoObserver_1g0rz {
         box-sizing: inherit;
         display: block;
         opacity: 0;
@@ -74,7 +74,7 @@
         overflow: hidden;
         pointer-events: none;
         z-index: -1;
-    } .scrollbar__component_6yscw .scrollbar__mask_6yscw {
+    } .scrollbar__component_1g0rz .scrollbar__mask_1g0rz {
         direction: inherit;
         position: absolute;
         overflow: hidden;
@@ -87,7 +87,7 @@
         width: auto;
         height: auto;
         z-index: 0;
-    } .scrollbar__component_6yscw .scrollbar__offset_6yscw {
+    } .scrollbar__component_1g0rz .scrollbar__offset_1g0rz {
         direction: inherit;
         box-sizing: inherit;
         resize: none;
@@ -99,7 +99,7 @@
         padding: var(--gap-0);
         margin: var(--gap-0);
         -webkit-overflow-scrolling: touch;
-    } .scrollbar__component_6yscw .scrollbar__contentWrapper_6yscw {
+    } .scrollbar__component_1g0rz .scrollbar__contentWrapper_1g0rz {
         direction: inherit;
         box-sizing: border-box;
         position: relative;
@@ -110,43 +110,43 @@
         max-height: 100%; /* Needed for vertical scroll to trigger */
         outline: none;
         scrollbar-width: none
-    } .scrollbar__component_6yscw .scrollbar__contentWrapper_6yscw::-webkit-scrollbar {
+    } .scrollbar__component_1g0rz .scrollbar__contentWrapper_1g0rz::-webkit-scrollbar {
             width: 0;
             height: 0;
-        } .scrollbar__component_6yscw .scrollbar__placeholder_6yscw {
+        } .scrollbar__component_1g0rz .scrollbar__placeholder_1g0rz {
         max-height: 100%;
         max-width: 100%;
         width: 100%;
         pointer-events: none;
-    } .scrollbar__component_6yscw .track {
+    } .scrollbar__component_1g0rz .track {
         z-index: 1;
         position: absolute;
         right: var(--gap-0);
         bottom: var(--gap-0);
         pointer-events: auto;
         overflow: hidden
-    } .scrollbar__component_6yscw .track.scrollbar__vertical_6yscw {
+    } .scrollbar__component_1g0rz .track.scrollbar__vertical_1g0rz {
             top: var(--gap-0);
             width: var(--scrollbar-rail-size);
             transform: rotateY(-180deg)
-        } .scrollbar__component_6yscw .track.scrollbar__vertical_6yscw.scrollbar__hover_6yscw .scrollbar {
+        } .scrollbar__component_1g0rz .track.scrollbar__vertical_1g0rz.scrollbar__hover_1g0rz .scrollbar {
                     width: var(--scrollbar-hover-size);
-                } .scrollbar__component_6yscw .track.scrollbar__vertical_6yscw .scrollbar {
+                } .scrollbar__component_1g0rz .track.scrollbar__vertical_1g0rz .scrollbar {
                 width: var(--scrollbar-thumb-size);
                 margin-left: var(--scrollbar-thumb-margin);
                 transition: width 0.1s linear
-            } .scrollbar__component_6yscw .track.scrollbar__vertical_6yscw .scrollbar:before {
+            } .scrollbar__component_1g0rz .track.scrollbar__vertical_1g0rz .scrollbar:before {
                     right: var(--gap-0);
                     left: var(--gap-0);
                     top: var(--scrollbar-thumb-side-outer-offset);
                     bottom: var(--scrollbar-thumb-side-outer-offset);
                     transition: opacity 0.2s linear;
-                } .scrollbar__component_6yscw .track.scrollbar__horizontal_6yscw {
+                } .scrollbar__component_1g0rz .track.scrollbar__horizontal_1g0rz {
             left: var(--gap-0);
             height: var(--scrollbar-rail-size)
-        } .scrollbar__component_6yscw .track.scrollbar__horizontal_6yscw.scrollbar__hover_6yscw .scrollbar {
+        } .scrollbar__component_1g0rz .track.scrollbar__horizontal_1g0rz.scrollbar__hover_1g0rz .scrollbar {
                     height: var(--scrollbar-hover-size);
-                } .scrollbar__component_6yscw .track.scrollbar__horizontal_6yscw .scrollbar {
+                } .scrollbar__component_1g0rz .track.scrollbar__horizontal_1g0rz .scrollbar {
                 right: auto;
                 left: var(--gap-0);
                 bottom: var(--scrollbar-thumb-margin);
@@ -156,35 +156,35 @@
                 width: auto;
                 transition: height 0.1s linear;
                 will-change: height
-            } .scrollbar__component_6yscw .track.scrollbar__horizontal_6yscw .scrollbar:before {
+            } .scrollbar__component_1g0rz .track.scrollbar__horizontal_1g0rz .scrollbar:before {
                     left: var(--scrollbar-thumb-side-outer-offset);
                     right: var(--scrollbar-thumb-side-outer-offset);
                     top: var(--gap-0);
                     bottom: var(--gap-0);
                     transition: opacity 0.2s linear;
-                } .scrollbar__component_6yscw .scrollbar {
+                } .scrollbar__component_1g0rz .scrollbar {
         position: absolute;
         left: var(--gap-0);
         right: var(--gap-0);
         min-height: 40px
-    } .scrollbar__component_6yscw .scrollbar:before {
+    } .scrollbar__component_1g0rz .scrollbar:before {
             position: absolute;
             content: '';
             border-radius: var(--scrollbar-thumb-border-radius);
             left: var(--gap-0);
             right: var(--gap-0);
             opacity: 0;
-        } .scrollbar__component_6yscw .scrollbar.visible:before {
+        } .scrollbar__component_1g0rz .scrollbar.visible:before {
             opacity: 1;
-        } .scrollbar__component_6yscw.dragging .scrollbar__content_6yscw {
+        } .scrollbar__component_1g0rz.dragging .scrollbar__content_1g0rz {
         pointer-events: none;
         user-select: none;
         -webkit-user-select: none;
-    } .scrollbar__component_6yscw.dragging .track {
+    } .scrollbar__component_1g0rz.dragging .track {
         pointer-events: all
-    } .scrollbar__component_6yscw.dragging .track.scrollbar__vertical_6yscw .scrollbar {
+    } .scrollbar__component_1g0rz.dragging .track.scrollbar__vertical_1g0rz .scrollbar {
             width: var(--scrollbar-hover-size);
-        } .scrollbar__component_6yscw.dragging .track.scrollbar__horizontal_6yscw .scrollbar {
+        } .scrollbar__component_1g0rz.dragging .track.scrollbar__horizontal_1g0rz .scrollbar {
             height: var(--scrollbar-hover-size);
         } .simplebar-hide-scrollbar {
     position: fixed;

package/scrollbar/esm/inverted.css

@@ -27,8 +27,8 @@
     --scrollbar-inverted-background-color-active: var(
         --color-light-neutral-translucent-500-inverted-press
     );
-} .scrollbar__component_1n8kn .scrollbar:before {
+} .scrollbar__component_190cj .scrollbar:before {
             background-color: var(--scrollbar-inverted-background-color);
-        } .scrollbar__component_1n8kn.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_190cj.dragging .track .scrollbar.visible:before {
             background-color: var(--scrollbar-inverted-background-color-active);
         }

package/scrollbar/index.css

@@ -31,20 +31,20 @@
     --scrollbar-thumb-border-radius: 3px;
     --scrollbar-thumb-side-outer-offset: var(--gap-4);
     --scrollbar-thumb-margin: 3px;
-} .scrollbar__component_6yscw {
+} .scrollbar__component_1g0rz {
     position: relative;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: flex-start;
     align-content: flex-start;
     align-items: flex-start
-} .scrollbar__component_6yscw .scrollbar__wrapper_6yscw {
+} .scrollbar__component_1g0rz .scrollbar__wrapper_1g0rz {
         overflow: hidden;
         width: inherit;
         height: inherit;
         max-width: inherit;
         max-height: inherit;
-    } .scrollbar__component_6yscw .scrollbar__heightAutoObserverWrapper_6yscw {
+    } .scrollbar__component_1g0rz .scrollbar__heightAutoObserverWrapper_1g0rz {
         box-sizing: inherit;
         height: 100%;
         width: 100%;
@@ -60,7 +60,7 @@
         flex-grow: inherit;
         flex-shrink: 0;
         flex-basis: 0;
-    } .scrollbar__component_6yscw .scrollbar__heightAutoObserver_6yscw {
+    } .scrollbar__component_1g0rz .scrollbar__heightAutoObserver_1g0rz {
         box-sizing: inherit;
         display: block;
         opacity: 0;
@@ -74,7 +74,7 @@
         overflow: hidden;
         pointer-events: none;
         z-index: -1;
-    } .scrollbar__component_6yscw .scrollbar__mask_6yscw {
+    } .scrollbar__component_1g0rz .scrollbar__mask_1g0rz {
         direction: inherit;
         position: absolute;
         overflow: hidden;
@@ -87,7 +87,7 @@
         width: auto;
         height: auto;
         z-index: 0;
-    } .scrollbar__component_6yscw .scrollbar__offset_6yscw {
+    } .scrollbar__component_1g0rz .scrollbar__offset_1g0rz {
         direction: inherit;
         box-sizing: inherit;
         resize: none;
@@ -99,7 +99,7 @@
         padding: var(--gap-0);
         margin: var(--gap-0);
         -webkit-overflow-scrolling: touch;
-    } .scrollbar__component_6yscw .scrollbar__contentWrapper_6yscw {
+    } .scrollbar__component_1g0rz .scrollbar__contentWrapper_1g0rz {
         direction: inherit;
         box-sizing: border-box;
         position: relative;
@@ -110,43 +110,43 @@
         max-height: 100%; /* Needed for vertical scroll to trigger */
         outline: none;
         scrollbar-width: none
-    } .scrollbar__component_6yscw .scrollbar__contentWrapper_6yscw::-webkit-scrollbar {
+    } .scrollbar__component_1g0rz .scrollbar__contentWrapper_1g0rz::-webkit-scrollbar {
             width: 0;
             height: 0;
-        } .scrollbar__component_6yscw .scrollbar__placeholder_6yscw {
+        } .scrollbar__component_1g0rz .scrollbar__placeholder_1g0rz {
         max-height: 100%;
         max-width: 100%;
         width: 100%;
         pointer-events: none;
-    } .scrollbar__component_6yscw .track {
+    } .scrollbar__component_1g0rz .track {
         z-index: 1;
         position: absolute;
         right: var(--gap-0);
         bottom: var(--gap-0);
         pointer-events: auto;
         overflow: hidden
-    } .scrollbar__component_6yscw .track.scrollbar__vertical_6yscw {
+    } .scrollbar__component_1g0rz .track.scrollbar__vertical_1g0rz {
             top: var(--gap-0);
             width: var(--scrollbar-rail-size);
             transform: rotateY(-180deg)
-        } .scrollbar__component_6yscw .track.scrollbar__vertical_6yscw.scrollbar__hover_6yscw .scrollbar {
+        } .scrollbar__component_1g0rz .track.scrollbar__vertical_1g0rz.scrollbar__hover_1g0rz .scrollbar {
                     width: var(--scrollbar-hover-size);
-                } .scrollbar__component_6yscw .track.scrollbar__vertical_6yscw .scrollbar {
+                } .scrollbar__component_1g0rz .track.scrollbar__vertical_1g0rz .scrollbar {
                 width: var(--scrollbar-thumb-size);
                 margin-left: var(--scrollbar-thumb-margin);
                 transition: width 0.1s linear
-            } .scrollbar__component_6yscw .track.scrollbar__vertical_6yscw .scrollbar:before {
+            } .scrollbar__component_1g0rz .track.scrollbar__vertical_1g0rz .scrollbar:before {
                     right: var(--gap-0);
                     left: var(--gap-0);
                     top: var(--scrollbar-thumb-side-outer-offset);
                     bottom: var(--scrollbar-thumb-side-outer-offset);
                     transition: opacity 0.2s linear;
-                } .scrollbar__component_6yscw .track.scrollbar__horizontal_6yscw {
+                } .scrollbar__component_1g0rz .track.scrollbar__horizontal_1g0rz {
             left: var(--gap-0);
             height: var(--scrollbar-rail-size)
-        } .scrollbar__component_6yscw .track.scrollbar__horizontal_6yscw.scrollbar__hover_6yscw .scrollbar {
+        } .scrollbar__component_1g0rz .track.scrollbar__horizontal_1g0rz.scrollbar__hover_1g0rz .scrollbar {
                     height: var(--scrollbar-hover-size);
-                } .scrollbar__component_6yscw .track.scrollbar__horizontal_6yscw .scrollbar {
+                } .scrollbar__component_1g0rz .track.scrollbar__horizontal_1g0rz .scrollbar {
                 right: auto;
                 left: var(--gap-0);
                 bottom: var(--scrollbar-thumb-margin);
@@ -156,35 +156,35 @@
                 width: auto;
                 transition: height 0.1s linear;
                 will-change: height
-            } .scrollbar__component_6yscw .track.scrollbar__horizontal_6yscw .scrollbar:before {
+            } .scrollbar__component_1g0rz .track.scrollbar__horizontal_1g0rz .scrollbar:before {
                     left: var(--scrollbar-thumb-side-outer-offset);
                     right: var(--scrollbar-thumb-side-outer-offset);
                     top: var(--gap-0);
                     bottom: var(--gap-0);
                     transition: opacity 0.2s linear;
-                } .scrollbar__component_6yscw .scrollbar {
+                } .scrollbar__component_1g0rz .scrollbar {
         position: absolute;
         left: var(--gap-0);
         right: var(--gap-0);
         min-height: 40px
-    } .scrollbar__component_6yscw .scrollbar:before {
+    } .scrollbar__component_1g0rz .scrollbar:before {
             position: absolute;
             content: '';
             border-radius: var(--scrollbar-thumb-border-radius);
             left: var(--gap-0);
             right: var(--gap-0);
             opacity: 0;
-        } .scrollbar__component_6yscw .scrollbar.visible:before {
+        } .scrollbar__component_1g0rz .scrollbar.visible:before {
             opacity: 1;
-        } .scrollbar__component_6yscw.dragging .scrollbar__content_6yscw {
+        } .scrollbar__component_1g0rz.dragging .scrollbar__content_1g0rz {
         pointer-events: none;
         user-select: none;
         -webkit-user-select: none;
-    } .scrollbar__component_6yscw.dragging .track {
+    } .scrollbar__component_1g0rz.dragging .track {
         pointer-events: all
-    } .scrollbar__component_6yscw.dragging .track.scrollbar__vertical_6yscw .scrollbar {
+    } .scrollbar__component_1g0rz.dragging .track.scrollbar__vertical_1g0rz .scrollbar {
             width: var(--scrollbar-hover-size);
-        } .scrollbar__component_6yscw.dragging .track.scrollbar__horizontal_6yscw .scrollbar {
+        } .scrollbar__component_1g0rz.dragging .track.scrollbar__horizontal_1g0rz .scrollbar {
             height: var(--scrollbar-hover-size);
         } .simplebar-hide-scrollbar {
     position: fixed;

package/scrollbar/inverted.css

@@ -27,8 +27,8 @@
     --scrollbar-inverted-background-color-active: var(
         --color-light-neutral-translucent-500-inverted-press
     );
-} .scrollbar__component_1n8kn .scrollbar:before {
+} .scrollbar__component_190cj .scrollbar:before {
             background-color: var(--scrollbar-inverted-background-color);
-        } .scrollbar__component_1n8kn.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_190cj.dragging .track .scrollbar.visible:before {
             background-color: var(--scrollbar-inverted-background-color-active);
         }

package/scrollbar/modern/Component.js

@@ -797,13 +797,13 @@ SimpleBar.defaultOptions = {
 };
 SimpleBar.instances = new WeakMap();
 
-const defaultColors = {"component":"scrollbar__component_7i1ex"};
+const defaultColors = {"component":"scrollbar__component_1saxc"};
 require('./default.css');
 
-const styles = {"component":"scrollbar__component_6yscw","wrapper":"scrollbar__wrapper_6yscw","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_6yscw","heightAutoObserver":"scrollbar__heightAutoObserver_6yscw","-webkit-mask":"scrollbar__mask_6yscw","mask":"scrollbar__mask_6yscw","offset":"scrollbar__offset_6yscw","contentWrapper":"scrollbar__contentWrapper_6yscw","placeholder":"scrollbar__placeholder_6yscw","vertical":"scrollbar__vertical_6yscw","hover":"scrollbar__hover_6yscw","horizontal":"scrollbar__horizontal_6yscw","content":"scrollbar__content_6yscw"};
+const styles = {"component":"scrollbar__component_1g0rz","wrapper":"scrollbar__wrapper_1g0rz","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_1g0rz","heightAutoObserver":"scrollbar__heightAutoObserver_1g0rz","-webkit-mask":"scrollbar__mask_1g0rz","mask":"scrollbar__mask_1g0rz","offset":"scrollbar__offset_1g0rz","contentWrapper":"scrollbar__contentWrapper_1g0rz","placeholder":"scrollbar__placeholder_1g0rz","vertical":"scrollbar__vertical_1g0rz","hover":"scrollbar__hover_1g0rz","horizontal":"scrollbar__horizontal_1g0rz","content":"scrollbar__content_1g0rz"};
 require('./index.css');
 
-const invertedColors = {"component":"scrollbar__component_1n8kn"};
+const invertedColors = {"component":"scrollbar__component_190cj"};
 require('./inverted.css');
 
 const colorStylesMap = {

package/scrollbar/modern/default.css

@@ -26,8 +26,8 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --scrollbar-background-color: var(--color-light-neutral-translucent-500);
     --scrollbar-background-color-active: var(--color-light-neutral-translucent-500-press);
-} .scrollbar__component_7i1ex .scrollbar:before {
+} .scrollbar__component_1saxc .scrollbar:before {
             background-color: var(--scrollbar-background-color);
-        } .scrollbar__component_7i1ex.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_1saxc.dragging .track .scrollbar.visible:before {
             background-color: var(--scrollbar-background-color-active);
         }