@alfalab/core-components 42.1.0 → 42.2.0

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

@@ -30,59 +30,59 @@
     --radio-group-label-color: var(--color-light-text-primary);
 
     /* mobile */
-} .radio-group__component_2jmcm {
+} .radio-group__component_1t04a {
     display: flex;
     flex-direction: column;
-} .radio-group__error_2jmcm {
+} .radio-group__error_1t04a {
     padding-left: var(--gap-s);
     border-left: 1px solid var(--radio-group-error-color)
-} .radio-group__error_2jmcm.radio-group__tag_2jmcm {
+} .radio-group__error_1t04a.radio-group__tag_1t04a {
         padding-left: var(--gap-xs);
-    } .radio-group__radioList_2jmcm {
+    } .radio-group__radioList_1t04a {
     display: flex;
-} .radio-group__vertical_2jmcm .radio-group__radioList_2jmcm {
+} .radio-group__vertical_1t04a .radio-group__radioList_1t04a {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__vertical_2jmcm .radio-group__radio_2jmcm {
+} .radio-group__vertical_1t04a .radio-group__radio_1t04a {
     margin-bottom: var(--gap-m)
-} .radio-group__vertical_2jmcm .radio-group__radio_2jmcm:last-child {
+} .radio-group__vertical_1t04a .radio-group__radio_1t04a:last-child {
         margin-bottom: 0;
-    } .radio-group__horizontal_2jmcm .radio-group__radioList_2jmcm {
+    } .radio-group__horizontal_1t04a .radio-group__radioList_1t04a {
     flex-wrap: wrap;
     margin-bottom: var(--gap-xs-neg);
-} .radio-group__horizontal_2jmcm .radio-group__radio_2jmcm {
+} .radio-group__horizontal_1t04a .radio-group__radio_1t04a {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .radio-group__horizontal_2jmcm .radio-group__tagLabel_2jmcm {
+} .radio-group__horizontal_1t04a .radio-group__tagLabel_1t04a {
     margin-right: var(--gap-xs);
-} .radio-group__horizontal_2jmcm .radio-group__radio_2jmcm:last-child,
-.radio-group__horizontal_2jmcm .radio-group__tagLabel_2jmcm:last-child {
+} .radio-group__horizontal_1t04a .radio-group__radio_1t04a:last-child,
+.radio-group__horizontal_1t04a .radio-group__tagLabel_1t04a:last-child {
     margin-right: 0;
-} .radio-group__label_2jmcm {
+} .radio-group__label_1t04a {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--radio-group-label-color);
-} .radio-group__sub_2jmcm {
+} .radio-group__sub_1t04a {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .radio-group__errorMessage_2jmcm {
+} .radio-group__errorMessage_1t04a {
     color: var(--radio-group-error-color);
-} .radio-group__hint_2jmcm {
+} .radio-group__hint_1t04a {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_2jmcm {
+} .radio-group__hiddenInput_1t04a {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0
-} .radio-group__hiddenInput_2jmcm:focus ~ button {
+} .radio-group__hiddenInput_1t04a:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_2jmcm {
+    } .radio-group__tagLabel_1t04a {
     position: relative;
     max-width: 100%;
 }

package/radio-group/esm/desktop.css

@@ -19,10 +19,10 @@
     --radio-group-list-padding-left: 0;
 
     /* mobile */
-} .radio-group__radioList_1xdwy {
+} .radio-group__radioList_dn4nk {
     padding-left: var(--radio-group-list-padding-left);
-} .radio-group__label_1xdwy {
+} .radio-group__label_dn4nk {
     padding-left: var(--radio-group-sub-padding-left);
-} .radio-group__sub_1xdwy {
+} .radio-group__sub_dn4nk {
     padding-left: var(--radio-group-sub-padding-left);
 }

package/radio-group/esm/mobile.css

@@ -21,10 +21,10 @@
     /* mobile */
     --radio-group-mobile-sub-padding-left: var(--gap-2xs);
     --radio-group-mobile-list-padding-left: var(--gap-3xs);
-} .radio-group__radioList_6qe85 {
+} .radio-group__radioList_19x4g {
     padding-left: var(--radio-group-mobile-list-padding-left);
-} .radio-group__label_6qe85 {
+} .radio-group__label_19x4g {
     padding-left: var(--radio-group-mobile-sub-padding-left);
-} .radio-group__sub_6qe85 {
+} .radio-group__sub_19x4g {
     padding-left: var(--radio-group-mobile-sub-padding-left);
 }

package/radio-group/mobile.css

@@ -21,10 +21,10 @@
     /* mobile */
     --radio-group-mobile-sub-padding-left: var(--gap-2xs);
     --radio-group-mobile-list-padding-left: var(--gap-3xs);
-} .radio-group__radioList_6qe85 {
+} .radio-group__radioList_19x4g {
     padding-left: var(--radio-group-mobile-list-padding-left);
-} .radio-group__label_6qe85 {
+} .radio-group__label_19x4g {
     padding-left: var(--radio-group-mobile-sub-padding-left);
-} .radio-group__sub_6qe85 {
+} .radio-group__sub_19x4g {
     padding-left: var(--radio-group-mobile-sub-padding-left);
 }

package/radio-group/modern/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_1xdwy","label":"radio-group__label_1xdwy","sub":"radio-group__sub_1xdwy"};
+const styles = {"radioList":"radio-group__radioList_dn4nk","label":"radio-group__label_dn4nk","sub":"radio-group__sub_dn4nk"};
 require('./desktop.css');
 
 const RadioGroupDesktop = forwardRef((props, ref) => React.createElement(BaseRadioGroup, { ...props, ref: ref, styles: styles }));

package/radio-group/modern/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_6qe85","label":"radio-group__label_6qe85","sub":"radio-group__sub_6qe85"};
+const styles = {"radioList":"radio-group__radioList_19x4g","label":"radio-group__label_19x4g","sub":"radio-group__sub_19x4g"};
 require('./mobile.css');
 
 const RadioGroupMobile = forwardRef((props, ref) => (React.createElement(BaseRadioGroup, { ...props, ref: ref, styles: styles })));

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_2jmcm","error":"radio-group__error_2jmcm","tag":"radio-group__tag_2jmcm","radioList":"radio-group__radioList_2jmcm","vertical":"radio-group__vertical_2jmcm","radio":"radio-group__radio_2jmcm","horizontal":"radio-group__horizontal_2jmcm","tagLabel":"radio-group__tagLabel_2jmcm","label":"radio-group__label_2jmcm","sub":"radio-group__sub_2jmcm","errorMessage":"radio-group__errorMessage_2jmcm","hint":"radio-group__hint_2jmcm","hiddenInput":"radio-group__hiddenInput_2jmcm"};
+const commonStyles = {"component":"radio-group__component_1t04a","error":"radio-group__error_1t04a","tag":"radio-group__tag_1t04a","radioList":"radio-group__radioList_1t04a","vertical":"radio-group__vertical_1t04a","radio":"radio-group__radio_1t04a","horizontal":"radio-group__horizontal_1t04a","tagLabel":"radio-group__tagLabel_1t04a","label":"radio-group__label_1t04a","sub":"radio-group__sub_1t04a","errorMessage":"radio-group__errorMessage_1t04a","hint":"radio-group__hint_1t04a","hiddenInput":"radio-group__hiddenInput_1t04a"};
 require('./index.css');
 
 const BaseRadioGroup = forwardRef(({ children, className, 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

@@ -30,59 +30,59 @@
     --radio-group-label-color: var(--color-light-text-primary);
 
     /* mobile */
-} .radio-group__component_2jmcm {
+} .radio-group__component_1t04a {
     display: flex;
     flex-direction: column;
-} .radio-group__error_2jmcm {
+} .radio-group__error_1t04a {
     padding-left: var(--gap-s);
     border-left: 1px solid var(--radio-group-error-color)
-} .radio-group__error_2jmcm.radio-group__tag_2jmcm {
+} .radio-group__error_1t04a.radio-group__tag_1t04a {
         padding-left: var(--gap-xs);
-    } .radio-group__radioList_2jmcm {
+    } .radio-group__radioList_1t04a {
     display: flex;
-} .radio-group__vertical_2jmcm .radio-group__radioList_2jmcm {
+} .radio-group__vertical_1t04a .radio-group__radioList_1t04a {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__vertical_2jmcm .radio-group__radio_2jmcm {
+} .radio-group__vertical_1t04a .radio-group__radio_1t04a {
     margin-bottom: var(--gap-m)
-} .radio-group__vertical_2jmcm .radio-group__radio_2jmcm:last-child {
+} .radio-group__vertical_1t04a .radio-group__radio_1t04a:last-child {
         margin-bottom: 0;
-    } .radio-group__horizontal_2jmcm .radio-group__radioList_2jmcm {
+    } .radio-group__horizontal_1t04a .radio-group__radioList_1t04a {
     flex-wrap: wrap;
     margin-bottom: var(--gap-xs-neg);
-} .radio-group__horizontal_2jmcm .radio-group__radio_2jmcm {
+} .radio-group__horizontal_1t04a .radio-group__radio_1t04a {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .radio-group__horizontal_2jmcm .radio-group__tagLabel_2jmcm {
+} .radio-group__horizontal_1t04a .radio-group__tagLabel_1t04a {
     margin-right: var(--gap-xs);
-} .radio-group__horizontal_2jmcm .radio-group__radio_2jmcm:last-child,
-.radio-group__horizontal_2jmcm .radio-group__tagLabel_2jmcm:last-child {
+} .radio-group__horizontal_1t04a .radio-group__radio_1t04a:last-child,
+.radio-group__horizontal_1t04a .radio-group__tagLabel_1t04a:last-child {
     margin-right: 0;
-} .radio-group__label_2jmcm {
+} .radio-group__label_1t04a {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--radio-group-label-color);
-} .radio-group__sub_2jmcm {
+} .radio-group__sub_1t04a {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .radio-group__errorMessage_2jmcm {
+} .radio-group__errorMessage_1t04a {
     color: var(--radio-group-error-color);
-} .radio-group__hint_2jmcm {
+} .radio-group__hint_1t04a {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_2jmcm {
+} .radio-group__hiddenInput_1t04a {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0
-} .radio-group__hiddenInput_2jmcm:focus ~ button {
+} .radio-group__hiddenInput_1t04a:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_2jmcm {
+    } .radio-group__tagLabel_1t04a {
     position: relative;
     max-width: 100%;
 }

package/radio-group/modern/desktop.css

@@ -19,10 +19,10 @@
     --radio-group-list-padding-left: 0;
 
     /* mobile */
-} .radio-group__radioList_1xdwy {
+} .radio-group__radioList_dn4nk {
     padding-left: var(--radio-group-list-padding-left);
-} .radio-group__label_1xdwy {
+} .radio-group__label_dn4nk {
     padding-left: var(--radio-group-sub-padding-left);
-} .radio-group__sub_1xdwy {
+} .radio-group__sub_dn4nk {
     padding-left: var(--radio-group-sub-padding-left);
 }

package/radio-group/modern/mobile.css

@@ -21,10 +21,10 @@
     /* mobile */
     --radio-group-mobile-sub-padding-left: var(--gap-2xs);
     --radio-group-mobile-list-padding-left: var(--gap-3xs);
-} .radio-group__radioList_6qe85 {
+} .radio-group__radioList_19x4g {
     padding-left: var(--radio-group-mobile-list-padding-left);
-} .radio-group__label_6qe85 {
+} .radio-group__label_19x4g {
     padding-left: var(--radio-group-mobile-sub-padding-left);
-} .radio-group__sub_6qe85 {
+} .radio-group__sub_19x4g {
     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_pq3x6"};
+var defaultColors = {"component":"scrollbar__component_n92gq"};
 require('./default.css');
 
-var styles = {"component":"scrollbar__component_1hqvv","wrapper":"scrollbar__wrapper_1hqvv","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_1hqvv","heightAutoObserver":"scrollbar__heightAutoObserver_1hqvv","-webkit-mask":"scrollbar__mask_1hqvv","mask":"scrollbar__mask_1hqvv","offset":"scrollbar__offset_1hqvv","contentWrapper":"scrollbar__contentWrapper_1hqvv","placeholder":"scrollbar__placeholder_1hqvv","vertical":"scrollbar__vertical_1hqvv","hover":"scrollbar__hover_1hqvv","horizontal":"scrollbar__horizontal_1hqvv","content":"scrollbar__content_1hqvv"};
+var styles = {"component":"scrollbar__component_1ed9m","wrapper":"scrollbar__wrapper_1ed9m","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_1ed9m","heightAutoObserver":"scrollbar__heightAutoObserver_1ed9m","-webkit-mask":"scrollbar__mask_1ed9m","mask":"scrollbar__mask_1ed9m","offset":"scrollbar__offset_1ed9m","contentWrapper":"scrollbar__contentWrapper_1ed9m","placeholder":"scrollbar__placeholder_1ed9m","vertical":"scrollbar__vertical_1ed9m","hover":"scrollbar__hover_1ed9m","horizontal":"scrollbar__horizontal_1ed9m","content":"scrollbar__content_1ed9m"};
 require('./index.css');
 
-var invertedColors = {"component":"scrollbar__component_8re1i"};
+var invertedColors = {"component":"scrollbar__component_6acl2"};
 require('./inverted.css');
 
 var colorStylesMap = {

package/scrollbar/default.css

@@ -19,8 +19,8 @@
 } :root {
     --scrollbar-background-color: var(--color-light-graphic-primary-alpha-30);
     --scrollbar-background-color-active: var(--color-light-graphic-primary-alpha-60);
-} .scrollbar__component_pq3x6 .scrollbar:before {
+} .scrollbar__component_n92gq .scrollbar:before {
             background-color: var(--scrollbar-background-color);
-        } .scrollbar__component_pq3x6.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_n92gq.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_pq3x6"};
+var defaultColors = {"component":"scrollbar__component_n92gq"};
 require('./default.css');
 
-var styles = {"component":"scrollbar__component_1hqvv","wrapper":"scrollbar__wrapper_1hqvv","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_1hqvv","heightAutoObserver":"scrollbar__heightAutoObserver_1hqvv","-webkit-mask":"scrollbar__mask_1hqvv","mask":"scrollbar__mask_1hqvv","offset":"scrollbar__offset_1hqvv","contentWrapper":"scrollbar__contentWrapper_1hqvv","placeholder":"scrollbar__placeholder_1hqvv","vertical":"scrollbar__vertical_1hqvv","hover":"scrollbar__hover_1hqvv","horizontal":"scrollbar__horizontal_1hqvv","content":"scrollbar__content_1hqvv"};
+var styles = {"component":"scrollbar__component_1ed9m","wrapper":"scrollbar__wrapper_1ed9m","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_1ed9m","heightAutoObserver":"scrollbar__heightAutoObserver_1ed9m","-webkit-mask":"scrollbar__mask_1ed9m","mask":"scrollbar__mask_1ed9m","offset":"scrollbar__offset_1ed9m","contentWrapper":"scrollbar__contentWrapper_1ed9m","placeholder":"scrollbar__placeholder_1ed9m","vertical":"scrollbar__vertical_1ed9m","hover":"scrollbar__hover_1ed9m","horizontal":"scrollbar__horizontal_1ed9m","content":"scrollbar__content_1ed9m"};
 require('./index.css');
 
-var invertedColors = {"component":"scrollbar__component_8re1i"};
+var invertedColors = {"component":"scrollbar__component_6acl2"};
 require('./inverted.css');
 
 var colorStylesMap = {

package/scrollbar/esm/default.css

@@ -19,8 +19,8 @@
 } :root {
     --scrollbar-background-color: var(--color-light-graphic-primary-alpha-30);
     --scrollbar-background-color-active: var(--color-light-graphic-primary-alpha-60);
-} .scrollbar__component_pq3x6 .scrollbar:before {
+} .scrollbar__component_n92gq .scrollbar:before {
             background-color: var(--scrollbar-background-color);
-        } .scrollbar__component_pq3x6.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_n92gq.dragging .track .scrollbar.visible:before {
             background-color: var(--scrollbar-background-color-active);
         }

package/scrollbar/esm/index.css

@@ -21,20 +21,20 @@
     --scrollbar-thumb-border-radius: 3px;
     --scrollbar-thumb-side-outer-offset: 4px;
     --scrollbar-thumb-margin: 3px;
-} .scrollbar__component_1hqvv {
+} .scrollbar__component_1ed9m {
     position: relative;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: flex-start;
     align-content: flex-start;
     align-items: flex-start
-} .scrollbar__component_1hqvv .scrollbar__wrapper_1hqvv {
+} .scrollbar__component_1ed9m .scrollbar__wrapper_1ed9m {
         overflow: hidden;
         width: inherit;
         height: inherit;
         max-width: inherit;
         max-height: inherit;
-    } .scrollbar__component_1hqvv .scrollbar__heightAutoObserverWrapper_1hqvv {
+    } .scrollbar__component_1ed9m .scrollbar__heightAutoObserverWrapper_1ed9m {
         box-sizing: inherit;
         height: 100%;
         width: 100%;
@@ -50,7 +50,7 @@
         flex-grow: inherit;
         flex-shrink: 0;
         flex-basis: 0;
-    } .scrollbar__component_1hqvv .scrollbar__heightAutoObserver_1hqvv {
+    } .scrollbar__component_1ed9m .scrollbar__heightAutoObserver_1ed9m {
         box-sizing: inherit;
         display: block;
         opacity: 0;
@@ -64,7 +64,7 @@
         overflow: hidden;
         pointer-events: none;
         z-index: -1;
-    } .scrollbar__component_1hqvv .scrollbar__mask_1hqvv {
+    } .scrollbar__component_1ed9m .scrollbar__mask_1ed9m {
         direction: inherit;
         position: absolute;
         overflow: hidden;
@@ -77,7 +77,7 @@
         width: auto;
         height: auto;
         z-index: 0;
-    } .scrollbar__component_1hqvv .scrollbar__offset_1hqvv {
+    } .scrollbar__component_1ed9m .scrollbar__offset_1ed9m {
         direction: inherit;
         box-sizing: inherit;
         resize: none;
@@ -89,7 +89,7 @@
         padding: 0;
         margin: 0;
         -webkit-overflow-scrolling: touch;
-    } .scrollbar__component_1hqvv .scrollbar__contentWrapper_1hqvv {
+    } .scrollbar__component_1ed9m .scrollbar__contentWrapper_1ed9m {
         direction: inherit;
         box-sizing: border-box;
         position: relative;
@@ -101,43 +101,43 @@
         outline: none;
         scrollbar-width: none;
         -ms-overflow-style: none
-    } .scrollbar__component_1hqvv .scrollbar__contentWrapper_1hqvv::-webkit-scrollbar {
+    } .scrollbar__component_1ed9m .scrollbar__contentWrapper_1ed9m::-webkit-scrollbar {
             width: 0;
             height: 0;
-        } .scrollbar__component_1hqvv .scrollbar__placeholder_1hqvv {
+        } .scrollbar__component_1ed9m .scrollbar__placeholder_1ed9m {
         max-height: 100%;
         max-width: 100%;
         width: 100%;
         pointer-events: none;
-    } .scrollbar__component_1hqvv .track {
+    } .scrollbar__component_1ed9m .track {
         z-index: 1;
         position: absolute;
         right: 0;
         bottom: 0;
         pointer-events: auto;
         overflow: hidden
-    } .scrollbar__component_1hqvv .track.scrollbar__vertical_1hqvv {
+    } .scrollbar__component_1ed9m .track.scrollbar__vertical_1ed9m {
             top: 0;
             width: var(--scrollbar-rail-size);
             transform: rotateY(-180deg)
-        } .scrollbar__component_1hqvv .track.scrollbar__vertical_1hqvv.scrollbar__hover_1hqvv .scrollbar {
+        } .scrollbar__component_1ed9m .track.scrollbar__vertical_1ed9m.scrollbar__hover_1ed9m .scrollbar {
                     width: var(--scrollbar-hover-size);
-                } .scrollbar__component_1hqvv .track.scrollbar__vertical_1hqvv .scrollbar {
+                } .scrollbar__component_1ed9m .track.scrollbar__vertical_1ed9m .scrollbar {
                 width: var(--scrollbar-thumb-size);
                 margin-left: var(--scrollbar-thumb-margin);
                 transition: width 0.1s linear
-            } .scrollbar__component_1hqvv .track.scrollbar__vertical_1hqvv .scrollbar:before {
+            } .scrollbar__component_1ed9m .track.scrollbar__vertical_1ed9m .scrollbar:before {
                     right: 0;
                     left: 0;
                     top: var(--scrollbar-thumb-side-outer-offset);
                     bottom: var(--scrollbar-thumb-side-outer-offset);
                     transition: opacity 0.2s linear;
-                } .scrollbar__component_1hqvv .track.scrollbar__horizontal_1hqvv {
+                } .scrollbar__component_1ed9m .track.scrollbar__horizontal_1ed9m {
             left: 0;
             height: var(--scrollbar-rail-size)
-        } .scrollbar__component_1hqvv .track.scrollbar__horizontal_1hqvv.scrollbar__hover_1hqvv .scrollbar {
+        } .scrollbar__component_1ed9m .track.scrollbar__horizontal_1ed9m.scrollbar__hover_1ed9m .scrollbar {
                     height: var(--scrollbar-hover-size);
-                } .scrollbar__component_1hqvv .track.scrollbar__horizontal_1hqvv .scrollbar {
+                } .scrollbar__component_1ed9m .track.scrollbar__horizontal_1ed9m .scrollbar {
                 right: auto;
                 left: 0;
                 bottom: var(--scrollbar-thumb-margin);
@@ -147,35 +147,35 @@
                 width: auto;
                 transition: height 0.1s linear;
                 will-change: height
-            } .scrollbar__component_1hqvv .track.scrollbar__horizontal_1hqvv .scrollbar:before {
+            } .scrollbar__component_1ed9m .track.scrollbar__horizontal_1ed9m .scrollbar:before {
                     left: var(--scrollbar-thumb-side-outer-offset);
                     right: var(--scrollbar-thumb-side-outer-offset);
                     top: 0;
                     bottom: 0;
                     transition: opacity 0.2s linear;
-                } .scrollbar__component_1hqvv .scrollbar {
+                } .scrollbar__component_1ed9m .scrollbar {
         position: absolute;
         left: 0;
         right: 0;
         min-height: 40px
-    } .scrollbar__component_1hqvv .scrollbar:before {
+    } .scrollbar__component_1ed9m .scrollbar:before {
             position: absolute;
             content: '';
             border-radius: var(--scrollbar-thumb-border-radius);
             left: 0;
             right: 0;
             opacity: 0;
-        } .scrollbar__component_1hqvv .scrollbar.visible:before {
+        } .scrollbar__component_1ed9m .scrollbar.visible:before {
             opacity: 1;
-        } .scrollbar__component_1hqvv.dragging .scrollbar__content_1hqvv {
+        } .scrollbar__component_1ed9m.dragging .scrollbar__content_1ed9m {
         pointer-events: none;
         user-select: none;
         -webkit-user-select: none;
-    } .scrollbar__component_1hqvv.dragging .track {
+    } .scrollbar__component_1ed9m.dragging .track {
         pointer-events: all
-    } .scrollbar__component_1hqvv.dragging .track.scrollbar__vertical_1hqvv .scrollbar {
+    } .scrollbar__component_1ed9m.dragging .track.scrollbar__vertical_1ed9m .scrollbar {
             width: var(--scrollbar-hover-size);
-        } .scrollbar__component_1hqvv.dragging .track.scrollbar__horizontal_1hqvv .scrollbar {
+        } .scrollbar__component_1ed9m.dragging .track.scrollbar__horizontal_1ed9m .scrollbar {
             height: var(--scrollbar-hover-size);
         } .simplebar-hide-scrollbar {
     position: fixed;

package/scrollbar/esm/inverted.css

@@ -20,8 +20,8 @@
     --scrollbar-inverted-background-color-active: var(
         --color-light-graphic-primary-inverted-alpha-60
     );
-} .scrollbar__component_8re1i .scrollbar:before {
+} .scrollbar__component_6acl2 .scrollbar:before {
             background-color: var(--scrollbar-inverted-background-color);
-        } .scrollbar__component_8re1i.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_6acl2.dragging .track .scrollbar.visible:before {
             background-color: var(--scrollbar-inverted-background-color-active);
         }