Mask the contents of a scrolled row for a quiet table (adobe#7193)

cant use transparent for the default quiet row state, need a opaque color to hide scrolled text
blefnk · Oct 15, 2024 · 0d0e21b · 0d0e21b
1 parent ce87249
commit 0d0e21b
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/@react-spectrum/s2/src/TableView.tsx b/packages/@react-spectrum/s2/src/TableView.tsx
@@ -1022,7 +1022,7 @@ const selectedActiveBackground = lightDark(colorMix('gray-25', 'informative-900'
 const rowBackgroundColor = {
   default: {
     default: 'gray-25',
-    isQuiet: 'transparent'
+    isQuiet: '--s2-container-bg'
   },
   isFocusVisibleWithin: colorMix('gray-25', 'gray-900', 7), // table-row-hover-color
   isHovered: colorMix('gray-25', 'gray-900', 7), // table-row-hover-color