@jupyterlab/application 3.6.0-alpha.5 → 3.6.0-rc.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/application",
-  "version": "3.6.0-alpha.5",
+  "version": "3.6.0-rc.0",
   "description": "JupyterLab - Application",
   "homepage": "https://github.com/jupyterlab/jupyterlab",
   "bugs": {
@@ -42,17 +42,17 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.12.0",
-    "@jupyterlab/apputils": "^3.6.0-alpha.5",
-    "@jupyterlab/coreutils": "^5.6.0-alpha.5",
-    "@jupyterlab/docregistry": "^3.6.0-alpha.5",
-    "@jupyterlab/rendermime": "^3.6.0-alpha.5",
-    "@jupyterlab/rendermime-interfaces": "^3.6.0-alpha.5",
-    "@jupyterlab/services": "^6.6.0-alpha.5",
-    "@jupyterlab/statedb": "^3.6.0-alpha.5",
-    "@jupyterlab/translation": "^3.6.0-alpha.5",
-    "@jupyterlab/ui-components": "^3.6.0-alpha.5",
+    "@jupyterlab/apputils": "^3.6.0-rc.0",
+    "@jupyterlab/coreutils": "^5.6.0-rc.0",
+    "@jupyterlab/docregistry": "^3.6.0-rc.0",
+    "@jupyterlab/rendermime": "^3.6.0-rc.0",
+    "@jupyterlab/rendermime-interfaces": "^3.6.0-rc.0",
+    "@jupyterlab/services": "^6.6.0-rc.0",
+    "@jupyterlab/statedb": "^3.6.0-rc.0",
+    "@jupyterlab/translation": "^3.6.0-rc.0",
+    "@jupyterlab/ui-components": "^3.6.0-rc.0",
     "@lumino/algorithm": "^1.9.0",
-    "@lumino/application": "^1.31.0",
+    "@lumino/application": "^1.31.1",
     "@lumino/commands": "^1.19.0",
     "@lumino/coreutils": "^1.11.0",
     "@lumino/disposable": "^1.10.0",
@@ -63,7 +63,7 @@
     "@lumino/widgets": "^1.33.0"
   },
   "devDependencies": {
-    "@jupyterlab/testutils": "^3.6.0-alpha.5",
+    "@jupyterlab/testutils": "^3.6.0-rc.0",
     "@types/jest": "^26.0.10",
     "jest": "^26.4.2",
     "rimraf": "~3.0.0",

package/style/buttons.css

@@ -17,7 +17,8 @@ button {
 }
 
 button:focus-visible {
-  border: 1px solid var(--md-blue-900);
+  outline: 1px solid var(--md-blue-900);
+  outline-offset: -1px;
 }
 
 button.jp-mod-styled.jp-mod-accept {
@@ -35,7 +36,7 @@ button.jp-mod-styled.jp-mod-accept:active {
 }
 
 button.jp-mod-styled.jp-mod-accept:focus-visible {
-  border: 1px solid var(--md-blue-900);
+  outline: 1px solid var(--md-blue-900);
 }
 
 button.jp-mod-styled.jp-mod-reject {
@@ -53,7 +54,7 @@ button.jp-mod-styled.jp-mod-reject:active {
 }
 
 button.jp-mod-styled.jp-mod-reject:focus-visible {
-  border: 1px solid var(--md-grey-800);
+  outline: 1px solid var(--md-grey-800);
 }
 
 button.jp-mod-styled.jp-mod-warn {
@@ -71,7 +72,7 @@ button.jp-mod-styled.jp-mod-warn:active {
 }
 
 button.jp-mod-styled.jp-mod-warn:focus-visible {
-  border: 1px solid var(--md-red-900);
+  outline: 1px solid var(--md-red-900);
 }
 
 .jp-Button-flat {

package/style/menus.css

@@ -38,6 +38,24 @@
   line-height: calc(var(--jp-private-menubar-height) - var(--jp-border-width));
 }
 
+.lm-MenuBar-content:focus-visible {
+  outline-offset: -3px; /* this value is a compromise between Firefox, Chrome,
+    and Safari over this outline's visibility and discretion */
+}
+
+.lm-MenuBar:focus-visible {
+  outline: 1px solid var(--jp-accept-color-active, var(--jp-brand-color1));
+  outline-offset: -1px;
+}
+
+.lm-MenuBar-menu:focus-visible,
+.lm-MenuBar-item:focus-visible,
+.lm-Menu-item:focus-visible {
+  outline: unset;
+  outline-offset: unset;
+  -moz-outline-radius: unset;
+}
+
 .lm-MenuBar-item.lm-mod-active {
   background: var(--jp-layout-color2);
 }

package/style/tabs.css

@@ -20,7 +20,6 @@
 
 .lm-DockPanel-tabBar,
 .lm-TabPanel-tabBar {
-  border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
   overflow: visible;
   color: var(--jp-ui-font-color1);
   font-size: var(--jp-ui-font-size1);
@@ -49,7 +48,7 @@
   flex: 0 1 var(--jp-private-horizontal-tab-width);
   align-items: center;
   min-height: calc(
-    var(--jp-private-horizontal-tab-height) + var(--jp-border-width)
+    var(--jp-private-horizontal-tab-height) + 2 * var(--jp-border-width)
   );
   min-width: 0px;
   margin-left: calc(-1 * var(--jp-border-width));
@@ -66,6 +65,16 @@
   background: var(--jp-layout-color1);
 }
 
+.lm-DockPanel-tabBar .lm-TabBar-tab:not(.lm-mod-current)::after,
+.lm-DockPanel-tabBar .lm-TabBar-addButton::after {
+  position: absolute;
+  content: '';
+  bottom: 0;
+  left: calc(-1 * var(--jp-border-width));
+  width: calc(100% + 2 * var(--jp-border-width));
+  border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
+}
+
 .lm-DockPanel-tabBar .lm-TabBar-tab:first-child,
 .lm-TabPanel-tabBar .lm-TabBar-tab:first-child {
   margin-left: 0;
@@ -75,10 +84,6 @@
 .lm-DockPanel-tabBar .lm-TabBar-tab.lm-mod-current {
   background: var(--jp-layout-color1);
   color: var(--jp-ui-font-color0);
-  min-height: calc(
-    var(--jp-private-horizontal-tab-height) + 2 * var(--jp-border-width)
-  );
-  transform: translateY(var(--jp-border-width));
 }
 
 .lm-TabPanel-tabBar .lm-TabBar-tab.lm-mod-current {
@@ -103,10 +108,6 @@
   background: var(--jp-layout-color1);
 }
 
-.lm-TabBar-tab.lm-mod-current:hover {
-  background: var(--jp-layout-color1);
-}
-
 .lm-DockPanel-tabBar .lm-TabBar.lm-mod-left .lm-TabBar-tab,
 .lm-DockPanel-tabBar .lm-TabBar.lm-mod-right .lm-TabBar-tab {
   flex: 0 1 40px;
@@ -147,11 +148,6 @@
   margin-right: 4px;
 }
 
-.lm-DockPanel-tabBar .lm-TabBar-tab.lm-mod-current .lm-TabBar-tabIcon,
-.lm-TabPanel-tabBar .lm-TabBar-tab.lm-mod-current .lm-TabBar-tabIcon {
-  margin-bottom: var(--jp-border-width);
-}
-
 .lm-TabBar-tab.lm-mod-drag-image {
   background: var(--jp-layout-color1);
   border: var(--jp-border-width) solid var(--jp-border-color1);