[JEWEL-553] Updating TabStrip style

- Updated TabStrip to use ScrollableContainer
- Updated ScrollableContainer to allow setting the position of scrollbar
- Added 'WhenParentHovered' visibility configuration for scrollbars
- Updated TabStrip scrollbar theme on LaF + Stand-alone

Author: faogustavo

platform/jewel/ide-laf-bridge/api-dump.txt

@@ -113,11 +113,16 @@ f:org.jetbrains.jewel.bridge.theme.BridgeThemeColorPaletteKt
 - sf:readFromLaF(org.jetbrains.jewel.foundation.theme.ThemeColorPalette$Companion):org.jetbrains.jewel.foundation.theme.ThemeColorPalette
 f:org.jetbrains.jewel.bridge.theme.IntUiBridgeScrollbarKt
 - sf:default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$AlwaysVisible$Companion):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$AlwaysVisible
+- sf:default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered$Companion):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered
 - sf:default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling$Companion):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling
+- sf:macOs-FbBwQsc(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered
+- bs:macOs-FbBwQsc$default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J,I,java.lang.Object):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered
 - sf:macOs-TZvXluI(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling
 - bs:macOs-TZvXluI$default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J,I,java.lang.Object):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling
 - sf:macOs-fYp4AQw(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$AlwaysVisible$Companion,F,androidx.compose.foundation.layout.PaddingValues,J,J,J):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$AlwaysVisible
 - bs:macOs-fYp4AQw$default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$AlwaysVisible$Companion,F,androidx.compose.foundation.layout.PaddingValues,J,J,J,I,java.lang.Object):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$AlwaysVisible
+- sf:windowsAndLinux-FbBwQsc(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered
+- bs:windowsAndLinux-FbBwQsc$default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J,I,java.lang.Object):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered
 - sf:windowsAndLinux-TZvXluI(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling
 - bs:windowsAndLinux-TZvXluI$default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J,I,java.lang.Object):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling
 - sf:windowsAndLinux-tYhzLtE(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$AlwaysVisible$Companion,F,androidx.compose.foundation.layout.PaddingValues,J,J):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$AlwaysVisible

platform/jewel/ide-laf-bridge/src/main/kotlin/org/jetbrains/jewel/bridge/theme/IntUiBridgeScrollbar.kt

@@ -33,6 +33,25 @@ internal fun readScrollbarStyle(isDark: Boolean): ScrollbarStyle =
         scrollbarVisibility = readScrollbarVisibility(),
     )
 
+internal fun readTabStripScrollbarStyle(isDark: Boolean): ScrollbarStyle =
+    ScrollbarStyle(
+        colors = readScrollbarColors(isDark),
+        metrics = readScrollbarMetrics(),
+        trackClickBehavior = TrackClickBehavior.JumpToSpot,
+        scrollbarVisibility =
+            ScrollbarVisibility.WhenContainerHovered(
+                trackThickness = 5.dp,
+                trackThicknessExpanded = 5.dp,
+                trackPadding = PaddingValues(1.dp),
+                trackPaddingExpanded = PaddingValues(),
+                trackPaddingWithBorder = PaddingValues(1.dp),
+                trackColorAnimationDuration = 125.milliseconds,
+                expandAnimationDuration = 125.milliseconds,
+                thumbColorAnimationDuration = 125.milliseconds,
+                lingerDuration = 700.milliseconds,
+            ),
+    )
+
 private fun readScrollbarColors(isDark: Boolean) =
     if (hostOs.isMacOS) {
         readScrollbarMacColors(isDark)
@@ -358,3 +377,56 @@ public fun ScrollbarVisibility.AlwaysVisible.Companion.windowsAndLinux(
         Color.Unspecified,
         Color.Unspecified,
     )
+
+public fun ScrollbarVisibility.WhenContainerHovered.Companion.default(): ScrollbarVisibility.WhenContainerHovered =
+    if (hostOs.isMacOS) {
+        ScrollbarVisibility.WhenContainerHovered.macOs()
+    } else {
+        ScrollbarVisibility.WhenContainerHovered.windowsAndLinux()
+    }
+
+public fun ScrollbarVisibility.WhenContainerHovered.Companion.macOs(
+    trackThickness: Dp = 11.dp,
+    trackThicknessExpanded: Dp = 14.dp,
+    trackPadding: PaddingValues = PaddingValues(2.dp),
+    trackPaddingExpanded: PaddingValues = trackPadding,
+    trackPaddingWithBorder: PaddingValues = PaddingValues(1.dp),
+    trackColorAnimationDuration: Duration = 125.milliseconds,
+    expandAnimationDuration: Duration = trackColorAnimationDuration,
+    thumbColorAnimationDuration: Duration = trackColorAnimationDuration,
+    lingerDuration: Duration = 700.milliseconds,
+): ScrollbarVisibility.WhenContainerHovered =
+    ScrollbarVisibility.WhenContainerHovered(
+        trackThickness = trackThickness,
+        trackThicknessExpanded = trackThicknessExpanded,
+        trackPadding = trackPadding,
+        trackPaddingExpanded = trackPaddingExpanded,
+        trackPaddingWithBorder = trackPaddingWithBorder,
+        trackColorAnimationDuration = trackColorAnimationDuration,
+        expandAnimationDuration = expandAnimationDuration,
+        thumbColorAnimationDuration = thumbColorAnimationDuration,
+        lingerDuration = lingerDuration,
+    )
+
+public fun ScrollbarVisibility.WhenContainerHovered.Companion.windowsAndLinux(
+    trackThickness: Dp = 11.dp,
+    trackThicknessExpanded: Dp = 14.dp,
+    trackPadding: PaddingValues = PaddingValues(),
+    trackPaddingExpanded: PaddingValues = trackPadding,
+    trackPaddingWithBorder: PaddingValues = trackPadding,
+    trackColorAnimationDuration: Duration = 125.milliseconds,
+    expandAnimationDuration: Duration = trackColorAnimationDuration,
+    thumbColorAnimationDuration: Duration = trackColorAnimationDuration,
+    lingerDuration: Duration = 700.milliseconds,
+): ScrollbarVisibility.WhenContainerHovered =
+    ScrollbarVisibility.WhenContainerHovered(
+        trackThickness = trackThickness,
+        trackThicknessExpanded = trackThicknessExpanded,
+        trackPadding = trackPadding,
+        trackPaddingExpanded = trackPaddingExpanded,
+        trackPaddingWithBorder = trackPaddingWithBorder,
+        trackColorAnimationDuration = trackColorAnimationDuration,
+        expandAnimationDuration = expandAnimationDuration,
+        thumbColorAnimationDuration = thumbColorAnimationDuration,
+        lingerDuration = lingerDuration,
+    )

platform/jewel/ide-laf-bridge/src/main/kotlin/org/jetbrains/jewel/bridge/theme/IntUiBridgeTab.kt

@@ -68,7 +68,7 @@ internal fun readDefaultTabStyle(): TabStyle {
                 contentHovered = 1f,
                 contentSelected = 1f,
             ),
-        scrollbarStyle = readScrollbarStyle(isDark),
+        scrollbarStyle = readTabStripScrollbarStyle(isDark),
     )
 }
 
@@ -122,6 +122,6 @@ internal fun readEditorTabStyle(): TabStyle {
                 contentHovered = 1f,
                 contentSelected = 1f,
             ),
-        scrollbarStyle = readScrollbarStyle(isDark),
+        scrollbarStyle = readTabStripScrollbarStyle(isDark),
     )
 }

platform/jewel/int-ui/int-ui-standalone/api-dump.txt

@@ -423,10 +423,13 @@ f:org.jetbrains.jewel.intui.standalone.styling.IntUiRadioButtonStylingKt
 f:org.jetbrains.jewel.intui.standalone.styling.IntUiScrollbarStylingKt
 - sf:dark(org.jetbrains.jewel.ui.component.styling.ScrollbarStyle$Companion):org.jetbrains.jewel.ui.component.styling.ScrollbarStyle
 - sf:default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$AlwaysVisible$Companion):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$AlwaysVisible
+- sf:default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered$Companion):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered
 - sf:default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling$Companion):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling
 - sf:default-TZvXluI(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling
 - bs:default-TZvXluI$default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J,I,java.lang.Object):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling
 - sf:light(org.jetbrains.jewel.ui.component.styling.ScrollbarStyle$Companion):org.jetbrains.jewel.ui.component.styling.ScrollbarStyle
+- sf:macOs-FbBwQsc(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered
+- bs:macOs-FbBwQsc$default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J,I,java.lang.Object):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered
 - sf:macOs-TZvXluI(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling
 - bs:macOs-TZvXluI$default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J,I,java.lang.Object):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling
 - sf:macOs-fYp4AQw(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$AlwaysVisible$Companion,F,androidx.compose.foundation.layout.PaddingValues,J,J,J):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$AlwaysVisible
@@ -441,6 +444,10 @@ f:org.jetbrains.jewel.intui.standalone.styling.IntUiScrollbarStylingKt
 - bs:macOsLight$default(org.jetbrains.jewel.ui.component.styling.ScrollbarStyle$Companion,org.jetbrains.jewel.ui.component.styling.ScrollbarColors,org.jetbrains.jewel.ui.component.styling.ScrollbarMetrics,org.jetbrains.jewel.ui.component.styling.TrackClickBehavior,org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility,I,java.lang.Object):org.jetbrains.jewel.ui.component.styling.ScrollbarStyle
 - sf:macOsLight-zwkVjRg(org.jetbrains.jewel.ui.component.styling.ScrollbarColors$Companion,J,J,J,J,J,J,J,J,J,J,J,J):org.jetbrains.jewel.ui.component.styling.ScrollbarColors
 - bs:macOsLight-zwkVjRg$default(org.jetbrains.jewel.ui.component.styling.ScrollbarColors$Companion,J,J,J,J,J,J,J,J,J,J,J,J,I,java.lang.Object):org.jetbrains.jewel.ui.component.styling.ScrollbarColors
+- sf:tabStrip-FbBwQsc(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility
+- bs:tabStrip-FbBwQsc$default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J,I,java.lang.Object):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility
+- sf:windowsAndLinux-FbBwQsc(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered
+- bs:windowsAndLinux-FbBwQsc$default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J,I,java.lang.Object):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenContainerHovered
 - sf:windowsAndLinux-TZvXluI(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling
 - bs:windowsAndLinux-TZvXluI$default(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling$Companion,F,F,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.PaddingValues,J,J,J,J,I,java.lang.Object):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$WhenScrolling
 - sf:windowsAndLinux-tYhzLtE(org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$AlwaysVisible$Companion,F,androidx.compose.foundation.layout.PaddingValues,J,J):org.jetbrains.jewel.ui.component.styling.ScrollbarVisibility$AlwaysVisible