@dxos/react-ui-list 0.8.4-main.03d5cd7b56 → 0.8.4-main.05e74ebcff

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-list",
-  "version": "0.8.4-main.03d5cd7b56",
+  "version": "0.8.4-main.05e74ebcff",
   "description": "A list component.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -8,7 +8,7 @@
     "type": "git",
     "url": "https://github.com/dxos/dxos"
   },
-  "license": "MIT",
+  "license": "FSL-1.1-Apache-2.0",
   "author": "DXOS.org",
   "type": "module",
   "exports": {
@@ -33,16 +33,16 @@
     "@radix-ui/react-context": "1.1.1",
     "@radix-ui/react-slot": "1.1.2",
     "@radix-ui/react-use-controllable-state": "1.1.0",
-    "@dxos/debug": "0.8.4-main.03d5cd7b56",
-    "@dxos/echo": "0.8.4-main.03d5cd7b56",
-    "@dxos/invariant": "0.8.4-main.03d5cd7b56",
-    "@dxos/log": "0.8.4-main.03d5cd7b56",
-    "@dxos/react-ui": "0.8.4-main.03d5cd7b56",
-    "@dxos/react-ui-text-tooltip": "0.8.4-main.03d5cd7b56",
-    "@dxos/ui-types": "0.8.4-main.03d5cd7b56",
-    "@dxos/react-list": "0.8.4-main.03d5cd7b56",
-    "@dxos/util": "0.8.4-main.03d5cd7b56",
-    "@dxos/ui-theme": "0.8.4-main.03d5cd7b56"
+    "@dxos/debug": "0.8.4-main.05e74ebcff",
+    "@dxos/invariant": "0.8.4-main.05e74ebcff",
+    "@dxos/echo": "0.8.4-main.05e74ebcff",
+    "@dxos/log": "0.8.4-main.05e74ebcff",
+    "@dxos/react-list": "0.8.4-main.05e74ebcff",
+    "@dxos/react-ui": "0.8.4-main.05e74ebcff",
+    "@dxos/ui-theme": "0.8.4-main.05e74ebcff",
+    "@dxos/ui-types": "0.8.4-main.05e74ebcff",
+    "@dxos/util": "0.8.4-main.05e74ebcff",
+    "@dxos/react-ui-text-tooltip": "0.8.4-main.05e74ebcff"
   },
   "devDependencies": {
     "@types/react": "~19.2.7",
@@ -50,16 +50,16 @@
     "effect": "3.20.0",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "vite": "^8.0.10",
-    "@dxos/random": "0.8.4-main.03d5cd7b56",
-    "@dxos/storybook-utils": "0.8.4-main.03d5cd7b56"
+    "vite": "^8.0.13",
+    "@dxos/random": "0.8.4-main.05e74ebcff",
+    "@dxos/storybook-utils": "0.8.4-main.05e74ebcff"
   },
   "peerDependencies": {
     "effect": "3.20.0",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "@dxos/react-ui": "0.8.4-main.03d5cd7b56",
-    "@dxos/ui-theme": "0.8.4-main.03d5cd7b56"
+    "@dxos/ui-theme": "0.8.4-main.05e74ebcff",
+    "@dxos/react-ui": "0.8.4-main.05e74ebcff"
   },
   "publishConfig": {
     "access": "public"

package/src/components/RowList/RowList.tsx

@@ -162,14 +162,11 @@ const Viewport = composable<HTMLDivElement, ViewportProps>((props, forwardedRef)
   const { thin, padding, centered, children, ...rest } = props as PropsWithChildren<
     ViewportProps & Record<string, unknown>
   >;
-  const composed = composableProps<HTMLDivElement>(rest, { classNames: 'dx-container' });
   return (
     <ScrollArea.Root
+      {...composableProps<HTMLDivElement>(rest, { classNames: 'dx-container' })}
+      {...{ thin, padding, centered }}
       orientation='vertical'
-      thin={thin}
-      padding={padding}
-      centered={centered}
-      {...composed}
       ref={forwardedRef}
     >
       <ScrollArea.Viewport>{children}</ScrollArea.Viewport>
@@ -266,7 +263,7 @@ type RowProps = PropsWithChildren<{
 
 // `dx-selected` pairs with `aria-selected="true"` (set per-option below);
 // see `ui-theme/src/css/components/selected.md`.
-const ROW_BASE = 'dx-hover dx-selected px-3 py-2 cursor-pointer outline-none border-b border-separator last:border-b-0';
+const ROW_BASE = 'dx-hover dx-selected px-3 py-2 cursor-pointer outline-none'; // border-b border-separator last:border-b-0';
 
 const Row = composable<HTMLLIElement, RowProps>((props, forwardedRef) => {
   const { id, disabled, onClick, onFocus, children, ...rest } = props as RowProps & Record<string, unknown>;

package/src/components/Tree/Tree.tsx

@@ -29,13 +29,13 @@ export type TreeProps<T extends { id: string } = any> = {
   >;
 
 export const Tree = <T extends { id: string } = any>({
+  classNames,
   model,
   rootId,
   path,
   id,
   draggable = false,
   gridTemplateColumns = '[tree-row-start] 1fr min-content [tree-row-end]',
-  classNames,
   levelOffset,
   renderColumns,
   blockInstruction,

package/src/components/Tree/TreeItem.tsx

@@ -313,7 +313,7 @@ const RawTreeItem = <T extends { id: string } = any>({
         //   https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current#description
         aria-current={current ? ('' as 'page') : undefined}
         classNames={mx(
-          'grid grid-cols-subgrid col-[tree-row] mt-0.5 is-current:bg-active-surface',
+          'grid grid-cols-subgrid col-[tree-row] mt-0.5 is-current:bg-current-surface',
           hoverableControls,
           hoverableFocusedKeyboardControls,
           hoverableFocusedWithinControls,

package/src/components/Tree/TreeItemHeading.tsx

@@ -67,7 +67,7 @@ export const TreeItemHeading = memo(
             {...(current && { 'aria-current': 'location' })}
           >
             {icon && (
-              <Icon size={5} icon={icon ?? 'ph--placeholder--regular'} classNames={['my-1', styles?.surfaceText]} />
+              <Icon size={5} icon={icon ?? 'ph--placeholder--regular'} classNames={['my-1', styles?.foreground]} />
             )}
             <span className='flex-1 w-0 truncate text-start font-normal' data-tooltip>
               {toLocalizedString(label, t)}