@jupyterlab/filebrowser 4.0.0-beta.1 → 4.0.0-rc.0

package/src/opendialog.ts

@@ -148,7 +148,7 @@ class OpenDialog
         widget: new ToolbarButton({
           icon: newFolderIcon,
           onClick: () => {
-            browser.createNewDirectory();
+            void browser.createNewDirectory();
           },
           tooltip: trans.__('New Folder')
         })

package/src/tokens.ts

@@ -10,14 +10,18 @@ import type { FileBrowser } from './browser';
  * The file browser factory token.
  */
 export const IFileBrowserFactory = new Token<IFileBrowserFactory>(
-  '@jupyterlab/filebrowser:IFileBrowserFactory'
+  '@jupyterlab/filebrowser:IFileBrowserFactory',
+  `A factory object that creates file browsers.
+  Use this if you want to create your own file browser (e.g., for a custom storage backend),
+  or to interact with other file browsers that have been created by extensions.`
 );
 
 /**
  * The default file browser token.
  */
 export const IDefaultFileBrowser = new Token<IDefaultFileBrowser>(
-  '@jupyterlab/filebrowser:IDefaultFileBrowser'
+  '@jupyterlab/filebrowser:IDefaultFileBrowser',
+  'A service for the default file browser.'
 );
 
 /**
@@ -118,5 +122,6 @@ export namespace IFileBrowserFactory {
  * The token that indicates the default file browser commands are loaded.
  */
 export const IFileBrowserCommands = new Token<void>(
-  '@jupyterlab/filebrowser:IFileBrowserCommands'
+  '@jupyterlab/filebrowser:IFileBrowserCommands',
+  'A token to ensure file browser commands are loaded.'
 );

package/style/base.css

@@ -115,11 +115,6 @@
   outline: 0;
 }
 
-.jp-DirListing:focus-visible {
-  outline: 1px solid var(--jp-brand-color1);
-  outline-offset: -2px;
-}
-
 .jp-DirListing-header {
   flex: 0 0 auto;
   display: flex;
@@ -281,6 +276,17 @@
   user-select: none;
 }
 
+.jp-DirListing-itemText:focus {
+  outline-width: 2px;
+  outline-color: var(--jp-inverse-layout-color1);
+  outline-style: solid;
+  outline-offset: 1px;
+}
+
+.jp-DirListing-item.jp-mod-selected .jp-DirListing-itemText:focus {
+  outline-color: var(--jp-layout-color1);
+}
+
 .jp-DirListing-itemModified {
   flex: 0 0 125px;
   text-align: right;