@deque/cauldron-styles 7.6.0-canary.c56fdf76 → 7.6.0-canary.dc7921cd

package/dist/index.css

@@ -6480,6 +6480,7 @@ button.Accordion__trigger {
 }
 :root {
   --tree-view-padding: 1rem;
+  --tree-view-row-height: 36px;
   --tree-view-focus-ring-color: var(--focus-light);
   --tree-view-highlight-background: var(--accent-light);
 }
@@ -6504,6 +6505,17 @@ button.Accordion__trigger {
   outline-offset: -1px;
 }
 
+/* Virtualized rows are absolutely positioned and the list layout owns their
+   spacing, so the flex container's flow, gap and padding are cleared. The tree
+   needs a definite width from an ancestor — absolutely positioned rows give it
+   no intrinsic one. */
+.TreeView--virtualized {
+  display: block;
+  gap: 0;
+  padding: 0;
+  position: relative;
+}
+
 .TreeView .TreeView__item {
   display: flex;
   align-items: center;
@@ -6515,6 +6527,13 @@ button.Accordion__trigger {
   transform: translateZ(0);
 }
 
+/* Vertical padding makes virtualized rows overlap and swallow the gap: the
+   virtualizer measures a row's content box first, its border box after. */
+.TreeView--virtualized .TreeView__item {
+  padding-block: 0;
+  min-height: var(--tree-view-row-height);
+}
+
 .TreeView .TreeView__item .TreeView__chevron {
   all: unset;
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-styles",
-  "version": "7.6.0-canary.c56fdf76",
+  "version": "7.6.0-canary.dc7921cd",
   "license": "MPL-2.0",
   "description": "deque cauldron pattern library styles",
   "repository": "https://github.com/dequelabs/cauldron",