@jupyterlab/nbconvert-css 4.1.0-alpha.1 → 4.1.0-alpha.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/nbconvert-css",
-  "version": "4.1.0-alpha.1",
+  "version": "4.1.0-alpha.3",
   "description": "CSS bundle for the JupyterLab nbconvert template",
   "homepage": "https://github.com/jupyterlab/jupyterlab",
   "bugs": {
@@ -31,19 +31,19 @@
     "watch": "webpack --watch"
   },
   "dependencies": {
-    "@jupyterlab/application": "^4.1.0-alpha.1",
-    "@jupyterlab/apputils": "^4.2.0-alpha.1",
-    "@jupyterlab/cells": "^4.1.0-alpha.1",
-    "@jupyterlab/codemirror": "^4.1.0-alpha.1",
-    "@jupyterlab/notebook": "^4.1.0-alpha.1",
-    "@jupyterlab/outputarea": "^4.1.0-alpha.1",
-    "@jupyterlab/rendermime": "^4.1.0-alpha.1"
+    "@jupyterlab/application": "^4.1.0-alpha.3",
+    "@jupyterlab/apputils": "^4.2.0-alpha.3",
+    "@jupyterlab/cells": "^4.1.0-alpha.3",
+    "@jupyterlab/codemirror": "^4.1.0-alpha.3",
+    "@jupyterlab/notebook": "^4.1.0-alpha.3",
+    "@jupyterlab/outputarea": "^4.1.0-alpha.3",
+    "@jupyterlab/rendermime": "^4.1.0-alpha.3"
   },
   "devDependencies": {
     "css-loader": "^6.7.1",
     "mini-css-extract-plugin": "^2.7.0",
     "null-loader": "^4.0.0",
-    "rimraf": "~3.0.0",
+    "rimraf": "~5.0.5",
     "webpack": "^5.76.1",
     "webpack-cli": "^5.0.1"
   },

package/style/index.css

@@ -787,6 +787,7 @@
   --jp-icon-filter: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiNGRkYiPgogICAgPHBhdGggZD0iTTE0LDEyVjE5Ljg4QzE0LjA0LDIwLjE4IDEzLjk0LDIwLjUgMTMuNzEsMjAuNzFDMTMuMzIsMjEuMSAxMi42OSwyMS4xIDEyLjMsMjAuNzFMMTAuMjksMTguN0MxMC4wNiwxOC40NyA5Ljk2LDE4LjE2IDEwLDE3Ljg3VjEySDkuOTdMNC4yMSw0LjYyQzMuODcsNC4xOSAzLjk1LDMuNTYgNC4zOCwzLjIyQzQuNTcsMy4wOCA0Ljc4LDMgNSwzVjNIMTlWM0MxOS4yMiwzIDE5LjQzLDMuMDggMTkuNjIsMy4yMkMyMC4wNSwzLjU2IDIwLjEzLDQuMTkgMTkuNzksNC42MkwxNC4wMywxMkgxNFoiIC8+CiAgPC9nPgo8L3N2Zz4K);
   --jp-icon-folder-favorite: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+CiAgPHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggY2xhc3M9ImpwLWljb24zIGpwLWljb24tc2VsZWN0YWJsZSIgZmlsbD0iIzYxNjE2MSIgZD0iTTIwIDZoLThsLTItMkg0Yy0xLjEgMC0yIC45LTIgMnYxMmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjhjMC0xLjEtLjktMi0yLTJ6bS0yLjA2IDExTDE1IDE1LjI4IDEyLjA2IDE3bC43OC0zLjMzLTIuNTktMi4yNCAzLjQxLS4yOUwxNSA4bDEuMzQgMy4xNCAzLjQxLjI5LTIuNTkgMi4yNC43OCAzLjMzeiIvPgo8L3N2Zz4K);
   --jp-icon-folder: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBjbGFzcz0ianAtaWNvbjMganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjNjE2MTYxIiBkPSJNMTAgNEg0Yy0xLjEgMC0xLjk5LjktMS45OSAyTDIgMThjMCAxLjEuOSAyIDIgMmgxNmMxLjEgMCAyLS45IDItMlY4YzAtMS4xLS45LTItMi0yaC04bC0yLTJ6Ii8+Cjwvc3ZnPgo=);
+  --jp-icon-history: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPGcgY2xhc3M9ImpwLWljb24zIiBmaWxsPSIjNjE2MTYxIj48cGF0aCBkPSJNMTMuNSw4SDEyVjEzTDE2LjI4LDE1LjU0TDE3LDE0LjMzTDEzLjUsMTIuMjVWOE0xMywzQTksOSAwIDAsMCA0LDEySDFMNC45NiwxNi4wM0w5LDEySDZBNyw3IDAgMCwxIDEzLDVBNyw3IDAgMCwxIDIwLDEyQTcsNyAwIDAsMSAxMywxOUMxMS4wNywxOSA5LjMyLDE4LjIxIDguMDYsMTYuOTRMNi42NCwxOC4zNkM4LjI3LDIwIDEwLjUsMjEgMTMsMjFBOSw5IDAgMCwwIDIyLDEyQTksOSAwIDAsMCAxMywzIiAvPjwvZz4KPC9zdmc+Cg==);
   --jp-icon-home: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+CiAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGNsYXNzPSJqcC1pY29uMyBqcC1pY29uLXNlbGVjdGFibGUiIGZpbGw9IiM2MTYxNjEiIGQ9Ik0xMCAyMHYtNmg0djZoNXYtOGgzTDEyIDMgMiAxMmgzdjh6Ii8+Cjwvc3ZnPgo=);
   --jp-icon-html5: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPgogIDxwYXRoIGNsYXNzPSJqcC1pY29uMCBqcC1pY29uLXNlbGVjdGFibGUiIGZpbGw9IiMwMDAiIGQ9Ik0xMDguNCAwaDIzdjIyLjhoMjEuMlYwaDIzdjY5aC0yM1Y0NmgtMjF2MjNoLTIzLjJNMjA2IDIzaC0yMC4zVjBoNjMuN3YyM0gyMjl2NDZoLTIzbTUzLjUtNjloMjQuMWwxNC44IDI0LjNMMzEzLjIgMGgyNC4xdjY5aC0yM1YzNC44bC0xNi4xIDI0LjgtMTYuMS0yNC44VjY5aC0yMi42bTg5LjItNjloMjN2NDYuMmgzMi42VjY5aC01NS42Ii8+CiAgPHBhdGggY2xhc3M9ImpwLWljb24tc2VsZWN0YWJsZSIgZmlsbD0iI2U0NGQyNiIgZD0iTTEwNy42IDQ3MWwtMzMtMzcwLjRoMzYyLjhsLTMzIDM3MC4yTDI1NS43IDUxMiIvPgogIDxwYXRoIGNsYXNzPSJqcC1pY29uLXNlbGVjdGFibGUiIGZpbGw9IiNmMTY1MjkiIGQ9Ik0yNTYgNDgwLjVWMTMxaDE0OC4zTDM3NiA0NDciLz4KICA8cGF0aCBjbGFzcz0ianAtaWNvbi1zZWxlY3RhYmxlLWludmVyc2UiIGZpbGw9IiNlYmViZWIiIGQ9Ik0xNDIgMTc2LjNoMTE0djQ1LjRoLTY0LjJsNC4yIDQ2LjVoNjB2NDUuM0gxNTQuNG0yIDIyLjhIMjAybDMuMiAzNi4zIDUwLjggMTMuNnY0Ny40bC05My4yLTI2Ii8+CiAgPHBhdGggY2xhc3M9ImpwLWljb24tc2VsZWN0YWJsZS1pbnZlcnNlIiBmaWxsPSIjZmZmIiBkPSJNMzY5LjYgMTc2LjNIMjU1Ljh2NDUuNGgxMDkuNm0tNC4xIDQ2LjVIMjU1Ljh2NDUuNGg1NmwtNS4zIDU5LTUwLjcgMTMuNnY0Ny4ybDkzLTI1LjgiLz4KPC9zdmc+Cg==);
   --jp-icon-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8cGF0aCBjbGFzcz0ianAtaWNvbi1icmFuZDQganAtaWNvbi1zZWxlY3RhYmxlLWludmVyc2UiIGZpbGw9IiNGRkYiIGQ9Ik0yLjIgMi4yaDE3LjV2MTcuNUgyLjJ6Ii8+CiAgPHBhdGggY2xhc3M9ImpwLWljb24tYnJhbmQwIGpwLWljb24tc2VsZWN0YWJsZSIgZmlsbD0iIzNGNTFCNSIgZD0iTTIuMiAyLjJ2MTcuNWgxNy41bC4xLTE3LjVIMi4yem0xMi4xIDIuMmMxLjIgMCAyLjIgMSAyLjIgMi4ycy0xIDIuMi0yLjIgMi4yLTIuMi0xLTIuMi0yLjIgMS0yLjIgMi4yLTIuMnpNNC40IDE3LjZsMy4zLTguOCAzLjMgNi42IDIuMi0zLjIgNC40IDUuNEg0LjR6Ii8+Cjwvc3ZnPgo=);
@@ -804,6 +805,7 @@
   --jp-icon-line-form: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9IndoaXRlIiBkPSJNNS44OCA0LjEyTDEzLjc2IDEybC03Ljg4IDcuODhMOCAyMmwxMC0xMEw4IDJ6Ii8+Cjwvc3ZnPgo=);
   --jp-icon-link: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTMuOSAxMmMwLTEuNzEgMS4zOS0zLjEgMy4xLTMuMWg0VjdIN2MtMi43NiAwLTUgMi4yNC01IDVzMi4yNCA1IDUgNWg0di0xLjlIN2MtMS43MSAwLTMuMS0xLjM5LTMuMS0zLjF6TTggMTNoOHYtMkg4djJ6bTktNmgtNHYxLjloNGMxLjcxIDAgMy4xIDEuMzkgMy4xIDMuMXMtMS4zOSAzLjEtMy4xIDMuMWgtNFYxN2g0YzIuNzYgMCA1LTIuMjQgNS01cy0yLjI0LTUtNS01eiIvPgogIDwvZz4KPC9zdmc+Cg==);
   --jp-icon-list: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGNsYXNzPSJqcC1pY29uMiBqcC1pY29uLXNlbGVjdGFibGUiIGZpbGw9IiM2MTYxNjEiIGQ9Ik0xOSA1djE0SDVWNWgxNG0xLjEtMkgzLjljLS41IDAtLjkuNC0uOS45djE2LjJjMCAuNC40LjkuOS45aDE2LjJjLjQgMCAuOS0uNS45LS45VjMuOWMwLS41LS41LS45LS45LS45ek0xMSA3aDZ2MmgtNlY3em0wIDRoNnYyaC02di0yem0wIDRoNnYyaC02ek03IDdoMnYySDd6bTAgNGgydjJIN3ptMCA0aDJ2Mkg3eiIvPgo8L3N2Zz4K);
+  --jp-icon-lock: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDIzIj4KICA8cGF0aCBjbGFzcz0ianAtaWNvbjQiIGZpbGw9IiMzMzMzMzMiIGQ9Ik0xMiwxN0EyLDIgMCAwLDAgMTQsMTVDMTQsMTMuODkgMTMuMSwxMyAxMiwxM0EyLDIgMCAwLDAgMTAsMTVBMiwyIDAgMCwwIDEyLDE3TTE4LDhBMiwyIDAgMCwxIDIwLDEwVjIwQTIsMiAwIDAsMSAxOCwyMkg2QTIsMiAwIDAsMSA0LDIwVjEwQzQsOC44OSA0LjksOCA2LDhIN1Y2QTUsNSAwIDAsMSAxMiwxQTUsNSAwIDAsMSAxNyw2VjhIMThNMTIsM0EzLDMgMCAwLDAgOSw2VjhIMTVWNkEzLDMgMCAwLDAgMTIsM1oiIC8+Cjwvc3ZnPgo=);
   --jp-icon-markdown: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8cGF0aCBjbGFzcz0ianAtaWNvbi1jb250cmFzdDAganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjN0IxRkEyIiBkPSJNNSAxNC45aDEybC02LjEgNnptOS40LTYuOGMwLTEuMy0uMS0yLjktLjEtNC41LS40IDEuNC0uOSAyLjktMS4zIDQuM2wtMS4zIDQuM2gtMkw4LjUgNy45Yy0uNC0xLjMtLjctMi45LTEtNC4zLS4xIDEuNi0uMSAzLjItLjIgNC42TDcgMTIuNEg0LjhsLjctMTFoMy4zTDEwIDVjLjQgMS4yLjcgMi43IDEgMy45LjMtMS4yLjctMi42IDEtMy45bDEuMi0zLjdoMy4zbC42IDExaC0yLjRsLS4zLTQuMnoiLz4KPC9zdmc+Cg==);
   --jp-icon-mermaid: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ5MSA2NzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8ZyBjbGFzcz0ianAtaWNvbi1jb250cmFzdDIganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjZmYzNjcwIj4KICA8cGF0aCBkPSJtODUgOTJjLTQ2IDAtODUgMzctODUgODV2MzIxYzAgNDYgMzcgODUgODUgODVoMzIxYzQ2IDAgODUtMzcgODUtODV2LTMyMWMwLTQ2LTM3LTg1LTg1LTg1em0tMiAxMTFjNzItMy4xIDEzOSA0MSAxNjIgMTA5IDI1LTY3IDkxLTExMiAxNjItMTA5IDIuNCA1Ny0yNSAxMTEtNzIgMTQ0LTI0IDE2LTM5IDQ0LTM5IDc0djUxaC0xMDR2LTUxYzAuMDgtMjktMTUtNTctMzktNzQtNDctMzItNzUtODYtNzItMTQ0eiIvPgogPC9nPgo8L3N2Zz4K);
   --jp-icon-move-down: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggY2xhc3M9ImpwLWljb24zIiBkPSJNMTIuNDcxIDcuNTI4OTlDMTIuNzYzMiA3LjIzNjg0IDEyLjc2MzIgNi43NjMxNiAxMi40NzEgNi40NzEwMVY2LjQ3MTAxQzEyLjE3OSA2LjE3OTA1IDExLjcwNTcgNi4xNzg4NCAxMS40MTM1IDYuNDcwNTRMNy43NSAxMC4xMjc1VjEuNzVDNy43NSAxLjMzNTc5IDcuNDE0MjEgMSA3IDFWMUM2LjU4NTc5IDEgNi4yNSAxLjMzNTc5IDYuMjUgMS43NVYxMC4xMjc1TDIuNTk3MjYgNi40NjgyMkMyLjMwMzM4IDYuMTczODEgMS44MjY0MSA2LjE3MzU5IDEuNTMyMjYgNi40Njc3NFY2LjQ2Nzc0QzEuMjM4MyA2Ljc2MTcgMS4yMzgzIDcuMjM4MyAxLjUzMjI2IDcuNTMyMjZMNi4yOTI4OSAxMi4yOTI5QzYuNjgzNDIgMTIuNjgzNCA3LjMxNjU4IDEyLjY4MzQgNy43MDcxMSAxMi4yOTI5TDEyLjQ3MSA3LjUyODk5WiIgZmlsbD0iIzYxNjE2MSIvPgo8L3N2Zz4K);
@@ -1028,6 +1030,10 @@
   background-image: var(--jp-icon-folder);
 }
 
+.jp-HistoryIcon {
+  background-image: var(--jp-icon-history);
+}
+
 .jp-HomeIcon {
   background-image: var(--jp-icon-home);
 }
@@ -1096,6 +1102,10 @@
   background-image: var(--jp-icon-list);
 }
 
+.jp-LockIcon {
+  background-image: var(--jp-icon-lock);
+}
+
 .jp-MarkdownIcon {
   background-image: var(--jp-icon-markdown);
 }
@@ -1957,8 +1967,7 @@ body.lm-mod-override-cursor .jp-IFrame::before {
 }
 
 /*-----------------------------------------------------------------------------
-| Copyright (c) 2014-2016, Jupyter Development Team.
-|
+| Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
 |----------------------------------------------------------------------------*/
 
@@ -1980,9 +1989,9 @@ body.lm-mod-override-cursor .jp-IFrame::before {
 
 /* stylelint-disable selector-max-type */
 
-.jp-FormGroup-content fieldset .jp-inputFieldWrapper input,
-.jp-FormGroup-content fieldset .jp-inputFieldWrapper select,
-.jp-FormGroup-content fieldset .jp-inputFieldWrapper textarea {
+.jp-FormGroup-content fieldset .jp-inputFieldWrapper > input,
+.jp-FormGroup-content fieldset .jp-inputFieldWrapper > select,
+.jp-FormGroup-content fieldset .jp-inputFieldWrapper > textarea {
   font-size: var(--jp-content-font-size2);
   border-color: var(--jp-input-border-color);
   border-style: solid;
@@ -1994,6 +2003,10 @@ body.lm-mod-override-cursor .jp-IFrame::before {
   height: inherit;
 }
 
+.jp-FormGroup-content .jp-inputFieldWrapper > select > option {
+  background-color: var(--jp-layout-color1);
+}
+
 .jp-FormGroup-content fieldset input[type='checkbox'] {
   position: relative;
   top: 2px;
@@ -2309,8 +2322,7 @@ button.jp-ArrayOperationsButton.jp-mod-styled:disabled {
 }
 
 /*-----------------------------------------------------------------------------
-| Copyright (c) 2017, Jupyter Development Team.
-|
+| Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
 |----------------------------------------------------------------------------*/
 
@@ -2393,8 +2405,7 @@ button.jp-ArrayOperationsButton.jp-mod-styled:disabled {
 }
 
 /*-----------------------------------------------------------------------------
-| Copyright (c) 2014-2017, Jupyter Development Team.
-|
+| Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
 |----------------------------------------------------------------------------*/
 
@@ -2552,8 +2563,115 @@ select.jp-mod-styled[multiple] {
 }
 
 /*-----------------------------------------------------------------------------
-| Copyright (c) 2014-2016, Jupyter Development Team.
-|
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+.jp-sortable-table {
+  color: var(--jp-ui-font-color1);
+  background: var(--jp-layout-color1);
+  font-size: var(--jp-ui-font-size1);
+  border-spacing: 0;
+
+  /* required to preserve borders of `<th>` when using position:sticky */
+  border-collapse: separate;
+  width: 100%;
+  overflow-wrap: break-word;
+}
+
+.jp-sortable-table > thead {
+  box-shadow: var(--jp-toolbar-box-shadow);
+
+  /* move to a new stacking context to exclude from `mix-blend-mode` */
+  z-index: 1;
+}
+
+.jp-sortable-table > tbody {
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.jp-sortable-table-tr > th,
+.jp-sortable-table-tr > td {
+  position: relative;
+  padding: 4px 12px 2px;
+  height: 18px;
+}
+
+.jp-sortable-table-tr > td::before,
+.jp-sortable-table-tr > th::before {
+  border-left: var(--jp-border-width) solid var(--jp-border-color3);
+
+  /* border is implemented via pseudo-element to enable selective blending */
+  content: '';
+  display: block;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+
+  /* this serves to boost border color when background changes on hover */
+  mix-blend-mode: multiply;
+}
+
+.jp-sortable-table-tr > th {
+  font-weight: 500;
+  text-align: left;
+  border-width: var(--jp-border-width) 0;
+  margin-top: calc(var(--jp-border-width) * -1);
+  border-style: solid;
+  border-color: var(--jp-border-color1);
+  background: var(--jp-layout-color1);
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  white-space: nowrap;
+  user-select: none;
+}
+
+.jp-sortable-table-tr > th:not(:first-child) {
+  border-left-color: var(--jp-border-color2);
+}
+
+.jp-sortable-table-tr > th:hover {
+  background: var(--jp-layout-color2);
+}
+
+.jp-sortable-table-tr:hover {
+  background: var(--jp-layout-color2);
+}
+
+.jp-sortable-table-th-wrapper {
+  flex-direction: row;
+  display: flex;
+}
+
+.jp-sortable-table-th-wrapper > label {
+  flex: 1;
+  text-overflow: ellipsis;
+}
+
+.jp-sort-icon {
+  flex: 0;
+  height: var(--jp-ui-font-size1);
+  width: var(--jp-ui-font-size1);
+}
+
+.jp-sort-icon > svg {
+  display: inline;
+  height: auto;
+}
+
+.jp-sortable-table-tr > th:not(.jp-sorted-header) .jp-sort-icon {
+  opacity: 0;
+}
+
+.jp-sortable-table-tr > th:not(.jp-sorted-header):hover .jp-sort-icon {
+  opacity: 0.5;
+}
+
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
 |----------------------------------------------------------------------------*/
 
@@ -2617,7 +2735,8 @@ div.jp-ToolbarButton {
   margin: 0;
 }
 
-button.jp-ToolbarButtonComponent {
+button.jp-ToolbarButtonComponent,
+.jp-ToolbarLabelComponent {
   background: var(--jp-layout-color1);
   border: none;
   box-sizing: border-box;
@@ -2654,6 +2773,13 @@ button.jp-ToolbarButtonComponent .jp-ToolbarButtonComponent-label {
   font-family: var(--jp-ui-font-family);
 }
 
+.jp-ToolbarLabelComponent {
+  background-color: var(--jp-brand-color1);
+  color: var(--jp-ui-inverse-font-color1);
+  font-size: var(--jp-ui-font-size0);
+  user-select: none;
+}
+
 #jp-main-dock-panel[data-mode='single-document']
   .jp-MainAreaWidget
   > .jp-Toolbar.jp-Toolbar-micro {
@@ -3256,8 +3382,7 @@ select {
 }
 
 /*-----------------------------------------------------------------------------
-| Copyright (c) 2014-2017, Jupyter Development Team.
-|
+| Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
 |----------------------------------------------------------------------------*/
 
@@ -3427,8 +3552,7 @@ button.jp-Dialog-close-button {
 }
 
 /*-----------------------------------------------------------------------------
-| Copyright (c) 2014-2016, Jupyter Development Team.
-|
+| Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
 |----------------------------------------------------------------------------*/
 
@@ -3719,8 +3843,7 @@ button.jp-Dialog-close-button {
 }
 
 /*-----------------------------------------------------------------------------
-| Copyright (c) 2014-2017, Jupyter Development Team.
-|
+| Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
 |----------------------------------------------------------------------------*/
 
@@ -3757,19 +3880,19 @@ button.jp-Dialog-close-button {
   padding: 0;
 }
 
-.jp-RenderedText pre a:link {
+.jp-RenderedText pre a[href]:link {
   text-decoration: none;
   color: var(--jp-content-link-color);
 }
 
-.jp-RenderedText pre a:hover {
+.jp-RenderedText pre a[href]:hover {
   text-decoration: underline;
-  color: var(--jp-content-link-color);
+  color: var(--jp-content-link-hover-color, var(--jp-content-link-color));
 }
 
-.jp-RenderedText pre a:visited {
+.jp-RenderedText pre a[href]:visited {
   text-decoration: none;
-  color: var(--jp-content-link-color);
+  color: var(--jp-content-link-visited-color, var(--jp-content-link-color));
 }
 
 /* console foregrounds and backgrounds */
@@ -3988,12 +4111,12 @@ button.jp-Dialog-close-button {
 
 .jp-RenderedHTMLCommon a:hover {
   text-decoration: underline;
-  color: var(--jp-content-link-color);
+  color: var(--jp-content-link-hover-color, var(--jp-content-link-color));
 }
 
 .jp-RenderedHTMLCommon a:visited {
   text-decoration: none;
-  color: var(--jp-content-link-color);
+  color: var(--jp-content-link-visited-color, var(--jp-content-link-color));
 }
 
 /* Headings */
@@ -4453,8 +4576,7 @@ h6:hover .jp-InternalAnchorLink {
 }
 
 /*-----------------------------------------------------------------------------
-| Copyright (c) 2014-2016, Jupyter Development Team.
-|
+| Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
 |----------------------------------------------------------------------------*/
 
@@ -4520,6 +4642,7 @@ h6:hover .jp-InternalAnchorLink {
   font-family: var(--jp-ui-font-family);
   padding: 2px 1px;
   resize: none;
+  white-space: pre;
 }
 
 .jp-DocumentSearch-overlay {
@@ -4590,11 +4713,13 @@ h6:hover .jp-InternalAnchorLink {
 }
 
 .jp-DocumentSearch-toggle-wrapper {
+  flex-shrink: 0;
   width: 14px;
   height: 14px;
 }
 
 .jp-DocumentSearch-button-wrapper {
+  flex-shrink: 0;
   width: var(--jp-private-document-search-button-height);
   height: var(--jp-private-document-search-button-height);
 }
@@ -4718,6 +4843,7 @@ h6:hover .jp-InternalAnchorLink {
   margin: auto 2px;
   padding: 1px 4px;
   height: calc(var(--jp-private-document-search-button-height) + 2px);
+  flex-shrink: 0;
 }
 
 .jp-DocumentSearch-replace-button-wrapper:focus {
@@ -4756,6 +4882,40 @@ h6:hover .jp-InternalAnchorLink {
   background-color: var(--jp-layout-color2);
 }
 
+/*
+  The following few rules allow the search box to expand horizontally,
+  as the text within it grows. This is done by using putting
+  the text within a wrapper element and using that wrapper for sizing,
+  as <textarea> and <input> tags do not grow automatically.
+  This is the underlying technique:
+  https://til.simonwillison.net/css/resizing-textarea
+*/
+.jp-DocumentSearch-input-label::after {
+  content: attr(data-value) ' ';
+  visibility: hidden;
+  white-space: pre;
+}
+
+.jp-DocumentSearch-input-label {
+  display: inline-grid;
+  align-items: stretch;
+}
+
+.jp-DocumentSearch-input-label::after,
+.jp-DocumentSearch-input-label > .jp-DocumentSearch-input {
+  width: auto;
+  min-width: 1em;
+  grid-area: 1/2;
+  font: inherit;
+  padding: 2px 3px;
+  margin: 0;
+  resize: none;
+  background: none;
+  appearance: none;
+  border: none;
+  overflow: hidden;
+}
+
 /*-----------------------------------------------------------------------------
 | Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
@@ -5268,14 +5428,15 @@ h6:hover .jp-InternalAnchorLink {
 }
 
 .jp-OutputArea-child {
-  display: table;
-  table-layout: fixed;
+  display: flex;
+  flex-direction: row;
   width: 100%;
   overflow: hidden;
 }
 
 .jp-OutputPrompt {
   width: var(--jp-cell-prompt-width);
+  flex: 0 0 var(--jp-cell-prompt-width);
   color: var(--jp-cell-outprompt-font-color);
   font-family: var(--jp-cell-prompt-font-family);
   padding: var(--jp-code-padding);
@@ -5298,13 +5459,7 @@ h6:hover .jp-InternalAnchorLink {
   user-select: none;
 }
 
-.jp-OutputArea-prompt {
-  display: table-cell;
-  vertical-align: top;
-}
-
 .jp-OutputArea-output {
-  display: table-cell;
   width: 100%;
   height: auto;
   overflow: auto;
@@ -5346,6 +5501,11 @@ h6:hover .jp-InternalAnchorLink {
   box-shadow: inset 0 0 1px var(--jp-inverse-layout-color0);
 }
 
+.jp-OutputArea-child .jp-OutputArea-output {
+  flex-grow: 1;
+  flex-shrink: 1;
+}
+
 /**
  * Isolated output.
  */
@@ -5453,6 +5613,7 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
 .jp-OutputArea-output.jp-OutputArea-executeResult {
   margin-left: 0;
   width: 100%;
+  flex: 1 1 auto;
 }
 
 /* Text output with the Out[] prompt needs a top padding to match the
@@ -5522,22 +5683,36 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
 
 @media print {
   .jp-OutputArea-child {
+    display: table;
+    table-layout: fixed;
     break-inside: avoid-page;
   }
+
+  .jp-OutputArea-prompt {
+    display: table-cell;
+    vertical-align: top;
+  }
+
+  .jp-OutputArea-output {
+    display: table-cell;
+  }
 }
 
 /*-----------------------------------------------------------------------------
 | Mobile
 |----------------------------------------------------------------------------*/
 @media only screen and (width <= 760px) {
+  .jp-OutputArea-child {
+    flex-direction: column;
+  }
+
   .jp-OutputPrompt {
-    display: table-row;
+    flex: 0 0 auto;
     text-align: left;
   }
 
-  .jp-OutputArea-child .jp-OutputArea-output {
-    display: table-row;
-    margin-left: var(--jp-notebook-padding);
+  .jp-OutputArea-promptOverlay {
+    display: none;
   }
 }
 
@@ -5745,16 +5920,15 @@ Note: input and output wrappers have "display: block" propery in print mode.
 
 /* All input areas */
 .jp-InputArea {
-  display: table;
-  table-layout: fixed;
+  display: flex;
+  flex-direction: row;
   width: 100%;
   overflow: hidden;
 }
 
 .jp-InputArea-editor {
-  display: table-cell;
+  flex: 1 1 auto;
   overflow: hidden;
-  vertical-align: top;
 
   /* This is the non-active, default styling */
   border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
@@ -5763,8 +5937,7 @@ Note: input and output wrappers have "display: block" propery in print mode.
 }
 
 .jp-InputPrompt {
-  display: table-cell;
-  vertical-align: top;
+  flex: 0 0 var(--jp-cell-prompt-width);
   width: var(--jp-cell-prompt-width);
   color: var(--jp-cell-inprompt-font-color);
   font-family: var(--jp-cell-prompt-font-family);
@@ -5788,17 +5961,40 @@ Note: input and output wrappers have "display: block" propery in print mode.
   user-select: none;
 }
 
+/*-----------------------------------------------------------------------------
+| Print
+|----------------------------------------------------------------------------*/
+@media print {
+  .jp-InputArea {
+    display: table;
+    table-layout: fixed;
+  }
+
+  .jp-InputArea-editor {
+    display: table-cell;
+    vertical-align: top;
+  }
+
+  .jp-InputPrompt {
+    display: table-cell;
+    vertical-align: top;
+  }
+}
+
 /*-----------------------------------------------------------------------------
 | Mobile
 |----------------------------------------------------------------------------*/
 @media only screen and (width <= 760px) {
+  .jp-InputArea {
+    flex-direction: column;
+  }
+
   .jp-InputArea-editor {
-    display: table-row;
-    margin-left: var(--jp-notebook-padding);
+    margin-left: var(--jp-code-padding);
   }
 
   .jp-InputPrompt {
-    display: table-row;
+    flex: 0 0 auto;
     text-align: left;
   }
 }
@@ -5813,18 +6009,18 @@ Note: input and output wrappers have "display: block" propery in print mode.
 |----------------------------------------------------------------------------*/
 
 .jp-Placeholder {
-  display: table;
-  table-layout: fixed;
+  display: flex;
+  flex-direction: row;
   width: 100%;
 }
 
 .jp-Placeholder-prompt {
-  display: table-cell;
+  flex: 0 0 var(--jp-cell-prompt-width);
   box-sizing: border-box;
 }
 
 .jp-Placeholder-content {
-  display: table-cell;
+  flex: 1 1 auto;
   padding: 4px 6px;
   border: 1px solid transparent;
   border-radius: 0;
@@ -5867,6 +6063,24 @@ Note: input and output wrappers have "display: block" propery in print mode.
   background: var(--jp-cell-editor-background);
 }
 
+/*-----------------------------------------------------------------------------
+| Print
+|----------------------------------------------------------------------------*/
+@media print {
+  .jp-Placeholder {
+    display: table;
+    table-layout: fixed;
+  }
+
+  .jp-Placeholder-content {
+    display: table-cell;
+  }
+
+  .jp-Placeholder-prompt {
+    display: table-cell;
+  }
+}
+
 /*-----------------------------------------------------------------------------
 | Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
@@ -5971,6 +6185,11 @@ Note: input and output wrappers have "display: block" propery in print mode.
   width: calc(
     var(--jp-cell-prompt-width) - var(--jp-private-cell-scrolling-output-offset)
   );
+  flex: 0 0
+    calc(
+      var(--jp-cell-prompt-width) -
+        var(--jp-private-cell-scrolling-output-offset)
+    );
 }
 
 .jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-promptOverlay {
@@ -5986,7 +6205,7 @@ Note: input and output wrappers have "display: block" propery in print mode.
 |----------------------------------------------------------------------------*/
 
 .jp-MarkdownOutput {
-  display: table-cell;
+  flex: 1 1 auto;
   width: 100%;
   margin-top: 0;
   margin-bottom: 0;
@@ -6104,6 +6323,10 @@ cell outputs.
   .jp-Cell-outputWrapper {
     display: block;
   }
+
+  .jp-MarkdownOutput {
+    display: table-cell;
+  }
 }
 
 /*-----------------------------------------------------------------------------
@@ -6273,8 +6496,15 @@ cell outputs.
   background-color: var(--jp-inverse-layout-color3);
 }
 
+.jp-tocItem-content[data-running='-0.5']::after {
+  /* \FE0E forces the preceding unicode to be rendered as text */
+  content: '\26A0 \FE0E';
+  color: var(--jp-error-color1);
+}
+
 .jp-tocItem-content[data-running='0'],
-.jp-tocItem-content[data-running='1'] {
+.jp-tocItem-content[data-running='1'],
+.jp-tocItem-content[data-running='-0.5'] {
   margin-right: 12px;
 }
 
@@ -6380,6 +6610,7 @@ cell outputs.
 
 .jp-Notebook .jp-Cell .jp-InputPrompt {
   cursor: move;
+  float: left;
 }
 
 /*-----------------------------------------------------------------------------
@@ -6633,8 +6864,8 @@ cell outputs.
 
 .jp-mod-sideBySide.jp-Notebook .jp-CodeCell {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) min-content minmax(
-      0,
+  grid-template-columns: minmax(70px, 1fr) min-content minmax(
+      70px,
       var(--jp-side-by-side-output-size)
     );
   grid-template-rows: auto minmax(0, 1fr) auto;
@@ -6645,8 +6876,8 @@ cell outputs.
 }
 
 .jp-mod-sideBySide.jp-Notebook .jp-CodeCell.jp-mod-resizedCell {
-  grid-template-columns: minmax(0, 1fr) min-content minmax(
-      0,
+  grid-template-columns: minmax(70px, 1fr) min-content minmax(
+      70px,
       var(--jp-side-by-side-resized-cell)
     );
 }
@@ -6775,3 +7006,12 @@ div.jp-Cell-Placeholder-content-3 {
   top: 140px;
 }
 
+/*-----------------------------------------------------------------------------
+| Printing
+|----------------------------------------------------------------------------*/
+@media print {
+  .jp-Notebook .jp-Cell .jp-InputPrompt {
+    float: none;
+  }
+}
+