@deque/cauldron-styles 7.6.0-canary.76ccf05b → 7.6.0-canary.7cb56d7f

package/dist/index.css

@@ -4007,11 +4007,6 @@ button.TooltipTabstop {
   border-bottom: 1px solid var(--gray-40);
 }
 
-.Table--border .TableBody .TableHeader {
-  border-bottom-width: 1px;
-  border-right: 1px solid var(--table-row-border-color);
-}
-
 .cauldron--theme-dark .Table--border,
 .cauldron--theme-dark .Table--border .TableHeader,
 .cauldron--theme-dark .Table--border .TableFooter,
@@ -5350,6 +5345,14 @@ button.Accordion__trigger {
   border-radius: 0 0 3px 3px;
 }
 
+.Accordion__panel > :first-child {
+  margin-top: 0;
+}
+
+.Accordion__panel > :last-child {
+  margin-bottom: 0;
+}
+
 .Accordion:has(> button[aria-expanded='true']) {
   box-shadow: var(--drop-shadow-raised);
 }
@@ -6053,6 +6056,7 @@ button.Accordion__trigger {
   position: fixed;
   max-height: var(--drawer-height, 100vh);
   max-width: var(--drawer-width, 100vw);
+  overflow-y: auto;
   z-index: var(--z-index-drawer);
   transition: transform var(--drawer-animation-timing-function, ease-out)
     var(--drawer-animation-timing, 250ms);
@@ -6480,6 +6484,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 +6509,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 +6531,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.76ccf05b",
+  "version": "7.6.0-canary.7cb56d7f",
   "license": "MPL-2.0",
   "description": "deque cauldron pattern library styles",
   "repository": "https://github.com/dequelabs/cauldron",