@jupyterlab/nbconvert-css 4.2.0-alpha.1 → 4.2.0-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/nbconvert-css",
-  "version": "4.2.0-alpha.1",
+  "version": "4.2.0-beta.0",
   "description": "CSS bundle for the JupyterLab nbconvert template",
   "homepage": "https://github.com/jupyterlab/jupyterlab",
   "bugs": {
@@ -31,13 +31,13 @@
     "watch": "webpack --watch"
   },
   "dependencies": {
-    "@jupyterlab/application": "^4.2.0-alpha.1",
-    "@jupyterlab/apputils": "^4.3.0-alpha.1",
-    "@jupyterlab/cells": "^4.2.0-alpha.1",
-    "@jupyterlab/codemirror": "^4.2.0-alpha.1",
-    "@jupyterlab/notebook": "^4.2.0-alpha.1",
-    "@jupyterlab/outputarea": "^4.2.0-alpha.1",
-    "@jupyterlab/rendermime": "^4.2.0-alpha.1"
+    "@jupyterlab/application": "^4.2.0-beta.0",
+    "@jupyterlab/apputils": "^4.3.0-beta.0",
+    "@jupyterlab/cells": "^4.2.0-beta.0",
+    "@jupyterlab/codemirror": "^4.2.0-beta.0",
+    "@jupyterlab/notebook": "^4.2.0-beta.0",
+    "@jupyterlab/outputarea": "^4.2.0-beta.0",
+    "@jupyterlab/rendermime": "^4.2.0-beta.0"
   },
   "devDependencies": {
     "css-loader": "^6.7.1",

package/style/index.css

@@ -1639,7 +1639,7 @@
    splash, the splash icon can loose theming. To prevent that, we set a
    default for its color variable */
 :root {
-  --jp-warn-color0: var(--md-orange-700);
+  --jp-warn-color0: var(--md-orange-700, #f57c00);
 }
 
 /* not sure what to do with this one, used in filebrowser listing */
@@ -2034,9 +2034,9 @@ body.lm-mod-override-cursor .jp-IFrame::before {
 .jp-FormGroup-content fieldset input:focus,
 .jp-FormGroup-content fieldset select:focus {
   -moz-outline-radius: unset;
-  outline: var(--jp-border-width) solid var(--md-blue-500);
+  outline: var(--jp-border-width) solid var(--md-blue-500, #2196f3);
   outline-offset: -1px;
-  box-shadow: inset 0 0 4px var(--md-blue-300);
+  box-shadow: inset 0 0 4px var(--md-blue-300, #64b5f6);
 }
 
 .jp-FormGroup-content fieldset input:hover:not(:focus),
@@ -2448,8 +2448,8 @@ input[type='checkbox'].jp-mod-styled {
 }
 
 input.jp-mod-styled:focus {
-  border: var(--jp-border-width) solid var(--md-blue-500);
-  box-shadow: inset 0 0 4px var(--md-blue-300);
+  border: var(--jp-border-width) solid var(--md-blue-500, #2196f3);
+  box-shadow: inset 0 0 4px var(--md-blue-300, #64b5f6);
 }
 
 input[type='checkbox'].jp-mod-styled:focus-visible {
@@ -3497,6 +3497,10 @@ select {
   overflow: visible;
 }
 
+button.jp-Dialog-button:disabled {
+  opacity: 0.6;
+}
+
 button.jp-Dialog-button:focus {
   outline: 1px solid var(--jp-brand-color1);
   outline-offset: 4px;
@@ -3523,7 +3527,7 @@ button.jp-Dialog-button.jp-mod-styled.jp-mod-warn:focus {
 }
 
 button.jp-Dialog-button.jp-mod-styled.jp-mod-reject:focus {
-  outline: 1px solid var(--jp-reject-color-normal, var(--md-grey-600));
+  outline: 1px solid var(--jp-reject-color-normal, var(--md-grey-600, #757575));
 }
 
 button.jp-Dialog-close-button {
@@ -3610,6 +3614,23 @@ button.jp-Dialog-close-button {
   flex: 1 1 auto;
 }
 
+.jp-InputDialog-inputWrapper {
+  display: flex;
+  align-items: baseline;
+}
+
+.jp-InputDialog-inputWrapper > input.jp-mod-styled:invalid {
+  border-color: var(--jp-error-color0);
+  background: var(--jp-error-color3);
+}
+
+.jp-InputDialog-inputWrapper
+  > input[required].jp-mod-styled:invalid:placeholder-shown {
+  /* Do not show invalid style when placeholder is shown */
+  border-color: unset;
+  background: unset;
+}
+
 /*-----------------------------------------------------------------------------
 | Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
@@ -4509,7 +4530,7 @@ button.jp-Dialog-close-button {
 a.jp-InternalAnchorLink {
   visibility: hidden;
   margin-left: 8px;
-  color: var(--md-blue-800);
+  color: var(--md-blue-800, #1565c0);
 }
 
 h1:hover .jp-InternalAnchorLink,
@@ -4654,8 +4675,8 @@ h6:hover .jp-InternalAnchorLink {
 }
 
 .jp-lineFormWrapperFocusWithin {
-  border: var(--jp-border-width) solid var(--md-blue-500);
-  box-shadow: inset 0 0 4px var(--md-blue-300);
+  border: var(--jp-border-width) solid var(--md-blue-500, #2196f3);
+  box-shadow: inset 0 0 4px var(--md-blue-300, #64b5f6);
 }
 
 .jp-lineFormInput {
@@ -5030,6 +5051,11 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
   /* Changed to auto to autogrow */
 }
 
+/* Suppress automatic focus indicator outline */
+.cm-editor.cm-focused {
+  outline: unset;
+}
+
 .cm-editor pre {
   padding: 0 var(--jp-code-padding);
 }
@@ -5100,8 +5126,9 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
 }
 
 .jp-current-match > .cm-searching::selection,
+.jp-current-match > .cm-searching span::selection,
 .cm-searching > .jp-current-match::selection,
-.jp-current-match > .cm-searching span::selection {
+.cm-searching > .jp-current-match span::selection {
   background-color: var(--jp-search-selected-match-background-color);
   color: var(--jp-search-selected-match-color);
 }
@@ -5191,11 +5218,6 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
   --jp-private-filebrowser-button-width: 48px;
 }
 
-/*-----------------------------------------------------------------------------
-| Copyright (c) Jupyter Development Team.
-| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
-
 .jp-FileBrowser .jp-SidePanel-content {
   display: flex;
   flex-direction: column;
@@ -5283,6 +5305,14 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
   display: none;
 }
 
+.jp-Open-Dialog > .jp-FileBrowser {
+  min-height: 200px;
+}
+
+.jp-Open-Dialog-label {
+  overflow: visible;
+}
+
 /*-----------------------------------------------------------------------------
 | DirListing
 |----------------------------------------------------------------------------*/
@@ -6665,8 +6695,8 @@ cell outputs.
   --jp-side-by-side-resized-cell: var(--jp-side-by-side-output-size);
   --jp-private-notebook-dragImage-width: 304px;
   --jp-private-notebook-dragImage-height: 36px;
-  --jp-private-notebook-selected-color: var(--md-blue-400);
-  --jp-private-notebook-active-color: var(--md-green-400);
+  --jp-private-notebook-selected-color: var(--md-blue-400, #42a5f5);
+  --jp-private-notebook-active-color: var(--md-green-400, #66bb6a);
 }
 
 /*-----------------------------------------------------------------------------