@alfalab/core-components 41.15.0 → 41.16.0

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_ivmo1 {
+} .scrollbar__component_1uht1 {
     position: relative;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: flex-start;
     align-content: flex-start;
     align-items: flex-start
-} .scrollbar__component_ivmo1 .scrollbar__wrapper_ivmo1 {
+} .scrollbar__component_1uht1 .scrollbar__wrapper_1uht1 {
         overflow: hidden;
         width: inherit;
         height: inherit;
         max-width: inherit;
         max-height: inherit;
-    } .scrollbar__component_ivmo1 .scrollbar__heightAutoObserverWrapper_ivmo1 {
+    } .scrollbar__component_1uht1 .scrollbar__heightAutoObserverWrapper_1uht1 {
         box-sizing: inherit;
         height: 100%;
         width: 100%;
@@ -50,7 +50,7 @@
         flex-grow: inherit;
         flex-shrink: 0;
         flex-basis: 0;
-    } .scrollbar__component_ivmo1 .scrollbar__heightAutoObserver_ivmo1 {
+    } .scrollbar__component_1uht1 .scrollbar__heightAutoObserver_1uht1 {
         box-sizing: inherit;
         display: block;
         opacity: 0;
@@ -64,7 +64,7 @@
         overflow: hidden;
         pointer-events: none;
         z-index: -1;
-    } .scrollbar__component_ivmo1 .scrollbar__mask_ivmo1 {
+    } .scrollbar__component_1uht1 .scrollbar__mask_1uht1 {
         direction: inherit;
         position: absolute;
         overflow: hidden;
@@ -77,7 +77,7 @@
         width: auto;
         height: auto;
         z-index: 0;
-    } .scrollbar__component_ivmo1 .scrollbar__offset_ivmo1 {
+    } .scrollbar__component_1uht1 .scrollbar__offset_1uht1 {
         direction: inherit;
         box-sizing: inherit;
         resize: none;
@@ -89,7 +89,7 @@
         padding: 0;
         margin: 0;
         -webkit-overflow-scrolling: touch;
-    } .scrollbar__component_ivmo1 .scrollbar__contentWrapper_ivmo1 {
+    } .scrollbar__component_1uht1 .scrollbar__contentWrapper_1uht1 {
         direction: inherit;
         box-sizing: border-box;
         position: relative;
@@ -101,43 +101,43 @@
         outline: none;
         scrollbar-width: none;
         -ms-overflow-style: none
-    } .scrollbar__component_ivmo1 .scrollbar__contentWrapper_ivmo1::-webkit-scrollbar {
+    } .scrollbar__component_1uht1 .scrollbar__contentWrapper_1uht1::-webkit-scrollbar {
             width: 0;
             height: 0;
-        } .scrollbar__component_ivmo1 .scrollbar__placeholder_ivmo1 {
+        } .scrollbar__component_1uht1 .scrollbar__placeholder_1uht1 {
         max-height: 100%;
         max-width: 100%;
         width: 100%;
         pointer-events: none;
-    } .scrollbar__component_ivmo1 .track {
+    } .scrollbar__component_1uht1 .track {
         z-index: 1;
         position: absolute;
         right: 0;
         bottom: 0;
         pointer-events: auto;
         overflow: hidden
-    } .scrollbar__component_ivmo1 .track.scrollbar__vertical_ivmo1 {
+    } .scrollbar__component_1uht1 .track.scrollbar__vertical_1uht1 {
             top: 0;
             width: var(--scrollbar-rail-size);
             transform: rotateY(-180deg)
-        } .scrollbar__component_ivmo1 .track.scrollbar__vertical_ivmo1.scrollbar__hover_ivmo1 .scrollbar {
+        } .scrollbar__component_1uht1 .track.scrollbar__vertical_1uht1.scrollbar__hover_1uht1 .scrollbar {
                     width: var(--scrollbar-hover-size);
-                } .scrollbar__component_ivmo1 .track.scrollbar__vertical_ivmo1 .scrollbar {
+                } .scrollbar__component_1uht1 .track.scrollbar__vertical_1uht1 .scrollbar {
                 width: var(--scrollbar-thumb-size);
                 margin-left: var(--scrollbar-thumb-margin);
                 transition: width 0.1s linear
-            } .scrollbar__component_ivmo1 .track.scrollbar__vertical_ivmo1 .scrollbar:before {
+            } .scrollbar__component_1uht1 .track.scrollbar__vertical_1uht1 .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_ivmo1 .track.scrollbar__horizontal_ivmo1 {
+                } .scrollbar__component_1uht1 .track.scrollbar__horizontal_1uht1 {
             left: 0;
             height: var(--scrollbar-rail-size)
-        } .scrollbar__component_ivmo1 .track.scrollbar__horizontal_ivmo1.scrollbar__hover_ivmo1 .scrollbar {
+        } .scrollbar__component_1uht1 .track.scrollbar__horizontal_1uht1.scrollbar__hover_1uht1 .scrollbar {
                     height: var(--scrollbar-hover-size);
-                } .scrollbar__component_ivmo1 .track.scrollbar__horizontal_ivmo1 .scrollbar {
+                } .scrollbar__component_1uht1 .track.scrollbar__horizontal_1uht1 .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_ivmo1 .track.scrollbar__horizontal_ivmo1 .scrollbar:before {
+            } .scrollbar__component_1uht1 .track.scrollbar__horizontal_1uht1 .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_ivmo1 .scrollbar {
+                } .scrollbar__component_1uht1 .scrollbar {
         position: absolute;
         left: 0;
         right: 0;
         min-height: 40px
-    } .scrollbar__component_ivmo1 .scrollbar:before {
+    } .scrollbar__component_1uht1 .scrollbar:before {
             position: absolute;
             content: '';
             border-radius: var(--scrollbar-thumb-border-radius);
             left: 0;
             right: 0;
             opacity: 0;
-        } .scrollbar__component_ivmo1 .scrollbar.visible:before {
+        } .scrollbar__component_1uht1 .scrollbar.visible:before {
             opacity: 1;
-        } .scrollbar__component_ivmo1.dragging .scrollbar__content_ivmo1 {
+        } .scrollbar__component_1uht1.dragging .scrollbar__content_1uht1 {
         pointer-events: none;
         user-select: none;
         -webkit-user-select: none;
-    } .scrollbar__component_ivmo1.dragging .track {
+    } .scrollbar__component_1uht1.dragging .track {
         pointer-events: all
-    } .scrollbar__component_ivmo1.dragging .track.scrollbar__vertical_ivmo1 .scrollbar {
+    } .scrollbar__component_1uht1.dragging .track.scrollbar__vertical_1uht1 .scrollbar {
             width: var(--scrollbar-hover-size);
-        } .scrollbar__component_ivmo1.dragging .track.scrollbar__horizontal_ivmo1 .scrollbar {
+        } .scrollbar__component_1uht1.dragging .track.scrollbar__horizontal_1uht1 .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_q3ods .scrollbar:before {
+} .scrollbar__component_67c6e .scrollbar:before {
             background-color: var(--scrollbar-inverted-background-color);
-        } .scrollbar__component_q3ods.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_67c6e.dragging .track .scrollbar.visible:before {
             background-color: var(--scrollbar-inverted-background-color-active);
         }

package/scrollbar/index.css

@@ -21,20 +21,20 @@
     --scrollbar-thumb-border-radius: 3px;
     --scrollbar-thumb-side-outer-offset: 4px;
     --scrollbar-thumb-margin: 3px;
-} .scrollbar__component_ivmo1 {
+} .scrollbar__component_1uht1 {
     position: relative;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: flex-start;
     align-content: flex-start;
     align-items: flex-start
-} .scrollbar__component_ivmo1 .scrollbar__wrapper_ivmo1 {
+} .scrollbar__component_1uht1 .scrollbar__wrapper_1uht1 {
         overflow: hidden;
         width: inherit;
         height: inherit;
         max-width: inherit;
         max-height: inherit;
-    } .scrollbar__component_ivmo1 .scrollbar__heightAutoObserverWrapper_ivmo1 {
+    } .scrollbar__component_1uht1 .scrollbar__heightAutoObserverWrapper_1uht1 {
         box-sizing: inherit;
         height: 100%;
         width: 100%;
@@ -50,7 +50,7 @@
         flex-grow: inherit;
         flex-shrink: 0;
         flex-basis: 0;
-    } .scrollbar__component_ivmo1 .scrollbar__heightAutoObserver_ivmo1 {
+    } .scrollbar__component_1uht1 .scrollbar__heightAutoObserver_1uht1 {
         box-sizing: inherit;
         display: block;
         opacity: 0;
@@ -64,7 +64,7 @@
         overflow: hidden;
         pointer-events: none;
         z-index: -1;
-    } .scrollbar__component_ivmo1 .scrollbar__mask_ivmo1 {
+    } .scrollbar__component_1uht1 .scrollbar__mask_1uht1 {
         direction: inherit;
         position: absolute;
         overflow: hidden;
@@ -77,7 +77,7 @@
         width: auto;
         height: auto;
         z-index: 0;
-    } .scrollbar__component_ivmo1 .scrollbar__offset_ivmo1 {
+    } .scrollbar__component_1uht1 .scrollbar__offset_1uht1 {
         direction: inherit;
         box-sizing: inherit;
         resize: none;
@@ -89,7 +89,7 @@
         padding: 0;
         margin: 0;
         -webkit-overflow-scrolling: touch;
-    } .scrollbar__component_ivmo1 .scrollbar__contentWrapper_ivmo1 {
+    } .scrollbar__component_1uht1 .scrollbar__contentWrapper_1uht1 {
         direction: inherit;
         box-sizing: border-box;
         position: relative;
@@ -101,43 +101,43 @@
         outline: none;
         scrollbar-width: none;
         -ms-overflow-style: none
-    } .scrollbar__component_ivmo1 .scrollbar__contentWrapper_ivmo1::-webkit-scrollbar {
+    } .scrollbar__component_1uht1 .scrollbar__contentWrapper_1uht1::-webkit-scrollbar {
             width: 0;
             height: 0;
-        } .scrollbar__component_ivmo1 .scrollbar__placeholder_ivmo1 {
+        } .scrollbar__component_1uht1 .scrollbar__placeholder_1uht1 {
         max-height: 100%;
         max-width: 100%;
         width: 100%;
         pointer-events: none;
-    } .scrollbar__component_ivmo1 .track {
+    } .scrollbar__component_1uht1 .track {
         z-index: 1;
         position: absolute;
         right: 0;
         bottom: 0;
         pointer-events: auto;
         overflow: hidden
-    } .scrollbar__component_ivmo1 .track.scrollbar__vertical_ivmo1 {
+    } .scrollbar__component_1uht1 .track.scrollbar__vertical_1uht1 {
             top: 0;
             width: var(--scrollbar-rail-size);
             transform: rotateY(-180deg)
-        } .scrollbar__component_ivmo1 .track.scrollbar__vertical_ivmo1.scrollbar__hover_ivmo1 .scrollbar {
+        } .scrollbar__component_1uht1 .track.scrollbar__vertical_1uht1.scrollbar__hover_1uht1 .scrollbar {
                     width: var(--scrollbar-hover-size);
-                } .scrollbar__component_ivmo1 .track.scrollbar__vertical_ivmo1 .scrollbar {
+                } .scrollbar__component_1uht1 .track.scrollbar__vertical_1uht1 .scrollbar {
                 width: var(--scrollbar-thumb-size);
                 margin-left: var(--scrollbar-thumb-margin);
                 transition: width 0.1s linear
-            } .scrollbar__component_ivmo1 .track.scrollbar__vertical_ivmo1 .scrollbar:before {
+            } .scrollbar__component_1uht1 .track.scrollbar__vertical_1uht1 .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_ivmo1 .track.scrollbar__horizontal_ivmo1 {
+                } .scrollbar__component_1uht1 .track.scrollbar__horizontal_1uht1 {
             left: 0;
             height: var(--scrollbar-rail-size)
-        } .scrollbar__component_ivmo1 .track.scrollbar__horizontal_ivmo1.scrollbar__hover_ivmo1 .scrollbar {
+        } .scrollbar__component_1uht1 .track.scrollbar__horizontal_1uht1.scrollbar__hover_1uht1 .scrollbar {
                     height: var(--scrollbar-hover-size);
-                } .scrollbar__component_ivmo1 .track.scrollbar__horizontal_ivmo1 .scrollbar {
+                } .scrollbar__component_1uht1 .track.scrollbar__horizontal_1uht1 .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_ivmo1 .track.scrollbar__horizontal_ivmo1 .scrollbar:before {
+            } .scrollbar__component_1uht1 .track.scrollbar__horizontal_1uht1 .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_ivmo1 .scrollbar {
+                } .scrollbar__component_1uht1 .scrollbar {
         position: absolute;
         left: 0;
         right: 0;
         min-height: 40px
-    } .scrollbar__component_ivmo1 .scrollbar:before {
+    } .scrollbar__component_1uht1 .scrollbar:before {
             position: absolute;
             content: '';
             border-radius: var(--scrollbar-thumb-border-radius);
             left: 0;
             right: 0;
             opacity: 0;
-        } .scrollbar__component_ivmo1 .scrollbar.visible:before {
+        } .scrollbar__component_1uht1 .scrollbar.visible:before {
             opacity: 1;
-        } .scrollbar__component_ivmo1.dragging .scrollbar__content_ivmo1 {
+        } .scrollbar__component_1uht1.dragging .scrollbar__content_1uht1 {
         pointer-events: none;
         user-select: none;
         -webkit-user-select: none;
-    } .scrollbar__component_ivmo1.dragging .track {
+    } .scrollbar__component_1uht1.dragging .track {
         pointer-events: all
-    } .scrollbar__component_ivmo1.dragging .track.scrollbar__vertical_ivmo1 .scrollbar {
+    } .scrollbar__component_1uht1.dragging .track.scrollbar__vertical_1uht1 .scrollbar {
             width: var(--scrollbar-hover-size);
-        } .scrollbar__component_ivmo1.dragging .track.scrollbar__horizontal_ivmo1 .scrollbar {
+        } .scrollbar__component_1uht1.dragging .track.scrollbar__horizontal_1uht1 .scrollbar {
             height: var(--scrollbar-hover-size);
         } .simplebar-hide-scrollbar {
     position: fixed;

package/scrollbar/inverted.css

@@ -20,8 +20,8 @@
     --scrollbar-inverted-background-color-active: var(
         --color-light-graphic-primary-inverted-alpha-60
     );
-} .scrollbar__component_q3ods .scrollbar:before {
+} .scrollbar__component_67c6e .scrollbar:before {
             background-color: var(--scrollbar-inverted-background-color);
-        } .scrollbar__component_q3ods.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_67c6e.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_1qa80"};
+const defaultColors = {"component":"scrollbar__component_16dvt"};
 require('./default.css');
 
-const styles = {"component":"scrollbar__component_ivmo1","wrapper":"scrollbar__wrapper_ivmo1","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_ivmo1","heightAutoObserver":"scrollbar__heightAutoObserver_ivmo1","-webkit-mask":"scrollbar__mask_ivmo1","mask":"scrollbar__mask_ivmo1","offset":"scrollbar__offset_ivmo1","contentWrapper":"scrollbar__contentWrapper_ivmo1","placeholder":"scrollbar__placeholder_ivmo1","vertical":"scrollbar__vertical_ivmo1","hover":"scrollbar__hover_ivmo1","horizontal":"scrollbar__horizontal_ivmo1","content":"scrollbar__content_ivmo1"};
+const styles = {"component":"scrollbar__component_1uht1","wrapper":"scrollbar__wrapper_1uht1","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_1uht1","heightAutoObserver":"scrollbar__heightAutoObserver_1uht1","-webkit-mask":"scrollbar__mask_1uht1","mask":"scrollbar__mask_1uht1","offset":"scrollbar__offset_1uht1","contentWrapper":"scrollbar__contentWrapper_1uht1","placeholder":"scrollbar__placeholder_1uht1","vertical":"scrollbar__vertical_1uht1","hover":"scrollbar__hover_1uht1","horizontal":"scrollbar__horizontal_1uht1","content":"scrollbar__content_1uht1"};
 require('./index.css');
 
-const invertedColors = {"component":"scrollbar__component_q3ods"};
+const invertedColors = {"component":"scrollbar__component_67c6e"};
 require('./inverted.css');
 
 const colorStylesMap = {

package/scrollbar/modern/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_1qa80 .scrollbar:before {
+} .scrollbar__component_16dvt .scrollbar:before {
             background-color: var(--scrollbar-background-color);
-        } .scrollbar__component_1qa80.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_16dvt.dragging .track .scrollbar.visible:before {
             background-color: var(--scrollbar-background-color-active);
         }

package/scrollbar/modern/index.css

@@ -21,20 +21,20 @@
     --scrollbar-thumb-border-radius: 3px;
     --scrollbar-thumb-side-outer-offset: 4px;
     --scrollbar-thumb-margin: 3px;
-} .scrollbar__component_ivmo1 {
+} .scrollbar__component_1uht1 {
     position: relative;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: flex-start;
     align-content: flex-start;
     align-items: flex-start
-} .scrollbar__component_ivmo1 .scrollbar__wrapper_ivmo1 {
+} .scrollbar__component_1uht1 .scrollbar__wrapper_1uht1 {
         overflow: hidden;
         width: inherit;
         height: inherit;
         max-width: inherit;
         max-height: inherit;
-    } .scrollbar__component_ivmo1 .scrollbar__heightAutoObserverWrapper_ivmo1 {
+    } .scrollbar__component_1uht1 .scrollbar__heightAutoObserverWrapper_1uht1 {
         box-sizing: inherit;
         height: 100%;
         width: 100%;
@@ -50,7 +50,7 @@
         flex-grow: inherit;
         flex-shrink: 0;
         flex-basis: 0;
-    } .scrollbar__component_ivmo1 .scrollbar__heightAutoObserver_ivmo1 {
+    } .scrollbar__component_1uht1 .scrollbar__heightAutoObserver_1uht1 {
         box-sizing: inherit;
         display: block;
         opacity: 0;
@@ -64,7 +64,7 @@
         overflow: hidden;
         pointer-events: none;
         z-index: -1;
-    } .scrollbar__component_ivmo1 .scrollbar__mask_ivmo1 {
+    } .scrollbar__component_1uht1 .scrollbar__mask_1uht1 {
         direction: inherit;
         position: absolute;
         overflow: hidden;
@@ -77,7 +77,7 @@
         width: auto;
         height: auto;
         z-index: 0;
-    } .scrollbar__component_ivmo1 .scrollbar__offset_ivmo1 {
+    } .scrollbar__component_1uht1 .scrollbar__offset_1uht1 {
         direction: inherit;
         box-sizing: inherit;
         resize: none;
@@ -89,7 +89,7 @@
         padding: 0;
         margin: 0;
         -webkit-overflow-scrolling: touch;
-    } .scrollbar__component_ivmo1 .scrollbar__contentWrapper_ivmo1 {
+    } .scrollbar__component_1uht1 .scrollbar__contentWrapper_1uht1 {
         direction: inherit;
         box-sizing: border-box;
         position: relative;
@@ -101,43 +101,43 @@
         outline: none;
         scrollbar-width: none;
         -ms-overflow-style: none
-    } .scrollbar__component_ivmo1 .scrollbar__contentWrapper_ivmo1::-webkit-scrollbar {
+    } .scrollbar__component_1uht1 .scrollbar__contentWrapper_1uht1::-webkit-scrollbar {
             width: 0;
             height: 0;
-        } .scrollbar__component_ivmo1 .scrollbar__placeholder_ivmo1 {
+        } .scrollbar__component_1uht1 .scrollbar__placeholder_1uht1 {
         max-height: 100%;
         max-width: 100%;
         width: 100%;
         pointer-events: none;
-    } .scrollbar__component_ivmo1 .track {
+    } .scrollbar__component_1uht1 .track {
         z-index: 1;
         position: absolute;
         right: 0;
         bottom: 0;
         pointer-events: auto;
         overflow: hidden
-    } .scrollbar__component_ivmo1 .track.scrollbar__vertical_ivmo1 {
+    } .scrollbar__component_1uht1 .track.scrollbar__vertical_1uht1 {
             top: 0;
             width: var(--scrollbar-rail-size);
             transform: rotateY(-180deg)
-        } .scrollbar__component_ivmo1 .track.scrollbar__vertical_ivmo1.scrollbar__hover_ivmo1 .scrollbar {
+        } .scrollbar__component_1uht1 .track.scrollbar__vertical_1uht1.scrollbar__hover_1uht1 .scrollbar {
                     width: var(--scrollbar-hover-size);
-                } .scrollbar__component_ivmo1 .track.scrollbar__vertical_ivmo1 .scrollbar {
+                } .scrollbar__component_1uht1 .track.scrollbar__vertical_1uht1 .scrollbar {
                 width: var(--scrollbar-thumb-size);
                 margin-left: var(--scrollbar-thumb-margin);
                 transition: width 0.1s linear
-            } .scrollbar__component_ivmo1 .track.scrollbar__vertical_ivmo1 .scrollbar:before {
+            } .scrollbar__component_1uht1 .track.scrollbar__vertical_1uht1 .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_ivmo1 .track.scrollbar__horizontal_ivmo1 {
+                } .scrollbar__component_1uht1 .track.scrollbar__horizontal_1uht1 {
             left: 0;
             height: var(--scrollbar-rail-size)
-        } .scrollbar__component_ivmo1 .track.scrollbar__horizontal_ivmo1.scrollbar__hover_ivmo1 .scrollbar {
+        } .scrollbar__component_1uht1 .track.scrollbar__horizontal_1uht1.scrollbar__hover_1uht1 .scrollbar {
                     height: var(--scrollbar-hover-size);
-                } .scrollbar__component_ivmo1 .track.scrollbar__horizontal_ivmo1 .scrollbar {
+                } .scrollbar__component_1uht1 .track.scrollbar__horizontal_1uht1 .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_ivmo1 .track.scrollbar__horizontal_ivmo1 .scrollbar:before {
+            } .scrollbar__component_1uht1 .track.scrollbar__horizontal_1uht1 .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_ivmo1 .scrollbar {
+                } .scrollbar__component_1uht1 .scrollbar {
         position: absolute;
         left: 0;
         right: 0;
         min-height: 40px
-    } .scrollbar__component_ivmo1 .scrollbar:before {
+    } .scrollbar__component_1uht1 .scrollbar:before {
             position: absolute;
             content: '';
             border-radius: var(--scrollbar-thumb-border-radius);
             left: 0;
             right: 0;
             opacity: 0;
-        } .scrollbar__component_ivmo1 .scrollbar.visible:before {
+        } .scrollbar__component_1uht1 .scrollbar.visible:before {
             opacity: 1;
-        } .scrollbar__component_ivmo1.dragging .scrollbar__content_ivmo1 {
+        } .scrollbar__component_1uht1.dragging .scrollbar__content_1uht1 {
         pointer-events: none;
         user-select: none;
         -webkit-user-select: none;
-    } .scrollbar__component_ivmo1.dragging .track {
+    } .scrollbar__component_1uht1.dragging .track {
         pointer-events: all
-    } .scrollbar__component_ivmo1.dragging .track.scrollbar__vertical_ivmo1 .scrollbar {
+    } .scrollbar__component_1uht1.dragging .track.scrollbar__vertical_1uht1 .scrollbar {
             width: var(--scrollbar-hover-size);
-        } .scrollbar__component_ivmo1.dragging .track.scrollbar__horizontal_ivmo1 .scrollbar {
+        } .scrollbar__component_1uht1.dragging .track.scrollbar__horizontal_1uht1 .scrollbar {
             height: var(--scrollbar-hover-size);
         } .simplebar-hide-scrollbar {
     position: fixed;

package/scrollbar/modern/inverted.css

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

package/segmented-control/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"wrapper":"segmented-control__wrapper_pv5pq","container":"segmented-control__container_pv5pq","inner":"segmented-control__inner_pv5pq","segment":"segmented-control__segment_pv5pq","selected":"segmented-control__selected_pv5pq","xs":"segmented-control__xs_pv5pq","rounded":"segmented-control__rounded_pv5pq","rectangular":"segmented-control__rectangular_pv5pq","selectedBox":"segmented-control__selectedBox_pv5pq","xxs":"segmented-control__xxs_pv5pq"};
+var styles = {"wrapper":"segmented-control__wrapper_c36b2","container":"segmented-control__container_c36b2","inner":"segmented-control__inner_c36b2","segment":"segmented-control__segment_c36b2","selected":"segmented-control__selected_c36b2","xs":"segmented-control__xs_c36b2","rounded":"segmented-control__rounded_c36b2","rectangular":"segmented-control__rectangular_c36b2","selectedBox":"segmented-control__selectedBox_c36b2","xxs":"segmented-control__xxs_c36b2"};
 require('./index.css');
 
 var MAX_SEGMENTS = 5;

package/segmented-control/components/segment/Component.js

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"segment":"segmented-control__segment_5969e","focused":"segmented-control__focused_5969e"};
+var styles = {"segment":"segmented-control__segment_j15o2","focused":"segmented-control__focused_j15o2"};
 require('./index.css');
 
 var Segment = React.forwardRef(function (_a, ref) {

package/segmented-control/components/segment/index.css

@@ -21,7 +21,7 @@
         sans-serif;
 } :root {
     --focus-color: var(--color-light-border-link);
-} .segmented-control__segment_5969e {
+} .segmented-control__segment_j15o2 {
     flex: 1;
     z-index: 1;
     display: flex;
@@ -39,7 +39,7 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
-} .segmented-control__segment_5969e:not(:first-child):before {
+} .segmented-control__segment_j15o2:not(:first-child):before {
         content: '';
         position: absolute;
         background-color: var(--color-light-border-primary);
@@ -49,7 +49,7 @@
         border-radius: 0.5px;
         bottom: 8px;
         left: 0;
-    } .segmented-control__focused_5969e {
+    } .segmented-control__focused_j15o2 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/segmented-control/esm/Component.js

@@ -3,7 +3,7 @@ import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
 import { SegmentedControlContext } from './context.js';
 
-var styles = {"wrapper":"segmented-control__wrapper_pv5pq","container":"segmented-control__container_pv5pq","inner":"segmented-control__inner_pv5pq","segment":"segmented-control__segment_pv5pq","selected":"segmented-control__selected_pv5pq","xs":"segmented-control__xs_pv5pq","rounded":"segmented-control__rounded_pv5pq","rectangular":"segmented-control__rectangular_pv5pq","selectedBox":"segmented-control__selectedBox_pv5pq","xxs":"segmented-control__xxs_pv5pq"};
+var styles = {"wrapper":"segmented-control__wrapper_c36b2","container":"segmented-control__container_c36b2","inner":"segmented-control__inner_c36b2","segment":"segmented-control__segment_c36b2","selected":"segmented-control__selected_c36b2","xs":"segmented-control__xs_c36b2","rounded":"segmented-control__rounded_c36b2","rectangular":"segmented-control__rectangular_c36b2","selectedBox":"segmented-control__selectedBox_c36b2","xxs":"segmented-control__xxs_c36b2"};
 require('./index.css');
 
 var MAX_SEGMENTS = 5;

package/segmented-control/esm/components/segment/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 import { SegmentedControlContext } from '../../context.js';
 
-var styles = {"segment":"segmented-control__segment_5969e","focused":"segmented-control__focused_5969e"};
+var styles = {"segment":"segmented-control__segment_j15o2","focused":"segmented-control__focused_j15o2"};
 require('./index.css');
 
 var Segment = forwardRef(function (_a, ref) {

package/segmented-control/esm/components/segment/index.css

@@ -21,7 +21,7 @@
         sans-serif;
 } :root {
     --focus-color: var(--color-light-border-link);
-} .segmented-control__segment_5969e {
+} .segmented-control__segment_j15o2 {
     flex: 1;
     z-index: 1;
     display: flex;
@@ -39,7 +39,7 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
-} .segmented-control__segment_5969e:not(:first-child):before {
+} .segmented-control__segment_j15o2:not(:first-child):before {
         content: '';
         position: absolute;
         background-color: var(--color-light-border-primary);
@@ -49,7 +49,7 @@
         border-radius: 0.5px;
         bottom: 8px;
         left: 0;
-    } .segmented-control__focused_5969e {
+    } .segmented-control__focused_j15o2 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }