@jupyterlab/nbconvert-css 4.3.0-alpha.2 → 4.3.0-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/nbconvert-css",
-  "version": "4.3.0-alpha.2",
+  "version": "4.3.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.3.0-alpha.2",
-    "@jupyterlab/apputils": "^4.4.0-alpha.2",
-    "@jupyterlab/cells": "^4.3.0-alpha.2",
-    "@jupyterlab/codemirror": "^4.3.0-alpha.2",
-    "@jupyterlab/notebook": "^4.3.0-alpha.2",
-    "@jupyterlab/outputarea": "^4.3.0-alpha.2",
-    "@jupyterlab/rendermime": "^4.3.0-alpha.2"
+    "@jupyterlab/application": "^4.3.0-beta.0",
+    "@jupyterlab/apputils": "^4.4.0-beta.0",
+    "@jupyterlab/cells": "^4.3.0-beta.0",
+    "@jupyterlab/codemirror": "^4.3.0-beta.0",
+    "@jupyterlab/notebook": "^4.3.0-beta.0",
+    "@jupyterlab/outputarea": "^4.3.0-beta.0",
+    "@jupyterlab/rendermime": "^4.3.0-beta.0"
   },
   "devDependencies": {
     "css-loader": "^6.7.1",

package/style/index.css

@@ -760,6 +760,7 @@
   --jp-icon-check: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjNjE2MTYxIj4KICAgIDxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiLz4KICA8L2c+Cjwvc3ZnPgo=);
   --jp-icon-circle-empty: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTEyIDJDNi40NyAyIDIgNi40NyAyIDEyczQuNDcgMTAgMTAgMTAgMTAtNC40NyAxMC0xMFMxNy41MyAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4eiIvPgogIDwvZz4KPC9zdmc+Cg==);
   --jp-icon-circle: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiLz4KICA8L2c+Cjwvc3ZnPgo=);
+  --jp-icon-cleaning: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMiIGZpbGw9IiM2MTYxNjEiPgogICAgPHBhdGggZD0iTTE2LDExaC0xVjNjMC0xLjEtMC45LTItMi0yaC0yQzkuOSwxLDksMS45LDksM3Y4SDhjLTIuNzYsMC01LDIuMjQtNSw1djdoMTh2LTdDMjEsMTMuMjQsMTguNzYsMTEsMTYsMTF6IE0xOSwyMWgtMnYtMyBjMC0wLjU1LTAuNDUtMS0xLTFzLTEsMC40NS0xLDF2M2gtMnYtM2MwLTAuNTUtMC40NS0xLTEtMXMtMSwwLjQ1LTEsMXYzSDl2LTNjMC0wLjU1LTAuNDUtMS0xLTFzLTEsMC40NS0xLDF2M0g1di01IGMwLTEuNjUsMS4zNS0zLDMtM2g4YzEuNjUsMCwzLDEuMzUsMywzVjIxeiIvPgogIDwvZz4KPC9zdmc+Cg==);
   --jp-icon-clear: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8bWFzayBpZD0iZG9udXRIb2xlIj4KICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIC8+CiAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsPSJibGFjayIvPgogIDwvbWFzaz4KCiAgPGcgY2xhc3M9ImpwLWljb24zIiBmaWxsPSIjNjE2MTYxIj4KICAgIDxyZWN0IGhlaWdodD0iMTgiIHdpZHRoPSIyIiB4PSIxMSIgeT0iMyIgdHJhbnNmb3JtPSJyb3RhdGUoMzE1LCAxMiwgMTIpIi8+CiAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgbWFzaz0idXJsKCNkb251dEhvbGUpIi8+CiAgPC9nPgo8L3N2Zz4K);
   --jp-icon-close: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0ianAtaWNvbi1ub25lIGpwLWljb24tc2VsZWN0YWJsZS1pbnZlcnNlIGpwLWljb24zLWhvdmVyIiBmaWxsPSJub25lIj4KICAgIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjExIi8+CiAgPC9nPgoKICA8ZyBjbGFzcz0ianAtaWNvbjMganAtaWNvbi1zZWxlY3RhYmxlIGpwLWljb24tYWNjZW50Mi1ob3ZlciIgZmlsbD0iIzYxNjE2MSI+CiAgICA8cGF0aCBkPSJNMTkgNi40MUwxNy41OSA1IDEyIDEwLjU5IDYuNDEgNSA1IDYuNDEgMTAuNTkgMTIgNSAxNy41OSA2LjQxIDE5IDEyIDEzLjQxIDE3LjU5IDE5IDE5IDE3LjU5IDEzLjQxIDEyeiIvPgogIDwvZz4KCiAgPGcgY2xhc3M9ImpwLWljb24tbm9uZSBqcC1pY29uLWJ1c3kiIGZpbGw9Im5vbmUiPgogICAgPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iNyIvPgogIDwvZz4KPC9zdmc+Cg==);
   --jp-icon-code-check: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBjbGFzcz0ianAtaWNvbjMganAtaWNvbi1zZWxlY3RhYmxlIiBmaWxsPSIjNjE2MTYxIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiI+CiAgICA8cGF0aCBkPSJNNi41OSwzLjQxTDIsOEw2LjU5LDEyLjZMOCwxMS4xOEw0LjgyLDhMOCw0LjgyTDYuNTksMy40MU0xMi40MSwzLjQxTDExLDQuODJMMTQuMTgsOEwxMSwxMS4xOEwxMi40MSwxMi42TDE3LDhMMTIuNDEsMy40MU0yMS41OSwxMS41OUwxMy41LDE5LjY4TDkuODMsMTZMOC40MiwxNy40MUwxMy41LDIyLjVMMjMsMTNMMjEuNTksMTEuNTlaIiAvPgogIDwvZz4KPC9zdmc+Cg==);
@@ -922,6 +923,10 @@
   background-image: var(--jp-icon-circle);
 }
 
+.jp-CleaningIcon {
+  background-image: var(--jp-icon-cleaning);
+}
+
 .jp-ClearIcon {
   background-image: var(--jp-icon-clear);
 }
@@ -2830,6 +2835,39 @@ button.jp-ToolbarButtonComponent > span {
   flex: 0 0 auto;
 }
 
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+.jp-ThemedContainer {
+  /* Decrease default density for Jupyter toolkit components */
+  --density: -4;
+}
+
+/* Styles for tree view */
+.jp-TreeView {
+  min-width: auto;
+}
+
+.jp-TreeView.jp-mod-flat > .jp-TreeItem::part(content-region) {
+  margin-inline-start: calc(var(--design-unit) * 2px);
+}
+
+/* Styles for tree item */
+.jp-TreeItem::part(expand-collapse-button) {
+  color: var(--jp-inverse-layout-color3);
+}
+
+/* Tune hover for stealth buttons otherwise they won't stand out */
+.jp-TreeItem jp-button[appearance='stealth']:hover {
+  background: var(--tree-item-expand-collapse-hover);
+}
+
+.jp-TreeItem[selected] jp-button[appearance='stealth']:hover {
+  background: var(--tree-item-expand-collapse-selected-hover);
+}
+
 /*
  * Copyright (c) Jupyter Development Team.
  * Distributed under the terms of the Modified BSD License.
@@ -2910,11 +2948,6 @@ button.jp-ToolbarButtonComponent > span {
 
 /* Sibling imports */
 
-:root {
-  /* Increase default density for Jupyter toolkit components */
-  --density: -4;
-}
-
 .jp-ThemedContainer {
   color: var(--jp-ui-font-color1);
   font-size: var(--jp-ui-font-size1);
@@ -4675,7 +4708,8 @@ h6:hover .jp-InternalAnchorLink {
 
 .jp-baseLineForm {
   border: none;
-  border-radius: 0;
+  border-top-right-radius: var(--jp-border-radius);
+  border-bottom-right-radius: var(--jp-border-radius);
   position: absolute;
   background-size: 16px;
   background-repeat: no-repeat;
@@ -4714,13 +4748,15 @@ h6:hover .jp-InternalAnchorLink {
   overflow: hidden;
   padding: 0 8px;
   border: 1px solid var(--jp-border-color0);
+  border-top-left-radius: var(--jp-border-radius);
+  border-bottom-left-radius: var(--jp-border-radius);
   background-color: var(--jp-input-active-background);
   height: 22px;
 }
 
 .jp-lineFormWrapperFocusWithin {
-  border: var(--jp-border-width) solid var(--md-blue-500, #2196f3);
-  box-shadow: inset 0 0 4px var(--md-blue-300, #64b5f6);
+  border: var(--jp-border-width) solid var(--jp-input-active-border-color);
+  box-shadow: var(--jp-input-box-shadow);
 }
 
 .jp-lineFormInput {
@@ -4730,7 +4766,7 @@ h6:hover .jp-InternalAnchorLink {
   border: none;
   outline: none;
   color: var(--jp-ui-font-color0);
-  line-height: 28px;
+  padding: 0;
 }
 
 /*-----------------------------------------------------------------------------
@@ -5352,14 +5388,6 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
   margin-top: 12px;
 }
 
-.jp-LastModified-hidden {
-  display: none;
-}
-
-.jp-FileSize-hidden {
-  display: none;
-}
-
 .jp-FileBrowser .lm-AccordionPanel > h3:first-child {
   display: none;
 }
@@ -5401,24 +5429,48 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
   border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
   box-shadow: var(--jp-toolbar-box-shadow);
   z-index: 2;
+  user-select: none;
 }
 
 .jp-DirListing-headerItem {
   padding: 4px 12px 2px;
   font-weight: 500;
+  overflow: hidden;
+  white-space: nowrap;
+  box-sizing: border-box;
+  display: flex;
+}
+
+.jp-DirListing-headerItemText {
+  flex-grow: 1;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.jp-DirListing-header > .jp-DirListing-headerItem:last-child {
+  flex-grow: 1;
 }
 
 .jp-DirListing-headerItem:hover {
   background: var(--jp-layout-color2);
 }
 
-.jp-DirListing-headerItem.jp-id-name {
+.jp-DirListing-headerItem.jp-id-name:not([style*='width']) {
+  /* default width before user resizes this column */
   flex: 1 1 126px;
 }
 
-.jp-DirListing-headerItem.jp-id-modified {
+.jp-DirListing-headerItem.jp-id-modified:not([style*='width']) {
+  /* default width before user resizes this column */
   flex: 1 0 70px;
-  border-left: var(--jp-border-width) solid var(--jp-border-color2);
+}
+
+.jp-DirListing-headerItem.jp-id-filesize:not([style*='width']) {
+  /* default width before user resizes this column */
+  flex: 0 0 75px;
+}
+
+.jp-DirListing-headerItem.jp-id-modified {
   text-align: right;
   /* stylelint-disable */
   container-type: inline-size;
@@ -5458,29 +5510,9 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
 }
 
 .jp-DirListing-headerItem.jp-id-filesize {
-  flex: 0 0 75px;
-  border-left: var(--jp-border-width) solid var(--jp-border-color2);
   text-align: right;
 }
 
-.jp-id-narrow {
-  display: none;
-  flex: 0 0 5px;
-  padding: 4px;
-  border-left: var(--jp-border-width) solid var(--jp-border-color2);
-  text-align: right;
-  color: var(--jp-border-color2);
-}
-
-.jp-DirListing-narrow .jp-id-narrow {
-  display: block;
-}
-
-.jp-DirListing-narrow .jp-id-modified,
-.jp-DirListing-narrow .jp-DirListing-itemModified {
-  display: none;
-}
-
 .jp-DirListing-headerItem.jp-mod-selected {
   font-weight: 600;
 }
@@ -5514,7 +5546,6 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
 
 .jp-DirListing-item {
   display: flex;
-  flex-direction: row;
   align-items: center;
   padding: 4px 12px;
   -webkit-user-select: none;
@@ -5523,6 +5554,11 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
   user-select: none;
 }
 
+.jp-DirListing-item > :last-child {
+  flex-grow: 1;
+  margin-right: 2px;
+}
+
 .jp-DirListing-checkboxWrapper {
   /* Increases hit area of checkbox. */
   padding: 4px;
@@ -5557,6 +5593,33 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
   }
 }
 
+.jp-DirListing-resizeHandle {
+  min-width: var(--jp-border-width);
+  background: var(--jp-border-color2);
+  height: calc(100% - 4px);
+
+  /* border increases the area where handle can be grabbed */
+  border: 2px solid var(--jp-layout-color1);
+}
+
+.jp-DirListing-resizeHandle.jp-mod-active {
+  background: var(--jp-brand-color1);
+  border-color: var(--jp-brand-color1);
+}
+
+.jp-DirListing-resizeHandle.jp-mod-active:hover {
+  border-color: var(--jp-brand-color1);
+}
+
+.jp-DirListing-resizeHandle:hover {
+  cursor: col-resize;
+  border-color: var(--jp-border-color2);
+}
+
+.jp-DirListing-itemName {
+  display: flex;
+}
+
 .jp-DirListing-item[data-is-dot] {
   opacity: 75%;
 }
@@ -5579,12 +5642,16 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
   margin-right: 4px;
 }
 
-.jp-DirListing-itemText {
-  flex: 1 1 106px;
-  white-space: nowrap;
+.jp-DirListing-itemText,
+.jp-DirListing-itemModified,
+.jp-DirListing-itemFileSize {
   overflow: hidden;
   text-overflow: ellipsis;
-  user-select: none;
+  white-space: nowrap;
+}
+
+.jp-DirListing-itemName:not([style*='width']) > .jp-DirListing-itemText {
+  flex: 1 1 106px;
 }
 
 .jp-DirListing-item:has(.jp-DirListing-itemText:focus-visible) {
@@ -5600,17 +5667,15 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
   outline-color: var(--jp-layout-color1);
 }
 
-.jp-DirListing-item > .jp-DirListing-itemText:focus {
+.jp-DirListing-item > .jp-DirListing-itemName > .jp-DirListing-itemText:focus {
   outline: 0;
 }
 
 .jp-DirListing-itemModified {
-  flex: 1 0 83px;
   text-align: right;
 }
 
 .jp-DirListing-itemFileSize {
-  flex: 0 0 90px;
   text-align: right;
 }
 
@@ -5983,10 +6048,6 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
 | Table of Contents
 |----------------------------------------------------------------------------*/
 
-:root {
-  --jp-private-toc-active-width: 4px;
-}
-
 .jp-TableOfContents {
   display: flex;
   flex-direction: column;
@@ -6017,19 +6078,7 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
   margin: 4px;
 }
 
-.jp-TableOfContents ol {
-  list-style-type: none;
-}
-
-/* stylelint-disable-next-line selector-max-type */
-.jp-TableOfContents li > ol {
-  /* Align left border with triangle icon center */
-  padding-left: 11px;
-}
-
 .jp-TableOfContents-content {
-  /* left margin for the active heading indicator */
-  margin: 0 0 0 var(--jp-private-toc-active-width);
   padding: 0;
   background-color: var(--jp-layout-color1);
 }
@@ -6044,10 +6093,7 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
 .jp-tocItem-heading {
   display: flex;
   cursor: pointer;
-}
-
-.jp-tocItem-heading:hover {
-  background-color: var(--jp-layout-color2);
+  width: 100%;
 }
 
 .jp-tocItem-content {
@@ -6058,40 +6104,6 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
   overflow-x: hidden;
 }
 
-.jp-tocItem-collapser {
-  height: 20px;
-  margin: 2px 2px 0;
-  padding: 0;
-  background: none;
-  border: none;
-  cursor: pointer;
-}
-
-.jp-tocItem-collapser:hover {
-  background-color: var(--jp-layout-color3);
-}
-
-/* Active heading indicator */
-
-.jp-tocItem-heading::before {
-  content: ' ';
-  background: transparent;
-  width: var(--jp-private-toc-active-width);
-  height: 24px;
-  position: absolute;
-  left: 0;
-  border-radius: var(--jp-border-radius);
-}
-
-.jp-tocItem-heading.jp-tocItem-active::before {
-  background-color: var(--jp-brand-color1);
-}
-
-.jp-tocItem-heading:hover.jp-tocItem-active::before {
-  background: var(--jp-brand-color0);
-  opacity: 1;
-}
-
 /*-----------------------------------------------------------------------------
 | Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
@@ -6294,7 +6306,7 @@ Note: input and output wrappers have "display: block" propery in print mode.
 
 .jp-Placeholder-content .jp-MoreHorizIcon:hover {
   border: 1px solid var(--jp-border-color1);
-  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
+  box-shadow: var(--jp-toolbar-box-shadow);
   background-color: var(--jp-layout-color0);
 }