@alfalab/core-components 44.6.0 → 44.6.2

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

@@ -29,55 +29,55 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
 
     /* mobile */
-} .radio-group__component_998og {
+} .radio-group__component_4qtop {
     display: flex;
     flex-direction: column;
-} .radio-group__error_998og {
+} .radio-group__error_4qtop {
     padding-left: var(--gap-s);
     border-left: 1px solid var(--color-light-status-negative)
-} .radio-group__error_998og.radio-group__tag_998og {
+} .radio-group__error_4qtop.radio-group__tag_4qtop {
         padding-left: var(--gap-xs);
-    } .radio-group__radioList_998og {
+    } .radio-group__radioList_4qtop {
     display: flex;
-} .radio-group__verticalRadioList_998og {
+} .radio-group__verticalRadioList_4qtop {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__horizontalRadioList_998og {
+} .radio-group__horizontalRadioList_4qtop {
     flex-wrap: wrap;
     margin-bottom: var(--gap-xs-neg);
-} .radio-group__verticalRadio_998og {
+} .radio-group__verticalRadio_4qtop {
     margin-bottom: var(--gap-m)
-} .radio-group__verticalRadio_998og:last-child {
+} .radio-group__verticalRadio_4qtop:last-child {
         margin-bottom: 0;
-    } .radio-group__horizontalRadio_998og {
+    } .radio-group__horizontalRadio_4qtop {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .radio-group__horizontalTagLabel_998og {
+} .radio-group__horizontalTagLabel_4qtop {
     margin-right: var(--gap-xs);
-} .radio-group__horizontalRadio_998og:last-child,
-.radio-group__horizontalTagLabel_998og:last-child {
+} .radio-group__horizontalRadio_4qtop:last-child,
+.radio-group__horizontalTagLabel_4qtop:last-child {
     margin-right: 0;
-} .radio-group__label_998og {
+} .radio-group__label_4qtop {
     margin-bottom: var(--gap-s);
-} .radio-group__sub_998og {
+} .radio-group__sub_4qtop {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .radio-group__errorMessage_998og {
+} .radio-group__errorMessage_4qtop {
     color: var(--radio-group-error-color);
-} .radio-group__hint_998og {
+} .radio-group__hint_4qtop {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_998og {
+} .radio-group__hiddenInput_4qtop {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0
-} .radio-group__hiddenInput_998og:focus ~ button {
+} .radio-group__hiddenInput_4qtop:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_998og {
+    } .radio-group__tagLabel_4qtop {
     position: relative;
     max-width: 100%;
 }

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

@@ -4,7 +4,7 @@ import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
 import 'classnames';
 import '@alfalab/hooks';
 
-var styles = {"radioList":"radio-group__radioList_1j9mj","label":"radio-group__label_1j9mj","sub":"radio-group__sub_1j9mj"};
+var styles = {"radioList":"radio-group__radioList_ivlth","label":"radio-group__label_ivlth","sub":"radio-group__sub_ivlth"};
 require('./desktop.css');
 
 var RadioGroupDesktop = forwardRef(function (props, ref) { return React.createElement(BaseRadioGroup, __assign({}, props, { ref: ref, styles: styles })); });

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

@@ -21,14 +21,14 @@
     --radio-group-list-padding-left: 0;
 
     /* mobile */
-} .radio-group__radioList_1j9mj {
+} .radio-group__radioList_ivlth {
     padding-left: var(--radio-group-list-padding-left);
-} .radio-group__label_1j9mj {
+} .radio-group__label_ivlth {
     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_1j9mj {
+} .radio-group__sub_ivlth {
     padding-left: var(--radio-group-sub-padding-left);
 }

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

@@ -4,7 +4,7 @@ import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
 import 'classnames';
 import '@alfalab/hooks';
 
-var styles = {"radioList":"radio-group__radioList_sgilp","label":"radio-group__label_sgilp","sub":"radio-group__sub_sgilp"};
+var styles = {"radioList":"radio-group__radioList_1x9p2","label":"radio-group__label_1x9p2","sub":"radio-group__sub_1x9p2"};
 require('./mobile.css');
 
 var RadioGroupMobile = forwardRef(function (props, ref) { return (React.createElement(BaseRadioGroup, __assign({}, props, { ref: ref, styles: styles }))); });

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

@@ -23,14 +23,14 @@
     --radio-group-mobile-sub-padding-left: var(--gap-2xs);
     --radio-group-mobile-list-padding-left: var(--gap-3xs);
     --radio-group-mobile-label-color: var(--color-light-text-secondary);
-} .radio-group__radioList_sgilp {
+} .radio-group__radioList_1x9p2 {
     padding-left: var(--radio-group-mobile-list-padding-left);
-} .radio-group__label_sgilp {
+} .radio-group__label_1x9p2 {
     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_sgilp {
+} .radio-group__sub_1x9p2 {
     padding-left: var(--radio-group-mobile-sub-padding-left);
 }

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

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"radioList":"radio-group__radioList_sgilp","label":"radio-group__label_sgilp","sub":"radio-group__sub_sgilp"};
+var styles = {"radioList":"radio-group__radioList_1x9p2","label":"radio-group__label_1x9p2","sub":"radio-group__sub_1x9p2"};
 require('./mobile.css');
 
 var RadioGroupMobile = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseRadioGroup_Component.BaseRadioGroup, tslib.__assign({}, props, { ref: ref, styles: styles }))); });

package/radio-group/mobile/mobile.css

@@ -23,14 +23,14 @@
     --radio-group-mobile-sub-padding-left: var(--gap-2xs);
     --radio-group-mobile-list-padding-left: var(--gap-3xs);
     --radio-group-mobile-label-color: var(--color-light-text-secondary);
-} .radio-group__radioList_sgilp {
+} .radio-group__radioList_1x9p2 {
     padding-left: var(--radio-group-mobile-list-padding-left);
-} .radio-group__label_sgilp {
+} .radio-group__label_1x9p2 {
     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_sgilp {
+} .radio-group__sub_1x9p2 {
     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_998og","error":"radio-group__error_998og","tag":"radio-group__tag_998og","radioList":"radio-group__radioList_998og","verticalRadioList":"radio-group__verticalRadioList_998og","horizontalRadioList":"radio-group__horizontalRadioList_998og","verticalRadio":"radio-group__verticalRadio_998og","horizontalRadio":"radio-group__horizontalRadio_998og","horizontalTagLabel":"radio-group__horizontalTagLabel_998og","label":"radio-group__label_998og","sub":"radio-group__sub_998og","errorMessage":"radio-group__errorMessage_998og","hint":"radio-group__hint_998og","hiddenInput":"radio-group__hiddenInput_998og","tagLabel":"radio-group__tagLabel_998og"};
+const commonStyles = {"component":"radio-group__component_4qtop","error":"radio-group__error_4qtop","tag":"radio-group__tag_4qtop","radioList":"radio-group__radioList_4qtop","verticalRadioList":"radio-group__verticalRadioList_4qtop","horizontalRadioList":"radio-group__horizontalRadioList_4qtop","verticalRadio":"radio-group__verticalRadio_4qtop","horizontalRadio":"radio-group__horizontalRadio_4qtop","horizontalTagLabel":"radio-group__horizontalTagLabel_4qtop","label":"radio-group__label_4qtop","sub":"radio-group__sub_4qtop","errorMessage":"radio-group__errorMessage_4qtop","hint":"radio-group__hint_4qtop","hiddenInput":"radio-group__hiddenInput_4qtop","tagLabel":"radio-group__tagLabel_4qtop"};
 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

@@ -29,55 +29,55 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
 
     /* mobile */
-} .radio-group__component_998og {
+} .radio-group__component_4qtop {
     display: flex;
     flex-direction: column;
-} .radio-group__error_998og {
+} .radio-group__error_4qtop {
     padding-left: var(--gap-s);
     border-left: 1px solid var(--color-light-status-negative)
-} .radio-group__error_998og.radio-group__tag_998og {
+} .radio-group__error_4qtop.radio-group__tag_4qtop {
         padding-left: var(--gap-xs);
-    } .radio-group__radioList_998og {
+    } .radio-group__radioList_4qtop {
     display: flex;
-} .radio-group__verticalRadioList_998og {
+} .radio-group__verticalRadioList_4qtop {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__horizontalRadioList_998og {
+} .radio-group__horizontalRadioList_4qtop {
     flex-wrap: wrap;
     margin-bottom: var(--gap-xs-neg);
-} .radio-group__verticalRadio_998og {
+} .radio-group__verticalRadio_4qtop {
     margin-bottom: var(--gap-m)
-} .radio-group__verticalRadio_998og:last-child {
+} .radio-group__verticalRadio_4qtop:last-child {
         margin-bottom: 0;
-    } .radio-group__horizontalRadio_998og {
+    } .radio-group__horizontalRadio_4qtop {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .radio-group__horizontalTagLabel_998og {
+} .radio-group__horizontalTagLabel_4qtop {
     margin-right: var(--gap-xs);
-} .radio-group__horizontalRadio_998og:last-child,
-.radio-group__horizontalTagLabel_998og:last-child {
+} .radio-group__horizontalRadio_4qtop:last-child,
+.radio-group__horizontalTagLabel_4qtop:last-child {
     margin-right: 0;
-} .radio-group__label_998og {
+} .radio-group__label_4qtop {
     margin-bottom: var(--gap-s);
-} .radio-group__sub_998og {
+} .radio-group__sub_4qtop {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .radio-group__errorMessage_998og {
+} .radio-group__errorMessage_4qtop {
     color: var(--radio-group-error-color);
-} .radio-group__hint_998og {
+} .radio-group__hint_4qtop {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_998og {
+} .radio-group__hiddenInput_4qtop {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0
-} .radio-group__hiddenInput_998og:focus ~ button {
+} .radio-group__hiddenInput_4qtop:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_998og {
+    } .radio-group__tagLabel_4qtop {
     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_1j9mj","label":"radio-group__label_1j9mj","sub":"radio-group__sub_1j9mj"};
+const styles = {"radioList":"radio-group__radioList_ivlth","label":"radio-group__label_ivlth","sub":"radio-group__sub_ivlth"};
 require('./desktop.css');
 
 const RadioGroupDesktop = forwardRef((props, ref) => React.createElement(BaseRadioGroup, { ...props, ref: ref, styles: styles }));

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

@@ -21,14 +21,14 @@
     --radio-group-list-padding-left: 0;
 
     /* mobile */
-} .radio-group__radioList_1j9mj {
+} .radio-group__radioList_ivlth {
     padding-left: var(--radio-group-list-padding-left);
-} .radio-group__label_1j9mj {
+} .radio-group__label_ivlth {
     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_1j9mj {
+} .radio-group__sub_ivlth {
     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_sgilp","label":"radio-group__label_sgilp","sub":"radio-group__sub_sgilp"};
+const styles = {"radioList":"radio-group__radioList_1x9p2","label":"radio-group__label_1x9p2","sub":"radio-group__sub_1x9p2"};
 require('./mobile.css');
 
 const RadioGroupMobile = forwardRef((props, ref) => (React.createElement(BaseRadioGroup, { ...props, ref: ref, styles: styles })));

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

@@ -23,14 +23,14 @@
     --radio-group-mobile-sub-padding-left: var(--gap-2xs);
     --radio-group-mobile-list-padding-left: var(--gap-3xs);
     --radio-group-mobile-label-color: var(--color-light-text-secondary);
-} .radio-group__radioList_sgilp {
+} .radio-group__radioList_1x9p2 {
     padding-left: var(--radio-group-mobile-list-padding-left);
-} .radio-group__label_sgilp {
+} .radio-group__label_1x9p2 {
     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_sgilp {
+} .radio-group__sub_1x9p2 {
     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_d2br5"};
+var defaultColors = {"component":"scrollbar__component_1yfdu"};
 require('./default.css');
 
-var styles = {"component":"scrollbar__component_98fkm","wrapper":"scrollbar__wrapper_98fkm","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_98fkm","heightAutoObserver":"scrollbar__heightAutoObserver_98fkm","-webkit-mask":"scrollbar__mask_98fkm","mask":"scrollbar__mask_98fkm","offset":"scrollbar__offset_98fkm","contentWrapper":"scrollbar__contentWrapper_98fkm","placeholder":"scrollbar__placeholder_98fkm","vertical":"scrollbar__vertical_98fkm","hover":"scrollbar__hover_98fkm","horizontal":"scrollbar__horizontal_98fkm","content":"scrollbar__content_98fkm"};
+var styles = {"component":"scrollbar__component_1ppa8","wrapper":"scrollbar__wrapper_1ppa8","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_1ppa8","heightAutoObserver":"scrollbar__heightAutoObserver_1ppa8","-webkit-mask":"scrollbar__mask_1ppa8","mask":"scrollbar__mask_1ppa8","offset":"scrollbar__offset_1ppa8","contentWrapper":"scrollbar__contentWrapper_1ppa8","placeholder":"scrollbar__placeholder_1ppa8","vertical":"scrollbar__vertical_1ppa8","hover":"scrollbar__hover_1ppa8","horizontal":"scrollbar__horizontal_1ppa8","content":"scrollbar__content_1ppa8"};
 require('./index.css');
 
-var invertedColors = {"component":"scrollbar__component_1v4px"};
+var invertedColors = {"component":"scrollbar__component_1hgny"};
 require('./inverted.css');
 
 var colorStylesMap = {

package/scrollbar/default.css

@@ -19,8 +19,8 @@
 } :root {
     --scrollbar-background-color: var(--color-light-neutral-translucent-500);
     --scrollbar-background-color-active: var(--color-light-neutral-translucent-500-press);
-} .scrollbar__component_d2br5 .scrollbar:before {
+} .scrollbar__component_1yfdu .scrollbar:before {
             background-color: var(--scrollbar-background-color);
-        } .scrollbar__component_d2br5.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_1yfdu.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_d2br5"};
+var defaultColors = {"component":"scrollbar__component_1yfdu"};
 require('./default.css');
 
-var styles = {"component":"scrollbar__component_98fkm","wrapper":"scrollbar__wrapper_98fkm","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_98fkm","heightAutoObserver":"scrollbar__heightAutoObserver_98fkm","-webkit-mask":"scrollbar__mask_98fkm","mask":"scrollbar__mask_98fkm","offset":"scrollbar__offset_98fkm","contentWrapper":"scrollbar__contentWrapper_98fkm","placeholder":"scrollbar__placeholder_98fkm","vertical":"scrollbar__vertical_98fkm","hover":"scrollbar__hover_98fkm","horizontal":"scrollbar__horizontal_98fkm","content":"scrollbar__content_98fkm"};
+var styles = {"component":"scrollbar__component_1ppa8","wrapper":"scrollbar__wrapper_1ppa8","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_1ppa8","heightAutoObserver":"scrollbar__heightAutoObserver_1ppa8","-webkit-mask":"scrollbar__mask_1ppa8","mask":"scrollbar__mask_1ppa8","offset":"scrollbar__offset_1ppa8","contentWrapper":"scrollbar__contentWrapper_1ppa8","placeholder":"scrollbar__placeholder_1ppa8","vertical":"scrollbar__vertical_1ppa8","hover":"scrollbar__hover_1ppa8","horizontal":"scrollbar__horizontal_1ppa8","content":"scrollbar__content_1ppa8"};
 require('./index.css');
 
-var invertedColors = {"component":"scrollbar__component_1v4px"};
+var invertedColors = {"component":"scrollbar__component_1hgny"};
 require('./inverted.css');
 
 var colorStylesMap = {

package/scrollbar/esm/default.css

@@ -19,8 +19,8 @@
 } :root {
     --scrollbar-background-color: var(--color-light-neutral-translucent-500);
     --scrollbar-background-color-active: var(--color-light-neutral-translucent-500-press);
-} .scrollbar__component_d2br5 .scrollbar:before {
+} .scrollbar__component_1yfdu .scrollbar:before {
             background-color: var(--scrollbar-background-color);
-        } .scrollbar__component_d2br5.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_1yfdu.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_98fkm {
+} .scrollbar__component_1ppa8 {
     position: relative;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: flex-start;
     align-content: flex-start;
     align-items: flex-start
-} .scrollbar__component_98fkm .scrollbar__wrapper_98fkm {
+} .scrollbar__component_1ppa8 .scrollbar__wrapper_1ppa8 {
         overflow: hidden;
         width: inherit;
         height: inherit;
         max-width: inherit;
         max-height: inherit;
-    } .scrollbar__component_98fkm .scrollbar__heightAutoObserverWrapper_98fkm {
+    } .scrollbar__component_1ppa8 .scrollbar__heightAutoObserverWrapper_1ppa8 {
         box-sizing: inherit;
         height: 100%;
         width: 100%;
@@ -50,7 +50,7 @@
         flex-grow: inherit;
         flex-shrink: 0;
         flex-basis: 0;
-    } .scrollbar__component_98fkm .scrollbar__heightAutoObserver_98fkm {
+    } .scrollbar__component_1ppa8 .scrollbar__heightAutoObserver_1ppa8 {
         box-sizing: inherit;
         display: block;
         opacity: 0;
@@ -64,7 +64,7 @@
         overflow: hidden;
         pointer-events: none;
         z-index: -1;
-    } .scrollbar__component_98fkm .scrollbar__mask_98fkm {
+    } .scrollbar__component_1ppa8 .scrollbar__mask_1ppa8 {
         direction: inherit;
         position: absolute;
         overflow: hidden;
@@ -77,7 +77,7 @@
         width: auto;
         height: auto;
         z-index: 0;
-    } .scrollbar__component_98fkm .scrollbar__offset_98fkm {
+    } .scrollbar__component_1ppa8 .scrollbar__offset_1ppa8 {
         direction: inherit;
         box-sizing: inherit;
         resize: none;
@@ -89,7 +89,7 @@
         padding: 0;
         margin: 0;
         -webkit-overflow-scrolling: touch;
-    } .scrollbar__component_98fkm .scrollbar__contentWrapper_98fkm {
+    } .scrollbar__component_1ppa8 .scrollbar__contentWrapper_1ppa8 {
         direction: inherit;
         box-sizing: border-box;
         position: relative;
@@ -100,43 +100,43 @@
         max-height: 100%; /* Needed for vertical scroll to trigger */
         outline: none;
         scrollbar-width: none
-    } .scrollbar__component_98fkm .scrollbar__contentWrapper_98fkm::-webkit-scrollbar {
+    } .scrollbar__component_1ppa8 .scrollbar__contentWrapper_1ppa8::-webkit-scrollbar {
             width: 0;
             height: 0;
-        } .scrollbar__component_98fkm .scrollbar__placeholder_98fkm {
+        } .scrollbar__component_1ppa8 .scrollbar__placeholder_1ppa8 {
         max-height: 100%;
         max-width: 100%;
         width: 100%;
         pointer-events: none;
-    } .scrollbar__component_98fkm .track {
+    } .scrollbar__component_1ppa8 .track {
         z-index: 1;
         position: absolute;
         right: 0;
         bottom: 0;
         pointer-events: auto;
         overflow: hidden
-    } .scrollbar__component_98fkm .track.scrollbar__vertical_98fkm {
+    } .scrollbar__component_1ppa8 .track.scrollbar__vertical_1ppa8 {
             top: 0;
             width: var(--scrollbar-rail-size);
             transform: rotateY(-180deg)
-        } .scrollbar__component_98fkm .track.scrollbar__vertical_98fkm.scrollbar__hover_98fkm .scrollbar {
+        } .scrollbar__component_1ppa8 .track.scrollbar__vertical_1ppa8.scrollbar__hover_1ppa8 .scrollbar {
                     width: var(--scrollbar-hover-size);
-                } .scrollbar__component_98fkm .track.scrollbar__vertical_98fkm .scrollbar {
+                } .scrollbar__component_1ppa8 .track.scrollbar__vertical_1ppa8 .scrollbar {
                 width: var(--scrollbar-thumb-size);
                 margin-left: var(--scrollbar-thumb-margin);
                 transition: width 0.1s linear
-            } .scrollbar__component_98fkm .track.scrollbar__vertical_98fkm .scrollbar:before {
+            } .scrollbar__component_1ppa8 .track.scrollbar__vertical_1ppa8 .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_98fkm .track.scrollbar__horizontal_98fkm {
+                } .scrollbar__component_1ppa8 .track.scrollbar__horizontal_1ppa8 {
             left: 0;
             height: var(--scrollbar-rail-size)
-        } .scrollbar__component_98fkm .track.scrollbar__horizontal_98fkm.scrollbar__hover_98fkm .scrollbar {
+        } .scrollbar__component_1ppa8 .track.scrollbar__horizontal_1ppa8.scrollbar__hover_1ppa8 .scrollbar {
                     height: var(--scrollbar-hover-size);
-                } .scrollbar__component_98fkm .track.scrollbar__horizontal_98fkm .scrollbar {
+                } .scrollbar__component_1ppa8 .track.scrollbar__horizontal_1ppa8 .scrollbar {
                 right: auto;
                 left: 0;
                 bottom: var(--scrollbar-thumb-margin);
@@ -146,35 +146,35 @@
                 width: auto;
                 transition: height 0.1s linear;
                 will-change: height
-            } .scrollbar__component_98fkm .track.scrollbar__horizontal_98fkm .scrollbar:before {
+            } .scrollbar__component_1ppa8 .track.scrollbar__horizontal_1ppa8 .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_98fkm .scrollbar {
+                } .scrollbar__component_1ppa8 .scrollbar {
         position: absolute;
         left: 0;
         right: 0;
         min-height: 40px
-    } .scrollbar__component_98fkm .scrollbar:before {
+    } .scrollbar__component_1ppa8 .scrollbar:before {
             position: absolute;
             content: '';
             border-radius: var(--scrollbar-thumb-border-radius);
             left: 0;
             right: 0;
             opacity: 0;
-        } .scrollbar__component_98fkm .scrollbar.visible:before {
+        } .scrollbar__component_1ppa8 .scrollbar.visible:before {
             opacity: 1;
-        } .scrollbar__component_98fkm.dragging .scrollbar__content_98fkm {
+        } .scrollbar__component_1ppa8.dragging .scrollbar__content_1ppa8 {
         pointer-events: none;
         user-select: none;
         -webkit-user-select: none;
-    } .scrollbar__component_98fkm.dragging .track {
+    } .scrollbar__component_1ppa8.dragging .track {
         pointer-events: all
-    } .scrollbar__component_98fkm.dragging .track.scrollbar__vertical_98fkm .scrollbar {
+    } .scrollbar__component_1ppa8.dragging .track.scrollbar__vertical_1ppa8 .scrollbar {
             width: var(--scrollbar-hover-size);
-        } .scrollbar__component_98fkm.dragging .track.scrollbar__horizontal_98fkm .scrollbar {
+        } .scrollbar__component_1ppa8.dragging .track.scrollbar__horizontal_1ppa8 .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-neutral-translucent-500-inverted-press
     );
-} .scrollbar__component_1v4px .scrollbar:before {
+} .scrollbar__component_1hgny .scrollbar:before {
             background-color: var(--scrollbar-inverted-background-color);
-        } .scrollbar__component_1v4px.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_1hgny.dragging .track .scrollbar.visible:before {
             background-color: var(--scrollbar-inverted-background-color-active);
         }