@adecore/ui 0.50.0 → 0.50.2

package/dist/file-tree/style.js

@@ -21,6 +21,8 @@ export const FILE_TREE_CSS = `
     [data-item-section="content"] [data-truncate-content] { direction: ltr; }
     [data-item-section="content"] :where([data-truncate-content="overflow"], [data-truncate-marker-cell], [data-truncate-fill]) { display: none; }
     [data-item-section="git"] { margin-inline-end: var(--adecore-tree-status-space, 0px); }
+    /* The engine lifts the dot to the text's x-height; in a row of marks it belongs in the middle, with them. */
+    [data-item-section="git"] [data-icon-name="file-tree-icon-dot"] { transform: none; }
     ::highlight(${MATCH_HIGHLIGHT}) { background-color: var(--match); color: inherit; }
     [data-tree-port] { position: absolute; z-index: 4; display: flex; align-items: center; height: 25px; pointer-events: none; }
     [data-tree-port] > slot { pointer-events: auto; }

package/dist/theme.css

@@ -842,7 +842,8 @@
         min-width: 0;
         min-height: 0;
         overflow: hidden;
-        border-radius: 0 12px 12px 0;
+        /* Rounded where it meets the window's top, square where it stands on the window's bottom. */
+        border-radius: 0 12px 0 0;
         /* The surface its regions draw, so no lighter ground shows where the rounded edge cuts them. Roomy shows its gaps in it. */
         background: var(--surface);
         box-shadow: 0 0 0 1px var(--border), var(--sheet-shadow);
@@ -881,6 +882,8 @@
     .ade-workspace-sidebar[data-auto], .ade-workspace-side-panel[data-auto] { display: contents; }
     .ade-workspace[data-layout="roomy"],
     .ade-workspace[data-layout="roomy"] > .ade-workspace-sheet { background: var(--separator); }
+    /* The gaps already set the sheet apart, and a shadow over them reads as a smudge. */
+    .ade-workspace[data-layout="roomy"] > .ade-workspace-sheet { box-shadow: 0 0 0 1px var(--border); }
     .ade-workspace[data-layout="roomy"] > .ade-workspace-sheet > .ade-workspace-center { gap: 8px; }
     .ade-workspace[data-layout="roomy"] > .ade-workspace-sheet > .ade-workspace-sidebar:not([data-auto]) { margin-right: 8px; }
     .ade-workspace[data-layout="roomy"] > .ade-workspace-side-panel:not([data-auto]) { margin-left: 8px; }

package/dist/workspace/Workspace.js

@@ -270,7 +270,7 @@ export function Workspace(t0) {
   if ($[63] !== t23 || $[64] !== t24) {
     t25 = {
       top: t23,
-      right: true,
+      right: false,
       bottom: true,
       left: t24
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adecore/ui",
-  "version": "0.50.0",
+  "version": "0.50.2",
   "description": "React components, a theme, formatters and a settings dialog for desktop-grade apps on React 19, Base UI and Tailwind 4.",
   "license": "FSL-1.1-MIT",
   "author": "Bas Milius",

package/src/file-tree/style.ts

@@ -22,6 +22,8 @@ export const FILE_TREE_CSS = `
     [data-item-section="content"] [data-truncate-content] { direction: ltr; }
     [data-item-section="content"] :where([data-truncate-content="overflow"], [data-truncate-marker-cell], [data-truncate-fill]) { display: none; }
     [data-item-section="git"] { margin-inline-end: var(--adecore-tree-status-space, 0px); }
+    /* The engine lifts the dot to the text's x-height; in a row of marks it belongs in the middle, with them. */
+    [data-item-section="git"] [data-icon-name="file-tree-icon-dot"] { transform: none; }
     ::highlight(${MATCH_HIGHLIGHT}) { background-color: var(--match); color: inherit; }
     [data-tree-port] { position: absolute; z-index: 4; display: flex; align-items: center; height: 25px; pointer-events: none; }
     [data-tree-port] > slot { pointer-events: auto; }

package/src/theme.css

@@ -842,7 +842,8 @@
         min-width: 0;
         min-height: 0;
         overflow: hidden;
-        border-radius: 0 12px 12px 0;
+        /* Rounded where it meets the window's top, square where it stands on the window's bottom. */
+        border-radius: 0 12px 0 0;
         /* The surface its regions draw, so no lighter ground shows where the rounded edge cuts them. Roomy shows its gaps in it. */
         background: var(--surface);
         box-shadow: 0 0 0 1px var(--border), var(--sheet-shadow);
@@ -881,6 +882,8 @@
     .ade-workspace-sidebar[data-auto], .ade-workspace-side-panel[data-auto] { display: contents; }
     .ade-workspace[data-layout="roomy"],
     .ade-workspace[data-layout="roomy"] > .ade-workspace-sheet { background: var(--separator); }
+    /* The gaps already set the sheet apart, and a shadow over them reads as a smudge. */
+    .ade-workspace[data-layout="roomy"] > .ade-workspace-sheet { box-shadow: 0 0 0 1px var(--border); }
     .ade-workspace[data-layout="roomy"] > .ade-workspace-sheet > .ade-workspace-center { gap: 8px; }
     .ade-workspace[data-layout="roomy"] > .ade-workspace-sheet > .ade-workspace-sidebar:not([data-auto]) { margin-right: 8px; }
     .ade-workspace[data-layout="roomy"] > .ade-workspace-side-panel:not([data-auto]) { margin-left: 8px; }

package/src/workspace/Workspace.tsx

@@ -85,8 +85,8 @@ export function Workspace({
         }
     });
 
-    // The content ends at the sheet's own edge, whatever stands beside it.
-    const context = { layout, edges: { top: !hasToolbar, right: true, bottom: true, left: !leftOpen } };
+    // The sheet's right edge is rounded, so panes along it keep their corners, whatever stands beside the sheet.
+    const context = { layout, edges: { top: !hasToolbar, right: false, bottom: true, left: !leftOpen } };
 
     return (
         <WorkspaceContext value={context}>